.hero [data-animate]{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.projects-page [data-animate],
.projects__container-page [data-animate],
.vacancies [data-animate],
.vacancies__container [data-animate],
.contacts__form-right {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.hero .container3D [data-animate] {
  opacity: 0;
  transition: opacity 1s ease, transform 0.8s ease;
}
.features [data-animate] {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.projects [data-animate],
.contacts__form-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.results [data-animate]
 {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}



/* ANIMATION CLASSES */

[data-animate].fade-in-up {
  opacity: 1;
  transform: translateY(0);
}

[data-animate].transform-right {
  transform: translateX(0px);
  opacity: 1;
}
[data-animate].occurance {
  transform: translateY(0);
  opacity: 1;
}
[data-animate].solar-system {
  opacity: 1;
}