#containerSite.static {position: static;}
.productSuperZoom { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10000000000; background-color: gray;}
.productSuperZoom > div { overflow: hidden; width: calc(100% - 20px); height: calc(100% - 20px); margin: 10px auto 0; background-color: #FFF; 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; transition: opacity 0.2s; margin: 0 !important;}
.productSuperZoom .slick-arrow.slick-prev{left: 18px;}
.productSuperZoom .slick-arrow.slick-next{right: 18px;background-position: right top;}
.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 > div img:hover{cursor: crosshair;}
.slider .slick-dots li button:hover, .slider .slick-dots li.slick-active button{opacity: 1;}

/* 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;}