/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0; }

.leaflet-container {
  overflow: hidden; }

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-drag: none; }

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
  background: transparent; }
.leaflet-tile::selection {
  background: transparent; }

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast; }

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0; }

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block; }

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important; }

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y; }

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom; }

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none; }

.leaflet-container {
  -webkit-tap-highlight-color: transparent; }

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }

.leaflet-tile {
  -webkit-filter: inherit;
          filter: inherit;
  visibility: hidden; }

.leaflet-tile-loaded {
  visibility: inherit; }

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 800; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none; }

.leaflet-pane {
  z-index: 400; }

.leaflet-tile-pane {
  z-index: 200; }

.leaflet-overlay-pane {
  z-index: 400; }

.leaflet-shadow-pane {
  z-index: 500; }

.leaflet-marker-pane {
  z-index: 600; }

.leaflet-tooltip-pane {
  z-index: 650; }

.leaflet-popup-pane {
  z-index: 700; }

.leaflet-map-pane canvas {
  z-index: 100; }

.leaflet-map-pane svg {
  z-index: 200; }

.leaflet-vml-shape {
  width: 1px;
  height: 1px; }

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute; }

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto; }

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none; }

.leaflet-top {
  top: 0; }

.leaflet-right {
  right: 0; }

.leaflet-bottom {
  bottom: 0; }

.leaflet-left {
  left: 0; }

.leaflet-control {
  float: left;
  clear: both; }

.leaflet-right .leaflet-control {
  float: right; }

.leaflet-top .leaflet-control {
  margin-top: 10px; }

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px; }

.leaflet-left .leaflet-control {
  margin-left: 10px; }

.leaflet-right .leaflet-control {
  margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity; }

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1; }

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0; }

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform; }

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden; }

/* cursors */
.leaflet-interactive {
  cursor: pointer; }

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: grab; }

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair; }

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto; }

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none; }

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto; }

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0; }

.leaflet-container a {
  color: #0078A8; }

.leaflet-container a.leaflet-active {
  outline: 2px solid orange; }

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5); }

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px; }

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black; }

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block; }

.leaflet-bar a:hover {
  background-color: #f4f4f4; }

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none; }

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb; }

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px; }

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px; }

/* layers control */
.leaflet-control-layers {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px; }

.leaflet-control-layers-toggle {
  background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/layers_a6137456ed160d7606981aa57c559898.png);
  width: 36px;
  height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/layers-2x_4f0283c6ce28e888000e978e537a6a56.png);
  background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative; }

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff; }

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px; }

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px; }

.leaflet-control-layers label {
  display: block; }

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px; }

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker-icon_2273e3d8ad9264b7daa5bdbf8e6b47f8.png); }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0; }

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333; }

.leaflet-control-attribution a {
  text-decoration: none; }

.leaflet-control-attribution a:hover {
  text-decoration: underline; }

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px; }

.leaflet-left .leaflet-control-scale {
  margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px; }

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5); }

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px; }

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  -webkit-box-shadow: none;
          box-shadow: none; }

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box; }

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px; }

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px; }

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4; }

.leaflet-popup-content p {
  margin: 18px 0; }

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none; }

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999; }

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; }

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1; }

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px; }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999; }

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666; }

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto; }

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: ""; }

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px; }

.leaflet-tooltip-top {
  margin-top: -6px; }

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px; }

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff; }

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff; }

.leaflet-tooltip-left {
  margin-left: -6px; }

.leaflet-tooltip-right {
  margin-left: 6px; }

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px; }

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff; }

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          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);
  -ms-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-arrow.slick-hidden {
  display: none; }

@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/ajax-loader_c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat; }

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/slick_ced611daf7709cc778da928fec876475.eot);
  src: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/slick_ced611daf7709cc778da928fec876475.eot?#iefix) format("embedded-opentype"), url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/slick_b7c9e1e479de3b53f1e4e30ebac2403a.woff) format("woff"), url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/slick_d41f55a78e6f49a5512878df1737e58a.ttf) format("truetype"), url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/slick_f97e3bbf73254b0112091d0192f17aec.svg#slick) format("svg"); }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '\2190'; }

[dir='rtl'] .slick-prev:before {
  content: '\2192'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '\2192'; }

[dir='rtl'] .slick-next:before {
  content: '\2190'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '\2022';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */
/** Common */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'BrandonGrotesque-Regular';
  src: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-regular_d85cc801dd56c7d7b8bc03a22aa9e4cc.eot);
  src: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-regular_cc4dae13ef2bf50a574f0c1c523927b9.woff) format("woff"), url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-regular_c194d8ff3ad58dccc5d42e57358d94bf.ttf) format("truetype"), url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-regular_9e0b7670eb338d2f4340a6dc106e9db6.svg#brandonGrotesqueRegular) format("svg"); }

@font-face {
  font-family: 'BrandonGrotesque-RegularItalic';
  src: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-regularitalic_caf05579992971ef7ace7a2fbcc32651.eot);
  src: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-regularitalic_90ab51599af1714a3ee6077ea204eba1.woff) format("woff"), url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-regularitalic_3014ada4d3a0347e531d0d90f1f6d1cf.ttf) format("truetype"), url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-regularitalic_3b02dff85d955a594571cd152d15352c.svg#brandonGrotesqueRegularItalic) format("svg"); }

@font-face {
  font-family: 'BrandonGrotesque-Black';
  src: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-black_4a0259c93d434ec6cfb1f9020e140d5f.eot);
  src: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-black_ff8473ad6e40aaf11f53f01abdf9c2cd.woff) format("woff"), url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-black_f449936e65a9f76a330296477a8fdf94.ttf) format("truetype"), url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/brandongrotesque-black_ce86f0ec1a89c7e68b11bac897961a72.svg#brandonGrotesqueBlack) format("svg"); }

@font-face {
  font-family: 'Geograph-Regular';
  src: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/Geograph-Regular_fc0f46ecefe46324f6ec5fd91f2fd370.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

/** Line Decoration */
span.lines {
  position: relative;
  display: inline-block;
  line-height: 100%;
  font-size: 50%;
  -webkit-transform: translateY(-35%);
      -ms-transform: translateY(-35%);
          transform: translateY(-35%);
  padding-left: 4px; }
  span.lines::before, span.lines::after {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    left: 0;
    right: 0;
    height: 1px; }
  span.lines::before {
    top: -28%; }
  span.lines::after {
    bottom: -20%; }

.nav-menu span.lines,
.story-tile span.lines,
.map-carousel span.lines {
  font-size: inherit;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  padding-left: 0; }
  .nav-menu span.lines::before, .nav-menu span.lines::after,
  .story-tile span.lines::before,
  .story-tile span.lines::after,
  .map-carousel span.lines::before,
  .map-carousel span.lines::after {
    display: none; }

#legend.green span.lines::before, #legend.green span.lines::after,
.title-marker.green span.lines::before,
.title-marker.green span.lines::after {
  background-color: #84a937; }

#legend.blue span.lines::before, #legend.blue span.lines::after,
.title-marker.blue span.lines::before,
.title-marker.blue span.lines::after {
  background-color: #1292ab; }

#legend.yellow span.lines::before, #legend.yellow span.lines::after,
.title-marker.yellow span.lines::before,
.title-marker.yellow span.lines::after {
  background-color: #cc9f03; }

#legend.pink span.lines::before, #legend.pink span.lines::after,
.title-marker.pink span.lines::before,
.title-marker.pink span.lines::after {
  background-color: #d98a8c; }

#legend.orange span.lines::before, #legend.orange span.lines::after,
.title-marker.orange span.lines::before,
.title-marker.orange span.lines::after {
  background-color: #cc7451; }

/** Location Title with Pin Icon */
.location-pin::before {
  content: "";
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain; }

.location-pin::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  border-radius: 50%; }

.location-pin.green {
  color: #84a937; }
  .location-pin.green::before {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_green_b593339cd47887a8d67d86c1538f3fb0.png); }

.location-pin.blue {
  color: #1292ab; }
  .location-pin.blue::before {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_blue_0ad3828c8b2f53fccc145376282f6521.png); }

.location-pin.yellow {
  color: #cc9f03; }
  .location-pin.yellow::before {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_yellow_8fe1c8bb1473977bcfde102c6b43ff21.png); }

.location-pin.pink {
  color: #d98a8c; }
  .location-pin.pink::before {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_pink_da1824664eec91dfe0da563a3b2527e0.png); }

.location-pin.orange {
  color: #cc7451; }
  .location-pin.orange::before {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_orange_68198b4614b2b6f13160af3e93c69fa8.png); }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

.app {
  max-width: 100%; }

body {
  position: relative;
  background-color: #000;
  color: #fff;
  font: 300 12px/1.75 "BrandonGrotesque-Black", Helvetica, Arial;
  letter-spacing: 0.25rem;
  margin: 0;
  padding: 0; }

body,
html {
  width: 100vw;
  overflow-x: hidden;
  font-size: 100%; }

h1 {
  position: relative; }

h2 {
  margin-top: 0;
  margin-bottom: 0; }

p {
  font-family: "BrandonGrotesque-Regular";
  letter-spacing: 0.1rem; }

br.map {
  display: none; }

#map br.map {
  display: inline-block; }

#stories-section,
#map-section,
#about-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden; }

.d-none {
  display: none !important; }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: #ffce04;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 5px; }

.remove-pace .pace {
  display: none !important; }

/** Components */
span.line-dec {
  display: block;
  position: relative;
  height: 4px;
  width: 80px;
  margin: 3vh auto 0; }
  span.line-dec.green {
    background-color: #84a937; }
  span.line-dec.blue {
    background-color: #1292ab; }
  span.line-dec.yellow {
    background-color: #cc9f03; }
  span.line-dec.pink {
    background-color: #d98a8c; }
  span.line-dec.orange {
    background-color: #cc7451; }
  @media (min-width: 768px) {
    span.line-dec {
      display: none; } }

.partners {
  padding-top: 11px; }
  .partners p {
    color: #585858;
    font-family: "BrandonGrotesque-Black";
    font-size: 0.7rem;
    padding-left: 3px;
    padding-bottom: 10px; }
  .partners .logo-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    -ms-flex-align: end;
        align-items: flex-end; }
    .partners .logo-cont a img {
      height: 25px;
      width: auto;
      -webkit-transition: -webkit-transform 200ms ease-in-out;
      transition: -webkit-transform 200ms ease-in-out;
      -o-transition: transform 200ms ease-in-out;
      transition: transform 200ms ease-in-out;
      transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
    @media (min-width: 992px) {
      .partners .logo-cont a:hover img {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05); } }

.scroll-cta {
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
  font-size: 0.6rem;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  text-align: center;
  min-width: 100%;
  z-index: 1;
  display: none;
  margin-top: -60px; }
  .scroll-cta > * {
    display: inline;
    vertical-align: middle; }
  .scroll-cta img {
    width: 12px;
    height: auto; }
  .scroll-cta span {
    margin: 0 25px; }
  @media only screen and (min-width: 769px) {
    .scroll-cta {
      display: block;
      font-size: 0.85rem;
      min-width: 0; } }

.reveal-overlay {
  display: block;
  position: relative; }
  .reveal-overlay::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    z-index: 1; }
  .reveal-overlay:not(.soon):hover::after {
    opacity: 0; }
  @media (min-width: 768px) {
    .reveal-overlay::after {
      background-color: rgba(0, 0, 0, 0.25); } }
  @media (max-width: 767.98px) {
    .reveal-overlay.soon::after {
      background-color: rgba(0, 0, 0, 0.6); }
    .reveal-overlay.soon .title-box .soon {
      color: #cc9f03 !important; } }

.btn-lang,
.btn-exit,
.btn-mobile-carousel,
.btn-map-reset {
  cursor: pointer; }

.btn-mobile-carousel {
  display: inline-block;
  font-size: 3.5vw;
  text-align: center;
  text-transform: uppercase;
  padding: 2.6vw 4.6vw; }
  @media (min-width: 400px) {
    .btn-mobile-carousel {
      font-size: 0.9rem;
      padding: 7px 20px 7px 23px; } }
  .btn-mobile-carousel.arrow::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #fff;
    margin-left: 5px;
    margin-bottom: 2px; }

.btn-exit {
  position: fixed;
  top: 15vw;
  right: 8px;
  display: block;
  color: #fff;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  transition: opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  -o-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
  transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
  transition: transform 200ms ease-in-out, opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  z-index: 20 !important;
  width: 43px;
  height: 43px; }
  @media (min-width: 576px) {
    .btn-exit {
      top: 10vw; } }
  @media (min-width: 768px) {
    .btn-exit {
      top: 90px;
      right: 15px;
      width: 50px;
      height: 50px; } }
  .btn-exit::before, .btn-exit::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    margin-top: 22px;
    margin-left: 8px; }
  .btn-exit::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .btn-exit::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  @media (min-width: 992px) {
    .btn-exit:hover {
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9);
      opacity: 0.9; } }
  .btn-exit.mosaic-back {
    position: relative;
    display: block;
    right: auto;
    width: auto;
    font-size: 0.85rem;
    top: auto;
    margin: 25px auto 15px 15px; }
    .btn-exit.mosaic-back span::before {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 6px 4px 0;
      border-color: transparent #fff transparent transparent;
      margin-right: 15px;
      margin-bottom: 0.5px; }
    .btn-exit.mosaic-back::before, .btn-exit.mosaic-back::after {
      display: none; }
    @media (min-width: 768px) {
      .btn-exit.mosaic-back {
        position: fixed;
        top: 90px;
        left: auto;
        right: 15px;
        width: 50px;
        margin: 0; }
        .btn-exit.mosaic-back span {
          display: none; }
        .btn-exit.mosaic-back::before, .btn-exit.mosaic-back::after {
          display: block; } }

.btn-map-reset {
  position: absolute;
  left: 20px;
  top: 50px;
  font-size: 0.9rem;
  z-index: 2;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); }
  .btn-map-reset::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #fff transparent transparent;
    margin-right: 15px;
    margin-bottom: 0.5px;
    -webkit-transition: margin 100ms ease-in-out;
    -o-transition: margin 100ms ease-in-out;
    transition: margin 100ms ease-in-out; }
  @media only screen and (min-width: 769px) {
    .btn-map-reset {
      top: 33px; } }
  @media (min-width: 768px) {
    .btn-map-reset {
      position: absolute;
      bottom: auto;
      left: 20px;
      font-size: 0.75rem; }
      .btn-map-reset:hover::before {
        margin-right: 10px; } }

.mosaic-view .mosaic-title {
  font-size: 1.5rem;
  text-align: center;
  margin: 0 auto;
  width: 85vw; }

.mosaic-view p.story-desc {
  text-align: center;
  max-width: 1100px;
  margin: 3vh auto;
  width: 85vw; }

.mosaic-view .mosaic-loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.mosaic-view #mosaic {
  -ms-flex-order: 4;
      order: 4;
  width: 85vw;
  max-width: 1100px;
  margin: 0 auto 20px; }
  @media (min-width: 768px) {
    .mosaic-view #mosaic {
      -ms-flex-order: 3;
          order: 3;
      margin-bottom: 2vh; } }
  .mosaic-view #mosaic .detail-tile {
    cursor: pointer;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    width: 4vh;
    height: 3vh;
    text-transform: uppercase;
    text-shadow: 1px 1px 15px black;
    z-index: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.035, 0.995), -webkit-box-shadow 200ms ease-out;
    transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.035, 0.995), -webkit-box-shadow 200ms ease-out;
    -o-transition: transform 200ms cubic-bezier(0, 0, 0.035, 0.995), box-shadow 200ms ease-out;
    transition: transform 200ms cubic-bezier(0, 0, 0.035, 0.995), box-shadow 200ms ease-out;
    transition: transform 200ms cubic-bezier(0, 0, 0.035, 0.995), box-shadow 200ms ease-out, -webkit-transform 200ms cubic-bezier(0, 0, 0.035, 0.995), -webkit-box-shadow 200ms ease-out; }
    @media (min-width: 768px) {
      .mosaic-view #mosaic .detail-tile {
        min-width: 0;
        min-height: 0; } }
    .mosaic-view #mosaic .detail-tile::before {
      content: "";
      position: absolute;
      display: block;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      height: 25px;
      width: 25px;
      top: 15px;
      right: 15px;
      z-index: 3; }
    .mosaic-view #mosaic .detail-tile::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #000;
      -webkit-transition: opacity 200ms cubic-bezier(0, 0, 0.035, 0.995);
      -o-transition: opacity 200ms cubic-bezier(0, 0, 0.035, 0.995);
      transition: opacity 200ms cubic-bezier(0, 0, 0.035, 0.995);
      opacity: 0.2; }
    .mosaic-view #mosaic .detail-tile.article::before {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/icon_article_7969f87941a1196b529b32294087500d.png); }
    .mosaic-view #mosaic .detail-tile.gallery::before {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/icon_gallery_1c61423d7ebf46d754e467a8ba07fe26.png); }
    .mosaic-view #mosaic .detail-tile.video::before {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/icon_video_8891b179f492718f477f3e4f12b5a2bb.png); }
    .mosaic-view #mosaic .detail-tile.soon .mobile-soon-icon {
      display: none; }
    @media (max-width: 991.98px) {
      .mosaic-view #mosaic .detail-tile.soon::before {
        background: none; }
      .mosaic-view #mosaic .detail-tile.soon::after {
        opacity: 0.4; }
      .mosaic-view #mosaic .detail-tile.soon .mobile-soon-icon {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100%;
        padding: 0 2px 3px 2px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        font-size: 12px;
        line-height: 1.2;
        letter-spacing: 2px;
        text-align: center;
        text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.9);
        z-index: 3; } }
    .mosaic-view #mosaic .detail-tile .tooltip {
      display: none;
      z-index: 99999999;
      position: absolute;
      top: -20px;
      left: 50%;
      background-color: #000;
      color: #fff;
      line-height: 1;
      -webkit-transform: translate(-50%, -100%);
          -ms-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
      min-width: 275px;
      padding: 10px 20px; }
      .mosaic-view #mosaic .detail-tile .tooltip.green {
        border: 4px solid #84a937; }
        .mosaic-view #mosaic .detail-tile .tooltip.green::before {
          border-top: 14px solid #84a937; }
      .mosaic-view #mosaic .detail-tile .tooltip.blue {
        border: 4px solid #1292ab; }
        .mosaic-view #mosaic .detail-tile .tooltip.blue::before {
          border-top: 14px solid #1292ab; }
      .mosaic-view #mosaic .detail-tile .tooltip.yellow {
        border: 4px solid #cc9f03; }
        .mosaic-view #mosaic .detail-tile .tooltip.yellow::before {
          border-top: 14px solid #cc9f03; }
      .mosaic-view #mosaic .detail-tile .tooltip.pink {
        border: 4px solid #d98a8c; }
        .mosaic-view #mosaic .detail-tile .tooltip.pink::before {
          border-top: 14px solid #d98a8c; }
      .mosaic-view #mosaic .detail-tile .tooltip.orange {
        border: 4px solid #cc7451; }
        .mosaic-view #mosaic .detail-tile .tooltip.orange::before {
          border-top: 14px solid #cc7451; }
      .mosaic-view #mosaic .detail-tile .tooltip:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -14px;
        width: 0;
        height: 0;
        border-right: 14px solid transparent;
        border-left: 14px solid transparent; }
      .mosaic-view #mosaic .detail-tile .tooltip:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-top: 8px solid #000;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        -webkit-transform: translateY(1%) scale(1.1);
            -ms-transform: translateY(1%) scale(1.1);
                transform: translateY(1%) scale(1.1); }
      .mosaic-view #mosaic .detail-tile .tooltip span.location.location-pin {
        position: relative;
        font-size: 0.65em;
        letter-spacing: 0.1em;
        line-height: 1.5; }
        .mosaic-view #mosaic .detail-tile .tooltip span.location.location-pin::before {
          height: 11px;
          width: 17px; }
        .mosaic-view #mosaic .detail-tile .tooltip span.location.location-pin::after {
          display: block;
          height: 4px;
          width: 4px;
          top: 0.2em;
          left: 2.25px; }
      .mosaic-view #mosaic .detail-tile .tooltip .detail {
        font-size: 0.8em;
        letter-spacing: 2px;
        line-height: 1.2;
        margin-top: 2px; }
    @media (min-width: 992px) {
      .mosaic-view #mosaic .detail-tile:hover {
        -webkit-box-shadow: 0px 0px 40px -1px black;
                box-shadow: 0px 0px 40px -1px black;
        -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
                transform: scale(1.2);
        z-index: 2; }
        .mosaic-view #mosaic .detail-tile:hover::after {
          opacity: 0; }
        .mosaic-view #mosaic .detail-tile:hover .tooltip {
          display: block; } }

.mosaic-view .icons-row {
  width: 85vw;
  max-width: 1100px;
  margin: 0 auto; }

.mosaic-view .mosaic-key,
.mosaic-view .share-box span {
  font-size: 10px;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .mosaic-view .mosaic-key,
    .mosaic-view .share-box span {
      font-size: 1rem;
      letter-spacing: inherit; } }

.mosaic-view .mosaic-key {
  display: block;
  text-align: center; }
  @media (min-width: 768px) {
    .mosaic-view .mosaic-key {
      display: inline-block; } }
  .mosaic-view .mosaic-key > * {
    display: inline-block;
    margin-right: 4vw; }
    .mosaic-view .mosaic-key > * img {
      height: 20px;
      width: auto;
      margin-right: 7px;
      margin-bottom: -4px; }

.mosaic-view .share-box {
  display: block;
  font-size: 10px;
  letter-spacing: 1px;
  text-align: center;
  margin: 15px auto; }
  @media (min-width: 768px) {
    .mosaic-view .share-box {
      float: right;
      margin: auto; } }
  .mosaic-view .share-box > * {
    display: inline-block; }
  .mosaic-view .share-box img {
    cursor: pointer;
    display: block;
    position: relative;
    height: 25px;
    width: auto;
    margin-left: 20px;
    margin-bottom: -5px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 500ms ease-in-out 0;
    -o-transition: all 500ms ease-in-out 0;
    transition: all 500ms ease-in-out 0; }
  .mosaic-view .share-box span.icon:hover > img {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: all 500ms ease-in-out 0;
    -o-transition: all 500ms ease-in-out 0;
    transition: all 500ms ease-in-out 0; }

.detail-view {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100vw;
  overflow-x: hidden;
  padding-top: 12.5vh;
  padding-bottom: 120px; }
  @media (min-width: 768px) {
    .detail-view {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      padding-top: 65px;
      padding-bottom: 0; } }
  .detail-view .location-pin {
    position: relative;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 2px; }
    .detail-view .location-pin::before {
      height: 11px;
      width: 17px; }
    .detail-view .location-pin::after {
      height: 4px;
      width: 4px;
      top: 6px;
      left: 2.25px; }
  .detail-view .detail-title {
    font-size: 1.5rem;
    line-height: 1.2; }

#detail-article {
  z-index: 3;
  padding: 0; }
  #detail-article .img-col {
    display: block; }
    #detail-article .img-col .title-container {
      padding: 20px; }
    #detail-article .img-col p.caption {
      font-size: 13px;
      letter-spacing: 2px;
      width: 85vw;
      margin: 0 auto;
      padding: 40px 0 0 0; }
  #detail-article .copy-col {
    display: block;
    padding: 0 20px 100px;
    width: 100%; }
    #detail-article .copy-col .title-container {
      display: none; }
    #detail-article .copy-col .line-dec {
      margin-bottom: 20px; }
    #detail-article .copy-col h6 {
      text-transform: uppercase; }
    #detail-article .copy-col h6, #detail-article .copy-col p, #detail-article .copy-col ol {
      margin-bottom: 20px; }
    #detail-article .copy-col ol {
      font-family: "BrandonGrotesque-Regular";
      letter-spacing: 0.1rem;
      list-style: decimal;
      padding-left: 30px; }
  @media (min-width: 768px) {
    #detail-article {
      padding: 0 5vw; }
      #detail-article .img-col {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 30vw; }
        #detail-article .img-col .title-container {
          display: none; }
        #detail-article .img-col p.caption {
          width: 28vw; }
      #detail-article.no-gallery .img-col {
        display: none; }
      #detail-article .copy-col {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 57vw;
        padding: 0 20px 0 50px; }
        #detail-article .copy-col .title-container {
          display: block;
          text-align: left;
          margin-bottom: 20px; }
        #detail-article .copy-col .article-carousel {
          display: none; }
        #detail-article .copy-col .article-content {
          height: 70vh;
          overflow-y: scroll;
          z-index: 1; } }
  #detail-article .article-carousel {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 120vw; }
    @media screen and (min-width: 365px) {
      #detail-article .article-carousel {
        width: 115vw; } }
    #detail-article .article-carousel .slick-list {
      overflow: visible; }
    #detail-article .article-carousel .image-cont {
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: relative;
      display: block;
      width: 85vw;
      height: 85vw;
      margin: 0 auto;
      overflow: hidden; }
      #detail-article .article-carousel .image-cont::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        -webkit-transition: opacity 500ms ease-in-out;
        -o-transition: opacity 500ms ease-in-out;
        transition: opacity 500ms ease-in-out;
        opacity: 1; }
        @media (min-width: 768px) {
          #detail-article .article-carousel .image-cont::after {
            display: none; } }
      #detail-article .article-carousel .image-cont .image {
        display: block;
        position: absolute;
        width: auto;
        height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    #detail-article .article-carousel .slick-active.slick-current .image-cont::after {
      opacity: 0; }
    #detail-article .article-carousel .slick-arrow {
      background-color: rgba(0, 0, 0, 0.8);
      display: block;
      top: 14vw;
      width: 3vw;
      height: 3vw;
      z-index: 5;
      opacity: 0;
      -webkit-transition: opacity 250ms ease-in-out;
      -o-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out; }
      #detail-article .article-carousel .slick-arrow::before {
        display: none; }
      #detail-article .article-carousel .slick-arrow.slick-prev {
        left: 1vw; }
      #detail-article .article-carousel .slick-arrow.slick-next {
        right: 1vw; }
      #detail-article .article-carousel .slick-arrow img {
        display: block;
        position: relative;
        width: auto;
        height: 80%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    #detail-article .article-carousel .slick-dots {
      position: absolute;
      bottom: -30px; }
      #detail-article .article-carousel .slick-dots li {
        width: auto;
        height: auto;
        margin: 0; }
        #detail-article .article-carousel .slick-dots li button {
          background: none; }
          #detail-article .article-carousel .slick-dots li button::before {
            color: #fff;
            font-size: 10px; }
    #detail-article .article-carousel:hover .slick-arrow {
      -webkit-transition: opacity 250ms ease-in-out;
      -o-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      opacity: 1; }
    @media (min-width: 768px) {
      #detail-article .article-carousel {
        max-width: 30vw; }
        #detail-article .article-carousel .slick-list {
          overflow: hidden; }
        #detail-article .article-carousel .article-slide {
          width: 30vw; }
          #detail-article .article-carousel .article-slide .image-cont {
            width: 28vw;
            height: 28vw; } }

.story-modal.green h6 {
  color: #84a937; }

.story-modal.green a.read-cta {
  color: #84a937;
  font-family: "BrandonGrotesque-Black";
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.green a.read-cta::after {
    content: "";
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #84a937;
    margin-left: 10px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
  .story-modal.green a.read-cta:hover {
    color: #fff; }
    .story-modal.green a.read-cta:hover::after {
      margin-left: 5px;
      border-color: transparent transparent transparent #fff; }

.story-modal.green a:not(.read-cta) {
  color: #84a937;
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.green a:not(.read-cta):hover {
    color: #fff; }

.story-modal.blue h6 {
  color: #1292ab; }

.story-modal.blue a.read-cta {
  color: #1292ab;
  font-family: "BrandonGrotesque-Black";
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.blue a.read-cta::after {
    content: "";
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #1292ab;
    margin-left: 10px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
  .story-modal.blue a.read-cta:hover {
    color: #fff; }
    .story-modal.blue a.read-cta:hover::after {
      margin-left: 5px;
      border-color: transparent transparent transparent #fff; }

.story-modal.blue a:not(.read-cta) {
  color: #1292ab;
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.blue a:not(.read-cta):hover {
    color: #fff; }

.story-modal.yellow h6 {
  color: #cc9f03; }

.story-modal.yellow a.read-cta {
  color: #cc9f03;
  font-family: "BrandonGrotesque-Black";
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.yellow a.read-cta::after {
    content: "";
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #cc9f03;
    margin-left: 10px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
  .story-modal.yellow a.read-cta:hover {
    color: #fff; }
    .story-modal.yellow a.read-cta:hover::after {
      margin-left: 5px;
      border-color: transparent transparent transparent #fff; }

.story-modal.yellow a:not(.read-cta) {
  color: #cc9f03;
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.yellow a:not(.read-cta):hover {
    color: #fff; }

.story-modal.pink h6 {
  color: #d98a8c; }

.story-modal.pink a.read-cta {
  color: #d98a8c;
  font-family: "BrandonGrotesque-Black";
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.pink a.read-cta::after {
    content: "";
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #d98a8c;
    margin-left: 10px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
  .story-modal.pink a.read-cta:hover {
    color: #fff; }
    .story-modal.pink a.read-cta:hover::after {
      margin-left: 5px;
      border-color: transparent transparent transparent #fff; }

.story-modal.pink a:not(.read-cta) {
  color: #d98a8c;
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.pink a:not(.read-cta):hover {
    color: #fff; }

.story-modal.orange h6 {
  color: #cc7451; }

.story-modal.orange a.read-cta {
  color: #cc7451;
  font-family: "BrandonGrotesque-Black";
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.orange a.read-cta::after {
    content: "";
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #cc7451;
    margin-left: 10px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
  .story-modal.orange a.read-cta:hover {
    color: #fff; }
    .story-modal.orange a.read-cta:hover::after {
      margin-left: 5px;
      border-color: transparent transparent transparent #fff; }

.story-modal.orange a:not(.read-cta) {
  color: #cc7451;
  text-decoration: none;
  -webkit-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }
  .story-modal.orange a:not(.read-cta):hover {
    color: #fff; }

@media (min-width: 768px) {
  #detail-gallery {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%;
    padding: 1vh 0; } }

#detail-gallery .title-container {
  text-align: center; }
  @media (min-width: 768px) {
    #detail-gallery .title-container {
      text-align: left;
      max-width: 90vw;
      padding-bottom: 2vh; } }

#detail-gallery .caption {
  display: block;
  width: 95vw;
  text-align: center;
  margin: 7.5vh auto 3vh; }
  #detail-gallery .caption h6 {
    font-family: "BrandonGrotesque-Black";
    text-transform: uppercase; }
  @media (min-width: 768px) {
    #detail-gallery .caption {
      margin: auto;
      padding: 0;
      min-height: 85px; } }

#detail-gallery .gallery-carousel {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 110vw;
  margin: 3vh auto; }
  @media (min-width: 350px) {
    #detail-gallery .gallery-carousel {
      width: 100vw; } }
  @media (min-width: 768px) {
    #detail-gallery .gallery-carousel {
      width: 60vw;
      left: 60vw;
      -webkit-transform: translateX(-60vw);
          -ms-transform: translateX(-60vw);
              transform: translateX(-60vw);
      margin: auto; } }
  @media (min-width: 992px) {
    #detail-gallery .gallery-carousel {
      width: 50vw;
      left: 50vw;
      -webkit-transform: translateX(-50vw);
          -ms-transform: translateX(-50vw);
              transform: translateX(-50vw); } }
  #detail-gallery .gallery-carousel .slick-list {
    overflow: visible; }
  #detail-gallery .gallery-carousel .slide .image-cont {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: block;
    width: 70vw;
    height: 70vw;
    margin: 0 auto;
    overflow: hidden; }
    @media (min-width: 768px) {
      #detail-gallery .gallery-carousel .slide .image-cont {
        width: 35vw;
        height: 35vw; } }
    @media (min-width: 1200px) {
      #detail-gallery .gallery-carousel .slide .image-cont {
        width: 60vh;
        height: 60vh; } }
    #detail-gallery .gallery-carousel .slide .image-cont::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.6);
      -webkit-transition: opacity 500ms ease-in-out;
      -o-transition: opacity 500ms ease-in-out;
      transition: opacity 500ms ease-in-out;
      opacity: 1; }
    #detail-gallery .gallery-carousel .slide .image-cont .image {
      display: block;
      position: absolute;
      width: auto;
      height: 100%;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  #detail-gallery .gallery-carousel .slick-active.slick-current .image-cont::after {
    opacity: 0; }
  #detail-gallery .gallery-carousel .slick-arrow {
    width: 2vw;
    height: auto;
    z-index: 5;
    opacity: 0.75;
    -webkit-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out; }
    #detail-gallery .gallery-carousel .slick-arrow:hover {
      opacity: 1; }
    #detail-gallery .gallery-carousel .slick-arrow.slick-prev {
      left: 3vw; }
    #detail-gallery .gallery-carousel .slick-arrow.slick-next {
      right: 3vw; }
  #detail-gallery .gallery-carousel .slick-dots {
    margin-bottom: -2vh; }
    #detail-gallery .gallery-carousel .slick-dots li {
      width: auto;
      height: auto;
      margin: 0; }
      #detail-gallery .gallery-carousel .slick-dots li button {
        background: none; }
        #detail-gallery .gallery-carousel .slick-dots li button::before {
          color: #fff;
          font-size: 10px; }

#detail-video {
  padding: 0 15px;
  height: auto; }
  #detail-video > *:not(.line-dec) {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  #detail-video .title-container, #detail-video p {
    text-align: center; }
  @media (min-width: 768px) {
    #detail-video {
      width: 100%; }
      #detail-video .title-container {
        margin-left: 50px;
        margin-bottom: 15px; }
      #detail-video .title-container, #detail-video p {
        text-align: left; } }
  #detail-video .video-placeholder, #detail-video p {
    max-width: 900px;
    margin-top: 2vh;
    margin-bottom: 2vh; }
  #detail-video .video-placeholder {
    background-color: #000;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-bottom: 50.3vw; }
    @media (min-width: 768px) {
      #detail-video .video-placeholder {
        width: 60vw;
        padding-bottom: 33.3vw; } }
    @media only screen and (min-width: 1500px) {
      #detail-video .video-placeholder {
        padding-bottom: 500px; } }
    #detail-video .video-placeholder iframe {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100% !important;
      height: 100% !important; }
    #detail-video .video-placeholder .soon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: #fff; }

/** Layouts */
.global-banner {
  display: block;
  background-color: #1b1b1b;
  text-align: center;
  padding: 0; }
  .global-banner .banner-container {
    display: inline-block;
    margin: 10px auto 2px; }

.ad-banner {
  display: block;
  background-color: #1b1b1b; }
  .ad-banner .ad {
    display: block;
    margin: 0 auto;
    width: 320px;
    padding: 10px 0; }
    .ad-banner .ad:empty {
      padding: 0; }
  @media screen and (min-width: 728px) {
    .ad-banner .ad {
      width: 728px; } }

/** Headroom Styling/Animations */
.headroom {
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  height: 0;
  overflow: visible; }

.headroom--unfixed {
  position: relative;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }
  @media screen and (min-width: 728px) {
    .headroom--unfixed nav.banner.short {
      -webkit-transform: translateY(-110px);
          -ms-transform: translateY(-110px);
              transform: translateY(-110px); } }

@media screen and (max-width: 727px) {
  .app.global nav.banner.short {
    -webkit-transform: translateY(-71px);
        -ms-transform: translateY(-71px);
            transform: translateY(-71px); } }

.headroom--scrolled {
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  -o-transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }

.headroom--unpinned {
  position: fixed;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%); }
  @media (min-width: 992px) {
    .headroom--unpinned nav .row.top {
      padding-top: 2px;
      padding-bottom: 2px; }
      .headroom--unpinned nav .row.top > * {
        -webkit-transform: scale(0.75);
            -ms-transform: scale(0.75);
                transform: scale(0.75); } }
  @media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) {
    .headroom--unpinned nav .row.top a:nth-child(1) {
      -webkit-transform: translate(-13%, 0%) scale(0.75);
          -ms-transform: translate(-13%, 0%) scale(0.75);
              transform: translate(-13%, 0%) scale(0.75); } }

.headroom--pinned {
  position: fixed;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%); }

/** Navbar Styling */
nav {
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  width: 100vw;
  min-height: 36px;
  z-index: 5; }
  @media (min-width: 992px) {
    nav.short .row.top {
      padding-top: 2px;
      padding-bottom: 2px; }
      nav.short .row.top > * {
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); } }
  nav .row {
    display: block;
    width: 100vw; }
    @media (min-width: 992px) {
      nav .row {
        padding: 0 30px; } }
    nav .row.top {
      background-color: rgba(0, 0, 0, 0.8);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end;
      -ms-flex-align: center;
          align-items: center;
      padding: 10px 30px;
      -webkit-transition: padding 150ms ease-in-out 0s;
      -o-transition: padding 150ms ease-in-out 0s;
      transition: padding 150ms ease-in-out 0s; }
      nav .row.top > * {
        -webkit-transition: -webkit-transform 150ms ease-in-out 50ms;
        transition: -webkit-transform 150ms ease-in-out 50ms;
        -o-transition: transform 150ms ease-in-out 50ms;
        transition: transform 150ms ease-in-out 50ms;
        transition: transform 150ms ease-in-out 50ms, -webkit-transform 150ms ease-in-out 50ms; }
      nav .row.top p {
        color: #777;
        font-family: "Geograph-Regular", sans-serif;
        font-size: 12px;
        letter-spacing: 3px;
        padding-top: 3px;
        padding-right: 25px; }
      nav .row.top a {
        height: 25px; }
        nav .row.top a img {
          height: 100%;
          width: auto;
          -webkit-transition: -webkit-transform 200ms ease-in-out;
          transition: -webkit-transform 200ms ease-in-out;
          -o-transition: transform 200ms ease-in-out;
          transition: transform 200ms ease-in-out;
          transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
        nav .row.top a:hover img {
          -webkit-transform: scale(1.05);
              -ms-transform: scale(1.05);
                  transform: scale(1.05); }
        nav .row.top a:nth-child(1) {
          height: 32px;
          margin-left: 0;
          margin-right: auto; }
          @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            nav .row.top a:nth-child(1) {
              width: 100%; } }
    nav .row.bottom {
      background-color: #000;
      position: relative;
      display: block;
      padding: 0;
      min-height: 45px; }
      @media (min-width: 992px) {
        nav .row.bottom {
          min-height: 0;
          background-color: rgba(49, 49, 49, 0.8);
          padding: 8px 30px; } }
      nav .row.bottom .title {
        display: block;
        cursor: default;
        font-size: 1rem;
        text-align: center;
        -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
                transform-origin: center center;
        -webkit-transition: opacity 300ms linear, -webkit-transform 300ms linear;
        transition: opacity 300ms linear, -webkit-transform 300ms linear;
        -o-transition: transform 300ms linear, opacity 300ms linear;
        transition: transform 300ms linear, opacity 300ms linear;
        transition: transform 300ms linear, opacity 300ms linear, -webkit-transform 300ms linear;
        width: 200px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px; }
        @media screen and (min-width: 365px) {
          nav .row.bottom .title {
            font-size: 1.25rem;
            width: 305px;
            padding-top: 12.5px;
            padding-bottom: 12.5px; } }
        @media (min-width: 576px) {
          nav .row.bottom .title {
            width: 500px; } }
        @media (min-width: 992px) {
          nav .row.bottom .title {
            display: none; } }
      nav .row.bottom .nav-container {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
            justify-content: flex-end;
        z-index: 5; }
        nav .row.bottom .nav-container ul.nav-menu {
          background-color: #1b1b1b;
          display: block;
          position: absolute;
          height: 100vh;
          height: calc(100vh - 45px);
          top: 0;
          right: 0;
          bottom: 0;
          list-style: none;
          text-align: center;
          margin: 0;
          padding: 10px 20px;
          -webkit-transition: -webkit-transform 500ms ease-in-out 0ms;
          transition: -webkit-transform 500ms ease-in-out 0ms;
          -o-transition: transform 500ms ease-in-out 0ms;
          transition: transform 500ms ease-in-out 0ms;
          transition: transform 500ms ease-in-out 0ms, -webkit-transform 500ms ease-in-out 0ms; }
          @media (min-width: 350px) {
            nav .row.bottom .nav-container ul.nav-menu {
              padding: 20px 30px; } }
          nav .row.bottom .nav-container ul.nav-menu.close {
            -webkit-transform: translateX(100vw);
                -ms-transform: translateX(100vw);
                    transform: translateX(100vw); }
          nav .row.bottom .nav-container ul.nav-menu img.caret {
            display: none; }
          nav .row.bottom .nav-container ul.nav-menu li {
            cursor: pointer;
            list-style: none;
            min-width: 255px; }
            nav .row.bottom .nav-container ul.nav-menu li .story-li {
              display: block;
              border-bottom: 1px solid #585858;
              padding-bottom: 2vh; }
            nav .row.bottom .nav-container ul.nav-menu li.menu-item {
              color: #cc9f03;
              font-size: 1rem; }
              @media screen and (min-width: 365px) {
                nav .row.bottom .nav-container ul.nav-menu li.menu-item {
                  font-size: 1.75rem; } }
              nav .row.bottom .nav-container ul.nav-menu li.menu-item:not(.stories) {
                padding-top: 2vh;
                padding-bottom: 2vh; }
              nav .row.bottom .nav-container ul.nav-menu li.menu-item:nth-child(2) {
                border-bottom: 1px solid #585858; }
            nav .row.bottom .nav-container ul.nav-menu li.submenu-item {
              font-size: 0.85rem;
              border-bottom: 1px solid #585858;
              padding: 2vh 0; }
              nav .row.bottom .nav-container ul.nav-menu li.submenu-item a {
                color: #fff;
                text-decoration: none;
                -webkit-transition: color 200ms ease-in-out;
                -o-transition: color 200ms ease-in-out;
                transition: color 200ms ease-in-out; }
              nav .row.bottom .nav-container ul.nav-menu li.submenu-item:hover a {
                color: #cc9f03; }
              @media (max-width: 991.98px) {
                nav .row.bottom .nav-container ul.nav-menu li.submenu-item .sub-link {
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                      flex-direction: column; }
                  nav .row.bottom .nav-container ul.nav-menu li.submenu-item .sub-link .soon {
                    color: #777;
                    font-size: 0.7rem;
                    margin-bottom: 10px; } }
          nav .row.bottom .nav-container ul.nav-menu .lang-mobile {
            position: absolute;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            left: 0;
            right: 0;
            bottom: 15px; }
            @media screen and (min-width: 365px) {
              nav .row.bottom .nav-container ul.nav-menu .lang-mobile {
                bottom: 50px; } }
            nav .row.bottom .nav-container ul.nav-menu .lang-mobile span {
              font-size: 0.7rem;
              color: #585858;
              padding-bottom: 10px; }
            nav .row.bottom .nav-container ul.nav-menu .lang-mobile select {
              -webkit-appearance: none;
              border-radius: 0;
              display: block;
              position: relative;
              width: 80%;
              width: calc(100% - 60px);
              background-color: #fff;
              border: none;
              font-family: "BrandonGrotesque-Black";
              font-size: 1.15rem;
              padding: 8px; }
            nav .row.bottom .nav-container ul.nav-menu .lang-mobile::after {
              content: "";
              display: block;
              position: absolute;
              right: 16%;
              bottom: 16px;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #000 transparent transparent transparent; }
          @media (min-width: 992px) {
            nav .row.bottom .nav-container ul.nav-menu {
              position: relative;
              display: -ms-flexbox;
              display: flex;
              top: auto;
              right: auto;
              bottom: auto;
              background-color: transparent;
              font-family: "BrandonGrotesque-Regular";
              text-align: left;
              height: auto;
              padding: 0; }
              nav .row.bottom .nav-container ul.nav-menu.close {
                -webkit-transform: none;
                    -ms-transform: none;
                        transform: none; }
              nav .row.bottom .nav-container ul.nav-menu li {
                min-width: auto; }
                nav .row.bottom .nav-container ul.nav-menu li.menu-item {
                  z-index: 5;
                  padding-left: 15px;
                  padding-right: 15px; }
                  nav .row.bottom .nav-container ul.nav-menu li.menu-item.stories {
                    cursor: pointer;
                    z-index: 4;
                    margin-right: 15px;
                    padding-right: 0;
                    max-width: 100%;
                    overflow: hidden; }
                    nav .row.bottom .nav-container ul.nav-menu li.menu-item.stories .story-li {
                      padding-right: 12px; }
                      nav .row.bottom .nav-container ul.nav-menu li.menu-item.stories .story-li a {
                        margin-right: 7px; }
                      nav .row.bottom .nav-container ul.nav-menu li.menu-item.stories .story-li img.caret {
                        position: absolute;
                        display: inline-block;
                        width: 10px;
                        height: auto;
                        top: -3px;
                        -webkit-transition: -webkit-transform 250ms linear 100ms;
                        transition: -webkit-transform 250ms linear 100ms;
                        -o-transition: transform 250ms linear 100ms;
                        transition: transform 250ms linear 100ms;
                        transition: transform 250ms linear 100ms, -webkit-transform 250ms linear 100ms; }
                  nav .row.bottom .nav-container ul.nav-menu li.menu-item:nth-child(3) {
                    padding-right: 18px; }
                nav .row.bottom .nav-container ul.nav-menu li.btn-lang {
                  position: relative;
                  padding-left: 18px; }
                  nav .row.bottom .nav-container ul.nav-menu li.btn-lang a {
                    color: #fff;
                    text-decoration: none;
                    -webkit-transition: color 200ms linear 0;
                    -o-transition: color 200ms linear 0;
                    transition: color 200ms linear 0; }
                    nav .row.bottom .nav-container ul.nav-menu li.btn-lang a:hover {
                      color: #cc9f03; }
                  nav .row.bottom .nav-container ul.nav-menu li.btn-lang::before {
                    content: "";
                    position: absolute;
                    display: block;
                    top: 0;
                    left: 0;
                    height: 14px;
                    width: 1px;
                    border-left: 1px solid rgba(255, 255, 255, 0.5); }
                nav .row.bottom .nav-container ul.nav-menu li .story-li, nav .row.bottom .nav-container ul.nav-menu li.menu-item, nav .row.bottom .nav-container ul.nav-menu li.submenu-item, nav .row.bottom .nav-container ul.nav-menu li.btn-lang {
                  font-size: 0.85rem;
                  color: #fff;
                  -webkit-transition: color 100ms ease-in-out;
                  -o-transition: color 100ms ease-in-out;
                  transition: color 100ms ease-in-out;
                  border-bottom: none !important;
                  padding-top: 0 !important;
                  padding-bottom: 0 !important; }
                  nav .row.bottom .nav-container ul.nav-menu li .story-li:not(.stories):hover, nav .row.bottom .nav-container ul.nav-menu li.menu-item:not(.stories):hover, nav .row.bottom .nav-container ul.nav-menu li.submenu-item:not(.stories):hover, nav .row.bottom .nav-container ul.nav-menu li.btn-lang:not(.stories):hover {
                    color: #cc9f03; }
              nav .row.bottom .nav-container ul.nav-menu ul.submenu {
                z-index: 4;
                max-height: 0;
                margin-top: 0;
                padding: 0;
                -webkit-transition: margin 250ms linear 0;
                -o-transition: margin 250ms linear 0;
                transition: margin 250ms linear 0; }
                nav .row.bottom .nav-container ul.nav-menu ul.submenu li.submenu-item {
                  position: relative;
                  display: block;
                  opacity: 0;
                  height: 0;
                  padding: 0;
                  -webkit-transition: opacity 250ms ease-in-out 0ms, height 250ms ease-in-out 0ms;
                  -o-transition: opacity 250ms ease-in-out 0ms, height 250ms ease-in-out 0ms;
                  transition: opacity 250ms ease-in-out 0ms, height 250ms ease-in-out 0ms; }
                  nav .row.bottom .nav-container ul.nav-menu ul.submenu li.submenu-item.active a {
                    color: #cc9f03; }
                  nav .row.bottom .nav-container ul.nav-menu ul.submenu li.submenu-item .sub-link {
                    position: absolute; }
                    nav .row.bottom .nav-container ul.nav-menu ul.submenu li.submenu-item .sub-link a {
                      white-space: nowrap; }
                    nav .row.bottom .nav-container ul.nav-menu ul.submenu li.submenu-item .sub-link .soon {
                      display: block;
                      margin-bottom: 3px;
                      margin-top: -3px;
                      white-space: nowrap;
                      line-height: 14px;
                      height: auto;
                      font-size: 10px;
                      letter-spacing: 2px;
                      vertical-align: middle;
                      color: #777;
                      -webkit-transition: color 250ms ease-in-out 0ms;
                      -o-transition: color 250ms ease-in-out 0ms;
                      transition: color 250ms ease-in-out 0ms; }
                    nav .row.bottom .nav-container ul.nav-menu ul.submenu li.submenu-item .sub-link:hover .soon {
                      color: #fff; }
              nav .row.bottom .nav-container ul.nav-menu li.menu-item.stories:hover {
                overflow: visible; }
                nav .row.bottom .nav-container ul.nav-menu li.menu-item.stories:hover img.caret {
                  -webkit-transform: rotate(180deg);
                      -ms-transform: rotate(180deg);
                          transform: rotate(180deg); }
                nav .row.bottom .nav-container ul.nav-menu li.menu-item.stories:hover ul.submenu {
                  max-height: 100%;
                  -webkit-transition: max-height 250ms ease-in-out 0ms;
                  -o-transition: max-height 250ms ease-in-out 0ms;
                  transition: max-height 250ms ease-in-out 0ms;
                  margin-top: 15px; }
                  nav .row.bottom .nav-container ul.nav-menu li.menu-item.stories:hover ul.submenu li.submenu-item {
                    height: 27px;
                    opacity: 1; }
                    nav .row.bottom .nav-container ul.nav-menu li.menu-item.stories:hover ul.submenu li.submenu-item.with-soon {
                      height: 38px; } }
      nav .row.bottom .menu-trigger {
        cursor: pointer;
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        top: 14px;
        right: 15px;
        width: 25px;
        z-index: 5; }
        nav .row.bottom .menu-trigger .ham-line {
          background-color: #cc9f03;
          display: block;
          margin-bottom: 8px;
          width: 100%;
          height: 2px;
          -webkit-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
          nav .row.bottom .menu-trigger .ham-line.top {
            -webkit-transform-origin: left;
                -ms-transform-origin: left;
                    transform-origin: left; }
          nav .row.bottom .menu-trigger .ham-line.bottom {
            -webkit-transform-origin: left;
                -ms-transform-origin: left;
                    transform-origin: left; }
        nav .row.bottom .menu-trigger.open .ham-line.top {
          -webkit-transform: rotate(45deg) translate(-2px, 4px);
              -ms-transform: rotate(45deg) translate(-2px, 4px);
                  transform: rotate(45deg) translate(-2px, 4px); }
        nav .row.bottom .menu-trigger.open .ham-line.middle {
          opacity: 0; }
        nav .row.bottom .menu-trigger.open .ham-line.bottom {
          -webkit-transform: rotate(-45deg) translate(-2px, -3px);
              -ms-transform: rotate(-45deg) translate(-2px, -3px);
                  transform: rotate(-45deg) translate(-2px, -3px); }
      nav .row.bottom .mobile-nav-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        z-index: 3;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: opacity 250ms ease-in-out 0ms, max-height ease-in-out 300ms;
        -o-transition: opacity 250ms ease-in-out 0ms, max-height ease-in-out 300ms;
        transition: opacity 250ms ease-in-out 0ms, max-height ease-in-out 300ms; }
        nav .row.bottom .mobile-nav-overlay.close {
          opacity: 0;
          max-height: 0; }

/** Views */
.language-select {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999; }
  .language-select .overlay {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }
  .language-select .select-container {
    display: block;
    background-color: #000;
    color: #fff;
    border: 4px solid #cc9f03;
    text-align: center;
    min-width: 250px;
    padding: 40px;
    z-index: 2; }
    .language-select .select-container .select-copy {
      display: block;
      border-bottom: 1px solid #fff;
      padding-bottom: 20px; }
    .language-select .select-container .language-option {
      padding-top: 10px; }
      .language-select .select-container .language-option label {
        display: inline-block;
        cursor: pointer;
        margin-top: 20px;
        color: #fff;
        -webkit-transition: color 200ms linear 0s;
        -o-transition: color 200ms linear 0s;
        transition: color 200ms linear 0s; }
        .language-select .select-container .language-option label:hover {
          color: #cc9f03; }
      .language-select .select-container .language-option input {
        display: none; }
      .language-select .select-container .language-option input[type="radio"]:checked + label {
        color: #cc9f03; }

.modal-enter {
  opacity: 0.01;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.modal-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 300ms ease-out 100ms;
  -o-transition: all 300ms ease-out 100ms;
  transition: all 300ms ease-out 100ms; }

.modal-exit {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.modal-exit-active {
  opacity: 0.01;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }

.stories-section {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 90px 25px; }
  @media (min-width: 768px) {
    .stories-section {
      height: 100vh;
      padding: 0;
      overflow: hidden; } }
  @media only screen and (max-height: 750px) {
    .stories-section .stories-landing .scroll-cta {
      bottom: 20px !important; } }
  @media only screen and (max-height: 850px) and (min-width: 992px) {
    .stories-section {
      padding-top: 60px; } }
  .stories-section #bg-vid {
    display: block;
    position: absolute;
    min-height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms;
    -o-transition: opacity 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms;
    transition: opacity 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms; }
    @media (min-width: 768px) {
      .stories-section #bg-vid {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        min-width: 120vw;
        min-height: 100vh; } }
  .stories-section .vid-overlay {
    display: block;
    position: absolute;
    top: -1%;
    left: 0;
    width: 100vw;
    height: 101%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 1;
    z-index: 2; }
  .stories-section .stories-landing .scroll-cta {
    z-index: 100; }
  .stories-section .stories-landing {
    width: 100%;
    max-width: 1200px;
    text-align: center;
    z-index: 2; }
    .stories-section .stories-landing .partners {
      -webkit-transform: scale(1.15);
          -ms-transform: scale(1.15);
              transform: scale(1.15); }
      .stories-section .stories-landing .partners p {
        color: rgba(255, 255, 255, 0.5); }
      @media (min-width: 768px) {
        .stories-section .stories-landing .partners {
          display: none; } }
    .stories-section .stories-landing h1 {
      display: none; }
      @media (min-width: 768px) {
        .stories-section .stories-landing h1 {
          display: block;
          font-size: 4rem;
          line-height: 1;
          text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.65); } }
    .stories-section .stories-landing .subhead {
      text-align: center;
      max-width: 800px;
      margin: 0 auto;
      padding: 35px 0; }
      @media (min-width: 768px) {
        .stories-section .stories-landing .subhead {
          padding: 2vh 0 3vh;
          text-shadow: 1px 1px 7px black; } }
    .stories-section .stories-landing .tiles-container {
      display: block;
      width: 100%; }
      .stories-section .stories-landing .tiles-container .story-tile {
        display: block;
        position: relative;
        background-repeat: no-repeat;
        background-position: 50% 20%;
        background-size: cover;
        height: 60vw;
        min-width: 100%;
        margin-bottom: 25px; }
        .stories-section .stories-landing .tiles-container .story-tile .title-box {
          display: block;
          position: absolute;
          left: 20px;
          right: 20px;
          bottom: 20px;
          color: #fff;
          font-size: 1.125rem;
          line-height: 1.15;
          text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
          z-index: 2; }
          .stories-section .stories-landing .tiles-container .story-tile .title-box .soon {
            color: #bbb;
            font-size: 0.85rem;
            -webkit-transition: color 250ms ease-in-out;
            -o-transition: color 250ms ease-in-out;
            transition: color 250ms ease-in-out; }
      @media (min-width: 768px) {
        .stories-section .stories-landing .tiles-container {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          padding: 0 30px; }
          .stories-section .stories-landing .tiles-container .story-tile {
            background-position: center;
            text-align: left;
            min-width: 0;
            height: 50vh;
            -webkit-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1);
            z-index: 1;
            -ms-flex: 1;
                flex: 1;
            margin-bottom: auto; }
            .stories-section .stories-landing .tiles-container .story-tile.reveal-overlay::after {
              -webkit-transition: all 200ms cubic-bezier(0, 0, 0.035, 0.995);
              -o-transition: all 200ms cubic-bezier(0, 0, 0.035, 0.995);
              transition: all 200ms cubic-bezier(0, 0, 0.035, 0.995); }
            .stories-section .stories-landing .tiles-container .story-tile:not(:first-child) {
              margin-left: 10px; }
            .stories-section .stories-landing .tiles-container .story-tile .title-box {
              left: 1vw;
              right: 1vw;
              bottom: 1vw;
              font-size: 1.75vw;
              letter-spacing: 0.2vw; } }
      @media (min-width: 992px) {
        .stories-section .stories-landing .tiles-container .story-tile .title-box {
          font-size: 1.1vw;
          letter-spacing: 0.2vw; } }
    @media (min-width: 1200px) {
      .stories-section .stories-landing {
        padding: 0; } }
    @media only screen and (min-width: 1500px) {
      .stories-section .stories-landing {
        max-width: 90vw; } }
  .stories-section #story-selected-view {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 4;
    overflow-y: scroll;
    padding-top: 56px;
    padding-bottom: 120px;
    -webkit-overflow-scrolling: touch; }
    @media (min-width: 768px) {
      .stories-section #story-selected-view {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        overflow: visible;
        padding-bottom: 0; } }
  .stories-section .story-bg {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3; }
    .stories-section .story-bg::before, .stories-section .story-bg::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.8); }
    .stories-section .story-bg.green::after {
      background-color: rgba(132, 169, 55, 0.25); }
    .stories-section .story-bg.blue::after {
      background-color: rgba(18, 146, 171, 0.25); }
    .stories-section .story-bg.yellow::after {
      background-color: rgba(204, 159, 3, 0.25); }
    .stories-section .story-bg.pink::after {
      background-color: rgba(217, 138, 140, 0.25); }
    .stories-section .story-bg.orange::after {
      background-color: rgba(204, 116, 81, 0.25); }
    .stories-section .story-bg.story-bg-enter {
      opacity: 0.01; }
    .stories-section .story-bg.story-bg-enter-active {
      opacity: 1;
      -webkit-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out; }
    .stories-section .story-bg.story-bg-exit {
      opacity: 1; }
    .stories-section .story-bg.story-bg-exit-active {
      opacity: 0.01;
      -webkit-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out; }
    .stories-section .story-bg.no-bg {
      background: none !important; }
  .stories-section.animate #bg-vid {
    opacity: 0.45; }
  @media (min-width: 992px) {
    .stories-section.animate.animate-done .story-tile {
      -webkit-transition: -webkit-transform 150ms cubic-bezier(0, 0, 0.035, 0.995) 25ms, -webkit-box-shadow 200ms ease-out 25ms !important;
      transition: -webkit-transform 150ms cubic-bezier(0, 0, 0.035, 0.995) 25ms, -webkit-box-shadow 200ms ease-out 25ms !important;
      -o-transition: transform 150ms cubic-bezier(0, 0, 0.035, 0.995) 25ms, box-shadow 200ms ease-out 25ms !important;
      transition: transform 150ms cubic-bezier(0, 0, 0.035, 0.995) 25ms, box-shadow 200ms ease-out 25ms !important;
      transition: transform 150ms cubic-bezier(0, 0, 0.035, 0.995) 25ms, box-shadow 200ms ease-out 25ms, -webkit-transform 150ms cubic-bezier(0, 0, 0.035, 0.995) 25ms, -webkit-box-shadow 200ms ease-out 25ms !important; }
      .stories-section.animate.animate-done .story-tile:hover {
        -webkit-box-shadow: 0px 0px 40px -1px rgba(0, 0, 0, 0.75);
                box-shadow: 0px 0px 40px -1px rgba(0, 0, 0, 0.75);
        -webkit-transform: scale(1.1) !important;
            -ms-transform: scale(1.1) !important;
                transform: scale(1.1) !important;
        z-index: 2; }
        .stories-section.animate.animate-done .story-tile:hover.soon.reveal-overlay::after {
          background-color: rgba(0, 0, 0, 0.5); }
        .stories-section.animate.animate-done .story-tile:hover.soon.reveal-overlay .title-box .soon {
          color: #cc9f03; } }

#map-section {
  z-index: 1; }

#map {
  padding-top: 45px;
  margin-top: -45px; }
  @media only screen and (min-width: 769px) {
    #map {
      padding-top: 0;
      margin-top: 0; } }

.scroll-to-map {
  z-index: 3; }

.scroll-to-about {
  z-index: 4; }

.map-section {
  background-color: #000;
  position: relative;
  height: 95vh;
  overflow: hidden;
  z-index: 1; }
  @media (min-width: 768px) {
    .map-section {
      height: 95vh; } }
  .map-section .bg-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1; }
    .map-section .bg-container #map-video,
    .map-section .bg-container #map-bg {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .map-section .bg-container #map-video {
      opacity: 0.3;
      min-width: 100vw;
      min-height: 100vh; }
    .map-section .bg-container #map-bg {
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      opacity: 0.6;
      width: 100vw;
      height: auto; }
  .map-section #map-canvas {
    display: block;
    position: relative;
    background-color: transparent;
    font-family: "BrandonGrotesque-Black";
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
            transform: translateY(-100px); }
    .map-section #map-canvas::after {
      content: "";
      display: block;
      position: absolute;
      bottom: -100vh;
      left: 0;
      right: 0;
      height: 100vh; }
    @media (min-width: 768px) {
      .map-section #map-canvas {
        -webkit-transform: translateY(-125px);
            -ms-transform: translateY(-125px);
                transform: translateY(-125px); } }
    @media (min-width: 992px) {
      .map-section #map-canvas {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
        .map-section #map-canvas::after {
          display: none; } }
    @media (min-width: 992px) {
      .map-section #map-canvas.green {
        background-color: rgba(57, 73, 24, 0.5); }
        .map-section #map-canvas.green::after {
          background-color: rgba(57, 73, 24, 0.5); } }
    @media (min-width: 992px) {
      .map-section #map-canvas.blue {
        background-color: rgba(6, 48, 56, 0.5); }
        .map-section #map-canvas.blue::after {
          background-color: rgba(6, 48, 56, 0.5); } }
    @media (min-width: 992px) {
      .map-section #map-canvas.yellow {
        background-color: rgba(78, 61, 1, 0.5); }
        .map-section #map-canvas.yellow::after {
          background-color: rgba(78, 61, 1, 0.5); } }
    @media (min-width: 992px) {
      .map-section #map-canvas.pink {
        background-color: rgba(172, 56, 59, 0.5); }
        .map-section #map-canvas.pink::after {
          background-color: rgba(172, 56, 59, 0.5); } }
    @media (min-width: 992px) {
      .map-section #map-canvas.orange {
        background-color: rgba(122, 60, 36, 0.5); }
        .map-section #map-canvas.orange::after {
          background-color: rgba(122, 60, 36, 0.5); } }
  .map-section .scroll-cta {
    display: none; }
    @media (min-width: 992px) {
      .map-section .scroll-cta {
        display: block; } }
  .map-section #legend,
  .map-section .btn-map-reset,
  .map-section .map-key,
  .map-section .scroll-cta {
    z-index: 3; }

.leaflet-map-pane svg {
  width: 100%;
  height: 100%; }

#legend {
  display: none !important; }
  @media (min-width: 992px) {
    #legend {
      display: block !important;
      position: absolute;
      overflow: hidden;
      top: 60px;
      left: 20px;
      background-color: #000;
      color: #fff;
      text-transform: uppercase;
      border-width: 4px;
      border-style: solid;
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0.225, 0, 1.145) 0.25s;
      transition: -webkit-transform 0.5s cubic-bezier(0, 0.225, 0, 1.145) 0.25s;
      -o-transition: transform 0.5s cubic-bezier(0, 0.225, 0, 1.145) 0.25s;
      transition: transform 0.5s cubic-bezier(0, 0.225, 0, 1.145) 0.25s;
      transition: transform 0.5s cubic-bezier(0, 0.225, 0, 1.145) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0.225, 0, 1.145) 0.25s;
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      padding: 15px 35px 5px; } }
  #legend.pink {
    max-width: 450px; }
  #legend.hide {
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0); }
  #legend .title {
    font-size: 1.25rem;
    margin-bottom: 7.5px; }
  #legend ul {
    list-style: none;
    margin-bottom: 20px;
    padding: 0; }
    #legend ul .region {
      display: inline-block;
      position: relative;
      font-size: 0.6rem;
      letter-spacing: 3px; }
      #legend ul .region::before {
        content: "";
        display: block;
        position: absolute;
        background-color: #fff;
        border-radius: 50%;
        top: 3px;
        left: 4px;
        width: 3px;
        height: 3px; }
      #legend ul .region::after {
        content: "";
        display: block;
        position: absolute;
        left: 3px;
        right: 0;
        bottom: -1px;
        height: 2px; }
      #legend ul .region .pin {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 10px;
        height: 10px;
        margin-right: 3px; }
    #legend ul li.location {
      font-size: 0.75rem;
      letter-spacing: 3px;
      cursor: pointer;
      -webkit-transition: color 200ms ease-in-out;
      -o-transition: color 200ms ease-in-out;
      transition: color 200ms ease-in-out; }
      #legend ul li.location .icon {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 22px;
        height: 19px;
        -webkit-transform: translateY(10px);
            -ms-transform: translateY(10px);
                transform: translateY(10px);
        margin-right: 13px;
        margin-bottom: 5px; }
        #legend ul li.location .icon.article {
          background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/icon_article_7969f87941a1196b529b32294087500d.png); }
        #legend ul li.location .icon.gallery {
          background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/icon_gallery_1c61423d7ebf46d754e467a8ba07fe26.png); }
        #legend ul li.location .icon.video {
          background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/icon_video_8891b179f492718f477f3e4f12b5a2bb.png); }
  #legend.green {
    border-color: #84a937; }
    #legend.green .title {
      color: #84a937; }
    #legend.green ul .region::after {
      background-color: #84a937; }
    #legend.green ul .region .pin {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_green_b593339cd47887a8d67d86c1538f3fb0.png); }
    #legend.green li.location:hover {
      color: #84a937 !important; }
  #legend.blue {
    border-color: #1292ab; }
    #legend.blue .title {
      color: #1292ab; }
    #legend.blue ul .region::after {
      background-color: #1292ab; }
    #legend.blue ul .region .pin {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_blue_0ad3828c8b2f53fccc145376282f6521.png); }
    #legend.blue li.location:hover {
      color: #1292ab !important; }
  #legend.yellow {
    border-color: #cc9f03; }
    #legend.yellow .title {
      color: #cc9f03; }
    #legend.yellow ul .region::after {
      background-color: #cc9f03; }
    #legend.yellow ul .region .pin {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_yellow_8fe1c8bb1473977bcfde102c6b43ff21.png); }
    #legend.yellow li.location:hover {
      color: #cc9f03 !important; }
  #legend.pink {
    border-color: #d98a8c; }
    #legend.pink .title {
      color: #d98a8c; }
    #legend.pink ul .region::after {
      background-color: #d98a8c; }
    #legend.pink ul .region .pin {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_pink_da1824664eec91dfe0da563a3b2527e0.png); }
    #legend.pink li.location:hover {
      color: #d98a8c !important; }
  #legend.orange {
    border-color: #cc7451; }
    #legend.orange .title {
      color: #cc7451; }
    #legend.orange ul .region::after {
      background-color: #cc7451; }
    #legend.orange ul .region .pin {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_orange_68198b4614b2b6f13160af3e93c69fa8.png); }
    #legend.orange li.location:hover {
      color: #cc7451 !important; }

.map-key {
  display: none; }
  @media (min-width: 992px) {
    .map-key {
      display: block;
      position: absolute;
      right: 30px;
      bottom: 30px;
      font-size: 0.75rem;
      text-align: right;
      text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
      z-index: 2; }
      .map-key .key {
        margin-bottom: 3px; }
        .map-key .key:last-child img {
          margin-bottom: -7px; }
        .map-key .key img {
          display: inline-block;
          width: 15px;
          height: auto;
          margin-left: 10px;
          margin-bottom: -2px; } }
  .map-key.hide {
    display: none; }

.map-carousel {
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 5vh;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 115vw;
  color: #fff;
  z-index: 2; }
  @media (min-width: 576px) {
    .map-carousel {
      width: 80vw; } }
  .map-carousel .slick-list {
    overflow: visible; }
  .map-carousel .slide-container {
    padding: 0 3vw; }
  .map-carousel .slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    background-color: #000;
    border-width: 4px;
    border-style: solid;
    height: 70vw;
    padding: 5vw 2vw; }
    @media (min-width: 350px) {
      .map-carousel .slide {
        min-height: 200px;
        padding: 30px 15px; } }
    @media only screen and (min-width: 400px) {
      .map-carousel .slide {
        height: 30vh;
        padding: 30px; } }
    .map-carousel .slide.details {
      height: 33vh; }
      .map-carousel .slide.details h2 {
        font-size: 3.8vw; }
      .map-carousel .slide.details .coming-soon {
        font-size: 3.8vw; }
      @media only screen and (min-width: 400px) {
        .map-carousel .slide.details {
          height: 40vh; }
          .map-carousel .slide.details h2 {
            font-size: 1.4rem; }
          .map-carousel .slide.details .coming-soon {
            font-size: 1.4rem; } }
      @media (min-width: 992px) {
        .map-carousel .slide.details {
          height: 45vh; } }
    .map-carousel .slide.green {
      border-color: #84a937; }
      .map-carousel .slide.green .btn-mobile-carousel {
        background-color: #84a937; }
      .map-carousel .slide.green .location {
        color: #84a937; }
    .map-carousel .slide.blue {
      border-color: #1292ab; }
      .map-carousel .slide.blue .btn-mobile-carousel {
        background-color: #1292ab; }
      .map-carousel .slide.blue .location {
        color: #1292ab; }
    .map-carousel .slide.yellow {
      border-color: #cc9f03; }
      .map-carousel .slide.yellow .btn-mobile-carousel {
        background-color: #cc9f03; }
      .map-carousel .slide.yellow .location {
        color: #cc9f03; }
    .map-carousel .slide.pink {
      border-color: #d98a8c; }
      .map-carousel .slide.pink .btn-mobile-carousel {
        background-color: #d98a8c; }
      .map-carousel .slide.pink .location {
        color: #d98a8c; }
    .map-carousel .slide.orange {
      border-color: #cc7451; }
      .map-carousel .slide.orange .btn-mobile-carousel {
        background-color: #cc7451; }
      .map-carousel .slide.orange .location {
        color: #cc7451; }
    .map-carousel .slide .location {
      font-size: 0.8rem;
      text-transform: uppercase;
      margin-bottom: 10px; }
      .map-carousel .slide .location span.location-pin {
        position: relative;
        text-transform: uppercase;
        letter-spacing: 2px; }
        .map-carousel .slide .location span.location-pin::before {
          height: 11px;
          width: 17px; }
        .map-carousel .slide .location span.location-pin::after {
          height: 4px;
          width: 4px;
          top: 4px;
          left: 1.25px; }
    .map-carousel .slide h2 {
      font-size: 1em;
      line-height: 1.4;
      margin-bottom: 20px; }
      @media (min-width: 350px) {
        .map-carousel .slide h2 {
          font-size: 1.3rem; } }
      @media (min-width: 576px) {
        .map-carousel .slide h2 {
          font-size: 1.5rem; } }
  .map-carousel .slick-dots {
    margin-bottom: -0.75vh; }
    .map-carousel .slick-dots li {
      width: auto;
      height: auto;
      margin: 0; }
      .map-carousel .slick-dots li button {
        background: none;
        color: #fff; }
        .map-carousel .slick-dots li button::before {
          color: #fff !important;
          font-size: 10px; }
  @media (min-width: 992px) {
    .map-carousel {
      display: none; } }

.icon-container {
  overflow: visible; }
  .icon-container .title-box {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #000;
    color: #fff;
    font-family: "BrandonGrotesque-Black";
    line-height: 1;
    border-width: 4px;
    border-style: solid;
    white-space: nowrap;
    text-align: center;
    padding: 10px 20px;
    z-index: 3; }
    .icon-container .title-box .label {
      font-size: 1.2rem;
      line-height: 1.1; }
    .icon-container .title-box .cta {
      display: block;
      font-size: 0.65rem;
      margin-top: 7.5px; }
  .icon-container.green .title-box {
    border-color: #84a937; }
  .icon-container.green::after {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_green_b593339cd47887a8d67d86c1538f3fb0.png); }
  .icon-container.green .label {
    color: #84a937; }
    .icon-container.green .label span.lines::before, .icon-container.green .label span.lines::after {
      background-color: #84a937; }
  .icon-container.blue .title-box {
    border-color: #1292ab; }
  .icon-container.blue::after {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_blue_0ad3828c8b2f53fccc145376282f6521.png); }
  .icon-container.blue .label {
    color: #1292ab; }
    .icon-container.blue .label span.lines::before, .icon-container.blue .label span.lines::after {
      background-color: #1292ab; }
  .icon-container.yellow .title-box {
    border-color: #cc9f03; }
  .icon-container.yellow::after {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_yellow_8fe1c8bb1473977bcfde102c6b43ff21.png); }
  .icon-container.yellow .label {
    color: #cc9f03; }
    .icon-container.yellow .label span.lines::before, .icon-container.yellow .label span.lines::after {
      background-color: #cc9f03; }
  .icon-container.pink .title-box {
    border-color: #d98a8c; }
  .icon-container.pink::after {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_pink_da1824664eec91dfe0da563a3b2527e0.png); }
  .icon-container.pink .label {
    color: #d98a8c; }
    .icon-container.pink .label span.lines::before, .icon-container.pink .label span.lines::after {
      background-color: #d98a8c; }
  .icon-container.orange .title-box {
    border-color: #cc7451; }
  .icon-container.orange::after {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_orange_68198b4614b2b6f13160af3e93c69fa8.png); }
  .icon-container.orange .label {
    color: #cc7451; }
    .icon-container.orange .label span.lines::before, .icon-container.orange .label span.lines::after {
      background-color: #cc7451; }

.marker {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.5s ease-in-out 0;
  -o-transition: all 0.5s ease-in-out 0;
  transition: all 0.5s ease-in-out 0;
  z-index: 1 !important; }
  @media (min-width: 992px) {
    .marker {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  .marker.has-title {
    z-index: 2 !important; }
  .marker:hover {
    z-index: 200 !important; }
  .marker::after {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    width: 20px;
    height: 20px;
    top: 17%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .marker.green {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_green_b593339cd47887a8d67d86c1538f3fb0.png); }
  .marker.blue {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_blue_0ad3828c8b2f53fccc145376282f6521.png); }
  .marker.yellow {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_yellow_8fe1c8bb1473977bcfde102c6b43ff21.png); }
  .marker.pink {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_pink_da1824664eec91dfe0da563a3b2527e0.png); }
  .marker.orange {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_orange_68198b4614b2b6f13160af3e93c69fa8.png); }
  .marker.cluster::after {
    background-color: white;
    border-radius: 50%; }
  .marker.article::after {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/icon_article_7969f87941a1196b529b32294087500d.png); }
  .marker.gallery::after {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/icon_gallery_1c61423d7ebf46d754e467a8ba07fe26.png); }
  .marker.video::after {
    background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/icon_video_8891b179f492718f477f3e4f12b5a2bb.png); }

.leaflet-popup {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  cursor: pointer; }
  .leaflet-popup .leaflet-popup-content-wrapper {
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window {
      font-family: "BrandonGrotesque-Black";
      position: relative;
      width: 300px;
      height: 300px;
      max-width: 55vw;
      max-height: 55vw;
      border-width: 4px;
      border-style: solid;
      -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
              box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
      -webkit-transform: translateY(4%);
          -ms-transform: translateY(4%);
              transform: translateY(4%); }
      @media (min-width: 992px) {
        .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window {
          -webkit-transform: translateY(4%);
              -ms-transform: translateY(4%);
                  transform: translateY(4%);
          width: 300px;
          height: 300px; } }
      .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window::after, .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window::before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window::after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: transparent;
        border-width: 16px;
        margin-left: -16px; }
      .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window::before {
        border-color: rgba(255, 255, 255, 0);
        border-width: 22px;
        margin-left: -22px; }
      .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window .background {
        background-position: center;
        background-size: cover;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window .gradient {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        height: 100px;
        z-index: 1;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0); }
      .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window .title {
        position: absolute;
        color: #fff;
        font-size: 0.85rem;
        letter-spacing: 2px;
        left: 10px;
        bottom: 10px;
        padding-right: 10px;
        z-index: 2; }
        .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window .title span.location-pin {
          display: block;
          position: relative;
          font-size: 0.9rem;
          text-transform: uppercase;
          letter-spacing: 2px; }
          .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window .title span.location-pin::before {
            height: 12px;
            width: 17px;
            margin-bottom: -1px; }
          .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div.popup-window .title span.location-pin::after {
            height: 5px;
            width: 5px;
            top: 5px;
            left: 2px; }
  .leaflet-popup .leaflet-popup-tip-container {
    display: none; }
  .leaflet-popup a.leaflet-popup-close-button {
    position: absolute;
    font-size: 25px;
    text-decoration: none;
    top: 25px !important;
    right: 30px !important;
    -webkit-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    opacity: 0; }
  .leaflet-popup:hover a.leaflet-popup-close-button {
    opacity: 1; }
  .leaflet-popup.green div.popup-window {
    border-color: #84a937; }
    .leaflet-popup.green div.popup-window::before {
      border-top-color: #84a937 !important; }
  .leaflet-popup.green .location-pin {
    color: #84a937; }
    .leaflet-popup.green .location-pin::before {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_green_b593339cd47887a8d67d86c1538f3fb0.png); }
  .leaflet-popup.green a.leaflet-popup-close-button {
    color: #84a937; }
  .leaflet-popup.blue div.popup-window {
    border-color: #1292ab; }
    .leaflet-popup.blue div.popup-window::before {
      border-top-color: #1292ab !important; }
  .leaflet-popup.blue .location-pin {
    color: #1292ab; }
    .leaflet-popup.blue .location-pin::before {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_blue_0ad3828c8b2f53fccc145376282f6521.png); }
  .leaflet-popup.blue a.leaflet-popup-close-button {
    color: #1292ab; }
  .leaflet-popup.yellow div.popup-window {
    border-color: #cc9f03; }
    .leaflet-popup.yellow div.popup-window::before {
      border-top-color: #cc9f03 !important; }
  .leaflet-popup.yellow .location-pin {
    color: #cc9f03; }
    .leaflet-popup.yellow .location-pin::before {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_yellow_8fe1c8bb1473977bcfde102c6b43ff21.png); }
  .leaflet-popup.yellow a.leaflet-popup-close-button {
    color: #cc9f03; }
  .leaflet-popup.pink div.popup-window {
    border-color: #d98a8c; }
    .leaflet-popup.pink div.popup-window::before {
      border-top-color: #d98a8c !important; }
  .leaflet-popup.pink .location-pin {
    color: #d98a8c; }
    .leaflet-popup.pink .location-pin::before {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_pink_da1824664eec91dfe0da563a3b2527e0.png); }
  .leaflet-popup.pink a.leaflet-popup-close-button {
    color: #d98a8c; }
  .leaflet-popup.orange div.popup-window {
    border-color: #cc7451; }
    .leaflet-popup.orange div.popup-window::before {
      border-top-color: #cc7451 !important; }
  .leaflet-popup.orange .location-pin {
    color: #cc7451; }
    .leaflet-popup.orange .location-pin::before {
      background-image: url(https://specials.fnghub.com/ng/nl/beyond-the-bean/_next/static/files/marker_orange_68198b4614b2b6f13160af3e93c69fa8.png); }
  .leaflet-popup.orange a.leaflet-popup-close-button {
    color: #cc7451; }

#map-canvas.green .marker.green {
  width: 45px !important;
  height: 60px !important;
  margin-left: -22.5px !important;
  margin-top: -60px !important;
  z-index: 100 !important; }
  #map-canvas.green .marker.green::after {
    width: 25px !important;
    height: 25px !important;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0; }
  #map-canvas.green .marker.green.mobile-focus {
    width: 72px !important;
    height: 96px !important;
    margin-left: -36px !important;
    margin-top: -72px !important; }
    #map-canvas.green .marker.green.mobile-focus::after {
      width: 40px !important;
      height: 40px !important; }

#map-canvas.blue .marker.blue {
  width: 45px !important;
  height: 60px !important;
  margin-left: -22.5px !important;
  margin-top: -60px !important;
  z-index: 100 !important; }
  #map-canvas.blue .marker.blue::after {
    width: 25px !important;
    height: 25px !important;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0; }
  #map-canvas.blue .marker.blue.mobile-focus {
    width: 72px !important;
    height: 96px !important;
    margin-left: -36px !important;
    margin-top: -72px !important; }
    #map-canvas.blue .marker.blue.mobile-focus::after {
      width: 40px !important;
      height: 40px !important; }

#map-canvas.yellow .marker.yellow {
  width: 45px !important;
  height: 60px !important;
  margin-left: -22.5px !important;
  margin-top: -60px !important;
  z-index: 100 !important; }
  #map-canvas.yellow .marker.yellow::after {
    width: 25px !important;
    height: 25px !important;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0; }
  #map-canvas.yellow .marker.yellow.mobile-focus {
    width: 72px !important;
    height: 96px !important;
    margin-left: -36px !important;
    margin-top: -72px !important; }
    #map-canvas.yellow .marker.yellow.mobile-focus::after {
      width: 40px !important;
      height: 40px !important; }

#map-canvas.pink .marker.pink {
  width: 45px !important;
  height: 60px !important;
  margin-left: -22.5px !important;
  margin-top: -60px !important;
  z-index: 100 !important; }
  #map-canvas.pink .marker.pink::after {
    width: 25px !important;
    height: 25px !important;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0; }
  #map-canvas.pink .marker.pink.mobile-focus {
    width: 72px !important;
    height: 96px !important;
    margin-left: -36px !important;
    margin-top: -72px !important; }
    #map-canvas.pink .marker.pink.mobile-focus::after {
      width: 40px !important;
      height: 40px !important; }

#map-canvas.orange .marker.orange {
  width: 45px !important;
  height: 60px !important;
  margin-left: -22.5px !important;
  margin-top: -60px !important;
  z-index: 100 !important; }
  #map-canvas.orange .marker.orange::after {
    width: 25px !important;
    height: 25px !important;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0; }
  #map-canvas.orange .marker.orange.mobile-focus {
    width: 72px !important;
    height: 96px !important;
    margin-left: -36px !important;
    margin-top: -72px !important; }
    #map-canvas.orange .marker.orange.mobile-focus::after {
      width: 40px !important;
      height: 40px !important; }

.about-section {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 80px 25px; }
  .about-section .nes-logo {
    max-width: 450px;
    width: 70%; }
    .about-section .nes-logo img {
      width: 100%;
      height: auto; }
    @media (min-width: 768px) {
      .about-section .nes-logo {
        width: 100%; } }
  .about-section .subhead {
    font-size: 1rem;
    text-align: center;
    padding: 15px 0 25px; }
    @media (min-width: 768px) {
      .about-section .subhead {
        font-size: 1.25rem;
        text-align: left;
        padding: 3.5vh 0 5vh; } }
  .about-section .featured-container,
  .about-section .links-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .about-section .featured-container {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
    .about-section .featured-container .copy {
      display: block;
      background-color: #000;
      padding: 30px;
      -ms-flex: 1.825;
          flex: 1.825; }
      .about-section .featured-container .copy strong {
        display: block;
        color: #cc9f03;
        font-size: 1.15rem;
        margin-bottom: 15px; }
    .about-section .featured-container .img {
      display: block;
      background-size: cover;
      background-position: 50% 0%;
      min-height: 70vw;
      -ms-flex: 1;
          flex: 1; }
    @media (min-width: 768px) {
      .about-section .featured-container {
        -ms-flex-direction: row;
            flex-direction: row; }
        .about-section .featured-container .copy {
          padding: 50px; }
        .about-section .featured-container .img {
          min-height: 0;
          background-position: center; } }
  .about-section .links-container {
    -ms-flex-direction: column;
        flex-direction: column; }
    .about-section .links-container .link {
      width: 100%; }
      .about-section .links-container .link p {
        background-color: #000;
        padding: 15px; }
    .about-section .links-container .link-tile {
      position: relative;
      display: block;
      background-size: cover;
      background-position: 50% 30%;
      color: #fff;
      text-decoration: none;
      width: 100%;
      height: 30vw;
      margin-top: 25px; }
      .about-section .links-container .link-tile span {
        position: absolute;
        left: 15px;
        bottom: 15px;
        right: 15px;
        z-index: 1;
        text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.75);
        -webkit-transform-origin: 0% 50%;
            -ms-transform-origin: 0% 50%;
                transform-origin: 0% 50%;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.035, 0.995);
        transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.035, 0.995);
        -o-transition: transform 200ms cubic-bezier(0, 0, 0.035, 0.995);
        transition: transform 200ms cubic-bezier(0, 0, 0.035, 0.995);
        transition: transform 200ms cubic-bezier(0, 0, 0.035, 0.995), -webkit-transform 200ms cubic-bezier(0, 0, 0.035, 0.995); }
      .about-section .links-container .link-tile:hover span {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1); }
    @media (min-width: 768px) {
      .about-section .links-container {
        -ms-flex-direction: row;
            flex-direction: row;
        margin-top: 1vw; }
        .about-section .links-container .link {
          background-color: #000;
          width: 32.5%; }
          .about-section .links-container .link .link-tile {
            background-position: center;
            height: 20vw;
            margin-top: auto; } }
  .about-section .about-cta {
    background-color: #367c07;
    color: #fff;
    text-decoration: none;
    margin-bottom: 30px;
    padding: 10px 30px;
    -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out, color 200ms ease-in-out; }
    .about-section .about-cta:hover {
      background-color: #fff;
      color: #367c07; }

/** Animations */
/* Preloader Animation */
.spinner-container {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s linear, opacity 300ms linear, height 0 linear 1.5s, width 0 linear 1.5s;
  -o-transition: visibility 0s linear, opacity 300ms linear, height 0 linear 1.5s, width 0 linear 1.5s;
  transition: visibility 0s linear, opacity 300ms linear, height 0 linear 1.5s, width 0 linear 1.5s;
  -webkit-transition-delay: 0s, 0s, 2s, 2s;
       -o-transition-delay: 0s, 0s, 2s, 2s;
          transition-delay: 0s, 0s, 2s, 2s;
  z-index: 999; }
  .spinner-container.fade {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 300ms, opacity 300ms linear;
    -o-transition: visibility 300ms, opacity 300ms linear;
    transition: visibility 300ms, opacity 300ms linear; }

.spinner {
  position: relative;
  display: block;
  width: 40px;
  height: 60px;
  border: 4px solid #ffce04;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px); }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.stories-section .stories-landing .partners,
.stories-section .stories-landing h1,
.stories-section .stories-landing p {
  opacity: 0;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.stories-section .stories-landing h1 {
  -webkit-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms; }

.stories-section .stories-landing p {
  -webkit-transition-delay: 300ms;
       -o-transition-delay: 300ms;
          transition-delay: 300ms; }

.stories-section .stories-landing .tiles-container .story-tile {
  opacity: 0;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transition: opacity 1s cubic-bezier(0.63, -0.03, 0, 1.25), -webkit-transform 1s cubic-bezier(0.63, -0.03, 0, 1.25);
  transition: opacity 1s cubic-bezier(0.63, -0.03, 0, 1.25), -webkit-transform 1s cubic-bezier(0.63, -0.03, 0, 1.25);
  -o-transition: transform 1s cubic-bezier(0.63, -0.03, 0, 1.25), opacity 1s cubic-bezier(0.63, -0.03, 0, 1.25);
  transition: transform 1s cubic-bezier(0.63, -0.03, 0, 1.25), opacity 1s cubic-bezier(0.63, -0.03, 0, 1.25);
  transition: transform 1s cubic-bezier(0.63, -0.03, 0, 1.25), opacity 1s cubic-bezier(0.63, -0.03, 0, 1.25), -webkit-transform 1s cubic-bezier(0.63, -0.03, 0, 1.25); }
  .stories-section .stories-landing .tiles-container .story-tile:nth-child(1) {
    -webkit-transition-delay: 500ms;
         -o-transition-delay: 500ms;
            transition-delay: 500ms; }
  .stories-section .stories-landing .tiles-container .story-tile:nth-child(2) {
    -webkit-transition-delay: 650ms;
         -o-transition-delay: 650ms;
            transition-delay: 650ms; }
  .stories-section .stories-landing .tiles-container .story-tile:nth-child(3) {
    -webkit-transition-delay: 800ms;
         -o-transition-delay: 800ms;
            transition-delay: 800ms; }
  .stories-section .stories-landing .tiles-container .story-tile:nth-child(4) {
    -webkit-transition-delay: 950ms;
         -o-transition-delay: 950ms;
            transition-delay: 950ms; }
  .stories-section .stories-landing .tiles-container .story-tile:nth-child(5) {
    -webkit-transition-delay: 1.1s;
         -o-transition-delay: 1.1s;
            transition-delay: 1.1s; }

.stories-section .stories-landing .scroll-cta {
  opacity: 0;
  -webkit-transition: opacity 500ms linear 2s;
  -o-transition: opacity 500ms linear 2s;
  transition: opacity 500ms linear 2s;
  bottom: 30px;
  margin-top: auto;
  display: block; }

.stories-section.animate .spinner-container {
  height: 0;
  width: 0;
  overflow: hidden; }

.stories-section.animate .spinner {
  visibility: hidden; }

.stories-section.animate .stories-landing .tiles-container .story-tile,
.stories-section.animate .stories-landing .partners, .stories-section.animate .stories-landing h1, .stories-section.animate .stories-landing p {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.stories-section.animate .stories-landing .scroll-cta {
  opacity: 1; }

.stories-landing-enter {
  opacity: 0.01;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.stories-landing-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 300ms ease-in-out 100ms;
  -o-transition: all 300ms ease-in-out 100ms;
  transition: all 300ms ease-in-out 100ms; }

.stories-landing-exit {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.stories-landing-exit-active {
  opacity: 0.01;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 300ms ease-in-out 100ms;
  -o-transition: all 300ms ease-in-out 100ms;
  transition: all 300ms ease-in-out 100ms; }

.story-modal-enter {
  opacity: 0.01;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.story-modal-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 300ms ease-in-out 100ms;
  -o-transition: all 300ms ease-in-out 100ms;
  transition: all 300ms ease-in-out 100ms; }

.story-modal-exit {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.story-modal-exit-active {
  opacity: 0.01;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 300ms ease-in-out 100ms;
  -o-transition: all 300ms ease-in-out 100ms;
  transition: all 300ms ease-in-out 100ms; }

.detail-view-enter {
  opacity: 0.01;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.detail-view-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 300ms ease-in-out 100ms;
  -o-transition: all 300ms ease-in-out 100ms;
  transition: all 300ms ease-in-out 100ms; }

.detail-view-exit {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.detail-view-exit-active {
  opacity: 0.01;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 300ms ease-in-out 100ms;
  -o-transition: all 300ms ease-in-out 100ms;
  transition: all 300ms ease-in-out 100ms; }

.mosaic-view-enter {
  opacity: 0.01;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.mosaic-view-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 300ms ease-in-out 100ms;
  -o-transition: all 300ms ease-in-out 100ms;
  transition: all 300ms ease-in-out 100ms; }

.mosaic-view-exit {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.mosaic-view-exit-active {
  opacity: 0.01;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 300ms ease-in-out 100ms;
  -o-transition: all 300ms ease-in-out 100ms;
  transition: all 300ms ease-in-out 100ms; }

.story-modal-enter-active,
.story-modal-exit-active {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

#about .nes-logo,
#about .subhead,
#about .featured-container,
#about .links-container,
#about .about-cta {
  opacity: 0;
  -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
          transform: translateY(10%);
  -webkit-transition: all 750ms ease-in-out;
  -o-transition: all 750ms ease-in-out;
  transition: all 750ms ease-in-out; }

#about .subhead {
  -webkit-transition-delay: 250ms;
       -o-transition-delay: 250ms;
          transition-delay: 250ms; }

#about .featured-container {
  -webkit-transition-delay: 500ms;
       -o-transition-delay: 500ms;
          transition-delay: 500ms; }

#about .links-container {
  -webkit-transition-delay: 750ms;
       -o-transition-delay: 750ms;
          transition-delay: 750ms; }

#about .about-cta {
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s; }

#about.animate .nes-logo,
#about.animate .subhead,
#about.animate .featured-container,
#about.animate .links-container,
#about.animate .about-cta {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }