#e5_video_container {
	background-color: var(--primary-color);
}

#e5_video_container.header_container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#e5_video_container:not(.header_container) {
	height: 100%;
}

.header_container .e5_video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.e5_video_container.header_container .e5_video_wrapper {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
}

#e5_video_container:not(.header_container) .e5_video_wrapper {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.e5_video_thumbnail {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: var(--primary-color);
	object-fit: cover;
	pointer-events: none;
}

.e5_video_play {
	position: absolute;
	width: 10%;
	top: 45%;
	left: 45%;
	z-index: 5;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

#e5_video_container:not(.header_container) .e5_video_play {
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
}

.header_container .e5_video_play img {
	max-width: 100%;
	width: 100%;
}

.e5_video_play img {
	position: relative;
	max-width: 20%;
	margin: 0 auto;
	cursor: pointer;
	z-index: 6;
	opacity: 0.5;
}

.e5_video_play img:hover {
	opacity: 1;
	transform: scale(1.1);
}

.header_container .overlay_video {
	background-color: rgba(0, 0, 0, 0.3);
	height: 80vh;
	z-index: 3;
}

.overlay_video {
	background-color: transparent;
}

/* Overlay Text */
.e5_video_section .e5_video_text_overlay {
	position: relative;
	z-index: 4;
}

.e5_video_section .e5_video_text_overlay .e5-scrollmagic-fade-left-out .col-inner {
	z-index: 7;
}

.e5_video_section .e5_video_text_overlay h1 {
	color: #FFFFFF;
}

body:not(.home) .e5_video_container.header_container,
body:not(.home) .e5_video_section .e5_video_text_overlay,
body:not(.home) .header_container .overlay_video,
body:not(.home) .e5_video_container.header_container .e5_video_wrapper {
	height: 500px;
}

@media screen and (min-width: 1091px) {
	.e5_video_container.header_container,
	.e5_video_section .e5_video_text_overlay,
	.header_container .overlay_video,
	.e5_video_container.header_container .e5_video_wrapper {
		height: calc(100vh - 147.6px);
	}

	.e5_video_section .e5_video_text_overlay .e5-scrollmagic-fade-left-out .col-inner {
		width: 70%;
		margin-left: unset;
	}
}

@media screen and (min-width: 850px) and (max-width: 1108px) {
	.e5_video_container.header_container .e5_video_wrapper {
		height: calc(100vh - 145px);
	}
}

@media screen and (min-width: 550px) and (max-width: 1090px) {
	.e5_video_container.header_container,
	.e5_video_section .e5_video_text_overlay,
	.header_container .overlay_video {
		height: calc(100vh - 145px);
	}

	.e5_video_section .e5_video_text_overlay h1 {
		margin-top: 40px;
	}

	.header_container .e5_video_play img {
		max-width: 130px;
	}

	.header_container .e5_video_play {
		width: 130px;
		height: 130px;
		top: calc(50% - 65px);
		left: calc(50% - 65px);
	}
}

/* MOBILE */
@media screen and (max-width: 550px) {
	.e5_video_container.header_container,
	.e5_video_section .e5_video_text_overlay,
	.header_container .overlay_video {
		height: calc(100vh - 110px);
	}

	.e5_video_section .e5_video_text_overlay .e5-scrollmagic-fade-left-out,
	.e5_video_section .e5_video_text_overlay .e5-scrollmagic-fade-right-out {
		transform: translate3d(0%, 0, 0);
	}

	.e5_video_section .e5_video_text_overlay h1 {
		margin-top: 25px;
	}

	.header_container .e5_video_play {
		width: 100px;
		height: 100px;
		top: calc(50% - 50px);
		left: calc(50% - 50px);
	}

	.header_container .e5_video_play img {
		max-width: 100px;
	}
}