/********************************************************************************************* 

x. Imports

*********************************************************************************************/
/********************************************************************************************* 

x. Mixins

*********************************************************************************************/
/********************************************************************************************* 

x. Keyframes

*********************************************************************************************/
@keyframes burst {
  0% {
    background-image: url(../img/burst-1.svg);
  }
  33.33% {
    background-image: url(../img/burst-2.svg);
  }
  66.66% {
    background-image: url(../img/burst-3.svg);
  }
  100% {
    background-image: none;
  }
}
@font-face {
  font-family: "Avenir LT Pro";
  src: url("../fonts/AvenirLTPro-Book.woff2") format("woff2"), url("../fonts/AvenirLTPro-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Pro";
  src: url("../fonts/AvenirLTPro-Heavy.woff2") format("woff2"), url("../fonts/AvenirLTPro-Heavy.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Pro";
  src: url("../fonts/AvenirLTPro-BookOblique.woff2") format("woff2"), url("../fonts/AvenirLTPro-BookOblique.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Pro";
  src: url("../fonts/AvenirLTPro-HeavyOblique.woff2") format("woff2"), url("../fonts/AvenirLTPro-HeavyOblique.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-MediumItalic.woff2") format("woff2"), url("../fonts/CormorantGaramond-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rotunda";
  src: url("../fonts/../fonts/Rotunda-Bold.woff2") format("woff2"), url("../fonts/../fonts/Rotunda-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rotunda";
  src: url("../fonts/Rotunda-BoldItalic.woff2") format("woff2"), url("../fonts/Rotunda-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.flex-slider .slides,
.flex-slider .slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
  overflow: visible !important;
}

.flexslider .slides {
  /*
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  */
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.flexslider.controls {
  padding: 0 150px;
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

/* ====================================================================================================================
 * Controls
 * ====================================================================================================================*/
.flexslider .flex-direction-nav li {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 20;
}
.flexslider .flex-direction-nav li.flex-nav-next {
  right: 0;
}
.flexslider .flex-direction-nav li.flex-nav-prev {
  left: 0;
}
.flexslider .flex-direction-nav li a {
  width: 60px;
  height: 120px;
  background: #0B2F58;
  display: block;
}
.flexslider .flex-direction-nav li a:hover {
  background: #114785;
}
.flexslider .flex-direction-nav li a svg {
  fill: white;
  width: 12px;
  height: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

section.background-blue .flexslider .flex-direction-nav li a {
  background: #5D9492;
}
section.background-blue .flexslider .flex-direction-nav li a:hover {
  background: #677C87;
}

/* ====================================================================================================================
 * Paging
 * ====================================================================================================================*/
.flexslider.has-paging {
  padding: 0 0 30px 0;
}
.flexslider.has-paging .flex-control-paging {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  list-style: none;
}
.flexslider.has-paging .flex-control-paging li {
  margin: 0 5px;
}
.flexslider.has-paging .flex-control-paging li a {
  text-indent: -999px;
  width: 100px;
  height: 5px;
  background: #F1E8DF;
  display: block;
  overflow: hidden;
}
.flexslider.has-paging .flex-control-paging li a.flex-active {
  background: #677C87;
}
.flexslider.has-paging .flex-control-paging li a:hover {
  background: #5D9492;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  width: 1450px;
  height: auto;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  width: 60px;
  height: 120px;
  background: #0B2F58;
  border: none;
  display: block;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 20;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
.slick-arrow.slick-next {
  right: 0;
}
.slick-arrow.slick-prev {
  left: 0;
}
.slick-arrow:hover {
  background: #114785;
}
.slick-arrow svg {
  fill: white;
  width: 12px;
  height: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

section.quotations.background-blue .slick-arrow {
  background: #5D9492;
}
section.quotations.background-blue .slick-arrow:hover {
  background: #497573;
}

section.text-image-carousel.dividers-yes .slick-list {
  width: 1500px;
}
section.text-image-carousel.dividers-yes .slick-list:after {
  content: "";
  width: 1px;
  height: 9999px;
  background: white;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}

/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);
  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);
  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting.in-view .char {
  opacity: 1;
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));
  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));
  /* Absolute distance from center, only positive */
  --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
  opacity: 0;
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 1s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 1s cubic-bezier(0.4, 0, 0.065, 1);
}
.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));
  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
  overflow: hidden;
}

/********************************************************************************************* 

x. CSS Reset 

*********************************************************************************************/
* {
  margin: 0;
  padding: 0;
  min-height: 0;
  outline: none;
}

/********************************************************************************************* 

x. Typekit

*********************************************************************************************/
.wf-loading {
  visibility: hidden;
}

.wf-active {
  visibility: visible;
}

/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

********************************************************************************************/
html, body {
  font: 18px "Avenir LT Pro", Arial, Helvetica, sans-serif;
  color: #0B2F58;
  width: auto;
  height: auto;
  background: white;
}

a {
  color: #5D9492;
  text-decoration: none;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
a:hover {
  color: #677C87;
}
a img {
  border: none;
}

.center {
  text-align: center;
}

.clear:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

h1[data-burst=true],
h2[data-burst=true],
h3[data-burst=true],
h4[data-burst=true],
h5[data-burst=true],
h6[data-burst=true] {
  position: relative;
}
h1[data-burst=true]:after,
h2[data-burst=true]:after,
h3[data-burst=true]:after,
h4[data-burst=true]:after,
h5[data-burst=true]:after,
h6[data-burst=true]:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../img/burst-1.svg);
  background-size: 30px;
  height: 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  filter: invert(13%) sepia(61%) saturate(1684%) hue-rotate(190deg) brightness(94%) contrast(97%);
  -webkit-animation: burst 2s infinite linear;
  -moz-animation: burst 2s infinite linear;
  -ms-animation: burst 2s infinite linear;
  -o-animation: burst 2s infinite linear;
  animation: burst 2s infinite linear;
}
h1[data-color=blue],
h2[data-color=blue],
h3[data-color=blue],
h4[data-color=blue],
h5[data-color=blue],
h6[data-color=blue] {
  color: #677C87;
}
h1[data-color=blue][data-burst=true]:after,
h2[data-color=blue][data-burst=true]:after,
h3[data-color=blue][data-burst=true]:after,
h4[data-color=blue][data-burst=true]:after,
h5[data-color=blue][data-burst=true]:after,
h6[data-color=blue][data-burst=true]:after {
  filter: invert(50%) sepia(29%) saturate(253%) hue-rotate(156deg) brightness(88%) contrast(90%);
}
h1[data-color=green],
h2[data-color=green],
h3[data-color=green],
h4[data-color=green],
h5[data-color=green],
h6[data-color=green] {
  color: #5D9492;
}
h1[data-color=green][data-burst=true]:after,
h2[data-color=green][data-burst=true]:after,
h3[data-color=green][data-burst=true]:after,
h4[data-color=green][data-burst=true]:after,
h5[data-color=green][data-burst=true]:after,
h6[data-color=green][data-burst=true]:after {
  filter: invert(54%) sepia(27%) saturate(442%) hue-rotate(129deg) brightness(94%) contrast(92%);
}
h1[data-color=orange],
h2[data-color=orange],
h3[data-color=orange],
h4[data-color=orange],
h5[data-color=orange],
h6[data-color=orange] {
  color: #DD9435;
}
h1[data-color=orange][data-burst=true]:after,
h2[data-color=orange][data-burst=true]:after,
h3[data-color=orange][data-burst=true]:after,
h4[data-color=orange][data-burst=true]:after,
h5[data-color=orange][data-burst=true]:after,
h6[data-color=orange][data-burst=true]:after {
  filter: invert(84%) sepia(16%) saturate(6702%) hue-rotate(335deg) brightness(92%) contrast(87%);
}
h1[data-color=yellow],
h2[data-color=yellow],
h3[data-color=yellow],
h4[data-color=yellow],
h5[data-color=yellow],
h6[data-color=yellow] {
  color: #F7D434;
}
h1[data-color=yellow][data-burst=true]:after,
h2[data-color=yellow][data-burst=true]:after,
h3[data-color=yellow][data-burst=true]:after,
h4[data-color=yellow][data-burst=true]:after,
h5[data-color=yellow][data-burst=true]:after,
h6[data-color=yellow][data-burst=true]:after {
  filter: invert(94%) sepia(97%) saturate(6713%) hue-rotate(326deg) brightness(98%) contrast(97%);
}

h1,
h2,
h3,
h5,
h6 {
  font-family: "Rotunda", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
h1 a,
h2 a,
h3 a,
h5 a,
h6 a {
  text-decoration: none !important;
}

h1 {
  font-size: 6.25rem;
  line-height: 1em;
}

h2 {
  font-size: 3.25rem;
}

h3 {
  font-size: 2rem;
}
h3[data-burst=true]:after {
  position: relative;
  bottom: 20px;
}

h4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.889rem;
  font-weight: 500;
}

h5 {
  font-size: 1.111rem;
}

h6 {
  font-size: 0.667rem;
}

.image.lazy {
  display: block;
  overflow: hidden;
}
.image.lazy.loaded img {
  filter: blur(0);
}
.image.lazy img {
  filter: blur(30px);
  display: block !important;
  /*
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  */
  -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.8s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.8s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.8s cubic-bezier(0.4, 0, 0.065, 1);
}
.image img,
.image object,
.image svg {
  width: 100%;
  height: auto;
  display: block;
}

p {
  line-height: 1.5em;
}

strong {
  font-weight: bold;
}

svg {
  display: block;
  overflow: hidden;
}

.uppercase {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.wrapper {
  margin: 0 auto;
  position: relative;
}
.wrapper.large {
  width: 1600px;
}
.wrapper.medium {
  width: 1400px;
}
.wrapper.small {
  width: 1200px;
}

/********************************************************************************************* 

x. Margin + Padding

*********************************************************************************************/
.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

/********************************************************************************************* 

x. Columns & Widths

*********************************************************************************************/
.width-10 {
  width: 10%;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-30 {
  width: 30%;
}

.width-33 {
  width: 33.33%;
}

.width-35 {
  width: 35%;
}

.width-40 {
  width: 40%;
}

.width-45 {
  width: 45%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66.66%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-85 {
  width: 85%;
}

.width-90 {
  width: 80%;
}

.width-95 {
  width: 95%;
}

.width-100 {
  width: 100%;
}

/********************************************************************************************* 

x. Content

*********************************************************************************************/
.content.bottom {
  margin: 40px 0 0 0;
}
.content.large {
  font-size: 1.333em;
}
.content.small {
  font-size: 0.778em;
}
.content.small h1,
.content.small h2,
.content.small h3,
.content.small h4,
.content.small h5,
.content.small h6,
.content.small ol,
.content.small p,
.content.small ul {
  margin-bottom: 10px;
}
.content.small large {
  font-size: 1.143em;
}
.content.small small {
  font-size: 0.929em;
}
.content.top {
  margin: 0 0 40px 0;
}
.content.white {
  color: white;
}
.content.white a {
  color: white;
}
.content a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.1em;
}
.content a.back:before {
  content: "\f3cf";
  font-family: "IonIcons" !important;
  font-weight: normal;
  margin: 0 10px 0 0;
}
.content a.no-underline {
  text-decoration: none;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content ol,
.content p,
.content ul {
  margin-bottom: 30px;
}
.content h1.small-margin,
.content h2.small-margin,
.content h3.small-margin,
.content h4.small-margin,
.content h5.small-margin,
.content h6.small-margin,
.content ol.small-margin,
.content p.small-margin,
.content ul.small-margin {
  margin-bottom: 10px;
}
.content .gallery .gallery-item a {
  display: block;
}
.content .gallery .gallery-item img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
}
.content ol,
.content ul {
  margin-left: 40px;
}
.content ol li,
.content ul li {
  line-height: 1.5em;
}

.content > :last-child {
  margin-bottom: 0;
}

/********************************************************************************************* 

x. Button

*********************************************************************************************/
a.button {
  color: white;
  font-family: "Rotunda", sans-serif;
  font-size: 0.667em;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
  background: #677C87;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 60px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
a.button[data-background=green] {
  background: #5D9492;
}
a.button[data-background=green]:hover {
  background: #497573;
}
a.button[data-background=orange] {
  background: #DD9435;
}
a.button[data-background=orange]:hover {
  background: #bf7a20;
}
a.button[data-background=yellow] {
  background: #F7D434;
}
a.button[data-background=yellow]:hover {
  background: #efc509;
}
a.button:hover {
  background: #51616a;
}

/********************************************************************************************* 

x. Mobile Menu

*********************************************************************************************/
#mobile-menu {
  width: 400px;
  height: auto;
  background: #0B2F58;
  display: flex;
  flex-direction: column;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
#mobile-menu .overlay {
  pointer-events: none;
  width: 9999px;
  height: auto;
  background: rgba(241, 232, 223, 0.9);
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  z-index: 9999;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
#mobile-menu .menu {
  padding: 50px;
  overflow: scroll;
}
#mobile-menu .menu .close {
  color: #DD9435;
  font-family: "Rotunda", sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-align: right;
  text-transform: uppercase;
  margin: 0 0 50px 0;
  display: block;
}
#mobile-menu .menu .close:hover {
  color: #ecc28c;
}
#mobile-menu .menu .navigation {
  list-style: none;
}
#mobile-menu .menu .navigation > li:not(:last-child) {
  margin: 0 0 40px 0;
}
#mobile-menu .menu .navigation > li > a {
  color: #F1E8DF;
  font-family: "Rotunda", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-transform: uppercase;
  display: block;
}
#mobile-menu .menu .navigation > li > a:hover {
  color: #F7D434;
}

body.menu-is-open {
  overflow: hidden;
}
body.menu-is-open #mobile-menu {
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
body.menu-is-open #mobile-menu .overlay {
  opacity: 1;
}

/********************************************************************************************* 

x. Header

*********************************************************************************************/
header {
  background: white;
  border-bottom: 1px solid #EBEBEB;
  padding: 35px 0;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
header.duplicate {
  visibility: hidden;
}
header.fixed {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
header.minimized {
  padding: 20px 0;
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
header.minimized.visible {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
header.minimized .anchor-navigation {
  margin: 20px 0 -25px 0;
  padding: 20px 0 0 0;
}
header.minimized .logo {
  width: 110px;
}
header.minimized .notification-bar {
  display: none;
}
header.transparent {
  background: none;
  border-bottom: none;
  padding: 50px 0 0 0;
  -webkit-transition: transform 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: transform 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
header.transparent.hidden {
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
header.transparent .hamburger {
  background: white;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}
header.transparent .hamburger .line {
  background: #0B2F58;
}
header.transparent .logo {
  margin: 0 0 40px 0;
  /*
  &.video {
  	display: block;
  }
  */
}
header.transparent .logo.dark {
  display: none;
}
header.transparent .logo.light {
  display: block;
}
header.transparent .navigation.main {
  margin: 0;
}
header.transparent .navigation.main li:last-child, header.transparent .navigation.main li:not(:last-child) {
  margin: 0 25px 25px 25px;
}
header.transparent .navigation.main li a {
  color: white;
}
header.transparent .navigation.main li a:hover {
  color: #F7D434;
}
header.transparent .notification-bar {
  margin: -50px 0 50px 0;
}
header.transparent .wrapper {
  align-items: center;
  flex-direction: column;
}
header .anchor-navigation {
  border-top: 1px solid #EBEBEB;
  margin: 20px 0 -35px 0;
  padding: 30px 0 10px 0;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
header .hamburger {
  width: 50px;
  height: 50px;
  background: #0B2F58;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: none;
  position: relative;
}
header .hamburger:hover .line.first {
  animation: line 0.75s ease;
}
header .hamburger:hover .line.second {
  animation: line 0.75s 0.1s ease;
}
header .hamburger:hover .line.third {
  animation: line 0.75s 0.2s ease;
}
header .hamburger .line {
  width: auto;
  height: 2px;
  background: #F1E8DF;
  display: block;
  position: absolute;
  left: 15px;
  right: 15px;
}
header .hamburger .line.first {
  top: 17px;
}
header .hamburger .line.second {
  top: 24px;
}
header .hamburger .line.third {
  bottom: 17px;
}
header .logo {
  width: 180px;
  height: auto;
  display: block;
  -webkit-transition: width 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: width 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: width 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: width 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: width 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  /*
  &.video {
  	width: 800px; height: auto;
  	video {
  		width: 100%; height: auto;
  		display: block;
  	}
  }
  */
}
header .logo.light, header .logo.video {
  display: none;
}
header .navigation {
  display: flex;
  list-style: none;
}
header .navigation.anchors {
  width: 100%;
  height: auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}
header .navigation.anchors li {
  margin: 0 0 20px 40px;
}
header .navigation.anchors li.current-menu-item a {
  color: #DD9435;
}
header .navigation.anchors li a {
  color: #AAABAC;
  font-size: 0.722em;
  font-family: "Rotunda", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
header .navigation.anchors li a:hover {
  color: #DD9435;
}
header .navigation.main {
  margin: 0 0 10px 70px;
  justify-content: flex-start;
}
header .navigation.main li.current-menu-item a {
  color: #DD9435;
}
header .navigation.main li:not(:last-child) {
  margin: 0 50px 0 0;
}
header .navigation.main li a {
  color: #0B2F58;
  font-size: 0.778em;
  font-family: "Rotunda", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
}
header .navigation.main li a:hover {
  color: #DD9435;
}
header .notification-bar {
  background-color: #DD9435;
  background-position: center center;
  background-size: cover;
  margin: -35px 0 35px 0;
  padding: 30px 0;
  position: relative;
}
header .notification-bar a[href="#close"] {
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
}
header .notification-bar a[href="#close"] svg {
  fill: currentColor;
  width: 12px;
  height: auto;
}
header .wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

/********************************************************************************************* 

x. Main

*********************************************************************************************/
main {
  overflow: hidden;
}
main section {
  margin-bottom: 160px;
  position: relative;
  z-index: 20;
}
main section.background-blue {
  background: #193057;
}
main section.background-tan {
  background-color: #F1E8DF;
  background-image: url("../img/lines.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
main section:first-child:not(.full-width) {
  margin-top: 160px;
}
section.connect-to-next-section + section,
section.filters + section.communities,
section.text.background-white + section.text.background-white,
section.text-image-carousel + section.text-image-carousel {
  margin-top: -120px;
}

section.full-width + section.full-width {
  margin-top: -160px;
}

section.image.connect-to-next-section + section.text {
  margin-top: -330px;
}
section.image.connect-to-next-section + section.text .columns .column:first-child .content {
  color: white;
  background: #5D9492;
  padding: 50px;
}
section.image.connect-to-next-section + section.text .columns .column:first-child .content h1,
section.image.connect-to-next-section + section.text .columns .column:first-child .content h2,
section.image.connect-to-next-section + section.text .columns .column:first-child .content h3,
section.image.connect-to-next-section + section.text .columns .column:first-child .content h4,
section.image.connect-to-next-section + section.text .columns .column:first-child .content h5,
section.image.connect-to-next-section + section.text .columns .column:first-child .content h6 {
  color: #F1E8DF;
}
section.image.connect-to-next-section + section.text .columns .column:first-child .content a {
  color: white;
}

/********************************************************************************************* 

x. Footer

*********************************************************************************************/
footer {
  padding: 0 0 90px 0;
}
footer .columns {
  margin: -20px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .columns .column .inside {
  padding: 20px;
}
footer .equal-housing {
  width: 20px;
  height: auto;
}
footer .equal-housing svg {
  fill: #0B2F58;
}
footer .logo {
  width: 60px;
  height: auto;
  margin: 0 auto 30px auto;
  display: block;
}
footer .navigation {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  list-style: none;
}
footer .navigation li:not(:last-child) {
  margin: 0 0 10px 0;
}
footer .social-media {
  margin: 30px 0 0 0;
  display: flex;
  justify-content: flex-end;
  list-style: none;
}
footer .social-media li:not(:last-child) {
  margin: 0 40px 0 0;
}
footer .social-media li a {
  display: block;
}
footer .social-media li a:hover svg {
  fill: #DD9435;
}
footer .social-media li a svg {
  fill: #0B2F58;
  width: auto;
  height: 30px;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}

/********************************************************************************************* 

x. Blog

*********************************************************************************************/
section.blog .columns {
  margin: -5px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.blog .columns .column .inside {
  padding: 5px;
}
section.blog .columns .column .inside .content {
  padding: 0 20px;
}
section.blog .columns .column .inside .image {
  margin: 0 0 40px 0;
}

/********************************************************************************************* 

x. Communities - Grid

*********************************************************************************************/
section.communities.grid .grid {
  margin: -30px -5px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
section.communities.grid .grid .item .inside {
  padding: 30px 5px;
}
section.communities.grid .grid .item .inside .content ul {
  margin-left: 0;
  display: flex;
  justify-content: center;
  list-style: none;
}
section.communities.grid .grid .item .inside .content ul li {
  margin: 0 5px;
}
section.communities.grid .grid .item .inside .content ul li:not(:last-child) {
  border-right: 1px solid #DD9435;
  padding: 0 10px 0 0;
}
section.communities.grid .grid .item .inside .image {
  margin: 0 0 40px 0;
}

/********************************************************************************************* 

x. Communities - Map

*********************************************************************************************/
section.communities.map .map {
  background: #677C87;
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
section.communities.map .map.open .community.visible {
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
section.communities.map .map.open .google-map {
  left: 500px;
}
section.communities.map .map .community {
  width: 500px;
  height: 100%;
  background: #677C87;
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
section.communities.map .map .community.visible {
  position: relative;
  z-index: 10;
}
section.communities.map .map .community .content {
  padding: 40px;
}
section.communities.map .map .community .content a {
  color: #7DCBC8;
}
section.communities.map .map .community .content a:hover {
  color: #5D9492;
}
section.communities.map .map .community .content h1[data-color=green],
section.communities.map .map .community .content h2[data-color=green],
section.communities.map .map .community .content h3[data-color=green],
section.communities.map .map .community .content h5[data-color=green],
section.communities.map .map .community .content h6[data-color=green] {
  color: #7DCBC8;
}
section.communities.map .map .community .content ul {
  margin-left: 0;
  display: flex;
  justify-content: flex-start;
  list-style: none;
}
section.communities.map .map .community .content ul li {
  margin: 0 10px 0 0;
}
section.communities.map .map .community .content ul li:not(:last-child) {
  border-right: 1px solid #7DCBC8;
  padding: 0 10px 0 0;
}
section.communities.map .map .google-map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
section.communities.map .map .google-map .cluster {
  color: white;
  font-family: "Avenir LT Pro", Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 25px;
  text-align: center;
  background: #DD9435;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
section.communities.map .map .google-map .cluster:hover {
  background: #5D9492;
}
section.communities.map .map .google-map .cluster img {
  display: none;
}
section.communities.map .map .google-map .label {
  color: white;
  font-family: "Avenir LT Pro", Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  background: #5D9492;
  padding: 10px;
}
section.communities.map .map .google-map .label img {
  display: none;
}

/********************************************************************************************* 

x. Employees

*********************************************************************************************/
section.employees .grid {
  margin: -30px -15px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
section.employees .grid .full-information {
  display: none;
}
section.employees .grid .full-information .inside {
  padding: 30px 0 80px 0;
}
section.employees .grid .full-information .inside .content .name-and-title {
  margin-left: 0;
  display: flex;
  list-style: none;
}
section.employees .grid .full-information .inside .content .name-and-title li:not(:last-child) {
  border-right: 1px solid #5D9492;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
}
section.employees .grid .full-information .inside .link {
  position: absolute;
  top: 0;
  right: 0;
}
section.employees .grid .full-information .inside .link:hover svg {
  fill: red;
}
section.employees .grid .full-information .inside .link svg {
  fill: red;
  width: 25px;
  height: auto;
}
section.employees .grid .item.active .inside:after {
  height: 100%;
}
section.employees .grid .item.active .inside .content p:last-child {
  display: none;
}
section.employees .grid .item .full-information {
  display: none;
}
section.employees .grid .item .inside {
  margin: 30px 15px;
  position: relative;
}
section.employees .grid .item .inside:after {
  content: "";
  width: 100%;
  height: 0;
  background: #F1E8DF;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: height 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: height 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: height 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: height 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: height 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
section.employees .grid .item .inside:hover .image.hover {
  opacity: 1;
}
section.employees .grid .item .inside .content {
  padding: 30px;
  position: relative;
  z-index: 10;
}
section.employees .grid .item .inside .image {
  position: relative;
  z-index: 10;
}
section.employees .grid .item .inside .image.hover {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  -webkit-transition: opacity 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: opacity 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
section.employees .grid .item .inside .link {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
}

/********************************************************************************************* 

x. Filters

*********************************************************************************************/
section.filters {
  border-bottom: 2px solid #EBEBEB;
  z-index: 30;
}
section.filters .breadcrumbs {
  border-top: 2px solid #EBEBEB;
  padding: 30px 0;
}
section.filters .breadcrumbs .content ul {
  margin-left: 0;
  display: flex;
  justify-content: center;
  list-style: none;
}
section.filters .breadcrumbs .content ul li {
  margin: 0 5px;
}
section.filters .breadcrumbs .content ul li:not(:last-child) {
  border-right: 1px solid #DD9435;
  padding: 0 10px 0 0;
}
section.filters .navigation {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
section.filters .navigation > li {
  padding: 50px 25px;
  position: relative;
}
section.filters .navigation > li.border {
  border-right: 2px solid #EBEBEB;
  margin-right: 25px;
  padding-right: 50px;
}
section.filters .navigation > li.break {
  padding: 0;
}
section.filters .navigation > li.current-menu-item > a {
  color: #DD9435;
}
section.filters .navigation > li.current-menu-item > a:before {
  background: #DD9435;
}
section.filters .navigation > li.current-menu-item > a .icon svg {
  fill: #DD9435;
}
section.filters .navigation > li.large > a {
  font-size: 1em;
}
section.filters .navigation > li.menu-item-has-children:hover > a:after {
  content: "-";
}
section.filters .navigation > li.menu-item-has-children:hover > .sub-menu {
  pointer-events: all;
  opacity: 1;
}
section.filters .navigation > li.menu-item-has-children > a:after {
  content: "+";
  margin: 0 0 0 5px;
}
section.filters .navigation > li.no-square > a {
  padding: 0;
}
section.filters .navigation > li.no-square > a:before {
  display: none;
}
section.filters .navigation > li > a {
  color: #76787B;
  font-size: 0.778em;
  font-family: "Rotunda", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-transform: uppercase;
  padding: 0 0 0 30px;
  display: block;
  position: relative;
}
section.filters .navigation > li > a:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #D7D7D7;
  position: absolute;
  top: -1px;
  left: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
section.filters .navigation > li > a:hover {
  color: #DD9435;
}
section.filters .navigation > li > a:hover:before {
  background: #DD9435;
}
section.filters .navigation > li > a:hover .icon svg {
  fill: #DD9435;
}
section.filters .navigation > li > a .icon,
section.filters .navigation > li > a .label {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
section.filters .navigation > li > a .icon svg {
  fill: #D7D7D7;
  width: auto;
  height: 30px;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
section.filters .navigation > li > a .label {
  margin: 0 0 0 10px;
}
section.filters .navigation > li > label {
  color: #76787B;
  font-size: 0.778em;
  font-family: "Rotunda", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 0 0 30px;
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
section.filters .navigation > li > label:hover {
  color: #DD9435;
}
section.filters .navigation > li > label .checkmark {
  width: 15px;
  height: 15px;
  background: #D7D7D7;
  position: absolute;
  top: -1px;
  left: 0;
}
section.filters .navigation > li > label input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
section.filters .navigation > li > label input:checked ~ .checkmark {
  background-color: #DD9435;
}
section.filters .navigation > li > .sub-menu {
  pointer-events: none;
  background: white;
  border: 2px solid #EBEBEB;
  opacity: 0;
  padding: 30px;
  position: absolute;
  top: 100%;
  left: -5px;
  z-index: 10;
  list-style: none;
  -webkit-animation: opacity 0.5s 1 cubic-bezier(0.4, 0, 0.065, 1);
  -moz-animation: opacity 0.5s 1 cubic-bezier(0.4, 0, 0.065, 1);
  -ms-animation: opacity 0.5s 1 cubic-bezier(0.4, 0, 0.065, 1);
  -o-animation: opacity 0.5s 1 cubic-bezier(0.4, 0, 0.065, 1);
  animation: opacity 0.5s 1 cubic-bezier(0.4, 0, 0.065, 1);
}
section.filters .navigation > li > .sub-menu > li.current-menu-item > a {
  color: #DD9435;
}
section.filters .navigation > li > .sub-menu > li.current-menu-item > a:before {
  background: #DD9435;
}
section.filters .navigation > li > .sub-menu > li:not(:last-child) {
  margin: 0 0 20px 0;
}
section.filters .navigation > li > .sub-menu > li > a {
  color: #76787B;
  font-size: 0.778em;
  font-family: "Rotunda", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 0 0 30px;
  display: block;
  position: relative;
}
section.filters .navigation > li > .sub-menu > li > a:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #D7D7D7;
  position: absolute;
  top: -1px;
  left: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.065, 1);
}
section.filters .navigation > li > .sub-menu > li > a:hover {
  color: #DD9435;
}
section.filters .navigation > li > .sub-menu > li > a:hover:before {
  background: #DD9435;
}
section.filters .navigation > li > .sub-menu > li > label {
  color: #76787B;
  font-size: 0.778em;
  font-family: "Rotunda", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 0 0 30px;
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
section.filters .navigation > li > .sub-menu > li > label:hover {
  color: #DD9435;
}
section.filters .navigation > li > .sub-menu > li > label .checkmark {
  width: 15px;
  height: 15px;
  background: #D7D7D7;
  position: absolute;
  top: -1px;
  left: 0;
}
section.filters .navigation > li > .sub-menu > li > label input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
section.filters .navigation > li > .sub-menu > li > label input:checked ~ .checkmark {
  background-color: #DD9435;
}

/********************************************************************************************* 

x. Form

*********************************************************************************************/
section.form {
  background: #F1E8DF;
  padding: 60px 0;
}
section.form .nf-form-content {
  max-width: none;
  padding: 0;
}
section.form .nf-form-layout .nf-before-form-content {
  margin: 0 0 10px 0;
}
section.form .nf-form-layout .nf-form-content input:not([type=button]),
section.form .nf-form-layout .nf-form-content textarea {
  color: #76787B;
  font: 18px "Avenir LT Pro", Arial, Helvetica, sans-serif;
  background-color: white;
  border-color: white;
  resize: none;
}
section.form .nf-form-layout .nf-form-content button,
section.form .nf-form-layout .nf-form-content input[type=button],
section.form .nf-form-layout .nf-form-content input[type=submit] {
  color: white;
  font-family: "Rotunda", sans-serif;
  font-size: 0.667em;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
  background: #DD9435;
  border: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 60px;
  cursor: pointer;
}
section.form .nf-form-layout .nf-form-content button:hover,
section.form .nf-form-layout .nf-form-content input[type=button]:hover,
section.form .nf-form-layout .nf-form-content input[type=submit]:hover {
  background: #bf7a20;
}
section.form .nf-form-title {
  margin: 0 0 40px 0;
  display: block;
}

/********************************************************************************************* 

x. Image

*********************************************************************************************/
section.image.connect-to-next-section {
  position: relative;
}
section.image.connect-to-next-section .overlay {
  background: linear-gradient(180deg, rgba(20, 20, 22, 0.25) 0%, rgba(0, 0, 0, 0.4) 100%);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
section.image.image-size-full-width .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.image.image-size-full-width .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.image.image-size-full-width .wrapper.large {
  width: 100%;
  height: 100vh;
}
section.image .overlay {
  display: none;
}

/********************************************************************************************* 

x. Pagination

*********************************************************************************************/
section.pagination.full-width {
  padding: 60px 0;
}
section.pagination .page-numbers {
  margin: 0;
  display: flex;
  justify-content: center;
  list-style: none;
}
section.pagination .page-numbers li {
  font-family: "Rotunda", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 10px;
}
section.pagination .page-numbers li a {
  text-decoration: none;
  display: block;
}

/********************************************************************************************* 

x. Post

*********************************************************************************************/
section.post {
  border-bottom: 2px solid #EBEBEB;
  padding: 50px 0;
}
section.post .columns {
  margin: -30px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.post .columns .column .inside {
  padding: 30px;
}
section.post .columns .column .inside .content {
  padding: 60px 0 0 0;
}

/********************************************************************************************* 

x. Quotations

*********************************************************************************************/
section.quotations.background-blue .content:before {
  filter: invert(88%) sepia(84%) saturate(6946%) hue-rotate(328deg) brightness(102%) contrast(94%);
}
section.quotations.background-blue .content h5 {
  color: #F7D434;
}
section.quotations.background-tan .content:before {
  filter: invert(49%) sepia(6%) saturate(1209%) hue-rotate(157deg) brightness(94%) contrast(93%);
}
section.quotations.background-tan .content h5 {
  color: #677C87;
}
section.quotations.full-width {
  padding: 60px 0;
}
section.quotations .content {
  padding: 0 0 0 110px;
  position: relative;
}
section.quotations .content:before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 64.61"><path d="M35.88 10.09q-17.23 8.42-17.24 19.76a19 19 0 0 1 12.19 6 16.84 16.84 0 0 1 4.77 11.8 16.74 16.74 0 0 1-4.7 12.05 15.5 15.5 0 0 1-11.7 4.91 17.49 17.49 0 0 1-13.52-6.38A22.43 22.43 0 0 1 0 42.75Q0 15.42 30.41 0Zm44.12 0q-17.1 8.42-17.1 19.76a18.85 18.85 0 0 1 12.05 6 16.84 16.84 0 0 1 4.77 11.84 16.85 16.85 0 0 1-4.63 12.01 15.27 15.27 0 0 1-11.63 4.91q-7.85 0-13.59-6.38a22.26 22.26 0 0 1-5.75-15.48q0-27.33 30.55-42.75Z"/></svg>');
  width: 80px;
  height: auto;
  filter: invert(66%) sepia(7%) saturate(1539%) hue-rotate(129deg) brightness(82%) contrast(92%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
section.quotations .content h5 {
  color: #5D9492;
  padding: 0 80px 0 0;
  text-align: right;
}
section.quotations .wrapper.small {
  width: 900px;
}

/********************************************************************************************* 

x. Slideshow

*********************************************************************************************/
section.slideshow.default .content {
  margin: 30px 0 0 0;
}
section.slideshow.home {
  position: relative;
  overflow: hidden;
}
section.slideshow.home:first-child {
  min-height: 90vh;
}
section.slideshow.home:first-child .flexslider {
  min-height: 90vh;
}
section.slideshow.home:first-child .flexslider .slides {
  min-height: 90vh;
}
section.slideshow.home:first-child .flexslider .slides .slide {
  min-height: 90vh;
}
section.slideshow.home:first-child .flexslider .slides .slide .content {
  padding-bottom: 100px;
}
section.slideshow.home:first-child .flexslider .slides .slide .wrapper {
  min-height: 90vh;
}
section.slideshow.home .flexslider .slides .slide .content {
  max-width: 800px;
  padding: 200px 0;
}
section.slideshow.home .flexslider .slides .slide .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.slideshow.home .flexslider .slides .slide .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.slideshow.home .flexslider .slides .slide .video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.slideshow.home .flexslider .slides .slide .video video {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
section.slideshow.home .flexslider .slides .slide .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 20;
}
section.slideshow.home .overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

/********************************************************************************************* 

x. Text

*********************************************************************************************/
section.text.background-tan {
  background: white;
  position: relative;
  z-index: 10;
}
section.text.background-tan .background {
  width: 100%;
  height: 280px;
  background-color: #F1E8DF;
  background-image: url("../img/lines.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: -100px;
  left: 0;
}
section.text.background-tan .wrapper {
  z-index: 10;
}
section.text .columns {
  margin: -30px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.text .columns .column .inside {
  padding: 30px;
}

/********************************************************************************************* 

x. Text + Image
x. Text + Video

*********************************************************************************************/
section.text-image,
section.text-video {
  overflow: hidden;
}
section.text-image.background-tan,
section.text-video.background-tan {
  background: white;
  position: relative;
  z-index: 10;
  overflow: visible;
}
section.text-image.background-tan .background,
section.text-video.background-tan .background {
  width: 100%;
  height: 280px;
  background-color: #F1E8DF;
  background-image: url("../img/lines.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: -50px;
  left: 0;
}
section.text-image.background-tan .wrapper,
section.text-video.background-tan .wrapper {
  z-index: 10;
}
section.text-image.text-position-left .columns,
section.text-video.text-position-left .columns {
  flex-direction: row-reverse;
}
section.text-image.text-position-overlay,
section.text-video.text-position-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
section.text-image.text-position-overlay.text-spacing-small .content,
section.text-video.text-position-overlay.text-spacing-small .content {
  max-width: none;
  padding: 100px 0;
}
section.text-image.text-position-overlay.text-spacing-medium .content,
section.text-video.text-position-overlay.text-spacing-medium .content {
  padding: 200px 0;
}
section.text-image.text-position-overlay.text-spacing-large .content,
section.text-video.text-position-overlay.text-spacing-large .content {
  padding: 600px 0 100px 0;
}
section.text-image.text-position-overlay .content,
section.text-video.text-position-overlay .content {
  max-width: 1000px;
}
section.text-image.text-position-overlay .image,
section.text-video.text-position-overlay .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.text-image.text-position-overlay .image img,
section.text-video.text-position-overlay .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.text-image.text-position-overlay .overlay,
section.text-video.text-position-overlay .overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
section.text-image.text-position-overlay .video,
section.text-video.text-position-overlay .video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  /*
  .fluid-width-video-wrapper {
  	width: 1000%; height: 100%;
  	padding: 0 !important;
  	-moz-transform: translateX(-50%) translateY(-50%);
  	-webkit-transform: translateX(-50%) translateY(-50%);
  	-o-transform: translateX(-50%) translateY(-50%);
  	-ms-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
  	position: absolute;
  	top: 50%; 
  	left: 50%; right: auto;
  	iframe {
  		width: auto; height: auto;
  		min-width: 100%;
  		min-height: 100%;
  		position: absolute;
  	}
  }
  */
}
section.text-image.text-position-overlay .video .fluid-width-video-wrapper,
section.text-video.text-position-overlay .video .fluid-width-video-wrapper {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}
section.text-image.text-position-overlay .wrapper,
section.text-video.text-position-overlay .wrapper {
  z-index: 30;
}
section.text-image.text-position-right .columns,
section.text-video.text-position-right .columns {
  flex-direction: row;
}
section.text-image .columns,
section.text-video .columns {
  margin: -25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
section.text-image .columns .column .inside,
section.text-video .columns .column .inside {
  padding: 25px;
}

/********************************************************************************************* 

x. Text + Image Carousel

*********************************************************************************************/
section.text-image-carousel.dividers-yes .slick .slide .inside {
  padding: 25px 50px;
  position: relative;
}
section.text-image-carousel.dividers-yes .slick .slide .inside:after {
  content: "";
  width: 1px;
  height: 9999px;
  background: #EBEBEB;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}
section.text-image-carousel .slick .slide .inside {
  padding: 0 25px;
}
section.text-image-carousel .slick .slide .inside .image {
  margin: 0 0 40px 0;
}

.home section.text-image-carousel.dividers-yes .slick .slide .inside .image {
  max-width: 125px;
  margin: 0 auto 40px auto;
}

/********************************************************************************************* 

x. WordPress Core

*********************************************************************************************/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/********************************************************************************************* 

x. TranslatePress

*********************************************************************************************/
#trp-floater-ls {
  height: auto;
  min-width: auto !important;
}
#trp-floater-ls.trp-bottom-left {
  left: 20px;
}
#trp-floater-ls.trp-color-light {
  background: #0B2F58;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
#trp-floater-ls.trp-color-light #trp-floater-ls-current-language a {
  color: white;
}
#trp-floater-ls.trp-color-light #trp-floater-ls-current-language a:hover {
  color: white;
}
#trp-floater-ls.trp-color-light #trp-floater-ls-language-list {
  max-height: 270px !important;
}
#trp-floater-ls.trp-color-light #trp-floater-ls-language-list .trp-language-wrap a {
  color: white;
}
#trp-floater-ls.trp-color-light #trp-floater-ls-language-list .trp-language-wrap a:hover {
  color: white;
  background: #082341;
}

/*
#trp-floater-ls {
	left: 30px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: $blue-vogue !important;
	padding-top: 5px;
	box-shadow: none !important;
	min-width:120px;
	text-align: center;
	a {
		font-family: "Rotunda",sans-serif;
		font-size: .667em;
		font-weight: bold;
		letter-spacing: .05em;
		line-height: 1em;
		color: #fff !important;
		text-transform: uppercase;
		text-align: center;
	}
}

#trp-floater-ls-language-list a {
	&:hover {
		background: #5D9492;
	}
}
*/
/********************************************************************************************* 

x. Imports

*********************************************************************************************/
/********************************************************************************************* 

x. Basic Setup (Body, Fonts, etc.) 

*********************************************************************************************/
@media only screen and (max-width: 1700px) {
  .wrapper.large {
    width: auto;
    margin: 0 50px;
  }
}
@media only screen and (max-width: 1500px) {
  h1 {
    font-size: 5rem;
  }
  h2 {
    font-size: 3rem;
  }
  .wrapper.medium {
    width: auto;
    margin: 0 50px;
  }
}
@media only screen and (max-width: 1300px) {
  .wrapper.large, .wrapper.medium, .wrapper.small {
    width: auto;
    margin: 0 30px;
  }
}
@media only screen and (max-width: 900px) {
  html,
body {
    font-size: 16px;
  }
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h1[data-burst=true]:after,
h2[data-burst=true]:after,
h3[data-burst=true]:after,
h4[data-burst=true]:after,
h5[data-burst=true]:after,
h6[data-burst=true]:after {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 400px) {
  h2 {
    font-size: 1.5rem;
  }
  h3,
h4 {
    font-size: 1.25em;
  }
}
/********************************************************************************************* 

x. Blog

*********************************************************************************************/
@media only screen and (max-width: 1000px) {
  section.blog .columns {
    margin: -15px;
  }
  section.blog .columns .column {
    width: 50%;
  }
  section.blog .columns .column:last-child {
    display: none;
  }
  section.blog .columns .column .inside {
    padding: 15px;
  }
  section.blog .columns .column .inside .content {
    padding: 0;
  }
}
@media only screen and (max-width: 600px) {
  section.blog .columns .column {
    width: 100%;
  }
  section.blog .columns .column:last-child {
    display: block;
  }
}
/********************************************************************************************* 

x. Button

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  a.button {
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 1000px) {
  a.button {
    padding: 15px 30px;
  }
}
/********************************************************************************************* 

x. Communities - Grid

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  section.communities.grid .grid {
    margin: -15px -5px;
  }
  section.communities.grid .grid .item .inside {
    padding: 15px 5px;
  }
}
@media only screen and (max-width: 1000px) {
  section.communities.grid .grid .item.width-33 {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  section.communities.grid .grid .item.width-33 {
    width: 100%;
  }
}
/********************************************************************************************* 

x. Communities - Map

*********************************************************************************************/
@media only screen and (max-width: 1000px) {
  section.communities.map .map.open .google-map {
    left: 0;
  }
  section.communities.map .map .community {
    width: auto;
    height: auto;
    padding: 30px;
    display: none;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    position: relative;
  }
  section.communities.map .map .community.visible {
    display: flex;
    flex-wrap: wrap;
  }
  section.communities.map .map .community .content {
    padding: 0 0 0 30px;
  }
  section.communities.map .map .community .image {
    width: 300px;
  }
  section.communities.map .map .google-map {
    width: 100%;
    height: 70vh;
    position: relative;
  }
}
@media only screen and (max-width: 800px) {
  section.communities.map .map .community .image {
    width: 200px;
  }
}
@media only screen and (max-width: 600px) {
  section.communities.map .map .community .content {
    padding: 30px 0 0 0;
  }
  section.communities.map .map .community .image {
    width: 100%;
  }
}
/********************************************************************************************* 

x. Content

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  .content.bottom {
    margin: 30px 0 0 0;
  }
  .content.top {
    margin: 0 0 30px 0;
  }
}
/********************************************************************************************* 

x. Employees

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  section.employees .grid {
    margin: -15px;
  }
  section.employees .grid .full-information .inside {
    padding: 30px 0 60px 0;
  }
  section.employees .grid .item .inside {
    margin: 15px;
  }
}
@media only screen and (max-width: 1200px) {
  section.employees .grid .item.width-25 {
    width: 33.33%;
  }
}
@media only screen and (max-width: 1000px) {
  section.employees .grid .full-information .inside .content .name-and-title {
    flex-wrap: wrap;
  }
  section.employees .grid .full-information .inside .content .name-and-title li {
    margin: 0 15px 0 0;
  }
  section.employees .grid .full-information .inside .content .name-and-title li:not(:last-child) {
    border-right: none;
    margin: 0 15px 0 0;
    padding: 0;
  }
  section.employees .grid .item.width-25 {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  section.employees .grid .item.width-25 {
    width: 100%;
  }
}
/********************************************************************************************* 

x. Filters

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  section.filters .navigation {
    padding: 15px 0;
  }
  section.filters .navigation > li {
    padding: 15px;
  }
  section.filters .navigation > li.border {
    border-right: none;
    margin-right: 15px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1000px) {
  section.filters .navigation > li.large > a {
    font-size: 0.778em;
  }
  section.filters .navigation > li.large > a .icon svg {
    width: auto;
    height: 20px;
  }
}
@media only screen and (max-width: 600px) {
  section.filters .navigation > li.break {
    flex-basis: 100%;
    height: 0;
  }
}
/********************************************************************************************* 

x. Flexslider

*********************************************************************************************/
@media only screen and (max-width: 800px) {
  .flexslider.has-paging .flex-control-paging li a {
    width: 50px;
  }
  .flexslider .flex-direction-nav li a {
    width: 50px;
    height: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .flexslider .flex-direction-nav li a {
    width: 30px;
    height: 30px;
  }
  .flexslider .flex-direction-nav li a svg {
    width: 8px;
  }
}
/********************************************************************************************* 

x. Footer

*********************************************************************************************/
@media only screen and (max-width: 900px) {
  footer .columns {
    flex-direction: column;
  }
  footer .columns .column {
    width: 100%;
  }
  footer .content {
    text-align: center;
  }
  footer .equal-housing {
    margin: 0 auto;
  }
  footer .social-media {
    justify-content: center;
  }
  footer .social-media li {
    margin: 0 20px;
  }
  footer .social-media li:not(:last-child) {
    margin: 0 20px;
  }
}
@media only screen and (max-width: 800px) {
  footer {
    padding: 0 0 60px 0;
  }
}
/********************************************************************************************* 

x. Header

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  header.transparent .logo {
    margin: 0;
  }
  header.transparent .logo.video {
    margin: 0 auto;
  }
  header.transparent .wrapper {
    align-items: flex-start;
  }
  header .hamburger {
    display: block;
  }
  header .navigation.main {
    display: none;
  }
  header .wrapper {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 900px) {
  header .logo.video {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 800px) {
  header .anchor-navigation {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  header .logo {
    width: 150px;
  }
}
/********************************************************************************************* 

x. Image

*********************************************************************************************/
@media only screen and (max-width: 1700px) {
  section.image-size-full-width .wrapper {
    margin: 0 !important;
  }
}
/********************************************************************************************* 

x. Main

*********************************************************************************************/
@media only screen and (max-width: 1500px) {
  section.image.connect-to-next-section + section.text {
    margin-top: -100px;
  }
}
@media only screen and (max-width: 1400px) {
  main section {
    margin-bottom: 100px;
  }
  main section:first-child:not(.full-width) {
    margin-top: 100px;
  }
  section.connect-to-next-section + section {
    margin-top: -80px;
  }
  section.filters + section.communities.grid,
section.text.background-white + section.text.background-white,
section.text-image-carousel + section.text-image-carousel {
    margin-top: -60px;
  }
  section.filters + section.communities.map,
section.full-width + section.full-width {
    margin-top: -100px;
  }
}
@media only screen and (max-width: 1300px) {
  section.image.connect-to-next-section + section.text .columns .column:first-child .content {
    padding: 30px;
  }
}
@media only screen and (max-width: 1000px) {
  section.filters + section.communities.map {
    margin-top: -100px;
  }
}
@media only screen and (max-width: 800px) {
  main section {
    margin-bottom: 60px;
  }
  main section:first-child:not(.full-width) {
    margin-top: 60px;
  }
  section.connect-to-next-section + section,
section.filters + section.communities.grid,
section.text.background-white + section.text.background-white,
section.text-image-carousel + section.text-image-carousel {
    margin-top: -30px;
  }
  section.filters + section.communities.map,
section.full-width + section.full-width {
    margin-top: -60px;
  }
}
/********************************************************************************************* 

x. Mobile Menu

*********************************************************************************************/
@media only screen and (max-width: 600px) {
  #mobile-menu {
    width: 300px;
  }
}
/********************************************************************************************* 

x. Post

*********************************************************************************************/
@media only screen and (max-width: 1500px) {
  section.post .columns {
    margin: -25px;
  }
  section.post .columns .column .inside {
    padding: 25px;
  }
  section.post .columns .column .inside .content {
    padding: 30px 0 0 0;
  }
}
@media only screen and (max-width: 1300px) {
  section.post {
    padding: 30px 0;
  }
  section.post .columns {
    margin: -15px;
  }
  section.post .columns .column .inside {
    padding: 15px;
  }
  section.post .columns .column .inside .content {
    padding: 0;
  }
}
@media only screen and (max-width: 1000px) {
  section.post .columns .column.width-45 {
    width: 60%;
  }
  section.post .columns .column.width-55 {
    width: 40%;
  }
}
@media only screen and (max-width: 700px) {
  section.post .columns .column.width-45, section.post .columns .column.width-55 {
    width: 100%;
  }
}
/********************************************************************************************* 

x. Quotations

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  section.quotations .slick-list {
    margin: 0 90px;
  }
  section.quotations .wrapper.small {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1080px) {
  section.quotations .slick-list {
    margin: 0 60px;
  }
  section.quotations .wrapper.small {
    width: auto;
    margin: 0 30px;
  }
}
@media only screen and (max-width: 800px) {
  section.quotations .slick-list {
    margin: 0 50px;
  }
}
@media only screen and (max-width: 700px) {
  section.quotations .content {
    padding: 0 0 0 80px;
  }
  section.quotations .content:before {
    width: 50px;
  }
}
@media only screen and (max-width: 600px) {
  section.quotations .slick-list {
    margin: 0 30px;
  }
}
@media only screen and (max-width: 500px) {
  section.quotations .content {
    padding: 0;
  }
  section.quotations .content:before {
    display: none;
  }
}
/********************************************************************************************* 

x. Slick

*********************************************************************************************/
@media only screen and (max-width: 1550px) {
  .slick-list {
    width: auto;
    margin: 0 25px;
  }
}
@media only screen and (max-width: 1300px) {
  .slick-list {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 800px) {
  .slick-arrow {
    width: 50px;
    height: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .slick-arrow {
    width: 30px;
    height: 30px;
  }
  .slick-arrow svg {
    width: 8px;
  }
}
/********************************************************************************************* 

x. Text

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  section.text .columns {
    margin: -15px;
  }
  section.text .columns .column .inside {
    padding: 15px;
  }
}
@media only screen and (max-width: 1100px) {
  section.text .columns .column {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  section.text.background-tan .background {
    display: none;
  }
}
/********************************************************************************************* 

x. Text + Image
x. Text + Video

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  section.text-image.text-position-overlay.text-spacing-small .content,
section.text-video.text-position-overlay.text-spacing-small .content {
    padding: 60px 0;
  }
  section.text-image.text-position-overlay.text-spacing-medium .content,
section.text-video.text-position-overlay.text-spacing-medium .content {
    padding: 120px 0;
  }
  section.text-image.text-position-overlay.text-spacing-large .content,
section.text-video.text-position-overlay.text-spacing-large .content {
    padding: 300px 0 60px 0;
  }
  section.text-image .columns,
section.text-video .columns {
    margin: -15px;
  }
  section.text-image .columns .column .inside,
section.text-video .columns .column .inside {
    padding: 15px;
  }
}
@media only screen and (max-width: 1100px) {
  section.text-image .columns .column,
section.text-video .columns .column {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  section.text-image.text-position-overlay.text-spacing-small .content,
section.text-video.text-position-overlay.text-spacing-small .content {
    padding: 30px 0;
  }
  section.text-image.text-position-overlay.text-spacing-medium .content,
section.text-video.text-position-overlay.text-spacing-medium .content {
    padding: 60px 0;
  }
  section.text-image.text-position-overlay.text-spacing-large .content,
section.text-video.text-position-overlay.text-spacing-large .content {
    padding: 240px 0 30px 0;
  }
}
@media only screen and (max-width: 800px) {
  section.text-image.background-tan .background,
section.text-video.background-tan .background {
    display: none;
  }
}
/********************************************************************************************* 

x. Text + Image Carousel

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.text-image-carousel.dividers-yes .slick-list {
    width: auto;
    padding: 0 50px;
  }
  section.text-image-carousel .slick {
    padding: 0 60px;
  }
}
@media only screen and (max-width: 1550px) {
  section.text-image-carousel.dividers-yes .slick-list {
    padding: 0;
  }
}
@media only screen and (max-width: 1300px) {
  section.text-image-carousel.dividers-yes .slick .slide .inside {
    padding: 15px 30px;
  }
  section.text-image-carousel .slick .slide .inside {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1100px) {
  section.text-image-carousel.dividers-yes .slick .slide .inside {
    padding: 0 15px;
  }
  section.text-image-carousel.dividers-yes .slick .slide .inside:after {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  section.text-image-carousel .slick {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 600px) {
  section.text-image-carousel .slick {
    padding: 0 30px;
  }
}
/********************************************************************************************* 

x. Smaller than 1024px

*********************************************************************************************/
@media only screen and (max-width: 1024px) {
  input,
textarea {
    border-radius: 0;
    -webkit-appearance: none;
  }
}

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