.navigation{position:absolute;--height:0;z-index:100}@media (max-width:1200px){.navigation{bottom:0;height:100%;max-width:300px;overflow-y:auto;padding:20px;top:0;transition-duration:.5s;transition-timing-function:cubic-bezier(.215,.61,.355,1);width:100%}.navigation:dir(ltr){left:0;transform:translate(-100%)}.navigation:dir(rtl){right:0;transform:translate(100%)}}@media (max-width:1200px){.navigation.opened{background-color:rgb(var(--primary));position:fixed;transform:translate(0)}}@media (min-width:1200px){.navigation{display:block;position:fixed;right:0;top:100px;transform:translate(0)}.navigation:dir(rtl){left:0;right:auto}}.navigation:before{background:rgb(var(--black));content:"";height:var(--height);opacity:.3;position:absolute;top:100px;width:2px}@media (min-width:1200px){.navigation:before{top:0}}.navigation:before:dir(ltr){left:0}.navigation:before:dir(rtl){right:0}.navigation ul{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;position:relative}@media (min-width:1200px){.navigation ul{width:300px}}.navigation ul li>a{align-items:center;color:rgb(var(--black));display:inline-flex;display:block;font-size:20px;font-weight:500;gap:30px;padding-bottom:6px;padding-top:6px;position:relative;text-transform:uppercase;transition-duration:.3s}.navigation ul li>a:dir(ltr){border-left:2px solid transparent;padding-left:34px}.navigation ul li>a:dir(rtl){border-right:2px solid transparent;padding-right:34px}.navigation ul li>a span{font-size:16px}.navigation ul li>a:after{background:rgb(var(--black));content:"";height:100%;left:0;opacity:.15;position:absolute;top:0;transition-duration:.6s;width:0}.navigation ul li>a:after:dir(rtl){left:auto;right:0}.navigation ul li>a:hover{border-left:2px solid rgb(var(--black))}.navigation ul li>a:hover:after{animation:grow .6s ease-in-out;width:100%}.navigation ul li>a:hover:dir(rtl){border-left:none;border-right:2px solid rgb(var(--black))}.navigation ul li>a.active{border-left:2px solid rgb(var(--black))}.navigation ul li>a.active:after{animation:grow .6s ease-in-out;background:rgb(var(--black));content:"";height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%}.navigation ul li>a.active:after:dir(rtl){left:auto;right:0}.navigation ul li>a.active:dir(rtl){border-left:none;border-right:2px solid rgb(var(--black))}.navigation .contact{display:flex;flex-direction:column;gap:8px;padding-top:20px}.navigation .contact:dir(ltr){padding-left:34px}.navigation .contact:dir(rtl){padding-right:34px}.navigation .contact a{color:rgb(var(--black));font-size:18px}.nav-overlay{background-color:#00000080;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;position:fixed;transform:translate(100%);transition-duration:.5s;width:100%;z-index:12}.navigation-left-bar.opened+.nav-overlay,.navigation-sticky.opened+.nav-overlay,.navigation-topbar.opened+.nav-overlay,.navigation.opened+.nav-overlay{opacity:1;transform:translate(0)}