.slide-up,
.slide-down,
.slide-left,
.slide-right,
.fadeInUp,
.fadeInDown,
.fadeIn {
    opacity: 0;
}

.animated.slide-up {
    -webkit-animation: slide-up 0.8s ease-in both;
    animation: slide-up 0.8s ease-in both;
}

.animated.slide-down {
    -webkit-animation: slide-down 0.8s ease-in both;
    animation: slide-down 0.8s ease-in both;
}

.animated.slide-left {
    -webkit-animation: slide-left 0.8s both;
    animation: slide-left 0.8s both;
}

.animated.slide-right {
    -webkit-animation: slide-right 0.8s both;
    animation: slide-right 0.8s both;
}

.animated.fadeIn {
    -webkit-animation: fadeIn 0.8s ease-in both;
    animation: fadeIn 0.8s ease-in both;
}

.animated.fadeInUp {
    -webkit-animation: fadeInUp 0.8s ease-in-out forwards;
    animation: fadeInUp 0.8s ease-in-out forwards;
}

.animated.fadeInDown {
    -webkit-animation: fadeInDown 0.8s ease-in-out both;
    animation: fadeInDown 0.8s ease-in-out both;
}

.animated.delay-03s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animated.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.animated.delay-07s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.animated.delay-09s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-13s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.animated.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.animated.delay-17s {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.animated.delay-19s {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-23s {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}

.animated.delay-25s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.animated.delay-27s {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}

.animated.delay-29s {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes slide-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slide-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes slide-down {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slide-down {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes slide-left {
    from {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slide-left {
    from {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes slide-right {
    from {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slide-right {
    from {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}




/* Animated Shape */
.shape-animated {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-name: infiUpDown;
    animation-name: infiUpDown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
  
  @keyframes infiUpDown {
    0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  
    50% {
      -webkit-transform: translateY(-35px);
      transform: translateY(-35px);
    }
  
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }
  
  @-webkit-keyframes infiUpDown {
    0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  
    50% {
      -webkit-transform: translateY(-35px);
      transform: translateY(-35px);
    }
  
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }
  

@media (max-width: 991px) {
    .animated.slide-right {
        -webkit-animation: slide-left 0.8s both;
        animation: slide-left 0.8s both;
    }
}