/* ========================================================================== */
/*                                   GENERAL                                  */
/* ========================================================================== */
@keyframes fade-display-none-block {
	0% {
		opacity: 0;
		display: none;
	}
	0.1% {
		opacity: 0;
		display: block;
	}
	100% {
		opacity: 1;
		display: block;
	}
}
@keyframes fade-display-block-none {
	0% {
		opacity: 1;
		display: block;
	}
	99.9% {
		opacity: 0;
		display: block;
	}
	100% {
		opacity: 0;
		display: none;
	}
}
@keyframes fade-display-none-inline {
	0% {
		opacity: 0;
		display: none;
	}
	0.1% {
		opacity: 0;
		display: inline;
	}
	100% {
		opacity: 1;
		display: inline;
	}
}
@keyframes fade-display-inline-none {
	0% {
		opacity: 1;
		display: inline;
	}
	99.9% {
		opacity: 0;
		display: inline;
	}
	100% {
		opacity: 0;
		display: none;
	}
}
@keyframes fade-display-none-grid {
	0% {
		opacity: 0;
		display: none;
	}
	0.1% {
		opacity: 0;
		display: grid;
	}
	100% {
		opacity: 1;
		display: grid;
	}
}
@keyframes fade-display-grid-none {
	0% {
		opacity: 1;
		display: grid;
	}
	99.9% {
		opacity: 0;
		display: grid;
	}
	100% {
		opacity: 0;
		display: none;
	}
}
@keyframes fade-display-none-flex {
	0% {
		opacity: 0;
		display: none;
	}
	0.1% {
		opacity: 0;
		display: flex;
	}
	100% {
		opacity: 1;
		display: flex;
	}
}
@keyframes fade-display-flex-none {
	0% {
		opacity: 1;
		display: flex;
	}
	99.9% {
		opacity: 0;
		display: flex;
	}
	100% {
		opacity: 0;
		display: none;
	}
}
/* ========================================================================== */
/*                                 BURGER MENU                                */
/* ========================================================================== */
/* @-webkit-keyframes burgerLineTopOpen {
	0% {
		top: 0;
	}
	50% {
		top: calc(50% - 1px);
		transform: rotate(0);
	}
	100% {
		top: calc(50% - 1px);
		transform: rotate(45deg);
	}
}
@keyframes burgerLineTopOpen {
	0% {
		top: 0;
	}
	50% {
		top: calc(50% - 1px);
		transform: rotate(0);
	}
	100% {
		top: calc(50% - 1px);
		transform: rotate(45deg);
	}
}
@-webkit-keyframes burgerLineTopClose {
	0% {
		top: 50%;
		transform: rotate(45deg);
	}
	50% {
		top: 50%;
		transform: rotate(0);
	}
	100% {
		top: 0;
	}
}
@keyframes burgerLineTopClose {
	0% {
		top: 50%;
		transform: rotate(45deg);
	}
	50% {
		top: 50%;
		transform: rotate(0);
	}
	100% {
		top: 0;
	}
}
@-webkit-keyframes burgerLineBottomOpen {
	0% {
		bottom: 0;
	}
	50% {
		bottom: 50%;
		transform: rotate(0);
	}
	100% {
		bottom: 50%;
		transform: rotate(-45deg);
	}
}
@keyframes burgerLineBottomOpen {
	0% {
		bottom: 0;
	}
	50% {
		bottom: 50%;
		transform: rotate(0);
	}
	100% {
		bottom: 50%;
		transform: rotate(-45deg);
	}
}
@-webkit-keyframes burgerLineBottomClose {
	0% {
		bottom: 50%;
		transform: rotate(-45deg);
	}
	50% {
		bottom: 50%;
		transform: rotate(0);
	}
	100% {
		bottom: 0;
	}
}
@keyframes burgerLineBottomClose {
	0% {
		bottom: 50%;
		transform: rotate(-45deg);
	}
	50% {
		bottom: 50%;
		transform: rotate(0);
	}
	100% {
		bottom: 0;
	}
} */
/* ========================================================================== */
/*                                  KEN BURNS                                 */
/* ========================================================================== */
/**
* Uses the transform-origin property for animation.
* This prevents a thin strip from appearing above or below the image.
**/
@-webkit-keyframes kenburns-1 {
	0% {
		transform: scale3d(1, 1, 1);
		transform-origin: 100% 0%;
	}
	100% {
		transform: scale3d(1.2, 1.2, 1.2);
		transform-origin: 0% 100%;
	}
}
@keyframes kenburns-1 {
	0% {
		transform: scale3d(1, 1, 1);
		transform-origin: 100% 0%;
	}
	100% {
		transform: scale3d(1.2, 1.2, 1.2);
		transform-origin: 0% 100%;
	}
}
@-webkit-keyframes kenburns-2 {
	0% {
		transform: scale3d(1, 1, 1);
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale3d(1.2, 1.2, 1.2);
		transform-origin: 100% 0%;
	}
}
@keyframes kenburns-2 {
	0% {
		transform: scale3d(1, 1, 1);
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale3d(1.2, 1.2, 1.2);
		transform-origin: 100% 0%;
	}
}