.navbar-mainnavigation .dropdown-menu {
  margin-left: 0;
  margin-right: 0;
}

.navbar-mainnavigation .dropdown-menu {

	-webkit-animation: slide-up .4s ease-out;
    -moz-animation: slide-up .4s ease-out;

}

.navbar-mainnavigation .dropdown-menu.show {
	-webkit-animation: slide-down .4s ease-out;
    -moz-animation: slide-down .4s ease-out;
}


@-webkit-keyframes slide-down {
      0% { 1opacity: 0; -webkit-transform: translateY(-100%); }   
    100% { 1opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { 1opacity: 0; -moz-transform: translateY(-100%); }   
    100% { 1opacity: 1; -moz-transform: translateY(0); }
}


@-webkit-keyframes slide-up {
      0% { opacity: 1; -webkit-transform: translateY(0); }   
    100% { opacity: 0; -webkit-transform: translateY(-100%); }
}
@-moz-keyframes slide-up {
      0% { opacity: 1; 1-moz-transform: translateY(0); }   
    100% { opacity: 0; 1-moz-transform: translateY(-100%); }
}


/********* mega-dropdown-menu ************/

.navbar-mainnavigation .navbar-brand {
	height: 60px !important;
}

/* important for full width */

.mega-dropdown {
	position: static !important;
}


.mega-dropdown-menu {
	margin: 0px auto !important;
	color: #000 !important;
	position: absolute !important;
}

.mega-dropdown-menu img {
	max-width: 100px;
}

li .mega-dropdown-menu {
	margin-top: -10px !important;
	padding: 0px 20px !important;
	width: 100%;
	background: linear-gradient(to bottom, white, #c1dbf7);
}
.mega-dropdown-menu .frame {
	box-sizing: border-box;
	width: 25%;
	float: left !important;
	1height: 400px;
	overflow: hidden;
}

/** important otherwise the 2. frame element is to high **/
.mega-dropdown-menu .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {
	margin-top: 0;
}

.mega-dropdown-menu {
	margin-top: -120px;
	background-color: #e0e0e0;
	border: 1px solid green;
}

.mega-dropdown-menu .frame-container {
	1height: 300px;
	boxing-sizing: border-box;
	padding: 0 10px;
	border-left: 1px dotted gray;
}

.mega-dropdown-menu .frame:nth-child(1) .frame-container {
	border-left: none;
	padding: 0 10px;
}