:root {
    --background: #870000;
}

nav { margin: 0 0; text-align: left; border: 0 solid red; background: var(--background); color: #fff; }
nav ul li:hover > ul { display: block; }
nav ul { margin : 0; padding: 0 20px; border-radius: 0px; list-style: none; position: relative; display: inline-table; }
nav ul:after { content: ""; clear: both; display: block; } 
nav ul li { float: left; border: 0 solid red; }
nav ul li .l3menu { float: right; display: none }
nav ul li.current > a { background: #fefefe; color: #870000; }
nav ul li.text { border: 0 solid red; padding: 12px 12px; color: #ddd }
nav ul li:not(.no-link):hover > a { background: #efefef; color: #870000 }
nav ul li > a { display: block; padding: 12px 8px 10px 8px; text-decoration: none; color: #f6f6f6 }
nav ul ul { display: none; background: #fff; border-radius: 0px; padding: 0; position: absolute; top: 100%; border: thin solid #870000; z-index: 1 }
nav ul ul li { float: none; border-top: 1px solid #eee; position: relative; }
nav ul ul li:hover .l3menu { display: inline-block } 
nav ul ul li a { display: block; padding: 9px 12px; color: #870000; min-width: 220px } 
nav ul ul li:hover > a { background: #e5e5e5; }
nav ul ul ul { position: absolute; left: 100%; top:0; }
nav ul li.no-link:hover > a { cursor:default; pointer-events: none; }
nav ul ul li:has(ul) > a:not(:has(.icon-ok)):after { content: '\f006'; opacity:.7; font-family:fontello; float:right }
nav ul ul li:has(ul):hover > a:not(:has(.icon-ok)):after { content: '\f004'; opacity:.7; font-family:fontello; float:right }
nav ul ul li a.bg { background: #efefef }
nav ul ul ul li a.ok:after { content: '\ea2f'; font-family:fontello; float:right }