/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
.kenburns-top {
	-webkit-animation: kenburns-top 5s cubic-bezier(0.47, 0, 0.745, 0.715)
		infinite alternate backwards;
	animation: kenburns-top 5s cubic-bezier(0.47, 0, 0.745, 0.715) infinite
		alternate backwards;
}
@-webkit-keyframes kenburns-top {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 16%;
		transform-origin: 50% 16%;
	}
	100% {
		-webkit-transform: scale(1.1) translateY(-15px);
		transform: scale(1.1) translateY(-15px);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}
@keyframes kenburns-top {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 16%;
		transform-origin: 50% 16%;
	}
	100% {
		-webkit-transform: scale(1.1) translateY(-15px);
		transform: scale(1.1) translateY(-15px);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}

.reveal-box__inner {
	animation: 0.7s cubic-bezier(0.76, 0, 0.24, 1) 0s both paused slide-in-right;
}
.reveal-box__inner::after {
	animation: 0.7s cubic-bezier(0.76, 0, 0.24, 1) 0.6s both paused
		slide-out-right;
}
.reveal-box__image {
	animation: 1.3s cubic-bezier(0.76, 0, 0.24, 1) 0.3s both paused scale-in-down;
}
/*
.leave .reveal-box__inner {
	animation: 0.7s cubic-bezier(0.76, 0, 0.24, 1) 0s both paused slide-out-right;
}
.leave .reveal-box__inner::after {
	animation: 0.7s cubic-bezier(0.76, 0, 0.24, 1) 0s both paused slide-in-left;
}
.leave .reveal-box__image {
	animation: 0.7s cubic-bezier(0.76, 0, 0.24, 1) 0s both paused slide-out-left;
}
*/
.animate,
.animate *,
.animate .reveal-box__inner::after {
	animation-play-state: running !important;
}
@keyframes slide-in-right {
	0% {
		transform: translate3D(-100%, 0, 0);
	}
	100% {
		transform: translate3D(0, 0, 0);
	}
}
@keyframes slide-out-right {
	0% {
		transform: translate3D(0, 0, 0);
	}
	100% {
		transform: translate3D(100%, 0, 0);
	}
}
@keyframes slide-in-left {
	0% {
		transform: translate3D(100%, 0, 0);
	}
	100% {
		transform: translate3D(0, 0, 0);
	}
}
@keyframes slide-out-left {
	0% {
		transform: translate3D(0, 0, 0);
	}
	100% {
		transform: translate3D(-100%, 0, 0);
	}
}
@keyframes scale-in-down {
	0% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}

/**
 * ----------------------------------------
 * scale-in ver-bottom
 * ----------------------------------------
 */
.scale-in-ver-bottom {
	-webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.33, 1, 0.68, 1)
		both paused;
	animation: scale-in-ver-bottom 0.5s cubic-bezier(0.33, 1, 0.68, 1) both paused;
}
@-webkit-keyframes scale-in-ver-bottom {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		opacity: 1;
	}
}
@keyframes scale-in-ver-bottom {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		opacity: 1;
	}
}

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
.fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
		both paused;
	animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both paused;
}
@-webkit-keyframes fade-in-bottom {
	0% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes fade-in-bottom {
	0% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

/**
 * ----------------------------------------
 * animation slide-in-bck-center
 * ----------------------------------------
 */
.slide-in-bck-center {
	-webkit-animation: slide-in-bck-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)
		both paused;
	animation: slide-in-bck-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
		paused;
	overflow: visible;
}
@-webkit-keyframes slide-in-bck-center {
	0% {
		-webkit-transform: translateZ(600px);
		transform: translateZ(600px);
		opacity: 0;
		-webkit-filter: blur(50px);
		filter: blur(50px);
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
@keyframes slide-in-bck-center {
	0% {
		-webkit-transform: translateZ(600px);
		transform: translateZ(600px);
		opacity: 0;
		-webkit-filter: blur(50px);
		filter: blur(50px);
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

/**
 * ----------------------------------------
 * animation vibrate
 * ----------------------------------------
 */
.vibrate {
	-webkit-animation: vibrate 2s linear infinite both paused;
	animation: vibrate 2s linear infinite both paused;
}
@-webkit-keyframes vibrate {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}
@keyframes vibrate {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}

.anim-delay--1 {
	animation-delay: 0.1s;
}
.anim-delay--2 {
	animation-delay: 0.2s;
}
.anim-delay--3 {
	animation-delay: 0.3s;
}
.anim-delay--4 {
	animation-delay: 0.4s;
}
.anim-delay--5 {
	animation-delay: 0.5s;
}

/* section 0*/
#section-0 .card * {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
		both paused;
	animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both paused;
}
#section-0 .card .mark {
	animation-delay: 0.4s;
}
#section-0 .card h1 {
	animation-delay: 0.6s;
}
#section-0 .card p {
	animation-delay: 0.8s;
}
#section-0 .card a {
	animation-delay: 1s;
}

/* section 1 */
#section-1 .reveal-box .reveal-box__inner,
#section-1 .reveal-box .reveal-box__image {
	animation-delay: 0.5s;
}
#section-1 .reveal-box .reveal-box__inner::after {
	animation-delay: 1s;
}