.topbar {
	display: flex;
	justify-content: flex-end;
}

ul.topbar_parts {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	padding: 8px 62px 8px 44px;
	color: white;
	gap: 40px;
	background: #F4F1ED66 0% 0% no-repeat padding-box;
	border-radius: 0px 0px 0px 20px;
}

.topbar_parts a {
	color: white;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
}

.review_widget {
	display: flex;
	align-items: center;
	gap: 9px;
}

.logo_menu_wrapper {
	display: flex;
	align-items: center;
}

nav.menu ul.menu {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 46px;
}

nav.menu li {
	position: relative;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	transition: background-color 0.3s;
}

body.admin-bar header {
	top: 32px;
}

nav.menu ul.menu > li > a {
	text-decoration: none;
	color: white;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 5px;
}

nav.menu li.has_mega_menu > a:after,
nav.menu li.menu-item-has-children > a:after {
	content: '';
	display: block;
	width: 7px;
	height: 4px;
	background-image: url(../img/arrow-down-white.svg);
}

.scrolling nav.menu li.has_mega_menu a:after,
.scrolling nav.menu li.menu-item-has-children> a:after,
.white_header nav.menu li.has_mega_menu a:after,
.white_header nav.menu li.menu-item-has-children> a:after,
.mega_menu_open nav.menu li.has_mega_menu a:after,
.mega_menu_open nav.menu li.menu-item-has-children> a:after {
	background-image: url(../img/arrow-down-brown.svg);
}

.review_logo img {
	display: block;
}

.review_rating {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}

.review_stars {
	height: 12px;
	width: 70px;
	position: relative;
}

.fill_review_stars {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url(../img/star-space-right.svg);
	background-repeat: repeat-x;
}

a.review_count {
	font-size: 14px;
	line-height: 18px;
	text-decoration: underline;
	margin-left: 0px;
}

.contact_widget a {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	line-height: 18px;
}

.contact_widget a:hover {
	text-decoration: underline;
}

.contact_widget a:before {
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
}

.contact_widget.email a:before {
	width: 13px;
	height: 9px;
	background-image: url(../img/email.svg);
}

.contact_widget.tel a:before {
	width: 12px;
	height: 12px;
	background-image: url(../img/tel.svg);
}

.logo img {
	display: block;
	height: 78px;
	width: auto;
}

img.logo_dark {
	display: none;
}

.header_contact_buttons {
	visibility: hidden;
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 16px;
}

.secondary.button.creme {
	background-color: var(--creme) !important;
}

.scrolling .header_contact_buttons,
.white_header .header_contact_buttons,
.mega_menu_open .header_contact_buttons {
	visibility: visible;
}

.scrolling header,
.white_header header,
.mega_menu_open header,
.mobile_menu_open header {
	background-color: white;
}

.scrolling nav.menu ul.menu > li > a,
.white_header nav.menu ul.menu > li > a,
.mega_menu_open nav.menu ul.menu > li > a {
	color: var(--brown);
}

.scrolling ul.topbar_parts,
.white_header ul.topbar_parts,
.mega_menu_open ul.topbar_parts {
	background: var(--creme);
}

.scrolling .topbar_parts a,
.white_header .topbar_parts a,
.mega_menu_open .topbar_parts a {
	color: black;
}

.scrolling .review_rating,
.white_header .review_rating,
.mega_menu_open .review_rating {
	color: black;
}

.scrolling .contact_widget.email a:before,
.white_header .contact_widget.email a:before,
.mega_menu_open .contact_widget.email a:before {
	background-image: url(../img/email-black.svg);
}

.scrolling .contact_widget.tel a:before,
.white_header .contact_widget.tel a:before,
.mega_menu_open .contact_widget.tel a:before {
	background-image: url(../img/tel-black.svg);
}

.scrolling header,
.white_header header,
.mega_menu_open header {
	box-shadow: 0px 6px 12px #00000014;
}

.scrolling .logo_dark,
.white_header .logo_dark,
.mega_menu_open .logo_dark,
.mobile_menu_open .logo_dark {
	display: block;
}

.scrolling .logo_light,
.white_header .logo_light,
.mega_menu_open .logo_light,
.mobile_menu_open .logo_light {
	display: none;
}

nav.menu {
	margin-left: auto;
}

nav.menu .sub-menu {
	display: none;
}

nav.menu li:hover .sub-menu {
	display: block;
}

nav.menu .sub-menu {
	position: absolute;
	background-color: white;
	width: 248px;
	margin: 0;
	list-style: none;
	padding: 24px;
	box-shadow: 0px 6px 12px #00000014;
	bottom: 0;
	transform: translateY(100%);
}

nav.menu .sub-menu li {
	margin-bottom: 16px;
}

nav.menu .sub-menu li:last-child {
	margin-bottom: 0;
}

nav.menu .sub-menu a {
	color: var(--brown);
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

nav.menu .sub-menu a:hover {
	text-decoration: underline;
}

nav.menu .sub-menu a:after {
	display: none;
}

nav.menu ul.menu > li {
	padding: 37px 0;
}

.white_header {
	padding-top: 135px;
}

.static_header header {
	position: static;
}

.static_header {
	padding-top: 0;
}

.static_header section.logo_menu {
	position: relative;
	z-index: 2;
}

.button.showroom:before {
	content: '';
	background-image: url(../img/calendar-black.svg);
	width: 12px;
	height: 14px;
	display: block;
	flex: 0 0 12px;
}

@media (max-width: 1549px) {
	header .button .request {
		display: none;
	}
}

@media (max-width: 1499px) {
	nav.menu ul.menu {
		gap: 32px;
	}
}

@media (max-width: 1399px) {
	header .button.secondary {
		font-size: 0;
		padding-left: 18px;
		padding-right: 18px;
		gap: 0;
	}
}

@media (max-width: 1299px) {
	.logo img {
		width: 200px;
	}

	nav.menu ul.menu {
		gap: 28px;
	}
}

@media (max-width: 1199px) {
	nav.menu ul.menu > li > a {
		font-size: 14px;
	}

	.logo img {
		width: 150px;
	}

	nav.menu ul.menu {
		gap: 25px;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	.header_contact_buttons {
		gap: 10px;
	}

	header .button, a.button[href] {
		padding: 14px 15px;
	}

	header .button.primary:after {
		display: none;
	}
}

@media (min-width: 992px) {
	.hamburger_menu {
		display: none;
	}

	.mobile_menu {
		display: none;
	}
}

@media (max-width: 991px) {
	.white_header {
		padding-top: calc(81px + 20px);
	}

	.static_header {
		padding-top: 0;
	}

	.topbar {
		display: none;
	}

	header nav.menu {
		display: none;
	}

	.header_contact_buttons {
		display: none;
	}

	header {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.hamburger_menu {
		width: 21px;
		height: 17px;
		cursor: pointer;
		background-image: url(../img/hamburger-light.svg);
	}

	.logo_menu_wrapper {
		justify-content: space-between;
	}

	.scrolling .hamburger_menu,
	.mobile_menu_open .hamburger_menu {
		background-image: url(../img/hamburger-dark.svg);
	}
}