.wrap-vid {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 550px;
}

.video-player {
	height:380px;
}

.video-player video {
	position: absolute;	
	z-index:1;
	width: 100%;
	height: 380px;
	background: #333;
    width: 100%;
}
.controls {
	display: block;
	position:relative;
	height: 155px;
	text-align: center;
}

.controls img {
    height: 150px;
	object-fit: cover;
    object-position: 50% 50%;
}

.controls img:hover {
	cursor: pointer;
}

.thumb-vp {
	position: relative;
	box-shadow: 2px 4px 8px rgb(89 73 100);

}

.thumb-vp p {
    position: absolute;
    width: 100%;
    height: fit-content;
    bottom: -10px;
    background: rgba(0,0,0,0.6);
    font-weight: 600;
    color: #eee;
	font-size: 13px;
	padding: 5px 10px;
	text-align: left;
}

.wrap-vid .slick-slider {
	width: 100%;
}

.wrap-vid .slick-list {
	background: #333;
}

.wrap-vid .slick-prev, .wrap-vid .slick-next {
	background: rgba(0,0,0,0.8);
	z-index: 999;
	border-radius: 0;
    top: 40%;
}

.wrap-vid .slick-prev:before, .wrap-vid .slick-next:before {
	color: #fff;	
}

.wrap-vid .slick-next {
	right: 20px;
}
.wrap-vid .slick-prev {
	left: 20px;
}

.thumb-vp .dashicons-controls-play {
	position: absolute;
	z-index: 1;
	font-size: 63px;
	color: rgb(255, 255, 255,0.7);
    left: 40%;
    top: 30%;
	user-select: none;
 
	pointer-events: none;
}

.thumb-vp .dashicons-controls-play:hover {
	cursor: pointer;

}

.thumb-vp:hover .dashicons-controls-play {
	color: #999;
	
}


.wrap-vid .vid-time {
	position: absolute;
	z-index: 9;
	top: 10px;
	right: 10px;
	color: #eee;
	font-weight: 700;
	background: rgba(0,0,0,0.6);
	padding: 4px 8px;
}

.vp-count {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	color: #eee;
	font-weight: 700;
	background: rgba(0,0,0,0.6);
	padding: 4px 8px;	
}

@media screen and (max-width: 900px) {
	.controls img{
		width: 100%;
	}
	.wrap-vid, .video-player, .video-player video {
	    height: 237px !important;
	}
}