.animation-element .white_box{
	opacity:0;
	-webkit-animation-duration:2s;animation-duration:2s;-ms-animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -ms-animation-fill-mode:both;
}

.animation-element .white_box.in-view{
	 opacity: 1;
	
	  -webkit-animation-name:fadeInUp;animation-name:fadeInUp; -ms-animation-name:fadeInUp;

}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@-ms-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.animation-element.slide-left {
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
height:0%;
}

.animation-element.slide-left.in-view {
  opacity: 1;
  height:100%;
}