.q-animatable,.q-animatable-scroll{
  transition: all 400ms, transform 700ms, opacity 500ms cubic-bezier(0.4, 0, 0.2, 1);
   -webkit-transition: all 400ms, -webkit-transform 700ms, opacity 500ms  cubic-bezier(0.4, 0, 0.2, 1);
   -ms-transition: all 400ms, -webkit-transform 700ms, opacity 500ms cubic-bezier(0.4, 0, 0.2, 1);

}
.q-animatable-bounce{
  transition: opacity 400ms,  transform 900ms cubic-bezier(0.4, 0, 0.01, 1.51);
   -webkit-transition: opacity 400ms, box-shadow 400ms, -webkit-transform 900ms   cubic-bezier(0.4, 0, 0.01, 1.51);
   -ms-transition: opacity 400ms, box-shadow 400ms, -webkit-transform 900ms   cubic-bezier(0.4, 0, 0.01, 1.51);

}
.q-delay{
  -webkit-transition-duration:900ms;
  -ms-transition-duration:900ms;
  transition-duration: 900ms;
}

.q-delay-medium{
  -webkit-transition-duration:6s;
  transition-duration: 6s;
}

.q-fade-in-left{
  -ms-transform:translate(-100px,0);
transform:translate(-100px,0);
-webkit-transform:translate(-100px,0);
opacity: 0;
}
.q-fade-in-right{
-ms-transform:translate(100px,0);
transform:translate(100px,0);
-webkit-transform:translate(100px,0);
opacity: 0.4;
}
.q-fade-in{
    opacity: 0;

}
.q-fade-in-bottom{
  -ms-transform:translate(0px,100px);
  transform:translate(0px,100px);
  -webkit-transform:translate(0px,100px);
  opacity: 0;
}
.q-fade-in-bottom-M{
  -ms-transform:translate(0px,50px);
  transform:translate(0px,50px);
  -webkit-transform:translate(0px,50px);
  opacity: 0;
}
.q-fade-in-bottom-Lw{
  -ms-transform:translate(0px,25px);
  transform:translate(0px,25px);
  -webkit-transform:translate(0px,25px);
  opacity: 0;
}

.q-fade-in-bottom-Lwst{
  -ms-transform:translate(0px,15px);
  transform:translate(0px,15px);
  -webkit-transform:translate(0px,15px);
  opacity: 0;
}

.q-fade-in-top{
  -ms-transform:translate(0px,-100px);
  transform:translate(0px,-100px);
  -webkit-transform:translate(0px,-100px);
  opacity: 0;
}

.q-fade-in-top-M{
  -ms-transform:translate(0px,-50px);
  transform:translate(0px,-50px);
  -webkit-transform:translate(0px,-50px);
  opacity: 0;
}

.q-fade-in-top-Lw{
  -ms-transform:translate(0px,-25px);
  transform:translate(0px,-25px);
  -webkit-transform:translate(0px,-25px);
  opacity: 0;
}

.q-fade-in-rotate-Z{
  -ms-transform:translate(0,150px) rotateZ(90deg);
  transform:translate(0,150px) rotateZ()(90deg);
  -webkit-transform:translate(0,150px) rotateZ(90deg);
}
.q-fade-in-rotate-right{
  -ms-transform:translate(0,150px) rotateY(90deg);
  transform:translate(0,150px) rotateY(90deg);
  -webkit-transform:translate(0,150px) rotateY(90deg);
}
.q-fade-in-rotate-bottom{
  -ms-transform-origin: bottom bottom;
  -webkit-transform-origin: bottom bottom;
  transform-origin: bottom bottom;
  -ms-transform:translate(0,150px) rotateX(90deg);
  transform:translate(0,150px) rotateX(90deg);
  -webkit-transform:translate(0,150px) rotateX(90deg);
}
