Mega Menu Hover Color

Hi, i’ve used a few snips of CSS in the quick css from the support form so im not sure which one did this but im hoping to keep the hover on the navigation, but get rid of it in the Mega Menu;

Please hover over the Contact Us item in the navigation (scroll down to reveal navigation). I’d like to get rid of those red backgrounds inside of the Mega Menu. This is my current quick css:

h1.avia-caption-title{
  font-family: Dancing Script, serif;
}

h1, h2, h3 {
text-transform: none !important;
}

.html_header_top.html_header_sticky #header {
position: fixed !important;
}
@media only screen and (max-width: 767px) {
.responsive #main {
padding-top: 0px !important;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #main { padding-top:0px!important; }}

.av_minimal_header .av-main-nav li:hover .avia-menu-fx,.av_minimal_header .current-menu-item > a > .avia-menu-fx,.av_minimal_header .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    opacity: 1 !important; 
    visibility: visible !important; 
    background-color: #7a0c11 !important; 
    color: #ffffff;
    border-color: #7a0c11 !important; 
    display: block !important;
}

#avia-menu li:hover a {
background: #7a0c11 !important;
}

#top .av-siteloader {
    border-left-color: #7a0c11;
}