.main-nav{background:rgba(28,43,78,.92);border:1px solid hsla(0,0%,100%,.12);border-radius:0 0 28px 28px;box-shadow:0 0 22px rgba(0,106,255,.9);height:80px;left:20px;overflow:hidden;position:absolute;position:fixed;right:20px;top:0;z-index:10000}.logo,.main-nav{align-items:center;display:flex}.logo{border-right:1px solid hsla(0,0%,100%,.14);height:100%;min-width:480px;padding:0 48px}.logo img{display:block;height:auto;max-width:330px}.menu{align-items:center;display:flex;flex:1;list-style:none;margin:0;padding:0}.menu,.menu a,.menu li{height:100%}.menu a{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:400;justify-content:center;padding:0 32px;position:relative;text-decoration:none}.menu a.active{background:hsla(0,0%,100%,.03)}.menu a.active:after{background:#1677ff;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.menu a:hover{opacity:.85}.menu-toggle{background:transparent;border:0;cursor:pointer;display:none;height:44px;margin-left:auto;width:44px}.menu-toggle span{background:#fff;display:block;height:2px;margin:6px auto;transition:.3s ease;width:26px}@media (max-width:1410px){.logo{min-width:380px;padding:0 60px}.logo img{max-width:300px}.menu a{font-size:24px;padding:0 28px}}@media (max-width:1260px){.logo{min-width:340px;padding:0 30px}.logo img{max-width:250px}.menu a{font-size:20px;padding:0 22px}}@media (max-width:991px){.main-nav{align-items:stretch;border-radius:0 0 24px 24px;display:flex;flex-direction:column;height:auto;left:20px;min-height:78px;overflow:visible;position:absolute;right:20px;top:0;z-index:100}.logo{align-items:center;border-bottom:0;border-right:0;display:flex;height:78px;justify-content:flex-start;min-width:unset;padding:0 80px 0 24px;width:100%}.logo img{max-width:220px}.menu-toggle{display:block;height:44px;margin:0;position:absolute;right:20px;top:17px;width:44px;z-index:101}.menu{background:rgba(28,43,78,.98);border-top:1px solid hsla(0,0%,100%,.12);display:none;flex-direction:column;width:100%}.main-nav.is-open .menu{display:flex}.menu li{height:auto;width:100%}.menu a{align-items:center;display:flex;font-size:18px;justify-content:flex-start;padding:18px 24px;width:100%}.menu a:hover{background:#066bfc}.menu a.active:after{bottom:0;height:auto;left:0;right:auto;top:0;width:4px}.main-nav.is-open .menu-toggle span:first-child{transform:translateY(8px) rotate(45deg)}.main-nav.is-open .menu-toggle span:nth-child(2){opacity:0}.main-nav.is-open .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}