.tn-atom a:hover {
   /* цвет ссылки после наведения */
color: #E30016 !important; 
   text-decoration: none !important;
   padding-bottom: 2px !important; 
   transition-duration: 0.3s;
}


.fillskewclose {
 /* border: 2px solid black; */
  background: #c30013;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  z-index: 1;
  color: #fff !important;
  font-weight: 700;
  overflow: hidden;
  display: flex;
  align-content: center;
  justify-content: center;
}

.fillskewclose a {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-flow: row wrap;
  }

.fillskewclose:hover {
/*  border-color: steelblue; */
  color: #E30016;
}
.fillskewclose:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  background: #E30016;
 
}

.fillskewclose::after {
  left: -20%;
  right: -20%;
  -moz-transform: skewX(-45deg) scale(1, 1);
  -ms-transform: skewX(-45deg) scale(1, 1);
  -webkit-transform: skewX(-45deg) scale(1, 1);
  transform: skewX(-45deg) scale(1, 1);
}

.fillskewclose:hover::after {
  -moz-transform: skewX(-45deg) scale(0, 1);
  -ms-transform: skewX(-45deg) scale(0, 1);
  -webkit-transform: skewX(-45deg) scale(0, 1);
  transform: skewX(-45deg) scale(0, 1);
}

#allrecords ul {
 /*   padding-top: 8px; /* расстояние от списоков до строки выше */
}


.t404__title:hover { /* ховеры для заголовоков проектов */
        color: #e30016 !important;
        transition: all 0.3s ease-in-out;
}

.t404__img:hover { /* ховеры для превью проектов */
        filter: brightness(90%) !important;
        transition: all 0.3s ease-in-out;
}

.t-name_sm:hover { /*ховер для Опросных листов и сертификатов в карточке */
    color: #b20011 !important;
}