/* http://www.jqueryscript.net/demo/Creating-An-Accessible-Mega-Menu-with-jQuery-CSS3/ */

    /* mega menu list */
    .nav-menu {
    	float: left;
        display: block;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 199;
        text-align: left;
    }

    /* a top level navigation item in the mega menu */
    .nav-menu li.nav-item {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 0;
        border-right: 1px solid #DEDEDE;
    }
    .nav-menu li.nav-item:last-child {
    	border-right: 0;
    }

    .nav-menu li.menu-level-1 {
    	float:left;
    }

    .nav-menu li.menu-level-1.home {
    	padding: 23px 10px 23px 0;
    	line-height: 0;
    }

    .nav-menu li.menu-level-1.home a {
		text-indent: -9999em;
		background-image: url(../../../images/spritesheet.png);
		background-repeat: no-repeat;
		display: inline-block;
		width: 26px;
		height: 27px;
		background-position: -5px -5px;
	}

	.nav-menu li.menu-level-1.home a:hover {
		background-image: url(../../../images/spritesheet.png) !important;
		background-position: -5px -42px !important;
	}

	.nav-menu li.nav-item:nth-of-type(1)
	{
	    border-left: 0;
	}

    /* first descendant link within a top level navigation item */
    .nav-item > a {
        position: relative;
        display: inline-block;
        padding: 10px 10px;
        text-decoration: none;
    }
    .nav-item > a:hover {
    	text-decoration: none;
    }

    /* focus/open states of first descendant link within a top level
       navigation item */
    .nav-item > a:focus,
    .nav-item > a.open {
        /*border: 1px solid #dedede;*/
    }

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

    /* sub-navigation panel */
    div.sub-nav {
        position: absolute;
        padding: 0 1px;
        display: block;
        top: 36px; /*2.2em;*/
        /*margin-top: -1px;*/
        padding: 10px 10px 1em;
        border: 1px solid #dedede;
        background-color: #fff;
        line-height: normal;
        visibility: hidden;
        top: -9999em;
	    max-height: 0px;
	    overflow: hidden;
	    opacity: 0;
	    /*
		-webkit-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
       	-moz-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        -ms-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        -o-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        */
		-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
        box-sizing: border-box;
        /*margin-left: -1px;*/
        z-index: 198;

    	-webkit-box-shadow: 0 4px 6px -2px rgba(0,0,0,.5), inset 1px 1px 0 #fff;
        -moz-box-shadow: 0 4px 6px -2px -moz-rgba(0,0,0,.5), inset 1px 1px 0 #fff;
        box-shadow: 0 4px 6px -2px rgba(0,0,0,.5), inset 1px 1px 0 #fff;
    }

    /* sub-navigation panel open state */
    div.sub-nav.open {
    	display: block;
    	top: auto;
    	visibility: visible;
	    max-height: 600px;
	    opacity: 1;
    	-webkit-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
		-moz-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
        -ms-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
        -o-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
        transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
    }

    div.sub-nav.full-width {
        width: 100%;
        left: 0;
    }

    /* list of items within sub-navigation panel */
    div.sub-nav ul {
        display: inline-block;
        vertical-align: top;
        /*margin: 0 1em 0 0;*/
        padding: 0;
        width: 100%;
    }

    /* list item within sub-navigation panel */
    div.sub-nav li {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0 5px;
    }

    div.sub-nav .item-menu {
	    display: inline-block;
	    /*min-width: 150px;*/
	    width: 100%;
    }

    div.sub-nav .item-menu:hover {
    	text-decoration: none;
    }

    .nav-menu a.item-menu-2 {
    	margin-bottom: 5px;
    }

    div.sub-nav .item-menu-2 {
    	font-weight:bold;
    }

    .sub-nav-group {
    	float: left;
    }

    .sub-nav .sub-nav-row {
    	width: 100%;
    	clear: both;
    	float: left;
    	margin-bottom: 5px;
    }

    div.sub-nav .sub-nav-column {
    	float: left;
    }

    .dropdown-menu-debug {
    	display: block !important;
    	visibility: visible !important;
	    max-height: 600px !important;
	    opacity: 1 !important;
	    top: 40px;
    }

    .hidden-nav-button {
        float: left;
        line-height: 38px;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #DDD;
        border-left: 0;
    }

    .hidden-nav-button:hover {
    	color: #555;
    	background: #eee;
    	text-decoration: none;
    }

    .hidden-menu-wrapper:hover .hidden-nav-menu {
        display: block;
    }

    .hidden-nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        z-index: 1000;
        background: #fff;
        border: 1px solid #ddd;
    }