/* Magic Zoom Plus v5.3.7 Copyright 2023 Magic Toolbox Buy a license: https://www.magictoolbox.com/magiczoomplus/ License agreement: https://www.magictoolbox.com/license/ */ /** * Core styles */ .MagicZoom, .mz-figure, .mz-lens, .mz-zoom-window, .mz-loading, .mz-hint, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage, .mz-expand .mz-expand-stage .mz-image-stage .mz-caption, .mz-thumb img, .mz-expand-thumbnails, .mz-expand-controls, .mz-button { -webkit-box-sizing: border-box; box-sizing: border-box; } .MagicZoom, .mz-figure { display: inline-block; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr !important; position: relative; z-index: 1; margin: 0 auto; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .MagicZoom { -webkit-transform: translate3d(0,0,0); -ms-touch-action: pan-y; touch-action: pan-y; } figure.mz-figure { overflow: hidden; margin: 0 !important; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .MagicZoom img, .mz-figure img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; } .MagicZoom > img, .mz-figure > img { width: 100%; height: auto; } .ie8-magic .MagicZoom > img, .ie8-magic .mz-figure > img { width: 100%; max-width: none !important; } .mz-figure.mz-no-zoom.mz-no-expand, .mz-expand .mz-figure.mz-no-zoom { cursor: default !important; } .mz-figure.mz-active, .mz-expand { -ms-touch-action: none; touch-action: none; } .mz-lens, .mz-zoom-window { position: absolute !important; overflow: hidden !important; pointer-events: none !important; } .mz-lens img, .mz-zoom-window img { position: absolute !important; max-width: none !important; max-height: none !important; } .mz-lens img { -webkit-transition: none !important; transition: none !important; } .mz-zoom-window { z-index: 2000000000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .mz-zoom-window.mz-magnifier { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); -webkit-mask-clip: content; cursor: none; } .mz-figure.mz-active .mz-zoom-window.mz-magnifier { pointer-events: auto !important; cursor: inherit !important; } .mz-zoom-window.mz-magnifier.mz-expanded { z-index: 2147483647; } .mz-zoom-window img { width: auto; height: auto; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto !important; -webkit-transition: none !important; transition: none !important; -webkit-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; } .mz-zoom-window.mz-preview img { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; width: 100% !important; height: auto !important; -webkit-transform: none !important; transform: none !important; } .lt-ie9-magic .mz-zoom-window img { margin: 0 !important; } .mz-expand-controls { z-index: 2147483647; } .mz-fade { -webkit-transition: opacity .25s; transition: opacity .25s; } .mz-hidden { opacity: 0; } .mz-visible { opacity: 1; } .mobile-magic .mz-expand .mz-expand-bg { -webkit-transform-style: flat !important; transform-style: flat !important; } .mobile-magic .mz-expand-controls.mz-fade { transition: none !important; } .mobile-magic .mz-expand > .mz-zoom-window { top: 0 !important; left: 0 !important; } @media not screen and (max-device-width: 767px) { .mz-expanded-view-open, .mz-expanded-view-open body { overflow: hidden !important; } .mz-expanded-view-open body { height: auto !important; } } @media screen and (max-device-width: 767px) { :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]), :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { overflow: hidden !important; } :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { height: auto !important; } } /** * Main figure */ .mz-figure.mz-active { background: #fff; } .mz-figure.mz-no-zoom, .mz-figure.mz-click-zoom, .mz-figure.mz-active { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mz-figure.mz-active.mz-no-expand { cursor: crosshair; } .mz-figure.mz-active.mz-click-zoom.mz-no-expand { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } .mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand { cursor: none; } .mz-figure.mz-magnifier-zoom.mz-active { overflow: visible !important; } .mz-figure.mz-active > img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(80%) opacity(60%); filter: grayscale(80%) opacity(60%); } .no-cssfilters-magic .mz-figure.mz-active > img { opacity: 0.6; } .lt-ie10-magic .mz-figure.mz-active > img { opacity: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6); } .mz-expand .mz-figure.mz-active.mz-inner-zoom, :not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom > img { opacity: 0; } .lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img { filter: alpha(opacity=0); } .ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom { background: transparent; } /** * Zoom lens */ .mz-lens { border: 1px solid #aaa; border-color: rgba(170,170,170,0.7); box-shadow: 0 0 5px rgba(0,0,0,.3); cursor: none; z-index: 10; opacity: 0; } .mz-figure.mz-active .mz-lens { opacity: 1; -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s; transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s; } .mz-figure.mz-active.mz-magnifier-zoom .mz-lens { border-radius: 50%; opacity: 0; cursor: none; } /** * Zoom window */ .mz-zoom-window { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .2); } .mz-zoom-window.mz-magnifier { border-radius: 100%; border: 0; background: rgba(255,255,255,.3); } .mz-zoom-window.mz-magnifier:before { content: ""; display: block; position: absolute; top: 0;bottom: 0; left: 0; right: 0; border-radius: 100%; border: 1px solid rgba(170,170,170,0.7); box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3); background: transparent; z-index: 1; } .mz-zoom-window.mz-magnifier.mz-square, .mz-zoom-window.mz-magnifier.mz-square:before { border-radius: 0 !important; } .lt-ie9-magic .mz-zoom-window { border: 1px solid #e5e5e5; } .mz-zoom-window.mz-inner { border: none; box-shadow: none; } .mz-zoom-window.mz-inner:not(.mz-expanded) { z-index: 80; } /* Caption in zoom window */ .mz-zoom-window .mz-caption { background: #777; color: #fff; font-size: 10pt; opacity: 0.8; position: absolute; top: 0; z-index: 150; padding: 3px; width: 100%; line-height: normal !important; text-align: center !important; } .lt-ie9-magic .mz-zoom-window .mz-caption { filter: alpha(opacity=80); } .mz-zoom-window.caption-bottom .mz-caption { top: auto; bottom: 0; } .mz-zoom-window.mz-expanded > .mz-caption { display: none; } /* Zoom window animations */ .mz-zoom-window.mz-deactivating, .mz-zoom-window.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .mz-zoom-window.mz-deactivating { -webkit-transition-duration: .25s, .25s, .25s; transition-duration: .25s, .25s, .25s; } .mz-zoom-window.mz-p-right, .mz-zoom-window.mz-p-left, .mz-zoom-window.mz-p-top, .mz-zoom-window.mz-p-bottom { opacity: 0; z-index: -100; } .mz-zoom-window.mz-p-right { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } .mz-zoom-window.mz-p-left { -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } .mz-zoom-window.mz-p-top { -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } .mz-zoom-window.mz-p-bottom { -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } /* Inner mode animation */ .mz-zoom-window > img { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-zoom-window.mz-p-inner.mz-deactivating > img, .mz-zoom-window.mz-p-inner.mz-activating > img { -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; } /* Magnifier mode animation */ .mz-zoom-window.mz-p-magnifier { -webkit-transform: scale(.1); transform: scale(.1); } /* Preview mode animation */ .mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-preview.mz-activating, .mz-zoom-window.mz-custom.mz-deactivating, .mz-zoom-window.mz-custom.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-custom.mz-deactivating { -webkit-transition-duration: .2s; transition-duration: .2s; } .mz-zoom-window.mz-p-preview, .mz-zoom-window.mz-p-custom { opacity: 0; } /** * Hint & Loading */ .mz-hint, .mz-loading { color: #eee; background: rgba(49,51,61,0.7); font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; direction: ltr; display: inline-block; margin: 0; position: absolute; z-index: 1000; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .mz-hint { bottom: 8px; left: 0; right: 0; padding: 0 10%; background-color: transparent; -webkit-transition: opacity 0.4s ease, z-index 0.4s ease; transition: opacity 0.4s ease, z-index 0.4s ease; } .mz-hint-message { display: inline-block; background: rgba(49,51,61,0.7); border-radius: 2em; padding: .7em 1.1em; } .mz-hint-message:before { content: '\02295'; font-family: serif; font-size: 1.5em; speak: none; text-align: center; vertical-align: -2px; margin-right: 6px; } .mobile-magic .mz-hint-message:before { display: none; } .mz-hint-hidden { opacity: 0; z-index: -1; -webkit-transition-delay: .6s; transition-delay: .6s; } /* Hint in the expanded view on mobile */ .mz-expand .mz-hint { font-size: 18px; line-height: 1.1em; top: 50%; bottom: auto; margin: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .mz-expand .mz-hint-message { padding: 1.1em; } .mz-expand .mz-hint-message:before { display: none; } .mz-expand .mz-hint-hidden { opacity: 0; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } /* Loading indicator */ .mz-loading { font-size: 0; border-radius: 100%; opacity: 0; padding: 0; width: 36px; height: 36px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mz-loading:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 24px; height: 24px; margin: auto; text-indent: -9999em; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 1); border-top-color: transparent; box-sizing: border-box; } .mz-loading.shown { opacity: 1; z-index: 1; -webkit-transition: opacity 0s; transition: opacity 0s; } .mz-loading.shown:after { -webkit-animation: spin-loading .9s infinite linear; animation: spin-loading .9s infinite linear; } @-webkit-keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .lt-ie10-magic .mz-loading { border-radius: 2em; font-size: 12px; padding: .7em 1.1em; width: auto; height: auto; } .lt-ie10-magic .mz-loading:after { content: 'Loading...'; text-indent: 0; border: none; position: relative; } .lt-ie9-magic .mz-loading { filter: alpha(opacity=0); right: 0; left: 0; width: 126px; margin: auto; } .lt-ie9-magic .mz-hint-message, .lt-ie9-magic .mz-loading.shown { background: transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D'); } .lt-ie9-magic .mz-hint-hidden { filter: alpha(opacity=0); } /** * Expanded view */ .mz-expand, .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg, .mz-expand .mz-expand-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg { width: auto !important; height: auto !important; } .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > svg { min-width: 100% !important; min-height: 100% !important; } .mz-expand { background-color: rgba(0, 0, 0, 1); text-align: center; vertical-align: middle; display: block; overflow: hidden; z-index: 2100000000; position: fixed; width: auto; height: auto; -webkit-perspective: 600px; perspective: 600px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-overflow-style: none; } /* Expanded view background */ .mz-expand .mz-expand-bg { display: inline-block; max-width: none !important; max-height: none !important; margin: auto; vertical-align: middle; z-index: -100; background-repeat: no-repeat; background-size: cover; -webkit-perspective: 600px; perspective: 600px; -webkit-transform: translate3d(0, 0, 0) scale(7) rotate(0.01deg); transform: translate3d(0, 0 ,0) scale(7) rotate(0.01deg); } .mz-expand .mz-expand-bg > img { margin: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-expand .mz-expand-bg > img { filter: url("data:image/svg+xml;utf8,#blur"); -webkit-filter: blur(20px) brightness(60%); filter: blur(20px) brightness(60%); } .mz-expand .mz-expand-bg > svg { margin: auto; opacity: .6; } [data-magic-ua=edge] .mz-expand .mz-expand-bg, .lt-ie10-magic .mz-expand .mz-expand-bg { display: none !important; } .lt-ie9-magic .mz-expand { background: #1f1f1f; } [data-magic-ua=edge] .mz-expand { background-color: rgba(31, 31, 31, .96); } /** Plain backgrounds: dark-bg, white-bg **/ .mz-expand.plain-bg .mz-expand-bg, .mz-expand.dark-bg .mz-expand-bg, .mz-expand.white-bg .mz-expand-bg { display: none !important; } .mz-expand.dark-bg { background-color: #1f1f1f; background-color: rgba(31, 31, 31, .96); } .mz-expand.white-bg { background-color: #fff; } /* Expanded view stage */ .mz-expand .mz-expand-stage { display: flex; flex-direction: column; padding: 0; z-index: 2100000000; } .mz-expand .mz-expand-stage .mz-image-stage { display: flex; flex-direction: column; flex: 1 1; position: relative; margin: 0; padding: 20px 0; overflow: hidden; text-align: center; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding: 0 !important; left: 0; right: 0; } .mz-expand .mz-image-stage > figure { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 1; width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0; padding: 0; font-size: 0; overflow: hidden; } .mz-expand .mz-figure { max-width: 100% !important; overflow: visible; } .mz-expand .mz-figure > img { max-width: 100%; width: auto; height: auto; } .mz-expand .mz-zoom-in .mz-image-stage > figure, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active { flex: 1 0; width: 100%; height: 100%; } .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active > img { pointer-events: none; } .mz-expand .mz-figure { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mz-expand .mz-figure.mz-active { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } /* When inner zoom is always shown */ .mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img { z-index: 1; position: absolute !important; top: -5000px !important; bottom: -5000px !important; left: -5000px !important; right: -5000px !important; margin: auto !important; } .lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100); } .lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom { overflow: hidden; filter: alpha(opacity=100); } /* Caption in expanded view */ .mz-expand .mz-caption { flex: 0 0; color: #fff; text-shadow: 0px 0px 46px #000; padding: 10px 30px; font: normal 10pt/1.25 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-align: center; width: 100%; opacity: 0; } .mz-expand .mz-caption.mz-show { -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; opacity: 1; } .mz-expand .mz-zoom-in .mz-image-stage .mz-caption { display: none; } .mz-expand .mz-caption a { color: inherit; cursor: pointer; } .mz-expand.white-bg .mz-caption { color: #555; text-shadow: none; } .lt-ie9-magic .mz-expand .mz-caption { top: 100%; } .mz-expand .mz-zoom-window { box-shadow: none; background: transparent; } .lt-ie9-magic .mz-expand .mz-zoom-window { border: 0; } /* Expanded view on mobile */ @media screen and (max-device-width: 767px) { .mobile-magic .mz-expand .mz-image-stage .mz-caption { display: none !important; } } /** * Buttons & Arrows */ .mz-nav-controls, .mz-expand-controls, button.mz-button { margin: 0 !important; padding: 0 !important; outline: 0 !important; } .mz-nav-controls { z-index: 2100000000; } button.mz-button { color: rgba(180, 180, 180, .6) !important; font-size: 0; cursor: pointer; z-index: 2100000000 !important; background-color: transparent !important; border: 0 solid transparent !important; border-radius: 100% !important; box-shadow: none !important; position: absolute !important; text-transform: none !important; text-align: center; speak: none; width: 60px !important; height: 60px !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; -webkit-transition: color .25s, background-color .25s !important; transition: color .25s, background-color .25s !important; } button.mz-button:before { display: block; position: static; height: 100%; transform: scale(.9); -webkit-transition: -webkit-transform .25s !important; transition: transform .25s !important; } :root:not(.mobile-magic) button.mz-button:hover, button.mz-button:active { color: rgba(180, 180, 180, 1) !important; } button.mz-button:active:before { -webkit-transform: scale(.7) !important; transform: scale(.7) !important; } .mobile-magic .mz-expand button.mz-button:active { background-color: rgba(49, 51, 61, .7) !important; } button.mz-button.mz-button-prev, button.mz-button.mz-button-next { margin: auto 10px !important; top: 0 !important; bottom: 0 !important; overflow: hidden !important; } button.mz-button.mz-button-prev { left: 0 !important; transform: rotateZ(180deg) !important; } button.mz-button.mz-button-next { right: 0 !important; } button.mz-button.mz-button-close { margin: 10px !important; top: 0 !important; right: 0 !important; z-index: 95 !important; } button.mz-button.mz-button-close:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } button.mz-button.mz-button-prev:before, button.mz-button.mz-button-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } @supports( ((-webkit-mask-image:url()) or (mask-image:url())) and ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and ((-webkit-mask-position:center) or (mask-position:center)) and ((-webkit-mask-size:cover) or (mask-size:cover)) ) { button.mz-button:before { content: "" !important; background-color: currentColor; background-image: none; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; } button.mz-button.mz-button-close:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } button.mz-button.mz-button-prev:before, button.mz-button.mz-button-next:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } } @media screen and (max-device-width: 767px) { button.mz-button-prev, button.mz-button-next { display: none !important; } .mobile-magic .mz-expand button.mz-button.mz-button-close { width: 50px !important; height: 50px !important; color: rgb(180, 180, 180) !important; } .mobile-magic .mz-expand button.mz-button:before { transform: scale(.8); } } .lt-ie9-magic button.mz-button { border: 0; filter: alpha(opacity=75); } .lt-ie9-magic button.mz-button:hover { filter: alpha(opacity=100); } /* Arrows on the main image on the page */ .mz-figure .mz-nav-controls button.mz-button { display: none; width: 32px !important; height: 56px !important; margin: auto 0 !important; padding: 0 !important; border: 0 !important; } .mz-figure.mz-show-arrows .mz-nav-controls button.mz-button { display: block; } /** * Thumbnails */ /** Thumbnails on the page **/ a[data-zoom-id], .mz-thumb, .mz-thumb:focus { display: inline-block; line-height: 0; outline: none; } a[data-zoom-id] img, .mz-thumb img { padding-bottom: 4px; border: 0; border-bottom: 2px solid transparent; box-sizing: border-box; } .mz-thumb:not(.mz-thumb-selected):hover img { border-bottom-color: rgba(180, 180, 180, .3); } .mz-thumb.mz-thumb-selected img { border-bottom-color: rgb(180, 180, 180); } /** Thumbnails in expanded view **/ .mz-expand-thumbnails { flex: 0 0 80px; position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 10px 0; z-index: 50; overflow: hidden; } .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand-thumbnails, :root[data-magic-ua=firefox] .mz-expand-thumbnails { height: 80px; } .mz-expand-thumbnails .magic-thumb > img { cursor: pointer; padding-bottom: 4px; border: 0; border-bottom: 2px solid transparent; } .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img { border-bottom-color: rgba(180, 180, 180, .3); } .mz-expand-thumbnails .magic-thumb.magic-thumb-selected img { border-bottom-color: rgb(180, 180, 180); } .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button { box-shadow: none; } /** Thumbnails on the left in expanded view with .expand-thumbnails-left class **/ @media not screen and (max-device-width: 767px) and (orientation: portrait) { .mz-expand.expand-thumbnails-left .mz-expand-stage { flex-direction: row-reverse; } .mz-expand.expand-thumbnails-left .mz-expand-thumbnails { padding: 0 10px; height: 100%; overflow: hidden; } .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails, :root[data-magic-ua=firefox] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails { width: 80px; height: 100%; } @media not screen and (max-device-width: 767px) { .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical { height: calc(100% - 40px); margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-device-width: 767px) { .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical.no-buttons { height: calc(100% - 40px); margin-top: 20px; margin-bottom: 20px; } } } /** Hide thumbnails in expanded view with .no-expand-thumbnails class **/ .mz-expand.no-expand-thumbnails .mz-expand-thumbnails { display: none; } /** Thumbnails shaded style (improved previous one) **/ .thumbnails-style-shaded.mz-thumb img { border: 0 !important; padding-bottom: 0; box-shadow: 0 0 1px 0px rgba(0, 0, 0, .3); } .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img { -webkit-filter: brightness(.7); filter: brightness(.7); } .thumbnails-style-shaded.mz-thumb-selected img { -webkit-filter: brightness(.7) opacity(.7); filter: brightness(.7) opacity(.7); } .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb > img { border: 0 ; padding-bottom: 0; box-shadow:0 0 5px 1px rgba(0, 0, 0, .3); } .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover { -webkit-filter: brightness(.75); filter: brightness(.75); } .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img { -webkit-filter: brightness(.7) opacity(.7); filter: brightness(.7) opacity(.7); } .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected { background: #000; } .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img { opacity: .75; filter: alpha(opacity=75); } .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img { opacity: .7; filter: alpha(opacity=70); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb { position: relative; } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; z-index: 100; pointer-events: none; background-color: rgba(0, 0, 0, 0); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected):after { background-color: rgba(0, 0, 0, 0.2); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb.magic-thumb-selected:after { background-color: rgba(0, 0, 0, 0.3); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb img { position: relative; z-index: 1; } .ie9-magic .thumbnails-style-shaded.mz-thumb img { box-shadow: 0 0 4px 0px rgba(0, 0, 0, .3); } .magic-thumbs, .magic-thumbs .magic-thumbs-wrapper, .magic-thumbs ul, .magic-thumbs li, .magic-thumbs li:before, .magic-thumbs li:after, .magic-thumbs li img, .magic-thumbs .magic-thumbs-button { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .magic-thumbs { direction: ltr; overflow: visible; z-index: 100; position: relative; left: 0; top: 0; padding: 0 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -ms-touch-action: none; touch-action: none; } .magic-thumbs { width: 100%; height: 100%; white-space: nowrap; } .magic-thumbs.no-buttons { padding: 0 !important; } .magic-thumbs-wrapper { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; } .magic-thumbs ul { list-style: none; font-size: 0; display: inline-block; vertical-align: middle; height: 100%; position: relative; white-space: nowrap; } .magic-thumbs.no-buttons ul { left: 0 !important; padding: 0 !important; -webkit-transition: none !important; transition: none !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .magic-thumbs ul li { margin: 0 4px; height: 100%; width: auto; vertical-align: top; line-height: 0; display: inline-block; } .magic-thumbs ul li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .magic-thumbs ul li > img { width: auto; height: auto; max-width: none !important; max-height: 100% !important; vertical-align: middle; } .ie8-magic .magic-thumbs ul li > img { max-width: none !important; max-height: none !important; } /* vertical */ .magic-thumbs.magic-thumbs-vertical { height: 100%; } .magic-thumbs-vertical { padding: 40px 0; } .magic-thumbs-vertical ul { height: auto; width: 100%; white-space: normal; } .magic-thumbs-vertical ul li { width: 100%; height: auto; } .magic-thumbs-vertical ul li { margin: 4px 0; } .magic-thumbs-vertical ul li > img { max-width: 100% !important; max-height: none !important; } .ie8-magic .magic-thumbs-vertical ul li > img { width: 100%; } /** * Buttons */ .magic-thumbs button.magic-thumbs-button { color: rgba(180, 180, 180, .6) !important; font-size: 0; cursor: pointer; z-index: 90 !important; background-repeat: no-repeat; background-color: transparent !important; background-image: none; border: 0; border-radius: 100%; box-shadow: none !important; overflow: hidden; position: absolute; text-transform: none !important; speak: none; text-align: center; width: 33px; height: 33px; top: 0; bottom: 0; margin: auto 3px; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; -webkit-transition: color .25s, background-color .25s !important; transition: color .25s, background-color .25s !important; } .magic-thumbs button.magic-thumbs-button:before { display: block; position: static; height: 100%; transform: scale(1); -webkit-transition: -webkit-transform .25s !important; transition: transform .25s !important; } .mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled), :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover, .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active { color: rgba(180, 180, 180, 1) !important; } .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active:before { -webkit-transform: scale(.7) !important; transform: scale(.7) !important; } .mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active { background-color: rgba(49, 51, 61, .7) !important; } .magic-thumbs .magic-thumbs-button-prev { left: 0; transform: rotateZ(180deg) !important; } .magic-thumbs .magic-thumbs-button-next { right: 0; } .magic-thumbs-vertical button.magic-thumbs-button { top: auto; right: 0; bottom: auto; left: 0; margin: 3px auto; } .magic-thumbs-vertical button.magic-thumbs-button-prev { top: 0; transform: rotateZ(-90deg) !important; } .magic-thumbs-vertical button.magic-thumbs-button-next { bottom: 0; transform: rotateZ(90deg) !important; } .magic-thumbs .magic-thumbs-button-prev:before, .magic-thumbs .magic-thumbs-button-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } @supports( ((-webkit-mask-image:url()) or (mask-image:url())) and ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and ((-webkit-mask-position:center) or (mask-position:center)) and ((-webkit-mask-size:cover) or (mask-size:cover)) ) { .magic-thumbs button.magic-thumbs-button:before { content: "" !important; background-color: currentColor; background-image: none; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; } .magic-thumbs .magic-thumbs-button-prev:before, .magic-thumbs .magic-thumbs-button-next:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } } .magic-thumbs.no-buttons .magic-thumbs-button { display: none !important; } .magic-thumbs-button-disabled { opacity: 0.2; filter: alpha(opacity = 20); } /* NOTE: contaner with main image and selector's container */ div.MagicToolboxContainer { text-align: center; } /* div.MagicToolboxContainer.minWidth { min-width: 250px; } */ /* NOTE: main image styles */ div.MagicToolboxContainer > a { margin: 0 auto; } /* NOTE: container with selectors */ div.MagicToolboxSelectorsContainer { clear: both; } /* NOTE: selectors styles */ div.MagicToolboxSelectorsContainer a { display: inline-block; margin: 4px; } /* NOTE: contaner with message under Magic Zoom Plus */ div.MagicToolboxMessage { text-align: center; } /* NOTE: styles for templates */ div.MagicToolboxMainContainer { max-width: 100%; } div.MagicToolboxSelectorsContainer img { max-width: 100%; } /* NOTE: selectors on the bottom */ div.MagicToolboxContainer.selectorsBottom .MagicToolboxSelectorsContainer { padding-top: 5px; } /* NOTE: selectors on the top */ div.MagicToolboxContainer.selectorsTop .MagicToolboxSelectorsContainer { padding-bottom: 5px; } /* NOTE: to highlight magic360 selector (magiczoom(plus) + magic360) */ .zoom-with-360 img { padding-bottom: 0px !important; border-bottom:none !important; } .zoom-with-360.mz-thumb-selected img { -webkit-filter: none; filter: none; } .zoom-with-360.mz-thumb:hover:not(.active-selector) img, .zoom-with-360.m360-selector:hover:not(.active-selector) img { -webkit-filter: brightness(70%) !important; filter: brightness(70%) !important; } .zoom-with-360.active-selector img { -webkit-filter: brightness(50%) !important; filter: brightness(50%) !important; } /* NOTE: IE fix */ .no-cssfilters-magic .zoom-with-360.mz-thumb-selected img { opacity: 1; filter: alpha(opacity=100); } /*.no-cssfilters-magic .zoom-with-360.mz-thumb,*/ .no-cssfilters-magic .zoom-with-360.m360-selector { background: #000; } /*.no-cssfilters-magic .zoom-with-360.mz-thumb:hover:not(.active-selector) img,*/ .no-cssfilters-magic .zoom-with-360.m360-selector:hover:not(.active-selector) img { opacity: .7; filter: alpha(opacity=70); } .no-cssfilters-magic .zoom-with-360.active-selector img { opacity: .5; filter: alpha(opacity=50); } /*.mz-thumb, .mz-thumb:focus,*/ .zoom-with-360.m360-selector, .zoom-with-360.m360-selector:focus { display: inline-block; line-height: 0; outline: none; } /* NOTE: border for magic360 selector */ .zoom-with-360.m360-selector img { border: 0; box-shadow: 0 0 1px 0px rgba(0,0,0,0.3); box-sizing: border-box; } .ie9-magic .zoom-with-360.m360-selector { box-shadow: 0 0 4px 0px rgba(0,0,0,0.3); } /* NOTE: magicscroll makes the image smaller if there is a margin */ /* .MagicScrollItem a { margin: 0 !important; } */ div.MagicToolboxContainer.selectorsLeft, div.MagicToolboxContainer.selectorsRight { display: -ms-flex; display: -webkit-flex; display: flex; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer { min-height: 300px; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer, div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer { flex-grow: 1; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer, div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer { /*font-size:0px;*/ } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer a, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer a { margin:0 0 10px 0; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer { } div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer { } div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer { width: auto; padding-left: 10px; } div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer { width: auto; padding-right: 10px; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer { position: relative; display: flex; flex-direction: column; flex-shrink: 0; } @media only screen and (min-width: 768px) { div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll { height: 100%; flex:1; } } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll a, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll a { margin: 0; } @media only screen and (max-width: 767px) { div.MagicToolboxContainer.selectorsLeft, div.MagicToolboxContainer.selectorsRight { flex-direction: column; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer { order:2; width: 100% !important; margin-bottom:10px; min-height: 0px; flex:auto; flex-basis: auto !important; display: block !important; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer a, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer a { margin:10px 5px; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer, div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer { order:1; padding:0px; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer:after, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer:after { content: none; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll { height: auto; } div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll, div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll { margin: 10px 0 0 0; } } div.MagicToolboxContainer.selectorsBottom .MagicToolboxSelectorsContainer a { display: inline-block; vertical-align: middle; } div.MagicToolboxContainer.selectorsTop .MagicToolboxSelectorsContainer a { display: inline-block; vertical-align: middle; } div.MagicToolboxContainer.placeholder { /*height: 100%;*/ /*width: 100%;*/ width: auto !important; height: auto !important; } div.MagicToolboxContainer.placeholder span.align-helper { display: inline-block; height: 100%; vertical-align: middle; } div.MagicToolboxContainer.placeholder img { display: inline-block; vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; } /* NOTE: to highlight thumbnails (magiczoom(plus) + magic360 + videos) */ .mt-thumb-switcher.mz-thumb-selected img { -webkit-filter: none; filter: none; border-bottom: 2px solid transparent; } .mt-thumb-switcher.mz-thumb:hover:not(.active-selector) img, .mt-thumb-switcher.m360-selector:hover:not(.active-selector) img, .mt-thumb-switcher.video-selector:hover:not(.active-selector) img { -webkit-filter: brightness(70%) !important; filter: brightness(70%) !important; border-bottom-color: rgba(180, 180, 180, .3) !important; } .mt-thumb-switcher.active-selector img { -webkit-filter: brightness(50%) !important; filter: brightness(50%) !important; border-bottom-color: rgb(180, 180, 180) !important; } /* NOTE: IE fix */ .no-cssfilters-magic .mt-thumb-switcher.mz-thumb-selected img { opacity: 1; filter: alpha(opacity=100); } .no-cssfilters-magic .mt-thumb-switcher.m360-selector, .no-cssfilters-magic .mt-thumb-switcher.video-selector { background: #000; } .no-cssfilters-magic .mt-thumb-switcher.m360-selector:hover:not(.active-selector) img, .no-cssfilters-magic .mt-thumb-switcher.video-selector:hover:not(.active-selector) img { opacity: .7; filter: alpha(opacity=70); } .no-cssfilters-magic .mt-thumb-switcher.active-selector img { opacity: .5; filter: alpha(opacity=50); } .mt-thumb-switcher.m360-selector, .mt-thumb-switcher.m360-selector:focus, .mt-thumb-switcher.video-selector, .mt-thumb-switcher.video-selector:focus { display: inline-block; line-height: 0; outline: none; } /* NOTE: borders for 360 and video selectors */ .mt-thumb-switcher.m360-selector img, .mt-thumb-switcher.video-selector img { border: 0; /* box-shadow: 0 0 1px 0px rgba(0,0,0,0.3); */ padding-bottom: 4px; border-bottom: 2px solid transparent; box-sizing: border-box; } .ie9-magic .mt-thumb-switcher.m360-selector, .ie9-magic .mt-thumb-switcher.video-selector { box-shadow: 0 0 4px 0px rgba(0,0,0,0.3); } .products-list .product-items .MagicToolboxContainer { padding: 0 30px 30px 0; display: table-cell; } /* NOTE: styles for responsive video container */ #mtVideoContainer { width: auto !important; height: auto !important; } #mtVideoContainer > div { position: relative; height: 0px; padding-bottom: 56.25%; } #mtVideoContainer > div iframe { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } /* NOTE: to add 'play' icon over video thumbnails */ a.mt-thumb-switcher.video-selector { position: relative; } a.mt-thumb-switcher.video-selector:before { content: ''; position: absolute; color: #fff; text-shadow: 0px 1px 10px #000; top: 50% !important; left: 50% !important; display: inline-block; transform: translateY(-50%) translateX(-50%) !important; -webkit-transform: translateY(-50%) translateX(-50%) !important; z-index: 100; width: 36px !important; height: 36px !important; border-radius: 50%; background-repeat: no-repeat; background-color: rgba(0,0,0,0.3) !important; background-size: 50%; background-position: center center; } a.mt-thumb-switcher.video-selector:after { content: ''; width: 12px; height: 16px !important; border-top: 8px solid transparent; border-left: 12px solid rgba(255,255,255,0.7); border-bottom: 8px solid transparent; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin-left: 1px; box-sizing: border-box !important; z-index: 101; } /* NOTE: image is not vertically aligned due to the previous style (within MagicScroll) */ .MagicToolboxSelectorsContainer .mcs-item a.mt-thumb-switcher.video-selector img { height: 100%; } a.mt-thumb-switcher.video-selector:hover:before { background-color: rgba(0,0,0,0.7) !important; } a.mt-thumb-switcher.video-selector:hover:after { border-left-color: rgba(255,255,255,1); } /* NOTE: MagicScroll makes the image smaller if there is a margin */ .MagicToolboxSelectorsContainer .mcs-item a { margin: 0 !important; } .MagicToolboxSelectorsContainer.hidden-container { display: none; } /* Magic Scroll v2.0.55 Copyright 2023 Magic Toolbox Buy a license: https://www.magictoolbox.com/magicscroll/ License agreement: https://www.magictoolbox.com/license/ */ .MagicScroll, .mcs-caption, .mcs-button, .mcs-item, .mcs-item img, .mcs-item > *, .mcs-bullet, .mcs-bullet:before, .mcs-bullet:after, .mcs-wrapper, .mcs-items-container { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .MagicScroll, .mcs-item, .mcs-item a, .mcs-item img, .mcs-items-container { position: relative; } .MagicScroll, .mcs-item, .mcs-wrapper, .mcs-items-container { overflow: hidden; direction: ltr; } .mcs-wrapper, .mcs-item img { line-height: 100%; } .MagicScroll { z-index: 1; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; -moz-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .MagicScroll.mcs-height-auto .mcs-item > a { width: 100%; } .MagicScroll > a { height: 100%; } .MagicScroll > a > img { max-height: 100%; } .MagicScroll.mcs-height-auto { height: auto !important; } .MagicScroll.MagicScroll-horizontal { -moz-touch-action: pan-y; -ms-touch-action: pan-y; touch-action: pan-y; } .MagicScroll.MagicScroll-vertical { -moz-touch-action: pan-x; -ms-touch-action: pan-x; touch-action: pan-x; } body.mcs-dragging { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } body.mcs-dragging .MagicScroll, body.mcs-dragging button.mcs-button.mcs-horizontal.mcs-button-arrow { cursor: inherit; } .mcs-item, .MagicScroll figure, /*.mcs-item img,*/ .mcs-item .mcs-caption { display: inline-block; } .MagicScroll .mcs-item img { pointer-events: none; } .mcs-item img { display: inline-block !important; } .MagicScroll > * { display: inline-block; max-width: 100%; } .MagicScroll > *:first-child { visibility: hidden; } .MagicScroll > *:nth-child(n+2) { display: none; } .MagicScroll > a { line-height: 100%; } .MagicScroll img { visibility: hidden; } .MagicScroll .mcs-item img { visibility: visible; float: none !important; } .mcs-button, .mcs-bullets, .mcs-wrapper { position: absolute; } .MagicScroll:before, .MagicScroll figcaption:before { content: ''; display: inline-block; vertical-align: top; height: 0; } .mcs-wrapper { top: 0; right: 0; bottom: 0; left: 0; vertical-align: top; z-index: 100; } .mcs-items-container { text-align: center; overflow: visible; width: 100%; height: 100%; } .mcs-item { top: 0; left: 0; zoom: 1; /*font-size: 9pt !important;*/ font-size: 0; line-height: 100%; max-width: 100%; } .mcs-item:after, .mcs-item > a:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .MagicScroll-horizontal .mcs-item { height: 100%; } .MagicScroll-vertical .mcs-item { display: block; width: 100%; } .mcs-item > a, .MagicScroll-horizontal .mcs-items-container > * { display: inline-block; } .mcs-item a, .mcs-item img { border: none; max-width: 100%; max-height: 100%; } .mcs-item a { height: 100%; } .mcs-item img { width: auto; height: auto; vertical-align: middle; } .MagicScroll figure { position: relative; vertical-align: middle; font-size: 0; margin: 0; max-width: 100%; max-height: 100%; line-height: normal; } .lt-ie9-magic .mcs-item > a > img { position: static; } .lt-ie9-magic figcaption { display: block; } .lt-ie10-magic .mcs-item a img { border: none; } .ie7-magic .mcs-item img, .ie7-magic .MagicScroll-vertical .mcs-item a { display: inline-block; } .ie7-magic .MagicScroll-horizontal .mcs-item { display: inline; } .mcs-button { display: block; } .MagicScroll .mcs-hidden { display: none !important; visibility: hidden !important; } .ie11-magic .MagicScroll[data-mode="scroll"] .mcs-items-container, .MagicScroll[data-mode="carousel"] .mcs-items-container, .MagicScroll[data-mode="cover-flow"] .mcs-items-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; } .MagicScroll[data-mode="carousel"] .mcs-item, .MagicScroll[data-mode="cover-flow"] .mcs-item { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .MagicScroll figcaption { display: inline-block; position: relative; left: 0; float: left; width: 100%; line-height: 100%; clear: both; z-index: 150; } .MagicScroll figcaption, .MagicScroll[data-mode="carousel"] .mcs-item .mcs-caption, .MagicScroll[data-mode="cover-flow"] .mcs-item .mcs-caption { left: 50%; -webkit-transform: translateZ(1px) translateX(-50%); transform: translateZ(1px) translateX(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lt-ie9-magic .MagicScroll figcaption, .lt-ie9-magic .MagicScroll figure img { float: right; } .MagicScroll .mcs-reflection { -webkit-transform: translateZ(-1px); position: absolute; display: inline-block; left: 0px; z-index: 1; } .MagicScroll .mcs-item.mcs-noimg { background: url("data:image/png;base64,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") center center no-repeat; } /* * Caption */ .mcs-item .mcs-caption { display: inline-block; vertical-align: bottom; position: absolute; z-index: 150; } .MagicScroll[data-mode="cover-flow"] .mcs-item figcaption.mcs-caption, .MagicScroll[data-mode="carousel"] .mcs-item figcaption.mcs-caption { top: 100%; } .MagicScroll[data-mode="scroll"] .mcs-item figure, .MagicScroll[data-mode="animation"] .mcs-item figure { overflow: hidden; } .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption, .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption { left: 0; width: 100%; bottom: 0; -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-transform: translateY(150%); -ms-transform: translate(0, 150%); transform: translateY(150%); } .MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption, .MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption { -webkit-transform: translateY(0%); -ms-transform: translate(0, 0%); transform: translateY(0%); } .MagicScroll[data-mode="scroll"].caption-below .mcs-caption, .MagicScroll[data-mode="animation"].caption-below .mcs-caption { -webkit-transition: none; transition: none; -webkit-transform: none; -ms-transform: none; transform: none; } .lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption, .lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption { bottom: -150%; } .lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption, .lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption { bottom: 0%; } /** * Buttons & Arrows */ .mcs-button { cursor: pointer; z-index: 1000; background-repeat: no-repeat; background-color: transparent; border: 0; border-radius: 0; -webkit-transition: opacity .25s linear; transition: opacity .25s linear; } .MagicScroll:hover > .mcs-button:hover { opacity: 1; } .mcs-button-arrow { z-index: 120; } .MagicScroll-horizontal .mcs-button-arrow { width: 40px; height: 100%; top: 0; } .MagicScroll-vertical .mcs-button-arrow { width: 100%; height: 40px; left: 0; } .MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; right: auto; top: 0; bottom: 0; } .MagicScroll-horizontal .mcs-button-arrow-next { left: auto; right: 0; top: 0; bottom: 0; } .MagicScroll-vertical .mcs-button-arrow-prev { top: 0; bottom: auto; left: 0; right: 0; } .MagicScroll-vertical .mcs-button-arrow-next { top: auto; bottom: 0; left: 0; right: 0; } .MagicScroll[data-mode="carousel"] .mcs-item, .MagicScroll[data-mode="cover-flow"] .mcs-item { overflow: visible; } /* * Bullets */ .mcs-bullets { text-align: center; display: inline-block !important; opacity: 0; top: 100%; } .mcs-bullets.show { opacity: 1.0; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .MagicScroll-horizontal .mcs-bullets { width: 100%; left: 0; } .MagicScroll-vertical .mcs-bullets { top: 0; left: 100%; display: inline-block; vertical-align: middle; } .mcs-bullet { border-radius: 50%; margin: 4px; cursor: pointer; display: inline-block; position: relative; text-indent: 9999px; vertical-align: middle; font: 0/0 a; color: transparent; outline: none; } .mcs-bullet.active { cursor: default; } /** * Animation mode */ [data-mode="animation"] div[data-action="exit"], [data-mode="animation"] div[data-action="enter"] { -webkit-animation-duration: 0.35s; animation-duration: 0.35s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } [data-mode="animation"] div[data-action="enter"] { -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1); animation-timing-function: cubic-bezier(.12,.37,.25,1); } [data-mode="animation"] .mcs-item { -webkit-animation-duration: 0; -webkit-transform: none; animation-name: none; animation-duration: 0; } [data-mode="animation"] .mcs-item[data-animation-nth="1"] { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } [data-mode="animation"] .mcs-item[data-animation-nth="2"] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } [data-mode="animation"] .mcs-item[data-animation-nth="3"] { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } [data-mode="animation"] .mcs-item[data-animation-nth="4"] { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } [data-mode="animation"] .mcs-item[data-animation-nth="5"] { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } [data-mode="animation"] .mcs-item[data-animation-nth="6"] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } [data-mode="animation"] .mcs-item[data-animation-nth="7"] { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; } [data-mode="animation"] .mcs-item[data-animation-nth="8"] { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } [data-mode="animation"] .mcs-item[data-animation-nth="9"] { -webkit-animation-delay: 0.55s; animation-delay: 0.55s; } [data-mode="animation"] .mcs-item[data-animation-nth="10"] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-entering], .MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-exited] { -webkit-transform: translateX(100000px); transform: translateX(100000px); } .MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-entering], .MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-exited] { -webkit-transform: translateX(-100000px); transform: translateX(-100000px); } .MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering], .MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] { -webkit-transform: translateY(100000px); transform: translateY(100000px); } .MagicScroll-vertical[data-mode="animation"] [data-backward] [data-entering], .MagicScroll-vertical[data-mode="animation"] [data-backward] [data-exited] { -webkit-transform: translateY(-100000px); transform: translateY(-100000px); } /** * SlideIn animation */ [data-mode="animation"] .mcs-item[data-action="exit"], .mcs-slidein[data-mode="animation"] .mcs-item[data-action="exit"] { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } [data-mode="animation"] .mcs-item[data-action="enter"], .mcs-slidein[data-mode="animation"] .mcs-item[data-action="enter"] { -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1); animation-timing-function: cubic-bezier(.12,.37,.25,1); -webkit-animation-duration: 0.35s; animation-duration: 0.35s; } /* Horizontal Forward */ .MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"], .mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] { -webkit-animation-name: h-forward-exit-slidein; animation-name: h-forward-exit-slidein; } .MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"], .mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] { -webkit-animation-name: h-forward-enter-slidein; animation-name: h-forward-enter-slidein; } @-webkit-keyframes h-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-600px); transform: translateX(-600px); } } @keyframes h-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-600px); transform: translateX(-600px); } } @-webkit-keyframes h-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px); } 100% { opacity: 1; -webkit-transform:translateX(0px); transform:translateX(0px); } } @keyframes h-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px); } 100% { opacity: 1; -webkit-transform:translateX(0px); transform:translateX(0px); } } /* Horizontal Backward */ .MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"], .mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] { -webkit-animation-name: h-backward-exit-slidein; animation-name: h-backward-exit-slidein; } .MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"], .mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] { -webkit-animation-name: h-backward-enter-slidein; animation-name: h-backward-enter-slidein; } @-webkit-keyframes h-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(600px); transform: translateX(600px); } } @keyframes h-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(600px); transform: translateX(600px); } } @-webkit-keyframes h-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(-180px); transform: translateX(-180px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes h-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(-180px); transform: translateX(-180px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } /* Vertical Forward */ .MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"], .mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] { -webkit-animation-name: v-forward-exit-slidein; animation-name: v-forward-exit-slidein; } .MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"], .mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] { -webkit-animation-name: v-forward-enter-slidein; animation-name: v-forward-enter-slidein; } @-webkit-keyframes v-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-600px); transform: translateY(-600px); } } @keyframes v-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-600px); transform: translateY(-600px); } } @-webkit-keyframes v-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(180px); transform: translateY(180px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes v-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(180px); transform: translateY(180px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } /* Vertical Backward */ .MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"], .mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] { -webkit-animation-name: v-backward-exit-slidein; animation-name: v-backward-exit-slidein; } .MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"], .mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] { -webkit-animation-name: v-backward-enter-slidein; animation-name: v-backward-enter-slidein; } @-webkit-keyframes v-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(600px); transform: translateY(600px); } } @keyframes v-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(600px); transform: translateY(600px); } } @-webkit-keyframes v-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(-180px); transform: translateY(-180px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes v-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(-180px); transform: translateY(-180px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } /** * Bounce animation */ .mcs-bounce[data-mode="animation"] .mcs-item[data-action="exit"] { -webkit-animation-timing-function: cubic-bezier(.84,0,1,1); animation-timing-function: cubic-bezier(.84,0,1,1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; /*-webkit-animation-delay: 0s; animation-delay: 0s;*/ } .mcs-bounce[data-mode="animation"] .mcs-item[data-action="enter"] { -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1); animation-timing-function: cubic-bezier(.12,.37,.25,1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } /* Horizontal Forward */ .mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] { -webkit-animation-name: h-forward-exit-bounce; animation-name: h-forward-exit-bounce; } .mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] { -webkit-animation-name: h-forward-enter-bounce; animation-name: h-forward-enter-bounce; } @-webkit-keyframes h-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) translateZ(-1px); } } @keyframes h-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) translateZ(-1px); } } @-webkit-keyframes h-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(3000px); transform: translateX(3000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 75% { -webkit-transform:translateX(10px); transform:translateX(10px); } 90% { -webkit-transform:translateX(-5px); transform:translateX(-5px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } @keyframes h-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(3000px); transform: translateX(3000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 75% { -webkit-transform:translateX(10px); transform:translateX(10px); } 90% { -webkit-transform:translateX(-5px); transform:translateX(-5px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } /* Horizontal Backward */ .mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] { -webkit-animation-name: h-backward-exit-bounce; animation-name: h-backward-exit-bounce; } .mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] { -webkit-animation-name: h-backward-enter-bounce; animation-name: h-backward-enter-bounce; } @-webkit-keyframes h-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) translateZ(-1px); } } @keyframes h-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) translateZ(-1px); } } @-webkit-keyframes h-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(-3000px); transform: translateX(-3000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 75% { -webkit-transform:translateX(-10px); transform:translateX(-10px); } 90% { -webkit-transform:translateX(5px); transform:translateX(5px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } @keyframes h-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(-3000px); transform: translateX(-3000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 75% { -webkit-transform:translateX(-10px); transform:translateX(-10px); } 90% { -webkit-transform:translateX(5px); transform:translateX(5px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } /* Vertical Forward */ .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="exit"] { -webkit-animation-name: v-forward-exit-bounce; animation-name: v-forward-exit-bounce; } .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="enter"] { -webkit-animation-name: v-forward-enter-bounce; animation-name: v-forward-enter-bounce; } .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering] { -webkit-transform: translateY(100000px); transform: translateY(100000px); } .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] { -webkit-transform: translateY(100000px); transform: translateY(100000px); } @-webkit-keyframes v-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes v-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes v-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(3000px); transform: translateY(3000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 75% { -webkit-transform:translateY(10px); transform:translateY(10px); } 90% { -webkit-transform:translateY(-5px); transform:translateY(-5px); } 100% { -webkit-transform:translateY(0px); transform:translateY(0px); } } @keyframes v-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(3000px); transform: translateY(3000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 75% { -webkit-transform:translateY(10px); transform:translateY(10px); } 90% { -webkit-transform:translateY(-5px); transform:translateY(-5px); } 100% { -webkit-transform:translateY(0px); transform:translateY(0px); } } /* Vertical Backward */ .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="exit"] { -webkit-animation-name: v-backward-exit-bounce; animation-name: v-backward-exit-bounce; } .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="enter"] { -webkit-animation-name: v-backward-enter-bounce; animation-name: v-backward-enter-bounce; } @-webkit-keyframes v-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes v-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes v-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(-3000px); transform: translateY(-3000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 75% { -webkit-transform:translateY(-10px); transform:translateY(-10px); } 90% { -webkit-transform:translateY(5px); transform:translateY(5px); } 100% { -webkit-transform:translateY(0px); transform:translateY(0px); } } @keyframes v-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(-3000px); transform: translateY(-3000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 75% { -webkit-transform:translateY(-10px); transform:translateY(-10px); } 90% { -webkit-transform:translateY(5px); transform:translateY(5px); } 100% { -webkit-transform:translateY(0px); transform:translateY(0px); } } /* * Arrows */ .MagicScroll-horizontal .mcs-button-arrow-prev:before, .MagicScroll-horizontal .mcs-button-arrow-next:before, .MagicScroll-vertical .mcs-button-arrow-prev:before, .MagicScroll-vertical .mcs-button-arrow-next:before { content: ""; top: 50%; left: 50%; width: 12px; height: 12px; position: absolute; border-width: 3px; border-color: rgba(49,51,61,0.6); border-style: solid; border-right: none; border-bottom: none; -webkit-transition: border-color .15s linear; transition: border-color .15s linear; } .MagicScroll-horizontal .mcs-button-arrow-prev:before { left: 62%; -webkit-transform: translate(-50%, -50%) rotateZ(-45deg); transform: translate(-50%, -50%) rotateZ(-45deg); } .MagicScroll-horizontal .mcs-button-arrow-next:before { left: 40%; -webkit-transform: translate(-50%, -50%) rotateZ(135deg); transform: translate(-50%, -50%) rotateZ(135deg); } .MagicScroll-vertical .mcs-button-arrow-prev:before { top: 62%; -webkit-transform: translate(-50%, -50%) rotateZ(45deg); transform: translate(-50%, -50%) rotateZ(45deg); } .MagicScroll-vertical .mcs-button-arrow-next:before { top: 40%; -webkit-transform: translate(-50%, -50%) rotateZ(-135deg); transform: translate(-50%, -50%) rotateZ(-135deg); } .mcs-button-arrow.mcs-disabled { opacity: 0.01 !important; } .MagicScroll > .mcs-button-arrow { /*font-size: 20px;*/ width: 30px; height: 30px; margin: auto; opacity: 0.6; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; right: auto; top: 0; bottom: 0; } .MagicScroll-horizontal .mcs-button-arrow-next { left: auto; right: 0; top: 0; bottom: 0; } .MagicScroll-vertical .mcs-button-arrow-prev { top: 0; bottom: auto; left: 0; right: 0; } .MagicScroll-vertical .mcs-button-arrow-next { top: auto; bottom: 0; left: 0; right: 0; } .MagicScroll:hover > .mcs-button-arrow:hover:not(.mcs-disabled) { opacity: 1; } .MagicScroll:hover > .mcs-button-arrow:hover:not(.mcs-disabled):before { border-color: rgba(49,51,61,1); } .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { width: 24px; height: 24px; border-radius: 3px; background: rgba(255, 255, 255, .75); box-shadow: 0 0 1px rgba(153, 153, 153, .5); -webkit-transition: background-color .15s linear; transition: background-color .15s linear; } .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before { width: 8px; height: 8px; } .MagicScroll-horizontal.MagicScroll-arrows-inside:hover > .mcs-button-arrow:hover:not(.mcs-disabled) { background-color: rgba(255, 255, 255, .96); } .MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev { left: 5px; } .MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next { right: 5px; } .MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev { top: 5px; } .MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next { bottom: 5px; } .lt-ie10-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { border: 1px solid rgba(153, 153, 153, .5); } .lt-ie9-magic .mcs-button-arrow:before { border-color: #83858B; } .lt-ie9-magic .MagicScroll:hover > .mcs-button-arrow:hover:before { border-color: #31333D; } .lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before { border-color: #31333D; } .lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { background: #fff; border: 1px solid #999; filter: alpha(opacity = 60); } .lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover { filter: alpha(opacity = 96); } .lt-ie9-magic .mcs-button-arrow.mcs-disabled { filter: alpha(opacity = 0.01) !important; } /* * Bullets */ .MagicScroll-horizontal .mcs-bullets { margin-top: 10px; } .MagicScroll-horizontal.MagicScroll-bullets { margin-bottom: 35px; } .MagicScroll-vertical .mcs-bullets { margin-left: 10px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .MagicScroll-vertical.MagicScroll-bullets { margin-right: 35px; } .mcs-bullet { width: 10px; height: 10px; background-color: #83858B; } .mcs-bullet:hover { background-color: #5a5a5a; } .mcs-bullet.active { background-color: transparent; border: 1px solid #5a5a5a; } /* Caption */ .mcs-item .mcs-caption { color: white; padding: 5px 0; font: normal 9pt/1.2em 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif; text-rendering: geometricPrecision; } .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption, .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption { background-color: #31333D; background-color: rgba(49,51,61,0.7); } .lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption, .lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption { filter: alpha(opacity=60); } /* Carousel & Cover Flow */ .MagicScroll[data-mode="carousel"], .MagicScroll[data-mode="cover-flow"] { background: #4f4f4f; } .MagicScroll[data-mode="carousel"] img, .MagicScroll[data-mode="cover-flow"] img { box-shadow: 0px 15px 30px -10px #000; } .MagicScroll[data-mode="carousel"] figcaption, .MagicScroll[data-mode="cover-flow"] figcaption { padding: 4px 0 0; font-size: 10pt; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, Helvetica, sans-serif; } /* Misc */ .MagicScroll.mcs-shadows { box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.15); } .MagicScroll.mcs-border .mcs-item { background: #fff; border: 1px solid #efefef; } .MagicScroll-horizontal.mcs-border .mcs-item { margin: 0 3px; } .MagicScroll-vertical.mcs-border .mcs-item { margin: 3px 0; } /* * Loader */ .mcs-loader { pointer-events: none; position: absolute; z-index: 1000; top: 0px; left: 0px; right: 0px; bottom: 0px; } .mcs-loader .mcs-loader-text { position:absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -35px; width:70px; height:20px; } .mcs-loader-circles { position:absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width:60px; height:60px; opacity: 1; -webkit-transform:scale(0.6); transform:scale(0.6); } .mcs-loader-circle { position:absolute; background-color:#ffffff; height:11px; width:11px; border-radius:50%; -webkit-animation-name:MagicCircle; -webkit-animation-duration:0.48s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; animation-name:MagicCircle; animation-duration:0.48s; animation-iteration-count:infinite; animation-direction:linear; } .mcs-loader-circle_01 { left:0; top:25px; -webkit-animation-delay:0.18s; animation-delay:0.18s; } .mcs-loader-circle_02 { left:7px; top:7px; -webkit-animation-delay:0.24s; animation-delay:0.24s; } .mcs-loader-circle_03{ left:25px; top:0; -webkit-animation-delay:0.3s; animation-delay:0.3s; } .mcs-loader-circle_04 { right:7px; top:7px; -webkit-animation-delay:0.36s; animation-delay:0.36s; } .mcs-loader-circle_05 { right:0; top:25px; -webkit-animation-delay:0.42s; animation-delay:0.42s; } .mcs-loader-circle_06 { right:7px; bottom:7px; -webkit-animation-delay:0.48s; animation-delay:0.48s; } .mcs-loader-circle_07{ left:25px; bottom:0; -webkit-animation-delay:0.54s; animation-delay:0.54s; } .mcs-loader-circle_08 { left:7px; bottom:7px; -webkit-animation-delay:0.6s; animation-delay:0.6s; } @-webkit-keyframes MagicCircle { 0%{background-color:#000000} 100%{background-color:#ffffff} } @keyframes MagicCircle { 0%{background-color:#000000} 100%{background-color:#ffffff} } .mcs-item-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 40px; height: 40px; background-size: cover; background-repeat: no-repeat; background: url('data:image/gif;base64,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') no-repeat center center; } .MagicScroll.mcs-rounded { border: 1px solid #e1e1e1; border-radius: 10px; overflow: hidden !important; } .MagicScroll.mcs-rounded.MagicScroll-arrows-inside { overflow: hidden !important; } .MagicScroll.mcs-rounded.MagicScroll-arrows-outside { overflow: visible !important; } .MagicScroll.mcs-rounded .mcs-button-arrow { color: rgba(49,51,61,0.6); -webkit-transition: color .15s linear, background-color .15s linear; transition: color .15s linear, background-color .15s linear; } .MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow { width: 30px; height: 100%; } .MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow { width: 100%; height: 30px; } .MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; border-radius: 10px 0 0 10px; } .MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-next { right: 0; border-radius: 0 10px 10px 0; } .MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-prev { top: 0; border-radius: 10px 10px 0 0; } .MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-next { bottom: 0; border-radius: 0 0 10px 10px; } .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled { opacity: 1 !important; color: rgba(49,51,61,.1); text-shadow: none !important; } .MagicScroll.mcs-rounded.MagicScroll-arrows-outside .mcs-button-arrow { background: #efefef; opacity: 1; box-shadow: 0 0 1px rgba(153, 153, 153, .5); } .MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow:hover:not(.mcs-disabled) { background-color: rgba(255, 255, 255, .96); color: rgba(49,51,61,1); } .MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow { background-color: rgba(255, 255, 255, .75); box-shadow: 0 0 1px rgba(153, 153, 153, .5); } .lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev { border-width: 0 1px 0 0; } .lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next { border-width: 0 0 0 1px; } .lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev { border-width: 0 0 1px 0; } .lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next { border-width: 1px 0 0 0; } .lt-ie9-magic .mcs-rounded.MagicScroll .mcs-button-arrow { color: #83858B; } .lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { background: #fff; filter: alpha(opacity = 75); } .lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover { filter: alpha(opacity = 96); } .lt-ie9-magic .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled { filter: alpha(opacity = 75) !important; color: #ccc; }