.ms-showcase2-template {padding-bottom: 155px;}
.ms-showcase2-template .ms-view{background: transparent;}
.ms-showcase2-template .ms-bar {background: black !important;}
.ms-showcase2-template .ms-tabs-vertical-template {margin: 0 auto;}

.ms-showcase2-template.ms-dir-v {
	padding-right: 140px;
	padding-bottom:0 !important;
}

.ms-showcase2-template .ms-thumb-list.ms-dir-h {
	bottom: -145px;
	width: 100%;
	height: 137px;
}

.ms-showcase2-template .ms-thumb-list.ms-dir-v {
	height: 100%;
	width: 130px;
	right: -140px;
	top: 0;
}

.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
	width: 120px;
	height: 115px;
	 border: 1px solid #00ccff;
	opacity: 0.5;
	display:flex;
    align-items:center;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}
.ms-showcase2-template .ms-thumb-list .ms-thumb-frame img {max-width:100%!important; max-height:115px!important;}

.ms-showcase2-template .ms-thumb-frame { cursor: pointer; }
.ms-showcase2-template .ms-thumb-list.ms-dir-h .ms-thumb-frame{ margin-right:10px; }
.ms-showcase2-template .ms-thumb-list.ms-dir-v .ms-thumb-frame{	margin-bottom:10px;}
.ms-showcase2-template .ms-thumb-list .ms-thumb-frame-selected{ opacity: 1; }

@media (max-width: 400px) {
	
	.ms-showcase2-template .ms-thumb-list.ms-dir-v {
		width: 64px;
		right: -70px;
	 }
	 
	 .ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
		width: 64px;
		height: 49px;
	}
	.ms-showcase2-template {padding-bottom: 75px;}
	.ms-showcase2-template.ms-dir-v {padding-right: 70px;}
 }
 
@media (max-width: 200px) {
	.ms-showcase2-template .ms-thumb-list{display: none; }
	.ms-showcase2-template {padding-bottom: 0px;}
	.ms-showcase2-template.ms-dir-v {padding-right: 0px;}
}



.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: #222; background-color: rgba(0,0,0,1); overflow: hidden; display: none; -moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url(../images/preloader.gif) no-repeat center center; height: 100%; padding: 35px; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none; background: url(../images/arrows.png) no-repeat; opacity: 1; cursor: pointer; position: absolute; width: 43px; height: 58px; top: 50%; margin-top: -29px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left: 40px; }
.nextArrow { background-position: right top; right: 40px; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 2rem;
    background: #00ccff;
    padding: 2px 15px;
    border-radius: 15px;}