.subheader {
  background: #f3f3f3; }
  .subheader__layout {
    padding: 0 1.0204081633vw; }
  .subheader__list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0 -1.0204081633vw;
    flex-wrap: wrap; }
    .subheader__list-item {
      margin: 0 1.0204081633vw; }
    .subheader__list-link {
      color: #000000;
      text-transform: uppercase;
      font-size: 0.7653061224vw;
      font-weight: 400;
      display: block;
      padding: 0.5102040816vw 0; }
      .subheader__list-link:hover {
        text-decoration: none; }
      .subheader__list-link.active {
        font-weight: bold;
        color: #357dc1;
        border-bottom: 2px solid #357dc1; }
  .subheader--light {
    background: #fff; }

@media screen and (max-width: 1264px) {
  .subheader__layout {
    padding: 0 20px;
    padding-top: 10px; }
  .subheader__list {
    margin: 0 -10px;
    flex-wrap: wrap; }
    .subheader__list-item {
      margin: 0 10px;
      margin-bottom: 10px; }
    .subheader__list-link {
      font-size: 15px;
      white-space: nowrap;
      padding: 10px 0; } }
@media screen and (max-width: 600px) {
  .subheader__list {
    flex-direction: column; }
    .subheader__list-item {
      text-align: center; }
    .subheader__list-link {
      white-space: normal; } }

/*# sourceMappingURL=subheader.css.map */