Swiper 6.1.2 Most modern mobile touch slider and framework with hardware accelerated transitions httpswiperjs.com Copyright 2014-2020 Vladimir Kharlampidi Released under the MIT License Released on August 17,
2020 @font-face {
	font-familyswiper-icons;
	srcurl('../fonts/1abd5f8d57864119a896f2da248f031a.woff') format('woff');
	font-weight400;
	font-stylenormal
}

root {
	--swiper-theme-color#007aff
}

.swiper-container {
	margin-leftauto;
	margin-rightauto;
	positionrelative;
	overflowhidden;
	list-stylenone;
	padding0;
	z-index1
}

.swiper-container-vertical.swiper-wrapper {
	flex-directioncolumn
}

.swiper-wrapper {
	positionrelative;
	width100%;
	height100%;
	z-index1;
	displayflex;
	transition-propertytransform;
	box-sizingcontent-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transformtranslate3d(0px, 0, 0)
}

.swiper-container-multirow.swiper-wrapper {
	flex-wrapwrap
}

.swiper-container-multirow-column.swiper-wrapper {
	flex-wrapwrap;
	flex-directioncolumn
}

.swiper-container-free-mode.swiper-wrapper {
	transition-timing-functionease-out;
	margin0 auto
}

.swiper-slide {
	flex-shrink0;
	width100%;
	height100%;
	positionrelative;
	transition-propertytransform
}

.swiper-slide-invisible-blank {
	visibilityhidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	heightauto
}

.swiper-container-autoheight .swiper-wrapper {
	align-itemsflex-start;
	transition-propertytransform,
	height
}

.swiper-container-3d {
	perspective1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	transform-stylepreserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	positionabsolute;
	left0;
	top0;
	width100%;
	height100%;
	pointer-eventsnone;
	z-index10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-imagelinear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-imagelinear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-imagelinear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-imagelinear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode.swiper-wrapper {
	overflowauto;
	scrollbar-widthnone;
	-ms-overflow-stylenone
}

.swiper-container-css-mode.swiper-wrapper-webkit-scrollbar {
	displaynone
}

.swiper-container-css-mode.swiper-wrapper.swiper-slide {
	scroll-snap-alignstart start
}

.swiper-container-horizontal.swiper-container-css-mode.swiper-wrapper {
	scroll-snap-typex mandatory
}

.swiper-container-vertical.swiper-container-css-mode.swiper-wrapper {
	scroll-snap-typey mandatory
}

root {
	--swiper-navigation-size44px
}

.swiper-button-next,
.swiper-button-prev {
	positionabsolute;
	top50%;
	widthcalc(var(--swiper-navigation-size) 44 27);
	heightvar(--swiper-navigation-size);
	margin-topcalc(-1 var(--swiper-navigation-size) 2);
	z-index10;
	cursorpointer;
	displayflex;
	align-itemscenter;
	justify-contentcenter;
	colorvar(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity.35;
	cursorauto;
	pointer-eventsnone
}

.swiper-button-nextafter,
.swiper-button-prevafter {
	font-familyswiper-icons;
	font-sizevar(--swiper-navigation-size);
	text-transformnone !important;
	letter-spacing0;
	text-transformnone;
	font-variantinitial;
	line-height1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left10px;
	rightauto
}

.swiper-button-prevafter,
.swiper-container-rtl .swiper-button-nextafter {
	content'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right10px;
	leftauto
}

.swiper-button-nextafter,
.swiper-container-rtl .swiper-button-prevafter {
	content'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
	--swiper-navigation-color#ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
	--swiper-navigation-color#000000
}

.swiper-button-lock {
	displaynone
}

.swiper-pagination {
	positionabsolute;
	text-aligncenter;
	transition.3s opacity;
	transformtranslate3d(0, 0, 0);
	z-index10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity0
}

.swiper-container-horizontal.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom10px;
	left0;
	width100%
}

.swiper-pagination-bullets-dynamic {
	overflowhidden;
	font-size0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transformscale(.33);
	positionrelative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transformscale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transformscale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transformscale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transformscale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transformscale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transformscale(.33)
}

.swiper-pagination-bullet {
	width8px;
	height8px;
	displayinline-block;
	border-radius100%;
	background#000;
	opacity.2
}

button.swiper-pagination-bullet {
	bordernone;
	margin0;
	padding0;
	box-shadownone;
	-webkit-appearancenone;
	-moz-appearancenone;
	appearancenone
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursorpointer
}

.swiper-pagination-bullet-active {
	opacity1;
	backgroundvar(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical.swiper-pagination-bullets {
	right10px;
	top50%;
	transformtranslate3d(0px, -50%, 0)
}

.swiper-container-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
	margin6px 0;
	displayblock
}

.swiper-container-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top50%;
	transformtranslateY(-50%);
	width8px
}

.swiper-container-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	displayinline-block;
	transition.2s transform,
	.2s top
}

.swiper-container-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin0 4px
}

.swiper-container-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left50%;
	transformtranslateX(-50%);
	white-spacenowrap
}

.swiper-container-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition.2s transform,
	.2s left
}

.swiper-container-horizontal.swiper-container-rtl.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition.2s transform,
	.2s right
}

.swiper-pagination-progressbar {
	backgroundrgba(0, 0, 0, .25);
	positionabsolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	backgroundvar(--swiper-pagination-color, var(--swiper-theme-color));
	positionabsolute;
	left0;
	top0;
	width100%;
	height100%;
	transformscale(0);
	transform-originleft top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-originright top
}

.swiper-container-horizontal.swiper-pagination-progressbar,
.swiper-container-vertical.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width100%;
	height4px;
	left0;
	top0
}

.swiper-container-horizontal.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical.swiper-pagination-progressbar {
	width4px;
	height100%;
	left0;
	top0
}

.swiper-pagination-white {
	--swiper-pagination-color#ffffff
}

.swiper-pagination-black {
	--swiper-pagination-color#000000
}

.swiper-pagination-lock {
	displaynone
}

.swiper-scrollbar {
	border-radius10px;
	positionrelative;
	-ms-touch-actionnone;
	backgroundrgba(0, 0, 0, .1)
}

.swiper-container-horizontal.swiper-scrollbar {
	positionabsolute;
	left1%;
	bottom3px;
	z-index50;
	height5px;
	width98%
}

.swiper-container-vertical.swiper-scrollbar {
	positionabsolute;
	right3px;
	top1%;
	z-index50;
	width5px;
	height98%
}

.swiper-scrollbar-drag {
	height100%;
	width100%;
	positionrelative;
	backgroundrgba(0, 0, 0, .5);
	border-radius10px;
	left0;
	top0
}

.swiper-scrollbar-cursor-drag {
	cursormove
}

.swiper-scrollbar-lock {
	displaynone
}

.swiper-zoom-container {
	width100%;
	height100%;
	displayflex;
	justify-contentcenter;
	align-itemscenter;
	text-aligncenter
}

.swiper-zoom-containercanvas,
.swiper-zoom-containerimg,
.swiper-zoom-containersvg {
	max-width100%;
	max-height100%;
	object-fitcontain
}

.swiper-slide-zoomed {
	cursormove
}

.swiper-lazy-preloader {
	width42px;
	height42px;
	positionabsolute;
	left50%;
	top50%;
	margin-left-21px;
	margin-top-21px;
	z-index10;
	transform-origin50%;
	animationswiper-preloader-spin 1s infinite linear;
	box-sizingborder-box;
	border4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius50%;
	border-top-colortransparent
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color#fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color#000
}

@keyframes swiper-preloader-spin {
	100% {
		transformrotate(360deg)
	}
}

.swiper-container .swiper-notification {
	positionabsolute;
	left0;
	top0;
	pointer-eventsnone;
	opacity0;
	z-index-1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-functionease-out
}

.swiper-container-fade .swiper-slide {
	pointer-eventsnone;
	transition-propertyopacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-eventsnone
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-eventsauto
}

.swiper-container-cube {
	overflowvisible
}

.swiper-container-cube .swiper-slide {
	pointer-eventsnone;
	-webkit-backface-visibilityhidden;
	backface-visibilityhidden;
	z-index1;
	visibilityhidden;
	transform-origin0 0;
	width100%;
	height100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-eventsnone
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-eventsauto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-eventsauto;
	visibilityvisible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index0;
	-webkit-backface-visibilityhidden;
	backface-visibilityhidden
}

.swiper-container-cube .swiper-cube-shadow {
	positionabsolute;
	left0;
	bottom0px;
	width100%;
	height100%;
	background#000;
	opacity.6;
	-webkit-filterblur(50px);
	filterblur(50px);
	z-index0
}

.swiper-container-flip {
	overflowvisible
}

.swiper-container-flip .swiper-slide {
	pointer-eventsnone;
	-webkit-backface-visibilityhidden;
	backface-visibilityhidden;
	z-index1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-eventsnone
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-eventsauto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index0;
	-webkit-backface-visibilityhidden;
	backface-visibilityhidden
}
