.header{position:fixed;width:100%;z-index:5;background:var(--light)}.header-dark{background:#a0a2a4}.menu{display:none}.header-menu{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:16px;padding-bottom:15px;font-weight:400;color:var(--btn)}.wrap__logo{width:185px;height:39px;flex-shrink:0}.header-menu ul{display:flex;gap:25px;align-items:start}.header-menu ul li{position:relative;width:max-content}.header-menu ul li:before{content:"";position:absolute;width:0;height:4px;background:var(--red);transition:all .3s;top:-31px;left:0}.header-menu ul li:hover:before{width:100%}.header-menu ul li a{color:inherit;font-size:16px;font-weight:inherit}.header-menu .list-menu{display:flex;gap:4px;align-items:center;overflow:hidden}.header-menu .list-menu:hover{overflow:visible;.list-menu-item{z-index:2;opacity:1;visibility:visible}}.header-menu .list-menu-item{position:absolute;z-index:-1;opacity:0;top:18px;left:-15px;width:max-content;padding:18px 15px 10px;border-radius:0 0 15px 15px;display:flex;flex-direction:column;gap:14px}.header .text-btn{padding:16px 24px;font-size:14px}.header-menu .arow-btn{width:49px;height:49px}.header-menu .arow-btn img{width:20px;height:20px}.header-menu .list-menu-item{background:var(--light)}.header-dark .header-menu .list-menu-item{background:#a0a2a4}@media screen and (max-width:1220px){.header .text-btn{padding:13px 24px}header .header-menu .list-menu-item{background-color:transparent!important;position:relative;left:0;padding:0 0 0 20px;margin-top:10px;transition:all .3s;gap:8px;top:0;overflow:hidden;z-index:1;opacity:1}.list-menu-item-wrap{min-height:0;display:flex;flex-direction:column}header .list-menu-item-wrap>a{padding:7px 0}header .header-menu .list-menu{display:block;gap:4px;align-items:flex-start;flex-direction:column}.header-menu ul li a{padding:7px 0}.menu{display:block;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0;position:relative;z-index:5}button.menu{border-radius:60px;background:#000;padding:6px;width:43px;height:42px}.line{fill:none;stroke:#fff;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line1{stroke-dasharray:60 207}.line1,.line2{stroke-width:6}.line2{stroke-dasharray:60 75;stroke-dashoffset:-134;border-radius:40px}.line3{stroke-dasharray:60 207;stroke-width:6}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-90;stroke-width:6}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.header-menu ul{gap:0}.header-menu.burger{position:fixed;top:0;left:-100vw;width:100vw;height:100vh;padding-bottom:100px;z-index:5;transition:all .4s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;padding-top:140px;background-color:#a0a2a4;background-repeat:no-repeat;background-size:contain;background-position:bottom}.header-menu ul li:before{content:"";display:none}.burger .black-button,.burger .wrap__logo{display:none}.burger.active{left:0}.header-menu.burger ul{flex-direction:column;justify-content:start;width:auto;gap:30px}.header-menu.burger ul li{padding:0}div.menu{padding:20px 0}div.menu>div{display:flex;gap:8px;align-items:center}}@media screen and (max-width:840px){.wrap__logo{width:158px;height:33.247px}.header .text-btn{padding:10px;font-size:14px}button.menu{border-radius:60px;background:#000;padding:4px;width:35px;height:35px}}@media screen and (max-width:640px){.header-menu.burger ul{text-align:left;gap:30px;width:100%;padding:0 30px;align-items:start}}@media screen and (max-width:600px){.header .text-btn{padding:10px;font-size:12px}.wrap__logo{width:145px;height:33.247px}div.menu>div{display:flex;gap:4px;align-items:center}}