.main-menu{position: absolute; right: 360px; left: 360px;}
.main-menu a {text-decoration: none;}
ul{
	list-style-type: none;
	margin: 0; padding: 0; height: 72px;
	display: flex; justify-content: space-around;
	border-bottom: 1px solid var(--color-greenLight);

	/* box-shadow: 0 5px 16px -10px var(--color-grey); */
}
ul > li, ul > a > li{
	position: relative;	cursor: pointer;
	display: flex; flex-direction: column; justify-content: center;
	min-width: 100px; 
	padding: 0 16px; margin: 0;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent; 
	text-wrap: nowrap;
}
.main-menu > ul > li:hover{
	background: var(--color-bg-orangeLight);
	border-left: 1px solid var(--color-orangeLight);
	border-right: 1px solid var(--color-orangeLight);
	box-shadow: 0 0 16px -5px var(--color-grey);
}
.main-menu > ul > li:hover > ul{display: block;}
.main-menu li:nth-child(n+3) ul{right: 0; left: initial;}
.main-menu .fontello{color: var(--color-green);}

.active span.fontello,
.active span{color: var(--color-orange);}

.main-menu a, .main-menu a:visited, .main-menu a:link { color: var(--color-text); }
.main-menu a.orange{color: var(--color-orange);}

/* второй уровень */
.main-menu li > ul {
	display: none; z-index: 10;
	top: 71px; left: 0; border: 0;
	position: absolute; height: initial;
	background: var(--color-bg-orangeLight);
	box-shadow: 0 5px 16px -5px var(--color-grey);
}

.main-menu li > ul > a > li{
	height: 42px;
	border: 1px solid var(--color-orangeLight);
	border-bottom: 1px solid transparent;
	min-width: 140px;
}
.main-menu li > ul,
.main-menu li > ul > a:last-child > li {
	border-bottom-color: var(--color-orangeLight);
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

@media (max-width: 1230px) {
	.main-menu{position: initial;}
}

@media (max-width: 520px) {
	.main-menu li > div:not(.active) span:last-child{display: none;}
}