.header{background:var(--color-grey-light)}.header-content{justify-content:space-between;padding:15px 0}.header-content,.main-logo{align-items:center;display:flex;flex-direction:row}.main-logo{color:inherit;text-decoration:none}.main-logo__picture{height:52px;width:52px}.main-logo__text{font-size:22px;font-weight:700;line-height:24px;margin-left:10px}.main-logo__text>span{display:block}.header-notice-content{padding:8px;text-align:center;background:var(--color-green);color:var(--color-blue-white);border-radius:0 0 var(--border-radius-medium) var(--border-radius-medium)}@keyframes subNav{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(13px)}}.nav-container{background:var(--color-grey-light);border-top:1px solid var(--color-grey-light-press);position:sticky;top:0;z-index:100}.main-menu{display:flex;flex-direction:row;list-style:none;margin:0}.main-menu a{outline:none}.main-menu>li{border-left:1px solid var(--color-grey-light-press);flex:1 1 auto;margin:0;position:relative}.main-menu>li:first-child{border-left:0}.main-menu>li>a{align-items:center;color:inherit;display:flex;font-weight:400;justify-content:center;padding:20px 0;text-align:center;text-decoration:none;transition:all .3s}.main-menu>li>a:hover{background:var(--color-grey-light-hover)}.main-menu>li>a:active,.main-menu>li>a:focus{background:var(--color-grey-light-pressed)}.main-menu__dropdown--active .main-menu__sub{display:block}.main-menu__sub{animation:subNav .3s ease forwards;background:var(--color-grey-dark);border-radius:var(--border-radius-medium);display:none;left:0;list-style:none;margin-left:0;min-width:313px;padding:8px 0;position:absolute;top:100%;transform-origin:top center;width:100%;z-index:1000}.main-menu__sub:before{border-left:12px solid transparent;border-bottom:13px solid var(--color-grey-dark);border-right:12px solid transparent;border-top:0 solid transparent;content:"";left:32px;height:0;position:absolute;top:-13px;width:0}.main-menu__sub li{display:block;margin:0}.main-menu__sub a{color:#fff;display:block;font-weight:400;padding:8px 16px;text-decoration:none;transition:all .3s}.main-menu__sub a:hover{background:var(--color-grey-dark-hover)}.main-menu__sub a:active,.main-menu__sub a:focus{background:var(--color-grey-dark-pressed)}.main-menu__arrow{background:url(../img/arrow-down.svg) 50%/contain no-repeat;display:block;height:12px;margin-left:10px;width:12px}