ul#menu  {
 padding-inline-start: 0px;
 margin-bottom: 0;
 }
 
 ul#menu li {
  list-style: none;
 }

 ul#menu li:hover > #mega {
  display: block;
  -webkit-animation: slide-down .4s ease-out;
  -moz-animation: slide-down .4s ease-out;
}

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

@-moz-keyframes slide-down {
  0% {
    opacity: 0;
    -moz-transform: translateY (0%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
 ul#menu .catalog:hover  {
  background: -moz-linear-gradient(45deg, rgba(255,136,152,1) 0%, rgba(255,190,195,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,136,152,1)), color-stop(100%, rgba(255,190,195,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,136,152,1) 0%, rgba(255,190,195,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,136,152,1) 0%, rgba(255,190,195,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,136,152,1) 0%, rgba(255,190,195,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,136,152,1) 0%, rgba(255,190,195,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBEC3', endColorstr='#FF8898',GradientType=1 ); /* ie6-9 */
  -webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
border-bottom: 0px;
}

#mega {
	 font-family: "Roboto",Helvetica,Arial,sans-serif;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  height: 470px;
  padding: 20px 30px;
  background: #fff;
  display: none;
  z-index: 9900;
   -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.22);
    box-shadow:0 0 20px 0 rgba(0,0,0,.22);
 -webkit-animation: slide-down .3s ease-out;
  -moz-animation: slide-down .3s ease-out;
  overflow-y: scroll;
  margin-top: -1px;

}

ul#menu ul {
  float: left;
  width: 100%;
  margin: 0 2% 15px 0;
  padding: 0;
  list-style: none;
}

ul#menu ul li {
  display: block;
      padding-inline-start: 10px;
}

#mega a {
  float: left;
  display: block;
  width: 100%;
  height: auto;
  color:  #434655;
  text-decoration: none;
  padding: 5px 7px;
  text-align: left;
  text-transform: none;
  font-size: 15px;
  font-weight: 400;
 margin-bottom: 0;
 line-height: 18px;

}

#mega img {
	width: 35%;
	 float: left;
	  display: block;
	   margin-left: 15px;
	    margin-bottom: 10px;
border-radius: 5px;

border: 1px solid #ededed;
}


#mega i {
	margin-right: 7px;
	color: #999;
}

ul#menu ul li a:hover i {
	color: #FF9BA7;
}
ul#menu ul li a:hover {
  color: #72B9E2;
 
}

ul#menu ul li:first-child a:hover {
  color: #888;
}



ul#menu ul li:first-child a {
  font-size: 14px;
  color: #434655;
  font-weight: 600;
  margin-bottom: 7px;
  text-transform: uppercase;

}

ul#menu ul li:first-child i {
	color: #434655;
	margin-right: 5px;
}