/*Left Animation*/

.left-animation{
	transform: scaleX(0.2);
	transition: all .7s linear;
	opacity: 0;
}

.left-animation-show{
	transform: scaleX(1);
	opacity: 1;
}

/*Grow Animation*/

.grow-animation{
/*	transform: scale(0.2);*/
    transform: translate(10px, 135px);
	transition: all .7s linear;
	opacity: 0;
}

.grow-animation-show{
	    transform: translate(0px, 0px);
/*	transform: scale(1);*/
	opacity: 1;
}

/*Grow height Animation*/

.grow-height-animation{
	transform: scaleY(0.2);
	transition: all .7s linear;
	opacity: 0;
}

.grow-height-animation-show{
	transform: scaleY(1);
	opacity: 1;
}

.fadein-animation{
	transform: skew(10deg, 10deg);
	transition: all .7s linear;
}

.fadein-animation-show{
	transform: skew(0deg, 0deg);
}



/*fade-down Animation*/

.fade-down-animation{
    transform: translate(-10px, -135px);
	transition: all .7s linear;
	opacity: 0;
}

.fade-down-animation-show{
	transform: translate(0px, 0px);
	opacity: 1;
}

/*fade-down Animation*/

.fade-up-animation{
    transform: translate(10px, 135px);
	transition: all .7s linear;
	opacity: 0;
}

.fade-up-animation-show{
	transform: translate(0px, 0px);
	opacity: 1;
}