@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.page-header, .page-header-internal { position: relative; overflow: hidden; }
.page-header .title-block, .page-header-internal .title-block { position: absolute; z-index: 2; padding-left: var(--padding); padding-right: var(--padding); top: 50%; transform: translateY(-50%); width: 100%; }
@media (max-width: 1079px) { .page-header .title-block, .page-header-internal .title-block { padding-left: var(--padding-tablet); padding-right: var(--padding-tablet); } }
@media (max-width: 699px) { .page-header .title-block, .page-header-internal .title-block { padding-left: var(--padding-mobile); padding-right: var(--padding-mobile); } }
@media (max-width: 699px) { .page-header .title-block, .page-header-internal .title-block { top: 50%; transform: translateY(-50%); } }
.page-header .title-block .wrap, .page-header-internal .title-block .wrap { max-width: var(--wrap-regular); margin-left: auto; margin-right: auto; }
.page-header .title-block .wrap > .inner, .page-header-internal .title-block .wrap > .inner { display: inline-flex; flex-direction: column; flex-wrap: wrap; position: relative; }
.page-header .title-block .wrap > .inner .breadcrumbs, .page-header-internal .title-block .wrap > .inner .breadcrumbs { margin-bottom: 1em; color: white; }
.page-header .title-block .wrap > .inner .breadcrumbs a, .page-header-internal .title-block .wrap > .inner .breadcrumbs a { color: white; }
.page-header .title-block .wrap > .inner .title, .page-header-internal .title-block .wrap > .inner .title { line-height: 107%; color: white; z-index: 2; max-width: 500px; margin-bottom: 0; margin-top: 0; opacity: 0; animation-name: fadeIn; animation-duration: 0.3s; animation-fill-mode: both; animation-delay: 0.5s; }
.page-header .title-block .wrap > .inner .title span, .page-header-internal .title-block .wrap > .inner .title span { color: white; }
.page-header .title-block .wrap > .inner .sub-title, .page-header-internal .title-block .wrap > .inner .sub-title { font-size: 1.1em; font-weight: bold; max-width: 500px; white-space: normal; color: white; opacity: 0; animation-name: fadeIn; animation-duration: 0.3s; animation-fill-mode: both; animation-delay: 0.8s; margin-top: 20px; z-index: 2; }
.page-header .title-block .wrap > .inner .action, .page-header-internal .title-block .wrap > .inner .action { margin-right: auto; margin-top: 20px; z-index: 2; }
.page-header .title-block.centre, .page-header-internal .title-block.centre { text-align: center; }
.page-header .title-block.centre .action, .page-header-internal .title-block.centre .action { margin: auto; }
.page-header .background, .page-header-internal .background { position: absolute; width: 100%; height: 100%; }
.page-header .background img, .page-header-internal .background img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.page-header .page-slider, .page-header-internal .page-slider { position: relative; }
.page-header .page-slider .slide, .page-header-internal .page-slider .slide { height: calc(100vh - 293px); min-height: 576px; max-height: 768px; left: 0; background-color: var(--tertiary-darker); background-size: cover; }
@media (max-width: 699px) { .page-header .page-slider .slide, .page-header-internal .page-slider .slide { min-height: 300px; height: calc(100vh - 120px); } }
.page-header .page-slider .tns-nav, .page-header-internal .page-slider .tns-nav { position: absolute; bottom: 32px; right: 130px; }
.page-header .page-slider .tns-nav button, .page-header-internal .page-slider .tns-nav button { border: none; border-radius: 3px; width: 15px; height: 15px; background-color: var(--primary); margin: 0 4px; padding: 0; }
.page-header .page-slider .tns-nav button.tns-nav-active, .page-header-internal .page-slider .tns-nav button.tns-nav-active { opacity: 0.5; cursor: default; }
.page-header .page-slider .tns-controls, .page-header-internal .page-slider .tns-controls { position: absolute; bottom: 30px; right: 30px; }
.page-header .page-slider .tns-controls button, .page-header-internal .page-slider .tns-controls button { background-color: var(--primary); width: 35px; height: 35px; border: none; color: white; background-position: center; background-repeat: no-repeat; background-size: 32%; font-size: 0; cursor: pointer; transition: all ease-in-out 0.3s; border-radius: 3px; margin-left: 3px; margin-right: 3px; }
.page-header .page-slider .tns-controls button:hover, .page-header-internal .page-slider .tns-controls button:hover { background-color: var(--highlight); }
.page-header .page-slider .tns-controls button[data-controls="prev"], .page-header-internal .page-slider .tns-controls button[data-controls="prev"] { background-image: url("../../../images/icons/chevron-right-white.svg"); left: 0; transform: rotate(-180deg); }
.page-header .page-slider .tns-controls button[data-controls="next"], .page-header-internal .page-slider .tns-controls button[data-controls="next"] { background-image: url("../../../images/icons/chevron-right-white.svg"); right: 0; }
.page-header .page-slider .tns-controls button[disabled], .page-header-internal .page-slider .tns-controls button[disabled] { opacity: 0.2; cursor: default; }
.page-header .page-slider .slick-dots, .page-header-internal .page-slider .slick-dots { position: absolute; bottom: var(--padding); width: auto; right: var(--padding); }
.page-header.compact .page-slider .slide, .page-header-internal.compact .page-slider .slide { min-height: 280px; height: 30vh; }
@media (max-width: 699px) { .page-header.compact .page-slider .slide, .page-header-internal.compact .page-slider .slide { height: 40vh; } }

.page-header-internal.compact .title-block .inner .title { max-width: 1000px; }