* {
	margin: 0;
	padding: 0;
}

body,
html {
	height: 100%;
	min-height: 100%;
	background-color: #99ce6c;
}

.carousel-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slides-list {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: margin-left 0.5s;
	transition: margin-left 0.5s;
}

.slide {
	width: 100%;
	height: 100%;
	float: left;
	display: block;
	position: relative;
}

.carousel-nav {
	height: 0;
}

.carousel-button {
	display: block;
	color: rgb(145, 205, 113);
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	line-height: 15px;
	left: 15px;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	cursor: default;
	z-index: 2;
	padding: 15px;
	line-height: 30px;
	background-color: #fff;
	border-radius: 30px;
	font-family: serif;
	font-size: 40px;
	text-decoration: none;
	text-align: center;
	z-index: 10;
}

.carousel-button span {
	position: relative;
	bottom: 4px;
}

.carousel-button.button-next {
	left: auto;
	right: 15px;
}

.carousel-button.is-active {
	opacity: 1;
	cursor: pointer;
}

.mouse-follower-wrapper {
	width: 52px;
	height: 56px;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -26px;
	margin-top: -28px;
}

.mouse-follower-overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url( images/apples.png );
	z-index: 3;
}

.mouse-follower-character {
	position: relative;
}

#mouse-follower-character-1 {
	/*background: rgba( 0, 0, 0, 0.3 );*/
	top: 23px;
	left: 9px;
	width: 11px;
	height: 8px;
}

#mouse-follower-character-2 {
	top: 4px;
	left: 27px;
	width: 15px;
	height: 8px;
}

.mouse-follower-eye {
	width: 7px;
	height: 7px;
	background: #fff;
	position: absolute;
}

#mouse-follower-character-1 .mouse-follower-eye {
	top: 2px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
}

#mouse-follower-character-1 .mouse-follower-eye-left {
	left: 1px;
}

#mouse-follower-character-1 .mouse-follower-eye-right {
	right: 0;
	left: auto;
}

#mouse-follower-character-1 .mouse-follower-pupil {
	background-color: #016531;
	width: 2px;
	height: 2px;
	border-radius: 2px;
	position: absolute;
	top: 1px;
	left: 2px;
}

#mouse-follower-character-2 .mouse-follower-eye {
	top: 3px;
	width: 6px;
	height: 5px;
	border-radius: 2px;
}

#mouse-follower-character-2 .mouse-follower-eye-left {
	left: 0px;
}

#mouse-follower-character-2 .mouse-follower-eye-right {
	right: 0;
	left: auto;
}

#mouse-follower-character-2 .mouse-follower-pupil {
	background-color: #016531;
	width: 2px;
	height: 2px;
	border-radius: 6px;
	position: absolute;
	top: 1px;
	left: 2px;
	margin-top: -1px;
}

#mouse-follower-character-2 .mouse-follower-eye-right .mouse-follower-pupil {
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

#mouse-hider-wrapper {
	width: 207px;
	height: 326px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -103px;
	margin-left: -163px;
}

#mouse-hider-guy-wrapper {
	position: relative;
	margin-top: 200px;
	left: 127px;
	height: 57px;
	width: 60px;
	z-index: 0;
}

#mouse-hider-guy {
	width: 37px;
	height: 37px;
	background: url( images/guy.png );
	background-position: top right;
	background-repeat: no-repeat;
	position: absolute;
}

.left #mouse-hider-guy {
	background-position: 0 -37px;
	-webkit-transform: rotate(-21deg);
	-ms-transform: rotate(-21deg);
	-ms-transform: rotate(-21deg);
	transform: rotate(-21deg);
}

.mouse-hider-overlay {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-image: url( images/trees.png );
	top: 0;
	left: 0;
}

.blinker-wrapper {
	width: 60px;
	height: 64px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -32px;
	margin-left: -30px;
	background-image: url( images/guy-red.png );
}

.blinker-eyes {
	position: relative;
}

.blinker-eye {
	position: absolute;
	background-image: url( images/pupil.png );
	background-repeat: no-repeat;
	background-position: 4px 3px;
	background-color: #fff;
	border-radius: 10px;
	width: 8px;
	height: 8px;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.blinker-eye.closed {
	height: 0;
	margin-top: 4px;
}

.blinker-eye.left {
	background-position: 2px 2px;
}

#blinker-eye-left {
	left: 21px;
	top: 16px;
}

#blinker-eye-right {
	left: 31px;
	top: 14px;
}

#jumper-wrapper {
	width: 326px;
	height: 355px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -163px;
	margin-top: -174px;
	background-image: url( images/jumper-tree-bottom.png );
}

.jumper-tree {
	position: absolute;
	width: 200px;
	height: 130px;
	bottom: 159px;
	left: 94px;
	cursor: pointer;
}

.jumper-tree.is-transitioning {
	-webkit-transition: all 200ms cubic-bezier(0.460, 1, 0.775, 1);
	/* older webkit */
	-webkit-transition: all 200ms cubic-bezier(0.460, 1.650, 0.775, 1.650);
	transition: all 200ms cubic-bezier(0.460, 1.650, 0.775, 1.650);
	/* custom */
	-webkit-transition-timing-function: cubic-bezier(0.460, 1, 0.775, 1);
	/* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.460, 1.650, 0.775, 1.650);
	transition-timing-function: cubic-bezier(0.460, 1.650, 0.775, 1.650);
	/* custom */
}

.jumper-tree img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	pointer-events: none;
}

.jumper-guy {
	width: 48px;
	height: 59px;
	position: absolute;
	bottom: 275px;
	left: 170px;
	z-index: 3;
	background-image: url( images/jumper-guy.png );
}

.jumper-guy.jump-up {
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.jumper-guy.jump-down {
	-webkit-transition: all 300ms cubic-bezier(0.480, 1, 0.850, 1);
	/* older webkit */
	-webkit-transition: all 300ms cubic-bezier(0.480, 1.295, 0.850, 1.130);
	transition: all 300ms cubic-bezier(0.480, 1.295, 0.850, 1.130);
	/* custom */
	-webkit-transition-timing-function: cubic-bezier(0.480, 1, 0.850, 1);
	/* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.480, 1.295, 0.850, 1.130);
	transition-timing-function: cubic-bezier(0.480, 1.295, 0.850, 1.130);
	/* custom */
}

#grow-wrapper {
	position: absolute;
	width: 500px;
	height: 400px;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -200px;
	-webkit-transform: translate3d(0, 0, 0);
	overflow: hidden;
}

.grow-trees {
	float: left;
	width: 100%;
}

.grow-tree {
	position: relative;
	width: 120px;
	height: 400px;
	z-index: 1;
	float: left;
}

.tree-01 {
	top: -27px;
	left: 40px;
	-webkit-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

.tree-02 {
	top: 0;
	left: 0;
}

.tree-03 {
	top: 13px;
	left: -10px;
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}

.tree-04 {
	top: 13px;
	left: -30px;
}

.grow-hole {
	display: block;
	position: absolute;
	background-image: url( images/grow-hole.png );
	background-repeat: no-repeat;
	z-index: 10;
	width: 99px;
	height: 25px;
	top: 375px;
	left: 10px;
}

.grow-trunk {
	display: block;
	position: absolute;
	background-image: url( images/grow-trunk.png );
	background-repeat: no-repeat;
	z-index: 8;
	width: 31px;
	height: 0;
	top: 400px;
	left: 45px;
	-webkit-transition: all 800ms cubic-bezier(0.630, 0.005, 0.230, 1);
	-webkit-transition: all 800ms cubic-bezier(0.630, 0.005, 0.230, 1.650);
	transition: all 800ms cubic-bezier(0.630, 0.005, 0.230, 1.650);
	-webkit-transition-timing-function: cubic-bezier(0.630, 0.005, 0.230, 1);
	-webkit-transition-timing-function: cubic-bezier(0.630, 0.005, 0.230, 1.650);
	transition-timing-function: cubic-bezier(0.630, 0.005, 0.230, 1.650);
}

.grow-trunk.grown {
	top: 280px;
	height: 119px;
}

.grow-leaves {
	position: relative;
	width: 0;
	height: 0;
	left: 60px;
	top: 280px;
	z-index: 9;
}

.grow-leave {
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	-webkit-transition: all 600ms cubic-bezier(0.630, 0.005, 0.230, 1);
	-webkit-transition: all 600ms cubic-bezier(0.630, 0.005, 0.230, 1.650);
	transition: all 600ms cubic-bezier(0.630, 0.005, 0.230, 1.650);
	-webkit-transition-timing-function: cubic-bezier(0.630, 0.005, 0.230, 1);
	-webkit-transition-timing-function: cubic-bezier(0.630, 0.005, 0.230, 1.650);
	transition-timing-function: cubic-bezier(0.630, 0.005, 0.230, 1.650);
}

.grow-leave img {
	display: block;
	width: 100%;
	height: 100%;
}

.grow-leave:hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	trasform-origin: 50% 50%;
}

.leave-01 {
	z-index: 1;
	-webkit-transition-duration: 700ms;
	-webkit-transition-duration: 700ms;
	transition-duration: 700ms;
}

.leave-02 {
	z-index: 2;
	-webkit-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.leave-03 {
	z-index: 3;
	-webkit-transition-duration: 300ms;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.leave-04 {
	z-index: 4;
	-webkit-transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.leave-01.grown {
	width: 80px;
	height: 80px;
	left: -37px;
	top: -63px;
}

.leave-02.grown {
	width: 50px;
	height: 50px;
	left: -46px;
	top: -30px;
}

.leave-03.grown {
	width: 60px;
	height: 60px;
	left: -50px;
	top: -70px;
}

.leave-04.grown {
	width: 70px;
	height: 70px;
	left: -30px;
	top: -42px;
}

.leave-05.grown {
	width: 40px;
	height: 40px;
	left: 10px;
	top: -20px;
}