@charset "UTF-8";

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1
}

.animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animate__animated.animate__infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: var(--animate-repeat);
	animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
	-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
	animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
	-webkit-animation-iteration-count: 3;
	animation-iteration-count: 3;
	-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
	animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-delay: var(--animate-delay);
	animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-delay: calc(var(--animate-delay)*2);
	animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-delay: calc(var(--animate-delay)*3);
	animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-delay: calc(var(--animate-delay)*4);
	animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-delay: calc(var(--animate-delay)*5);
	animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-duration: calc(var(--animate-duration)/2);
	animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.8);
	animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-duration: calc(var(--animate-duration)*2);
	animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-duration: calc(var(--animate-duration)*3);
	animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
	.animate__animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important
	}

	.animate__animated[class*=Out] {
		opacity: 0
	}
}

@-webkit-keyframes bounce {

	0%,
	20%,
	53%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
		transform: translate3d(0, -30px, 0) scaleY(1.1)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
		transform: translate3d(0, -15px, 0) scaleY(1.05)
	}

	80% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0) scaleY(.95);
		transform: translateZ(0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
		transform: translate3d(0, -4px, 0) scaleY(1.02)
	}
}

@keyframes bounce {

	0%,
	20%,
	53%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
		transform: translate3d(0, -30px, 0) scaleY(1.1)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
		transform: translate3d(0, -15px, 0) scaleY(1.05)
	}

	80% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0) scaleY(.95);
		transform: translateZ(0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
		transform: translate3d(0, -4px, 0) scaleY(1.02)
	}
}

.animate__bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	0%,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.animate__flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.animate__pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.animate__rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shakeX {

	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shakeX {

	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.animate__shakeX {
	-webkit-animation-name: shakeX;
	animation-name: shakeX
}

@-webkit-keyframes shakeY {

	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
}

@keyframes shakeY {

	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
}

.animate__shakeY {
	-webkit-animation-name: shakeY;
	animation-name: shakeY
}

@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.animate__headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

.animate__swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.animate__tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes jello {

	0%,
	11.1%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

@keyframes jello {

	0%,
	11.1%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.animate__jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.animate__heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-duration: calc(var(--animate-duration)*1.3);
	animation-duration: calc(var(--animate-duration)*1.3);
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
	0% {
		-webkit-transform: translateY(-1200px) scale(.7);
		transform: translateY(-1200px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes backInDown {
	0% {
		-webkit-transform: translateY(-1200px) scale(.7);
		transform: translateY(-1200px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInDown {
	-webkit-animation-name: backInDown;
	animation-name: backInDown
}

@-webkit-keyframes backInLeft {
	0% {
		-webkit-transform: translateX(-2000px) scale(.7);
		transform: translateX(-2000px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes backInLeft {
	0% {
		-webkit-transform: translateX(-2000px) scale(.7);
		transform: translateX(-2000px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInLeft {
	-webkit-animation-name: backInLeft;
	animation-name: backInLeft
}

@-webkit-keyframes backInRight {
	0% {
		-webkit-transform: translateX(2000px) scale(.7);
		transform: translateX(2000px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes backInRight {
	0% {
		-webkit-transform: translateX(2000px) scale(.7);
		transform: translateX(2000px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInRight {
	-webkit-animation-name: backInRight;
	animation-name: backInRight
}

@-webkit-keyframes backInUp {
	0% {
		-webkit-transform: translateY(1200px) scale(.7);
		transform: translateY(1200px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes backInUp {
	0% {
		-webkit-transform: translateY(1200px) scale(.7);
		transform: translateY(1200px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInUp {
	-webkit-animation-name: backInUp;
	animation-name: backInUp
}

@-webkit-keyframes backOutDown {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(700px) scale(.7);
		transform: translateY(700px) scale(.7);
		opacity: .7
	}
}

@keyframes backOutDown {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(700px) scale(.7);
		transform: translateY(700px) scale(.7);
		opacity: .7
	}
}

.animate__backOutDown {
	-webkit-animation-name: backOutDown;
	animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(-2000px) scale(.7);
		transform: translateX(-2000px) scale(.7);
		opacity: .7
	}
}

@keyframes backOutLeft {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(-2000px) scale(.7);
		transform: translateX(-2000px) scale(.7);
		opacity: .7
	}
}

.animate__backOutLeft {
	-webkit-animation-name: backOutLeft;
	animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(2000px) scale(.7);
		transform: translateX(2000px) scale(.7);
		opacity: .7
	}
}

@keyframes backOutRight {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(2000px) scale(.7);
		transform: translateX(2000px) scale(.7);
		opacity: .7
	}
}

.animate__backOutRight {
	-webkit-animation-name: backOutRight;
	animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(-700px) scale(.7);
		transform: translateY(-700px) scale(.7);
		opacity: .7
	}
}

@keyframes backOutUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(-700px) scale(.7);
		transform: translateY(-700px) scale(.7);
		opacity: .7
	}
}

.animate__backOutUp {
	-webkit-animation-name: backOutUp;
	animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.animate__bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.75);
	animation-duration: calc(var(--animate-duration)*0.75);
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
		transform: translate3d(0, -3000px, 0) scaleY(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
		transform: translate3d(0, 25px, 0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
		transform: translate3d(0, -10px, 0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
		transform: translate3d(0, 5px, 0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
		transform: translate3d(0, -3000px, 0) scaleY(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
		transform: translate3d(0, 25px, 0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
		transform: translate3d(0, -10px, 0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
		transform: translate3d(0, 5px, 0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
		transform: translate3d(-3000px, 0, 0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
		transform: translate3d(25px, 0, 0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
		transform: translate3d(-10px, 0, 0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
		transform: translate3d(5px, 0, 0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
		transform: translate3d(-3000px, 0, 0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
		transform: translate3d(25px, 0, 0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
		transform: translate3d(-10px, 0, 0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
		transform: translate3d(5px, 0, 0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
		transform: translate3d(3000px, 0, 0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
		transform: translate3d(-25px, 0, 0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
		transform: translate3d(10px, 0, 0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
		transform: translate3d(-5px, 0, 0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
		transform: translate3d(3000px, 0, 0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
		transform: translate3d(-25px, 0, 0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
		transform: translate3d(10px, 0, 0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
		transform: translate3d(-5px, 0, 0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
		transform: translate3d(0, 3000px, 0) scaleY(5)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
		transform: translate3d(0, -20px, 0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
		transform: translate3d(0, 10px, 0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
		transform: translate3d(0, -5px, 0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
		transform: translate3d(0, 3000px, 0) scaleY(5)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
		transform: translate3d(0, -20px, 0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
		transform: translate3d(0, 10px, 0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
		transform: translate3d(0, -5px, 0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

.animate__bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.75);
	animation-duration: calc(var(--animate-duration)*0.75);
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
		transform: translate3d(0, 10px, 0) scaleY(.985)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
		transform: translate3d(0, -20px, 0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
		transform: translate3d(0, 2000px, 0) scaleY(3)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
		transform: translate3d(0, 10px, 0) scaleY(.985)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
		transform: translate3d(0, -20px, 0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
		transform: translate3d(0, 2000px, 0) scaleY(3)
	}
}

.animate__bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
		transform: translate3d(20px, 0, 0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
		transform: translate3d(-2000px, 0, 0) scaleX(2)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
		transform: translate3d(20px, 0, 0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
		transform: translate3d(-2000px, 0, 0) scaleX(2)
	}
}

.animate__bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
		transform: translate3d(-20px, 0, 0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
		transform: translate3d(2000px, 0, 0) scaleX(2)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
		transform: translate3d(-20px, 0, 0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
		transform: translate3d(2000px, 0, 0) scaleX(2)
	}
}

.animate__bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
		transform: translate3d(0, -10px, 0) scaleY(.985)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
		transform: translate3d(0, 20px, 0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
		transform: translate3d(0, -2000px, 0) scaleY(3)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
		transform: translate3d(0, -10px, 0) scaleY(.985)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
		transform: translate3d(0, 20px, 0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
		transform: translate3d(0, -2000px, 0) scaleY(3)
	}
}

.animate__bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.animate__fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInTopLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInTopLeft {
	-webkit-animation-name: fadeInTopLeft;
	animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInTopRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInTopRight {
	-webkit-animation-name: fadeInTopRight;
	animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInBottomLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInBottomLeft {
	-webkit-animation-name: fadeInBottomLeft;
	animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInBottomRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInBottomRight {
	-webkit-animation-name: fadeInBottomRight;
	animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.animate__fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.animate__fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.animate__fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.animate__fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.animate__fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.animate__fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.animate__fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.animate__fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.animate__fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0)
	}
}

@keyframes fadeOutTopLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0)
	}
}

.animate__fadeOutTopLeft {
	-webkit-animation-name: fadeOutTopLeft;
	animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0)
	}
}

@keyframes fadeOutTopRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0)
	}
}

.animate__fadeOutTopRight {
	-webkit-animation-name: fadeOutTopRight;
	animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0)
	}
}

@keyframes fadeOutBottomRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0)
	}
}

.animate__fadeOutBottomRight {
	-webkit-animation-name: fadeOutBottomRight;
	animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0)
	}
}

@keyframes fadeOutBottomLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0)
	}
}

.animate__fadeOutBottomLeft {
	-webkit-animation-name: fadeOutBottomLeft;
	animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animate__animated.animate__flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.animate__flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.animate__flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.animate__flipOutX {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.75);
	animation-duration: calc(var(--animate-duration)*0.75);
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.animate__flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.75);
	animation-duration: calc(var(--animate-duration)*0.75);
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes lightSpeedInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__lightSpeedInRight {
	-webkit-animation-name: lightSpeedInRight;
	animation-name: lightSpeedInRight;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes lightSpeedInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__lightSpeedInLeft {
	-webkit-animation-name: lightSpeedInLeft;
	animation-name: lightSpeedInLeft;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOutRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.animate__lightSpeedOutRight {
	-webkit-animation-name: lightSpeedOutRight;
	animation-name: lightSpeedOutRight;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
		transform: translate3d(-100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOutLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
		transform: translate3d(-100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
}

.animate__lightSpeedOutLeft {
	-webkit-animation-name: lightSpeedOutLeft;
	animation-name: lightSpeedOutLeft;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

.animate__rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

.animate__rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

.animate__rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

.animate__rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

.animate__rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes hinge {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.animate__hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-duration: calc(var(--animate-duration)*2);
	animation-duration: calc(var(--animate-duration)*2);
	-webkit-animation-name: hinge;
	animation-name: hinge;
	-webkit-transform-origin: top left;
	transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes jackInTheBox {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.animate__jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

.animate__rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.animate__zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.animate__zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.animate__zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.animate__zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.animate__zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}
}

.animate__zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.animate__zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0)
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0)
	}
}

.animate__zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0)
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0)
	}
}

.animate__zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
	-webkit-transform-origin: right center;
	transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.animate__zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.animate__slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.animate__slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.animate__slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.animate__slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

@media (min-width: 992px) {
    .s1.p-lg-5 {
        padding: 10rem 8rem !important;
    }
}

.s98pro-promo {
    background-color: #000000;
    color: white;
    overflow: hidden
}

.s98pro-promo a {
    text-decoration: none
}

.s98pro-promo img {
    max-width: 100%
}

.s98pro-promo .text-linear {
    background: linear-gradient(to right, #ffc600, #ffc600);
    -webkit-background-clip: text;
    color: transparent
}

.s98pro-promo .bg-center {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.s98pro-promo .wide {
    max-width: 1500px;
    margin: auto
}

.s1 .title {
    font-size: 1.5em;
    font-weight: bold
}

.s1 .warrior {
    font-size: 4em;
    font-weight: bold
}

.s1 .btn-group a {
    border-radius: 1em;
    padding: .2em 1rem;
    text-align: center;
    transition: .3s
}

.s2 {
    background-color: #191919
}

.s2 h2 {
    font-weight: bold;
    font-size: 4em
}

.s2 p {
    font-size: 2em
}

.s3 {
    background-color: black
}

.s3 .box {
    border: 2px solid #124caf;
    border-radius: 2em;
    overflow: hidden;
    position: relative
}

.s3 .box a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.s3 .box a img {
    transition: .3s
}

.s3 .box a img:hover {
    transform: scale(1.1)
}

.s4 {
    background-image: url(images/s4_02.jpg)
}

.s4 ul {
    max-width: 100%;
    overflow: hidden
}

.s4 ul li {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    font-size: 1.5em;
    text-overflow: ellipsis
}

.s4 ul li i {
    width: 70px;
    height: 70px;
    display: inline-block;
    background-image: url(images/s4_06.png);
    background-repeat: no-repeat;
    background-position-x: -22px;
    margin-right: 1rem;
    flex-shrink: 0
}

.s4 ul li:nth-child(1) i {
    background-position-y: -16px
}

.s4 ul li:nth-child(2) i {
    background-position-y: -116px
}

.s4 ul li:nth-child(3) i {
    background-position-y: -217px
}

.s4 ul li:nth-child(4) i {
    background-position-y: -317px
}

.s4 ul li:nth-child(5) i {
    background-position-y: -418px
}

.s4 ul li:nth-child(6) i {
    background-position-y: -519px
}

.s4 ul li:nth-child(7) i {
    background-position-y: -620px
}

.s4 ul li:nth-child(8) i {
    background-position-y: -721px
}

.s4 ul li:nth-child(9) i {
    background-position-y: -821px
}

.s4 ul li:nth-child(10) i {
    background-position-y: -922px
}

.s5 p {
    font-size: 2em;
    font-weight: bold
}

.layui-layer-content {
    padding: 1em
}

.layui-layer-content .email {
    display: block;
    width: 100%;
    padding: 2px
}

.layui-layer-content .btn-subscribe {
    background-color: #ffc600;
    margin-top: .5em;
    outline: none
}

.col-6 {
    text-align: center;
}

.s98pro-promo .s1 .wide .row .col-6 .long {
    display: inline-block;
}

.row {
    justify-content: center;
}

.s98pro-promo h1 {
    font-weight: bold;
    background-image: url(images/li.jpg);
    color: transparent;
    -webkit-background-clip: text;
    text-transform: uppercase;
}

.s98pro-promo h2 {
    /* text-transform: uppercase; */
}

.s98pro-promo h4 {}

.s98pro-promo h5 {
    font-weight: bold;
    margin: 0;
    font-weight: 400;
}

.s98pro-promo .s1 .wide .top-one {
    margin-bottom: 1.5%;
}



.s98pro-promo .s1 .wide .logo {
    padding-bottom: 3%;
}

.s98pro-promo .s1 .wide .row .col-6 .long {
    margin-top: 4.5%;
    background: linear-gradient(to right, rgb(233, 82, 67), rgb(100, 5, 161), rgb(218, 58, 94));
    border-radius: 6.25rem;
}

.s98pro-promo .s1 .wide .row .col-6 .Subtitle h2 {
    padding: 2.5% 0 7.5% 0;
    font-weight: 400;
}

.s98pro-promo .s1 .wide .row .col-6 .commentary h4 {
    font-weight: 400;
}

.s98pro-promo .a2 .giveaway {
    text-align: center;
}

.s98pro-promo .a2 .giveaway h3 {
    background: linear-gradient(to right, rgb(233, 82, 67), rgb(100, 5, 161), rgb(218, 58, 94));
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
    padding: 3% 0;
    display: inline-block;
}

.s98pro-promo .a3 {
    background-color: white;
    color: #545454;
    text-align: left;
}

.s98pro-promo .a3 .rule h6 {
    font-style: italic;
}

.s98pro-promo .a3 .rule p {
    padding-bottom: 1rem;
    line-height: 1.3;
}


.subscribe-form {
    display: flex;
    background-color: #ffffff;
    border-radius: 6.25rem;
    justify-content: space-between;
    align-items: center;
}

.s98pro-promo .wide .row .col-6 .wide .email {}

.s98pro-promo .wide .row .col-6 .wide .btn {
    font-weight: bold;
    line-height: 1.4;
}

.s98pro-promo .align-content-center p {}

.s98pro-promo .wide .app .wide .input_text {
    width: 35%;
}

.s1 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000000;
}

.content {
    background-color: black;
}

.a2 {
    background-color: #e5e5e5;
}

.s98pro-promo .content .size h2 {
    padding-bottom: 3%;
}

.s98pro-promo .a1 .Design .images {
    /* margin-bottom: 5%; */
    position: relative;
}

.s98pro-promo .zhushi {
    bottom: 1%;
    right: 3%;
}

.s98pro-promo .a4 .icon ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    flex-wrap: wrap;
}

.s98pro-promo .a4 .icon ul li {
    list-style: none;
}

.s98pro-promo .a4 .images {
    text-align: right;
}

.s98pro-promo .a4 .images .left img {
    margin-bottom: 10%;
}

.s98pro-promo .a4 .icon .Icon h6 {
    margin: 0;
    font-weight: bold;
}

.s98pro-promo .a4 .icon .Icon p {
    margin: 0;
}

.s98pro-promo .a4 .icon {
    padding: 5% 0;
}

.s98pro-promo .a4 .icon img {
    width: 20%;
}

.s98pro-promo .a5 .images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3% 0 5%;
}

.s98pro-promo .a5 .images img {
    padding: 1.5% 0;
}


.s98pro-promo .a6 {
    margin-bottom: 8%;
}

.s98pro-promo .a8 {
    text-align: center;
}

.s98pro-promo .a8 {
    background-color: #1e1e1e;
    padding: 5% 0;
}

.s98pro-promo .a8 .container .images {
    padding-top: 5%;
}








.s98pro-promo .a11 .icon ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    flex-wrap: wrap;
}

.s98pro-promo .a11 .icon ul li {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s98pro-promo .a11 .images {
    text-align: right;
}

.s98pro-promo .a11 .images .left img {
    margin-bottom: 10%;
}

.s98pro-promo .a11 .icon .Icon h6 {
    margin: 0;
    line-height: 2;
    font-weight: bold;
}

.s98pro-promo .a11 .icon {
    padding: 5% 0;
}

.s98pro-promo .a7 .video {
    overflow: hidden;
    position: relative;
    margin: 5% 0;
}

.s98pro-promo .a7 .video .Discount .VideoItem {
    text-align: center;
    position: relative;
}

.s98pro-promo .a7 .video .Discount .VideoItem .Content {
    position: absolute;
    top: 25%;
    left: 51%;
    align-items: center;
    transform: translateX(-50%);
}

.s98pro-promo .a7 .video .Discount .VideoItem .Content h5 {}

.s98pro-promo .a7 .video .Discount .VideoItem .Content .Open {
    margin: 0 auto;
    width: 63px;
    height: 63px;
    background: url(images/1.svg) no-repeat center center;
    border-radius: 35px;
    display: block;
    transition: all 0.5s;
    cursor: pointer;
}

.s98pro-promo .a7 .video .Discount .VideoItem:hover .Content .Open {
    background: url(images/6.svg) no-repeat center center;
    border-color: #db4a4c;
}

.s98pro-promo .content p {}

.s98pro-promo .content h2 {
    font-weight: bold;
}

.s98pro-promo .content .size {
    text-align: center;
}

.s98pro-promo .a8 .container .size h4 {}

.s98pro-promo .a8 .icon img {
    width: 17%;
}









/* еЌ–з‚№ */
.s98pro-promo .a9 .size-g {
    display: inline-block;
}

.s98pro-promo .a9 .selling {
    display: flex;
    justify-content: space-between;
}

.s98pro-promo .a9 h4,
h5,
p {
    margin: 0;
    padding: 0;
}

.s98pro-promo .a9 .ins {
    background-color: #1c1c1c;
    margin: 0.625rem 0.3125rem;
}

.s98pro-promo .a9 .selling-point .g1 .g1-left {
    width: 65%;
}

.s98pro-promo .a9 .selling-point .g1 .g1-right {
    width: 38%;
}

.s98pro-promo .a9 .fuak {
    display: flex;
    align-items: center;
    justify-content: center;
}

.s98pro-promo .a9 .selling-point .g1 .g1-left .one {
    width: 33.66%;
}

.s98pro-promo .a9 .selling-point .g1 .g1-left .two {
    width: 33%;
}

.s98pro-promo .a9 .selling-point .g1 .g1-left .three {
    width: 33.66%;
}

.s98pro-promo .a9 .father {
    position: relative;
}

.s98pro-promo .a9 .son {
    position: absolute;
    top: 0;
    left: 0;
}

.s98pro-promo .a9 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 3% 0;
}

.s98pro-promo .a9 .selling-point .g1 .g1-left .bottom .left .son {
    text-align: center;
    width: 80%;
    margin: 0 10%;
    top: 30%;
}

.s98pro-promo .a9 .selling-point .g1 .g1-right .left .son {
    text-align: left;
    width: 80%;
    margin: 0 10%;
    top: 10%;
}

.s98pro-promo .a9 .selling-point .g1 .g1-right .left .son h4 {
    -webkit-text-fill-color: white;
}

.s98pro-promo .a9 .selling-point .g1 .g1-right .left .son p {
    -webkit-text-fill-color: white;
}

.s98pro-promo .a9 .selling-point .g1 .g1-right .right .son {
    text-align: center;
    width: 90%;
    margin: 0 5%;
    top: 30%;
}

.s98pro-promo .a9 .selling-point .g2 .q1 .son {
    text-align: left;
    width: 90%;
    margin: 0 5%;
    top: 10%;
}

.s98pro-promo .a9 .color h4 {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: bold;
}

.s98pro-promo .a9 .color h5 {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: bold;
}

.s98pro-promo .a9 .color p {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: bold;
}

.s98pro-promo .a9 p {}

.s98pro-promo .a9 .selling-point .g1 .g1-left .one .max .size-g {
    background-image: url(images/selling-point/16.png);
    -webkit-background-clip: text;
}

.s98pro-promo .a9 .selling-point .g1 .g1-left .three .max .size-g {
    background-image: url(images/selling-point/17.png);
    -webkit-background-clip: text;
}

.s98pro-promo .a9 .selling-point .g1 .g1-left .two .min .size-g {
    background-image: url(images/selling-point/18.png);
    -webkit-background-clip: text;
}

.s98pro-promo .a9 .selling-point .g1 .g1-right .right .d1 .backgro {
    background-image: url(images/selling-point/19.png);
    -webkit-background-clip: text;
    display: inline-block;
    line-height: .9;
}




.s98pro-promo .a10 {
    margin-bottom: 3%;
}

.s98pro-promo .a10 .link {
    text-align: center;
}

.s98pro-promo .a10 .link img {
    padding: 3% 0 2%;
}

.s98pro-promo .a4 {
    padding-top: 5%;
}









.s98pro-promo .a12 .speed {
    position: relative;
}

.s98pro-promo .a12 .speed .sz {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    text-align: center;
}

.s98pro-promo .a12 .speed .icon {
    position: absolute;
    top: 50%;
    left: 20%;
    width: 100%;
    text-align: left;
}

.s98pro-promo .a12 .speeds .icon ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    justify-content: space-evenly;
    padding-bottom: 6%;
}

.s98pro-promo .a12 .icon ul {
    display: inline-block;
}

.s98pro-promo .a12 .speed .icon ul li {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding-bottom: 60%;
}

.s98pro-promo .a12 .icon .Icon h6 {
    margin: 0;
    font-weight: bold;
    line-height: 80%;
}

.s98pro-promo .a12 .icon .Icon p {
    margin: 0;
}

.s98pro-promo .a12 .icon .Icon .one {
    background-image: url(images/xinpian/1.jpg);
    -webkit-background-clip: text;
    color: #0000;
}

.s98pro-promo .a12 .icon .Icon .two {
    background-image: url(images/xinpian/2.jpg);
    -webkit-background-clip: text;
    color: #0000;
}

.s98pro-promo .a12 .icon .Icon .three {
    background-image: url(images/xinpian/3.jpg);
    -webkit-background-clip: text;
    color: #0000;
}

.s98pro-promo .a13 .Design .images {
    padding: 5% 0;
}


.s98pro-promo .a14 {
    background-color: #1f1f1f;
}

.s98pro-promo .a14 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

.s98pro-promo .a14 .swiper-slide-active, .swiper-slide-duplicate-active {
    transform: scale(1);
}

.s98pro-promo .a14 .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    padding: 3% 0;
}


.s98pro-promo .a4 .image img {
    width: 80%;
    text-align: left;
}

.s98pro-promo .a15 .zhushi {
    text-align: right;
    padding-bottom: 1%;
    padding-right: 3%;
}



.s98pro-promo .a16 {
    padding-top: 5%;
}

.s98pro-promo .a16 .images {
    position: relative;
}

.s98pro-promo .a16 .images .siz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.s98pro-promo .a17 {
    padding-top: 10%;
}

.s98pro-promo .a17 .images {
    position: relative;
}

.s98pro-promo .a17 .images .siz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.s98pro-promo .a17 .images .alidg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.s98pro-promo .a17 .icon ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    flex-wrap: wrap;
}

.s98pro-promo .a17 .icon ul li {
    list-style: none;
    text-align: center;
}

.s98pro-promo .a17 .icon .Icon h6 {
    margin: 0;
    font-weight: bold;
    line-height: 80%;
}

.s98pro-promo .a17 .icon .Icon p {
    margin: 0;
}

.s98pro-promo .a17 .icon {
    padding: 5% 0;

}

.s98pro-promo .a17 .icon img {
    width: 20%;
}

.s98pro-promo .a17 .icon .Icon .one {
    background-image: url(images/fan/2.jpg);
    -webkit-background-clip: text;
    color: #0000;
    display: inline-block;
}

.s98pro-promo .a17 .icon .Icon .two {
    background-image: url(images/fan/3.jpg);
    -webkit-background-clip: text;
    color: #0000;
    display: inline-block;
}

.s98pro-promo .a17 .icon .Icon .three {
    background-image: url(images/fan/4.jpg);
    -webkit-background-clip: text;
    color: #0000;
    display: inline-block;
}

.s98pro-promo .a17 .icon .Icon .for {
    background-image: url(images/fan/5.jpg);
    -webkit-background-clip: text;
    color: #0000;
    display: inline-block;
}




.s98pro-promo .a18 .size {
    padding: 5% 0;
}

.s98pro-promo .a19 {
    margin: 8% 0;
}




@media screen and (max-width:769px) {
    .s98pro-promo .s1 {
        padding: .2rem !important;
    }

    .s98pro-promo .s1 .wide .row .col-6 {
        padding: 10% 5% 3%;
    }

    .s98pro-promo .s1 .wide .logo img {
        max-width: 100px;
        padding: 0 1%;
    }

    .s98pro-promo .s1 .wide .row .col-6 .title {
        width: 80%;
        margin: 0 auto;
    }

    .s98pro-promo .s1 .wide .row .col-6 .top-one {
        width: 30%;
        margin: 0 auto;
    }

    .s98pro-promo .s1 .wide .row .col-6 .Subtitle h2 {
        font-size: 1rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .commentary h4 {
        font-size: .7rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .long {
        width: 24%;
        height: 2px;
    }

    .s98pro-promo .a2 .giveaway h3 {
        font-size: 1.4rem;
    }

    .s98pro-promo .a3 .rule h6 {
        font-size: 1.1rem;
    }

    .s98pro-promo .a3 .rule p {
        font-size: .6rem;
    }

    .s98pro-promo .a3 .rule {
        max-width: 1180px;
        margin: 0 auto;
        padding: 3%;
    }

    .s98pro-promo .s1 .wide .windeos {
        display: none;
    }

    .s98pro-promo .wide .app .wide {
        padding: 1rem 0;
        width: 50%;
        margin: inherit;
    }

    .s98pro-promo .wide .app .wide .email {
        font-size: .8rem;
        padding: 0 1em;
    }

    .s98pro-promo .wide .app .wide .btn {
        font-size: .6rem;
    }

    .s98pro-promo .wide .row .col-6 .wide .col-lg-6 .subscribe-wrap .text-left {
        padding-top: .2rem;
    }

    .s98pro-promo .navbar #home .butn p {
        font-size: .6rem;
    }

    .s98pro-promo .navbar #home .butn input {
        font-size: 1rem;
        padding: 0 .6rem;
    }

    .s98pro-promo .navbar #home .butn input {
        margin-left: .4rem;
    }

    .s98pro-promo .navbar #home .butnn {
        width: 20%;
    }

    .p-lg-5 {
        padding: 1rem 1rem !important;
    }

    .tioayue {
        font-size: .8rem;
    }

    .s98pro-promo h5 {
        font-size: .8rem;
    }

    .s98pro-promo .s1 .wide .top-one {
        padding: 1.2% 5%;
    }

    .s98pro-promo .wide .app .row .col-lg-6 .email {
        font-size: .8rem;
        padding: 0 1em;
    }

    .s1 {
        background-image: url(images/102.jpg);
    }

    .s98pro-promo .a7 .VideoItem iframe {
        width: 23.75rem;
        height: 13.44rem;
    }

    .s98pro-promo .content h2 {
        font-size: 1.5rem;
    }

    .s98pro-promo .content p {
        font-size: .7rem;
    }

    .s98pro-promo .icon .Icon h6 {
        font-size: 1rem;
        padding: 4% 0;
    }

    .s98pro-promo .icon .Icon p {
        font-size: .6rem;
    }

    .s98pro-promo .a8 .container .size h4 {
        font-size: 1rem;
    }

    .s98pro-promo .a4 .icon ul li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .s98pro-promo .a4 .icon ul li {
        width: 50%;
        padding: 3% 0;
    }

    .s98pro-promo .a5 .images img {
        width: 32%;
    }

    .s98pro-promo .a4 .images {
        justify-content: flex-end;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .s98pro-promo .a4 .images .left img {
        width: 48%;
    }

    .s98pro-promo .a4 .images .left {
        display: flex;
        justify-content: space-between;
    }

    .s98pro-promo .a7 .video .Discount .VideoItem .Content h5 {
        font-size: 1rem;
    }

    .s98pro-promo .zhushi {
        text-align: center;
        padding-top: 1%;
    }

    .s98pro-promo .zhushi p {
        font-size: 12.19px;
    }






    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 1.25rem;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 60px;
        width: 50px;
        height: 50px;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 60px;
        width: 50px;
        height: 50px;
    }



    .s98pro-promo .a11 .icon ul li {
        width: 48%;
    }

    .s98pro-promo .a17 .icon ul {
        margin: 0 8%;
    }

    .s98pro-promo .a9 .windeos {
        display: none;
    }



    .s98pro-promo .a12 .windeos {
        display: none;
    }

    .s98pro-promo .a12 .speed .sz .size h4 {
        font-size: 1rem;
    }

    .s98pro-promo .a17 .images .siz .size h4 {
        font-size: 1rem;
    }

    .s98pro-promo .a18 .size h4 {
        font-size: 1rem;
    }
}

@media screen and (max-width:921px) and (min-width:768px) {
    .s98pro-promo .s1 .wide .logo img {
        max-width: 200px;
    }

    .s98pro-promo .s1 .wide .row .col-6 .top-one {
        width: 40%;
        margin: 0 auto;
    }

    .s98pro-promo .s1 .wide .row .col-6 .title h1 {
        font-size: 2.9375rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .Subtitle h2 {
        font-size: 1.5rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .commentary h4 {
        font-size: .9rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .long {
        width: 23%;
        height: 3px;
    }

    .s98pro-promo .a2 .giveaway h3 {
        font-size: 1.4rem;
    }

    .s98pro-promo .a3 .rule h6 {
        font-size: 1.3rem;
    }

    .s98pro-promo .a3 .rule p {
        font-size: .7rem;
    }

    .s98pro-promo .a3 .rule {
        max-width: 1180px;
        margin: 0 auto;
        padding: 3% 0;
    }

    .s98pro-promo .s1 .wide .windeos {
        display: none;
    }

    .s98pro-promo .wide .row .col-6 .wide .email {
        font-size: .8rem;
        padding: 0 1em;
    }

    .s98pro-promo .wide .row .col-6 .wide .btn {
        font-size: .6rem;
    }

    .s98pro-promo .wide .row .col-6 .wide .col-lg-6 .subscribe-wrap .text-left {
        padding-top: .4rem;
    }

    .s98pro-promo .navbar #home .butn p {
        font-size: .4rem;
    }

    .s98pro-promo .navbar #home .butn input {
        font-size: .4rem;
        padding: 0 .4rem;
    }

    .s98pro-promo .navbar #home .butn input {
        margin-left: .8rem;
    }

    .s98pro-promo .navbar #home .butnn {
        width: 30%;
    }

    .s98pro-promo .s1 .wide .col-lg-6 {
        padding-top: .4rem;
    }

    .tioayue {
        font-size: .8rem;
    }

    .s98pro-promo h5 {
        font-size: 1.22625rem;
    }

    .s98pro-promo .s1 .wide .top-one {
        padding: 1.2% 5%;
    }

    .p-lg-5 {
        padding: 3rem 8rem !important;
    }

    .col-lg-6 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .s98pro-promo .wide .app .row .col-lg-6 .email {
        font-size: .8rem;
        padding: 0 1em;
    }

    .s1 {
        background-image: url(images/101.jpg);
    }

    .s98pro-promo .a7 .VideoItem iframe {
        width: 57.375rem;
        height: 27.025rem;
    }

    .s98pro-promo .a7 .video {
        height: 450px;
    }

    .s98pro-promo .content h2 {
        font-size: 1.5rem;
    }

    .s98pro-promo .content p {
        font-size: .9rem;
    }

    .s98pro-promo .icon .Icon h6 {
        font-size: 1.2rem;
        padding: 8% 0;
    }

    .s98pro-promo .icon .Icon p {
        font-size: .7rem;
    }

    .s98pro-promo .a8 .container .size h4 {
        font-size: 2.2rem;
    }

    .s98pro-promo .a4 .icon ul li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .s98pro-promo .a4 .icon ul li {
        width: 50%;
        padding: 3% 0;
    }

    .s98pro-promo .a5 .images img {
        width: 32%;
    }

    .s98pro-promo .a4 .images {
        justify-content: flex-end;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .s98pro-promo .a4 .images .left img {
        width: 48%;
    }

    .s98pro-promo .a4 .images .left {
        display: flex;
        justify-content: space-between;
    }

    .s98pro-promo .a7 .video .Discount .VideoItem .Content h5 {
        font-size: 2.2rem;
    }

    .s98pro-promo .a1 .zhushi {
        position: absolute;
    }

    .s98pro-promo .zhushi p {
        font-size: 12.19px;
    }





    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 1.25rem;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 100px;
        width: 70px;
        height: 70px;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 100px;
        width: 70px;
        height: 70px;
    }



    .s98pro-promo .a9 .windeos {
        display: none;
    }



    .s98pro-promo .a11 .icon ul li {
        width: 48%;
    }

    .s98pro-promo .a12 .app {
        display: none;
    }

    .s98pro-promo .a12 .speed .sz .size h4 {
        font-size: 2.2rem;
    }

    .s98pro-promo .a17 .images .siz .size h4 {
        font-size: 2.2rem;
    }

    .s98pro-promo .a18 .size h4 {
        font-size: 2.2rem;
    }
}

@media screen and (max-width:1241px) and (min-width:920px) {
    .s98pro-promo .s1 .wide .logo img {
        max-width: 300px;
    }

    .s98pro-promo .s1 .wide .row .col-6 .top-one {
        width: 40%;
        margin: 0 auto;
    }

    .s98pro-promo .s1 .wide .row .col-6 .title h1 {
        font-size: 3.9375rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .Subtitle h2 {
        font-size: 2rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .commentary h4 {
        font-size: 1.2rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .long {
        width: 23%;
        height: 5px;
    }

    .s98pro-promo .a2 .giveaway h3 {
        font-size: 1.7rem;
    }

    .s98pro-promo .a3 .rule h6 {
        font-size: 1.4rem;
    }

    .s98pro-promo .a3 .rule p {
        font-size: 1rem;
    }

    .s98pro-promo .a3 .rule {
        max-width: 1180px;
        margin: 0 auto;
        padding: 3% 0;
    }

    .s98pro-promo .s1 .wide .app {
        display: none;
    }

    .s98pro-promo .wide .row .col-6 .wide .email {
        font-size: .7rem;
        padding: .1em 1em;
    }

    .s98pro-promo .wide .row .col-6 .wide .btn {
        font-size: .9rem;
        padding: 0.1em 1.5em;
    }

    .s98pro-promo .wide .row .col-6 .wide .col-lg-6 .subscribe-wrap .text-left {
        padding-top: .6rem;
    }

    .s98pro-promo .navbar #home .butn p {
        font-size: .6rem;
    }

    .s98pro-promo .navbar #home .butn input {
        font-size: .6rem;
        padding: 0 .6rem;
    }

    .s98pro-promo .navbar #home .butn input {
        margin-left: 1.2rem;
    }

    .s98pro-promo .s1 .wide .col-lg-6 {
        padding-top: 6rem;
    }

    .tioayue {
        font-size: .8rem;
    }

    .s98pro-promo h5 {
        font-size: .8rem;
    }

    .s98pro-promo .s1 .wide .top-one {
        padding: .2% 2%;
    }

    .p-lg-5 {
        padding: 10rem 8rem !important;
    }

    .col-lg-6 {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .s1 {
        background-image: url(images/101.jpg);
    }

    .s98pro-promo .a7 .VideoItem iframe {
        width: 60.5rem;
        height: 31.25rem;
    }

    .s98pro-promo .a7 .video {
        height: 500px;
    }

    .s98pro-promo .content h2 {
        font-size: 2rem;
    }

    .s98pro-promo .content p {
        font-size: 1.1rem;
    }

    .s98pro-promo .icon .Icon h6 {
        font-size: 1.2rem;
    }

    .s98pro-promo .icon .Icon p {
        font-size: .9rem;
    }

    .s98pro-promo .a8 .container .size h4 {
        font-size: 2.5rem;
    }

    .s98pro-promo .a4 .icon ul li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        justify-content: center;
    }

    .s98pro-promo .a4 .icon ul li {
        width: 25%;
    }

    .s98pro-promo .a4 .icon .Icon {
        margin-left: 8%;
    }

    .s98pro-promo .a5 .images img {
        width: 33%;
    }

    .s98pro-promo .a4 .images {
        justify-content: flex-end;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .s98pro-promo .a4 .images .left img {
        padding-right: 3%;
    }

    .s98pro-promo .a4 .images .left {
        display: flex;
    }

    .s98pro-promo .a7 .video .Discount .VideoItem .Content h5 {
        font-size: 2.5rem;
    }

    .s98pro-promo .a1 .zhushi {
        position: absolute;
    }

    .s98pro-promo .zhushi p {
        font-size: 12.19px;
    }





    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 1.25rem;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 100px;
        width: 85px;
        height: 85px;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 100px;
        width: 85px;
        height: 85px;
    }




    .s98pro-promo .a9 .windeos {
        display: none;
    }



    .s98pro-promo .a11 .icon ul li {
        width: 48%;
    }

    .s98pro-promo .a12 .app {
        display: none;
    }

    .s98pro-promo .a12 .speed .sz .size h4 {
        font-size: 2.5rem;
    }

    .s98pro-promo .a17 .images .siz .size h4 {
        font-size: 2.5rem;
    }

    .s98pro-promo .a18 .size h4 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width:1681px) and (min-width:1240px) {
    .s98pro-promo .s1 .wide .logo img {
        max-width: 400px;
    }

    .s98pro-promo .s1 .wide .row .col-6 .title h1 {
        font-size: 4.9375rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .Subtitle h2 {
        font-size: 2.5rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .commentary h4 {
        font-size: 1.5rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .long {
        width: 23%;
        height: 5px;
    }

    .s98pro-promo .a2 .giveaway h3 {
        font-size: 2rem;
    }

    .s98pro-promo .a3 .rule h6 {
        font-size: 1.7rem;
    }

    .s98pro-promo .a3 .rule p {
        font-size: 1.3rem;
    }

    .s98pro-promo .a3 .rule {
        max-width: 1180px;
        margin: 0 auto;
        padding: 3% 0;
    }

    .s98pro-promo .s1 .wide .app {
        display: none;
    }

    .s98pro-promo .wide .row .col-6 .wide .email {
        font-size: 1.05125rem;
        padding: .1em 1em;
    }

    .s98pro-promo .wide .row .col-6 .wide .btn {
        font-size: 1rem;
        padding: 0.1em 1.5em;
    }

    .s98pro-promo .wide .row .col-6 .wide .col-lg-6 .subscribe-wrap .text-left {
        padding-top: .8rem;
    }

    .s98pro-promo .navbar #home .butn p {
        font-size: .8rem;
    }

    .s98pro-promo .navbar #home .butn input {
        font-size: .8rem;
        padding: 0 .8rem;
    }

    .s98pro-promo .navbar #home .butn input {
        margin-left: 1.6rem;
    }

    .s98pro-promo .s1 .wide .col-lg-6 {
        padding-top: .8rem;
    }

    .tioayue {
        font-size: 1rem;
    }

    .s98pro-promo h5 {
        font-size: 1rem;
    }

    .s98pro-promo .s1 .wide .top-one {
        padding: .2% 2%;
    }

    .col-lg-6 {
        flex: 0 0 55%;
        max-width: 55%;
    }

    .s1 {
        background-image: url(images/101.jpg);
    }

    .s98pro-promo .a7 .VideoItem iframe {
        width: 63.625rem;
        height: 34.375rem;
    }

    .s98pro-promo .a7 .video {
        height: 550px;
    }

    .s98pro-promo .content h2 {
        font-size: 2.5rem;
    }

    .s98pro-promo .content p {
        font-size: 1.3rem;
    }

    .s98pro-promo .icon .Icon h6 {
        font-size: 1.7rem;
    }

    .s98pro-promo .icon .Icon p {
        font-size: 1.1rem;
    }

    .s98pro-promo .a8 .container .size h4 {
        font-size: 2.8rem;
    }

    .s98pro-promo .a4 .icon ul li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        justify-content: center;
    }

    .s98pro-promo .a4 .icon ul li {
        width: 25%;
    }

    .s98pro-promo .a4 .icon .Icon {
        margin-left: 8%;
    }

    .s98pro-promo .a4 .images {
        justify-content: flex-end;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .s98pro-promo .a4 .images .left img {
        padding-right: 3%;
    }

    .s98pro-promo .a4 .images .left {
        display: flex;
    }

    .s98pro-promo .a7 .video .Discount .VideoItem .Content h5 {
        font-size: 2.8rem;
    }

    .s98pro-promo .a1 .zhushi {
        position: absolute;
    }

    .s98pro-promo .zhushi p {
        font-size: 12.19px;
    }










    .s98pro-promo .a9 .app {
        display: none;
    }

    .s98pro-promo .a9 {
        max-width: 1240px;
    }

    .s98pro-promo .a9 h4 {
        font-size: 2.1rem;
    }

    .s98pro-promo .a9 h5 {
        font-size: 2rem;
    }

    .s98pro-promo .a9 p {
        font-size: 1rem;
    }

    .s98pro-promo .a9 .selling-point .g2 .q3 {
        padding: 1% 2%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .one .min {
        padding: 8% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .two .min {
        padding: 2% 0;
        text-align: center;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .min {
        padding: 5% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .one .max {
        padding: 0 4%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .one .max .size-g {
        padding: 6% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .two .max {
        text-align: center;
        padding: 0 6.5%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .two .max .size-g {
        padding: 4% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .max {
        text-align: center;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .max .img {
        padding: 0 8%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .max .size-g {
        padding: 4% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .bottom .right {
        width: 57%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-right .left .d3 {
        padding: 7% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-right .right .d1 {
        padding: 25% 0;
        text-align: center;
    }

    .s98pro-promo .a9 .ins {
        border-radius: 0.44375rem;
    }







    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 2.25rem;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 200px;
        width: 100px;
        height: 100px;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 200px;
        width: 100px;
        height: 100px;
    }





    .s98pro-promo .a12 .app {
        display: none;
    }

    .s98pro-promo .a12 .speed .sz .size h4 {
        font-size: 2.8rem;
    }

    .s98pro-promo .a17 .images .siz .size h4 {
        font-size: 2.8rem;
    }

    .s98pro-promo .a18 .size h4 {
        font-size: 2.8rem;
    }
}

@media screen and (max-width:1920px) and (min-width:1680px) {
    .s98pro-promo .s1 .wide .logo img {
        max-width: 500px;
    }

    .s98pro-promo .s1 .wide .row .col-6 .title h1 {
        font-size: 4.78375rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .Subtitle h2 {
        /* font-size: 3.125rem; */
        font-size: 2.7rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .commentary h4 {
        font-size: 1.87rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .long {
        width: 23%;
        height: 6px;
    }

    .s98pro-promo .a2 .giveaway h3 {
        font-size: 2.31375rem;
    }

    .s98pro-promo .a3 .rule h6 {
        font-size: 2.0625rem;
    }

    .s98pro-promo .a3 .rule p {
        font-size: 1.625rem;
    }

    .s98pro-promo .a3 .rule {
        max-width: 1180px;
        margin: 0 auto;
        padding: 3% 0;
    }

    .s98pro-promo .s1 .wide .app {
        display: none;
    }

    .s98pro-promo .wide .row .col-6 .wide .email {
        font-size: 1.05125rem;
        padding: .1em 1em;
    }

    .s98pro-promo .wide .row .col-6 .wide .btn {
        font-size: 1.25rem;
        padding: 0.1em 1.5em;
    }

    .s98pro-promo .wide .row .col-6 .wide .col-lg-6 .subscribe-wrap .text-left {
        padding-top: 1rem;
    }

    .s98pro-promo .navbar #home .butn p {
        font-size: 1rem;
    }

    .s98pro-promo .navbar #home .butn input {
        font-size: 1rem;
        padding: 0 1rem;
    }

    .s98pro-promo .navbar #home .butn input {
        margin-left: 2rem;
    }

    .s98pro-promo .s1 .wide .col-lg-6 {
        padding-top: 1rem;
    }

    .tioayue {
        font-size: 1.1875rem;
    }

    .s98pro-promo h5 {
        font-size: 1.22625rem;
    }

    .s98pro-promo .s1 .wide .top-one {
        padding: .2% 2%;
    }

    .col-lg-6 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .s1 {
        background-image: url(images/101.jpg);
    }

    .s98pro-promo .a7 .video {
        height: 600px;
    }

    .s98pro-promo .a7 .VideoItem iframe {
        width: 66.75rem;
        height: 37.5rem;
    }

    .s98pro-promo .content h2 {
        font-size: 4.5rem;
    }

    .s98pro-promo .content p {
        /* font-size: 1.875rem; */
        font-size: 1.75rem;
        line-height: 1.2;
    }

    .s98pro-promo .icon .Icon h6 {
        font-size: 2.3rem;
    }

    .s98pro-promo .icon .Icon p {
        font-size: 1.3rem;
    }

    .s98pro-promo .a8 .container .size h4 {
        font-size: 3.125rem;
    }

    .s98pro-promo .a4 .icon ul li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        justify-content: center;
    }

    .s98pro-promo .a4 .icon ul li {
        width: 25%;
    }

    .s98pro-promo .a4 .icon .Icon {
        margin-left: 8%;
    }

    .s98pro-promo .a4 .images {
        justify-content: flex-end;
        align-items: center;
        display: flex;
    }

    .s98pro-promo .a4 .images .left {
        display: grid;
        padding-right: 3%;
    }

    .s98pro-promo .a7 .video .Discount .VideoItem .Content h5 {
        font-size: 3.125rem;
    }

    .s98pro-promo .a1 .zhushi {
        position: absolute;
    }

    .s98pro-promo .zhushi p {
        font-size: 14.19px;
    }





    .s98pro-promo .a9 .app {
        display: none;
    }

    .s98pro-promo .a9 {
        max-width: 1522px;
    }

    .s98pro-promo .a9 h4 {
        /* font-size: 3.125rem; */
        font-size: 3rem;
        line-height: 1;
    }

    .s98pro-promo .a9 h5 {
        font-size: 2.125rem;
        padding-bottom: 4.8%;
    }

    .s98pro-promo .a9 p {
        font-size: 1.5625rem;
    }

    .s98pro-promo .a9 .selling-point .g2 .q3 {
        padding: 2%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .one .min {
        padding: 8% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .two .min {
        padding: 2% 0;
        text-align: center;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .min {
        padding: 2% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .one .max {
        padding: 0 4%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .one .max .size-g {
        padding: 6% 0 10%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .two .max {
        text-align: center;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .two .max .size-g {
        padding: 4% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .max {
        text-align: center;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .max .size-g {
        margin: 4% 0;
        line-height: 1.2;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .bottom .right {
        width: 57%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-right .left .d3 {
        padding: 5% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-right .right .d1 {
        padding: 21% 0;
        text-align: center;
    }

    .s98pro-promo .a9 .ins {
        border-radius: 0.84375rem;
    }





    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 3.25rem;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 250px;
        width: 117px;
        height: 117px;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 250px;
        width: 117px;
        height: 117px;
    }



    .s98pro-promo .a12 .app {
        display: none;
    }

    .s98pro-promo .a12 .speed .sz .size h4 {
        font-size: 3.125rem;
    }

    .s98pro-promo .a17 .images .siz .size h4 {
        font-size: 3.125rem;
    }

    .s98pro-promo .a18 .size h4 {
        font-size: 3.125rem;
    }
}

@media screen and (min-width:1921px) {
    .s98pro-promo .s1 .wide .logo img {
        max-width: 500px;
    }

    .s98pro-promo .s1 .wide .row .col-6 .title h1 {
        font-size: 5rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .Subtitle h2 {
        font-size: 3rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .commentary h4 {
        font-size: 2rem;
    }

    .s98pro-promo .s1 .wide .row .col-6 .long {
        width: 23%;
        height: 6px;
    }

    .s98pro-promo .a2 .giveaway h3 {
        font-size: 2.5rem;
    }

    .s98pro-promo .a3 .rule h6 {
        font-size: 2.3rem;
    }

    .s98pro-promo .a3 .rule p {
        font-size: 1.7rem;
    }

    .s98pro-promo .a3 .rule {
        max-width: 1180px;
        margin: 0 auto;
        padding: 3% 0;
    }

    .s98pro-promo .s1 .wide .app {
        display: none;
    }

    .s98pro-promo .wide .row .col-6 .wide .email {
        font-size: 1.3rem;
        padding: .1em 1em;
    }

    .s98pro-promo .wide .row .col-6 .wide .btn {
        font-size: 1.5rem;
        padding: 0.1em 1.5em;
    }

    .s98pro-promo .wide .row .col-6 .wide .col-lg-6 .subscribe-wrap .text-left {
        padding-top: 1rem;
    }

    .s98pro-promo .navbar #home .butn p {
        font-size: 1rem;
    }

    .s98pro-promo .navbar #home .butn input {
        font-size: 1rem;
        padding: 0 1rem;
    }

    .s98pro-promo .navbar #home .butn input {
        margin-left: 2rem;
    }

    .s98pro-promo .s1 .wide .col-lg-6 {
        padding-top: 1rem;
    }

    .tioayue {
        font-size: 1.45rem;
    }

    .s98pro-promo h5 {
        font-size: 1.5rem;
    }

    .s98pro-promo .s1 .wide .top-one {
        padding: .2% 2%;
    }

    .col-lg-6 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .s1 {
        background-image: url(images/1-2.jpg);
    }

    .s98pro-promo .a7 .video {
        height: 600px;
    }

    .s98pro-promo .a7 .VideoItem iframe {
        width: 66.75rem;
        height: 37.5rem;
    }

    .s98pro-promo .content h2 {
        font-size: 5rem;
    }

    .s98pro-promo .content p {
        font-size: 1.875rem;
    }

    .s98pro-promo .icon .Icon h6 {
        font-size: 2.3rem;
    }

    .s98pro-promo .icon .Icon p {
        font-size: 1.5625rem;
    }

    .s98pro-promo .a8 .container .size h4 {
        font-size: 3.125rem;
    }

    .s98pro-promo .a4 .icon ul li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        justify-content: center;
    }

    .s98pro-promo .a4 .icon ul li {
        width: 25%;
    }

    .s98pro-promo .a4 .icon .Icon {
        margin-left: 8%;
    }

    .s98pro-promo .a4 .images {
        justify-content: flex-end;
        align-items: center;
        display: flex;
        margin-right: 12%;
    }

    .s98pro-promo .a4 .images .left {
        display: grid;
        padding-right: 3%;
    }

    .s98pro-promo .a7 .video .Discount .VideoItem .Content h5 {
        font-size: 3.125rem;
    }

    .s98pro-promo .a1 .zhushi {
        position: absolute;
    }

    .s98pro-promo .zhushi p {
        font-size: 14.19px;
    }



    .s98pro-promo .a9 .app {
        display: none;
    }

    .s98pro-promo .a9 {
        max-width: 1522px;
    }

    .s98pro-promo .a9 h4 {
        font-size: 3.125rem;
    }

    .s98pro-promo .a9 h5 {
        font-size: 2.5rem;
    }

    .s98pro-promo .a9 p {
        font-size: 1.5625rem;
    }

    .s98pro-promo .a9 .selling-point .g2 .q3 {
        padding: 2%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .one .min {
        padding: 8% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .two .min {
        padding: 2% 0;
        text-align: center;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .min {
        padding: 2% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .one .max {
        padding: 0 4%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .one .max .size-g {
        padding: 6% 0 10%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .two .max {
        text-align: center;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .two .max .size-g {
        padding: 4% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .max {
        text-align: center;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .three .max .size-g {
        margin: 4% 0;
        line-height: 1.2;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-left .bottom .right {
        width: 57%;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-right .left .d3 {
        padding: 5% 0;
    }

    .s98pro-promo .a9 .selling-point .g1 .g1-right .right .d1 {
        padding: 21% 0;
        text-align: center;
    }

    .s98pro-promo .a9 .ins {
        border-radius: 0.84375rem;
    }




    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 3.25rem;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 350px;
        width: 117px;
        height: 117px;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 350px;
        width: 117px;
        height: 117px;
    }



    .s98pro-promo .a12 .app {
        display: none;
    }

    .s98pro-promo .a12 .speed .sz .size h4 {
        font-size: 3.125rem;
    }

    .s98pro-promo .a17 .images .siz .size h4 {
        font-size: 3.125rem;
    }

    .s98pro-promo .a18 .size h4 {
        font-size: 3.125rem;
    }
}

@media (min-width: 1600px) {
    .s98pro-promo .container {
        max-width: 1550px;
    }
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: auto;
  color: #fff;
  border-radius: 100%;
  background-color: #a9a9a969;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  left: auto;
  color: #fff;
  border-radius: 100%;
  background-color: #a9a9a969;
}