.header-slideshow-listings {
	position: relative;
	margin-bottom: 25px;
}
.header-slideshow-listings .imgcont {
	position: relative;
	overflow: hidden;
}
.header-slideshow-listings .imgcont img {
	display: block;
	width: 100%;
}
.header-slideshow-listings .imgcont video {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	min-width: 100%;
	width: auto;
	min-height: 100%;
	height: auto;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease-in;
}
.header-slideshow-listings .imgcont video.loaded { opacity: 1; }

.header-slideshow-listings .imgcont .credit-cont {
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	height: 21px;
}
.header-slideshow-listings .imgcont .credit {
	position: absolute;
    bottom: 0;
    right: 0;
    background-color: black;
    opacity: 0.6;
    padding: 2px 5px;
    color: #fff;
}
.header-slideshow-listings .imgcont .credit span {
	font-size: 10px;
}
.header-slideshow-listings .imgcont .credit span i {
    font-size: 14px;
    vertical-align: text-bottom;
}
.header-slideshow-listings .slide-title {
	position: absolute;
	bottom: 0;
	left: 10%;
	color: white;
	font-size: 20px;
	text-align: center;
}
.header-slideshow-listings .slide-title span::before {
	content: "";
    display: block;
    width: 50%;
    height: 2px;
    margin: 0 auto 8px;
    background: url(/includes/client_public/assets/images/dotted-line-gold.png);
    background-repeat: no-repeat;
    background-position: center;
}
.header-slideshow-listings .slide-title > .relative {
	padding: 15px 50px 20px;
	z-index: 1;
}
.header-slideshow-listings .slide-title .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.6;
	z-index: -1;
}

.header-slideshow-listings.overlapped {
	margin-bottom: 150px;
}
.header-slideshow-listings.overlapped .slide-title{
	bottom: 50px;
}

.header-slideshow-listings.overlapped .credit-cont {
	bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 641px) {
	.header-slideshow-listings {
		margin-bottom: 0;
	}
	.header-slideshow-listings .slide-title {
		left: 0;
		width: 100%;
	}
	.header-slideshow-listings.overlapped {
		margin-bottom: 0;
	}
	.header-slideshow-listings.overlapped .slide-title{
		bottom: 0;
	}
	.header-slideshow-listings .imgcont .credit-cont {
		bottom: 65px;
	}
}