#iv-container{position:fixed;background:#0d0d0d;width:100%;height:100%;top:0;left:0;display:none;z-index:999999}.iv-container{overflow:hidden}.iv-close{width:32px;height:32px;position:absolute;right:20px;top:20px;cursor:pointer;text-align:center;overflow:hidden;text-shadow:0 0 3px #6d6d6d;-webkit-transition:all ease 200ms;-moz-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms}.iv-close:after,.iv-close:before{content:"";height:4px;width:32px;background:#ddd;position:absolute;left:0;top:50%;margin-top:-2px}.iv-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.iv-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.iv-close:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.iv-snap-view{width:150px;height:150px;position:absolute;top:20px;left:20px;border:1px solid #ccc;background:#000;z-index:100;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all ease 400ms;-moz-transition:all ease 400ms;-o-transition:all ease 400ms;transition:all ease 400ms;opacity:0}.iv-snap-image-wrap{width:100%;display:inline-block;position:absolute;max-width:150px;max-height:150px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden}.iv-snap-image{position:relative}.iv-snap-handle{position:absolute;border:1px solid #ccc;-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);-webkit-box-shadow:0 0 0 200px rgb(0 0 0 / .5);-moz-box-shadow:0 0 0 200px rgb(0 0 0 / .5);box-shadow:0 0 0 200px rgb(0 0 0 / .5)}.iv-zoom-slider{width:100%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid #ccc;border-top:0;background:rgb(204 204 204 / .1);height:15px;position:absolute;top:150px;left:-1px}.iv-zoom-handle{width:20px;height:15px;background:#ccc;position:absolute}.iv-image-view{position:absolute;height:100%;width:100%}.iv-image-wrap{display:inline-block}.iv-image-wrap:active{cursor:move}.iv-large-image{max-width:100%;max-height:100%;position:absolute;-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)}.iv-loader{top:50%;left:50%;border-radius:50%;width:32px;height:32px;z-index:100;margin-top:-16px;margin-left:-16px;font-size:5px;position:absolute;text-indent:-9999em;border-top:1.1em solid rgb(255 255 255 / .2);border-right:1.1em solid rgb(255 255 255 / .2);border-bottom:1.1em solid rgb(255 255 255 / .2);border-left:1.1em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}.iv-loader:after{width:10em;height:10em;border-radius:50%}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (max-width:767px){.iv-snap-view{z-index:-1;visibility:hidden}}