.swiper-container { list-style: none; margin: 0px auto; padding: 0px; overflow: hidden; position: relative; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; } .swiper-wrapper { width: 100%; height: 100%; display: flex; position: relative; z-index: 1; box-sizing: content-box; transition-property: transform, transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; -webkit-box-sizing: content-box; } .swiper-container-android .swiper-slide { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); } .swiper-wrapper { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { margin: 0px auto; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; } .swiper-slide { width: 100%; height: 100%; position: relative; transition-property: transform, transform; flex-shrink: 0; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; -webkit-flex-shrink: 0; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight { height: auto; } .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { transition-property: transform, height, transform; align-items: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; } .swiper-container-3d { perspective: 1200px; -webkit-perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .swiper-container-3d .swiper-slide { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-right { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-top { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-left { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-right { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-top { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next { background-position: center; top: 50%; width: 27px; height: 44px; margin-top: -22px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 27px 44px; } .swiper-button-prev { background-position: center; top: 50%; width: 27px; height: 44px; margin-top: -22px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 27px 44px; } .swiper-button-next.swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; } .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; } .swiper-button-prev { left: 10px; right: auto; } .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-next { left: auto; right: 10px; } .swiper-container-rtl .swiper-button-prev { left: auto; right: 10px; } .swiper-button-prev.swiper-button-white { } .swiper-container-rtl .swiper-button-next.swiper-button-white { } .swiper-button-next.swiper-button-white { } .swiper-container-rtl .swiper-button-prev.swiper-button-white { } .swiper-button-prev.swiper-button-black { } .swiper-container-rtl .swiper-button-next.swiper-button-black { } .swiper-button-next.swiper-button-black { } .swiper-container-rtl .swiper-button-prev.swiper-button-black { } .swiper-pagination { transition:opacity 0.3s; text-align: center; position: absolute; z-index: 10; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -webkit-transition: .3s opacity; -o-transition: .3s opacity; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets { left: 0px; width: 100%; bottom: 10px; } .swiper-pagination-custom { left: 0px; width: 100%; bottom: 10px; } .swiper-pagination-fraction { left: 0px; width: 100%; bottom: 10px; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(0.33); -webkit-transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); -webkit-transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); -webkit-transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); -webkit-transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); -webkit-transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); -webkit-transform: scale(.33); } .swiper-pagination-bullet { background: rgb(0, 0, 0); border-radius: 100%; width: 8px; height: 8px; display: inline-block; opacity: 0.2; } button.swiper-pagination-bullet { margin: 0px; padding: 0px; border: currentColor; border-image: none; box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { background: rgb(0, 126, 55); opacity: 1; } .swiper-container-vertical > .swiper-pagination-bullets { top: 50%; right: 10px; transform: translate3d(0px, -50%, 0px); -webkit-transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:transform 0.2s, top 0.2s, transform 0.2s; display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; -o-transition: .2s transform, .2s top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; white-space: nowrap; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:transform 0.2s, left 0.2s, transform 0.2s; -webkit-transition: .2s left, .2s -webkit-transform; -o-transition: .2s transform, .2s left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:transform 0.2s, right 0.2s, transform 0.2s; -webkit-transition: .2s right, .2s -webkit-transform; -o-transition: .2s transform, .2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(0, 126, 55); transform-origin: left top; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; transform: scale(0); -webkit-transform: scale(0); -webkit-transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; -webkit-transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar { left: 0px; top: 0px; width: 100%; height: 4px; } .swiper-container-vertical > .swiper-pagination-progressbar { left: 0px; top: 0px; width: 4px; height: 100%; } .swiper-pagination-white .swiper-pagination-bullet-active { background: rgb(255, 255, 255); } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: rgb(255, 255, 255); } .swiper-pagination-black .swiper-pagination-bullet-active { background: rgb(0, 0, 0); } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: rgb(0, 0, 0); } .swiper-scrollbar { background: rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; -ms-touch-action: none; } .swiper-container-horizontal > .swiper-scrollbar { left: 1%; width: 98%; height: 5px; bottom: 3px; position: absolute; z-index: 50; } .swiper-container-vertical > .swiper-scrollbar { top: 1%; width: 5px; height: 98%; right: 3px; position: absolute; z-index: 50; } .swiper-scrollbar-drag { background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; width: 100%; height: 100%; position: relative; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-zoom-container { width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center; } .swiper-zoom-container > canvas { max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-zoom-container > img { max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-zoom-container > svg { max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { transform-origin: 50% 50%; animation:swiper-preloader-spin 1s steps(12, end) infinite; left: 50%; top: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; z-index: 10; -webkit-transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader::after { background-position: 50%; width: 100%; height: 100%; display: block; content: ""; background-repeat: no-repeat; background-size: 100%; } .swiper-lazy-preloader-white::after { } .swiper-container .swiper-notification { left: 0px; top: 0px; position: absolute; z-index: -1000; opacity: 0; pointer-events: none; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active { pointer-events: auto; } .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { transform-origin: 0% 0%; width: 100%; height: 100%; visibility: hidden; z-index: 1; pointer-events: none; backface-visibility: hidden; -webkit-transform-origin: 0 0; -webkit-backface-visibility: hidden; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0%; -webkit-transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active { visibility: visible; pointer-events: auto; } .swiper-container-cube .swiper-slide-next { visibility: visible; pointer-events: auto; } .swiper-container-cube .swiper-slide-next + .swiper-slide { visibility: visible; pointer-events: auto; } .swiper-container-cube .swiper-slide-prev { visibility: visible; pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-bottom { z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .swiper-container-cube .swiper-slide-shadow-left { z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { background: rgb(0, 0, 0); left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; z-index: 0; opacity: 0.6; -webkit-filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom { z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .swiper-container-flip .swiper-slide-shadow-left { z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { perspective: 1200px; }