  /* --- СТИЛИ ДЛЯ КАСТОМНОЙ КНОПКИ (С ЭФФЕКТОМ НАЖАТИЯ) --- */
  
  .button-text-ignore { 
    pointer-events: none; 
  }

  .custom-button-container {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none; 
  }
  
  .custom-button-container .img-hover,
  .custom-button-container .img-pressed {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .custom-button-container:hover .img-hover {
    display: block;
  }
  .custom-button-container:hover .img-default {
    display: none;
  }

  .custom-button-container:active .img-pressed {
    display: block;
  }
  .custom-button-container:active .img-hover {
    display: none;
  }
/* Превращаем стандартный Bold в Semibold для текста в карточках */
.card-text strong {
  font-weight: 600 !important;
}

  /* Делаем контент "прозрачным" для мыши, чтобы не мешать триггеру */
  .card-content-default,
  .card-content-hover {
    pointer-events: none;
  }
  .button-text-no-events {
  pointer-events: none;
}
/* Задаем плавный переход */
#rec1095567636 .tn-elem.menu-text .tn-atom {
  transition: color 0.5s ease;
}

/* Задаем цвет при наведении */
#rec1095567636 .tn-elem.menu-text .tn-atom:hover {
  color: #C49F83;
}
/* Задаем плавный переход */
#rec1095567636 .tn-elem.menu-startnow .tn-atom {
  transition: color 0.5s ease;
}

/* Задаем цвет при наведении */
#rec1095567636 .tn-elem.menu-startnow .tn-atom:hover {
  color: #A6C4B3;
}
/*
  Правило для ссылок в футере с классом .footer-links
*/

/* Задаем плавный переход для цвета */
#rec1095754921 .tn-elem.footer-links .tn-atom {
  transition: color 0.5s ease;
}

/* Задаем цвет при наведении */
#rec1095754921 .tn-elem.footer-links .tn-atom:hover {
  color: #C49F83;
}
/* ОБЩЕЕ ПРАВИЛО для всех элементов с классом contact-us
*/

/* Задаем плавный переход */
.tn-elem.contact-us .tn-atom {
  transition: color 0.5s ease;
}

/* Задаем цвет при наведении с !important, чтобы он работал в любом блоке */
.tn-elem.contact-us .tn-atom:hover {
  color: #2C2B29 !important;
}
/*
  Общее правило для иконок соцсетей с классом .social-icon
*/

/* Задаем плавный переход для самой картинки внутри элемента */
.tn-elem.social-icon .tn-atom__img {
  transition: filter 0.3s ease;
}

/* Когда мы наводим курсор на элемент с классом .social-icon... */
.tn-elem.social-icon:hover .tn-atom__img {
  /* ...осветляем картинку внутри него */
  filter: brightness(1.3);
}
/* Уменьшаем размер кнопки "Наверх" */
.t-up {
  width: 40px !important;
  height: 40px !important;
}
/*
  Правило для ссылок на странице 404 с классом links-404
*/

/* Задаем плавный переход для цвета */
#rec1166704071 .tn-elem.links-404 .tn-atom {
  transition: color 0.5s ease;
}

/* Задаем цвет при наведении */
#rec1166704071 .tn-elem.links-404 .tn-atom:hover {
  color: #C49F83;
}