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

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

	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;

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