[data-dealy="0.2"]{transition-delay:0.2s;} [data-dealy="0.3"]{transition-delay:0.3s;} [data-dealy="0.4"]{transition-delay:0.4s;}
[data-dealy="0.5"]{transition-delay:0.5s;} [data-dealy="0.6"]{transition-delay:0.6s;} [data-dealy="0.7"]{transition-delay:0.7s;}
[data-dealy="0.8"]{transition-delay:0.8s;} [data-dealy="0.9"]{transition-delay:0.9s;} [data-dealy="1.0"]{transition-delay:1.0s;}
[data-dealy="1.1"]{transition-delay:1.1s;} [data-dealy="1.2"]{transition-delay:1.2s;} [data-dealy="1.3"]{transition-delay:1.3s;}
[data-dealy="1.4"]{transition-delay:1.4s;} [data-dealy="1.5"]{transition-delay:1.5s;} [data-dealy="1.6"]{transition-delay:1.6s;}
[data-dealy="1.7"]{transition-delay:1.7s;} [data-dealy="1.8"]{transition-delay:1.8s;} [data-dealy="1.9"]{transition-delay:1.9s;}
[data-dealy="2.0"]{transition-delay:2.0s;} [data-dealy="2.1"]{transition-delay:2.1s;} [data-dealy="2.2"]{transition-delay:2.2s;}
[data-dealy="2.3"]{transition-delay:2.3s;} [data-dealy="2.4"]{transition-delay:2.4s;} [data-dealy="2.5"]{transition-delay:2.5s;}
[data-dealy="2.6"]{transition-delay:2.6s;} [data-dealy="2.7"]{transition-delay:2.7s;} [data-dealy="2.8"]{transition-delay:2.8s;}
[data-dealy="2.9"]{transition-delay:2.9s;} [data-dealy="3.0"]{transition-delay:3.0s;} [data-dealy="3.1"]{transition-delay:3.1s;}
[data-dealy="3.2"]{transition-delay:3.2s;} [data-dealy="3.3"]{transition-delay:3.3s;} [data-dealy="3.4"]{transition-delay:3.4s;}
[data-dealy="3.5"]{transition-delay:3.5s;} [data-dealy="3.6"]{transition-delay:3.6s;} [data-dealy="3.7"]{transition-delay:3.7s;}
[data-dealy="3.8"]{transition-delay:3.8s;} [data-dealy="3.9"]{transition-delay:3.9s;} [data-dealy="4.0"]{transition-delay:4.0s;}
[data-dealy="4.1"]{transition-delay:4.1s;} [data-dealy="4.2"]{transition-delay:4.2s;} [data-dealy="4.3"]{transition-delay:4.3s;} 
[data-dealy="4.4"]{transition-delay:4.4s;} [data-dealy="4.5"]{transition-delay:4.5s;} [data-dealy="4.6"]{transition-delay:4.6s;} 
[data-dealy="4.7"]{transition-delay:4.7s;} [data-dealy="4.8"]{transition-delay:4.8s;} [data-dealy="4.9"]{transition-delay:4.9s;} 
[data-dealy="5.0"]{transition-delay:4.0s;}


.animation-element.box-slide-left {
  opacity:0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate3d(-100px, 0px, 0px);
  -ms-transform: translate3d(-100px, 0px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}
.animation-element.box-slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate3d(100px, 0px, 0px);
  -ms-transform: translate3d(100px, 0px, 0px);
  transform: translate3d(100px, 0px, 0px);
}
.animation-element.box-slide-top {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, -100px, 0px);
  -webkit-transform: translate3d(0px, -100px, 0px);
  -o-transform: translate3d(0px, -100px, 0px);
  -ms-transform: translate3d(0px, -100px, 0px);
  transform: translate3d(0px, -100px, 0px);
}

.animation-element.box-slide-left.in-view,
.animation-element.box-slide-right.in-view,
.animation-element.box-slide-top.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.box-zoom {
  opacity:0;
  -moz-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.animation-element.box-zoom.in-view{
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.animation-element.box-left-100 {
  opacity:0;
  -moz-transition: all 600ms linear;
  -webkit-transition: all 600ms linear;
  -o-transition: all 600ms linear;
  transition: all 600ms linear;
  -moz-transform: translate3d(-100%, 0px, 0px);
  -webkit-transform: translate3d(-100%, 0px, 0px);
  -o-transform: translate3d(-100%, 0px, 0px);
  -ms-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px);
}
.animation-element.box-right-100 {
  opacity: 0;
  -moz-transition: all 600ms linear;
  -webkit-transition: all 600ms linear;
  -o-transition: all 600ms linear;
  transition: all 600ms linear;
  -moz-transform: translate3d(100%, 0px, 0px);
  -webkit-transform: translate3d(100%, 0px, 0px);
  -o-transform: translate3d(100%, 0px, 0px);
  -ms-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px);
}
.animation-element.box-top-100 {
  opacity: 0;
  -moz-transition: all linear;
  -webkit-transition: all linear;
  -o-transition: all linear;
  transition: all linear;
  -moz-transform: translate3d(0px, -100px, 0px);
  -webkit-transform: translate3d(0px, -100px, 0px);
  -o-transform: translate3d(0px, -100px, 0px);
  -ms-transform: translate3d(0px, -100px, 0px);
  transform: translate3d(0px, -100px, 0px);
}
.animation-element.box-left-100.in-view,
.animation-element.box-right-100.in-view,
.animation-element.box-top-100.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.box-effectshow {
  opacity:0;
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -moz-transition-duration: 600ms;
  -webkit-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-property:opacity scale;
  -ms-transition-property:opacity scale;
  -moz-transition-property:opacity scale;
  -o-transition-property:opacity scale;
  transition-property: opacity scale;
  -webkit-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.animation-element.box-effectshow.in-view{
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.animation-element.box-fadeIn {
  opacity:0;
  -moz-transition-duration: 800ms;
  -webkit-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
  -webkit-transition-property:opacity;
  -ms-transition-property:opacity;
  -moz-transition-property:opacity;
  -o-transition-property:opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.animation-element.box-fadeIn.in-view{
  opacity: 1;
}