.custom-slider-container ul {
	margin: 0;
	padding: 0;
}
.custom-slider-container {
	display: flex;
	justify-content: center;
	background-color:#000000;
}
.custom-slider-thumbnails {
	display: flex;
	flex-direction: column;
	line-height: 0;
	width: 100%;
    overflow-y: scroll;
}
.custom-slider-thumbnails li {
	flex: auto;
	list-style: none;
}
.custom-slider-thumbnails li a {
	display: block;
}
.custom-slider-thumbnails img {
	width: 100%;
	height: 20vmin;
	object-fit:cover;
	object-position: top;
}
.custom-slider-slides {
	overflow: hidden;
	width: 80%;
	height: 100vmin;
}
.custom-slider-slides li {
	width: 80%;
	height: 100vmin;
	position: absolute;
	z-index: 1;
	list-style: none;
}
.custom-slider-slides img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top;
}
.custom-slider-slides li:target {
	z-index: 3;
	-webkit-animation: custom-slide 1s 1;
}

@keyframes custom-slide { 
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}
@keyframes hidden {
	0% {
		z-index: 2;
		transform: translateY(0%);
	}
	100% {
		z-index: 2;
		transform: translateY(100%);
	}
}

.page-node-type-retaining-walls #page-container>.off-canvas-wrapper>.off-canvas-content>.row,
.page-node-type-retaining-walls #page-container>.off-canvas-wrapper>.off-canvas-content main #page .page-title {
  display: none;
}

.banner-gallery {
  border-left: 8px solid #000000;
}

.custom-slider-thumbnails li {
	border-bottom: 5px solid #000000;
}

@media screen and (max-width: 1024px) {
	.custom-slider-thumbnails img {
		object-fit:contain;
	}
}