@charset "utf-8";
/*================================================

* ANIMATION *

================================================*/
.pop01 {
	animation-duration: 3s;
	animation-name: pop01;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}
@keyframes pop01 {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	28% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	31% {
		-webkit-transform: scale3d(1.2, 0.9, 1);
		-ms-transform: scale3d(1.2, 0.9, 1);
		-o-transform: scale3d(1.2, 0.9, 1);
		transform: scale3d(1.2, 0.9, 1);
	}
	34% {
		-webkit-transform: scale3d(0.9, 1.2, 1);
		-ms-transform: scale3d(0.9, 1.2, 1);
		-o-transform: scale3d(0.9, 1.2, 1);
		transform: scale3d(0.9, 1.2, 1);
	}
	37% {
		-webkit-transform: scale3d(1.2, 0.9, 1);
		-ms-transform: scale3d(1.2, 0.9, 1);
		-o-transform: scale3d(1.2, 0.9, 1);
		transform: scale3d(1.2, 0.9, 1);
	}
	40% {
		-webkit-transform: scale3d(0.9, 1.2, 1);
		-ms-transform: scale3d(0.9, 1.2, 1);
		-o-transform: scale3d(0.9, 1.2, 1);
		transform: scale3d(0.9, 1.2, 1);
	}
	43% {
		-webkit-transform: scale3d(1.2, 0.9, 1);
		-ms-transform: scale3d(1.2, 0.9, 1);
		-o-transform: scale3d(1.2, 0.9, 1);
		transform: scale3d(1.2, 0.9, 1);
	}
	46% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.nowrap-s {
	animation-duration: 7s;
	animation-name: nowrap-s;
	animation-iteration-count: infinite;
	transform-origin: right;
}
@keyframes nowrap-s {
	0% {
		-webkit-transform: translateX(150%);
		-ms-transform: translateX(150%);
		-o-transform: translateX(150%);
		transform: translateX(150%);
		animation-timing-function: ease;
	}
	30% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		animation-timing-function: linear;
	}
	70% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		animation-timing-function: linear;
	}
	100% {
		-webkit-transform: translateX(-150%);
		-ms-transform: translateX(-150%);
		-o-transform: translateX(-150%);
		transform: translateX(-150%);
		animation-timing-function: linear;
	}
}
.nowrap-m {
	animation-duration: 7s;
	animation-name: nowrap-m;
	animation-iteration-count: infinite;
	transform-origin: right;
}
@keyframes nowrap-m {
	0% {
		-webkit-transform: translateX(240%);
		-ms-transform: translateX(240%);
		-o-transform: translateX(240%);
		transform: translateX(240%);
		animation-timing-function: ease;
	}
	30% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		animation-timing-function: linear;
	}
	70% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		animation-timing-function: linear;
	}
	100% {
		-webkit-transform: translateX(-240%);
		-ms-transform: translateX(-240%);
		-o-transform: translateX(-240%);
		transform: translateX(-240%);
		animation-timing-function: linear;
	}
}
.nowrap-l {
	animation-duration: 10s;
	animation-name: nowrap-l;
	animation-iteration-count: infinite;
	transform-origin: right;
}
@keyframes nowrap-l {
	0% {
		-webkit-transform: translateX(350%);
		-ms-transform: translateX(350%);
		-o-transform: translateX(350%);
		transform: translateX(350%);
		animation-timing-function: ease;
	}
	30% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		animation-timing-function: linear;
	}
	70% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		animation-timing-function: linear;
	}
	100% {
		-webkit-transform: translateX(-350%);
		-ms-transform: translateX(-350%);
		-o-transform: translateX(-350%);
		transform: translateX(-350%);
		animation-timing-function: linear;
	}
}

.nowrap-xl {
	animation-duration: 10s;
	animation-name: nowrap-xl;
	animation-iteration-count: infinite;
	transform-origin: right;
}
@keyframes nowrap-xl {
	0% {
		-webkit-transform: translateX(450%);
		-ms-transform: translateX(450%);
		-o-transform: translateX(450%);
		transform: translateX(450%);
		animation-timing-function: ease;
	}
	30% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		animation-timing-function: linear;
	}
	70% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		animation-timing-function: linear;
	}
	100% {
		-webkit-transform: translateX(-450%);
		-ms-transform: translateX(-450%);
		-o-transform: translateX(-450%);
		transform: translateX(-450%);
		animation-timing-function: linear;
	}
}

.jennypop {
	animation-duration: 3s;
	animation-name: jennypop;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}
@keyframes jennypop {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	12% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	15% {
		-webkit-transform: scale3d(1.1, 0.9, 1);
		-ms-transform: scale3d(1.1, 0.9, 1);
		-o-transform: scale3d(1.1, 0.9, 1);
		transform: scale3d(1.1, 0.9, 1);
		transform-origin: 50% 50%;
	}
	18% {
		-webkit-transform: scale3d(0.9, 1.1, 1);
		-ms-transform: scale3d(0.9, 1.1, 1);
		-o-transform: scale3d(0.9, 1.1, 1);
		transform: scale3d(0.9, 1.1, 1);
		transform-origin: 50% 50%;
	}
	21% {
		-webkit-transform: scale3d(1.1, 0.9, 1);
		-ms-transform: scale3d(1.1, 0.9, 1);
		-o-transform: scale3d(1.1, 0.9, 1);
		transform: scale3d(1.1, 0.9, 1);
		transform-origin: 50% 50%;
	}
	24% {
		-webkit-transform: scale3d(0.9, 1.1, 1);
		-ms-transform: scale3d(0.9, 1.1, 1);
		-o-transform: scale3d(0.9, 1.1, 1);
		transform: scale3d(0.9, 1.1, 1);
		transform-origin: 50% 50%;
	}
	27% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	55% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	58% {
		-webkit-transform: scale3d(0.9, 1.1, 1);
		-ms-transform: scale3d(0.9, 1.1, 1);
		-o-transform: scale3d(0.9, 1.1, 1);
		transform: scale3d(0.9, 1.1, 1);
		transform-origin: 50% 50%;
	}
	61% {
		-webkit-transform: scale3d(1.1, 0.9, 1);
		-ms-transform: scale3d(1.1, 0.9, 1);
		-o-transform: scale3d(1.1, 0.9, 1);
		transform: scale3d(1.1, 0.9, 1);
		transform-origin: 50% 50%;
	}
	64% {
		-webkit-transform: scale3d(0.9, 1.1, 1);
		-ms-transform: scale3d(0.9, 1.1, 1);
		-o-transform: scale3d(0.9, 1.1, 1);
		transform: scale3d(0.9, 1.1, 1);
		transform-origin: 50% 50%;
	}
	67% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
}
.willpop {
	animation-duration: 3s;
	animation-name: willpop;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}
@keyframes willpop {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	28% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	31% {
		-webkit-transform: scale3d(1.1, 0.9, 1);
		-ms-transform: scale3d(1.1, 0.9, 1);
		-o-transform: scale3d(1.1, 0.9, 1);
		transform: scale3d(1.1, 0.9, 1);
		transform-origin: 50% 50%;
	}
	34% {
		-webkit-transform: scale3d(0.9, 1.1, 1);
		-ms-transform: scale3d(0.9, 1.1, 1);
		-o-transform: scale3d(0.9, 1.1, 1);
		transform: scale3d(0.9, 1.1, 1);
		transform-origin: 50% 50%;
	}
	37% {
		-webkit-transform: scale3d(1.1, 0.9, 1);
		-ms-transform: scale3d(1.1, 0.9, 1);
		-o-transform: scale3d(1.1, 0.9, 1);
		transform: scale3d(1.1, 0.9, 1);
		transform-origin: 50% 50%;
	}
	40% {
		-webkit-transform: scale3d(0.9, 1.1, 1);
		-ms-transform: scale3d(0.9, 1.1, 1);
		-o-transform: scale3d(0.9, 1.1, 1);
		transform: scale3d(0.9, 1.1, 1);
		transform-origin: 50% 50%;
	}
	43% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	84% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	87% {
		-webkit-transform: scale3d(0.9, 1.1, 1);
		-ms-transform: scale3d(0.9, 1.1, 1);
		-o-transform: scale3d(0.9, 1.1, 1);
		transform: scale3d(0.9, 1.1, 1);
		transform-origin: 50% 50%;
	}
	90% {
		-webkit-transform: scale3d(1.1, 0.9, 1);
		-ms-transform: scale3d(1.1, 0.9, 1);
		-o-transform: scale3d(1.1, 0.9, 1);
		transform: scale3d(1.1, 0.9, 1);
		transform-origin: 50% 50%;
	}
	93% {
		-webkit-transform: scale3d(0.9, 1.1, 1);
		-ms-transform: scale3d(0.9, 1.1, 1);
		-o-transform: scale3d(0.9, 1.1, 1);
		transform: scale3d(0.9, 1.1, 1);
		transform-origin: 50% 50%;
	}
	96% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		transform-origin: 50% 50%;
	}
}

.arrow-down {
	animation-duration: 2s;
	animation-name: arrow-down;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}
@keyframes arrow-down {
	0% {
		-webkit-transform: translateY(0) rotate(45deg);
		-ms-transform: translateY(0) rotate(45deg);
		-o-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
		transform-origin: 50% 50%;
		opacity: 0;
		transition: 0.35s ease;
	}
	30% {
		opacity: 1;
		transition: 0.35s ease;
	}
	90% {
		-webkit-transform: translateY(2rem) rotate(45deg);
		-ms-transform: translateY(2rem) rotate(45deg);
		-o-transform: translateY(2rem) rotate(45deg);
		transform: translateY(2rem) rotate(45deg);
		transform-origin: 50% 50% rotate(45deg);
	}
	100% {
		opacity: 0;
	}
}


.intro-move {
	animation-duration: 1s;
	animation-name: intro-move;
	animation-timing-function: ease;
	animation-iteration-count: 1;
}
@keyframes intro-move {
	0% {
		-webkit-transform: translateY(120%);
		-ms-transform: translateY(120%);
		-o-transform: translateY(120%);
		transform: translateY(120%);
		transform-origin: 50% 50%;
	}
	40% {
		-webkit-transform: translateY(35%);
		-ms-transform: translateY(35%);
		-o-transform: translateY(35%);
		transform: translateY(35%);
		transform-origin: 50% 50%;
	}
	60% {
		-webkit-transform: translateY(40%);
		-ms-transform: translateY(40%);
		-o-transform: translateY(40%);
		transform: translateY(40%);
		transform-origin: 50% 50%;
	}
	100% {
		-webkit-transform: translateY(-120%);
		-ms-transform: translateY(-120%);
		-o-transform: translateY(-120%);
		transform: translateY(-120%);
		transform-origin: 50% 50%;
	}
}

.answer-move {
	animation-duration:1.5s;
	animation-name: answer-move;
	animation-timing-function: ease;
	animation-iteration-count: 1;
}
@keyframes answer-move {
	0% {
		-webkit-transform: translateY(120%);
		-ms-transform: translateY(120%);
		-o-transform: translateY(120%);
		transform: translateY(120%);
		transform-origin: 50% 50%;
	}
	20% {
		-webkit-transform: translateY(10%);
		-ms-transform: translateY(10%);
		-o-transform: translateY(10%);
		transform: translateY(10%);
		transform-origin: 50% 50%;
	}
	80% {
		-webkit-transform: translateY(20%);
		-ms-transform: translateY(20%);
		-o-transform: translateY(20%);
		transform: translateY(20%);
		transform-origin: 50% 50%;
	}
	100% {
		-webkit-transform: translateY(-120%);
		-ms-transform: translateY(-120%);
		-o-transform: translateY(-120%);
		transform: translateY(-120%);
		transform-origin: 50% 50%;
	}
}


.bubble-in-right {
	animation-duration: 0.35s;
	animation-name: bubble-in-right;
	animation-timing-function: ease;
	animation-iteration-count: 1;
}
@keyframes bubble-in-right {
	0% {
		-webkit-transform: translateX(150%) scale3d(1,1,1);
		-ms-transform: translateX(150%) scale3d(1,1,1);
		-o-transform: translateX(150%) scale3d(1,1,1);
		transform: translateX(150%) scale3d(1,1,1);
		transform-origin: left;
	}
	50% {
		-webkit-transform: translateX(0%) scale3d(1,1,1);
		-ms-transform: translateX(0%) scale3d(1,1,1);
		-o-transform: translateX(0%) scale3d(1,1,1);
		transform: translateX(0%) scale3d(1,1,1);
		transform-origin: left;
	}
	60% {
		-webkit-transform: translateX(0%) scale3d(0.2, 1.4, 1);
		-ms-transform: translateX(0%) scale3d(0.2, 1.4, 1);
		-o-transform: translateX(0%) scale3d(0.2, 1.4, 1);
		transform: translateX(0%) scale3d(0.2, 1.4, 1);
		transform-origin: left;
	}
	70% {
		-webkit-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		-ms-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		-o-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		transform: translateX(0%) scale3d(0.8, 1.2, 1);
		transform-origin: left;
	}
	80% {
		-webkit-transform: translateX(0%) scale3d(0.5, 1.4, 1);
		-ms-transform: translateX(0%) scale3d(0.5, 1.4, 1);
		-o-transform: translateX(0%) scale3d(0.5, 1.4, 1);
		transform: translateX(0%) scale3d(0.5, 1.4, 1);
		transform-origin: left;
	}
	90% {
		-webkit-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		-ms-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		-o-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		transform: translateX(0%) scale3d(0.8, 1.2, 1);
		transform-origin: left;
	}
	100% {
		-webkit-transform: translateX(0%) scale3d(1, 1, 1);
		-ms-transform: translateX(0%) scale3d(1, 1, 1);
		-o-transform: translateX(0%) scale3d(1, 1, 1);
		transform: translateX(0%) scale3d(1, 1, 1);
		transform-origin: left;
	}
}

.bubble-in-left {
	animation-duration: 0.35s;
	animation-name: bubble-in-left;
	animation-timing-function: ease;
	animation-iteration-count: 1;
}
@keyframes bubble-in-left {
	0% {
		-webkit-transform: translateX(-150%) scale3d(1,1,1);
		-ms-transform: translateX(-150%) scale3d(1,1,1);
		-o-transform: translateX(-150%) scale3d(1,1,1);
		transform: translateX(-150%) scale3d(1,1,1);
		transform-origin: right;
	}
	50% {
		-webkit-transform: translateX(0%) scale3d(1,1,1);
		-ms-transform: translateX(0%) scale3d(1,1,1);
		-o-transform: translateX(0%) scale3d(1,1,1);
		transform: translateX(0%) scale3d(1,1,1);
		transform-origin: right;
	}
	60% {
		-webkit-transform: translateX(0%) scale3d(0.2, 1.4, 1);
		-ms-transform: translateX(0%) scale3d(0.2, 1.4, 1);
		-o-transform: translateX(0%) scale3d(0.2, 1.4, 1);
		transform: translateX(0%) scale3d(0.2, 1.4, 1);
		transform-origin: right;
	}
	70% {
		-webkit-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		-ms-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		-o-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		transform: translateX(0%) scale3d(0.8, 1.2, 1);
		transform-origin: right;
	}
	80% {
		-webkit-transform: translateX(0%) scale3d(0.5, 1.4, 1);
		-ms-transform: translateX(0%) scale3d(0.5, 1.4, 1);
		-o-transform: translateX(0%) scale3d(0.5, 1.4, 1);
		transform: translateX(0%) scale3d(0.5, 1.4, 1);
		transform-origin: right;
	}
	90% {
		-webkit-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		-ms-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		-o-transform: translateX(0%) scale3d(0.8, 1.2, 1);
		transform: translateX(0%) scale3d(0.8, 1.2, 1);
		transform-origin: right;
	}
	100% {
		-webkit-transform: translateX(0%) scale3d(1, 1, 1);
		-ms-transform: translateX(0%) scale3d(1, 1, 1);
		-o-transform: translateX(0%) scale3d(1, 1, 1);
		transform: translateX(0%) scale3d(1, 1, 1);
		transform-origin: right;
	}
}

.fade-out {
	animation-duration: 2s;
	animation-name: fade-out;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	transition: all 1s ease;
}
@keyframes fade-out {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.glow {
	animation-duration: 2s;
	animation-name: glow;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	transition: all 1s ease;
}
@keyframes glow {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.blink {
	animation-duration: 4s;
	animation-name: blink;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	transition: all 1s ease;
}
@keyframes blink {
	0% {
		background-color: #4c8933;
	}
	10% {
		background-color: #58d324;
	}
	20% {
		background-color: #4c8933;
	}
	30% {
		background-color: #58d324;
	}
	40% {
		background-color: #4c8933;
	}
	50% {
		background-color: #58d324;
	}
	60% {
		background-color: #4c8933;
	}
	70% {
		background-color: #58d324;
	}
	80% {
		background-color: #4c8933;
	}
	90% {
		background-color: #58d324;
	}
	100% {
		background-color: #4c8933;
	}
}

.rolling {
	animation-duration: 3s;
	animation-name: rolling;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	transition: all 1s ease;
}
@keyframes rolling {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.popup-bg {
	animation-duration: 4s;
	animation-name: popup-bg;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	transition: all 1s ease;
}
@keyframes popup-bg {
	0% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	5% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	95% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	100% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
}
.popup-wrap {
	animation-duration: 4s;
	animation-name: popup-wrap;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	transition: all 1s ease;
}
@keyframes popup-wrap {
	0% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	5% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	85% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	90% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
}
.bounce {
	animation-duration: 0.5s;
	animation-name: bounce;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	transition: all 1s ease;
}
@keyframes bounce {
	0% {
		-webkit-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-o-transform: translateY(-200%);
		transform: translateY(-200%);
	}
	50% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	60% {
		-webkit-transform: translateY(-10%);
		-ms-transform: translateY(-10%);
		-o-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	70% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	73% {
		-webkit-transform: translateY(-3%);
		-ms-transform: translateY(-3%);
		-o-transform: translateY(-3%);
		transform: translateY(-3%);
	}
	75% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	78% {
		-webkit-transform: translateY(-3%);
		-ms-transform: translateY(-3%);
		-o-transform: translateY(-3%);
		transform: translateY(-3%);
	}
	81% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	100% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.cong-shine {
	animation-duration: 2s;
	animation-name: cong-shine;
	animation-iteration-count: infinite;
}
@keyframes cong-shine {
	0% {
		-webkit-transform: translateX(-350px) rotate(25deg);
		-ms-transform: translateX(-350px) rotate(25deg);
		-o-transform: translateX(-350px) rotate(25deg);
		transform: translateX(-350px) rotate(25deg);
	}
	50% {
		-webkit-transform: translateX(350px) rotate(25deg);
		-ms-transform: translateX(350px) rotate(25deg);
		-o-transform: translateX(350px) rotate(25deg);
		transform: translateX(350px) rotate(25deg);
	}
	100% {
		-webkit-transform: translateX(350px) rotate(25deg);
		-ms-transform: translateX(350px) rotate(25deg);
		-o-transform: translateX(350px) rotate(25deg);
		transform: translateX(350px) rotate(25deg);
	}
}

.cong-arrow {
	animation-duration: 2s;
	animation-name: cong-arrow;
	animation-iteration-count: infinite;
}
@keyframes cong-arrow {
	0% {
		-webkit-transform: translateX(-10px) rotate(45deg);
		-ms-transform: translateX(-10px) rotate(45deg);
		-o-transform: translateX(-10px) rotate(45deg);
		transform: translateX(-10px) rotate(45deg);
	}
	30% {
		-webkit-transform: translateX(10px) rotate(45deg);
		-ms-transform: translateX(10px) rotate(45deg);
		-o-transform: translateX(10px) rotate(45deg);
		transform: translateX(10px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateX(10px) rotate(45deg);
		-ms-transform: translateX(10px) rotate(45deg);
		-o-transform: translateX(10px) rotate(45deg);
		transform: translateX(10px) rotate(45deg);
	}
	80% {
		-webkit-transform: translateX(-10px) rotate(45deg);
		-ms-transform: translateX(-10px) rotate(45deg);
		-o-transform: translateX(-10px) rotate(45deg);
		transform: translateX(-10px) rotate(45deg);
	}
	100% {
		-webkit-transform: translateX(-10px) rotate(45deg);
		-ms-transform: translateX(-10px) rotate(45deg);
		-o-transform: translateX(-10px) rotate(45deg);
		transform: translateX(-10px) rotate(45deg);
	}
}