
/* --- map --- */
@-webkit-keyframes map_in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes map_in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
/*  */
@-webkit-keyframes map_out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes map_out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}
/* --- city --- */
@-webkit-keyframes city_in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(15px);
		transform: translateY(15px)
	}

	80% {
		opacity: 1;
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes city_in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(15px);
		-ms-transform: translateY(15px);
		transform: translateY(15px)
	}
	80% {
		opacity: 1;
		-webkit-transform: translateY(-6px);
		-ms-transform: translateY(-6px);
		transform: translateY(-6px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}
/* --- sea --- */
@-webkit-keyframes sea {
	0% {
		left: -28.85%;
		bottom: 0px;
	}
	100% {
		left: -10%;
		bottom: -10%;
	}
}

@keyframes sea {
	0% {
		left: -28.85%;
		bottom: 0px;
	}
	100% {
		left: -10%;
		bottom: -10%;
	}
}
/* --- fadeInDownBig --- */
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-600px);
		transform: translateY(-600px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-600px);
		-ms-transform: translateY(-600px);
		transform: translateY(-600px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}
/* --- fadeInLeftBig --- */
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-1000px);
		-ms-transform: translateX(-1000px);
		transform: translateX(-1000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
/* --- fadeInDown --- */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		transform: translateY(-40px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}
/* --- fadeInUpBig --- */
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(600px);
		transform: translateY(600px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(600px);
		-ms-transform: translateY(600px);
		transform: translateY(600px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

/* --- menu_in --- */
@-webkit-keyframes menu_in {
	0% {
		opacity: 0;
		-webkit-transform: translateX(66px);
		transform: translateX(66px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes menu_in {
	0% {
		opacity: 0;
		-webkit-transform: translateX(66px);
		-ms-transform: translateX(66px);
		transform: translateX(66px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

/* --- opacity01 --- */
@-webkit-keyframes opacity01 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes opacity01 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
/* --- fadeInLeft --- */
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-60px);
		transform: translateX(-60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-60px);
		-ms-transform: translateX(-60px);
		transform: translateX(-60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
/* --- fadeInRight --- */
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
/* --- fadeInUp --- */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px);
		-ms-transform: translateY(60px);
		transform: translateY(60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}
/* --- fadeInLeftUp --- */
@-webkit-keyframes fadeInLeftUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(-60px, 60px);
		transform: translate(-60px, 60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes fadeInLeftUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(-60px, 60px);
		-ms-transform: translate(-60px, 60px);
		transform: translate(-60px, 60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}
/* --- fadeInRightUp --- */
@-webkit-keyframes fadeInRightUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(60px, 60px);
		transform: translate(60px, 60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes fadeInRightUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(60px, 60px);
		-ms-transform: translate(60px, 60px);
		transform: translate(60px, 60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

/* --- fadeInRightUp --- */
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1000px);
		transform: translateY(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	80% {
		opacity: 1;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1000px);
		-ms-transform: translateY(-1000px);
		transform: translateY(-1000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px)
	}

	80% {
		opacity: 1;
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

/* --- summarize_i --- */
@-webkit-keyframes summarize_i {
	0% {
		left: 0%;
	}
	100% {
		left: -87.5%;
	}
}

@keyframes summarize_i {
	0% {
		left: 0%;
	}
	100% {
		left: -87.5%;
	}
}