nav                             {background:transparent; float:right; font-size:90%; height:30px; text-decoration:none; position:absolute; z-index:999}
nav > ul > li > a               {color: var(--menu); padding:10px 12px 15px 12px; font:700 13px/13px "Lato", sans-serif; text-decoration:none; position:relative}
nav > ul > li > a::after        {content:''; position:absolute; bottom:8px; left:50%; width:0; height:2px; background: var(--menuhov); transition:width .3s ease, left .3s ease}
nav > ul > li:hover > a::after, nav > ul > li > a:hover::after {width:100%; left:0}
nav > ul > li                   {float:left; border-left:0px solid #FFF; border-right:0px solid #FFF; position:relative}
nav > ul > li:last-child        {border-right:0px solid #FFF}
nav ul ul                       {position:absolute; right:auto; left:0; display:none; padding:12px 0; box-shadow:0 8px 20px rgba(0,0,0,0.15); border-radius:6px; margin-top:2px}
nav > ul > li:hover > ul        {display:block}
nav > ul > li:last-child:hover > ul {left:auto; right:0}
nav li:hover > ul > li          {height:32px}
nav ul ul li                    {background: var(--menusub); height:0; border-top:0px solid #5c8dcc; border-bottom:0px solid #081526}
nav ul ul li:hover              {background: var(--menusubhov)}
nav ul ul li a                  {height:30px; padding:0 12px; width:200px; font:700 12px/12px 'Roboto'; color: var(--menusubfont); text-decoration:none; display:flex; align-items:center; justify-content:flex-start}
nav ul ul li a:before           {content:"\f0da"; font-family:FontAwesome; margin-right:7px}
nav ul ul li:hover > a, nav ul ul li a:hover {color: var(--menusubfont)}
nav ul ul li:last-child > a, nav ul ul li.last-item > a {border-bottom:0}
nav, nav ul, nav ul li, nav ul li a, nav #head-mobile {border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
nav:after, nav > ul:after       {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
nav .only-desktop               {display:block}
nav > ul > li::after            {content:''; position:absolute; top:100%; left:0; width:100%; height:8px; background:transparent; z-index:998}
nav > ul > li.menu-button       {float:left; margin-left:30px}
nav > ul > li.menu-button a     {background:var(--menubutton); border: 1px solid var(--menubutbrd); color: var(--menubutfont); padding:10px 24px; border-radius:30px; font:700 14px/17px "Roboto"; text-decoration:none; transition:all .3s ease}
nav > ul > li.menu-button a:hover {background:var(--menubuthov); transform: box-shadow:0 4px 10px rgba(0,0,0,0.2)}
nav > ul > li.menu-button > a::after {display:none}
nav > ul > li.menu-button > a:hover::after {display:none}