#video, #animation {
	max-height: 100vh;
	overflow: hidden;
	position: relative;
}


#video video, #video iframe, #animation iframe {
	width: 100%;
	object-fit: fill;
	pointer-events: none;
}

#video iframe, #animation iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 1px);
	height: 100%;
	opacity: 1;
	transition: opacity 1000ms ease-in;
}

#video svg {
	position: absolute;
    bottom: 30px;
    left: calc(50% - 10px);
    height: 50px !important;
}

#video svg #wheel {
	animation: scroll ease 1.5s infinite;
}

#video svg #wheel,
#video svg #mouse {
	stroke: #000 !important;
}

#main-video {
	padding: 56.25% 0 0 0;
	position: relative;
}


#video.loaded iframe, #animation.loaded iframe {
	opacity: 1;
}

@media screen and (max-width: 1200px) {
	#main-video {
		padding: 100.00% 0 0 0;
		position: relative;
	}
}

@keyframes scroll {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(100px);
	}
}