/* 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: 4.16667vw;
}

.structure__items {
	-webkit-column-gap: 0;
	   -moz-column-gap: 0;
	        column-gap: 0;
	font-size: 0;
	line-height: 0;
}

.structure__item {
	width: calc(50% - 0.72917vw);
	margin: 0 0.36458vw 0.78125vw;
	/* wide cards */
	/* last wide card */
	/* high cards    */
}

.structure__item:nth-child(11n+5 of .content-tab-active), .structure__item:nth-child(11n+10 of .content-tab-active), .structure__item:nth-child(11n+11 of .content-tab-active) {
	width: calc(100% - 0.72917vw);
	height: 29.375vw;
}

.structure__item:nth-child(11n+10 of .content-tab-active):last-child {
	min-width: auto;
	width: calc(25% - 0.72917vw);
	height: 20.98958vw;
	display: grid;
	-webkit-column-span: all;
	   -moz-column-span: all;
	        column-span: all;
}

.structure__item:nth-child(11n+8 of .content-tab-active), .structure__item:nth-child(11n+9 of .content-tab-active), .structure__item:nth-child(11n+3 of .content-tab-active), .structure__item:nth-child(11n+4 of .content-tab-active) {
	height: 29.375vw;
}
