nav{position:fixed;width:100%;z-index:998;border-bottom:4px solid var(--mx--color--secondary);background:var(--mx--color--tertiary)}nav .navlogo{position:absolute;top:2px;left:25px}nav #toggle,nav .menu-btn{display:none}nav .navwrapper{margin-left:auto;display:flex;justify-content:flex-end}nav .nav-two img{display:none}nav h1{padding:.5em 0;font-size:2rem}nav .main-links{color:var(--mx--color--primary);list-style-type:none;display:flex;align-items:center;justify-content:flex-end}nav .main-links li:not(:last-child){margin-right:2.5em}nav li a{text-decoration:none;display:block;padding:.5em 0;position:relative}nav .selected{color:var(--mx--color--secondary)}nav .selected::after{transform:scaleX(1)}nav .selected:hover::after{transform:scaleX(0)}nav li a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--mx--color--secondary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease-in}nav li a:hover{color:var(--mx--color--secondary)}nav li a:hover::after{transform:scaleX(1);transform-origin:left}nav .nav-lang{padding:0}nav .nav-lang img{opacity:.5;transition:opacity .3s ease-in}nav .nav-lang:hover img{opacity:1}@media (max-width:1024px){nav ul{margin-top:0;margin-right:0;padding:0;padding-right:5px}nav li a{padding:5px 0}nav li a::after{bottom:3px}}@media (max-width:740px){nav .navlogo{display:none}nav .navwrapper{justify-content:center;padding:0;margin:0}nav .main-links{padding-top:3.5em;padding-bottom:30%;position:absolute;top:100%;left:0;background-color:var(--mx--color--quartery);-webkit-clip-path:polygon(0 0,100% 0,100% 71%,0 100%);clip-path:polygon(0 0,100% 0,100% 71%,0 100%);z-index:995;width:100%;display:flex;flex-direction:column;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-in}nav .nav-two{position:absolute;top:0;left:0;background-color:var(--mx--color--primary);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:800;width:100%;height:110vh;transform:scaleY(0);transform-origin:top;transition:transform .5s ease-in}nav .nav-two img{display:inherit;position:absolute;bottom:18%;right:25px;width:25%;max-width:100px;height:auto;opacity:0;z-index:900}nav .nav-three{position:absolute;top:0;left:0;background-color:var(--mx--color--background);-webkit-clip-path:polygon(100% 0,0 0,0 100%,0 100%);clip-path:polygon(100% 0,0 0,0 100%,0 100%);z-index:998;width:100%;height:30px;transform:scaleY(0);transform-origin:top}nav .main-links li:not(:last-child){margin-right:0}nav li a{display:block;padding:1em;margin:0;opacity:0;transition:opacity .2s ease-in}nav li a:hover{background-color:var(--mx--color--quintery)}nav .menu-btn{display:initial;position:absolute;left:1em;top:.5em;width:25px;cursor:pointer;z-index:999;align-self:center}nav .menu-btn span{display:block;height:2px;background-color:#000;margin-bottom:.25em;transition:all .3s ease-in}nav input:checked+.menu-btn span{background-color:var(--mx--color--secondary)}nav input:checked+.menu-btn span:first-child{transform:translateY(6px) rotate(45deg)}nav input:checked+.menu-btn span:nth-child(2){opacity:0}nav input:checked+.menu-btn span:last-child{transform:translateY(-6px) rotate(-45deg)}nav input:checked~ul{transform:scaleX(1)}nav input:checked~.nav-two{transform:scaleX(1)}nav input:checked~.nav-three{transform:scaleX(1)}nav input:checked~.nav-two img{opacity:1;transition:opacity .7s ease-in .3s;transition-delay:.6s}nav input:checked~ul a{opacity:1;transition:opacity .3s ease-in .3s}}.header-dropdown{position:relative}.header-dropdown:hover{color:var(--mx--color--primary)}.header-dropdown li a:hover{color:var(--mx--color--tertiary)}@media (max-width:740px){.main-links{padding-left:30vw;align-items:flex-start!important}.main-links li a{color:var(--mx--color--tertiary)}.main-links li a:hover{color:var(--mx--color--primary)}.main-links .selected{color:var(--mx--color--primary)}.main-link-li{font-weight:400;padding:5px}.header-dropdown{display:flex;flex-direction:column}.features-menu li{padding-left:5vw;text-align:left}.features-menu li a{padding:5px;padding-left:10px}}@media (min-width:741px){.features-menu{display:none}.features-menu li{list-style:none;border-bottom:1px solid var(--mx--color--primary);padding:0 10px 5px 10px;margin:5px}.header-dropdown:hover .features-menu{display:flex;background-color:var(--mx--color--secondary);flex-direction:column;border-radius:5px;padding-top:10px;position:absolute;top:34px;left:-10px}}