/* 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 */
.main {
	margin-bottom: 0;
	overflow: hidden;
}

.main__inner {
	min-height: 51.04167vw;
	border-radius: 1.5625vw;
	justify-content: space-between;
	gap: 2.08333vw;
	padding: 1.04167vw;
	overflow: hidden;
	position: relative;
	background: url("../img/@index/main/bg.jpg") no-repeat 50% 0/cover;
}

.main__wrapper {
	height: 100%;
	border-radius: 0;
	padding: 0;
	margin: 0;
	position: static;
	background: none;
	flex: 1 1 auto;
}

.main__block {
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.main__box {
	gap: 4.79167vw;
	font-weight: 600;
	font-size: 0.94792vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	order: 2;
}

.main__title h1 {
	font-weight: 600;
	font-size: 8.22917vw;
	line-height: 76%;
	letter-spacing: -0.05em;
	margin-left: -0.52083vw;
	margin-bottom: 1.5625vw;
}

.main__title-desc {
	font-weight: 600;
	font-size: 1.66667vw;
	line-height: 90%;
	letter-spacing: -0.03em;
	max-width: 28.4375vw;
}

.main__title-el {
	width: 22.1875vw;
	height: 15.20833vw;
	top: 6.09375vw;
	left: 13.85417vw;
}

.main__video-progress {
	width: 8.33333vw;
	height: 8.33333vw;
	position: absolute;
	top: 13.38542vw;
	right: 8.85417vw;
}

.main__video-play {
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(0.26042vw);
	-webkit-backdrop-filter: blur(0.26042vw);
}

.main__video-play i {
	width: 8.125vw;
	height: 8.125vw;
	font-size: 8.125vw;
}

.main__video-play span {
	color: #1C1C1C;
	position: absolute;
	left: 36%;
	top: 55%;
	-webkit-transform: rotate(-30deg);
	        transform: rotate(-30deg);
	font-weight: 600;
	font-size: 0.72917vw;
	line-height: 106%;
	text-align: center;
	letter-spacing: -0.02em;
	z-index: 3;
}

.main__video video {
	width: auto;
	height: auto;
}

.main .swiper-nav {
	top: 14.11458vw;
	right: 1.04167vw;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	width: 22.96875vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 8.28125vw;
	z-index: 3;
}

.main .swiper-nav .swiper-button {
	width: 1.5625vw;
	height: 1.5625vw;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 0.49479vw;
	transition: all .3s;
	flex: 0 0 1.5625vw;
}

.main .swiper-nav i {
	width: 0.41667vw;
	height: 0.41667vw;
	flex: 0 0 auto;
	font-size: 0.41667vw;
}

.main__news {
	color: #fff;
	margin: 0;
}

.main__news-block {
	gap: 0;
	margin-bottom: 1.04167vw;
}

.main__news-block h2 {
	font-size: 2.5vw;
	line-height: 90%;
}

.main__news-block-box {
	gap: 0.78125vw;
}

.main__news-block-count {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	border: 1px solid #000;
	border-radius: 0.49479vw;
	min-width: 1.875vw;
	height: 1.5625vw;
}

.main__news-block-text {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	color: rgba(245, 245, 246, 0.5);
	margin-left: auto;
	margin-right: 3.17708vw;
}

.main__news-block-button {
	max-width: 7.5vw;
}

.main__news-items {
	padding: 0 0.78125vw;
	margin: 0 -1.17188vw 0.83333vw;
}

.main__news-items .swiper-scrollbar {
	background: rgba(255, 255, 255, 0.2);
}

.main__news-items .swiper-scrollbar .swiper-scrollbar-drag {
	background: #FFFFFF;
}

.main__news-item {
	min-height: 13.02083vw;
	background: rgba(215, 215, 215, 0.3);
	backdrop-filter: blur(2.31872vw);
	border-radius: 1.04167vw;
	padding: 0.67708vw 0.78125vw 0.78125vw 0.78125vw;
	margin: 0 0.39063vw;
	font-weight: 600;
	font-size: 1.25vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	overflow: hidden;
	width: 19.27083vw;
	gap: 0.52083vw;
}

.main__news-item:hover {
	color: #1C1C1C;
	background: #fff;
}

.main__news-item-photo {
	width: 4.89583vw;
	height: 4.89583vw;
	border-radius: 0.52083vw;
}

.main__news-item-date {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.06em;
}

.news {
	padding-top: 0;
	padding-bottom: 0;
	z-index: 2;
}

.news__block {
	gap: 4.21875vw;
	margin-bottom: 1.04167vw;
}

.news__block-box {
	gap: 0.78125vw;
}

.news__block-count {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	border: 1px solid #000;
	border-radius: 0.49479vw;
	min-width: 1.875vw;
	height: 1.5625vw;
}

.news__block-text {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	color: rgba(28, 28, 28, 0.5);
	margin-left: auto;
}

.news__block-button {
	max-width: 7.5vw;
}

.news__items {
	margin: 0 -0.39063vw;
}

.news__item {
	min-height: 13.02083vw;
	background: rgba(215, 215, 215, 0.3);
	border-radius: 1.04167vw;
	padding: 0.67708vw 1.14583vw 0.78125vw 0.78125vw;
	margin: 0 0.39063vw;
	font-weight: 600;
	font-size: 1.25vw;
	line-height: 106%;
	letter-spacing: -0.02em;
}

.news__item-date {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
}

.info {
	padding-top: 2.60417vw;
	padding-bottom: 2.08333vw;
}

.info__inner {
	grid-gap: 0.78125vw;
}

.info__blocks {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0.83333vw;
}

.info__block {
	padding: 1.04167vw;
	border-radius: 1.5625vw;
	min-height: 29.375vw;
}

.info__block-2 p {
	max-width: 22.34375vw;
}

.info__block-2 .info__block-more span {
	max-width: 14.21875vw;
}

.info__block-title {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 1;
	letter-spacing: -0.02em;
	border: 1px solid #A0A3A6;
	border-radius: 0.5vw;
	padding: 0.26042vw 0 0.3125vw;
	min-width: 7.5vw;
	margin-bottom: 0.78125vw;
}

.info__block-text {
	font-weight: 600;
	font-size: 2.5vw;
	line-height: 100%;
	letter-spacing: -0.04em;
}

.info__block-more {
	gap: 5.88542vw;
}

.info__block-more span {
	font-weight: 600;
	font-size: 1.25vw;
	line-height: 106%;
	letter-spacing: -0.02em;
}

.info__block-button {
	transition: .3s;
	font-size: 0.9375vw;
	height: 1.5625vw;
	max-width: 7.5vw;
}

.info__block:hover .info__block-image {
	-webkit-transform: translate(0, 0) scale(1.1);
	        transform: translate(0, 0) scale(1.1);
}

.info__items {
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0.78125vw;
}

.info__item {
	padding: 1.04167vw;
	border-radius: 1.5625vw;
	min-height: 20.88542vw;
}

.info__item-num {
	font-weight: 500;
	font-size: 8.22917vw;
	line-height: 76%;
	letter-spacing: -0.07em;
}

.info__item-text {
	font-weight: 600;
	font-size: 2.5vw;
	line-height: 76%;
	letter-spacing: -0.07em;
}

.structure {
	padding-top: 2.08333vw;
	padding-bottom: 2.08333vw;
}

.structure__block {
	gap: 4.21875vw;
	margin-bottom: 2.08333vw;
}

.structure__block-box {
	gap: 0.41667vw;
}

.structure__block-count {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	border: 1px solid #000;
	border-radius: 0.49479vw;
	min-width: 1.875vw;
	height: 1.5625vw;
}

.structure__block-text {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	color: rgba(28, 28, 28, 0.5);
	margin-left: auto;
}

.structure__block-button {
	max-width: 7.5vw;
}

.structure__items {
	display: block;
	-webkit-columns: 3;
	   -moz-columns: 3;
	        columns: 3;
}

.structure__item {
	height: 20.98958vw;
	width: calc(100% - 0.72917vw);
	margin: 0 0.36458vw 0.78125vw;
	/* high cards    */
	/* low cards    */
}

.structure__item:nth-child(5n+1 of .structure__item), .structure__item:nth-child(5n+3 of .structure__item), .structure__item:nth-child(5n+9 of .structure__item), .structure__item:nth-child(5n+10 of .structure__item) {
	height: 29.375vw;
}

.structure__item:nth-child(5n+11 of .structure__item) {
	height: 20.98958vw;
}

.projects {
	padding-top: 2.08333vw;
	padding-bottom: 2.08333vw;
}

.projects__items {
	padding: 0 0.78125vw;
	margin: 0 -1.17188vw 0.83333vw;
}

.projects__item {
	margin: 0 0.39063vw;
}

.projects__item-logo {
	width: 4.0625vw;
	height: 4.0625vw;
	border-radius: 0.52083vw;
	flex: 0 0 4.0625vw;
}

.events {
	padding-top: 2.08333vw;
	padding-bottom: 2.08333vw;
}

.events__block {
	gap: 4.21875vw;
	margin-bottom: 2.08333vw;
}

.events__block-box {
	gap: 0.41667vw;
}

.events__block-count {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	border: 1px solid #000;
	border-radius: 0.49479vw;
	min-width: 1.875vw;
	height: 1.5625vw;
}

.events__block-text {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	color: rgba(28, 28, 28, 0.5);
	margin-left: auto;
}

.events__block-button {
	max-width: 7.5vw;
}

.events__items {
	padding: 0 0.78125vw;
	margin: 0 -1.17188vw 0.83333vw;
}

.events__item {
	gap: 1.04167vw;
	padding: 1.04167vw;
	border-radius: 1.40625vw;
	min-height: 29.375vw;
	margin: 0 0.39063vw;
}

.events__item-name {
	font-weight: 500;
	font-size: 2.5vw;
	line-height: 90%;
	letter-spacing: -0.04em;
}

.events__item-tag {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	max-width: 9.79167vw;
	width: 100%;
	height: 1.5625vw;
	border-radius: 0.5vw;
	padding-left: 0.52083vw;
	padding-right: 0.52083vw;
}

.events__item-more {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	max-width: 7.5vw;
	width: 100%;
	height: 1.5625vw;
	border-radius: 0.5vw;
	flex: 1 0 7.5vw;
}

.events__item-bg-blur {
	-webkit-filter: blur(0.52083vw);
	        filter: blur(0.52083vw);
}

.events__item:hover .events__item-bg {
	-webkit-transform: translate(0, 1.30208vw) scale(1.1);
	        transform: translate(0, 1.30208vw) scale(1.1);
}

.events__item:hover .events__item-more span {
	-webkit-transform: translateX(-0.78125vw);
	        transform: translateX(-0.78125vw);
}

.events__item:hover .events__item-more i {
	right: 0.52083vw;
}

.video {
	padding-top: 2.08333vw;
	padding-bottom: 2.08333vw;
}

.video__block {
	gap: 4.21875vw;
	margin-bottom: 2.08333vw;
}

.video__block-box {
	gap: 0.41667vw;
}

.video__block-count {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	border: 1px solid #000;
	border-radius: 0.49479vw;
	min-width: 1.875vw;
	height: 1.5625vw;
}

.video__block-text {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	color: rgba(28, 28, 28, 0.5);
	margin-left: auto;
}

.video__block-button {
	max-width: 7.5vw;
}

.video__items {
	padding: 0 0.78125vw;
	margin: 0 -1.17188vw 0.83333vw;
}

.video__items .card-all {
	font-size: 2.5vw;
}

.video__item {
	margin: 0 0.39063vw;
	height: 29.58333vw;
	font-size: 1.04167vw;
	width: auto;
}

.video__item-text {
	grid-template-columns: 14.84375vw auto;
}

.video__item-play {
	opacity: 0;
}

.video__item .icon-play::before {
	padding: 0 0.5em;
}

.video__item:hover .video__item-play {
	opacity: 1;
}

.photogallery {
	padding-top: 2.08333vw;
	padding-bottom: 2.08333vw;
}

.photogallery__block {
	gap: 4.21875vw;
	margin-bottom: 2.08333vw;
}

.photogallery__block-box {
	gap: 0.41667vw;
}

.photogallery__block-count {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	border: 1px solid #000;
	border-radius: 0.49479vw;
	min-width: 1.875vw;
	height: 1.5625vw;
}

.photogallery__block-text {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	color: rgba(28, 28, 28, 0.5);
	margin-left: auto;
}

.photogallery__block-button {
	max-width: 7.5vw;
}

.photogallery__sliders {
	gap: 1.04167vw;
}

.photogallery__items {
	padding: 0 0.78125vw;
	margin: 0 -1.17188vw 0.83333vw;
}

.photogallery__item {
	margin: 0 0.39063vw;
	border-radius: 1.5625vw;
	max-width: none;
	width: 23.95833vw;
}

.photogallery__item-big {
	width: 48.54167vw;
}

.photogallery__item-image img {
	height: 25.10417vw;
}

.photogallery__item-hover {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	text-align: center;
	letter-spacing: -0.02em;
	gap: 0.83333vw;
	padding: 1.04167vw;
}

.photogallery__item-hover-button {
	max-width: 7.5vw;
}

.photogallery__item-hover:hover .photogallery__item-hover-button span {
	-webkit-transform: translateX(-1.04167vw);
	        transform: translateX(-1.04167vw);
}

.photogallery__item-hover:hover .photogallery__item-hover-button .button-arrow {
	right: 0.52083vw;
}