.sp-slider {
	overflow: hidden; position: relative; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.sp-slider .sp-indicator-container {
	background: rgb(255, 255, 255); transition-timing-function: linear; perspective: 1000px; -webkit-transition-timing-function: linear; -webkit-perspective: 1000px;
}
.sp-slider-outer-stage {
	background: rgb(255, 255, 255); transition-timing-function: linear; perspective: 1000px; -webkit-transition-timing-function: linear; -webkit-perspective: 1000px;
}
.sp-slider-outer-stage {
	overflow: hidden; position: relative; transition-property: transform, transform, width, scale; -webkit-transition-property: transform, -webkit-transform, width, scale;
}
.sp-slider.on-3d-active .sp-slider-outer-stage {
	background: orange;
}
.sp-slider .sp-indicator-container {
	left: 0px; top: 0px; width: 100%; height: 5px; position: absolute; z-index: 9; transition-property: transform, transform, width; transform-style: preserve-3d; -webkit-transition-property: transform, -webkit-transform, width;
}
.sp-slider .sp-indicator.line-indicator {
	background: red; left: 0px; top: 0px; width: 0px; height: 5px;
}
.sp-slider .sp-indicator.circle-indicator {
	background: 0px 0px; border-radius: 50%; top: 10px; width: 50px; height: 50px; right: 10px; display: inline-block;
}
.sp-slider .item-mask {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;
}
.sp-slider .sp-item {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;
}
.sp-slider .sp-item {
	visibility: hidden; position: absolute; transition-property: transform, transform, opacity, clip, clip-path; perspective: 1000px; transform-style: preserve-3d; will-change: transform; -webkit-perspective: 1000px; -webkit-transition-property: transform, -webkit-transform, opacity, -webkit-opacity, clip, clip-path;
}
.sp-slider .sp-dots ul li .dot-indicator {
	transition-timing-function: linear; -webkit-transition-timing-function: linear;
}
.sp-slider .sp-item {
	transition-timing-function: linear; -webkit-transition-timing-function: linear;
}
.sp-slider.sp-bubble-slider .sp-item {
	transition-timing-function: linear; -webkit-transition-timing-function: linear;
}
.sp-slider.sp-clip-slider .sp-item {
	transition-timing-function: ease; -webkit-transition-timing-function: ease;
}
.sp-slider.sp-fade-slider .sp-item {
	transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;
}
.sp-slider.sp-basic-slider .sp-item {
	transition-timing-function: cubic-bezier(0.51, 0.15, 0.2, 0.74); -webkit-transition-timing-function: cubic-bezier(.51, .15, .2, .74);
}
.sp-slider.sp-stack-slider .sp-item {
	transition-timing-function: cubic-bezier(0.42, 0, 0, 0.92); -webkit-transition-timing-function: cubic-bezier(.42, 0, 0, .92);
}
.sp-slider .sp-item .sp-background {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; backface-visibility: hidden; background-size: cover; -webkit-backface-visibility: hidden;
}
.sp-slider.on-3d-active .sp-item {
	visibility: hidden; z-index: 1; opacity: 0;
}
.sp-slider.on-3d-active .sp-item.active {
	opacity: 1; transform: translate3d(0px, 0px, -200px); -webkit-transform: translate3d(0, 0, -200px);
}
.sp-slider.on-3d-active .sp-item.next-3d {
	visibility: visible; z-index: 2; opacity: 1;
}
.sp-slider.on-3d-active .sp-item.prev-3d {
	visibility: visible; z-index: 2; opacity: 1;
}
.sp-slider.on-3d-active .sp-item.next-3d [data-layer=true] {
	visibility: hidden; opacity: 0;
}
.sp-slider.on-3d-active .sp-item.prev-3d [data-layer=true] {
	visibility: hidden; opacity: 0;
}
.sp-slider .item-mask {
	background-position: center; position: relative; background-repeat: no-repeat; background-size: cover;
}
.sp-slider .sp-item img {
	width: 100%; display: none;
}
.sp-slider .sp-item.next-item {
	z-index: 2;
}
.sp-slider .sp-item.active {
	visibility: visible; transform-style: preserve-3d;
}
.sp-slider .sp-item.dragenable {
	visibility: visible; transform-style: preserve-3d;
}
.sp-slider .sp-item.next-item {
	visibility: visible; transform-style: preserve-3d;
}
.sp-slider .sp-item.prev-item {
	visibility: visible; z-index: 1;
}
.sp-slider .sp-item [data-layer=true] {
	opacity: 0;
}
.sp-slider .sp-item.active [data-layer=true] {
	opacity: 1;
}
.sp-slider .sp-dots {
	width: 100%; height: 20px; margin-top: 5px; position: relative; z-index: 3;
}
.sp-slider .sp-nav-control {
	width: 100%; height: 20px; margin-top: 5px; position: relative; z-index: 3;
}
.sp-slider .sp-dots {
	left: 50%; bottom: 50px; position: absolute; transform: translateX(-50%);
}
.sp-slider .sp-dots ul li {
	background: rgba(255, 255, 255, 0.4); display: inline-block; cursor: pointer;
}
.sp-slider .sp-nav-control .nav-control {
	background: rgba(255, 255, 255, 0.4); display: inline-block; cursor: pointer;
}
.sp-slider .sp-nav-control .nav-control {
	padding: 10px; border: 1px solid rgb(171, 171, 171); border-image: none; width: 40px; height: 40px; text-align: center; bottom: 100px; position: absolute;
}
.sp-slider .sp-nav-control .nav-control.next-control {
	right: 0px;
}
.sp-slider .sp-nav-control .nav-control.prev-control {
	left: 0px;
}
.sp-slider .sp-dots ul {
	list-style: none; margin: -4px; padding: 0px; text-align: center;
}
.sp-slider .sp-dots ul li {
	margin: 5px; border-radius: 2px; border: 0px currentColor; border-image: none; width: 30px; height: 4px; position: relative;
}
.sp-slider .sp-dots ul li.active {
	width: 80px;
}
.sp-slider .sp-dots ul li .dot-indicator {
	border-radius: 2px; left: 0px; top: 0px; width: 0px; height: 4px; position: absolute; transition-property: transform, transform, width; perspective: 1000px; transform-style: preserve-3d; -webkit-perspective: 1000px; -webkit-transition-property: transform, -webkit-transform, width;
}
.sp-slider .sp-dots ul li .dot-indicator.active {
	background: rgb(255, 255, 255); border-radius: 2px; top: 0px; width: 100%;
}
.spin-circle-indicator {
	padding: 0px; top: 0px; width: 3em; height: 3em; right: 0px; position: relative; z-index: 9;
}
.spin-circle-indicator:hover {
	color: rgb(14, 183, 218);
}
.spin-circle-indicator::after {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; box-sizing: inherit;
}
.spin-circle-indicator::before {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; box-sizing: inherit;
}
.spin-circle-indicator::before {
	border: 2px solid transparent; border-image: none;
}
.spin-circle-indicator.start::before {
	border-top-color: rgb(251, 255, 0); border-right-color: rgb(251, 255, 0); border-bottom-color: rgb(251, 255, 0);
}
.spin-circle-indicator::after {
	border: 0px solid transparent; border-image: none;
}
.spin-circle-indicator.start::after {
	border-top-color: rgb(251, 255, 0); border-top-width: 2px; border-right-width: 2px; border-left-width: 2px; border-top-style: solid; transform: rotate(270deg);
}
.circle-indicator {
	top: 10px; right: 10px; position: absolute;
}
.sp-slider_number {
	left: 20px; bottom: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 22px; position: absolute; z-index: 9;
}
.sp-slider .sp-item .sp-video-background {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1;
}
.sp-slider .sp-item .sp-video-background iframe {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -2;
}
.sp-slider .sp-item .sp-video-background .sp-video-background-mask {
	background: rgba(0, 0, 0, 0.01); left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; position: absolute; z-index: 1;
}
.sp-slider .sp-item .sp-video-background .sp-video-background-mask .sp-video-control {
	right: 60px; bottom: 60px; position: absolute; cursor: pointer;
}