.cd-product-viewer-wrapper{text-align:center}.cd-product-viewer-wrapper>div{display:inline-block}.cd-product-viewer-wrapper .product-viewer{position:relative;z-index:1;display:inline-block;overflow:hidden}.cd-product-viewer-wrapper img{display:block;position:relative;z-index:1}.cd-product-viewer-wrapper .product-sprite{position:absolute;z-index:2;top:0;left:0;height:100%;width:1800%;background:url(../img/img-sprite.jpg) no-repeat center center;background-size:100%;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.cd-product-viewer-wrapper.loaded .product-sprite{opacity:1;cursor:ew-resize}.cd-product-viewer-handle{position:relative;z-index:2;width:60%;max-width:300px;border-radius:50em;margin:2em auto 3em;height:4px;background:#4d4d4d}.cd-product-viewer-handle .fill{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;border-radius:inherit;background:#b54240;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s}.no-csstransitions .cd-product-viewer-handle .fill{display:none}.loaded .cd-product-viewer-handle .fill{opacity:0;-webkit-transition:-webkit-transform .3s,opacity .2s .3s;-moz-transition:-moz-transform .3s,opacity .2s .3s;transition:transform .3s,opacity .2s .3s}.cd-product-viewer-handle .handle{position:absolute;z-index:2;display:inline-block;height:44px;width:44px;left:0;top:-20px;background:#b54240 url(../img/cd-arrows.svg) no-repeat center center;border-radius:50%;box-shadow:0 0 0 6px rgba(181,66,64,0.3),0 0 20px rgba(0,0,0,0.2);text-indent:100%;white-space:nowrap;overflow:hidden;color:transparent;-webkit-transform:translateX(-50%) scale(0);-moz-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);-o-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s}.cd-product-viewer-handle .handle:active{box-shadow:0 0 0 0 rgba(181,66,64,0),0 0 20px rgba(0,0,0,0.2)}.loaded .cd-product-viewer-handle .handle{-webkit-transform:translateX(-50%) scale(1);-moz-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);-o-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);-webkit-animation:cd-bounce .3s .3s;-moz-animation:cd-bounce .3s .3s;animation:cd-bounce .3s .3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;cursor:ew-resize}@-webkit-keyframes cd-bounce{0%{-webkit-transform:translateX(-50%) scale(0)}60%{-webkit-transform:translateX(-50%) scale(1.1)}100%{-webkit-transform:translateX(-50%) scale(1)}}@-moz-keyframes cd-bounce{0%{-moz-transform:translateX(-50%) scale(0)}60%{-moz-transform:translateX(-50%) scale(1.1)}100%{-moz-transform:translateX(-50%) scale(1)}}@keyframes cd-bounce{0%{-webkit-transform:translateX(-50%) scale(0);-moz-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);-o-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0)}60%{-webkit-transform:translateX(-50%) scale(1.1);-moz-transform:translateX(-50%) scale(1.1);-ms-transform:translateX(-50%) scale(1.1);-o-transform:translateX(-50%) scale(1.1);transform:translateX(-50%) scale(1.1)}100%{-webkit-transform:translateX(-50%) scale(1);-moz-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);-o-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}