#frontpage #Header .container .row { min-height: 80vh; }

#Header { position: relative; overflow: hidden; padding-top: 0; padding-bottom: 0; }

#Header .colour-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background-color: #FFF; }

#Header .owl-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; }

#Header .owl-wrapper .grid-wrapper { position: relative; }

#Header .owl-wrapper .owl-carousel, #Header .owl-wrapper .owl-stage-outer, #Header .owl-wrapper .owl-stage, #Header .owl-wrapper .owl-item, #Header .owl-wrapper .slide { height: 100%; }

#Header .owl-wrapper .owl-carousel .owl-item .slide { height: 100%; max-height: none; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; }

#Header .owl-wrapper .owl-carousel .owl-item img { width: auto; }

#Header .owl-wrapper .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%); }

#Header .background-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; }

#Header .background-wrapper .container { height: 100%; }

#Header .background-wrapper .container .row { height: 100%; position: relative; }

#Header .background-wrapper .vimeo-wrapper { padding-bottom: 56.25%; position: relative; height: 100%; }

#Header .background-wrapper .vimeo-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#Header .background-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

#Header .background-wrapper .background { height: 100%; width: 100%; background-size: 100%; }

#Header .background-wrapper .background.vimeo-mobile { display: none; }

#Header .background-wrapper .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; background: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 20%, transparent 100%); }

#Header .background-wrapper .header-content { position: absolute; bottom: 0; color: #FFF; padding: 3rem 2.5rem 3rem 0; }

#Header.half-height > .container .row { min-height: 350px; }

#Header.half-height > .container .row .header-content h1, #Header.half-height > .container .row .header-content .fs-1 { font-size: 2.25rem; font-weight: normal; }

#Header.half-height > .container .row .header-content h1, #Header.half-height > .container .row .header-content h3, #Header.half-height > .container .row .header-content h4 { color: #000; }

#Header > .container .row { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 2.5rem; position: relative; min-height: 600px; align-items: center; }

#Header > .container .row .header-content.indent { padding: 5rem 0 3rem 95px; align-self: end; }

#Header > .container .row .header-content.indent h1, #Header > .container .row .header-content.indent h2, #Header > .container .row .header-content.indent .fs-1, #Header > .container .row .header-content.indent .fs-2 { color: #FFF; }

#Header > .container .row .header-content.indent h2, #Header > .container .row .header-content.indent .fs-2 { font-size: 3.375rem; }

#Header > .container .row .header-content .subtitle { font-size: 18px; color: #777; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; }

#Header > .container .row .header-content .subtitle span { color: #FFF; font-size: 1.4rem; }

#Header > .container .row .header-content .align-center { padding-left: 2.5rem; }

#Header > .container .row .header-content h1, #Header > .container .row .header-content .fs-1 { font-weight: 600; margin-top: 0; line-height: 1.1; font-size: 3.4rem; }

#Header > .container .row .header-content h3, #Header > .container .row .header-content .fs-3 { font-weight: 600; font-size: 2.25rem; line-height: 1.4; }

#Header > .container .row .header-content h4, #Header > .container .row .header-content .fs-4 { font-weight: 600; font-size: 1.375rem; line-height: 1.6; }

#Header > .container .row .header-content .btn { margin-top: 1.5rem; }

#Header > .container .row .header-content .btn span:nth-child(2) { text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); }

#Header > .container .row .header-content .btn .arrow { margin-left: 50px; }

#Header > .container .row .header-image { position: relative; height: 100%; }

#Header > .container .row .header-image .overlay { background-color: rgba(0, 0, 0, 0.3); }

#Header > .container .row .owl-nav-outer { width: 100%; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#Header > .container .row .owl-nav-outer .owl-prev { margin-left: 1rem; }

#Header > .container .row .owl-nav-outer .owl-prev:before { left: 21px; }

#Header > .container .row .owl-nav-outer .owl-next { margin-right: 1rem; }

#Header > .container .row .owl-nav-outer .owl-next:before { right: 21px; }

#Header > .container .header-tags { position: absolute; bottom: 1rem; }

#Header > .container .header-tags span { box-shadow: 0 2px 5px rgba(22, 28, 45, 0.25) !important; border-radius: 50rem; margin-left: 10px; color: #FFF; background-color: #777; padding: 0.5rem 1rem; font-size: 15px; }

/*Styling for nav outside owl-carousel itself*/
.owl-nav-outer { position: absolute; top: auto; left: auto; bottom: 10px; right: 10px; width: 120px; z-index: 50; height: 50px; }

.owl-nav-outer .owl-prev { width: 50px !important; height: 50px !important; }

.owl-nav-outer .owl-next { width: 50px !important; height: 50px !important; }

@media (min-width: 992px) and (max-width: 1199px) { #Header .container .row { min-height: 500px; }
  #Header .container .row .header-content h1, #Header .container .row .header-content .fs-1 { font-size: 46px; }
  #Header .container .row .owl-nav-outer .owl-prev { width: 40px !important; height: 40px !important; }
  #Header .container .row .owl-nav-outer .owl-prev:before { left: 16px; }
  #Header .container .row .owl-nav-outer .owl-next { width: 40px !important; height: 40px !important; }
  #Header .container .row .owl-nav-outer .owl-next:before { right: 16px; } }

@media (min-width: 768px) and (max-width: 991px) { #frontpage #Header .container .row { min-height: 60vh; }
  #Header .container .row { min-height: 500px; }
  #Header .container .row .header-content h1, #Header .container .row .header-content .fs-1 { font-size: 40px; }
  #Header .container .row .owl-nav-outer .owl-prev { width: 40px !important; height: 40px !important; }
  #Header .container .row .owl-nav-outer .owl-prev:before { left: 16px; }
  #Header .container .row .owl-nav-outer .owl-next { width: 40px !important; height: 40px !important; }
  #Header .container .row .owl-nav-outer .owl-next:before { right: 16px; } }

@media (max-width: 767px) { #Header.half-height > .container .row { min-height: 200px; }
  #Header .container .row { min-height: inherit; }
  #Header .container .row .header-content { padding: 50px 0; }
  #Header .container .row .header-content.indent { padding: 4rem 3rem 2rem 3rem; }
  #Header .container .row .header-content h1, #Header .container .row .header-content .fs-1 { font-size: 36px; }
  #Header .container .row .owl-nav-outer .owl-prev { width: 30px !important; height: 30px !important; }
  #Header .container .row .owl-nav-outer .owl-prev:before { left: 11px; }
  #Header .container .row .owl-nav-outer .owl-next { width: 30px !important; height: 30px !important; }
  #Header .container .row .owl-nav-outer .owl-next:before { right: 11px; } }

@media (max-width: 575px) { #Header .owl-wrapper .grid-wrapper { padding-left: 0; padding-right: 0; }
  #Header > .container .row { min-height: inherit; grid-gap: 0; }
  #Header > .container .row .header-content { padding: 1.25rem 1rem; }
  #Header > .container .row .header-content.indent { padding: 3rem 2rem 2.5rem 2rem; }
  #Header > .container .row .header-content h1, #Header > .container .row .header-content .fs-1 { font-size: 32px; }
  #Header > .container .row .header-content :last-child { margin-bottom: 0; }
  #Header > .container .row .header-image { padding-bottom: 56.25%; }
  #Header > .container .row .header-image .owl-wrapper { left: -15px; }
  #Header > .container .row .owl-nav-outer { width: 80px; top: unset; -webkit-transform: none; -ms-transform: none; transform: none; } }