@-ms-viewport {
  width: device-width
}


/*
.animate.fade-down,.animate.fade-in,.animate.fade-left,.animate.fade-right,.animate.fade-up,.animate.fade-zoom,.animate__animated {
  -webkit-transition: all 1.5s ease-in;
  transition: all 1.5s ease-in
}

@media print,(prefers-reduced-motion:reduce) {
  .animate.fade-down,.animate.fade-in,.animate.fade-left,.animate.fade-right,.animate.fade-up,.animate.fade-zoom,.animate__animated {
      -webkit-transition: all 0s ease-in;
      transition: all 0s ease-in
  }

  .animate__animated[class*=Out],[class*=Out].animate.fade-down,[class*=Out].animate.fade-in,[class*=Out].animate.fade-left,[class*=Out].animate.fade-right,[class*=Out].animate.fade-up,[class*=Out].animate.fade-zoom {
      opacity: 0
  }
}

.animate {
  opacity: 0
}

.animate.fade-in {
  opacity: 0
}

.animate.fade-in.inview {
  opacity: 1
}

.animate.fade-left {
  opacity: 0;
  -webkit-transform: translate3d(-50px,0,0);
  transform: translate3d(-50px,0,0)
}

.animate.fade-left.inview {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.animate.fade-right {
  opacity: 0;
  -webkit-transform: translate3d(50px,0,0);
  transform: translate3d(50px,0,0)
}

.animate.fade-right.inview {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.animate.fade-up {
  opacity: 0;
  -webkit-transform: translate3d(0,50px,0);
  transform: translate3d(0,50px,0)
}

.animate.fade-up.inview {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.animate.fade-down {
  opacity: 0;
  -webkit-transform: translate3d(0,-50px,0);
  transform: translate3d(0,-50px,0)
}

.animate.fade-down.inview {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.animate.fade-zoom {
  opacity: 0;
  -webkit-transform: scale3d(.9,.9,.9);
  transform: scale3d(.9,.9,.9)
}

.animate.fade-zoom.inview {
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1)
}

*/

.visually-hidden {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px)
}


@media(min-width: 768px) {
  .grad.top {
      display:block;
      background: -webkit-gradient(linear,left bottom,left top,color-stop(80%,rgba(0,0,0,0)),color-stop(95%,rgba(0,0,0,.8)));
      background: linear-gradient(to top,rgba(0,0,0,0) 80%,rgba(0,0,0,.8) 95%)
  }
}

.grad.right {
  display: none
}

@media(min-width: 768px) {
  .grad.right {
      display:block;
      background: -webkit-gradient(linear,left top,right top,color-stop(90%,rgba(0,0,0,0)),to(rgba(0,0,0,.8)));
      background: linear-gradient(to right,rgba(0,0,0,0) 90%,rgba(0,0,0,.8) 100%)
  }
}

.grad.bottom {
  display: none
}

@media(min-width: 768px) {
  .grad.bottom {
      display:block;
      background: -webkit-gradient(linear,left top,left bottom,color-stop(80%,rgba(0,0,0,0)),color-stop(95%,rgba(0,0,0,.8)));
      background: linear-gradient(to bottom,rgba(0,0,0,0) 80%,rgba(0,0,0,.8) 95%)
  }
}

.grad.left {
  display: none
}

@media(min-width: 768px) {
  .grad.left {
      display:block;
      background: -webkit-gradient(linear,right top,left top,color-stop(90%,rgba(0,0,0,0)),to(rgba(0,0,0,.8)));
      background: linear-gradient(to left,rgba(0,0,0,0) 90%,rgba(0,0,0,.8) 100%)
  }
}

.grad.full {
  display: none
}

@media(min-width: 768px) {
  .grad.full {
      display:block;
      background: rgba(0,0,0,.3)
  }
}

.grad.centre {
  display: none
}

@media(min-width: 768px) {
  .grad.centre {
      display:block;
      background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(40%,rgba(0,0,0,.3)),color-stop(60%,rgba(0,0,0,.3)),to(transparent));
      background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.3) 60%,transparent 100%)
  }
}



.hero-item {
  
  position: relative;
  margin-bottom: 2rem;
  padding: 4rem 2rem;
  z-index: 0;
  overflow: hidden;
}

.hero-item.gradient-full::before,.hero-item.gradient-centre::before,.hero-item.gradient-top::before,.hero-item.gradient-bottom::before,.hero-item.gradient-left::before,.hero-item.gradient-right::before {
  background: rgba(0,0,0,.5)
}

@media(min-width: 768px) {
  .hero-item.gradient-centre::before {
      background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(40%,rgba(0,0,0,0.5)),color-stop(60%,rgba(0,0,0,0.5)),to(transparent));
      background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.5) 60%,transparent 100%)
  }
}

@media(min-width: 768px) {
  .hero-item.gradient-top::before {
      background:-webkit-gradient(linear,left top,left bottom,color-stop(6%,rgba(0,0,0,0.8)),color-stop(15%,rgba(0,0,0,0)));
      background: linear-gradient(to bottom,rgba(0,0,0,0.8) 6%,rgba(0,0,0,0) 15%)
  }
}

@media(min-width: 768px) {
  .hero-item.gradient-bottom::before {
      background:-webkit-gradient(linear,left top,left bottom,color-stop(85%,rgba(0,0,0,0)),to(rgba(0,0,0,0.8)));
      background: linear-gradient(to bottom,rgba(0,0,0,0) 85%,rgba(0,0,0,0.8) 100%)
  }
}

@media(min-width: 768px) {
  .hero-item.gradient-left::before {
      background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.8)),color-stop(70%,rgba(0,0,0,0)));
      background: linear-gradient(to right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%)
  }
}

@media(min-width: 768px) {
  .hero-item.gradient-right::before {
       background:-webkit-gradient(linear,left top,right top,color-stop(30%,rgba(0,0,0,0)),to(rgba(0,0,0,0.8))); 
        background:linear-gradient(to right,rgba(0,0,0,0) 30%,rgba(0,0,0,0.8) 100%); 
  }
}

.hero-item.justify-content-center {
  text-align: center
}

.hero-item.overlay-dark::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 30%;
  z-index: 5;
  content: "";
  background: #1a1a1a;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.9)),to(transparent));
  background: linear-gradient(to bottom,rgba(0,0,0,.9) 0,transparent 100%);
  -webkit-filter: progid:dximagetransform.microsoft.gradient(startColorstr="#e6000000",endColorstr="#00000000",GradientType=0);
  pointer-events: none
}

.hero-item.gradient-bottom::before,.hero-item.gradient-centre::before,.hero-item.gradient-full::before,.hero-item.gradient-left::before,.hero-item.gradient-none::before,.hero-item.gradient-right::before,.hero-item.gradient-top::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 4;
  content: "";
  background: rgba(0,0,0,.3)
}

@media(min-width: 768px) {
  .hero-item.gradient-centre::before {
      background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(40%,rgba(0,0,0,.5)),color-stop(60%,rgba(0,0,0,.5)),to(transparent));
      background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.5) 40%,rgba(0,0,0,.5) 60%,transparent 100%)
  }
}

@media(min-width: 768px) {
  .hero-item.gradient-top::before {
      background:-webkit-gradient(linear,left top,left bottom,color-stop(6%,rgba(0,0,0,.8)),color-stop(15%,rgba(0,0,0,0)));
      background: linear-gradient(to bottom,rgba(0,0,0,.8) 6%,rgba(0,0,0,0) 15%)
  }
}

@media(min-width: 768px) {
  .hero-item.gradient-bottom::before {
      background:-webkit-gradient(linear,left top,left bottom,color-stop(85%,rgba(0,0,0,0)),to(rgba(0,0,0,.8)));
      background: linear-gradient(to bottom,rgba(0,0,0,0) 85%,rgba(0,0,0,.8) 100%)
  }
}

@media(min-width: 768px) {
  .hero-item.gradient-left::before {
      background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.8)),color-stop(70%,rgba(0,0,0,0)));
      background: linear-gradient(to right,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 70%)
  }
}

@media(min-width: 768px) {
  .hero-item.gradient-right::before {
      background:-webkit-gradient(linear,left top,right top,color-stop(30%,rgba(0,0,0,0)),to(rgba(0,0,0,.8)));
      background: linear-gradient(to right,rgba(0,0,0,0) 30%,rgba(0,0,0,.8) 100%)
  }
}

.hero-item.gradient-none::before {
  background: transparent
}


@media(min-width: 768px) {
  .hero-item.video-clip.gradient-top .hero-item-outer-content {
      top:0;
      padding-top: 3rem;
      -webkit-transform: translate(-50%,0);
      transform: translate(-50%,0);
      background: #000;
      background: -webkit-gradient(linear,left top,left bottom,from(black),color-stop(70%,rgba(0,0,0,.75)),color-stop(85%,rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
      background: linear-gradient(180deg,#000 0,rgba(0,0,0,.75) 70%,rgba(0,0,0,.5) 85%,rgba(0,0,0,0) 100%)
  }
}

@media(min-width: 768px)and (min-width:768px) {
  .hero-item.video-clip.gradient-bottom .hero-item-outer-content {
      top:auto;
      bottom: 0;
      padding-bottom: 3rem;
      -webkit-transform: translate(-50%,0);
      transform: translate(-50%,0);
      background: #000;
      background: -webkit-gradient(linear,left bottom,left top,from(black),color-stop(70%,rgba(0,0,0,.75)),color-stop(85%,rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
      background: linear-gradient(0deg,#000 0,rgba(0,0,0,.75) 70%,rgba(0,0,0,.5) 85%,rgba(0,0,0,0) 100%)
  }
}

@media(min-width: 768px)and (min-width:576px) {
  .hero-item.video-clip .hero-item-content-wrap {
      max-width:60rem;
      text-align: center
  }
}

.hero-item-outer-content {
  position: relative;
  max-width: 90rem;
  width: 100%;
  color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .2s,visibility .2s;
  transition: opacity .2s,visibility .2s;
  z-index: 10
}

.hero-item-content-wrap {
  max-width: 31.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-bottom: 2rem
}

@media(min-width: 576px) {
  .hero-item-content-wrap {
      padding-left:2rem;
      padding-right: 2rem
  }
}

.hero-item-content-wrap.text-left .sub-title::after,.hero-item-content-wrap.text-left .sub-title::before,.hero-item-content-wrap.text-right .sub-title::after,.hero-item-content-wrap.text-right .sub-title::before {
  border-top: none
}



.owl-carousel {
  margin: 0;
  padding: 0
}

.owl-item {
  padding-left: 0;
  padding-right: 0;
}

.owl-theme .owl-dots .owl-dot:focus {
  outline: 0
}

.owl-theme .owl-dots .owl-dot[disabled]:focus span,.owl-theme .owl-dots .owl-dot[disabled]:hover span {
  background: #d6d6d6
}

.owl-theme .owl-dots .owl-dot[disabled].active:focus span,.owl-theme .owl-dots .owl-dot[disabled].active:hover span {
  background: #323C63
}

.carousel__wrapper .element__heading {
  text-align: center
}

.hero-carousel-wrapper {
  
  margin-bottom: 2rem
}

.hero-carousel-wrapper .hero-item {
  margin-bottom: 0;
  
}

.hero-carousel-wrapper .owl-item {
  padding: 0;
  overflow: hidden
}

.hero-carousel-wrapper .owl-dots {
  right: 0;
  bottom: 60px;
  left: 0;
  position: absolute;
  text-align: center
}

.hero-carousel-wrapper .zoom-in-on-load .responsive-bg {
  -webkit-transition: all 10s ease-out;
  transition: all 10s ease-out
}

.hero-carousel-wrapper .owl-carousel .owl-nav {
  position: absolute;
  display: block;
  width: 97%;
  margin: 0 auto;
  top: 45%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-prev{
  left: 1rem
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-next{
  right: 1rem
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-prev::before{
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-next::before{
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg)
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-next,.hero-carousel-wrapper .owl-carousel .owl-nav .owl-prev {
  width: 2rem;
  height: 2rem;
  -webkit-transition: .2s all ease-out;
  transition: .2s all ease-out;
  position: absolute
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-next span,.hero-carousel-wrapper .owl-carousel .owl-nav .owl-prev span {
  display: none
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-next::before,.hero-carousel-wrapper .owl-carousel .owl-nav .owl-prev::before{
  content: "";
  border: solid #a4a4a4;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  width: 1.625rem;
  height: 1.625rem;
  left: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-next:hover,.hero-carousel-wrapper .owl-carousel .owl-nav .owl-prev:hover {
  background: 0 0
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-next:hover::before,.hero-carousel-wrapper .owl-carousel .owl-nav .owl-prev:hover::before{
  border: solid #5f5f5f;
  border-width: 0 2px 2px 0
}

.hero-carousel-wrapper .owl-carousel .owl-nav .owl-next:focus,.hero-carousel-wrapper .owl-carousel .owl-nav .owl-prev:focus{
  outline: 0
}

.hero-carousel-wrapper .owl-carousel .owl-nav {
  display: none
}




.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

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

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

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

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

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

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

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

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
  background: #323C63;

}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}

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

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

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
  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 {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

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

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

.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;
  -ms-user-select: none;
  user-select: none
}

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

.owl-carousel.owl-loaded {
  display: block
}

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

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

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

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

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

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

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

.no-js .owl-carousel {
  display: block
}

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

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

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

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

.owl-height {
  -webkit-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out
}

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

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

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






.sub-title {
  position: relative;
  display: inline-block;
  font-weight: 500;
  line-height: 1.7;
  display: block;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.title{
  font-family: var(--primary-display-font);
  line-height: 1.13;
  margin: 0.5rem 0 1.875rem;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.desc{
  font-size: 1.01rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}


.owl-item .sub-title,.owl-item .title,.owl-item .desc,.owl-item .hero-item-button {
  -webkit-transition: 1s linear opacity,1s ease-out transform;
  transition: 1s linear opacity,1s ease-out transform;
  opacity: 0
}

.owl-item .sub-title {
  -webkit-transform: translate3d(0,-20px,1px);
  transform: translate3d(0,-20px,1px);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}

.owl-item .title {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
  -webkit-transform: translate3d(0,0,1px);
  transform: translate3d(0,0,1px)
}

.owl-item .desc {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
  -webkit-transform: translate3d(0,10px,1px);
  transform: translate3d(0,10px,1px)
}

.owl-item .hero-item-button {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transform: translate3d(0,20px,1px);
  transform: translate3d(0,20px,1px)
}

.owl-item.active .sub-title,.owl-item.active .title,.owl-item.active .desc,.owl-item.active .hero-item-button {
  -webkit-transform: translate3d(0,0,1px);
  transform: translate3d(0,0,1px);
  opacity: 1
}