/* mega menu list */
.nav-menu{display: block; position: relative; list-style: none; margin: 0; padding: 0; z-index: 3001;}
/* a top level navigation item in the mega menu */

.nav-item{list-style: none; display: inline-block; padding: 0; margin: 0; cursor: pointer;}
/* first descendant link within a top level navigation item */

.nav-item > a{color: #fff; position: relative; display: inline-block; padding: 0.5em 1em; margin: 0 0 -1px 0; border: 1px solid transparent;}
/* focus/open states of first descendant link within a top level navigation item */

/* open state of first descendant link within a top level navigation item */
.nav-item > a.open{background-color: #63395b;border-bottom: none; z-index: 1;}

/* sub-navigation panel */
.sub-nav{position: absolute; display: none; padding: 0.5em 1em; background: rgba(0, 0, 0, 0.97); width: 97%; left: 0; z-index: 3002;}

/* sub-navigation panel open state */
.sub-nav.open{display: block;}

/* list of items within sub-navigation panel */
.nav-lists{}
.sub-nav-group.category>span{display: block; margin: 0 0 5px 0; color: #fff; text-transform: uppercase; font-size: 19px; letter-spacing: 1px; border-bottom: 1px solid #4D4D4D; padding: 4px 4px 10px 6px;}

.sub-nav-group.category a:hover{color: #fff; text-decoration: none; background-color: #333; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear;}
.sub-nav-group.category a{color: #fff; margin-bottom: 5px; padding: 5px; display: block; font-size: 17px; font-family: 'latoregular'; letter-spacing: .3px;}
.sub-nav ul{display: inline-block; vertical-align: top; margin: 0 1em 0 0; padding: 0;}
/* list item within sub-navigation panel */

.sub-nav li{display: block; list-style-type: none; margin: 0; padding: 0;}

.nav-lists.level2 ul>span{display: none;}
.nav-lists.level2 ul li{margin: 0 0 0 15px;}