.menu{
	width: 100%;
	height: 100%;
	background-image:url('/assets/images/menucircle.png');
	background-size: contain;
	background-repeat:no-repeat;
	-webkit-animation: rotating 60s linear infinite;
	-moz-animation: rotating 60s linear infinite;
	-ms-animation: rotating 60s linear infinite;
	-o-animation: rotating 60s linear infinite;
	animation: rotating 60s linear infinite;
}
.menu:hover{
	animation-play-state: paused;
}

.menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul li{
	padding:0;
	margin:0;
	font-size:26px;
	font-weight:100;
	text-align:right;
	width:40%;
	position: absolute;
	background-image:url('/assets/images/menubg.png');
	background-size: 20%;
	background-position: 97% 100%;
	background-repeat:no-repeat;
	box-sizing: border-box;
	padding-right:4%;
	text-transform:uppercase;
}
.menu ul li a{
	color:white;
}
.menu ul li.m1{
	top:-20.5%;
	left:29%;
	transform: rotate(90deg);
}
.menu ul li.m2{
	top:-18.1%;
	left:12%;
	transform: rotate(75deg);
}
.menu ul li.m3{
	top: -12.5%;
	left:-2.5%;
	transform: rotate(60deg);
}
.menu ul li.m4{
	top:-1.7%;
	left:-17%;
	transform: rotate(45deg);
}
.menu ul li.m5{
	top: 13%;
	left:-28.6%;
	transform: rotate(30deg);
}
.menu ul li.m6{
	top: 30%;
	left:-35.7%;
	transform: rotate(15deg);
}
.menu ul li.m7{
	top: 47%;
	left:-38%;
	transform: rotate(0deg);
}
.menu ul li.m8{
	top: 65%;
	left:-35.8%;
	transform: rotate(-15deg);
}
.menu ul li.m9{
	top:81%;
	left:-29.3%;
	transform: rotate(-30deg);
}
.menu ul li.m10{
	top:96%;
	left:-17.8%;
	transform: rotate(-45deg);
}
.menu ul li.m11{
	top: 107%;
	left:-3%;
	transform: rotate(-60deg);
}
.menu ul li.m12{
	top: 113.3%;
	left:12%;
	transform: rotate(-75deg);
}
.menu ul li.m13{
	top: 115.5%;
	left:30%;
	transform: rotate(-90deg);
}
.menu ul li.m14{
	top: 113.3%;
	left:47%;
	transform: rotate(-105deg);
}
.menu ul li.m15{
	top: 107%;
	left:62.6%;
	transform: rotate(-120deg);
}
.menu ul li.m16{
	top: 96%;
	left:77.2%;
	transform: rotate(-135deg);
}
.menu ul li.m17{
	top:81%;
	left:88.6%;
	transform: rotate(-150deg);
}

.menu ul li.m18{
	top:65%;
	left:95.1%;
	transform: rotate(-165deg);
}
.menu ul li.m19{
	top: 47%;
	left:97.2%;
	transform: rotate(-180deg);
}
.menu ul li.m20{
	top: 30%;
	left:95.1%;
	transform: rotate(165deg);
}
.menu ul li.m21{
	top: 13%;
	left:88%;
	transform: rotate(150deg);
}
.menu ul li.m22{
	top: -1.2%;
	left:76.8%;
	transform: rotate(135deg);
}
.menu ul li.m23{
	top: -12.5%;
	left:61.5%;
	transform: rotate(120deg);
}
.menu ul li.m24{
	top: -18.1%;
	left:47%;
	transform: rotate(105deg);
}

@keyframes rotating {

  from {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}