@keyframes fadetomenusel {
    from {background-color: #e8e8e8;}
    to {background-color: #cccccc;}
}
@keyframes fadetosubmenusel {
    from {background-color: #cccccc;}
    to {background-color: #dddddd;}
}

/*
    Site main menu without DLMenu hamburger
*/
.smm {height:43px; width: 100%; position:relative;z-index: 100;background: #e8e8e8; }

.smm .dl-back, .smm .dl-trigger {display:none;}
.smm ul{list-style:none;padding:0; margin:0;}
.smm ul li {float:left; display:inline-block;position: relative;}
.smm ul li a {
    font: normal 16px Arial,'Helvetica Neue', Helvetica, sans-serif;text-decoration: none;
    display:block; height: 43px;line-height: 43px; padding: 0 15px;color: #000000;
}

.smm ul > li:hover a { color: #444444;}
.smm ul > li:hover > a { animation-name: fadetomenusel;animation-duration: 0.75s;background: #cccccc; }

.smm ul > li.sel > a {background: #cccccc;}
.smm ul > li.sel:hover > a {animation: none;}

.smm ul li ul {display:none;position: absolute;top:43px; left:0; min-width: 150px; width: auto;}
.smm ul li:hover > ul {display:block;animation-name: fadetomenusel;animation-duration: 0.75s;background: #cccccc; }

.smm ul li ul li {float:none;display:block;}
.smm ul li ul li a { font-size: 15px; min-width: 150px; width: auto; max-width:250px; overflow: hidden; white-space: nowrap;}
.smm ul li ul li a:hover {background: #dddddd; animation-name: fadetosubmenusel;animation-duration: 0.75s;}

.smm ul li ul li ul {display: none; top:0; left : 100%;}
.smm ul li ul li:hover ul {display:block;}


/*
    Site main menu with DLMenu hamburger - cutoff at 990px
*/
@media screen and (max-width:990px){

}

/*
    Site main menu with DLMenu hamburger - cutoff at 768px
*/
@media screen and (max-width:768px){

}

/*
    Site main menu with DLMenu hamburger - cutoff at 340px
*/
@media screen and (max-width:340px){


}