@charset "UTF-8";
@import url(video-js.min.css);
@import url(tiny-slider.css);
@import url(photoswipe/photoswipe.min.css);
@import url(photoswipe/photoswipe-default-skin.min.css);
@import url(reset.css);
/* Colors
 * -------------------------------------------- */
/* WEBFONTS -------------------------------------------- */
/* heebo-regular - latin */
@import url(aos/aos.css);
@import url(aos/aos.css);
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-Regular.eot");
  src: url("../WebFonts/Heebo-Regular.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Regular.woff2") format("woff2"), url("../WebFonts/Heebo-Regular.woff") format("woff"), url("../WebFonts/Heebo-Regular.ttf") format("truetype"), url("../WebFonts/Heebo-Regular.svg#Heebo") format("svg"); }
/* heebo-thin - latin */
@font-face {
  font-family: "Heebo-Thin";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-Thin.eot");
  src: url("../WebFonts/Heebo-Thin.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Thin.woff2") format("woff2"), url("../WebFonts/Heebo-Thin.woff") format("woff"), url("../WebFonts/Heebo-Thin.ttf") format("truetype"), url("../WebFonts/Heebo-Thin.svg#Heebo") format("svg"); }
/* heebo-light - latin */
@font-face {
  font-family: "Heebo-ExtraLight";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-ExtraLight.eot");
  src: url("../WebFonts/Heebo-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-ExtraLight.woff2") format("woff2"), url("../WebFonts/Heebo-ExtraLight.woff") format("woff"), url("../WebFonts/Heebo-ExtraLight.ttf") format("truetype"), url("../WebFonts/Heebo-ExtraLight.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-Light";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-Light.eot");
  src: url("../WebFonts/Heebo-Light.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Light.woff2") format("woff2"), url("../WebFonts/Heebo-Light.woff") format("woff"), url("../WebFonts/Heebo-Light.ttf") format("truetype"), url("../WebFonts/Heebo-Light.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-Medium";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-Medium.eot");
  src: url("../WebFonts/Heebo-Medium.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Medium.woff2") format("woff2"), url("../WebFonts/Heebo-Medium.ttf") format("truetype"), url("../WebFonts/Heebo-Medium.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-SemiBold";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-SemiBold.eot");
  src: url("../WebFonts/Heebo-SemiBold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-SemiBold.woff2") format("woff2"), url("../WebFonts/Heebo-SemiBold.ttf") format("truetype"), url("../WebFonts/Heebo-SemiBold.svg#Heebo") format("svg"); }
/* heebo-700 - latin */
@font-face {
  font-family: "Heebo-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-Bold.eot");
  src: url("../WebFonts/Heebo-Bold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Bold.woff2") format("woff2"), url("../WebFonts/Heebo-Bold.ttf") format("truetype"), url("../WebFonts/Heebo-Bold.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-ExtraBold";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-ExtraBold.eot");
  src: url("../WebFonts/Heebo-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-ExtraBold.woff2") format("woff2"), url("../WebFonts/Heebo-ExtraBold.ttf") format("truetype"), url("../WebFonts/Heebo-ExtraBold.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-Black";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-Black.eot");
  src: url("../WebFonts/Heebo-Black.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Black.woff2") format("woff2"), url("../WebFonts/Heebo-Black.ttf") format("truetype"), url("../WebFonts/Heebo-Black.svg#Heebo") format("svg"); }
@font-face {
  font-family: "EBGaramond-Bold";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/EBGaramond-Bold.eot");
  src: url("../WebFonts/EBGaramond-Bold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/EBGaramond-Bold.woff2") format("woff2"), url("../WebFonts/EBGaramond-Bold.woff") format("woff"), url("../WebFonts/EBGaramond-Bold.ttf") format("truetype"), url("../WebFonts/EBGaramond-Bold.svg#Heebo") format("svg"); }
/* Buttons
 * -------------------------------------------- */
a.button,
form button:not(.pswp__button):not(.big-play-btn) {
  font-family: "Heebo-Bold", Arial, sans-serif;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.1em;
  padding: 0 24px;
  background: #006064;
  background-clip: border-box;
  border: solid 2px #006064;
  min-width: 248px;
  max-width: 100%;
  height: 48px;
  border-radius: 48px;
  line-height: 46px;
  margin: 135px 0 220px;
  color: #fff;
  box-sizing: border-box;
  /*
  &:hover {
    color: $black;
    background-color: $white;
    border-color: $white;
  }
  */ }
  a.button.cta3 span, a.button.arrow span,
  form button:not(.pswp__button):not(.big-play-btn).cta3 span,
  form button:not(.pswp__button):not(.big-play-btn).arrow span {
    background-position: left center;
    padding: 0 0 0 32px;
    background-repeat: no-repeat;
    background-image: url("../Images/Icons/arrow_white.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      a.button.cta3 span, a.button.arrow span,
      form button:not(.pswp__button):not(.big-play-btn).cta3 span,
      form button:not(.pswp__button):not(.big-play-btn).arrow span {
        background-image: url("../Images/Icons/arrow_white@2x.png");
        background-size: 20px 16px; } }
  a.button.download span,
  form button:not(.pswp__button):not(.big-play-btn).download span {
    background-position: left center;
    padding: 0 0 0 24px;
    background-repeat: no-repeat;
    background-image: url("../Images/Icons/download_white.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      a.button.download span,
      form button:not(.pswp__button):not(.big-play-btn).download span {
        background-image: url("../Images/Icons/download_white@2x.png");
        background-size: 17px 18px; } }
  a.button:hover,
  form button:not(.pswp__button):not(.big-play-btn):hover {
    background-color: rgba(255, 255, 255, 0.8);
    color: #006064;
    border-color: #006064; }
    a.button:hover.arrow span,
    form button:not(.pswp__button):not(.big-play-btn):hover.arrow span {
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/arrow_petrol.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        a.button:hover.arrow span,
        form button:not(.pswp__button):not(.big-play-btn):hover.arrow span {
          background-image: url("../Images/Icons/arrow_petrol@2x.png");
          background-size: 20px 16px; } }
    a.button:hover.download span,
    form button:not(.pswp__button):not(.big-play-btn):hover.download span {
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/download_petrol.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        a.button:hover.download span,
        form button:not(.pswp__button):not(.big-play-btn):hover.download span {
          background-image: url("../Images/Icons/download_petrol@2x.png");
          background-size: 17px 18px; } }
  a.button.cta2,
  form button:not(.pswp__button):not(.big-play-btn).cta2 {
    background-color: #428e92;
    border-color: #428e92;
    color: #fff; }
    a.button.cta2:hover,
    form button:not(.pswp__button):not(.big-play-btn).cta2:hover {
      background-color: #fff;
      color: #428e92; }
  a.button[type=submit], a.button.cta3, a.button.orange,
  form button:not(.pswp__button):not(.big-play-btn)[type=submit],
  form button:not(.pswp__button):not(.big-play-btn).cta3,
  form button:not(.pswp__button):not(.big-play-btn).orange {
    background-color: #ff3d00;
    border-color: #ff3d00;
    color: #fff;
    margin: 45px 20px 0 0; }
    a.button[type=submit].arrow span, a.button.cta3.arrow span, a.button.orange.arrow span,
    form button:not(.pswp__button):not(.big-play-btn)[type=submit].arrow span,
    form button:not(.pswp__button):not(.big-play-btn).cta3.arrow span,
    form button:not(.pswp__button):not(.big-play-btn).orange.arrow span {
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/arrow_white.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        a.button[type=submit].arrow span, a.button.cta3.arrow span, a.button.orange.arrow span,
        form button:not(.pswp__button):not(.big-play-btn)[type=submit].arrow span,
        form button:not(.pswp__button):not(.big-play-btn).cta3.arrow span,
        form button:not(.pswp__button):not(.big-play-btn).orange.arrow span {
          background-image: url("../Images/Icons/arrow_white@2x.png");
          background-size: 20px 16px; } }
    a.button[type=submit]:disabled, a.button.cta3:disabled, a.button.orange:disabled,
    form button:not(.pswp__button):not(.big-play-btn)[type=submit]:disabled,
    form button:not(.pswp__button):not(.big-play-btn).cta3:disabled,
    form button:not(.pswp__button):not(.big-play-btn).orange:disabled {
      cursor: unset; }
    a.button[type=submit]:disabled, a.button[type=submit]:hover, a.button.cta3:disabled, a.button.cta3:hover, a.button.orange:disabled, a.button.orange:hover,
    form button:not(.pswp__button):not(.big-play-btn)[type=submit]:disabled,
    form button:not(.pswp__button):not(.big-play-btn)[type=submit]:hover,
    form button:not(.pswp__button):not(.big-play-btn).cta3:disabled,
    form button:not(.pswp__button):not(.big-play-btn).cta3:hover,
    form button:not(.pswp__button):not(.big-play-btn).orange:disabled,
    form button:not(.pswp__button):not(.big-play-btn).orange:hover {
      background-color: rgba(255, 255, 255, 0.8);
      border-color: #ff3d00;
      color: #ff3d00; }
      a.button[type=submit]:disabled.arrow span, a.button[type=submit]:hover.arrow span, a.button.cta3:disabled.arrow span, a.button.cta3:hover.arrow span, a.button.orange:disabled.arrow span, a.button.orange:hover.arrow span,
      form button:not(.pswp__button):not(.big-play-btn)[type=submit]:disabled.arrow span,
      form button:not(.pswp__button):not(.big-play-btn)[type=submit]:hover.arrow span,
      form button:not(.pswp__button):not(.big-play-btn).cta3:disabled.arrow span,
      form button:not(.pswp__button):not(.big-play-btn).cta3:hover.arrow span,
      form button:not(.pswp__button):not(.big-play-btn).orange:disabled.arrow span,
      form button:not(.pswp__button):not(.big-play-btn).orange:hover.arrow span {
        background-repeat: no-repeat;
        background-image: url("../Images/Icons/arrow_orange.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          a.button[type=submit]:disabled.arrow span, a.button[type=submit]:hover.arrow span, a.button.cta3:disabled.arrow span, a.button.cta3:hover.arrow span, a.button.orange:disabled.arrow span, a.button.orange:hover.arrow span,
          form button:not(.pswp__button):not(.big-play-btn)[type=submit]:disabled.arrow span,
          form button:not(.pswp__button):not(.big-play-btn)[type=submit]:hover.arrow span,
          form button:not(.pswp__button):not(.big-play-btn).cta3:disabled.arrow span,
          form button:not(.pswp__button):not(.big-play-btn).cta3:hover.arrow span,
          form button:not(.pswp__button):not(.big-play-btn).orange:disabled.arrow span,
          form button:not(.pswp__button):not(.big-play-btn).orange:hover.arrow span {
            background-image: url("../Images/Icons/arrow_orange@2x.png");
            background-size: 20px 16px; } }
  a.button.cta3 span,
  form button:not(.pswp__button):not(.big-play-btn).cta3 span {
    background-repeat: no-repeat;
    background-image: url("../Images/Icons/arrow_white.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      a.button.cta3 span,
      form button:not(.pswp__button):not(.big-play-btn).cta3 span {
        background-image: url("../Images/Icons/arrow_white@2x.png");
        background-size: 20px 16px; } }
  a.button.cta3:disabled span, a.button.cta3:hover span,
  form button:not(.pswp__button):not(.big-play-btn).cta3:disabled span,
  form button:not(.pswp__button):not(.big-play-btn).cta3:hover span {
    background-repeat: no-repeat;
    background-image: url("../Images/Icons/arrow_orange.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      a.button.cta3:disabled span, a.button.cta3:hover span,
      form button:not(.pswp__button):not(.big-play-btn).cta3:disabled span,
      form button:not(.pswp__button):not(.big-play-btn).cta3:hover span {
        background-image: url("../Images/Icons/arrow_orange@2x.png");
        background-size: 20px 16px; } }
  a.button:focus,
  form button:not(.pswp__button):not(.big-play-btn):focus {
    outline: 1px dotted #fff; }

form button.lp-form-button:not(.pswp__button):not(.big-play-btn) {
  height: auto; }

input[type="reset"] {
  background: transparent;
  border: none;
  color: transparent;
  height: 26px;
  width: 26px;
  cursor: pointer;
  padding: 0;
  background-repeat: no-repeat;
  background-image: url("../Images/Icons/reset_orange.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    input[type="reset"] {
      background-image: url("../Images/Icons/reset_orange@2x.png");
      background-size: 26px 26px; } }

a.button {
  display: inline-block;
  text-decoration: none;
  text-align: center; }
  a.button.arrow {
    margin: 0; }
  a.button.centered {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 248px; }

body,
body .content-container {
  /*
    &.text .bg-img + .container .copy .button {
      background-color: $petrol;
      border-color: $petrol;
      color: $white;
      &:hover {
        background-color: $white;
        border-color: $petrol;
        color: $petrol;
      }
      &.cta2 {
        background-color: $petrol-light;
        border-color: $petrol-light;
        &:hover {
          background-color: $white;
          color: $petrol-light;
        }
      }
    }
   */ }
  body.black .button:not(.cta3),
  body .content-container.black .button:not(.cta3) {
    color: #000; }
  body.petrol-light .button:not(.cta3),
  body .content-container.petrol-light .button:not(.cta3) {
    color: #428e92; }
  body.petrol-medium .button:not(.cta3),
  body .content-container.petrol-medium .button:not(.cta3) {
    color: #006064; }
  body.petrol-dark .button:not(.cta3),
  body .content-container.petrol-dark .button:not(.cta3) {
    color: #00363a; }
  body.orange .button:not(.cta3),
  body .content-container.orange .button:not(.cta3) {
    color: #ff3d00; }
  body.blue-light .button:not(.cta3),
  body .content-container.blue-light .button:not(.cta3) {
    color: #3A5786; }
  body.blue-medium .button:not(.cta3),
  body .content-container.blue-medium .button:not(.cta3) {
    color: #002E59; }
  body.blue-dark .button:not(.cta3),
  body .content-container.blue-dark .button:not(.cta3) {
    color: #000023; }
  body.turquoise-dark .button:not(.cta3),
  body .content-container.turquoise-dark .button:not(.cta3) {
    color: #74ccb9; }
  body.black button.cta3:hover,
  body.black button[type=submit]:hover,
  body.black button[type=submit].button:hover, body.petrol-light button.cta3:hover,
  body.petrol-light button[type=submit]:hover,
  body.petrol-light button[type=submit].button:hover, body.petrol-medium button.cta3:hover,
  body.petrol-medium button[type=submit]:hover,
  body.petrol-medium button[type=submit].button:hover, body.petrol-dark button.cta3:hover,
  body.petrol-dark button[type=submit]:hover,
  body.petrol-dark button[type=submit].button:hover, body.blue-light button.cta3:hover,
  body.blue-light button[type=submit]:hover,
  body.blue-light button[type=submit].button:hover, body.blue-medium button.cta3:hover,
  body.blue-medium button[type=submit]:hover,
  body.blue-medium button[type=submit].button:hover, body.blue-dark button.cta3:hover,
  body.blue-dark button[type=submit]:hover,
  body.blue-dark button[type=submit].button:hover, body.turquoise-dark button.cta3:hover,
  body.turquoise-dark button[type=submit]:hover,
  body.turquoise-dark button[type=submit].button:hover,
  body .content-container.black button.cta3:hover,
  body .content-container.black button[type=submit]:hover,
  body .content-container.black button[type=submit].button:hover,
  body .content-container.petrol-light button.cta3:hover,
  body .content-container.petrol-light button[type=submit]:hover,
  body .content-container.petrol-light button[type=submit].button:hover,
  body .content-container.petrol-medium button.cta3:hover,
  body .content-container.petrol-medium button[type=submit]:hover,
  body .content-container.petrol-medium button[type=submit].button:hover,
  body .content-container.petrol-dark button.cta3:hover,
  body .content-container.petrol-dark button[type=submit]:hover,
  body .content-container.petrol-dark button[type=submit].button:hover,
  body .content-container.blue-light button.cta3:hover,
  body .content-container.blue-light button[type=submit]:hover,
  body .content-container.blue-light button[type=submit].button:hover,
  body .content-container.blue-medium button.cta3:hover,
  body .content-container.blue-medium button[type=submit]:hover,
  body .content-container.blue-medium button[type=submit].button:hover,
  body .content-container.blue-dark button.cta3:hover,
  body .content-container.blue-dark button[type=submit]:hover,
  body .content-container.blue-dark button[type=submit].button:hover,
  body .content-container.turquoise-dark button.cta3:hover,
  body .content-container.turquoise-dark button[type=submit]:hover,
  body .content-container.turquoise-dark button[type=submit].button:hover {
    background-color: #fff;
    color: #ff3d00; }
  body.black .button:not(.cta3), body.petrol-light .button:not(.cta3), body.petrol-medium .button:not(.cta3), body.petrol-dark .button:not(.cta3), body.blue-light .button:not(.cta3), body.blue-medium .button:not(.cta3), body.blue-dark .button:not(.cta3), body.turquoise-dark .button:not(.cta3),
  body .content-container.black .button:not(.cta3),
  body .content-container.petrol-light .button:not(.cta3),
  body .content-container.petrol-medium .button:not(.cta3),
  body .content-container.petrol-dark .button:not(.cta3),
  body .content-container.blue-light .button:not(.cta3),
  body .content-container.blue-medium .button:not(.cta3),
  body .content-container.blue-dark .button:not(.cta3),
  body .content-container.turquoise-dark .button:not(.cta3) {
    background-color: #fff;
    border-color: #fff; }
    body.black .button:not(.cta3):hover, body.petrol-light .button:not(.cta3):hover, body.petrol-medium .button:not(.cta3):hover, body.petrol-dark .button:not(.cta3):hover, body.blue-light .button:not(.cta3):hover, body.blue-medium .button:not(.cta3):hover, body.blue-dark .button:not(.cta3):hover, body.turquoise-dark .button:not(.cta3):hover,
    body .content-container.black .button:not(.cta3):hover,
    body .content-container.petrol-light .button:not(.cta3):hover,
    body .content-container.petrol-medium .button:not(.cta3):hover,
    body .content-container.petrol-dark .button:not(.cta3):hover,
    body .content-container.blue-light .button:not(.cta3):hover,
    body .content-container.blue-medium .button:not(.cta3):hover,
    body .content-container.blue-dark .button:not(.cta3):hover,
    body .content-container.turquoise-dark .button:not(.cta3):hover {
      background-color: rgba(255, 255, 255, 0.4);
      color: #fff; }
    body.black .button:not(.cta3).cta2, body.petrol-light .button:not(.cta3).cta2, body.petrol-medium .button:not(.cta3).cta2, body.petrol-dark .button:not(.cta3).cta2, body.blue-light .button:not(.cta3).cta2, body.blue-medium .button:not(.cta3).cta2, body.blue-dark .button:not(.cta3).cta2, body.turquoise-dark .button:not(.cta3).cta2,
    body .content-container.black .button:not(.cta3).cta2,
    body .content-container.petrol-light .button:not(.cta3).cta2,
    body .content-container.petrol-medium .button:not(.cta3).cta2,
    body .content-container.petrol-dark .button:not(.cta3).cta2,
    body .content-container.blue-light .button:not(.cta3).cta2,
    body .content-container.blue-medium .button:not(.cta3).cta2,
    body .content-container.blue-dark .button:not(.cta3).cta2,
    body .content-container.turquoise-dark .button:not(.cta3).cta2 {
      background-color: rgba(255, 255, 255, 0.6);
      border-color: transparent; }
      body.black .button:not(.cta3).cta2:hover, body.petrol-light .button:not(.cta3).cta2:hover, body.petrol-medium .button:not(.cta3).cta2:hover, body.petrol-dark .button:not(.cta3).cta2:hover, body.blue-light .button:not(.cta3).cta2:hover, body.blue-medium .button:not(.cta3).cta2:hover, body.blue-dark .button:not(.cta3).cta2:hover, body.turquoise-dark .button:not(.cta3).cta2:hover,
      body .content-container.black .button:not(.cta3).cta2:hover,
      body .content-container.petrol-light .button:not(.cta3).cta2:hover,
      body .content-container.petrol-medium .button:not(.cta3).cta2:hover,
      body .content-container.petrol-dark .button:not(.cta3).cta2:hover,
      body .content-container.blue-light .button:not(.cta3).cta2:hover,
      body .content-container.blue-medium .button:not(.cta3).cta2:hover,
      body .content-container.blue-dark .button:not(.cta3).cta2:hover,
      body .content-container.turquoise-dark .button:not(.cta3).cta2:hover {
        background-color: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.6); }
  body.orange a.button.cta3,
  body.orange button[type=submit],
  body.orange button[type=submit].button.arrow,
  body .content-container.orange a.button.cta3,
  body .content-container.orange button[type=submit],
  body .content-container.orange button[type=submit].button.arrow {
    background-color: #fff;
    border-color: transparent;
    color: #ff3d00; }
    body.orange a.button.cta3 span,
    body.orange button[type=submit] span,
    body.orange button[type=submit].button.arrow span,
    body .content-container.orange a.button.cta3 span,
    body .content-container.orange button[type=submit] span,
    body .content-container.orange button[type=submit].button.arrow span {
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/arrow_orange.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        body.orange a.button.cta3 span,
        body.orange button[type=submit] span,
        body.orange button[type=submit].button.arrow span,
        body .content-container.orange a.button.cta3 span,
        body .content-container.orange button[type=submit] span,
        body .content-container.orange button[type=submit].button.arrow span {
          background-image: url("../Images/Icons/arrow_orange@2x.png");
          background-size: 20px 16px; } }
    body.orange a.button.cta3:hover,
    body.orange button[type=submit]:hover,
    body.orange button[type=submit].button.arrow:hover,
    body .content-container.orange a.button.cta3:hover,
    body .content-container.orange button[type=submit]:hover,
    body .content-container.orange button[type=submit].button.arrow:hover {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      body.orange a.button.cta3:hover span,
      body.orange button[type=submit]:hover span,
      body.orange button[type=submit].button.arrow:hover span,
      body .content-container.orange a.button.cta3:hover span,
      body .content-container.orange button[type=submit]:hover span,
      body .content-container.orange button[type=submit].button.arrow:hover span {
        background-repeat: no-repeat;
        background-image: url("../Images/Icons/arrow_white.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          body.orange a.button.cta3:hover span,
          body.orange button[type=submit]:hover span,
          body.orange button[type=submit].button.arrow:hover span,
          body .content-container.orange a.button.cta3:hover span,
          body .content-container.orange button[type=submit]:hover span,
          body .content-container.orange button[type=submit].button.arrow:hover span {
            background-image: url("../Images/Icons/arrow_white@2x.png");
            background-size: 20px 16px; } }
  body.orange .button:not(.cta3),
  body .content-container.orange .button:not(.cta3) {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: transparent; }
    body.orange .button:not(.cta3):hover,
    body .content-container.orange .button:not(.cta3):hover {
      border-color: rgba(255, 255, 255, 0.4);
      background-color: rgba(255, 255, 255, 0.4);
      color: #fff; }
    body.orange .button:not(.cta3).cta2,
    body .content-container.orange .button:not(.cta3).cta2 {
      background-color: rgba(255, 255, 255, 0.6);
      border-color: transparent; }
      body.orange .button:not(.cta3).cta2:hover,
      body .content-container.orange .button:not(.cta3).cta2:hover {
        background-color: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.6); }
  body.white .button:not(.cta3), body.grey .button:not(.cta3), body.turquoise-light .button:not(.cta3),
  body .content-container.white .button:not(.cta3),
  body .content-container.grey .button:not(.cta3),
  body .content-container.turquoise-light .button:not(.cta3) {
    background-color: #006064;
    border-color: #006064;
    color: #fff; }
    body.white .button:not(.cta3):hover, body.grey .button:not(.cta3):hover, body.turquoise-light .button:not(.cta3):hover,
    body .content-container.white .button:not(.cta3):hover,
    body .content-container.grey .button:not(.cta3):hover,
    body .content-container.turquoise-light .button:not(.cta3):hover {
      background-color: #fff;
      border-color: #006064;
      color: #006064; }
    body.white .button:not(.cta3).cta2, body.grey .button:not(.cta3).cta2, body.turquoise-light .button:not(.cta3).cta2,
    body .content-container.white .button:not(.cta3).cta2,
    body .content-container.grey .button:not(.cta3).cta2,
    body .content-container.turquoise-light .button:not(.cta3).cta2 {
      background-color: #000023;
      background-color: #428e92;
      border-color: #428e92; }
      body.white .button:not(.cta3).cta2:hover, body.grey .button:not(.cta3).cta2:hover, body.turquoise-light .button:not(.cta3).cta2:hover,
      body .content-container.white .button:not(.cta3).cta2:hover,
      body .content-container.grey .button:not(.cta3).cta2:hover,
      body .content-container.turquoise-light .button:not(.cta3).cta2:hover {
        background-color: #fff;
        border-color: #428e92;
        color: #428e92; }

/*
.content-container.text .bg-img + .container .button {
  background-color: $petrol;
  border-color: $petrol;
  color: $white;
  &:hover {
    background-color: $white;
    border-color: $petrol;
    color: $petrol;
  }
}
*/
/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  a.button,
  form button {
    max-width: 100%; }

  a.button.download {
    min-width: unset;
    width: 60px !important;
    height: 60px !important;
    border-radius: 100%;
    padding: 0;
    background-repeat: no-repeat;
    background-image: url("../Images/Icons/m_download_white.png");
    background-position: center center; } }
  @media only screen and (max-width: 880px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 880px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 880px) and (min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min-resolution: 192dpi), only screen and (max-width: 880px) and (min-resolution: 2dppx) {
    a.button.download {
      background-image: url("../Images/Icons/m_download_white@2x.png");
      background-size: 21px 21px; } }
@media (max-width: 880px) {
    a.button.download:hover {
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/download_petrol.png"); } }
    @media only screen and (max-width: 880px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 880px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 880px) and (min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min-resolution: 192dpi), only screen and (max-width: 880px) and (min-resolution: 2dppx) {
      a.button.download:hover {
        background-image: url("../Images/Icons/download_petrol@2x.png");
        background-size: 21px 21px; } }
@media (max-width: 880px) {
    a.button.download span {
      display: none; }

  input[type="reset"] {
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-image: url("../Images/Icons/reset_orange_small.png"); } }
  @media only screen and (max-width: 880px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 880px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 880px) and (min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min-resolution: 192dpi), only screen and (max-width: 880px) and (min-resolution: 2dppx) {
    input[type="reset"] {
      background-image: url("../Images/Icons/reset_orange_small@2x.png");
      background-size: 24px 24px; } }

@media (max-width: 375px) {
  a.button,
  form button {
    min-width: 235px; } }
/* Main navigation
 * -------------------------------------------- */
#environment {
  display: none !important; }

#mobile-menu-toggle {
  display: none;
  z-index: 1000;
  width: 22px;
  height: 14px;
  margin: -2px 0 0;
  transform: rotate(0deg);
  cursor: pointer;
  opacity: .8; }
  #mobile-menu-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: all .3s linear; }
    #mobile-menu-toggle span:nth-child(1) {
      top: 0; }
    #mobile-menu-toggle span:nth-child(2), #mobile-menu-toggle span:nth-child(3) {
      top: 6px; }
    #mobile-menu-toggle span:nth-child(4) {
      top: 12px; }
  #mobile-menu-toggle:hover {
    opacity: 1; }

body.mobile-menu-open #mobile-menu-toggle span {
  height: .25rem;
  width: 2.4rem; }
  body.mobile-menu-open #mobile-menu-toggle span:nth-child(1) {
    top: 4px;
    width: 0%;
    left: 50%; }
  body.mobile-menu-open #mobile-menu-toggle span:nth-child(2) {
    transform: rotate(40deg); }
  body.mobile-menu-open #mobile-menu-toggle span:nth-child(3) {
    transform: rotate(-40deg); }
  body.mobile-menu-open #mobile-menu-toggle span:nth-child(4) {
    top: 4px;
    width: 0%;
    left: 50%; }
body.mobile-menu-open #mobile-menu-toggle:hover span {
  background-color: #fff; }

html {
  font-size: 10px; }

.main-nav-bar {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: rgba(0, 96, 100, 0.5);
  transition: background-color .3s ease-in-out; }
  .main-nav-bar .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 90px;
    padding: 0 40px; }
    .main-nav-bar .inner #logo {
      float: none;
      width: 136px;
      height: 56px;
      background-repeat: no-repeat;
      background-image: url("../Images/Logos/logo.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .main-nav-bar .inner #logo {
          background-image: url("../Images/Logos/logo@2x.png");
          background-size: 136px 56px; } }
    .main-nav-bar .inner .main-nav {
      display: flex;
      align-items: center;
      margin-top: .6rem; }
      .main-nav-bar .inner .main-nav.itemActive > a.nav-link, .main-nav-bar .inner .main-nav.itemHoovered > a.nav-link {
        opacity: .5; }
        .main-nav-bar .inner .main-nav.itemActive > a.nav-link.selected, .main-nav-bar .inner .main-nav.itemActive > a.nav-link:hover, .main-nav-bar .inner .main-nav.itemHoovered > a.nav-link.selected, .main-nav-bar .inner .main-nav.itemHoovered > a.nav-link:hover {
          opacity: 1; }
      .main-nav-bar .inner .main-nav .sub-nav {
        display: flex;
        opacity: 0;
        flex-direction: row;
        position: absolute;
        top: 6rem;
        padding-top: 5rem;
        right: 4rem;
        z-index: -1;
        transition: all .2s ease-in;
        width: max-content;
        max-width: calc(100% - 8rem);
        filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.7));
        visibility: hidden; }
        .main-nav-bar .inner .main-nav .sub-nav > div {
          color: #fff; }
          .main-nav-bar .inner .main-nav .sub-nav > div a,
          .main-nav-bar .inner .main-nav .sub-nav > div .headline {
            display: inline-block;
            font-family: "Heebo-Bold", Arial, sans-serif;
            font-size: 1.6rem;
            line-height: 1.44;
            text-decoration: none;
            min-height: 5.2rem;
            margin-bottom: .5rem;
            color: #fff; }
          .main-nav-bar .inner .main-nav .sub-nav > div a {
            position: relative;
            transition: all .4s ease-out;
            padding-right: 1.5rem; }
            .main-nav-bar .inner .main-nav .sub-nav > div a span {
              display: inline-block;
              padding-right: 1rem; }
              .main-nav-bar .inner .main-nav .sub-nav > div a span:after {
                position: relative;
                content: url("images/arrow-right.png");
                opacity: .5;
                top: .05rem;
                margin-left: .75rem;
                transition: all .3s ease-in;
                padding-right: 1.5rem; }
          .main-nav-bar .inner .main-nav .sub-nav > div p {
            font-size: 1.2rem;
            line-height: 1.33;
            opacity: .5; }
          .main-nav-bar .inner .main-nav .sub-nav > div.itemHoovered > div {
            transition: all .3s ease-in; }
            .main-nav-bar .inner .main-nav .sub-nav > div.itemHoovered > div a {
              opacity: .5; }
              .main-nav-bar .inner .main-nav .sub-nav > div.itemHoovered > div a:hover {
                opacity: 1;
                text-decoration: underline; }
                .main-nav-bar .inner .main-nav .sub-nav > div.itemHoovered > div a:hover span {
                  text-decoration: inherit; }
                  .main-nav-bar .inner .main-nav .sub-nav > div.itemHoovered > div a:hover span:after {
                    opacity: 1;
                    margin-left: 1.5rem;
                    text-decoration: none;
                    padding-right: 0; }
          .main-nav-bar .inner .main-nav .sub-nav > div.nav-items {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            background-color: #1a6266;
            padding: 2.3rem 0 0 4rem;
            max-width: 100%;
            box-sizing: border-box; }
            .main-nav-bar .inner .main-nav .sub-nav > div.nav-items > div {
              padding: 0 4rem 4rem 0;
              box-sizing: border-box;
              max-width: 290px; }
            .main-nav-bar .inner .main-nav .sub-nav > div.nav-items.cols-3 {
              width: 870px; }
              .main-nav-bar .inner .main-nav .sub-nav > div.nav-items.cols-3 > div {
                width: 33.33%; }
            .main-nav-bar .inner .main-nav .sub-nav > div.nav-items.cols-2 {
              width: 580px; }
              .main-nav-bar .inner .main-nav .sub-nav > div.nav-items.cols-2 > div {
                width: 50%; }
            .main-nav-bar .inner .main-nav .sub-nav > div.nav-items.cols-1 {
              width: 290px; }
              .main-nav-bar .inner .main-nav .sub-nav > div.nav-items.cols-1 > div {
                width: 100%; }
          .main-nav-bar .inner .main-nav .sub-nav > div.teasers {
            display: flex;
            flex-direction: row;
            background-color: #125557; }
            .main-nav-bar .inner .main-nav .sub-nav > div.teasers > div {
              position: relative;
              max-width: 256px;
              padding: 1.6rem 1.5rem;
              box-sizing: border-box; }
              .main-nav-bar .inner .main-nav .sub-nav > div.teasers > div img {
                width: 100%;
                height: auto;
                margin-bottom: 1rem; }
              .main-nav-bar .inner .main-nav .sub-nav > div.teasers > div a {
                min-height: unset;
                margin-top: 1rem; }
            .main-nav-bar .inner .main-nav .sub-nav > div.teasers.cols-1 div img {
              position: relative;
              top: -1.6rem;
              left: -1.5rem;
              width: calc(100% + 3rem);
              margin-bottom: 0; }
            .main-nav-bar .inner .main-nav .sub-nav > div.teasers.itemHoovered > div {
              opacity: .5; }
              .main-nav-bar .inner .main-nav .sub-nav > div.teasers.itemHoovered > div:hover {
                opacity: 1; }
  .main-nav-bar.scrolled {
    background-color: #006064;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.7)); }
  .main-nav-bar + .header {
    margin-top: -90px !important; }

.main-nav-bar .inner .main-nav > a,
#mobile-menu > div > a {
  font-family: "Heebo", Arial, sans-serif;
  font-size: 2rem;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.5;
  color: #fff;
  transition: all .2s ease-in; }
  .main-nav-bar .inner .main-nav > a.nav-link,
  #mobile-menu > div > a.nav-link {
    position: relative;
    padding-right: 3rem;
    margin-right: 3.6rem; }
    .main-nav-bar .inner .main-nav > a.nav-link.active span,
    #mobile-menu > div > a.nav-link.active span {
      border-bottom: solid 3px #ff3d00; }
    .main-nav-bar .inner .main-nav > a.nav-link:after,
    #mobile-menu > div > a.nav-link:after {
      position: absolute;
      top: calc(50% - 7px);
      right: 2px;
      content: "";
      border: solid #fff;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: .35rem;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transition: all .5s ease; }
    .main-nav-bar .inner .main-nav > a.nav-link:before,
    #mobile-menu > div > a.nav-link:before {
      position: absolute;
      top: auto;
      bottom: -4.8rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1;
      content: "";
      width: 0;
      height: 0;
      border-left: 1rem solid transparent;
      border-right: 1rem solid transparent;
      border-bottom: 1rem solid #1a6266;
      opacity: 0;
      visibility: hidden;
      transition: visibility 0s, opacity .3s ease-in; }
    .main-nav-bar .inner .main-nav > a.nav-link.selected:before,
    #mobile-menu > div > a.nav-link.selected:before {
      opacity: 1;
      z-index: 100;
      visibility: visible;
      transition: opacity .1s ease-in; }
    .main-nav-bar .inner .main-nav > a.nav-link.selected:after,
    #mobile-menu > div > a.nav-link.selected:after {
      top: calc(50% - 2px);
      transform: rotate(225deg);
      -webkit-transform: rotate(225deg); }
    .main-nav-bar .inner .main-nav > a.nav-link.selected + .sub-nav,
    #mobile-menu > div > a.nav-link.selected + .sub-nav {
      opacity: 1;
      z-index: 30;
      visibility: visible; }
    .main-nav-bar .inner .main-nav > a.nav-link.pos-1 + .sub-nav,
    #mobile-menu > div > a.nav-link.pos-1 + .sub-nav {
      right: 23rem;
      max-width: calc(100% - 27rem); }
      .main-nav-bar .inner .main-nav > a.nav-link.pos-1 + .sub-nav.cols-6,
      #mobile-menu > div > a.nav-link.pos-1 + .sub-nav.cols-6 {
        right: 12rem;
        max-width: calc(100% - 16rem); }
    .main-nav-bar .inner .main-nav > a.nav-link.pos-2 + .sub-nav,
    #mobile-menu > div > a.nav-link.pos-2 + .sub-nav {
      right: 20rem;
      max-width: calc(100% - 24rem); }
      .main-nav-bar .inner .main-nav > a.nav-link.pos-2 + .sub-nav.cols-6,
      #mobile-menu > div > a.nav-link.pos-2 + .sub-nav.cols-6 {
        right: 9rem;
        max-width: calc(100% - 13rem); }
  .main-nav-bar .inner .main-nav > a.button,
  #mobile-menu > div > a.button {
    background-color: #ff3d00;
    border-color: #ff3d00;
    font-family: "Heebo", Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4.6rem;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    min-width: unset;
    padding: 0 2.4rem;
    margin: 0; }
    .main-nav-bar .inner .main-nav > a.button:hover,
    #mobile-menu > div > a.button:hover {
      background-color: #fff;
      color: #ff3d00; }

body.black .header #mobile-menu-toggle, body.petrol-light .header #mobile-menu-toggle, body.petrol-medium .header #mobile-menu-toggle, body.petrol-dark .header #mobile-menu-toggle, body.blue-light .header #mobile-menu-toggle, body.blue-medium .header #mobile-menu-toggle, body.blue-dark .header #mobile-menu-toggle, body.turquoise-dark .header #mobile-menu-toggle, body.orange .header #mobile-menu-toggle {
  opacity: .8;
  background-repeat: no-repeat;
  background-image: url("../Images/Icons/menu_white.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    body.black .header #mobile-menu-toggle, body.petrol-light .header #mobile-menu-toggle, body.petrol-medium .header #mobile-menu-toggle, body.petrol-dark .header #mobile-menu-toggle, body.blue-light .header #mobile-menu-toggle, body.blue-medium .header #mobile-menu-toggle, body.blue-dark .header #mobile-menu-toggle, body.turquoise-dark .header #mobile-menu-toggle, body.orange .header #mobile-menu-toggle {
      background-image: url("../Images/Icons/menu_white@2x.png");
      background-size: 18px 24px; } }

/* Mobile Menu
 * -------------------------------------------- */
#mobile-menu {
  display: none;
  flex: 1 1 0;
  -webkit-flex: 1;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 100;
  width: 40%;
  background-color: #2d797d;
  padding: 0;
  overflow-y: auto; }
  #mobile-menu:before {
    content: "";
    position: fixed;
    top: 0;
    height: 90px;
    width: 100%;
    background-color: #006064;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.7)); }
  #mobile-menu > div {
    position: relative;
    top: 90px;
    height: calc(100vh - 90px);
    padding-top: 1rem;
    overflow-y: auto;
    box-sizing: border-box;
    transition: all .3s ease-in-out; }
    #mobile-menu > div > a {
      display: block;
      transition: all .3s ease-in-out; }
      #mobile-menu > div > a.nav-link {
        border-bottom: solid 1px #78c6c9;
        margin-right: 0;
        padding: 2.5rem 4rem;
        outline: 0; }
        #mobile-menu > div > a.nav-link:before {
          content: unset; }
        #mobile-menu > div > a.nav-link:after {
          right: 4rem; }
        #mobile-menu > div > a.nav-link + .sub-nav {
          max-height: 0;
          overflow-y: hidden;
          transition: all .3s ease-in-out;
          box-sizing: border-box; }
          #mobile-menu > div > a.nav-link + .sub-nav > div {
            position: relative; }
            #mobile-menu > div > a.nav-link + .sub-nav > div a {
              display: inline-block;
              font-size: 1.6rem;
              line-height: 1.5;
              color: #fff;
              text-decoration: none;
              padding: 1.5rem 0 1.5rem 6.4rem;
              max-width: 50%;
              outline: 0; }
              #mobile-menu > div > a.nav-link + .sub-nav > div a:after {
                position: absolute;
                content: url("images/arrow-right.png");
                top: 1.5rem;
                right: 4rem;
                transition: all .3s ease-in; }
        #mobile-menu > div > a.nav-link.selected {
          padding-left: 0;
          margin-left: 4rem; }
          #mobile-menu > div > a.nav-link.selected + .sub-nav {
            padding: 1rem 0;
            max-height: 100%; }
      #mobile-menu > div > a.button {
        display: inherit;
        width: max-content;
        font-size: 2rem;
        line-height: 4.5rem;
        padding: 0 3.5rem;
        margin: 6rem auto 0; }
    #mobile-menu > div.itemActive > a.nav-link:not(.selected) {
      color: rgba(255, 255, 255, 0.5); }

body.initialized #mobile-menu {
  transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s; }
  body.initialized #mobile-menu li {
    transition: border-left-color 0.2s ease-in; }
body.mobile-menu-open {
  overflow-y: hidden;
  height: 100vh; }
  body.mobile-menu-open #mobile-menu {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }

@media (max-width: 1360px) {
  .main-nav-bar .inner .main-nav > a.nav-link.pos-1 + .sub-nav, .main-nav-bar .inner .main-nav > a.nav-link.pos-2 + .sub-nav {
    right: auto;
    left: 4rem; } }
/* Mobile
 * -------------------------------------------- */
@media (max-width: 1080px) {
  .main-nav-bar .inner .main-nav {
    display: none; }
  .main-nav-bar .inner #mobile-menu-toggle {
    display: inline-block;
    opacity: 1; }

  #mobile-menu {
    display: inherit;
    width: 100%; } }
@media (max-width: 880px) {
  .main-nav-bar + .header {
    margin-top: -72px !important; }
  .main-nav-bar .inner {
    min-height: 72px; }

  #mobile-menu > div {
    top: 72px;
    height: calc(100vh - 72px); }
  #mobile-menu:before {
    height: 72px; } }
@media (max-width: 780px) {
  #mobile-menu > div > a.nav-link {
    padding: 2.5rem 3.5rem; }
    #mobile-menu > div > a.nav-link.selected {
      margin-left: 3.5rem; }
    #mobile-menu > div > a.nav-link:after {
      right: 3.5rem; }
    #mobile-menu > div > a.nav-link + .sub-nav > div a {
      padding-left: 5.4rem; }
      #mobile-menu > div > a.nav-link + .sub-nav > div a:after {
        right: 3.5rem; } }
@media (max-width: 400px) {
  #mobile-menu > div > a.nav-link {
    padding: 2.5rem 2.5rem; }
    #mobile-menu > div > a.nav-link.selected {
      margin-left: 2.5rem; }
    #mobile-menu > div > a.nav-link:after {
      right: 2.5rem; }
    #mobile-menu > div > a.nav-link + .sub-nav > div a {
      padding-left: 4.4rem; }
      #mobile-menu > div > a.nav-link + .sub-nav > div a:after {
        right: 2.5rem; } }
.tns-outer {
  padding: 0 !important; }
  .tns-outer [hidden] {
    display: none !important; }
  .tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }
  .tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }
  .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal; }
.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }
  .tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s; }
  .tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important; }
  .tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }
  .tns-lazy-img.tns-complete {
    opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }
  .tns-vpfix > div, .tns-vpfix > li {
    display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }
.tns-t-ct {
  width: 2333.33333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }
  .tns-t-ct:after {
    content: '';
    display: table;
    clear: both; }
  .tns-t-ct > div {
    width: 1.42857%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: calc(100% / 70);
    height: 10px;
    float: left; }

/* Slider
 * -------------------------------------------- */
.slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .slider [data-action] {
    display: none; }
  .slider .tns-controls [data-controls] {
    position: absolute;
    z-index: 5;
    top: 50%;
    margin: -30px 0 0; }
  .slider .tns-controls [data-controls="prev"] {
    left: 30px; }
  .slider .tns-controls [data-controls="next"] {
    right: 30px; }
  .slider .tns-nav {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    width: 100%;
    text-align: center;
    margin: 10px 0; }
    .slider .tns-nav > [aria-controls] {
      width: 9px;
      height: 9px;
      padding: 0;
      margin: 0 5px;
      border-radius: 50%;
      background: #ddd;
      border: 0; }
    .slider .tns-nav > .tns-nav-active {
      background: #999; }
  .slider .tns-outer,
  .slider .tns-inner,
  .slider .tns-slider {
    height: 100%; }
  .slider .item {
    height: 100% !important; }
    .slider .item .img {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center; }
  .slider.without-nav button {
    display: none; }

.header:not(.lite) .slider:after {
  content: " ";
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

@media (max-height: 750px) {
  .header.has-slider .slider .item {
    height: 100vh; } }
/* Video
 * -------------------------------------------- */
/* Youtube
 * -------------------------------------------- */
.content-container.video.mid {
  padding-top: 72px;
  padding-bottom: 48px; }
  .content-container.video.mid .inner {
    width: 100%;
    max-width: 1640px !important;
    padding: 0; }
    .content-container.video.mid .inner .container {
      padding: 0 11.5%;
      width: unset; }
    .content-container.video.mid .inner .video-subline {
      padding-left: 0;
      padding-right: 0; }
.content-container.video.large {
  padding-top: 72px;
  padding-bottom: 48px; }
  .content-container.video.large .inner {
    max-width: 1430px;
    padding-left: 0;
    padding-right: 0; }
    .content-container.video.large .inner .video-subline {
      padding-left: 0;
      padding-right: 0; }
.content-container .video-wrapper {
  width: 100%;
  padding-top: 56.25%; }
  .content-container .video-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .content-container .video-wrapper > .mobile-yt-fallback {
    width: 100vw;
    height: 56.25vw;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 80vh;
    min-width: 177.77vh;
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
    background-position: top center; }
  .content-container .video-wrapper > .mobile-yt-fallback {
    display: none; }

/* Selfhosted
 * -------------------------------------------- */
.content-container.video.full-width {
  width: 100%;
  max-width: 100%;
  margin: 72px 0; }
  .content-container.video.full-width .inner {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .content-container.video.full-width img {
    width: 100%; }

.vjs-poster {
  background-size: cover; }

.video {
  position: relative;
  white-space: nowrap;
  /*
  .controls {
    position: absolute;
    bottom: 0;
    progress {
      display:block;
      width:100%;
      height:81%;
      margin-top:0.125rem;
      border:none;
      color:green;
      -moz-border-radius:2px;
      -webkit-border-radius:2px;
      border-radius:2px;
      &[data-state="fake"] {
        background:#e6e6e6;
        height:65%;
      }
      span {
        width:0%;
        height:100%;
        display:inline-block;
        background-color:green;
      }
      &::-moz-progress-bar,
      &::-webkit-progress-value {
        background-color:green;
      }
    }
  }
  */ }
  .video button {
    margin: unset; }
  .video .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    height: 60px !important;
    border-color: transparent;
    background-color: #ff3d00;
    background-image: url("../Images/Icons/play_white.png");
    background-position: calc(50% + 3px) center;
    background-repeat: no-repeat;
    border-radius: 100%;
    max-width: 60px;
    max-height: 60px;
    margin: -30px 0 0 -30px !important;
    transition: background-color 0.2s ease-in-out; }
    .video .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video .video-js .vjs-big-play-button .vjs-icon-placeholder, .video .video-js .vjs-big-play-button .vjs-icon-play {
      content: ""; }
    .video .video-js .vjs-big-play-button:hover {
      background-color: #fff;
      background-image: url("../Images/Icons/play_orange.png"); }
  .video .big-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -30px !important;
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    min-width: unset;
    border: none;
    background-color: #ff3d00;
    background-image: url("../Images/Icons/play_white.png");
    background-position: calc(50% + 4px) center;
    background-repeat: no-repeat;
    margin: 0;
    transition: background-color 0.2s ease-in-out; }
    .video .big-play-btn:hover {
      background-color: #fff;
      background-image: url("../Images/Icons/play_orange.png"); }
    .video .big-play-btn.hidden {
      display: none; }
  .video + .video-subline {
    position: relative;
    font-size: 10px;
    margin: 12px auto;
    padding: 0 40px;
    width: 100%;
    max-width: 1720px;
    white-space: normal;
    box-sizing: border-box; }

/* Mobile
 * -------------------------------------------- */
@media (max-width: 1500px) {
  .content-container.video.large .inner .video-subline {
    max-width: calc(100% - 70px);
    position: relative; } }
@media (max-width: 1150px) {
  .content-container.video.mid .inner {
    padding: 0 66px; }
    .content-container.video.mid .inner .container {
      padding: 0; } }
@media (max-width: 880px) {
  .video + .video-subline {
    font-size: 10px;
    margin-top: 10px; }

  .content-container.image {
    padding: 48px 0 41px; }
  .content-container.video.large {
    padding-top: 48px;
    padding-bottom: 48px; }
    .content-container.video.large .inner {
      max-width: 1430px;
      padding-left: 0;
      padding-right: 0; }
      .content-container.video.large .inner .video-subline {
        padding-left: 0;
        padding-right: 0; }
    .content-container.video.large + .content-container.text {
      margin-top: 0;
      padding-top: 0; }
  .content-container.video.full-width {
    margin: 48px 0; }
    .content-container.video.full-width .inner {
      width: calc(100% - 70px);
      overflow-x: hidden;
      padding-left: 0;
      padding-right: 0; }
      .content-container.video.full-width .inner .video + .video-subline {
        padding: 0px; } }
@media (max-width: 780px) {
  .content-container.video.mid {
    padding-bottom: 0; }
    .content-container.video.mid .inner {
      padding: 0 35px; } }
/* Content-Modules
 * -------------------------------------------- */
.color-container {
  display: flex;
  background: blueviolet; }

.content-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0; }
  .content-container .inner {
    max-width: 1380px;
    padding-top: 0px;
    padding-left: 140px;
    padding-right: 140px; }
    .content-container .inner .txt-btn-centered {
      text-align: center;
      padding: 48px 0; }
      .content-container .inner .txt-btn-centered > span {
        display: block;
        font-family: "Heebo-Bold", Arial, sans-serif; }
        .content-container .inner .txt-btn-centered > span.head {
          font-size: 60px;
          margin: 32px 0 30px; }
        .content-container .inner .txt-btn-centered > span.info {
          font-size: 20px;
          margin-bottom: 18px; }
      .content-container .inner .txt-btn-centered a.button {
        margin: 48px 0 !important; }
  .content-container h1,
  .content-container h2 {
    font-family: "Heebo-Bold", Arial, sans-serif;
    font-size: 45px;
    line-height: 1.222;
    margin-bottom: 1em; }
  .content-container h3 {
    font-family: "Heebo", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 1em; }
  .content-container p,
  .content-container .copy ul li,
  .content-container .text ul li {
    font-size: 20px;
    line-height: 1.5; }
  .content-container p a,
  .content-container ul li a {
    color: #000; }
  .content-container p {
    margin-bottom: 1.5em; }
    .content-container p em {
      font-style: italic; }
  .content-container .copy ul,
  .content-container .text ul {
    margin: 1.5em 0; }
    .content-container .copy ul li,
    .content-container .text ul li {
      position: relative;
      padding-left: 28px; }
      .content-container .copy ul li:before,
      .content-container .text ul li:before {
        content: url("images/ul-li-cube-orange.png");
        position: absolute;
        left: 0; }
  .content-container .copy .button,
  .content-container .text .button {
    margin: 10px 0 0; }
  .content-container .copy p:last-child,
  .content-container .copy ul:last-child,
  .content-container .text p:last-child,
  .content-container .text ul:last-child {
    margin-bottom: 0 !important; }
  .content-container b,
  .content-container strong {
    font-family: "Heebo-Bold", Arial, sans-serif; }
  .content-container .intro h1 {
    margin-top: 2px; }
  .content-container .copy {
    padding-top: 5px; }
    .content-container .copy .button.arrow {
      margin-top: 10px; }
  .content-container.frame-type-text {
    margin: 0 auto;
    padding: 61px 0 72px; }
  .content-container.contact {
    background-color: #fff;
    color: #000;
    margin: 61px 0 72px; }
  .content-container.contact .inner h1 {
    width: 100%; }
  .content-container.contact .inner > div.form-container {
    float: left;
    width: 45%;
    max-width: 397px; }
  .content-container.contact .inner > div.location-container {
    width: 49%;
    max-width: 536px;
    float: right; }
    .content-container.contact .inner > div.location-container .map {
      margin-bottom: 50px;
      width: 100%; }
      .content-container.contact .inner > div.location-container .map img {
        display: block;
        width: 100%; }
    .content-container.contact .inner > div.location-container span {
      position: relative;
      padding-left: 40px;
      margin-bottom: 30px;
      display: block; }
      .content-container.contact .inner > div.location-container span:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 24px;
        height: 24px; }
      .content-container.contact .inner > div.location-container span.address {
        background-repeat: no-repeat;
        background-image: url("../Images/Icons/location.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .content-container.contact .inner > div.location-container span.address {
            background-image: url("../Images/Icons/location@2x.png");
            background-size: 24px 24px; } }
      .content-container.contact .inner > div.location-container span.phone {
        background-repeat: no-repeat;
        background-image: url("../Images/Icons/phone.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .content-container.contact .inner > div.location-container span.phone {
            background-image: url("../Images/Icons/phone@2x.png");
            background-size: 24px 24px; } }
  .content-container .quote-container {
    position: relative;
    margin: 64px auto 72px;
    text-align: center;
    max-width: 812px; }
    .content-container .quote-container > span {
      display: block; }
    .content-container .quote-container .quote {
      font-family: "Heebo-Light", Arial, sans-serif;
      font-size: 45px;
      line-height: 1.22;
      margin-bottom: 2.5rem;
      color: #1f5b61; }
      .content-container .quote-container .quote:before {
        content: open-quote; }
      .content-container .quote-container .quote:after {
        content: close-quote; }
    .content-container .quote-container .author,
    .content-container .quote-container .author-position {
      font-size: 20px;
      margin-bottom: 0; }
    .content-container .quote-container .author {
      font-family: "Heebo-Bold", Arial, sans-serif; }
    .content-container .quote-container .button {
      margin-top: 64px; }
    .content-container .quote-container.bold .quote,
    .content-container .quote-container .quote.bold {
      font-family: "Heebo-Bold", Arial, sans-serif; }
    .content-container .quote-container .button {
      margin: 41px 0 0; }
  .content-container .BambooHR-ATS-Department-Item,
  .content-container .BambooHR-ATS-Jobs-Item {
    padding-left: 0; }
    .content-container .BambooHR-ATS-Department-Item .BambooHR-ATS-Location,
    .content-container .BambooHR-ATS-Jobs-Item .BambooHR-ATS-Location {
      display: none; }
    .content-container .BambooHR-ATS-Department-Item:before,
    .content-container .BambooHR-ATS-Jobs-Item:before {
      content: ''; }
  .content-container .BambooHR-ATS-board > h2,
  .content-container .BambooHR-ATS-board .BambooHR-ATS-Department-Header {
    display: none; }
  .content-container .BambooHR-ATS-board ul,
  .content-container .BambooHR-ATS-board ul ul {
    padding: 0;
    border-bottom: 0;
    margin-bottom: 0; }
  .content-container .BambooHR-ATS-board ul ul {
    margin-top: 0; }
  .content-container .BambooHR-ATS-board ul li {
    padding-left: 0; }
    .content-container .BambooHR-ATS-board ul li:before {
      content: ''; }
  .content-container #BambooHR {
    background-color: #fff; }
  .content-container h3.link-list-hl,
  .content-container .BambooHR-ATS-Department-Header {
    font-family: "Heebo", Arial, sans-serif;
    font-size: 24px;
    line-height: 1.58;
    margin-bottom: 25px;
    color: #000;
    background-color: #fff; }
  .content-container .link-list {
    margin-bottom: 58px;
    background-color: #fff; }
  .content-container .BambooHR-ATS-board > h2 {
    font-size: 28px;
    border-bottom: none !important;
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #fff; }
  .content-container .BambooHR-ATS-Department-Header {
    margin: 40px 0 20px;
    background-color: #fff; }
  .content-container .link-list li,
  .content-container .BambooHR-ATS-Jobs-Item li {
    padding-left: 0;
    background-color: #fff; }
    .content-container .link-list li:before,
    .content-container .BambooHR-ATS-Jobs-Item li:before {
      content: ''; }
  .content-container .link-list a,
  .content-container .BambooHR-ATS-Jobs-Item a {
    display: block;
    position: relative;
    font-family: "Heebo-Bold", Arial, sans-serif;
    font-size: 30px;
    color: #006064;
    text-decoration: none;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 1px 70px 1px 0; }
    .content-container .link-list a:after,
    .content-container .BambooHR-ATS-Jobs-Item a:after {
      position: absolute;
      top: 0;
      right: 3px;
      display: block;
      box-sizing: border-box;
      content: " ";
      width: 60px;
      height: 60px;
      border: solid 2px #006064;
      border-radius: 100%;
      background-color: #006064;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/arrow_list_white.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .content-container .link-list a:after,
        .content-container .BambooHR-ATS-Jobs-Item a:after {
          background-image: url("../Images/Icons/arrow_list_white@2x.png");
          background-size: 22px 18px; } }
    .content-container .link-list a:hover::after,
    .content-container .BambooHR-ATS-Jobs-Item a:hover::after {
      background-color: #fff;
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/arrow_list_petrol.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .content-container .link-list a:hover::after,
        .content-container .BambooHR-ATS-Jobs-Item a:hover::after {
          background-image: url("../Images/Icons/arrow_list_petrol@2x.png");
          background-size: 22px 18px; } }
  .content-container video {
    width: 100%;
    height: auto; }
  .content-container.text {
    margin: 0 auto;
    padding-top: 62px;
    padding-bottom: 66px; }
    .content-container.text .inner {
      width: 100%;
      max-width: 1640px !important;
      padding: 0; }
      .content-container.text .inner .container {
        padding: 0 11.5%;
        width: unset; }
        .content-container.text .inner .container h1,
        .content-container.text .inner .container h3 {
          font-family: "Heebo-Bold", Arial, sans-serif;
          text-align: right;
          width: 100%; }
        .content-container.text .inner .container h3 {
          float: right;
          width: 75%;
          margin-bottom: 2em; }
        .content-container.text .inner .container .intro {
          float: left;
          width: 37.5%; }
          .content-container.text .inner .container .intro h1:last-child,
          .content-container.text .inner .container .intro h3:last-child {
            margin-bottom: 0; }
        .content-container.text .inner .container .copy {
          float: right;
          width: 50%;
          margin-left: 12.5%; }
          .content-container.text .inner .container .copy h3 {
            float: none;
            text-align: left;
            margin-bottom: 1em;
            width: auto; }
          .content-container.text .inner .container .copy p:last-child {
            margin-bottom: 0; }
    .content-container.text.headline-align-left .inner {
      column-gap: 7%; }
    .content-container.text.headline-align-left h1,
    .content-container.text.headline-align-left h3 {
      text-align: left;
      float: none; }
    .content-container.text.headline-align-left h3 {
      width: 85%; }
    .content-container.text.mirrored .inner .container .intro {
      float: right;
      margin-left: 12.5%; }
      .content-container.text.mirrored .inner .container .intro h1,
      .content-container.text.mirrored .inner .container .intro h3 {
        text-align: left;
        float: none; }
    .content-container.text.mirrored .inner .container .copy {
      float: none;
      margin-left: 0; }

.page-navigation {
  margin: 130px auto -16px; }
  .page-navigation > p:first-child {
    display: none; }
  .page-navigation ul {
    justify-content: center;
    display: flex; }
    .page-navigation ul li {
      float: left;
      padding: 0 9px;
      font-family: "Heebo", Arial, sans-serif;
      font-size: 24px;
      line-height: 1.5; }
      .page-navigation ul li a {
        color: #000;
        text-decoration: none; }
        .page-navigation ul li a:hover {
          text-decoration: underline; }
      .page-navigation ul li.active {
        color: #ff3d00; }
        .page-navigation ul li.active:first-child {
          padding-left: 51px; }
        .page-navigation ul li.active:last-child {
          padding-right: 51px; }
      .page-navigation ul li.previous a, .page-navigation ul li.next a {
        display: block;
        width: 24px;
        height: 34px;
        font-size: 0;
        background-repeat: no-repeat;
        background-image: url("../Images/Icons/prev_orange.png");
        background-position: center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .page-navigation ul li.previous a, .page-navigation ul li.next a {
            background-image: url("../Images/Icons/prev_orange@2x.png");
            background-size: 24px 24px; } }
      .page-navigation ul li.next a {
        background-repeat: no-repeat;
        background-image: url("../Images/Icons/next_orange.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .page-navigation ul li.next a {
            background-image: url("../Images/Icons/next_orange@2x.png");
            background-size: 24px 24px; } }

body.black .page-navigation ul li a, body.petrol-light .page-navigation ul li a, body.petrol-medium .page-navigation ul li a, body.petrol-dark .page-navigation ul li a, body.blue-light .page-navigation ul li a, body.blue-medium .page-navigation ul li a, body.blue-dark .page-navigation ul li a, body.turquoise-dark .page-navigation ul li a, body.orange .page-navigation ul li a {
  color: #fff; }

/* OLD */
.content-container.pager {
  margin: 53px auto 63px; }
  .content-container.pager ul {
    justify-content: center;
    display: flex; }
    .content-container.pager ul li {
      float: left;
      padding: 0 9px;
      font-family: "Heebo", Arial, sans-serif;
      font-size: 24px;
      line-height: 1.5; }
      .content-container.pager ul li a {
        color: #000;
        text-decoration: none; }
        .content-container.pager ul li a:hover {
          text-decoration: underline; }
        .content-container.pager ul li a.prev-page, .content-container.pager ul li a.next-page {
          display: block;
          width: 24px;
          height: 34px;
          background-position: center; }
          .content-container.pager ul li a.prev-page.hidden, .content-container.pager ul li a.next-page.hidden {
            display: none; }
        .content-container.pager ul li a.prev-page {
          background-repeat: no-repeat;
          background-image: url("../Images/Icons/prev_orange.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .content-container.pager ul li a.prev-page {
              background-image: url("../Images/Icons/prev_orange@2x.png");
              background-size: 24px 24px; } }
        .content-container.pager ul li a.next-page {
          background-repeat: no-repeat;
          background-image: url("../Images/Icons/next_orange.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .content-container.pager ul li a.next-page {
              background-image: url("../Images/Icons/next_orange@2x.png");
              background-size: 24px 24px; } }
      .content-container.pager ul li.current {
        color: #ff3d00; }

/* Tablet
 * -------------------------------------------- */
@media (max-width: 1150px) {
  .content-container h3 {
    font-size: 20px; }
  .content-container h3.link-list-hl,
  .content-container .BambooHR-ATS-board > h2,
  .content-container .BambooHR-ATS-Department-Header {
    font-size: 24px; }
  .content-container p,
  .content-container ul li {
    font-size: 20px;
    line-height: 1.5; }
  .content-container .inner {
    padding-left: 90px;
    padding-right: 90px; }
  .content-container .copy {
    padding-top: 7px; }
    .content-container .copy p,
    .content-container .copy ul li {
      font-size: 20px;
      line-height: 1.875; }
  .content-container .quote-container {
    max-width: calc(100% - 100px); }
  .content-container.text .inner {
    padding: 0 66px; }
    .content-container.text .inner .container {
      padding: 0; }
  .content-container.text h1 {
    font-size: 40px; }
  .content-container.text h3 {
    font-size: 16px; }
  .content-container.text .intro h3 {
    width: 90%; }
  .content-container.text .copy {
    padding-top: 7px; }
    .content-container.text .copy p,
    .content-container.text .copy ul li {
      font-size: 16px;
      line-height: 1.625; } }
@media (max-width: 1024px) {
  .content-container .inner {
    padding-left: 90px;
    padding-right: 90px; }
    .content-container .inner .txt-btn-centered > span.head {
      font-size: 40px; }
    .content-container .inner .txt-btn-centered > span.info {
      font-size: 16px; } }
/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  .content-container.frame-type-text {
    padding: 42px 0 48px;
    margin: 0; }

  .header.image + .content-container {
    margin-top: 17px; }

  .content-container h1,
  .content-container h2 {
    font-size: 40px;
    margin-bottom: 22px; }
  .content-container .copy ul li,
  .content-container .text ul li {
    font-size: 16px;
    line-height: 26px; }
  .content-container .inner {
    padding-left: 35px;
    padding-right: 35px; }
  .content-container.contact .inner h1 {
    font-size: 40px;
    line-height: 1.25; }
  .content-container.contact .inner > div.form-container, .content-container.contact .inner > div.location-container {
    float: none;
    width: 100%;
    max-width: unset; }
  .content-container.contact .inner > div.form-container {
    margin-bottom: 50px; }
  .content-container .quote-container {
    margin: 41px auto 48px;
    max-width: calc(100% - 50px); }
    .content-container .quote-container .quote {
      font-size: 35px;
      line-height: 1.14;
      margin-bottom: 2.6rem; }
    .content-container .quote-container .author,
    .content-container .quote-container .author-position {
      font-size: 16px;
      margin-bottom: 0px; }
    .content-container .quote-container .button {
      margin-top: 41px; }
  .content-container h3.link-list-hl,
  .content-container .BambooHR-ATS-board > h2,
  .content-container .BambooHR-ATS-Department-Header {
    font-size: 16px;
    margin-bottom: 1em; }
  .content-container .BambooHR-ATS-Department-Header {
    margin: 1.5em 0 0; }
  .content-container .link-list a,
  .content-container .BambooHR-ATS-Jobs-Item a {
    font-size: 16px;
    line-height: 1.875;
    border-bottom: 1.5px solid #006064;
    padding: 9px 35px 9px 0;
    margin-bottom: 0; }
    .content-container .link-list a:after,
    .content-container .BambooHR-ATS-Jobs-Item a:after {
      top: calc(50% - 15px);
      border-radius: unset;
      border: none;
      width: 24px;
      height: 30px;
      background-color: transparent;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/arrowhead_petrol.png"); } }
    @media only screen and (max-width: 880px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 880px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 880px) and (min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min-resolution: 192dpi), only screen and (max-width: 880px) and (min-resolution: 2dppx) {
      .content-container .link-list a:after,
      .content-container .BambooHR-ATS-Jobs-Item a:after {
        background-image: url("../Images/Icons/arrowhead_petrol@2x.png");
        background-size: 24px 24px; } }
@media (max-width: 880px) {
    .content-container .link-list a:hover::after,
    .content-container .BambooHR-ATS-Jobs-Item a:hover::after {
      background-color: unset;
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/arrowhead_petrol.png"); } }
    @media only screen and (max-width: 880px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 880px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 880px) and (min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min-resolution: 192dpi), only screen and (max-width: 880px) and (min-resolution: 2dppx) {
      .content-container .link-list a:hover::after,
      .content-container .BambooHR-ATS-Jobs-Item a:hover::after {
        background-image: url("../Images/Icons/arrowhead_petrol@2x.png");
        background-size: 24px 24px; } }

@media (max-width: 880px) {
  .page-navigation {
    margin-top: 107px;
    margin-bottom: 47px; }
    .page-navigation ul li {
      padding: 0 7px;
      font-size: 20px; }
      .page-navigation ul li.previous a, .page-navigation ul li.next a {
        height: 29px; } }
@media (max-width: 780px) {
  .content-container.text {
    margin-top: 0;
    margin-bottom: 0px;
    padding-top: 48px;
    padding-bottom: 48px; }
    .content-container.text .inner {
      padding-left: 35px;
      padding-right: 35px; }
      .content-container.text .inner .container .intro,
      .content-container.text .inner .container .copy {
        float: none;
        width: 100%;
        margin-left: 0; }
      .content-container.text .inner .container .intro h1 {
        line-height: 1.25;
        margin: 0 0 .7em !important; }
      .content-container.text .inner .container .intro h3 {
        width: 100%;
        margin-bottom: 27px; }
      .content-container.text .inner .container h1 {
        text-align: left; }
      .content-container.text .inner .container h1, .content-container.text .inner .container .copy {
        float: none;
        width: 100%;
        margin-right: 0; }
      .content-container.text .inner .container h3 {
        float: none;
        font-size: 16px;
        line-height: 1.625;
        text-align: left; }
      .content-container.text .inner .container .copy p,
      .content-container.text .inner .container .copy ul li {
        font-size: 16px; }
      .content-container.text .inner .container .copy p {
        line-height: 1.625;
        margin-bottom: 1.8em; }
      .content-container.text .inner .container .copy ul {
        margin: 1.625em 0; }
        .content-container.text .inner .container .copy ul li {
          padding-left: 23px; }
      .content-container.text .inner .container .copy h3 {
        font-size: 16px;
        line-height: 1.625; } }
@media (max-width: 400px) {
  .content-container .inner {
    padding-left: 25px !important;
    padding-right: 25px !important; } }
/* Image-Modules
 * -------------------------------------------- */
span.question {
  position: absolute;
  top: 0;
  z-index: 10;
  display: inline-block;
  padding: 0 35px;
  color: red;
  white-space: normal;
  opacity: 0; }

.content-container:hover span.question {
  opacity: 1; }

.zoomable {
  width: 100%; }
  .zoomable figure {
    width: 100%;
    height: auto; }
    .zoomable figure img {
      width: 100% !important;
      height: auto !important; }

.content-container.flip-cards.cards {
  font-size: 10px;
  padding-bottom: 3rem !important; }
  .content-container.flip-cards.cards .inner {
    margin-top: 7em; }
    .content-container.flip-cards.cards .inner h2 {
      font-size: 45px;
      line-height: 55px;
      white-space: initial; }
    .content-container.flip-cards.cards .inner .teaser {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap; }
      .content-container.flip-cards.cards .inner .teaser a.scene {
        width: calc(25% - 16px);
        margin-bottom: 2rem;
        height: 260px;
        perspective: 600px; }
        .content-container.flip-cards.cards .inner .teaser a.scene:nth-child(4) {
          margin-right: 0; }
        .content-container.flip-cards.cards .inner .teaser a.scene .card {
          width: 100%;
          height: 100%;
          transition: transform 1s;
          transform-style: preserve-3d;
          cursor: pointer;
          position: relative;
          box-sizing: border-box;
          font-size: 10px; }
          .content-container.flip-cards.cards .inner .teaser a.scene .card.is-flipped {
            transform: rotateY(180deg); }
          .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            box-sizing: border-box;
            white-space: normal; }
          .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--front {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: #fff; }
            .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--front img {
              width: 100%;
              height: auto; }
          .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back {
            background: #fff;
            border: solid 1px #006064;
            color: #006064;
            text-align: left;
            transform: rotateY(180deg);
            padding: 3.1rem 3rem; }
            .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back > div {
              height: 100%;
              overflow-y: auto; }
            .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back h3,
            .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back p {
              font-size: 2em !important;
              margin-bottom: 0; }
            .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back h3 {
              margin-bottom: 1em;
              line-height: 1.4 !important; }
          .content-container.flip-cards.cards .inner .teaser a.scene .card.inverted .card__face--back {
            background: #006064;
            color: #fff; }
        .content-container.flip-cards.cards .inner .teaser a.scene.with-shadow {
          margin-bottom: 6rem; }
          .content-container.flip-cards.cards .inner .teaser a.scene.with-shadow .card .card__face--front {
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.3)); }
          .content-container.flip-cards.cards .inner .teaser a.scene.with-shadow .card .card__face--back {
            border: none; }
.content-container.image-cards.cards {
  font-size: 10px;
  padding-bottom: 3rem !important; }
  .content-container.image-cards.cards .inner {
    margin-top: 7em; }
    .content-container.image-cards.cards .inner h2 {
      font-size: 45px;
      line-height: 55px;
      white-space: initial; }
    .content-container.image-cards.cards .inner .teaser {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap; }
      .content-container.image-cards.cards .inner .teaser a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #fff;
        position: relative;
        width: calc(25% - 16px);
        margin-bottom: 2rem;
        height: 200px; }
        .content-container.image-cards.cards .inner .teaser a img {
          width: 100%;
          height: auto; }
        .content-container.image-cards.cards .inner .teaser a:nth-child(4) {
          margin-right: 0; }
.content-container.image-text-cards.cards {
  font-size: 10px; }
  .content-container.image-text-cards.cards .inner {
    margin-top: 7em;
    white-space: normal; }
    .content-container.image-text-cards.cards .inner h2 {
      font-size: 45px;
      line-height: 55px;
      white-space: initial;
      margin-bottom: 7.8rem; }
    .content-container.image-text-cards.cards .inner .teaser {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap; }
      .content-container.image-text-cards.cards .inner .teaser a {
        width: calc(50% - 38px);
        margin-bottom: 2rem;
        text-decoration: none; }
        .content-container.image-text-cards.cards .inner .teaser a .image {
          position: relative;
          width: 79%;
          height: 150px;
          margin-bottom: 4rem; }
          .content-container.image-text-cards.cards .inner .teaser a .image img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: auto;
            height: auto;
            max-height: 74%;
            max-width: 74%; }
        .content-container.image-text-cards.cards .inner .teaser a .text {
          color: #000;
          font-size: 2rem; }
          .content-container.image-text-cards.cards .inner .teaser a .text h3 {
            line-height: 1.2; }
          .content-container.image-text-cards.cards .inner .teaser a .text h3,
          .content-container.image-text-cards.cards .inner .teaser a .text p {
            font-size: inherit; }
.content-container.image {
  white-space: nowrap;
  margin: 0 auto;
  padding: 0 0 65px; }
  .content-container.image figure {
    display: inherit; }
  .content-container.image .inner {
    max-width: 1700px; }
  .content-container.image.single img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important; }
  .content-container.image.single:not(.mood) .inner {
    max-width: 1380px;
    padding-left: 130px;
    padding-right: 130px; }
  .content-container.image.double .inner > img,
  .content-container.image.double .inner > .zoomable figure {
    float: left;
    width: calc(50% - 8px) !important; }
    .content-container.image.double .inner > img:first-child,
    .content-container.image.double .inner > .zoomable figure:first-child {
      margin-right: 16px; }
    .content-container.image.double .inner > img:last-child,
    .content-container.image.double .inner > .zoomable figure:last-child {
      float: none; }
  .content-container.image.triple .inner > img,
  .content-container.image.triple .inner > .zoomable figure {
    float: left;
    width: calc(calc(33.33% - 10.66px)) !important;
    margin-right: 16px; }
    .content-container.image.triple .inner > img:last-child,
    .content-container.image.triple .inner > .zoomable figure:last-child {
      float: none;
      margin-right: 0; }
  .content-container.image.full-width {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 72px 0 65px; }
    .content-container.image.full-width .inner {
      max-width: 100%;
      padding-left: 0;
      padding-right: 0; }
    .content-container.image.full-width img {
      width: 100% !important;
      height: auto !important; }
    .content-container.image.full-width .mood img {
      opacity: 0; }
    .content-container.image.full-width .img-bg-centered {
      width: 100% !important;
      max-width: 100% !important;
      background-size: auto 100%;
      background-position: center;
      background-repeat: no-repeat; }
      .content-container.image.full-width .img-bg-centered img {
        opacity: 0; }
    .content-container.image.full-width .img-bg-positioned {
      width: 100% !important;
      padding-top: 56.25%;
      background-size: auto 100%;
      background-position: center;
      background-repeat: no-repeat; }
    .content-container.image.full-width.white .img-bg-positioned, .content-container.image.full-width.grey .img-bg-positioned, .content-container.image.full-width.turquoise-light .img-bg-positioned, .content-container.image.full-width.black .img-bg-positioned, .content-container.image.full-width.petrol-light .img-bg-positioned, .content-container.image.full-width.petrol-medium .img-bg-positioned, .content-container.image.full-width.petrol-dark .img-bg-positioned, .content-container.image.full-width.blue-light .img-bg-positioned, .content-container.image.full-width.blue-medium .img-bg-positioned, .content-container.image.full-width.blue-dark .img-bg-positioned, .content-container.image.full-width.turquoise-dark .img-bg-positioned, .content-container.image.full-width.orange .img-bg-positioned {
      padding-top: 31.3%; }
  .content-container.image.white, .content-container.image.grey, .content-container.image.turquoise-light, .content-container.image.black, .content-container.image.petrol-light, .content-container.image.petrol-medium, .content-container.image.petrol-dark, .content-container.image.blue-light, .content-container.image.blue-medium, .content-container.image.blue-dark, .content-container.image.turquoise-dark, .content-container.image.orange {
    padding-top: 62px;
    padding-bottom: 62px; }
.content-container.white + .image.white, .content-container.grey + .image.grey, .content-container.turquoise-light + .image.turquoise-light, .content-container.black + .image.black, .content-container.petrol-light + .image.petrol-light, .content-container.petrol-medium + .image.petrol-medium, .content-container.petrol-dark + .image.petrol-dark, .content-container.blue-light + .image.blue-light, .content-container.blue-medium + .image.blue-medium, .content-container.blue-dark + .image.blue-dark, .content-container.turquoise-dark + .image.turquoise-dark, .content-container.orange + .image.orange {
  padding-top: 0; }

@media (max-width: 1400px) {
  .content-container.flip-cards.cards .inner .teaser a.scene .card {
    font-size: 9px; } }
@media (max-width: 1280px) {
  .content-container.flip-cards.cards .inner .teaser a.scene {
    height: 200px; }
    .content-container.flip-cards.cards .inner .teaser a.scene .card {
      font-size: 8px; }
      .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back {
        padding: 2rem; } }
@media (max-width: 1200px) {
  .content-container.image-cards.cards .inner .teaser a {
    width: calc(33% - 20px); }
    .content-container.image-cards.cards .inner .teaser a:nth-child(3) {
      margin-right: 0; }
    .content-container.image-cards.cards .inner .teaser a:nth-child(4) {
      margin-right: inherit; }
  .content-container.flip-cards.cards .inner .teaser a.scene {
    width: calc(33% - 20px);
    height: 220px; }
    .content-container.flip-cards.cards .inner .teaser a.scene:nth-child(3) {
      margin-right: 0; }
    .content-container.flip-cards.cards .inner .teaser a.scene:nth-child(4) {
      margin-right: inherit; }
    .content-container.flip-cards.cards .inner .teaser a.scene .card {
      font-size: 8px; }
      .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back {
        padding: 3rem; }
      .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--front img {
        max-width: 320px; } }
/* Tablet
 * -------------------------------------------- */
@media (max-width: 1000px) {
  .content-container.image-cards.cards .inner .teaser a {
    width: calc(50% - 20px);
    margin-bottom: 2rem; }
  .content-container.flip-cards.cards .inner .teaser a.scene {
    width: calc(50% - 20px);
    height: 220px;
    margin-bottom: 5rem; }
    .content-container.flip-cards.cards .inner .teaser a.scene .card {
      font-size: 9px; }
      .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back {
        padding: 3rem; }
      .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--front img {
        max-width: 320px; }
  .content-container.image-text-cards.cards .inner .teaser a {
    width: calc(50% - 3.3rem); }
    .content-container.image-text-cards.cards .inner .teaser a .image {
      height: 96px;
      margin-bottom: 3rem; }
    .content-container.image-text-cards.cards .inner .teaser a .text h3,
    .content-container.image-text-cards.cards .inner .teaser a .text p {
      font-size: 1.6rem;
      line-height: 1.63; } }
/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  .content-container.image, .content-container.image.full-width {
    padding: 45px 0; }
  .content-container.image.single:not(.mood) .inner {
    padding-left: 35px;
    padding-right: 35px; }
  .content-container.flip-cards.cards .inner h2, .content-container.image-cards.cards .inner h2, .content-container.image-text-cards.cards .inner h2 {
    font-size: 35px;
    line-height: 45px; } }
@media (max-width: 768px) {
  .content-container.image.single {
    max-width: 100%;
    padding: 0 0 48px; }
    .content-container.image.single:not(.mood) .inner {
      padding-left: 35px;
      padding-right: 35px; }
  .content-container.image.double {
    white-space: inherit; }
    .content-container.image.double .inner > img,
    .content-container.image.double .inner > .zoomable figure {
      display: block;
      width: 100% !important; }
      .content-container.image.double .inner > img:first-child,
      .content-container.image.double .inner > .zoomable figure:first-child {
        margin: 0 0 48px; } }
@media (max-width: 720px) {
  .content-container.image-cards.cards .inner .teaser a {
    width: 50%; }
  .content-container.flip-cards.cards {
    font-size: 8px; }
    .content-container.flip-cards.cards .inner {
      margin-top: 8em; }
      .content-container.flip-cards.cards .inner .teaser a {
        width: 50%; } }
@media (max-width: 620px) {
  .content-container.flip-cards.cards .inner .teaser a.scene .card {
    font-size: 8px; }
    .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back {
      padding: 3rem 2.5rem; } }
@media (max-width: 568px) {
  .content-container.image {
    padding: 0 0 30px; }
    .content-container.image.full-width {
      padding: 30px 0; }
    .content-container.image.triple {
      white-space: inherit; }
      .content-container.image.triple .inner > img,
      .content-container.image.triple .inner > .zoomable figure {
        display: block;
        width: 100% !important;
        margin: 0 0 48px; }
        .content-container.image.triple .inner > img:last-child,
        .content-container.image.triple .inner > .zoomable figure:last-child {
          margin-bottom: 0; }
    .content-container.image.full-width .inner, .content-container.image.mobile-min-height .inner {
      overflow-x: hidden; }
    .content-container.image.mobile-min-height .inner {
      width: calc(100% - 70px);
      padding-left: 0;
      padding-right: 0; }
    .content-container.image.mobile-min-height img {
      height: 302px !important;
      width: auto !important; }
    .content-container.image.full-width.mood img {
      height: 200px !important;
      width: auto !important; }
    .content-container.image.full-width .img-bg-positioned {
      padding-top: 85.5%; }
    .content-container.image.full-width.white .img-bg-positioned, .content-container.image.full-width.grey .img-bg-positioned, .content-container.image.full-width.turquoise-light .img-bg-positioned, .content-container.image.full-width.black .img-bg-positioned, .content-container.image.full-width.petrol-light .img-bg-positioned, .content-container.image.full-width.petrol-medium .img-bg-positioned, .content-container.image.full-width.petrol-dark .img-bg-positioned, .content-container.image.full-width.blue-light .img-bg-positioned, .content-container.image.full-width.blue-medium .img-bg-positioned, .content-container.image.full-width.blue-dark .img-bg-positioned, .content-container.image.full-width.turquoise-dark .img-bg-positioned, .content-container.image.full-width.orange .img-bg-positioned {
      padding-top: 40%; }
  .content-container.image-text-cards.cards .inner .teaser a {
    width: 100%;
    margin-bottom: 5rem; }
    .content-container.image-text-cards.cards .inner .teaser a .image {
      width: 100%; }
      .content-container.image-text-cards.cards .inner .teaser a .image img {
        max-height: 90%; }
    .content-container.image-text-cards.cards .inner .teaser a:last-child {
      margin-bottom: 0; } }
@media (max-width: 480px) {
  .content-container.image-cards.cards .inner .teaser a {
    width: 100%;
    margin-right: 0; }
    .content-container.image-cards.cards .inner .teaser a img {
      max-width: 282px; }
  .content-container.flip-cards.cards .inner .teaser a.scene {
    width: 100%;
    margin-right: 0; }
    .content-container.flip-cards.cards .inner .teaser a.scene .card {
      font-size: 9px; }
      .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--front img {
        max-width: 282px; }
      .content-container.flip-cards.cards .inner .teaser a.scene .card .card__face--back {
        padding: 3rem 15%; } }
@media (max-width: 400px) {
  .content-container.flip-cards.cards {
    font-size: 6px; }
    .content-container.flip-cards.cards .inner {
      margin-top: 8em; }
      .content-container.flip-cards.cards .inner .teaser a {
        width: 100%;
        margin-top: 0; }
        .content-container.flip-cards.cards .inner .teaser a img {
          margin: 5em 0; }
        .content-container.flip-cards.cards .inner .teaser a:last-child img {
          margin-bottom: 0; } }
/* MEDIA TEXT MODULES
 * -------------------------------------------- */
.content-container {
  max-width: unset; }
  .content-container.image-text .video, .content-container.blog-teaser .video {
    margin-top: 10px; }
  .content-container.image-text, .content-container.blog-teaser, .content-container.cards, .content-container.teasers-max-5 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 72px !important;
    padding-bottom: 72px !important; }
    .content-container.image-text .inner, .content-container.blog-teaser .inner, .content-container.cards .inner, .content-container.teasers-max-5 .inner {
      padding-top: 0;
      padding-bottom: 0; }
    .content-container.image-text h1,
    .content-container.image-text h2,
    .content-container.image-text h3, .content-container.blog-teaser h1,
    .content-container.blog-teaser h2,
    .content-container.blog-teaser h3, .content-container.cards h1,
    .content-container.cards h2,
    .content-container.cards h3, .content-container.teasers-max-5 h1,
    .content-container.teasers-max-5 h2,
    .content-container.teasers-max-5 h3 {
      font-family: "Heebo-Bold", Arial, sans-serif;
      margin-bottom: 1.9em;
      width: auto; }
    .content-container.image-text h3, .content-container.blog-teaser h3, .content-container.cards h3, .content-container.teasers-max-5 h3 {
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 2em; }
    .content-container.image-text h4, .content-container.blog-teaser h4, .content-container.cards h4, .content-container.teasers-max-5 h4 {
      font-family: "Heebo-Bold", Arial, sans-serif;
      margin-bottom: 1.125em; }
  .content-container.image-text + .content-container.cards {
    margin-top: 3em; }
  .content-container.image-text, .content-container.blog-teaser, .content-container.video.full-width {
    margin-top: 72px; }
    .content-container.image-text + .video.full-width, .content-container.blog-teaser + .video.full-width, .content-container.video.full-width + .video.full-width {
      margin-top: 144px; }
    .content-container.image-text .button, .content-container.blog-teaser .button, .content-container.video.full-width .button {
      margin: 10px 0 0; }
  .content-container.image-text, .content-container.blog-teaser {
    margin-top: 0;
    padding-top: 61px; }
    .content-container.image-text .inner, .content-container.blog-teaser .inner {
      max-width: 1700px; }
    .content-container.image-text + .image-text, .content-container.image-text + .blog-teaser, .content-container.blog-teaser + .image-text, .content-container.blog-teaser + .blog-teaser {
      padding-top: 133px; }
    .content-container.image-text.has-btn + .image-text, .content-container.image-text.has-btn + .blog-teasert, .content-container.blog-teaser.has-btn + .image-text, .content-container.blog-teaser.has-btn + .blog-teasert {
      padding-top: 145px; }
    .content-container.image-text .container, .content-container.blog-teaser .container {
      position: relative;
      width: 100%; }
    .content-container.image-text h2, .content-container.blog-teaser h2 {
      margin-bottom: 1em; }
    .content-container.image-text h3, .content-container.blog-teaser h3 {
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 1.2em; }
    .content-container.image-text .image,
    .content-container.image-text .video-container, .content-container.blog-teaser .image,
    .content-container.blog-teaser .video-container {
      position: relative;
      float: left;
      width: 41.01%; }
      .content-container.image-text .image img,
      .content-container.image-text .video-container img, .content-container.blog-teaser .image img,
      .content-container.blog-teaser .video-container img {
        width: 100%;
        height: auto;
        margin-top: 10px; }
    .content-container.image-text .video-container .video-subline, .content-container.blog-teaser .video-container .video-subline {
      padding: 0; }
    .content-container.image-text .text, .content-container.blog-teaser .text {
      float: right;
      width: 49.5%; }
    .content-container.image-text.mirrored .image,
    .content-container.image-text.mirrored .video-container, .content-container.blog-teaser.mirrored .image,
    .content-container.blog-teaser.mirrored .video-container {
      float: right;
      margin-left: 11%; }
    .content-container.image-text.mirrored .video-container, .content-container.blog-teaser.mirrored .video-container {
      float: right; }
    .content-container.image-text.mirrored .text, .content-container.blog-teaser.mirrored .text {
      float: none;
      max-width: 47.99%; }
      .content-container.image-text.mirrored .text h2,
      .content-container.image-text.mirrored .text h3,
      .content-container.image-text.mirrored .text p, .content-container.blog-teaser.mirrored .text h2,
      .content-container.blog-teaser.mirrored .text h3,
      .content-container.blog-teaser.mirrored .text p {
        text-align: right;
        float: none; }
      .content-container.image-text.mirrored .text a.button, .content-container.blog-teaser.mirrored .text a.button {
        float: right; }
  .content-container.image-text.video-large .video-container {
    float: none;
    width: 100%; }
    .content-container.image-text.video-large .video-container + .text {
      float: none;
      width: 100%; }
  .content-container.image-text.has-bg-color {
    background-color: #006064;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 61px;
    padding-bottom: 72px; }
  .content-container.blog-teaser {
    margin-top: 52px; }
    .content-container.blog-teaser .image,
    .content-container.blog-teaser .video {
      float: left;
      width: 41.1%; }
      .content-container.blog-teaser .image img,
      .content-container.blog-teaser .video img {
        margin-top: 5px; }
    .content-container.blog-teaser .text {
      float: right;
      width: 49.7%; }
      .content-container.blog-teaser .text h2 {
        padding: 0 20% 0 0; }
    .content-container.blog-teaser.mirrored .image,
    .content-container.blog-teaser.mirrored .video {
      position: absolute;
      right: 0;
      bottom: 0;
      height: 100%;
      margin-left: 9.15%; }
    .content-container.blog-teaser.mirrored .text h2 {
      padding: 0 0 0 20%; }
    .content-container.blog-teaser.mirrored .text p {
      text-align: right; }
    .content-container.blog-teaser.mirrored .text .button {
      float: right; }
    .content-container.blog-teaser:first-child {
      margin-top: 32px; }
  .content-container.cards.items-1 .inner > table {
    width: calc(100% / 3); }
  .content-container.cards.items-2 .inner > table {
    width: calc((100% / 3) * 2); }
  .content-container.cards .inner {
    max-width: 1700px;
    white-space: nowrap;
    padding-left: calc(140px - ((2 * 16px) / 3));
    padding-right: calc(140px - ((2 * 16px) / 3)); }
    .content-container.cards .inner h3 {
      font-size: 35px;
      line-height: 1.286;
      padding: 0 5px 0 1px;
      margin: 0 0 .325em; }
      .content-container.cards .inner h3 + h4 {
        margin-top: 2.05em; }
    .content-container.cards .inner h4 {
      margin-bottom: 1.65em; }
    .content-container.cards .inner h4,
    .content-container.cards .inner p {
      font-size: 20px;
      line-height: 1.5;
      padding: 0 0 0 1px; }
    .content-container.cards .inner .button,
    .content-container.cards .inner form button[type=submit] {
      margin: 2.44em 0 0; }
    .content-container.cards .inner > table {
      table-layout: fixed;
      white-space: normal;
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0; }
      .content-container.cards .inner > table tr td {
        border-collapse: collapse;
        border-left: solid 16px transparent;
        border-right: solid 16px transparent;
        vertical-align: top; }
      .content-container.cards .inner > table tr.headlines td, .content-container.cards .inner > table tr.sub-headlines td, .content-container.cards .inner > table tr.text td {
        padding-right: 60px; }
      .content-container.cards .inner > table tr.sub-headlines td {
        height: 17px; }
      .content-container.cards .inner > table tr.images td img {
        width: 100%;
        height: auto;
        margin-bottom: 58px; }
      .content-container.cards .inner > table tr.images + tr.headlines td h3 {
        margin-top: 0; }
      .content-container.cards .inner > table > div {
        display: none; }
        .content-container.cards .inner > table > div > div {
          float: left;
          width: calc(33.33% - 10.66px);
          margin-right: 16px; }
          .content-container.cards .inner > table > div > div img {
            width: 100%;
            height: auto;
            margin-bottom: 80px; }
          .content-container.cards .inner > table > div > div .text {
            padding-right: 60px;
            white-space: normal;
            font-family: "Heebo", Arial, sans-serif;
            font-size: 20px;
            line-height: 1.5; }
            .content-container.cards .inner > table > div > div .text .button {
              margin-top: 35px; }
          .content-container.cards .inner > table > div > div:last-child {
            margin-right: 0; }
  .content-container.cards.cards-1 .inner > div > div, .content-container.cards.cards-2 .inner > div > div, .content-container.cards.cards-3 .inner > div > div {
    float: left;
    width: 31.65%;
    margin-right: 5%; }
    .content-container.cards.cards-1 .inner > div > div .image, .content-container.cards.cards-2 .inner > div > div .image, .content-container.cards.cards-3 .inner > div > div .image {
      position: relative;
      width: 100%;
      padding-top: 84%;
      overflow: hidden;
      margin-bottom: 55px; }
      .content-container.cards.cards-1 .inner > div > div .image img, .content-container.cards.cards-2 .inner > div > div .image img, .content-container.cards.cards-3 .inner > div > div .image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 102%; }
    .content-container.cards.cards-1 .inner > div > div .text, .content-container.cards.cards-2 .inner > div > div .text, .content-container.cards.cards-3 .inner > div > div .text {
      padding-right: 12.5%;
      white-space: normal;
      font-family: "Heebo", Arial, sans-serif;
      font-size: 20px;
      line-height: 1.5; }
      .content-container.cards.cards-1 .inner > div > div .text h3, .content-container.cards.cards-2 .inner > div > div .text h3, .content-container.cards.cards-3 .inner > div > div .text h3 {
        padding: 0;
        margin-bottom: 1em; }
      .content-container.cards.cards-1 .inner > div > div .text .copy, .content-container.cards.cards-2 .inner > div > div .text .copy, .content-container.cards.cards-3 .inner > div > div .text .copy {
        display: flex;
        flex-direction: column;
        align-content: space-between; }
        .content-container.cards.cards-1 .inner > div > div .text .copy .button, .content-container.cards.cards-2 .inner > div > div .text .copy .button, .content-container.cards.cards-3 .inner > div > div .text .copy .button {
          margin: auto auto 0 0; }
      .content-container.cards.cards-1 .inner > div > div .text p + .button, .content-container.cards.cards-2 .inner > div > div .text p + .button, .content-container.cards.cards-3 .inner > div > div .text p + .button {
        margin-top: 16px; }
    .content-container.cards.cards-1 .inner > div > div.switched .text .intro h3, .content-container.cards.cards-2 .inner > div > div.switched .text .intro h3, .content-container.cards.cards-3 .inner > div > div.switched .text .intro h3 {
      margin-bottom: 1.628em; }
    .content-container.cards.cards-1 .inner > div > div:last-child, .content-container.cards.cards-2 .inner > div > div:last-child, .content-container.cards.cards-3 .inner > div > div:last-child {
      margin-right: 0; }
  .content-container.cards.cards-1.reset .inner > div > div h3,
  .content-container.cards.cards-1.reset .inner > div > div h4,
  .content-container.cards.cards-1.reset .inner > div > div .copy, .content-container.cards.cards-2.reset .inner > div > div h3,
  .content-container.cards.cards-2.reset .inner > div > div h4,
  .content-container.cards.cards-2.reset .inner > div > div .copy, .content-container.cards.cards-3.reset .inner > div > div h3,
  .content-container.cards.cards-3.reset .inner > div > div h4,
  .content-container.cards.cards-3.reset .inner > div > div .copy {
    height: auto !important; }
  .content-container.cards.cards-2 .inner > div, .content-container.cards.cards-3 .inner > div {
    display: flex;
    align-items: stretch; }
    .content-container.cards.cards-2 .inner > div > div, .content-container.cards.cards-3 .inner > div > div {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      align-content: space-between;
      float: none; }
      .content-container.cards.cards-2 .inner > div > div .text, .content-container.cards.cards-3 .inner > div > div .text {
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between; }
        .content-container.cards.cards-2 .inner > div > div .text .intro, .content-container.cards.cards-3 .inner > div > div .text .intro {
          margin-bottom: auto; }
        .content-container.cards.cards-2 .inner > div > div .text .copy, .content-container.cards.cards-3 .inner > div > div .text .copy {
          margin-top: auto; }
  .content-container.cards.cards-2 .inner > div > div {
    width: 47.535%; }
    .content-container.cards.cards-2 .inner > div > div:first-child {
      margin-right: 4.93%; }
    .content-container.cards.cards-2 .inner > div > div .image {
      padding-top: 55%; }
    .content-container.cards.cards-2 .inner > div > div .text {
      padding-right: 33%; }
  .content-container.cards.cards-1 .inner > div > div {
    width: 100%; }
    .content-container.cards.cards-1 .inner > div > div:first-child {
      margin-bottom: 0 !important; }
    .content-container.cards.cards-1 .inner > div > div .image {
      padding-top: 26.78%; }
      .content-container.cards.cards-1 .inner > div > div .image img {
        width: 100%;
        height: auto; }
    .content-container.cards.cards-1 .inner > div > div .text {
      width: 83.33%;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      padding-right: 0; }
      .content-container.cards.cards-1 .inner > div > div .text .intro,
      .content-container.cards.cards-1 .inner > div > div .text .copy {
        float: left;
        width: 50%;
        padding-right: 8.33%;
        box-sizing: border-box; }
      .content-container.cards.cards-1 .inner > div > div .text .intro {
        text-align: right; }
  .content-container.teasers-max-5 {
    padding: 40px 0 !important; }
    .content-container.teasers-max-5 .inner {
      max-width: 1350px;
      margin: 0 auto;
      white-space: nowrap;
      padding-left: calc(140px - ((2 * 16px) / 3));
      padding-right: calc(140px - ((2 * 16px) / 3)); }
      .content-container.teasers-max-5 .inner h3 {
        font-size: 35px;
        line-height: 1.286;
        margin: 0; }
      .content-container.teasers-max-5 .inner p {
        font-size: 20px;
        line-height: 1.5;
        padding: 0 0 0 1px; }
      .content-container.teasers-max-5 .inner .button.arrow {
        margin-top: 9px; }
      .content-container.teasers-max-5 .inner > div {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        flex-direction: row;
        flex-flow: row wrap;
        justify-content: center; }
        .content-container.teasers-max-5 .inner > div > div {
          display: flex;
          flex-direction: column;
          align-items: stretch;
          text-align: center;
          width: 20%;
          min-width: 180px;
          max-width: 260px;
          white-space: normal;
          margin: 36px 0; }
          .content-container.teasers-max-5 .inner > div > div h3 {
            padding: 0 5%; }
          .content-container.teasers-max-5 .inner > div > div img {
            align-self: center;
            margin: 34px 0 42px; }
          .content-container.teasers-max-5 .inner > div > div .text {
            align-self: flex-end;
            text-align: center;
            font-family: "Heebo", Arial, sans-serif;
            font-size: 20px;
            line-height: 1.5;
            padding: 0 10%; }
            .content-container.teasers-max-5 .inner > div > div .text p {
              align-self: flex-end; }
            .content-container.teasers-max-5 .inner > div > div .text p:last-child {
              margin-bottom: 0; }
            .content-container.teasers-max-5 .inner > div > div .text .button {
              margin-top: 35px; }
          .content-container.teasers-max-5 .inner > div > div:last-child {
            margin-right: 0; }
  .content-container.frame-type-html .inner .teasers-max-5 .inner {
    padding-left: 0;
    padding-right: 0; }

@media (max-width: 1420px) {
  .content-container.blog-teaser .text h2 {
    padding: 0; }
  .content-container.blog-teaser.mirrored .text h2 {
    padding: 0; } }
@media (max-width: 1200px) {
  .content-container.image-text + .content-container.cards {
    margin-top: 0; }
  .content-container.cards.cards-3 .inner > div > div .image, .content-container.cards.cards-2 .inner > div > div .image, .content-container.cards.cards-1 .inner > div > div .image {
    padding-top: 84.5%; }
    .content-container.cards.cards-3 .inner > div > div .image img, .content-container.cards.cards-2 .inner > div > div .image img, .content-container.cards.cards-1 .inner > div > div .image img {
      margin-bottom: 44px; }
  .content-container.cards.cards-3 .inner > div > div .text, .content-container.cards.cards-2 .inner > div > div .text, .content-container.cards.cards-1 .inner > div > div .text {
    padding-right: 14%; }
    .content-container.cards.cards-3 .inner > div > div .text p + .button, .content-container.cards.cards-2 .inner > div > div .text p + .button, .content-container.cards.cards-1 .inner > div > div .text p + .button {
      margin-top: 16px; }
  .content-container.cards.cards-3 .inner > div > div:first-child, .content-container.cards.cards-1 .inner > div > div:first-child {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 72px; }
    .content-container.cards.cards-3 .inner > div > div:first-child .text, .content-container.cards.cards-1 .inner > div > div:first-child .text {
      width: 100%;
      padding-right: 23%;
      box-sizing: border-box; }
      .content-container.cards.cards-3 .inner > div > div:first-child .text .intro,
      .content-container.cards.cards-3 .inner > div > div:first-child .text .copy, .content-container.cards.cards-1 .inner > div > div:first-child .text .intro,
      .content-container.cards.cards-1 .inner > div > div:first-child .text .copy {
        height: auto !important;
        float: none;
        width: 100%;
        text-align: left;
        padding-right: 0; }
      .content-container.cards.cards-3 .inner > div > div:first-child .text .intro h3,
      .content-container.cards.cards-3 .inner > div > div:first-child .text .intro h4, .content-container.cards.cards-1 .inner > div > div:first-child .text .intro h3,
      .content-container.cards.cards-1 .inner > div > div:first-child .text .intro h4 {
        height: auto !important; }
    .content-container.cards.cards-3 .inner > div > div:first-child .image, .content-container.cards.cards-1 .inner > div > div:first-child .image {
      padding-top: 50.5%; }
      .content-container.cards.cards-3 .inner > div > div:first-child .image img, .content-container.cards.cards-1 .inner > div > div:first-child .image img {
        width: 102% !important;
        height: auto !important; }
  .content-container.cards.cards-2 .inner > div > div {
    width: 45.608%; }
    .content-container.cards.cards-2 .inner > div > div:first-child {
      margin-right: 8.785%; }
  .content-container.cards.cards-3 .inner > div {
    flex-wrap: wrap; }
    .content-container.cards.cards-3 .inner > div > div {
      width: 45.608%;
      margin-right: 8.785%;
      margin-bottom: 0px; }
      .content-container.cards.cards-3 .inner > div > div .image {
        padding-top: 84.05%; }
  .content-container.image-text .container, .content-container.blog-teaser .container {
    width: 100%;
    margin-right: 0; } }
/* Tablet
 * -------------------------------------------- */
@media (max-width: 1150px) {
  .content-container.image-text h3, .content-container.blog-teaser h3 {
    font-size: 20px;
    line-height: 1.5; }
  .content-container.teasers-max-5 .inner {
    padding-left: 90px;
    padding-right: 90px; }
  .content-container.text h1 {
    font-size: 35px;
    line-height: 1.286; }
  .content-container.text h3 {
    font-size: 20px;
    line-height: 1.5; } }
/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  .content-container.text + .content-container.image {
    margin-top: 0; }
  .content-container.image-text video, .content-container.blog-teaser video {
    margin-top: 0px; }
  .content-container.image-text {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
    .content-container.image-text + .content-container.image {
      margin-top: -2.8em; }
  .content-container.image-text, .content-container.blog-teaser, .content-container.video.full-width {
    margin-top: 48px; }
    .content-container.image-text + .video.full-width, .content-container.blog-teaser + .video.full-width, .content-container.video.full-width + .video.full-width {
      margin-top: 96px; }
  .content-container.cards.cards-3 .inner > div > div .text h3, .content-container.cards.cards-1 .inner > div > div .text h3 {
    margin-bottom: 30px; }
  .content-container.cards.cards-3 .inner > div > div:first-child, .content-container.cards.cards-1 .inner > div > div:first-child {
    margin-bottom: 48px; }
  .content-container.cards {
    padding-top: 48px !important;
    padding-bottom: 48px !important; }
    .content-container.cards .inner {
      padding-left: 35px;
      padding-right: 35px; }
      .content-container.cards .inner h3 {
        font-size: 25px;
        line-height: 35px; }
      .content-container.cards .inner h4,
      .content-container.cards .inner p {
        font-size: 16px;
        line-height: 26px; }
  .content-container.image-text.clearfix:before, .content-container.image-text.clearfix:after, .content-container.image-text.clearfix .inner:before, .content-container.image-text.clearfix .inner:after {
    content: unset;
    display: unset; }
  .content-container.image-text.clearfix .text, .content-container.image-text.clearfix .inner .text {
    margin-bottom: 4em; }
  .content-container.teasers-max-5 {
    padding: 0 0 28px !important; }
    .content-container.teasers-max-5 .inner {
      padding-left: 35px;
      padding-right: 35px; }
      .content-container.teasers-max-5 .inner h3 {
        font-size: 25px;
        line-height: 35px;
        margin: 0; }
      .content-container.teasers-max-5 .inner p {
        font-size: 16px;
        line-height: 26px; }
      .content-container.teasers-max-5 .inner > div > div {
        margin: 39px 0 40px;
        min-width: 140px; }
  .content-container.image-text, .content-container.blog-teaser {
    margin-top: 48px;
    margin-bottom: 48px; }
    .content-container.image-text .image,
    .content-container.image-text .video-container,
    .content-container.image-text .text, .content-container.image-text.mirrored .image, .content-container.image-text.mirrored .video, .content-container.image-text.mirrored .text, .content-container.blog-teaser .image,
    .content-container.blog-teaser .video-container,
    .content-container.blog-teaser .text, .content-container.blog-teaser.mirrored .image, .content-container.blog-teaser.mirrored .video, .content-container.blog-teaser.mirrored .text {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    .content-container.image-text .image,
    .content-container.image-text .video-container, .content-container.blog-teaser .image,
    .content-container.blog-teaser .video-container {
      margin-bottom: 31px; }
      .content-container.image-text .image img,
      .content-container.image-text .video-container img, .content-container.blog-teaser .image img,
      .content-container.blog-teaser .video-container img {
        margin-top: 0; }
      .content-container.image-text .image:last-child,
      .content-container.image-text .video-container:last-child, .content-container.blog-teaser .image:last-child,
      .content-container.blog-teaser .video-container:last-child {
        margin-bottom: 0; }
    .content-container.image-text .video-container, .content-container.blog-teaser .video-container {
      width: calc(100% + 70px);
      margin-left: -35px;
      margin-right: -35px; }
      .content-container.image-text .video-container .video-subline, .content-container.blog-teaser .video-container .video-subline {
        padding: 0 35px; }
      .content-container.image-text .video-container + .text h2, .content-container.blog-teaser .video-container + .text h2 {
        margin-top: 1.5em; }
    .content-container.image-text .text h2, .content-container.blog-teaser .text h2 {
      font-size: 35px;
      line-height: 45px;
      margin-bottom: .7em; }
    .content-container.image-text .text h3, .content-container.blog-teaser .text h3 {
      font-size: 16px;
      line-height: 26px; }
    .content-container.image-text .text .button, .content-container.blog-teaser .text .button {
      margin-top: 9px; }
    .content-container.image-text.mirrored .text h2,
    .content-container.image-text.mirrored .text h3, .content-container.blog-teaser.mirrored .text h2,
    .content-container.blog-teaser.mirrored .text h3 {
      text-align: left; }
    .content-container.image-text p, .content-container.blog-teaser p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 1.8em; }
      .content-container.image-text p:last-child, .content-container.blog-teaser p:last-child {
        margin-bottom: 0; }
    .content-container.image-text + .content-container.image-text, .content-container.image-text + .content-container.blog-teaser, .content-container.image-text + .content-container.text, .content-container.blog-teaser + .content-container.image-text, .content-container.blog-teaser + .content-container.blog-teaser, .content-container.blog-teaser + .content-container.text {
      margin-top: 0px; }
  .content-container.blog-teaser {
    margin-top: 48px; }
    .content-container.blog-teaser .image {
      margin-bottom: 40px; }
    .content-container.blog-teaser .text h2 {
      padding-right: 20%; }
    .content-container.blog-teaser.mirrored .video,
    .content-container.blog-teaser.mirrored .image {
      position: relative; }
    .content-container.blog-teaser.mirrored .text h2 {
      padding-right: 20%; }
    .content-container.blog-teaser.mirrored .text p {
      text-align: left; }
    .content-container.blog-teaser.mirrored .text .button {
      float: none; }
    .content-container.blog-teaser + .blog-teaser {
      margin-top: 20px; } }
@media (max-width: 780px) {
  .content-container.teasers-max-5 .inner > div > div {
    width: 30%; } }
@media (max-width: 568px) {
  .content-container.cards.cards-3 .inner > div, .content-container.cards.cards-2 .inner > div, .content-container.cards.cards-1 .inner > div {
    display: block; }
    .content-container.cards.cards-3 .inner > div > div,
    .content-container.cards.cards-3 .inner > div > div:first-child, .content-container.cards.cards-2 .inner > div > div,
    .content-container.cards.cards-2 .inner > div > div:first-child, .content-container.cards.cards-1 .inner > div > div,
    .content-container.cards.cards-1 .inner > div > div:first-child {
      width: 100%;
      margin-right: 0;
      margin-bottom: 48px !important; }
      .content-container.cards.cards-3 .inner > div > div h3,
      .content-container.cards.cards-3 .inner > div > div:first-child h3, .content-container.cards.cards-2 .inner > div > div h3,
      .content-container.cards.cards-2 .inner > div > div:first-child h3, .content-container.cards.cards-1 .inner > div > div h3,
      .content-container.cards.cards-1 .inner > div > div:first-child h3 {
        margin-top: 0px !important; }
      .content-container.cards.cards-3 .inner > div > div:last-child,
      .content-container.cards.cards-3 .inner > div > div:first-child:last-child, .content-container.cards.cards-2 .inner > div > div:last-child,
      .content-container.cards.cards-2 .inner > div > div:first-child:last-child, .content-container.cards.cards-1 .inner > div > div:last-child,
      .content-container.cards.cards-1 .inner > div > div:first-child:last-child {
        margin-bottom: 0 !important; }
      .content-container.cards.cards-3 .inner > div > div .image,
      .content-container.cards.cards-3 .inner > div > div:first-child .image, .content-container.cards.cards-2 .inner > div > div .image,
      .content-container.cards.cards-2 .inner > div > div:first-child .image, .content-container.cards.cards-1 .inner > div > div .image,
      .content-container.cards.cards-1 .inner > div > div:first-child .image {
        padding-top: 100% !important;
        margin-bottom: 40px; }
        .content-container.cards.cards-3 .inner > div > div .image img,
        .content-container.cards.cards-3 .inner > div > div:first-child .image img, .content-container.cards.cards-2 .inner > div > div .image img,
        .content-container.cards.cards-2 .inner > div > div:first-child .image img, .content-container.cards.cards-1 .inner > div > div .image img,
        .content-container.cards.cards-1 .inner > div > div:first-child .image img {
          height: 100% !important;
          width: auto !important; }
      .content-container.cards.cards-3 .inner > div > div .text,
      .content-container.cards.cards-3 .inner > div > div:first-child .text, .content-container.cards.cards-2 .inner > div > div .text,
      .content-container.cards.cards-2 .inner > div > div:first-child .text, .content-container.cards.cards-1 .inner > div > div .text,
      .content-container.cards.cards-1 .inner > div > div:first-child .text {
        width: 100%;
        padding-right: 0 !important;
        margin-right: 0; }
        .content-container.cards.cards-3 .inner > div > div .text h3,
        .content-container.cards.cards-3 .inner > div > div:first-child .text h3, .content-container.cards.cards-2 .inner > div > div .text h3,
        .content-container.cards.cards-2 .inner > div > div:first-child .text h3, .content-container.cards.cards-1 .inner > div > div .text h3,
        .content-container.cards.cards-1 .inner > div > div:first-child .text h3 {
          margin: 1em 0; }
        .content-container.cards.cards-3 .inner > div > div .text h4,
        .content-container.cards.cards-3 .inner > div > div:first-child .text h4, .content-container.cards.cards-2 .inner > div > div .text h4,
        .content-container.cards.cards-2 .inner > div > div:first-child .text h4, .content-container.cards.cards-1 .inner > div > div .text h4,
        .content-container.cards.cards-1 .inner > div > div:first-child .text h4 {
          margin: 0 0 1em 0; }
        .content-container.cards.cards-3 .inner > div > div .text .intro,
        .content-container.cards.cards-3 .inner > div > div .text h3,
        .content-container.cards.cards-3 .inner > div > div .text h4,
        .content-container.cards.cards-3 .inner > div > div .text .copy,
        .content-container.cards.cards-3 .inner > div > div:first-child .text .intro,
        .content-container.cards.cards-3 .inner > div > div:first-child .text h3,
        .content-container.cards.cards-3 .inner > div > div:first-child .text h4,
        .content-container.cards.cards-3 .inner > div > div:first-child .text .copy, .content-container.cards.cards-2 .inner > div > div .text .intro,
        .content-container.cards.cards-2 .inner > div > div .text h3,
        .content-container.cards.cards-2 .inner > div > div .text h4,
        .content-container.cards.cards-2 .inner > div > div .text .copy,
        .content-container.cards.cards-2 .inner > div > div:first-child .text .intro,
        .content-container.cards.cards-2 .inner > div > div:first-child .text h3,
        .content-container.cards.cards-2 .inner > div > div:first-child .text h4,
        .content-container.cards.cards-2 .inner > div > div:first-child .text .copy, .content-container.cards.cards-1 .inner > div > div .text .intro,
        .content-container.cards.cards-1 .inner > div > div .text h3,
        .content-container.cards.cards-1 .inner > div > div .text h4,
        .content-container.cards.cards-1 .inner > div > div .text .copy,
        .content-container.cards.cards-1 .inner > div > div:first-child .text .intro,
        .content-container.cards.cards-1 .inner > div > div:first-child .text h3,
        .content-container.cards.cards-1 .inner > div > div:first-child .text h4,
        .content-container.cards.cards-1 .inner > div > div:first-child .text .copy {
          height: auto !important; }
        .content-container.cards.cards-3 .inner > div > div .text .intro,
        .content-container.cards.cards-3 .inner > div > div .text .copy,
        .content-container.cards.cards-3 .inner > div > div:first-child .text .intro,
        .content-container.cards.cards-3 .inner > div > div:first-child .text .copy, .content-container.cards.cards-2 .inner > div > div .text .intro,
        .content-container.cards.cards-2 .inner > div > div .text .copy,
        .content-container.cards.cards-2 .inner > div > div:first-child .text .intro,
        .content-container.cards.cards-2 .inner > div > div:first-child .text .copy, .content-container.cards.cards-1 .inner > div > div .text .intro,
        .content-container.cards.cards-1 .inner > div > div .text .copy,
        .content-container.cards.cards-1 .inner > div > div:first-child .text .intro,
        .content-container.cards.cards-1 .inner > div > div:first-child .text .copy {
          float: none;
          width: 100%;
          padding-right: 0;
          text-align: left; }
    .content-container.cards.cards-3 .inner > div > div + div, .content-container.cards.cards-2 .inner > div > div + div, .content-container.cards.cards-1 .inner > div > div + div {
      margin-top: 4em; } }
@media (max-width: 470px) {
  .content-container.teasers-max-5 .inner > div > div {
    width: auto; } }
/* BLOG
 * -------------------------------------------- */
.content-container.blog-teaser .inner {
  padding-left: 40px;
  padding-right: 40px; }
  .content-container.blog-teaser .inner .text h2 {
    margin-bottom: 1em; }
  .content-container.blog-teaser .inner .text p + a.button {
    margin: 10px 0 0; }
  .content-container.blog-teaser .inner .text ul li:before {
    content: url("images/ul-li-cube-orange.png"); }
.content-container.blog-detail {
  max-width: 1368px;
  margin-top: -22px; }
  .content-container.blog-detail h1 {
    font-size: 60px;
    line-height: 1.167;
    margin-bottom: 53px; }
  .content-container.blog-detail h2 {
    font-size: 45px;
    line-height: 1.222;
    margin-top: 53px;
    margin-bottom: 51px; }
  .content-container.blog-detail h3 {
    font-family: "Heebo-Bold", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.5;
    margin-top: 2.6em;
    margin-bottom: 1.7em; }
  .content-container.blog-detail img {
    margin: 105px 0 130px;
    width: 100%; }
  .content-container.blog-detail .quote-container {
    margin: 125px 0 130px; }
  .content-container.blog-detail p,
  .content-container.blog-detail ul li {
    font-size: 20px;
    line-height: 1.5; }
    .content-container.blog-detail p + h1,
    .content-container.blog-detail ul li + h1 {
      margin-top: 53px;
      margin-bottom: 49px; }
  .content-container.blog-detail ul li:before {
    content: url("images/ul-li-cube-petrol.png"); }
  .content-container.blog-detail p {
    margin-bottom: 1.5em; }
    .content-container.blog-detail p + h1 {
      margin-top: 53px;
      margin-bottom: 49px; }
  .content-container.blog-detail .content-container {
    padding: 0 !important;
    margin: 0 !important; }
    .content-container.blog-detail .content-container .inner {
      padding-left: 0 !important;
      padding-right: 0 !important; }
      .content-container.blog-detail .content-container .inner img {
        margin: 44px 0; }

.blog-detail-footer {
  position: relative;
  background: transparent;
  text-align: center;
  margin-bottom: 40px; }
  .blog-detail-footer a.button {
    letter-spacing: 0.1em;
    margin-top: 3px; }
  .blog-detail-footer a:not(.button) {
    position: relative;
    z-index: 10;
    display: inline-block;
    font-family: "Heebo-Bold", Arial, sans-serif;
    color: #006064;
    margin-top: 94px; }
  .blog-detail-footer .container {
    position: relative; }
    .blog-detail-footer .container > ul {
      position: absolute;
      z-index: 0;
      width: 100%;
      margin-top: 94px; }
      .blog-detail-footer .container > ul li a {
        margin: 0; }
      .blog-detail-footer .container > ul li.previous-article a > span > span, .blog-detail-footer .container > ul li.next-article a > span > span {
        text-decoration: underline;
        display: inline-block;
        font-size: 16px;
        line-height: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 420px;
        height: 24px;
        white-space: nowrap; }
      .blog-detail-footer .container > ul li.previous-article {
        float: left; }
        .blog-detail-footer .container > ul li.previous-article a > span > span:before {
          content: ' ';
          display: inline-block;
          background-repeat: no-repeat;
          background-image: url("../Images/Icons/prev_orange.png");
          width: 20px;
          height: 18px;
          background-position-x: -6px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .blog-detail-footer .container > ul li.previous-article a > span > span:before {
              background-image: url("../Images/Icons/prev_orange@2x.png");
              background-size: 24px 24px; } }
      .blog-detail-footer .container > ul li.next-article {
        float: right; }
        .blog-detail-footer .container > ul li.next-article a > span > span {
          padding-right: 16px; }
        .blog-detail-footer .container > ul li.next-article a > span > span:after {
          content: ' ';
          position: absolute;
          right: 0;
          display: inline-block;
          background-repeat: no-repeat;
          background-image: url("../Images/Icons/next_orange.png");
          width: 20px;
          height: 18px;
          background-position-x: 4px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .blog-detail-footer .container > ul li.next-article a > span > span:after {
              background-image: url("../Images/Icons/next_orange@2x.png");
              background-size: 24px 24px; } }

body.black .blog-detail-footer a:not(.button), body.petrol-light .blog-detail-footer a:not(.button), body.petrol-medium .blog-detail-footer a:not(.button), body.petrol-dark .blog-detail-footer a:not(.button), body.blue-light .blog-detail-footer a:not(.button), body.blue-medium .blog-detail-footer a:not(.button), body.blue-dark .blog-detail-footer a:not(.button), body.turquoise-dark .blog-detail-footer a:not(.button), body.orange .blog-detail-footer a:not(.button) {
  color: #fff; }

.blog-date {
  display: block;
  font-family: "Heebo-Bold", Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 29px;
  text-transform: uppercase; }

.mirrored .blog-date {
  text-align: right; }

@media (max-width: 1300px) {
  .blog-detail-footer .container > ul li.previous-article a > span > span, .blog-detail-footer .container > ul li.next-article a > span > span {
    max-width: 350px; } }
@media (max-width: 1200px) {
  .blog-detail-footer .container > ul li.previous-article a > span > span, .blog-detail-footer .container > ul li.next-article a > span > span {
    max-width: 300px; } }
@media (max-width: 1100px) {
  .blog-detail-footer .container > ul li.previous-article a > span > span, .blog-detail-footer .container > ul li.next-article a > span > span {
    max-width: 250px; } }
@media (max-width: 1000px) {
  .blog-detail-footer .container > ul li.previous-article a > span > span, .blog-detail-footer .container > ul li.next-article a > span > span {
    max-width: 200px; } }
@media (max-width: 880px) {
  .content-container.blog-teaser .inner {
    padding-left: 26px;
    padding-right: 26px; }
    .content-container.blog-teaser .inner .image {
      margin-bottom: 48px; }
      .content-container.blog-teaser .inner .image img {
        display: block; }
    .content-container.blog-teaser .inner .text h2 {
      font-size: 35px;
      line-height: 45px;
      margin-bottom: 30px; }
    .content-container.blog-teaser .inner .text p + a.button {
      margin-top: 12px; }
  .content-container.blog-detail {
    margin-top: 40px;
    padding-bottom: 0; }
    .content-container.blog-detail h1 {
      font-size: 45px;
      margin-bottom: .75em; }
    .content-container.blog-detail h2 {
      font-size: 35px;
      line-height: 1.286;
      margin-bottom: .75em; }
    .content-container.blog-detail h3 {
      margin-top: 1.35em;
      margin-bottom: 1.65em; }
    .content-container.blog-detail p,
    .content-container.blog-detail ul li {
      font-size: 16px;
      line-height: 1.625; }
    .content-container.blog-detail p {
      margin-bottom: 26px; }
      .content-container.blog-detail p + h2 {
        margin: 33px 0 29px; }
    .content-container.blog-detail img {
      margin: 16px 0 35px; }
    .content-container.blog-detail .quote-container {
      margin: 35px 0 33px; }
      .content-container.blog-detail .quote-container .quote {
        text-align: center; }

  .blog-detail-footer .container > ul {
    margin-top: 59px; }
  .blog-detail-footer a.button {
    margin-top: 39px; }
  .blog-detail-footer a:not(.button) {
    margin-top: 60px; }

  .blog-date {
    font-size: 10px;
    margin-bottom: 12px; }

  .mirrored .blog-date {
    text-align: left; } }
@media (max-width: 700px) {
  .blog-detail-footer .container > ul li.previous-article a > span > span, .blog-detail-footer .container > ul li.next-article a > span > span {
    max-width: 150px; } }
@media (max-width: 600px) {
  .blog-detail-footer .container > ul li.previous-article a > span > span, .blog-detail-footer .container > ul li.next-article a > span > span {
    font-size: 0;
    max-width: unset; } }
/* Header
 * -------------------------------------------- */
.header {
  position: relative;
  width: 100%;
  min-height: 90px;
  color: #fff;
  overflow-y: hidden;
  margin-bottom: 72px; }
  .header .teaser {
    box-sizing: border-box;
    max-width: 1440px;
    padding: 10% 35px 35px;
    margin: 0 auto;
    height: calc(100% - 70px);
    display: flex;
    align-items: center; }
    .header .teaser.black {
      color: #fff;
      filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.7)); }
    .header .teaser.white {
      color: #393939; }
    .header .teaser .content {
      width: 50%; }
      .header .teaser .content h1 {
        font-family: "Heebo-Bold", Arial, sans-serif;
        font-size: 60px;
        letter-spacing: 0;
        line-height: 1.167; }
        .header .teaser .content h1 + p {
          margin-top: 22px; }
      .header .teaser .content p {
        font-size: 24px;
        line-height: 1.58; }
      .header .teaser .content button {
        margin-top: 37px; }
    .header .teaser.p-right {
      justify-content: flex-end; }
    .header .teaser.p-center {
      justify-content: center; }
    .header .teaser.a-right .content h1, .header .teaser.a-right .content p {
      text-align: right; }
    .header .teaser.a-right .content a.button {
      float: right;
      margin-right: 0; }
  .header + .head-teaser-copy-cta-mobile {
    display: none;
    padding: 0 35px 48px; }
    .header + .head-teaser-copy-cta-mobile h1 {
      display: none; }
    .header + .head-teaser-copy-cta-mobile .button {
      margin-top: 0; }
    .header + .head-teaser-copy-cta-mobile p + .button {
      margin-top: 30px; }
  .header .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    background-color: #000023; }
    .header .video-wrapper > video,
    .header .video-wrapper > .mobile-yt-fallback {
      width: 100vw;
      height: 56.25vw;
      /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
      min-height: 80vh;
      min-width: 177.77vh;
      /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-size: cover;
      background-position: top center; }
    .header .video-wrapper > .mobile-yt-fallback {
      display: none; }
    .header .video-wrapper iframe {
      width: 100vw;
      height: 56.25vw;
      /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
      min-height: 100%;
      min-width: 177.77%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .header.lite, .header.has-no-hero {
    background-color: transparent;
    color: #393939; }
    .header.lite button, .header.has-no-hero button {
      border: solid 1px #393939;
      color: #393939; }
      .header.lite button:hover, .header.has-no-hero button:hover {
        background-color: #393939;
        color: #fff; }
      .header.lite button:focus, .header.has-no-hero button:focus {
        outline: 1px dotted #393939; }
      .header.lite button.orange, .header.has-no-hero button.orange {
        border: solid 1px #ff3d00;
        color: #fff; }
        .header.lite button.orange:hover, .header.has-no-hero button.orange:hover {
          background-color: #ff7539;
          border-color: #ff7539; }
        .header.lite button.orange:focus, .header.has-no-hero button.orange:focus {
          outline: 1px dotted #fff; }
  .header.has-video {
    background-color: unset; }
  .header.has-image, .header.has-slider, .header.has-video {
    height: auto;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat; }
    .header.has-image:before, .header.has-slider:before, .header.has-video:before {
      content: " ";
      position: absolute;
      z-index: 0;
      background-image: url("images/d-hero-gradient.png?1");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: bottom center;
      width: 100%;
      height: 100%; }
    .header.has-image .inner, .header.has-slider .inner, .header.has-video .inner {
      min-height: 75vh;
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start; }
      .header.has-image .inner .teaser, .header.has-slider .inner .teaser, .header.has-video .inner .teaser {
        flex: 1;
        width: 100%; }
  .header.has-video.has-teaser:not(.lite):before {
    z-index: 0; }

@media (orientation: portrait) and (max-aspect-ratio: 2 / 1) {
  .header.has-video.has-teaser .video-wrapper video,
  .header.has-video.has-teaser .video-wrapper iframe {
    height: 100%;
    width: 177.77vh; } }
@media (orientation: portrait) and (max-height: 500px) {
  .header.has-video.has-teaser .video-wrapper video,
  .header.has-video.has-teaser .video-wrapper iframe {
    height: 100%;
    width: 270vh; } }
@media (orientation: landscape) and (max-height: 500px) {
  .header.has-video.has-teaser .video-wrapper video,
  .header.has-video.has-teaser .video-wrapper iframe {
    height: 100%;
    width: 270vw; } }
@media (max-width: 1000px) {
  .header .teaser .content {
    width: 65%; } }
/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  .header {
    margin-bottom: 26px;
    min-height: 72px; }
    .header .teaser .content {
      width: 100%; }
      .header .teaser .content h1 {
        font-size: 45px;
        line-height: 1.222;
        width: 60%; }
      .header .teaser .content p {
        font-size: 20px; }
    .header .teaser.p-right.a-right .content h1 {
      width: 100%;
      padding-left: 40%;
      box-sizing: border-box; } }
@media (max-height: 650px) {
  .header .teaser .content h1 {
    font-size: 35px; } }
@media (max-width: 580px) {
  .header .teaser .content h1 {
    width: 100%;
    padding-left: 0 !important; } }
@media (max-width: 400px) {
  .header {
    margin-bottom: 48px; }
    .header.has-image .inner, .header.has-slider .inner, .header.has-video .inner {
      min-height: 90vh; }
    .header .teaser {
      padding: 0 0 68px; }
      .header .teaser .content {
        align-self: flex-end; }
        .header .teaser .content h1 {
          font-size: 40px; }
        .header .teaser .content p,
        .header .teaser .content .button {
          display: none; }
    .header + .head-teaser-copy-cta-mobile {
      display: block; }
      .header + .head-teaser-copy-cta-mobile p {
        font-size: 16px; } }
body#uid_141 .header.has-image {
  background-position: center; }
  body#uid_141 .header.has-image .inner {
    min-height: 60vh; }

@media (max-width: 700px) {
  body#uid_141 .header.has-image .inner {
    min-height: 100vw; } }
.footer {
  width: 100%;
  background-color: #00363a;
  font-size: 16px;
  color: #fff;
  border-top: solid 130px #fff; }
  .footer .inner {
    width: 100%;
    max-width: 1200px;
    padding: 65px 40px 60px; }
    .footer .inner > div {
      float: left;
      width: 45%;
      max-width: 460px; }
      .footer .inner > div:last-child {
        float: right; }
  .footer h3 {
    font-family: "Heebo-Bold", Arial, sans-serif;
    font-size: 30px;
    margin-bottom: 50px; }
  .footer a + h3 {
    margin-top: 50px; }
  .footer form label {
    color: #fff; }
  .footer form .checkbox-with-label {
    margin-top: 5px; }
  .footer form input[type="text"]:not(:placeholder-shown):valid, .footer form input[type="email"]:not(:placeholder-shown):valid {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .footer .co2neutral {
    margin: 0 0 65px; }
  .footer .socialmedia span {
    display: inline-block;
    box-sizing: border-box;
    width: calc(50% - 16.5px);
    min-width: 33px; }
    .footer .socialmedia span a {
      transition: opacity 0.2s ease-in-out;
      display: inline-block;
      width: 33px;
      text-decoration: none;
      margin: 0 0 50px 0;
      text-align: center;
      opacity: .8; }
      .footer .socialmedia span a:hover {
        opacity: 1; }
    .footer .socialmedia span:nth-child(3n) {
      width: 33px;
      padding-right: 0; }
  .footer .footer-nav {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1640px;
    border-top: solid 1px rgba(255, 255, 255, 0.5);
    padding: 35px 0; }
    .footer .footer-nav a {
      transition: opacity 0.2s ease-in-out;
      display: inline-block;
      text-transform: uppercase;
      font-family: "Heebo", Arial, sans-serif;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0;
      text-decoration: none;
      color: #fff;
      opacity: .8; }
      .footer .footer-nav a:hover {
        opacity: 1; }
    .footer .footer-nav ul {
      white-space: nowrap; }
      .footer .footer-nav ul li {
        display: inline-block;
        margin: 0 6.7rem 0 0; }
        .footer .footer-nav ul li:last-child {
          margin-right: 0; }
      .footer .footer-nav ul:first-child {
        float: right; }
        .footer .footer-nav ul:first-child li {
          margin: 0 0 0 6.7rem; }
          .footer .footer-nav ul:first-child li:first-child {
            margin-left: 0; }
          .footer .footer-nav ul:first-child li a {
            opacity: .4; }
            .footer .footer-nav ul:first-child li a:hover {
              opacity: .8; }
  .footer.reduced .footer-nav {
    border-top: none; }

body.white .footer {
  border-top-color: #fff; }
body.grey .footer {
  border-top-color: #d7d7d7; }
body.black .footer {
  border-top-color: #000; }
body.petrol-light .footer {
  border-top-color: #428e92; }
body.petrol-medium .footer {
  border-top-color: #006064; }
body.petrol-dark .footer {
  border-top-color: #00363a; }
body.orange .footer {
  border-top-color: #ff3d00; }
body.blue-light .footer {
  border-top-color: #3A5786; }
body.blue-medium .footer {
  border-top-color: #002E59; }
body.blue-dark .footer {
  border-top-color: #000023; }
body.turquoise-light .footer {
  border-top-color: #daffff; }
body.turquoise-dark .footer {
  border-top-color: #74ccb9; }

.content-container.white + .footer {
  border-top-color: #fff; }
.content-container.grey + .footer {
  border-top-color: #d7d7d7; }
.content-container.black + .footer {
  border-top-color: #000; }
.content-container.petrol-light + .footer {
  border-top-color: #428e92; }
.content-container.petrol-medium + .footer {
  border-top-color: #006064; }
.content-container.petrol-dark + .footer {
  border-top-color: #00363a; }
.content-container.orange + .footer {
  border-top-color: #ff3d00; }
.content-container.blue-light + .footer {
  border-top-color: #3A5786; }
.content-container.blue-medium + .footer {
  border-top-color: #002E59; }
.content-container.blue-dark + .footer {
  border-top-color: #000023; }
.content-container.turquoise-light + .footer {
  border-top-color: #daffff; }
.content-container.turquoise-dark + .footer {
  border-top-color: #74ccb9; }

@media (max-width: 1720px) {
  .footer .footer-nav {
    width: calc(100% - 80px); } }
/* Tablet
 * -------------------------------------------- */
@media (max-width: 1200px) {
  .footer .footer-nav ul li {
    margin: 0 2vw 0 0; }
  .footer .footer-nav ul:first-child li {
    margin: 0 0 0 2vw; } }
@media (max-width: 1600px) {
  .footer .footer-nav ul li {
    margin: 0 3vw 0 0; }
  .footer .footer-nav ul:first-child li {
    margin: 0 0 0 3vw; } }
@media (max-width: 1300px) {
  .footer .footer-nav ul li {
    margin: 0 2vw 0 0; }
  .footer .footer-nav ul:first-child li {
    margin: 0 0 0 2vw; } }
@media (max-width: 1180px) {
  .footer .footer-nav ul {
    float: none; }
    .footer .footer-nav ul li, .footer .footer-nav ul:first-child li {
      display: block;
      margin: 0 0 25px; }
      .footer .footer-nav ul li:last-child, .footer .footer-nav ul:first-child li:last-child {
        margin-bottom: 0; }
    .footer .footer-nav ul:first-child li {
      text-align: right; } }
/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  .footer {
    border-top-width: 72px; } }
@media (max-width: 770px) {
  .footer .inner {
    padding-bottom: 23px; }
    .footer .inner > div {
      width: 100%;
      max-width: unset; }
      .footer .inner > div:first-child,
      .footer .inner > div .co2neutral {
        margin-bottom: 60px; }
  .footer .footer-nav {
    width: calc(100% - 74px); } }
@media (max-width: 400px) {
  .footer .inner {
    padding-left: 25px;
    padding-right: 25px; } }
/* Form
 * -------------------------------------------- */
.agreement {
  display: block;
  font-size: 10px;
  line-height: 1.2;
  margin-top: 25px; }
  .agreement a {
    color: #fff; }
  .agreement + button {
    margin-top: 25px; }

.label-required {
  display: block; }

label {
  top: 0;
  left: 0;
  transition: font-size 0.2s, background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
  position: absolute;
  color: #fff;
  padding: 17px 15px 0;
  cursor: inherit;
  user-select: none;
  z-index: 0; }

/* [ TEXT, EMAIL INPUT ] */
.hide {
  display: none; }

.lp-form-field[data-required-field] {
  box-shadow: none; }
  .lp-form-field[data-required-field] textarea {
    background: #fff; }
  .lp-form-field[data-required-field] + label:after {
    content: "*";
    font-size: 90%;
    padding-left: 3px; }

div[data-layout] {
  outline: 0; }

select,
textarea,
[type=text],
[type=email] {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: calc(100% - 2px);
  display: block;
  background-color: transparent;
  border: solid 1px #fff;
  border-radius: 5px;
  margin: 1px 1px 24px;
  padding: 0 14px;
  vertical-align: center;
  font-family: "Heebo", Arial, sans-serif;
  font-size: 16px;
  color: #fff; }
  select:required,
  textarea:required,
  [type=text]:required,
  [type=email]:required {
    box-shadow: none; }
    select:required + label:after,
    textarea:required + label:after,
    [type=text]:required + label:after,
    [type=email]:required + label:after {
      content: "*";
      font-size: 90%;
      padding-left: 3px; }

.form-container form button:not(.pswp__button):not(.big-play-btn) {
  margin: 45px 20px 0 0;
  border-color: #ff3d00;
  background-color: #ff3d00; }
  .form-container form button:not(.pswp__button):not(.big-play-btn):hover {
    background-color: #fff;
    color: #ff3d00; }
.form-container select,
.form-container textarea,
.form-container [type=text],
.form-container [type=email] {
  position: relative;
  z-index: 1;
  width: calc(100% - 2px) !important;
  display: block;
  background-color: transparent;
  border: solid 1px #fff;
  border-radius: 5px;
  margin: 1px 1px 24px;
  padding: 0 14px;
  vertical-align: center;
  font-family: "Heebo", Arial, sans-serif;
  font-size: 16px;
  color: #fff; }
  .form-container select:required,
  .form-container textarea:required,
  .form-container [type=text]:required,
  .form-container [type=email]:required {
    box-shadow: none; }
    .form-container select:required + label:after,
    .form-container textarea:required + label:after,
    .form-container [type=text]:required + label:after,
    .form-container [type=email]:required + label:after {
      content: "*";
      font-size: 90%;
      padding-left: 3px; }

textarea,
[type=text],
[type=email] {
  line-height: 54px; }
  textarea:invalid,
  [type=text]:invalid,
  [type=email]:invalid {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    textarea:invalid[aria-labelledby^="error"],
    [type=text]:invalid[aria-labelledby^="error"],
    [type=email]:invalid[aria-labelledby^="error"] {
      border-color: #ff3d00 !important; }
  textarea:focus,
  [type=text]:focus,
  [type=email]:focus {
    outline: 1px dotted #fff; }
  textarea:focus, textarea:required:valid, textarea:not(:placeholder-shown):not(:required), textarea:not(:placeholder-shown):invalid,
  [type=text]:focus,
  [type=text]:required:valid,
  [type=text]:not(:placeholder-shown):not(:required),
  [type=text]:not(:placeholder-shown):invalid,
  [type=email]:focus,
  [type=email]:required:valid,
  [type=email]:not(:placeholder-shown):not(:required),
  [type=email]:not(:placeholder-shown):invalid {
    padding: 14px 14px 2px;
    line-height: 38px; }
    textarea:focus + label, textarea:required:valid + label, textarea:not(:placeholder-shown):not(:required) + label, textarea:not(:placeholder-shown):invalid + label,
    [type=text]:focus + label,
    [type=text]:required:valid + label,
    [type=text]:not(:placeholder-shown):not(:required) + label,
    [type=text]:not(:placeholder-shown):invalid + label,
    [type=email]:focus + label,
    [type=email]:required:valid + label,
    [type=email]:not(:placeholder-shown):not(:required) + label,
    [type=email]:not(:placeholder-shown):invalid + label {
      font-size: 60%;
      padding: 5px 15px;
      z-index: 2;
      top: 2px; }
    textarea:focus:required + label:before, textarea:required:valid:required + label:before, textarea:not(:placeholder-shown):not(:required):required + label:before, textarea:not(:placeholder-shown):invalid:required + label:before,
    [type=text]:focus:required + label:before,
    [type=text]:required:valid:required + label:before,
    [type=text]:not(:placeholder-shown):not(:required):required + label:before,
    [type=text]:not(:placeholder-shown):invalid:required + label:before,
    [type=email]:focus:required + label:before,
    [type=email]:required:valid:required + label:before,
    [type=email]:not(:placeholder-shown):not(:required):required + label:before,
    [type=email]:not(:placeholder-shown):invalid:required + label:before {
      content: "";
      font-size: 90%;
      padding-right: 0; }
  textarea:not(:focus):not(:placeholder-shown),
  [type=text]:not(:focus):not(:placeholder-shown),
  [type=email]:not(:focus):not(:placeholder-shown) {
    background-color: rgba(255, 255, 255, 0.1); }
    textarea:not(:focus):not(:placeholder-shown):invalid,
    [type=text]:not(:focus):not(:placeholder-shown):invalid,
    [type=email]:not(:focus):not(:placeholder-shown):invalid {
      background-color: unset;
      margin: 0px 0px 23px;
      border: solid 1px #ff3d00; }
  textarea:not(:placeholder-shown):invalid,
  [type=text]:not(:placeholder-shown):invalid,
  [type=email]:not(:placeholder-shown):invalid {
    background-color: unset;
    margin: 0px 0px 23px;
    border: solid 1px #ff3d00; }

textarea {
  line-height: 1.5; }

select {
  color: #000;
  line-height: 38px;
  padding: 8px 10px !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-image: url("../Images/Icons/expand_more.png");
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
  /* Hide arrow icon in IE browsers */ }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    select {
      background-image: url("../Images/Icons/expand_more@2x.png");
      background-size: 24px 24px; } }
  select::-ms-expand {
    display: none; }
  select:valid, select:required:valid {
    padding: 14px 14px 2px 10px !important;
    line-height: 38px; }
    select:valid:not(:focus), select:required:valid:not(:focus) {
      background-color: rgba(255, 255, 255, 0.1); }
    select:valid + label, select:required:valid + label {
      font-size: 60%;
      padding: 5px 15px;
      z-index: 2;
      top: 2px; }

textarea {
  min-height: 300px; }

form {
  /* [ CHECKBOX ] */
  /* [LIGHT] */ }
  form > div {
    position: relative;
    overflow: hidden; }
  form button {
    margin: 45px 20px 0 0; }
  form.validated {
    /* [ SELECT ] */ }
    form.validated [type=checkbox]:invalid + label:before {
      border-color: #ff3d00; }
    form.validated textarea:placeholder-shown:invalid, form.validated textarea:not(:placeholder-shown):invalid,
    form.validated [type=text]:placeholder-shown:invalid,
    form.validated [type=text]:not(:placeholder-shown):invalid,
    form.validated [type=email]:placeholder-shown:invalid,
    form.validated [type=email]:not(:placeholder-shown):invalid {
      background-color: unset;
      margin: 0px 0px 23px;
      border: solid 1px #ff3d00;
      outline-color: #ff3d00; }
    form.validated select:required:invalid {
      background-color: unset;
      margin: 0px 0px 23px;
      border: solid 1px #ff3d00;
      outline-color: #ff3d00;
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/expand_more_orange.png"); }
      form.validated select:required:invalid + label {
        color: #ff3d00; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        form.validated select:required:invalid {
          background-image: url("../Images/Icons/expand_more_orange@2x.png");
          background-size: 24px 24px; } }
  form [type="checkbox"] {
    /* checked mark aspect changes */
    /* disabled checkbox */
    /* accessibility */ }
    form [type="checkbox"] + label {
      display: block;
      padding: 0 0 0 35px;
      font-size: 10px;
      margin-bottom: 20px; }
      form [type="checkbox"] + label a {
        font-family: "Heebo-Bold", Arial, sans-serif;
        color: #fff;
        font-size: 100%; }
    form [type="checkbox"]:not(:checked), form [type="checkbox"]:checked {
      position: absolute !important;
      left: -9999px; }
      form [type="checkbox"]:not(:checked) + label, form [type="checkbox"]:checked + label {
        position: relative;
        cursor: pointer;
        /* checkbox aspect */
        /* checked mark aspect */ }
        form [type="checkbox"]:not(:checked) + label:before, form [type="checkbox"]:checked + label:before {
          content: '';
          position: absolute;
          left: 1px;
          top: 1px;
          width: 14px;
          height: 14px;
          border: 2px solid #fff;
          border-radius: 3px; }
        form [type="checkbox"]:not(:checked) + label:after, form [type="checkbox"]:checked + label:after {
          content: '\2713\0020';
          position: absolute;
          top: 0.24em;
          left: 0.37em;
          font-size: 1.4em;
          line-height: 1;
          color: #00363a;
          transition: all .2s;
          font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial; }
    form [type="checkbox"]:not(:checked) + label:after {
      opacity: 0;
      transform: scale(0); }
    form [type="checkbox"]:checked + label:before {
      background: #fff; }
    form [type="checkbox"]:checked + label:after {
      opacity: 1;
      transform: scale(1); }
    form [type="checkbox"]:disabled + label {
      color: #aaa; }
      form [type="checkbox"]:disabled + label:after {
        color: #999; }
    form [type="checkbox"]:disabled:not(:checked) + label:before, form [type="checkbox"]:disabled:checked + label:before {
      box-shadow: none;
      border-color: #bbb;
      background-color: #ddd; }
    form [type="checkbox"]:checked:focus + label:before, form [type="checkbox"]:not(:checked):focus + label:before {
      outline: 1px dotted rgba(255, 255, 255, 0.7); }
  form.light select,
  form.light textarea,
  form.light [type=text],
  form.light [type=email] {
    border-color: #d7d7d7;
    color: #000; }
    form.light select:focus,
    form.light textarea:focus,
    form.light [type=text]:focus,
    form.light [type=email]:focus {
      outline: 1px dotted #d7d7d7; }
  form.light textarea:not(:focus):not(:placeholder-shown),
  form.light [type=text]:not(:focus):not(:placeholder-shown),
  form.light [type=email]:not(:focus):not(:placeholder-shown) {
    background-color: rgba(179, 179, 179, 0.1); }
    form.light textarea:not(:focus):not(:placeholder-shown):invalid,
    form.light [type=text]:not(:focus):not(:placeholder-shown):invalid,
    form.light [type=email]:not(:focus):not(:placeholder-shown):invalid {
      background-color: unset;
      border: solid 1px #ff3d00; }
  form.light textarea:not(:placeholder-shown):invalid,
  form.light [type=text]:not(:placeholder-shown):invalid,
  form.light [type=email]:not(:placeholder-shown):invalid {
    background-color: unset;
    border: solid 1px #ff3d00; }
  form.light select {
    color: #000; }
    form.light select:required:valid:not(:focus) {
      background-color: rgba(179, 179, 179, 0.1); }
  form.light textarea {
    margin-bottom: 47px; }
  form.light [type="checkbox"] + label {
    font-size: 16px;
    margin-bottom: 24px; }
  form.light [type="checkbox"]:not(:checked) + label::before, form.light [type="checkbox"]:checked + label::before {
    border-color: #006064; }
  form.light [type="checkbox"]:not(:checked) + label::after, form.light [type="checkbox"]:checked + label::after {
    font-size: 14px; }
  form.light label {
    color: #000; }
    form.light label a {
      font-family: "Heebo", Arial, sans-serif;
      color: #000; }
  form.light.validated [type="checkbox"]:invalid + label:before {
    border-color: #ff3d00; }

body.no-scrolling {
  height: 100vh;
  overflow: hidden; }
body.white .agreement a {
  color: #006064; }
body.white .banner-policy-link,
body.white .footer .agreement a {
  color: #fff;
  text-decoration: underline; }
body.black {
  /* [ CHECKBOX ] */ }
  body.black [type="checkbox"]:not(:checked) + label, body.black [type="checkbox"]:checked + label {
    color: #fff !important; }
    body.black [type="checkbox"]:not(:checked) + label:before, body.black [type="checkbox"]:checked + label:before {
      border: 2px solid #fff !important; }

/* [OVERLAY] */
.o-form-send-success {
  display: flex;
  align-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity .2s;
  transition-delay: 0.1s;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background: #fff;
  z-index: 999;
  /* [OVERLAY CLOSE BUTTON] */
  /* [OVERLAY TEXT] */ }
  .o-form-send-success:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url("../Images/Backgrounds/overlay-bg-d.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .o-form-send-success.visible {
    width: 100%;
    height: 100vh;
    opacity: 1; }
  .o-form-send-success.stretched:after {
    background-size: cover; }
  .o-form-send-success .o-close {
    position: absolute;
    top: 94px;
    right: 140px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 1000;
    background-repeat: no-repeat;
    background-image: url("../Images/Icons/close_large_orange.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .o-form-send-success .o-close {
        background-image: url("../Images/Icons/close_large_orange@2x.png");
        background-size: 48px 48px; } }
  .o-form-send-success .o-text {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    max-width: 340px;
    z-index: 1000;
    text-align: center;
    color: #000; }
    .o-form-send-success .o-text h1 {
      font-family: "Heebo-Bold", Arial, sans-serif;
      font-size: 64px;
      line-height: 1.3;
      margin-bottom: 15px; }
    .o-form-send-success .o-text p {
      font-size: 24px; }
    .o-form-send-success .o-text button,
    .o-form-send-success .o-text .button {
      background-color: #006064 !important;
      color: #fff !important;
      margin-top: 80px; }

.contact-form-container {
  margin-bottom: 50px; }
  .contact-form-container h1 {
    width: unset; }

.contact form [type=reset],
.footer form [type=reset] {
  opacity: 0; }
.contact form [data-editorblocktype="ResetButtonBlock"],
.footer form [data-editorblocktype="ResetButtonBlock"] {
  height: 0; }

#o-form-send-success-contact .o-text {
  max-width: 600px; }

.sustainability-21-4 {
  padding: 0 !important; }
  .sustainability-21-4 h2 {
    width: 38.841%;
    text-align: right;
    float: left; }
  .sustainability-21-4 select,
  .sustainability-21-4 textarea,
  .sustainability-21-4 [type="text"],
  .sustainability-21-4 [type="email"] {
    font-family: "Heebo-Bold", Arial, sans-serif;
    background-color: #fff !important;
    border-color: #d7d7d7;
    color: #000;
    margin: 0px 0px 23px; }
    .sustainability-21-4 select:not(:focus):not(:placeholder-shown):invalid,
    .sustainability-21-4 textarea:not(:focus):not(:placeholder-shown):invalid,
    .sustainability-21-4 [type="text"]:not(:focus):not(:placeholder-shown):invalid,
    .sustainability-21-4 [type="email"]:not(:focus):not(:placeholder-shown):invalid {
      background-color: #fff !important; }
    .sustainability-21-4 select + label,
    .sustainability-21-4 textarea + label,
    .sustainability-21-4 [type="text"] + label,
    .sustainability-21-4 [type="email"] + label {
      color: #000;
      z-index: 1; }
  .sustainability-21-4 form {
    float: right;
    max-width: 48.841%; }
    .sustainability-21-4 form button[type=reset] {
      margin: 0 0 220px !important; }

.mipim2021 {
  width: 100%;
  max-width: 28rem;
  padding: 4rem 0;
  text-align: left;
  color: #fff;
  margin: 0 auto;
  box-sizing: border-box; }
  .mipim2021 h2 {
    text-align: center;
    margin-bottom: .75em; }
  .mipim2021 input[type=text], .mipim2021 input[type=email] {
    width: calc(100% - 2px) !important;
    background-color: #fff !important;
    color: #000;
    font-size: 16px;
    padding: 1px 14px 0 !important;
    line-height: 50px !important; }
    .mipim2021 input[type=text]::placeholder, .mipim2021 input[type=email]::placeholder {
      color: #000; }
    .mipim2021 input[type=text]:focus, .mipim2021 input[type=email]:focus {
      background-color: inherit; }
  .mipim2021 input[type=email]:not(:placeholder-shown):invalid {
    margin: 0px 0px 25px; }
  .mipim2021 div[data-editorblocktype=Text] p {
    font-size: 14px; }
  .mipim2021 div[data-editorblocktype=SubmitButtonBlock] {
    text-align: center; }
  .mipim2021 div[data-editorblocktype=ResetButtonBlock] p button {
    margin: 0;
    display: none; }

.sustainability-21-4-generic {
  padding: 0 !important; }
  .sustainability-21-4-generic h2 {
    width: 38.841%;
    text-align: right;
    float: left; }
  .sustainability-21-4-generic .marketing-field {
    position: relative; }
  .sustainability-21-4-generic select,
  .sustainability-21-4-generic textarea,
  .sustainability-21-4-generic [type="text"],
  .sustainability-21-4-generic [type="email"] {
    font-family: "Heebo-Bold", Arial, sans-serif;
    background-color: #ebebeb !important;
    border-color: #000;
    color: #000;
    margin: 0px 0px 23px; }
    .sustainability-21-4-generic select:not(:focus):not(:placeholder-shown):invalid,
    .sustainability-21-4-generic textarea:not(:focus):not(:placeholder-shown):invalid,
    .sustainability-21-4-generic [type="text"]:not(:focus):not(:placeholder-shown):invalid,
    .sustainability-21-4-generic [type="email"]:not(:focus):not(:placeholder-shown):invalid {
      background-color: #ebebeb !important; }
    .sustainability-21-4-generic select + label,
    .sustainability-21-4-generic textarea + label,
    .sustainability-21-4-generic [type="text"] + label,
    .sustainability-21-4-generic [type="email"] + label {
      color: #000;
      z-index: 1; }
  .sustainability-21-4-generic form {
    max-width: 100%; }
    .sustainability-21-4-generic form > div#validation-summary + div .containerWrapper, .sustainability-21-4-generic form > div:first-child .containerWrapper, .sustainability-21-4-generic form > div:nth-child(3) .containerWrapper {
      padding-bottom: 100px; }
    .sustainability-21-4-generic form > div#validation-summary + div + div .containerWrapper {
      padding-bottom: 0; }
    .sustainability-21-4-generic form > div#validation-summary + div + div + div .containerWrapper {
      padding-bottom: 100px; }
    .sustainability-21-4-generic form .emptyContainer {
      padding: 0 !important; }
    .sustainability-21-4-generic form .containerWrapper {
      width: 100%; }
      .sustainability-21-4-generic form .containerWrapper .columnContainer {
        width: 50% !important;
        padding: 0 5.58% 0 0 !important; }
        .sustainability-21-4-generic form .containerWrapper .columnContainer div p {
          font-family: "Heebo-Bold", Arial, sans-serif;
          font-size: 60px;
          text-align: right;
          line-height: 1.2; }
        .sustainability-21-4-generic form .containerWrapper .columnContainer:last-child {
          padding: 0 0 0 5.58% !important; }
    .sustainability-21-4-generic form button[type=reset] {
      margin: 0 0 220px !important; }
    .sustainability-21-4-generic form [type="checkbox"] {
      /* checked mark aspect changes */
      /* disabled checkbox */ }
      .sustainability-21-4-generic form [type="checkbox"] + label a {
        color: #000; }
      .sustainability-21-4-generic form [type="checkbox"]:not(:checked) + label, .sustainability-21-4-generic form [type="checkbox"]:checked + label {
        font-family: "Heebo", Arial, sans-serif;
        font-size: 20px;
        color: #000;
        line-height: 1.2; }
        .sustainability-21-4-generic form [type="checkbox"]:not(:checked) + label:before, .sustainability-21-4-generic form [type="checkbox"]:checked + label:before {
          border: 2px solid #000; }
        .sustainability-21-4-generic form [type="checkbox"]:not(:checked) + label:after, .sustainability-21-4-generic form [type="checkbox"]:checked + label:after {
          font-size: 14px;
          color: #fff; }
      .sustainability-21-4-generic form [type="checkbox"]:checked + label:before {
        background: #000; }
      .sustainability-21-4-generic form [type="checkbox"]:disabled:not(:checked) + label:before, .sustainability-21-4-generic form [type="checkbox"]:disabled:checked + label:before {
        border-color: #000;
        background-color: #000; }

/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  .sustainability-21-4-generic form {
    max-width: 100%; }
    .sustainability-21-4-generic form > div:first-child .containerWrapper, .sustainability-21-4-generic form > div:nth-child(3) .containerWrapper {
      padding-bottom: 100px; }
    .sustainability-21-4-generic form .containerWrapper .columnContainer {
      width: 50% !important; }
      .sustainability-21-4-generic form .containerWrapper .columnContainer div p {
        font-family: "Heebo-Bold", Arial, sans-serif;
        font-size: 40px; }

  .o-form-send-success {
    /* [OVERLAY CLOSE BUTTON] */
    /* [OVERLAY TEXT] */ }
    .o-form-send-success .o-close {
      position: absolute;
      top: 80px;
      right: 37px;
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-image: url("../Images/Icons/close_orange.png"); } }
    @media only screen and (max-width: 880px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 880px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 880px) and (min-device-pixel-ratio: 2), only screen and (max-width: 880px) and (min-resolution: 192dpi), only screen and (max-width: 880px) and (min-resolution: 2dppx) {
      .o-form-send-success .o-close {
        background-image: url("../Images/Icons/close_orange@2x.png");
        background-size: 24px 24px; } }
@media (max-width: 880px) {
    .o-form-send-success .o-text {
      width: 80%; }
      .o-form-send-success .o-text h1 {
        font-size: 40px; }

  .o-form-send-success:after {
    background-image: url("../Images/Backgrounds/overlay-bg-m.png"); } }
@media (max-width: 768px) {
  #c701 {
    margin-bottom: 63px; } }
@media (max-width: 670px) {
  .sustainability-21-4-generic {
    padding-top: 58px;
    padding-bottom: 58px; }
    .sustainability-21-4-generic form {
      max-width: 100%; }
      .sustainability-21-4-generic form .containerWrapper {
        padding-bottom: 0 !important; }
        .sustainability-21-4-generic form .containerWrapper .columnContainer {
          width: 100% !important;
          float: none !important;
          min-height: unset !important; }
          .sustainability-21-4-generic form .containerWrapper .columnContainer .agreement {
            margin-top: 0; }
          .sustainability-21-4-generic form .containerWrapper .columnContainer div p {
            text-align: left;
            margin-bottom: 40px !important; }
          .sustainability-21-4-generic form .containerWrapper .columnContainer:first-child, .sustainability-21-4-generic form .containerWrapper .columnContainer:last-child {
            padding: 0 0 40px 0 !important; }

  .sustainability-21-4 h2,
  .sustainability-21-4 form {
    width: 100%;
    max-width: 100%;
    text-align: left;
    float: none; }
  .sustainability-21-4 h2 {
    margin: 22px 0 30px; }
  .sustainability-21-4 form button {
    margin-top: 25px;
    min-width: 250px; } }
/* Search
 * -------------------------------------------- */
.content-container.search {
  margin-top: 47px;
  padding-bottom: 122px;
  background-color: #fff; }
  .content-container.search form#search {
    position: relative;
    margin: 150px 0 43px; }
    .content-container.search form#search input[type=text] {
      padding: 0;
      font-family: "Heebo", Arial, sans-serif;
      font-size: 64px;
      line-height: normal;
      color: #000;
      border-bottom: solid 1px #d7d7d7;
      border-radius: 0; }
      .content-container.search form#search input[type=text]:focus {
        padding: 0; }
      .content-container.search form#search input[type=text] + .d-placeholder + .m-placeholder {
        display: none; }
      .content-container.search form#search input[type=text]:not(:placeholder-shown) + .d-placeholder {
        display: none; }
        .content-container.search form#search input[type=text]:not(:placeholder-shown) + .d-placeholder + .m-placeholder {
          display: none; }
    .content-container.search form#search input[type=reset] {
      position: absolute;
      right: 14px;
      top: 36px;
      z-index: 2; }
    .content-container.search form#search button[type=submit] {
      margin-top: 72px; }
    .content-container.search form#search .d-placeholder,
    .content-container.search form#search .m-placeholder {
      top: 1px;
      left: 2px;
      font-family: "Heebo", Arial, sans-serif;
      font-size: 64px;
      color: #d7d7d7;
      padding: 0;
      white-space: nowrap;
      overflow: hidden;
      width: calc(100% - 55px); }
    .content-container.search form#search .d-placeholder:after {
      position: absolute;
      right: 0;
      width: 100px;
      height: 100%;
      content: '';
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
  .content-container.search .results {
    display: none;
    font-size: 24px;
    margin-top: 87px;
    line-height: 1.875em; }
    .content-container.search .results > div:not(.pager) {
      margin-bottom: 30px; }
      .content-container.search .results > div:not(.pager) .term,
      .content-container.search .results > div:not(.pager) a {
        font-family: "Heebo-Bold", Arial, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: #006064; }
      .content-container.search .results > div:not(.pager) a {
        display: block; }
        .content-container.search .results > div:not(.pager) a:hover {
          text-decoration: underline; }
    .content-container.search .results .pager {
      margin-top: 60px;
      margin-bottom: 76px; }
  .content-container.search.with-results {
    margin-top: 37px; }
    .content-container.search.with-results form#search {
      margin-top: 0; }
    .content-container.search.with-results .results {
      display: block; }

/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  .content-container.search {
    margin-top: 41px;
    padding-bottom: 50px; }
    .content-container.search form#search {
      margin-top: 0px; }
      .content-container.search form#search input[type=text] {
        font-size: 24px;
        padding-bottom: 13px; }
        .content-container.search form#search input[type=text] + .d-placeholder {
          display: none; }
          .content-container.search form#search input[type=text] + .d-placeholder + .m-placeholder {
            display: inline-block; }
        .content-container.search form#search input[type=text]:not(:placeholder-shown) + .d-placeholder + .m-placeholder {
          display: none; }
        .content-container.search form#search input[type=text]:focus {
          padding-bottom: 13px; }
      .content-container.search form#search input[type=reset] {
        right: 0px;
        top: 8px; }
      .content-container.search form#search button[type=submit] {
        margin-top: 72px; }
      .content-container.search form#search .d-placeholder,
      .content-container.search form#search .m-placeholder {
        font-size: 24px; }
    .content-container.search .results {
      font-size: 16px;
      margin-top: 87px;
      line-height: 1.875em; }
      .content-container.search .results > div:not(.pager) {
        margin-bottom: 30px; }
        .content-container.search .results > div:not(.pager) .term,
        .content-container.search .results > div:not(.pager) a {
          font-family: "Heebo-Bold", Arial, sans-serif;
          font-weight: bold;
          text-decoration: none;
          color: #006064; }
    .content-container.search.with-results {
      margin-top: 41px;
      padding-bottom: 0; } }
/* Colors
 * -------------------------------------------- */
/* Colors
 * -------------------------------------------- */
/* WEBFONTS -------------------------------------------- */
/* heebo-regular - latin */
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-Regular.eot");
  src: url("../WebFonts/Heebo-Regular.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Regular.woff2") format("woff2"), url("../WebFonts/Heebo-Regular.woff") format("woff"), url("../WebFonts/Heebo-Regular.ttf") format("truetype"), url("../WebFonts/Heebo-Regular.svg#Heebo") format("svg"); }
/* heebo-thin - latin */
@font-face {
  font-family: "Heebo-Thin";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-Thin.eot");
  src: url("../WebFonts/Heebo-Thin.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Thin.woff2") format("woff2"), url("../WebFonts/Heebo-Thin.woff") format("woff"), url("../WebFonts/Heebo-Thin.ttf") format("truetype"), url("../WebFonts/Heebo-Thin.svg#Heebo") format("svg"); }
/* heebo-light - latin */
@font-face {
  font-family: "Heebo-ExtraLight";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-ExtraLight.eot");
  src: url("../WebFonts/Heebo-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-ExtraLight.woff2") format("woff2"), url("../WebFonts/Heebo-ExtraLight.woff") format("woff"), url("../WebFonts/Heebo-ExtraLight.ttf") format("truetype"), url("../WebFonts/Heebo-ExtraLight.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-Light";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-Light.eot");
  src: url("../WebFonts/Heebo-Light.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Light.woff2") format("woff2"), url("../WebFonts/Heebo-Light.woff") format("woff"), url("../WebFonts/Heebo-Light.ttf") format("truetype"), url("../WebFonts/Heebo-Light.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-Medium";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-Medium.eot");
  src: url("../WebFonts/Heebo-Medium.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Medium.woff2") format("woff2"), url("../WebFonts/Heebo-Medium.ttf") format("truetype"), url("../WebFonts/Heebo-Medium.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-SemiBold";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-SemiBold.eot");
  src: url("../WebFonts/Heebo-SemiBold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-SemiBold.woff2") format("woff2"), url("../WebFonts/Heebo-SemiBold.ttf") format("truetype"), url("../WebFonts/Heebo-SemiBold.svg#Heebo") format("svg"); }
/* heebo-700 - latin */
@font-face {
  font-family: "Heebo-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-Bold.eot");
  src: url("../WebFonts/Heebo-Bold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Bold.woff2") format("woff2"), url("../WebFonts/Heebo-Bold.ttf") format("truetype"), url("../WebFonts/Heebo-Bold.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-ExtraBold";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-ExtraBold.eot");
  src: url("../WebFonts/Heebo-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-ExtraBold.woff2") format("woff2"), url("../WebFonts/Heebo-ExtraBold.ttf") format("truetype"), url("../WebFonts/Heebo-ExtraBold.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-Black";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-Black.eot");
  src: url("../WebFonts/Heebo-Black.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Black.woff2") format("woff2"), url("../WebFonts/Heebo-Black.ttf") format("truetype"), url("../WebFonts/Heebo-Black.svg#Heebo") format("svg"); }
@font-face {
  font-family: "EBGaramond-Bold";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/EBGaramond-Bold.eot");
  src: url("../WebFonts/EBGaramond-Bold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/EBGaramond-Bold.woff2") format("woff2"), url("../WebFonts/EBGaramond-Bold.woff") format("woff"), url("../WebFonts/EBGaramond-Bold.ttf") format("truetype"), url("../WebFonts/EBGaramond-Bold.svg#Heebo") format("svg"); }
/* Cookie Banner
 * -------------------------------------------- */
.optanon-alert-box-body,
.optanon-alert-box-wrapper * {
  font-family: "Heebo", Arial, sans-serif; }
  .optanon-alert-box-body a,
  .optanon-alert-box-wrapper * a {
    color: #fff; }

.optanon-alert-box-wrapper .optanon-alert-box-button-middle {
  border: solid 2px #ff3d00 !important;
  background-color: #ff3d00 !important;
  border-radius: 34px; }
  .optanon-alert-box-wrapper .optanon-alert-box-button-middle:hover {
    background-color: #fff;
    color: #ff3d00; }

/* Colors
 * -------------------------------------------- */
body.error {
  min-width: 350px;
  min-height: 100vh;
  background-image: url("../Images/Backgrounds/error-page-d.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  body.error > div {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center; }
    body.error > div > div {
      padding-bottom: 10px;
      text-align: center;
      color: #fff; }
      body.error > div > div h1 {
        font-family: "Heebo-Bold", Arial, sans-serif;
        font-size: 60px;
        line-height: 1.16;
        padding: 0 40px; }
        body.error > div > div h1 + p {
          margin-top: 27px; }
      body.error > div > div p {
        display: inline-block;
        font-size: 20px;
        line-height: 1.5;
        max-width: 340px;
        padding: 0 65px; }
      body.error > div > div a.button.orange {
        margin: 40px 0 0 0; }

/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  body.error {
    background-image: url("../Images/Backgrounds/error-page-m.png"); }
    body.error > div > div h1 {
      font-size: 40px;
      line-height: 1.25; }
      body.error > div > div h1 + p {
        margin-top: 27px; }
    body.error > div > div p {
      font-size: 16px;
      line-height: 1.625; }
    body.error > div > div a.button.orange {
      height: auto; } }
/* Colors
 * -------------------------------------------- */
/* WEBFONTS -------------------------------------------- */
/* heebo-regular - latin */
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-Regular.eot");
  src: url("../WebFonts/Heebo-Regular.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Regular.woff2") format("woff2"), url("../WebFonts/Heebo-Regular.woff") format("woff"), url("../WebFonts/Heebo-Regular.ttf") format("truetype"), url("../WebFonts/Heebo-Regular.svg#Heebo") format("svg"); }
/* heebo-thin - latin */
@font-face {
  font-family: "Heebo-Thin";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-Thin.eot");
  src: url("../WebFonts/Heebo-Thin.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Thin.woff2") format("woff2"), url("../WebFonts/Heebo-Thin.woff") format("woff"), url("../WebFonts/Heebo-Thin.ttf") format("truetype"), url("../WebFonts/Heebo-Thin.svg#Heebo") format("svg"); }
/* heebo-light - latin */
@font-face {
  font-family: "Heebo-ExtraLight";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-ExtraLight.eot");
  src: url("../WebFonts/Heebo-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-ExtraLight.woff2") format("woff2"), url("../WebFonts/Heebo-ExtraLight.woff") format("woff"), url("../WebFonts/Heebo-ExtraLight.ttf") format("truetype"), url("../WebFonts/Heebo-ExtraLight.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-Light";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/Heebo-Light.eot");
  src: url("../WebFonts/Heebo-Light.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Light.woff2") format("woff2"), url("../WebFonts/Heebo-Light.woff") format("woff"), url("../WebFonts/Heebo-Light.ttf") format("truetype"), url("../WebFonts/Heebo-Light.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-Medium";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-Medium.eot");
  src: url("../WebFonts/Heebo-Medium.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Medium.woff2") format("woff2"), url("../WebFonts/Heebo-Medium.ttf") format("truetype"), url("../WebFonts/Heebo-Medium.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-SemiBold";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-SemiBold.eot");
  src: url("../WebFonts/Heebo-SemiBold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-SemiBold.woff2") format("woff2"), url("../WebFonts/Heebo-SemiBold.ttf") format("truetype"), url("../WebFonts/Heebo-SemiBold.svg#Heebo") format("svg"); }
/* heebo-700 - latin */
@font-face {
  font-family: "Heebo-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-Bold.eot");
  src: url("../WebFonts/Heebo-Bold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Bold.woff2") format("woff2"), url("../WebFonts/Heebo-Bold.ttf") format("truetype"), url("../WebFonts/Heebo-Bold.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-ExtraBold";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-ExtraBold.eot");
  src: url("../WebFonts/Heebo-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-ExtraBold.woff2") format("woff2"), url("../WebFonts/Heebo-ExtraBold.ttf") format("truetype"), url("../WebFonts/Heebo-ExtraBold.svg#Heebo") format("svg"); }
@font-face {
  font-family: "Heebo-Black";
  font-style: normal;
  font-weight: 700;
  src: url("../WebFonts/Heebo-Black.eot");
  src: url("../WebFonts/Heebo-Black.eot?#iefix") format("embedded-opentype"), url("../WebFonts/Heebo-Black.woff2") format("woff2"), url("../WebFonts/Heebo-Black.ttf") format("truetype"), url("../WebFonts/Heebo-Black.svg#Heebo") format("svg"); }
@font-face {
  font-family: "EBGaramond-Bold";
  font-style: normal;
  font-weight: 400;
  src: url("../WebFonts/EBGaramond-Bold.eot");
  src: url("../WebFonts/EBGaramond-Bold.eot?#iefix") format("embedded-opentype"), url("../WebFonts/EBGaramond-Bold.woff2") format("woff2"), url("../WebFonts/EBGaramond-Bold.woff") format("woff"), url("../WebFonts/EBGaramond-Bold.ttf") format("truetype"), url("../WebFonts/EBGaramond-Bold.svg#Heebo") format("svg"); }
.b691124f-8ab1-457b-afb7-cc3f2242472a {
  opacity: 0.6; }

.ee5013d0-f2d0-4deb-84ce-47867673e893 {
  fill: #ff3d00; }

.ec01dad3-48d8-4565-bbf7-727e923b20ad {
  fill: #ff9100; }

.aef3d368-03c7-4443-b973-2e13ff1cdc0a {
  fill: #ff7539; }

[data-name="arrows"] {
  opacity: 0;
  transition: opacity 1s ease-in-out; }

@keyframes arrows {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(15px); } }
.animateArrows {
  opacity: 1;
  animation: arrows .9s ease-in-out infinite; }

@keyframes color-change {
  0% {
    color: #fff; }
  33.33% {
    color: #ff9100; }
  66.66% {
    color: #ff7539; }
  100% {
    color: #fff; } }
html.sustainability_2 {
  font-size: 10px;
  background-color: #00363a;
  scroll-behavior: smooth; }
  html.sustainability_2.top-form-open {
    overflow-y: hidden; }
    html.sustainability_2.top-form-open #mobile-menu-close-helper {
      display: block; }
    html.sustainability_2.top-form-open body #subscribe-top {
      display: block;
      -webkit-transform: translate3d(0px, 0, 0);
      transform: translate3d(0px, 0, 0); }
  html.sustainability_2 .o-form-send-success .o-text .button {
    border-color: #006064; }
  html.sustainability_2 body {
    background: linear-gradient(#00363a 0%, #428e92 30%, #B6E1DE 60%, #B2DFDB 85%, #E5FFFF 100%);
    transition: opacity .6s ease-in;
    overflow-x: hidden;
    opacity: 0; }
    html.sustainability_2 body.lp-initialized {
      opacity: 1 !important; }
      html.sustainability_2 body.lp-initialized #animated-path-container #teaser-container,
      html.sustainability_2 body.lp-initialized #animated-path-container svg {
        opacity: 1; }
    html.sustainability_2 body .header .inner {
      text-align: center; }
      html.sustainability_2 body .header .inner #logo {
        background-image: url("../Images/Logos/logo-cube.png");
        float: none;
        display: inline-block;
        width: 40px;
        height: 38px;
        background-size: 100%; }
    html.sustainability_2 body .footer.reduced {
      border-width: 0; }
      html.sustainability_2 body .footer.reduced ul:last-child {
        display: none; }
    html.sustainability_2 body .content-container.introduction .inner {
      width: 100%;
      max-width: 38rem;
      color: #fff;
      text-align: center;
      margin-top: 7rem;
      padding: 0 1.5rem; }
      html.sustainability_2 body .content-container.introduction .inner a.button.sign-up {
        cursor: pointer;
        margin: 2rem auto 5rem;
        text-transform: uppercase; }
      html.sustainability_2 body .content-container.introduction .inner h1 {
        font-family: "Heebo-ExtraBold", Arial, sans-serif;
        font-size: 4rem;
        line-height: 1;
        margin-bottom: 3rem; }
      html.sustainability_2 body .content-container.introduction .inner p {
        margin-bottom: 0; }
        html.sustainability_2 body .content-container.introduction .inner p span {
          position: relative;
          font-family: "Heebo-Bold", Arial, sans-serif;
          font-size: 15px;
          margin-bottom: 0;
          text-decoration: none;
          color: #fff;
          z-index: 10;
          animation: color-change 10s infinite; }
    html.sustainability_2 body #animated-path-container {
      position: relative;
      width: 100%;
      margin: 5rem auto 6rem;
      height: auto !important; }
      html.sustainability_2 body #animated-path-container #teaser-container,
      html.sustainability_2 body #animated-path-container svg {
        transition: opacity 0.2s ease-in-out;
        opacity: 0; }
        html.sustainability_2 body #animated-path-container #teaser-container.pathBall,
        html.sustainability_2 body #animated-path-container svg.pathBall {
          max-width: 90px; }
      html.sustainability_2 body #animated-path-container #wrap {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 100%;
        max-width: 600px;
        padding: 0;
        box-sizing: border-box; }
        html.sustainability_2 body #animated-path-container #wrap svg#path {
          height: calc(100% - 70.9rem); }
          html.sustainability_2 body #animated-path-container #wrap svg#path .pathLine {
            stroke-width: 2px; }
        html.sustainability_2 body #animated-path-container #wrap .pathBall .e4fb2dd7-23a0-4108-9f25-cff5d26416f8 {
          opacity: 0.404; }
        html.sustainability_2 body #animated-path-container #wrap .pathBall .b17d2a35-19ff-4736-aa7f-ca437f1f5895 {
          fill: #ff3d00; }
        html.sustainability_2 body #animated-path-container #wrap .pathBall .a7aa0f04-a079-4aae-909c-256d715e7ede {
          fill: #ff9100; }
        html.sustainability_2 body #animated-path-container #wrap .pathBall .bbe3fa0d-1dff-4fca-b418-8a74885629cb {
          fill: #ff7539; }
      html.sustainability_2 body #animated-path-container svg {
        position: relative;
        width: 100%;
        max-width: 600px;
        overflow: visible;
        margin: 0 auto; }
        html.sustainability_2 body #animated-path-container svg#path {
          height: calc(100% - 70.9rem); }
          html.sustainability_2 body #animated-path-container svg#path .pathLine {
            stroke: #9BC1BE !important;
            stroke-width: 1px !important; }
      html.sustainability_2 body #animated-path-container #teaser-container {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 0 2.8rem;
        width: 880px;
        max-width: 100%;
        height: auto;
        min-height: 6383.98px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 1rem;
        color: #fff;
        line-height: 1.1; }
        html.sustainability_2 body #animated-path-container #teaser-container > div {
          position: relative;
          margin: 3rem 0; }
          html.sustainability_2 body #animated-path-container #teaser-container > div span {
            font-size: 1.5rem; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state {
            position: absolute;
            right: 10px;
            align-self: flex-end;
            width: 49.35%;
            max-width: 434px; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state img {
              width: 100%;
              margin: -45% 0 0 0; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.quote {
            font-size: 10px; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.quote > div {
              position: relative; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.quote img {
              transform: rotate(-7deg);
              filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.3)); }
            html.sustainability_2 body #animated-path-container #teaser-container > div.quote div.quote-text {
              position: relative;
              display: inline-block;
              font-family: "Heebo-Thin", Arial, sans-serif;
              font-size: 3em;
              line-height: 1.167; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote div.quote-text:after, html.sustainability_2 body #animated-path-container #teaser-container > div.quote div.quote-text:before {
                position: absolute;
                font-family: "Heebo-ExtraBold", Arial, sans-serif;
                font-size: 4em;
                overflow: hidden;
                opacity: .55;
                content: '”';
                top: -.3rem; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote div.quote-text:after {
                content: '“';
                margin-left: -.11em;
                top: auto; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote div.quote-text:before {
                top: -.2em;
                margin-left: -.33em; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote div.quote-text + span {
                font-family: "Heebo-Bold", Arial, sans-serif;
                font-size: 1.5em;
                margin-top: 2rem;
                display: block;
                width: 60%;
                line-height: 1.1; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin1 {
              width: 42%;
              min-width: unset;
              margin: 2rem 0 5rem 1.8rem;
              align-self: flex-start; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin1 span:last-child {
                width: 67%;
                margin-top: .6rem;
                line-height: 1.333; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.smithies {
              padding-left: 3%; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker > div:not(.quote-img), html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2 > div:not(.quote-img), html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller > div:not(.quote-img), html.sustainability_2 body #animated-path-container #teaser-container > div.quote.smithies > div:not(.quote-img) {
                float: right;
                max-width: 50%;
                text-align: center; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker div.quote-text + span, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2 div.quote-text + span, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller div.quote-text + span, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.smithies div.quote-text + span {
                width: 100%; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker {
              padding-left: 0;
              margin: 7.5rem 0 11rem; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker img {
                transform: rotate(-10deg);
                margin: -9%;
                width: 33.981%;
                margin-left: 4%; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker > div:not(.quote-img) {
                width: 55%;
                max-width: unset;
                margin-top: 2rem; }
                html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker > div:not(.quote-img) div.quote-text {
                  color: #000; }
                  html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker > div:not(.quote-img) div.quote-text:after, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker > div:not(.quote-img) div.quote-text:before {
                    color: #fff; }
                  html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker > div:not(.quote-img) div.quote-text:last-child {
                    color: #F95D31;
                    margin-top: 1.5rem; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2 {
              margin: 0 0 7%; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2 > div:not(.quote-img) {
                max-width: 58%; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2 img {
                width: 28.883%; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.quote.smithies {
              width: 100%;
              max-width: 506px;
              margin: 4rem auto 0;
              text-align: center;
              padding: 7rem 0; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.smithies div.quote-text {
                float: none;
                width: 100%;
                max-width: unset;
                color: #000;
                line-height: 1.167; }
                html.sustainability_2 body #animated-path-container #teaser-container > div.quote.smithies div.quote-text + span {
                  color: #000;
                  line-height: 1;
                  margin-top: 1.5rem; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller {
              width: 79.489%;
              align-self: start;
              margin-left: -28.54px;
              padding-left: 0; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller img {
                transform: rotate(-16deg);
                margin-top: 11.1rem; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller > div:not(.quote-img) {
                max-width: 70.6%; }
                html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller > div:not(.quote-img) div,
                html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller > div:not(.quote-img) span {
                  color: #000; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state-text {
            width: 35%;
            margin: 4rem 0 0 9%; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state-text span p {
              margin-bottom: 1.5em;
              line-height: 1.333; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.emissions {
            position: relative;
            width: 100%;
            margin: 13rem 0; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.emissions img {
              width: 79.19%; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.emissions span {
              position: absolute;
              right: 6%;
              bottom: 64%;
              font-family: "Heebo-Bold", Arial, sans-serif;
              font-size: 1.5rem;
              line-height: 1.1;
              width: 30%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.co2 {
            position: relative;
            width: 100%;
            padding: 8.5rem 0 9rem;
            margin: 4rem 0 9rem; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.co2 > span {
              position: absolute;
              line-height: 1.333; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.co2 > span:first-child {
                top: 0;
                font-family: "Heebo-ExtraBold", Arial, sans-serif;
                font-size: 3rem;
                width: 43%; }
                html.sustainability_2 body #animated-path-container #teaser-container > div.co2 > span:first-child span {
                  padding: 0;
                  font-size: inherit;
                  color: #ff3d00; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.co2 > span:last-child {
                bottom: 0;
                right: 0;
                width: 33%;
                font-size: 1.5rem; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.co2 img {
              position: relative;
              display: block;
              width: 49%;
              max-width: 410px;
              margin: 0 auto 0 30%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses {
            width: 100%;
            margin-right: 0;
            text-align: right; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses div {
              float: left;
              width: 43.5%; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses div span {
                display: block;
                font-size: 1.5rem;
                line-height: 1.333;
                text-align: left; }
                html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses div span:first-child {
                  font-family: "Heebo-Bold", Arial, sans-serif;
                  margin: 0 0 1rem 0; }
                html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses div span:last-child {
                  width: 90%; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses img {
              width: 50.607%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.steps {
            display: flex;
            flex-direction: row;
            justify-content: center;
            margin: 0;
            counter-reset: section; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div {
              position: relative;
              width: 28.5%;
              margin-left: 5.824%; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div:first-child {
                margin-left: 2.852%; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div h3,
              html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div p {
                font-family: "Heebo-Bold", Arial, sans-serif;
                font-size: 1.5rem;
                color: #000; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div h3 {
                margin: 5.2rem 0 2rem; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div p {
                font-family: "Heebo", Arial, sans-serif;
                line-height: 1.333; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div:before {
                position: absolute;
                left: -.07em;
                z-index: -1;
                counter-increment: section;
                content: counter(section);
                font-family: "EBGaramond-Bold", Arial, sans-serif;
                font-size: 12rem;
                line-height: .5;
                color: #fff;
                opacity: .73; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.take-it-to-net-zero {
            margin-top: 10rem; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.take-it-to-net-zero img {
              width: 110%;
              margin: 0 -5% 0; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way {
            width: 100%;
            position: relative;
            line-height: 1.333;
            margin: 0 0 7rem; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot img, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage img, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way img {
              width: 43.204%; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot div, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage div, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way div {
              width: 39%; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot div h2, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage div h2, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way div h2 {
                font-family: "Heebo-ExtraBold", Arial, sans-serif;
                font-size: 3rem;
                line-height: 1.333;
                color: #F95D31;
                margin-bottom: .6em; }
              html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot div p, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage div p, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way div p {
                font-family: "Heebo", Arial, sans-serif;
                font-size: 1.5rem;
                line-height: 1.333;
                color: #000;
                max-width: 90%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way {
            margin-top: 10rem; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot img, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way img {
              float: right;
              margin-top: 10rem;
              width: 45.51%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot {
            margin-top: 6rem; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot img {
              width: 56.311%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way div {
            width: 40%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage > div {
            float: right;
            width: 44.56%; }
            html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage > div p {
              max-width: 100%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage img {
            margin-top: 9rem;
            width: 51.215%; }
    html.sustainability_2 body #subscribe-top,
    html.sustainability_2 body #animated-path-container #teaser-container > #subscribe {
      margin-top: 16em;
      margin-bottom: 0; }
      html.sustainability_2 body #subscribe-top > div,
      html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div {
        position: relative;
        text-align: center;
        width: 300px;
        margin: 0 auto; }
        html.sustainability_2 body #subscribe-top > div p,
        html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div p {
          font-size: 2rem;
          line-height: 1.25;
          color: #000;
          margin: 1rem 0 2rem; }
        html.sustainability_2 body #subscribe-top > div h2,
        html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div h2 {
          font-size: 2rem;
          text-align: center;
          color: #000; }
          html.sustainability_2 body #subscribe-top > div h2 + p,
          html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div h2 + p {
            font-size: 1.4rem; }
        html.sustainability_2 body #subscribe-top > div h3,
        html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div h3 {
          font-family: "Heebo-ExtraBold", Arial, sans-serif;
          font-size: 3rem;
          line-height: 1.333;
          color: #ff3d00; }
          html.sustainability_2 body #subscribe-top > div h3 + p,
          html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div h3 + p {
            font-size: 2rem;
            max-width: 100%;
            display: inline-block; }
        html.sustainability_2 body #subscribe-top > div:last-child,
        html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child {
          width: 100%;
          max-width: 48.3rem;
          padding: 5rem 5rem 4rem;
          background-color: #00363a;
          border-radius: 5px;
          text-align: left;
          color: #fff;
          margin-top: 4rem;
          box-sizing: border-box; }
          html.sustainability_2 body #subscribe-top > div:last-child p,
          html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child p {
            color: inherit; }
          html.sustainability_2 body #subscribe-top > div:last-child > p,
          html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child > p {
            font-family: "Heebo-Thin", Arial, sans-serif;
            font-size: 2.4rem;
            line-height: 1.25;
            text-align: center;
            margin-bottom: 5rem; }
          html.sustainability_2 body #subscribe-top > div:last-child > h2,
          html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child > h2 {
            font-size: 2.8rem;
            color: inherit; }
            html.sustainability_2 body #subscribe-top > div:last-child > h2 + p,
            html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child > h2 + p {
              font-size: 2.2rem;
              margin-bottom: 1rem !important; }
          html.sustainability_2 body #subscribe-top > div:last-child form > div,
          html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child form > div {
            overflow: inherit; }
            html.sustainability_2 body #subscribe-top > div:last-child form > div input[type="text"],
            html.sustainability_2 body #subscribe-top > div:last-child form > div input[type="email"],
            html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child form > div input[type="text"],
            html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child form > div input[type="email"] {
              font-size: 1.6rem;
              background-color: #fff;
              width: 100%;
              color: #000;
              padding: 1px 14px 0;
              line-height: 50px; }
              html.sustainability_2 body #subscribe-top > div:last-child form > div input[type="text"]::placeholder,
              html.sustainability_2 body #subscribe-top > div:last-child form > div input[type="email"]::placeholder,
              html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child form > div input[type="text"]::placeholder,
              html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child form > div input[type="email"]::placeholder {
                color: #000; }
          html.sustainability_2 body #subscribe-top > div:last-child div[data-editorblocktype="SubmitButtonBlock"],
          html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child div[data-editorblocktype="SubmitButtonBlock"] {
            text-align: center; }
            html.sustainability_2 body #subscribe-top > div:last-child div[data-editorblocktype="SubmitButtonBlock"] button,
            html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child div[data-editorblocktype="SubmitButtonBlock"] button {
              margin-top: 2em; }
              html.sustainability_2 body #subscribe-top > div:last-child div[data-editorblocktype="SubmitButtonBlock"] button span,
              html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child div[data-editorblocktype="SubmitButtonBlock"] button span {
                font-size: inherit; }
          html.sustainability_2 body #subscribe-top > div:last-child div[data-editorblocktype="ResetButtonBlock"],
          html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child div[data-editorblocktype="ResetButtonBlock"] {
            width: 0;
            height: 0;
            position: relative;
            overflow: hidden; }
          html.sustainability_2 body #subscribe-top > div:last-child div[data-editorblocktype="Text"],
          html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child div[data-editorblocktype="Text"] {
            color: inherit; }
            html.sustainability_2 body #subscribe-top > div:last-child div[data-editorblocktype="Text"] p,
            html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child div[data-editorblocktype="Text"] p {
              font-size: 1.4rem; }
            html.sustainability_2 body #subscribe-top > div:last-child div[data-editorblocktype="Text"] + div[data-editorblocktype="Text"],
            html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child div[data-editorblocktype="Text"] + div[data-editorblocktype="Text"] {
              display: block;
              line-height: 1.2;
              margin-top: 2.5rem; }
              html.sustainability_2 body #subscribe-top > div:last-child div[data-editorblocktype="Text"] + div[data-editorblocktype="Text"] p,
              html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child div[data-editorblocktype="Text"] + div[data-editorblocktype="Text"] p {
                color: inherit;
                font-size: 1rem; }
                html.sustainability_2 body #subscribe-top > div:last-child div[data-editorblocktype="Text"] + div[data-editorblocktype="Text"] p a,
                html.sustainability_2 body #animated-path-container #teaser-container > #subscribe > div:last-child div[data-editorblocktype="Text"] + div[data-editorblocktype="Text"] p a {
                  color: inherit; }
      html.sustainability_2 body #subscribe-top .content-container.frame-type-html .inner.clearfix,
      html.sustainability_2 body #animated-path-container #teaser-container > #subscribe .content-container.frame-type-html .inner.clearfix {
        padding-left: 0 !important;
        padding-right: 0 !important; }
    html.sustainability_2 body #subscribe-top {
      display: block;
      flex: 1 1 0;
      -webkit-flex: 1;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      position: fixed;
      bottom: 0;
      right: 0;
      top: 0;
      z-index: 100;
      width: 400px;
      max-width: 100%;
      background: transparent;
      margin: 0;
      padding: 1rem 1rem 0 0;
      overflow-y: auto;
      transition: -webkit-transform 0.6s ease 0s;
      transition: transform 0.6s ease 0s; }
      html.sustainability_2 body #subscribe-top > div {
        padding: 5rem 3rem 4rem !important;
        margin: 0 !important;
        background: rgba(255, 255, 255, 0.8) !important; }
        html.sustainability_2 body #subscribe-top > div #close-top-form {
          position: absolute;
          height: 18px;
          width: 18px;
          top: 20px;
          right: 20px; }
          html.sustainability_2 body #subscribe-top > div #close-top-form:before, html.sustainability_2 body #subscribe-top > div #close-top-form:after {
            content: ' ';
            position: absolute;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            background: #00363a;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display: block;
            width: 100%;
            height: 2px;
            border-radius: 2px; }
          html.sustainability_2 body #subscribe-top > div #close-top-form:after {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
        html.sustainability_2 body #subscribe-top > div h2,
        html.sustainability_2 body #subscribe-top > div p {
          color: #393939 !important; }
        html.sustainability_2 body #subscribe-top > div > p {
          margin-bottom: 3rem !important; }
        html.sustainability_2 body #subscribe-top > div form [data-editorblocktype="Text"] p {
          color: #333 !important; }
        html.sustainability_2 body #subscribe-top > div form [data-editorblocktype="SubmitButtonBlock"] p {
          margin-bottom: 0; }
          html.sustainability_2 body #subscribe-top > div form [data-editorblocktype="SubmitButtonBlock"] p button {
            margin-top: 1rem !important; }

@media (max-width: 930px) {
  html.sustainability_2 body #animated-path-container #teaser-container > div.take-it-to-net-zero img {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem; } }
@media (max-width: 870px) {
  html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller {
    width: 100%;
    margin-left: 0; }
    html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller img {
      margin-left: 0; }
    html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller > div {
      max-width: calc(100% - 240px); } }
@media (max-width: 790px) {
  html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin1 span:last-child {
    margin-top: 2rem; } }
@media (max-width: 750px) {
  html.sustainability_2 body #animated-path-container #teaser-container > div.co2 {
    position: relative;
    width: 100%;
    padding: 3rem 0;
    margin-right: 0; }
    html.sustainability_2 body #animated-path-container #teaser-container > div.co2 > span {
      position: relative; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.co2 > span:first-child, html.sustainability_2 body #animated-path-container #teaser-container > div.co2 > span:last-child {
        display: block;
        width: 100%; }
    html.sustainability_2 body #animated-path-container #teaser-container > div.co2 img {
      position: relative;
      display: block;
      width: 100%;
      margin: 0 auto 2rem; }
  html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way {
    margin-top: 4rem; }
  html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot > div {
    width: 46%; }
  html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage > div {
    width: 43%; }
  html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way > img {
    width: 51.51%; } }
@media (max-width: 700px) {
  html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state-text {
    margin: 0 0 0 8%; } }
@media (max-width: 660px) {
  html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state-text {
    margin: 1rem 0 0 0;
    width: 52%; }
  html.sustainability_2 body #animated-path-container #teaser-container > div.quote {
    font-size: 9px; }
    html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller {
      width: 100%;
      text-align: center;
      margin: 3rem 0; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller div:not(.quote-text) {
        float: none;
        width: 100%;
        max-width: unset;
        margin-bottom: 5rem; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller img {
        width: unset;
        max-width: 70%;
        margin: 0; } }
@media (max-width: 550px) {
  html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state-text {
    width: 60%; } }
@media (max-width: 500px) {
  html.sustainability_2 {
    font-size: 9px; }
    html.sustainability_2 body #animated-path-container #wrap svg#path {
      height: calc(100% - 75.9rem); }
    html.sustainability_2 body #animated-path-container #teaser-container > div {
      max-width: 100%;
      box-sizing: border-box; }
      html.sustainability_2 body #animated-path-container #teaser-container > div span {
        box-sizing: border-box; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.quote span:first-child {
        display: block; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.quote span:first-child + span {
          display: block; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin1 {
        width: 100%; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller {
        width: 100%;
        text-align: center;
        margin: 3rem 0; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker div:not(.quote-text), html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2 div:not(.quote-text), html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller div:not(.quote-text) {
          float: none;
          width: 100%;
          max-width: unset;
          margin-bottom: 5rem; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.quote.decker img, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2 img, html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller img {
          width: unset;
          max-width: 70%;
          margin: 0; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.quote.malkin2 {
        display: none; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller {
        width: 100%;
        text-align: center;
        margin: 3rem 0; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller div {
          width: calc(100% - 2rem);
          max-width: unset;
          margin-bottom: 5rem; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.quote.mueller img {
          margin-top: 3rem; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.quote.smithies {
        width: calc(100% - 1rem); }
      html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state {
        position: relative;
        right: -2.8rem;
        width: 74%;
        padding: 0; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state img {
          margin-top: -35%; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.empire-state-text {
        width: 100%;
        margin: 0 1.8rem 3rem; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.emissions {
        margin: 3rem 0; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.emissions img {
          width: 100%; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.emissions span {
          display: block;
          position: relative;
          right: unset;
          bottom: unset;
          width: calc(100% - 6rem);
          margin: 3rem auto 0;
          padding: 0;
          box-sizing: border-box; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.co2 {
        padding: 0 0 3rem;
        margin-bottom: 4rem; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses {
        margin: 0 0 4rem; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses > div,
        html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses img {
          float: none;
          width: 100%; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.three-houses > div {
          display: none; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.steps {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 7rem 0 0 0; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div {
          position: relative;
          width: 100%;
          margin: 0 2.852%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div h3,
          html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div p {
            font-family: "Heebo-Bold", Arial, sans-serif;
            font-size: 1.5rem;
            color: #000; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div h3 {
            margin: 3.5rem 0 1.5rem; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div p {
            font-family: "Heebo", Arial, sans-serif;
            line-height: 1.333; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div:before {
            width: 100%;
            text-align: center;
            line-height: .35; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div:first-child:before {
            text-align: left; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.steps > div:last-child:before {
            text-align: right; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.take-it-to-net-zero {
        margin-top: 7rem; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.take-it-to-net-zero img {
          width: 152%; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way {
        box-sizing: border-box;
        line-height: 1.333;
        padding: 0;
        margin: 3rem 0 4em; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot img, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage img, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way img {
          margin: 0 0 4rem;
          width: 100%; }
        html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot div, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage div, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way div {
          width: 100%; }
          html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot div h2,
          html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot div p, html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage div h2,
          html.sustainability_2 body #animated-path-container #teaser-container > div.build-advantage div p, html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way div h2,
          html.sustainability_2 body #animated-path-container #teaser-container > div.lead-the-way div p {
            width: 100%;
            max-width: unset; }
      html.sustainability_2 body #animated-path-container #teaser-container > div.eliminate-blind-spot {
        margin: 0 -1rem 4rem;
        width: calc(100% + 2rem); }
      html.sustainability_2 body #animated-path-container #teaser-container > div#subscribe {
        margin-top: 19rem; }
        html.sustainability_2 body #animated-path-container #teaser-container > div#subscribe > div:last-child {
          padding: 5rem 3rem 3rem; } }
@media (max-width: 400px) {
  html.sustainability_2 body #animated-path-container #teaser-container > div.take-it-to-net-zero img {
    width: 154%; } }
@media (max-width: 390px) {
  html.sustainability_2 body #animated-path-container #teaser-container > div#subscribe > div:last-child {
    padding: 3rem 2.5rem 2.5rem; } }
@media (max-width: 375px) {
  html.sustainability_2 form button:not(.pswp__button):not(.big-play-btn) {
    min-width: 100%; }
  html.sustainability_2 body #animated-path-container #wrap svg#path {
    height: calc(100% - 78.9rem); } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.sustainability_2 #logo {
    background-image: url("../Images/Logos/logo-cube@2x.png"); } }
body#uid_122 .header.has-image.has-teaser, body#uid_127 .header.has-image.has-teaser {
  min-height: unset;
  margin-bottom: 30px;
  background-position: center center; }
  body#uid_122 .header.has-image.has-teaser .inner, body#uid_127 .header.has-image.has-teaser .inner {
    min-height: unset; }

#calendly .calendly-inline-widget {
  height: 698px !important; }
#calendly.event-profile .calendly-inline-widget {
  height: 646px !important; }
#calendly.date-time-selected .calendly-inline-widget {
  height: 1020px !important; }
#calendly.event-scheduled .calendly-inline-widget {
  height: 660px !important; }

@media (max-width: 1300px) {
  #calendly .calendly-inline-widget {
    height: 1660px !important; }
  #calendly.date-time-selected .calendly-inline-widget {
    height: 1440px !important; } }
@media (max-width: 1280px) {
  #calendly.event-scheduled .calendly-inline-widget {
    height: 540px !important; } }
@media (max-width: 720px) {
  #calendly .calendly-inline-widget {
    height: 1250px !important; }
  #calendly.date-time-selected .calendly-inline-widget {
    height: 1260px !important; }
  #calendly.event-scheduled .calendly-inline-widget {
    height: 480px !important; } }
@media (max-width: 540px) {
  #calendly.date-time-selected .calendly-inline-widget {
    height: 1280px !important; } }
@media (max-width: 400px) {
  #calendly .calendly-inline-widget {
    height: 1245px !important; }
  #calendly.date-time-selected .calendly-inline-widget {
    height: 1360px !important; } }
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table; }

.clearfix::after {
  clear: both; }

body {
  font-family: "Heebo", Arial, sans-serif;
  font-size: 16px;
  min-width: 320px;
  background-color: #fff;
  /* make deeplink link height 0 */ }
  body > a {
    display: inline-block;
    height: 0; }

a {
  cursor: pointer; }
  a:focus {
    outline: 1px dotted #fff; }

body.white,
.content-container.white {
  background-color: #fff; }
body.grey,
.content-container.grey {
  background-color: #d7d7d7; }
body.black,
.content-container.black {
  background-color: #000; }
body.petrol-light,
.content-container.petrol-light {
  background-color: #428e92; }
body.petrol-medium,
.content-container.petrol-medium {
  background-color: #006064; }
body.petrol-dark,
.content-container.petrol-dark {
  background-color: #00363a; }
body.orange,
.content-container.orange {
  background-color: #ff3d00; }
body.blue-light,
.content-container.blue-light {
  background-color: #3A5786; }
body.blue-medium,
.content-container.blue-medium {
  background-color: #002E59; }
body.blue-dark,
.content-container.blue-dark {
  background-color: #000023; }
body.turquoise-light,
.content-container.turquoise-light {
  background-color: #daffff; }
body.turquoise-dark,
.content-container.turquoise-dark {
  background-color: #74ccb9; }
body.white, body.grey, body.turquoise-light,
.content-container.white,
.content-container.grey,
.content-container.turquoise-light {
  color: #000; }
  body.white p a, body.grey p a, body.turquoise-light p a,
  .content-container.white p a,
  .content-container.grey p a,
  .content-container.turquoise-light p a {
    color: #000; }
body.black, body.petrol-light, body.petrol-medium, body.petrol-dark, body.blue-light, body.blue-medium, body.blue-dark, body.turquoise-dark, body.orange,
.content-container.black,
.content-container.petrol-light,
.content-container.petrol-medium,
.content-container.petrol-dark,
.content-container.blue-light,
.content-container.blue-medium,
.content-container.blue-dark,
.content-container.turquoise-dark,
.content-container.orange {
  color: #fff !important; }
  body.black p a, body.petrol-light p a, body.petrol-medium p a, body.petrol-dark p a, body.blue-light p a, body.blue-medium p a, body.blue-dark p a, body.turquoise-dark p a, body.orange p a,
  .content-container.black p a,
  .content-container.petrol-light p a,
  .content-container.petrol-medium p a,
  .content-container.petrol-dark p a,
  .content-container.blue-light p a,
  .content-container.blue-medium p a,
  .content-container.blue-dark p a,
  .content-container.turquoise-dark p a,
  .content-container.orange p a {
    color: #fff !important; }

body.white .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.grey .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.black .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.petrol-light .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.petrol-medium .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.petrol-dark .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.orange .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.blue-light .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.blue-medium .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.blue-dark .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.turquoise-light .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width), body.turquoise-dark .content-container.transparent:not(.full-width) + .content-container.transparent:not(.full-width) {
  padding-top: 0 !important; }

.content-container.white + .content-container.white, .content-container.grey + .content-container.grey, .content-container.black + .content-container.black, .content-container.petrol-light + .content-container.petrol-light, .content-container.petrol-medium + .content-container.petrol-medium, .content-container.petrol-dark + .content-container.petrol-dark, .content-container.orange + .content-container.orange, .content-container.blue-light + .content-container.blue-light, .content-container.blue-medium + .content-container.blue-medium, .content-container.blue-dark + .content-container.blue-dark, .content-container.turquoise-light + .content-container.turquoise-light, .content-container.turquoise-dark + .content-container.turquoise-dark {
  padding-top: 0; }

.inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 40px 40px 0;
  box-sizing: border-box;
  max-width: 1720px; }

#logo {
  float: left;
  width: 170px;
  height: 70px;
  z-index: 1000;
  background-repeat: no-repeat;
  background-image: url("../Images/Logos/logo.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #logo {
      background-image: url("../Images/Logos/logo@2x.png");
      background-size: 170px 70px; } }

#logo-m {
  width: 4.5rem;
  height: 4.2rem;
  z-index: 1000;
  background-repeat: no-repeat;
  background-image: url("../Images/Logos/logo-m.png");
  display: none;
  position: relative; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #logo-m {
      background-image: url("../Images/Logos/logo-m@2x.png");
      background-size: 4.5rem 4.2rem; } }

/* Mobile
 * -------------------------------------------- */
@media (max-width: 880px) {
  .inner {
    padding: 19px 26px 0; }

  #logo {
    display: none; }

  #logo-m {
    display: block; }

  .content-container.white + .footer, .content-container.grey + .footer, .content-container.turquoise-light + .footer, .content-container.black + .footer, .content-container.petrol-light + .footer, .content-container.petrol-medium + .footer, .content-container.petrol-dark + .footer, .content-container.blue-light + .footer, .content-container.blue-medium + .footer, .content-container.blue-dark + .footer, .content-container.turquoise-dark + .footer, .content-container.orange + .footer {
    margin-top: -48px; } }
@media (max-width: 780px) {
  .main-nav-bar .inner {
    padding: 0 35px; } }
@media (max-width: 400px) {
  .main-nav-bar .inner {
    padding: 0 25px; } }

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