@-webkit-keyframes rotate-spin /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-spin {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotate-spin {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.l-sector-navigation {
  margin: 25px 0;
}
.l-sector-navigation__nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
@media (max-width: 767.98px) {
  .l-sector-navigation__nav-container {
    display: none;
    flex-direction: column;
    background-color: #ffc500;
    gap: 0em;
  }
  .l-sector-navigation__nav-container--active {
    display: flex;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
  }
  @keyframes growDown {
    0% {
      transform: scaleY(0);
    }
    80% {
      transform: scaleY(1.1);
    }
    100% {
      transform: scaleY(1);
    }
  }
}
.l-sector-navigation__nav-container-md {
  display: none;
  background-color: #e6b000;
  align-items: center;
  justify-content: center;
  padding: 1em;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .l-sector-navigation__nav-container-md {
    display: flex;
  }
}
.l-sector-navigation__item-title {
  display: none;
  width: 90%;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  color: white;
  margin: 0;
}
.l-sector-navigation__item-title a {
  color: #fff;
}
.l-sector-navigation__item-title a:hover, .l-sector-navigation__item-title a:active, .l-sector-navigation__item-title a:focus, .l-sector-navigation__item-title a:visited {
  color: #fff;
}
@media (max-width: 767.98px) {
  .l-sector-navigation__item-title {
    display: block;
  }
}
.l-sector-navigation__item {
  width: 100%;
  color: #979797;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  padding-bottom: 0.75em;
  text-align: center;
  cursor: pointer;
}
.l-sector-navigation__item a {
  color: #979797;
  display: block;
}
.l-sector-navigation__item a:hover, .l-sector-navigation__item a:active, .l-sector-navigation__item a:focus, .l-sector-navigation__item a:visited {
  color: #979797;
}
@media (max-width: 767.98px) {
  .l-sector-navigation__item {
    color: white;
    padding: 1em 0em;
    border-bottom: 2px solid #ffd440;
  }
  .l-sector-navigation__item:last-child {
    border: none;
  }
}
.l-sector-navigation__item--active {
  color: #343434;
  font-weight: bold;
  border-bottom: 4px solid #ffc500;
  opacity: 1;
}
.l-sector-navigation__item--active a {
  color: #343434;
}
.l-sector-navigation__item--active a:hover, .l-sector-navigation__item--active a:active, .l-sector-navigation__item--active a:focus, .l-sector-navigation__item--active a:visited {
  color: #343434;
}
@media (max-width: 767.98px) {
  .l-sector-navigation__item--active {
    color: white;
    border-bottom: 2px solid #ffd440;
  }
}
.l-sector-navigation__menu-icon {
  width: 7%;
}
@media (max-width: 575.98px) {
  .l-sector-navigation__menu-icon {
    width: 9%;
  }
}
