@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;
		}
	}
}