/************  animation  ************/
@-webkit-keyframes dialNormal {
	from {
		-webkit-transform : rotate(0deg);
	}
	to {
		-webkit-transform : rotate(360deg);
	}
}
@keyframes dialNormal {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(360deg);
	}
}
@-webkit-keyframes dial11758 {
	from {
		-webkit-transform : rotate(0deg);
	}
	to {
		-webkit-transform : rotate(337.5deg);
	}
}
@keyframes dial11758 {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(337.5deg);
	}
}
@-webkit-keyframes dial11759 {
	from {
		-webkit-transform : rotate(0deg);
	}
	to {
		-webkit-transform : rotate(292.5deg);
	}
}
@keyframes dial11759 {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(292.5deg);
	}
}
@-webkit-keyframes dial11760 {
	from {
		-webkit-transform : rotate(0deg);
	}
	to {
		-webkit-transform : rotate(67.5deg);
	}
}
@keyframes dial11760 {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(67.5deg);
	}
}
@-webkit-keyframes dial11761 {
	from {
		-webkit-transform : rotate(0deg);
	}
	to {
		-webkit-transform : rotate(112.5deg);
	}
}
@keyframes dial11761 {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(112.5deg);
	}
}
@-webkit-keyframes dial117620 {
	from {
		-webkit-transform : rotate(0deg);
	}
	to {
		-webkit-transform : rotate(22.5deg);
	}
}
@keyframes dial117620 {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(22.5deg);
	}
}
@-webkit-keyframes dial117621 {
	from {
		-webkit-transform : rotate(0deg);
	}
	to {
		-webkit-transform : rotate(157.5deg);
	}
}
@keyframes dial117621 {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(157.5deg);
	}
}
@-webkit-keyframes dial11763 {
	from {
		-webkit-transform : rotate(0deg);
	}
	to {
		-webkit-transform : rotate(202.5deg);
	}
}
@keyframes dial11763 {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(202.5deg);
	}
}
@-webkit-keyframes dial11764 {
	from {
		-webkit-transform : rotate(0deg);
	}
	to {
		-webkit-transform : rotate(247.5deg);
	}
}
@keyframes dial11764 {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(247.5deg);
	}
}

/***************** animation ******************/

.app-top-logo {
  background-position-x:12px;
  margin-top: 22px;
}
.rotate1 {
	-webkit-transform : rotate(0deg);
	transform : rotate(0deg);
	-webkit-transition:-webkit-transform 1s linear;
	transition:transform 1s linear;	
}
.rotate2 {
	-webkit-transform : rotate(1800deg);
	transform : rotate(1800deg);
}
.rotate3 {
	-webkit-transform : rotate(3240deg);
	transform : rotate(3240deg);
}
.rotate4 {
	-webkit-transform : rotate(4320deg);
	transform : rotate(4320deg);
}
.rotate5 {
	-webkit-transform : rotate(5040deg);
	transform : rotate(5040deg);
}
/* .rotate6 {
	-webkit-transition:-webkit-transform 2s ease-out;
	transition:transform 2s ease-out;	
	-webkit-transform : rotate(5737.5deg);
	transform : rotate(5737.5deg);
} */


/* .rotate7 {
	-webkit-transition:-webkit-transform 2s ease-out;
	transition:transform 2s ease-out;
	-webkit-transform : rotate(5782.5deg);
	transform : rotate(5782.5deg);
} */
/* .rotate8 {
	-webkit-transition:-webkit-transform 3s ease-out;
	transition:transform 3s ease-out;	
	-webkit-transform : rotate(5782.5deg);
	transform : rotate(5782.5deg);
} */