.main-menu-gpp {
	height: var(--main-menu-height, 3.75rem);
	background-color: var(--main-menu-bg);
	font-family: var(--main-menu-font-family);
	font-size: var(--main-menu-font-size);
	font-weight: var(--main-menu-font-weight);
	text-transform: var(--main-menu-text-transform);
	display: var(--menu-display, flex);
	-ms-flex-align: center;
	align-items: center;
	position: var(--main-menu-position, fixed);
	width: 100%;
	left: var(--main-menu-left, 0);
	right: var(--main-menu-right, 0);
	top: var(--main-menu-top, 0);
	z-index: var(--main-menu-z-index, 90);
	--container-width: var(--main-menu-container-width, none);
	--container-padding: var(--main-menu-container-padding);
}

.main-menu-gpp.opened {
	--menu-display: block;
	--menu-item-display-mobile: block;
	--main-menu-height: auto;
}

.main-menu-gpp__close {
	display: var(--menu-close-display, none);
}

.main-menu-gpp__items {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: var(--main-menu-justify-content, flex-end);
	justify-content: var(--main-menu-justify-content, flex-end);
	list-style: none;
	-ms-flex-direction: var(--main-menu-flex-direction, row);
	flex-direction: var(--main-menu-flex-direction, row);
	gap: var(--main-menu-gap, 30px);
}

.main-menu-gpp__item {
	border-width: var(--main-menu-item-border-width, 0);
	border-style: var(--main-menu-item-border-style, solid);
	border-color: var(--main-menu-item-border-color, transparent);
}

.main-menu-gpp__item.active {
	--menu-item-display-mobile: block;
	--main-menu-link-color: var(--main-menu-active-link-color, var(--theme-color));
}

.main-menu-gpp__link {
	color: var(--main-menu-link-color, var(--body-text-color));
	padding: var(--main-menu-link-padding, 0);
	display: block;
}

@media (max-width: 1023px) {

.main-menu-gpp__close {
	display: block;
	position: absolute;
	right: 20px;
	z-index: 2;
	top: 10px;
	transition: all 0.6s ease-in-out;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.main-menu-gpp__items {
	-ms-flex-direction: var(--main-menu-flex-direction-mobile, column);
	flex-direction: var(--main-menu-flex-direction-mobile, column);
}

.main-menu-gpp__item {
	padding: var(--main-menu-item-padding-mobile, 16px 0);
	border-bottom: 1px solid var(--body-text-color);
	position: relative;
	display: var(--menu-item-display-mobile, none);
}

.main-menu-gpp__item:last-child {
	border: none;
}

}