#wrapper {
	padding-top: 0 !important
}

#wrapper .header-with-megamenu.new-header {
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 99;
	color: var(--color-text);
	justify-content: space-between
}

#wrapper .header-with-megamenu.new-header .stx-ctas .button a,
#wrapper .header-with-megamenu.new-header .stx-main-bar.stx-main-bar,
#wrapper .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.stx-megamenu__item--main,
#wrapper .header-with-megamenu.new-header .stx-navigation .stx-site-search.stx-site-search,
#wrapper .header-with-megamenu.new-header .stx-top-bar.stx-top-bar {
	transition: .3s
}

@media (min-width:1025px) {
	#wrapper .header-with-megamenu.new-header .desktop-hidden {
		display: none !important
	}

	#wrapper .header-with-megamenu.new-header .iconLinks a {
		display: flex;
		gap: 5px;
		align-items: center
	}
}

header {
	position: sticky;
	top: 0;
	z-index: 1001
}

@media (max-width:1024px) {
	#wrapper .header-with-megamenu.new-header {
		height: 49px
	}
}

@media (min-width:1025px) {
	#wrapper .header-with-megamenu.new-header {
		height: auto
	}
}

@media (max-width:1024px) {
	#wrapper .header-with-megamenu.new-header .stx-logo {
		height: 20px
	}
}

@media (min-width:1025px) {
	#wrapper .header-with-megamenu.new-header .stx-logo {
		height: 22px
	}
}

#wrapper .header-with-megamenu.new-header .stx-logo img {
	max-height: 100%;
	width: auto
}

#wrapper .header-with-megamenu.new-header .stx-logo img.logo-mobile:not(:only-child) {
	display: none
}

@media (min-width:1025px) {
	#wrapper .header-with-megamenu.new-header .stx-logo img.logo-desktop:not(:only-child) {
		display: none
	}

	#wrapper .header-with-megamenu.new-header .stx-logo img.logo-desktop:not(:only-child)+.logo-mobile {
		display: block
	}
}

#wrapper .header-with-megamenu.new-header .stx-hamburger {
	position: relative;
	z-index: 1
}

@media (min-width:1025px) {
	#wrapper .header-with-megamenu.new-header .stx-hamburger {
		display: none
	}
}

#wrapper .header-with-megamenu.new-header .stx-main-bar {
	position: relative;
	display: flex;
	gap: 32px;
	align-items: center;
	justify-content: space-between
}

#wrapper .header-with-megamenu.new-header .stx-main-bar>.button a {
	display: block;
	padding: calc(8px / 2) 20px;
	height: 35px;
	font-size: 14px
}

@media (max-width:1024px) {
	#wrapper .header-with-megamenu.new-header .stx-main-bar {
		padding: 0 16px;
		height: 100%
	}
}

@media (min-width:1025px) {
	#wrapper .header-with-megamenu.new-header .stx-main-bar {
		padding: 0 40px;
		min-height: 60px
	}
}

@media (max-width:1440px) {
	#wrapper .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.stx-megamenu__item--main {
		padding: 0 15px
	}

	#wrapper .header-with-megamenu.new-header .stx-main-bar.stx-main-bar,
	#wrapper .header-with-megamenu.new-header .stx-top-bar.stx-top-bar {
		padding: 0 20px
	}

	#wrapper .header-with-megamenu.new-header .stx-main-bar.stx-main-bar {
		gap: 10px
	}

	#wrapper .header-with-megamenu.new-header .stx-navigation .stx-site-search.stx-site-search {
		padding-right: 20px;
		padding-left: 5px
	}

	#wrapper .header-with-megamenu.new-header .stx-ctas .button a {
		padding: 10px 20px
	}
}

@media (max-width:1200px) {
	#wrapper .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.stx-megamenu__item--main {
		padding: 0 15px;
		transition: .3s
	}

	#wrapper .header-with-megamenu.new-header .stx-ctas .button a,
	#wrapper .header-with-megamenu.new-header .stx-megamenu .stx-megamenu__item--main label {
		font-size: 14px
	}
}

header .header-with-megamenu.new-header .stx-top-bar a,
header .header-with-megamenu.new-header .stx-top-bar a:hover {
	color: currentColor;
	text-decoration: none
}

header .header-with-megamenu.new-header .stx-top-bar__logo-right-link {
	display: flex
}

header .header-with-megamenu.new-header .stx-top-bar__logo-right-img {
	width: auto
}

@media (max-width:1024px) {
	header .header-with-megamenu.new-header .stx-top-bar {
		display: none
	}
}

@media (min-width:1025px) {
	header .header-with-megamenu.new-header .stx-top-bar {
		display: flex;
		background: #12225c;
		color: #fff;
		align-items: center;
		padding: 0 40px;
		gap: 50px;
		justify-content: space-between;
		height: 30px
	}
}

.stx-regional-switcher {
	height: 100%
}

@media (min-width:1025px) {
	.stx-regional-switcher {
		color: #fff;
		position: relative;
		z-index: 2
	}
}

@media (max-width:1024px) {
	.stx-regional-switcher {
		color: currentColor
	}
}

@media (min-width:1025px) {
	.stx-regional-switcher .stx-back-button--regional {
		display: none
	}
}

.stx-regional-switcher .stx-regional-switcher__link-label-icon {
	width: 15px;
	margin-right: 5px
}

.stx-regional-switcher .stx-regional-switcher__list .stx-regional-switcher__link-icon {
	display: none
}

.stx-regional-switcher .stx-regional-switcher__title {
	font-size: 20px;
	line-height: 26px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px
}

.stx-regional-switcher .stx-regional-switcher__Description {
	font-size: 14px;
	line-height: 20px;
	padding: 0 15px;
	margin-bottom: 15px
}

.stx-regional-switcher__trigger {
	cursor: pointer;
	border: 0;
	border-radius: 0;
	outline: 0;
	padding: 0;
	-webkit-appearance: none;
	background: 0 0;
	display: flex;
	align-items: center;
	color: currentColor;
	height: 100%
}

.stx-regional-switcher__trigger:focus {
	outline: 0
}

@media (max-width:1024px) {
	.stx-regional-switcher__trigger {
		width: 100%;
		justify-content: flex-end;
		padding: 16px 0;
		gap: 10px
	}
}

@media (min-width:1025px) {
	.stx-regional-switcher__trigger {
		font-size: 13px;
		line-height: 20px;
		padding: 0
	}

	.stx-regional-switcher__trigger::after {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(../../../images/chevron-regional-switcher.svg);
		margin-left: 10px;
		margin-top: 2px;
		height: 7px;
		width: 14px
	}
}

@media (max-width:1024px) {
	.stx-regional-switcher__label {
		font-size: 18px;
		line-height: 25px;
		padding: 16px 0
	}
}

@media (min-width:1025px) {
	.stx-regional-switcher__label {
		display: none
	}
}

.stx-regional-switcher__list {
	position: absolute;
	flex-direction: column;
	display: none;
	background: #fff;
	color: #000;
	border: 2px solid #000;
	padding: 15px 0
}

@media (min-width:1025px) {
	.stx-regional-switcher__list {
		right: -140px;
		top: calc(100% + 9px);
		gap: 4px;
		padding: 4px 0;
		min-width: 340px;
		padding-bottom: 15px
	}

	.stx-regional-switcher__list::before {
		border-style: solid;
		height: 0;
		width: 0;
		border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0);
		border-width: 0 6px 8px 6px;
		content: "";
		position: absolute;
		left: calc(50% - 6px);
		top: -7px;
		z-index: 1
	}

	.stx-regional-switcher__list::after {
		border-style: solid;
		height: 0;
		width: 0;
		border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #000 rgba(255, 255, 255, 0);
		border-width: 0 7px 9px 7px;
		content: "";
		position: absolute;
		left: calc(50% - 7px);
		top: -9px
	}
}

@media (max-width:1024px) {
	.stx-regional-switcher__list {
		inset: 0;
		background: #fff;
		padding: 0;
		border: none;
		z-index: 2
	}

	.stx-regional-switcher__list .stx-back-button--regional,
	.stx-regional-switcher__list .stx-regional-switcher__label {
		display: none
	}

	.stx-regional-switcher__list .stx-regional-switcher__title {
		font-size: 24px;
		line-height: 30px
	}

	.stx-regional-switcher__list .stx-regional-switcher__Description {
		font-size: 16px;
		line-height: 22px
	}

	.stx-regional-switcher__list .stx-regional-switcher__link {
		padding: 10px 16px
	}

	.stx-regional-switcher__list .stx-regional-switcher__link.active {
		background: 0 0;
		text-decoration: underline
	}
}

.stx-regional-switcher__link {
	color: currentColor;
	width: 100%;
	min-height: 22px;
	display: flex;
	align-items: center
}

.stx-regional-switcher__link img {
	display: none
}

@media (max-width:1024px) {
	.stx-regional-switcher__link {
		padding: 16px;
		font-size: 16px;
		line-height: 22px
	}

	.stx-regional-switcher__link.active {
		background: #fff
	}
}

@media (min-width:1025px) {
	.stx-regional-switcher__link {
		padding: 0 16px;
		font-size: 14px;
		line-height: 20px
	}

	.stx-regional-switcher__link.active,
	.stx-regional-switcher__link:hover {
		background: #fff
	}
}

.stx-regional-switcher.active .stx-regional-switcher__list {
	display: flex
}

.stx-regional-switcher.active .stx-regional-switcher__trigger::after {
	transform: rotate(180deg)
}

@media (max-width:1024px) {
	.stx-megamenu__regional-switcher .stx-regional-switcher {
		padding: 0 16px
	}
}

@media (min-width:1025px) {
	.stx-megamenu__regional-switcher .stx-regional-switcher {
		display: none
	}
}

.stx-umbrella {
	display: flex;
	color: currentColor;
	height: 100%
}

.stx-umbrella:first-child {
	margin-right: auto
}

.stx-umbrella.right {
	white-space: nowrap;
	display: flex;
	gap: 5px
}

@media (min-width:1025px) {
	.stx-umbrella.right img {
		height: 15px;
		width: 15px;
		filter: invert(1)
	}
}

.stx-umbrella .stx-umbrella__link,
.stx-umbrella .stx-umbrella__link-icon {
	font-size: 12px;
	line-height: 14px;
	letter-spacing: .01em;
	height: 100%;
	position: relative;
	align-items: center;
	display: flex
}

.stx-umbrella .stx-umbrella__link-icon.active,
.stx-umbrella .stx-umbrella__link.active {
	font-weight: 700
}

.stx-umbrella .stx-umbrella__link-icon.active::before,
.stx-umbrella .stx-umbrella__link.active::before {
	border-style: solid;
	height: 0;
	width: 0;
	border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0);
	border-width: 0 6px 7px 6px;
	content: "";
	position: absolute;
	left: calc(50% - 6px);
	bottom: 0
}

@media (max-width:1024px) {
	.stx-umbrella {
		flex-direction: column;
		gap: 20px;
		padding: 20px 16px;
		width: 100%
	}
}

@media (min-width:1025px) {
	.stx-umbrella {
		gap: 30px;
		align-items: center
	}
}

@media (min-width:1025px) {
	.stx-umbrella__link {
		font-size: 13px;
		line-height: 20px
	}
}

@media (max-width:1024px) {
	.stx-umbrella__link {
		font-size: 16px;
		line-height: 22px;
		display: flex;
		align-items: center
	}
}

@media (min-width:1025px) {

	.stx-main-bar .stx-megamenu__umbrella,
	.stx-top-bar .stx-megamenu__umbrella {
		display: none
	}
}

@media (max-width:1024px) {
	.menu-visible .stx-megamenu__umbrella {
		position: sticky;
		top: 0;
		width: 100%;
		background-color: #12225c;
		z-index: 1
	}

	.menu-visible .stx-megamenu__umbrella a {
		font-size: 14px;
		line-height: 20px;
		color: #fff
	}

	.menu-visible .stx-megamenu__umbrella a::before {
		display: none
	}

	.menu-visible .stx-megamenu__umbrella .stx-umbrella {
		gap: 0;
		padding: 0
	}

	.menu-visible .stx-megamenu__umbrella .stx-umbrella a {
		padding: 13px 15px
	}

	.menu-visible .stx-megamenu__umbrella .stx-umbrella>a {
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		justify-content: space-between;
		width: 100%
	}

	.menu-visible .stx-megamenu__umbrella .stx-umbrella>a::after {
		content: "More";
		color: #000;
		display: flex;
		align-items: center;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(../../../images/chevron-down-main.svg);
		background-position-x: right;
		background-position-y: center;
		padding-right: 25px;
		height: 10px;
		filter: invert(1);
		margin-left: auto;
		margin-right: 1px;
		margin-top: 0;
		font-size: 13px
	}

	.menu-visible .stx-megamenu__umbrella .stx-umbrella>div {
		display: none
	}

	.menu-visible .stx-megamenu__umbrella .stx-umbrella.has-focus>a::after {
		content: "";
		transform: rotate(180deg);
		padding-right: 0;
		width: 10px
	}

	.menu-visible .stx-megamenu__umbrella .stx-umbrella.has-focus>div {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 46px;
		width: 100%;
		background-color: #12225c
	}

	.menu-visible .stx-megamenu__umbrella .stx-umbrella.has-focus>div .stx-umbrella__link-icon:first-child {
		font-weight: unset
	}
}

.header-with-megamenu.new-header .stx-navigation {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	background: #fff;
	overflow: visible
}

.header-with-megamenu.new-header .stx-navigation .stx-back-button,
.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons {
	display: none
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-navigation {
		scroll-behavior: smooth
	}
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu-container .stx-megamenu__submenu--nested .stx-megamenu__submenu--nested {
		margin-top: 15px
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-site-search {
	padding-left: 25px;
	padding-right: 50px
}

.header-with-megamenu.new-header .stx-navigation .stx-site-search img {
	width: 20px
}

.menu-visible.header-with-megamenu.new-header .stx-navigation {
	display: flex
}

@media (max-width:576px) {
	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-ctas.stx-ctas {
		flex-direction: column
	}
}

@media (max-width:1024px) {
	.menu-visible.header-with-megamenu.new-header .stx-navigation {
		display: flex;
		flex-direction: column;
		overflow-y: auto
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-ctas.stx-ctas .button a {
		font-size: 17px !important
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons {
		width: 100%;
		display: flex;
		justify-content: space-evenly;
		padding-bottom: 50px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right {
		display: contents
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks a {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks a:hover {
		color: #000
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks img {
		width: 25px;
		height: 25px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-regional-switcher__trigger,
	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella__link-icon {
		font-size: 14px;
		line-height: 20px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-regional-switcher {
		padding: 0
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-regional-switcher .stx-regional-switcher__trigger {
		display: flex;
		flex-direction: column;
		padding: 0
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-regional-switcher .stx-regional-switcher__trigger .stx-regional-switcher__link-label-icon {
		width: auto;
		height: 20px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .iconLinks,
	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-megamenu__regional-switcher {
		flex-basis: 100%
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-ctas {
		align-self: auto;
		display: flex;
		flex-direction: row;
		width: 100%;
		padding-bottom: 25px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu {
		flex-direction: column;
		margin-left: 0;
		width: 100%;
		top: 0;
		overflow: visible
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-umbrella {
		display: flex;
		flex-direction: row;
		background-color: #000;
		color: #fff
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-umbrella a {
		font-size: 16px;
		line-height: 22px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner_iconlinks {
		display: none
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner {
		position: relative !important
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title {
		font-size: 16px;
		line-height: 22px;
		padding-top: 15px;
		padding-bottom: 5px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a::after {
		color: #000;
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(../../../images/chevron-megamenu-column-label-link.svg);
		position: absolute;
		margin-left: 5px;
		margin-top: 7px;
		height: 9px;
		width: 6px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--nested a {
		font-size: 14px;
		line-height: 20px;
		padding: 10px 0;
		width: -moz-fit-content;
		width: fit-content
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--nested a:hover {
		text-decoration: underline
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--nested:last-child a {
		padding-bottom: 20px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main label {
		font-size: 18px !important;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main label::after {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(../../../images/chevron-megamenu-column-label-link.svg);
		height: 10px;
		width: 10px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main .mimic-hover label::after,
	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main.active label::after {
		transform: rotate(180deg)
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main .mimic-hover>.stx-megamenu__inner,
	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main.active>.stx-megamenu__inner {
		display: contents
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main .mimic-hover>.stx-megamenu__inner .stx-megamenu__submenu-container,
	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main.active>.stx-megamenu__inner .stx-megamenu__submenu-container {
		display: flex;
		flex-direction: column
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-site-search {
		display: none !important;
		border: 1px solid #000;
		border-radius: 100px;
		padding: 10px 20px;
		margin: 24px
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-site-search::after {
		content: "Search";
		margin-left: 12px;
		position: relative;
		top: -3px
	}
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-navigation {
		display: none;
		position: absolute;
		top: 49px;
		left: 0;
		overflow: hidden
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item {
		padding-left: 24px
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu {
	display: flex;
	margin-left: auto;
	margin-right: auto
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .stx-megamenu__item {
		font-size: 14px;
		line-height: 20px
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .stx-megamenu__submenu-container {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr;
		display: flex;
		gap: 40px;
		flex: 1
	}
}

@media (min-width:1025px) and (max-width:1200px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .stx-megamenu__submenu-container {
		grid-template-columns: 1fr 1fr
	}
}

@media (min-width:1025px) {

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .mimic-hover>.stx-megamenu__inner,
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item.active>.stx-megamenu__inner {
		display: flex;
		flex-direction: row;
		justify-content: center
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .mimic-hover>.stx-megamenu__inner .stx-megamenu__container,
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item.active>.stx-megamenu__inner .stx-megamenu__container {
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		gap: 40px;
		width: 100%;
		max-width: calc(1200px + (2 * 15px));
		padding: 0 15px
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner {
	padding-bottom: 50px;
	width: 100%
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner .stx-megamenu__submenu-container {
		margin-left: 10px
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner .stx-megamenu__submenu-container .stx-megamenu__item {
		padding-left: 10px
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu a,
.header-with-megamenu.new-header .stx-navigation .stx-megamenu a:hover {
	color: currentColor;
	text-decoration: none
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu {
		flex: 1;
		position: relative;
		overflow-y: auto
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main {
	position: initial !important
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title {
	font-weight: 600;
	color: rgba(0, 0, 0, .75);
	font-size: 14px;
	line-height: 20px
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a {
	color: #000;
	font-size: 16px;
	line-height: 22px
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a::after {
	color: currentColor;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../../../images/chevron-megamenu-column-label-link.svg);
	position: absolute;
	margin-left: 5px;
	margin-top: 7px;
	height: 9px;
	width: 6px
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title:hover a {
	text-decoration: unset
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a::after {
		margin-left: 5px
	}
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title~.stx-megamenu__item {
		padding-left: 0
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a:hover {
		text-decoration: underline
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu,
.header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu-folder {
	display: inline-flex;
	flex-direction: column
}

@media (min-width:1025px) {

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu,
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu-folder {
		gap: 10px
	}
}

@media (max-width:1024px) {

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu,
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu-folder {
		gap: 0
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__link {
	display: flex;
	align-items: center
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__link {
		justify-content: space-between;
		padding: 16px 0;
		font-size: 18px;
		line-height: 25px
	}
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__link {
		justify-content: flex-start;
		gap: 8px;
		padding: 0;
		width: -moz-fit-content;
		width: fit-content
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__link--overview {
	padding-left: 16px;
	padding-right: 16px
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__link--overview {
		display: none
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item {
	padding: 0 16px
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main {
		padding: 0 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		white-space: nowrap
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .stx-megamenu__inner {
		width: 100%
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .stx-megamenu__inner .stx-megamenu__inner {
		width: 100%
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main,
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>label {
		cursor: pointer
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.active {
		text-decoration: underline;
		color: rgba(0, 0, 0, .55)
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__inner {
		cursor: default
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__inner::after {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		opacity: .75;
		z-index: -1;
		pointer-events: none
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main label {
	padding: 15px 0
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .button-with-image-gradient {
	width: 282px;
	transition: .3s;
	justify-content: flex-end;
	flex-direction: row-reverse;
	color: #fff
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .button-with-image-gradient img {
	width: 30px;
	height: 30px;
	margin-right: 25px;
	transition: filter .3s
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .stx-main--megamenu__inner_iconlinks {
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: #fff
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__link {
		border-bottom: 1px solid #e3e3e5
	}
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__link:hover {
		text-decoration: underline
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__link.with-children::after {
		display: none
	}
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--nested {
		padding-right: 0;
		width: 100%
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--nested>.stx-megamenu__link.mimic-hover:not(.with-children),
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--nested>.stx-megamenu__link:hover:not(.with-children) {
		text-decoration: underline
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item.active>.stx-megamenu__inner {
	display: flex
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner {
	position: absolute;
	display: none;
	min-height: 100%;
	flex-direction: column
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner {
		top: 0;
		left: 0;
		width: 100%;
		color: var(--color-text);
		background: #fff;
		padding: 0 16px
	}
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner {
		top: 100%;
		left: 0;
		padding: 16px 0;
		background: #fff;
		color: #000
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner .stx-megamenu__inner {
		top: 0;
		left: 100%;
		width: 100%
	}

	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner .stx-megamenu__submenu {
		flex: 1
	}
}

@media (min-width:1025px) and (min-width:1440px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner .stx-megamenu__submenu {
		max-width: 256px
	}
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner--nested {
		flex-wrap: wrap;
		flex-direction: row;
		align-content: flex-start
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__marketing-image-link img {
	width: 250px
}

@media (max-width:576px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__marketing-image-link img {
		width: 100%
	}
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu.stx-megamenu--no-marketing-image-on-mobile .stx-megamenu__marketing-image-link {
		display: none
	}
}

.header-with-megamenu.new-header .stx-ctas {
	display: flex;
	align-items: center;
	gap: 20px;
	z-index: 1;
	white-space: nowrap
}

@media (max-width:1024px) {
	.header-with-megamenu.new-header .stx-ctas {
		flex-direction: column;
		padding: 16px;
		align-self: flex-end
	}

	.header-with-megamenu.new-header .stx-ctas .button,
	.header-with-megamenu.new-header .stx-ctas .button a {
		width: 100%
	}

	.header-with-megamenu.new-header .stx-ctas .button a {
		height: 44px
	}
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-ctas {
		flex-direction: row;
		align-self: center
	}

	.header-with-megamenu.new-header .stx-ctas .button a {
		height: 40px
	}
}

.header-with-megamenu.new-header.menu-visible .navTrigger i:nth-child(2) {
	margin: 7px 0;
	transition: margin .1s;
	transition-delay: 0s
}

.header-with-megamenu.new-header .navTrigger {
	width: 20px
}

.header-with-megamenu.new-header .navTrigger::after {
	display: none
}

.dark-theme .header-with-megamenu.new-header .navTrigger i,
.transparent-theme .header-with-megamenu.new-header .navTrigger i {
	background-color: #fff
}

.header-with-megamenu.new-header .navTrigger>span {
	display: flex;
	justify-content: center;
	line-height: 12px;
	font-size: 12px
}

#wrapper .header-with-megamenu.new-header .stx-main-bar::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 10px;
	bottom: -10px;
	left: 0;
	background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .1))
}

#wrapper .header-with-megamenu.new-header .stx-main-bar>.button a {
	padding: 8px 20px
}

.stx-regional-switcher__list {
	border-radius: unset
}

@media (max-width:1024px) {
	.stx-regional-switcher__link.active {
		background: #f2f2f2
	}
}

@media (min-width:1025px) {

	.stx-regional-switcher__link.active,
	.stx-regional-switcher__link:hover {
		background: #f2f2f2
	}
}

.header-with-megamenu.new-header .stx-navigation .stx-site-search a {
	display: flex
}

@media (max-width:1024px) {
	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks a {
		color: #000
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main label {
		border-bottom: 1px solid #d9d9d9
	}

	.menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu__umbrella .stx-umbrella a {
		color: #fff
	}
}

@media (min-width:1025px) {
	.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.stx-megamenu__inner::after {
		/* background-color: #12225c; */
		background-image: unset
	}
}

.header-with-megamenu.new-header .stx-ctas .button a {
	justify-content: center;
	display: flex;
	align-items: center
}

.header-with-megamenu.new-header.menu-visible .navTrigger i:nth-child(2) {
	margin: 7px 0;
	transition: margin .1s
}

.header-with-megamenu.new-header .navTrigger i {
	background-color: #000;
	height: 2px;
	border-radius: 0
}

.header-with-megamenu.new-header .navTrigger i:nth-child(2) {
	margin: 2px 0;
	transition: margin .3s;
	transition-delay: .6s
}
.stx-umbrella.conter{
	white-space: nowrap;
	display: flex;
	gap: 2px;
}
/* 下拉菜单样式 */
.haha-dropdown-menu {
	z-index: 1000;
}

.haha-dropdown-menu li {
	padding: 8px 12px;
	border-bottom: 1px solid black;
	transition: color 0.2s; /* 颜色过渡动画，更丝滑 */
	cursor: pointer;
}
.haha-dropdown-menu li:hover{
	color: #5596ff;
}

.haha-dropdown-menu li a {
	text-decoration: none;
}

/* 让包含“哈哈”的容器成为相对定位，使下拉菜单相对于它定位 */
.stx-umbrella.conter {
	position: relative;
}
.haha-dropdown-toggle{
	background: #12225c;
	color: white;
}
.stx-regional-switcher__Description{
	font-size: 14px;
	line-height: 20px;
	padding: 0 15px;
	margin-bottom: 15px;
	max-width: 340px;
}
.stx-regional-switcher__title{
	font-size: 20px;
	line-height: 26px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}
.modal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content {
  position: relative;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  width: 80%;
}
.close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  cursor: pointer;
  color: #333;
}
.modal-content img {
  max-width: 300px;
  height: auto;
}