.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
}

.amber_on {
	animation-name: amber_on;
	transform-origin: center center;
}

.amber_on2 {
	animation-name: amber_on2;
	animation-duration: 600ms;
}

ul.menu.top li {
	opacity: 0;
}

ul.menu.top.amber_on2 li {
	animation: fade 300ms 200ms ease-out 1 forwards;
}

@media (max-width: 991px) {

ul.menu.top li {
	opacity: 1;
}

}

@keyframes amber_on {

from {
	animation-timing-function: ease-in-out;
	transform: translate(0px, 0px) scale(0.98, 0.98) rotate(0deg) skew(0deg, 0deg);
	opacity: 0;
	filter: blur(10px);
}

to {
	animation-timing-function: linear;
	transform: translate(0px, 0px) scale(1, 1) rotate(0deg) skew(0deg, 0deg);
	opacity: 1;
	filter: blur(0);
}

}

@keyframes amber_on2 {

0% {
	animation-timing-function: ease-in-out;
	opacity: 0;
}

100% {
	animation-timing-function: linear;
	opacity: 1;
}

}

@keyframes fade {

0% {
	opacity: 0;
	transform: translateX(25px);
}

100% {
	opacity: 1;
	transform: translateX(0px);
}

}