/*aos start*/
body [aos] {-webkit-transition-duration: 1.5s;transition-duration: 1.5s;-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);}
[aos^=fade][aos^=fade] {opacity: 0;-webkit-transition-property: all;transition-property: all;}
[aos^=fade][aos^=fade].aos-animate {opacity: 1;}
[aos][aos][aos-delay='100'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: .1s;transition-delay: .1s;}
[aos][aos][aos-delay='200'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: .2s;transition-delay: .2s;}
[aos][aos][aos-delay='300'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: .3s;transition-delay: .3s;}
[aos][aos][aos-delay='400'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: .4s;transition-delay: .4s;}
[aos][aos][aos-delay='500'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: .5s;transition-delay: .5s;}
[aos][aos][aos-delay='600'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: .6s;transition-delay: .6s;}
[aos][aos][aos-delay='700'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: .7s;transition-delay: .7s;}
[aos][aos][aos-delay='800'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: .8s;transition-delay: .8s;}
[aos][aos][aos-delay='900'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: .9s;transition-delay: .9s;}
[aos][aos][aos-delay='1000'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1s;transition-delay: 1s;}
[aos][aos][aos-delay='1100'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1.1s;transition-delay: 1.1s;}
[aos][aos][aos-delay='1200'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1.2s;transition-delay: 1.2s;}
[aos][aos][aos-delay='1300'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1.3s;transition-delay: 1.3s;}

[aos][aos][aos-delay='1400'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1.4s;transition-delay: 1.4s;}

[aos][aos][aos-delay='1500'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1.5s;transition-delay: 1.5s;}

[aos][aos][aos-delay='1600'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1.6s;transition-delay: 1.6s;}

[aos][aos][aos-delay='1700'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1.7s;transition-delay: 1.7s;}

[aos][aos][aos-delay='1800'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1.8s;transition-delay: 1.8s;}

[aos][aos][aos-delay='1900'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 1.9s;transition-delay: 1.9s;}
[aos][aos][aos-delay='2000'].aos-animate, body[aos-delay='100'] [aos].aos-animate {-webkit-transition-delay: 2s;transition-delay: 2s;}

[aos=fade-top] {-webkit-transform: translate(0, 50px);-ms-transform: translate(0, 50px);transform: translate(0, 50px);}
[aos=fade-top].aos-animate {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}

[aos=fade-clip] {opacity: 1!important;clip-path: inset(0 100% 0 0);transition: 2s!important;transition-duration: 2s!important;}
[aos=fade-clip].aos-animate {clip-path: inset(0 0% 0 0);}

[aos=fade-left] {-webkit-transform: translate(-50px,0);-ms-transform: translate(-50px,0);transform: translate(-50px,0);}
[aos=fade-left].aos-animate {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}

[aos=fade-right] {-webkit-transform: translate(50px,0);-ms-transform: translate(50px,0);transform: translate(50px,0);}
[aos=fade-right].aos-animate {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
/*aos end*/
 
@font-face {font-family: swiper-icons;src: url('../images/001.woff');font-weight: 400;font-style: normal}

:root {--swiper-theme-color: #007aff}

.swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}

.swiper-vertical > .swiper-wrapper {flex-direction: column}

.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box}

.swiper-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0)}

.swiper-pointer-events {touch-action: pan-y}

.swiper-pointer-events.swiper-vertical {touch-action: pan-x}

.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform}

.swiper-slide-invisible-blank {visibility: hidden}

.swiper-autoheight, .swiper-autoheight .swiper-slide {height: auto}

.swiper-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {perspective: 1200px}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {transform-style: preserve-3d}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10}

.swiper-3d .swiper-slide-shadow {background: rgba(0, 0, 0, .15)}

.swiper-3d .swiper-slide-shadow-left {background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}

.swiper-3d .swiper-slide-shadow-right {background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}

.swiper-3d .swiper-slide-shadow-top {background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}

.swiper-3d .swiper-slide-shadow-bottom {background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}

.swiper-css-mode > .swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {display: none}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {scroll-snap-align: start start}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {scroll-snap-type: x mandatory}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {scroll-snap-type: y mandatory}

.swiper-centered > .swiper-wrapper::before {content: '';flex-shrink: 0;order: 9999}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {margin-inline-start: var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {height: 100%;min-height: 1px;width: var(--swiper-centered-offset-after)}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {margin-block-start: var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {width: 100%;min-width: 1px;height: var(--swiper-centered-offset-after)}

.swiper-centered > .swiper-wrapper > .swiper-slide {scroll-snap-align: center center}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {content: '';position: absolute;left: 0;top: 0;pointer-events: none}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {height: 1px;width: var(--swiper-virtual-size)}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {width: 1px;height: var(--swiper-virtual-size)}

:root {--swiper-navigation-size: 44px}

.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: calc(var(--swiper-navigation-size) / 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(0px - (var(--swiper-navigation-size) / 2));z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--swiper-navigation-color, var(--swiper-theme-color))}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none}

.swiper-button-next:after, .swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size);text-transform: none !important;letter-spacing: 0;text-transform: none;font-variant: initial;line-height: 1}

.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 10px;right: auto}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: 'prev'}

.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 10px;left: auto}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: 'next'}

.swiper-button-lock {display: none}

.swiper-pagination {position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10}

.swiper-pagination.swiper-pagination-hidden {opacity: 0}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%}

.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(.33);position: relative}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(.33)}

.swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display: inline-block;border-radius: 50%;background: var(--swiper-pagination-bullet-inactive-color, #000);opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)}

button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;appearance: none}

.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}

.swiper-pagination-bullet:only-child {display: none !important}

.swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1);background: var(--swiper-pagination-color, var(--swiper-theme-color))}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {right: 10px;top: 50%;transform: translate3d(0px, -50%, 0)}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display: block}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%;transform: translateY(-50%);width: 8px}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;transition: .2s transform, .2s top}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;transform: translateX(-50%);white-space: nowrap}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: .2s transform, .2s left}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: .2s transform, .2s right}

.swiper-pagination-progressbar {background: rgba(0, 0, 0, .25);position: absolute}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--swiper-pagination-color, var(--swiper-theme-color));position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transform-origin: left top}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin: right top}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%;height: 4px;left: 0;top: 0}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {width: 4px;height: 100%;left: 0;top: 0}

.swiper-pagination-lock {display: none}

.swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0, 0, 0, .1)}

.swiper-horizontal > .swiper-scrollbar {position: absolute;left: 1%;bottom: 3px;z-index: 50;height: 5px;width: 98%}

.swiper-vertical > .swiper-scrollbar {position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%}

.swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(0, 0, 0, .5);border-radius: 10px;left: 0;top: 0}

.swiper-scrollbar-cursor-drag {cursor: move}

.swiper-scrollbar-lock {display: none}

.swiper-zoom-container {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {max-width: 100%;max-height: 100%;object-fit: contain}

.swiper-slide-zoomed {cursor: move}

.swiper-lazy-preloader {width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;transform-origin: 50%;animation: swiper-preloader-spin 1s infinite linear;box-sizing: border-box;border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius: 50%;border-top-color: transparent}

.swiper-lazy-preloader-white {--swiper-preloader-color: #fff}

.swiper-lazy-preloader-black {--swiper-preloader-color: #000}

@keyframes swiper-preloader-spin {100% {transform: rotate(360deg)}}

.swiper .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000}

.swiper-free-mode > .swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto}

.swiper-grid > .swiper-wrapper {flex-wrap: wrap}

.swiper-grid-column > .swiper-wrapper {flex-wrap: wrap;flex-direction: column}

.swiper-fade.swiper-free-mode .swiper-slide {transition-timing-function: ease-out}

.swiper-fade .swiper-slide {pointer-events: none;transition-property: opacity}

.swiper-fade .swiper-slide .swiper-slide {pointer-events: none}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto}

.swiper-cube {overflow: visible}

.swiper-cube .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;visibility: hidden;transform-origin: 0 0;width: 100%;height: 100%}

.swiper-cube .swiper-slide .swiper-slide {pointer-events: none}

.swiper-cube.swiper-rtl .swiper-slide {transform-origin: 100% 0}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {pointer-events: auto}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {pointer-events: auto;visibility: visible}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden}

.swiper-cube .swiper-cube-shadow {position: absolute;left: 0;bottom: 0px;width: 100%;height: 100%;opacity: .6;z-index: 0}

.swiper-cube .swiper-cube-shadow:before {content: '';background: #000;position: absolute;left: 0;top: 0;bottom: 0;right: 0;filter: blur(50px)}

.swiper-flip {overflow: visible}

.swiper-flip .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1}

.swiper-flip .swiper-slide .swiper-slide {pointer-events: none}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden}

.swiper-creative .swiper-slide {-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;transition-property: transform, opacity, height}

.swiper-cards {overflow: visible}

.swiper-cards .swiper-slide {transform-origin: center bottom;-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden}
/*swiper 7.0.8 end*/

/*animate start*/

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}

.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}

.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {-webkit-animation-duration: .75s;animation-duration: .75s}

@-webkit-keyframes bounce {0%,20%,53%,80%,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-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0)}

    40%,43%,70% {-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);animation-timing-function: cubic-bezier(.755,.05,.855,.06)}

    70% {-webkit-transform: translate3d(0,-15px,0);transform: translate3d(0,-15px,0)}

    90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0)}}

@keyframes bounce {0%,20%,53%,80%,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-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0)}

    40%,43%,70% {-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);animation-timing-function: cubic-bezier(.755,.05,.855,.06)}

    70% {-webkit-transform: translate3d(0,-15px,0);transform: translate3d(0,-15px,0)}

    90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0)}}

.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}}

.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)}}

.pulse {-webkit-animation-name: pulse;animation-name: pulse}

@-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)}}

.rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand}

@-webkit-keyframes shake {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 shake {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)}}

.shake {-webkit-animation-name: shake;animation-name: shake}

@-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)}}

.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)}}

.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)}}

.tada {-webkit-animation-name: tada;animation-name: tada}

@-webkit-keyframes wobble {0% {-webkit-transform: none;transform: none}

    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: none;transform: none}}

@keyframes wobble {0% {-webkit-transform: none;transform: none}

    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: none;transform: none}}

.wobble {-webkit-animation-name: wobble;animation-name: wobble}

@-webkit-keyframes jello {0%,11.1%,to {-webkit-transform: none;transform: none}

    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: none;transform: none}

    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)}}

.jello {-webkit-animation-name: jello;animation-name: jello;-webkit-transform-origin: center;transform-origin: center}

@-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)}}

.bounceIn {-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);transform: translate3d(0,-3000px,0)}

    60% {opacity: 1;-webkit-transform: translate3d(0,25px,0);transform: translate3d(0,25px,0)}

    75% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0)}

    90% {-webkit-transform: translate3d(0,5px,0);transform: translate3d(0,5px,0)}

    to {-webkit-transform: none;transform: none}}

@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);transform: translate3d(0,-3000px,0)}

    60% {opacity: 1;-webkit-transform: translate3d(0,25px,0);transform: translate3d(0,25px,0)}

    75% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0)}

    90% {-webkit-transform: translate3d(0,5px,0);transform: translate3d(0,5px,0)}

    to {-webkit-transform: none;transform: none}}

.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);transform: translate3d(-3000px,0,0)}

    60% {opacity: 1;-webkit-transform: translate3d(25px,0,0);transform: translate3d(25px,0,0)}

    75% {-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0)}

    90% {-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0)}

    to {-webkit-transform: none;transform: none}}

@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);transform: translate3d(-3000px,0,0)}

    60% {opacity: 1;-webkit-transform: translate3d(25px,0,0);transform: translate3d(25px,0,0)}

    75% {-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0)}

    90% {-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0)}

    to {-webkit-transform: none;transform: none}}

.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);transform: translate3d(3000px,0,0)}

    60% {opacity: 1;-webkit-transform: translate3d(-25px,0,0);transform: translate3d(-25px,0,0)}

    75% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0)}

    90% {-webkit-transform: translate3d(-5px,0,0);transform: translate3d(-5px,0,0)}

    to {-webkit-transform: none;transform: none}}

@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);transform: translate3d(3000px,0,0)}

    60% {opacity: 1;-webkit-transform: translate3d(-25px,0,0);transform: translate3d(-25px,0,0)}

    75% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0)}

    90% {-webkit-transform: translate3d(-5px,0,0);transform: translate3d(-5px,0,0)}

    to {-webkit-transform: none;transform: none}}

.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);transform: translate3d(0,3000px,0)}

    60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0)}

    75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0)}

    90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0)}

    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);transform: translate3d(0,3000px,0)}

    60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0)}

    75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0)}

    90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0)}

    to {-webkit-transform: translateZ(0);transform: translateZ(0)}}

.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)}}

.bounceOut {-webkit-animation-name: bounceOut;animation-name: bounceOut}

@-webkit-keyframes bounceOutDown {20% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0)}

    40%,45% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0)}

    to {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0)}}

@keyframes bounceOutDown {20% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0)}

    40%,45% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0)}

    to {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0)}}

.bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown}

@-webkit-keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px,0,0);transform: translate3d(20px,0,0)}

    to {opacity: 0;-webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0)}}

@keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px,0,0);transform: translate3d(20px,0,0)}

    to {opacity: 0;-webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0)}}

.bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft}

@-webkit-keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px,0,0);transform: translate3d(-20px,0,0)}

    to {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0)}}

@keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px,0,0);transform: translate3d(-20px,0,0)}

    to {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0)}}

.bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight}

@-webkit-keyframes bounceOutUp {20% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0)}

    40%,45% {opacity: 1;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0)}

    to {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0)}}

@keyframes bounceOutUp {20% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0)}

    40%,45% {opacity: 1;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0)}

    to {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0)}}

.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}}

.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: none;transform: none}}

@keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0)}

    to {opacity: 1;-webkit-transform: none;transform: none}}

.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: none;transform: none}}

@keyframes fadeInDownBig {0% {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0)}

    to {opacity: 1;-webkit-transform: none;transform: none}}

.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: none;transform: none}}

@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0)}

    to {opacity: 1;-webkit-transform: none;transform: none}}

.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: none;transform: none}}

@keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0)}

    to {opacity: 1;-webkit-transform: none;transform: none}}

.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: none;transform: none}}

@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0)}

    to {opacity: 1;-webkit-transform: none;transform: none}}

.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: none;transform: none}}

@keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0)}

    to {opacity: 1;-webkit-transform: none;transform: none}}

.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: none;transform: none}}

@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0)}

    to {opacity: 1;-webkit-transform: none;transform: none}}

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}

@keyframes fadeInUp_ {0% {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}}

.fadeInUp_ {-webkit-animation-name: fadeInUp_;animation-name: fadeInUp_}

@keyframes fadeInUp__ {0% {opacity: 0;-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}}

.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: none;transform: none}}

@keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0)}

    to {opacity: 1;-webkit-transform: none;transform: none}}

.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig}

@-webkit-keyframes fadeOut {0% {opacity: 1}

    to {opacity: 0}}

@keyframes fadeOut {0% {opacity: 1}

    to {opacity: 0}}

.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)}}

.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown}

/**/
@-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)}}

.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)}}

.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)}}

.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)}}

.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)}}

.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)}}

.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)}}

.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)}}

.fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig}

@-webkit-keyframes flip {0% {-webkit-transform: perspective(400px) rotateY(-1turn);transform: perspective(400px) rotateY(-1turn)}

    0%,40% {-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}

    40% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);transform: perspective(400px) translateZ(150px) rotateY(-190deg)}

    50% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);transform: perspective(400px) translateZ(150px) rotateY(-170deg)}

    50%,80% {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}

    80% {-webkit-transform: perspective(400px) scale3d(.95,.95,.95);transform: perspective(400px) scale3d(.95,.95,.95)}

    to {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}}

@keyframes flip {0% {-webkit-transform: perspective(400px) rotateY(-1turn);transform: perspective(400px) rotateY(-1turn)}

    0%,40% {-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}

    40% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);transform: perspective(400px) translateZ(150px) rotateY(-190deg)}

    50% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);transform: perspective(400px) translateZ(150px) rotateY(-170deg)}

    50%,80% {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}

    80% {-webkit-transform: perspective(400px) scale3d(.95,.95,.95);transform: perspective(400px) scale3d(.95,.95,.95)}

    to {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}}

.animated.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);opacity: 0}

    0%,40% {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}

    40% {-webkit-transform: perspective(400px) rotateX(-20deg);transform: perspective(400px) rotateX(-20deg)}

    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);opacity: 0}

    0%,40% {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}

    40% {-webkit-transform: perspective(400px) rotateX(-20deg);transform: perspective(400px) rotateX(-20deg)}

    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)}}

.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);opacity: 0}

    0%,40% {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}

    40% {-webkit-transform: perspective(400px) rotateY(-20deg);transform: perspective(400px) rotateY(-20deg)}

    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);opacity: 0}

    0%,40% {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}

    40% {-webkit-transform: perspective(400px) rotateY(-20deg);transform: perspective(400px) rotateY(-20deg)}

    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)}}

.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}}

.flipOutX {-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}}

.flipOutY {-webkit-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipOutY;animation-name: flipOutY}

@-webkit-keyframes lightSpeedIn {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)}

    60%,80% {opacity: 1}

    80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg)}

    to {-webkit-transform: none;transform: none;opacity: 1}}

@keyframes lightSpeedIn {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)}

    60%,80% {opacity: 1}

    80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg)}

    to {-webkit-transform: none;transform: none;opacity: 1}}

.lightSpeedIn {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}

@-webkit-keyframes lightSpeedOut {0% {opacity: 1}

    to {-webkit-transform: translate3d(100%,0,0) skewX(30deg);transform: translate3d(100%,0,0) skewX(30deg);opacity: 0}}

@keyframes lightSpeedOut {0% {opacity: 1}

    to {-webkit-transform: translate3d(100%,0,0) skewX(30deg);transform: translate3d(100%,0,0) skewX(30deg);opacity: 0}}

.lightSpeedOut {-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}

@-webkit-keyframes rotateIn {0% {transform-origin: center;-webkit-transform: rotate(-200deg);transform: rotate(-200deg);opacity: 0}

    0%,to {-webkit-transform-origin: center}

    to {transform-origin: center;-webkit-transform: none;transform: none;opacity: 1}}

@keyframes rotateIn {0% {transform-origin: center;-webkit-transform: rotate(-200deg);transform: rotate(-200deg);opacity: 0}

    0%,to {-webkit-transform-origin: center}

    to {transform-origin: center;-webkit-transform: none;transform: none;opacity: 1}}

.rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn}

@-webkit-keyframes rotateInDownLeft {0% {transform-origin: left bottom;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0}

    0%,to {-webkit-transform-origin: left bottom}

    to {transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1}}

@keyframes rotateInDownLeft {0% {transform-origin: left bottom;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0}

    0%,to {-webkit-transform-origin: left bottom}

    to {transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1}}

.rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft}

@-webkit-keyframes rotateInDownRight {0% {transform-origin: right bottom;-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity: 0}

    0%,to {-webkit-transform-origin: right bottom}

    to {transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1}}

@keyframes rotateInDownRight {0% {transform-origin: right bottom;-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity: 0}

    0%,to {-webkit-transform-origin: right bottom}

    to {transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1}}

.rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight}

@-webkit-keyframes rotateInUpLeft {0% {transform-origin: left bottom;-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity: 0}

    0%,to {-webkit-transform-origin: left bottom}

    to {transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1}}

@keyframes rotateInUpLeft {0% {transform-origin: left bottom;-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity: 0}

    0%,to {-webkit-transform-origin: left bottom}

    to {transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1}}

.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft}

@-webkit-keyframes rotateInUpRight {0% {transform-origin: right bottom;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}

    0%,to {-webkit-transform-origin: right bottom}

    to {transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1}}

@keyframes rotateInUpRight {0% {transform-origin: right bottom;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}

    0%,to {-webkit-transform-origin: right bottom}

    to {transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1}}

.rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight}

@-webkit-keyframes rotateOut {0% {transform-origin: center;opacity: 1}

    0%,to {-webkit-transform-origin: center}

    to {transform-origin: center;-webkit-transform: rotate(200deg);transform: rotate(200deg);opacity: 0}}

@keyframes rotateOut {0% {transform-origin: center;opacity: 1}

    0%,to {-webkit-transform-origin: center}

    to {transform-origin: center;-webkit-transform: rotate(200deg);transform: rotate(200deg);opacity: 0}}

.rotateOut {-webkit-animation-name: rotateOut;animation-name: rotateOut}

@-webkit-keyframes rotateOutDownLeft {0% {transform-origin: left bottom;opacity: 1}

    0%,to {-webkit-transform-origin: left bottom}

    to {transform-origin: left bottom;-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity: 0}}

@keyframes rotateOutDownLeft {0% {transform-origin: left bottom;opacity: 1}

    0%,to {-webkit-transform-origin: left bottom}

    to {transform-origin: left bottom;-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity: 0}}

.rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft}

@-webkit-keyframes rotateOutDownRight {0% {transform-origin: right bottom;opacity: 1}

    0%,to {-webkit-transform-origin: right bottom}

    to {transform-origin: right bottom;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0}}

@keyframes rotateOutDownRight {0% {transform-origin: right bottom;opacity: 1}

    0%,to {-webkit-transform-origin: right bottom}

    to {transform-origin: right bottom;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0}}

.rotateOutDownRight {-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight}

@-webkit-keyframes rotateOutUpLeft {0% {transform-origin: left bottom;opacity: 1}

    0%,to {-webkit-transform-origin: left bottom}

    to {transform-origin: left bottom;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0}}

@keyframes rotateOutUpLeft {0% {transform-origin: left bottom;opacity: 1}

    0%,to {-webkit-transform-origin: left bottom}

    to {transform-origin: left bottom;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0}}

.rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft}

@-webkit-keyframes rotateOutUpRight {0% {transform-origin: right bottom;opacity: 1}

    0%,to {-webkit-transform-origin: right bottom}

    to {transform-origin: right bottom;-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}}

@keyframes rotateOutUpRight {0% {transform-origin: right bottom;opacity: 1}

    0%,to {-webkit-transform-origin: right bottom}

    to {transform-origin: right bottom;-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}}

.rotateOutUpRight {-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight}

@-webkit-keyframes hinge {0% {transform-origin: top left}

    0%,20%,60% {-webkit-transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}

    20%,60% {-webkit-transform: rotate(80deg);transform: rotate(80deg);transform-origin: top left}

    40%,80% {-webkit-transform: rotate(60deg);transform: rotate(60deg);-webkit-transform-origin: top left;transform-origin: top left;-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% {transform-origin: top left}

    0%,20%,60% {-webkit-transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}

    20%,60% {-webkit-transform: rotate(80deg);transform: rotate(80deg);transform-origin: top left}

    40%,80% {-webkit-transform: rotate(60deg);transform: rotate(60deg);-webkit-transform-origin: top left;transform-origin: top left;-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}}

.hinge {-webkit-animation-name: hinge;animation-name: hinge}

@-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: none;transform: none}}

@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: none;transform: none}}

.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)}}

.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}}

.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)}}

.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)}}

.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)}}

.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)}}

.zoomInUp {-webkit-animation-name: zoomInUp;animation-name: zoomInUp}

@-webkit-keyframes zoomOut {0% {opacity: 1}

    50% {-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3)}

    50%,to {opacity: 0}}

@keyframes zoomOut {0% {opacity: 1}

    50% {-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3)}

    50%,to {opacity: 0}}

.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-transform-origin: center bottom;transform-origin: center bottom;-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-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);animation-timing-function: cubic-bezier(.175,.885,.32,1)}}

.zoomOutDown {-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown}

@-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);-webkit-transform-origin: left center;transform-origin: left center}}

@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);-webkit-transform-origin: left center;transform-origin: left center}}

.zoomOutLeft {-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft}

@-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);-webkit-transform-origin: right center;transform-origin: right center}}

@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);-webkit-transform-origin: right center;transform-origin: right center}}

.zoomOutRight {-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight}

@-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-transform-origin: center bottom;transform-origin: center bottom;-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-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);animation-timing-function: cubic-bezier(.175,.885,.32,1)}}

.zoomOutUp {-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp}

@-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)}}

.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)}}

.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)}}

.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)}}

.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)}}

.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)}}

.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)}}

.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)}}

.slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp}

/*animate end*/

/*video start*/
*[onclick*='video_alert(this)'] video {display: none;}
.alert_video {width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;pointer-events: none;opacity: 0;transition: 1s;}
.video_active {pointer-events: auto !important;opacity: 1 !important;}
.alert_video .joke {display: flex;position: relative;z-index: 2;max-width: 90%;}
.alert_video .joke .video {width: 100%;height: 576px;display: block;}
.alert_video .joke .video video {width: 100%;height: 100%;object-fit: fill;}
.alert_video .joke .close {margin: 0 0 0 25px;cursor: pointer;height: fit-content;transition: 1s;}
.alert_video .joke .close:hover{transform: rotate(90deg);}
.alert_video .joke .close svg {width: 30px;height: 30px;fill: #fff;}
.alert_video .mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0, 0, 0, 0.7);}
.alert_video.all .joke {width: 100%;height: 100%;max-width: 100%;}
.alert_video.all .joke .video {height: 100%;object-fit: cover;}
.alert_video.all .close {position: absolute;top: 50px;right: 50px;}
.alert_video.all .joke .video video {object-fit: cover;}
@media screen and (max-width: 1024px) {.alert_video .joke {width: 90%;}
    .alert_video:not(.all) .joke .close {position: absolute;right: 0;top: -57px;}
    .alert_video .joke .video{height: auto;}}
/*video end*/

/*select start*/
.down_select{position: relative;cursor: pointer;}
.down_select .pull{position: absolute;width: max-content;top: calc(100% + 15px);left: 50%;transform: translate(-50%,10px);color: #606266;border: 1px solid #e4e7ed;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);background: #fff;border-radius: 6px;opacity: 0;pointer-events: none;max-height: 259px;overflow: hidden;overflow-y: scroll;}
.down_select.on{z-index: 9;}
.down_select.on .pull{opacity: 1;pointer-events: auto;transform: translate(-50%,0);transition: 0.4s;}
.down_select.hide .pull{opacity: 0!important;}
.down_select .pull div:not(.scroll-content){padding: 0 20px;line-height: 37px;font-size: 13px;cursor: pointer;transition: 0.3s;position: relative;z-index: 1;}
.down_select .pull div:not(.scroll-content) span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;transition: 0.3s;}
.down_select .pull div:not(.scroll-content):hover,.down_select .pull div:not(.scroll-content).on{color: #fff;}
.down_select .pull div:not(.scroll-content):hover span{opacity: 1;}
.down_select .pull div:not(.scroll-content).on span{background: #f7f7f7  !important;opacity: 1;}

.down_select .pull div:not(.scroll-content).on {color: #555;pointer-events: none;}

/*select end*/

/*text start*/
.text_effect{position: relative;cursor: pointer;}
.text_effect p{position: relative;}
.text_effect .fist{overflow: hidden;}
.text_effect .fist div{min-width: 5px;}
.text_effect .fist:nth-child(2){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);overflow: hidden;white-space: nowrap;}
.text_effect .fist:nth-child(2) div{transform: translate3d(0,101%,0);min-width: 5px;opacity: 0;}

.text_effect:hover .fist:first-child div{transform: translate3d(0,-101%,0);opacity: 0;}
.text_effect:hover .fist:nth-child(2) div{transform: translate3d(0,0,0);opacity: 1;}
/*text end*/

/*text2 start*/
.text_effect2{cursor: pointer;width: fit-content;}
.text_effect2 span{display: inline-block;}
/*text2 end*/

/*alert_text start*/
*[onclick*='alert_text(this)'] .txt {display: none;}

.alert_text{position: fixed;top: 40px;right: 20px;z-index: 999999999;border: 1px solid #ebeef5;background-color: #edf2fc;width: 300px;height: 48px;padding: 0 30px;display: flex;align-items: center;justify-content: space-between;transition: top .4s;border-radius: 7px;}
.alert_text p{font-size: 14px;color: #909399;}
.alert_text svg{width: 16px;height: 16px;cursor: pointer;}
.alert_text svg path{fill: #c0c4cc;}
.alert_text.error{background-color: #fef0f0;border-color: #fde2e2;}
.alert_text.error p{color: #f56c6c;}
.alert_text.correct{background-color: #f0f9eb;border-color: #e1f3d8;}
.alert_text.correct p{color: #67c23a;}
/*alert_text end*/


/*locomotive-scroll start*/
html.has-scroll-smooth {overflow: hidden;}

html.has-scroll-dragging {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.has-scroll-smooth body {overflow: hidden;}

.has-scroll-smooth [data-scroll-container] {min-height: 100vh;}

[data-scroll-direction="horizontal"] [data-scroll-container] {height: 100vh;display: inline-block;white-space: nowrap;}

[data-scroll-direction="horizontal"] [data-scroll-section] {display: inline-block;vertical-align: top;white-space: nowrap;height: 100%;}

.c-scrollbar {position: absolute;right: 0;top: 0;width: 11px;height: 100%;transform-origin: center;transition: transform 0.3s, opacity 0.3s;opacity: 0;}
.c-scrollbar:hover {transform: scaleX(1.45);}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity: 1;}
[data-scroll-direction="horizontal"] .c-scrollbar {width: 100%;height: 10px;top: auto;bottom: 0;transform: scaleY(1);}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {transform: scaleY(1.3);}

.c-scrollbar_thumb {position: absolute;top: 0;right: 0;background-color: black;opacity: 0.5;width: 7px;border-radius: 10px;margin: 2px;cursor: -webkit-grab;cursor: grab;}
.has-scroll-dragging .c-scrollbar_thumb {cursor: -webkit-grabbing;cursor: grabbing;}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {right: auto;bottom: 0;}
/*locomotive-scroll end*/

 
html.fp-enabled,
.fp-enabled body {margin: 0;padding: 0;overflow:hidden;    -webkit-tap-highlight-color: rgba(0,0,0,0);}
.fp-section {position: relative;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;height: 100%;display: block;}
.fp-slide {float: left;}
.fp-slide, .fp-slidesContainer {height: 100%;display: block;}
.fp-slides {z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;}
.fp-table{display: flex;flex-direction: column;justify-content: center;width: 100%;}
.fp-slidesContainer {float: left;position: relative;}
.fp-controlArrow {-webkit-user-select: none;   -moz-user-select: none; -khtml-user-select: none;   -ms-user-select: none;    position: absolute;z-index: 4;top: 50%;cursor: pointer;margin-top: -38px;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.fp-prev{left: 15px;}
.fp-next{right: 15px;}
.fp-arrow{width: 0;height: 0;border-style: solid;}
.fp-arrow.fp-prev {border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.fp-arrow.fp-next {border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.fp-notransition {-webkit-transition: none !important;transition: none !important;}
#fp-nav {position: fixed;z-index: 100;top: 50%;opacity: 1;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translate3d(0,-50%,0);}
#fp-nav.fp-right {right: 17px;}
#fp-nav.fp-left {left: 17px;}
.fp-slidesNav{position: absolute;z-index: 4;opacity: 1;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);left: 0 !important;right: 0;margin: 0 auto !important;}
.fp-slidesNav.fp-bottom {bottom: 17px;}
.fp-slidesNav.fp-top {top: 17px;}
#fp-nav ul,
.fp-slidesNav ul {margin: 0;padding: 0;}
#fp-nav ul li,
.fp-slidesNav ul li {display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,
.fp-slidesNav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #333;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;cursor: pointer;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.fp-right {right: 20px;}
#fp-nav ul li .fp-tooltip.fp-left {left: 20px;}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide{height: auto !important;}

.fp-responsive .fp-is-overflow.fp-section{height: auto !important;}

/* Used with autoScrolling: false */
.fp-scrollable.fp-responsive .fp-is-overflow.fp-section,
.fp-scrollable .fp-section,
.fp-scrollable .fp-slide{    height: 100vh;height: calc(var(--vh, 1vh) * 100);}

.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height),
.fp-scrollable .fp-section:not(.fp-auto-height),
.fp-scrollable .fp-slide:not(.fp-auto-height){    min-height: 100vh;min-height: calc(var(--vh, 1vh) * 100);}

/* Disabling vertical centering on scrollable elements */
.fp-overflow{justify-content: flex-start;max-height: 100%;}

.fp-is-overflow .fp-overflow.fp-auto-height-responsive,
.fp-is-overflow .fp-overflow.fp-auto-height,
.fp-is-overflow > .fp-overflow{overflow-y: auto;}
.fp-overflow{outline:none;}

.fp-overflow.fp-table{display: block;}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide{height: auto !important;min-height: auto !important;}

/*Only display content to screen readers*/
.fp-sr-only{position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */
.fp-scroll-mac .fp-overflow::-webkit-scrollbar {background-color: transparent;width: 0;position: absolute;}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track {background-color: transparent;}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.4);border-radius: 16px;border: 4px solid transparent;display: none;}
.fp-warning,
.fp-watermark{z-index: 9999999;position: absolute;bottom: 0;}
.fp-warning,
.fp-watermark a{text-decoration: none;color: #000;background: rgba(255,255,255,0.6);padding: 5px 8px;font-size: 14px;font-family: arial;color: black;display: inline-block;border-radius: 3px;margin: 12px;}
.fp-noscroll .fp-overflow{overflow: hidden;}
.each_animate:not(.unset) div {transition: 1s;}



.each_animate.on div {opacity: 1 !important;transform: translateX(0) !important;}

.down_pull {position: relative;}
.down_pull .pull {position: absolute;transform: translateY(20px);opacity: 0;pointer-events: none;width: 100%;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);background: #fff;border: 1px solid rgba(0, 0, 0, 0.05);max-height: 250px;overflow: hidden;overflow-y: scroll;top: 100%;left: 0;z-index: 9;}
.down_pull .pull.on {transition: ease .3s;opacity: 1;transform: translateY(10px);pointer-events: auto;}
.down_pull .pull::-webkit-scrollbar {width: 0;}
.down_pull .pull p {width: 100%;height: 40px;display: flex;align-items: center;padding: 0 0 0 15px;cursor: pointer;font-size: 14px!important;transition: ease .3s;color: #111;}
.down_pull .pull p:hover {background: var(--background);color: #fff !important;}
.down_pull .pull p.on {background: rgba(0, 0, 0, 0.05) !important;color: #111 !important;pointer-events: none;}
