ul.submenu {
    display: flex;
    flex-flow: column;
    width: 100%;
    padding: 0 !important;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);

}

ul.submenu  li {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}



@media (min-width: 767px) {

ul.submenu {
	margin: 0px 0px -110px 0px!important;
	}

ul.submenu  {

 	opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: .3s ease-in-out;	
}

.menu ul li:hover ul.submenu  {
   opacity: 1; 
   transform: scaleY(1); 
}

}


@media (max-width: 767px) {

 a.nodisplay {
	display: none!important;
	}
}



#main-menu {
	display: flex;
	list-style: none;
	justify-content: space-between;
	z-index: 10;
}
#main-menu li a.root-item, #main-menu li a.root-item-selected {
	text-transform: uppercase;
	line-height: 1.666667;
}
#main-menu li ul {
	position: absolute;
	display: none;
	z-index: 500;
	background: white;
	border: 1px solid #90BA04;
}
#main-menu li a {
	color: #90BA04;
	font-size: 1.8rem;
	font-family: RotondaC;
	text-decoration: none;
	font-weight: bold;
}
#main-menu .li-root-item:hover, #main-menu .li-root-item.selected {
	background-color: #9BC01E;
	box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.25);
	border-radius: 100px;
}
#main-menu li:hover a, #main-menu li a.root-item-selected, #main-menu li.item-selected a {
	color: white;
}
#main-menu li li:not(:last-child) {
	border-bottom: 1px solid #90BA04;
}
#main-menu li li a {
	display: inline-block;
	width: 100%;
}
#main-menu li:hover li a {
	color: #818181;
	font-weight: normal;
	font-size: 1.5rem;
}
#main-menu li:hover li:hover a, #main-menu li:hover li.item-selected a {
	color: #5B5B5B;
}
#main-menu li ul li:hover, #main-menu li.item-selected {
	background-color: #FFFBB5;
}

#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul,
#main-menu li:hover ul ul ul ul ul {
	display: none;
}

#main-menu li:hover ul,
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul,
#main-menu li li li li li:hover ul {
	display: block;
}


@media (min-width: 1200px) {
	#main-menu li ul {
		border-radius: 9px;
	}
	#main-menu {
		height: 30px;
		margin-left: 239px;
	}
	#main-menu li li a {
		padding: 4px 15px;
	}
	#main-menu .li-root-item {
		padding: 0 9px;
	}
	.sub-menu-wrap {
		padding-top: 8px;
	}
	#main-menu li ul li:first-child {
		border-top-left-radius: 9px;
		border-top-right-radius: 9px;
	}
	#main-menu li ul li:last-child {
		border-bottom-left-radius: 9px;
		border-bottom-right-radius: 9px;
	}
}
@media (min-width: 992px) {
	
}

@media (min-width: 576px) {
	
}
@media (max-width: 575px) {
	
}