#nav_mask.big #logo { animation: big 0.6s 0s 1 forwards; -webkit-animation: big 0.6s 0s 1 forwards; }
#nav_mask.small #logo { animation: small 0.6s 0s 1 forwards; -webkit-animation: small 0.6s 0s 1 forwards; }
#nav_mask.big #nav { animation: high 0.6s 0s 1 forwards; -webkit-animation: high 0.6s 0s 1 forwards; }
#nav_mask.small #nav { animation: short 0.6s 0s 1 forwards; -webkit-animation: short 0.6s 0s 1 forwards; }
#nav_mask.big #nav ul { animation: high_ul 0.6s 0s 1 forwards; -webkit-animation: high_ul 0.6s 0s 1 forwards; }
#nav_mask.small #nav ul { animation: short_ul 0.6s 0s 1 forwards; -webkit-animation: short_ul 0.6s 0s 1 forwards; }
@-webkit-keyframes high_ul {
	0% { top: 40px; }
	100% { top: 10px; }
}
@keyframes high_ul {
	0% { top: 40px; }
	100% { top: 10px; }
}
@-webkit-keyframes short_ul {
	0% { top: 10px; }
	100% { top: 40px; }
}
@keyframes short_ul {
	0% { top: 10px; }
	100% { top: 40px; }
}
@-webkit-keyframes high {
	0% { height: 100px; }
	100% { height: 50px; }
}
@keyframes high {
	0% { height: 100px; }
	100% { height: 50px; }
}
@-webkit-keyframes short {
	0% { height: 50px; }
	100% { height: 100px; }
}
@keyframes short {
	0% { height: 50px; }
	100% { height: 100px; }
}
@-webkit-keyframes big {
	0% { opacity: 1; -webkit-transform: scale(1, 1); top: 21px; }
	100% { opacity: 1; -webkit-transform: scale(0.5, 0.5); top: 0px; }
}
@keyframes big {
	0% { opacity: 1; transform: scale(1, 1); top: 21px; }
	100% { opacity: 1; transform: scale(0.5, 0.5); top: 0px; }
}
@-webkit-keyframes small {
	0% { opacity: 1; -webkit-transform: scale(0.5, 0.5); top: 0px; }
	100% { opacity: 1; -webkit-transform: scale(1, 1); top: 21px; }
}
@keyframes small {
	0% { opacity: 1; transform: scale(0.5, 0.5); top: 0px; }
	100% { opacity: 1; transform: scale(1, 1); top: 21px; }
}
.ab { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; }