.Video5 {
	width: 100%;
	position: relative;
}

.Video5 video {
	width: 100%;
	display: block;
}

.Video5 div.timeline {
	position: absolute;
	bottom: 0;
	left: 2%;
	right: 2%;
	border: solid 1em transparent;
	border-width: 1em 0;
	background: white;
	height: 1px;
	cursor: pointer;
	background-clip: content-box;
}


.Video5 div.current_timeline {
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	background: white;
	outline: solid 1px white;
	width: 0%;
}

.Video5 .fullscreen {
	position: absolute;
	right: 2em;
	bottom: 0;
	width: 2em;
	height: 2em;
	background: url(../icons/fullscreen.svg?color=white) no-repeat center;
	background-size: contain;
	cursor: pointer;
}

.Video5 .volume {
	position: absolute;
	right: 1rem;
	bottom: .25rem;
	width: 1.5em;
  height: 1.5em;
	background: url(../icons/volume.svg?color=white) no-repeat center;
	background-size: contain;
	cursor: pointer;
}

.Video5 .volume.muted {
	background-image: url(../icons/volume_muted.svg?color=white);
}

.Video5 .volume .slider{
	position: absolute;
	left: 0;
	bottom: 1.5rem;
	width: 1px;
	background: white;
	background-clip: content-box;
	border-left: solid 1rem transparent;
	border-right: solid 1rem transparent;
  height: 4rem;
	cursor: pointer;
	display: none;
}

.Video5 .volume:hover .slider{
	display: block;
}

.Video5 .volume .slider .current_volume{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	outline: solid 1px white;
	background: white;
	height: 0%;
}


.Video5 .time {
	position: absolute;
	right: 5%;
	bottom: 3rem;
}

div.play_pause {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 4em;
	width: 4em;
	background: url(../icons/pause.svg?color=white) no-repeat center;
	background-size: contain;
	cursor: pointer;
}

div.play_pause.paused{
	background-image: url(../icons/play.svg?color=white);
}

div.Video5 div.playlist {
	position: absolute;
	bottom: 5em;
	left: 2%;
	right: 2%;
	max-width: 50em;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	grid-gap: 1em;
}

.Video5 div.playlist div.entry{
	display: block;
	padding-top: 56%;
	position: relative;
}

.Video5 div.playlist div.entry img{
	position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
	cursor: pointer;
	box-shadow: 0 0.5em 2em hsla(0,0%,0%,.6);
}

.Video5.fullscreen {
	position: fixed;
	z-index: 2000;
	background: black;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
}

.Video5.fullscreen .Video5_content{
	display: flex;
	position: relative;
	height: 100%;
	align-content: center;
	justify-content: center;
}

.Video5.fullscreen video{
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

.Video5.fullscreen .Video5_close{
	cursor: pointer;
	position: fixed;
	right: 2%;
	top: 2%;
	height: 2em;
	width: 2em;
	z-index: 1
}