@keyframes dash-1 {
	to {
		stroke-dashoffset:				0;
	}
}

@keyframes reduce {
	from {
		transform:						scale(1);
	}
	30% {
		transform:						scale(1);
	}
	to {
		transform:						scale(1.06);
	}
}

@keyframes jump {
	from {
		transform:						rotate(45deg) translateX(0px) translateY(0px);
	}
	50% {
		transform:						rotate(45deg) translateX(-5px) translateY(-5px);
	}
	to {
		transform:						rotate(45deg) translateX(0px) translateY(0px);
	}
}


@keyframes jump-2 {
	from {
		top:							-55px;
		transform:						rotate(45deg) translateX(0px) translateY(0px);
	}
	50% {
		top:							-55px;
		transform:						rotate(45deg) translateX(-5px) translateY(-5px);
	}
	to {
		top:							-55px;
		transform:						rotate(45deg) translateX(0px) translateY(0px);
	}
}


@keyframes menu-open {
	from {
		transform:						rotate(765deg);
		top:							-25px;
		left:							calc(50% - 25px);
		width:							50px;
	}
	33% {
		transform:						rotate(765deg);
		top:							-25px;
		left:							calc(50% - 25px);
		width:							50px;
	}
	47% {
		transform:						rotate(50deg);
		top:							-25px;
		left:							calc(50% - 25px);
		width:							50px;
	}
	60% {
		transform:						rotate(0deg);
		top:							0;
		left:							calc(50% - 25px);
		width:							50px;
		filter:							blur(2px);
	}
	60.1% {
		transform:						rotate(0deg);
		top:							0;
		left:							calc(50% - 25px);
		width:							50px;
		filter:							blur(0px);
	}
	to {
		transform:						rotate(0deg);
		top:							0;
		left:							0;
		width:							100%;
	}
}

@keyframes menu-open-resp {
	from {
		transform:						rotate(765deg);
		top:							-50px;
		left:							calc(50% - 50px);
		width:							100px;
	}
	33% {
		transform:						rotate(765deg);
		top:							-50px;
		left:							calc(50% - 50px);
		width:							100px;
	}
	47% {
		transform:						rotate(50deg);
		top:							-50px;
		left:							calc(50% - 50px);
		width:							100px;
	}
	60% {
		transform:						rotate(0deg);
		top:							0;
		left:							calc(50% - 50px);
		width:							100px;
		filter:							blur(2px);
	}
	60.1% {
		transform:						rotate(0deg);
		top:							0;
		left:							calc(50% - 50px);
		width:							10px;
		filter:							blur(0px);
	}
	to {
		transform:						rotate(0deg);
		top:							0;
		left:							0;
		width:							100%;
	}
}


@keyframes menu-btn-show {
	from {
		top:							-130px;
	}
	70% {
		top:							-130px;		
	}
	to {
		top:							-55px;
	}
}

@keyframes translation-01 {
	from {
		transform:						scale(1);
		top:							0vh;
	}
	20% {
		transform:						scale(0.8);
		top:							0vh;
	}
	40% {
		transform:						scale(0.8);
		top:							60vh;
	}
	60% {
		transform:						scale(0.8);
		top:							60vh;
	}
	80% {
		transform:						scale(0.8);
		top:							0vh;
	}
	to {
		transform:						scale(1);
		top:							0vh;
	}
}