/* ------------------------------- burger menu ------------------------------ */
@-webkit-keyframes burgerLineTopOpen {
	0% {
		top: 0;
	}
	50% {
		top: 50%;
		transform: rotate(0);
	}
	100% {
		top: 50%;
		transform: rotate(45deg);
	}
}
@keyframes burgerLineTopOpen {
	0% {
		top: 0;
	}
	50% {
		top: 50%;
		transform: rotate(0);
	}
	100% {
		top: 50%;
		transform: rotate(45deg) translateX(-1px);
	}
}
@-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) translateX(-1px);
	}
}
@-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%;
	}
}