html,
body {
	margin: 0;
	padding: 0;
	background-color: #000;
	&.no-scroll {
		overflow: hidden;
	}
}

* {
	box-sizing: border-box;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 3;
	img {
		height: 20px;
		margin-left: 15px;
		margin-top: 5px;
	}
}

.container {
	max-width: 1920px;
	width: 100%;
	padding: 100px 15px;
	margin: 0 auto;
	position: relative;
	.airloop-logo {
		position: absolute;
		top: 80px;
		left: 50%;
		max-width: 100%;
		transform: translateX(-50%);
		display: block;
		margin: 0 auto;
		// animation: blinker 1s 4;
		z-index: 2;
	}

	&__video {
		margin-top: 250px;
		position: relative;
		video {
			width: 100%;
		}
	}

	&__video-play {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		width: 100px;
		border-radius: 50%;
		cursor: pointer;
		&:hover {
			.st0,
			.st1 {
				opacity: 1;
			}
		}
		svg {
			height: 100%;
			.st0,
			.st1 {
				opacity: 0.65;
				transition: opacity 0.2s;
			}

			.st1 {
				fill: #FFFFFF;
			}
		}
	}
}


.video-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(#000, 0.8);
	z-index: 9;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	transition: all 0.3s;
	&__inner {
		position: fixed;
		top: 30px;
		left: 30px;
		right: 30px;
		bottom: 30px;
		width: calc(100% - 60px);
		height: calc(100% - 60px);
		box-sizing: border-box;
	}
	&.show {
		visibility: visible;
		pointer-events: all;
		opacity: 1;
	}

	&__close {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		background-color: transparent;
		border: none;
		cursor: pointer;
		font-size: 16px;
		color: #fff;
	}

	&__video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

@keyframes blinker {
	0% {
	  opacity: 0.2;
	}
	19% {
	  opacity: 0.5;
	}
	20% {
	  opacity: 0.2;
	}
	21% {
	  opacity: 0.6;
	}
	22% {
	  opacity: 0.2;
	}
	23% {
	  opacity: 0.2;
	}
	36% {
	  opacity: 0.2;
	}
	40% {
	  opacity: 1;
	}
	41% {
	  opacity: 0;
	}
	42% {
	  opacity: 1;
	}
	43% {
	  opacity: 0.5;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  opacity: 1;
	}
}