/* Start:/local/templates/html/components-template/filter/style.css?17022041423736*/
@charset "UTF-8";
.catalog-filter {
  display: flex;
  flex-direction: column;
  padding: 12px 0 20px; }

.catalog-filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px; }

.catalog-filter-title {
  font-style: normal;
  font-weight: normal;
  font-size: calc((16 / 16) * 1rem);
  line-height: 24px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #282828; }

.catalog-filter-sort {
  display: flex;
  align-items: center; }
  .catalog-filter-sort .form-group-select {
    width: auto;
    margin: 0; }

.catalog-filter-reset {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: calc((16 / 16) * 1rem);
  line-height: 24px;
  color: #30393F;
  cursor: pointer;
  display: none;
  transition: all ease 0.3s; }
  .catalog-filter-reset .icon {
    transition: fill 0.3s, stroke 0.3s; }
  .catalog-filter-reset[href]:hover {
    color: #078A51; }
    .catalog-filter-reset[href]:hover .icon {
      fill: #078A51; }
  .catalog-filter-reset[href]:active {
    text-decoration: none;
    color: #078A51; }
    .catalog-filter-reset[href]:active .icon {
      fill: #078A51; }
  .catalog-filter-reset .icon {
    fill: #007261;
    margin: 0 10px 0 0; }

.catalog-filter-nav {
  padding: 0 0 10px;
  width: 100%;
  border-bottom: 1px solid rgba(177, 177, 177, 0.5); }
  .catalog-filter-nav .nav-list {
    display: flex;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden; }
  .catalog-filter-nav .nav {
    width: auto;
    display: flex; }
  .catalog-filter-nav .nav-item {
    margin: 0 12px; }
    .catalog-filter-nav .nav-item.active .nav-link {
      color: #007261; }
  .catalog-filter-nav .nav-link {
    font-weight: 500;
    font-size: calc((12 / 16) * 1rem);
    line-height: 22px;
    text-transform: uppercase;
    color: #282828;
    white-space: nowrap; }

.catalog-filter-body {
  margin: 0 0 20px;
  height: 40px; }
  .catalog-filter-body .swiper-container-horizontal > .swiper-scrollbar {
    bottom: auto;
    top: 40px; }

@media (min-width: 768px) {
  .catalog-filter--title {
    padding: 35px 0 20px; }
  .catalog-filter-sort {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px 0 0 0;
    position: relative;
    z-index: 11; }
    .catalog-filter-sort:before {
      content: 'Сортировать:';
      font-style: normal;
      font-weight: 500;
      font-size: calc((16 / 16) * 1rem);
      line-height: 146.28%;
      letter-spacing: 0.01em;
      color: #30393F;
      margin: 0 10px 0 0; } }

@media (min-width: 1024px) {
  .catalog-filter-title {
    font-size: calc((16 / 16) * 1rem);
    line-height: 22px; }
  .catalog-filter-reset {
    display: flex; }
  .catalog-filter-header {
    margin: 0 0 20px; }
  .catalog-filter-nav {
    margin: 20px 0 20px 0;
    padding: 16px 0;
    border-top: 1px solid rgba(177, 177, 177, 0.5); }
    .catalog-filter-nav .nav-link {
      font-weight: 500;
      font-size: calc((15 / 16) * 1rem);
      line-height: 22px; }
      .catalog-filter-nav .nav-link:not(span) {
        cursor: pointer;
        transition: all ease 0.3s; }
        .catalog-filter-nav .nav-link:not(span) .icon {
          transition: fill 0.3s, stroke 0.3s; }
        .catalog-filter-nav .nav-link:not(span)[href]:hover {
          color: #078A51; }
          .catalog-filter-nav .nav-link:not(span)[href]:hover .icon {
            fill: #078A51; }
        .catalog-filter-nav .nav-link:not(span)[href]:active {
          text-decoration: none;
          color: #078A51; }
          .catalog-filter-nav .nav-link:not(span)[href]:active .icon {
            fill: #078A51; } }

/* End */


/* Start:/local/templates/html/components-template/program-slider-grid/style.css?1702204142377*/
.program-slider-grid {
  margin: 0 0 80px; }
  .program-slider-grid .swiper-button-next,
  .program-slider-grid .swiper-button-prev {
    display: none; }
  @media (min-width: 1024px) {
    .program-slider-grid .swiper-wrapper {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap; }
    .program-slider-grid .swiper-pagination {
      display: none; } }

/* End */


/* Start:/local/templates/html/components-template/favorite/style.css?17022041421459*/
.favorite {
  cursor: pointer; }
  .favorite.active .favorite-icon {
    display: none; }
  .favorite.active .favorite-icon--active {
    display: block; }

.favorite-text {
  display: none; }

.favorite-icon {
  fill: #007261;
  transition: fill .3s; }
  .favorite-icon:hover {
    fill: #078A51; }
  .favorite-icon:active {
    fill: #007261; }

.favorite-icon--active {
  fill: #007261 !important;
  stroke: #007261 !important;
  display: none; }

.favorite.favorite--has-text {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: calc((16 / 16) * 1rem);
  line-height: 24px;
  color: #007261;
  user-select: none;
  transition: all ease 0.3s; }
  .favorite.favorite--has-text .icon {
    transition: fill 0.3s, stroke 0.3s; }
  .favorite.favorite--has-text[href]:hover {
    color: #078A51; }
    .favorite.favorite--has-text[href]:hover .icon {
      fill: #078A51; }
  .favorite.favorite--has-text[href]:active {
    text-decoration: none;
    color: #078A51; }
    .favorite.favorite--has-text[href]:active .icon {
      fill: #078A51; }
  .favorite.favorite--has-text .favorite-text {
    display: block;
    margin: 0 0 0 10px !important;
    white-space: nowrap; }
  .favorite.favorite--has-text .favorite-text--active {
    display: none; }
  .favorite.favorite--has-text.active .favorite-text {
    display: none; }
  .favorite.favorite--has-text.active .favorite-text--active {
    display: block; }

/* End */
/* /local/templates/html/components-template/filter/style.css?17022041423736 */
/* /local/templates/html/components-template/program-slider-grid/style.css?1702204142377 */
/* /local/templates/html/components-template/favorite/style.css?17022041421459 */