/* Fading Animations */

@keyframes fade-in-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fade-in-right {
  0% {

    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

.fade-in-right {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fade-in-right;
  -webkit-animation-name: fade-in-right;
}


@keyframes fade-up {
  0% {
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fade-up {
  0% {
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

body.ie .fade-up, body.ie .fade-in-right{
  opacity: 1;
}

.fade-up {
  opacity: 0;
}

.fade-up.start {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fade-up;
  -webkit-animation-name: fade-up;
}

.fade-out{
  opacity: 0;
  transition-duration: .5s;
}

 /*Grow on Hover animation*/
@media (min-width: 1024px) {
  .grow-on-hover {
    transition: 0.5s;
  }

  .grow-on-hover:hover {
    transform: scale(1.05);
  }
}