.title {
	overflow: hidden;
}

.title > p,
.title > .red-highlight {
	opacity: 0;
}

.title > .red-highlight {
	-webkit-transition: 0.6s all ease 0.2s;
	-moz-transition: 0.6s all ease 0.2s;
	-o-transition: 0.6s all ease 0.2s;
	-ms-transition: 0.6s all ease 0.2s;
	transition: 0.6s all ease 0.2s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform translateY(-10px);: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}



.title > p {
	-webkit-transition: 0.6s all ease 0.5s;
	-moz-transition: 0.6s all ease 0.5s;
	-o-transition: 0.6s all ease 0.5s;
	-ms-transition: 0.6s all ease 0.5s;
	transition: 0.6s all ease 0.5s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}

.animation.title > * {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

div[class*="grass"] {
	width: auto;
	height: auto;
	overflow: hidden;
}

@media (max-width: 1000px) {

	[class*=rabbit_fox] , [class*=rabbit_fox] * {
		display: none !important ;
	}


	.rabbit_fox_01,
	.rabbit_fox_01 > .leading-role {
		display: block !important ;
	}

}


@media (min-width: 1001px) {

	.rabbit_fox_01 > .tree {
		-webkit-transform: translateX(80px);
		-moz-transform: translateX(80px);
		-o-transform: translateX(80px);
		-ms-transform: translateX(80px);
		transform: translateX(80px);
	}

	.rabbit_fox_01 > div[class*="grass"] > img {
		-webkit-transform: translateY(33px);
		-moz-transform: translateY(33px);
		-o-transform: translateY(33px);
		-ms-transform: translateY(33px);
		transform: translateY(33px);
		opacity: 0.4;
	}

	.rabbit_fox_01 * {
		-webkit-transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
		-moz-transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
		-o-transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
		-ms-transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
		transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
	}

	.animation.rabbit_fox_01 > .tree,
	.animation.rabbit_fox_01 > div[class*="grass"] > img {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}


.downarrow > img {
	opacity: 0.2;
	-webkit-transform: scale3d(.8,.8,1) rotate(12deg);
	-moz-transform: scale3d(.8,.8,1) rotate(12deg);
	-o-transform: scale3d(.8,.8,1) rotate(12deg);
	-ms-transform: scale3d(.8,.8,1) rotate(12deg);
	transform: scale3d(.8,.8,1) rotate(12deg);
	-webkit-transition: 0.4s all ease 0.1s;
	-moz-transition: 0.4s all ease 0.1s;
	-o-transition: 0.4s all ease 0.1s;
	-ms-transition: 0.4s all ease 0.1s;
	transition: 0.4s all ease 0.1s;
}

.animation.downarrow > img {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1) rotate(0deg);
	-moz-transform: scale3d(1,1,1) rotate(0deg);
	-o-transform: scale3d(1,1,1) rotate(0deg);
	-ms-transform: scale3d(1,1,1) rotate(0deg);
	transform: scale3d(1,1,1) rotate(0deg);
}


.upcoming-title {
	overflow: hidden;
}

.upcoming-title > h2 {
	-webkit-transform: translateY(-90%);
	-moz-transform: translateY(-90%);
	-o-transform: translateY(-90%);
	-ms-transform: translateY(-90%);
	transform: translateY(-90%);
	opacity: 0;
	-webkit-transition: 0.6s transform ease , 0.8s opacity ease 0.2s;
	-moz-transition: 0.6s transform ease , 0.8s opacity ease 0.2s;
	-o-transition: 0.6s transform ease , 0.8s opacity ease 0.2s;
	-ms-transition: 0.6s transform ease , 0.8s opacity ease 0.2s;
	transition: 0.6s transform ease , 0.8s opacity ease 0.2s;
}

.animation.upcoming-title > h2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}


.upcoming-list {
	overflow: hidden;
}

.upcoming-list-item > div {
	opacity: 0;
	-webkit-transition: 0.6s all ease-out 0.3s;
	-moz-transition: 0.6s all ease-out 0.3s;
	-o-transition: 0.6s all ease-out 0.3s;
	-ms-transition: 0.6s all ease-out 0.3s;
	transition: 0.6s all ease-out 0.3s;
}

.upcoming-list-item > .upcoming-img {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
}

.upcoming-list-item > .upcoming-content {
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-o-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}


.animation.upcoming-list-item > .upcoming-img,
.animation.upcoming-list-item > .upcoming-content {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.animation.rabbit_fox_02 > .tree {
	animation: tree-shake 0.7s ease;
}

@keyframes tree-shake {
	0% {
		-webkit-transform: rotate(-2deg) translateX(-180px);
		-moz-transform: rotate(-2deg) translateX(-180px);
		-o-transform: rotate(-2deg) translateX(-180px);
		-ms-transform: rotate(-2deg) translateX(-180px);
		transform: rotate(-2deg) translateX(-180px);
		-webkit-transform: 50% 0% 0%;
		-moz-transform: 50% 0% 0%;
		-o-transform: 50% 0% 0%;
		-ms-transform: 50% 0% 0%;
		transform:origin: 50% 0% 0%;
	}
	50% {
		-webkit-transform: rotate(1.75deg);
		-moz-transform: rotate(1.75deg);
		-o-transform: rotate(1.75deg);
		-ms-transform: rotate(1.75deg);
		transform: rotate(1.75deg);
	}
	75% {
		-webkit-transform: rotate(-1deg);
		-moz-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		-ms-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
	82.5%{
		-webkit-transform: rotate(0.25deg);
		-moz-transform: rotate(0.25deg);
		-o-transform: rotate(0.25deg);
		-ms-transform: rotate(0.25deg);
		transform: rotate(0.25deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: rotate(0deg) translateX(0);
		-moz-transform: rotate(0deg) translateX(0);
		-o-transform: rotate(0deg) translateX(0);
		-ms-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}
}


.rabbit_fox_02 > div[class*="grass"] > img {
	-webkit-transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
	-moz-transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
	-o-transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
	-ms-transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
	transition: 0.6s transform ease 0.1s, 0.8s opacity ease 0.3s;
	-webkit-transform: translateY(33px);
	-moz-transform: translateY(33px);
	-o-transform: translateY(33px);
	-ms-transform: translateY(33px);
	transform: translateY(33px);
	opacity: 0.4;
}

.animation.rabbit_fox_02 > div[class*="grass"] > img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.history-title,
.timeline > .line {
	opacity: 0;
	-webkit-transition: 0.6s all ease;
	-moz-transition: 0.6s all ease;
	-o-transition: 0.6s all ease;
	-ms-transition: 0.6s all ease;
	transition: 0.6s all ease;
}

.history-title > .heart {
	animation: heart-beating 0.85s ease infinite;
}

@keyframes heart-beating {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.03);
		-moz-transform: scale(1.03);
		-o-transform: scale(1.03);
		-ms-transform: scale(1.03);
		transform: scale(1.03);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.history-title > h2 {
	z-index: 1;
}

.animation.history-title,
.animation.timeline > .line {
	opacity: 1;
}



.history-list-item > div ,
.overflow-non-show {
	overflow: hidden;
}

.timeline > [class^="dot"]{
	opacity: 0;
	-webkit-transition: 0.4s opacity ease 0.1s;
	-moz-transition: 0.4s opacity ease 0.1s;
	-o-transition: 0.4s opacity ease 0.1s;
	-ms-transition: 0.4s opacity ease 0.1s;
	transition: 0.4s opacity ease 0.1s;
}

.history-img {
	opacity: 0;
	-webkit-transition: 0.4s all ease 0.5s;
	-moz-transition: 0.4s all ease 0.5s;
	-o-transition: 0.4s all ease 0.5s;
	-ms-transition: 0.4s all ease 0.5s;
	transition: 0.4s all ease 0.5s;
}

.history-list-item > .history-img {
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-o-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
}

.overflow-non-show {
	-webkit-transition: 0.4s all ease;
	-moz-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
	-ms-transition: 0.4s all ease;
	transition: 0.4s all ease;
}

.overflow-non-show {
	opacity: 0;
	-webkit-transform: translateY(-1em);
	-moz-transform: translateY(-1em);
	-o-transform: translateY(-1em);
	-ms-transform: translateY(-1em);
	transform: translateY(-1em);
}

.overflow-non-show:nth-child(1) {
	-webkit-transition: calc(0.5s + 0.25s * 1);
	-moz-transition: calc(0.5s + 0.25s * 1);
	-o-transition: calc(0.5s + 0.25s * 1);
	-ms-transition: calc(0.5s + 0.25s * 1);
	transition-delay: calc(0.5s + 0.25s * 1);
}

.overflow-non-show:nth-child(2) {
	-webkit-transition: calc(0.5s + 0.25s * 2);
	-moz-transition: calc(0.5s + 0.25s * 2);
	-o-transition: calc(0.5s + 0.25s * 2);
	-ms-transition: calc(0.5s + 0.25s * 2);
	transition-delay: calc(0.5s + 0.25s * 2);
}

.overflow-non-show:nth-child(3) {
	-webkit-transition: calc(0.5s + 0.25s * 3);
	-moz-transition: calc(0.5s + 0.25s * 3);
	-o-transition: calc(0.5s + 0.25s * 3);
	-ms-transition: calc(0.5s + 0.25s * 3);
	transition-delay: calc(0.5s + 0.25s * 3);
}

.overflow-non-show:nth-child(4) {
	-webkit-transition: calc(0.5s + 0.25s * 4);
	-moz-transition: calc(0.5s + 0.25s * 4);
	-o-transition: calc(0.5s + 0.25s * 4);
	-ms-transition: calc(0.5s + 0.25s * 4);
	transition-delay: calc(0.5s + 0.25s * 4);
}

.overflow-non-show:nth-child(5) {
	-webkit-transition: calc(0.5s + 0.25s * 5);
	-moz-transition: calc(0.5s + 0.25s * 5);
	-o-transition: calc(0.5s + 0.25s * 5);
	-ms-transition: calc(0.5s + 0.25s * 5);
	transition-delay: calc(0.5s + 0.25s * 5);
}

.overflow-non-show:nth-child(6) {
	-webkit-transition: calc(0.5s + 0.25s * 6);
	-moz-transition: calc(0.5s + 0.25s * 6);
	-o-transition: calc(0.5s + 0.25s * 6);
	-ms-transition: calc(0.5s + 0.25s * 6);
	transition-delay: calc(0.5s + 0.25s * 6);
}

.overflow-non-show:nth-child(7) {
	-webkit-transition: calc(0.5s + 0.25s * 7);
	-moz-transition: calc(0.5s + 0.25s * 7);
	-o-transition: calc(0.5s + 0.25s * 7);
	-ms-transition: calc(0.5s + 0.25s * 7);
	transition-delay: calc(0.5s + 0.25s * 7);
}

.overflow-non-show:nth-child(8) {
	-webkit-transition: calc(0.5s + 0.25s * 8);
	-moz-transition: calc(0.5s + 0.25s * 8);
	-o-transition: calc(0.5s + 0.25s * 8);
	-ms-transition: calc(0.5s + 0.25s * 8);
	transition-delay: calc(0.5s + 0.25s * 8);
}

.timeline > .animation[class^="dot"]{
	opacity: 1;
}

.animation.history-list-item > .history-img {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.animation.history-list-item .overflow-non-show {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}


.rabbit_fox_03 > .tree1 {
	-webkit-transform: translateX(33%);
	-moz-transform: translateX(33%);
	-o-transform: translateX(33%);
	-ms-transform: translateX(33%);
	transform: translateX(33%);
	-webkit-transition: 0.4s all ease;
	-moz-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
	-ms-transition: 0.4s all ease;
	transition: 0.4s all ease;
}

.animation.rabbit_fox_03 > .tree1 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.rabbit_fox_03 > div[class^="grass"] > img {
	-webkit-transition: 0.7s transform ease 0.3s, 1.7s opacity ease 0.2s;
	-moz-transition: 0.7s transform ease 0.3s, 1.7s opacity ease 0.2s;
	-o-transition: 0.7s transform ease 0.3s, 1.7s opacity ease 0.2s;
	-ms-transition: 0.7s transform ease 0.3s, 1.7s opacity ease 0.2s;
	transition: 0.7s transform ease 0.3s, 1.7s opacity ease 0.2s;
	-webkit-transform: translateY(33px);
	-moz-transform: translateY(33px);
	-o-transform: translateY(33px);
	-ms-transform: translateY(33px);
	transform: translateY(33px);
	opacity: 0.4;
}

.animation.rabbit_fox_03 > div[class^="grass"] > img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.rabbit_fox_03 > .fox,
.rabbit_fox_03 > .rabbit {
	opacity: 0;
	-webkit-transition: 1.3s opacity ease 0.4s;
	-moz-transition: 1.3s opacity ease 0.4s;
	-o-transition: 1.3s opacity ease 0.4s;
	-ms-transition: 1.3s opacity ease 0.4s;
	transition: 1.3s opacity ease 0.4s;
}

.animation.rabbit_fox_03 > .fox,
.animation.rabbit_fox_03 > .rabbit {
	opacity: 1;
}

@media (max-width: 768px) {

	.upcoming-list-item {
		-webkit-transform: translateY(-60px);
		-moz-transform: translateY(-60px);
		-o-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
		transform: translateY(-60px);
	}

	.animation.upcoming-list-item {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	.history-list-item > .history-img {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	.animation .history-list-item .history-img {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

}