@charset "UTF-8";
@import "../foundation/css/foundation.min.css";
html {
  scroll-behavior: smooth;
}

.grid-container,
hr {
  max-width: 110rem;
  padding-left: 3em;
  padding-right: 3em;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*$col-main-green: #2a2429;
$col-light-green: #93d50a;
$col-main-font: #333333;
$col-heading-font: #93d50a;
$col-light-font: #cccaca;
$col-darker-background: #020202;
$col-white: #ffffff;
$col-light-grey: #939291;
$col-dark-bg: #1e1a1d;
*/
.center {
  justify-content: center;
  display: flex;
}

.overflow {
  overflow-y: hidden;
}

.skip-to-content-link {
  background: #545454;
  color: #fff;
  line-height: 1;
  left: 0;
  padding: 0.5rem 0.8rem;
  position: absolute;
  transform: translateY(-200%);
}
.skip-to-content-link:focus {
  transform: translateY(0%);
  color: #fff;
}

/*.margin-top-1 {
  margin-top: 1rem;
}

.margin-left-1{
  margin-left:1rem;
}*/
html {
  font-size: 16px;
}

body {
  color: #264653;
  font-family: "ff-good-web-pro", sans-serif;
}

h1 {
  font-family: "ff-good-web-pro", sans-serif;
}

h2,
h3,
h4,
h5,
h6,
p,
span,
td,
input,
cite,
a {
  font-family: "ff-good-web-pro", sans-serif;
}

a {
  color: #264653;
}

h1 {
  font-size: 5.6rem;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  line-height: 5.6rem;
  letter-spacing: 10px;
}
h1 b {
  font-size: 3rem;
  margin-top: -26px;
  border-bottom: 5px solid #faefca;
  line-height: 3rem;
  display: inline-flex;
  vertical-align: super;
}

h2 {
  font-size: 4.375rem;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: normal;
}

h2 {
  letter-spacing: 7px;
  padding-bottom: 1.5rem;
  text-transform: uppercase;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 4px;
}

h4 {
  font-size: 1.688rem;
  font-weight: 100;
}

p {
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

.project-description {
  color: #264653 !important;
}

.hero-sub-heading {
  color: #264653;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 22rem;
}

/*
.carousel-title {
  font-weight: bold;
  font-size: 3.688rem;
  line-height: 1.17;
  color: $col-white;
  margin-bottom: 2rem;
}

.carousel-link {
  padding: 0;
  margin-top: 0;
  a {
    font-weight: bold;
    font-size: 1.5rem;
    color: $col-light-green;
  }
  @include hover-fade;
}*/
.standard-page-title {
  font-style: italic;
  font-weight: 800;
  font-size: 6rem !important;
  line-height: 100px;
  text-transform: uppercase;
  color: white;
  padding: 9rem 0;
  position: relative;
}

.side-title {
  position: relative;
  font-size: 1.313rem !important;
  font-weight: bold;
  color: #264653;
  text-transform: uppercase;
  letter-spacing: 3px;
}

aside p {
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.36;
  letter-spacing: -0.5px;
  color: #264653;
}

.main-title {
  color: #264653;
  font-size: 4.063rem;
  margin: 0rem 0 1.5rem;
}

.section-title {
  font-size: 2.625rem;
  color: #264653;
}

.second-section-title {
  font-size: 2.625rem;
  color: #264653;
  margin-bottom: 2rem;
}

.third-section-title {
  font-size: 2.625rem;
  color: #264653;
  margin-bottom: 2rem;
}

.sub-section-title {
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 30px !important;
  line-height: 30px;
  position: relative;
  margin: 1.25rem 0 1.25rem 1rem;
  text-transform: uppercase;
  color: #264653;
}

.sub-title {
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 24px !important;
  line-height: 20px;
  text-transform: uppercase;
}

.section-intro {
  font-family: "ff-good-web-pro", sans-serif;
  font-size: 1.5rem;
  line-height: 34px;
  margin: 0;
  font-weight: 300;
  position: relative;
  color: #cccaca;
}
.section-intro a {
  font-weight: bold;
  color: #cccaca;
}

.breadcrumbs {
  margin: 2.5rem 0 1rem;
}
.breadcrumbs li {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #264653;
  text-transform: capitalize;
}
.breadcrumbs li a {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #264653;
  text-transform: capitalize;
}

.search .show-for-sr,
.social .show-for-sr {
  color: black !important;
  background-color: white !important;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

.svg-icon {
  width: 16px;
  height: 16px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.svg-icon-social {
  width: 20px;
  height: 20px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: filter 0.3s;
}
.svg-icon-social--footer {
  width: 15px;
  height: 15px;
}

.svg-icon-arrow {
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.icon-scale-1_25 {
  transform: scale(1.25);
}

.icon-scale-1_5 {
  transform: scale(1.5);
}

.icon-scale-1_75 {
  transform: scale(1.75);
}

.icon-scale-2 {
  transform: scale(2);
}

.search-icon {
  background: url(../assets/icons/search.svg);
}

.arrow-up-icon {
  background: url(../assets/icons/arrow-up.svg);
}

.chevron-right-icon {
  background: url(../assets/icons/chevron-right.svg);
}

.quotation-icon {
  background: url(../assets/icons/quotes.svg);
}

.chevron-right-icon {
  background: url(../assets/icons/chevron-right.svg);
}

.location-pin-icon {
  background: url(../assets/icons/location-pin.svg);
}

.envelope-icon {
  background: url(../assets/icons/envelope.svg);
}

.facebook-icon {
  background: url(../assets/icons/facebook.svg);
}

.instagram-icon {
  background: url(../assets/icons/instagram.svg);
}

.twitter-icon {
  background: url(../assets/icons/twitter.svg);
}

.youtube-icon {
  background: url(../assets/icons/youtube.svg);
  margin-top: 5px;
}

.envelope-dark-icon {
  background: url(../assets/icons/envelope-dark.svg);
}

.telephone-icon {
  background: url(../assets/icons/telephone.svg);
}

.linkedin-icon {
  background: url(../assets/icons/linkedin.svg);
}

.twitter-dark-icon {
  background: url(../assets/icons/twitter-dark.svg);
}

.calendar-icon {
  background: url(../assets/icons/calendar.svg);
}

.label-icon {
  background: url(../assets/icons/label.svg);
}

.pdf-icon {
  background: url(../assets/icons/pdf.svg);
}

.share-icon {
  background: url(../assets/icons/share.svg);
}

.calendar-blank-icon {
  background: url(../assets/icons/calendar-blank.svg);
}

.facebook-dark-icon {
  background: url(../assets/icons/facebook-dark.svg);
}

.arrow-left-icon {
  background: url(../assets/icons/arrow-left.svg);
}

.arrow-right-icon {
  background: url(../assets/icons/arrow-right.svg);
  transform: scale(1);
}

.file-x-icon {
  background: url(../assets/icons/file-x-download.svg);
}

.file-word-icon {
  background: url(../assets/icons/file-word-download.svg);
}

.file-doc-icon {
  background: url(../assets/icons/file-doc-download.svg);
}

.file-download-icon {
  background: url(../assets/icons/file-download.svg);
}

.x-close-icon {
  background: url(../assets/icons/x-close.svg);
}

.plus-icon {
  background: url(../assets/icons/plus.svg);
}

.user-icon {
  background: url(../assets/icons/user.svg);
}

.play-icon {
  background: url(../assets/icons/play.svg);
  width: 24px;
  height: 24px;
}

.pause-icon {
  background: url(../assets/icons/pause.svg);
  width: 24px;
  height: 24px;
}

.location-pin {
  position: relative;
  margin-left: 20px;
  padding-left: 5px;
}
.location-pin::before {
  content: "";
  background: url(../../../theme/assets/icons/location-pin.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-position-x: center;
  top: 4px;
  left: -20px;
  width: 20px;
  height: 20px;
}

.location-pin-light {
  position: relative;
  margin-left: 20px;
  padding-left: 5px;
}
.location-pin-light::before {
  content: "";
  background: url(../../../theme/assets/icons/location-light.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-position-x: center;
  top: 4px;
  left: -20px;
  width: 20px;
  height: 20px;
}

.calendar {
  position: relative;
  margin-left: 20px;
  padding-left: 5px;
}
.calendar::before {
  content: "";
  background: url(../../../theme/assets/icons/calendar.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-position-x: center;
  top: 4px;
  left: -20px;
  width: 20px;
  height: 20px;
  top: 0px;
  width: 15px;
}

.email {
  position: relative;
  margin-left: 20px;
  padding-left: 5px;
}
.email::before {
  content: "";
  background: url(../../../theme/assets/icons/envelope-dark.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-position-x: center;
  top: 4px;
  left: -20px;
  width: 20px;
  height: 20px;
  top: 8px;
}

.email-light {
  position: relative;
  margin-left: 20px;
  padding-left: 5px;
}
.email-light::before {
  content: "";
  background: url(../../../theme/assets/icons/envelope.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-position-x: center;
  top: 4px;
  left: -20px;
  width: 20px;
  height: 20px;
}

.telephone {
  position: relative;
  margin-left: 20px;
  padding-left: 5px;
}
.telephone::before {
  content: "";
  background: url(../../../theme/assets/icons/telephone.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-position-x: center;
  top: 4px;
  left: -20px;
  width: 20px;
  height: 20px;
  top: 8px;
}

.linkedin {
  position: relative;
  margin-left: 20px;
  padding-left: 5px;
}
.linkedin::before {
  content: "";
  background: url(../../../theme/assets/icons/linkedin.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-position-x: center;
  top: 4px;
  left: -20px;
  width: 20px;
  height: 20px;
  top: 0;
}

.linkedin-reverse {
  background: url(../assets/icons/linkedin-reverse.svg);
}

.twitter {
  position: relative;
  margin-left: 20px;
  padding-left: 5px;
}
.twitter::before {
  content: "";
  background: url(../../../theme/assets/icons/twitter-dark.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-position-x: center;
  top: 4px;
  left: -20px;
  width: 20px;
  height: 20px;
  top: 8px;
}

.svg-black {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

.svg-pink {
  filter: brightness(0) saturate(100%) invert(29%) sepia(15%) saturate(4330%) hue-rotate(296deg) brightness(89%) contrast(89%);
}

.svg-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.svg-dark-green {
  filter: brightness(0) saturate(100%) invert(9%) sepia(9%) saturate(57%) hue-rotate(328deg) brightness(96%) contrast(77%);
}

.svg-taupe-grey {
  filter: brightness(0) saturate(100%) invert(74%) sepia(5%) saturate(43%) hue-rotate(22deg) brightness(88%) contrast(85%);
}

.svg-main-green {
  filter: brightness(0) saturate(100%) invert(81%) sepia(41%) saturate(2371%) hue-rotate(28deg) brightness(96%) contrast(92%);
}

.svg-light-green {
  filter: brightness(0) saturate(100%) invert(74%) sepia(21%) saturate(4393%) hue-rotate(34deg) brightness(105%) contrast(92%);
}

.svg-light-grey {
  filter: brightness(0) saturate(100%) invert(77%) sepia(4%) saturate(17%) hue-rotate(314deg) brightness(87%) contrast(87%);
}

.svg-purple {
  filter: brightness(0) saturate(100%) invert(77%) sepia(21%) saturate(935%) hue-rotate(153deg) brightness(82%) contrast(92%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-figure figure {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/***************************************************/
.swiper-container {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 900px) {
  .swiper-container {
    min-height: 320px;
  }
}
.swiper-container-wrapper {
  display: flex;
  overflow: hidden;
  flex-flow: column nowrap;
  height: 100vh;
  width: 100vw;
}
@media (min-width: 900px) {
  .swiper-container-wrapper {
    flex-flow: row nowrap;
  }
}

.swiper-button-next, .swiper-button-prev {
  color: #000;
}

.swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  /* Center slide text vertically */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  /* Slide content */
}
.swiper-slide .description,
.swiper-slide .title {
  display: block;
  opacity: 0;
  transition: 0.5s ease 0.5s;
}
.swiper-slide-active .description,
.swiper-slide-active .title {
  opacity: 1;
}
.swiper-slide-active .title {
  margin-bottom: 0.5rem;
  font-size: 24px;
  color: #000;
  transition: opacity 0.5s ease 0.5s;
}
.swiper-slide-active .description {
  font-size: 16px;
  color: #777;
  transition: opacity 0.5s ease 0.75s;
}

.gallery-top {
  position: relative;
  width: 100%;
  height: 75vh;
}
@media (min-width: 900px) {
  .gallery-top {
    width: 80%;
    height: 100vh;
    margin-right: 10px;
  }
}

.gallery-thumbs {
  width: 100%;
  height: 25vh;
  padding-top: 10px;
}
@media (min-width: 900px) {
  .gallery-thumbs {
    width: 20%;
    height: 100vh;
    padding: 0;
  }
}
.gallery-thumbs .swiper-wrapper {
  flex-direction: row;
}
@media (min-width: 900px) {
  .gallery-thumbs .swiper-wrapper {
    flex-direction: column;
  }
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  flex-flow: row nowrap;
  height: 100%;
  opacity: 0.75;
  cursor: pointer;
}
@media (min-width: 900px) {
  .gallery-thumbs .swiper-slide {
    flex-flow: column nowrap;
    width: 100%;
  }
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

header {
  position: fixed;
  z-index: 9999999;
  left: 0;
  right: 0;
  transition: all 0.2s ease;
}
header .grid-container {
  padding: 0px;
}

.fixed-header {
  background-color: #274653;
  transition: all 0.2s ease;
}
.fixed-header .wrapper-header-main .logo {
  height: 45px;
  transition: all 0.2s ease;
}
.fixed-header .main-menu-section {
  padding: 1.5rem;
  transition: all 0.2s ease;
}
.fixed-header .wrapper-header-main .main-menu-bar .main-menu a {
  font-size: 1.2rem;
}
.fixed-header .main-nav li {
  margin-top: 10px;
  transition: all 0.2s ease;
}
.fixed-header .grid-container {
  max-width: 90rem !important;
  transition: all 0.2s ease;
}

.top-bar-tel-icon {
  margin-right: 12px;
  transform: scale(0.9) scaleX(-1);
  margin-top: 3px;
}

.top-bar-section {
  padding-top: 1rem;
}

.top-bar-dot {
  color: #a3a3a2;
  padding: 0 7px;
}

.wrapper-hero {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
  background-color: #000;
  background-repeat: no-repeat;
  height: 235px;
}
.wrapper-hero .title {
  font-weight: bold;
  color: white;
  margin-top: 3rem;
  padding: 2.3rem 4.5rem;
  background-color: rgba(159, 0, 62, 0.7098039216);
  display: inline-flex;
}

.main-menu-section {
  padding: 2.5rem 4.5rem;
  display: flex;
  width: 100%;
}
.main-menu-section--standard {
  padding: 3rem 4.5rem;
  background-color: #264653;
  position: relative;
}

.wrapper-header-main {
  position: relative;
  z-index: 100;
}
.wrapper-header-main .logo {
  width: initial;
  height: 70px;
  padding: 0;
  box-sizing: border-box;
  z-index: 1000;
  position: relative;
}
.wrapper-header-main .main-logo {
  max-height: 70px;
  padding: 2.2rem 0;
  box-sizing: content-box;
}
.wrapper-header-main .search {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.wrapper-header-main .search input {
  width: 103px;
  height: 19px;
}
.wrapper-header-main .search .button-search {
  padding-left: 0.5rem;
}
.wrapper-header-main .main-menu-bar {
  height: 100%;
}
.wrapper-header-main .main-menu-bar .logo-section {
  text-align: center;
}
.wrapper-header-main .main-menu-bar .main-menu a {
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
}
.wrapper-header-main .main-menu-bar .main-menu a:hover {
  transition: opacity 0.4s;
  opacity: 1;
}
.wrapper-header-main .main-menu-bar .main-menu a:hover:hover, .wrapper-header-main .main-menu-bar .main-menu a:hover:focus {
  opacity: 0.6;
}
.wrapper-header-main .video-container {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

#menu-background,
#mega-menu {
  display: none;
}

.wrapper-footer {
  background-color: #264653;
  padding: 2em 3em 0em;
}
.wrapper-footer .social-icons {
  display: flex;
  justify-content: left;
  padding-top: 2.5rem;
  padding-left: 40px;
}
.wrapper-footer .social-icons .instagram-icon {
  padding-right: 2.75rem;
}
.wrapper-footer .logo img {
  max-width: 120px;
}
.wrapper-footer .menu {
  padding: 3rem 2rem;
}
.wrapper-footer .menu ul {
  display: block;
  width: 100%;
}
.wrapper-footer .menu ul li {
  display: inline-block;
}
.wrapper-footer .menu ul li a {
  font-size: 1.575rem;
  font-weight: 500;
  padding: 0 1rem 0;
  color: white;
}
.wrapper-footer .menu .sub-footer li a {
  font-size: 1.1rem;
}
.wrapper-footer .terms {
  color: white;
  display: flex;
  justify-content: end;
}
.wrapper-footer .terms ul {
  display: flex;
  flex-flow: wrap;
  align-items: end;
}
.wrapper-footer .terms ul li a {
  color: white;
  padding-top: 2.5rem;
  padding-left: 1.4rem;
}
.wrapper-footer .logo {
  color: white;
  display: flex;
  flex-direction: column;
  padding-right: 6rem;
  padding-right: 8em;
}
.wrapper-footer .lower-footer {
  color: #d7d7d7;
  font-size: 0.938rem;
  padding-top: 2rem;
  border-top: 4px solid #3a5a67;
  margin-top: 1em;
}
.wrapper-footer .lower-footer li {
  text-align: right;
}
.wrapper-footer .lower-footer a {
  color: #4E869C;
}

.sub-footer {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 3px solid #3a5a67;
}

/*.footer-newsletter {
  display: flex;
  border-bottom: solid 1px $col-light-green;
  align-items: center;
  margin-top: 2rem;
}

.upper-footer {
  padding: 6rem 0 2.3rem;
  border-bottom: solid 1px $col-light-green;
  a{
    .svg-icon{
      @include hover-fade;
    }
  }
}

.lower-footer {
  padding-top: 1rem;
  padding-bottom: 4.5rem;
  p {
    color: $col-light-grey !important;
  }
  li {
    margin-left: 0.5rem !important;
    a {
      color: $col-light-grey !important;
      font-size: 0.875rem;
      &::after {
        content: "/";
        padding-left: 0.5rem;
      }
    }
    &:last-child {
      a::after {
        content: "";
      }
    }
  }
}

.wrapper-footer-main {
  background-color: $col-main-green;
  color: $col-main-green;
  .column-header {
    color: $col-light-green;
    font-size: 0.9rem;
    font-weight: 800;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    line-height: 1.1;
  }
  p,
  .number,
  .footer-address {
    color: $col-light-green;
    font-size: 0.875rem;
    line-height: 1.2;
  }
  .signup-btn {
    text-align: right;
    cursor: pointer;
    .newsletter-submit {
      background-color: transparent;
      color: $col-light-green;
      font-size: 0.9rem;
      font-weight: 800;
      margin: 0;
      padding: 0;
    }
    @include hover-fade;
  }

  input {
    background-color: unset;
    border: unset;
    padding: 0;
    margin: 0;
    color: $col-light-grey;
    font-size: 0.875rem;
    &:focus {
      background-color: transparent;
      border: 0;
      box-shadow: unset;
      color: $col-light-grey;
    }
    &::placeholder {
      color: $col-light-grey !important;
    }
  }
}*/
footer p {
  font-size: 1.1rem;
}

.hero {
  position: relative;
  min-height: 80vh;
  background-size: cover;
  background-position: center;
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 220px;
  z-index: 9;
  opacity: 0.5;
  background: rgb(0, 0, 0);
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.0354735644) 47%, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.hero:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 3px;
  background-color: white;
  height: 100px;
  z-index: 99;
}
.hero .grid-container, .hero .grid-x {
  min-height: 80vh;
}
.hero .hero-text {
  position: relative;
  z-index: 99999;
  padding-top: 50px;
}
.hero .hero-text h1 {
  color: #faefca;
}
.hero .video-container {
  min-height: 70vh;
  position: absolute;
  right: 0;
  left: 0;
}
.hero .video-container video {
  min-height: 80vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-button-next, .swiper-button-prev {
  background-color: white;
  color: black;
  padding: 40px;
}
.swiper-button-next:after, .swiper-button-prev:after {
  color: black;
}

.forminator-response-message ul {
  padding-bottom: 1rem;
}
.forminator-response-message ul li {
  color: #b61e1e;
}

.text-section {
  background-color: #264653;
  padding-bottom: 6rem;
  padding-top: 6rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.text-section .standard-btn {
  margin: auto;
  margin-top: 2em;
}
.text-section .large-12 img {
  margin: 4rem auto;
  position: relative;
  z-index: 999;
}
.text-section .image-text {
  background-color: #e6f0f5;
  padding-bottom: 4rem;
  position: relative;
  z-index: 99;
}
.text-section .image-text p, .text-section .image-text a, .text-section .image-text h2, .text-section .image-text h3, .text-section .image-text h4, .text-section .image-text .standard-btn {
  position: relative;
}
.text-section .image-text::before {
  content: "";
  position: absolute;
  left: -50%;
  right: -50%;
  bottom: 0;
  top: -150%;
  background-color: #e6f0f5;
}
.text-section img {
  margin-top: 2em;
}
.text-section h2 {
  color: #FAF0CA;
  padding-bottom: 1rem;
}
.text-section h3 {
  color: white;
  padding-bottom: 2rem;
  letter-spacing: 2px;
}
.text-section h4 {
  color: white;
  letter-spacing: 0;
  line-height: 1.5;
}
.text-section p {
  color: white;
}
.text-section--office {
  background-color: white;
  padding-top: 5rem;
}
.text-section--office h2 {
  color: #264653;
  letter-spacing: 14px;
}
.text-section--office h3 {
  color: #264653;
  font-size: 30px;
  letter-spacing: 3px;
  font-weight: bold;
}

.text-section .full {
  padding-left: 3em;
  padding-right: 3em;
}

.text-section .full, .wrapper-count-up, .news-filter-wrapper .grid-container, .news-cards-wrapper .grid-container, .enquiry-box .grid-container, .text-image-section, .office-carousel, .quote-wrapper, .ourvision-wrapper, .tabs-container, .carousel-wrapper, .default-columns, .video-section, .wrapper-footer .grid-container {
  max-width: 110rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.office-carousel, .quote-wrapper {
  max-width: 102rem !important;
}

.swiper-container-wrapper {
  height: initial;
  min-height: 80vh;
}

.further-description {
  border-top: 2px solid #ececec;
  margin-top: 2em;
  padding-left: 0px !important;
}

.text-section.light-background {
  background-color: #fefefe;
  color: #264653;
}
.text-section.light-background h2, .text-section.light-background h3, .text-section.light-background h4, .text-section.light-background p {
  color: #264653;
}

.no-padding-top {
  padding-top: 0px !important;
}

.no-padding-bottom {
  padding-bottom: 0px !important;
}

.explore-wrapper {
  text-align: center;
  padding-top: 5.25rem;
}
.explore-wrapper h4 {
  padding-bottom: 5.5rem;
}

.ourvision-wrapper {
  text-align: center;
  padding-top: 8rem;
  padding-right: 3rem;
  padding-left: 3rem;
}
.ourvision-wrapper button {
  outline: none;
  border: 0px;
}
.ourvision-wrapper h4 {
  padding-bottom: 3rem;
}
.ourvision-wrapper .video-container {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  max-height: 70vh;
}
.ourvision-wrapper .video-container video {
  width: 100%;
}
.ourvision-wrapper .video-container .controls {
  position: absolute;
  left: 4rem;
  bottom: 4rem;
}
.ourvision-wrapper .video-container .controls li button .pause-icon,
.ourvision-wrapper .video-container .controls li button .play-icon {
  transform: scale(4);
}
.ourvision-wrapper .video-container .controls #stop {
  display: none;
}

.certified-wrapper {
  text-align: center;
  padding-top: 8rem;
}
.certified-wrapper h4 {
  padding-bottom: 3rem;
}

.wrapper-count-up {
  padding: 6rem 0em;
}
.wrapper-count-up .fact {
  text-align: center;
}
.wrapper-count-up .fact .units {
  display: flex;
  justify-content: center;
  color: #5EB5CB;
  font-size: 4.563rem;
  font-weight: bold;
}
.wrapper-count-up .fact .value-txt,
.wrapper-count-up .fact .value {
  font-size: 4.563rem;
  font-weight: bold;
  color: #5EB5CB;
}
.wrapper-count-up .fact .description {
  font-size: 20px;
  letter-spacing: 1px;
}
.wrapper-count-up .grid-container.full {
  padding-left: 4em;
  padding-right: 5em;
}
.wrapper-count-up .counter-title h2 {
  font-size: 3rem;
  line-height: 3.5rem;
  font-weight: 200;
  text-transform: uppercase;
  padding: 2rem 0rem;
  letter-spacing: 0px;
}
.wrapper-count-up .counter-title h2 span {
  display: inline-block;
  width: 60%;
}
.wrapper-count-up .counter-title h2 .number {
  font-size: 8rem;
  width: 24%;
  display: inline-block;
  float: left;
  font-weight: 500;
  border-right: 5px solid #264653;
  margin-right: 10%;
  line-height: 7rem;
}
.wrapper-count-up .further-description p {
  margin-top: 30px;
}

.quote-wrapper {
  background-color: #E6F0F5;
  margin: 0 4rem;
  text-align: center;
  padding-top: 6.75rem;
  padding-bottom: 3.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  margin-top: 5rem;
  margin-bottom: 5em;
}
.quote-wrapper blockquote {
  font-size: 1.875rem;
  color: #264653;
  font-weight: bold;
  letter-spacing: 6px;
  border: 0;
  padding-bottom: 2.5rem;
}
.quote-wrapper blockquote:before {
  content: "“";
  position: absolute;
  padding-right: 1rem;
  transform: translate(-52px, -8px);
  color: #5EB5CB;
  font-family: "ff-good-web-pro", sans-serif;
  font-size: 72px;
}
.quote-wrapper blockquote:after {
  content: "”";
  position: absolute;
  padding-right: 1rem;
  transform: translate(14px, -18px);
  color: #5EB5CB;
  font-family: "ff-good-web-pro", sans-serif;
  font-size: 72px;
}
.quote-wrapper strong {
  font-size: 1.8rem;
  margin-top: -30px;
  display: block;
  margin-bottom: 20px;
}

.carousel-wrapper h3 {
  padding: 1rem 5rem;
  font-size: 27px;
  font-weight: 700;
}
.carousel-wrapper h2 {
  text-transform: uppercase;
  letter-spacing: 5px;
}
.carousel-wrapper .carousel-title {
  padding-left: 3rem;
  padding-right: 3rem;
}

.vision-inspired-wrapper--single {
  margin-top: 5.5rem;
}
.vision-inspired-wrapper .image-row {
  margin: 0 4.813rem;
}
.vision-inspired-wrapper .image-row .image {
  position: relative;
}
.vision-inspired-wrapper .image-row .image::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 220px;
  z-index: 9;
  opacity: 0.8;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.0354735644) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.vision-inspired-wrapper .image-row .content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: end;
  padding: 1rem 1.25rem;
  z-index: 99;
}
.vision-inspired-wrapper .image-row .content img {
  height: 30px;
  width: -moz-fit-content;
  width: fit-content;
}
.vision-inspired-wrapper .image-row .content h5 {
  font-size: 1.688rem;
  color: white;
  margin-top: 0.5rem;
}
.vision-inspired-wrapper .middle-row {
  padding: 27rem 4em 22rem;
  background-color: #264653;
  color: white;
  text-align: center;
  margin: -291px 0 -202px;
}
.vision-inspired-wrapper .middle-row p {
  font-weight: 100;
  font-size: 1.688rem;
}
.vision-inspired-wrapper .button-row {
  margin: 0 2rem;
  padding: 4rem 0 6.75rem;
}
.vision-inspired-wrapper .button-row h3 {
  font-size: 2.176rem;
  letter-spacing: 6.96px;
  font-weight: 700;
  padding-right: 1rem;
}
.vision-inspired-wrapper .button-row .buttons {
  display: flex;
  justify-content: space-evenly;
  height: -moz-fit-content;
  height: fit-content;
}
.vision-inspired-wrapper .button-row .buttons a {
  white-space: nowrap;
  margin-right: 1rem;
}

.side-heading {
  background-color: #da4880;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 0.5rem 2rem;
}

.form-wrapper .sidebar {
  padding: 3rem 5rem;
}
.form-wrapper .title {
  text-align: center;
  font-size: 5.438rem;
  font-weight: bold;
  width: 100%;
  padding: 5rem 0;
  text-transform: uppercase;
  letter-spacing: 15.65px;
}
.form-wrapper .wysiwyg {
  padding: 6rem 0 3rem;
}
.form-wrapper .wysiwyg p {
  font-size: 1.4rem;
}
.form-wrapper .enquiry-form {
  padding-left: 9rem;
}
.form-wrapper .msg-sent-ok {
  background-color: #E6F0F5;
  display: none;
}
.form-wrapper .msg-validation-error {
  background-color: red;
  color: white;
  margin-bottom: 1rem;
  display: none;
}
.form-wrapper label {
  display: block;
  margin-bottom: 9px;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #264653;
}
.form-wrapper input, .form-wrapper textarea, .form-wrapper select {
  height: auto;
  margin: 0;
  padding: 17px 30px;
  border: 1px solid rgba(165, 183, 200, 0.34);
  border-radius: 2px;
  font-family: ff-good-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  color: #a5b7c8;
  box-shadow: none;
  margin-bottom: 2rem;
}
.form-wrapper .consent {
  display: flex;
  align-items: baseline;
}
.form-wrapper .consent label {
  margin: 0;
  font-family: ff-good-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 21px;
  color: #a5b7c8;
  padding-left: 1rem;
  text-transform: capitalize;
  letter-spacing: 0;
}
.form-wrapper button {
  position: relative;
  display: inline-block;
  min-width: 178px;
  margin: 20px 0 0 0;
  padding: 15px 40px;
  background: #5eb5cb;
  border-radius: 0;
  font-family: ff-good-web-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  line-height: 22px;
  color: #fefefe;
  text-transform: uppercase;
  overflow: hidden;
  transform: translateX(0);
  transition: all 0.25s cubic-bezier(0.09, 0.11, 0.24, 0.91);
  z-index: 2;
  cursor: pointer;
}
.form-wrapper button:hover {
  background-color: #264653;
}

.form-wrapper aside {
  background-color: #264653;
}
.form-wrapper aside .right-panel {
  margin-top: 4rem;
}
.form-wrapper aside h2 {
  color: #faf0ca;
  font-family: ff-good-web-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2rem;
  margin-bottom: 4.5rem;
  text-transform: uppercase;
}
.form-wrapper aside img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.form-wrapper aside .code {
  margin-bottom: 2rem;
  color: #fff;
  font-size: 1rem;
  margin-top: 1rem;
  font-weight: 100;
}
.form-wrapper aside .name {
  font-weight: bold;
  color: white;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  letter-spacing: 0.25px;
  margin-bottom: 0.25rem;
}
.form-wrapper aside .mob,
.form-wrapper aside .tel {
  color: white;
  font-size: 1rem;
}
.form-wrapper aside .mob:hover,
.form-wrapper aside .tel:hover {
  color: #3ca1ba;
}
.form-wrapper aside .email {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #3ca1ba;
}
.form-wrapper aside .email:hover {
  color: white;
}

.news-header-wrapper h1 {
  font-size: 5.438rem;
  letter-spacing: 15.65px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  line-height: normal;
}
.news-header-wrapper h2 {
  font-size: 7.625rem;
  letter-spacing: 25.62px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  padding-left: 16rem;
}
.news-header-wrapper ul li {
  font-size: 2.5rem;
  color: #5EB5CB;
  letter-spacing: 8px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
  padding: 4px 0;
}

.gallery-title {
  position: absolute;
  bottom: 0;
  background-color: #e6f0f5;
  left: 0;
  text-align: center;
  padding: 14px 30px;
  font-size: 19px;
  font-weight: bold;
}

.news-cards-wrapper .ehcards .cell {
  display: flex;
  align-items: stretch;
}
.news-cards-wrapper .button-cell {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
}
.news-cards-wrapper .standard-card {
  display: block;
  background-color: #f6fcff;
  width: 100%;
  position: relative;
  transition: 0.5s ease;
  margin-bottom: 1em;
}
.news-cards-wrapper .standard-card:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
  transition: 0.5s ease;
}
.news-cards-wrapper .standard-card .content {
  color: #264653;
  padding: 2rem;
}
.news-cards-wrapper .standard-card .content .date {
  color: #5EB5CB;
  font-weight: bold;
  font-size: 20px;
  margin: 5px 0px 20px;
}
.news-cards-wrapper .standard-card .content h3 {
  font-size: 1.5rem;
  margin-bottom: 2px;
  color: #264653;
  font-weight: 700;
  line-height: 29px;
  text-transform: uppercase;
}
.news-cards-wrapper .standard-card .content .excerpt {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 2.5rem;
  color: #264653;
  height: auto;
  min-height: 100px;
}
.news-cards-wrapper .standard-card .cta {
  color: #264653;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  transition: opacity 0.4s;
  opacity: 1;
}
.news-cards-wrapper .standard-card .cta:hover, .news-cards-wrapper .standard-card .cta:focus {
  opacity: 0.6;
}
.news-cards-wrapper .standard-card .img {
  height: 230px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.news-cards-wrapper .standard-card .szicon-right-caret {
  font-size: 0.7rem;
  padding-left: 1rem;
}

.news-filter-wrapper {
  background-color: #5EB5CB;
  padding: 4rem 0 11rem 0;
  margin-bottom: -11rem;
}
.news-filter-wrapper .elements {
  display: flex;
  justify-content: center;
}
.news-filter-wrapper .standard-btn {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 52px;
  white-space: nowrap;
  margin-left: 1rem;
  padding: 0.75rem 1.5rem 0.75rem 1.5rem;
}
.news-filter-wrapper select {
  height: 65px;
  padding-left: 18px;
  background-position: right;
  font-size: 20px;
  border: 1px solid rgba(168, 183, 200, 0.34);
  border-radius: 2px;
  cursor: pointer;
  width: 65%;
  border: 0px;
  margin-top: 0px;
  min-height: 65px;
}
.news-filter-wrapper .standard-btn {
  padding: 16px 32px;
  max-height: 65px;
  height: 65pc;
  margin: 0px;
}
.news-filter-wrapper h2 {
  font-size: 3.5em;
  letter-spacing: 1px;
  color: white;
}

/*.single-card-carousel {
  .content {
    margin-top: 0rem;
    margin-bottom: 0rem;
    max-height: 285px;
    z-index: 100;
    .message {
      font-style: normal;
      font-size: 18px;
      line-height: 26px;
      color: #fff;
      padding-bottom: 2rem;
      padding-top: 0rem;
      min-height: 80px;
      margin-bottom: 0rem;
      text-shadow: 0 0 48px rgb(0 0 0), 0 0 6px rgb(0 0 0), 1px -2px 20px #000;
      strong {
        color: #ebd24a;
      }
    }
  }
  .owl-dots {
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 40px;
    height: 0px;
    margin-right: 1rem;
    .owl-dot {
      background-color: #ccc;
      border: solid 2px #000;
      height: 16px;
      width: 16px;
      margin-left: 22px;
      border-radius: 50%;
    }
    .owl-dot.active {
      background-color: #000000;
      border: solid 2px #d9d9d9;
    }
  }

  .owl-nav {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: 1rem;
    button.owl-prev {
      .svg-icon {
        width: 10px;
        height: 16px;
      }
      @include hover-fade;
    }
    button.owl-next {
      .svg-icon {
        width: 10px;
        height: 16px;
      }
      @include hover-fade;
    }
  }
}*/
.enquiry-box {
  padding: 5em 4em;
  background-color: #f6fcff;
  margin-top: 5rem;
}
.enquiry-box .standard-btn {
  display: inline-flex;
  margin-left: 20px;
}
.enquiry-box h3 {
  font-size: 2.3rem;
  font-weight: 900;
  letter-spacing: 3px;
}

.office-carousel {
  padding: 3em 0em;
  position: relative;
}
.office-carousel .gallery-top {
  width: 100%;
}
.office-carousel .swiper-button-prev {
  left: 3em;
  bottom: 7em !important;
  top: initial;
}
.office-carousel .swiper-button-next {
  left: 8em;
  bottom: 7em !important;
  top: initial;
}
.office-carousel .swiper-pagination {
  bottom: 14em !important;
  left: 3em !important;
  right: initial;
  margin: 0px;
  width: initial !important;
}
.office-carousel .gallery-title {
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #5fb5cb;
  padding: 5em 3em 5em 3.5em;
  max-width: 30%;
  text-align: left;
  padding-bottom: 13em;
}
.office-carousel .gallery-title h3, .office-carousel .gallery-title h4 {
  color: white;
  text-transform: uppercase;
  font-size: 3rem;
}
.office-carousel .gallery-title h3 {
  padding: 0px;
}
.office-carousel .gallery-title p {
  font-weight: 200;
  color: white;
}

.tabs-container {
  border-left: 4rem solid white;
  border-right: 4rem solid white;
  margin-top: 2em;
  background-color: #264653;
  color: white;
}
.tabs-container .tabs {
  border: 0px;
  padding: 5rem 0rem 7rem;
  background-color: rgba(0, 0, 0, 0);
}
.tabs-container .tabs .tabs {
  padding: 3rem 0rem;
}
.tabs-container h2 {
  color: #FAF0CA;
  text-transform: uppercase;
  letter-spacing: 10px;
}
.tabs-container .tabs-title {
  max-width: 12%;
}
.tabs-container .tabs-title > a {
  color: white;
  text-align: center;
  font-size: 1.1rem;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  font-weight: 600;
}
.tabs-container .tabs-title > a:focus, .tabs-container .tabs-title > a[aria-selected=true] {
  background-color: rgba(0, 0, 0, 0);
  color: #5fb5cb;
}
.tabs-container .tabs-title > a:hover {
  background-color: #1B3744;
}
.tabs-container .tabs-panel.is-active {
  border: 0px;
}
.tabs-container .tabs-content {
  border: 0px;
  background-color: rgba(0, 0, 0, 0);
  color: white;
}
.tabs-container .tabs-content .tabs-panel, .tabs-container .tabs-content .grid-container {
  padding: 0px;
  color: white;
}
.tabs-container .tabs-content img {
  width: 100%;
}

.carousel-title {
  position: relative;
  padding-bottom: 3em;
}

.iframe-section {
  padding-left: 3em;
  padding-right: 3em;
}

header .grid-container {
  max-width: 110em !important;
  margin: auto;
}

.retail-page .standard-btn {
  background-color: #E36062;
  border-color: #E36062;
  color: white;
}
.retail-page .text-section .image-text::before {
  background-color: #E36062;
  color: white;
}
.retail-page .text-section .image-text {
  color: white;
  font-weight: 600;
}
.retail-page .text-section .image-text p {
  color: white;
}
.retail-page .wrapper-count-up {
  background-color: #E36062;
  color: white;
  margin-top: -15em;
  position: relative;
  padding-top: 15em;
}
.retail-page .enquiry-box .standard-btn {
  margin-top: 1em;
}
.retail-page .enquiry-box {
  padding-top: 1em;
  padding-bottom: 5em;
  background-color: #fefefe;
}
.retail-page .red-text {
  color: #E36062 !important;
}
.retail-page .wrapper-count-up .fact .units, .retail-page .wrapper-count-up .fact .value-txt, .retail-page .wrapper-count-up .fact .value {
  color: white;
}
.retail-page .retail-contact-info {
  padding-left: 4em;
  padding-right: 4em;
  padding-bottom: 4em;
}
.retail-page .retail-contact-info .grid-x {
  border-top: 3px solid #ececec;
  padding-top: 3em;
}
.retail-page .retail-contact-info h4 {
  font-weight: bold;
  font-size: 1.4rem;
}
.retail-page .retail-contact-info a {
  display: block;
}
.retail-page .retail-contact-info .cell {
  padding-right: 3em;
}

.text-image-section {
  padding-left: 3em;
  padding-right: 3em;
}
.text-image-section .image {
  min-height: 300px;
  background-size: cover;
  background-position: center;
}
.text-image-section .image span {
  font-weight: bold;
  color: white;
  padding: 20px;
  display: block;
}
.text-image-section .content {
  padding: 6em 5em;
}
.text-image-section .content .standard-btn {
  margin-top: 1.5em;
}
.text-image-section .content h3 {
  margin-bottom: 20px;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.location-count {
  background-color: #5db5cb;
  margin-top: -15em;
  padding-top: 15em;
  position: relative;
}
.location-count .fact .units, .location-count .fact .value, .location-count .fact .value-txt {
  color: white;
  line-height: 3rem;
  font-size: 3.5rem;
  margin-bottom: 20px;
}

.community-tabs {
  background-color: white;
  color: #1B3744;
}
.community-tabs h2, .community-tabs .tabs-title > a {
  color: #1B3744;
}
.community-tabs .tabs-title > a:hover {
  color: white;
}
.community-tabs .tabs-title {
  max-width: 100%;
  width: 16.66%;
}
.community-tabs .tabs-title > a[aria-selected=true] {
  background-color: #5fb5cb;
  color: white !important;
}
.community-tabs .tabs .tabs {
  background-color: #f6fcff;
  padding: 0px;
  margin-bottom: 2em;
}
.community-tabs .tabs .tabs li {
  border-right: 5px solid white;
  border-bottom: 0px;
}
.community-tabs .tabs .tabs li a {
  padding: 20px;
}

.tile {
  position: relative;
  margin-bottom: 2em;
  overflow: hidden;
  height: 400px;
}
.tile .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  transition: 0.5s ease;
}
.tile .image::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 50%;
  opacity: 0.5;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.tile .hover-content {
  padding: 30px 30px 30px;
  opacity: 0;
  transition: 0.5s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(39, 70, 83, 0.8);
  text-align: left;
}
.tile .hover-content p {
  font-size: 1.1rem;
  color: white;
}
.tile .hover-content .link {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}
.tile:hover .image {
  transform: scale(1.1);
  transition: 0.5s ease;
}
.tile:hover .hover-content {
  opacity: 1;
  transition: 0.5s ease;
}
.tile h3 {
  position: absolute;
  top: 30px;
  left: 30px;
  color: white;
  text-transform: uppercase;
  font-size: 1.5rem;
  z-index: 9999;
  text-align: left;
}

.hero.news-header-wrapper {
  min-height: 60vh;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.hero.news-header-wrapper:before {
  display: none;
}
.hero.news-header-wrapper h1 {
  text-align: left;
}

.hero.news-header-wrapper .grid-container, .hero.news-header-wrapper .grid-container .grid-x {
  min-height: 55vh;
}

header.no-hero {
  background-color: #264653;
  position: relative;
}

.form-container {
  margin-top: 3em;
}
.form-container .form {
  padding: 4em;
  background-color: #fafafa;
}
.form-container .form p {
  font-size: 20px;
}
.form-container .form .forminator-consent {
  display: inline-block;
  float: left;
}
.form-container .form .consent {
  margin: 30px 0px;
}
.form-container .contact-info {
  background-color: #1B3744;
  padding: 4em;
  color: white;
}
.form-container .contact-info h2 {
  font-size: 1.9rem;
  color: #faefca;
  letter-spacing: 2px;
}
.form-container .contact-info img {
  max-width: 150px;
}
.form-container .contact-info p {
  font-size: 1.2rem;
  margin-top: 10px;
  color: white;
}
.form-container .contact-info a {
  color: white;
}
.form-container .contact-info a:hover {
  text-decoration: underline;
  color: #3ca1ba;
}
.form-container .contact-info .name {
  font-weight: bold;
  margin-top: 1em !important;
}
.form-container .contact-info .name, .form-container .contact-info .tel, .form-container .contact-info .email {
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 0px;
}
.form-container .contact-info .email {
  text-decoration: underline;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2rem;
}

[type=text], select, textarea, [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
  min-height: 70px;
  border: 0px;
  margin-top: 10px;
  padding-left: 20px;
  background-position: right;
  font-size: 1.2rem;
  box-shadow: none;
}

.sustainability-tiles {
  padding: 4em;
}
.sustainability-tiles h3 {
  background-color: #1B3744;
  color: white;
  margin-bottom: 0px;
  padding: 20px;
  text-align: center;
}

.video-caption {
  text-align: left;
  font-weight: 600;
  padding: 10px 0px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 1.3rem;
}

.map-key {
  margin-bottom: -4em !important;
}

.retail-page .wrapper-count-up {
  position: relative;
}
.retail-page .wrapper-count-up .grid-container {
  position: relative;
}
.retail-page .wrapper-count-up::before {
  content: "";
  position: absolute;
  left: -50%;
  right: -50%;
  background-color: #E36063;
  top: 0;
  bottom: 0;
}

.news-hero {
  position: relative;
  background-color: #1B3744;
  text-align: left;
}
.news-hero .background-image {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 50%;
}
.news-hero .hero-text {
  padding-bottom: 4em;
}
.news-hero .date, .news-hero .description, .news-hero span, .news-hero p {
  color: white !important;
  font-size: 2.5vh;
}
.news-hero .date {
  font-size: 1.8vh;
  font-weight: bold;
  text-transform: uppercase;
}
.news-hero h1 {
  color: #faefca;
  font-size: 6.5vh;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: none;
  text-align: left;
}
.news-hero:after {
  display: none;
}

.wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4 {
  letter-spacing: 3px;
  margin-bottom: 20px;
  padding-bottom: 0px;
}
.wysiwyg-content blockquote {
  font-size: 2.3vh;
  border-left: 5px solid #5db5cb;
  padding: 0px 30px;
  font-style: italic;
}
.wysiwyg-content img {
  display: block;
  max-width: 100%;
  margin: 4em auto;
}

.download-tiles {
  padding: 6em 0em;
}
.download-tiles .standard-btn {
  display: inline-block;
  width: 26%;
  margin: 3% 3% 0px;
  padding: 25px;
}
.download-tiles .standard-btn .svg-icon {
  float: left;
}

.menu-is-open {
  overflow: hidden;
}

.button-search {
  cursor: pointer;
  transition: opacity 0.4s;
  opacity: 1;
}
.button-search:hover, .button-search:focus {
  opacity: 0.6;
}
.button-search .svg-icon {
  width: 20px;
  height: 20px;
}

.main-nav {
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: space-between;
  /*.dropdown-menu {
    display: none;
    z-index: 15;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-33%);
    min-width: 320px;
    width: 100%;
    background-color: $col-main-green;
    padding: 4rem 3rem 3rem;
    list-style: none;
    margin: 0;
    text-align: left;
    li {
      margin: 0px;
      display: inline;
      a{
        display: block;
        color:  $col-light-font !important;
        font-size: 1rem !important;
        padding: 0.6rem 0.6rem;
        transition: .3s ease-out;
        text-transform: capitalize !important;
        font-weight: 400 !important;
        display: flex;
        &:hover {
          color: $col-light-green !important;
        }
      }

      &:last-child {
        border-bottom: 0;
      }
    }

    .inner-menu {
      list-style: none;
      margin: 0;
      border-top: 1px solid rgba(blue, 0.2);

      li {
        border-bottom: 1px solid rgba(blue, 0.2);

        &:last-child {
          border-bottom: 0;
        }

        a {
          position: relative;
          display: block;
          color: #fff;
          font-weight: 500;
          font-size: 0.88rem;
          line-height: 1.2;
          padding: 0.5rem 0.5rem 0.5rem 1.8rem;
          border-radius: 3px;
          transition: 0.3s ease-out;

          &:before {
            font-size: 0.65rem;
            position: absolute;
            left: 0.7rem;
            top: 50%;
            transform: translateY(-50%);
          }

          &:hover {
            background-color: #0b5987;
            color: #fff;
          }
        }
      }
    }
  }*/
}
.main-nav--left {
  margin-right: 4%;
}
.main-nav--right {
  margin-left: 11%;
}
.main-nav li {
  position: relative;
  display: inline-block;
  margin-top: 22px;
}

.mobile-nav-dropdown {
  position: relative;
}
.mobile-nav-dropdown::after {
  content: "";
  background: url(../assets/icons/chevron-right.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 18px;
  right: 0;
  width: 20px;
  height: 20px;
}

.inner-mobile-nav {
  display: none;
}

.search-close {
  background-color: #f2f2f2;
  height: 30px;
  width: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-top: 7px;
  margin-left: 10px;
  cursor: pointer;
  transition: opacity 0.4s;
  opacity: 1;
}
.search-close:hover, .search-close:focus {
  opacity: 0.6;
}

.search-dropdown,
.mega-menu {
  position: absolute;
  top: 98px;
  background-color: #5EB5CB;
  width: 100%;
  padding: 1rem 0.75rem;
  z-index: 100;
  height: calc(100vh - 100px);
}
.search-dropdown .options,
.mega-menu .options {
  margin-top: 2rem;
}
.search-dropdown .mobile-nav ul,
.mega-menu .mobile-nav ul {
  list-style-type: none;
  padding-top: 0.5rem;
  text-align: center;
}
.search-dropdown .mobile-nav ul a,
.mega-menu .mobile-nav ul a {
  color: #E6F0F5;
  display: block;
  padding: 1rem 0;
  text-transform: uppercase;
  font-size: 2.2rem;
  font-weight: 100;
  letter-spacing: 4px;
}
.search-dropdown .mobile-tel,
.mega-menu .mobile-tel {
  display: flex;
  align-items: baseline;
}
.search-dropdown .search,
.mega-menu .search {
  display: flex;
  padding-bottom: 1rem;
}
.search-dropdown .search input,
.mega-menu .search input {
  margin: 0;
  height: 42px;
  padding-right: 76px;
  font-size: 0.9em;
  transition: background-color 0.3s ease-in-out;
  box-shadow: none;
  border: solid 1px lightgrey;
  background-color: white;
}
.search-dropdown .search .button-search,
.mega-menu .search .button-search {
  width: 40px;
  height: 42px;
  display: flex;
  background-color: #5a5a5a;
  justify-content: center;
  align-items: center;
}

.search-dropdown {
  display: none;
  z-index: 100;
  top: 0px;
  background-color: white;
}

.search-background,
.mega-menu-bg {
  width: 100%;
  height: 100vh;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background: transparent;
  position: absolute;
  top: 0px;
  cursor: pointer;
  z-index: 100;
}

.search-background {
  display: none;
  margin-top: 0rem;
  z-index: 100;
  top: 0px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background: rgba(47, 47, 47, 0.6);
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3rem 0;
}
.pagination li {
  margin: 0 0.5rem;
}
.pagination li a {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0px;
  border-radius: 50%;
  color: #545454;
  transition: background-color 0.3s;
  transition: opacity 0.4s;
  opacity: 1;
}
.pagination li a:hover, .pagination li a:focus {
  opacity: 0.6;
}
.pagination .current {
  background-color: transparent;
  font-size: 1.5rem;
  border-radius: 50%;
  color: #545454;
  opacity: 0.6;
  font-weight: bold;
  padding: 0px;
}
.pagination button {
  border-radius: 0;
  background-color: transparent;
  font-weight: bold;
}
.pagination .disabled {
  padding: 0;
  cursor: unset;
  opacity: 0.4;
}
.pagination .pagination-next a:hover,
.pagination .pagination-previous a:hover {
  opacity: 0.6;
  background-color: transparent;
}
.pagination .pagination-previous a::before,
.pagination .pagination-previous.disabled::before {
  display: none;
}
.pagination .pagination-next a::after,
.pagination .pagination-next.disabled::after {
  display: none;
}

.swiper-button-next, .swiper-button-prev {
  border-radius: 50% !important;
  width: 50px !important;
  padding: 31px !important;
}

.swiper-pagination-bullet {
  width: 13px !important;
  height: 13px !important;
  opacity: 1 !important;
  background-color: white !important;
  opacity: 0.5 !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 25px !important;
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
  width: 15px !important;
  height: 15px !important;
}

.swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wrapper-single-card-swiper {
  background-color: #f4f3f4 !important;
  padding: 8rem 0 3rem !important;
  border-top: solid 1px #bebcbe !important;
}
.wrapper-single-card-swiper .single-card-swiper {
  padding-bottom: 6rem;
}
.wrapper-single-card-swiper .swiper-pagination-bullet {
  background-color: #ddd !important;
  border: solid 1px #fff;
  width: 13px !important;
  height: 13px !important;
  opacity: 1 !important;
}
.wrapper-single-card-swiper .swiper-pagination-bullet-active {
  background-color: #93d50a !important;
  width: 15px !important;
  height: 15px !important;
}
.wrapper-single-card-swiper .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.is-active {
  border-bottom: 5px solid #5fb5cb;
}

/*.accordion {
  list-style: none;
  margin: 0 0 1.5rem 0;

  > li {
    margin-bottom: 0;

    &:first-child {
      .title {
        border-top: 0px;
      }
    }
    &:last-child{
      .title {
        border-bottom: 1px solid #2a242933;
      }
    }
  }

  .title {
    display: block;
    padding: 1rem 1rem 1rem 4.4rem;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.1;
    color: $col-main-green;
    transition: background-color 0.3s;
    position: relative;
    border-top: 1px solid #2a242933;

    &:hover {
      background-color: #dedede;
    }
    &:before {
      content: "";
      position: absolute;
      width: 35px;
      height: 35px;
      left: 0rem;
      top: 10px;
      background-color: #0f0f0f;
    }

    &:after {
      content: "";
      position: absolute;
      background: url(../assets/icons/plus.svg);
      width:20px;
      height:20px;
      background-size: contain !important;
      background-repeat: no-repeat !important;
      left: 8px;
      top: 18px;
      transition: transform .3s;
    }

    &.active {
      background-color: white;
      transition: transform 1s;
      &:after {
        background: url(../assets/icons/minus.svg);
      }
      &:before {
        background-color: $col-light-green;
      }
    }
  }

  .content {
    color: $col-main-green;
    padding: 2rem 2rem 1.5rem 2rem;
    display: none;
  }
}

.product-grid {
  background-color: white;
  padding: 1rem;
  .img {
    height: 350px;
    @include bg-img(top center, cover);
  }
  .cell {
    padding: 1rem;
  }
  .product-card {
    // padding: 2rem 1rem 3rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 2rem;
    .title {
      font-size: 1.813rem;
      font-weight: bold;
    }
    .cta {
      font-size: 1.188rem;
      font-weight: 600;
      display: flex;
      align-items: center;
    }
  }
}

.product-grid-full {
  .img {
    min-height: 450px;
    width: 100%;
    @include bg-img(top center, cover);
  }
  .cell {
    padding: 0rem;
  }
  .product-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0rem 4rem;
    .title {
      font-size: 2.313rem;
      font-weight: bold;
      color: $col-light-green;
    }
    .excerpt{
      color: $col-light-font;
      list-style-type: disc;
    }
    .cta {
      font-size: 1.188rem;
      font-weight: 600;
      display: flex;
      align-items: center;
      color: $col-light-green;
    }
    &--green{
      background-color: $col-light-green;
      .title {
        color: $col-main-font;
      }
      .excerpt{
        color: $col-main-font;
      }
    }
    &--dark{
      background-color: $col-dark-bg;
    }
    &--white{
      background-color: white;
      .title {
        color: $col-light-green;
      }
      .excerpt{
        color: $col-main-font;
      }
    }
  }
}*/
.offscreen {
  position: absolute;
  left: -999em;
  color: white;
  background-color: black;
}

.standard-btn, button {
  background-color: transparent;
  color: #264653;
  font-size: 1.325rem;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  opacity: 1;
  display: flex;
  padding: 1.2rem;
  border: solid 1px #264653;
  width: -moz-max-content;
  width: max-content;
  transition: border 0.3s, background-color 0.3s, border 0.3s;
}
.standard-btn:hover, button:hover {
  border: solid 1px #264653;
  background-color: #264653;
  color: #E6F0F5;
  cursor: pointer;
}
.standard-btn:hover .svg-icon, button:hover .svg-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.standard-btn .svg-icon, button .svg-icon {
  width: 24px;
  height: 24px;
  position: relative;
  top: 0px;
  left: 10px;
}
.standard-btn--left-reverse, button--left-reverse {
  background-color: #264653;
  color: white;
  padding: 0.75rem 2rem 0.75rem 2rem;
  font-weight: 100;
}
.standard-btn--left-reverse .svg-icon, button--left-reverse .svg-icon {
  left: -10px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.standard-btn--left-reverse:hover, button--left-reverse:hover {
  border: solid 1px #264653;
  background-color: white;
  color: #264653;
}
.standard-btn--left-reverse:hover .svg-icon, button--left-reverse:hover .svg-icon {
  filter: unset;
}
.standard-btn--left-reverse--purple, button--left-reverse--purple {
  border: solid 1px #5EB5CB;
  background-color: #5EB5CB;
}
.standard-btn--left-reverse--purple .svg-icon, button--left-reverse--purple .svg-icon {
  transform: rotate(90deg);
}
.standard-btn--left-reverse--purple:hover, button--left-reverse--purple:hover {
  border: solid 1px #5EB5CB;
  background-color: white;
  color: #5EB5CB;
}
.standard-btn--left-reverse--purple:hover .svg-icon, button--left-reverse--purple:hover .svg-icon {
  filter: brightness(0) saturate(100%) invert(77%) sepia(21%) saturate(935%) hue-rotate(153deg) brightness(82%) contrast(92%);
}
.standard-btn--white, button--white {
  border: solid 1px #5EB5CB;
  background-color: white;
  color: #5EB5CB;
  text-transform: capitalize;
}
.standard-btn--white:hover, button--white:hover {
  border: solid 1px #5EB5CB;
  background-color: #5EB5CB;
  color: white;
}

/*
.green-btn{
  background-color: $col-light-green;
  color: $col-main-font;
  font-size: 0.813rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.4s;
  opacity: 1;
  width: 100%;
  display: block;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: solid 2px $col-light-green;
  transition: border 0.3s, background-color 0.3s, border 0.3s;
  &:hover{
    border: solid 2px $col-light-green;
    background-color: $col-main-green;
    color: $col-light-green;
    cursor: pointer;
  }
}

.button-row {
  padding: 3rem 0;
}

.submit-button{
  color: $col-main-green;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: $col-light-green;
  border-radius: 28px;
  padding: 1.3rem 2.8rem;
  font-size: 0.8rem;
  font-weight: 600;
  border: solid 2px transparent;
  transition: border 0.3s, background-color 0.3s, border 0.3s;
  &:hover{
    border: solid 2px $col-light-green;
    background-color: $col-main-green;
    color: $col-light-green;
    cursor: pointer;
  }
}

.blog-button{
  background-color: $col-main-green;
  color: $col-light-green;
  border: solid 2px transparent;
  transition: border 0.3s, background-color 0.3s, border 0.3s;
  text-transform: uppercase;
  padding: 0.2rem 1.5rem;
  max-width: fit-content;
  font-size: 0.813rem;
  font-weight: 600;
  letter-spacing: 1px;
  &:hover{
    border: solid 2px $col-main-green;
    background-color: $col-light-green;
    color: $col-main-green;
    cursor: pointer;
  }

  &--light-green{
    background-color: $col-light-green;
    color: $col-main-green;
    &:hover{
      border: solid 2px $col-light-green;
      background-color: $col-main-green;
      color: $col-light-green;
      cursor: pointer;
    }
  }
}

.career-button{
  background-color: $col-white;
  color: $col-main-green;
  padding: 1rem;
  text-transform: uppercase;
  font-size: 0.813rem;
  font-weight: 600;
  letter-spacing: 1px;
  border: solid 2px transparent;
  transition: border 0.3s, background-color 0.3s, border 0.3s;
  &:hover{
    border: solid 2px $col-white;
    background-color: $col-main-green;
    color: $col-white;
    cursor: pointer;
  }
}

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

.download-link{
  display: flex;
  color: $col-light-green !important;
  align-items: baseline;
  font-size: 1rem !important;
  .svg-icon{
    margin-left: 2px;
  }
}

.cta-link{
    font-size: 1.188rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-top:1rem;
    &--dark{
      color: $col-light-green;
      &:hover{
        color: $col-light-green;
      }
    }
    &--light{
      color: $col-main-green;
      &:hover{
        color: $col-main-green;
      }
    }
    @include hover-fade;
}*/
/*.ehcards {
  .cell {
    display: flex;
    align-items: stretch;
  }
}

.wrapper-accessories-section{
  .standard-card {
    .content {
      padding-bottom: 5rem;
    }
  }
}

.project-card{
  margin: 0.5rem;
  display: block;
  .title{ 
    color:$col-light-green;
    font-size: 30px;
    margin-top: 14px;
    margin-bottom: 2px;
    font-weight: 400;
  }
  .category{ 
    color: #b5b3b3;
    margin-bottom: 20px;
  }
  .project-image{
    height: 425px;
    display: block;
    @include bg-img(top center, cover);
  }
  @include hover-fade;
}

.standard-card {
  display: block;
  position:relative;
  .content {
    color: white;
    .title {
      font-size: 1.813rem;
      margin: 1.5rem 0;
      color: $col-light-green;
      font-weight: bold;
    }
    .excerpt {
      font-size: 1rem;
      line-height: 1.5rem;
      color: #cccaca;
      height: auto;
    }
    ul.excerpt{
      list-style-type: disc;
      margin-left:1rem;
    }
  }
  a{
    position:absolute;
    bottom:0;
  }
  .img {
    height: 230px;
    @include bg-img(top center, cover);
  }
  &--square-img{
    .img{
      height: 320px;
    }
  }
  &--double-title{
    .content{
      .title{
        padding: 0;
        line-height: 0.5;
        margin: 30px 0 0;
      }
      .card-sub-title{
        color: $col-light-green;
        margin-bottom: 16px;
      }
    }
  }
}

.white-card {
  display: block;
  @include hover-fade;
  .content {
    color: $col-main-font;
    .title {
      font-size: 1.813rem;
      margin: 1.5rem 0;
      color: $col-main-font;
      font-weight: bold;
    }
    .excerpt {
      font-size: 1rem;
      line-height: 1.5rem;
      color: $col-main-font;
      height: auto;
      min-height: 150px;
    }
  }
  .img {
    height: 250px;
    @include bg-img(top center, cover);
  }
}

.single-card-swiper{
  .left-side{
    padding: 0 5rem 0 0;
    position:relative;
    &::after{
      content: "";
      width: 1px;
      height: 125px;
      background-color: $col-light-green;
      position: absolute;
      right: 2rem;
      top: 56px;
    }
  }
  .content {
    color: $col-main-font;
    .title {
      font-size: 1.813rem;
      margin: 1.5rem 0;
      color: $col-main-font;
      font-weight: bold;
    }
    .excerpt {
      font-size: 1rem;
      line-height: 1.5rem;
      color: $col-main-font;
      height: auto;
      min-height: 150px;
    }
  }
  .img {
    height: 250px;
    @include bg-img(top center, cover);
  }
}

.brand-card{
  display: block;
  padding: 1.5rem;
  .title {
    font-size: 1.813rem;
    margin: 1.5rem 0;
    color: $col-light-green;
    font-weight: bold;
  }
  .excerpt {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #a6a6a6;
    height: auto;
    min-height: 150px;
  }
  .cta{
    font-size: 1.188rem;
    color: #a6a6a6;
    display: flex;
    font-weight: 600;
    @include hover-fade;
  }
}

.download-card{
  background-color: #50444e;
  min-height: 85px;
  width:100%;
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
  align-items: flex-end;
  font-size: 1.125rem;
  .doc-name{
    max-width: 80%;
    color: $col-light-green;
    font-weight: 100;
    line-height: 1.25;
    .email-title{
      font-size: 1.438rem;
      color: $col-main-green;
      font-weight: 400;
      padding-bottom: 10px;
    }
    .emailaddr{
      font-size: 1.188rem;
      color: $col-main-green;
      font-weight: 400;
    }
  }
  &--email{
    background-color: $col-light-green;
  }
  .svg-icon{
    margin: 0.5rem;
  }
  @include hover-fade;
}

.post-image{
  display: block;
  height: 450px;
  @include bg-img(top center, cover);
}

.blog-post-card{
  background-color: $col-light-green;
  display:none;
  height: 450px;
  padding:2rem;
  color: $col-main-font;
  line-height: 1.5;
  .date{ font-size: 1rem; }
  .name{ font-size: 2.188rem; line-height: 1.3; }
  .excerpt{ font-size: 1rem; }
  .cta{ 
    font-size: 1rem; 
    font-weight: bold;
    @include hover-fade;
  }
}

.career-card{
  background-color: $col-dark-bg;
  padding: 3rem;
  position: relative;
  .content{
    margin-bottom: 6.5rem;
    .title{
      font-size: 1.938rem;
      color: $col-light-green;
      font-weight: 600;
      margin-bottom: 12px;
    }
    .excerpt{
      font-size: 1rem;
      color: $col-light-font;
    }
  }
  a{
    position: absolute;
    bottom: 3rem;
  }
}

*/
/*wysiwyg area*/
/*.wysiwyg {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 1rem;
    font-weight: 600;
    text-align: left;
    color: $col-heading-font;
  }

  .section-title {
    margin: 2rem 0;
    &::after {
      content: none;
    }
  }
  h1 {
    font-size: 1.8625rem;
  }

  h2 {
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-size: 1.8625rem;
  }

  h3 {
    font-size: 1.7625rem;
  }

  h4 {
    font-size: 1.3625rem;
  }

  h5 {
    font-size: 1.2625rem;
  }

  h6 {
    font-size: 1rem;
  }

  p {
    font-family: $font-primary;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 21px;
    margin: 1.25rem 2rem 1.25rem 0;
    color: $col-main-font;
    &.lead {
      font-family: $font-primary;
      font-size: 1.5rem;
      line-height: 34px;
      margin: 0;
      font-weight: 300;
      position: relative;
      color: $col-main-font;
    }
  }

  a {
    color: $col-main-font;
    position: relative;
    font-size: 1.5rem;
    font-weight: 600;
    &:hover {
      opacity: 0.6;
    }
  }

  ol,
  ul {
    padding: 0rem 0 1rem 1.4rem;
    margin-bottom: 1.8rem;
    margin-left: 0;
    position: relative;
    list-style-type: disc;
    font-family: $font-primary;
    li {
      font-style: normal;
      font-weight: normal;
      font-size: 1rem;
      line-height: 30px;
    }
  }

  ol {
    list-style-type: auto;
  }

  .ul {
    list-style: disc;
  }

  img {
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;

    &.right {
      float: right;
      width: 30%;
      margin-left: 1rem;
    }

    &.left {
      float: left;
      width: 30%;
      margin-right: 1rem;
    }
  }

  img[style*="float: left"] {
    margin: 1rem 1.5rem 1rem 0;
    width: 300px;
  }

  img[style*="float: right"] {
    margin: 1rem 0 1.5rem 1rem;
    width: 300px;
  }

  hr {
    margin: 1.5rem auto 1.5rem auto;
    border-color: $col-light-green;
  }

  table {
    width: 100% !important;
    position: relative;
    border: solid 3px transparent;

    caption {
      text-align: left;
      font-weight: 700;
      color: $col-main-font;
      display: none;
    }

    th {
      font-size: 1rem;
      font-weight: 400;
      color: $col-main-font !important;
      border-bottom: solid 2px $col-light-green;
    }

    tr{
      border-bottom: solid 2px $col-light-green;
    }

    td {
      font-size: 1rem;
      font-weight: 400;
      vertical-align: top;
    }

    tfoot,
    thead {
      background-color: unset;
      border-bottom: solid 2px $col-light-green;
    }

    tbody tr:nth-child(even) {
      background-color: unset;
    }
  }

  blockquote {
    position: relative;
    z-index: 1;
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: $col-main-font;
    margin: 1rem 0;
    padding: 0;
    border-left: 0px;
    background-color: $col-light-green;
    padding: 1rem 2rem;
  }

  .fluid-width-video-wrapper {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border: none;
    margin-bottom: 2rem;
  }

  .location-pin {
    font-style: normal;
    font-size: 14px;
    line-height: 160%;
    text-decoration-line: underline;
    color: $col-light-green;
  }

  .date {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.01em;
    text-transform: capitalize;
  }
}

.wysiwyg-header {
  .label-link {
    display: flex;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    width: fit-content;
    .svg-icon {
      margin-top: 2px;
    }
    &::after {
      width: calc(100% - 1rem);
      margin-left: 1rem;
    }
  }
}

.wrapper-blog-post{
  .section-title {
    font-size: 2rem;
    line-height: 50px;
  }
  img{
    padding: 2rem 0;
  }
  p{
    color: #cccaca;
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 100;
    padding:1rem 0;
  }
  p.light{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}*/
/*.item-group{
  margin-bottom: 2rem;
  textarea,
  input{
    background-color:#50444e;
    border: 0;
    padding:1.75rem;
    color: #b9b9b9;
  }
  textarea{
    height: 150px;
  }
  #file-upload{
    padding: 1.15rem;
  }
}

.form-list-item {
  display: flex;
  justify-content: space-between;
  .form-item {
    width: 48%;
  }
}

/*general forms*/
/*.form-general {
  margin-bottom: 1em;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 1rem;
    font-weight: 600;
    text-align: left;
    color: $col-main-font;
  }

  h1 {
    font-size: 1.8625rem;
  }

  h2 {
    font-size: 1.8625rem;
  }

  h3 {
    font-size: 1.7625rem;
  }

  h4 {
    font-size: 1.3625rem;
  }

  h5 {
    font-size: 1.2625rem;
  }

  h6 {
    font-size: 1rem;
  }

  hr {
    margin: 1.5rem auto 1.5rem auto;
    border-color: #e4e4e4;
  }

  li {
    margin-bottom: 0.6em;
  }

  label,
  legend {
    color: $col-text-form-label;
    font-weight: 400;
    font-size: 1rem;
    display: inline-block;
    margin-bottom: 0.3em;
  }

  input,
  select {
    background-color: $col-form-input-bg;
    border: 0;
    box-shadow: none !important;
    font-size: 1rem;
    margin-bottom: 0;
    margin-bottom: 0.8em;
    background-color: white;
    border: solid 1px #d7dadd;

    &[type="file"],
    &[type="checkbox"],
    &[type="radio"] {
      box-shadow: none;
    }

    &[type="number"] {
    }
  }

  select {
    background-color: $col-form-input-bg;
  }

  textarea {
    background-color: white;
    height: 100px;
  }

  fieldset {
    label {
      display: inline-block;
      font-weight: 400;
      font-size: 1rem;
    }
  }

  .checkbox-list {
    background-color: #f3f3f3;
    padding: 0.8rem 1.2rem;
    border-radius: 3px;
    border: 1px solid $col-text-form-label;

    label {
      font-family: $font-primary;
      font-size: 0.98rem;
    }

    input[type="checkbox"],
    input[type="radio"] {
      margin-bottom: 0.6rem;
      margin-right: 0.3rem;
    }
  }

  .error-field {
    border-color: $col-form-error;
    background-color: lighten($col-form-error, 68%);
  }

  .error-text {
    display: block;
    color: $col-form-error;
    font-size: 0.92rem;
    margin-top: -0.8rem;
    margin-bottom: 1rem;
  }
}

.msg-sent-ok {
  display: none;
  background-color: orange;
  color: $col-main-green;
  padding: 1rem;
  margin-bottom: 1rem;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  p {
    margin: 0;
    padding: 0;
  }
}

.msg-validation-error {
  display: none;
  background-color: red;
  color: white;
  padding: 1rem;
  margin-bottom: 1rem;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  p {
    margin: 0;
    padding: 0;
  }
}*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

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

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

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

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

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

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

.owl-carousel .active {
  opacity: 1;
}

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

.owl-nav .disabled {
  opacity: 0.65;
  cursor: default !important;
}

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

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

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

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

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  background-color: #fff;
  padding: 0.5rem 0.7rem !important;
  border-radius: 50%;
  margin: 0 5rem;
}
.owl-carousel .owl-nav button.owl-prev .chevron-right-icon {
  transform: rotate(180deg);
  margin-top: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

/* Small only */
@media screen and (max-width: 39.9375em) {
  .wysiwyg img.right,
  .wysiwyg img.left {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .wysiwyg p {
    margin-right: 0rem;
  }
  .main-menu-section {
    padding: 1.5rem 1rem;
    align-items: center;
  }
  h2 {
    font-size: 3rem;
    font-weight: 700;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.35rem;
  }
  .mega-menu {
    top: 0;
    height: initial;
    z-index: 99999;
    padding-top: 20vh;
    padding-bottom: 130px;
    position: fixed;
    bottom: 0;
  }
  .mega-menu .grid-container {
    padding: 0px;
  }
  .wrapper-header-main .video-container {
    max-height: 350px;
  }
  .wrapper-header-main .video-container .hero-text {
    max-width: 300px;
  }
  .home-intro-wrapper {
    padding-bottom: 8rem;
    padding-top: 5rem;
  }
  .ourvision-wrapper {
    padding-top: 3rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .ourvision-wrapper h4 {
    padding-bottom: 1rem;
  }
  .ourvision-wrapper .video-container {
    max-height: 350px;
  }
  .ourvision-wrapper .video-container video {
    width: 100%;
  }
  .ourvision-wrapper .video-container .controls {
    display: none;
    left: 2rem;
    bottom: 2rem;
  }
  .ourvision-wrapper .video-container .controls li button .pause-icon,
  .ourvision-wrapper .video-container .controls li button .play-icon {
    transform: scale(2);
  }
  .wrapper-count-up {
    padding: 4rem 4rem 2rem 4rem;
  }
  .wrapper-count-up .fact {
    text-align: center;
    margin-bottom: 2rem;
  }
  .swiper-container-wrapper {
    max-height: 25rem;
  }
  .carousel-wrapper h3 {
    padding: 1rem 2rem;
    font-size: 1.688rem;
    font-weight: 700;
  }
  .quote-wrapper {
    margin: 2rem 0em;
    padding-top: 4rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .quote-wrapper strong {
    font-size: 1.1rem;
  }
  .certified-wrapper {
    text-align: center;
    padding-top: 5rem;
  }
  .certified-wrapper h2 {
    font-size: 2rem;
  }
  .certified-wrapper h3 {
    font-size: 3rem;
  }
  .certified-wrapper h4 {
    padding-bottom: 3rem;
  }
  .vision-inspired-wrapper .middle-row p {
    font-weight: 100;
    font-size: 1.5rem;
  }
  .vision-inspired-wrapper .image-row {
    margin: 0 2rem;
  }
  .vision-inspired-wrapper .button-row .buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: -moz-fit-content;
    height: fit-content;
  }
  .standard-btn {
    width: 100%;
    justify-content: center;
    margin-bottom: 1rem;
  }
  .standard-btn--white {
    width: 95%;
  }
  .wrapper-footer {
    padding: 4rem 3rem 4rem 3rem;
  }
  .wrapper-footer .logo {
    padding: 0;
    max-width: 12rem;
  }
  .wrapper-footer .terms {
    justify-content: center;
    padding-top: 2rem;
  }
  .wrapper-footer .terms ul {
    align-items: center;
    flex-direction: column;
  }
  .wrapper-footer .menu {
    padding: 5rem 0rem 3rem 0;
    justify-content: center;
  }
  .wrapper-footer .menu ul {
    flex-flow: column;
    align-items: center;
  }
  .wrapper-footer .menu ul li a {
    padding: 1.5rem 2rem 0;
  }
  .form-wrapper .title {
    font-size: 3.5rem;
    padding: 2.5rem 0;
  }
  .form-wrapper .enquiry-form {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 4rem;
  }
  .news-cards-wrapper {
    padding: 0 0rem;
  }
  .news-header-wrapper {
    padding: 4rem 1rem 4rem 1rem;
  }
  .news-header-wrapper h1 {
    font-size: 4.438rem;
  }
  .news-header-wrapper h2 {
    font-size: 4rem;
    padding-top: 3rem;
    padding-left: 0;
  }
  .news-header-wrapper ul li {
    font-size: 1.5rem;
  }
  .news-filter-wrapper .elements {
    flex-direction: column;
    align-items: center;
  }
  .news-filter-wrapper .standard-btn {
    height: -moz-fit-content;
    height: fit-content;
    max-height: 52px;
    white-space: nowrap;
    margin-bottom: 0;
    width: 95%;
    margin-left: unset;
  }
  .news-filter-wrapper select {
    width: 95%;
  }
  .wrapper-header-main .logo {
    height: 44px;
  }
  .sustainability-tiles {
    padding: 2em 1em;
  }
  .default-columns .cell {
    margin-bottom: 20px;
  }
  h1 {
    font-size: 2.4rem;
    line-height: 3rem;
    letter-spacing: 4px;
    word-wrap: break-word;
  }
  h1 b {
    margin: 0px;
    font-size: inherit;
    line-height: inherit;
    border: 0px;
    vertical-align: initial;
  }
  h2 {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: 5px;
  }
  h3 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .text-section {
    padding: 3em 0em;
  }
  .grid-container.full {
    padding-left: 1em;
    padding-right: 1em;
  }
  .fixed-header .main-menu-section {
    padding: 1.5rem 1rem;
  }
  .fixed-header .main-menu-section {
    padding: 1.5rem 1rem;
  }
  body .mega-menu ul a {
    color: #ffffff;
    display: block;
    padding: 1rem 0;
    text-transform: uppercase;
    font-size: 30px !important;
    font-weight: 600;
    letter-spacing: 2px;
  }
  .news-header-wrapper h2 {
    letter-spacing: 10px;
  }
  .news-filter-wrapper h2 {
    font-size: 2.5rem;
  }
  body .mega-menu ul a {
    padding-top: 26px !important;
    padding-bottom: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    line-height: initial !important;
  }
  .grid-container, hr {
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 100%;
  }
  .wrapper-count-up .fact .value-txt, .wrapper-count-up .fact .value, .wrapper-count-up .fact .units {
    font-size: 3rem;
  }
  .wrapper-count-up .fact .description {
    font-size: 0.9rem;
  }
  .wrapper-count-up .fact {
    margin-bottom: 2rem;
    text-align: left;
    padding-right: 25px;
  }
  .wrapper-count-up .fact .units {
    justify-content: left;
  }
  .swiper-button-next, .swiper-button-prev {
    top: 20px !important;
  }
  .gallery-title {
    font-size: 14px;
  }
  .quote-wrapper {
    padding: 2em 0.5em;
  }
  .text-image-section p:last-child {
    margin-bottom: 0px;
  }
  .text-section h3 {
    font-size: 1.3rem;
  }
  .quote-wrapper blockquote {
    font-size: 1.1rem;
    color: #264653;
    font-weight: bold;
    letter-spacing: 2px;
    border: 0;
    padding-bottom: 2.5rem;
    position: relative;
  }
  .quote-wrapper blockquote::before {
    padding: 0px;
    width: initial;
    left: 0.5em;
    top: 0;
  }
  .text-section h2 {
    padding-bottom: 0em;
  }
  .vision-inspired-wrapper .image-row {
    margin: 0 1rem;
  }
  .vision-inspired-wrapper .image {
    height: 300px;
    margin-bottom: 1em;
  }
  .vision-inspired-wrapper .image-row .content h5 {
    font-size: 1.3rem;
  }
  .vision-inspired-wrapper .middle-row {
    margin: 1em 1em 2em;
    padding: 3em 1em;
  }
  .vision-inspired-wrapper .middle-row p {
    font-size: 1.1rem;
  }
  .enquiry-box {
    padding: 2em;
    background-color: #12303c;
    color: white;
    text-align: center;
    margin-top: 2em;
  }
  .enquiry-box .grid-container {
    padding: 0px;
  }
  .enquiry-box .standard-btn {
    display: flex;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
  }
  .wrapper-footer {
    padding: 3em 1em;
  }
  .wrapper-footer .logo img {
    display: none;
  }
  .wrapper-footer .menu ul li {
    width: 100%;
  }
  .wrapper-footer .menu ul li a {
    padding: 0px;
    font-size: 20px;
    padding-bottom: 10px;
    text-align: left;
  }
  .wrapper-footer .menu {
    padding: 0px;
  }
  .wrapper-footer .social-icons {
    padding: 0px 16px 33px;
  }
  .wrapper-footer .align-right {
    text-align: left;
  }
  .wrapper-footer .align-right li {
    text-align: left;
  }
  .wrapper-footer .align-right li a {
    color: #ffffff;
    text-decoration: underline;
  }
  .wrapper-count-up .grid-container.full {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .wrapper-count-up {
    padding: 2rem;
  }
  .wrapper-count-up .counter-title h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .wrapper-count-up .counter-title h2 .number {
    font-size: 6rem;
    line-height: 6rem;
  }
  .wrapper-count-up .counter-title h2 .number {
    width: 23%;
  }
  .office-carousel {
    overflow: hidden;
  }
  .office-carousel .swiper-container {
    overflow: visible;
  }
  .office-carousel .gallery-title {
    max-width: 100%;
    padding: 3em;
    top: initial;
    position: relative;
    margin-top: 200px;
  }
  .office-carousel .swiper-slide {
    min-height: 500px;
  }
  .office-carousel .gallery-title h3, .office-carousel .gallery-title h4 {
    font-size: 2rem;
    line-height: normal;
  }
  .office-carousel .gallery-title p {
    font-size: 1.2rem;
  }
  .office-carousel .swiper-container-wrapper {
    max-height: initial !important;
    height: initial !important;
  }
  .office-carousel .swiper-slide {
    background-size: 130%;
    background-position: top;
    background-repeat: no-repeat;
  }
  .tabs-title {
    display: block;
    text-align: center;
    width: 100%;
  }
  .text-section .image-text::before {
    display: none;
  }
  .text-section .image-text {
    background-color: rgba(0, 0, 0, 0);
  }
  .enquiry-box h3 {
    font-size: 1.6rem;
  }
  .counter-title {
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 2em;
  }
  .swiper-backface-hidden .swiper-slide {
    background-color: #5fb5cb;
  }
  .office-carousel .swiper-pagination {
    display: none;
  }
  .office-carousel .grid-container.full {
    padding: 0px;
  }
  .tabs-container {
    border: 0px;
  }
  .tabs-container .tabs .tabs {
    padding: 0em;
  }
  .tabs-container .tabs-content img {
    margin-bottom: 2em;
  }
  .tabs-panel {
    padding-top: 2em !important;
  }
  .standard-btn {
    font-size: 1rem;
  }
  .carousel-wrapper .carousel-title {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .carousel-wrapper .grid-container.full {
    padding: 0px;
  }
  .carousel-wrapper .swiper-button-next, .carousel-wrapper .swiper-button-prev {
    top: 6em !important;
  }
  .carousel-title {
    padding-bottom: 0px;
  }
  .office-carousel .swiper-button-next {
    left: initial;
    bottom: 3em !important;
    top: 8em !important;
    right: 2em;
  }
  .office-carousel .swiper-button-prev {
    left: 2em;
    bottom: 3em !important;
    top: 8em !important;
  }
  footer p {
    font-size: 1rem;
  }
  h3 {
    line-height: normal;
  }
  .order-2 {
    order: 1;
  }
  .text-image-section {
    padding-left: 1em;
    padding-right: 1em;
  }
  .text-image-section .content {
    padding: 2em 0em;
  }
  p {
    font-size: 1.2rem;
  }
  .retail-page .enquiry-box {
    padding-top: 3em;
    padding-bottom: 3em;
    background-color: #274653;
  }
  .retail-page .retail-contact-info {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 4em;
  }
  .retail-page .text-section .image-text::before {
    display: block;
  }
  .news-filter-wrapper .grid-container {
    padding: 0em 1.5em 2em;
  }
  .form-container .contact-info {
    padding: 3em 2em;
  }
  .form-container .form {
    padding: 4em 0em;
    background-color: rgba(0, 0, 0, 0);
  }
  [type=text], select, textarea, [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
    border: 1px solid black;
  }
  .download-tiles {
    padding: 3em 0em;
  }
  .download-tiles .standard-btn {
    display: inline-block;
    width: 100%;
    margin: 0px;
    margin-bottom: 20px;
    padding: 25px;
  }
  .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4 {
    letter-spacing: 1px;
  }
  .news-hero .background-image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    height: 500px;
    background-size: cover;
    background-position: center;
  }
  .news-hero .hero-text {
    padding-bottom: 2em;
    padding-top: 550px;
  }
  .news-hero h1 {
    font-size: 4.5vh;
  }
}
/*iphone x etc*/
/* very small */
@media screen and (max-width: 410px) {
  .form-wrapper .title {
    font-size: 2rem;
    padding: 2rem 0;
  }
  .news-header-wrapper h2 {
    font-size: 3rem;
  }
}
/* Medium and up */
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .enquiry-box {
    background-color: white;
    padding: 3em 2em;
    text-align: center;
    margin-top: 3em;
  }
  .enquiry-box .text-right {
    text-align: center;
  }
  .main-menu-section {
    padding: 2rem 2.5rem;
  }
  .home-intro-wrapper h2 {
    font-size: 3rem;
  }
  .home-intro-wrapper h3 {
    font-size: 1.5rem;
  }
  .home-intro-wrapper h4 {
    font-size: 1.35rem;
  }
  .wrapper-header-main .video-container {
    max-height: 550px;
  }
  .wrapper-header-main .video-container .hero-text {
    max-width: 400px;
  }
  .ourvision-wrapper {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .ourvision-wrapper .video-container {
    max-height: 450px;
  }
  .ourvision-wrapper .video-container video {
    width: 100%;
  }
  .ourvision-wrapper .video-container .controls {
    display: none;
    left: 2rem;
    bottom: 2rem;
  }
  .ourvision-wrapper .video-container .controls li button .pause-icon,
  .ourvision-wrapper .video-container .controls li button .play-icon {
    transform: scale(2);
  }
  .wrapper-count-up {
    padding: 4rem 4rem 4rem 4rem;
  }
  .wrapper-footer {
    padding: 4rem 3rem 4rem 3rem;
  }
  .wrapper-footer .logo {
    padding: 0;
    max-width: 12rem;
  }
  .wrapper-footer .terms {
    justify-content: center;
    padding-top: 2rem;
  }
  .wrapper-footer .terms ul {
    align-items: center;
    flex-direction: column;
  }
  .wrapper-footer .menu {
    padding: 5rem 0rem 3rem 0;
    justify-content: center;
  }
  .wrapper-footer .menu ul {
    flex-flow: column;
    align-items: center;
  }
  .wrapper-footer .menu ul li a {
    padding: 1.5rem 2rem 0;
  }
  .mega-menu {
    top: 0;
    height: calc(100vh - 100px);
    z-index: 999999;
    padding-top: 220px;
  }
  .form-wrapper aside .right-panel {
    margin-top: 0rem;
  }
  .form-wrapper .enquiry-form {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 4rem;
  }
  .news-header-wrapper {
    padding: 4rem 0rem 4rem 2rem;
  }
  .news-header-wrapper h1 {
    font-size: 3.5rem;
  }
  .news-header-wrapper h2 {
    padding-left: 0rem;
    font-size: 4rem;
  }
  .news-cards-wrapper {
    padding: 0;
  }
  /*.top-bar-tel-icon {
    transform: scale(1.2) scaleX(-1);
  }

  .home-card {
    flex-direction: column;
    padding-bottom: 1rem;
  }

  .upper-footer {
    border-bottom: 0px;
    padding: 4rem 0 0rem;
    .cell {
      margin-bottom: 2rem;
    }
  }

  .hero-sub-heading {
    padding-top: 12rem;
    font-size: 2rem;
  }

  .carousel-title {
    font-size: 3rem;
    line-height: 1;
  }

  .carousel-link {
    padding: 0;
    a {
      font-size: 2rem;
    }
  }

  .post-image {
    position: relative;
    margin-bottom: 450px;
  }

  .blog-post-card {
    position: absolute;
    top: 450px;
    display: block !important;
  }

  .product-grid-full .product-card {
    padding: 2rem 4rem;
  }



  // .wrapper-footer-main {
  //   .queens-info {
  //     text-align: center;
  //   }
  //   .footer-upper {
  //     padding-bottom: 0;
  //     .location-phone {
  //       border-top: solid 1px #484848;
  //       padding-top: 2rem;
  //       margin-top: 2rem;
  //     }
  //     .info {
  //       border-bottom: solid 1px #484848;
  //       padding-bottom: 2rem;
  //       margin-bottom: 2rem;
  //     }
  //   }
  //   .footer-logo {
  //     padding: 2rem 1.5rem;
  //   }
  //   .content {
  //     padding: 2rem 1rem 0;
  //   }
  //   .footer-menus {
  //     margin-top: 1.5rem;
  //     border-top: solid 1px #c5f83a24;
  //     padding: 2rem 1.5rem 0.75rem;
  //   }
  //   .footer-contact {
  //     margin-top: 1.5rem;
  //     border-top: solid 1px #c5f83a24;
  //     padding: 2rem 1.5rem;
  //   }
  // }

  // .wrapper-footer-base {
  //   .footer-base {
  //     text-align: center;
  //     .copyright {
  //       padding: 0.75rem 0 1.75rem;
  //     }
  //     .terms {
  //       display: flex;
  //       justify-content: center;
  //     }
  //     .social {
  //       display: flex;
  //       justify-content: center;
  //       padding: 1rem 0 0;
  //     }
  //   }
  // }

  .mega-menu {
    top: 140px;
  }*/
  .wrapper-footer .menu ul li {
    width: 49%;
    display: inline-block;
  }
  .wrapper-footer .menu ul li a {
    padding-right: 0px;
  }
  .wrapper-footer .menu {
    padding: 0px !important;
  }
  .wrapper-footer {
    padding: 4rem 2rem 1em;
  }
  .wrapper-footer .menu ul li a {
    font-size: 1.275rem;
    padding-top: 20px !important;
  }
  .wrapper-footer .menu ul {
    padding: 0px;
    margin: 0px;
    border: 0px;
  }
  .wrapper-count-up .grid-container.full {
    padding-left: 2em;
    padding-right: 2em;
  }
  .office-carousel .swiper-container-wrapper {
    flex-flow: initial;
  }
  .office-carousel .gallery-title {
    top: 300px;
    height: initial;
    right: 0;
    max-width: 100%;
    padding: 4rem;
    padding-bottom: 209px;
  }
  .office-carousel .swiper-slide {
    background-size: 92%;
    background-position: top;
  }
  .office-carousel .swiper-pagination, .office-carousel .swiper-button-prev {
    left: 4em !important;
  }
  .office-carousel .swiper-button-next {
    left: 10em;
  }
  .tabs-container .tabs-content img {
    margin-bottom: 2rem;
  }
  .text-image-section .content {
    padding: 3em 0em;
  }
  .order-2 {
    order: 1;
  }
  .news-hero .background-image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    height: 500px;
    background-size: cover;
    background-position: center;
  }
  .news-hero .hero-text {
    padding-bottom: 2em;
    padding-top: 550px;
  }
}
/* Medium  iphone landscape only */
/* max-width 640px, mobile-only styles and landscape */
/* ipad pro */
/* Large and up */
@media screen and (min-width: 64em) {
  /*.pad-left {
    padding-left: 2rem;
  }

  .pad-right {
    padding-right: 2rem;
  }

  .social-footer {
    display: flex;
  }*/
  .mega-menu {
    top: 165px;
  }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .form-wrapper .sidebar {
    padding: 3rem 3rem;
  }
  .form-wrapper .enquiry-form {
    padding-left: 4rem;
  }
  .main-nav--right {
    margin-left: 3%;
  }
}
@media screen and (min-width: 64em) and (max-width: 1300px) {
  .blog-post-card .name {
    font-size: 1.188rem;
    line-height: 1.3;
    font-weight: 600;
  }
}
@media (min-width: 39.9376em) and (max-width: 1350px) {
  .main-nav li {
    text-align: center;
    padding: 0 0.75rem;
  }
}
@media (max-width: 1300px) {
  .wrapper-project-post {
    padding: 0 2rem;
  }
}
@media (min-width: 1024px) {
  .wrapper-footer .terms {
    color: #fff;
    display: flex;
    justify-content: end;
    align-items: end;
  }
  .wrapper-footer .terms ul li a {
    color: #fff;
    padding-top: 2.5rem;
    padding-left: 1.4rem;
  }
}
@media (min-width: 1300px) {
  .terms ul li a {
    padding-left: 0.7rem;
  }
}
.btn-txt-size {
  cursor: pointer;
  line-height: 1;
  border: 2px solid #cacaca;
  height: 28px;
  width: 28px;
  text-align: center;
  margin-right: 5px;
  vertical-align: middle;
}
.btn-txt-size.txt-small {
  font-size: 0.8rem;
}
.btn-txt-size.txt-medium {
  font-size: 1rem;
}
.btn-txt-size.txt-large {
  font-size: 1.25rem;
}
.btn-txt-size.active {
  background-color: #177bb8;
  color: #fff;
  border-color: #177bb8;
}

/* --------------------------------- */
/* ==== High Contrast Overrides ==== */
/* --------------------------------- */
html.access-colour-contrast {
  background-color: #000 !important;
}
html.access-colour-contrast body {
  background-color: #000 !important;
}
html.access-colour-contrast h1, html.access-colour-contrast h2, html.access-colour-contrast h3, html.access-colour-contrast h4, html.access-colour-contrast h5, html.access-colour-contrast h6, html.access-colour-contrast p, html.access-colour-contrast span, html.access-colour-contrast li, html.access-colour-contrast td {
  color: yellow !important;
}
html.access-colour-contrast .switch.small .switch-paddle {
  background-color: #000 !important;
  border: 1px solid yellow !important;
}
html.access-colour-contrast .switch.small .switch-paddle span {
  color: yellow !important;
}
html.access-colour-contrast .switch.small .switch-paddle::after {
  background-color: #000;
}
html.access-colour-contrast .btn-txt-size {
  border-color: yellow;
  color: yellow;
}
html.access-colour-contrast .btn-txt-size.active {
  background-color: yellow;
  color: #000;
}
html.access-colour-contrast .btn-demo {
  border-color: yellow;
  color: yellow;
}
html.access-colour-contrast .btn-demo:hover {
  background-color: yellow;
  color: #000;
  border-color: yellow;
}
html.access-colour-contrast * {
  background-color: #000 !important;
  color: yellow !important;
}
html.access-colour-contrast .grid-container, html.access-colour-contrast .grid-x, html.access-colour-contrast .cell {
  background-color: transparent !important;
}

/* --------------------------------- */
/* ==== Sepia Contrast Overrides ==== */
/* --------------------------------- */
html.access-colour-sepia {
  background-color: #cc9 !important;
}
html.access-colour-sepia body {
  background-color: #cc9 !important;
}
html.access-colour-sepia h1, html.access-colour-sepia h2, html.access-colour-sepia h3, html.access-colour-sepia h4, html.access-colour-sepia h5, html.access-colour-sepia h6, html.access-colour-sepia p, html.access-colour-sepia span, html.access-colour-sepia li, html.access-colour-sepia td {
  color: #009 !important;
}
html.access-colour-sepia .switch.small .switch-paddle {
  background-color: #cc9 !important;
  border: 1px solid #009 !important;
}
html.access-colour-sepia .switch.small .switch-paddle span {
  color: #009 !important;
}
html.access-colour-sepia .switch.small .switch-paddle::after {
  background-color: #000;
}
html.access-colour-sepia .btn-txt-size {
  border-color: #009;
  color: #009;
}
html.access-colour-sepia .btn-txt-size.active {
  background-color: #009;
  color: #cc9;
}
html.access-colour-sepia .btn-demo {
  border-color: #009;
  color: #009;
}
html.access-colour-sepia .btn-demo:hover {
  background-color: #009;
  color: #000;
  border-color: #009;
}
html.access-colour-sepia * {
  background-color: #cc9 !important;
  color: #009 !important;
}
html.access-colour-sepia .grid-container, html.access-colour-sepia .grid-x, html.access-colour-sepia .cell {
  background-color: transparent !important;
}

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

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

.image-2 {
  background-image: url("./../images/temp/Cain-2.webp");
  height: 404px;
}

.image-3 {
  background-image: url("./../images/temp/Cain-3.webp");
  height: 404px;
}

.image-4 {
  background-image: url("./../images/temp/HanoverQuay.webp");
  height: 584px;
}

.image-5 {
  background-image: url("./../images/temp/KW-2.webp");
  height: 584px;
}

.image-6 {
  background-image: url("./../images/temp/KW-3.webp");
  height: 584px;
}/*# sourceMappingURL=main.css.map */