/* Generic CSS for Mega jQuery Plugin */

.mega-wrap {
	width: 100%;
	margin: 0px;
	position: relative;
	background-color: #000000;
	background-color: rgba(0,0,0,.75);
}

.mega {
	width: 100%;
	position:relative;
}

/* general ul style */
.mega ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.mega > ul{
	margin: 0 auto;
	padding: 0;
}

.mega .mega-sub-menu {
}

.mega > ul > li {
/*	display: inline-block; */ /* this was causing an ie8 layout bug, that even hasLayout couldn't solve! */
	float:left;
	margin:0;
}

.mega > ul > li > a {
	font-weight: normal;
	padding: 1em 2em;
	color: #FFF;
	display: inline-block;
	zoom:1;
	text-decoration:none;
-webkit-transition: -webkit-transform 400ms ease;
-moz-transition: -moz-transform 400ms ease;
-o-transition: -o-transform 400ms ease;
transition: padding 400ms ease;
transition: all 400ms ease;
}

.mega > ul > li > a.current {
	background-color:#552D81;
}


.no-touch .mega > ul > li > a:hover {
/*	color: #47a3da; */
background-color:#552D81;
}

.mega > ul > li.opened > a,
.mega > ul > li.opened > a:hover {
	color: #fff;
	background: #61B4E4;
	font-weight:normal;
}

/* sub-menu */
.mega .mega-sub-wrap {
	display: none;
	position: absolute;
	background: #61B4E4;
	width: 100%;
	left: 0;
	padding:16px;
	z-index:9999;
}

.opened .mega-sub-wrap {
	display: block;
}

.mega .mega-sub-menu > div a {
	line-height: 1em;
	color:#FFF;
	font-weight:normal;
}
.mega .mega-sub-menu > div li {
	padding:5px 0;
}
.is-sticky .mega-wrap {
	width: 100% !important;
	left: 0;
}
.is-sticky .mega > ul > li > a {
	padding: 5px 15px;
}
.is-sticky .mega-sub-wrap{
	max-height:415px;
	overflow:auto;
}


@media screen and (max-width: 43em) { 

	.is-sticky .mega-sub-wrap{
		max-height:none;
		overflow:visible;
	}
	.opened .mega-sub-wrap{
/*		box-shadow:0 0 10px #000000 inset; */
	}

	.mega {
		font-size: 120%;
	}


	.mega > ul,
	.mega .mega-sub-menu {
		width: 100%;
		padding: 0;
	}

	.mega .mega-sub-menu {
		font-size: 75%;
	}

	.mega > ul > li {
/*		float:none;
		display: block; */
/*	float:none;
	display:inline-block;	*/
	width:50%;
	}

	.mega > ul > li > a { 
		display: block;
		border:1px solid #333;
		border-width:0 1px 1px 0;
		
/*		border-color: #333 #333 #000 #000; */
/*		padding:5px 15px; */
	}
	.mega > ul > li.opened > a { 
		border-bottom:none;
	}

	.mega .mega-sub-wrap { 
/*		position: relative; */
	}

	.mega-sub-wrap h4 {
		padding-top: 0.6em;
	}

}

@media screen and (max-width: 36em) { 
}