.transition-to-full-opacity {
  animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  -webkit-animation-delay: 2s;
  animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-name: fadeInProducts;
  -moz-animation-name: fadeInProducts;
  -o-animation-name: fadeInProducts;
  -webkit-animation-name: fadeInProducts;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.transition-to-full-opacity-dynamic-initial {
  opacity: 0 !important;
}

.transition-to-full-opacity-dynamic-final {
  animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-name: fadeInProducts;
  -moz-animation-name: fadeInProducts;
  -o-animation-name: fadeInProducts;
  -webkit-animation-name: fadeInProducts;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

@-webkit-keyframes fadeInProducts {
  from {
    opacity: 0 !important;
  }

  to {
    opacity: 1 !important;
  }
}

@-moz-keyframes fadeInProducts {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInProducts {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}