.video-container {
	position: relative;
	width: 100%;
	aspect-ratio: var(--pl-aspect-width) / var(--pl-aspect-height);
	cursor: pointer;
}
.placeholder,
.hover-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.video-container .vidbox-caption{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	object-fit: cover;
	display: block;
	background-color: rgba(var(--vidbox-bg),var(--vidbox-bg-alpha));
	border-top:2px solid;
	z-index: 3;
	transition: 0.3s background-color ease;
}
.video-container:hover .vidbox-caption{
	background-color: rgba(var(--vidbox-bg),0.8);
}
.vidbox-caption h3, .vidbox-caption h4, .vidbox-caption h5{
	padding:0.75rem;
	margin-bottom:3px;
}
.placeholder {
	z-index: 2;
	opacity: 1;
}
.hover-video {
	z-index: 1;
	display: none;
}
.video-container.vhover .hover-video {
	display: block;
}

/* Border */

.ccm-page .border-frame {
    border: 50px solid transparent;
    padding: 0px;
    -o-border-image: url(/packages/theme_poons_london/themes/poons_london/css/images/frame_e59780-fffdee_bg.png) 35% round;
    border-image: url(/packages/theme_poons_london/themes/poons_london/css/images/frame_e59780-fffdee_bg.png) 35% round;
    max-width: 100%;
    margin: auto;
	top:0;left:0;width:100%;height:100%;z-index:4;
}

.ccm-page .border-thick-restaurant {
    border: 3px solid #e59780;
	top:0;left:0;width:100%;height:100%;z-index:4;
}

.ccm-page .border-between-restaurant {
    border: 2px solid #fffdee;
	top:0;left:0;width:100%;height:100%;z-index:4;
}

.ccm-page .border-thin-restaurant {
    border: 1px solid #e59780;
	top:0;left:0;width:100%;height:100%;z-index:4;
}