:root {
    --animate-duration: 1s;
    --animate-delay: 0.9s;
    --animate-repeat: 1;
  }

/************backInRight**********/
@keyframes backInRight {
    0% {
      transform: translateX(50px) scale(0.8);
      opacity: 0.1;
    }
    80% {
      transform: translateX(0px) scale(0.9);
      opacity: 0.7;
    }
    100% {
      transform: translateX(0px) scale(1);
      opacity: 1;
    }
  }
  
  .animate__backInRight {
    animation-name: backInRight;
  }


/************backInLeft**********/
@keyframes backInLeft {
  0% {
    transform: translateX(-20px);
    opacity: 0.1;
  }
  80% {
    transform: translateX(0px);
    opacity: 0.7;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

  .animate__backInLeft {
    animation-name: backInLeft;
  }

/*************************************************/
  @keyframes backInLeft_photo {
    0% {
      transform: translateX(-50px) scale(0.8);
      opacity: 0.9;
    }
    80% {
      transform: translateX(0px) scale(0.9);
      opacity: 1;
    }
    100% {
      transform: translateX(0px) scale(1);
      opacity: 1;
    }
  }
  
    .animate__backInLeft_photo {
      animation-name: backInLeft_photo;
    }


/************backInUp************/
  @keyframes backInUp {
    0% {
      transform: translateY(200px) scale(0.8);
      opacity: 0.7;
    }
  
    80% {
       transform: translateY(0px) scale(0.9);
      opacity: 0.7;
    }
  
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  .animate__backInUp {
    animation-name: backInUp;
  }

/************backInUp_min************/
@keyframes backInUp_min {
  0% {
    transform: translateY(50px) scale(0.8);
    opacity: 0.7;
  }

  80% {
     transform: translateY(0px) scale(0.9);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInUp_min {
  animation-name: backInUp_min;
}

/**********backInDown********************/
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}

/**********backInDown_min***************/
@keyframes backInDown_min {
  0% {
    transform: translateY(-30px) scale(0.8);
    opacity: 0;
  }

  80% {
    transform: translateY(0px) scale(0.9);
    opacity: 0.9;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown_min {
  animation-name: backInDown_min;
}




/****************Fading entrances***********/
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}

/************************TADA***************/
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
}




















/********************************************/
/*          Классы настроек                 */
/********************************************/
.animate__animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  animation-duration: calc(var(--animate-duration) * 3);
}

.animate__animated.animate__flip {
    backface-visibility: visible;
    animation-name: flip;
}