.max-360 {max-width:360px; margin-right:auto; margin-left:auto;}
@media (min-width:768px) {
.max-sm-360 {max-width:360px; margin-right:auto; margin-left:auto;}
}

.variation {position:relative; z-index:1; height:0; margin:0; padding:0; opacity:0; /*overflow:hidden;*/ visibility:hidden; transition:opacity 300ms;}
.variation.active {z-index:2; height:auto; opacity:1; visibility:visible;}
.product-details .variations {margin:-10px;}
.product-details .variation.active {padding:10px;}

.selected-option {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.vopt-btns {margin-right:-2px; margin-left:-2px; font-size:0;}
.vopt-swatch li {width:16.666666%;}
.vopt-btns li, .vopt-btns > li:not(:last-child) {margin:0; padding:0 2px 4px;}
.vopt li .btn {position:relative;}
.vopt li .btn:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #bbb; border:1px solid rgba(0,0,0,.1); border-radius:.25rem; transition:all 300ms ease}
.vopt li:hover .btn:after {border:1px solid rgba(0,0,0,.25)}
.vopt li.selected .btn:after {border:1px solid #000; border:1px solid rgba(0,0,0,.5); border:1px solid #66afe9; box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.vopt li.selected .btn {background-color:#e0e0e0;}
.vopt li.not-avail {opacity:.6;}
.vopt li.not-avail .btn:after {border:2px dashed #bbb;}
.vopt li.not-avail:hover,.vopt li.not-avail-sel:hover {opacity:.4;}
.vopt li.not-avail-sel {opacity:.6;}
.vopt li.not-avail:hover .btn:after,.vopt li.not-avail-sel .btn:after,.vopt li.not-avail-sel:hover .btn:after {border:2px dashed red;}

@media (min-width:449px) and (max-width:508px) {
.vopt-swatch li {width:14.285%;}
}

@media (min-width:509px) and (max-width:767px) {
.vopt-swatch li {width:12.5%;}
}
@media (min-width:768px) and (max-width:991.98px) {
.vopt-swatch li {width:20%;}
}
/**/
.vari-video-scase {position:absolute; z-index:3; top:365px; left:0; width:60px; overflow:hidden;}
.ppsl-bh .vari-video-scase {top:auto; bottom:8px; left:50%; margin-left:139px;}
.vari-video-scase .acaro {padding:5px;}
.video-icon {color:#fff; font-size:150%; text-shadow:0 1px 5px rgba(0,0,0,.75);}
/**/

@media (min-width:992px) {
.vopt-btns {margin-right:-4px; margin-left:-4px;}
.vopt-btns li, .vopt-btns > li:not(:last-child) {margin:0; padding:0 4px 8px;}
.vopt-swatch li {width:16.666666%;}
}

@media (max-width:374px) {
.vopt-swatch li {width:20%;}
}



.pi-contain {max-width:450px;}

.main-img-img {position:absolute; z-index:3; top:0; left:30px; right:30px; background:#000; opacity:0; visibility:hidden; transition:all 300ms;}
.main-img-img.active {opacity:1; visibility:visible;}


.silent-gal {position:absolute; top:0; right:30px; bottom:0; left:30px; opacity:0; visibility:hidden;}

.slick-heroic {padding:0 30px;}
.slick-heroic .slick-prev {left:0;}
.slick-heroic .slick-next {right:0;}
.url-1-product .slick-heroic.slick-initialized img {cursor:pointer;}

.ss-contain {position:absolute; top:5px; bottom:auto; left:0; width:60px; opacity:1; visibility:visible; transition:all 300ms ease;}
.prodpage.ppsl-bh .ss-contain {top:auto; bottom:-67px; left:50%; width:420px; margin-left:-210px;}
.prodpage.ppsl-bh.has-video .ss-contain {width:460px; margin-left:-230px; padding-right:100px;}
.slick-heroic-nav {padding:20px 0;}
.prodpage.ppsl-bh .slick-heroic-nav {padding:0 30px;}
.slick-heroic-nav .slick-slide {cursor:pointer;}
.prodpage.ppsl-bh .slick-heroic-nav-go > div {float:left; width:60px;}
.slick-heroic-nav .acaro {padding:5px;}
.slick-heroic-nav .slick-current .image-space:after {transition:all 300ms ease;}
.slick-heroic-nav .slick-current .image-space:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #66afe9; box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}

.slick-heroic .slick-track, .slick-heroic .slick-slide {/*transition:all 300ms ease;*/}

@media (min-width:992px) {
.prodpage.ppsl-bh .pi-contain {padding-bottom:75px;}
.slick-heroic {padding:0 0 0 75px;}
.prodpage.ppsl-bh .slick-heroic {padding:0 37.5px 24px;}
.slick-heroic .slick-arrow {display:none!important;}

.pi-contain {max-width:600px;}

.main-img-location {left:75px; right:0}
.prodpage.ppsl-bh .main-img-location {left:37.5px;}
}


@media (max-width:991.98px) {
.slick-heroic .slick-dots {display:none!important;}

.ss-contain {opacity:0; visibility:hidden;}

.has-video .vari-video-scase {display:none;}
}

@media (max-width:767px) {
.pi-contain {margin-right:auto; margin-left:auto;}
}