@charset "UTF-8";
/* Common */
/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 2.77778vw));
		        transform: translateX(calc(100% + 2.77778vw));
		/* Начинаем движение справа */
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		/* Заканчиваем движением слева */
	}
}
@keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 2.77778vw));
		        transform: translateX(calc(100% + 2.77778vw));
		/* Начинаем движение справа */
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		/* Заканчиваем движением слева */
	}
}

@-webkit-keyframes marquee-bg_rtl {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

@keyframes marquee-bg_rtl {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Blocks */
.structure {
	padding-top: 2.22222vw;
	padding-bottom: 3.33333vw;
}

@media (max-width: 767px) {
	.structure__items {
		-webkit-columns: 2;
		   -moz-columns: 2;
		        columns: 2;
		-webkit-column-gap: 1.11111vw;
		   -moz-column-gap: 1.11111vw;
		        column-gap: 1.11111vw;
		-webkit-column-break-inside: avoid;
		   -moz-column-break-inside: avoid;
		        break-inside: avoid-column;
		overflow: hidden;
	}
}

.structure__item {
	position: relative;
	border-radius: 3.33333vw;
	overflow: hidden;
	width: 100%;
	height: 44.44444vw;
	transition: all .3s;
	-webkit-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-mask: radial-gradient(circle 3.33333vw at left top, black 100%, transparent) right 3.33333vw bottom 3.33333vw, radial-gradient(circle 3.33333vw at right bottom, black 100%, transparent) left 3.33333vw top 3.33333vw, radial-gradient(circle 3.33333vw at right top, black 100%, transparent) left 3.33333vw bottom 3.33333vw, radial-gradient(circle 3.33333vw at left bottom, black 100%, transparent) right 3.33333vw top 3.33333vw, linear-gradient(to top, black, black);
	        mask: radial-gradient(circle 3.33333vw at left top, black 100%, transparent) right 3.33333vw bottom 3.33333vw, radial-gradient(circle 3.33333vw at right bottom, black 100%, transparent) left 3.33333vw top 3.33333vw, radial-gradient(circle 3.33333vw at right top, black 100%, transparent) left 3.33333vw bottom 3.33333vw, radial-gradient(circle 3.33333vw at left bottom, black 100%, transparent) right 3.33333vw top 3.33333vw, linear-gradient(to top, black, black);
}

@media (max-width: 767px) {
	.structure__item {
		margin-bottom: 1.11111vw;
		-webkit-column-break-inside: avoid;
		   -moz-column-break-inside: avoid;
		        break-inside: avoid;
	}
}

.structure__item[data-href] {
	cursor: pointer;
}

@media (max-width: 767px) {
	.structure__item:nth-child(odd of .structure__item) {
		height: 44.44444vw;
	}
	.structure__item:nth-child(even of .structure__item) {
		height: 61.38889vw;
	}
}

.structure__item-white {
	color: #fff;
}

.structure__item-black {
	color: #1C1C1C;
}

.structure__item-black .structure__item-text {
	color: rgba(28, 28, 28, 0.5);
}

.structure__item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	backdrop-filter: blur(1.38889vw);
	-webkit-backdrop-filter: blur(1.38889vw);
	overflow: hidden;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.1s ease-in-out;
}

.structure__item-content {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 3.33333vw 1fr;
	padding: 2.22222vw;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.structure__item-bg {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: 50% 50%;
	   object-position: 50% 50%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.structure__item-video {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	z-index: 1;
}

.structure__item-video video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.structure__item-top {
	display: contents;
}

.structure__item-logo {
	max-height: 3.33333vw;
	height: 100%;
	width: auto;
	-o-object-fit: contain;
	   object-fit: contain;
}

.structure__item-name {
	font-weight: 600;
	font-size: 5.55556vw;
	line-height: 90%;
	letter-spacing: -0.05em;
	text-align: center;
	align-self: center;
}

.structure__item-text {
	color: #fff;
	font-weight: 600;
	font-size: 3.33333vw;
	line-height: 110%;
	text-align: center;
	align-self: center;
	-webkit-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	display: none;
}

.structure__item-button {
	font-weight: 600;
	font-size: 3.33333vw;
	line-height: 100%;
	max-width: 30.83333vw;
	justify-self: center;
	align-self: flex-end;
	order: 2;
	display: none;
}

@media (hover: hover) {
	.structure__item:hover::before {
		opacity: 1;
	}
	.structure__item:hover .structure__item-name {
		display: none;
	}
	.structure__item:hover .structure__item-text {
		display: block;
	}
	.structure__item:hover .structure__item-button {
		display: flex;
	}
	.structure__item-white:hover .structure__item-text {
		color: white;
	}
	.structure__item-black:hover .structure__item-text {
		color: #1C1C1C;
	}
}

.structure__item.hover_effect::before {
	opacity: 1;
}

.structure__item.hover_effect .structure__item-name {
	display: none;
}

.structure__item.hover_effect .structure__item-text {
	display: block;
}

.structure__item.hover_effect .structure__item-button {
	display: flex;
}

.structure__item-black.hover_effect .structure__item-text {
	color: #1C1C1C;
}

.structure__more {
	font-weight: 600;
	font-size: 3.33333vw;
	display: flex;
	min-width: 30.83333vw;
	max-width: -webkit-fit-content;
	max-width: fit-content;
	margin: 2.22222vw auto 0;
	min-height: 5.55556vw;
	background: #DCDDDE;
}

.structure__more span {
	transition: 0s;
}