/* Element wrapper*/
.sp-wrap{display:none;line-height:0;font-size:0;position:relative;}

/* Thumbnails*/
.sp-thumbs{text-align:left;display:block;margin-top:6px;}
.sp-thumbs ul{list-style:none;display:block;padding:0;overflow:hidden;margin:0 -3px;}
.sp-thumbs ul li{list-style:none;display:block;padding:0;float:left;width:16.666666%;}
.sp-thumbs ul li div{margin:0 3px;}
.sp-thumbs ul li a{display:block;width:100%;height:0;padding-bottom:70%;position:relative;background-size:cover;background-position:center;}
.sp-thumbs ul li a span{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #eee;}
.sp-thumbs ul li a img{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;}
.sp-thumbs ul li a:active span,
.sp-thumbs ul li a.sp-current span{border-color:#dc1e32;}

/* Image currently being viewed*/
.sp-img{display:block;width:100%;height:0;padding-bottom:70%;position:relative;}
.sp-large{overflow:hidden;display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.sp-large a{display:block;}
.sp-large a img{display:block;max-width:100%;height:auto;}

/* Panning Zoomed Image*/
.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none;}
.sp-zoom img{max-width:none;}

/* Lightbox*/
.sp-lightbox{position:fixed;top:0;left:0;height:100%;width:100%;background:rgb(0, 0, 0);background:rgba(0, 0, 0, .9);z-index:500;display:none;cursor:pointer;}
.sp-lightbox img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;max-width:90%;max-height:90%;border:2px solid #fff;}
#sp-prev, #sp-next{position:absolute;top:50%;margin-top:-25px;z-index:501;color:#fff;padding:14px;text-decoration:none;background:#000;border-radius:25px;border:2px solid #fff;width:50px;height:50px;box-sizing:border-box;transition:.2s;}
#sp-prev{left:10px;}
#sp-prev:before{content:'';border:7px solid transparent;border-right:15px solid #fff;position:absolute;top:16px;left:7px;}
#sp-next{right:10px;}
#sp-next:before{content:'';border:7px solid transparent;border-left:15px solid white;position:absolute;top:16px;left:18px;}
#sp-prev:hover, #sp-next:hover{background:#444;}

/* Tweak styles for small viewports*/
@media screen and (max-width:400px){
	#sp-prev, #sp-next{top:auto;margin-top:0;bottom:25px;}
}