.anim-1,
.anim-2,
.anim-3,
.anim-4,
.anim-5,
.anim-6,
.anim-7,
.anim-8,
.anim-9,
.anim-10,
.anim-11,
.anim-12 {
  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
  opacity: 0;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.anim-1 {
  -webkit-transition: transform .8s,opacity .8s;
  -moz-transition: transform .8s,opacity .8s;
  -o-transition: transform .8s,opacity .8s;
  transition: transform .8s,opacity .8s;
}
.anim-2 {
  -webkit-transition: transform 1s,opacity 1s;
  -moz-transition: transform 1s,opacity 1s;
  -o-transition: transform 1s,opacity 1s;
  transition: transform 1s,opacity 1s;
}
.anim-3 {
  -webkit-transition: transform 1.2s,opacity 1.2s;
  -moz-transition: transform 1.2s,opacity 1.2s;
  -o-transition: transform 1.2s,opacity 1.2s;
  transition: transform 1.2s,opacity 1.2s;
}
.anim-4 {
  -webkit-transition: transform 1.4s,opacity 1.4s;
  -moz-transition: transform 1.4s,opacity 1.4s;
  -o-transition: transform 1.4s,opacity 1.4s;
  transition: transform 1.4s,opacity 1.4s;
}
.anim-5 {
  -webkit-transition: transform 1.6s,opacity 1.6s;
  -moz-transition: transform 1.6s,opacity 1.6s;
  -o-transition: transform 1.6s,opacity 1.6s;
  transition: transform 1.6s,opacity 1.6s;
}
.anim-6 {
  -webkit-transition: transform 1.8s,opacity 1.8s;
  -moz-transition: transform 1.8s,opacity 1.8s;
  -o-transition: transform 1.8s,opacity 1.8s;
  transition: transform 1.8s,opacity 1.8s;
}
.anim-7 {
  -webkit-transition: transform 2s,opacity 2s;
  -moz-transition: transform 2s,opacity 2s;
  -o-transition: transform 2s,opacity 2s;
  transition: transform 2s,opacity 2s;
}
.anim-8 {
  -webkit-transition: transform 2.2s,opacity 2.2s;
  -moz-transition: transform 2.2s,opacity 2.2s;
  -o-transition: transform 2.2s,opacity 2.2s;
  transition: transform 2.2s,opacity 2.2s;
}
.anim-9 {
  -webkit-transition: transform 2.4s,opacity 2.4s;
  -moz-transition: transform 2.4s,opacity 2.4s;
  -o-transition: transform 2.4s,opacity 2.4s;
  transition: transform 2.4s,opacity 2.4s;
}
.anim-10 {
  -webkit-transition: transform 3.0s,opacity 3.0s;
  -moz-transition: transform 3.0s,opacity 3.0s;
  -o-transition: transform 3.0s,opacity 3.0s;
  transition: transform 3.0s,opacity 3.0s;
}
.anim-11 {
  -webkit-transition: transform 4.0s,opacity 4.0s;
  -moz-transition: transform 4.0s,opacity 4.0s;
  -o-transition: transform 4.0s,opacity 4.0s;
  transition: transform 4.0s,opacity 4.0s;
}
.anim-12 {
  -webkit-transition: transform 5.0s,opacity 5.0s;
  -moz-transition: transform 5.0s,opacity 5.0s;
  -o-transition: transform 5.0s,opacity 5.0s;
  transition: transform 5.0s,opacity 5.0s;
}

.anim-1.show-on,
.anim-2.show-on,
.anim-3.show-on,
.anim-4.show-on,
.anim-5.show-on,
.anim-6.show-on,
.anim-7.show-on,
.anim-8.show-on,
.anim-9.show-on,
.anim-10.show-on,
.anim-11.show-on,
.anim-12.show-on {
  -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);
  opacity: 1;
}


.blind-out-case{position:relative;overflow:hidden;position: absolute;bottom: 3%;left: 0;z-index: 0;height: 30%;width: 100%;}
.blind-out-case div{font-size:0;height: 100%;}
.num-in .numP{position: absolute;left: 0;top: 0;z-index: 2;}

.blind-out-case div.blind {position: absolute;top:0;width:100%;height: 100%;background-color: #ffffff;}

.blind-out-case div.blind {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transform: translate(0px, 0px) skewX(0deg);
	-webkit-transform: translate(0px, 0px) skewX(0deg);
	-moz-transform: translate(0px, 0px) skewX(0deg);
}
.blind-out-case.show-on div.blind {
	transition: all 1.0s ease;
	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	transform: translate(100%, 0px) skewX(0deg);
	-webkit-transform: translate(100%, 0px) skewX(0deg);
	-moz-transform: translate(100%, 0px) skewX(0deg);
}