.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:20px;
}
.mainmenu li{
	margin-bottom: 10px;
	padding: 5px 15px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	background: #f2f0f1;
}
.mainmenu a {
  display: block;
  text-decoration: none;
  color: #5E5E5E;
  padding:5px 0;
}
.mainmenu a .textmmul{ display:inline-block; width:auto; max-width:190px; height:24px; line-height:26px;}
.mainmenu li:hover a,
.mainmenu li.active { background: #ffffff; color:#000000; }
.mainmenu li.active a{ color:#000000; }
.mainmenu li:hover{ background: #ffffff; }

.submenu{ padding-left:15px;}

.mainmenu li:hover .submenu,
.mainmenu li.active .submenu {
	display: block;
	max-height: 900px;
}

.mainmenu li .fa-angle-down,
.mainmenu li .fa-angle-down{
	display: none;
}
.mainmenu li:hover .fa-angle-down,
.mainmenu li.active .fa-angle-down{
	display: block;
}
.mainmenu li .fa-angle-right,
.mainmenu li .fa-angle-right{
	display: block;
}
.mainmenu li:hover .fa-angle-right,
.mainmenu li.active .fa-angle-right{
	display: none;
}


.mainmenu .submenu li{
	border: none;
	box-shadow: none;
	margin: 2px 0 0 0;
	padding: 0;
	background: none;
	
}
.mainmenu .submenu li a{
	padding:0;
	color: #5E5E5E;
}


/* hover behaviour for links inside .submenu */
.submenu li:hover a,
.submenu a:hover { color:#000000;}

/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}