@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.spin-slow {
  animation: rotate360 20s linear infinite;
  transform-origin: center center;
}
@keyframes rotateReverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.spin-reverse {
  animation: rotateReverse 20s linear infinite;
  transform-origin: center center;
}








:root {
--SlideTextColor: #000000; /* Цвет текста по наведению */
}
.link-slide a {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.link-slide a::before {
position: absolute;
top: 100%;
color: var(--SlideTextColor);
content: " " attr(data-content);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.link-slide a:hover,
.link-slide a:focus {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.wrapper-slide-text {
overflow: hidden;
}


$(document).ready(function () {
$('.link-slide').each(function () {
$(this).find('a').each(function() {
var slide_text = $(this);
var slide_text_inside = slide_text.text();
slide_text.attr('data-content', slide_text_inside);
});
});
$('.link-slide .tn-atom a').each(function () {
$(this).wrap('');
});
});