#logo {
	width: 600px;
	height: 600px;
	top: -402px;
	left: -263px;
	border: 0;
	position: absolute;
	transition: all 500ms cubic-bezier(0.720, -0.310, 0.290, 1);
	transform:rotate(-10deg);
}

#logo #ball_center {
	width:8.7%;
	z-index:3;
}

.ball { 
	width:6%; position:absolute; top:50%; left:50%; background:#000; z-index:2;
	transform:translateX(-50%) translateY(-50%);
	border-radius:50%; 
	transition: all 500ms cubic-bezier(0.720, -0.310, 0.290, 1); 
}

.ball:after {
	padding-top:100%; display:block; content:'';
}

svg, .ball {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#ball0.out { transform:translateX(-534%) translateY(430%);  }
#ball1.out { transform:translateX(-720%) translateY(-43%);  }
#ball2.out { transform:translateX(-534%) translateY(-529%); }
#ball3.out { transform:translateX(-50%) translateY(-710%);  }
#ball4.out { transform:translateX(430%) translateY(-529%);  }
#ball5.out { transform:translateX(615%) translateY(-50%);   }
#ball6.out { transform:translateX(430%) translateY(430%);   }
#ball7.out { transform:translateX(-50%) translateY(710%);   }

.arm {
	width:3.5%; height:22.129%; position:absolute; z-index:1; top: -50%;
}

.arm svg > path {
	fill:#000;
	transition: all 500ms; 
}

#arm0 { top:55%; left:32%; 	transform:rotateZ(225deg);     }
#arm1 { top:39.4%; left:25.5%;	transform:rotateZ(270deg); }
#arm2 { top:23.3%; left:32%;	transform:rotateZ(315deg);   }
#arm3 { top:16%; left:48.25%;	transform:rotateZ(0deg);     }
#arm4 { top:23.3%; left:64.4%;	transform:rotateZ(45deg);  }
#arm5 { top:39.4%; left:71%;	transform:rotateZ(90deg);    }
#arm6 { top:55%; left:64.4%;	transform:rotateZ(135deg);   }
#arm7 { top:62.8%; left:48.25%;	transform:rotateZ(180deg); }

#arm0.out > path, #logo #ball0.out { background:#3c6595; fill:#3c6595; }
#arm1.out > path, #logo #ball1.out { background:#138818; fill:#138818; }
#arm2.out > path, #logo #ball2.out { background:#be1919; fill:#be1919; }
#arm3.out > path, #logo #ball3.out { background:#c9df11; fill:#c9df11; }
#arm4.out > path, #logo #ball4.out { background:#00cbd2; fill:#00cbd2; }
#arm5.out > path, #logo #ball5.out { background:#e8b006; fill:#e8b006; }
#arm6.out > path, #logo #ball6.out { background:#e806e5; fill:#e806e5; }
#arm7.out > path, #logo #ball7.out { background:#ff8050; fill:#ff8050; }

#arm7,  #ball7 { opacity: 0 }

.modus1 #arm7, .modus1 #ball7 { opacity: 1 }