@charset "UTF-8";

.rsv-circle-on {
	display:block;
	animation-play-state:running;
	animation-name: titlekey;
	animation-timing-function:  cubic-bezier(.24,.01,.27,1.44);
	animation-iteration-count: 1;
	animation-duration: 0.3s;
	animation-fill-mode:forwards;
}

.rsv-circle-off {
	opacity: 1;
	animation-name: titleoff;
	animation-timing-function:  cubic-bezier(.24,.01,.27,1.44);
	animation-iteration-count: 1;
	animation-duration: 0.3s;
	animation-fill-mode:forwards;
}

.rsv-circle-fout {
	animation-name: fadeout;
	animation-timing-function:  ease;
	animation-iteration-count: 1;
	animation-duration: 0.3s;
	animation-fill-mode:forwards;
}

.people {
	transition: 0.3s cubic-bezier(.24,.01,.27,1.44);
	transform: scale(0);
}
.people.delighter {
	transform: scale(0);
}
.people.delighter.started {
	transform: scale(1);
}
.people-d {
	transition: 0.3s cubic-bezier(.24,.01,.27,1.44);
		transition-delay: 1s;

	transform: scale(0);
}
.people-d.delighter {
	transform: scale(0);
}
.people-d.delighter.started {
	transform: scale(1);
}
.titleanim {
	transition: 0.3s cubic-bezier(.24,.01,.27,1.44);
	transform: translateY(120%);
	opacity: 0;
}
.titleanim.delighter {
	transform: translateY(120%);
	opacity: 0;
}
.titleanim.delighter.started {
	transform:translateY(0%);
	opacity: 1;
}




.slideinLR {
	transition: 0.5s cubic-bezier(.51,0,.52,1);
}
.slideinLR.delighter {
	transform: translateX(-150%);
	opacity: 0;
}
.slideinLR.delighter.started {
	transform:none;
	opacity: 1;
}
.slideinLRslow {
	transition: 0.75s cubic-bezier(.51,0,.52,1);
}
.slideinLRslow.delighter {
	transform: translateX(-150%);
	opacity: 0;
}
.slideinLRslow.delighter.started {
	transform:none;
	opacity: 1;
}

.slideinRL {
	transition: 0.5s cubic-bezier(.51,0,.52,1);
}
.slideinRL.delighter {
	transform: translateX(150%);
	opacity: 0;
}
.slideinRL.delighter.started {
	transform:none;
	opacity: 1;
}

.slideinRLslow {
	transition:0.75s cubic-bezier(.51,0,.52,1);
}
.slideinRLslow.delighter {
	transform: translateX(150%);
	opacity: 0;
}
.slideinRLslow.delighter.started {
	transform:none;
	opacity: 1;
}


.slideinBT {
	transition: ease 1.5s;
}
.slideinBT.delighter {
	transform: translateY(150%);
	opacity: 0;
}
.slideinBT.delighter.started {
	transform:none;
	opacity: 1;
}

/*--------------------keyframeanim-------------------*/


@keyframes fadeout {
	0% {
		transform: none;
		opacity: 1;
	}
	100%{
		transform: none;
		opacity: 0;
	}
}
@keyframes titlekey {
	0%{
		transform: translateY(120%);
		opacity: 0;
	}
	99.9%
	to{
		transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes titleoff {
	0%{
		transform: none;
		opacity: 1;
		display: block;
	}
	100%{
		transform: translateY(120%);
		opacity: 0;
		display: none;
	}
}


.titlekey {
	animation-name: titlekey;
	animation-timing-function:  cubic-bezier(.24,.01,.27,1.44);
	animation-iteration-count: 1;
	animation-duration: 0.3s;
	animation-delay: 0.5s;
	
}


.item{
		transform: scale(0);
}

@keyframes peoplekey {
	0%{
		transform: scale(0);
		opacity:0;
		
	}
	1%{
		transform: scale(0.001);
		opacity:1;
	}
	100%{
		transform: scale(1);
		opacity:1;
	}
}
.peoplekey {
	animation-name: peoplekey;
	animation-timing-function:  cubic-bezier(.24,.01,.27,1.44);
	animation-iteration-count: 1;
	animation-duration: 0.3s;
	transform: scale(0);
	animation-fill-mode: forwards;
	animation-delay:0.01s;
}
.peoplekey-nd {
	animation-name: peoplekey;
	animation-timing-function:  cubic-bezier(.24,.01,.27,1.44);
	animation-iteration-count: 1;
	animation-duration: 0.3s;
	transform: scale(0);
	animation-fill-mode: forwards;
	
}

@keyframes slideinLR-key {
	0%{
		transform: translateX(-150%);
		opacity: 0;
	}
	100%{
		transform: none;
		opacity: 1;
	}
}

.slideinLR-key {
	animation-name: slideinLR-key;
	animation-timing-function:cubic-bezier(.51,0,.52,1);
	animation-iteration-count: 1;
	animation-duration: 0.5s;
}

@keyframes slideinRL-key {
	0%{
		transform: translateX(150%);
		opacity: 0;
	}
	100%{
		transform: none;
		opacity: 1;
	}
}

.slideinRL-key {
	animation-name: slideinRL-key;
	animation-timing-function: cubic-bezier(.51,0,.52,1);
	animation-iteration-count: 1;
	animation-duration: 0.5s;
}