#catalog-menu {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
#catalog-menu a {
	white-space: nowrap;
	text-align: center;
	text-transform: uppercase;
	font-family: Roboto;
	font-size: 1.8rem;
	color: #5B5B5B;
	border: 1px solid #FFFFFF;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25);
	display: block;
	width: 100%;
	background: white;
}
#catalog-menu a.root-item {
	color: #95723D;
}
#catalog-menu li {
	flex-basis: 100%;
	position: relative;
}
#catalog-menu > li:not(:last-child) {
	margin-right: 1vw;
}
#catalog-menu li.item-selected a, #catalog-menu li:hover > a {
	background: #E7F4B9;
}
#catalog-menu li a.root-item-selected, #catalog-menu li:hover a.root-item {
	background: #A9C649;
	color: #FFFFFF;
}
#catalog-menu li ul {
	position: absolute;
	top: auto;
	display: none;
	z-index: 500;
	height: auto;
	min-width: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: white;
}
#catalog-menu li ul li {
	margin-top: 0.555556vw;
}

#catalog-menu li:hover ul ul,
#catalog-menu li.jshover ul ul,
#catalog-menu li:hover ul ul ul,
#catalog-menu li.jshover ul ul ul,
#catalog-menu li:hover ul ul ul ul,
#catalog-menu li.jshover ul ul ul ul,
#catalog-menu li:hover ul ul ul ul ul,
#catalog-menu li.jshover ul ul ul ul ul {
	display: none;
}

#catalog-menu li:hover ul,
#catalog-menu li.jshover ul,
#catalog-menu li li:hover ul,
#catalog-menu li li.jshover ul,
#catalog-menu li li li:hover ul,
#catalog-menu li li li.jshover ul,
#catalog-menu li li li li:hover ul,
#catalog-menu li li li li.jshover ul,
#catalog-menu li li li li li:hover ul,
#catalog-menu li li li li li.jshover ul {
	display: block;
}

@media (min-width: 1200px) {
	#catalog-menu {
		margin-bottom: 40px;
	}
	#catalog-menu a {
		border-radius: 18px;
		padding: 5px 11px;
	}
}
@media (min-width: 992px) {
	
}
@media (min-width: 768px) {
	
}
@media (min-width: 576px) {
	
}
@media (max-width: 575px) {
	
}