.gpslider--banner {
	position: relative;
}

.gpslider--banner ul.slides > li {
	position: absolute;
	top: 0;
	width: 100%;

	opacity: 0;
	pointer-events: none;

	transition: all 1s ease-in-out;
}

.gpslider--banner ul.slides > li.slide-before {
	left: -1em;
}

.gpslider--banner ul.slides > li.slide-active {
	opacity: 1;
	left: 0;
	pointer-events: all;
}

.gpslider--banner ul.thumbnails {
	position: absolute;

	z-index: 3;

	left: 0;
	right: 0;
	bottom: 1em;

	text-align: center;
}

.gpslider--banner ul.thumbnails > li {
	display: inline-block;
	font-size: 0;

	width: 0.5rem;
	height: 0.5rem;

	margin: 0 0.25rem;

	border-radius: 0.5rem;

	border-width: 0.125rem;
	border-style: solid;
	border-color: white;

	cursor: pointer;
}

.gpslider--banner ul.thumbnails > li.slide-thumbnail-active {
	background: white;
}