@keyframes myAnim {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		-ms-transform: translateY(45px);
		-webkit-transform: translateY(45px);
		-moz-transform: translateY(45px);
		-o-transform: translateY(45px);
		transform: translateY(45px);

	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		-ms-transform: translateY(24px);
		-webkit-transform: translateY(24px);
		-moz-transform: translateY(24px);
		-o-transform: translateY(24px);
		transform: translateY(24px);
	}

	65% {
		animation-timing-function: ease-in;
		-ms-transform: translateY(12px);
		-webkit-transform: translateY(12px);
		-moz-transform: translateY(12px);
		-o-transform: translateY(12px);
		transform: translateY(12px);

	}

	82% {
		animation-timing-function: ease-in;
		-ms-transform: translateY(6px);
		-webkit-transform: translateY(6px);
		-moz-transform: translateY(6px);
		-o-transform: translateY(6px);
		transform: translateY(6px);

	}

	93% {
		animation-timing-function: ease-in;
		-ms-transform: translateY(4px);
		-webkit-transform: translateY(4px);
		-moz-transform: translateY(4px);
		-o-transform: translateY(4px);
		transform: translateY(4px);

	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes pointer {
	0% {
		opacity: 0.2;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.2;
	}
}

@keyframes topBar {
	45% {
		-ms-transform: translateY(15px);
		-webkit-transform: translateY(15px);
		-moz-transform: translateY(15px);
		-o-transform: translateY(15px);
		transform: translateY(15px);
	}

	50% {
	}

	75% {
		-ms-transform: translateY(15px) rotate(45deg);
		-webkit-transform: translateY(15px) rotate(45deg);
		-moz-transform: translateY(15px) rotate(45deg);
		-o-transform: translateY(15px) rotate(45deg);
		transform: translateY(15px) rotate(45deg);
	}

	100% {
		-ms-transform: translateY(15px) rotate(45deg);
		-webkit-transform: translateY(15px) rotate(45deg);
		-moz-transform: translateY(15px) rotate(45deg);
		-o-transform: translateY(15px) rotate(45deg);
		transform: translateY(15px) rotate(45deg);
	}
}

@keyframes topBar_reverse {
	0% {
		-ms-transform: translateY(15px) rotate(45deg);
		-webkit-transform: translateY(15px) rotate(45deg);
		-moz-transform: translateY(15px) rotate(45deg);
		-o-transform: translateY(15px) rotate(45deg);
		transform: translateY(15px) rotate(45deg);
	}
	50% {
		-ms-transform: translateY(15px);
		-webkit-transform: translateY(15px);
		-moz-transform: translateY(15px);
		-o-transform: translateY(15px);
		transform: translateY(15px);
	}

	100% {
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes middleBar {
	0% {
		opacity: 1;
	}
	15% {
		opacity: 0.5;
	}
	35% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes middleBar_reverse {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	75% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

@keyframes bottomBar {
	45% {
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		-o-transform: translateY(-15px);
		transform: translateY(-15px);
	}

	50% {
	}

	75% {
		-ms-transform: translateY(-15px) rotate(-45deg);
		-webkit-transform: translateY(-15px) rotate(-45deg);
		-moz-transform: translateY(-15px) rotate(-45deg);
		-o-transform: translateY(-15px) rotate(-45deg);
		transform: translateY(-15px) rotate(-45deg);
	}

	100% {
		-ms-transform: translateY(-15px) rotate(-45deg);
		-webkit-transform: translateY(-15px) rotate(-45deg);
		-moz-transform: translateY(-15px) rotate(-45deg);
		-o-transform: translateY(-15px) rotate(-45deg);
		transform: translateY(-15px) rotate(-45deg);
	}
}

@keyframes bottomBar_reverse {
	0% {
		-ms-transform: translateY(-15px) rotate(-45deg);
		-webkit-transform: translateY(-15px) rotate(-45deg);
		-moz-transform: translateY(-15px) rotate(-45deg);
		-o-transform: translateY(-15px) rotate(-45deg);
		transform: translateY(-15px) rotate(-45deg);
	}
	50% {
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		-o-transform: translateY(-15px);
		transform: translateY(-15px);
	}

	100% {
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@media only screen and (max-width: 760px) { 

	@keyframes topBar {
		45% {
			-ms-transform: translateY(11.5px);
			-webkit-transform: translateY(11.5px);
			-moz-transform: translateY(11.5px);
			-o-transform: translateY(11.5px);
			transform: translateY(11.5px);
		}
	
		50% {
		}
	
		75% {
			-ms-transform: translateY(11.5px) rotate(45deg);
			-webkit-transform: translateY(11.5px) rotate(45deg);
			-moz-transform: translateY(11.5px) rotate(45deg);
			-o-transform: translateY(11.5px) rotate(45deg);
			transform: translateY(11.5px) rotate(45deg);
		}
	
		100% {
			-ms-transform: translateY(11.5px) rotate(45deg);
			-webkit-transform: translateY(11.5px) rotate(45deg);
			-moz-transform: translateY(11.5px) rotate(45deg);
			-o-transform: translateY(11.5px) rotate(45deg);
			transform: translateY(11.5px) rotate(45deg);
		}
	}
	
	@keyframes topBar_reverse {
		0% {
			-ms-transform: translateY(11.5px) rotate(45deg);
			-webkit-transform: translateY(11.5px) rotate(45deg);
			-moz-transform: translateY(11.5px) rotate(45deg);
			-o-transform: translateY(11.5px) rotate(45deg);
			transform: translateY(11.5px) rotate(45deg);
		}
		50% {
			-ms-transform: translateY(11.5px);
			-webkit-transform: translateY(11.5px);
			-moz-transform: translateY(11.5px);
			-o-transform: translateY(11.5px);
			transform: translateY(11.5px);
		}
	
		100% {
			-ms-transform: translateY(0px);
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-o-transform: translateY(0px);
			transform: translateY(0px);
		}
	}
	
	@keyframes middleBar {
		0% {
			opacity: 1;
		}
		15% {
			opacity: 0.5;
		}
		35% {
			opacity: 0;
		}
	
		50% {
			opacity: 0;
		}
	
		100% {
			opacity: 0;
		}
	}
	
	@keyframes middleBar_reverse {
		0% {
			opacity: 0;
		}
	
		50% {
			opacity: 0;
		}
	
		75% {
			opacity: 0.5;
		}
	
		100% {
			opacity: 1;
		}
	}
	
	@keyframes bottomBar {
		45% {
			-ms-transform: translateY(-11.5px);
			-webkit-transform: translateY(-11.5px);
			-moz-transform: translateY(-11.5px);
			-o-transform: translateY(-11.5px);
			transform: translateY(-11.5px);
		}
	
		50% {
		}
	
		75% {
			-ms-transform: translateY(-11.5px) rotate(-45deg);
			-webkit-transform: translateY(-11.5px) rotate(-45deg);
			-moz-transform: translateY(-11.5px) rotate(-45deg);
			-o-transform: translateY(-11.5px) rotate(-45deg);
			transform: translateY(-11.5px) rotate(-45deg);
		}
	
		100% {
			-ms-transform: translateY(-11.5px) rotate(-45deg);
			-webkit-transform: translateY(-11.5px) rotate(-45deg);
			-moz-transform: translateY(-11.5px) rotate(-45deg);
			-o-transform: translateY(-11.5px) rotate(-45deg);
			transform: translateY(-11.5px) rotate(-45deg);
		}
	}
	
	@keyframes bottomBar_reverse {
		0% {
			-ms-transform: translateY(-11.5px) rotate(-45deg);
			-webkit-transform: translateY(-11.5px) rotate(-45deg);
			-moz-transform: translateY(-11.5px) rotate(-45deg);
			-o-transform: translateY(-11.5px) rotate(-45deg);
			transform: translateY(-11.5px) rotate(-45deg);
		}
		50% {
			-ms-transform: translateY(-11.5px);
			-webkit-transform: translateY(-11.5px);
			-moz-transform: translateY(-11.5px);
			-o-transform: translateY(-11.5px);
			transform: translateY(-11.5px);
		}
	
		100% {
			-ms-transform: translateY(0px);
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-o-transform: translateY(0px);
			transform: translateY(0px);
		}
	}
}

@keyframes appear_from_bottom {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateY(60px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 0.3;
	}

	76% {
		animation-timing-function: ease-out;
		opacity: 0.65;
	}
	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0);
	}
}