#nav > ul {
	 display: flex;
	 justify-content: center;
}
 #nav {
	 z-index: 999;
	 overflow: visible;
	 padding: 0;
   width:auto;
}

 #nav ul ul {
	 margin: 0;
}
 #nav > a {
	 display: none;
}
 #nav li {
	 position: relative;
	 margin-bottom: 0;
}
 #nav li a {
	 display: block;
}
 #nav li a:active {
	 background-color: #c00;
}
 #nav a.submenu:after, #nav li:hover > a.submenu:after, #nav span.submenu:after, #nav strong.submenu:after {
	 -webkit-transition: opacity 0.5s ease;
	 -moz-transition: opacity 0.5s ease;
	 -o-transition: opacity 0.5s ease;
	 transition: opacity 0.5s ease;
}
 #nav a.submenu:after, #nav span.submenu:after, #nav strong.submenu:after {
	 border-bottom: none;
   font-family: basic-icons;
   content: '\f004';
	 font-size: .8rem;
	 display: inline-block;
	 position: relative;
	 right: -0.3em;
	 opacity: 1;
}
 #nav .level_2 a.submenu:after, #nav .level_2 span.submenu:after, #nav .level_2 strong.submenu:after {
	 font-family: basic-icons;
   content: '\f006';
	 padding-left: 1em;
	 float: right;
}
 #nav .level_3 a.submenu:after, #nav .level_3 span.submenu:after, #nav .level_3 strong.submenu:after {
	 content: "+";
	 padding-left: 1em;
	 float: right;
}
 #nav li:hover > a.submenu:after, #nav li.active:hover strong:after {
	 opacity: 0;
}
 #nav > ul {
	 margin-bottom:0;
}
/*#nav > ul > li {
	 height: 100%;
	 position: relative;
	 display: inline-block;
}*/
 #nav ul.level_1 li span.active, #nav ul.level_1 li span.forward {
	 height: 100%;
	 padding: 0 1rem;
	 /*font-size: 1.5rem;
	 line-height: 4rem;*/
	 text-align: center;
}
 #nav ul.level_1 li strong.active, #nav ul.level_1 li strong.forward {
	 padding: 0 1rem;
	 /*font-size: 1.5rem;
	 line-height: 4rem;*/
	 text-align: center;
}

 #nav > ul > li > a {
	 padding: 0 1rem;
	 /*font-size: 1.5rem;
	 line-height: 4rem;*/
	 text-align: center;
	 color: #000;
}
 #nav > ul:not(:hover) > li.active > a, #nav > ul > li:hover > a {
	 color: #000;
}
 #nav li ul {
	 visibility: hidden;
	 position: absolute;
	 top: -5%;
	 width: max-content;
	 background-color: #000;
	 opacity: 0;
	 filter: alpha(opacity=0);
	 -webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	 backface-visibility: hidden;
}
 #nav.nav-reversed li ul {
	 width: 20em;
}
 #nav li:hover ul {
	 min-width: 12rem;
	 visibility: visible;
	 display: block;
	 right: 0;
	 left: 0;
	 top: 100%;
	 opacity: 1;
	 -webkit-transition: opacity 0.4s;
	 -moz-transition: opacity 0.4s;
	 -o-transition: opacity 0.4s;
	 transition: opacity 0.4s;
	 filter: alpha(opacity=100);
	 -webkit-box-shadow: 6px 6px 40px -10px rgba(0, 0, 0, 0.75);
	 -moz-box-shadow: 6px 6px 40px -10px rgba(0, 0, 0, 0.75);
	 box-shadow: 6px 6px 40px -10px rgba(0, 0, 0, 0.75);
}
/* #nav li.last:hover ul {
	 right: 0;
	 left: auto;
}
*/
 #nav li ul.level_2 a {
	 display: block;
	 /*font-size: 1.1rem;
	 line-height: 1em;*/
	 text-align: left;
	 padding: 0.7em 1em;
	 color: #fff;
}
 #nav ul.level_2 li span.active, #nav ul.level_2 li span.forward {
	 display: block;
	 /*font-size: 1.1rem;
	 line-height: 1em;*/
	 text-align: left;
	 padding: 0.7em 2em;
}
 #nav ul.level_2 li strong.active, #nav ul.level_2 li strong.forward {
	 display: block;
	 /*font-size: 1.1rem;
	 line-height: 1em;*/
	 text-align: left;
	 padding: 0.7em 1em;
	 color: #fff;
}
 #nav li ul li a:hover, #nav li ul:not(:hover) li.active a {
	 position: relative;
	 color: #000;
	 cursor: pointer;
	 background-color: #000;
}
 #nav ul ul li.active {
	 position: relative;
	 color: #000;
	 cursor: pointer;
	 background-color: #000;
}
 #nav ul li.active.submenu {
	 cursor: pointer;
}
 #nav ul.level_2 li ul.level_3, #nav ul.level_3 li ul.level_4 {
	 visibility: hidden;
	 left: 80%;
	 top: 0;
	 opacity: 0;
}
 #nav.nav-reversed ul.level_2 li ul.level_3, #nav.nav-reversed ul.level_3 li ul.level_4 {
	 left: -80%;
}
 #nav ul.level_2 li:hover ul.level_3, #nav ul.level_3 li:hover ul.level_4 {
	 visibility: visible;
	 position: absolute;
	 top: 0;
	 left: 100%;
	 width: max-content;
	 -webkit-transition: opacity 0.6s, 0.2s;
	 -moz-transition: opacity 0.6s, 0.2s;
	 -o-transition: opacity left 0.6s, 0.2s;
	 transition: opacity 0.6s, 0.2s;
	 opacity: 1;
}
 #nav.nav-reversed ul.level_2 li:hover ul.level_3, #nav.nav-reversed ul.level_3 li:hover ul.level_4 {
	 width: 20em;
}
 #nav.nav-reversed ul.level_2 li:hover ul.level_3, #nav.nav-reversed ul.level_3 li:hover ul.level_4 {
	 left: -100%;
}