@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.videoBlock {
	position: relative;
	min-height: 55.25rem;
}

@media (max-width:767px) {
	.videoBlock { min-height: 42.5rem; }
	
	.videoBlock .credit {
		left: unset;
		right: 2rem;
	}
}

.videoBlock.darken:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(72.65deg,#002e39 32.12%,rgba(0,46,57,0) 100%);
	opacity: .44;
	z-index: 1;
	mix-blend-mode: multiply;
}

.videoBlock__close {
	position: static;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: 2rem;
	width: 3rem;
	height: 3rem;
	background: rgba(0,0,0,.5);
	border: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .3s ease;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.videoBlock__close:hover {
	background: rgba(0,0,0,.7);
	transform: scale(1.1);
}

.videoBlock__close svg {
	width: 1.5rem;
	height: 1.5rem;
}

@media (max-width:767px) {
	.videoBlock__close {
		width: 2.5rem;
		height: 2.5rem;
		margin-bottom: .5rem;
		margin-right: 0;
	}
	
	.videoBlock__close svg {
		width: 1.25rem;
		height: 1.25rem;
	}
}

.videoBlock__video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11111;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}

.videoBlock__videoOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75);
	cursor: pointer;
}

.videoBlock__video.show {
	opacity: 1;
	visibility: visible;
}

.videoBlock__video .video-container {
	max-width: 90vw;
	max-height: 90dvh;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.videoBlock__video .video-container iframe,.videoBlock__video .video-container video {
	width: 100%;
	height: auto;
	max-height: 100%;
	aspect-ratio: 16/9;
}

@media (max-width:767px) {
	.videoBlock__video .video-container { max-width: 90%; }
}

.videoBlock__content {
	position: absolute;
	left: calc(50% - 45rem);
	bottom: 7.1875rem;
	max-width: 37.125rem;
	z-index: 2;
}

@media (max-width:1920px) {
	.videoBlock__content { left: 8.5rem; }
}

@media (max-width:1025px) {
	.videoBlock__content { left: 3rem; }
}

@media (max-width:767px) {
	.videoBlock__content {
		left: 1.25rem;
		max-width: calc(100% - 5.875rem);
		bottom: 2.5625rem;
	}
}

.videoBlock__prehead {
	color: #fff;
	margin-bottom: 1rem;
}

@media (max-width:767px) {
	.videoBlock__prehead { margin-bottom: .5rem; }
}

.videoBlock__title {
	color: #fff;
	line-height: 1.11667;
	letter-spacing: .075rem;
	font-weight: 700;
}

@media (max-width:767px) {
	.videoBlock__title {
		font-size: 2rem;
		line-height: 1.25;
	}
}

.videoBlock__image {
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.videoBlock__image picture {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.videoBlock__image img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.videoBlock__description {
	margin-top: 2.6875rem;
	margin-bottom: 4.25rem;
	color: #fff;
}

.videoBlock__description * {
	color: #fff;
	font-size: 1.25rem;
}

@media (max-width:767px) {
	.videoBlock__description * { font-size: 1rem; }
}

@media (max-width:767px) {
	.videoBlock__description {
		margin-top: .5rem;
		margin-bottom: 2rem;
	}
}

.videoBlock__button {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-top: 3.5rem;
}

@media (max-width:767px) {
	.videoBlock__button { margin-top: 2rem; }
}

.videoBlock__buttonIcon {
	width: 5.625rem;
	aspect-ratio: 1/1;
	margin-right: 1.5rem;
	background: rgba(255,255,255,.16);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border-radius: 50%;
	position: relative;
}

.videoBlock__buttonIcon:hover {
	transition: background .3s ease-in-out;
	background: #fff;
}

.videoBlock__buttonIcon:hover::before { filter: invert(48%) sepia(83%) saturate(2492%) hue-rotate(346deg) brightness(98%) contrast(98%); }

.videoBlock__buttonIcon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1.5rem;
	aspect-ratio: 1/1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='24' viewBox='0 0 21 24' fill='none'%3E%3Cpath d='M20.0761 10.6758L2.67232 0.631391C2.48334 0.522284 2.26897 0.464844 2.05075 0.464844C1.83254 0.464844 1.61817 0.522284 1.42919 0.631391C1.23948 0.740916 1.08209 0.898624 0.972935 1.08855C0.863785 1.27847 0.806757 1.49386 0.807627 1.71291V21.8018C0.806757 22.0209 0.863785 22.2363 0.972935 22.4262C1.08209 22.6161 1.23948 22.7738 1.42919 22.8833C1.61817 22.9925 1.83254 23.0499 2.05075 23.0499C2.26897 23.0499 2.48334 22.9925 2.67232 22.8833L20.0761 12.8389C20.2674 12.7305 20.4265 12.5732 20.5372 12.3832C20.6479 12.1932 20.7063 11.9773 20.7063 11.7574C20.7063 11.5375 20.6479 11.3215 20.5372 11.1315C20.4265 10.9415 20.2674 10.7843 20.0761 10.6758V10.6758ZM3.29388 19.6512V3.86352L16.9683 11.7574L3.29388 19.6512Z' fill='white'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.videoBlock__buttonLabel { color: #fff; }

@media (max-width:767px) {
	.videoBlock__buttonLabel .desktop { display: none; }
}

.videoBlock.text-right .videoBlock__content {
	right: 8.5rem;
	left: auto;
	text-align: right;
}

@media (max-width:1025px) {
	.videoBlock.text-right .videoBlock__content { right: 3rem; }
}

@media (max-width:767px) {
	.videoBlock.text-right .videoBlock__content { right: 1.25rem; }
}

.videoBlock.text-right .videoBlock__button { justify-content: flex-end; }