@media (min-width: 996px) {
  .delighter.imgEffect {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  .delighter.imgEffect img {
    width: 100%;
    height: 100%;
    float: left;
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  .delighter.imgEffect::before {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  .delighter.imgEffect.started {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  .delighter.imgEffect.started img {
    -webkit-animation: imageIn 0.5s ease;
            animation: imageIn 0.5s ease;
    -webkit-transition: opacity 0.1s, -webkit-transform 0.75s;
    transition: opacity 0.1s, -webkit-transform 0.75s;
    transition: opacity 0.1s, transform 0.75s;
    transition: opacity 0.1s, transform 0.75s, -webkit-transform 0.75s;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    opacity: 1;
  }
  @-webkit-keyframes imageIn {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    51% {
      opacity: 1;
    }
  }
  @keyframes imageIn {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    51% {
      opacity: 1;
    }
  }
  .delighter.imgEffect.started::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    background: #e1e1e1;
    z-index: 1;
    -webkit-animation: coverOut 0.5s ease;
            animation: coverOut 0.5s ease;
    width: 0%;
    right: 0;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  @-webkit-keyframes coverOut {
    0% {
      width: 0%;
      right: 100%;
    }
    50% {
      width: 100%;
      right: 0%;
    }
    100% {
      width: 0%;
      right: 0%;
    }
  }
  @keyframes coverOut {
    0% {
      width: 0%;
      right: 100%;
    }
    50% {
      width: 100%;
      right: 0%;
    }
    100% {
      width: 0%;
      right: 0%;
    }
  }
}
.delighter.fadein {
  opacity: 0;
  -webkit-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
}
.delighter.fadein.started {
  opacity: 1;
}
.delighter.fadeLeft {
  opacity: 0;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.delighter.fadeLeft.started {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
.delighter.fadeRight {
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.delighter.fadeRight.started {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.delighter.fadeTop {
  opacity: 0;
  -webkit-transform: translateY(25px);
          transform: translateY(25px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.delighter.fadeTop.started {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}/*# sourceMappingURL=delighter.css.map */