.pageTransitionIn{

	
	animation-name: pageTransitionIn;
	-webkit-animation-name: pageTransitionIn;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		


}

@keyframes pageTransitionIn {
	0% {
		opacity: 0;

	}

	100%{
		opacity: 1;
	}
			
}

@-webkit-keyframes pageTransitionIn {
	0% {
		opacity: 0;

	}

	100%{
		opacity: 1;
	}


}


.pageTransitionOut{
	animation-name: pageTransitionOut;
	-webkit-animation-name: pageTransitionOut;	


	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;
		
}

@keyframes pageTransitionOut {
	0% {
		opacity: 1;

	}
	

	100%{

		opacity: 0;
	}
	
}

@-webkit-keyframes pageTransitionOut {
	0% {opacity: 1;

	}


	100%{

		opacity: 0;
	}
	
}


.pageTransitionIn2{

	
	animation-name: pageTransitionIn2;
	-webkit-animation-name: pageTransitionIn2;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		


}

@keyframes pageTransitionIn2 {
	0% {
		transform: scale(0.6);
		opacity: 0;

	}

	100%{
		transform: scale(1);
		opacity: 1;
	}
			
}

@-webkit-keyframes pageTransitionIn2 {
	0% {
		-webkit-transform: scale(0.6);
		opacity: 0;

	}

	100%{
		-webkit-transform: scale(1);
		opacity: 1;
	}


}


.pageTransitionOut2{
	animation-name: pageTransitionOut2;
	-webkit-animation-name: pageTransitionOut2;	


	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;
		
}

@keyframes pageTransitionOut2 {
	0% {
		transform: translateY(0%);
	}

	100%{
		transform: translateY(100%);
	}
	
}

@-webkit-keyframes pageTransitionOut2 {
	0% {
		-webkit-transform: translateY(0%);
	}

	100%{
		-webkit-transform: translateY(100%);
	}
	
}


.pageTransitionOut3{
	animation-name: pageTransitionOut3;
	-webkit-animation-name: pageTransitionOut3;	


	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;
		
}

@keyframes pageTransitionOut3 {
	0% {
		opacity: 1;

	}
	

	60%{

		opacity: 0;
	}

	100%{

		opacity: 0;
	}
	
}

@-webkit-keyframes pageTransitionOut3 {
	0% {opacity: 1;

	}


	60%{

		opacity: 0;
	}

	100%{

		opacity: 0;
	}
	
}