@charset "UTF-8";
/********************************************************************************************* 

x. Imports

*********************************************************************************************/
@import url("https://use.typekit.net/zhq3you.css");
body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgba(6, 35, 53, 0.5);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.98;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 40px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button.fancybox-button--arrow_left, .fancybox-button.fancybox-button--arrow_right {
  background: none;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button.fancybox-button--arrow_left, .fancybox-button.fancybox-button--arrow_right,
.fancybox-button:visited.fancybox-button--arrow_left,
.fancybox-button:visited.fancybox-button--arrow_right,
.fancybox-button:link.fancybox-button--arrow_left,
.fancybox-button:link.fancybox-button--arrow_right {
  color: white;
}

.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:hover.fancybox-button--arrow_left, .fancybox-button:hover.fancybox-button--arrow_right {
  color: white;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
.fancybox-button[disabled].fancybox-button--arrow_left, .fancybox-button[disabled].fancybox-button--arrow_right,
.fancybox-button[disabled]:hover.fancybox-button--arrow_left,
.fancybox-button[disabled]:hover.fancybox-button--arrow_right {
  display: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: white;
  border: 0;
  border-radius: 0;
  color: white;
  cursor: pointer;
  opacity: 1;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 401;
}
.fancybox-close-small:hover {
  background: white;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  /*
  background: linear-gradient(to top,
      rgba(0, 0, 0, .85) 0%,
      rgba(0, 0, 0, .3) 50%,
      rgba(0, 0, 0, .15) 65%,
      rgba(0, 0, 0, .075) 75.5%,
      rgba(0, 0, 0, .037) 82.85%,
      rgba(0, 0, 0, .019) 88%,
      rgba(0, 0, 0, 0) 100%);
      */
  bottom: 0;
  font-style: italic;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
/* Slider */
.slick {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.slick .slide {
  width: 100%;
  height: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  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;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[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-arrows.slick-initialized {
  padding: 0 0 60px 0;
}
.slick-arrows.slick-initialized .slick-arrow {
  background: none;
  border: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 10;
  cursor: pointer;
}
.slick-arrows.slick-initialized .slick-arrow.slick-hidden {
  display: none;
}
.slick-arrows.slick-initialized .slick-arrow.slick-next {
  -moz-transform: translateX(calc(-50% + 35px));
  -webkit-transform: translateX(calc(-50% + 35px));
  -o-transform: translateX(calc(-50% + 35px));
  -ms-transform: translateX(calc(-50% + 35px));
  transform: translateX(calc(-50% + 35px));
}
.slick-arrows.slick-initialized .slick-arrow.slick-prev {
  -moz-transform: translateX(calc(-50% - 35px));
  -webkit-transform: translateX(calc(-50% - 35px));
  -o-transform: translateX(calc(-50% - 35px));
  -ms-transform: translateX(calc(-50% - 35px));
  transform: translateX(calc(-50% - 35px));
}
.slick-arrows.slick-initialized .slick-arrow:hover svg {
  fill: #07668B;
}
.slick-arrows.slick-initialized .slick-arrow svg {
  fill: #062335;
  width: 35px;
  height: auto;
  aspect-ratio: 35/17.5;
}

.slick-dots {
  width: 100%;
  height: auto;
  margin: 40px 0 0 0;
  display: flex;
  justify-content: center;
  list-style: none;
}
.slick-dots li {
  margin: 0 5px;
}
.slick-dots li.slick-active button, .slick-dots li:hover button {
  background: yellow;
}
.slick-dots li button {
  text-indent: -999px;
  width: 35px;
  height: 5px;
  background: pink;
  border: none;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.background-sea-blue .slick-arrows .slick-arrow:hover svg {
  fill: #FF4437;
}

/* ===========================================================
 *
 *  Name:          selectordie_dev.css
 *  Updated:       2014-10-10
 *  Created by:    Per V @ Vst.mn
 *  What?:         Base CSS for Select or Die
 *
 *  Copyright (c) 2014 Per Vestman
 *  Dual licensed under the MIT and GPL licenses.
 *
 *  No, I don't usually comment my CSS, but in this
 *  case it might "help" someone.
 *
 *  Oddny | Cogs 'n Kegs
 * =========================================================== */
.sod_select,
.sod_select * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select {
  font-family: "p22-underground", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: left;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 178.61"><path d="m150,178.61L0,28.61,28.61,0l121.39,121.39L271.39,0l28.61,28.61-150,150Z"/></svg>');
  background-position: right 0 top 40%;
  background-repeat: no-repeat;
  background-size: 10px auto;
  padding: 0 20px 0 0;
  width: auto;
  cursor: default;
}

/* Up/Down arrows */
/*
.sod_select:before,
.sod_select:after {
	content: "\25B2";
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 7px;
}
*/
/* Down arrow */
/*
.sod_select:after {
	content: "\25BC";
	top: auto;
	bottom: 12px;
}
*/
/* Change the border color on hover, focus and when open */
/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled {
  cursor: not-allowed;
}

/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sod_select .sod_prefix {
  /* Use this if you're using a prefix and want to style it */
}

.sod_select .sod_placeholder {
  /* Use this if you're using a placeholder and want to style it */
}

/* Options list wrapper */
.sod_select .sod_list_wrapper {
  text-transform: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: none;
  height: auto;
  width: auto;
  margin: 0 0 0 -3px;
  background: #C1D8D8;
  border-top: none;
  z-index: 20;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

/* Shows the option list (don't edit) */
.sod_select.open .sod_list_wrapper {
  display: block;
}

/* Don't display the options when  */
.sod_select.disabled.open .sod_list_wrapper {
  display: none;
}

/* When the option list is displayed above the SoD */
.sod_select.above .sod_list_wrapper {
  top: auto;
  bottom: calc(100% + 10px);
}

/* Options list container */
.sod_select .sod_list {
  display: block;
  overflow-y: auto;
  padding: 0;
  margin: 0;
}

/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_option {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  padding: 20px;
  list-style-type: none;
}

/* Optgroups */
.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
  background: inherit;
  font-size: 10px;
  font-style: italic;
}

/* Children of an optgroup */
.sod_select .sod_option.groupchild {
  padding-left: 20px;
}

/* Used together with placeholderOption / data-placeholder-option */
.sod_select .sod_option.is-placeholder {
  display: none;
}

/* Disabled option */
/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_option.active {
  background: #a2c4c4;
}

/*Make room for the check mark */
/* Displays a check mark for the selected option */
.sod_select .sod_option.selected:before {
  /*
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  color: #808080;
  height: 9px;
  width: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
  */
}

/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_option.selected {
  font-weight: 300;
}

.sod_select.no_highlight .sod_option.selected:before {
  display: none;
}

.sod_select .sod_option.link {
  /* If data-link is set on a specific option */
}

.sod_select .sod_option.linkexternal {
  /* If data-link-external is set on a specific option */
}

/* Hide native select */
.sod_select select {
  display: none !important;
}

/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
}

:root {
  --tec-color-accent-primary: #499993 !important;
  --tec-color-background-events-bar-submit-button: #499993 !important;
  --tec-color-background-events-bar-submit-button-hover: #07668B !important;
  --tec-color-background-primary-multiday: #C1D8D8 !important;
  --tec-color-background-primary-multiday-hover: #C1D8D8 !important;
  --tec-color-link-accent: #499993 !important;
  --tec-font-size-0: 12px !important;
  --tec-font-size-1: 14px !important;
}

.tribe-common * {
  font-family: "p22-underground", Arial, Helvetica, sans-serif !important;
}
.tribe-common .tribe-common-l-container {
  padding: 0 !important;
}

.tribe-events .datepicker table {
  width: 100%;
}
.tribe-events .tribe-events-c-top-bar__datepicker {
  flex: none !important;
}

.tribe-events-calendar-month__calendar-event-tooltip-excerpt *:not(:last-child) {
  margin: 0 0 10px 0 !important;
}

.tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper {
  width: 100% !important;
  height: auto !important;
}

.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
  font-family: "p22-mackinac-pro", serif !important;
  font-weight: 500;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar {
  justify-content: center;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__actions {
  margin-left: 0 !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  max-width: none !important;
  padding: 0 !important;
}

/*
.single-tribe_events,
.tribe-events {
	.tribe-events-c-subscribe-dropdown__container {
		display: none !important;
	}
}

.tribe-events {
	.tribe-events-calendar-month__multiday-event-bar-inner {
		//background-color: var(--atlantis) !important;
	}
	.tribe-events-header__events-bar {
		display: none !important;
	}
	.tribe-events-c-messages__message {
		background: var(--cararra) !important;
		-webkit-border-radius: 8px !important;
		-moz-border-radius: 8px !important;
		border-radius: 8px !important;
		.tribe-events-c-messages__message-icon-svg {
			display: none !important;
		}
	}
}

#tribe-events-pg-template {
	max-width: none !important;
	padding: 0 !important;
}

.tribe-common--breakpoint-medium.tribe-events {
	.tribe-events-c-top-bar {
		justify-content: center;
	}
	.tribe-events-l-container {
		//max-width: none !important;
		padding: 0 !important;
	}
}

.tribe-common--breakpoint-medium.tribe-events {
	.tribe-events-c-messages__message {
		padding: 30px !important;
	}
	.tribe-events-calendar-month__body,
	.tribe-events-calendar-month__day,
	.tribe-events-calendar-month__week { 
		//border-color: var(--westar) !important;
	}
	.tribe-events-calendar-month__day {
		&:hover {
			&:after {
				//background-color: var(--westar) !important;
			}
		}
	}
}

@media only screen and (max-width:827px) {
	:root {
		//--tec-color-accent-primary: var(--atlantis) !important;
	}
}
@media only screen and (max-width:700px) {
	.tribe-events {
		.tribe-events-c-top-bar__datepicker {
			display: flex;
			justify-content: center;
		}
	}
}
*/
/********************************************************************************************* 

x. Mixins

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

x. Keyframes

*********************************************************************************************/
@keyframes float-one {
  0%, 100% {
    -moz-transform: translateY(0) rotate(0deg);
    -webkit-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
  50% {
    -moz-transform: translateY(-20px) rotate(-2deg);
    -webkit-transform: translateY(-20px) rotate(-2deg);
    -o-transform: translateY(-20px) rotate(-2deg);
    -ms-transform: translateY(-20px) rotate(-2deg);
    transform: translateY(-20px) rotate(-2deg);
  }
}
@keyframes float-two {
  0%, 100% {
    -moz-transform: translateY(0) rotate(0deg);
    -webkit-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
  50% {
    -moz-transform: translateY(-20px) rotate(2deg);
    -webkit-transform: translateY(-20px) rotate(2deg);
    -o-transform: translateY(-20px) rotate(2deg);
    -ms-transform: translateY(-20px) rotate(2deg);
    transform: translateY(-20px) rotate(2deg);
  }
}
@keyframes pulse {
  100% {
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
    transform: translateX(-50%) translateY(-50%) scale(1.1);
  }
}
/********************************************************************************************* 

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: 20px "p22-underground", Arial, Helvetica, sans-serif;
  color: #062335;
  width: auto;
  height: auto;
  background: white;
}
html.menu-is-open, html.search-is-open, body.menu-is-open, body.search-is-open {
  overflow: hidden;
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}
a img {
  border: none;
}

.center {
  text-align: center;
}

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

.image.banner {
  width: 100%;
  height: auto;
  aspect-ratio: 7/2;
  position: relative;
}
.image.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.image.flags {
  max-width: 1600px;
  margin: 0 auto;
}
.image img,
.image svg {
  width: 100%;
  height: auto;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "p22-mackinac-pro", serif;
  font-weight: 400;
}

h1 {
  font-size: 2.667rem;
  font-weight: 500;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-family: "p22-underground", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
h6.font-family-p22-mackinac-pro {
  font-family: "p22-mackinac-pro", serif;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
h6.location {
  padding: 0 0 0 30px;
  position: relative;
}
h6.location:before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free" !important;
  font-size: 18px !important;
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 0;
}

strong {
  font-weight: 600;
}

svg {
  display: block;
  overflow: hidden;
}

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

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

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

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. Backgrounds
x. Colors

*********************************************************************************************/
.background-blue-chill {
  background: #499993;
}
.background-blue-chill + .background-blue-chill {
  padding-top: 0;
}
.background-blue-chill .content a {
  color: #F2BD5F;
}
.background-blue-chill .content a.button.green {
  background: #F2BD5F;
}
.background-blue-chill .content a.underline-with-arrow:before {
  filter: invert(68%) sepia(82%) saturate(282%) hue-rotate(357deg) brightness(98%) contrast(94%);
}

.background-daintree {
  background: #062335;
}
.background-daintree + .background-daintree {
  padding-top: 0;
}

.background-gray-smoke {
  background: #EEEEEE;
}
.background-gray-smoke + .background-gray-smoke {
  padding-top: 0;
}

.background-saffron-mango {
  background: #F2BD5F;
}
.background-saffron-mango + .background-saffron-mango {
  padding-top: 0;
}

.background-sea-blue {
  background: #07668B;
}
.background-sea-blue:last-child {
  border-bottom: 2px solid white;
}
.background-sea-blue + .background-sea-blue {
  padding-top: 0;
}
.background-sea-blue .content a.button.green:hover {
  background: #FF4437;
}
.background-sea-blue .content a.button.white:hover {
  color: #FF4437;
  border-color: #FF4437;
}
.background-sea-blue .content a.underline-with-arrow:before {
  filter: invert(68%) sepia(82%) saturate(282%) hue-rotate(357deg) brightness(98%) contrast(94%);
}
.background-sea-blue .content a:hover {
  color: #FF4437;
}

.background-tower-gray {
  background: #A0BBC2;
}
.background-tower-gray + .background-tower-gray {
  padding-top: 0;
}
.background-tower-gray .content a.underline-with-arrow:before {
  filter: invert(18%) sepia(98%) saturate(2318%) hue-rotate(179deg) brightness(100%) contrast(94%);
}

.background-white-smoke {
  background: #F5F5F5;
}
.background-white-smoke + .background-white-smoke {
  padding-top: 0;
}

.color-red-orange {
  color: #FF4437;
}

.color-saffron-mango {
  color: #F2BD5F;
}

.color-tower-gray {
  color: #A0BBC2;
}

.color-white {
  color: #FBF6EC;
}

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

x. Content

*********************************************************************************************/
.content.bottom {
  margin: 40px 0 0 0;
}
.content.small {
  font-size: 0.75rem;
}
.content.top {
  margin: 0 0 40px 0;
}
.content.white {
  color: white;
}
.content.white a.button.white {
  color: white;
  border-color: white;
}
.content.white a.underline-with-arrow {
  color: white;
}
.content.white a.underline-with-arrow:hover {
  color: white;
}
.content a {
  color: #499993;
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.1em;
}
.content a.button {
  font-size: 0.583rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  padding: 12.5px 30px 10px 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.content a.button.green {
  color: #FBF6EC;
  background: #499993;
}
.content a.button.green:hover {
  background: #07668B;
}
.content a.button.white {
  color: #062335;
  border: 2px solid #062335;
}
.content a.button.white:hover {
  color: #07668B;
  border-color: #07668B;
}
.content a.no-underline {
  text-decoration: none;
}
.content a.underline-with-arrow {
  color: #062335;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
}
.content a.underline-with-arrow:after {
  content: "→";
  border-bottom: 5px;
  margin: 0 0 0 10px;
}
.content a.underline-with-arrow:before {
  content: "";
  width: 100%;
  height: 6px;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 194.04 6"><path d="M37.86 4.96c-.42-.22-1.22.05-1.19.15-.58-.23-1.08 0-1.58-.2-1.93.11-4.15-.07-5.53 0-1.14.04-1.77.24-3.07-.04-.69-.14-2.48-.08-1.93-.34-2.1.09-4.09-.25-5.27-.15-.69-.23-1.39-.44-2.59-.54-1.11 0-1.44.15-2.41.17-2.96-.37-7.3-.36-10.89-.55C3.24 2.77.49 2.75 0 2.15c.55-.14.77-.02 1.54-.02-.09-.42 1.97-.41 2.6-.69.96 0 1.76.04 2.49.11.92-.2 1.77-.1 2.07-.31 1.55.22 5.42-.26 7.98-.12.78-.11 1.08-.31 2.05-.39 2.99.05 5.84.13 8.93.03 2.7-.09 5.47-.34 8.21-.38C45.52.25 56.71.14 67.18.24c.6 0 1.49-.09 2.13-.08.53 0 1.02.13 1.57.14 1.24 0 2.48-.11 3.67-.09.55.01 1.03.13 1.57.14 9.31.12 19.29-.25 29.7-.27 2.62 0 5.3.07 7.98.03 4.87-.07 9.7-.17 14.4-.05 7.47.18 15.83.75 21.33 1 1.61.07 3.23.13 4.94.21 3.4.15 6.35.31 10.17.36 2.82.03 5.39.08 8.31.27 4.14.27 7.32.05 9.01.8 2.84 0 6.19.37 8.96.53 1.54.09 1.9.16 3.13.42.3 1.04-5.58.58-7.13 1.16-3.92-.1-7.24.03-10.33.33-.47.03 0 .08.31.08-.72.2-2.88.04-2.66.46-4.14-.04-8.3.17-12.47.24-.97.02-2.05-.07-3.06-.04-.38 0-1.1.12-1.5.12-2.73.01-7.02-.3-9.17-.04-1.61.2-10.09-.12-14.39-.15-3.46-.02-6.78.03-10.09 0-2.57-.03-5.23-.16-7.33.03-2.13-.22-6.97-.2-9.21-.18-.49 0-.82.14-1.19.14s-1.28-.14-1.57-.15c-2.68-.1-5.59-.01-8.27-.02-4.31 0-9.09-.07-13.13.14-8.93-.22-18.49-.14-27.58-.04-1.13-.3-3.32-.15-5.25-.18-3.93-.07-7.99-.54-12.98-.39.2-.07.53-.11.89-.15h-.06Z"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  filter: invert(40%) sepia(31%) saturate(7256%) hue-rotate(341deg) brightness(105%) contrast(102%);
  clip-path: inset(0 100% 0 0);
  position: absolute;
  bottom: -7.5px;
  left: -5px;
  right: -5px;
  -webkit-transition: clip-path 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -moz-transition: clip-path 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -ms-transition: clip-path 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -o-transition: clip-path 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  transition: clip-path 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
}
.content a.underline-with-arrow:hover {
  color: #062335;
}
.content a.underline-with-arrow:hover:before {
  clip-path: inset(0);
}
.content a:hover {
  color: #07668B;
}
.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 h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a {
  color: #062335;
}
.content ol,
.content ul {
  text-align: left !important;
}
.content ol li,
.content ul li {
  line-height: 1.5em;
  text-align: left !important;
}
.content ol {
  list-style: none;
}
.content ol li {
  counter-increment: item;
}
.content ol li:not(:last-child) {
  margin: 0 0 15px 0;
}
.content ol li:before {
  content: counter(item);
  color: #FF4437;
  font-family: "p22-mackinac-pro", serif;
  font-size: 1.5em;
  font-weight: 500;
  margin: 0 15px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.content p {
  line-height: 1.5em;
}
.content p.small {
  font-size: 0.583rem;
}
.content ul {
  list-style: none;
}
.content ul.no-bullet-points li:before {
  display: none;
}
.content ul.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}
.content ul.page-numbers li {
  margin: 0 10px !important;
}
.content ul.page-numbers li:before {
  display: none;
}
.content ul.page-numbers li a.page-numbers,
.content ul.page-numbers li span.page-numbers {
  color: white;
  font-family: "p22-mackinac-pro", serif;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #062335;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
}
.content ul.page-numbers li a.page-numbers.current,
.content ul.page-numbers li span.page-numbers.current {
  background: #07668B;
}
.content ul.page-numbers li a.page-numbers {
  text-decoration: none;
}
.content ul.page-numbers li a.page-numbers.next, .content ul.page-numbers li a.page-numbers.prev {
  color: #062335;
  line-height: normal;
  text-align: left;
  width: auto;
  height: auto;
  background: none;
}
.content ul.page-numbers li a.page-numbers.next:hover, .content ul.page-numbers li a.page-numbers.prev:hover {
  background: none;
}
.content ul.page-numbers li a.page-numbers:hover {
  background: #07668B;
}
.content ul li:not(:last-child) {
  margin: 0 0 15px 0;
}
.content ul li:before {
  content: "";
  width: 17px;
  height: 25px;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 25"><path d="m8.49,4.1c10.77-13.71,11.46,10.57,1.26,20.28C3.82,30.04-8.18-4.98,8.49,4.1Z"/></svg>');
  filter: invert(40%) sepia(31%) saturate(7256%) hue-rotate(341deg) brightness(105%) contrast(102%);
  margin: 0 15px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

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

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

x. Lists

*********************************************************************************************/
.content ul.arrows {
  padding: 30px 0 0 0;
  display: flex;
  justify-content: center;
  list-style: none;
}
.content ul.arrows li {
  margin: 0 17.5px;
}
.content ul.arrows li a:hover svg {
  fill: #07668B;
}
.content ul.arrows li a svg {
  fill: #062335;
  width: 35px;
  height: auto;
  aspect-ratio: 35/17.5;
}
.content ul.categories {
  display: flex;
  flex-wrap: wrap;
}
.content ul.categories li {
  font-size: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #EEEEEE;
  margin: 0 5px 5px 0 !important;
  padding: 5px 10px;
}
.content ul.categories li a {
  color: #062335;
}
.content ul.pagination {
  display: flex;
  justify-content: center;
}
.content ul.pagination li {
  margin: 0 20px;
}
.content ul.pagination li:not(:last-child) {
  border-right: 1px solid #062335;
  padding: 0 40px 0 0;
}
.content ul.social-media {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: flex-end;
  list-style: none;
}
.content ul.social-media li:not(:last-child) {
  margin: 0 20px 0 0;
}
.content ul.social-media li a {
  display: block;
}
.content ul.social-media li a:hover svg {
  fill: red;
}
.content ul.social-media li a svg {
  width: auto;
  height: 20px;
}

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

x. Mobile Menu

*********************************************************************************************/
#mobile-menu {
  width: 320px;
  height: auto;
  background: #A0BBC2;
  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: 99999;
  -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(0, 0, 0, 0.5);
  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: 30px;
  overflow: scroll;
}
#mobile-menu .menu .close {
  color: #062335;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: right;
  text-transform: uppercase;
  margin: 0 0 50px 0;
  display: block;
}
#mobile-menu .menu .close:hover {
  color: #07668A;
}
#mobile-menu .menu .navigation {
  list-style: none;
}
#mobile-menu .menu .navigation > li.button > a {
  color: #062335;
  font-size: 0.583rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
  background: #FBF6EC;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  padding: 12.5px 30px 10px 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#mobile-menu .menu .navigation > li.button > a:hover {
  color: #499993;
  background: #FBF6EC;
}
#mobile-menu .menu .navigation > li.menu-item-has-children.open > a:after {
  -moz-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
#mobile-menu .menu .navigation > li.menu-item-has-children.open > a:before {
  -moz-transform: translateX(50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(50%) translateY(-50%) rotate(90deg);
  -o-transform: translateX(50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(50%) translateY(-50%) rotate(90deg);
  transform: translateX(50%) translateY(-50%) rotate(90deg);
}
#mobile-menu .menu .navigation > li.menu-item-has-children > a {
  padding: 0 20px 0 0;
  position: relative;
}
#mobile-menu .menu .navigation > li.menu-item-has-children > a:after, #mobile-menu .menu .navigation > li.menu-item-has-children > a:before {
  content: "";
  background: #F5F5F5;
  position: absolute;
  top: 50%;
  -webkit-transition: transform 0.25s ease;
  -moz-transition: transform 0.25s ease;
  -ms-transition: transform 0.25s ease;
  -o-transition: transform 0.25s ease;
  transition: transform 0.25s ease;
}
#mobile-menu .menu .navigation > li.menu-item-has-children > a:after {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 2px;
  right: 0;
}
#mobile-menu .menu .navigation > li.menu-item-has-children > a:before {
  -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%);
  width: 2px;
  height: 10px;
  right: 5px;
}
#mobile-menu .menu .navigation > li:last-child > a {
  margin: 0;
}
#mobile-menu .menu .navigation > li > a {
  color: #FBF6EC;
  font-size: 0.75em;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 30px 0;
  display: block;
}
#mobile-menu .menu .navigation > li > a:hover:hover {
  color: #062335;
}
#mobile-menu .menu .navigation > li > a:hover:after, #mobile-menu .menu .navigation > li > a:hover:before {
  background: #062335;
}
#mobile-menu .menu .navigation > li > a:hover svg {
  fill: #062335;
}
#mobile-menu .menu .navigation > li > a svg {
  fill: #FBF6EC;
  width: 18px;
  height: 18px;
}
#mobile-menu .menu .navigation > li > .sub-menu {
  padding: 0 0 10px 0;
  display: none;
  list-style: none;
}
#mobile-menu .menu .navigation > li > .sub-menu > li {
  margin: 0 0 20px 0;
}
#mobile-menu .menu .navigation > li > .sub-menu > li.button > a {
  color: #062335;
  font-size: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
  background: #FBF6EC;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  padding: 7.5px 20px 5px 20px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#mobile-menu .menu .navigation > li > .sub-menu > li.button > a:before {
  display: none;
}
#mobile-menu .menu .navigation > li > .sub-menu > li.button > a:hover {
  color: #499993;
  background: #FBF6EC;
}
#mobile-menu .menu .navigation > li > .sub-menu > li > a {
  color: #FBF6EC;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.5em;
  padding: 0 0 0 20px;
  display: block;
  position: relative;
}
#mobile-menu .menu .navigation > li > .sub-menu > li > a:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #FBF6EC;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 7.5px;
  left: 0;
}
#mobile-menu .menu .navigation > li > .sub-menu > li > a:hover {
  color: #062335;
}
#mobile-menu .menu .navigation > li > .sub-menu > li > a:hover:before {
  background: #062335;
}

body.mobile-menu-is-open {
  overflow: hidden;
}
body.mobile-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.mobile-menu-is-open #mobile-menu .overlay {
  opacity: 1;
}

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

x. Header

*********************************************************************************************/
header {
  /*
  .sub-navigation {
  	width: 100%; height: auto;
  	//background: $dark-olive-green;
  	.navigation {
  		display: block;
  		list-style: none;
  		> li {
  			padding: 70px 0;
  			//display: none;
  			> a {
  				//display: none;
  			}
  			> .columns {
  				margin: -50px;
  				display: flex;
  				align-items: stretch;
  				flex-wrap: wrap;
  				justify-content: space-between;
  				> .column {
  					> .inside {
  						padding: 50px;
  					}
  				}
  			}
  			.sub-menu {
  				list-style: none;
  				&.images {
  					margin: -50px;
  					display: flex;
  					align-items: stretch;
  					flex-wrap: wrap;
  					justify-content: flex-start;
  					li {
  						a {
  							font-size: 0.9em;
  							text-align: center;
  						}
  						.image {
  							margin: 0 0 40px 0;
  							display: block;
  							&:hover {
  								img {
  									-moz-transform: scale(1.2);
  									-webkit-transform: scale(1.2);
  									-o-transform: scale(1.2);
  									-ms-transform: scale(1.2);
  									transform: scale(1.2);
  								}
  							}
  						}
  						.inside {
  							padding: 50px;
  						}
  					}
  				}
  				&.text {
  					a {
  						font-size: 1.2em;
  					}
  					h3 {
  						//color: $twilight-tan;
  						margin: 30px 0 0 0;
  					}
  				}
  				&.horizontal-text {
  					margin: -50px;
  					display: flex;
  					align-items: stretch;
  					flex-wrap: wrap;
  					justify-content: center;
  					li {
  						.inside {
  							text-align: center;
  							padding: 50px;
  						}
  					}
  				}
  				&.vertical-text {
  					li {
  						&:not(:last-child) {
  							margin: 0 0 50px 0;
  						}
  					}
  				}
  				li {
  					a {
  						//color: $twilight-tan;
  						font-weight: bold;
  						text-decoration: underline;
  						text-underline-offset: 0.15em;
  						text-decoration-thickness: 0.1em;
  						display: block;
  						&:hover {
  							//color: $shadow-blue;
  						}
  					}
  				}
  			}
  		}
  	}
  }
  */
}
header.headroom {
  background: white;
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  -webkit-transition: transform 0.2s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -moz-transition: transform 0.2s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -ms-transition: transform 0.2s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -o-transition: transform 0.2s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  transition: transform 0.2s cubic-bezier(0.25, 0.45, 0.45, 0.95);
}
header.headroom.headroom--pinned {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
header.headroom.headroom--unpinned {
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
header:after {
  content: "";
  pointer-events: none;
  width: auto;
  height: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -ms-transition: all 0.5s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  transition: all 0.5s cubic-bezier(0.25, 0.45, 0.45, 0.95);
}
header .columns {
  margin: 0 -25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
header .columns:after {
  content: "";
  flex-grow: 1;
  order: 0;
}
header .columns .column.right {
  order: 1;
  float: none;
}
header .columns .column .inside {
  padding: 0 25px;
}
header .hamburger {
  width: 35px;
  height: auto;
  display: none;
}
header .hamburger:hover svg {
  fill: #FF4437;
}
header .hamburger svg {
  fill: #062335;
  width: 100%;
  height: auto;
}
header .logo {
  width: 230px;
  height: auto;
  display: block;
}
header .logo object {
  pointer-events: none;
  width: 100%;
  height: auto;
  display: block;
}
header .navigation {
  display: flex;
  align-items: center;
  list-style: none;
}
header .navigation > li.button > a {
  color: #FBF6EC;
  font-size: 0.583rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
  background: #499993;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  padding: 12.5px 30px 10px 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
header .navigation > li.button > a:hover {
  color: #FBF6EC;
  background: #07668B;
}
header .navigation > li.menu-item-has-children:not(.button) > a {
  padding: 0 20px 0 0;
  position: relative;
}
header .navigation > li.menu-item-has-children:not(.button) > a:after {
  content: "";
  width: 10px;
  height: auto;
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 178.61"><path d="m150,178.61L0,28.61,28.61,0l121.39,121.39L271.39,0l28.61,28.61-150,150Z"/></svg>');
  background-position: right 0 top 40%;
  background-repeat: no-repeat;
  background-size: 10px auto;
  aspect-ratio: 300/178.61;
  -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 .navigation > li.menu-item-has-children:not(.button) > a:hover:after {
  filter: invert(47%) sepia(86%) saturate(4219%) hue-rotate(338deg) brightness(99%) contrast(105%);
}
header .navigation > li:not(:last-child) {
  margin: 0 40px 0 0;
}
header .navigation > li > a {
  font-size: 0.75em;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
}
header .navigation > li > a:hover {
  color: #FF4437;
}
header .navigation > li > a:hover svg {
  fill: #FF4437;
}
header .navigation > li > a svg {
  fill: #062335;
}
header .navigation > li > .sub-menu {
  display: none;
}
header .sub-navigation {
  background: white;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9999;
}
header .sub-navigation .columns {
  margin: 0 -30px;
  padding: 40px 0 70px 0;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: center;
}
header .sub-navigation .columns .column .inside {
  padding: 0 30px;
}
header .sub-navigation .columns .column .sub-navigation {
  background: transparent;
  list-style: none;
  position: relative;
  top: 0;
}
header .sub-navigation .columns .column .sub-navigation li.button a {
  color: #FBF6EC;
  font-family: "p22-underground", Arial, Helvetica, sans-serif;
  font-size: 0.583rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
  background: #499993;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  padding: 12.5px 30px 10px 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
header .sub-navigation .columns .column .sub-navigation li.button a:hover {
  color: #FBF6EC;
  background: #07668B;
}
header .sub-navigation .columns .column .sub-navigation li:not(:last-child) {
  margin: 0 0 20px 0;
}
header .sub-navigation .columns .column .sub-navigation li a {
  display: block;
}
header .sub-navigation .columns .column .sub-navigation li a:hover {
  color: #FF4437;
}
header .sub-navigation .menu-item {
  display: none;
}

.menu-is-open header:after {
  pointer-events: all;
  height: 9999px;
  opacity: 1;
}

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

x. Main

*********************************************************************************************/
main {
  padding: 80px 0 0 0;
  overflow: hidden;
}
main section {
  margin: 0 0 80px 0;
}
main section.background-blue-chill, main section.background-daintree, main section.background-gray-smoke, main section.background-saffron-mango, main section.background-sea-blue, main section.background-tower-gray, main section.background-white-smoke {
  padding: 80px 0;
}
main section.full-width:first-child {
  margin-top: -80px;
}
main section.full-width:last-child {
  margin-bottom: 0;
}

section.accordion + section.accordion {
  margin-top: -50px;
}
section.accordion + section.accordion .wrapper {
  border-top: 1px solid #062335;
  padding: 30px 0 0 0;
}

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

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

x. Footer

*********************************************************************************************/
footer {
  background: #07668B;
  padding: 60px 30px 30px 30px;
}
footer .bottom {
  margin: 30px 0 0 0;
}
footer .bottom .columns .column .content,
footer .bottom .columns .column .navigation {
  font-size: 0.833em;
}
footer .columns {
  margin: 0 -25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .columns .column .inside {
  padding: 0 25px;
}
footer .navigation {
  display: flex;
  list-style: none;
}
footer .navigation li:not(:last-child) {
  margin: 0 20px 0 0;
}
footer .navigation li a {
  color: white;
  display: block;
}
footer .navigation li a:hover {
  color: red;
}
footer .partners {
  border-top: 1px solid #062335;
  margin: 40px 0 0 0;
  padding: 40px 0 0 0;
}
footer .partners .logo {
  width: 230px;
  height: auto;
  display: block;
  -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%;
}
footer .partners .logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
footer .partners .logos li:not(:last-child) {
  margin: 0 40px 0 0;
}
footer .partners .logos li a {
  display: block;
}
footer .partners .logos li a img {
  width: auto;
  height: auto;
  max-width: 140px;
  max-height: 80px;
}
footer .partners .inside {
  display: flex;
  justify-content: space-between;
  position: relative;
}
footer .top {
  background: white;
  padding: 40px;
}
footer .top .columns .column:first-child .content {
  font-size: 0.833em;
}
footer .top .columns .column:last-child .content {
  font-size: 0.667em;
  text-align: right;
}
footer .top .columns .column:last-child .content h1,
footer .top .columns .column:last-child .content h2,
footer .top .columns .column:last-child .content h3,
footer .top .columns .column:last-child .content h4,
footer .top .columns .column:last-child .content h5,
footer .top .columns .column:last-child .content h6,
footer .top .columns .column:last-child .content ol,
footer .top .columns .column:last-child .content p,
footer .top .columns .column:last-child .content ul {
  margin-bottom: 10px;
}

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

x. Accordion

*********************************************************************************************/
section.accordion.open .link:after {
  -moz-transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
section.accordion .content:first-child {
  font-size: 1.667em;
}
section.accordion .content:last-child {
  display: none;
}
section.accordion .content:last-child .spacer {
  width: 100%;
  height: 30px;
}
section.accordion .link {
  color: #062335;
  padding: 0 80px 0 0;
  display: block;
  position: relative;
}
section.accordion .link:after {
  content: "";
  width: 50px;
  height: auto;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 32.54"><path d="M49.97 17.04c-.41.42-1.01.75-1.27 1.24-.14.06-.25-.02-.4.07-.12.16-.14.36-.14.57-.2.03-.34.41-.66.52.18.13-.09.23-.13.38-.07.29-.23.21-.4.27-.21.06-.45.36-.76.44 0 .17-.15.06-.14.26-.03-.07-.25-.19-.22 0 .07.01.13.02.18.05-.74.29-1.11.94-1.62 1.29-.25.17-.61.24-.65.54-1.28.65-2.62 1.35-3.76 2.21-.63.18-1.26.6-1.85.94-.36.22-.8.39-1.12.67-.03.03-.1.2-.15.23-.05.03-.15-.04-.22 0-.31.17-.98.54-1.19.85-.36.03-.68.33-1.02.56-.44.28-.92.51-1.38.8-.57.36-1.61 1.24-1.91 1.24-.4 0-.86.55-1.24.75-.06.03-.2 0-.25.04-.15.06-.26.21-.4.27-.6.28-1.25.47-1.8.82-.13-.3-.37-.02-.54-.1.04-.02.09-.09.01-.08-.54.04-1.04.22-1.54.59-.44-.28-1.06.51-1.43-.23.07-.27.09-.36.26-.54.32-.33.63-.85 1.02-1.07-.06-.64.46-.75.92-1.26.32-.36.66-.6 1.03-.84.51-.33.85-.67 1.25-1.05.2-.19.4-.36.59-.53.65-.6 1.58-1.65 2.53-2.36.6-.45 1.3-.76 1.99-1.1.38-.19.72-.45 1.08-.65 1.43-.81 2.94-1.34 4.17-2.16.07-.05.09-.17.16-.22.15-.11.37-.13.54-.23.07-.05.09-.18.16-.22.08-.06.24-.07.32-.12 1.39-.89 2.97-1.7 4.34-2.38.13-.06.28-.1.43-.14-.33.05-.65.12-.95.21-.12.03 0 .06.08.06-.18.16-.72.04-.66.37-1.03-.04-2.06.14-3.09.2-.24.02-.51-.05-.76-.04-.09 0-.27.1-.37.1-.68 0-1.74-.25-2.27-.04-.4.16-2.5-.1-3.57-.12-.86-.02-1.68.03-2.5 0-.64-.03-1.3-.13-1.82.03-.53-.18-1.73-.16-2.29-.15-.12 0-.2.12-.3.12s-.32-.12-.39-.12c-.66-.08-1.39 0-2.05-.02-1.07 0-2.25-.05-3.26.12-2.22-.18-4.59-.12-6.84-.04-.28-.25-.82-.12-1.3-.15-.98-.05-1.98-.44-3.22-.32.05-.05.13-.09.22-.12H9.4c-.1-.19-.3.04-.3.12-.14-.19-.27 0-.39-.16-.48.09-1.03-.05-1.37 0-.28.04-.44.2-.76-.04-.17-.12-.61-.06-.48-.28-.52.07-1.01-.2-1.31-.12-.17-.19-.35-.36-.64-.44-.28 0-.36.12-.6.14-.73-.3-1.81-.29-2.7-.45-.04-.57-.72-.58-.84-1.08.14-.12.19-.02.38-.02-.02-.35.49-.34.65-.57.24 0 .44.04.62.09.23-.16.44-.08.51-.26.38.18 1.34-.21 1.98-.1.19-.09.27-.26.51-.32.74.04 1.45.11 2.22.03.67-.07 1.36-.28 2.04-.31 2.39-.11 5.17-.2 7.77-.12.15 0 .37-.07.53-.06.13 0 .25.11.39.12.31 0 .61-.09.91-.07.14 0 .26.11.39.12 2.31.1 4.78-.2 7.37-.22.65 0 1.31.05 1.98.03 1.21-.05 2.41-.14 3.57-.04 1.85.15 3.93.61 5.29.82.4.05.8.11 1.22.17.84.12 1.57.26 2.52.29.7.03 1.34.06 2.06.22.35.08.67.11.96.14-.34-.25-.71-.63-1.05-.62-.3 0-1.33-.88-1.91-1.24-.47-.29-.94-.51-1.38-.8-.34-.23-.65-.52-1.02-.56-.21-.32-.88-.68-1.19-.85-.07-.04-.17.03-.22 0-.05-.03-.12-.2-.15-.23-.33-.28-.76-.45-1.12-.67-.59-.34-1.22-.76-1.85-.94-1.14-.85-2.47-1.56-3.76-2.21-.04-.3-.39-.37-.65-.54-.51-.35-.88-1-1.62-1.29.05-.03.12-.03.18-.03.03-.19-.19-.07-.22 0 .01-.2-.15-.09-.14-.26-.31-.08-.54-.37-.76-.44-.17-.06-.34.02-.4-.27-.04-.15-.31-.25-.13-.38-.32-.11-.46-.49-.66-.52 0-.21-.02-.41-.14-.57-.15-.09-.26-.01-.4-.07-.26-.48-.86-.82-1.27-1.24.25-.48-.12-.71.05-1.16.13-.05.11.05.22.11.15-.3.43-.12.63-.27.13.08.22.17.3.27.2-.06.28.07.41-.05.13.27.84.25 1.14.55.15-.01.27-.13.43-.1.39.27.75.55 1.21.73.4.15.88.2 1.27.39 1.37.67 2.94 1.48 4.34 2.38.08.05.24.06.32.12.07.04.09.17.16.22.17.1.38.12.54.23.07.05.09.17.16.22 1.23.82 2.74 1.35 4.17 2.16.36.21.7.46 1.08.65.69.34 1.4.65 1.99 1.1.95.72 1.87 1.76 2.53 2.36.2.17.39.34.59.53.41.37.74.72 1.25 1.05.37.24.71.48 1.03.84.46.51.98.61.92 1.26.39.22.7.73 1.01 1.06.07-.06.08-.13.19-.08.06.17.05.3.03.44.02.05.03.11.05.19-.03.07-.07.11-.11.16 0 .11.01.23.09.38Z"/></svg>');
  aspect-ratio: 50/32.54;
  filter: invert(40%) sepia(31%) saturate(7256%) hue-rotate(341deg) brightness(105%) contrast(102%);
  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%;
  right: 0;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
section.accordion .link:hover {
  color: #07668B;
}
section.accordion .link:hover:after {
  filter: invert(18%) sepia(98%) saturate(2318%) hue-rotate(179deg) brightness(100%) contrast(94%);
}

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

x. Calendar - Filters

*********************************************************************************************/
section.calendar.filters .filters {
  margin: 0 -30px 45px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
section.calendar.filters .filters li {
  margin: 0 30px 15px 0;
}
section.calendar.filters .filters li.current-menu-item a:before {
  background: black;
}
section.calendar.filters .filters li a {
  padding: 0 0 0 30px;
  display: block;
  position: relative;
}
section.calendar.filters .filters li a:before {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid black;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  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%;
  left: 0;
}
section.calendar.filters .filters li a:hover {
  color: black;
}
section.calendar.filters .filters li a:hover:before {
  background: black;
}

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

x. Counter

*********************************************************************************************/
section.counter.default .grid {
  margin: -40px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
section.counter.default .grid .item {
  width: calc(20% - 80px);
  height: auto;
  background: #F5F5F5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 40px;
}
section.counter.default .grid .item .inside {
  padding: 30px;
}

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

x. Counter - Percentage Bars

*********************************************************************************************/
section.counter.percentage-bars .grid {
  margin: -20px -40px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
section.counter.percentage-bars .grid .item .content.top {
  text-align: right;
}
section.counter.percentage-bars .grid .item .inside {
  padding: 20px 40px;
}
section.counter.percentage-bars .grid .item .line {
  width: 100%;
  height: 5px;
  background: #EEEEEE;
}
section.counter.percentage-bars .grid .item .line .current {
  width: auto;
  height: 5px;
  background: #FF4437;
}

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

x. Counter - Thermometer

*********************************************************************************************/
section.counter.thermometer {
  overflow: hidden;
}
section.counter.thermometer .spacer {
  width: 100%;
  height: 70px;
}
section.counter.thermometer .thermometer {
  position: relative;
}
section.counter.thermometer .thermometer.goal-reached .line .current {
  display: none;
}
section.counter.thermometer .thermometer.goal-reached .ticks li:last-child:before {
  -webkit-animation: pulse 0.75s infinite ease-in-out;
  -moz-animation: pulse 0.75s infinite ease-in-out;
  -ms-animation: pulse 0.75s infinite ease-in-out;
  -o-animation: pulse 0.75s infinite ease-in-out;
  animation: pulse 0.75s infinite ease-in-out;
}
section.counter.thermometer .thermometer:before {
  content: "";
  width: 100%;
  height: 5px;
  background: #EEEEEE;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
section.counter.thermometer .thermometer .line {
  width: auto;
  height: 5px;
  max-width: 100%;
  background: #FF4437;
  position: relative;
}
section.counter.thermometer .thermometer .line .current {
  font-size: 0.583em;
  font-weight: 600;
  display: block;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: -60px;
  left: 100%;
}
section.counter.thermometer .thermometer .line .current:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 10px 0 10px;
  border-color: #FF4437 transparent transparent transparent;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
}
section.counter.thermometer .thermometer .ticks {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
section.counter.thermometer .thermometer .ticks li {
  font-size: 0.583em;
  font-weight: 600;
  position: relative;
}
section.counter.thermometer .thermometer .ticks li:last-child:before {
  width: 50px;
  height: auto;
  background-color: transparent;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 25"><path d="m8.49,4.1c10.77-13.71,11.46,10.57,1.26,20.28C3.82,30.04-8.18-4.98,8.49,4.1Z"/></svg>');
  aspect-ratio: 17/25;
  filter: invert(40%) sepia(31%) saturate(7256%) hue-rotate(341deg) brightness(105%) contrast(102%);
}
section.counter.thermometer .thermometer .ticks li:before {
  content: "";
  width: 5px;
  height: 40px;
  background: #FF4437;
  -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: 0;
  left: 0;
}
section.counter.thermometer .thermometer .ticks li .tick {
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 50px;
  left: 0;
}

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

x. Divider

*********************************************************************************************/
section.divider .line {
  width: 100%;
  height: 1px;
  background: #062335;
}

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

x. Employees

*********************************************************************************************/
section.employees .grid {
  margin: -20px -10px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
section.employees .grid .item:nth-child(even) {
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
section.employees .grid .item:nth-child(odd) {
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
section.employees .grid .item .biography {
  display: none;
}
section.employees .grid .item .image {
  margin: 0 0 10px 0;
}
section.employees .grid .item .inside {
  background: #EEEEEE;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 20px 10px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
section.employees .grid .item .inside:hover {
  background: #A0BBC2;
}
section.employees .grid .item .inside:hover .content a.button.white {
  color: white;
  border-color: white;
}
section.employees .grid .item .inside:hover .content .color-red-orange {
  color: #062335;
}
section.employees .grid .item .link {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.biography {
  max-width: 1000px;
  padding: 80px 80px 80px 220px;
  position: relative;
}
.biography:before {
  content: "";
  width: 140px;
  height: auto;
  background-color: #F2BD5F;
  background-image: url(../img/texture-lines-vertical.png);
  background-repeat: repeat;
  background-size: 500% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.biography .image {
  width: 60%;
  height: auto;
  margin: 0 0 30px 0;
}

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

x. Form

*********************************************************************************************/
section.form .background {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 50px;
}
section.form .background form {
  text-align: center;
}
section.form .background form input[type=submit] {
  color: white;
  font-family: "p22-mackinac-pro", serif;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  height: auto;
  background: #499993;
  border: none;
  padding: 20px 20px 15px 20px;
  cursor: pointer;
}
section.form .background form input[type=submit]:hover {
  background: #07668B;
}
section.form .background form input[type=password] {
  color: #062335;
  font-family: "p22-mackinac-pro", serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1em;
  text-align: center;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.3) !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 20px 20px 15px 20px;
}
section.form .background form input[type=password]::placeholder {
  color: #062335;
}
section.form .background form input[type=password]::-webkit-input-placeholder {
  color: #062335;
}
section.form .background form input[type=password]:-moz-placeholder {
  color: #062335;
}
section.form .background form label {
  font-size: 0;
}
section.form .background form p {
  margin: 0 0 30px 0;
}
section.form .background form p:last-child {
  margin-bottom: 0;
}

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

x. Headline

*********************************************************************************************/
section.headline {
  background-image: url(../img/texture-lines-horizontal.png);
  background-repeat: repeat;
  background-size: 100% auto;
}

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

x. Image Carousel

*********************************************************************************************/
section.image-carousel {
  overflow: hidden;
}
section.image-carousel .background {
  overflow: hidden;
}
section.image-carousel .background:not(.background-white) {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 80px 0;
}
section.image-carousel .slick .slide .image img {
  width: auto;
  height: 400px;
}
section.image-carousel .slick .slide .inside {
  padding: 0 20px;
}

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

x. Image Gallery

*********************************************************************************************/
section.image-gallery .grid {
  margin: -25px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
section.image-gallery .grid .item .inside {
  margin: 25px;
  position: relative;
}
section.image-gallery .grid .item .inside a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
section.image-gallery .grid .sizer {
  width: 5%;
}

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

x. Logo Cloud

*********************************************************************************************/
section.logo-cloud .background {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 50px;
}
section.logo-cloud .content {
  margin: 40px 0;
}
section.logo-cloud .content:first-child {
  margin-top: 0;
}
section.logo-cloud .content:last-child {
  margin-bottom: 0;
}
section.logo-cloud .grid {
  margin: -20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
section.logo-cloud .grid:not(:last-child) {
  margin-bottom: 0;
}
section.logo-cloud .grid .item .image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 120px;
  filter: brightness(0) invert(100%);
  margin: 0 auto;
}
section.logo-cloud .grid .item .inside {
  background: #07668A;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  aspect-ratio: 1/1;
  margin: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

x. Navigation

*********************************************************************************************/
section.navigation.background-daintree {
  padding: 30px 0;
}
section.navigation .navigation {
  margin: 0 0 -20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
section.navigation .navigation li {
  margin: 0 0 20px 0;
}
section.navigation .navigation li.current-menu-item a {
  color: #F2BD5F;
}
section.navigation .navigation li:not(:last-child) {
  margin-right: 40px;
  padding-right: 70px;
  position: relative;
}
section.navigation .navigation li:not(:last-child):after {
  content: "";
  width: auto;
  height: 7px;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 7"><path d="m31,6.11c-.93-3.09-.37-2.88-1.62-6.11H5.03C7.23,2.97-1.26,1.45.16,4.08c8.05,2.52,19.62,3.96,30.84,2.03Z"/></svg>');
  aspect-ratio: 31/7;
  filter: invert(84%) sepia(12%) saturate(325%) hue-rotate(147deg) brightness(85%) contrast(85%);
  -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.navigation .navigation li:last-child:after {
  display: none;
}
section.navigation .navigation li a {
  color: white;
  font-family: "p22-underground", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
}
section.navigation .navigation li a:hover {
  color: #F2BD5F;
}

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

x. Quotations

*********************************************************************************************/
section.quotations {
  overflow: hidden;
}
section.quotations .image {
  width: 70px;
  height: auto;
  margin: 0 auto 30px auto;
}

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

x. Quotations + Image(s)

*********************************************************************************************/
section.quotations-images {
  overflow: hidden;
}
section.quotations-images .background {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}
section.quotations-images .columns {
  padding: 80px 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.quotations-images .columns .column .inside {
  padding: 0 40px;
}
section.quotations-images .grid {
  margin: -20px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.quotations-images .grid.grid-size-1 .item {
  width: 100%;
}
section.quotations-images .grid.grid-size-2 .item, section.quotations-images .grid.grid-size-4 .item {
  aspect-ratio: 1/1;
  width: 50%;
  position: relative;
}
section.quotations-images .grid.grid-size-2 .item .image, section.quotations-images .grid.grid-size-4 .item .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.quotations-images .grid.grid-size-2 .item .image img, section.quotations-images .grid.grid-size-4 .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.quotations-images .grid.grid-size-2 .item .inside, section.quotations-images .grid.grid-size-4 .item .inside {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.quotations-images .grid.grid-size-3 {
  position: relative;
}
section.quotations-images .grid.grid-size-3 .item:nth-child(1) {
  width: 65%;
}
section.quotations-images .grid.grid-size-3 .item:nth-child(2), section.quotations-images .grid.grid-size-3 .item:nth-child(3) {
  width: 35%;
  height: auto;
  position: absolute;
  right: 0;
}
section.quotations-images .grid.grid-size-3 .item:nth-child(2) .image, section.quotations-images .grid.grid-size-3 .item:nth-child(3) .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.quotations-images .grid.grid-size-3 .item:nth-child(2) .image img, section.quotations-images .grid.grid-size-3 .item:nth-child(3) .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.quotations-images .grid.grid-size-3 .item:nth-child(2) .inside, section.quotations-images .grid.grid-size-3 .item:nth-child(3) .inside {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.quotations-images .grid.grid-size-3 .item:nth-child(2) {
  top: 0;
  bottom: 50%;
}
section.quotations-images .grid.grid-size-3 .item:nth-child(3) {
  top: 50%;
  bottom: 0;
}
section.quotations-images .grid.grid-size-3 .sizer {
  width: 1%;
}
section.quotations-images .grid .item .inside {
  margin: 20px;
  padding: 0;
  position: relative;
}
section.quotations-images .image.quotation {
  width: 70px;
  height: auto;
  margin: 0 auto 30px auto;
}

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

x. Search

*********************************************************************************************/
#search {
  background: #062335;
  width: 100vw;
  height: 100vh;
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  -webkit-transition: transform 0.25s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -moz-transition: transform 0.25s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -ms-transition: transform 0.25s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -o-transition: transform 0.25s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  transition: transform 0.25s cubic-bezier(0.25, 0.45, 0.45, 0.95);
}
#search .wrapper {
  height: 100vh;
}
#search .wrapper form {
  width: 100%;
  height: auto;
  -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;
}
#search .wrapper form a[href="#search"] {
  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%;
  right: 0;
}
#search .wrapper form a[href="#search"]:hover svg {
  fill: #FF4437;
}
#search .wrapper form a[href="#search"] svg {
  fill: #F5F5F5;
}
#search .wrapper form button {
  background: transparent;
  border: none;
  -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;
}
#search .wrapper form button svg {
  fill: #F5F5F5;
}
#search .wrapper form input[type=text] {
  color: #F5F5F5;
  font-family: "p22-mackinac-pro", serif;
  font-size: 2.667rem;
  font-weight: 500;
  width: 100%;
  height: auto;
  background: transparent;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid #F5F5F5;
  padding: 0 50px 10px 50px;
}

.search-is-open #search {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

section.search .columns {
  margin: 0 -40px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.search .columns .column .inside {
  padding: 0 40px;
}
section.search form {
  width: 500px;
  height: auto;
  position: relative;
}
section.search form input[type=submit] {
  color: white;
  font-family: "p22-mackinac-pro", serif;
  font-size: 1rem;
  font-weight: 500;
  background: #499993;
  border: none;
  padding: 0 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
section.search form input[type=submit]:hover {
  background: #07668B;
}
section.search form input[type=text] {
  color: #062335;
  font-family: "p22-mackinac-pro", serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1em;
  width: 100%;
  height: auto;
  background: #EEEEEE !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 20px 20px 15px 20px;
}
section.search form input[type=text]::placeholder {
  color: #062335;
}
section.search form input[type=text]::-webkit-input-placeholder {
  color: #062335;
}
section.search form input[type=text]:-moz-placeholder {
  color: #062335;
}

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

x. Sponsors

*********************************************************************************************/
section.sponsors .marquee {
  padding: 40px 0;
  overflow: hidden;
}
section.sponsors .marquee .grid {
  display: flex;
  align-items: center;
}
section.sponsors .marquee .grid .item {
  white-space: nowrap;
  margin: 0 30px;
}
section.sponsors .marquee .grid .item .image.logo img {
  filter: brightness(0) invert(34%) sepia(17%) saturate(290%) hue-rotate(161deg) brightness(90%) contrast(87%);
}
section.sponsors .marquee .grid .item .image img {
  width: auto;
  height: auto;
  max-width: 220px;
  max-height: 120px;
}

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

x. Stories - Featured

*********************************************************************************************/
section.stories.featured .grid {
  margin: -20px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
section.stories.featured .grid .item {
  width: calc(33.33% - 40px);
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 20px;
  position: relative;
  overflow: hidden;
}
section.stories.featured .grid .item.quotation {
  position: relative;
}
section.stories.featured .grid .item.quotation:after {
  content: "";
  width: auto;
  height: 80px;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136 110.02"><path d="M108.37 44.6c-11.04-1.7-19.55-9.77-19.55-22.09C88.82 9.33 99.45 0 111.34 0 126.64 0 136 11.47 136 31.86c0 26.32-18.7 58.6-38.26 78.14l-20.82-8.07c19.55-21.66 28.89-39.08 31.45-57.33ZM20.82 110 0 101.93C19.55 80.27 28.89 62.85 31.45 44.6 20.41 42.9 11.9 34.83 11.9 22.51 11.89 9.33 22.52 0 34.41 0c15.3 0 24.66 11.47 24.66 31.86 0 26.32-18.7 58.62-38.26 78.16V110Z"/></svg>');
  aspect-ratio: 136/110.02;
  filter: invert(68%) sepia(82%) saturate(282%) hue-rotate(357deg) brightness(98%) contrast(94%);
  position: absolute;
  bottom: 40px;
  right: 40px;
}
section.stories.featured .grid .item.quotation .content {
  padding: 0 0 100px 0;
  position: relative;
  z-index: 10;
}
section.stories.featured .grid .item.standard:hover .overlay {
  background: rgba(7, 102, 139, 0.85);
}
section.stories.featured .grid .item.standard .content {
  position: absolute;
  z-index: 20;
}
section.stories.featured .grid .item.standard .content.bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
section.stories.featured .grid .item.standard .content.top {
  top: 0;
  left: 0;
  right: 0;
}
section.stories.featured .grid .item.standard .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.stories.featured .grid .item.standard .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.stories.featured .grid .item.standard .inside {
  min-height: calc(100% - 80px);
}
section.stories.featured .grid .item.standard .inside:after {
  content: "";
  display: table;
  clear: both;
}
section.stories.featured .grid .item.standard .inside:before {
  content: "";
  padding: 0 0 150% 0;
  float: left;
}
section.stories.featured .grid .item.standard .overlay {
  background: rgba(7, 102, 139, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: background 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -moz-transition: background 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -ms-transition: background 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -o-transition: background 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  transition: background 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
}
section.stories.featured .grid .item .inside {
  margin: 40px;
  position: relative;
}

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

x. Stories - Filters

*********************************************************************************************/
section.stories.filters .filters {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  list-style: none;
}
section.stories.filters .filters li:not(:last-child) {
  margin: 0 20px 0 0;
}
section.stories.filters .filters li a {
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="m300,34.89L265.11,0l-115.11,115.11L34.89,0,0,34.89l115.11,115.11L0,265.11l34.89,34.89,115.11-115.11,115.11,115.11,34.89-34.89-115.11-115.11,115.11-115.11Z"/></svg>');
  background-position: right 0 top 40%;
  background-repeat: no-repeat;
  background-size: 10px auto;
  padding: 0 20px 0 0;
  display: block;
}

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

x. Stories - Feed
x. Stories - Related

*********************************************************************************************/
section.stories.feed .grid, section.stories.related .grid {
  margin: -40px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
section.stories.feed .grid .item, section.stories.related .grid .item {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 40px;
  overflow: hidden;
}
section.stories.feed .grid .item.quotation, section.stories.related .grid .item.quotation {
  position: relative;
}
section.stories.feed .grid .item.quotation:after, section.stories.related .grid .item.quotation:after {
  content: "";
  width: auto;
  height: 80px;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136 110.02"><path d="M108.37 44.6c-11.04-1.7-19.55-9.77-19.55-22.09C88.82 9.33 99.45 0 111.34 0 126.64 0 136 11.47 136 31.86c0 26.32-18.7 58.6-38.26 78.14l-20.82-8.07c19.55-21.66 28.89-39.08 31.45-57.33ZM20.82 110 0 101.93C19.55 80.27 28.89 62.85 31.45 44.6 20.41 42.9 11.9 34.83 11.9 22.51 11.89 9.33 22.52 0 34.41 0c15.3 0 24.66 11.47 24.66 31.86 0 26.32-18.7 58.62-38.26 78.16V110Z"/></svg>');
  aspect-ratio: 136/110.02;
  filter: invert(68%) sepia(82%) saturate(282%) hue-rotate(357deg) brightness(98%) contrast(94%);
  position: absolute;
  bottom: 40px;
  right: 40px;
}
section.stories.feed .grid .item.quotation.width-33:before, section.stories.related .grid .item.quotation.width-33:before {
  padding: 0 0 150% 0;
}
section.stories.feed .grid .item.quotation.width-50:before, section.stories.related .grid .item.quotation.width-50:before {
  padding: 0 0 100% 0;
}
section.stories.feed .grid .item.quotation.width-100 .inside:before, section.stories.related .grid .item.quotation.width-100 .inside:before {
  padding: 0 0 25% 0;
}
section.stories.feed .grid .item.quotation .content, section.stories.related .grid .item.quotation .content {
  padding: 0 0 100px 0;
  position: relative;
  z-index: 10;
}
section.stories.feed .grid .item.quotation .inside, section.stories.related .grid .item.quotation .inside {
  padding: 40px;
}
section.stories.feed .grid .item.quotation .inside:after, section.stories.related .grid .item.quotation .inside:after {
  content: "";
  display: table;
  clear: both;
}
section.stories.feed .grid .item.quotation .inside:before, section.stories.related .grid .item.quotation .inside:before {
  content: "";
  float: left;
}
section.stories.feed .grid .item.standard.featured, section.stories.related .grid .item.standard.featured {
  position: relative;
}
section.stories.feed .grid .item.standard.featured .content, section.stories.related .grid .item.standard.featured .content {
  width: 50%;
  margin: 0 0 0 50%;
}
section.stories.feed .grid .item.standard.featured .image.featured, section.stories.related .grid .item.standard.featured .image.featured {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
section.stories.feed .grid .item.standard.featured .inside, section.stories.related .grid .item.standard.featured .inside {
  display: flex;
  align-items: center;
}
section.stories.feed .grid .item.standard.featured .inside:after, section.stories.related .grid .item.standard.featured .inside:after {
  content: "";
  display: table;
  clear: both;
}
section.stories.feed .grid .item.standard.featured .inside:before, section.stories.related .grid .item.standard.featured .inside:before {
  content: "";
  padding: 0 0 30% 0;
  float: left;
}
section.stories.feed .grid .item.standard .content, section.stories.related .grid .item.standard .content {
  padding: 40px;
}
section.stories.feed .grid .item.standard .image.featured, section.stories.related .grid .item.standard .image.featured {
  aspect-ratio: 3/1.5;
  position: relative;
  overflow: hidden;
}
section.stories.feed .grid .item.standard .image.featured img, section.stories.related .grid .item.standard .image.featured img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.stories.feed .grid .item.standard .image.category, section.stories.related .grid .item.standard .image.category {
  width: 50px;
  height: auto;
  margin: 0 0 30px 0;
}
section.stories.feed .grid .item.width-33, section.stories.related .grid .item.width-33 {
  width: calc(33.33% - 80px);
}
section.stories.feed .grid .item.width-50, section.stories.related .grid .item.width-50 {
  width: calc(50% - 80px);
}
section.stories.feed .grid .item.width-100, section.stories.related .grid .item.width-100 {
  width: calc(100% - 80px);
}

section.stories.related .grid {
  margin: -20px;
}
section.stories.related .grid .item {
  margin: 20px;
}
section.stories.related .grid .item.width-33 {
  width: calc(33.33% - 40px);
}
section.stories.related .grid .item.width-50 {
  width: calc(50% - 40px);
}
section.stories.related .grid .item.width-100 {
  width: calc(100% - 40px);
}

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

x. Tabs

*********************************************************************************************/
section.tabs .columns {
  margin: 0 -40px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
section.tabs .columns .column .inside {
  padding: 0 40px;
}
section.tabs .tab-content,
section.tabs .tab-image {
  display: none;
}
section.tabs .tab-content.visible,
section.tabs .tab-image.visible {
  display: block;
}
section.tabs .tabs {
  border-bottom: 5px solid #F5F5F5;
  margin: 80px 0 40px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
section.tabs .tabs li {
  margin: 0 30px 30px 30px;
}
section.tabs .tabs li.current-menu-item a {
  color: #FF4437;
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.1em;
}
section.tabs .tabs li a {
  font-size: 0.75em;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
}

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

x. Text Block

*********************************************************************************************/
section.text-block.default .grid {
  margin: -20px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
section.text-block.default .grid .item {
  width: calc(33.33% - 40px);
  height: auto;
  background: #F5F5F5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 20px;
}
section.text-block.default .grid .item .inside {
  padding: 15px;
}

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

x. Text Block - Carousel

*********************************************************************************************/
section.text-block.carousel {
  overflow: hidden;
}
section.text-block.carousel .slick.slick-initialized .slick-track {
  display: flex;
  align-content: center;
}
section.text-block.carousel .slick.slick-initialized .slick-track .slick-slide {
  width: 300px;
  height: auto;
  background: #EEEEEE;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 20px;
  float: none;
}
section.text-block.carousel .slick.slick-initialized .slick-track .slick-slide .slide {
  width: auto;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
}
section.text-block.carousel .slick .slide {
  width: 300px;
  height: auto;
  background: #EEEEEE;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 20px;
}
section.text-block.carousel .slick .slide .inside {
  padding: 15px;
}

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

x. Text Block - Expanding

*********************************************************************************************/
section.text-block.expanding .columns {
  margin: 0 -10px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
section.text-block.expanding .columns:first-child .column:last-child {
  -webkit-border-top-right-radius: 80px;
  -moz-border-radius-topright: 80px;
  border-top-right-radius: 80px;
}
section.text-block.expanding .columns:last-child .column:first-child {
  -webkit-border-bottom-left-radius: 80px;
  -moz-border-radius-bottomleft: 80px;
  border-bottom-left-radius: 80px;
}
section.text-block.expanding .columns:not(:last-child) {
  margin-bottom: 20px;
}
section.text-block.expanding .columns .column {
  width: calc(50% - 20px);
  height: auto;
  margin: 0 10px;
  position: relative;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  transition: width 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
}
section.text-block.expanding .columns .column.hover {
  width: calc(50% - 20px + 100px);
}
section.text-block.expanding .columns .column.hover .content.bottom {
  opacity: 1;
  padding: 0 320px 0 0;
}
section.text-block.expanding .columns .column.hover .image.background {
  opacity: 1;
}
section.text-block.expanding .columns .column.hover .image.foreground {
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
section.text-block.expanding .columns .column.no-hover {
  width: calc(50% - 20px - 100px);
}
section.text-block.expanding .columns .column.no-hover .content.bottom {
  padding: 0 120px 0 0;
}
section.text-block.expanding .columns .column .content.bottom {
  opacity: 0;
  padding: 0 220px 0 0;
  -webkit-transition: all 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -moz-transition: all 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -ms-transition: all 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -o-transition: all 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  transition: all 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
}
section.text-block.expanding .columns .column .image.background {
  width: 150px;
  height: 150px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 0;
  position: absolute;
  bottom: 70px;
  right: 70px;
  overflow: hidden;
  -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -moz-transition: opacity 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -ms-transition: opacity 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -o-transition: opacity 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  transition: opacity 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
}
section.text-block.expanding .columns .column .image.background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.text-block.expanding .columns .column .image.foreground {
  width: 140px;
  height: 140px;
  -moz-transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  position: absolute;
  bottom: 40px;
  right: 40px;
  z-index: 10;
  -webkit-transition: transform 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -moz-transition: transform 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -ms-transition: transform 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  -o-transition: transform 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
  transition: transform 0.1s cubic-bezier(0.25, 0.45, 0.45, 0.95);
}
section.text-block.expanding .columns .column .image.foreground img {
  max-width: 100%;
  max-height: 100%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
}
section.text-block.expanding .columns .column .inside {
  padding: 40px;
}

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

x. Text + Image
x. Text + Map

*********************************************************************************************/
section.text-image.text-position-left .columns, section.text-image.text-position-right .columns,
section.text-map.text-position-left .columns,
section.text-map.text-position-right .columns {
  margin: 0 -40px;
  display: flex;
  flex-wrap: wrap;
}
section.text-image.text-position-left .columns .column .inside, section.text-image.text-position-right .columns .column .inside,
section.text-map.text-position-left .columns .column .inside,
section.text-map.text-position-right .columns .column .inside {
  padding: 0 40px;
}
section.text-image.text-position-left .columns,
section.text-map.text-position-left .columns {
  flex-direction: row-reverse;
}
section.text-image.text-position-overlay,
section.text-map.text-position-overlay {
  position: relative;
  overflow: hidden;
}
section.text-image.text-position-overlay .image,
section.text-map.text-position-overlay .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.text-image.text-position-overlay .image:after,
section.text-map.text-position-overlay .image:after {
  content: "";
  background: rgba(7, 102, 139, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
section.text-image.text-position-overlay .image img,
section.text-map.text-position-overlay .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.text-image.text-position-overlay .wrapper,
section.text-map.text-position-overlay .wrapper {
  padding: 200px 0;
  z-index: 20;
}
section.text-image .map,
section.text-map .map {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}

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

x. Text + Images

*********************************************************************************************/
section.text-images {
  overflow: visible;
}
section.text-images.background-white-smoke {
  padding: 40px 0 0 0;
}
section.text-images.text-position-left .columns {
  flex-direction: row-reverse;
}
section.text-images.text-position-left .columns .column .image.bottom {
  margin-left: auto;
  margin-right: -10%;
}
section.text-images.text-position-left .columns .column .image.bottom:before {
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
  right: 10%;
}
section.text-images.text-position-left .columns .column .image.top {
  margin: 0 0 0 -5%;
}
section.text-images.text-position-left .columns .column .image.top:before {
  left: 10%;
}
section.text-images.text-position-right .columns .column .image.bottom {
  margin-left: -10%;
}
section.text-images.text-position-right .columns .column .image.bottom:before {
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  left: 10%;
}
section.text-images.text-position-right .columns .column .image.top {
  margin: 0 0 0 auto;
}
section.text-images.text-position-right .columns .column .image.top:before {
  right: 10%;
}
section.text-images .columns {
  margin: 0 -40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
section.text-images .columns .column .content {
  padding: 80px 0;
  position: relative;
  z-index: 20;
}
section.text-images .columns .column .image {
  position: relative;
}
section.text-images .columns .column .image.bottom {
  width: 75%;
  height: auto;
  margin: -15% 0 -7.5% 0;
}
section.text-images .columns .column .image.bottom:before {
  top: 30%;
}
section.text-images .columns .column .image.bottom img {
  -webkit-animation: float-one 6s infinite ease-in-out;
  -moz-animation: float-one 6s infinite ease-in-out;
  -ms-animation: float-one 6s infinite ease-in-out;
  -o-animation: float-one 6s infinite ease-in-out;
  animation: float-one 6s infinite ease-in-out;
}
section.text-images .columns .column .image.top {
  width: 60%;
  height: auto;
  z-index: 10;
}
section.text-images .columns .column .image.top:before {
  top: 10%;
}
section.text-images .columns .column .image.top img {
  -webkit-animation: float-two 7s infinite ease-in-out;
  -moz-animation: float-two 7s infinite ease-in-out;
  -ms-animation: float-two 7s infinite ease-in-out;
  -o-animation: float-two 7s infinite ease-in-out;
  animation: float-two 7s infinite ease-in-out;
}
section.text-images .columns .column .image:before {
  content: "";
  width: 600px;
  height: auto;
  background-image: url(../img/texture-lines-horizontal.svg);
  aspect-ratio: 643/206.77;
  filter: invert(100%) sepia(3%) saturate(1619%) hue-rotate(247deg) brightness(116%) contrast(86%);
  position: absolute;
}
section.text-images .columns .column .image img {
  position: relative;
  z-index: 10;
}
section.text-images .columns .column .inside {
  padding: 0 40px;
}

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

x. Upcoming Events - Carousel

*********************************************************************************************/
section.upcoming-events.carousel .slick.slick-initialized .slick-track {
  padding: 10px 0;
  display: flex;
  align-content: center;
}
section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide {
  width: 500px;
  height: auto;
  background: #EEEEEE;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 10px;
  float: none;
  overflow: hidden;
}
section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide:nth-child(3n-3) {
  background: #F2BD5F;
}
section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide:nth-child(3n-2) {
  background: #A0BBC2;
}
section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide:nth-child(3n-1) {
  background: #F5F5F5;
}
section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide:nth-child(even) {
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide:nth-child(odd) {
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide .slide {
  width: auto !important;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  margin: 0;
}
section.upcoming-events.carousel .slick .slide {
  width: 25%;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 10px;
  overflow: hidden;
}
section.upcoming-events.carousel .slick .slide:nth-child(3n-3) {
  background: #F2BD5F;
}
section.upcoming-events.carousel .slick .slide:nth-child(3n-2) {
  background: #A0BBC2;
}
section.upcoming-events.carousel .slick .slide:nth-child(3n-1) {
  background: #F5F5F5;
}
section.upcoming-events.carousel .slick .slide:nth-child(even) {
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
section.upcoming-events.carousel .slick .slide:nth-child(odd) {
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
section.upcoming-events.carousel .slick .slide .content {
  padding: 40px;
}
section.upcoming-events.carousel .slick .slide .content .divider {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 0 30px 0;
}
section.upcoming-events.carousel .slick .slide .image {
  display: block;
}
section.upcoming-events .grid {
  margin: -10px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
section.upcoming-events .grid .item {
  background: #EEEEEE;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 10px;
  float: none;
  overflow: hidden;
}
section.upcoming-events .grid .item:nth-child(3n-3) {
  background: #F2BD5F;
}
section.upcoming-events .grid .item:nth-child(3n-2) {
  background: #A0BBC2;
}
section.upcoming-events .grid .item:nth-child(3n-1) {
  background: #F5F5F5;
}
section.upcoming-events .grid .item:nth-child(even) {
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
section.upcoming-events .grid .item:nth-child(odd) {
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
section.upcoming-events .grid .item .content {
  padding: 40px;
}
section.upcoming-events .grid .item .content .divider {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 0 30px 0;
}
section.upcoming-events .grid .item .image {
  display: block;
}
section.upcoming-events .grid .item .inside {
  margin: 10px;
}

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

x. Upcoming Events - Filters

*********************************************************************************************/
section.upcoming-events.filters .filters {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
}
section.upcoming-events.filters .filters li:not(:last-child) {
  margin: 0 20px 0 0;
}
section.upcoming-events.filters .filters li a {
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="m300,34.89L265.11,0l-115.11,115.11L34.89,0,0,34.89l115.11,115.11L0,265.11l34.89,34.89,115.11-115.11,115.11,115.11,34.89-34.89-115.11-115.11,115.11-115.11Z"/></svg>');
  background-position: right 0 top 40%;
  background-repeat: no-repeat;
  background-size: 10px auto;
  padding: 0 20px 0 0;
  display: block;
}

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

x. WordPress Core

*********************************************************************************************/
.alignnone {
  margin: 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 0 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: 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: #C1D8D8;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
#trp-floater-ls.trp-color-light #trp-floater-ls-language-list .trp-language-wrap a:hover {
  background: #b1cece;
}

/*
#trp-floater-ls {
	&.trp-bottom-left {
		left: 100px;
	}
	&.trp-color-light {
		background: $ZIGGURAT;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	#trp-floater-ls-current-language,
	#trp-floater-ls-language-list {
		a {
			color: darken($ZIGGURAT, 40%);
			font-family: "p22-underground", Arial, Helvetica, sans-serif;
			font-size: 0.500rem;
			font-weight: 600;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			display: block !important;
		}
		.trp-flag-image {
			display: none !important;
		}
	}
}
*/
/********************************************************************************************* 

x. Imports

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

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

*********************************************************************************************/
@media only screen and (max-width: 1700px) {
  .wrapper.large {
    width: auto;
    margin: 0 100px;
  }
}
@media only screen and (max-width: 1600px) {
  html, body {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  html, body {
    font-size: 18px;
  }
  .wrapper.medium {
    width: auto;
    margin: 0 100px;
  }
}
@media only screen and (max-width: 1200px) {
  /*
  .wrapper {
  	&.large,
  	&.medium {
  		margin: 0 100px;
  	}
  }
  */
}
@media only screen and (max-width: 1000px) {
  .wrapper.large, .wrapper.medium, .wrapper.small {
    width: auto;
    margin: 0 50px;
  }
}
@media only screen and (max-width: 900px) {
  h1 {
    font-size: 2.25rem;
  }
  h2 {
    font-size: 1.75rem;
  }
  .wrapper.large, .wrapper.medium, .wrapper.small {
    width: auto;
    margin: 0 30px;
  }
}
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h6 {
    font-size: 0.8rem;
  }
}
/********************************************************************************************* 

x. Content

*********************************************************************************************/
@media only screen and (max-width: 900px) {
  .content ul.social-media {
    justify-content: center;
  }
}
@media only screen and (max-width: 600px) {
  .content ul.page-numbers {
    font-size: 0.75em;
  }
}
/********************************************************************************************* 

x. Accordion

*********************************************************************************************/
@media only screen and (max-width: 600px) {
  section.accordion .link:after {
    width: 30px;
  }
}
/********************************************************************************************* 

x. Calendar - Filters

*********************************************************************************************/
@media only screen and (max-width: 700px) {
  section.calendar.filters .filters {
    margin: 0 -30px 15px 0;
  }
  section.calendar.filters .filters li {
    font-size: 0.8rem;
  }
  section.calendar.filters .filters li a {
    padding: 0 0 0 20px;
  }
  section.calendar.filters .filters li a:before {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid black;
  }
}
/********************************************************************************************* 

x. Counter

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.counter.default .grid {
    margin: -25px;
  }
  section.counter.default .grid .item {
    width: calc(20% - 50px);
    margin: 25px;
  }
}
@media only screen and (max-width: 1200px) {
  section.counter.default .grid {
    margin: -15px;
  }
  section.counter.default .grid .item {
    width: calc(20% - 30px);
    margin: 15px;
  }
}
@media only screen and (max-width: 1100px) {
  section.counter.default .grid .item {
    width: calc(25% - 30px);
  }
}
@media only screen and (max-width: 900px) {
  section.counter.default .grid .item {
    width: calc(33.33% - 30px);
  }
}
@media only screen and (max-width: 600px) {
  section.counter.default .grid .item {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 500px) {
  section.counter.default .grid .item {
    width: calc(100% - 30px);
  }
}
/********************************************************************************************* 

x. Counter - Percentage Bars

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.counter.percentage-bars .grid {
    margin: -15px -25px;
  }
  section.counter.percentage-bars .grid .item .inside {
    padding: 15px 25px;
  }
}
@media only screen and (max-width: 1200px) {
  section.counter.percentage-bars .grid {
    margin: -15px;
  }
  section.counter.percentage-bars .grid .item .inside {
    padding: 15px;
  }
}
@media only screen and (max-width: 800px) {
  section.counter.percentage-bars .grid .item {
    width: 100%;
  }
}
/********************************************************************************************* 

x. Counter - Thermometer

*********************************************************************************************/
@media only screen and (max-width: 900px) {
  section.counter.thermometer .thermometer .ticks li:last-child:before {
    width: 30px;
  }
}
/********************************************************************************************* 

x. Employees

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.employees .grid {
    margin: -15px -10px;
  }
  section.employees .grid .item .inside {
    margin: 15px 10px;
  }
}
@media only screen and (max-width: 1100px) {
  section.employees .grid .item {
    width: 25%;
  }
}
@media only screen and (max-width: 1000px) {
  .biography {
    padding: 50px;
  }
  .biography:before {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  section.employees .grid .item {
    width: 33.33%;
  }
}
@media only screen and (max-width: 800px) {
  .biography {
    padding: 30px;
  }
}
@media only screen and (max-width: 600px) {
  section.employees .grid .item {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  section.employees .grid .item {
    width: 100%;
  }
  section.employees .grid .item:nth-child(even), section.employees .grid .item:nth-child(odd) {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/********************************************************************************************* 

x. Fancybox

*********************************************************************************************/
@media only screen and (max-width: 800px) {
  .fancybox-slide--html {
    padding: 20px;
  }
}
/********************************************************************************************* 

x. Footer

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  footer {
    padding: 30px 0;
  }
  footer .partners .logo {
    width: 100%;
    height: auto;
    margin: 30px 0 0 0;
    order: 3;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: 0;
    left: 0;
  }
  footer .partners .logo img {
    width: 230px;
    height: auto;
    margin: 0 auto;
  }
  footer .partners .logos.left {
    order: 1;
  }
  footer .partners .logos.right {
    order: 2;
  }
  footer .partners .logos:not(:last-child) {
    margin: 0 20px 0 0;
  }
  footer .partners .logos li,
footer .partners .logos li:not(:last-child) {
    margin: 0 10px 10px 10px;
  }
  footer .partners .inside {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (max-width: 900px) {
  footer .partners {
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
  }
  footer .top .columns {
    flex-direction: column-reverse;
  }
  footer .top .columns .column {
    width: 100%;
  }
  footer .top .columns .column:last-child .content {
    text-align: center;
    border-bottom: 1px solid #062335;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
  }
  footer .top .columns .column .content {
    text-align: center;
  }
}
@media only screen and (max-width: 700px) {
  footer .bottom .columns .column .content,
footer .bottom .columns .column .navigation {
    font-size: 10px;
  }
}
@media only screen and (max-width: 600px) {
  footer .partners .logo img {
    width: 190px;
  }
  footer .partners .logos li a img {
    max-width: 100px;
    max-height: 50px;
  }
}
@media only screen and (max-width: 500px) {
  footer .bottom .columns .column {
    width: 100%;
  }
  footer .bottom .columns .column .content {
    text-align: center;
  }
  footer .bottom .columns .column .navigation {
    justify-content: center;
  }
}
/********************************************************************************************* 

x. Form

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.form .background {
    padding: 30px;
  }
}
/********************************************************************************************* 

x. Header

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  header .columns .column:nth-child(2) {
    display: none;
  }
  header .hamburger {
    display: block;
  }
  header .navigation,
header .sub-navigation {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  header .hamburger {
    width: 30px;
  }
  header .logo {
    width: 190px;
  }
}
/********************************************************************************************* 

x. Image Carousel

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.image-carousel .slick .slide .inside {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1000px) {
  section.image-carousel .background:not(.background-white) {
    padding: 50px 0;
  }
  section.image-carousel .slick .slide .image img {
    width: auto;
    height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  section.image-carousel .slick .slide .image img {
    width: auto;
    height: 200px;
  }
}
/********************************************************************************************* 

x. Image Gallery

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.image-gallery .grid {
    margin: -15px;
  }
  section.image-gallery .grid .item.width-20 {
    width: 25%;
  }
  section.image-gallery .grid .item.width-25 {
    width: 30%;
  }
  section.image-gallery .grid .item .inside {
    margin: 15px;
  }
}
@media only screen and (max-width: 800px) {
  section.image-gallery .grid .item.width-20, section.image-gallery .grid .item.width-25, section.image-gallery .grid .item.width-35 {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  section.image-gallery .grid .item.width-20, section.image-gallery .grid .item.width-25, section.image-gallery .grid .item.width-35 {
    width: 100%;
  }
}
/********************************************************************************************* 

x. Logo Cloud

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.logo-cloud .background {
    padding: 30px;
  }
  section.logo-cloud .grid {
    margin: -15px;
  }
  section.logo-cloud .grid .item .inside {
    margin: 15px;
  }
}
@media only screen and (max-width: 1100px) {
  section.logo-cloud .grid .item {
    width: 25%;
  }
}
@media only screen and (max-width: 900px) {
  section.logo-cloud .grid .item {
    width: 33.33%;
  }
}
@media only screen and (max-width: 600px) {
  section.logo-cloud .grid .item {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  section.logo-cloud .grid .item {
    width: 100%;
  }
  section.logo-cloud .grid .item .image img {
    max-width: 200px;
  }
  section.logo-cloud .grid .item .inside {
    aspect-ratio: unset;
  }
}
/********************************************************************************************* 

x. Main

*********************************************************************************************/
@media only screen and (max-width: 1000px) {
  main {
    padding: 50px 0 0 0;
  }
  main section {
    margin: 0 0 50px 0;
  }
  main section.background-blue-chill, main section.background-daintree, main section.background-gray-smoke, main section.background-saffron-mango, main section.background-sea-blue, main section.background-tower-gray, main section.background-white-smoke {
    padding: 50px 0;
  }
  main section.full-width:first-child {
    margin-top: -50px;
  }
  section.accordion + section.accordion {
    margin-top: -20px;
  }
  section.full-width + section.full-width {
    margin-top: -50px;
  }
}
/********************************************************************************************* 

x. Navigation

*********************************************************************************************/
@media only screen and (max-width: 800px) {
  section.navigation .navigation li:not(:last-child) {
    margin-right: 20px;
    padding-right: 30px;
  }
  section.navigation .navigation li:not(:last-child):after {
    width: 8px;
    height: 8px;
    background-color: black;
    background-image: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    aspect-ratio: 1/1;
    top: 40%;
  }
}
@media only screen and (max-width: 500px) {
  section.navigation .navigation li {
    margin: 0 20px 20px 0;
  }
  section.navigation .navigation li:not(:last-child) {
    margin-right: 20px;
    padding-right: 0;
  }
  section.navigation .navigation li:not(:last-child):after {
    display: none;
  }
}
/********************************************************************************************* 

x. Quotations

*********************************************************************************************/
@media only screen and (max-width: 800px) {
  section.quotations .image {
    width: 50px;
  }
}
/********************************************************************************************* 

x. Quotations + Image(s)

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.quotations-images .columns {
    padding: 50px 10px;
  }
  section.quotations-images .columns .column .inside {
    padding: 0 25px;
  }
  section.quotations-images .grid .item .inside {
    padding: 0;
  }
}
@media only screen and (max-width: 1200px) {
  section.quotations-images .columns {
    padding: 30px 15px;
  }
  section.quotations-images .columns .column .inside {
    padding: 0 15px;
  }
  section.quotations-images .grid {
    margin: -15px;
  }
  section.quotations-images .grid .item .inside {
    margin: 15px;
    padding: 0;
  }
}
@media only screen and (max-width: 1100px) {
  section.quotations-images .columns {
    padding: 15px;
  }
  section.quotations-images .columns .column {
    width: 100%;
  }
  section.quotations-images .columns .column .inside {
    padding: 15px;
  }
  section.quotations-images .grid .item .inside {
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  section.quotations-images .image.quotation {
    width: 50px;
  }
}
@media only screen and (max-width: 500px) {
  section.quotations-images .grid .item {
    width: 100% !important;
  }
  section.quotations-images .grid .item:not(:first-child) {
    display: none;
  }
}
/********************************************************************************************* 

x. Search

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.search .columns {
    margin: 0 -25px;
  }
  section.search .columns .column .inside {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 1200px) {
  section.search .columns {
    margin: 0 -15px;
  }
  section.search .columns .column .inside {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1100px) {
  section.search .columns {
    margin: -15px;
  }
  section.search .columns .column {
    width: 100%;
  }
  section.search .columns .column .content {
    text-align: center;
  }
  section.search .columns .column .inside {
    padding: 15px;
  }
  section.search form {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 800px) {
  #search .wrapper form a[href="#search"] {
    top: 40%;
  }
  #search .wrapper form a[href="#search"] svg {
    width: 16px;
    height: 16px;
  }
  #search .wrapper form button {
    top: 40%;
  }
  #search .wrapper form button svg {
    width: 20px;
    height: 20px;
  }
  #search .wrapper form input[type=text] {
    font-size: 1.5rem;
    padding: 0 30px 10px 30px;
  }
}
@media only screen and (max-width: 600px) {
  section.search form {
    width: 100%;
  }
}
/********************************************************************************************* 

x. SelectOrDie

*********************************************************************************************/
@media only screen and (max-width: 700px) {
  .sod_select .sod_list_wrapper {
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    right: auto;
  }
  .sod_select .sod_option {
    text-align: center;
  }
}
/********************************************************************************************* 

x. Slick

*********************************************************************************************/
@media only screen and (max-width: 800px) {
  .slick-arrows.slick-initialized {
    padding: 0 0 40px 0;
  }
}
/********************************************************************************************* 

x. Sponsors

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.sponsors .marquee .grid .item {
    margin: 0 25px;
  }
}
@media only screen and (max-width: 1200px) {
  section.sponsors .marquee .grid .item {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 900px) {
  section.sponsors .marquee .grid .item .image img {
    max-width: 180px;
    max-height: 100px;
  }
}
@media only screen and (max-width: 700px) {
  section.sponsors .marquee .grid .item .image img {
    max-width: 140px;
    max-height: 80px;
  }
}
/********************************************************************************************* 

x. Stories - Featured

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.stories.featured .grid {
    margin: -15px;
  }
  section.stories.featured .grid .item {
    width: calc(33.33% - 30px);
    margin: 15px;
  }
  section.stories.featured .grid .item.quotation:after {
    height: 60px;
    bottom: 30px;
    right: 30px;
  }
  section.stories.featured .grid .item.quotation .content {
    padding: 0 0 80px 0;
  }
  section.stories.featured .grid .item.standard .inside {
    min-height: calc(100% - 60px);
  }
  section.stories.featured .grid .item .inside {
    margin: 30px;
  }
}
@media only screen and (max-width: 1000px) {
  section.stories.featured .grid .item {
    width: calc(50% - 30px);
  }
  section.stories.featured .grid .item:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  section.stories.featured .grid .item {
    width: calc(100% - 30px);
  }
  section.stories.featured .grid .item.standard .inside:before {
    padding: 0 0 80% 0;
  }
  section.stories.featured .grid .item:nth-child(3) {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  section.stories.featured .grid .item.quotation:after {
    height: 40px;
  }
  section.stories.featured .grid .item.quotation .content {
    padding: 0 0 50px 0;
  }
}
/********************************************************************************************* 

x. Stories - Filters

*********************************************************************************************/
@media only screen and (max-width: 700px) {
  section.stories.filters .filters {
    justify-content: center;
  }
}
/********************************************************************************************* 

x. Stories - Feed
x. Stories - Related

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.stories.feed .grid, section.stories.related .grid {
    margin: -25px;
  }
  section.stories.feed .grid .item, section.stories.related .grid .item {
    margin: 25px;
  }
  section.stories.feed .grid .item.width-33, section.stories.related .grid .item.width-33 {
    width: calc(33.33% - 50px);
  }
  section.stories.feed .grid .item.width-50, section.stories.related .grid .item.width-50 {
    width: calc(50% - 50px);
  }
  section.stories.feed .grid .item.width-100, section.stories.related .grid .item.width-100 {
    width: calc(100% - 50px);
  }
}
@media only screen and (max-width: 1200px) {
  section.stories.feed .grid, section.stories.related .grid {
    margin: -15px;
  }
  section.stories.feed .grid .item, section.stories.related .grid .item {
    margin: 15px;
  }
  section.stories.feed .grid .item.quotation:after, section.stories.related .grid .item.quotation:after {
    height: 60px;
    bottom: 30px;
    right: 30px;
  }
  section.stories.feed .grid .item.quotation .content, section.stories.related .grid .item.quotation .content {
    padding: 0 0 80px 0;
  }
  section.stories.feed .grid .item.quotation .inside, section.stories.related .grid .item.quotation .inside {
    padding: 30px;
  }
  section.stories.feed .grid .item.standard .content, section.stories.related .grid .item.standard .content {
    padding: 30px;
  }
  section.stories.feed .grid .item.width-33, section.stories.related .grid .item.width-33 {
    width: calc(33.33% - 30px);
  }
  section.stories.feed .grid .item.width-50, section.stories.related .grid .item.width-50 {
    width: calc(50% - 30px);
  }
  section.stories.feed .grid .item.width-100, section.stories.related .grid .item.width-100 {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1000px) {
  section.stories.related .grid .item.width-33 {
    width: calc(50% - 30px);
  }
  section.stories.related .grid .item:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  section.stories.feed .grid .item.standard.featured .content, section.stories.related .grid .item.standard.featured .content {
    width: calc(100% - 60px);
    margin: 0;
  }
  section.stories.feed .grid .item.standard.featured .image.featured, section.stories.related .grid .item.standard.featured .image.featured {
    width: 100%;
    height: auto;
    position: relative;
  }
  section.stories.feed .grid .item.standard.featured .inside, section.stories.related .grid .item.standard.featured .inside {
    display: block;
  }
  section.stories.feed .grid .item.standard.featured .inside:after, section.stories.feed .grid .item.standard.featured .inside:before, section.stories.related .grid .item.standard.featured .inside:after, section.stories.related .grid .item.standard.featured .inside:before {
    display: none;
  }
  section.stories.feed .grid .item.width-33, section.stories.feed .grid .item.width-50, section.stories.feed .grid .item.width-100, section.stories.related .grid .item.width-33, section.stories.related .grid .item.width-50, section.stories.related .grid .item.width-100 {
    width: calc(100% - 30px);
  }
  section.stories.feed .grid .item:nth-child(3), section.stories.related .grid .item:nth-child(3) {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  section.stories.feed .grid .item.quotation:after, section.stories.related .grid .item.quotation:after {
    height: 40px;
  }
  section.stories.feed .grid .item.quotation .content, section.stories.related .grid .item.quotation .content {
    padding: 0 0 50px 0;
  }
}
/********************************************************************************************* 

x. Tabs

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.tabs .columns {
    margin: 0 -25px;
  }
  section.tabs .columns .column .inside {
    padding: 0 25px;
  }
  section.tabs .tabs li {
    margin: 0 25px 25px 25px;
  }
}
@media only screen and (max-width: 1200px) {
  section.tabs .columns {
    margin: 0 -15px;
  }
  section.tabs .columns .column .inside {
    padding: 0 15px;
  }
  section.tabs .tabs {
    margin: 50px 0 30px 0;
  }
  section.tabs .tabs li {
    margin: 0 15px 15px 15px;
  }
}
@media only screen and (max-width: 700px) {
  section.tabs .columns {
    margin: -15px;
  }
  section.tabs .columns .column {
    width: 100%;
  }
  section.tabs .columns .column .inside {
    padding: 15px;
  }
}
/********************************************************************************************* 

x. Text Block

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.text-block.default .grid {
    margin: -15px;
  }
  section.text-block.default .grid .item {
    margin: 15px;
  }
}
@media only screen and (max-width: 1000px) {
  section.text-block.default .grid .item {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 700px) {
  section.text-block.default .grid .item {
    width: calc(100% - 30px);
  }
}
/********************************************************************************************* 

x. Text Block - Carousel

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.text-block.carousel .slick.slick-initialized .slick-track .slick-slide {
    margin: 0 15px;
  }
  section.text-block.carousel .slick .slide {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 700px) {
  section.text-block.carousel .slick.slick-initialized .slick-track .slick-slide {
    width: calc(100% - 30px);
  }
  section.text-block.carousel .slick .slide {
    width: calc(100% - 30px);
  }
}
/********************************************************************************************* 

x. Text Block - Expanding

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.text-block.expanding .columns .column.hover {
    width: calc(60% - 20px);
  }
  section.text-block.expanding .columns .column.hover .content.bottom {
    padding: 0 40% 0 0;
  }
  section.text-block.expanding .columns .column.hover .image.foreground {
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  section.text-block.expanding .columns .column.no-hover {
    width: calc(40% - 20px);
  }
  section.text-block.expanding .columns .column.no-hover .content.bottom {
    padding: 0 30% 0 0;
  }
  section.text-block.expanding .columns .column .content.bottom {
    padding: 0 40% 0 0;
  }
  section.text-block.expanding .columns .column .image.background {
    width: 140px;
    height: 140px;
    bottom: 60px;
    right: 60px;
  }
  section.text-block.expanding .columns .column .image.foreground {
    width: 120px;
    height: 120px;
    bottom: 30px;
    right: 30px;
  }
}
@media only screen and (max-width: 1000px) {
  section.text-block.expanding .columns {
    margin: -15px;
  }
  section.text-block.expanding .columns:first-child .column:last-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
  }
  section.text-block.expanding .columns:last-child .column:first-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
  }
  section.text-block.expanding .columns:not(:last-child) {
    margin-bottom: 15px;
  }
  section.text-block.expanding .columns .column {
    width: calc(100% - 20px);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 15px;
    overflow: hidden;
  }
  section.text-block.expanding .columns .column.hover, section.text-block.expanding .columns .column.no-hover {
    width: calc(100% - 20px);
  }
  section.text-block.expanding .columns .column.hover .content.bottom, section.text-block.expanding .columns .column.no-hover .content.bottom {
    padding: 0 40% 0 0;
  }
}
@media only screen and (max-width: 800px) {
  section.text-block.expanding .columns .column.hover .content.bottom, section.text-block.expanding .columns .column.no-hover .content.bottom {
    padding: 0;
  }
  section.text-block.expanding .columns .column .content.bottom {
    opacity: 1;
    padding: 0;
  }
  section.text-block.expanding .columns .column .image {
    display: none;
  }
}
/********************************************************************************************* 

x. Text + Image
x. Text + Map

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.text-image.text-position-left .columns, section.text-image.text-position-right .columns,
section.text-map.text-position-left .columns,
section.text-map.text-position-right .columns {
    margin: 0 -25px;
  }
  section.text-image.text-position-left .columns .column .inside, section.text-image.text-position-right .columns .column .inside,
section.text-map.text-position-left .columns .column .inside,
section.text-map.text-position-right .columns .column .inside {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 1200px) {
  section.text-image.text-position-left .columns, section.text-image.text-position-right .columns,
section.text-map.text-position-left .columns,
section.text-map.text-position-right .columns {
    margin: 0 -15px;
  }
  section.text-image.text-position-left .columns .column .inside, section.text-image.text-position-right .columns .column .inside,
section.text-map.text-position-left .columns .column .inside,
section.text-map.text-position-right .columns .column .inside {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 700px) {
  section.text-image.text-position-left .columns, section.text-image.text-position-right .columns,
section.text-map.text-position-left .columns,
section.text-map.text-position-right .columns {
    margin: -15px;
  }
  section.text-image.text-position-left .columns .column, section.text-image.text-position-right .columns .column,
section.text-map.text-position-left .columns .column,
section.text-map.text-position-right .columns .column {
    width: 100%;
  }
  section.text-image.text-position-left .columns .column .inside, section.text-image.text-position-right .columns .column .inside,
section.text-map.text-position-left .columns .column .inside,
section.text-map.text-position-right .columns .column .inside {
    padding: 15px;
  }
  section.text-image.text-position-overlay .wrapper,
section.text-map.text-position-overlay .wrapper {
    padding: 120px 0;
  }
}
/********************************************************************************************* 

x. Text + Images

*********************************************************************************************/
@media only screen and (max-width: 1600px) {
  section.text-images .columns {
    margin: 0 -25px;
  }
  section.text-images .columns .column .inside {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 1300px) {
  section.text-images .columns .column:first-child {
    width: 40%;
  }
  section.text-images .columns .column:last-child {
    width: 60%;
  }
  section.text-images .columns .column .image:before {
    width: 400px;
  }
}
@media only screen and (max-width: 1000px) {
  section.text-images.text-position-left .columns {
    flex-direction: column;
  }
  section.text-images .columns {
    margin: -15px;
    justify-content: center;
  }
  section.text-images .columns .column:first-child {
    width: 50%;
  }
  section.text-images .columns .column:last-child {
    width: 100%;
  }
  section.text-images .columns .column .content {
    padding: 0;
  }
  section.text-images .columns .column .image.bottom {
    width: 65%;
    margin: -50% -10% 0 auto !important;
  }
  section.text-images .columns .column .image.top {
    margin: 0 0 0 -10% !important;
  }
  section.text-images .columns .column .image:before {
    display: none;
  }
  section.text-images .columns .column .inside {
    padding: 15px;
  }
}
@media only screen and (max-width: 800px) {
  section.text-images .columns .column:first-child {
    width: 70%;
  }
}
@media only screen and (max-width: 600px) {
  section.text-images .columns .column:first-child {
    width: 100%;
  }
  section.text-images .columns .column .image.bottom {
    width: 51%;
    margin: -50% 0 0 auto !important;
  }
  section.text-images .columns .column .image.top {
    width: 51%;
    margin: 0 !important;
  }
}
/********************************************************************************************* 

x. Upcoming Events - Carousel

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  section.upcoming-events.carousel .slick .slide .content {
    padding: 30px;
  }
  section.upcoming-events .grid .item .content {
    padding: 30px;
  }
}
@media only screen and (max-width: 900px) {
  section.upcoming-events.carousel .slick .slide {
    width: 33.33%;
  }
}
@media only screen and (max-width: 700px) {
  section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide {
    width: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide:nth-child(even), section.upcoming-events.carousel .slick.slick-initialized .slick-track .slick-slide:nth-child(odd) {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  section.upcoming-events.carousel .slick .slide:nth-child(even), section.upcoming-events.carousel .slick .slide:nth-child(odd) {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}
@media only screen and (max-width: 600px) {
  section.upcoming-events.carousel .slick .slide {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  section.upcoming-events.carousel .slick .slide {
    width: 100%;
  }
}
/********************************************************************************************* 

x. Upcoming Events - Filters

*********************************************************************************************/
@media only screen and (max-width: 700px) {
  section.upcoming-events.filters .filters {
    flex-direction: column;
    align-items: center;
  }
  section.upcoming-events.filters .filters li {
    text-align: center;
  }
  section.upcoming-events.filters .filters li:not(:last-child) {
    margin: 0 0 30px 0;
  }
}
/********************************************************************************************* 

x. TranslatePlus

*********************************************************************************************/
@media only screen and (max-width: 1024px) {
  #trp-floater-ls.trp-bottom-left {
    left: auto;
    right: 10px;
  }
}
/********************************************************************************************* 

x. Smaller than 1024px

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

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