*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.opacityAnim{
	opacity: 0;

	transition: opacity 2.5s ease-in-out;
}

.visible{
	opacity: 1;
}

/* For Left to right Animation */

.left-to-right-anim{
	transform: translateX(-50%);
	
	transition: transform 1s ease-in-out;
}

.left-to-right-anim-onePointFive{
	transform: translateX(-150%);
	
	transition: transform 1.5s ease-in-out;
}

/* For Right to left Animation */

.right-to-left-anim{
	transform: translateX(50%);
	
	transition: transform 1s ease-in-out;
}

.right-to-left-anim-onePointFive{
	transform: translateX(150%);
	
	transition: transform 1.5s ease-in-out;
}


/*========================= Start Anim=====================*/

.start-anim{
    transform: translateX(0%);
}


/*===============================================================*/



/*For scale Transitions*/

.scale-anim{
	transform: scale(1.2);
	
	transition: transform 1s ease-in-out;
}

.start-scale-anim{
    transform: scale(1);
}