/* Common */
/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes translate-bottom-to-top {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		        transform: translate3d(0, 100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}
@keyframes translate-bottom-to-top {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		        transform: translate3d(0, 100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes imageSwap-1 {
	0% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	15% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	30% {
		-webkit-transform: translateX(90%);
		        transform: translateX(90%);
		z-index: 2;
	}
	45% {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
	}
	60% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
	100% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
}

@keyframes imageSwap-1 {
	0% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	15% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	30% {
		-webkit-transform: translateX(90%);
		        transform: translateX(90%);
		z-index: 2;
	}
	45% {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
	}
	60% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
	100% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
}

@-webkit-keyframes imageSwap-2 {
	0% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	15% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	30% {
		-webkit-transform: translateX(-90%);
		        transform: translateX(-90%);
		z-index: 1;
	}
	45% {
		-webkit-transform: translateX(-110%);
		        transform: translateX(-110%);
	}
	60% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
	100% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
}

@keyframes imageSwap-2 {
	0% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	15% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	30% {
		-webkit-transform: translateX(-90%);
		        transform: translateX(-90%);
		z-index: 1;
	}
	45% {
		-webkit-transform: translateX(-110%);
		        transform: translateX(-110%);
	}
	60% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
	100% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
}

@-webkit-keyframes SlideUpFade {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

@keyframes SlideUpFade {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

/* Blocks */
.structure {
	padding-bottom: 15.55556vw;
}
