#header { position: relative; }
#header > .background {
	position: absolute; top: 0; left: 0; z-index: -1;
}
#header > .background > * {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	
	background-position: center;
	background-size: cover;
}
#header > .background > :only-child { display: block !important; }
#header > .content-wrapper {}
.customize-support #header > .content-wrapper { min-height: calc(100vh - 32px); }
#header > .content-wrapper > div { position: relative; }
#header > .content-wrapper > div:before {
	content: "";
	position: absolute; top: 0; right: min(-45px, calc(((100vw - 100px - 1290px + 90px) / 2) * -1)); bottom: 0; left: 0; z-index: -1;
}
@media (min-width: 1600px) {
	#header > .background { right: calc(50% - (1200px * .05)); }
	#header > .content-wrapper > .about  { margin-left: 55%; }
	#header > .content-wrapper > .slider { margin-left: 45%; }
}
@media (max-width: 1599.99px) and (min-width: 1400px) {
	#header > .background { right: 50%; }
	#header > .content-wrapper > .about  { margin-left: 50%; }
	#header > .content-wrapper > .slider { margin-left: 45%; }
}
@media (max-width: 1399.99px) and (min-width: 600px) {
	#header > .background { right: 50%; }
	#header > .content-wrapper > .about  { margin-left: 45%; }
	#header > .content-wrapper > .slider { margin-left: 40%; }
}
@media (min-width: 600px) {
	#header > .background { bottom: 0; }
	#header > .background > .desktop { display: block; }
	#header > .background > .mobile  { display: none; }
	#header > .content-wrapper {
		display: flex; min-height: 100vh;
		flex-direction: column;
	}
}
@media (max-width: 599.99px) {
	#header > .background { right: 0; min-height: 145vw; }
	#header > .background > .desktop { display: none; }
	#header > .background > .mobile  { display: block; }
	#header > .content-wrapper { padding-top: 100vw; }
	#header > .content-wrapper > div { margin-left: 20%; }
}

/*--------------------------------------------------------------------------------------------------------------*/

#header > .content-wrapper > .about {
	display: flex; flex: 1 0 auto;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	
	color: #FFF;
}
#header > .content-wrapper > .about:before { background-color: #2A8081; }
@media (min-width: 600px)	 { #header > .content-wrapper > .about { padding: 100px 0 50px 50px; } }
@media (max-width: 599.99px) { #header > .content-wrapper > .about { padding: 35px 0 35px 35px; } }
#header > .content-wrapper > .about > p {
	line-height: 120%;
	font-weight: 700;
}
#header > .content-wrapper > .about > .cta-link { color: #FFF; }
@media (min-width: 1200px)	  { #header > .content-wrapper > .about > p { font-size: 42px; } }
@media (max-width: 1199.99px) { #header > .content-wrapper > .about > p { font-size: 28px; } }

/*--------------------------------------------------------------------------------------------------------------*/

#header > .content-wrapper > .slider {
	flex: 0 0 auto;
	margin-bottom: -100px;
}
#header > .content-wrapper > .slider:before {
	bottom: 100px;
	background-color: #FFF;
}
#header > .content-wrapper > .slider > .swiper { margin-bottom: 45px; }
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper {}
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide {
	display: flex; height: auto;
	flex-direction: row;
	align-items: stretch;
}
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content {
	display: flex; flex: 1; overflow: hidden;
	flex-direction: column;
	align-items: flex-start;
}
@media (min-width: 1200px) {
	#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content { padding: 40px 45px; }
	#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content:only-child { padding-right: 0; }
}
@media (max-width: 1199.99px) and (min-width: 600px) {
	#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content { padding: 25px 0 25px 25px; }
}
@media (max-width: 599.99px) {
	#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content { padding: 35px 0 35px 35px; }
}
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content > * { margin-bottom: 15px; }
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content > :last-child { margin-top: auto; }
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content > .title {
	line-height: 120%;
	font-size: 20px;
	font-weight: 700;
	color: #2A8081;
}
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content > .subtitle {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content > .description {
	font-size: 10px;
	font-weight: 300;
}
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .content > .cta-link { margin-bottom: -5px; }
#header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .logo {
	flex: 0 0 50%; overflow: hidden;
	
	background-position: center;
	background-size: cover;
}
@media (min-width: 900px) { #header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .logo { display: block; } }
@media (max-width: 899.99px) { #header > .content-wrapper > .slider > .swiper > .swiper-wrapper > .swiper-slide > .logo { display: none; } }
#header > .content-wrapper > .slider > .controls {
	display: flex; height: 55px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
#header > .content-wrapper > .slider > .controls > .buttons {
	display: flex;
	flex-direction: row;
	column-gap: 30px;
}
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control {
	position: relative;
	cursor: pointer;
	
	transition: opacity .2s ease-out;
}
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control:before {
	content: attr(data-label);
	
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #000; transition: color .2s ease-out;
}
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control:after {
	content: "";
	position: absolute; top: 50%;
	display: block; height: 24px; width: 13px;
	
	background-color: #000; transition: background-color .2s ease-out;
	-webkit-mask: url("../../images/icons/arrow.simple.svg") no-repeat 50% 50%;
	mask: url("../../images/icons/arrow.simple.svg") no-repeat 50% 50%;
	-webkit-mask-size: contain;
	mask-size: contain;
}
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control:hover:before { color: #E45C4A; }
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control:hover:after { background-color: #E45C4A; }
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control.prev-btn { padding-left: 25px; }
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control.prev-btn:after { left: 0; transform: translateY(-50%); }
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control.next-btn { padding-right: 25px; }
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control.next-btn:after { right: 0; transform: translateY(-50%) rotate(180deg); }
#header > .content-wrapper > .slider > .controls > .buttons > .slider-control.swiper-button-disabled {
	pointer-events: none;
	opacity: .25;
}
#header > .content-wrapper > .slider > .controls > .pagination {
	display: flex; width: auto;
	flex-direction: row;
	column-gap: 11px;
	align-items: center;
}
#header > .content-wrapper > .slider > .controls > .pagination > .swiper-pagination-bullet {
	display: block; height: 11px; width: 11px;
	margin: 0;
	
	background-color: #084447;
	border-radius: 50%;
	
	opacity: .25;
	
	transition:
		opacity 		 .2s ease-out,
		background-color .2s ease-out;
	
	pointer-events: none;
}
#header > .content-wrapper > .slider > .controls > .pagination > .swiper-pagination-bullet-active {
	background-color: #E45C4A;
	opacity: 1;
}