@charset 'UTF-8';

.fade_inff {
    transition: all 900ms 0.3s ease;
    transform: translateY(0px);
    visibility: hidden;
    opacity: 0;
}

.fade_inff2 {
    transition: all 900ms 1s ease;
    transform: translateY(0px) scale(0.5);
    visibility: hidden;
    opacity: 0;
}

.fade_inff3 {
    transition: all 1200ms 1.8s ease;
    transform: translateY(-50px);
    visibility: hidden;
    opacity: 0;
}


.fade_inff4 {
    transition: all 900ms 2.3s ease;
    transform: translateY(-50px);
    visibility: hidden;
    opacity: 0;
}

.fade_inff5 {
    transition: all 900ms 2.8s ease;
    transform: translateY(100px);
    visibility: hidden;
    opacity: 0;
}
.fade_inff6 {
    transition: all 900ms 3.0s ease;
    transform: translateY(100px);
    visibility: hidden;
    opacity: 0;
}
.fade_inff7 {
    transition: all 1200ms 4s ease;
    transform: translateY(100px);
    visibility: hidden;
    opacity: 0;
}





.fade_in1 {
    transition: all 900ms 0s ease;
    transform: translateX(-100px);
    visibility: hidden;
    opacity: 0;
}

.fade_in2 {
    transition: all 900ms 0s ease;
    transform: translateX(100px);
    visibility: hidden;
    opacity: 0;
}

.fade_in3 {
    transition: all 900ms 0s ease;
    transform: translateY(100px);
    visibility: hidden;
    opacity: 0;
}

.fade_in6 {
    transition: all 900ms 0s ease;
    transform: translateY(-100px);
    visibility: hidden;
    opacity: 0;
}


.fade_in4 {
    transition: all 900ms 0s ease;
	transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
    visibility: hidden;
    opacity: 0;
}
.fade_in5 {
    transition: all 900ms 0s ease;
	transform: translateZ(160px) translateY(-100px);
    visibility: hidden;
    opacity: 0;
}


.roll-in-left {
	-webkit-animation: roll-in-left 1s ease-out both;
	        animation: roll-in-left 1s ease-out both;
}
@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}

.fade_in1.js_active,.fade_in2.js_active,.fade_in3.js_active,.fade_in4.js_active,.fade_in5.js_active,.fade_inff.js_active,.fade_inff2.js_active,.roll-in-left.js_active,.fade_inff3.js_active,.fade_inff4.js_active,.fade_inff5.js_active,.fade_inff6.js_active,.fade_inff7.js_active {
    visibility: visible;
    transform: translateY(0px);
    opacity: 1;
}