.active-slide {
	
}
.hsldr-nav-region {
	left: 0px; top: 0px; width: 20px; height: 2px; position: absolute; background-color: rgb(0, 0, 0);
}
.hsldr-nav-wrapper {
	left: 50%; text-align: center; bottom: 0px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.hsldr-nav-marker {
	width: 200px; height: 2px; float: left; display: inline-block; content: ""; background-color: rgb(187, 187, 187);
}
.hsldr-container {
	transition:opacity 0.5s ease-in-out; width: 100%; height: 80vh; overflow: hidden; position: relative; max-height: 630px; opacity: 0;
}
.hsldr-has-nav-bar.hsldr-container {
	height: calc( 80vh + 30px);
}
.hsldr-gallery-container {
	transition:1ms linear; left: 0px; width: 99999px; overflow: hidden; position: relative; opacity: 0;
}
.hsldr-image-container {
	float: left; display: flex;
}
.hsldr-image-container img {
	
}
.hsldr-container figure {
	position: relative;
}
.hsldr-container li {
	position: relative;
}
.hsldr-container figcaption {
	padding: 3%; transition:opacity 0.1s ease-in-out; left: 0px; top: 50%; width: 94%; text-align: center; color: rgb(255, 255, 255); font-size: 1.6rem; font-weight: 200; position: absolute; opacity: 0; transform: translateY(-50%);
}
.hsldr-container .caption {
	padding: 3%; transition:opacity 0.1s ease-in-out; left: 0px; top: 50%; width: 94%; text-align: center; color: rgb(255, 255, 255); font-size: 1.6rem; font-weight: 200; position: absolute; opacity: 0; transform: translateY(-50%);
}
.fade-in {
	opacity: 1;
}
.info {
	width: 20px; height: 20px; right: 10px; bottom: 10px; display: block; visibility: visible; position: absolute; z-index: 2; cursor: pointer; content: ""; opacity: 1;
}
.info::before {
	padding: 2px 3px 5px; border-radius: 2px; width: 15px; height: 15px; text-align: center; color: rgb(255, 255, 255); font-family: Georgia; font-style: italic; display: block; content: "i"; background-color: rgba(0, 0, 0, 0.1);
}
.showcaption .info::before {
	padding: 0px; left: 11px; top: 4px; width: 2px; height: 15px; position: absolute; content: " "; background-color: rgb(255, 255, 255);
}
.showcaption .info::after {
	padding: 0px; left: 11px; top: 4px; width: 2px; height: 15px; position: absolute; content: " "; background-color: rgb(255, 255, 255);
}
.showcaption .info::before {
	transform: rotate(45deg);
}
.showcaption .info::after {
	transform: rotate(-45deg);
}
.hsldr-container .showcaption figcaption {
	visibility: visible; z-index: 1; opacity: 1;
}
.hsldr-container .showcaption .caption {
	visibility: visible; z-index: 1; opacity: 1;
}