.up-fade-out {
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  opacity: 0;
}
.up-fade-out:nth-of-type(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.up-fade-out:nth-of-type(3) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.up-fade-left {
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translate3d(50px, 0, 0);
          transform: translate3d(50px, 0, 0);
  opacity: 0;
}

.ufo-in {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

.olshow {
  opacity: 0;
}

.olshow-s {
  opacity: 1;
  -webkit-animation: animatedgradient 1s ease-in-out;
          animation: animatedgradient 1s ease-in-out;
}

.olshow .photos-block {
  opacity: 0;
}

.opacitystart {
  -webkit-animation: opcityc 0.5s ease-in-out;
          animation: opcityc 0.5s ease-in-out;
}

.fade-out,
.r-fade-out {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}

.fo-in {
  opacity: 1;
}

@-webkit-keyframes opcityc {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes opcityc {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animatedgradient {
  0% {
    background-position: 100% 100%;
    opacity: 0;
  }
  100% {
    background-position: 0% 0%;
    opacity: 1;
  }
}
@keyframes animatedgradient {
  0% {
    background-position: 100% 100%;
    opacity: 0;
  }
  100% {
    background-position: 0% 0%;
    opacity: 1;
  }
}/*# sourceMappingURL=fadin-animation.css.map */