/*Slideshow on page*/
.slshowsContainer{
	width:100%; height:auto; float:left;
	margin:50px 0; padding:0; overflow:hidden;
}
.slshow{
	width:100%; height:auto; overflow:hidden; position:relative;
	margin:10px 0 0 0; cursor: pointer; display:flex; display:-webkit-flex;
	flex-direction: column; flex-wrap:nowrap; align-items:stretch;
	justify-content:center; align-content:center; -webkit-border-radius: 1px;
	-moz-border-radius: 1px; border-radius: 1px;
}
.slshowPreview{
	width:100%; height:200px; position:relative;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.slshowThumbnail{
	width:100%; height:auto; margin:0; padding:0;
	display:flex; display:-webkit-flex; flex-direction: row; flex-wrap: wrap;
	justify-content:center; align-items: center;
}
/*previews*/
.slshPrSlide{
	width:100%; height:100%; position:absolute; overflow:hidden;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	visibility:hidden; opacity:0; transition: 0.3s;
}
.slshPrSlide-show{
	width:100%; height:100%; position:absolute; overflow:hidden;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	visibility:visible; opacity:1; transition: 0.3s;
}
.slshPrSlide img{
	border-radius:5px; flex-shrink: 0;
	width:100%; height:100%; object-fit: cover;
}
.slshPrSlide-show img{
	border-radius:5px; flex-shrink: 0;
	width:100%; height:100%; object-fit: cover;
}
/*thumbnails*/
.slshThSlide{
	overflow:hidden; width:50px; height:50px; margin:3px; padding:0;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	opacity:0.4; transition:0.3s;
}
.slshThSlide:hover{
	opacity:1; transition:0.3s
}
.slshThSlide-active{
	overflow:hidden; width:50px; height:50px; margin:3px; padding:0;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	opacity:1; transition:0.3s;
}
.slshThSlide img{
	width:100%; height:100%; margin:0; padding:0;
	object-fit:cover; object-position: center;
}
.slshThSlide-active img{
	width:100%; height:100%; margin:0; padding:0;
	object-fit:cover; object-position: center;
}

/*Slideshow preview*/
.modalContainer{
	position: fixed; left: 0; top: 0; width: 100%; height: 100%;
	overflow: hidden; display:flex; display:-webkit-flex; flex-direction:column;
	justify-content: center; align-items:center; flex-wrap:nowrap z-index: 10;
	background-color: rgba(0,0,0,0.2);
}
/* .modal_content{
	display:none;
	background-color: #fefefe; margin: 10% auto; padding: 0;
	border: 10px solid #fff; z-index: 99999; -webkit-border-radius: 5px;
	-moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(136, 136, 136, 0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(136, 136, 136, 0.5);
	box-shadow: 0px 0px 8px 0px rgba(136, 136, 136, 0.5); overflow:hidden;
} */
.mCimage{
	width:100%; height:100%; object-fit:cover; object-position: center;
}


/*style for small screens*/
@media (max-width: 1024px){
	.slshowPreview{
		width:100%; height:100px; position:relative;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	}
	.slshThSlide{
		overflow:hidden; width:25px; height:25px; margin:3px; padding:0;
		opacity:0.4; transition:0.3s;
	}
	.slshThSlide-active{
		overflow:hidden; width:25px; height:25px; margin:3px; padding:0;
		opacity:1; transition:0.3s;
	}
	/* .modal_content{
		width:70%;
	} */
}