@keyframes subNavIn{
	from{
		transform: translateX(180px);
		-webkit-transform: translateX(180px);
		opacity: 0;
	}
	to{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes subNavIn{
	from{
		transform: translateX(180px);
		-webkit-transform: translateX(180px);
		opacity: 0;
	}
	to{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes subNavOut{
	from{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
	to{
		transform: translateX(180px);
		-webkit-transform: translateX(180px);
		opacity: 0;
	}
}

@-webkit-keyframes subNavOut{
	from{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
	to{
		transform: translateX(180px);
		-webkit-transform: translateX(180px);
		opacity: 0;
	}
}

@keyframes mainNavOut{
	from{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
	to{
		transform: translateX(-180px);
		-webkit-transform: translateX(-180px);
		opacity: 0;
	}
}

@-webkit-keyframes mainNavOut{
	from{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
	to{
		transform: translateX(-180px);
		-webkit-transform: translateX(-180px);
		opacity: 0;
	}
}

@keyframes mainNavIn{
	from{
		transform: translateX(-180px);
		-webkit-transform: translateX(-180px);
		opacity: 0;
	}
	to{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes mainNavIn{
	from{
		transform: translateX(-180px);
		-webkit-transform: translateX(-180px);
		opacity: 0;
	}
	to{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@media only screen and (min-width: 769px) 
{
	.fadeIn{
		animation-name: fadeIn;
		-webkit-animation-name: fadeIn;	
	
		animation-duration: 0.3s;	
		-webkit-animation-duration: 0.3s;
	
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;
		
		-webkit-animation-fill-mode:forwards; 
	    -moz-animation-fill-mode:forwards;
	    animation-fill-mode:forwards;
	
		visibility: visible !important;
		display: inline-block !important;
	}
	
	@keyframes fadeIn {
		0% {
			transform: scale(1);
			opacity: 0.0;		
		}
		100% {
			transform: scale(1);
			opacity: 1;
		}		
	}
	
	@-webkit-keyframes fadeIn {
		0% {
			-webkit-transform: scale(1);
			opacity: 0.0;		
		}	
		100% {
			-webkit-transform: scale(1);
			opacity: 1;
		}		
	}
	
	.slideUp{
		animation-name: slideUp;
		-webkit-animation-name: slideUp;	
	
		animation-duration: 0.5s;	
		-webkit-animation-duration: 0.5s;
	
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;
		
		-webkit-animation-fill-mode:forwards; 
	    -moz-animation-fill-mode:forwards;
	    -ms-animation-fill-mode:forwards;
	    animation-fill-mode:forwards;
	    
	    visibility: visible !important;	
	}
	
	@keyframes slideUp {
		0% {
			opacity: 0;
			visibility: hidden;
			transform: translateY(10%);
		}
		100% {
			opacity: 1;
			visibility: visible;
			transform: translateY(0%);
		}	
	}
	
	@-webkit-keyframes slideUp {
		0% {
			opacity: 0;
			visibility: hidden;
			-webkit-transform: translateY(10%);
		}
		100% {
			opacity: 1;
			visibility: visible;
			-webkit-transform: translateY(0%);
		}	
	}
	
	.slideUp2{
	    animation-name: slideUp2;
	    -webkit-animation-name: slideUp2;	
	
	    animation-duration: 0.2s;	
	    -webkit-animation-duration: 0.2s;
	
	    animation-timing-function: ease;	
	    -webkit-animation-timing-function: ease;
	    
	    -webkit-animation-fill-mode:forwards; 
	    -moz-animation-fill-mode:forwards;
	    -ms-animation-fill-mode:forwards;
	    animation-fill-mode:forwards;
	}
	
	@keyframes slideUp2 {
	    0% {
	    	opacity: 0;
	    	transform: translateY(15%);
	    }
	    100% {
	    	opacity: 1;
	    	transform: translateY(0%);
	    }	
	}
	
	@-webkit-keyframes slideUp2 {
	    0% {
	    	opacity: 0;
	    	transform: translateY(15%);
	    }
	    100% {
	    	opacity: 1;
	    	transform: translateY(0%);
	    }	
	}
	
	.slideDown{
		animation-name: slideDown;
		-webkit-animation-name: slideDown;	
	
		animation-duration: 1s;	
		-webkit-animation-duration: 1s;
	
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;	
		
		visibility: visible !important;					
	}
	
	@keyframes slideDown {
		0% {
			opacity: 0;
			transform: translateY(-100%);
		}			
		100% {
			opacity: 1;
			transform: translateY(0%);
		}		
	}
	
	@-webkit-keyframes slideDown {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-100%);
		}			
		100% {
			opacity: 1;
			-webkit-transform: translateY(0%);
		}	
	}
	
	.slideDown2{
		animation-name: slideDown2;
		-webkit-animation-name: slideDown2;	
	
		animation-duration: 0.2s;	
		-webkit-animation-duration: 0.2s;
	
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;	
		
		visibility: visible !important;
		display: inline-block !important;				
	}
	
	@keyframes slideDown2 {
		0% {
			opacity: 0;
			transform: translateY(-50%);
		}			
		100% {
			opacity: 1;
			transform: translateY(0%);
		}		
	}
	
	@-webkit-keyframes slideDown {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-50%);
		}			
		100% {
			opacity: 1;
			-webkit-transform: translateY(0%);
		}	
	}
	
	.bigEntrance{
		animation-name: bigEntrance;
		-webkit-animation-name: bigEntrance;	
	
		animation-duration: 1s;	
		-webkit-animation-duration: 1s;
	
		animation-timing-function: ease-out;	
		-webkit-animation-timing-function: ease-out;
	
		visibility: visible !important;			
	}
	
	@keyframes bigEntrance {
		0% {
			transform: scale(0.5);
			opacity: 0.5;
		}
		30% {
			transform: scale(1.03);		
			opacity: 1 !important;
		}
		45% {
			transform: scale(0.98);
			opacity: 1 !important;
		}
		60% {
			transform: scale(1.01);		
			opacity: 1 !important;
		}	
		100% {
			transform: scale(1);
			opacity: 1 !important;
		}		
	}
	
	@-webkit-keyframes bigEntrance {
		0% {
			-webkit-transform: scale(0.5);
			opacity: 0.5;
		}
		30% {
			-webkit-transform: scale(1.03);		
			opacity: 1 !important;
		}
		45% {
			-webkit-transform: scale(0.98);
			opacity: 1 !important;
		}
		60% {
			-webkit-transform: scale(1.01);		
			opacity: 1 !important;
		}	
		100% {
			-webkit-transform: scale(1);
			opacity: 1 !important;
		}				
	}
	
	.slideLeft{
		animation-name: slideLeft;
		-webkit-animation-name: slideLeft;	
	
		animation-duration: 0.7s;	
		-webkit-animation-duration: 0.7s;
	
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;		
	
		visibility: visible !important;	
	}
	
	@keyframes slideLeft {
		0% {
			transform: translateX(10%);
			opacity: 0;
		}		
		100% {
			transform: translateX(0%);
			opacity: 1 !important;
		}
	}
	
	@-webkit-keyframes slideLeft {
		0% {
			-webkit-transform: translateX(10%);
			opacity: 0;
		}			
		100% {
			-webkit-transform: translateX(0%);
			opacity: 1 !important;
		}
	}
	
	.slideRight{
		animation-name: slideRight;
		-webkit-animation-name: slideRight;	
	
		animation-duration: 0.7s;	
		-webkit-animation-duration: 0.7s;
	
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;		
	
		visibility: visible !important;	
	}
	
	@keyframes slideRight {
		0% {
			opacity: 0;
			transform: translateX(-10%);
		}		
		100% {
			transform: translateX(0%);
			opacity: 1 !important;
		}	
	}
	
	@-webkit-keyframes slideRight {
		0% {
			opacity: 0;
			-webkit-transform: translateX(-10%);
		}		
		100% {
			-webkit-transform: translateX(0%);
			opacity: 1 !important;
		}
	}
}