/* One full-width HTML element in Flatsome's native Top Bar. */
html body #header .header-top:has(.mv-topbar) {
	background: #123b6d !important;
	min-height: 36px;
	height: auto !important;
}
html body #header .header-top .flex-col:has(.mv-topbar) {
	flex: 1;
	min-width: 0;
}
html body #header .header-top .nav:has(.mv-topbar),
html body #header .header-top .nav > li:has(.mv-topbar) {
	width: 100%;
	margin: 0 !important;
}
html body .mv-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	width: 100%;
	min-height: 36px;
	padding: 5px 0;
	box-sizing: border-box;
	color: #fff;
	font-family: var(--mv-font-sans);
	font-size: 11px;
	line-height: 20px;
}
html body .mv-topbar-contact {
	display: flex;
	align-items: center;
	gap: 22px;
	flex-shrink: 0;
}
html body #header .mv-topbar-contact a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	color: #fff !important;
	font-family: var(--mv-font-sans);
	font-size: 11px !important;
	font-weight: 500;
	line-height: 20px;
	text-transform: none;
	letter-spacing: 0;
	text-decoration: none;
}
html body #header .mv-topbar-contact a:hover {
	color: #fca5a5 !important;
}
html body #header .mv-topbar-contact a.mv-topbar-phone {
	font-family: var(--mv-font-mono);
	font-weight: 600;
}
html body .mv-topbar-contact strong {
	font-weight: 700;
}
html body .mv-topbar svg {
	display: block;
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	color: #f87171;
}
html body .mv-topbar-showrooms {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	width: 490px;
	max-width: 50%;
	margin-left: auto;
}
html body .mv-topbar-showrooms > svg {
	color: #93c5fd;
}
html body .mv-topbar-window {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	mask-image: linear-gradient(
		to right,
		transparent,
		#000 12px,
		#000 calc(100% - 12px),
		transparent
	);
}
html body .mv-topbar-track {
	display: flex;
	width: max-content;
	animation: mv-showrooms-scroll 24s linear infinite;
}
html body .mv-topbar-group {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 28px;
	padding-right: 28px;
}
html body #header .mv-topbar-place {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #e2e8f0;
	font-family: var(--mv-font-sans);
	font-size: 11px;
	line-height: 20px;
	white-space: nowrap;
}
html body .mv-topbar-place:before {
	content: "";
	width: 4px;
	height: 4px;
	flex: 0 0 4px;
	border-radius: 50%;
	background: #60a5fa;
}
html
body
.mv-topbar-showrooms:is(:hover, :focus, :focus-within)
.mv-topbar-track {
	animation-play-state: paused;
}
html body .mv-topbar-showrooms:focus-visible,
html body .mv-topbar-contact a:focus-visible {
	outline: 2px solid #93c5fd;
	outline-offset: 3px;
	border-radius: 3px;
}
@keyframes mv-showrooms-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
@media (max-width: 849px) {
	html body .mv-topbar {
		flex-wrap: wrap;
		gap: 3px;
		justify-content: center;
		padding: 6px 0;
	}
	html body .mv-topbar-contact {
		justify-content: center;
		flex-wrap: wrap;
		gap: 4px 18px;
		width: 100%;
	}
	html body .mv-topbar-showrooms {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	html body .mv-topbar-track {
		animation-duration: 28s;
	}
}
@media (prefers-reduced-motion: reduce) {
	html body .mv-topbar-track {
		animation: none;
	}
	html body .mv-topbar-group[aria-hidden] {
		display: none;
	}
	html body .mv-topbar-window {
		overflow-x: auto;
		mask-image: none;
	}
}