.

/*content {
display: none;
float: left; padding-left: 15px;
}
.content a, .navigation a {
text-decoration: none;
color: #777;
}
.content a:focus, .content a:hover, .content a:active {
text-decoration: underline;
}
.controls {
margin-top: 5px;
height: 23px;
}
.controls a {
padding: 5px;
}
.ss-controls {
float: left;
}
.nav-controls {
float: right;
}*/
.slideshow-container {
	width: 800px !important;
	min-height: 450px !important;
	overflow: hidden;
}

.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.slideshow {

	/*width:800px !important; min-height: 450px !important; overflow: hidden; */
}

.slideshow  img {
	object-fit: contain !important;
}

.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

.slideshow a.advance-link {
	display: block;
	text-align: center;
}

.slideshow a.advance-link:hover, .slideshow a.advance-link:active, .slideshow a.advance-link:visited {
	text-decoration: none;
}

.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}

/*.caption {
padding: 12px;
}
.image-title {
font-weight: bold;
font-size: 1.4em;
}
.image-desc {
line-height: 1.3em;
padding-top: 12px;
}*/
.navigation {
}

ul.thumbs {
		clear: both;
		margin: 0;
		padding: 0;
	}

	ul.thumbs li {
		float: left;
		padding: 0;
		margin: 5px 10px 5px 0;
		list-style: none;
	}

@media only screen and (min-width:600px) {
	ul.thumbs {
		display: flex;
		flex-direction: row;
	}

	.bottom {
		display: none;
	}

	ul.thumbs li {
		float: left;
		padding: 0;
		margin: 5px 10px 5px 0;
		list-style: none;
		flex: 1;
	}

}

@media only screen and (min-width:768px) {
	ul.thumbs {
		display: flex;
		flex-direction: row;
	}

	ul.thumbs li {
		float: left;
		padding: 0;
		margin: 5px 10px 5px 0;
		list-style: none;
		flex: 1;
	}

	.slideshow span.image-wrapper {
		left: -100px;
		top: 50px;
	}

	.bottom {
		display: none;
	}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width:992px) {
	.slideshow span.image-wrapper {
		left: 0px;
		top: -2750px;
	}

	ul.thumbs {
		clear: both;
		margin: 0;
		padding: 0;display: list-item;  min-height: 450px;
	}

	ul.thumbs li {
		float: left;
		padding: 0;
		margin: 5px 10px 5px 0;
		list-style: none;
	}

	.bottom {
		display: block;
	}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width:1200px) {
	.slideshow span.image-wrapper {
		left: 0px;
		top: -275px;
		
	}

	ul.thumbs {
		clear: both !important;
		margin: 0;
		padding: 0;
		display: list-item; min-height: 450px;
	}

	ul.thumbs li {
		float: left !important;
		padding: 0;
		margin: 5px 10px 5px 0;
		list-style: none !important;
	}

	.bottom {
		display: block;
	}

}

a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}

ul.thumbs li.selected a.thumb {
	background: #000;
}

a.thumb:focus {
	outline: none;
}

ul.thumbs img {
	border: none;
	display: block;
}

.pagination {
	clear: both;
}

.navigation .top {
	margin-bottom: 25px;
	height: 11px;
}

.navigation .bottom {
	margin-top: 12px;
}

.pagination a, .pagination span.current, .pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 0px 7px 25px 7px;
	border: 1px solid white;
	width: margin-bottom:15px;
	color: #fff;
}

.bottom a, .bottom span.current, .bottom span.ellipsis {
	padding: 3px 7px 2px 7px;
}

.pagination a:hover {
	background-color: #010f42;
	text-decoration: none;
	color: white;
}

.pagination span.current {
	font-weight: bold;
	background-color: #3078ff;
	border-color: #3078ff;
	color: #fff;
}

.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}