.region-primary-menu .block-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.menu--main .navbar-nav {
	position: relative;
	width: 100%;
}

.page-search-area {
	display: flex;
	column-gap: 1rem;
	align-items: center;
	position: absolute;
	right: 0;
}

.page-search-area__icon {
	display: block;
	cursor: pointer;
}

.page-search-area:hover .page-search-area__icon {
	/* display: none; */
}

.page-search-area__form {
	display: none;
}

.page-search-area__form.active {
  display: flex;
}

.page-search-area:hover .page-search-area__form {
	/* display: block; */
}

.page-search-area__form div {
	margin: 0!important;
}

.page-search-area__form .flex-wrap {
	display: flex;
	column-gap: 10px;
}

.page-search-area__form input {
	background-color: #fff;
	border: none;
	height: 33px;
	text-transform: math-auto;
}

.page-search-area__form input::placeholder {
	color: #888;
	font-size: 14px;
}

.page-search-area:hover .page-search-area__form input {
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}

.page-search-area__icon,
.page-search-area__form button {
	position: relative;
	background: url(/sites/default/files/media-icons/icon-search-white.svg) no-repeat center;
	background-size: 20px 220px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	width: 42px;
	height: 33px;
	display: inline-block;
	padding: 0;
	border-radius: 0.25rem;
	box-shadow: none;
}