@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-offsetX: 0px;
	--animate-offsetY: 50px;
	--animate-offsetZ: 0px;
	--animate-zoom-start: 0.5;
	--animate-zoom-end: 110%;
}

.animate__animated {
	-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 fade {
	0% {
		opacity: 0;
		display: none;
	}
	to {
		opacity: 1;
		display: block;
	}
}

@keyframes fade {
	0% {
		opacity: 0;
		display: none;
	}
	to {
		opacity: 1;
		display: block;
	}
}

.animate__fade {
	-webkit-animation-name: fade;
	animation-name: fade
}

@-webkit-keyframes fadeDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ))
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ))
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeDown {
	-webkit-animation-name: fadeDown;
	animation-name: fadeDown
}

@-webkit-keyframes fadeLeft {
	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 fadeLeft {
	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__fadeLeft {
	-webkit-animation-name: fadeLeft;
	animation-name: fadeLeft
}

@-webkit-keyframes fadeRight {
	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 fadeRight {
	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__fadeRight {
	-webkit-animation-name: fadeRight;
	animation-name: fadeRight
}

@-webkit-keyframes fadeUp {
	0% {
		opacity: 0;
		display: none;
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ))
	}
	to {
		opacity: 1;
		display: block;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ))
	}
	to {
		opacity: 1;		
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeUp {
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp
}

@-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 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 fadeDownOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ))
	}
}

@keyframes fadeDownOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ))
	}
}

.animate__fadeDownOut {
	-webkit-animation-name: fadeDownOut;
	animation-name: fadeDownOut
}

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

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

.animate__fadeLeftOut {
	-webkit-animation-name: fadeLeftOut;
	animation-name: fadeLeftOut
}

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

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

.animate__fadeOutRightOut {
	-webkit-animation-name: fadeRightOut;
	animation-name: fadeRightOut
}

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

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

.animate__fadeUpOut {
	-webkit-animation-name: fadeUpOut;
	animation-name: fadeUpOut
}

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

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

.animate__zoom {
	-webkit-animation-name: zoom;
	animation-name: zoom
}

@-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 slideDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

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

.animate__slideDown {
	-webkit-animation-name: slideDown;
	animation-name: slideDown
}

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

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

.animate__slideRight {
	-webkit-animation-name: slideRight;
	animation-name: slideRight
}

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

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

.animate__slideLeft {
	-webkit-animation-name: slideLeft;
	animation-name: slideLeft
}

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

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

.animate__slideUp {
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}

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

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

.animate__slideDownOut {
	-webkit-animation-name: slideDownOut;
	animation-name: slideDownOut
}

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

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

.animate__slideLeftOut {
	-webkit-animation-name: slideLeftOut;
	animation-name: slideLeftOut;
}


@-webkit-keyframes slideLeftVideoOut {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		animation-timing-function: linear;
	}
}

@keyframes slideLeftVideoOut {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		animation-timing-function: linear;
	}
}

.animate__slideLeftVideoOut {
	-webkit-animation-name: slideLeftVideoOut;
	animation-name: slideLeftVideoOut
}


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

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

.animate__slideRightOut {
	-webkit-animation-name: slideRightOut;
	animation-name: slideRightOut
}

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

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

.animate__slideUpOut {
	-webkit-animation-name: slideUpOut;
	animation-name: slideUpOut
}

@-webkit-keyframes slideUpVideoOut {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		animation-timing-function: linear;
	}
}

@keyframes slideUpVideoOut {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		-webkit-transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		transform: translate3d(var(--animate-offsetX), var(--animate-offsetY), var(--animate-offsetZ));
		animation-timing-function: linear;
	}
}

.animate__slideUpVideoOut {
	-webkit-animation-name: slideUpVideoOut;
	animation-name: slideUpVideoOut
}







  /**************************************/




  /* Back entrances */
  @-webkit-keyframes backDown {
	0% {
	  -webkit-transform: translateY(-1200px) scale(0.7);
	  transform: translateY(-1200px) scale(0.7);
	  opacity: 0.7;
	}
  
	80% {
	  -webkit-transform: translateY(0px) scale(0.7);
	  transform: translateY(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  @keyframes backDown {
	0% {
	  -webkit-transform: translateY(-1200px) scale(0.7);
	  transform: translateY(-1200px) scale(0.7);
	  opacity: 0.7;
	}
  
	80% {
	  -webkit-transform: translateY(0px) scale(0.7);
	  transform: translateY(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  .animate__backDown {
	-webkit-animation-name: backDown;
	animation-name: backDown;
  }
  @-webkit-keyframes backLeft {
	0% {
	  -webkit-transform: translateX(-2000px) scale(0.7);
	  transform: translateX(-2000px) scale(0.7);
	  opacity: 0.7;
	}
  
	80% {
	  -webkit-transform: translateX(0px) scale(0.7);
	  transform: translateX(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  @keyframes backLeft {
	0% {
	  -webkit-transform: translateX(-2000px) scale(0.7);
	  transform: translateX(-2000px) scale(0.7);
	  opacity: 0.7;
	}
  
	80% {
	  -webkit-transform: translateX(0px) scale(0.7);
	  transform: translateX(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  .animate__backLeft {
	-webkit-animation-name: backLeft;
	animation-name: backLeft;
  }
  @-webkit-keyframes backRight {
	0% {
	  -webkit-transform: translateX(2000px) scale(0.7);
	  transform: translateX(2000px) scale(0.7);
	  opacity: 0.7;
	}
  
	80% {
	  -webkit-transform: translateX(0px) scale(0.7);
	  transform: translateX(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  @keyframes backRight {
	0% {
	  -webkit-transform: translateX(2000px) scale(0.7);
	  transform: translateX(2000px) scale(0.7);
	  opacity: 0.7;
	}
  
	80% {
	  -webkit-transform: translateX(0px) scale(0.7);
	  transform: translateX(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  .animate__backRight {
	-webkit-animation-name: backRight;
	animation-name: backRight;
  }
  @-webkit-keyframes backUp {
	0% {
	  -webkit-transform: translateY(1200px) scale(0.7);
	  transform: translateY(1200px) scale(0.7);
	  opacity: 0.7;
	}
  
	80% {
	  -webkit-transform: translateY(0px) scale(0.7);
	  transform: translateY(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  @keyframes backUp {
	0% {
	  -webkit-transform: translateY(1200px) scale(0.7);
	  transform: translateY(1200px) scale(0.7);
	  opacity: 0.7;
	}
  
	80% {
	  -webkit-transform: translateY(0px) scale(0.7);
	  transform: translateY(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  .animate__backUp {
	-webkit-animation-name: backUp;
	animation-name: backUp;
  }
  /* Back exits */
  @-webkit-keyframes backDownOut {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  
	20% {
	  -webkit-transform: translateY(0px) scale(0.7);
	  transform: translateY(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: translateY(700px) scale(0.7);
	  transform: translateY(700px) scale(0.7);
	  opacity: 0.7;
	}
  }
  @keyframes backDownOut {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  
	20% {
	  -webkit-transform: translateY(0px) scale(0.7);
	  transform: translateY(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: translateY(700px) scale(0.7);
	  transform: translateY(700px) scale(0.7);
	  opacity: 0.7;
	}
  }
  .animate__backOutDown {
	-webkit-animation-name: backDownOut;
	animation-name: backDownOut;
  }
  @-webkit-keyframes backLeftOut {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  
	20% {
	  -webkit-transform: translateX(0px) scale(0.7);
	  transform: translateX(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: translateX(-2000px) scale(0.7);
	  transform: translateX(-2000px) scale(0.7);
	  opacity: 0.7;
	}
  }
  @keyframes backLeftOut {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  
	20% {
	  -webkit-transform: translateX(0px) scale(0.7);
	  transform: translateX(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: translateX(-2000px) scale(0.7);
	  transform: translateX(-2000px) scale(0.7);
	  opacity: 0.7;
	}
  }
  .animate__backLeftOut {
	-webkit-animation-name: backLeftOut;
	animation-name: backLeftOut;
  }
  @-webkit-keyframes backRightOut {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  
	20% {
	  -webkit-transform: translateX(0px) scale(0.7);
	  transform: translateX(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: translateX(2000px) scale(0.7);
	  transform: translateX(2000px) scale(0.7);
	  opacity: 0.7;
	}
  }
  @keyframes backRightOut {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  
	20% {
	  -webkit-transform: translateX(0px) scale(0.7);
	  transform: translateX(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: translateX(2000px) scale(0.7);
	  transform: translateX(2000px) scale(0.7);
	  opacity: 0.7;
	}
  }
  .animate__backRightOut {
	-webkit-animation-name: backRightOut;
	animation-name: backRightOut;
  }
  @-webkit-keyframes backUpOut {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  
	20% {
	  -webkit-transform: translateY(0px) scale(0.7);
	  transform: translateY(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: translateY(-700px) scale(0.7);
	  transform: translateY(-700px) scale(0.7);
	  opacity: 0.7;
	}
  }
  @keyframes backUpOut {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  
	20% {
	  -webkit-transform: translateY(0px) scale(0.7);
	  transform: translateY(0px) scale(0.7);
	  opacity: 0.7;
	}
  
	100% {
	  -webkit-transform: translateY(-700px) scale(0.7);
	  transform: translateY(-700px) scale(0.7);
	  opacity: 0.7;
	}
  }
  .animate__backUpOut {
	-webkit-animation-name: backUpOut;
	animation-name: backUpOut;
  }
  /* Bouncg entrances  */
  @-webkit-keyframes bounce {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
  
	20% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}
  
	40% {
	  -webkit-transform: scale3d(0.9, 0.9, 0.9);
	  transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
	  transform: scale3d(0.97, 0.97, 0.97);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  @keyframes bounce {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
  
	20% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}
  
	40% {
	  -webkit-transform: scale3d(0.9, 0.9, 0.9);
	  transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
	  transform: scale3d(0.97, 0.97, 0.97);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  .animate__bounce {
	-webkit-animation-duration: calc(1s * 0.75);
	animation-duration: calc(1s * 0.75);
	-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
	animation-duration: calc(var(--animate-duration) * 0.75);
	-webkit-animation-name: bounce;
	animation-name: bounce;
  }
  @-webkit-keyframes bounceDown {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9);
	  transform: translate3d(0, 25px, 0) scaleY(0.9);
	}
  
	75% {
	  -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
	  transform: translate3d(0, -10px, 0) scaleY(0.95);
	}
  
	90% {
	  -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
	  transform: translate3d(0, 5px, 0) scaleY(0.985);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes bounceDown {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9);
	  transform: translate3d(0, 25px, 0) scaleY(0.9);
	}
  
	75% {
	  -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
	  transform: translate3d(0, -10px, 0) scaleY(0.95);
	}
  
	90% {
	  -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
	  transform: translate3d(0, 5px, 0) scaleY(0.985);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__bounceDown {
	-webkit-animation-name: bounceDown;
	animation-name: bounceDown;
  }
  @-webkit-keyframes bounceLeft {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.98);
	  transform: translate3d(-10px, 0, 0) scaleX(0.98);
	}
  
	90% {
	  -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
	  transform: translate3d(5px, 0, 0) scaleX(0.995);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes bounceLeft {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.98);
	  transform: translate3d(-10px, 0, 0) scaleX(0.98);
	}
  
	90% {
	  -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
	  transform: translate3d(5px, 0, 0) scaleX(0.995);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__bounceLeft {
	-webkit-animation-name: bounceLeft;
	animation-name: bounceLeft;
  }
  @-webkit-keyframes bounceRight {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
  
	from {
	  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(0.98);
	  transform: translate3d(10px, 0, 0) scaleX(0.98);
	}
  
	90% {
	  -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
	  transform: translate3d(-5px, 0, 0) scaleX(0.995);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes bounceRight {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
  
	from {
	  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(0.98);
	  transform: translate3d(10px, 0, 0) scaleX(0.98);
	}
  
	90% {
	  -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
	  transform: translate3d(-5px, 0, 0) scaleX(0.995);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__bounceRight {
	-webkit-animation-name: bounceRight;
	animation-name: bounceRight;
  }
  @-webkit-keyframes bounceUp {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
  
	from {
	  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(0.9);
	  transform: translate3d(0, -20px, 0) scaleY(0.9);
	}
  
	75% {
	  -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
	  transform: translate3d(0, 10px, 0) scaleY(0.95);
	}
  
	90% {
	  -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
	  transform: translate3d(0, -5px, 0) scaleY(0.985);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes bounceUp {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
  
	from {
	  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(0.9);
	  transform: translate3d(0, -20px, 0) scaleY(0.9);
	}
  
	75% {
	  -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
	  transform: translate3d(0, 10px, 0) scaleY(0.95);
	}
  
	90% {
	  -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
	  transform: translate3d(0, -5px, 0) scaleY(0.985);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__bounceUp {
	-webkit-animation-name: bounceUp;
	animation-name: bounceUp;
  }
  /* Bouncing exits  */
  @-webkit-keyframes bounceOut {
	20% {
	  -webkit-transform: scale3d(0.9, 0.9, 0.9);
	  transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
  }
  @keyframes bounceOut {
	20% {
	  -webkit-transform: scale3d(0.9, 0.9, 0.9);
	  transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
  }
  .animate__bounceOut {
	-webkit-animation-duration: calc(1s * 0.75);
	animation-duration: calc(1s * 0.75);
	-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 bounceDownOut {
	20% {
	  -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
	  transform: translate3d(0, 10px, 0) scaleY(0.985);
	}
  
	40%,
	45% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
	  transform: translate3d(0, -20px, 0) scaleY(0.9);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
	  transform: translate3d(0, 2000px, 0) scaleY(3);
	}
  }
  @keyframes bounceDownOut {
	20% {
	  -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
	  transform: translate3d(0, 10px, 0) scaleY(0.985);
	}
  
	40%,
	45% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
	  transform: translate3d(0, -20px, 0) scaleY(0.9);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
	  transform: translate3d(0, 2000px, 0) scaleY(3);
	}
  }
  .animate__bounceDownOut {
	-webkit-animation-name: bounceDownOut;
	animation-name: bounceDownOut;
  }
  @-webkit-keyframes bounceLeftOut {
	20% {
	  opacity: 1;
	  -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
	  transform: translate3d(20px, 0, 0) scaleX(0.9);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
	  transform: translate3d(-2000px, 0, 0) scaleX(2);
	}
  }
  @keyframes bounceLeftOut {
	20% {
	  opacity: 1;
	  -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
	  transform: translate3d(20px, 0, 0) scaleX(0.9);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
	  transform: translate3d(-2000px, 0, 0) scaleX(2);
	}
  }
  .animate__bounceLeftOut {
	-webkit-animation-name: bounceLeftOut;
	animation-name: bounceLeftOut;
  }
  @-webkit-keyframes bounceRightOut {
	20% {
	  opacity: 1;
	  -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
	  transform: translate3d(-20px, 0, 0) scaleX(0.9);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
	  transform: translate3d(2000px, 0, 0) scaleX(2);
	}
  }
  @keyframes bounceRightOut {
	20% {
	  opacity: 1;
	  -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
	  transform: translate3d(-20px, 0, 0) scaleX(0.9);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
	  transform: translate3d(2000px, 0, 0) scaleX(2);
	}
  }
  .animate__bounceRightOut {
	-webkit-animation-name: bounceRightOut;
	animation-name: bounceRightOut;
  }
  @-webkit-keyframes bounceUpOut {
	20% {
	  -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
	  transform: translate3d(0, -10px, 0) scaleY(0.985);
	}
  
	40%,
	45% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
	  transform: translate3d(0, 20px, 0) scaleY(0.9);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
	  transform: translate3d(0, -2000px, 0) scaleY(3);
	}
  }
  @keyframes bounceUpOut {
	20% {
	  -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
	  transform: translate3d(0, -10px, 0) scaleY(0.985);
	}
  
	40%,
	45% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
	  transform: translate3d(0, 20px, 0) scaleY(0.9);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
	  transform: translate3d(0, -2000px, 0) scaleY(3);
	}
  }
  .animate__bounceUpOut {
	-webkit-animation-name: bounceUpOut;
	animation-name: bounceUpOut;
  }
  
  /* Flippers */
  @-webkit-keyframes flip {
	from {
	  -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
	  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
	  -webkit-animation-timing-function: ease-out;
	  animation-timing-function: ease-out;
	}
  
	40% {
	  -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
		rotate3d(0, 1, 0, -190deg);
	  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
		rotate3d(0, 1, 0, -190deg);
	  -webkit-animation-timing-function: ease-out;
	  animation-timing-function: ease-out;
	}
  
	50% {
	  -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
		rotate3d(0, 1, 0, -170deg);
	  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
		rotate3d(0, 1, 0, -170deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	80% {
	  -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
		rotate3d(0, 1, 0, 0deg);
	  transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
		rotate3d(0, 1, 0, 0deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	to {
	  -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
	  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  }
  @keyframes flip {
	from {
	  -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
	  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
	  -webkit-animation-timing-function: ease-out;
	  animation-timing-function: ease-out;
	}
  
	40% {
	  -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
		rotate3d(0, 1, 0, -190deg);
	  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
		rotate3d(0, 1, 0, -190deg);
	  -webkit-animation-timing-function: ease-out;
	  animation-timing-function: ease-out;
	}
  
	50% {
	  -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
		rotate3d(0, 1, 0, -170deg);
	  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
		rotate3d(0, 1, 0, -170deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	80% {
	  -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
		rotate3d(0, 1, 0, 0deg);
	  transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
		rotate3d(0, 1, 0, 0deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	to {
	  -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
	  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 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 flipX {
	from {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 0;
	}
  
	40% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	60% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  }
  @keyframes flipX {
	from {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 0;
	}
  
	40% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	60% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  }
  .animate__flipX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipX;
	animation-name: flipX;
  }
  @-webkit-keyframes flipY {
	from {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 0;
	}
  
	40% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	60% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  }
  @keyframes flipY {
	from {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 0;
	}
  
	40% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	60% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  }
  .animate__flipY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipY;
	animation-name: flipY;
  }
  @-webkit-keyframes flipXOut {
	from {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  
	30% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  opacity: 0;
	}
  }
  @keyframes flipXOut {
	from {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  
	30% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  opacity: 0;
	}
  }
  .animate__flipXOut {
	-webkit-animation-duration: calc(1s * 0.75);
	animation-duration: calc(1s * 0.75);
	-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
	animation-duration: calc(var(--animate-duration) * 0.75);
	-webkit-animation-name: flipXOut;
	animation-name: flipXOut;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
  }
  @-webkit-keyframes flipYOut {
	from {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  
	30% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  opacity: 0;
	}
  }
  @keyframes flipYOut {
	from {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  
	30% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  opacity: 0;
	}
  }
  .animate__flipYOut {
	-webkit-animation-duration: calc(1s * 0.75);
	animation-duration: calc(1s * 0.75);
	-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: flipYOut;
	animation-name: flipYOut;
  }
  /* Lightspeed */
  @-webkit-keyframes lightSpeedRight {
	from {
	  -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: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes lightSpeedRight {
	from {
	  -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: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__lightSpeedRight {
	-webkit-animation-name: lightSpeedRight;
	animation-name: lightSpeedRight;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
  }
  @-webkit-keyframes lightSpeedLeft {
	from {
	  -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: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes lightSpeedLeft {
	from {
	  -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: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__lightSpeedLeft {
	-webkit-animation-name: lightSpeedLeft;
	animation-name: lightSpeedLeft;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
  }
  @-webkit-keyframes lightSpeedRightOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	  transform: translate3d(100%, 0, 0) skewX(30deg);
	  opacity: 0;
	}
  }
  @keyframes lightSpeedRightOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	  transform: translate3d(100%, 0, 0) skewX(30deg);
	  opacity: 0;
	}
  }
  .animate__lightSpeedRight {
	-webkit-animation-name: lightSpeedRightOut;
	animation-name: lightSpeedRightOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
  }
  @-webkit-keyframes lightSpeedLeftOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
	  transform: translate3d(-100%, 0, 0) skewX(-30deg);
	  opacity: 0;
	}
  }
  @keyframes lightSpeedLeftOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
	  transform: translate3d(-100%, 0, 0) skewX(-30deg);
	  opacity: 0;
	}
  }
  .animate__lightSpeedLeftOut {
	-webkit-animation-name: lightSpeedLeftOut;
	animation-name: lightSpeedLeftOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
  }
  /* Rotating entrances */
  @-webkit-keyframes rotate {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, -200deg);
	  transform: rotate3d(0, 0, 1, -200deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  @keyframes rotate {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, -200deg);
	  transform: rotate3d(0, 0, 1, -200deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  .animate__rotate {
	-webkit-animation-name: rotate;
	animation-name: rotate;
	-webkit-transform-origin: center;
	transform-origin: center;
  }
  @-webkit-keyframes rotateDownLeft {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  @keyframes rotateDownLeft {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  .animate__rotateDownLeft {
	-webkit-animation-name: rotateDownLeft;
	animation-name: rotateDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
  }
  @-webkit-keyframes rotateDownRight {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  @keyframes rotateDownRight {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  .animate__rotateDownRight {
	-webkit-animation-name: rotateDownRight;
	animation-name: rotateDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
  }
  @-webkit-keyframes rotateUpLeft {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  @keyframes rotateUpLeft {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  .animate__rotateUpLeft {
	-webkit-animation-name: rotateUpLeft;
	animation-name: rotateUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
  }
  @-webkit-keyframes rotateUpRight {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, -90deg);
	  transform: rotate3d(0, 0, 1, -90deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  @keyframes rotateUpRight {
	from {
	  -webkit-transform: rotate3d(0, 0, 1, -90deg);
	  transform: rotate3d(0, 0, 1, -90deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  .animate__rotateUpRight {
	-webkit-animation-name: rotateUpRight;
	animation-name: rotateUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
  }
  /* Rotating exits */
  @-webkit-keyframes rotateOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, 200deg);
	  transform: rotate3d(0, 0, 1, 200deg);
	  opacity: 0;
	}
  }
  @keyframes rotateOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, 200deg);
	  transform: rotate3d(0, 0, 1, 200deg);
	  opacity: 0;
	}
  }
  .animate__rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
	-webkit-transform-origin: center;
	transform-origin: center;
  }
  @-webkit-keyframes rotateDownLeftOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  }
  @keyframes rotateDownLeftOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  }
  .animate__rotateDownLeftOut {
	-webkit-animation-name: rotateDownLeftOut;
	animation-name: rotateDownLeftOut;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
  }
  @-webkit-keyframes rotateDownRightOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  }
  @keyframes rotateDownRightOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  }
  .animate__rotateDownRightOut {
	-webkit-animation-name: rotateDownRightOut;
	animation-name: rotateDownRightOut;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
  }
  @-webkit-keyframes rotateUpLeftOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  }
  @keyframes rotateUpLeftOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  }
  .animate__rotateUpLeftOut {
	-webkit-animation-name: rotateUpLeft;
	animation-name: rotateUpLeftOut;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
  }
  @-webkit-keyframes rotateUpRightOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, 90deg);
	  transform: rotate3d(0, 0, 1, 90deg);
	  opacity: 0;
	}
  }
  @keyframes rotateUpRightOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, 90deg);
	  transform: rotate3d(0, 0, 1, 90deg);
	  opacity: 0;
	}
  }
  .animate__rotateUpRightOut {
	-webkit-animation-name: rotateUpRightOut;
	animation-name: rotateUpRightOut;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
  }
  /* Specials */
  @-webkit-keyframes hinge {
	0% {
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	}
  
	20%,
	60% {
	  -webkit-transform: rotate3d(0, 0, 1, 80deg);
	  transform: rotate3d(0, 0, 1, 80deg);
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	}
  
	40%,
	80% {
	  -webkit-transform: rotate3d(0, 0, 1, 60deg);
	  transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg);
	  transform: rotate3d(0, 0, 1, 80deg);
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	}
  
	40%,
	80% {
	  -webkit-transform: rotate3d(0, 0, 1, 60deg);
	  transform: rotate3d(0, 0, 1, 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: calc(1s * 2);
	animation-duration: calc(1s * 2);
	-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 jackTheBox {
	from {
	  opacity: 0;
	  -webkit-transform: scale(0.1) rotate(30deg);
	  transform: scale(0.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 jackTheBox {
	from {
	  opacity: 0;
	  -webkit-transform: scale(0.1) rotate(30deg);
	  transform: scale(0.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__jackTheBox {
	-webkit-animation-name: jackTheBox;
	animation-name: jackTheBox;
  }
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  @-webkit-keyframes roll {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes roll {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__roll {
	-webkit-animation-name: roll;
	animation-name: roll;
  }
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  @-webkit-keyframes rollOut {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
  }
  @keyframes rollOut {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
  }
  .animate__rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
  }