/* Get this from the compiled pipeline somehow

.drawer {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  width: 390px;
  height: 100%;
  padding-bottom: 50px;
  box-sizing: border-box;
  background: #fff;
  transition: all 0.5s;
  box-shadow: 0px 0px 20px -5px #333;
  font-family: "brandon-grotesque", "Open Sans", sans-serif;
}

@media (min-width: 768px) {
  .drawer.drawer--in {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
  }
  .drawer.drawer--out {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
  }
}

.drawer .drawer__wrapper {
  overflow: auto;
  width: 100%;
  height: 100%;
}

.drawer .drawer__content {
  max-width: 390px;
  padding: 50px 30px 0;
  box-sizing: border-box;
  color: #354052;
}

.drawer .drawer__content h2 {
  margin-bottom: 15px;
  font-family: "brandon-grotesque", "Open Sans", sans-serif;
  font-weight: bold;
}

.drawer .drawer__content p {
  font-size: 15px;
  font-size: 0.9375rem;
}

.drawer .drawer__content a {
  color: #354052;
}

.drawer .gallery__wrapper {
  float: none;
  margin: 0 0 24px 0;
}

.drawer .gallery__wrapper .flexslider .flex-direction-nav a {
  width: 27px;
  height: 58px;
  margin: 0;
}

.drawer .drawer__video-wrapper {
  position: relative;
  margin-bottom: 20px;
}

.drawer .drawer__video-wrapper .launch-video {
  cursor: pointer;
}

.drawer .drawer__filters {
  column-count: 2;
}

.drawer .drawer__filters li {
  margin-bottom: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='38' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M18.237 18.237C19.41 17.062 20 15.648 20 14c0-1.651-.589-3.062-1.763-4.237C17.062 8.586 15.648 8 14 8c-1.651 0-3.062.586-4.237 1.763C8.586 10.938 8 12.35 8 14c0 1.648.586 3.062 1.763 4.237C10.938 19.41 12.35 20 14 20c1.648 0 3.062-.589 4.237-1.763M7.93 30.13c-2.52-3.563-4.18-5.96-4.985-7.198-1.16-1.783-1.94-3.277-2.342-4.49C.2 17.23 0 15.833 0 14.25c0-2.575.654-4.95 1.962-7.125A14.621 14.621 0 0 1 7.25 1.928C9.464.643 11.88 0 14.5 0c2.616 0 5.033.643 7.25 1.929a14.638 14.638 0 0 1 5.284 5.196C28.346 9.3 29 11.675 29 14.25c0 1.583-.203 2.98-.606 4.193-.403 1.212-1.182 2.707-2.34 4.49-.805 1.238-2.467 3.635-4.984 7.198l-5.059 7.125c-.354.497-.857.744-1.511.744-.654 0-1.16-.247-1.511-.744a642.833 642.833 0 0 0-5.06-7.125' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23231F20' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 15px;
  font-size: 14px;
  font-weight: bold;
}

.drawer .drawer__filters li.selected {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='38' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M18.237 18.237C19.41 17.062 20 15.648 20 14c0-1.651-.589-3.062-1.763-4.237C17.062 8.586 15.648 8 14 8c-1.651 0-3.062.586-4.237 1.763C8.586 10.938 8 12.35 8 14c0 1.648.586 3.062 1.763 4.237C10.938 19.41 12.35 20 14 20c1.648 0 3.062-.589 4.237-1.763M7.93 30.13c-2.52-3.563-4.18-5.96-4.985-7.198-1.16-1.783-1.94-3.277-2.342-4.49C.2 17.23 0 15.833 0 14.25c0-2.575.654-4.95 1.962-7.125A14.621 14.621 0 0 1 7.25 1.928C9.464.643 11.88 0 14.5 0c2.616 0 5.033.643 7.25 1.929a14.638 14.638 0 0 1 5.284 5.196C28.346 9.3 29 11.675 29 14.25c0 1.583-.203 2.98-.606 4.193-.403 1.212-1.182 2.707-2.34 4.49-.805 1.238-2.467 3.635-4.984 7.198l-5.059 7.125c-.354.497-.857.744-1.511.744-.654 0-1.16-.247-1.511-.744a642.833 642.833 0 0 0-5.06-7.125' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23b4b4b4' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E");
}

.drawer .drawer__filters li.selected a {
  color: #b4b4b4;
}

.drawer .drawer__filters li a {
  padding-left: 20px;
  color: #354052;
}

.drawer .drawer__more {
  width: 100%;
  margin-bottom: 24px;
  font-size: 18px;
}

.drawer .drawer__more a {
  color: #354052;
}

.drawer .drawer__utilities li {
  margin-bottom: 10px;
  padding-left: 36px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 16px;
}

.drawer .drawer__utilities li.icon--map {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M508.505 36.17L381.517 92.576 207.179 34.463a47.992 47.992 0 0 0-34.674 1.674l-144 64A48 48 0 0 0 0 144v287.967c0 34.938 35.991 57.864 67.495 43.863l126.988-56.406 174.339 58.113a47.992 47.992 0 0 0 34.674-1.674l144-64A48 48 0 0 0 576 368V80.033c0-34.938-35.991-57.864-67.495-43.863zM360 424l-144-48V88l144 48v288zm-312 8V144l120-53.333v288L48 432zm480-64l-120 53.333v-288L528 80v288z' fill='%239EA4A9' /%3E%3C/svg%3E");
  background-size: 26px 26px;
}

.drawer .drawer__utilities li.icon--marker-double {
  background-image: url("../images/icon_marker-double.svg");
  background-size: 22px;
  background-position: 2px center;
}

.drawer--left {
  top: 0;
  left: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}

.drawer--off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

@media (max-width: 48em) {
  .drawer {
    top: 65vh;
    width: 100%;
    height: auto;
  }
  .drawer.drawer--in {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }
  .drawer.drawer--out {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
  }
  .drawer .drawer__wrapper {
    overflow-y: visible;
  }
  .drawer .drawer__content {
    max-width: none;
    margin-right: 0;
  }
  .drawer .gallery__wrapper .flex-direction-nav {
    display: none;
  }
  #map-container {
    overflow: auto;
  }
  #map-container #map {
    height: 65vh !important;
  }
}

.js-map-visible {
  overflow: hidden;
}

.js-map-visible:before {
  content: '';
  position: fixed;
  z-index: 10;
  display: block !important;
  width: 100%;
  height: 100% !important;
  background: white;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
*/

/*
.video {
    position: relative
}

.video__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    text-indent: -100vw
}

.video__overlay .video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    transform: translate(-50%,-50%);
    color: white;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: bold
}

.video__overlay.video__overlay--play-mobile {
    bottom: 0;
    height: 35px;
    text-indent: 0;
    pointer-events: none
}

.video__overlay.video__overlay--play-mobile .video__play {
    top: 50%;
    left: 30px;
    transform: translateY(-50%)
}

.video__overlay.video__overlay--play-mobile .video__play .icon--play {
    width: 100%;
    height: 18px;
    padding-left: 25px
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .video__overlay.video__overlay--play-mobile .video__play .icon--play {
        background: none
    }
}

.video-wrapper {
    position: relative;
    padding-bottom: 37.5%;
    height: 0
}

.video-wrapper video,.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mobile .video-wrapper {
    padding-bottom: 86%
}

.video-wrapper--full {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100vh;
    padding: 0;
    background: rgba(0,0,0,0.88)
}

.video-wrapper--full video {
    padding: 0 100px;
    box-sizing: border-box
}
*/