nav{display:flex;justify-content:center;width:100%;font-family:var(--THBold);letter-spacing:.04em}nav .selected a{color:var(--alt-accent-color)}nav li.user-icon a::before{background-image:url(../assets/images/user-icon.svg?v=__iQ4B0S5qvlgyyhgImquBwHG98);background-repeat:no-repeat,no-repeat;background-size:18px;position:absolute;content:'';width:18px;height:18px;left:0;top:1px;border-radius:9px}nav .user-icon a{padding:0 0 0 22px;z-index:1;background-color:transparent;position:relative}nav ul{width:calc(100% - 240px);display:flex;align-items:center;justify-content:space-between;gap:10px;list-style-type:none;margin:0;padding:0;padding-top:2px}nav a{color:var(--main-text-color);text-decoration:none;font-size:18px;transition:color .5s;white-space:nowrap}nav a:hover{color:var(--alt-accent-color)}nav a.active{color:var(--accent-color)}nav.top-menu{display:flex;align-items:center;background-color:#fff;height:77px;box-sizing:border-box}nav.top-menu .menu-content{justify-content:space-between}nav.top-menu .menu-content .burger-menu{height:30px;width:32px;margin-right:16px;cursor:pointer}nav.top-menu .menu-content .burger-menu svg{fill:var(--accent-color)}nav.top-menu a{text-transform:uppercase}nav.top-menu li{position:relative}nav.top-menu .selected::after{border-width:11px;border-color:rgba(0,0,0,0);border-bottom-color:#f38c00;border-style:solid;content:"";height:0;left:40%;bottom:-26px;position:absolute}nav.sub-menu{position:relative;background-color:#efeae6;height:42px;display:flex;justify-content:center}nav.sub-menu .menu-content{justify-content:space-between;align-items:center}nav.sub-menu ul{justify-content:flex-start;gap:40px}html[lang="fi"] nav.sub-menu ul{gap:25px}html[lang="fi"] nav.sub-menu ul a{font-size:16px}.orangeline{width:100%;height:3px;background-color:var(--accent-color)}.login-btn{text-transform:initial;height:27px;padding:4px 10px 0}.menu-content{display:flex;width:var(--content-width)}#Logo{display:block;background-image:var(--logo);background-repeat:no-repeat;height:32px;width:200px;border-right:1px solid #e3e3e3}#MobileMenu{display:none}@media screen and (max-width:767px){nav.top-menu{height:56px}nav.sub-menu{display:none}nav #TopNavigation{display:none}nav ul{flex-direction:column;justify-content:flex-start;width:100%}nav ul li{width:100%;text-align:right}#Logo{border-right:none;margin-left:16px;background-size:140px 28px;background-position:left center}.orangeline{background-color:#e3e3e3;height:1px}#MobileMenu{position:absolute;top:var(--menu-height);z-index:1000;width:100%;height:calc(100vh - var(--menu-height));display:block;overflow:hidden}#MobileMenu #MobileMenuContent{background-color:#fff;width:100%;height:100%;text-align:right;position:absolute;left:100%;transition:left .3s}#MobileMenu #MobileMenuContent.open{left:0%}#MobileMenu #MobileMenuContent li{padding-right:20px}#MobileMenu #MobileMenuContent button{margin-top:20px;margin-right:20px}#MobileMenu #MobileMenuContent #MobileTopMenu li{text-transform:uppercase}#MobileMenu #MobileMenuContent .mobile-sub-menu-content{background-color:#efeae6;padding:20px 0}#MobileMenu #MobileMenuContent .mobile-main{color:var(--accent-color);border-bottom:3px solid var(--accent-color);text-transform:uppercase;padding-right:20px;height:63px;display:flex;align-items:center;justify-content:flex-end;position:relative}#MobileMenu #MobileMenuContent .mobile-main .arrow{position:absolute;width:10px;height:20px;bottom:0;right:48px;border:solid 10px rgba(0,0,0,0);border-bottom-color:#f38c00}}