.header{position:absolute;top:0;left:0;width:100%;height:var(--header-height);z-index:5;display:flex;justify-content:center;align-items:center;transition:0.3s;background:var(--white-first);box-shadow:0 1px 2px var(--box-shadow-light)}.nav{width:var(--nav-width);height:100%;display:flex;align-items:center;justify-content:space-between}.menu-wrapper{height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.menu-wrapper .menu-container{height:100%;display:flex;justify-content:center;align-items:center}.menu-container .menu{height:100%;display:flex;justify-content:center;align-items:center}.menu__li{display:flex;align-items:center;margin-left:var(--gap-middle);font-size:var(--size-h4);height:100%}.menu__li:last-child{margin-right:2rem}.menu__li a{padding:5px var(--gap-small);border-radius:var(--gap-small);position:relative;display:inline-block;font-size:var(--size-h3);font-weight:bold;color:var(--black-first);transition:0.2s}.menu__li:hover a{transform:scale(1.1);background:var(--second-color)}.menu-container .menu-ad{display:none}.nav .toggle{position:relative;width:2rem;height:100%;z-index:5;display:none}.toggle span{display:block;position:absolute;top:50%;width:100%;height:4px;transform:translate(0, -50%);border-radius:2px;transition:all 0.3s ease-in-out;background:var(--black-second)}.nav .toggle span::after,.nav .toggle span::before{content:'';position:absolute;left:0;width:100%;height:4px;border-radius:2px;transition:all 0.3s ease-in-out;background:var(--black-second)}.nav .toggle span::before{top:-10px}.nav .toggle span::after{top:10px}.nav .toggle.on span{background:transparent}.nav .toggle.on span::before{top:0;transform:rotate(45deg)}.nav .toggle.on span::after{top:0;transform:rotate(-45deg)}@media screen and (max-width: 960px){.header{box-shadow:none}.nav .menu-wrapper{position:absolute;top:calc(var(--header-height));margin:auto;right:-100%;width:0;height:calc(var(--main-height));z-index:10;flex-direction:column;transition:0.5s ease-in-out;background:var(--white-first)}.nav .menu-wrapper.on{right:0;width:100%}.menu-wrapper .menu-container{flex:1;width:90%;flex-direction:column}.menu-container .menu{flex:1;width:100%;max-width:var(--mobile-menu-width);flex-direction:column;border-radius:var(--gap-main);margin:var(--gap-small) 0;box-shadow:0 0 3px var(--box-shadow-light);border:5px solid var(--first-color);background:var(--white-first)}.menu__li{margin-left:0}.menu__li:last-child{margin-right:0}.menu-container .menu-ad{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:330px;overflow:hidden;padding-bottom:var(--gap-small)}.nav .toggle{display:block}}