/* common fadein animation */

.scrollin {

	-webkit-transition: all 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;

	transition: all 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;

}



.scrollin_fast {

	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;

	transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;

}



.scrollin1 {

	-ms-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);

	opacity: 0;

}



.loadfinish .scrollin1.startani {

	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	opacity: 1;

}





.scrollinopacity {

	opacity: 0;

}



.loadfinish .scrollinopacity.startani {

	opacity: 1;

}



.scrollintext {

	-ms-transform: translateY(150px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(150px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(150px) translateX(0px) translateZ(0px) scale(1);

	opacity: 0;

}



.loadfinish .scrollintext.startani {

	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	opacity: 1;

}





.scrollintop {

	-ms-transform: translateY(-50px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(-50px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(-50px) translateX(0px) translateZ(0px) scale(1);

	opacity: 0;

}



.loadfinish .scrollintop.startani {

	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	opacity: 1;

}



.scrollinbottom {

	-ms-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);

	opacity: 0;

}



.loadfinish .scrollinbottom.startani {

	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	opacity: 1;

}



.scrollinleft {

	-ms-transform: translateY(0px) translateX(-50px) translateZ(0px) scale(1);

	-webkit-transform: translateY(0px) translateX(-50px) translateZ(0px) scale(1);

	transform: translateY(0px) translateX(-50px) translateZ(0px) scale(1);

	opacity: 0;

}



.loadfinish .scrollinleft.startani {

	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	opacity: 1;

}



.scrollinright {

	-ms-transform: translateY(0px) translateX(50px) translateZ(0px) scale(1);

	-webkit-transform: translateY(0px) translateX(50px) translateZ(0px) scale(1);

	transform: translateY(0px) translateX(50px) translateZ(0px) scale(1);

	opacity: 0;

}



.loadfinish .scrollinright.startani {

	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	opacity: 1;

}



.scrollin3 {

	-ms-transform: translateY(-100px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(-100px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(-100px) translateX(0px) translateZ(0px) scale(1);

	opacity: 0;

}



.loadfinish .scrollin3.startani {

	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	-webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);

	opacity: 1;

}



.scrollin2 {

	opacity: 0;

}



.loadfinish .scrollin2.startani {

	opacity: 1;

}