/* CUSTOM */


#gallery {margin: 3em 0 1em}
    .product-list+#gallery {margin-top: 2em}
#gallery .slide {float: left; text-align: center;}
#gallery .slide .image {position: relative; width: 100%; padding-bottom: 63%; height: auto; background-size: cover; background-position: center; margin-bottom: 1em;}
#gallery .slide .image img {position: absolute; max-width: 100%; width: auto; max-height: 100%; height: auto; bottom:0; left:50%; transform: translateX(-50%)}
#gallery .slide span {display: block; padding: 0 4rem}
#gallery .slide .title {font-size: 1.125rem; font-weight: 700; line-height: 1.38rem; color: #3399CC}
#gallery .slide .brief {font-size: 0.94rem; line-height: 1.38rem; color: #5D5D5D}

#gallery-thumbs {position: relative; margin-bottom: 3em}
#gallery-thumbs .thumbnail {opacity: 0.2; cursor: pointer; float: left; height: 4.69em; margin: 0 0.19em; background-size: cover; background-position: center}
#gallery-thumbs .thumbnail.slick-current {opacity: 1}
#gallery-thumbs .slick-arrow {z-index: 2; color: rgba(255,255,255,0); position: absolute; top:0; height: 100%; width:4em; background: url(/images/gallery-prev.svg) no-repeat center #fff}
#gallery-thumbs .slick-arrow:hover {background-color: #EFEFEF}
#gallery-thumbs .slick-next {right: 0; background: url(/images/gallery-next.svg) no-repeat center #fff}

/* 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-track,
.slick-slider .slick-list{-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:0 auto}
    #gallery-thumbs.no-arrows .slick-track {transform: none !important}
.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;}
.slick-slide img {display: block;}
.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;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;} 
.slick-arrow.slick-hidden {display: none;}

@media screen and (min-width: 1400px) {
    #gallery .slide .image {padding-bottom: 46%}
}
@media screen and (max-width:1360px) {
        #gallery .slide .image {padding-bottom: 50%}
}
@media screen and (max-width: 850px) {
    #gallery .slide span {padding: 0}
    #gallery-thumbs .thumbnail {height: 3.25em}
}