.header-21 {
  background-color: var(--header-21--block--background-color);
  border-bottom-color: var(--header-21--block--border-bottom-color);
  border-bottom-width: var(--header-21--block--border-bottom-width);
  border-top-color: var(--header-21--block--border-top-color);
  border-top-width: var(--header-21--block--border-top-width);
  color: var(--header-21--block--color);
  position: var(--header-21--block--position);
}
.header-21 .nav-main {
  background-color: var(--header-21--block--background-color);
}
.header-21 .nav-body {
  border-top-color: var(--header-21--nav-body--border-color);
  border-top-width: var(--header-21--nav-body--border-width);
}
.header-21 .nav-body > .container {
  gap: var(--header-21--nav-body--gap);
}
.header-21 .nav-body .legend-sm {
  border-bottom-color: var(--header-21--nav-items-legend--border-color);
  border-bottom-width: var(--header-21--nav-items-legend--border-width);
  color: var(--header-21--nav-items-legend--color);
  font-weight: var(--header-21--nav-items-legend--font-weight);
  padding-left: var(--header-21--nav-items-legend--padding-x);
  padding-right: var(--header-21--nav-items-legend--padding-x);
}
.header-21 .nav {
  gap: var(--header-21--nav-items--gap);
}
.header-21 .nav-item {
  font-family: var(--header-21--nav-item--font-family);
  font-size: var(--header-21--nav-item--font-size);
  padding-bottom: var(--header-21--nav-item--padding-y);
  padding-left: var(--header-21--nav-item--padding-x);
  padding-right: var(--header-21--nav-item--padding-x);
  padding-top: var(--header-21--nav-item--padding-y);
  white-space: var(--header-21--nav-item--white-space);
}
.header-21 .nav-item-name {
  white-space: var(--header-21--nav-item--white-space);
}
.header-21 .nav-item-link {
  background-color: var(--header-21--nav-item-link--background-color);
  border-radius: var(--header-21--nav-item-link--border-radius);
  border-color: var(--header-21--nav-item-link--border-color);
  border-width: var(--header-21--nav-item-link--border-width);
  color: var(--header-21--nav-item-link--color);
  font-weight: var(--header-21--nav-item-link--font-weight);
  gap: var(--header-21--nav-item-link--gap);
  padding-bottom: var(--header-21--nav-item-link--padding-y);
  padding-left: var(--header-21--nav-item-link--padding-x);
  padding-right: var(--header-21--nav-item-link--padding-x);
  padding-top: var(--header-21--nav-item-link--padding-y);
  text-transform: var(--header-21--nav-item-link--text-transform);
}
.header-21 .nav-item-link:hover {
  background-color: var(--header-21--nav-item-link--background-color-hover);
  color: var(--header-21--nav-item-link--color-hover);
}
.header-21 .nav-item-link.active {
  background-color: var(--header-21--nav-item-link--background-color-active);
  color: var(--header-21--nav-item-link--color-active);
  font-weight: var(--header-21--nav-item-link-active--font-weight);
}
.header-21 .nav-sub-items-handler {
  color: var(--header-21--nav-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-21 .nav-sub-items-handler:hover {
  color: var(--header-21--nav-sub-items-arrow--color-hover);
}
.header-21 .nav-sub-items-wrapper {
  gap: var(--header-21--nav-sub-items--gap);
}
.header-21 .nav-sub-items-wrapper .nav-sub-item-name {
  white-space: var(--header-21--nav-item--white-space);
}
.header-21 .nav-sub-item {
  font-family: var(--header-21--nav-sub-item--font-family);
  font-size: var(--header-21--nav-sub-item--font-size);
  padding-bottom: var(--header-21--nav-sub-item--padding-y);
  padding-left: var(--header-21--nav-sub-item--padding-x);
  padding-right: var(--header-21--nav-sub-item--padding-x);
  padding-top: var(--header-21--nav-sub-item--padding-y);
}
.header-21 .nav-sub-item-link {
  background-color: var(--header-21--nav-sub-item-link--background-color);
  border-radius: var(--header-21--nav-sub-item-link--border-radius);
  border-color: var(--header-21--nav-sub-item-link--border-color);
  border-width: var(--header-21--nav-sub-item-link--border-width);
  color: var(--header-21--nav-sub-item-link--color);
  font-weight: var(--header-21--nav-sub-item-link--font-weight);
  gap: var(--header-21--nav-sub-item-link--gap);
  padding-bottom: var(--header-21--nav-sub-item-link--padding-y);
  padding-left: var(--header-21--nav-sub-item-link--padding-x);
  padding-right: var(--header-21--nav-item-link--padding-x);
  padding-top: var(--header-21--nav-sub-item-link--padding-y);
  text-transform: var(--header-21--nav-sub-item-link--text-transform);
}
.header-21 .nav-sub-item-link:hover {
  background-color: var(--header-21--nav-sub-item-link--background-color-hover);
  color: var(--header-21--nav-sub-item-link--color-hover);
}
.header-21 .nav-sub-item-link.active {
  background-color: var(--header-21--nav-sub-item-link--background-color-active);
  color: var(--header-21--nav-sub-item-link--color-active);
}
.header-21 .nav-sub-sub-items-handler {
  color: var(--header-21--nav-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-21 .nav-sub-sub-items-handler:hover {
  color: var(--header-21--nav-sub-sub-items-arrow--color-hover);
}
.header-21 .nav-sub-sub-items-wrapper {
  gap: var(--header-21--nav-sub-sub-items--gap);
}
.header-21 .nav-sub-sub-item {
  font-family: var(--header-21--nav-sub-sub-item--font-family);
  font-size: var(--header-21--nav-sub-sub-item--font-size);
  padding-bottom: var(--header-21--nav-sub-sub-item--padding-y);
  padding-left: var(--header-21--nav-sub-sub-item--padding-x);
  padding-right: var(--header-21--nav-sub-sub-item--padding-x);
  padding-top: var(--header-21--nav-sub-sub-item--padding-y);
}
.header-21 .nav-sub-sub-item-link {
  background-color: var(--header-21--nav-sub-sub-item-link--background-color);
  border-radius: var(--header-21--nav-sub-sub-item-link--border-radius);
  border-color: var(--header-21--nav-sub-sub-item-link--border-color);
  border-width: var(--header-21--nav-sub-sub-item-link--border-width);
  color: var(--header-21--nav-sub-sub-item-link--color);
  font-weight: var(--header-21--nav-sub-sub-item-link--font-weight);
  gap: var(--header-21--nav-sub-sub-item-link--gap);
  padding-bottom: var(--header-21--nav-sub-sub-item-link--padding-y);
  padding-left: var(--header-21--nav-sub-sub-item-link--padding-x);
  padding-right: var(--header-21--nav-item-link--padding-x);
  padding-top: var(--header-21--nav-sub-sub-item-link--padding-y);
  text-transform: var(--header-21--nav-sub-sub-item-link--text-transform);
}
.header-21 .nav-sub-sub-item-link:hover {
  background-color: var(--header-21--nav-sub-sub-item-link--background-color-hover);
  color: var(--header-21--nav-sub-sub-item-link--color-hover);
}
.header-21 .nav-sub-sub-item-link.active {
  background-color: var(--header-21--nav-sub-sub-item-link--background-color-active);
  color: var(--header-21--nav-sub-sub-item-link--color-active);
}
.header-21 .nav-sub-sub-sub-items-handler {
  color: var(--header-21--nav-sub-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-21 .nav-sub-sub-sub-items-handler:hover {
  color: var(--header-21--nav-sub-sub-sub-items-arrow--color-hover);
}
.header-21 .nav-sub-sub-sub-items-wrapper {
  gap: var(--header-21--nav-sub-sub-sub-items--gap);
}
.header-21 .nav-sub-sub-sub-item {
  font-family: var(--header-21--nav-sub-sub-sub-item--font-family);
  font-size: var(--header-21--nav-sub-sub-sub-item--font-size);
  padding-bottom: var(--header-21--nav-sub-sub-sub-item--padding-y);
  padding-left: var(--header-21--nav-sub-sub-sub-item--padding-x);
  padding-right: var(--header-21--nav-sub-sub-sub-item--padding-x);
  padding-top: var(--header-21--nav-sub-sub-sub-item--padding-y);
}
.header-21 .nav-sub-sub-sub-item-link {
  background-color: var(--header-21--nav-sub-sub-sub-item-link--background-color);
  border-radius: var(--header-21--nav-sub-sub-sub-item-link--border-radius);
  border-color: var(--header-21--nav-sub-sub-sub-item-link--border-color);
  border-width: var(--header-21--nav-sub-sub-sub-item-link--border-width);
  color: var(--header-21--nav-sub-sub-sub-item-link--color);
  font-weight: var(--header-21--nav-sub-sub-sub-item-link--font-weight);
  gap: var(--header-21--nav-sub-sub-sub-item-link--gap);
  padding-bottom: var(--header-21--nav-sub-sub-sub-item-link--padding-y);
  padding-left: var(--header-21--nav-sub-sub-sub-item-link--padding-x);
  padding-right: var(--header-21--nav-item-link--padding-x);
  padding-top: var(--header-21--nav-sub-sub-sub-item-link--padding-y);
  text-transform: var(--header-21--nav-sub-sub-sub-item-link--text-transform);
}
.header-21 .nav-sub-sub-sub-item-link:hover {
  background-color: var(--header-21--nav-sub-sub-sub-item-link--background-color-hover);
  color: var(--header-21--nav-sub-sub-sub-item-link--color-hover);
}
.header-21 .nav-sub-sub-sub-item-link.active {
  background-color: var(--header-21--nav-sub-sub-sub-item-link--background-color-active);
  color: var(--header-21--nav-sub-sub-sub-item-link--color-active);
}

@media (max-width: 1023px) {
  .header-21 .nav-handler {
    padding-bottom: var(--header-21--block--padding-y);
    padding-top: var(--header-21--block--padding-y);
  }
  .header-21 .nav-handler-open,
  .header-21 .nav-handler-close {
    background-color: var(--header-21--nav-mobile-icon--background-color);
    border-color: var(--header-21--nav-mobile-icon--border-color);
    border-radius: var(--header-21--nav-mobile-icon--border-radius);
    border-width: var(--header-21--nav-mobile-icon--border-width);
    color: var(--header-21--nav-mobile-icon--color);
  }
  .header-21.nav-main-open .nav-pages .nav-sub-item-link {
    padding: var(--header-21--nav-sub-sub-item-link--padding-y) var(--header-21--nav-item-link--padding-x) var(--header-21--nav-sub-sub-item-link--padding-y) var(--header-21--nav-sub-sub-item-link--padding-x);
  }
}
@media (min-width: 1024px) {
  .header-21 .nav-main {
    padding-bottom: var(--header-21--block--padding-y);
    padding-top: var(--header-21--block--padding-y);
  }
  .header-21 .nav-body {
    border-top-color: transparent;
    border-top-width: 0;
  }
  .header-21 .nav-sub-items-wrapper {
    background-color: var(--header-21--nav-sub-items--background-color);
    border-color: var(--header-21--nav-sub-items--border-color);
    border-width: var(--header-21--nav-sub-items--border-width);
    border-radius: var(--theme--borders--element--border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: var(--header-21--nav-sub-items--box-shadow);
    left: calc(0rem - var(--header-21--nav-sub-items--offset));
    padding-bottom: var(--header-21--nav-sub-items--padding-y);
    padding-top: var(--header-21--nav-sub-items--padding-y);
    top: calc(var(--elements--body-text--body--line-height) + 2 * var(--header-21--nav-item--padding-y) + 2 * var(--header-21--nav-item-link--padding-y));
    white-space: var(--header-21--nav-sub-items--white-space);
  }
  .header-21 .nav-item.big-nav .nav-sub-items-wrapper {
    left: calc(0rem - var(--header-21--nav-items--gap));
    right: calc(0rem - var(--header-21--nav-items--gap));
  }
  .header-21 .nav-right .nav-item .nav-sub-items-wrapper {
    right: calc(0rem - var(--header-21--nav-sub-items--offset));
  }
  .header-21 .nav-stacked .nav-sub-items-wrapper {
    border-top-left-radius: var(--theme--borders--element--border-radius);
    border-top-right-radius: var(--theme--borders--element--border-radius);
  }
  .header-21 .nav-wide .nav-sub-items-wrapper {
    border-top-left-radius: var(--theme--borders--element--border-radius);
    border-top-right-radius: var(--theme--borders--element--border-radius);
    left: 0;
    right: 0;
    min-width: 50vw;
  }
  .header-21 .nav-wide .nav-sub-items {
    gap: var(--header-21--nav-sub-items--gap);
    grid-template-columns: var(--header-21--nav-sub-items--grid-template-columns);
  }
  .header-21 .nav-columns .nav-sub-sub-items-wrapper,
  .header-21 .nav-columns .nav-sub-sub-sub-items-wrapper {
    background-color: var(--header-21--nav-sub-items--background-color);
    border-color: var(--header-21--nav-sub-items--border-color);
    border-width: var(--header-21--nav-sub-items--border-width);
    border-radius: var(--theme--borders--element--border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: var(--header-21--nav-sub-items--box-shadow);
  }
  .header-21 .nav-categories.big-nav .nav-sub-item, .header-21 .nav-categories.nav-wide .nav-sub-item,
  .header-21 .nav-item.big-nav .nav-sub-item,
  .header-21 .nav-item.nav-wide .nav-sub-item {
    font-family: var(--header-21--nav-big-sub-item--font-family);
    font-size: var(--header-21--nav-big-sub-item--font-size);
  }
  .header-21 .nav-categories.big-nav .nav-sub-item-link, .header-21 .nav-categories.nav-wide .nav-sub-item-link,
  .header-21 .nav-item.big-nav .nav-sub-item-link,
  .header-21 .nav-item.nav-wide .nav-sub-item-link {
    background-color: var(--header-21--nav-big-sub-item-link--background-color);
    border-radius: var(--header-21--nav-big-sub-item-link--border-radius);
    border-color: var(--header-21--nav-big-sub-item-link--border-color);
    border-width: var(--header-21--nav-big-sub-item-link--border-width);
    color: var(--header-21--nav-big-sub-item-link--color);
    font-weight: var(--header-21--nav-big-sub-item-link--font-weight);
    padding-bottom: var(--header-21--nav-big-sub-item-link--padding-y);
    padding-left: var(--header-21--nav-big-sub-item-link--padding-x);
    padding-right: var(--header-21--nav-big-sub-item-link--padding-x);
    padding-top: var(--header-21--nav-big-sub-item-link--padding-y);
    -webkit-text-decoration: var(--header-21--nav-big-sub-item-link--text-decoration);
            text-decoration: var(--header-21--nav-big-sub-item-link--text-decoration);
    text-transform: var(--header-21--nav-big-sub-item-link--text-transform);
  }
  .header-21 .nav-categories.big-nav .nav-sub-item-link:hover, .header-21 .nav-categories.nav-wide .nav-sub-item-link:hover,
  .header-21 .nav-item.big-nav .nav-sub-item-link:hover,
  .header-21 .nav-item.nav-wide .nav-sub-item-link:hover {
    background-color: var(--header-21--nav-big-sub-item-link--background-color-hover);
    color: var(--header-21--nav-big-sub-item-link--color-hover);
  }
  .header-21 .nav-categories.big-nav .nav-sub-item-link.active, .header-21 .nav-categories.nav-wide .nav-sub-item-link.active,
  .header-21 .nav-item.big-nav .nav-sub-item-link.active,
  .header-21 .nav-item.nav-wide .nav-sub-item-link.active {
    background-color: var(--header-21--nav-big-sub-item-link--background-color-active);
    color: var(--header-21--nav-big-sub-item-link--color-active);
  }
  .header-21 .nav-sub-item-link {
    padding-right: var(--header-21--nav-sub-item-link--padding-x);
  }
  .header-21 .nav-sub-sub-sub-items-wrapper {
    background-color: var(--header-21--nav-sub-sub-sub-items--background-color);
    border-color: var(--header-21--nav-sub-sub-sub-items--border-color);
    border-width: var(--header-21--nav-sub-sub-sub-items--border-width);
    border-radius: var(--theme--borders--element--border-radius);
    box-shadow: var(--header-21--nav-sub-sub-sub-items--box-shadow);
    top: calc(var(--elements--body-text--body--line-height) + 2 * var(--header-21--nav-item--padding-y) + 2 * var(--header-21--nav-item-link--padding-y));
  }
  .header-21 .nav-item-page-1 {
    display: none;
  }
  .header-21 .nav-wide .nav-sub-items-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .header-21 .nav-wide .nav-sub-items {
    grid-template-columns: var(--header-21--nav-big-menu--grid-template-columns);
  }
}