@charset "UTF-8";

.fv-slide-down {
	animation-name: fv-slide-down;
	animation-duration: 2.0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-delay: 0.6s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	will-change: transform;
	opacity: 0;
}

@keyframes fv-slide-down {
	0% {
    opacity: 0;
    transform: translateY(-5%);
	}
	100% {
    opacity: 1;
    transform: translateY(0);
	}
}

.fv-fade {
	animation-name: fv-fade;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay: 1.4s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	will-change: transform;
	opacity: 0;
}

@keyframes fv-fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.fv-clippath-left{
	animation-name: fv-clippath-left;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay: 2.4s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	will-change: transform;
	opacity: 0;
}

@keyframes fv-clippath-left {
	0% {
		opacity: 0;
		clip-path: inset(0 100% 0 0);
	}
	100% {
		opacity: 1;
		clip-path: inset(0);
	}
}

.fv-slide-up {
	animation-name: fv-slide-up;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-delay: 2.2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	will-change: transform;
	opacity: 0;
}

@keyframes fv-slide-up {
	0% {
    opacity: 0;
    transform: translateY(6%);
	}
	100% {
    opacity: 1;
    transform: translateY(0);
	}
}

.fv-mask.is-active {
	animation-name: mask-fade;
	animation-duration: 1.6s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 0.8);
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
}

@keyframes mask-fade {
	0% {
    opacity: 0;
	}
	100% {
    opacity: 0.95;
	}
}

.slide-up,
.fade,
.clippath-left {
	opacity: 0;
}

.slide-up.is-active {
	animation-name: slide-up;
	animation-duration: 0.8s;
	animation-timing-function: ease-in-out;
	animation-delay: 0.4s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	will-change: transform;
}

@keyframes slide-up {
	0% {
    opacity: 0;
    transform: translateY(100%);
	}
	100% {
    opacity: 1;
    transform: translateY(0);
	}
}

.fv-clippath-left--cont.is-active {
	animation-name: clippath-left;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay: .4s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	will-change: transform;
}

.fv-clippath-left--cont.is-active {
	animation-delay: 2.4s;
}

@keyframes clippath-left {
	0% {
		opacity: 1;
		clip-path: inset(0 100% 0 0);
	}
	100% {
		opacity: 1;
		clip-path: inset(0);
	}
}

.fade.is-active {
	animation-name: fade;
	animation-duration: .6s;
	animation-timing-function: ease-in-out;
	animation-delay: .2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	will-change: transform;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}