@charset "UTF-8";
/* news-blog-filter (start) */
.news-blog-filter {
  background: #fdfdfd;
  padding: 32px 0 20px;
  overflow: hidden;
}
.news-blog-filter__years {
  display: flex;
  flex-wrap: nowrap;
  overflow: scroll;
  scrollbar-width: none;
  justify-content: center;
}
.news-blog-filter__year {
  margin-right: 32px;
  margin-bottom: 9px;
  transform: translateX(0px);
}
.news-blog-filter__year a {
  text-decoration: none;
  color: #8F8F8F;
  font-weight: bold;
  font-size: 20px;
  line-height: 130%;
}
.news-blog-filter__year a.active {
  color: #000000;
  border-bottom: solid 2px #00B0FF;
}
.news-blog-filter fieldset.custom-select div.select {
  margin: 0;
}

/* news-blog-filter (end) */
/* Блок навигации по странице (start) */
.news-blog-menu {
  overflow: hidden;
}

.filter__header-block {
  font-weight: 400;
  font-size: 36px;
  line-height: 52px;
  padding-bottom: 40px;
  text-align: center;
}
.filter__menu {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 30px 0 80px;
  overflow: scroll;
  scrollbar-width: none;
}
.filter__menu-item {
  font-size: 13px;
  line-height: 13px;
  cursor: pointer;
  transform: translateX(0px);
  order: 10;
}
.filter__menu-item a {
  display: inline-block;
  background: #FF6D00;
  text-decoration: none;
  color: #FFFFFF;
  border-radius: 50px;
  padding: 15px 50px;
}
.filter__menu-item a:hover {
  background: #FF862C;
}
.filter__menu-item a {
  background: #F5F5F5;
  color: #6C7282;
}
.filter__menu-item a {
  color: #6C7282;
  text-decoration: none;
  padding: 15px 24px 15px 37px;
  white-space: nowrap;
}
.filter__menu-item span:last-child {
  opacity: 0;
}
.filter__menu-item:hover, .filter__menu-item.active {
  font-size: 13px;
  line-height: 13px;
  cursor: pointer;
}
.filter__menu-item:hover a, .filter__menu-item.active a {
  display: inline-block;
  background: #FF6D00;
  text-decoration: none;
  color: #FFFFFF;
  border-radius: 50px;
  padding: 15px 50px;
}
.filter__menu-item:hover a:hover, .filter__menu-item.active a:hover {
  background: #FF862C;
}
.filter__menu-item:hover a, .filter__menu-item.active a {
  padding: 15px 24px 15px 37px;
}
.filter__menu-item:hover span:last-child, .filter__menu-item.active span:last-child {
  color: #FFFFFF;
  opacity: 1;
}
.filter__menu-item.active {
  order: 1;
}

/* Блок навигации по странице (end) */
/**********************************************************************************************************************/
/******************************                 Адаптивная верстка                      *******************************/
/**********************************************************************************************************************/
/****************************************   Для экранов меньше 992px   ************************************************/
@media (max-width: 991.98px) {
  .filter__menu {
    width: 100vw;
    justify-content: center;
    justify-self: center;
    padding-right: 92px;
    padding-left: 214px;
  }

  .filter__menu-item {
    transform: translateX(54px);
  }

  .news-blog-filter__years {
    width: 100vw;
    justify-self: center;
    justify-content: center;
    padding-left: 92px;
  }

  .news-blog-filter__year {
    transform: translateX(-62px);
  }
}
/****************************************   Для экранов меньше 768px   ************************************************/
@media (max-width: 767.98px) {
  .filter__menu {
    justify-content: flex-start;
    padding: 30px calc((100vw - 513px) / 2) 40px;
  }

  .filter__menu-item {
    transform: translateX(0);
  }

  .news-blog-filter__years {
    justify-content: flex-start;
    padding-left: 0;
  }

  .news-blog-filter__year {
    transform: translateX(calc((100vw - 508px) / 2));
  }
}
/****************************************   Для экранов меньше 576px   ************************************************/
@media (max-width: 575.98px) {
  .filter__menu {
    padding-left: 13.5px;
    padding-right: 13.5px;
  }

  .news-blog-filter__years {
    justify-content: flex-start;
  }

  .news-blog-filter__year {
    transform: translateX(18px);
  }
}

/*# sourceMappingURL=news-blog-menu.css.map */