#photo-gallery {display: block; width:100%; padding-bottom: 3.875rem;}

/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;   -moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-list {overflow:hidden; -webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-slider .slick-list .slick-track {-webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}

/* large images */
#gallery .slide .image {position:relative; margin-bottom:0.75rem; padding-bottom: 50%;}
#gallery .slide .image img {position:absolute; max-height: 100%; height:auto; max-width:100%; width:auto; top: 50%; left:50%; transform: translate(-50%, -50%)}
#gallery .slide .caption {text-align: center; line-height:1.25em}
/* gallery nav*/
#gallery-nav {max-width: 500px; margin:1.5rem auto 0; padding:0 3rem}
#gallery-nav .thumbnail {width:50px; transition:ease all 200ms; border: 2px solid transparent; float:left; margin: 0 2px; cursor:pointer; text-align:center}
#gallery-nav .thumbnail.slick-current {border: 2px solid #9a5ba5}
#gallery-nav .thumbnail img {width:100%; height:50px; display: block; margin:0 auto; object-fit: cover; object-position:center}
#gallery-nav .slick-arrow {position: absolute; font-size:2rem; color:#ccc; background:none; box-shadow:none; text-align:center; padding:0; top:50%; transform: translateY(-50%); width:3rem; height: 3rem; line-height:3rem;}
#gallery-nav .slick-arrow:hover,
#gallery-nav .slick-arrow:focus {color:#666}
#gallery-nav .slick-prev {left:0;}
#gallery-nav .slick-next {right:0;}

.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}

@media screen and (max-width:750px) {
    #gallery .slide .image {padding-bottom: 65%;}
}

@media screen and (max-width:480px) {
    #gallery-nav .thumbnail img {height:40px}
}