style.css

.nav-menu .mega-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 100%;
	z-index: 99;

	background: #009D67;
	padding: 30px 0;
}

.nav-menu .mega-menu .wrap {
	max-width: 1200px;
	margin: 0 auto;
}

.nav-menu .menu-item:hover > .mega-menu,
.nav-menu .menu-item.submenu-active > .mega-menu {
	opacity: 1;
	left: 0;
}

.nav-menu .mega-menu a {
	color: #fff;
	display: block;
	font-size: 14px;
	margin-bottom: 12px;
}