#containerSite.static {position: static;}
.productSuperZoom { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10000000000; background-color: white;}
.productSuperZoom > div { overflow: hidden; width: 100%; height: 100%; margin: 0; background-color: white; position: relative;}
.productSuperZoom > div .sliderzoom{margin: 0!important; padding: 0 !important; list-style: none !important}
.productSuperZoom > div .loader{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background: #FFF url(/sysimages/ajax-loader.gif) no-repeat center center;}
.productSuperZoom > div img { visibility: hidden; max-width: 100%; margin: 0 auto; }
.productSuperZoom .slick-arrow{position: absolute;top: 50%;width: 42px;height: 42px;text-indent: -9999px;z-index: 200;transform: translateY(-50%); background-size: 100%; padding: 0;border: 0; opacity: 0; visibility: hidden; transition: opacity 0.2s;}
.productSuperZoom.zoomFullScreen .slick-arrow {opacity: 0 !important; visibility: hidden !important;}
.productSuperZoom .slick-arrow.slick-prev{left: 18px; transition: left 0.2s ease;}
.productSuperZoom .slick-arrow.slick-next{right: 18px;background-position: right top; transition: right 0.2s ease;}
.productSuperZoom .slick-arrow.slick-disabled{display: none !important;}
.productSuperZoom .bx-controls .bx-prev{left: 42px;background-position: left top;background-size: 84px;}
.productSuperZoom .bx-controls .bx-next{right: 42px;background-position: right top;background-size: 84px;}
.productSuperZoom .bx-controls .bx-prev:hover{background-position: left bottom;}
.productSuperZoom .bx-controls .bx-next:hover{background-position: right bottom;}
.mfp-wrap.zoomLabel .mfp-close {position: absolute; top: 30px; right: 30px; z-index: 50; cursor: pointer;}
.productSuperZoom .zoomLabel {width: 0; height: 0; right: 0; left: auto;}
.productSuperZoom .sliderzoom img:hover{cursor: zoom-in;}
.slider .slick-dots li button:hover, .slider .slick-dots li.slick-active button{opacity: 1;}

.productSuperZoom .slick-list, .productSuperZoom .slick-track, .productSuperZoom .sliderzoom li {min-width: 100vh !important; height: 100vh !important; min-height: 100vh !important;}
.productSuperZoom .slick-list, .productSuperZoom .sliderzoom li {width: 100vw !important;}
.productSuperZoom .sliderzoom li {overflow: hidden; text-align: center; position: relative; line-height: 0;}
.productSuperZoom .sliderzoom img {transition: height .15s; visibility: hidden; max-width: initial; margin: 0 auto; width: auto; height: 100vh; cursor: zoom-in; left: 50%; position: absolute; transform: translateX(-50%);}
.productSuperZoom:not(.zoomFullScreen) .sliderzoom img {margin-top: 0 !important;}
.productSuperZoom.zoomFullScreen .sliderzoom img {width: 100%; height: auto; cursor: zoom-out;}
.productSuperZoom .rdc-zoom-thumbnails {position: absolute; top: 30px; left: 30px; z-index: 200; transition: opacity .25s; padding: 10px; display: none;}
.productSuperZoom .rdc-zoom-thumbnails .rdc-zoom-unithumbnail {margin-top: 15px; cursor: pointer; opacity: .5; background-color: white; line-height: 0;}
body:not(.tablet) .productSuperZoom .rdc-zoom-thumbnails .rdc-zoom-unithumbnail:hover,
.productSuperZoom .rdc-zoom-thumbnails .rdc-zoom-unithumbnail.active {opacity: 1}
.productSuperZoom .rdc-zoom-thumbnails .rdc-zoom-unithumbnail:first-child {margin-top: 0;}
.productSuperZoom .rdc-zoom-thumbnails img {width: 100%; max-width: 70px; height: auto; visibility: visible;}

/* iPad */
body.tablet .productSuperZoom > div img { max-height: 100%; }
body.tablet #container.homepage #content { height: 768px !important; }

.slick-arrow.slick-prev {background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='22 5.555 11.982 16 22 26.445 20.509 28 9 16 20.509 4' transform='matrix(1 0 0 -1 0 32)'%3E%3C/polygon%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat;}
.slick-arrow.slick-next {background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='23 5.555 12.982 16 23 26.445 21.509 28 10 16 21.509 4' transform='rotate(180 16.5 16)'%3E%3C/polygon%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat;}