Carview!

/*MENU*/

#top-menu-nav a {font-weight:400}

#top-menu-nav>ul>li>a:hover {opacity:1;color:#e40303 !important}

#et-secondary-menu>ul>li>a:hover {opacity:1;color:#007fff}

/*Sub-menu*/

.et-fixed-header #top-menu>li>a {color:#fff !important}

#top-menu .sub-menu li a:hover::before {background:none}

#top-menu .sub-menu li a:hover {background:#007fff;color:#fff !important;opacity:1}

/*SUBMENU ANIMATIONS*/

#top-menu-nav ul.sub-menu,.pm_submenu_effects .et-menu-nav ul.sub-menu {overflow: hidden;border-top: 0;border-radius: 3px;background-color: transparent !important;padding: 0px !important;-webkit-box-shadow: none !important;box-shadow: none !important}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu,#top-menu-nav ul#top-menu > li:focus ul.sub-menu,.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu,.pm_submenu_effects .et-menu-nav ul.et-menu > li:focus ul.sub-menu {max-height: 2000px}

#top-menu-nav #top-menu li li a,.pm_submenu_effects .et-menu-nav .et-menu li li a {width: 240px !important;color:#fff !important}

#top-menu-nav #top-menu li li,.pm_submenu_effects .et-menu-nav .et-menu li li {padding: 0px !important;background-color:#556069 !important}

/*common css for all animations*/

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(1),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(1) {-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(2),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(2) {-webkit-transition-delay: 66ms;-o-transition-delay: 66ms;transition-delay: 66ms}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(3),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(3) {-webkit-transition-delay: 133ms;

-o-transition-delay: 133ms;transition-delay: 133ms}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(4),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(4) {-webkit-transition-delay: 200ms;

-o-transition-delay: 200ms;transition-delay: 200ms}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(5),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(5) {-webkit-transition-delay: 266ms;

-o-transition-delay: 266ms;transition-delay: 266ms}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(6),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(6) {-webkit-transition-delay: 333ms;

-o-transition-delay: 333ms;transition-delay: 333ms}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(7),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(7) {-webkit-transition-delay: 400ms;

-o-transition-delay: 400ms;transition-delay: 400ms}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(8),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(8) {-webkit-transition-delay: 466ms;

-o-transition-delay: 466ms;transition-delay: 466ms}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(9),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(9) {-webkit-transition-delay:533ms;

-o-transition-delay:533ms;transition-delay:533ms}

/*default*/

#top-menu-nav ul.sub-menu li,.pm_submenu_effects .et-menu-nav ul.sub-menu li {margin: 0px !important;opacity: 0;-webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;

-o-transition: opacity .4s, -o-transform .6s, max-height .6s;transition: opacity .4s, transform .6s, max-height .6s}

#top-menu-nav ul#top-menu > li:hover ul.sub-menu li,#top-menu-nav ul#top-menu > li:focus ul.sub-menu li,.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li,

.pm_submenu_effects .et-menu-nav ul.et-menu > li:focus ul.sub-menu li {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none}

/*JAWS START*/

#top-menu-nav li.jaws ul.sub-menu li,.pm_submenu_effects .et-menu-nav li.jaws ul.sub-menu li {-webkit-transform-origin: 50% -100px;-ms-transform-origin: 50% -100px;transform-origin: 50% -100px}

#top-menu-nav li.jaws ul.sub-menu li:nth-child(odd),.pm_submenu_effects .et-menu-nav li.jaws ul.sub-menu li:nth-child(odd) {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);

transform: rotate(90deg)}

#top-menu-nav li.jaws ul.sub-menu li:nth-child(even),.pm_submenu_effects .et-menu-nav li.jaws ul.sub-menu li:nth-child(even) {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);

transform: rotate(-90deg)}

/*JAWS END*/

Untitled