.header-navigation {
    display: flex;
    justify-content: center;

    box-sizing: border-box;

    line-height: 1.4;
}

.header-navigation__subsections {
    top: 50%;
    left: 50%;

    display: none;

    margin: 13px 0 0 -50%;
}

.header-navigation__section_active .header-navigation__subsections {
    display: block;
}

.header-navigation__link:hover {
    color: #f00;
}

.header-navigation__section {
    position: relative;

    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    justify-content: center;

    box-sizing: border-box;
    height: 60px;
    margin: 0 15px;
    padding: 3px 0;
}

.header-navigation__section_current {
    padding-top: 0;

    border-top: 3px solid #ffcc01;
}

.header-navigation__section-title {
    display: block;
    overflow: hidden;

    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;

    color: #000;
}

.header-navigation__menu .header-navigation__section-title {
    padding-right: 14px;

    background: url('../../../static/i/arrow.down.svg') 100% 50%/8px 5px no-repeat;
}

.header-navigation__section_current .header-navigation__section-title {
    cursor: default;
}

.header-navigation__section_disabled .header-navigation__section-title,
.header-navigation__section_disabled .header-navigation__section-title:hover {
    pointer-events: none;

    color: #ccc;
}

.header-navigation__menu.header-navigation__section_current .header-navigation__section-title {
    cursor: pointer;
}

.header-navigation__menu.header-navigation__section_active .header-navigation__section-title {
    color: #f00;
    background-image: url('../../../static/i/arrow.down.active.svg');
}
