.borovl,
.reser {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.borovl._active,
.reser._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.logo {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.logo._active {
  transform: translate(0px, 0%);
  opacity: 1;
  transition: all 0.8s ease 0.3s;
}

.kyrs {
  display: block;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.kyrs._active {
  transform: scale(1);
  opacity: 1;
}

.academy h1 {
  transform: scale(0);
  opacity: 0;
  transition: all 0.9s ease 0s;
}
.academy h1._active {
  transform: scale(1);
  opacity: 1;
}

.avtor {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 1.2s ease 0s;
}
.avtor._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.advantages li {
  transform: translate(-120%, 0px);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.advantages li._active {
  transform: translate(0%, 0px);
  opacity: 1;
}

.why_barber h1 {
  transform: scale(0);
  opacity: 0;
  transition: all 0.9s ease 0s;
}
.why_barber h1._active {
  transform: scale(1);
  opacity: 1;
}

.why_barber li {
  transform: translate(-120%, 0px);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.why_barber li._active {
  transform: translate(0%, 0px);
  opacity: 1;
}

.fraz {
  transform: scale(0);
  opacity: 0;
  transition: all 1.5s ease 0s;
}
.fraz._active {
  transform: scale(1);
  opacity: 1;
}

/* footer */
.footer__logo {
  transform: scale(0);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.footer__logo._active {
  transform: scale(1);
  opacity: 1;
}

.anim_1 {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 1s ease 0s;
}
.anim_1._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.anim_2 {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 1s ease 0.2s;
}
.anim_2._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.anim_3 {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 1s ease 0.4s;
}
.anim_3._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.anim_4 {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 1s ease 0.6s;
}
.anim_4._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.anim_5 {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 1s ease 0.8s;
}
.anim_5._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.anim_6 {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 1s ease 1s;
}
.anim_6._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.anim_7 {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 1s ease 1.2s;
}
.anim_7._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.anim_8 {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 1s ease 1.4s;
}
.anim_8._active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.footer__developer {
  transform: scale(0);
  opacity: 0;
  transition: all 1s ease 1.8s;
}
.footer__developer._active {
  transform: scale(1);
  opacity: 1;
}

.footer__copyright {
  transform: scale(0);
  opacity: 0;
  transition: all 1.2s ease 1.8s;
}
.footer__copyright._active {
  transform: scale(1);
  opacity: 1;
}