#slideshow {
	width: 100%;
	height: 100%;
	margin: 100px auto;
	position: relative; 
}

#slideshow.fullscreen {
	/*position: fixed; */
	top: 0;
	left: 0;
    background-position: center center !important;
    background-repeat: no-repeat !important;  
	height: 90%;
	margin: 0;
	padding: 0; 
    object-fit:cover;
}

 


.img-wrapper { 
	min-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden; 
	z-index: 8; 
	background-size: auto 100% !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	opacity: 0;
	display: none; 
}

.img-wrapper  .img-wrapper-1 { 
	min-height: 100%;
	z-index: 8; 
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
    background-position: center center !important;
    background-repeat: no-repeat !important;
	opacity: 0;
    object-fit: cover; 
}

#slideshow .img-wrapper  .img-wrapper-1.active {
	z-index: 10;
	opacity: 1;
 
}

#slideshow .img-wrapper  .img-wrapper-1.last-active {
	z-index: 9
}

#slideshow .img-wrapper.active {
	z-index: 10;
	opacity: 1;
	display: block;
}

#slideshow .img-wrapper.last-active {
	z-index: 9
}

.thumbs-container {
	width: 620px;
	height: 140px;
	position: absolute;
	left: 0;
	z-index: 11; 
	right: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.thumbs-container.top {
	top: 0
}

.thumbs-container.bottom {
	bottom: -150px;
}

.prev,
.next {
	width: 3%;
	min-width: 40px;
	height: 48px;
	padding: 46px 1%;
	color: #000;
	cursor: pointer
}

.prev {
	float: left
}

.next {
	float: right
}

.prev:hover,
.next:hover {
	color: #555
}

ul.thumbs {
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	height: 140px;
	padding: 0;
	margin: 0 5%;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	z-index: 11;
}

.thumb {
	display: inline-block;
	width: 60px;
	height: 45px;
	margin: 4px;
	margin-top: 35px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
	opacity: .5;
}

.thumb-1 { 
	width: 60px;
	height: 45px; 
    background-position: center center !important;
    background-repeat: no-repeat !important; 
    width: 100%;
    height: 100%; 
    object-fit:cover;
	cursor: pointer;
	opacity: 1;
 
}

.thumb:first-of-type {
	margin-left: 0
}

.thumb.active { 
	opacity: 1; 
}




@media only screen and (max-width: 991px) { /* MOBILE */ 



.img-wrapper { 
	min-height: 470px;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important; 
}

.img-wrapper  .img-wrapper-1 { 
    background-position: center center !important;
    background-repeat: no-repeat !important;  
    width: 100%;
    height: 250px; 
    border-radius: 20px; 
    object-fit:cover; 
}

#slideshow .img-wrapper  .img-wrapper-1.active {
	z-index: 10;
	opacity: 1;
 
}

#slideshow .img-wrapper  .img-wrapper-1.last-active {
	z-index: 9
}

#slideshow .img-wrapper.active {
	z-index: 10;
	opacity: 1;
	display: block;
}

#slideshow .img-wrapper.last-active {
	z-index: 9
}

.thumbs-container {
	width: 100%;
	height: 140px;
	margin-bottom: 20px;
	position: absolute;
	left: 0;
	z-index: 11; 
	right: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.thumbs-container.top {
	top: 0
}

.thumbs-container.bottom {
	bottom: -150px;
}

.prev,
.next {
	width: 3%;
	min-width: 40px;
	height: 48px;
	padding: 46px 1%;
	color: #000;
	cursor: pointer
}

.prev {
	float: left
}

.next {
	float: right
}

.prev:hover,
.next:hover {
	color: #555
}

ul.thumbs {
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	height: 140px;
	padding: 0;
	margin: 0 5%;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	z-index: 11;
}

.thumb {
	display: inline-block;
	width: 60px;
	height: 45px;
	margin: 4px;
	margin-top: 35px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
	opacity: .5;
}

.thumb-1 { 
	width: 60px;
	height: 45px; 
    background-position: center center !important;
    background-repeat: no-repeat !important; 
    width: 100%;
    height: 100%; 
    object-fit:cover;
	cursor: pointer; 
	opacity: 1;
}

.thumb:first-of-type {
	margin-left: 0
}

.thumb.active { 
	opacity: 1; 
}

}