.anim_group{position:absolute;width:100%;height:51.04166666666667vw;overflow:hidden;}
.anim_group .anim {position: absolute;top:0;width:50%;height:51.04166666666667vw;background:#fff;opacity: 0;overflow:hidden;z-index:1;}

.anim_slide.up{
	opacity: 0 !important;
	-webkit-transform: translateY(100px) !important;
	-moz-transform: translateY(100px) !important;
	-ms-transform: translateY(100px) !important;
	-o-transform: translateY(100px) !important;
	transform: translateY(100px) !important;
}
.anim_slide.left{
	opacity: 0 !important;
	-webkit-transform: translateX(100px) !important;
	-moz-transform: translateX(100px) !important;
	-ms-transform: translateX(100px) !important;
	-o-transform: translateX(100px) !important;
	transform: translateX(100px) !important;
}

.anim_slide.in{
	opacity: 1 !important;
	-webkit-transform: translateY(0) !important;
	-moz-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	-o-transform: translateY(0) !important;
	transform: translateY(0) !important;
}
.anim_slide.delay_100 {
	-webkit-transition: -webkit-transform 100ms ease, opacity 100ms ease;
	-moz-transition: -moz-transform 100ms ease, opacity 100ms ease;
	-ms-transition: -ms-transform 100ms ease, opacity 100ms ease;
	-o-transition: -o-transform 100ms ease, opacity 100ms ease;
	transition: transform 100ms ease, opacity 100ms ease;
}
.anim_slide.delay_200 {
	-webkit-transition: -webkit-transform 200ms ease, opacity 200ms ease;
	-moz-transition: -moz-transform 200ms ease, opacity 200ms ease;
	-ms-transition: -ms-transform 200ms ease, opacity 200ms ease;
	-o-transition: -o-transform 200ms ease, opacity 200ms ease;
	transition: transform 200ms ease, opacity 200ms ease;
}
.anim_slide.delay_800 {
	-webkit-transition: -webkit-transform 800ms ease, opacity 800ms ease;
	-moz-transition: -moz-transform 800ms ease, opacity 800ms ease;
	-ms-transition: -ms-transform 800ms ease, opacity 800ms ease;
	-o-transition: -o-transform 800ms ease, opacity 800ms ease;
	transition: transform 800ms ease, opacity 800ms ease;
}
.anim_slide.delay_1500 {
	-webkit-transition: -webkit-transform 1500ms ease, opacity 1500ms ease;
	-moz-transition: -moz-transform 1500ms ease, opacity 1500ms ease;
	-ms-transition: -ms-transform 1500ms ease, opacity 1500ms ease;
	-o-transition: -o-transform 1500ms ease, opacity 1500ms ease;
	transition: transform 1500ms ease, opacity 1500ms ease;
}
@-webkit-keyframes scrolldown {
	0% {
		transform: translateY(-100px);
	}
	100% {
		transform: translateY(100px);
	}
}


@media screen and (max-width:1000px){
	.anim-group{height:174.4vw;}
	.anim-group .anim{height:174.4vw;}

	.anim-slide{
		-webkit-transition: -webkit-transform 800ms ease, all 800ms ease;
		-moz-transition: -moz-transform 800ms ease, all 800ms ease;
		-ms-transition: -ms-transform 800ms ease, all 800ms ease;
		-o-transition: -o-transform 800ms ease, all 800ms ease;
		transition: transform 800ms ease, all 800ms ease;
		opacity: 0 !important;
		-webkit-transform: translateY(-50px) !important;
		-moz-transform: translateY(-50px) !important;
		-ms-transform: translateY(-50px) !important;
		-o-transform: translateY(-50px) !important;
		transform: translateY(-50px) !important;
	}
}