html, body {
	height:100%;
}

body, body * {
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	list-style: none;
}



section.gn-video-content p.gn-event-btn {
	text-align: center;
	margin-bottom:50px;
}

.video-container {
	position:relative;
	max-width:1200px;
	width:100%;
	aspect-ratio: 16 / 9;
	margin:auto;
	margin-top:30px;
	margin-bottom:40px;
}

.video-container video {
	width:100%;
	height:100%;
	object-fit: fill;
}

.video-container.fullscreen {
	max-width: 100%;
	width:100%;
	/*height:100%;*/
}

.video-controls-container {
	position:absolute;
	bottom:10px;
	width:100%;
	color:#ffffff;
	font-size:3rem;
	/*text-align: center;*/
	padding:0px 20px;
	/*z-index: 2147483647;*/
}

video::-webkit-media-controls-panel {
	display:none !important;
}



/*Video Timeline Styles*/
.video-timeline {
	position:relative;
	cursor:pointer;
	margin-bottom:30px;
}

.timeline-progress {
	border-radius:4px;
	background-color:#E0E0E0;
	width:100%;
	height:8px;
	overflow:hidden;
}

.timeline-progress .timeline-progressbar {
	background-color:#ff6600;
	width:0%;
	height:100%;
}

.video-timeline .timeline-btn {
	position:absolute;
	top:-60%;
	left:0%;
	border-radius: 50%;
	background-color:#ff6600;
	width:20px;
	height:20px;
	transform:translateX(-50%) scale(0);
	transition: transform 200ms ease;
}

.video-timeline:hover .timeline-btn {
	transform:translateX(-50%) scale(1);
}



/*Video Controls Styles */
.video-controls {
	display:flex;
	gap:20px;
}

.video-controls > div {
	flex:1;
}

.video-controls-volume {
	display: flex;
	gap:20px;
}

.video-controls-volume .volume-control {
	display:flex;
	align-items: center;
	justify-content: center;
}

.video-controls-volume .video-clock {
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:1rem;
}

.video-controls-buttons ul {
	display: flex;
	justify-content: space-between;
}

.video-controls-screen .video-fullscreen {
	text-align: right;
}

.video-controls-volume .volume-control input,
.video-controls-volume .video-volume-icon i,
.video-controls-buttons ul li,
.video-controls-screen .video-fullscreen i {
	cursor:pointer;
}