.navigation-container {
	position: absolute;
	width: 1440px;
	height: 40px;
	left: 0px;
	top: 67px;
}

.divider-right {
	padding-right: 1rem;
}

.divider-left {
	padding-left: 1rem;
}

.custom-search-desktop {
	padding-left: 1.5rem;
	top: 70%;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	height: 65%;
	background: var(--color-white);
	box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
}

.custom-search-mobile {
	padding-left: 1rem;
	background: var(--color-white);
	box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
	margin-top: 2rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	height: 4rem;
}

img.inner-search-icon {
	width: 28px;
	opacity: 0.6;
	margin-right: 1rem;
}

img.inner-search-icon-mobile {
	width: 22px;
	opacity: 0.6;
	margin-right: 1rem;
}



p.s-text {
	font-weight: 400;
	font-size: var(--20px);
	line-height: 1.4;
}

button.inner-search-button {
	outline: none;
	border: none;
	padding: 0 1.5rem;
	margin: 0;
	height: 100%;
}

.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-duration: 0.2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

.search-text::placeholder {
	font-style: normal;
	font-weight: 400;
	font-size: var(--20px);
	line-height: 1.4;
	color: #809ea3;
}

.search-text-mobile {
	font-style: normal;
	font-weight: 400;
	font-size: var(--16px);
	line-height: 1.75;
	color: #809ea3;
}


/* main nav */
header {
	background-color: var(--color-white);
}

header nav {
	display: grid;
	grid-template-columns: [logo] 200px [left-nav] auto [right-nav] 30%;
	width: 100%;
	padding-top: 1.5em;
	background: var(--color-white);
	max-width: 1600px;
	margin: auto auto;
}

header nav>a img {
	padding: 0.5em 1.5em 1.5em 2em;
	max-width: 200px;
}

header nav>ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: stretch;
}

header nav>ul li {
	list-style-type: none;
	padding: 1em;
	margin: 0;
}

header nav ul li a.nav-link.active {
	color: var(--color-petrol);
}

header nav span#site-selector {
	cursor: pointer;
}

header nav button#toggle-button {
	display: none;
}

/* mega nav */

a.nav-link,
a:visited.nav-link {
	border-bottom: transparent 2px solid;
}

a:hover.nav-link {
	border-bottom: var(--color-blue) 2px solid;
}

nav div.sub-nav {
	display: none;
	border-top: solid 2px var(--color-grey-light);
	border-bottom: solid 2px var(--color-grey-light);
	background: var(--color-white);
	min-height: 300px;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 0em;
	top: 100px;
	left: 50%;
	transform: translate(-50%, 0%);
	max-width: 1600px;
	justify-content: center;
}

nav li:hover .nav-link+div.sub-nav {
	display: flex;
}

nav div.sub-nav div.sub-nav-primary {
	order: 1;
	flex-basis: 50%;
	flex-grow: 2;
}

nav div.sub-nav div.sub-nav-secondary {
	order: 2;
	width: 50%;
	
	border-left: solid 2px var(--color-grey-light);
}

nav div.sub-nav div.sub-nav-featured {
	order: 3;
	background: var(--color-petrol-10);
	width: 25%;
	padding: 2em 3em;
}

@media (max-width: 1200px) {
	nav div.sub-nav div.sub-nav-featured {
		display: none;
	}
}

nav div.sub-nav div.sub-nav-primary,
nav div.sub-nav div.sub-nav-secondary {
	padding: 0 2em;
	margin: 2em 0;
}

nav div.sub-nav:has([data-nav-tiles="6"]):has([data-nav-secondary-tiles="3"]) div.sub-nav-primary,
nav div.sub-nav:has([data-nav-tiles="6"]):has([data-nav-secondary-tiles="3"]) div.sub-nav-secondary {
	padding-left: 3em;
	padding-right: 2em;
}

nav div.sub-nav div.sub-nav-primary-header,
nav div.sub-nav div.sub-nav-secondary-header {
	margin: 0 0 2em 0;
}

nav div.sub-nav div.sub-nav-primary-header a,
nav div.sub-nav div.sub-nav-secondary-header a {
	color: var(--color-petrol);
	display: block;
	margin: 0 0 1em 0;
	text-decoration: none;
}

nav div.sub-nav div.sub-nav-primary-header a::after,
nav div.sub-nav div.sub-nav-secondary-header a::after {
	content: "\e8e4";
	font-family: "Material Symbols Outlined";
	font-size: 1.4em;
	position: relative;
	top: 0.33rem;
	left: 0.5em;
	transition: all 0.2s ease-in-out;
	line-height: 0;
}

nav div.sub-nav div.sub-nav-primary-header a:hover::after,
nav div.sub-nav div.sub-nav-secondary-header a:hover::after {
	transition: all 0.2s ease-in-out;
	left: 1em;
}

nav div.sub-nav div.sub-nav-tiles-container {
	display: grid;
	grid-template-areas: "main main";
	column-gap: 3em;
	row-gap: 3em;
}



nav div.sub-nav div.sub-nav-tiles-container .tile-nav a:link {
	text-decoration: none;
	display: inline-flex;
	column-gap: 5px;
}

nav div.sub-nav div.sub-nav-tiles-container .tile-nav a .tile-image {
	order: 1;
}

nav div.sub-nav div.sub-nav-tiles-container .tile-nav a .tile-image img {
	max-width: 16px;
}

nav div.sub-nav div.sub-nav-tiles-container .tile-nav a:hover .tile-image img {
	filter: brightness(0.75);
}

nav div.sub-nav div.sub-nav-tiles-container .tile-nav a {
	color: var(--color-petrol);
}

nav div.sub-nav div.sub-nav-tiles-container .tile-nav a .tile-content {
	order: 2;
}

nav div.sub-nav div.sub-nav-tiles-container .tile-nav a .tile-content .tile-title {
	font-size: 1.2em;
	margin: 0 0 0.75em 0;
}

nav div.sub-nav div.sub-nav-tiles-container .tile-nav a:hover .tile-content .tile-title {
	color: var(--color-petrol-70);
}

nav div.sub-nav div.sub-nav-tiles-container .tile-nav a .tile-content .tile-description {
	color: var(--color-primary-text);
	font-size: 0.8em;
	line-height: 1.5em;
}

body:lang(de) nav div.sub-nav div.sub-nav-tiles-container .tile-nav a .tile-content .tile-description,
body:lang(es) nav div.sub-nav div.sub-nav-tiles-container .tile-nav a .tile-content .tile-description {
	line-height: 1.35em;
}

nav div.sub-nav div.sub-nav-tiles-container .tile-nav a:hover .tile-content .tile-description {
	color: var(--color-petrol);
}

.nav-close-button {
	position: absolute;
	top: 5px;
	right: 5px;
	color: var(--color-petrol);
}

.nav-close-button {
	cursor: pointer;
}

/* featured nav cta list */

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-cta-list {}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-cta-list ul {
	list-style-type: none;
	padding: 0;
	margin: 1em 0 3em 0;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-cta-list ul li {
	padding: 0.75em 0;
	margin: 0;
	display: block;
	width: 100%;
	border-bottom: 2px solid var(--color-grey);
	position: relative;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-cta-list ul li:last-child {
	border-bottom: 2px solid transparent;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-cta-list ul li a:link,
nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-cta-list ul li a:visited {
	color: var(--color-petrol);
	text-decoration: none;
	display: block;
	max-width: 80%;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-cta-list ul li a:hover {
	color: var(--color-petrol-70);
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-cta-list ul li a:link::after {
	content: "\e8e4";
	font-family: "Material Symbols Outlined";
	font-size: 2em;
	position: absolute;
	top: 1.5rem;
	right: 0;
	transition: all 0.2s ease-in-out;
	line-height: 0;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-cta-list ul li a:hover::after,
nav div.sub-nav div.sub-nav-secondary-header a:hover::after {
	transition: all 0.2s ease-in-out;
	right: -0.5em;
}

/* featured nav small tile */

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile {
	margin: 1em 0 3em 0;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile a:link {
	text-decoration: none;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile .tile-eyebrow {
	font-size: 0.75rem;
	color: var(--color-petrol);
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile .tile-eyebrow.keyline::before {
	top: -0.75rem;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile .tile-title {
	margin: 1em 0;
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: var(--color-petrol);
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile .tile-image img {
	max-width: 100%;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile .tile-description {
	font-size: 1rem;
	color: var(--color-primary-text);
	margin-bottom: 1.5em;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile .tile-link {
	font-size: 1rem;
	color: var(--color-petrol-70);
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile a:hover .tile-eyebrow {
	font-size: 0.75rem;
	color: var(--color-petrol-70);
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile a:hover .tile-title {
	margin: 1em 0;
	font-size: 1.25rem;
	color: var(--color-petrol-70);
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile a:hover .tile-link {
	font-size: 1rem;
	color: var(--color-petrol-50);
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile .tile-link p {
	position: relative;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile .tile-link p::after {
	content: "\e8e4";
	font-family: "Material Symbols Outlined";
	font-size: 2em;
	position: absolute;
	top: 1rem;
	right: 0;
	transition: all 0.2s ease-in-out;
	line-height: 0;
}

nav div.sub-nav div.sub-nav-featured div.sub-nav-featured-tile a:hover .tile-link p::after {
	transition: all 0.2s ease-in-out;
	right: -0.5em;
}


/* globe menu */

header nav div#globe-menu {
	background-color: var(--color-petrol-10);
	display: flex;
	column-gap: 1.5em;
	justify-content: space-evenly;
	width: 100%;
	padding: 6em 3em;
	border-top: solid 2px var(--color-grey);
	border-bottom: solid 2px var(--color-petrol-70);
}

header nav div#globe-menu a {
	color: var(--color-petrol);
	text-decoration: none;
	border-bottom: 2px solid transparent;
}

header nav div#globe-menu a:hover {
	border-bottom: 2px solid var(--color-green-light);
}



header nav div#globe-menu div.globe-menu-text {
	max-width: 33%;
}

header nav div#globe-menu div.globe-menu-column {
	width: 250px;
	padding: 1.5em 0 0 0;
}


header nav div#globe-menu span.globe-menu-column-header {
	color: var(--color-petrol);
	font-size: var(--18px);
}

header nav div#globe-menu div.globe-menu-text p {
	margin: 3em 0;
}

header nav div#globe-menu ul {
	padding: 0;
	margin: 1em 0;
}

header nav div#globe-menu ul li {
	padding: 0;
	margin: 1.0em 0;
}



/* search nav */
header nav div#search-icon span {
	cursor: pointer;
	transition: all .2s ease-in-out;
}

header nav div#search-icon span:hover {
	cursor: pointer;
	transition: all .2s ease-in-out;
	
	transform: scale(1.2);
}







header nav div#search-input-box.active {
	display: block;
}

header nav div#search-input-box {
	display: none;
	
	position: absolute;
	left: calc(50vw - 600px);
	
	margin: auto auto;
	margin-top: 26px;
	width: 100%;
	max-width: 1300px;
	text-align: center;
	
}

header nav div#search-input-box form {}

header nav div#search-input-box form div.shadowbox {
	/*box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);*/
	display: flex;
	justify-content: center;
	align-items: stretch;
	
}

header nav div#search-input-box form div.shadowbox span#search-box-icon {
	padding: 2rem;
	color: var(--color-petrol);
	font-size: 2.0rem;
	line-height: 1.3;
	position: relative;
	left: 6rem;
	top: 0;
	
	border-top: solid 1px var(--color-petrol);
	border-bottom: solid 1px var(--color-petrol);
	border-left: solid 1px var(--color-petrol);
}

header nav div#search-input-box input#search-input {
	border: none;
	outline: none;
	padding: 2em 2em 2em 5em;
	color: var(--color-petrol);
	font-size: var(--20px);
	width: 60%;
	border-top: solid 1px var(--color-petrol);
	border-bottom: solid 1px var(--color-petrol);
}

header nav div#search-input-box input#search-input::placeholder {
	color: var(--color-petrol-50);
}

header nav div#search-input-box input#search-input:focus::placeholder {
	color: var(--color-grey-10);
}

header nav div#search-input-box form button {
	padding: 2rem 6rem 2rem 4rem;
	color: var(--color-white);
	font-size: var(--20px);
	background: var(--color-petrol);
	position: relative;
	border: none;
	border-top: solid 1px var(--color-petrol);
	border-bottom: solid 1px var(--color-petrol);
	border-right: solid 1px var(--color-petrol);
}

header nav div#search-input-box form button::after {
	content: "\e8e4";
	font-family: "Material Symbols Outlined";
	font-size: 2em;
	position: absolute;
	top: 50%;
	right: 2.0rem;
	transition: all .2s ease-in-out;
	line-height: 0;
}

header nav div#search-input-box form button:hover::after {
	transition: all .2s ease-in-out;
	right: 1.25rem;
}



header nav span#search-close {
	cursor: pointer;
	color: var(--color-petrol);
	font-size: 3.0em;
	line-height: 2.25em;
	padding: 0 .5em;
}

header nav span#search-close:hover {
	color: var(--color-petrol-70);
}

header nav button#toggle-button {
	position: absolute;
	right: 0;
}

/* mobile nav */

nav#nav-mobile {
	display: none;
}

@media only screen and (max-width: 1070px) {
	header.sticky-top {
		z-index: 1020;
	}
	
	nav#nav-mobile {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: var(--color-white);
		z-index: 1000;
		padding: 1.5em 0em 1em;
		height: 100vh;
		
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		
		box-sizing: border-box;
		
		overscroll-behavior: contain;
	}
	
	nav#nav-mobile.open {
		display: block;
		z-index: 1021;
	}
	
	header nav ul:first-of-type {
		display: none;
	}
	
	header nav button#toggle-button {
		background: none;
		border: none;
		display: block;
	}
	
	header nav button#toggle-button:focus-visible,
	nav button#toggle-button-mobile:focus-visible {
		outline: none;
	}
	
	header nav button#toggle-button:focus-visible span,
	nav button#toggle-button-mobile:focus-visible span {
		outline: 2px solid var(--bs-blue);
	}
	
	nav#nav-mobile button#toggle-button-mobile {
		background: none;
		border: none;
		position: absolute;
		right: 0;
	}
	
	header nav button#toggle-button span,
	nav#nav-mobile button#toggle-button-mobile span {
		font-size: 3.0rem;
		line-height: 3.25rem;
		position: absolute;
		right: 0.5em;
	}
	
	nav#nav-mobile div#nav-mobile-header img {
		padding: 0.5em 1.5em 1.5em 2em;
		max-width: 200px;
	}
	
	nav#nav-mobile a {
		color: var(--color-petrol);
		text-decoration: none;
	}
	
	nav#nav-mobile ul {
		padding: 0 1em;
	}
	
	nav#nav-mobile ul li {
		width: 100%;
		margin: 1em 0;
		list-style-type: none;
	}
	
	nav#nav-mobile ul li .sub-nav {
		display: none;
		position: relative;
		top: 0;
	}
	
	nav#nav-mobile.show,
	nav#nav-mobile ul li .sub-nav.show {
		display: block;
	}
	
	nav#nav-mobile div.sub-nav div.sub-nav-primary,
	nav#nav-mobile div.sub-nav div.sub-nav-secondary,
	nav#nav-mobile div.sub-nav div.sub-nav-tiles-container {
		padding: 0 1em;
	}
	
	nav#nav-mobile div.sub-nav .sub-nav-primary div.sub-nav-tiles-container,
	nav#nav-mobile div.sub-nav .sub-nav-secondary div.sub-nav-tiles-container,
	nav#nav-mobile div.sub-nav div.sub-nav-tiles-container {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	
	nav#nav-mobile div.sub-nav div.sub-nav-tiles-container {
		grid-template-areas: none;
	}
	
	nav#nav-mobile div.sub-nav .tile-nav {
		width: 100%;
		max-width: none;
	}
	
	nav#nav-mobile div.sub-nav .sub-nav-secondary {
		width: 100%;
	}
	
	nav#nav-mobile div.sub-nav div.sub-nav-secondary {
		border-left: none;
	}
	
	nav#nav-mobile form#mobile-search-form {
		position: relative;
		top: 2em;
		margin: 0 1em;
		z-index: 20;
	}
	
	nav#nav-mobile form#mobile-search-form>div {
		box-shadow: 0px 6px 24px 0px #0000001a;
		display: grid;
		grid-template-columns: [icon] 40px [input] auto [button] 60px;
		padding: 0;
		background-color: var(--color-white);
	}
	
	nav#nav-mobile form#mobile-search-form>div:focus-within {
		outline: 2px solid var(--bs-blue);
	}
	
	nav#nav-mobile form#mobile-search-form #search-box-icon-mobile {
		padding: 0.75em;
	}
	
	nav#nav-mobile form#mobile-search-form input {
		border: none;
		padding: 1em 1em 1em 3em;
	}
	
	nav#nav-mobile form#mobile-search-form input:focus-visible {
		box-shadow: none;
		outline: none;
	}
	
	nav#nav-mobile form#mobile-search-form button {
		background-color: var(--color-petrol);
		color: var(--color-white);
		padding: 1em;
		border: none;
	}
	
	nav#nav-mobile div#nav-mobile-footer {
		background-color: var(--color-petrol-40);
		padding: 4em 0 1em 0;
		position: relative;
		text-align: right;
		z-index: 10;
	}
	
	nav#nav-mobile div#nav-mobile-footer #site-selector-mobile {
		vertical-align: bottom;
	}
	
	nav#nav-mobile .mobile-nav-link {
		color: var(--color-petrol);
		padding: 0;
		text-align: left;
		width: 100%;
	}
	
	nav#nav-mobile button.mobile-nav-link {
		background: none;
		border: none;
	}
	
	nav#nav-mobile a,
	nav#nav-mobile button,
	header nav #toggle-button {
		transition: color .5s ease;
	}
	
	nav#nav-mobile a:hover,
	nav#nav-mobile button:hover,
	header nav #toggle-button:hover {
		color: var(--color-petrol-50);
	}
	
	nav#nav-mobile a.nav-link:hover {
		border-bottom: transparent 2px solid;
	}
	
	nav#nav-mobile button.mobile-nav-link .mobile-chevron {
		position: absolute;
		right: 1em;
		z-index: -1;
	}
	
	nav#nav-mobile button.mobile-nav-link .mobile-chevron:before {
		content: "keyboard_arrow_down";
	}
	
	nav#nav-mobile button.mobile-nav-link .mobile-chevron.up:before {
		content: "keyboard_arrow_up";
	}
}

.topRightNav {
	justify-content: flex-end;
	padding-right: 2em;
}

/* AR mobile nav */

html[lang="ar"] header nav button#toggle-button span,
html[lang="ar"] nav#nav-mobile button#toggle-button-mobile span {
	right: unset;
	left: 0.5em
}

html[lang="ar"] header nav button#toggle-button,
html[lang="ar"] nav#nav-mobile button#toggle-button-mobile {
	position: absolute;
	left: 0;
	right: unset;
}

@media only screen and (max-width: 1070px) {
	header nav ul:last-of-type {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	nav.bg-nav-custom {
		background-color: var(--color-white) !important;
	}
	
	#item7 {
		background-color: var(--color-grey-light);
		padding: 2rem 1rem;
		margin: 0 0 !important;
	}
}