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

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

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

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

.fadeIn {
  animation: fadeIn;
  animation-duration: .5s;
}

.fadeOut {
  animation: fadeOut;
  animation-duration: .5s;
}

.fadeIn-1 {
  animation: fadeIn;
  animation-duration: 1s;
}

.fadeOut-1 {
  animation: fadeOut;
  animation-duration: 1s;
}