@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: .3s;
		-webkit-animation-duration: .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;
		}
		
		100% {
			transform: scale(1);
			opacity: 1;
		}
	}
	
	@-webkit-keyframes fadeIn {
		0% {
			-webkit-transform: scale(1);
			opacity: 0;
		}
		
		100% {
			-webkit-transform: scale(1);
			opacity: 1;
		}
	}
	
	.slideUp {
		animation-name: slideUp;
		-webkit-animation-name: slideUp;
		animation-duration: .5s;
		-webkit-animation-duration: .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: .2s;
		-webkit-animation-duration: .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: .2s;
		-webkit-animation-duration: .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(.5);
			opacity: .5;
		}
		
		30% {
			transform: scale(1.03);
			opacity: 1 !important;
		}
		
		45% {
			transform: scale(.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(.5);
			opacity: .5;
		}
		
		30% {
			-webkit-transform: scale(1.03);
			opacity: 1 !important;
		}
		
		45% {
			-webkit-transform: scale(.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: .7s;
		-webkit-animation-duration: .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: .7s;
		-webkit-animation-duration: .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;
		}
	}
}