.megamenu {
position: absolute;
top: 100%;
  width: 100%;
  transform-origin: center top;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transition: transform 250ms ease-out, opacity 450ms ease-out;
  -webkit-transition: -webkit-transform 250ms ease-out, opacity 450ms ease-out;
  -moz-transition: -moz-transform 250ms ease-out, opacity 450ms ease-out;
  -ms-transition: -ms-transform 250ms ease-out, opacity 450ms ease-out;
  -o-transition: -o- transform 250ms ease-out, opacity 450ms ease-out; }

.megamenu {
  transform: scaleY(0.00001);
  -webkit-transform: scaleY(0.00001);
  -moz-transform: scaleY(0.00001);
  -ms-transform: scaleY(0.00001);
  -o-transform: scaleY(0.00001);
  opacity: 0; }

.megamenu.active {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  opacity: 1; }