@charset "UTF-8";
@import url("foundation.min.css");
/* FONT VARIABLES */
/* COLOUR VARIABLES */
/*
FADER: 
/////////////////////////////
.link {
	@include fader;
}
*/
/*
HOVER LIFT:
/////////////////////////////
.card {
	@include hover-lift;
}
*/
/*
INPUT PLACEHOLDER:
/////////////////////////////
input,
textarea {
	@include input-placeholder {
		color: #000;
	}
}
*/
/*
PSEUDO HANDLER:
/////////////////////////////
.card {
	@include pseudo(after);
	@include pseudo(before, $top: 50px) {
		background-color: red;
	}
}
*/
/*
BG IMAGE HANDLER:
/////////////////////////////
.element {
	@include bg-img(top center, cover)
}
*/
.pagination li {
  border-radius: 0;
}
.pagination a, .pagination button {
  border-radius: 0;
  background-color: #f2f2f2;
}
.pagination .disabled {
  padding: 0;
}
.pagination .current {
  background: #165163;
}
.pagination .pagination-previous a::before, .pagination .pagination-previous.disabled::before {
  display: none;
}
.pagination .pagination-next a::after, .pagination .pagination-next.disabled::after {
  display: none;
}

/*
 * Hamburger
 */
.hamburger {
  padding: 0;
  padding-top: 2rem;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--elastic .hamburger-inner {
  top: 0;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

.hamburger .name {
  display: block;
  font-size: 0.88rem;
  font-family: "sofia-pro", sans-serif;
  color: #fff;
  line-height: 1;
  letter-spacing: 1px;
}

/*fitvids*/
.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
}

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

/*MAGNIFIC*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.white-popup-block {
  background: #fff;
  padding: 2rem 2.5rem;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
  border-radius: 10px;
}
.white-popup-block .content {
  padding-top: 1rem;
}
.white-popup-block .content .border {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 3rem 2rem;
  margin-bottom: 0.8rem;
  color: #fff;
  text-align: center;
}
.white-popup-block .content .border p.large {
  font-size: 2.7rem;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0;
}
.white-popup-block .content .border a {
  color: #fff;
  transition: opacity 0.3s;
  opacity: 1;
}
.white-popup-block .content .border a:hover, .white-popup-block .content .border a:focus {
  opacity: 0.8;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/*defer image*/
.defer-img {
  transition: opacity 0.3s, filter 0.8s;
  max-width: 100%;
  opacity: 0.1;
  filter: sepia(100%);
}
.defer-img.b-loaded {
  opacity: 1;
  filter: sepia(0%);
}

/*no js enabled?*/
.no-js .defer-img {
  opacity: 1;
  filter: sepia(0);
}

/* hide the reCAPTCHA badge*/
.grecaptcha-badge {
  visibility: hidden;
}

/*ELEMENTS FOR CMS*/
.EditMode .aos-init {
  opacity: 1 !important;
  transform: none !important;
}

.ContentFrame [data-aos^=fade][data-aos^=fade] {
  opacity: 1 !important;
}
.ContentFrame .wrapper-head {
  position: static;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(../owl.video.play.html) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

#small-dialog {
  background: white;
  padding: 20px 30px;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
}

/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
  padding: 0;
}

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0;
}

/* padding for main container */
.mfp-no-margins .mfp-container {
  padding: 0;
}

/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-figure {
  max-width: 800px;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}
html.access-size-small {
  font-size: 100% !important;
}
html.access-size-medium {
  font-size: 110% !important;
}
html.access-size-large {
  font-size: 120% !important;
}
html.access-colour-greyscale {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
html.access-colour-contrast {
  /*set in the _accessibility.scss*/
}

body {
  background-color: #F7F7F7;
}

/* need to override foundation grid container width */
.grid-container,
hr {
  max-width: 75rem;
}

.show-for-sr {
  background-color: #000;
  color: #fff;
}

.grid-row-gap {
  row-gap: 30px;
}

/*icomoon font-face icons*/
@font-face {
  font-family: "icomoon";
  src: url("../ttf/icomoondfe9.ttf") format("truetype"), url("../woff/icomoondfe9.woff") format("woff"), url("../svg/icomoondfe9.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=szicon-],
[class*=" szicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.szicon-instagram:before {
  content: "\e92b";
}

.szicon-facebook-letter:before {
  content: "\e929";
}

.szicon-tiktok:before {
  content: "\e92a";
}

.szicon-television:before {
  content: "\e928";
}

.szicon-whatsapp:before {
  content: "\e927";
}

.szicon-large-arrow:before {
  content: "\e922";
}

.szicon-assistance:before {
  content: "\e913";
}

.szicon-career-break:before {
  content: "\e914";
}

.szicon-commuter:before {
  content: "\e915";
}

.szicon-cycle:before {
  content: "\e916";
}

.szicon-death:before {
  content: "\e917";
}

.szicon-flexible:before {
  content: "\e918";
}

.szicon-give:before {
  content: "\e919";
}

.szicon-gym:before {
  content: "\e91a";
}

.szicon-medical:before {
  content: "\e91b";
}

.szicon-parental:before {
  content: "\e91c";
}

.szicon-pension:before {
  content: "\e91d";
}

.szicon-recommend:before {
  content: "\e91e";
}

.szicon-sus-engage:before {
  content: "\e91f";
}

.szicon-sus-reduce:before {
  content: "\e920";
}

.szicon-sus-source:before {
  content: "\e921";
}

.szicon-mobile:before {
  content: "\e912";
}

.szicon-quotes-right:before {
  content: "\e90e";
}

.szicon-quotes-left:before {
  content: "\e90f";
}

.szicon-facebook:before {
  content: "\e904";
}

.szicon-brand:before {
  content: "\e904";
}

.szicon-social:before {
  content: "\e904";
}

.szicon-youtube:before {
  content: "\e905";
}

.szicon-brand1:before {
  content: "\e905";
}

.szicon-social1:before {
  content: "\e905";
}

.szicon-twitter:before {
  content: "\e906";
}

.szicon-brand2:before {
  content: "\e906";
}

.szicon-tweet:before {
  content: "\e906";
}

.szicon-social2:before {
  content: "\e906";
}

.szicon-linkedin:before {
  content: "\e907";
}

.szicon-brand3:before {
  content: "\e907";
}

.szicon-social3:before {
  content: "\e907";
}

.szicon-zoom-in:before {
  content: "\e910";
}

.szicon-chevron-right:before {
  content: "\e90a";
}

.szicon-chevron-left:before {
  content: "\e90b";
}

.szicon-chevron-down:before {
  content: "\e90c";
}

.szicon-chevron-up:before {
  content: "\e90d";
}

.szicon-arrow_right:before {
  content: "\e923";
}

.szicon-arrow_left:before {
  content: "\e924";
}

.szicon-arrow_drop_up:before {
  content: "\e925";
}

.szicon-arrow_drop_down:before {
  content: "\e926";
}

.szicon-share:before {
  content: "\e911";
}

.szicon-play_arrow:before {
  content: "\e908";
}

.szicon-search:before {
  content: "\e909";
}

.szicon-arrow-right:before {
  content: "\e900";
}

.szicon-arrow-left:before {
  content: "\e901";
}

.szicon-arrow-down:before {
  content: "\e902";
}

.szicon-arrow-up:before {
  content: "\e903";
}

/*@font-face {
    font-family: 'Univers-Condensed';
    src: url('../fonts/Univers-Condensed.otf') format('opentype');
}

@font-face {
    font-family: 'Univers-CondensedLight';
    src: url('../fonts/Univers-CondensedLight.otf') format('opentype');
}

@font-face {
    font-family: 'Univers-Light';
    src: url('../fonts/Univers-Light.otf') format('opentype');
}*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
span,
td,
input,
cite,
a,
label {
  font-family: "Roboto", sans-serif;
}

a {
  color: #165163;
}

.section-title {
  text-transform: uppercase;
  font-size: 4rem;
  margin-bottom: 3rem;
  line-height: 1;
  position: relative;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
}
.section-title:before {
  content: "";
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100px;
  width: 4px;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../png/line-vert-dark.png");
}
.section-title--white {
  color: #fff;
}
.section-title--white:before {
  background-image: url("../png/line-vert-white.png");
}
.section-title--small {
  font-size: 2.5rem;
  font-weight: 400;
}
.section-title--sideline {
  margin-bottom: 5rem;
  text-align: left;
}
.section-title--sideline:before {
  content: none;
  display: none;
}
.section-title--sideline:after {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 0;
  width: 100px;
  border-top: 4px solid #000;
}
.section-title--overline {
  margin-top: 2rem;
}
.section-title--overline:before {
  content: none;
  display: none;
}
.section-title--overline:after {
  content: "";
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100px;
  border-top: 4px solid #EB0F13;
}
.section-title--underline {
  margin-bottom: 5rem;
}
.section-title--underline:before {
  content: none;
  display: none;
}
.section-title--underline:after {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100px;
  border-top: 4px solid #EB0F13;
}
.section-title--no-line:before {
  content: none;
  display: none;
}

.section-subtitle {
  line-height: 1;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 2rem;
  margin-bottom: 3rem;
  font-family: "Roboto Condensed", sans-serif;
}
.section-subtitle--white {
  color: #fff;
}
.section-subtitle--small {
  font-weight: 500;
  font-size: 1.3rem;
  margin-bottom: 2rem;
}
.section-subtitle--line {
  position: relative;
}
@media screen and (min-width: 64em) {
  .section-subtitle--line:before {
    content: "";
    position: absolute;
    left: -150px;
    top: 14px;
    width: 90px;
    height: 2px;
    border-top: 2px solid #000;
  }
}

.section-title ~ .section-subtitle {
  margin-top: -2rem;
  font-weight: 500;
  font-size: 1.3rem;
  margin-bottom: 2rem;
}

.section-intro p {
  font-size: 1.4rem;
  line-height: 1.7;
  color: #666;
}
.section-intro ul {
  list-style-type: none;
}
.section-intro ul li {
  font-size: 1.3rem;
  color: #363636;
  position: relative;
}
.section-intro ul li:before {
  content: "-";
  position: absolute;
  left: -1.2rem;
}
.section-intro--white {
  color: #fff;
}
.section-intro--white p {
  color: #fff;
}

.section-line {
  position: relative;
  display: block;
}
.section-line:before {
  content: "";
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 80px;
  width: 4px;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../png/line-vert-dark.png");
}
.section-line--white {
  color: #fff;
}
.section-line--white:before {
  background-image: url("../png/line-vert-white.png");
}

.oflow {
  overflow-y: hidden;
}

.pos-rel {
  position: relative;
}

.content-puller {
  margin-top: -3rem;
}

.fixed-body {
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}

.m-t-0 {
  margin-top: 0rem;
}

.m-b-0 {
  margin-bottom: 0rem;
}

.p-t-0 {
  padding-top: 0rem;
}

.p-b-0 {
  padding-bottom: 0rem;
}

.m-t-1 {
  margin-top: 1rem;
}

.m-b-1 {
  margin-bottom: 1rem;
}

.p-t-1 {
  padding-top: 1rem;
}

.p-b-1 {
  padding-bottom: 1rem;
}

.m-t-2 {
  margin-top: 2rem;
}

.m-b-2 {
  margin-bottom: 2rem;
}

.p-t-2 {
  padding-top: 2rem;
}

.p-b-2 {
  padding-bottom: 2rem;
}

.m-t-3 {
  margin-top: 3rem;
}

.m-b-3 {
  margin-bottom: 3rem;
}

.p-t-3 {
  padding-top: 3rem;
}

.p-b-3 {
  padding-bottom: 3rem;
}

.m-t-4 {
  margin-top: 4rem;
}

.m-b-4 {
  margin-bottom: 4rem;
}

.p-t-4 {
  padding-top: 4rem;
}

.p-b-4 {
  padding-bottom: 4rem;
}

.m-t-5 {
  margin-top: 5rem;
}

.m-b-5 {
  margin-bottom: 5rem;
}

.p-t-5 {
  padding-top: 5rem;
}

.p-b-5 {
  padding-bottom: 5rem;
}

.m-t-6 {
  margin-top: 6rem;
}

.m-b-6 {
  margin-bottom: 6rem;
}

.p-t-6 {
  padding-top: 6rem;
}

.p-b-6 {
  padding-bottom: 6rem;
}

.m-t-7 {
  margin-top: 7rem;
}

.m-b-7 {
  margin-bottom: 7rem;
}

.p-t-7 {
  padding-top: 7rem;
}

.p-b-7 {
  padding-bottom: 7rem;
}

.m-t-8 {
  margin-top: 8rem;
}

.m-b-8 {
  margin-bottom: 8rem;
}

.p-t-8 {
  padding-top: 8rem;
}

.p-b-8 {
  padding-bottom: 8rem;
}

.m-t-9 {
  margin-top: 9rem;
}

.m-b-9 {
  margin-bottom: 9rem;
}

.p-t-9 {
  padding-top: 9rem;
}

.p-b-9 {
  padding-bottom: 9rem;
}

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  width: 100%;
}
.flex-container.flex-column {
  flex-direction: column;
  flex-wrap: nowrap;
}
.flex-container.flex-column * {
  margin-bottom: 0;
}
.flex-container.flex-column--h100 {
  height: 100%;
}
.flex-container.flex-between {
  justify-content: space-between;
}
.flex-container.flex-around {
  justify-content: space-around;
}
.flex-container.flex-evenly {
  justify-content: space-evenly;
}
.flex-container.flex-stretch {
  align-items: stretch;
}
.flex-container.flex-stretch > * {
  flex: 1;
}

.flex-container.flex-gap-10 {
  gap: 0.625rem;
}
.flex-container.flex-row-gap-10 {
  row-gap: 0.625rem;
}

.flex-container.flex-gap-15 {
  gap: 0.9375rem;
}
.flex-container.flex-row-gap-15 {
  row-gap: 0.9375rem;
}

.flex-container.flex-gap-20 {
  gap: 1.25rem;
}
.flex-container.flex-row-gap-20 {
  row-gap: 1.25rem;
}

.flex-container.flex-gap-30 {
  gap: 1.875rem;
}
.flex-container.flex-row-gap-30 {
  row-gap: 1.875rem;
}

.flex-container.flex-gap-40 {
  gap: 2.5rem;
}
.flex-container.flex-row-gap-40 {
  row-gap: 2.5rem;
}

.d-flex {
  display: flex;
}

.justify-c-start {
  justify-content: flex-start;
}

.justify-c-end {
  justify-content: flex-end;
}

.justify-c-center {
  justify-content: center;
}

.justify-c-between {
  justify-content: space-between;
}

.justify-c-around {
  justify-content: space-around;
}

.align-i-start {
  align-items: flex-start;
}

.align-i-end {
  align-items: flex-end;
}

.align-i-center {
  align-items: center;
}

.align-i-baseline {
  align-items: baseline;
}

.align-i-stretch {
  align-items: stretch;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

.wrapper-header {
  background-color: #000;
  position: relative;
  z-index: 100;
}
.wrapper-header:after {
  content: "";
  position: absolute;
  height: 40px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../png/hero-base.png");
  bottom: 0;
  left: 0;
}
.wrapper-header .bg-image {
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wrapper-header .bg-image:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.wrapper-header .bg-image--fixed {
  position: fixed;
}
.wrapper-header .bg-image--fixed:after {
  background-color: rgba(0, 0, 0, 0.8);
}
.wrapper-header .nav-block {
  position: relative;
}
.wrapper-header .nav-block--tint {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.wrapper-header .nav-block--tint .input-group .input-group-field {
  border: 2px solid #000;
  color: #000;
  border-right: 0;
}
.wrapper-header .nav-block--tint .input-group .button {
  border: 2px solid #000;
  color: #000;
  border-left: 0;
}
.wrapper-header .nav-block--tint .input-group .button:focus, .wrapper-header .nav-block--tint .input-group .button:hover {
  background-color: #000;
  color: #fff;
}
.wrapper-header .nav-block--tint .nav-primary-split a {
  color: #000;
}
.wrapper-header .logo {
  padding-top: 2rem;
  transition: padding-top 0.3s;
  display: block;
}
.wrapper-header .logo-academy {
  padding-top: 1.1rem;
  display: block;
}
.wrapper-header .nav-primary-split {
  margin-bottom: 0;
  padding-top: 1.3rem;
}
.wrapper-header .nav-primary-split a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  display: block;
  padding: 1rem;
  font-family: "Roboto Condensed", sans-serif;
  transition: padding-top 0.3s, color 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}
.wrapper-header .nav-primary-split a:hover, .wrapper-header .nav-primary-split a:focus {
  opacity: 0.8;
}
.wrapper-header .nav-primary-split a.social {
  padding: 1rem 0.3rem;
}
.wrapper-header .nav-primary > .cell {
  position: relative;
}
.wrapper-header .nav-primary > .cell > a {
  padding: 2rem 0.2rem 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  display: block;
  position: relative;
  font-family: "Roboto Condensed", sans-serif;
  transition: padding-top 0.3s, color 0.3s;
}
.wrapper-header .nav-primary > .cell > a:after {
  position: absolute;
  content: "";
  bottom: -0.96rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 24px;
  border-top: 2px solid #fff;
  z-index: 10;
  transition: transform 0.3s 0.1s;
}
.wrapper-header .nav-primary > .cell > a:hover, .wrapper-header .nav-primary > .cell > a:focus {
  color: rgba(255, 255, 255, 0.9);
}
.wrapper-header .nav-primary > .cell > a.is-open {
  background-color: #F3F3F1;
  color: #363636;
}
.wrapper-header .nav-primary > .cell > a.is-open:before {
  content: "";
  background-color: #F3F3F1;
  position: absolute;
  height: 50px;
  width: 100%;
  bottom: -50px;
  left: 0;
}
.wrapper-header .nav-primary > .cell > a.is-open:after {
  z-index: 300;
  transform: rotate(90deg);
  border-top: 2px solid #363636;
  width: 18px;
  bottom: -1rem;
}
.wrapper-header .nav-primary .sub-menu-main {
  position: absolute;
  text-align: left;
  list-style: none;
  background-color: #F3F3F1;
  top: 110px;
  top: 99px;
  left: -20px;
  width: 250px;
  padding: 0.5rem 1rem 1rem 1rem;
  z-index: 200;
  display: none;
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.2);
}
.wrapper-header .nav-primary .sub-menu-main a {
  color: #363636;
  font-weight: 400;
  display: block;
  padding: 0.4rem 0 0.4rem 1.5rem;
  font-size: 1rem;
  position: relative;
  font-family: "Roboto Condensed", sans-serif;
  transition: color 0.3s;
}
.wrapper-header .nav-primary .sub-menu-main a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3rem;
  content: "\e908";
  font-family: "icomoon" !important;
}
.wrapper-header .nav-primary .sub-menu-main a:hover, .wrapper-header .nav-primary .sub-menu-main a:focus {
  color: #6981bd;
}
.wrapper-header .nav-primary.grid-padding-x .sub-menu-main {
  /*top: 80px;*/
  left: -5px;
}
.wrapper-header label {
  padding-top: 2rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 0.9rem;
  margin-top: 0.1rem;
  font-family: "Roboto Condensed", sans-serif;
  transition: padding-top 0.3s;
}
.wrapper-header .input-group {
  width: 90%;
  margin: 0 auto;
}
.wrapper-header .input-group .input-group-field {
  background-color: transparent;
  border: 2px solid #fff;
  border-right: 0;
  border-radius: 20px 0 0 20px;
  height: 2rem;
  color: #fff;
}
.wrapper-header .input-group .button {
  background-color: transparent;
  border: 2px solid #fff;
  border-left: 0;
  border-radius: 0 20px 20px 0;
  transition: background-color 0.3s, color 0.3s;
}
.wrapper-header .input-group .button:hover, .wrapper-header .input-group .button:focus {
  background-color: #fff;
  color: #363636;
}
.wrapper-header .input-group--academy {
  width: 120px;
  height: 40px;
  padding-top: 0.5rem;
  margin-right: 1rem;
}
.wrapper-header .input-group--academy .button {
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}
.wrapper-header--sub {
  border-bottom: 0 solid #EBEBEB;
}
.wrapper-header--sub:after {
  height: 90px;
  background-image: url("../png/sub-base.png");
}
.wrapper-header--sub .nav-primary > .cell > a {
  padding: 2rem 0.4rem 0;
  font-size: 0.95rem;
  line-height: 1.4;
}
.wrapper-header--sub label {
  font-size: 1rem;
}
.wrapper-header--history {
  border-bottom: 0 solid #EBEBEB;
  position: relative;
  background-color: transparent;
  z-index: 1000;
}
.wrapper-header--history:after {
  display: none;
}
.wrapper-header--history .nav-primary > .cell > a {
  padding: 2rem 0.5rem 0;
  font-size: 0.9rem;
  line-height: 1.4;
}
.wrapper-header--history label {
  font-size: 1rem;
}
.wrapper-header--logo {
  border-bottom: 0 solid #EBEBEB;
}
.wrapper-header--logo:after {
  height: 54px;
  background-image: url("../png/arrow-up-hero.png");
}
.wrapper-header--logo .hero-content {
  padding: 8rem 0 8rem 0;
}
.wrapper-header--logo .nav-primary > .cell > a {
  padding: 2rem 0.5rem 0;
  font-size: 1rem;
  line-height: 1.4;
}
.wrapper-header--logo label {
  font-size: 1rem;
}
.wrapper-header--simple:after {
  content: none;
}

.hero-content {
  padding: 8rem 0 10rem 0;
  position: relative;
  z-index: 10;
}
.hero-content .logo {
  margin-bottom: 2rem;
  display: inline;
}
.hero-content .main-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 5.3rem;
  margin-bottom: 2rem;
  line-height: 1;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
}
.hero-content .main-title:last-child {
  margin-bottom: 0;
}
.hero-content .main-title--small {
  text-transform: none;
  font-size: 4rem;
  line-height: 1.3;
}
.hero-content .main-title--small span {
  text-transform: uppercase;
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2rem;
}
.hero-content .pre-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  line-height: 1;
  letter-spacing: 8px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}
.hero-content .post-title {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1;
  font-style: italic;
  letter-spacing: 3px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}
.hero-content .btn-hero {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  transition: opacity 0.3s;
  opacity: 1;
}
.hero-content .btn-hero:hover, .hero-content .btn-hero:focus {
  opacity: 0.8;
}
.hero-content .hero-logo {
  margin-bottom: 2rem;
  display: inline-block;
  height: 190px;
  width: 590px;
  max-width: 90vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.hero-content .hero-logo:has(+ .flex-container) {
  margin-bottom: 1rem;
}
.hero-content .hero-details p {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1;
  margin-bottom: 0.6rem;
}
.hero-content .hero-details p.title {
  margin-bottom: 0.6rem;
  font-size: 1rem;
}
.hero-content .menu .btn-rounded {
  margin: 0 0.5rem 0.5rem 0.5rem;
}
.hero-content--sub {
  padding: 13rem 0 10rem 0;
}
.hero-content--sub .main-title {
  font-size: 4.8rem;
  letter-spacing: 2px;
}
.hero-content--sub .main-title:first-child {
  margin-top: 2rem;
}
.hero-content--shallow {
  padding: 13rem 0 10rem 0;
}

.wrapper-mobile-nav {
  background-color: #363636;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
}
.wrapper-mobile-nav .logo {
  display: block;
  padding-top: 2rem;
}
.wrapper-mobile-nav .nav-primary-mobile {
  margin-top: 2rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  max-height: calc(100vh - 230px);
  overflow-y: scroll;
}
.wrapper-mobile-nav .nav-primary-mobile > li > a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.4;
  display: block;
  position: relative;
  font-family: "Roboto Condensed", sans-serif;
  padding: 0.5rem 0;
  transition: opacity 0.3s;
  opacity: 1;
}
.wrapper-mobile-nav .nav-primary-mobile > li > a:hover, .wrapper-mobile-nav .nav-primary-mobile > li > a:focus {
  opacity: 0.8;
}
.wrapper-mobile-nav .nav-primary-mobile > li > a:after {
  content: "\e90a";
  position: absolute;
  font-family: "icomoon" !important;
  right: 0;
  top: 0.3rem;
}
.wrapper-mobile-nav .nav-primary-mobile > li > a.is-open:after {
  content: "\e90c";
}
.wrapper-mobile-nav .input-group-field {
  border-right: 0;
  box-shadow: none;
  border-radius: 10px 0 0 10px;
  padding-left: 1rem;
}
.wrapper-mobile-nav .input-group-button .button {
  padding: 0.4rem 1rem 0.4rem 0.6rem;
  background-color: #fff;
  box-shadow: none;
  border-radius: 0 10px 10px 0;
  border: 1px solid #cacaca;
  border-left: 0;
  color: #363636;
  transition: background-color 0.3s;
}
.wrapper-mobile-nav .input-group-button .button:hover, .wrapper-mobile-nav .input-group-button .button:focus {
  background-color: #363636;
  color: #fff;
}
.wrapper-mobile-nav .sub-menu {
  display: none;
  list-style: none;
}
.wrapper-mobile-nav .sub-menu a {
  color: #fff;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  padding: 0.3rem 0;
}

.hero-carousel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.hero-carousel .owl-stage-outer,
.hero-carousel .owl-stage,
.hero-carousel .owl-item {
  height: 100%;
  width: 100%;
}

.wrapper-footer {
  padding: 6rem 0 4rem 0;
  background-color: #fff;
  position: relative;
}
.wrapper-footer:before {
  position: absolute;
  content: "";
  top: -1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-size: contain;
  background-image: url("../jpg/arrow-down-footer.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  width: 400px;
  height: 41px;
}
.wrapper-footer--flat:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 41px;
  width: 100%;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../jpg/arrow-down-footer-white.jpg");
}
.wrapper-footer .no-bullet li {
  margin-bottom: 0.3rem;
}
.wrapper-footer .no-bullet li a:not(.btn-rounded) {
  color: #414141;
  transition: border-bottom 0.3s;
  border-bottom: 1px solid transparent;
}
.wrapper-footer .no-bullet li a:not(.btn-rounded):hover {
  border-bottom: 1px solid #414141;
}
.wrapper-footer .no-bullet li a:not(.btn-rounded).switchboard {
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 0.5rem;
  display: inline-block;
  color: #909090;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  transition: color 0.3s;
  margin-top: -10px;
  border-bottom: none;
}
.wrapper-footer .no-bullet li a:not(.btn-rounded).switchboard:hover, .wrapper-footer .no-bullet li a:not(.btn-rounded).switchboard:focus {
  color: #363636;
  border-bottom: none;
}
.wrapper-footer .switch-list {
  margin-bottom: 3rem;
}
.wrapper-footer p {
  font-size: 0.86rem;
  color: #666;
}
.wrapper-footer p.title {
  text-transform: uppercase;
  font-size: 1.3rem;
  color: #363636;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}
.wrapper-footer p.address {
  color: #363636;
}
.wrapper-footer .logo {
  display: block;
  margin-bottom: 1rem;
  transition: opacity 0.3s;
  opacity: 1;
}
.wrapper-footer .logo:hover, .wrapper-footer .logo:focus {
  opacity: 0.8;
}
.wrapper-footer .btn-rounded:hover, .wrapper-footer .btn-rounded:focus {
  border: 2px solid #363636;
  background-color: #363636;
  color: #fff;
}
.wrapper-footer--simple:before {
  content: none;
}

.footer-logo-strip {
  margin-bottom: 6rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  width: 100%;
}
.footer-logo-strip img {
  height: auto;
  max-height: 45px;
}
@media screen and (max-width: 63.9375em) {
  .footer-logo-strip {
    justify-content: center;
    gap: 0.825rem;
  }
}

main#maincontent {
  overflow-x: clip;
}

.wrapper-section {
  padding: 7.5rem 0 7rem 0;
  border-bottom: 1px solid #EBEBEB;
  background-image: url("../png/bg-lines.png");
  background-position: center;
  background-repeat: repeat;
}
.wrapper-section.arrow-top {
  position: relative;
}
.wrapper-section.arrow-top:before {
  position: absolute;
  content: "";
  top: -1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-size: contain;
  background-image: url("../jpg/arrow-down-grey.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  width: 400px;
  height: 41px;
}
.wrapper-section--no-baseline {
  border-bottom: 0 solid #EBEBEB;
}
.wrapper-section--plain {
  background-image: none;
}
.wrapper-section--white {
  background-image: none;
  border-bottom: 0;
  background-color: #fff;
  padding: 8.5rem 0;
}
@media screen and (max-width: 39.9375em) {
  .wrapper-section--white {
    padding: 5.5rem 0;
  }
}
.wrapper-section--accent {
  background-image: none;
  border-bottom: 0;
  background-color: rgba(236, 200, 135, 0.15);
  padding: 8.5rem 0;
}
.wrapper-section--dark {
  background-image: none;
  border-bottom: 0;
  background-color: #161616;
  padding: 8.5rem 0;
}
@media screen and (max-width: 39.9375em) {
  .wrapper-section--dark {
    padding: 5.5rem 0;
  }
}
.wrapper-section--dark p,
.wrapper-section--dark h1,
.wrapper-section--dark h2,
.wrapper-section--dark h3,
.wrapper-section--dark h4,
.wrapper-section--dark h5,
.wrapper-section--dark h6 {
  color: #fff;
}
.wrapper-section--dark .wysiwyg * {
  color: #fff;
}
.wrapper-section--dark .btn-dashed {
  color: #fff;
}
.wrapper-section--dark .btn-dashed:before, .wrapper-section--dark .btn-dashed:after {
  border-color: #fff;
}
.wrapper-section--dark .btn-dashed:hover, .wrapper-section--dark .btn-dashed:focus {
  color: #fff;
}

.wrapper-background {
  background-color: #363636;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.wrapper-background:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.wrapper-background:after {
  content: "";
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 80px;
  width: 4px;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../png/line-vert-dark.png);
}
.wrapper-background .news-carousel.owl-carousel .owl-nav button.owl-prev,
.wrapper-background .news-carousel.owl-carousel .owl-nav button.owl-next {
  color: #fff !important;
}
.wrapper-background .overlay {
  position: relative;
}
.wrapper-background .overlay:before {
  content: "";
  position: absolute;
  height: 40px;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../png/career-base.png");
  transform: rotate(180deg);
  top: 0;
  left: 0;
  background-size: auto 40px;
}
.wrapper-background .overlay:after {
  content: "";
  position: absolute;
  height: 40px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../png/career-base.png");
  bottom: 0;
  left: 0;
}
.wrapper-background .dashed-lines {
  position: relative;
}
.wrapper-background .dashed-lines:before {
  content: "";
  position: absolute;
  height: 40px;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../png/bg-lines-dashed.png");
  transform: rotate(180deg);
  top: 40px;
  left: 0;
  background-size: auto 40px;
  opacity: 0.8;
}
.wrapper-background .dashed-lines:after {
  content: "";
  position: absolute;
  height: 40px;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../png/bg-lines-dashed.png");
  transform: rotate(180deg);
  bottom: 40px;
  left: 0;
  background-size: auto 40px;
  opacity: 0.8;
}
.wrapper-background .base-line {
  padding: 13rem 0 13rem 0;
  position: relative;
}
.wrapper-background .base-line:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100px;
  width: 4px;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../png/line-vert-white.png");
}
.wrapper-background .base-line:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100px;
  width: 4px;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../png/line-vert-white.png");
}
.wrapper-background--down:after {
  content: none;
}
.wrapper-background--down .overlay:before {
  content: "";
  position: absolute;
  height: 40px;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../png/dark-top.png");
  transform: rotate(0);
  top: 0;
  left: 0;
  background-size: auto 40px;
}
.wrapper-background--down .dashed-lines:before {
  content: none;
}
.wrapper-background--down .base-line {
  padding: 12rem 0 10rem 0;
}
.wrapper-background--down .base-line:before {
  top: -40px;
  height: 160px;
  background-image: url("../png/line-vert-split.png");
}
.wrapper-background--down .base-line:after {
  bottom: -80px;
  height: 160px;
  background-image: url("../png/line-vert-split.png");
  transform: rotate(180deg);
}
.wrapper-background .grid-container {
  position: relative;
  z-index: 2;
}
.wrapper-background .section-title--white {
  color: #fff;
}
.wrapper-background .section-title--white:before {
  top: -12rem;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

.wrapper-background--down + .wrapper-background--down {
  margin-top: -50px;
}
.wrapper-background--down + .wrapper-background--down .overlay:before {
  background-image: url(../png/dark-top-2.png);
}
.wrapper-background--down + .wrapper-background--down .base-line:before {
  background-image: url(../png/line-vert-white.png);
}

.wrapper-dark {
  background-color: #EAEAEA;
  padding: 7.5rem 0 7.5rem 0;
  position: relative;
}
.wrapper-dark:before {
  content: "";
  position: absolute;
  height: 40px;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../png/career-base.png");
  transform: rotate(180deg);
  top: 0;
  left: 0;
  background-size: auto 40px;
}
.wrapper-dark:after {
  content: "";
  position: absolute;
  height: 40px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../png/career-base.png");
  bottom: 0;
  left: 0;
}

.wrapper-section-logos {
  padding: 0.5rem 0 1rem 0;
  border-bottom: 1px solid #EBEBEB;
}
.wrapper-section-logos li {
  margin: 0 0.3rem;
}

.section-brand-content {
  background-color: #000;
  padding: 4rem 2rem 2rem 0;
  position: relative;
  margin-bottom: 6rem;
}
.section-brand-content .section-title {
  color: #fff;
  font-size: 3.6rem;
}
.section-brand-content .section-title--overline:after {
  border-top: 4px solid #fff;
}
.section-brand-content .wysiwyg h1,
.section-brand-content .wysiwyg h2,
.section-brand-content .wysiwyg h3,
.section-brand-content .wysiwyg h4,
.section-brand-content .wysiwyg h5,
.section-brand-content .wysiwyg h6,
.section-brand-content .wysiwyg p {
  color: #fff;
}
.section-brand-content .section-intro p {
  color: #fff;
}
.section-brand-content .bg {
  content: "";
  position: absolute;
  height: 100%;
  left: -40vw;
  top: 0;
  width: calc(40vw + 100%);
  height: 100%;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-brand-content .bg .wash {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.section-brand-content .bg:not(:has(.wash)):after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.section-brand-content--dark .bg:after {
  background-color: rgba(0, 0, 0, 0.8);
}
.section-brand-content .grid-x {
  position: relative;
}

.pagination {
  margin: 2rem 0 2rem 0;
}
.pagination a,
.pagination button {
  font-family: "Roboto", sans-serif;
  display: inline-block;
  min-width: 30px;
  font-size: 1rem;
  color: #000;
  text-align: center;
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  transition: color 0.25s, background-color 0.25s;
  background-color: #FFFFFF;
  border: 2px solid #E5E5E5;
  font-weight: 600;
}
.pagination a:hover, .pagination a:focus,
.pagination button:hover,
.pagination button:focus {
  background-color: #e2e2e2;
  border: 2px solid #363636;
}
.pagination li {
  margin: 0 0.4rem;
}
.pagination .current {
  font-family: "Roboto", sans-serif;
  background-color: #fff;
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  color: #363636;
  font-size: 1rem;
  background-color: #FFFFFF;
  border: 2px solid #363636;
  display: inline-block;
  transition: color 0.25s, background-color 0.25s;
  font-weight: 600;
}
.pagination .current:hover, .pagination .current:focus {
  color: #fff;
  background-color: #363636;
}
.pagination .pagination-next a,
.pagination .pagination-next button,
.pagination .pagination-previous a,
.pagination .pagination-previous button {
  background-color: transparent;
  color: #363636;
  border: 0 solid #363636;
}
.pagination .pagination-next a:hover,
.pagination .pagination-next button:hover,
.pagination .pagination-previous a:hover,
.pagination .pagination-previous button:hover {
  color: #363636;
}
.pagination .pagination-next a::before, .pagination .pagination-next.disabled::before,
.pagination .pagination-previous a::before,
.pagination .pagination-previous.disabled::before {
  display: none;
}
.pagination .pagination-next a::after, .pagination .pagination-next.disabled::after,
.pagination .pagination-previous a::after,
.pagination .pagination-previous.disabled::after {
  display: none;
}
.pagination .prev,
.pagination .next {
  background-color: transparent;
  color: #363636;
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  font-weight: 600;
  font-size: 1.1rem;
  border: 2px solid transparent;
  transition: color 0.25s, border 0.25s;
}
.pagination .prev:hover,
.pagination .next:hover {
  background-color: transparent;
  border: 2px solid #363636;
}

.breadcrumbs {
  margin: -9rem 0 6rem 0;
}
.breadcrumbs li {
  font-size: 1rem;
  text-transform: none;
  font-weight: 400;
  color: #505050;
  text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
  margin: 0 0.5rem;
  color: #505050;
  content: "\e90a";
  font-family: "icomoon" !important;
  line-height: 1.45;
}
.breadcrumbs li a {
  color: #505050;
  transition: border-bottom 0.3s, color 0.3s;
  border-bottom: 1px solid transparent;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
}
.breadcrumbs li a:hover, .breadcrumbs li a:focus {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

.wrapper-logo-strip {
  padding: 1rem 0 2rem 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}
.wrapper-logo-strip .img {
  display: inline-block;
  height: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 270px;
}

.wrapper-history {
  background-color: transparent;
  padding: 3rem 0 7rem 0;
  position: relative;
  z-index: 150;
  /*&:before {
  	content: "";
  	position: absolute;
  	top: -140px;
  	width: 100%;
  	height: 140px;
  	background: rgb(0,0,0);
  	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  }*/
}
.wrapper-history .cards-history {
  margin: 0 0 4rem 0;
  list-style: none;
  position: relative;
}
.wrapper-history .cards-history:after {
  content: "";
  height: 115%;
  width: 1px;
  border-left: 3px solid #fff;
  top: -120px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
}
.wrapper-history .cards-history li {
  margin-bottom: 7rem;
}
.wrapper-history .content-text {
  padding: 0 2rem;
}
.wrapper-history .content-text p {
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.6;
}
.wrapper-history .content-img {
  display: block;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 8px solid #fff;
  outline: 1px solid #999;
  position: relative;
}
.wrapper-history .content-img:before {
  content: "";
  outline: 1px solid #999;
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  transform: rotate(-14deg);
  z-index: -1;
  transition: transform 0.3s ease-in-out, opacity 0.3s;
}
.wrapper-history .content-img .szicon-zoom-in {
  background-color: #fff;
  padding: 0.3rem 0 0 0.3rem;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.4rem;
  color: #000;
}
.wrapper-history .content-img:hover:before, .wrapper-history .content-img:focus:before {
  transform: rotate(0);
}
.wrapper-history .content-sep {
  background-image: url("../png/sep-history.png");
  width: 90%;
  height: 35px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}
.wrapper-history .content-date p {
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  margin-bottom: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}
.wrapper-history .content-date p.month {
  position: relative;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2.8rem;
  font-weight: 300;
}
.wrapper-history .content-date p.month:before {
  content: "";
  width: 140px;
  border-top: 3px solid rgba(255, 255, 255, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.wrapper-history .content-date p.month:after {
  content: "";
  width: 140px;
  border-top: 3px solid rgba(255, 255, 255, 0.35);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.brand-default .section-title--sideline:after {
  border-top: 4px solid #999 !important;
}
.brand-default .section-brand-content .bg .wash--default {
  background-color: rgba(0, 0, 0, 0.7);
}

.brand-red .section-title--sideline:after {
  border-top: 4px solid #EB0F13 !important;
}
.brand-red .section-brand-content .bg .wash--red {
  background-color: rgba(165, 10, 13, 0.7);
}

.brand-blue .section-title--sideline:after {
  border-top: 4px solid rgb(30, 115, 190) !important;
}
.brand-blue .section-brand-content .bg .wash--blue {
  background-color: rgba(30, 115, 190, 0.7);
}

.brand-navy .section-title--sideline:after {
  border-top: 4px solid #13315b !important;
}
.brand-navy .section-brand-content .bg .wash--navy {
  background-color: rgba(19, 49, 91, 0.9);
}

.brand-yellow .section-title--sideline:after {
  border-top: 4px solid #fff200 !important;
}
.brand-yellow .section-brand-content .bg .wash--yellow {
  background-color: rgba(116, 82, 15, 0.9);
}

.brand-orange .section-title--sideline:after {
  border-top: 4px solid #fab500 !important;
}
.brand-orange .section-brand-content .bg .wash--orange {
  background-color: rgba(152, 77, 8, 0.9);
}

.skip-to-content-link {
  background: #363636;
  color: #fff;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  left: 0;
  top: 0;
  padding: 0.5rem 0.8rem;
  position: absolute;
  transform: translateY(-100%);
  z-index: 100;
}
.skip-to-content-link:focus {
  transform: translateY(0%);
  color: #fff;
}

.btn-rounded {
  cursor: pointer;
  display: inline-block;
  padding: 0.5rem 2rem 0.4rem 2rem;
  border: 2px solid #707070;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  text-align: center;
  transition: color 0.3s, background-color 0.3s;
}
.btn-rounded:hover, .btn-rounded:focus {
  background-color: #fff;
  color: #363636;
}
.btn-rounded--white {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: 2px solid #fff;
}
.btn-rounded--white-solid {
  background-color: #fff;
  color: #363636;
  border: 2px solid #fff;
}
.btn-rounded--white-solid:hover, .btn-rounded--white-solid:focus {
  background-color: #363636;
  color: #fff;
}
.btn-rounded--dark {
  background-color: #363636;
  color: #fff;
  border: 2px solid #363636;
}
.btn-rounded--extended {
  display: block;
  width: 100%;
}
.btn-rounded--is-active {
  background-color: #fff;
  color: #363636;
}

.btn-dashed {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #363636;
  position: relative;
  padding: 0 40px;
  cursor: pointer;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  transition: opacity 0.3s;
}
.btn-dashed:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9rem;
  width: 25px;
  border-top: 3px solid #363636;
  transition: transform 0.3s;
}
.btn-dashed:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.9rem;
  width: 25px;
  border-top: 3px solid #363636;
  transition: transform 0.3s;
}
.btn-dashed:hover, .btn-dashed:focus {
  color: #363636;
  opacity: 0.8;
}
.btn-dashed:hover:before, .btn-dashed:focus:before {
  transform: rotate(90deg);
}
.btn-dashed:hover:after, .btn-dashed:focus:after {
  transform: rotate(-90deg);
}

.btn-play-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-image: url("../png/btn-play.png");
  position: absolute;
  bottom: 6.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: opacity 0.3s;
  opacity: 1;
}
.btn-play-icon:hover, .btn-play-icon:focus {
  opacity: 0.8;
}

.btn-filter {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 1.2rem;
  font-family: "Roboto Condensed", sans-serif;
  border-bottom: 2px solid transparent;
  transition: border-bottom 0.3s, color 0.3s;
  cursor: pointer;
}
.btn-filter.is-active {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.btn-filter:hover, .btn-filter:focus {
  color: #fff;
  border-bottom: 2px solid #fff;
}

.btn-social-roundel {
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: background-color 0.3s;
}
.btn-social-roundel span {
  color: #000;
  font-size: 1.6rem;
  transition: color 0.3s;
}
.btn-social-roundel:hover, .btn-social-roundel:focus {
  background-color: #000;
}
.btn-social-roundel:hover span, .btn-social-roundel:focus span {
  color: #fff;
}

.news-icon {
  width: 100px;
  height: 100px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.news-icon--voices {
  background-image: url("../svg/icon-voices.svg");
}
.news-icon--hotseat {
  background-image: url("../svg/icon-hotseat.svg");
}
.news-icon--changemaker {
  background-image: url("../svg/icon-changemaker.svg");
}

.card-brand {
  display: block;
  height: 170px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 2.5rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s, transform 0.3s, opacity 0.3s;
  border: 1px solid #DBDBDB;
  background-color: #fff;
}
.card-brand:hover, .card-brand:focus {
  opacity: 0.8;
  transform: translateY(-3px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.card-brand--bg-black {
  background-color: #000;
}
.card-brand--bg-red {
  background-color: #EF1015;
}
.card-brand--medium {
  height: 100px;
  margin-bottom: 1rem;
  background-size: cover;
}
.card-brand--small {
  height: 100px;
  margin-bottom: 1rem;
  background-size: 70% auto;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

.card-feature {
  background-color: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  display: block;
  margin-bottom: 2.5rem;
  transition: box-shadow 0.3s, transform 0.3s;
}
.card-feature .img {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  background-color: #363636;
}
.card-feature .title {
  display: block;
  padding: 1.5rem 3rem 1rem 1rem;
  font-weight: 400;
  font-size: 1.5rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  position: relative;
  transition: color 0.3s 0.1s;
}
.card-feature .title:after {
  content: "\e922";
  position: absolute;
  right: 1rem;
  top: 1.9rem;
  font-family: "icomoon" !important;
  font-size: 0.7rem;
  display: none;
}
.card-feature--small .img {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  background-color: #363636;
}
.card-feature--small .title {
  padding: 1rem 0.5rem 0.5rem;
  font-size: 1.2rem;
}
.card-feature--small .title:after {
  right: 0.5rem;
  top: 1.3rem;
  color: #EB0F13;
}
.card-feature--player .title {
  position: relative;
}
.card-feature--player .title:after {
  content: none;
}
.card-feature--player .title:before {
  content: "";
  position: absolute;
  top: -70px;
  left: 0;
  background-color: #fff;
  background-image: url("../png/btn-video.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 70px;
  border: 10px solid #fff;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-radius: 0 5px 0 0;
}
.card-feature:is(a) .title:after {
  display: inline-block;
}
.card-feature:is(a):hover, .card-feature:is(a):focus {
  transform: translateY(-3px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.card-feature:is(a):hover .title, .card-feature:is(a):focus .title {
  color: #6981bd;
}

.card-news {
  background-color: #fff;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  display: block;
  margin-bottom: 2.5rem;
  transition: transform 0.3s, box-shadow 0.3s;
}
.card-news .img {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  background-color: #363636;
  position: relative;
}
.card-news .img:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.9) 60%);
  height: 70%;
  width: 100%;
  transition: height 0.3s;
}
.card-news .meta {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1rem 0.3rem 1rem;
  background-color: #fff;
  font-weight: 600;
  font-size: 1rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
}
.card-news .title {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  display: block;
  padding: 0 2rem 0 3rem;
  font-size: 1.3rem;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.4;
  font-weight: 400;
  transition: transform 0.3s 0.07s;
}
.card-news .title:before {
  position: absolute;
  content: "";
  left: 2rem;
  top: 0;
  height: 100%;
  border-left: 4px solid #fff;
}
.card-news:hover, .card-news:focus {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}
.card-news:hover .title, .card-news:focus .title {
  transform: translateY(-10px);
}
.card-news--small {
  margin-bottom: 0;
  box-shadow: none;
  padding: 0;
}
.card-news--small .img {
  height: 240px;
}
.card-news--small:hover, .card-news--small:focus {
  transform: translateY(0) !important;
}
.card-news--large .img {
  height: 460px;
}
.card-news--full {
  margin-bottom: 0;
  height: 100%;
  box-shadow: none;
  padding: 0;
}
.card-news--full .img {
  height: 100%;
}
.card-news--full:hover, .card-news--full:focus {
  transform: translateY(0) !important;
}
.card-news--dark {
  background-color: #000;
}
.card-news--dark .meta {
  background-color: #000;
  color: #fff;
}
.card-news:hover, .card-news:focus {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}
.card-news:hover .title, .card-news:focus .title {
  transform: translateY(-10px);
}

.news-vert-list .card-news .img {
  height: 300px;
}
.news-vert-list .card-news .title {
  font-size: 1.3rem;
}

.news-container {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 0.5rem;
  margin-bottom: 2rem;
}

.news-grid {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "item-1 item-1 item-2 item-3 item-4" "item-1 item-1 item-5 item-5 item-4";
  width: 100%;
  height: 97.7%;
  grid-gap: 0.5rem 0.5rem;
}
.news-grid .item-4 {
  grid-area: item-4;
}
.news-grid .item-1 {
  grid-area: item-1;
}
.news-grid .item-2 {
  grid-area: item-2;
}
.news-grid .item-3 {
  grid-area: item-3;
}
.news-grid .item-5 {
  grid-area: item-5;
}

.news-grid-small {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 0.5rem 0.5rem;
  grid-template-areas: "item-1 item-1 item-2 item-2" "item-1 item-1 item-3 item-3";
  width: 100%;
  height: 97.7%;
}
.news-grid-small .item-1 {
  grid-area: item-1;
}
.news-grid-small .item-2 {
  grid-area: item-2;
}
.news-grid-small .item-3 {
  grid-area: item-3;
}
.news-grid-small .card-news--small .img {
  height: 200px;
}

.news-carousel .item {
  padding: 1rem;
}
.news-carousel .card-feature {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.news-carousel.owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 100px;
  width: 100%;
  left: 0;
}
.news-carousel.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 0;
  left: -3rem;
  font-size: 7rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  transition: background-color 0.3s, color 0.3s;
  margin: 0;
}
.news-carousel.owl-carousel .owl-nav button.owl-prev:hover, .news-carousel.owl-carousel .owl-nav button.owl-prev:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}
.news-carousel.owl-carousel .owl-nav button.owl-next {
  right: -3rem;
  position: absolute;
  top: 0;
  font-size: 7rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  transition: background-color 0.3s, color 0.3s;
  margin: 0;
}
.news-carousel.owl-carousel .owl-nav button.owl-next:hover, .news-carousel.owl-carousel .owl-nav button.owl-next:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}

.block-brand-quote {
  font-size: 1.5rem;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.4;
  position: relative;
}
.block-brand-quote:after {
  position: absolute;
  content: "";
  width: 100px;
  border-bottom: 4px solid #EB0F13;
  bottom: -1rem;
  left: 0;
}

.block-brand-logo {
  display: block;
  height: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 3rem;
}
.block-brand-logo--small {
  height: 70px;
  margin-bottom: 0.5rem;
}

.block-image {
  display: block;
  height: 360px;
  background-color: #363636;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 10px solid #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  position: relative;
}
.block-image--medium {
  height: 280px;
  border: 5px solid #fff;
  margin-bottom: 2rem;
}
.block-image--large {
  height: 550px;
  margin-bottom: 2rem;
}

.card-stat {
  margin-bottom: 5rem;
}
.card-stat p {
  color: #fff;
}
.card-stat p.title {
  line-height: 1;
  font-weight: 600;
  font-size: 2.8rem;
  margin-bottom: 1.5rem;
  word-break: break-all;
}
.card-stat p.title span {
  font-size: 2rem;
}
.card-stat p.summary {
  font-weight: 400;
  font-size: 1.2rem;
  font-family: "Roboto Condensed", sans-serif;
  padding-right: 2rem;
}
.card-stat--small {
  margin-bottom: 3rem;
}
.card-stat--small p.title {
  font-size: 2.4rem;
}
.card-stat--small p.summary {
  font-size: 1.1rem;
}

.card-quote {
  padding: 3rem 0;
  position: relative;
  margin-bottom: 2rem;
}
.card-quote .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.card-quote .content {
  background-color: #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  padding: 3rem;
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.card-quote .content blockquote {
  width: 50%;
  margin: 0;
  padding: 0;
  border-left: 0 solid #cacaca;
}
.card-quote .content blockquote p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #363636;
  margin-bottom: 2rem;
  font-family: "Roboto", sans-serif;
}
.card-quote .content blockquote cite {
  font-weight: 600;
  font-size: 1.1rem;
  color: #363636;
  font-style: normal;
  padding: 0;
  font-family: "Roboto", sans-serif;
}
.card-quote .content blockquote cite:before {
  content: "";
}

.block-collage {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.block-collage div {
  display: block;
  background-color: #363636;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 10px solid #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  outline: 1px solid #DBDBDB;
}
.block-collage .img-1 {
  width: 100%;
  height: 300px;
}
.block-collage .img-2 {
  position: absolute;
  top: -2rem;
  left: 0;
  width: 140px;
  height: 140px;
  z-index: 10;
}
.block-collage .img-3 {
  position: absolute;
  top: 100px;
  left: -2rem;
  width: 280px;
  height: 200px;
}
.block-collage .img-4 {
  position: absolute;
  top: 230px;
  left: 210px;
  width: 140px;
  height: 140px;
}
.block-collage--alt .img-2 {
  position: absolute;
  top: -2rem;
  right: -1rem;
  left: auto;
  width: 140px;
  height: 140px;
}
.block-collage--alt .img-3 {
  position: absolute;
  top: 130px;
  left: -2rem;
  width: 280px;
  height: 200px;
}
.block-collage--alt .img-4 {
  position: absolute;
  top: 230px;
  left: 210px;
  width: 140px;
  height: 140px;
}

.card-video {
  border: 10px solid #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  height: 360px;
  background-color: #000;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 2rem;
  transition: transform 0.3s, box-shadow 0.3s;
}
.card-video .cta {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  background-image: url("../png/btn-video.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 70px;
  border: 10px solid #fff;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-radius: 0 5px 0 0;
}
.card-video--md {
  height: 400px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}
.card-video--md:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
}
.card-video--md .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
  text-align: center;
}
.card-video--md .inner .cta-large {
  display: block;
  background-color: transparent;
  background-image: url("../png/btn-video-large.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  border: none;
  border-radius: 0;
}
.card-video--large {
  height: 580px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}
.card-video--large:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
}
.card-video--large .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
  text-align: center;
}
.card-video--large .inner .cta-large {
  display: block;
  background-color: transparent;
  background-image: url("../png/btn-video-large.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  border: none;
  border-radius: 0;
}
.card-video--large .inner .title {
  display: block;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 2rem;
  font-family: "Roboto Condensed", sans-serif;
  color: #fff;
  text-shadow: 0px 0px 30px #000000;
}
.card-video:hover, .card-video:focus {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}

.card-info-link {
  display: block;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 2rem 2rem 3.5rem 2rem;
  position: relative;
  margin-bottom: 2rem;
}
.card-info-link .title {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  color: #202020;
  line-height: 1.3;
}
.card-info-link .summary {
  display: block;
  font-size: 1rem;
  color: #202020;
}
.card-info-link:after {
  content: "\e926";
  font-family: "icomoon" !important;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  background-color: #000;
  padding: 0.2rem 0.6rem;
  border-radius: 5px 0 0 0;
  font-size: 1.6rem;
  transition: opacity 0.3s;
}
.card-info-link--no-arrow {
  background-color: #000;
}
.card-info-link--no-arrow:after {
  content: none;
}
.card-info-link--no-arrow .title {
  color: #fff;
}
.card-info-link--no-arrow .summary {
  color: #fff;
  font-size: 0.9rem;
}
.card-info-link.is-open:after {
  opacity: 0;
}
.card-info-link.is-open:before {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #000;
}

.pnl-contact-info {
  background-color: #000;
  padding: 2rem 2rem 2rem 2rem;
  margin-bottom: 2rem;
  position: relative;
  display: none;
}
.pnl-contact-info p {
  color: #fff;
  margin-bottom: 1rem;
}
.pnl-contact-info p a {
  color: #fff;
  word-break: break-word;
  transition: opacity 0.3s;
  opacity: 1;
}
.pnl-contact-info p a:hover, .pnl-contact-info p a:focus {
  opacity: 0.8;
}
.pnl-contact-info .btn-rounded {
  margin-bottom: 2rem;
}
.pnl-contact-info .btn-hide {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  color: #fff;
  transition: opacity 0.3s;
  opacity: 1;
}
.pnl-contact-info .btn-hide:hover, .pnl-contact-info .btn-hide:focus {
  opacity: 0.8;
}

.feature-spotlight {
  padding: 1rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  margin-bottom: 2rem;
}
.feature-spotlight .content {
  padding: 2rem 3rem;
}
.feature-spotlight .content .cta {
  font-size: 1.1rem;
  line-height: 1.6;
  font-weight: 600 !important;
  color: #666;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
}
.feature-spotlight .pad-right,
.feature-spotlight .pad-left {
  height: 100%;
}
.feature-spotlight .card-video {
  box-shadow: none;
  margin: 0;
  border: 0 solid #fff;
  height: 100%;
}
.feature-spotlight .img {
  display: block;
  height: 100%;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.feature-spotlight .img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 59px;
  background-image: url("../png/arrow-side.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.feature-spotlight .img--left:before {
  top: 0;
  right: 0;
  left: auto;
  transform: rotate(180deg);
}
.feature-spotlight .section-subtitle {
  margin-bottom: 1rem;
}
.feature-spotlight .section-subtitle--small {
  font-size: 1.3rem;
  margin-bottom: 2rem;
}

.spotlight-carousel .item {
  padding: 1.5rem;
}
.spotlight-carousel .feature-spotlight .content {
  padding: 2rem 3rem 3rem 3rem;
}
.spotlight-carousel.owl-theme .owl-nav.disabled + .owl-dots {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
}
.spotlight-carousel.owl-theme .owl-dots .owl-dot span {
  width: 40px;
  height: 10px;
  border-radius: 10px;
}
.spotlight-carousel.owl-theme .owl-dots .owl-dot.active span, .spotlight-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background: #000;
}
.spotlight-carousel--right.owl-theme .owl-nav.disabled + .owl-dots {
  position: absolute;
  bottom: 5rem;
  left: auto;
  right: 5rem;
}

.list-feature {
  margin-bottom: 0;
  padding: 1rem 0.7rem;
}
.list-feature li:not(:last-child) {
  border-bottom: 2px solid rgba(112, 112, 112, 0.2);
}
.list-feature a {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  display: block;
  color: #363636;
  font-size: 1.3rem;
  padding: 0.6rem;
  transition: background-color 0.3s, color 0.3s;
  border-radius: 5px;
}
.list-feature a:hover, .list-feature a:focus {
  background-color: #707070;
  color: #fff;
}
.list-feature a.is-active {
  background-color: #363636;
  color: #fff;
}

.card-brand-box {
  background-color: #000;
  color: #fff;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}
.card-brand-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.card-brand-box span {
  position: relative;
  z-index: 1;
}
.card-brand-box .img {
  display: block;
  height: 100px;
  width: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 0.5rem;
}
.card-brand-box:hover, .card-brand-box:focus {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}

.job-listings {
  list-style: none;
  margin: 2rem 0 2rem 0;
}
.job-listings .item {
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  transition: transform 0.3s, box-shadow 0.3s;
}
.job-listings .item:hover {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.job-listings .item .cta-strip {
  padding: 0.8rem 2rem 0.6rem 2rem;
  background-color: #EFEFEF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.job-listings .item .cta-strip .share {
  font-size: 1.3rem;
  transition: opacity 0.3s;
  opacity: 1;
}
.job-listings .item .cta-strip .share:hover, .job-listings .item .cta-strip .share:focus {
  opacity: 0.8;
}
.job-listings .item .cta-strip .cta {
  font-size: 1.1rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: opacity 0.3s;
  opacity: 1;
}
.job-listings .item .cta-strip .cta:hover, .job-listings .item .cta-strip .cta:focus {
  opacity: 0.8;
}
.job-listings .item .cta-strip .cta .szicon-arrow-right {
  margin-left: 1rem;
  font-size: 1rem;
}
.job-listings .item .content {
  padding: 2rem;
}
.job-listings .item .content p {
  margin-bottom: 0.3rem;
  font-size: 1rem;
}
.job-listings .item .content .title {
  margin-bottom: 1.5rem;
  text-align: left;
  font-size: 1.8rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.3;
  display: block;
  transition: opacity 0.3s;
  opacity: 1;
}
.job-listings .item .content .title:hover, .job-listings .item .content .title:focus {
  opacity: 0.8;
}
.job-listings .item .content .title span {
  font-size: 1.2rem;
  display: block;
  font-family: "Roboto Condensed", sans-serif;
}
.job-listings .item .img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  display: block;
  height: 100px;
  border: 2px solid #f8f8f8;
}

.card-listing-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  display: block;
  height: 180px;
  background-color: #fff;
  margin-bottom: 2rem;
  border: 1px solid #D1D1D1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.card-spotlight-small {
  background-color: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  display: block;
  margin-bottom: 2.5rem;
  transition: box-shadow 0.3s, transform 0.3s;
}
.card-spotlight-small .img {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
  background-color: #363636;
}
.card-spotlight-small .content {
  display: block;
  padding: 1rem 1rem 1rem 1rem;
}
.card-spotlight-small .content span {
  display: block;
}
.card-spotlight-small .content span.name {
  font-weight: 600;
  font-size: 1.2rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
}
.card-spotlight-small .content span.role {
  font-weight: 400;
  font-size: 1rem;
  color: #666;
  font-family: "Roboto Condensed", sans-serif;
}
.card-spotlight-small .content span.dept {
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
}
.card-spotlight-small:hover, .card-spotlight-small:focus {
  transform: translateY(-3px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.block-cite {
  margin-top: 2rem;
}
.block-cite .img {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 160px;
  background-color: #363636;
  border: 8px solid #fff;
}
.block-cite .content {
  text-align: left;
}
.block-cite .content p {
  margin-bottom: 0.1rem;
}
.block-cite .content p.name {
  font-weight: 400;
  font-size: 1.3rem;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
}
.block-cite .content p.role {
  font-weight: 400;
  font-size: 1.2rem;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
}

.block-column-list {
  border-top: 1px solid #fff;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.block-column-list span {
  font-weight: 400;
  font-size: 1.3rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  display: inline-block;
}
.block-column-list span[class^=szicon] {
  font-size: 2.5rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.block-column-list span.title {
  font-weight: 400;
  font-size: 1.5rem;
}
.block-column-list .content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #fff;
  display: flex;
  flex-direction: row;
  align-content: center;
}
.block-column-list .cell:nth-child(odd) .content {
  border-right: 1px solid #fff;
}

.card-large-icon {
  text-align: center;
  margin-bottom: 2rem;
  padding: 0 1rem;
}
.card-large-icon .img {
  margin-bottom: 1rem;
  display: block;
}
.card-large-icon .img span {
  font-size: 6rem;
}
.card-large-icon .title {
  text-transform: uppercase;
  font-size: 2.2rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1.3;
}
.card-large-icon .summary {
  font-size: 1.3rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 3rem;
}
.card-large-icon .cta {
  display: block;
  padding: 0.5rem 4rem;
  border: 2px solid #363636;
  font-size: 1.1rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.3;
  text-align: center;
  border-radius: 5px;
  transition: color 0.3s, background-color 0.3s;
}
.card-large-icon .cta:hover, .card-large-icon .cta:focus {
  background-color: #363636;
  color: #fff;
}

body.page-template-template-80-20 .card-large-icon .cta,
body.page-template-template-20-80 .card-large-icon .cta,
body.single-nuk_mainbrand .card-large-icon .cta {
  padding: 0.5rem 2rem;
}

.block-numeric-cards {
  background-color: #E5E5E5;
  padding: 2rem 1rem;
  margin-top: 4rem;
  margin-bottom: 5rem;
  border-radius: 10px;
  /*border: 2px solid rgba(208, 208, 208, .6);*/
  position: relative;
}
.block-numeric-cards:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 450px;
  height: 40px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../png/arrow-grey-block.png");
}
.block-numeric-cards:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 450px;
  height: 40px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../png/arrow-grey-block.png");
  transform: rotate(180deg);
}
.block-numeric-cards .content {
  text-align: center;
  padding: 0 1rem;
}
.block-numeric-cards .content .num {
  font-size: 8rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 2.5rem;
  position: relative;
}
.block-numeric-cards .content .num:after {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60px;
  border-top: 4px solid #BCBCBC;
}
.block-numeric-cards .content .summary {
  font-size: 1.2rem;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.block-signup {
  margin: 2rem 0;
}
.block-signup .input-group-field {
  box-shadow: none;
  border: 1px solid #E9E9E9;
  height: 3rem;
  border-radius: 6px 0 0 6px;
  padding-left: 1rem;
}
.block-signup .input-group-field:focus {
  border: 1px solid #393939;
}
.block-signup .button {
  border-radius: 0 6px 6px 0 !important;
  background: #393939;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.1rem;
}
.block-signup .button:hover, .block-signup .button:focus {
  background: #000;
}

.card-area {
  background-color: #fff;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 2.5rem;
  transition: transform 0.3s, box-shadow 0.3s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  background-color: #363636;
  border: 10px solid #fff;
}
.card-area .content {
  display: block;
  width: 100%;
  padding: 3rem 6rem 2rem 6rem;
  background: rgb(54, 54, 54);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 100%);
}
.card-area .title {
  display: block;
  width: 100%;
  font-size: 2.4rem;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  transition: transform 0.3s;
}
.card-area:hover, .card-area:focus {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}
.card-area:hover .title, .card-area:focus .title {
  transform: translateY(-3px);
}
.card-area--small {
  height: 320px;
}
.card-area--small .content {
  padding: 3rem 2rem 2rem 2rem;
}
.card-area--small .title {
  font-size: 1.6rem;
  line-height: 1.1;
}

.map-canvas-block {
  height: 430px;
  margin-bottom: 2rem;
}

.block-address h1,
.block-address h2,
.block-address h3,
.block-address h4,
.block-address h5,
.block-address h6 {
  color: #363636;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.2rem;
}
.block-address p {
  color: #363636;
  font-weight: 400;
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: 0;
  font-size: 1rem;
}

.social-channels-block {
  background-color: #000;
  border-radius: 40px;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 63.9375em) {
  .social-channels-block {
    border-radius: 20px;
  }
}
.social-channels-block .title {
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 1.5rem;
  margin-bottom: 0;
}
.social-channels-block .flex-container {
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 63.9375em) {
  .social-channels-block .flex-container {
    justify-content: center;
  }
}
.social-channels-block .flex-container a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.425rem;
  color: #fff;
}
.social-channels-block .flex-container a span {
  color: #000;
  background-color: #fff;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  font-size: 1.4rem;
  transition: background-color 0.3s, color 0.3s;
}
.social-channels-block .flex-container a p {
  font-weight: 300;
  margin-bottom: 0;
  font-size: 0.775rem;
  text-transform: uppercase;
  line-height: 1;
}
.social-channels-block .flex-container a:hover span, .social-channels-block .flex-container a:focus span {
  background-color: #000;
  color: #fff;
}

.card-case {
  display: block;
  transition: box-shadow 0.3s, transform 0.3s, border-radius 0.3s;
  overflow: hidden;
  background-color: #fff;
  box-shadow: none;
}
.card-case .img {
  height: auto;
  aspect-ratio: 4/4;
  overflow: hidden;
}
.card-case .img img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  transition: transform 0.6s;
  transform: scale(1.06);
}
.card-case .content {
  background-color: #fff;
  padding: 1.25rem;
}
.card-case .content .logo {
  height: 70px;
}
.card-case .content .logo img {
  object-fit: contain;
  object-position: center;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .card-case .content {
    padding: 1rem;
  }
  .card-case .content .logo {
    height: 50px;
  }
}
.card-case:hover, .card-case:focus {
  transform: translateY(-3px);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.card-case:hover .img img, .card-case:focus .img img {
  transform: scale(1.01);
}

.case-studies {
  display: none;
  opacity: 0;
}
.case-studies.is-loaded {
  opacity: 1;
  display: flex;
}
.case-studies .cell.card-hidden {
  display: none;
  opacity: 0;
}
.case-studies .cell.card-visible {
  display: block;
  opacity: 1;
}
@starting-style {
  .case-studies.is-loaded {
    opacity: 0;
  }
  .case-studies .cell.card-visible {
    opacity: 0;
  }
}

.logo-block {
  max-width: 250px;
  height: 80px;
}
.logo-block img {
  object-fit: contain;
  object-position: center;
  height: 100%;
  width: 100%;
}

.logo-carousel .logo-block {
  max-width: none;
}
.logo-carousel.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 2rem;
}
.logo-carousel.owl-theme .owl-dot span {
  width: 20px;
  height: 20px;
  background: transparent;
  border: 2px solid #000;
}
.logo-carousel.owl-theme .owl-dot.active span {
  background: #000;
}

.video-tiles-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
.video-tiles-container:hover .item {
  opacity: 0.6;
}
.video-tiles-container .item {
  height: 600px;
  width: 25%;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity 0.3s;
}
@media screen and (max-width: 39.9375em) {
  .video-tiles-container .item {
    height: 300px;
    width: 50%;
  }
}
.video-tiles-container .item .play-cta {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
.video-tiles-container .item .play-cta span {
  font-size: 4rem;
  color: #fff;
  transition: color 0.3s;
}
.video-tiles-container .item:hover, .video-tiles-container .item:focus {
  opacity: 1;
}
.video-tiles-container .item:hover .play-cta, .video-tiles-container .item:focus .play-cta {
  background-color: #fff;
}
.video-tiles-container .item:hover .play-cta span, .video-tiles-container .item:focus .play-cta span {
  color: #000;
}

/*wysiwyg area*/
.wysiwyg {
  color: #363636;
}
.wysiwyg h1:not(.section-title),
.wysiwyg h2:not(.section-title),
.wysiwyg h3:not(.section-title),
.wysiwyg h4:not(.section-title),
.wysiwyg h5:not(.section-title),
.wysiwyg h6:not(.section-title) {
  margin-bottom: 1.5rem;
  text-align: left;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
  /*
  * Default WordPress Gutenberg Alignment stlyes
  */
}
.wysiwyg h1:not(.section-title).text-upper,
.wysiwyg h2:not(.section-title).text-upper,
.wysiwyg h3:not(.section-title).text-upper,
.wysiwyg h4:not(.section-title).text-upper,
.wysiwyg h5:not(.section-title).text-upper,
.wysiwyg h6:not(.section-title).text-upper {
  text-transform: uppercase;
}
.wysiwyg h1:not(.section-title).has-text-align-center,
.wysiwyg h2:not(.section-title).has-text-align-center,
.wysiwyg h3:not(.section-title).has-text-align-center,
.wysiwyg h4:not(.section-title).has-text-align-center,
.wysiwyg h5:not(.section-title).has-text-align-center,
.wysiwyg h6:not(.section-title).has-text-align-center {
  text-align: center;
}
.wysiwyg h1:not(.section-title).has-text-align-right,
.wysiwyg h2:not(.section-title).has-text-align-right,
.wysiwyg h3:not(.section-title).has-text-align-right,
.wysiwyg h4:not(.section-title).has-text-align-right,
.wysiwyg h5:not(.section-title).has-text-align-right,
.wysiwyg h6:not(.section-title).has-text-align-right {
  text-align: right;
}
.wysiwyg h1:not(.section-title) {
  font-size: 2.2rem;
}
.wysiwyg h2:not(.section-title) {
  font-size: 2rem;
}
.wysiwyg h3:not(.section-title) {
  font-size: 1.8625rem;
}
.wysiwyg h4:not(.section-title) {
  font-size: 1.7625rem;
}
.wysiwyg h5:not(.section-title) {
  font-size: 1.3625rem;
}
.wysiwyg h6:not(.section-title) {
  font-size: 1.2625rem;
}
.wysiwyg p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  color: #666;
}
.wysiwyg p.lead {
  font-size: 1.3rem;
  color: #363636;
}
.wysiwyg a:not(.card-video):not(.btn-rounded):not(.card-brand):not(.card-spotlight-small):not(.card-feature):not(.card-video) {
  transition: opacity 0.3s;
  font-weight: 400;
  word-break: break-all;
}
.wysiwyg a:not(.card-video):not(.btn-rounded):not(.card-brand):not(.card-spotlight-small):not(.card-feature):not(.card-video):hover {
  opacity: 0.7;
}
.wysiwyg ol,
.wysiwyg ul {
  padding: 0 0 1rem 1.4rem;
  margin-bottom: 1rem;
  margin-left: 0;
  position: relative;
}
.wysiwyg ol li,
.wysiwyg ul li {
  padding: 5px 10px 5px 0;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #666;
}
.wysiwyg ul {
  list-style-type: none;
}
.wysiwyg ul li {
  position: relative;
}
.wysiwyg ul li:before {
  content: "-";
  position: absolute;
  left: -1.2rem;
}
.wysiwyg img {
  width: 100%;
  margin-bottom: 2rem;
  border: 10px solid #fff;
  box-shadow: 0 30px 40px rgba(0, 0, 0, 0.1);
}
.wysiwyg img.notfullwidth {
  width: auto;
}
.wysiwyg img.notstyled {
  border: 0px;
  box-shadow: none;
  margin-bottom: 0;
}
.wysiwyg img.right {
  float: right;
  width: 30%;
  margin-left: 1rem;
}
.wysiwyg img.left {
  float: left;
  width: 30%;
  margin-right: 1rem;
}
.wysiwyg img[style*="float: left"] {
  margin: 1rem 1.5rem 1rem 0;
  width: 300px;
}
.wysiwyg img[style*="float: right"] {
  margin: 1rem 0 1.5rem 1rem;
  width: 300px;
}
.wysiwyg hr {
  margin: 1.5rem auto 1.5rem auto;
  border-color: #e4e4e4;
}
.wysiwyg table {
  width: 100% !important;
  position: relative;
  border-bottom: 1px solid #e4e4e4;
}
.wysiwyg table caption {
  text-align: left;
  font-weight: 700;
  color: #363636;
  display: none;
}
.wysiwyg table th {
  font-size: 1.3rem;
  line-height: 1.8;
  color: #363636 !important;
  font-family: "Roboto Condensed", sans-serif;
}
.wysiwyg table td {
  color: #363636;
  font-size: 1.2rem;
  line-height: 1.6;
  vertical-align: top;
  font-family: "Roboto", sans-serif;
}
.wysiwyg table tfoot,
.wysiwyg table thead {
  background: #e4e4e4;
}
.wysiwyg table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}
.wysiwyg blockquote {
  background: #fff;
  position: relative;
  padding: 2rem 3rem 1.5rem 3rem;
  border: 0;
  margin: 3rem 0;
  border-radius: 6px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.wysiwyg blockquote p {
  position: relative;
  z-index: 1;
  color: #363636;
  font-size: clamp(1.25rem, 1.1955rem + 0.2727vw, 1.4rem);
  margin-bottom: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.wysiwyg blockquote cite {
  position: relative;
  z-index: 1;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1rem;
  font-style: normal;
}
.wysiwyg hr {
  border-color: #EBEBEB;
}
.wysiwyg .fluid-width-video-wrapper {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: none;
  margin-bottom: 2rem;
}

/*aside nav*/
.nav-submenu {
  color: #fff;
  list-style: none;
  margin: 0 0 1rem 0;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
.nav-submenu a {
  word-break: break-word;
  display: block;
  padding: 0.85rem 1rem;
  color: #363636;
  font-size: 1.2rem;
  line-height: 1.1;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  width: 100%;
  transition: background-color 0.2s;
  border-bottom: 1px solid #EBEBEB;
}
.nav-submenu a.is-active {
  color: #fff;
  background-color: #363636;
  border-radius: 3px;
}
.nav-submenu a:hover, .nav-submenu a:focus {
  color: #fff;
  background-color: #707070;
  border-radius: 3px;
}
.nav-submenu > li:last-child a {
  border-bottom: 0 dotted #EBEBEB;
}
.nav-submenu ul {
  list-style: none;
  margin: 0;
  background-color: #fff;
}
.nav-submenu ul a.is-active {
  background-color: #EBEBEB;
  color: #EBEBEB;
}
.nav-submenu ul ul {
  background-color: #EBEBEB;
}
.nav-submenu ul ul a {
  font-size: 1rem;
}

.cta-nav-side {
  display: block;
  margin-bottom: 2rem;
  background-color: #fff;
  padding: 0.5rem 1rem;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.2rem;
  color: #363636;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  border: 1px solid #fff;
  position: relative;
}
.cta-nav-side:after {
  content: "\e908";
  color: #fff;
  font-family: "icomoon" !important;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  padding-top: 2px;
  position: absolute;
  right: 1rem;
  top: 0.7rem;
  transition: color 0.3s, border 0.3s;
}
.cta-nav-side.is-active:after {
  content: "\e90a";
}
.cta-nav-side:focus, .cta-nav-side:active, .cta-nav-side:link {
  color: #363636;
}

/* Generic listing */
.generic-listing .content {
  border-bottom: 1px dashed #666;
  padding: 1.25rem 0;
}
.generic-listing .cell:last-child .content {
  border-bottom: 0;
}
.generic-listing .intro {
  margin-bottom: 1rem;
}
.generic-listing .title {
  display: block;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.4rem;
  line-height: 1.1;
  margin-bottom: 1rem;
  transition: opacity 0.3s;
  opacity: 1;
}
.generic-listing .title:hover, .generic-listing .title:focus {
  opacity: 0.8;
}
.generic-listing .cta {
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  color: #363636;
  line-height: 1;
  transition: opacity 0.3s;
  opacity: 1;
}
.generic-listing .cta:hover, .generic-listing .cta:focus {
  opacity: 0.8;
}
.generic-listing .cta:after {
  content: "\e908";
  font-family: "icomoon" !important;
  font-size: 0.95rem;
  margin-left: 0.4rem;
  vertical-align: bottom;
}
.generic-listing strong {
  font-family: "Roboto", sans-serif;
}

.filter-panel {
  background-color: #EFEFEF;
  padding: 2rem;
}
.filter-panel ul {
  margin: 0;
}
.filter-panel ul li:not(:last-child) {
  margin-bottom: 1rem;
}
.filter-panel select {
  border: 0;
  border-radius: 5px;
  margin-bottom: 0;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.filter-panel .button {
  border-radius: 5px;
  margin-bottom: 0;
  background: #393939;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
}
.filter-panel .button span {
  font-weight: 600;
  margin-left: 0.5rem;
}
.filter-panel .button:hover {
  background: #fff;
  color: #000;
}

.filter-header {
  display: block;
  padding: 0.95rem 1.1rem 0.9rem;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.3rem;
  line-height: 1.1;
  background-color: #363636;
  color: #fff;
}

.filter-content {
  background-color: #fff;
  color: #363636;
  padding: 1rem 1.1rem;
  margin-bottom: 1.5rem;
}
.filter-content .input-group-field {
  border-radius: 0;
  box-shadow: none;
  border-color: #363636;
  padding-left: 0.8rem;
}
.filter-content .input-group-field::placeholder {
  color: #363636;
}
.filter-content ul {
  list-style: none;
  margin: 0;
}
.filter-content.widget {
  padding: 1rem 1.1rem;
  text-align: center;
}
.filter-content.widget .screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.filter-content.widget .filter-header {
  margin-bottom: 1rem;
  text-align: left;
}
.filter-content.widget select,
.filter-content.widget input {
  width: 100%;
}
.filter-content.widget .search-field {
  background-color: #fff;
}
.filter-content.widget .search-field::placeholder {
  color: #ababab;
}
.filter-content.widget input[type=submit],
.filter-content.widget .search-submit {
  margin-top: 1rem;
  background-color: #fff;
  color: #363636;
  padding: 0.8rem 1rem;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  border-radius: 0;
  border: 0;
  cursor: pointer;
  transition: 0.3s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: 1;
}
.filter-content.widget input[type=submit] span,
.filter-content.widget .search-submit span {
  margin-left: 0.5rem;
}
.filter-content.widget input[type=submit]:hover,
.filter-content.widget .search-submit:hover {
  background-color: #fff;
  color: #363636;
}

/* Checkbox */
.chk-container {
  font-family: "Roboto", sans-serif;
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 0.98rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chk-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.chk-container .checkmark {
  position: absolute;
  top: 0.56rem;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #363636;
  border-radius: 3px;
  background-color: #fff;
  transition: background-color 0.2s;
}
.chk-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.chk-container .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.chk-container input:checked ~ .checkmark {
  background-color: #363636;
  border-color: #363636;
}
.chk-container input:checked ~ .checkmark:after {
  display: block;
}

.search-term {
  padding: 0.7rem 1rem;
  background-color: #363636;
  font-weight: 600;
  font-size: 1.1rem;
  color: #fff;
}
.search-term span {
  font-weight: 300;
}

/*general forms*/
.form-general {
  margin-bottom: 2rem;
}
.form-general h1,
.form-general h2,
.form-general h3,
.form-general h4,
.form-general h5,
.form-general h6 {
  margin-bottom: 1rem;
  font-weight: 600;
  text-align: left;
  color: #363636;
}
.form-general h1 {
  font-size: 1.8625rem;
}
.form-general h2 {
  font-size: 1.8625rem;
}
.form-general h3 {
  font-size: 1.7625rem;
}
.form-general h4 {
  font-size: 1.3625rem;
}
.form-general h5 {
  font-size: 1.2625rem;
}
.form-general h6 {
  font-size: 1rem;
}
.form-general hr {
  margin: 1.5rem auto 1.5rem auto;
  border-color: #e4e4e4;
}
.form-general li {
  margin-bottom: 0.6em;
}
.form-general p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #666;
}
.form-general p a {
  color: #666;
  text-decoration: underline;
  transition: color 0.3s;
}
.form-general p a:hover, .form-general p a:focus {
  color: #6981bd;
}
.form-general label,
.form-general legend {
  color: #363636;
  font-weight: 400;
  font-size: 1rem;
  display: inline-block;
  margin-bottom: 0.3rem;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}
.form-general input,
.form-general select {
  background-color: #fff;
  font-family: "Roboto", sans-serif;
  border: 0;
  box-shadow: none !important;
  font-size: 1rem;
  margin-bottom: 0.8em;
  border: 1px solid #666;
  height: 3rem;
  padding-left: 1rem;
  border-radius: 1.875rem;
}
.form-general input[type=file], .form-general input[type=checkbox], .form-general input[type=radio],
.form-general select[type=file],
.form-general select[type=checkbox],
.form-general select[type=radio] {
  box-shadow: none;
}
.form-general select {
  background-color: #fff;
}
.form-general textarea {
  background-color: #fff;
  border: 0;
  box-shadow: none;
  height: 150px;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  border: 1px solid #666;
  font-family: "Roboto", sans-serif;
  border-radius: 8px;
}
.form-general fieldset label {
  display: inline-block;
  font-weight: 400;
  font-size: 1rem;
}
.form-general .checkbox-list {
  background-color: #f3f3f3;
  padding: 0.8rem 1.2rem;
  border-radius: 3px;
  border: 1px solid #363636;
}
.form-general .checkbox-list label {
  font-family: "Roboto", sans-serif;
  font-size: 0.98rem;
}
.form-general .checkbox-list input[type=checkbox],
.form-general .checkbox-list input[type=radio] {
  margin-bottom: 0.6rem;
  margin-right: 0.3rem;
}
.form-general .error-field {
  border-color: #91071a;
  background-color: #fef4f6;
}
.form-general .error-text {
  display: block;
  color: #91071a;
  font-size: 0.92rem;
  margin-top: -0.8rem;
  margin-bottom: 1rem;
}

.msg-sent-ok,
.mc4wp-success p {
  display: block;
  position: relative;
  padding: 1rem 1rem 1rem 1rem;
  margin: 0 0 0.8rem 0;
  border-left: 4px solid #60b676;
  font-family: "Roboto", sans-serif;
  font-size: 1.05rem;
  color: #363636;
  background-color: #e5f3e8;
  line-height: 1.2;
  border-radius: 2px;
}

.msg-validation-error,
.mc4wp-error p {
  display: block;
  position: relative;
  padding: 1rem 1rem 1rem 1rem;
  margin: 0 0 0.8rem 0;
  border-left: 4px solid #91071a;
  font-family: "Roboto", sans-serif;
  font-size: 1.05rem;
  color: #363636;
  background-color: #fee6e9;
  line-height: 1;
  border-radius: 2px;
}

.hero-form {
  padding: 1rem 0 0 0;
}
.hero-form select {
  background-color: rgba(0, 0, 0, 0.3);
  border: 3px solid #fff;
  box-shadow: none !important;
  font-size: 0.9rem;
  margin-bottom: 0;
  margin-bottom: 0.8em;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 5px;
}
.hero-form .button {
  color: #000;
  background-color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 5px;
  margin-bottom: 0.8em;
  font-size: 0.9rem;
}
.hero-form .button span {
  font-weight: 600;
  margin-left: 0.5rem;
}
.hero-form .button:hover, .hero-form .button:focus {
  color: #fff;
  background-color: #000;
}

.feature-map {
  padding: 1rem;
  box-shadow: 0 30px 40px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.feature-map .map-canvas {
  background-color: #000;
  height: 100%;
  min-height: 700px;
}
.feature-map .map-canvas .gm-ui-hover-effect {
  top: 0 !important;
  right: 0 !important;
}

.pin-content {
  background-color: #fff;
  padding: 0 1rem 1rem 1rem;
  margin: 0.3rem 0 0 0;
}
.pin-content p {
  font-weight: 600;
  display: block;
  color: #363636;
  font-size: 1.2rem;
  font-family: "Roboto Condensed", sans-serif;
}
.pin-content .title {
  font-weight: 600;
  display: block;
  color: #363636;
  font-size: 1.7rem;
  margin-bottom: 0.2rem;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
}
.pin-content .map-img {
  display: block;
  background-color: #363636;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px solid #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  height: 160px;
}

.map-embed {
  background-color: #fff;
  border: 10px solid #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  position: relative;
}
.map-embed iframe {
  width: 100%;
  height: 480px;
  margin-bottom: 0;
}

.content-solutions .wrapper-header:after {
  content: none;
}
.content-solutions .wrapper-header .bg-image:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.content-solutions .wrapper-footer:before {
  content: none;
}
.content-solutions .hero-content {
  padding: 25rem 0 20rem 0;
}
@media screen and (max-width: 63.9375em) {
  .content-solutions .hero-content {
    padding: 15rem 0 10rem 0;
  }
}
.content-solutions .hero-content .pre-title {
  font-size: clamp(1.25rem, 1.0682rem + 0.9091vw, 1.75rem);
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.21rem;
}
.content-solutions .hero-content .main-title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(3rem, 1.9091rem + 5.4545vw, 6rem);
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 4.8px;
}
.content-solutions .grid-row-block:not(:first-of-type) {
  margin-block-start: 8rem;
}
.content-solutions .wrapper-section--white .wysiwyg > :last-child {
  margin-bottom: 0;
}
.content-solutions .wrapper-section--white .wysiwyg h1:not(.section-title) {
  color: #E11515;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}
.content-solutions .wrapper-section--white .wysiwyg h1:not(.section-title) span {
  margin-block-start: 0.5rem;
  display: block;
  color: #1E1E1E;
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(2.375rem, 2.0114rem + 1.8182vw, 3.375rem);
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 2.5rem !important;
  position: relative;
}
@media screen and (min-width: 64em) {
  .content-solutions .wrapper-section--white .wysiwyg h1:not(.section-title) span:before {
    content: "";
    position: absolute;
    left: -150px;
    top: 25px;
    width: 90px;
    height: 2px;
    border-top: 2px solid #000;
  }
}
.content-solutions .wrapper-section--white .wysiwyg h2,
.content-solutions .wrapper-section--white .wysiwyg h3,
.content-solutions .wrapper-section--white .wysiwyg h4,
.content-solutions .wrapper-section--white .wysiwyg h5,
.content-solutions .wrapper-section--white .wysiwyg h6 {
  text-transform: uppercase;
  color: #000 !important;
  margin-bottom: 2.5rem !important;
}
.content-solutions .wrapper-section--white .wysiwyg h4,
.content-solutions .wrapper-section--white .wysiwyg h5,
.content-solutions .wrapper-section--white .wysiwyg h6 {
  font-size: 1.5rem !important;
}
.content-solutions .wrapper-section--white .wysiwyg p ~ :is(h2, h3, h4, h5, h6) {
  margin-block-start: 2.5rem;
}
.content-solutions .wrapper-section--white .wysiwyg p,
.content-solutions .wrapper-section--white .wysiwyg li,
.content-solutions .wrapper-section--white .wysiwyg td {
  color: #000;
}
.content-solutions .wrapper-section--white .wysiwyg hr {
  margin: 2.5rem 0;
}
.content-solutions .wrapper-section--white .wysiwyg a:not([class]) {
  color: #000;
  text-decoration: underline;
}
.content-solutions .card-video {
  border: none;
  box-shadow: none;
  height: auto;
  aspect-ratio: 16/9;
  transition: transform 0.3s, box-shadow 0.3s, border-radius 0.3s;
}
@media screen and (min-width: 80rem) {
  .content-solutions .card-video {
    width: 120%;
    margin-left: -10%;
    margin-right: -10%;
  }
}
.content-solutions .card-video:after {
  transition: background-color 0.3s;
}
.content-solutions .card-video:hover, .content-solutions .card-video:focus {
  transform: translateY(-5px);
}
.content-solutions .card-video:hover:after, .content-solutions .card-video:focus:after {
  background-color: rgba(0, 0, 0, 0);
}
.content-solutions .title-large {
  position: relative;
}
@media screen and (min-width: 64em) {
  .content-solutions .title-large:before {
    content: "";
    position: absolute;
    left: -500px;
    top: 150px;
    width: 380px;
    height: 2px;
    border-top: 2px solid #fff;
  }
}
.content-solutions .title-large img,
.content-solutions .title-large svg {
  margin-bottom: 1rem;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.content-solutions .title-large h2 {
  font-size: clamp(3rem, 1.9318rem + 5.3409vw, 5.9375rem);
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
  line-height: 93%;
  letter-spacing: 0.11875rem;
  font-family: "Roboto Condensed", sans-serif;
}
@media screen and (max-width: 39.9375em) {
  .content-solutions .card-video {
    height: auto;
    aspect-ratio: 16/9;
  }
  .content-solutions .grid-row-block:not(:first-of-type) {
    margin-block-start: 4rem;
  }
}
.content-solutions .pagination a,
.content-solutions .pagination button {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  font-weight: 300;
}
.content-solutions .pagination a:hover, .content-solutions .pagination a:focus,
.content-solutions .pagination button:hover,
.content-solutions .pagination button:focus {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #fff;
}
.content-solutions .pagination .current {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #fff;
  font-weight: 600;
}
.content-solutions .pagination .current:hover, .content-solutions .pagination .current:focus {
  color: #fff;
}
.content-solutions .pagination .pagination-next a,
.content-solutions .pagination .pagination-next button,
.content-solutions .pagination .pagination-previous a,
.content-solutions .pagination .pagination-previous button {
  background-color: transparent;
  color: #363636;
  border: 0 solid #363636;
}
.content-solutions .pagination .pagination-next a:hover,
.content-solutions .pagination .pagination-next button:hover,
.content-solutions .pagination .pagination-previous a:hover,
.content-solutions .pagination .pagination-previous button:hover {
  color: #363636;
}
.content-solutions .pagination .prev,
.content-solutions .pagination .next {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  font-weight: 300;
  font-size: 1rem;
}
.content-solutions .pagination .prev .szicon-arrow-right,
.content-solutions .pagination .prev .szicon-arrow-left,
.content-solutions .pagination .next .szicon-arrow-right,
.content-solutions .pagination .next .szicon-arrow-left {
  font-size: 0.775rem;
  font-weight: 300;
}
.content-solutions .pagination .prev:hover,
.content-solutions .pagination .next:hover {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}

.side-info .title {
  color: #E11515;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
}
.side-info .stat {
  color: #363636;
  font-family: "Roboto", sans-serif;
  font-size: clamp(2.5rem, 1.7727rem + 3.6364vw, 4.5rem);
  font-style: normal;
  font-weight: 300;
}
.side-info ul {
  margin-left: 0;
}
.side-info ul li {
  color: #363636;
  font-family: "Roboto", sans-serif;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  list-style: none;
}
.side-info ul li::before {
  content: "–";
  margin-right: 1rem;
  color: #363636;
}
.side-info + .side-info {
  margin-block-start: 2rem;
}

.side-content {
  height: 100%;
  border-left: 1px solid #E4E4E4;
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 20%;
}
@media screen and (max-width: 39.9375em) {
  .side-content {
    row-gap: 2rem;
    border-left: 0 solid #E4E4E4;
    padding-left: 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .side-content {
    justify-content: flex-start;
    row-gap: 4rem;
  }
}
.side-content blockquote {
  padding: 0 4rem 0 0 !important;
  border-left: 0 solid #cacaca !important;
}
.side-content blockquote p {
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(1.375rem, 1.1477rem + 1.1364vw, 2rem);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.case-carousel {
  position: relative;
}
.case-carousel .item {
  height: auto;
  aspect-ratio: 16/9;
}
.case-carousel .item img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.case-carousel .owl-nav {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.case-carousel .owl-nav .owl-next,
.case-carousel .owl-nav .owl-prev {
  border-radius: 50%;
  transition: background-color 0.3s;
}
.case-carousel .owl-nav .owl-next span,
.case-carousel .owl-nav .owl-prev span {
  font-size: 2rem;
  cursor: pointer;
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  color: #E11515;
  transition: color 0.3s;
}
.case-carousel .owl-nav .owl-next:hover, .case-carousel .owl-nav .owl-next:focus,
.case-carousel .owl-nav .owl-prev:hover,
.case-carousel .owl-nav .owl-prev:focus {
  background-color: #555555;
}
.case-carousel .owl-nav .owl-next:hover span, .case-carousel .owl-nav .owl-next:focus span,
.case-carousel .owl-nav .owl-prev:hover span,
.case-carousel .owl-nav .owl-prev:focus span {
  color: #fff;
}
.case-carousel .owl-dots {
  position: absolute;
  bottom: 1rem;
  width: 100%;
}
.case-carousel .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  background: #555555;
}
.case-carousel .owl-dots .owl-dot.active span {
  background-color: #E11515;
}
.case-carousel.slim-width .owl-dots {
  position: static;
  bottom: unset;
  width: 100%;
  margin-top: 2rem;
}
@media screen and (max-width: 39.9375em) {
  .case-carousel .owl-nav {
    display: none;
  }
  .case-carousel .owl-dots {
    margin-top: 10px;
    position: static;
  }
}
@media screen and (min-width: 90rem) {
  .case-carousel:not(.slim-width) {
    width: 114%;
    margin-left: -7%;
    margin-right: -7%;
  }
  .case-carousel .owl-nav {
    width: 114%;
    margin-left: -7%;
    margin-right: -7%;
  }
}

.svg-stroke {
  stroke-dasharray: 7417.9453125;
  stroke-dashoffset: 7417.9453125;
  animation: svg-stroke-anim 8s forwards linear;
}

@keyframes svg-stroke-anim {
  from {
    stroke-dashoffset: 7417.9453125;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.card-news-next {
  background-color: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0.5rem 0;
  display: block;
  transition: transform 0.3s, box-shadow 0.3s;
}
.card-news-next .img {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  background-color: #363636;
  position: relative;
}
.card-news-next .img:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.9) 60%);
  height: 70%;
  width: 100%;
  transition: height 0.3s;
}
.card-news-next .meta {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1rem 0.3rem 0.5rem;
  background-color: #fff;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  border-radius: 0px 0px 9px 0px;
}
.card-news-next .title {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  display: block;
  padding: 0 2rem;
  font-size: 2rem;
  letter-spacing: -0.32px;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 2.3rem;
  font-weight: 400;
  transition: transform 0.3s 0.07s;
  text-wrap: balance;
}
.card-news-next .base {
  padding: 0.875rem 0.3rem;
}
.card-news-next .base p {
  margin-bottom: 0;
}
.card-news-next:hover, .card-news-next:focus {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}
.card-news-next:hover .title, .card-news-next:focus .title {
  transform: translateY(-10px);
}

.profile-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  flex: 1;
}
.profile-card .pc-img {
  width: 48px;
  height: 48px;
}
.profile-card .pc-img img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.profile-card .pc-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
}
.profile-card .pc-content * {
  margin-bottom: 0;
}
.profile-card .pc-content .pc-title {
  font-weight: 600;
  font-size: clamp(1rem, 0.9545rem + 0.2273vw, 1.125rem);
  letter-spacing: -0.45px;
  color: #000000;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
}
.profile-card .pc-content .pc-role {
  font-size: 1rem;
  letter-spacing: 0px;
  color: #717171;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
}
.profile-card--lrg {
  gap: 1.5rem;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .profile-card--lrg {
    flex-direction: column;
    align-items: flex-start;
  }
}
.profile-card--lrg .pc-img {
  width: clamp(5rem, 3.3636rem + 8.1818vw, 9.5rem);
  height: clamp(5rem, 3.3636rem + 8.1818vw, 9.5rem);
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .profile-card--lrg .pc-img {
    width: 100px;
    height: 100px;
  }
}
.profile-card--lrg .pc-img img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #fff;
}
.profile-card--lrg .pc-content {
  gap: 0.45rem;
}
.profile-card--lrg .pc-content .pc-title {
  font-weight: 400;
  font-size: clamp(1.125rem, 0.9886rem + 0.6818vw, 1.5rem);
  letter-spacing: 0;
  color: #F33FB7;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 100%;
}
.profile-card--lrg .pc-content .pc-role {
  font-size: 1.125rem;
  font-weight: 300;
  color: #fff;
  font-family: "Roboto", sans-serif;
  line-height: 1.3;
}

.breadcrumbs-share-block {
  margin: -9rem 0 9rem 0;
}
.breadcrumbs-share-block .breadcrumbs {
  margin: 0;
}

.sharetargets {
  display: inline-flex !important;
  flex-direction: row;
  gap: 0.475rem;
  align-items: center;
}
.sharetargets a {
  display: flex;
  align-items: center;
}
.sharetargets a [class^=szicon-],
.sharetargets a [class*=" szicon-"] {
  border-top: 2px solid transparent;
  color: #000000;
  font-size: 1.375rem;
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
  transition: border-bottom 0.3s;
}
.sharetargets a:hover [class^=szicon-],
.sharetargets a:hover [class*=" szicon-"], .sharetargets a:focus [class^=szicon-],
.sharetargets a:focus [class*=" szicon-"] {
  border-bottom: 2px solid #000000;
}

.btn-share {
  font-size: 1.375rem;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.475rem;
  line-height: 1;
  transition: opacity 0.3s;
  cursor: pointer;
}
.btn-share span {
  border: 2px solid #000000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 2px;
  font-size: 1rem;
  width: 26px;
  height: 26px;
  font-weight: 600;
  transition: color 0.3s, background-color 0.3s;
}
.btn-share:hover, .btn-share:focus {
  color: #000;
}
.btn-share:hover span, .btn-share:focus span {
  background-color: #000;
  color: #fff;
}

.news-info-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  flex: 1;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .news-info-block {
    flex-direction: column;
    align-items: flex-start;
  }
}
.news-info-block .img {
  width: clamp(5rem, 4.5455rem + 2.2727vw, 6.25rem);
  height: clamp(5rem, 4.5455rem + 2.2727vw, 6.25rem);
}
.news-info-block .img img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.news-info-block .content {
  flex: 1;
  padding-right: 2rem;
}
.news-info-block .content p {
  color: #FFF;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  text-wrap: balance;
  margin-bottom: 0;
}
.news-info-block .content p strong {
  color: #F33FB7;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .news-info-block .content p {
    font-size: 1rem;
    padding-right: 0;
  }
}

.news-next-detail .wrapper-header:after {
  content: none;
}
.news-next-detail .wrapper-header .bg-image:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.news-next-detail .wrapper-header .hero-content--sub {
  padding: 20rem 0 16rem 0;
}
@media screen and (max-width: 39.9375em) {
  .news-next-detail .wrapper-header .hero-content--sub {
    padding: 10rem 0 8rem 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .news-next-detail .wrapper-header .hero-content--sub {
    padding: 10rem 0 10rem 0;
  }
}
.news-next-detail .wrapper-header .hero-content--sub .pre-title {
  font-size: clamp(1.125rem, 0.8068rem + 1.5909vw, 2rem);
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}
.news-next-detail .wrapper-header .hero-content--sub .main-title {
  font-size: clamp(2rem, 0.5455rem + 7.2727vw, 6rem);
  line-height: 120%;
  letter-spacing: 0.3rem;
}
.news-next-detail .wrapper-footer:before {
  content: none;
}
.news-next-detail .wrapper-section--plain {
  background-color: #fff;
  padding: 5rem 0;
}
.news-next-detail .wysiwyg > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 64em) {
  .news-next-detail .wysiwyg {
    border-right: 2px solid #E3E3E3;
  }
}
.news-next-detail .wysiwyg h1:not(.section-title) {
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(2rem, 1.8636rem + 0.6818vw, 2.375rem);
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 2rem;
  position: relative;
}
@media screen and (min-width: 64em) {
  .news-next-detail .wysiwyg h1:not(.section-title):before {
    content: "";
    position: absolute;
    left: -150px;
    top: 25px;
    width: 90px;
    height: 2px;
    border-top: 2px solid #000;
  }
}
.news-next-detail .wysiwyg h2,
.news-next-detail .wysiwyg h3,
.news-next-detail .wysiwyg h4,
.news-next-detail .wysiwyg h5,
.news-next-detail .wysiwyg h6 {
  font-weight: 300;
  text-transform: uppercase;
  color: #000 !important;
  margin-bottom: 1.5rem !important;
}
.news-next-detail .wysiwyg h4,
.news-next-detail .wysiwyg h5,
.news-next-detail .wysiwyg h6 {
  font-weight: 300;
  font-size: 1.5rem !important;
}
.news-next-detail .wysiwyg p,
.news-next-detail .wysiwyg li,
.news-next-detail .wysiwyg td {
  color: #000;
}
.news-next-detail .wysiwyg hr {
  margin: 2.5rem 0;
}
.news-next-detail .wysiwyg .card-video {
  margin-bottom: 2rem;
}
.news-next-detail .wysiwyg .card-video,
.news-next-detail .wysiwyg img:not(.notstyled),
.news-next-detail .wysiwyg blockquote {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.news-next-detail .wysiwyg a:not([class]) {
  color: #000;
  text-decoration: underline;
}

.wrapper-news-info {
  background-color: #252525;
  padding: 2rem 0;
}

.news-footer {
  border-top: 2px solid #E3E3E3;
}
.news-footer .padder {
  padding: 2rem 0.8rem 0 0.8rem;
}
@media screen and (max-width: 39.9375em) {
  .news-footer .padder {
    padding: 2rem 0 0 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .news-footer .padder {
    padding: 2rem 1rem 0;
  }
  .news-footer .padder.flex-container.flex-between {
    justify-content: space-evenly;
  }
}
.news-footer .cell:not(:last-child) {
  border-right: 2px solid #E3E3E3;
}
@media screen and (max-width: 39.9375em) {
  .news-footer .cell:not(:last-child) {
    border-right: 0 solid #E3E3E3;
  }
}

.news-tag {
  border-radius: 20px;
  border: 3px solid #5D77C9;
  display: inline-flex;
  padding: 9px 18px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #000;
  text-align: center;
  font-size: 1.1875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
  font-family: "Roboto Condensed", sans-serif;
  transition: color 0.3s, background-color 0.3s;
}
.news-tag:hover, .news-tag:focus {
  color: #fff;
  background-color: #5D77C9;
}

.news-category-title {
  color: #666;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.news-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.news-type .news-icon {
  width: 62px;
  height: 62px;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .news-type .news-icon {
    width: 42px;
    height: 42px;
  }
}
.news-type .img {
  width: 62px;
  height: 62px;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .news-type .img {
    width: 42px;
    height: 42px;
  }
}
.news-type .img img {
  object-fit: contain;
  object-position: center;
  height: 100%;
  width: 100%;
}
.news-type p {
  color: #000;
  text-align: center;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
  max-width: 100px;
  transition: color 0.3s, border-bottom 0.3s;
  border-bottom: 2px solid transparent;
}
.news-type:hover p, .news-type:focus-visible p {
  color: #363636;
  border-bottom: 2px solid #363636;
}

.sep-small {
  border-bottom: 3px solid #363636;
  width: 80px;
  margin: 2.25rem auto 2.25rem 0;
}

.news-side-quote {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  border: 0;
}
.news-side-quote p {
  position: relative;
  z-index: 1;
  color: #363636;
  font-size: clamp(1.25rem, 1.1955rem + 0.2727vw, 1.4rem);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  padding-right: 2rem;
}
.news-side-quote cite {
  margin-bottom: 0;
  color: #363636;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  color: #6981bd;
}
.news-side-quote cite:before {
  content: none;
}

@media screen and (min-width: 64em) {
  .sticky-contain {
    height: 100%;
  }
  .sticky-side {
    position: sticky;
    top: 8rem;
  }
}
/* Small only */
@media screen and (max-width: 39.9375em) {
  .wysiwyg img.right,
  .wysiwyg img.left {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .btn-dashed {
    display: block;
    font-size: 1.2rem;
    text-align: center;
  }
  .toggle-panel {
    display: none;
  }
  .section-title {
    font-size: 2rem !important;
    margin-bottom: 2rem;
  }
  .section-title--sideline:after {
    content: none;
  }
  .hero-content {
    padding-top: 5rem;
  }
  .hero-content .logo {
    width: 60%;
  }
  .hero-content .menu .btn-rounded {
    margin: 0 0.5rem 0.5rem 0.5rem;
  }
  .hero-content .main-title {
    font-size: 2rem;
  }
  .hero-content .main-title--small span {
    font-size: 1.4rem;
  }
  .hero-content--sub .main-title {
    font-size: 2rem;
  }
  .hero-content .hero-details p {
    margin-bottom: 2rem;
  }
  .card-news .title {
    padding: 0 2rem 0 1rem;
    font-size: 1rem;
  }
  .card-news .title:before {
    display: none;
  }
  .card-feature .img {
    height: 200px;
  }
  .card-news .img {
    height: 310px;
  }
  .card-news--small .img {
    height: 150px;
  }
  .card-brand {
    height: 120px;
  }
  .wrapper-footer .no-bullet li a.switchboard {
    font-size: 1.5rem;
  }
  .wrapper-section.arrow-top:before {
    width: 100%;
  }
  .wrapper-footer p.address {
    margin-bottom: 2rem;
  }
  .wrapper-footer .logo img {
    width: 60%;
  }
  .wrapper-footer:before {
    width: 100%;
  }
  .wrapper-background .overlay:before {
    top: -2px;
  }
  .wrapper-background .overlay:after {
    bottom: -1px;
  }
  .wrapper-section .block-image {
    margin: 2rem 0;
    height: 260px;
  }
  .card-stat p.title {
    font-size: 1.7rem;
  }
  .card-stat p.title span {
    font-size: 1.4rem;
  }
  .card-stat p.summary {
    padding-right: 0;
  }
  .card-quote {
    padding: 200px 0 0 0;
  }
  .card-quote .img {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    height: 200px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .card-quote .content {
    padding: 3rem;
  }
  .card-quote .content blockquote {
    width: 100%;
  }
  .card-quote .content blockquote p {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
  .card-quote .content blockquote cite {
    font-size: 0.8rem;
  }
  .block-collage .img-1 {
    width: 100%;
    height: 360px;
  }
  .block-collage .img-2 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 33.3%;
    height: 120px;
  }
  .block-collage .img-3 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 33.3%;
    width: 33.3%;
    height: 120px;
  }
  .block-collage .img-4 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 66.6%;
    width: 33.3%;
    height: 120px;
  }
  .news-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
  }
  .news-carousel .item .card-news {
    margin-bottom: 1.5rem;
  }
  .news-carousel .item .card-feature {
    margin-bottom: 1.5rem;
  }
  .news-grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "item-1" "item-2" "item-3" "item-4" "item-5";
    width: 100%;
    height: 97.7%;
    grid-gap: 0.5rem 0.5rem;
  }
  .news-grid .card-news .title {
    font-size: 1.2rem;
  }
  .news-grid .card-news .img {
    height: 200px !important;
  }
  .news-grid .item-4 {
    grid-area: item-4;
  }
  .news-grid .item-1 {
    grid-area: item-1;
  }
  .news-grid .item-2 {
    grid-area: item-2;
  }
  .news-grid .item-3 {
    grid-area: item-3;
  }
  .news-grid .item-5 {
    grid-area: item-5;
  }
  .news-grid-small {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "item-1" "item-2" "item-3";
    width: 100%;
    height: 97.7%;
    grid-gap: 0.5rem 0.5rem;
  }
  .news-grid-small .card-news .title {
    font-size: 1.3rem;
  }
  .news-grid-small .item-1 {
    grid-area: item-1;
  }
  .news-grid-small .item-2 {
    grid-area: item-2;
  }
  .news-grid-small .item-3 {
    grid-area: item-3;
  }
  .block-brand-quote {
    margin-bottom: 3rem;
  }
  .breadcrumbs {
    display: none;
  }
  .section-brand-content {
    padding: 4rem 0 2rem 0;
  }
  .section-brand-content .bg {
    width: calc(100vw + 100%);
  }
  .card-news--full .img {
    height: 100%;
  }
  .btn-rounded--extended {
    margin-bottom: 1rem;
  }
  .card-video--large {
    height: 280px;
  }
  .card-video--large .inner .cta-large {
    width: 100px;
    height: 100px;
  }
  .card-video--large .inner .title {
    font-size: 1.6rem;
  }
  .feature-map .map-canvas {
    height: 500px;
  }
  .list-locations {
    display: none;
  }
  .job-listings .item .img {
    margin-top: 2rem;
  }
  .filter-panel {
    margin-bottom: 2rem;
  }
  .feature-spotlight .img {
    height: 200px;
  }
  .feature-spotlight .img:before {
    display: none;
  }
  .feature-spotlight .content {
    padding: 2rem 0.5rem;
  }
  .spotlight-carousel .feature-spotlight .content {
    padding: 2rem 0.5rem 3rem 0.5rem;
  }
  .spotlight-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    left: 3rem;
  }
  .spotlight-carousel--right.owl-theme .owl-nav.disabled + .owl-dots {
    left: 3rem;
    right: auto;
  }
  .card-brand-box {
    height: 200px;
  }
  .block-column-list .cell:nth-child(odd) {
    border-right: 0 solid #fff;
  }
  .block-column-list span.title {
    font-size: 1.2rem;
  }
  .card-video {
    height: 250px;
  }
  .wrapper-history .cards-history:after {
    content: none;
  }
  .wrapper-history .content-img {
    height: 200px;
    margin-bottom: 1rem;
  }
  .wrapper-history .content-date p.year {
    margin-bottom: 1rem;
  }
  .wrapper-history .content-sep {
    display: none;
  }
  .wrapper-history .content-text p {
    text-align: center;
  }
  .wrapper-history .cards-history li {
    margin-bottom: 3rem;
  }
  .card-large-icon .title {
    font-size: 1.6rem;
  }
  .card-large-icon .summary {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
  .card-large-icon .cta {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
  .block-numeric-cards:before, .block-numeric-cards:after {
    content: none;
  }
  .card-area .content {
    padding: 2rem 1rem;
  }
  .card-area .title {
    font-size: 2rem;
  }
  .wrapper-header .nav-block--tint {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }
  .wrapper-header .nav-block--tint .logo {
    padding-top: 0;
  }
  .wrapper-header .nav-block--tint .hamburger {
    padding-top: 0;
  }
  .wrapper-header .nav-block--tint .hamburger-inner,
  .wrapper-header .nav-block--tint .hamburger-inner::before,
  .wrapper-header .nav-block--tint .hamburger-inner::after {
    background-color: #000;
  }
}
/*iphone x etc*/
/* Medium and up */
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .section-title {
    font-size: 3rem;
  }
  .btn-rounded {
    padding: 0.5rem 1rem;
  }
  .breadcrumbs li {
    font-size: 0.8rem;
  }
  .hero-content {
    padding-top: 8rem;
  }
  .hero-content .main-title {
    font-size: 3rem;
  }
  .card-news .title {
    padding: 0 2rem 0 1rem;
    font-size: 1rem;
  }
  .card-news .title:before {
    display: none;
  }
  .card-feature .img {
    height: 200px;
  }
  .card-news .img {
    height: 310px;
  }
  .card-news--small .img {
    height: 150px;
  }
  .card-brand {
    height: 120px;
  }
  .wrapper-footer .no-bullet li a.switchboard {
    font-size: 1.5rem;
  }
  .card-quote .content {
    padding: 1.3rem 3rem;
  }
  .card-quote .content blockquote p {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  .card-quote .content blockquote cite {
    font-size: 0.8rem;
  }
  .btn-dashed {
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
  }
  .block-collage {
    margin-bottom: 4rem;
  }
  .block-collage .img-1 {
    width: 100%;
    height: 300px;
  }
  .block-collage .img-2 {
    position: absolute;
    top: 260px;
    left: 0;
    width: 33.3%;
    height: 140px;
  }
  .block-collage .img-3 {
    position: absolute;
    top: 260px;
    left: 33.3%;
    width: 33.3%;
    height: 140px;
  }
  .block-collage .img-4 {
    position: absolute;
    top: 260px;
    left: 66.6%;
    width: 33.3%;
    height: 140px;
  }
  .news-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
  }
  .wrapper-footer .no-bullet li a.btn-rounded {
    padding: 0.5rem 1rem;
  }
  .block-image--medium {
    height: 200px;
  }
  .card-news--full .img {
    height: 100%;
  }
  .btn-rounded--extended {
    margin-bottom: 1rem;
  }
  .card-video--large {
    height: 380px;
  }
  .feature-spotlight .img {
    height: 300px;
  }
  .feature-spotlight .img:before {
    display: none;
  }
  .spotlight-carousel .feature-spotlight .content {
    padding: 2rem 2rem 3rem 2rem;
  }
  .block-column-list span.title {
    font-size: 1.1rem;
  }
  .card-video {
    height: 300px;
  }
  .card-stat p.title {
    font-size: 2.6rem;
  }
  .wrapper-footer .no-bullet li a:not(.btn-rounded).switchboard {
    font-size: 1.5rem;
    color: #909090;
  }
  .wrapper-history .content-img {
    height: 120px;
    border: 4px solid #fff;
  }
  .wrapper-history .content-date p.month {
    font-size: 2rem;
  }
  .card-large-icon .title {
    font-size: 1.6rem;
  }
  .card-large-icon .summary {
    font-size: 1rem;
  }
  .card-large-icon .cta {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
  .block-numeric-cards .content .num {
    font-size: 6rem;
  }
  .block-numeric-cards .content .summary {
    font-size: 1rem;
  }
  .block-numeric-cards .content {
    padding: 0;
  }
  .card-video--large .inner .cta-large {
    width: 150px;
    height: 150px;
  }
  .card-area .content {
    padding: 2rem 1rem;
  }
  .card-area .title {
    font-size: 2rem;
  }
  .wrapper-header .nav-block--tint {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }
  .wrapper-header .nav-block--tint .logo {
    padding-top: 0;
  }
  .wrapper-header .nav-block--tint .hamburger {
    padding-top: 0;
  }
  .wrapper-header .nav-block--tint .hamburger-inner,
  .wrapper-header .nav-block--tint .hamburger-inner::before,
  .wrapper-header .nav-block--tint .hamburger-inner::after {
    background-color: #000;
  }
}
/* Medium  iphone landscape only */
/* max-width 640px, mobile-only styles and landscape */
/* ipad pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .wrapper-header .nav-primary > .cell > a {
    font-size: 0.9rem;
  }
  .wrapper-header .nav-primary .sub-menu-main {
    top: 70px;
  }
}
/* Large and up */
@media screen and (min-width: 64em) {
  .pad-left {
    padding-left: 2rem;
  }
  .pad-left--large {
    padding-left: 4rem;
  }
  .pad-right {
    padding-right: 2rem;
  }
  .pad-right--large {
    padding-right: 4rem;
  }
  .brand-box-pusher {
    margin-bottom: 4rem;
  }
  .brand-box-pusher .cell:nth-child(even) {
    margin-top: 3rem;
    margin-bottom: -3rem;
  }
  .nav-block {
    position: fixed !important;
    width: 100%;
    z-index: 110;
    padding-bottom: 1rem;
    transition: background-color 0.8s;
  }
  .nav-block.is-scrolled {
    background-color: rgba(0, 0, 0, 0.9);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  }
  .nav-block.is-scrolled .nav-primary > .cell > a {
    padding-top: 1rem !important;
  }
  .nav-block.is-scrolled label {
    padding-top: 1rem !important;
  }
  .nav-block.is-scrolled .logo {
    padding-top: 1rem !important;
  }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .wrapper-section-logos .menu {
    justify-content: space-between !important;
  }
}
.btn-txt-size {
  cursor: pointer;
  line-height: 1;
  border: 2px solid #cacaca;
  height: 28px;
  width: 28px;
  text-align: center;
  margin-right: 5px;
  vertical-align: middle;
}
.btn-txt-size.txt-small {
  font-size: 0.8rem;
}
.btn-txt-size.txt-medium {
  font-size: 1rem;
}
.btn-txt-size.txt-large {
  font-size: 1.25rem;
}
.btn-txt-size.active {
  background-color: #177bb8;
  color: #fff;
  border-color: #177bb8;
}

/* --------------------------------- */
/* ==== High Contrast Overrides ==== */
/* --------------------------------- */
html.access-colour-contrast {
  background-color: #000 !important;
  /*CUSTOM*/
}
html.access-colour-contrast body {
  background-color: #000 !important;
}
html.access-colour-contrast h1, html.access-colour-contrast h2, html.access-colour-contrast h3, html.access-colour-contrast h4, html.access-colour-contrast h5, html.access-colour-contrast h6, html.access-colour-contrast p, html.access-colour-contrast span, html.access-colour-contrast li, html.access-colour-contrast td {
  color: yellow !important;
}
html.access-colour-contrast .switch.small .switch-paddle {
  background-color: #000 !important;
  border: 1px solid yellow !important;
}
html.access-colour-contrast .switch.small .switch-paddle span {
  color: yellow !important;
}
html.access-colour-contrast .switch.small .switch-paddle::after {
  background-color: #000;
}
html.access-colour-contrast .btn-txt-size {
  border-color: yellow;
  color: yellow;
}
html.access-colour-contrast .btn-txt-size.active {
  background-color: yellow;
  color: #000;
}
html.access-colour-contrast .btn-demo {
  border-color: yellow;
  color: yellow;
}
html.access-colour-contrast .btn-demo:hover {
  background-color: yellow;
  color: #000;
  border-color: yellow;
}
html.access-colour-contrast * {
  background-color: #000 !important;
  color: yellow !important;
}
html.access-colour-contrast .grid-container, html.access-colour-contrast .grid-x, html.access-colour-contrast .cell {
  background-color: transparent !important;
}
html.access-colour-contrast .wrapper-header {
  border-bottom: 1px solid yellow !important;
}
html.access-colour-contrast .wrapper-header .bg-image {
  background-image: none !important;
}
html.access-colour-contrast .wrapper-header:after {
  content: none;
}
html.access-colour-contrast .wrapper-section {
  background-image: none !important;
}
html.access-colour-contrast .wrapper-section.arrow-top:before {
  content: none;
}
html.access-colour-contrast .card-feature, html.access-colour-contrast .card-news, html.access-colour-contrast .card-brand {
  border: 1px solid yellow !important;
}
html.access-colour-contrast .wrapper-background {
  border-top: 1px solid yellow !important;
  border-bottom: 1px solid yellow !important;
}
html.access-colour-contrast .wrapper-background .overlay:after {
  content: none;
}
html.access-colour-contrast .wrapper-background .dashed-lines:after {
  content: none;
}
html.access-colour-contrast .wrapper-section {
  border-color: yellow !important;
}
html.access-colour-contrast .wrapper-footer:before {
  content: none;
}
html.access-colour-contrast .card-quote .content {
  border: 1px solid yellow !important;
}
html.access-colour-contrast .card-quote .img {
  background-color: transparent !important;
}
html.access-colour-contrast .section-brand-content .bg {
  content: none;
  background-image: none !important;
}
html.access-colour-contrast .section-brand-content .bg:after {
  background-color: #000 !important;
}
html.access-colour-contrast .btn-rounded--dark, html.access-colour-contrast .btn-rounded {
  border: 1px solid yellow !important;
}
html.access-colour-contrast .wrapper-footer {
  border-top: 1px solid yellow !important;
}
html.access-colour-contrast .wysiwyg table th {
  color: yellow !important;
}
html.access-colour-contrast .search-term, html.access-colour-contrast .filter-header, html.access-colour-contrast .filter-content {
  border: 1px solid yellow !important;
}
html.access-colour-contrast .pagination .prev span, html.access-colour-contrast .pagination .next span {
  color: yellow !important;
}
html.access-colour-contrast .breadcrumbs {
  margin: -7rem 0 6rem 0;
}
html.access-colour-contrast .card-video {
  border: 10px solid yellow !important;
}
html.access-colour-contrast .card-video .cta {
  border: 10px solid yellow;
  background-color: yellow !important;
}
html.access-colour-contrast .card-video--large .cta {
  border: 0 solid yellow;
  background-color: transparent !important;
}
html.access-colour-contrast .card-news .title {
  background-color: transparent !important;
}
html.access-colour-contrast .card-news .title:before {
  border-left: 4px solid yellow;
}
html.access-colour-contrast .card-brand-box {
  border: 1px solid yellow !important;
}
html.access-colour-contrast .feature-spotlight {
  border: 1px solid yellow !important;
}
html.access-colour-contrast .feature-spotlight .img {
  border: 1px solid yellow !important;
}
html.access-colour-contrast .feature-spotlight .img:before {
  content: none;
}
html.access-colour-contrast .filter-panel {
  border: 2px solid yellow !important;
}
html.access-colour-contrast .filter-panel select {
  border: 2px solid yellow !important;
}
html.access-colour-contrast .filter-panel .button {
  border: 2px solid yellow !important;
}
html.access-colour-contrast .job-listings .item {
  border: 1px solid yellow !important;
}
html.access-colour-contrast .hero-form .button {
  border: 2px solid yellow !important;
}
html.access-colour-contrast .btn-dashed:before, html.access-colour-contrast .btn-dashed:after {
  border-top: 3px solid yellow;
}

/* --------------------------------- */
/* ==== Sepia Contrast Overrides ==== */
/* --------------------------------- */
html.access-colour-sepia {
  background-color: #cc9 !important;
  /*CUSTOM*/
}
html.access-colour-sepia body {
  background-color: #cc9 !important;
}
html.access-colour-sepia h1, html.access-colour-sepia h2, html.access-colour-sepia h3, html.access-colour-sepia h4, html.access-colour-sepia h5, html.access-colour-sepia h6, html.access-colour-sepia p, html.access-colour-sepia span, html.access-colour-sepia li, html.access-colour-sepia td {
  color: #009 !important;
}
html.access-colour-sepia .switch.small .switch-paddle {
  background-color: #cc9 !important;
  border: 1px solid #009 !important;
}
html.access-colour-sepia .switch.small .switch-paddle span {
  color: #009 !important;
}
html.access-colour-sepia .switch.small .switch-paddle::after {
  background-color: #000;
}
html.access-colour-sepia .btn-txt-size {
  border-color: #009;
  color: #009;
}
html.access-colour-sepia .btn-txt-size.active {
  background-color: #009;
  color: #cc9;
}
html.access-colour-sepia .btn-demo {
  border-color: #009;
  color: #009;
}
html.access-colour-sepia .btn-demo:hover {
  background-color: #009;
  color: #000;
  border-color: #009;
}
html.access-colour-sepia * {
  background-color: #cc9 !important;
  color: #009 !important;
}
html.access-colour-sepia .grid-container, html.access-colour-sepia .grid-x, html.access-colour-sepia .cell {
  background-color: transparent !important;
}
html.access-colour-sepia .wrapper-header {
  border-bottom: 1px solid #009 !important;
}
html.access-colour-sepia .wrapper-header .bg-image {
  background-image: none !important;
}
html.access-colour-sepia .wrapper-header:after {
  content: none;
}
html.access-colour-sepia .wrapper-section {
  background-image: none !important;
}
html.access-colour-sepia .wrapper-section.arrow-top:before {
  content: none;
}
html.access-colour-sepia .card-feature, html.access-colour-sepia .card-news, html.access-colour-sepia .card-brand {
  border: 1px solid #009 !important;
}
html.access-colour-sepia .wrapper-background {
  border-top: 1px solid #009 !important;
  border-bottom: 1px solid #009 !important;
}
html.access-colour-sepia .wrapper-background .overlay:after {
  content: none;
}
html.access-colour-sepia .wrapper-background .dashed-lines:after {
  content: none;
}
html.access-colour-sepia .wrapper-section {
  border-color: #009 !important;
}
html.access-colour-sepia .wrapper-footer:before {
  content: none;
}
html.access-colour-sepia .card-quote .content {
  border: 1px solid #009 !important;
}
html.access-colour-sepia .card-quote .img {
  background-color: transparent !important;
}
html.access-colour-sepia .section-brand-content .bg {
  content: none;
  background-image: none !important;
}
html.access-colour-sepia .section-brand-content .bg:after {
  background-color: #cc9 !important;
}
html.access-colour-sepia .btn-rounded--dark, html.access-colour-sepia .btn-rounded {
  border: 1px solid #009 !important;
}
html.access-colour-sepia .wrapper-footer {
  border-top: 1px solid #009 !important;
}
html.access-colour-sepia .wysiwyg table th {
  color: #009 !important;
}
html.access-colour-sepia .search-term, html.access-colour-sepia .filter-header, html.access-colour-sepia .filter-content {
  border: 1px solid #009 !important;
}
html.access-colour-sepia .pagination .prev span, html.access-colour-sepia .pagination .next span {
  color: #009 !important;
}
html.access-colour-sepia .wrapper-header .bg-image:after {
  content: none !important;
}
html.access-colour-sepia .breadcrumbs {
  margin: -7rem 0 6rem 0;
}
html.access-colour-sepia .card-video {
  border: 10px solid #009 !important;
}
html.access-colour-sepia .card-video .cta {
  border: 10px solid #009;
  background-color: #009 !important;
}
html.access-colour-sepia .card-video--large .cta {
  border: 0 solid #009;
  background-color: transparent !important;
}
html.access-colour-sepia .card-news .title {
  background-color: transparent !important;
}
html.access-colour-sepia .card-news .title:before {
  border-left: 4px solid #009;
}
html.access-colour-sepia .card-brand-box {
  border: 1px solid #009 !important;
}
html.access-colour-sepia .feature-spotlight {
  border: 1px solid #009 !important;
}
html.access-colour-sepia .feature-spotlight .img {
  border: 1px solid #009 !important;
}
html.access-colour-sepia .feature-spotlight .img:before {
  content: none;
}
html.access-colour-sepia .filter-panel {
  border: 2px solid #009 !important;
}
html.access-colour-sepia .filter-panel select {
  border: 2px solid #009 !important;
}
html.access-colour-sepia .filter-panel .button {
  border: 2px solid #009 !important;
}
html.access-colour-sepia .job-listings .item {
  border: 1px solid #009 !important;
}
html.access-colour-sepia .hero-form .button {
  border: 2px solid #009 !important;
}
html.access-colour-sepia .btn-dashed:before, html.access-colour-sepia .btn-dashed:after {
  border-top: 3px solid #009;
}
html.access-colour-sepia .card-news .title {
  color: #cc9 !important;
}
html.access-colour-sepia .card-news .title:before {
  border-left: 4px solid #cc9;
}
html.access-colour-sepia .section-line:before {
  display: none;
}
html.access-colour-sepia .section-title:before {
  display: none;
}
html.access-colour-sepia .wrapper-background--down .base-line:after {
  display: none;
}
html.access-colour-sepia .wrapper-background--down .base-line:before {
  display: none;
}

/* --------------------------------- */
/* ==== Animations Off ==== */
/* --------------------------------- */
html.access-anims-off * {
  animation: none !important;
  animation-duration: 0s !important;
  animation-delay: 0s !important;
}
html.access-anims-off .aos-init, html.access-anims-off .aos-animate {
  opacity: 1 !important;
  transform: none !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  transition-property: none !important;
}

/* --------------------------------- */
/* reduced animations */
/* --------------------------------- */
@media screen and (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
  }
  .aos-init, .aos-animate {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    transition-property: none !important;
  }
}
@media print {
  /*custom*/
  * {
    animation: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
  }
  .aos-init, .aos-animate {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    transition-property: none !important;
  }
  .print-full {
    width: 100%;
    display: block;
  }
}

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