/* *{
	transform-style:preserve-3d;
} */

#gearAssembly, #gearHub{
  transform-style:preserve-3d;
	height:0;
	width:0;
	/* position:absolute;
	top:50%;
  left:50%; */
  margin-left:50%;
  margin-top:35%;
	transform-origin:50% 50%;
	transition:transform .75s ease-in-out;
}
#gearAssembly{
	z-index:1;
}
/*body:hover #gearAssembly{
	transform:translateY(528px);	
}*/
#gearHub{
	z-index:2;
	transform:rotateZ(0deg);
	animation:gearHub 9s linear infinite;
}
@keyframes gearHub{
	to{
		transform:rotateZ(360deg);
	}
}
#gearHub .idler{
	height:68px;
	width:2px;
	position:absolute;
	z-index:3;
	top:50%;
	left:50%;
	margin-top:-34px;
	margin-left:-1px;
	transform-origin:50% 50%;
}
#gearHub #idler1{
	transform:rotateZ(0deg) translateY(-34px);
}
#gearHub #idler3{
	transform:rotateZ(120deg) translateY(-34px);
}
#gearHub #idler2{
	transform:rotateZ(240deg) translateY(-34px);
}

.tooth{
	position:absolute;
	border-bottom:0px solid rgb(120,120,120);
	border-left:2px solid transparent;
	border-right:2px solid transparent;
	height:0;
	width:2px;
	transform-origin:50% 50%;
	top:50%;
	left:50%;
	margin-left:-3px;
	margin-top:0px;
	animation:tooth .25s ease-out forwards;
}
@keyframes tooth{
	to{
		border-bottom:10px solid rgb(120,120,120);
		margin-top:-5px;
	}
}

.sgear{
	height:24px;
	width:24px;
	border-radius:100%;
	position:absolute;
	z-index:999999;
	top:50%;
	left:50%;
	margin:-12px;
	background:rgb(80,80,80);
	box-shadow:inset 0px 0px 0px 5px rgb(120,120,120),inset 0px 0px 0px 8px rgb(100,100,100);
	transform-origin:50% 50%;
	transform:rotateZ(0deg);
	animation:sgear 1.5s linear infinite;
}
@keyframes sgear{
	to{
		transform:rotateZ(360deg);
	}
}
.sgear .tooth:nth-child(1){
	transform:rotateZ(0deg) translateY(-12px);
	animation-delay:0s;
}
.sgear .tooth:nth-child(2){
	transform:rotateZ(30deg) translateY(-12px);
	animation-delay:.02s;
}
.sgear .tooth:nth-child(3){
	transform:rotateZ(60deg) translateY(-12px);
	animation-delay:.04s;
}
.sgear .tooth:nth-child(4){
	transform:rotateZ(90deg) translateY(-12px);
	animation-delay:.06s;
}
.sgear .tooth:nth-child(5){
	transform:rotateZ(120deg) translateY(-12px);
	animation-delay:.08s;
}
.sgear .tooth:nth-child(6){
	transform:rotateZ(150deg) translateY(-12px);
	animation-delay:.1s;
}
.sgear .tooth:nth-child(7){
	transform:rotateZ(180deg) translateY(-12px);
	animation-delay:.12s;
}
.sgear .tooth:nth-child(8){
	transform:rotateZ(210deg) translateY(-12px);
	animation-delay:.14s;
}
.sgear .tooth:nth-child(9){
	transform:rotateZ(240deg) translateY(-12px);
	animation-delay:.16s;
}
.sgear .tooth:nth-child(10){
	transform:rotateZ(270deg) translateY(-12px);
	animation-delay:.18s;
}
.sgear .tooth:nth-child(11){
	transform:rotateZ(300deg) translateY(-12px);
	animation-delay:.20s;
}
.sgear .tooth:nth-child(12){
	transform:rotateZ(330deg) translateY(-12px);
	animation-delay:.22s;
}


.mgear{
	height:50px;
	width:50px;
	border-radius:100%;
	position:absolute;
	z-index:4;
	top:0%;
	left:50%;
	margin-left:-25px;
	box-shadow:inset 0px 0px 0px 5px rgb(120,120,120),inset 0px 0px 0px 8px rgb(100,100,100);
	transform-origin:50% 50%;
	transform:rotateZ(7.5deg);
	animation:mgear 3.6s linear infinite;	
}
.mgear:before{
	content:'';
	position:absolute;
	height:16px;
	width:16px;
	background:rgb(140,140,140);
	box-shadow:inset 0px 0px 0px 3px rgb(100,100,100);
	top:50%;
	left:50%;
	margin:-8px;
	border-radius:100%;
}

@keyframes mgear{
	to{
		transform:rotateZ(-352.5deg);
	}
}
.mgear .arm{
	position:absolute;
	height:12px;
	width:4px;
	background:rgb(100,100,100);
	top:50%;
	left:50%;
	margin-top:-6px;
	margin-left:-2px;
	transform-origin:50% 50%;
}
.mgear #arm1{
	transform:rotateZ(0deg) translateY(-12px);
}
.mgear #arm2{
	transform:rotateZ(120deg) translateY(-12px);
}
.mgear #arm3{
	transform:rotateZ(240deg) translateY(-12px);
}
.mgear .tooth:nth-child(1){
	transform:rotateZ(0deg) translateY(-25px);
	animation-delay:0s;
}
.mgear .tooth:nth-child(2){
	transform:rotateZ(15deg) translateY(-25px);
	animation-delay:.02s;
}
.mgear .tooth:nth-child(3){
	transform:rotateZ(30deg) translateY(-25px);
	animation-delay:.04s;
}
.mgear .tooth:nth-child(4){
	transform:rotateZ(45deg) translateY(-25px);
	animation-delay:.06s;
}
.mgear .tooth:nth-child(5){
	transform:rotateZ(60deg) translateY(-25px);
	animation-delay:.08s;
}
.mgear .tooth:nth-child(6){
	transform:rotateZ(75deg) translateY(-25px);
	animation-delay:.1s;
}
.mgear .tooth:nth-child(7){
	transform:rotateZ(90deg) translateY(-25px);
	animation-delay:.12s;
}
.mgear .tooth:nth-child(8){
	transform:rotateZ(105deg) translateY(-25px);
	animation-delay:.14s;
}
.mgear .tooth:nth-child(9){
	transform:rotateZ(120deg) translateY(-25px);
	animation-delay:.16s;
}
.mgear .tooth:nth-child(10){
	transform:rotateZ(135deg) translateY(-25px);
	animation-delay:.18s;
}
.mgear .tooth:nth-child(11){
	transform:rotateZ(150deg) translateY(-25px);
	animation-delay:.20s;
}
.mgear .tooth:nth-child(12){
	transform:rotateZ(165deg) translateY(-25px);
	animation-delay:.22s;
}
.mgear .tooth:nth-child(13){
	transform:rotateZ(180deg) translateY(-25px);
	animation-delay:.24s;
}
.mgear .tooth:nth-child(14){
	transform:rotateZ(195deg) translateY(-25px);
	animation-delay:.26s;
}
.mgear .tooth:nth-child(15){
	transform:rotateZ(210deg) translateY(-25px);
	animation-delay:.28s;
}
.mgear .tooth:nth-child(16){
	transform:rotateZ(225deg) translateY(-25px);
	animation-delay:.30s;
}
.mgear .tooth:nth-child(17){
	transform:rotateZ(240deg) translateY(-25px);
	animation-delay:.32s;
}
.mgear .tooth:nth-child(18){
	transform:rotateZ(255deg) translateY(-25px);
	animation-delay:.34s;
}
.mgear .tooth:nth-child(19){
	transform:rotateZ(270deg) translateY(-25px);
	animation-delay:.36s;
}
.mgear .tooth:nth-child(20){
	transform:rotateZ(285deg) translateY(-25px);
	animation-delay:.38s;
}
.mgear .tooth:nth-child(21){
	transform:rotateZ(300deg) translateY(-25px);
	animation-delay:.40s;
}
.mgear .tooth:nth-child(22){
	transform:rotateZ(315deg) translateY(-25px);
	animation-delay:.42s;
}
.mgear .tooth:nth-child(23){
	transform:rotateZ(330deg) translateY(-25px);
	animation-delay:.44s;
}
.mgear .tooth:nth-child(24){
	transform:rotateZ(345deg) translateY(-25px);
	animation-delay:.46s;
}


.lgear{
	height:148px;
	width:148px;
	border-radius:100%;
	position:absolute;
	z-index:5;
	top:50%;
	left:50%;
	margin:-74px;
	box-shadow:0px 0px 0px 6px rgb(120,120,120), 0px 0px 0px 20px rgb(80,80,80);
	transform-origin:50% 50%;
	transform:rotateZ(180deg);
}
.lgear .tooth:nth-child(1){
	transform:rotateZ(0deg) translateY(74px);
	animation-delay:0s;
}
.lgear .tooth:nth-child(2){
	transform:rotateZ(6deg) translateY(74px);
	animation-delay:.02s;
}
.lgear .tooth:nth-child(3){
	transform:rotateZ(12deg) translateY(74px);
	animation-delay:.04s;
}
.lgear .tooth:nth-child(4){
	transform:rotateZ(18deg) translateY(74px);
	animation-delay:.06s;
}
.lgear .tooth:nth-child(5){
	transform:rotateZ(24deg) translateY(74px);
	animation-delay:.08s;
}
.lgear .tooth:nth-child(6){
	transform:rotateZ(30deg) translateY(74px);
	animation-delay:.1s;
}
.lgear .tooth:nth-child(7){
	transform:rotateZ(36deg) translateY(74px);
	animation-delay:.12s;
}
.lgear .tooth:nth-child(8){
	transform:rotateZ(42deg) translateY(74px);
	animation-delay:.14s;
}
.lgear .tooth:nth-child(9){
	transform:rotateZ(48deg) translateY(74px);
	animation-delay:.16s;
}
.lgear .tooth:nth-child(10){
	transform:rotateZ(54deg) translateY(74px);
	animation-delay:.18s;
}
.lgear .tooth:nth-child(11){
	transform:rotateZ(60deg) translateY(74px);
	animation-delay:.2s;
}
.lgear .tooth:nth-child(12){
	transform:rotateZ(66deg) translateY(74px);
	animation-delay:.22s;
}
.lgear .tooth:nth-child(13){
	transform:rotateZ(72deg) translateY(74px);
	animation-delay:.24s;
}
.lgear .tooth:nth-child(14){
	transform:rotateZ(78deg) translateY(74px);
	animation-delay:.26s;
}
.lgear .tooth:nth-child(15){
	transform:rotateZ(84deg) translateY(74px);
	animation-delay:.28s;
}
.lgear .tooth:nth-child(16){
	transform:rotateZ(90deg) translateY(74px);
	animation-delay:.3s;
}
.lgear .tooth:nth-child(17){
	transform:rotateZ(96deg) translateY(74px);
	animation-delay:.32s;
}
.lgear .tooth:nth-child(18){
	transform:rotateZ(102deg) translateY(74px);
	animation-delay:.34s;
}
.lgear .tooth:nth-child(19){
	transform:rotateZ(108deg) translateY(74px);
	animation-delay:.36s;
}
.lgear .tooth:nth-child(20){
	transform:rotateZ(114deg) translateY(74px);
	animation-delay:.38s;
}
.lgear .tooth:nth-child(21){
	transform:rotateZ(120deg) translateY(74px);
	animation-delay:.4s;
}
.lgear .tooth:nth-child(22){
	transform:rotateZ(126deg) translateY(74px);
	animation-delay:.42s;
}
.lgear .tooth:nth-child(23){
	transform:rotateZ(132deg) translateY(74px);
	animation-delay:.44s;
}
.lgear .tooth:nth-child(24){
	transform:rotateZ(138deg) translateY(74px);
	animation-delay:.46s;
}
.lgear .tooth:nth-child(25){
	transform:rotateZ(144deg) translateY(74px);
	animation-delay:.48s;
}
.lgear .tooth:nth-child(26){
	transform:rotateZ(150deg) translateY(74px);
	animation-delay:.5s;
}
.lgear .tooth:nth-child(27){
	transform:rotateZ(156deg) translateY(74px);
	animation-delay:.52s;
}
.lgear .tooth:nth-child(28){
	transform:rotateZ(162deg) translateY(74px);
	animation-delay:.54s;
}
.lgear .tooth:nth-child(29){
	transform:rotateZ(168deg) translateY(74px);
	animation-delay:.56s;
}
.lgear .tooth:nth-child(30){
	transform:rotateZ(174deg) translateY(74px);
	animation-delay:.58s;
}
.lgear .tooth:nth-child(31){
	transform:rotateZ(180deg) translateY(74px);
	animation-delay:.6s;
}
.lgear .tooth:nth-child(32){
	transform:rotateZ(186deg) translateY(74px);
	animation-delay:.62s;
}
.lgear .tooth:nth-child(33){
	transform:rotateZ(192deg) translateY(74px);
	animation-delay:.64s;
}
.lgear .tooth:nth-child(34){
	transform:rotateZ(198deg) translateY(74px);
	animation-delay:.66s;
}
.lgear .tooth:nth-child(35){
	transform:rotateZ(204deg) translateY(74px);
	animation-delay:.68s;
}
.lgear .tooth:nth-child(36){
	transform:rotateZ(210deg) translateY(74px);
	animation-delay:.7s;
}
.lgear .tooth:nth-child(37){
	transform:rotateZ(216deg) translateY(74px);
	animation-delay:.72s;
}
.lgear .tooth:nth-child(38){
	transform:rotateZ(222deg) translateY(74px);
	animation-delay:.74s;
}
.lgear .tooth:nth-child(39){
	transform:rotateZ(228deg) translateY(74px);
	animation-delay:.76s;
}
.lgear .tooth:nth-child(40){
	transform:rotateZ(234deg) translateY(74px);
	animation-delay:.78s;
}
.lgear .tooth:nth-child(41){
	transform:rotateZ(240deg) translateY(74px);
	animation-delay:.8s;
}
.lgear .tooth:nth-child(42){
	transform:rotateZ(246deg) translateY(74px);
	animation-delay:.82s;
}
.lgear .tooth:nth-child(43){
	transform:rotateZ(252deg) translateY(74px);
	animation-delay:.84s;
}
.lgear .tooth:nth-child(44){
	transform:rotateZ(258deg) translateY(74px);
	animation-delay:.86s;
}
.lgear .tooth:nth-child(45){
	transform:rotateZ(264deg) translateY(74px);
	animation-delay:.88s;
}
.lgear .tooth:nth-child(46){
	transform:rotateZ(270deg) translateY(74px);
	animation-delay:.9s;
}
.lgear .tooth:nth-child(47){
	transform:rotateZ(276deg) translateY(74px);
	animation-delay:.92s;
}
.lgear .tooth:nth-child(48){
	transform:rotateZ(282deg) translateY(74px);
	animation-delay:.94s;
}
.lgear .tooth:nth-child(49){
	transform:rotateZ(288deg) translateY(74px);
	animation-delay:.96s;
}
.lgear .tooth:nth-child(50){
	transform:rotateZ(294deg) translateY(74px);
	animation-delay:.98s;
}
.lgear .tooth:nth-child(51){
	transform:rotateZ(300deg) translateY(74px);
	animation-delay:1s;
}
.lgear .tooth:nth-child(52){
	transform:rotateZ(306deg) translateY(74px);
	animation-delay:1.02s;
}
.lgear .tooth:nth-child(53){
	transform:rotateZ(312deg) translateY(74px);
	animation-delay:1.04s;
}
.lgear .tooth:nth-child(54){
	transform:rotateZ(318deg) translateY(74px);
	animation-delay:1.06s;
}
.lgear .tooth:nth-child(55){
	transform:rotateZ(324deg) translateY(74px);
	animation-delay:1.08s;
}
.lgear .tooth:nth-child(56){
	transform:rotateZ(330deg) translateY(74px);
	animation-delay:1.1s;
}
.lgear .tooth:nth-child(57){
	transform:rotateZ(336deg) translateY(74px);
	animation-delay:1.12s;
}
.lgear .tooth:nth-child(58){
	transform:rotateZ(342deg) translateY(74px);
	animation-delay:1.14s;
}
.lgear .tooth:nth-child(59){
	transform:rotateZ(348deg) translateY(74px);
	animation-delay:1.16s;
}
.lgear .tooth:nth-child(60){
	transform:rotateZ(354deg) translateY(74px);
	animation-delay:1.18s;
}

.bolt{
	height:6px;
	width:6px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-3px;
	border-radius:100%;
	background:rgb(50,50,50);
}
#bolt1{
	transform:rotateZ(0deg) translateY(-87px);
}
#bolt2{
	transform:rotateZ(72deg) translateY(-87px);
}
#bolt3{
	transform:rotateZ(144deg) translateY(-87px);
}
#bolt4{
	transform:rotateZ(216deg) translateY(-87px);
}
#bolt5{
	transform:rotateZ(288deg) translateY(-87px);
}


.chainGear{
	height:60px;
	width:60px;
	background:rgb(60,60,60);
	box-shadow:0px 0px 0px 34px rgb(50,50,50), 0px 0px 0px 70px rgb(60,60,60);
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px;
	transform-origin:50% 50%;
	border-radius:100%;
	z-index:1;
}
.chainGear:after{
	content:'';
	z-index:4;
	height:38px;
	width:38px;
	background:rgb(60,60,60);
	position:absolute;
	top:50%;
	left:50%;
	margin:-19px;
	border-radius:100%;
}
.chainGear:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	width: 0;
	height: 0;
	border-left:37px solid transparent;
	border-right:37px solid transparent;
	border-bottom:64px solid rgb(80,80,80);
	margin-left:-37px;
	margin-top:-43px;
}
.chainGear .arm{
	position:absolute;
	z-index:7;
	height:40px;
	width:20px;
	background:rgb(60,60,60);
	top:50%;
	left:50%;
	margin-top:-20px;
	margin-left:-10px;
	transform-origin:50% 50%;
}
.chainGear #a1{
	transform:rotateZ(60deg) translateY(-44px);
}
.chainGear #a2{
	transform:rotateZ(180deg) translateY(-44px);
}
.chainGear #a3{
	transform:rotateZ(300deg) translateY(-44px);
}
.chainGear .t{
	position:absolute;
	z-index:5;
	border-bottom:24px solid rgb(60,60,60);
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	height:0;
	width:10px;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-13px;
	transform-origin:50% 50%;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
}
.chainGear .t:nth-child(1), .chainGearOutput .t:nth-child(1){
	transform:rotateZ(11.25deg) translateY(-110px);
}
.chainGear .t:nth-child(2), .chainGearOutput .t:nth-child(2){
	transform:rotateZ(33.75deg) translateY(-110px);
}
.chainGear .t:nth-child(3), .chainGearOutput .t:nth-child(3){
	transform:rotateZ(56.25deg) translateY(-110px);
}
.chainGear .t:nth-child(4), .chainGearOutput .t:nth-child(4){
	transform:rotateZ(78.75deg) translateY(-110px);
}
.chainGear .t:nth-child(5), .chainGearOutput .t:nth-child(5){
	transform:rotateZ(101.25deg) translateY(-110px);
}
.chainGear .t:nth-child(6), .chainGearOutput .t:nth-child(6){
	transform:rotateZ(123.75deg) translateY(-110px);
}
.chainGear .t:nth-child(7), .chainGearOutput .t:nth-child(7){
	transform:rotateZ(146.25deg) translateY(-110px);
}
.chainGear .t:nth-child(8), .chainGearOutput .t:nth-child(8){
	transform:rotateZ(168.75deg) translateY(-110px);
}
.chainGear .t:nth-child(9), .chainGearOutput .t:nth-child(9){
	transform:rotateZ(191.25deg) translateY(-110px);
}
.chainGear .t:nth-child(10), .chainGearOutput .t:nth-child(10){
	transform:rotateZ(213.75deg) translateY(-110px);
}
.chainGear .t:nth-child(11), .chainGearOutput .t:nth-child(11){
	transform:rotateZ(236.25deg) translateY(-110px);
}
.chainGear .t:nth-child(12), .chainGearOutput .t:nth-child(12){
	transform:rotateZ(258.75deg) translateY(-110px);
}
.chainGear .t:nth-child(13), .chainGearOutput .t:nth-child(13){
	transform:rotateZ(281.25deg) translateY(-110px);
}
.chainGear .t:nth-child(14), .chainGearOutput .t:nth-child(14){
	transform:rotateZ(303.75deg) translateY(-110px);
}
.chainGear .t:nth-child(15), .chainGearOutput .t:nth-child(15){
	transform:rotateZ(326.25deg) translateY(-110px);
}
.chainGear .t:nth-child(16), .chainGearOutput .t:nth-child(16){
	transform:rotateZ(348.75deg) translateY(-110px);
}

.chainGearOutput{
	height:60px;
	width:60px;
	background:rgb(60,60,60);
	box-shadow:0px 0px 0px 34px rgb(50,50,50), 0px 0px 0px 70px rgb(60,60,60);
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px;
	transform-origin:50% 50%;
	border-radius:100%;
	z-index:1;
	transform:translateY(-528px) rotateZ(0deg);
	animation:chainGearOutput 9s linear infinite;
}
.chainGearOutput:after{
	content:'';
	z-index:4;
	height:38px;
	width:38px;
	background:rgb(60,60,60);
	position:absolute;
	top:50%;
	left:50%;
	margin:-19px;
	border-radius:100%;
}
.chainGearOutput .arm{
	position:absolute;
	z-index:7;
	height:40px;
	width:20px;
	background:rgb(60,60,60);
	top:50%;
	left:50%;
	margin-top:-20px;
	margin-left:-10px;
	transform-origin:50% 50%;
}
.chainGearOutput #a1{
	transform:rotateZ(60deg) translateY(-44px);
}
.chainGearOutput #a2{
	transform:rotateZ(180deg) translateY(-44px);
}
.chainGearOutput #a3{
	transform:rotateZ(300deg) translateY(-44px);
}
.chainGearOutput .t{
	position:absolute;
	z-index:5;
	border-bottom:24px solid rgb(60,60,60);
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	height:0;
	width:10px;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-13px;
	transform-origin:50% 50%;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
}
@keyframes chainGearOutput{
	to{
		transform:translateY(-528px) rotateZ(360deg);
	}
}

#chainAssembly{
	top:50%;
	left:50%;
	margin-top:-536px;
	margin-left:112px;
	z-index:100;
	transform:translateY(0px) rotateZ(90deg);
	animation:chainAssembl 9s linear forwards;
	display:none;
}

.link{
	position:absolute;
	height:16px;
	width:44px;
	top:50%;
	left:100%;
	margin-top:-8px;
	background:rgb(80,80,80);
	box-shadow: 0px 0px 5px 3px rgba(50,50,50,0.5);
	z-index:100;
	transform-origin:0% 50%;
	animation:linkCur 9s cubic-bezier(.5,0,.5,1) forwards;
}
.link:before{
	content:'';
	position:absolute;
	height:24px;
	width:24px;
	top:50%;
	left:0%;
	margin:-12px;
	border-radius:100%;
	box-shadow:inset 0px 0px 0px 8px rgb(80,80,80), -2px 0px 5px 0px rgba(50,50,50,0.5);
	background:rgb(50,50,50);
	z-index:100;
}
.link:after{
	content:'';
	position:absolute;
	height:24px;
	width:24px;
	top:50%;
	right:0%;
	margin:-12px;
	border-radius:100%;
	box-shadow:inset 0px 0px 0px 8px rgb(80,80,80), 2px 0px 5px 0px rgba(50,50,50,0.5);
	background:rgb(50,50,50);
	z-index:100;
}
.c.link{
	background:rgb(70,70,70);
	z-index:99;
}
.c.link:before, .c.link:after{
	box-shadow:inset 0px 0px 0px 8px rgb(70,70,70);
	background:rgb(50,50,50);
	z-index:99;
}

@keyframes chainAssembly{
	60%{
		opacity:1;
	}
	70%{
		opacity:0;
	}
	100%{
		transform:translateY(704px) rotateZ(90deg);
		opacity:0;
	}
}
@keyframes linkCurl{
	0%{
		transform:rotateZ(0deg);
	}
	12.5%{
		transform:rotateZ(22.5deg);
	}
	50%{
		transform:rotateZ(22.5deg);
	}
	62.5%{
		transform:rotateZ(0deg);
	}
	100%{
		transform:rotateZ(0deg);
	}
}

#l1{
	transform:rotateZ(0deg);
	animation-delay:5.625s;
}
#l2{
	transform:rotateZ(0deg);
	animation-delay:5.0625s;
}
#l3{
	transform:rotateZ(0deg);
	animation-delay:4.5s;
}
#l4{
	transform:rotateZ(0deg);
	animation-delay:3.9375s;
}
#l5{
	transform:rotateZ(0deg);
	animation-delay:3.375s;
}
#l6{
	transform:rotateZ(0deg);
	animation-delay:2.8125s;
}
#l7{
	transform:rotateZ(0deg);
	animation-delay:2.25s;
}
#l8{
	transform:rotateZ(0deg);
	animation-delay:1.6875s;
}
#l9{
	transform:rotateZ(0deg);
	animation-delay:1.125s;
}
#l10{
	transform:rotateZ(0deg);
	animation-delay:0.5625s;
}
#l11{
	transform:rotateZ(0deg);
	animation-delay:0s;
}
#l12{
	transform:rotateZ(11.25deg);
	animation-delay:-0.5625s;
}
#l13{
	transform:rotateZ(22.5deg);
	animation-delay:-1.125s;
}
#l14{
	transform:rotateZ(22.5deg);
	animation-delay:-1.6875s;
}
#l15{
	transform:rotateZ(22.5deg);
	animation-delay:-2.25s;
}
#l16{
	transform:rotateZ(22.5deg);
	animation-delay:-2.8125s;
}
#l17{
	transform:rotateZ(22.5deg);
	animation-delay:-3.375s;
}
#l18{
	transform:rotateZ(22.5deg);
	animation-delay:-3.9375s;
}
#l19{
	transform:rotateZ(22.5deg);
	animation-delay:-4.5s;
}
#l20{
	transform:rotateZ(11.25deg);
	animation-delay:-5.0625s;
}
#l21{
	transform:rotateZ(0deg);
	animation-delay:5.625s;
}
#l22{
	transform:rotateZ(0deg);
	animation-delay:5.0625s;
}
#l23{
	transform:rotateZ(0deg);
	animation-delay:4.5s;
}
#l24{
	transform:rotateZ(0deg);
	animation-delay:3.9375s;
}
#l25{
	transform:rotateZ(0deg);
	animation-delay:3.375s;
}
#l26{
	transform:rotateZ(0deg);
	animation-delay:2.8125s;
}
#l27{
	transform:rotateZ(0deg);
	animation-delay:2.25s;
}
#l28{
	transform:rotateZ(0deg);
	animation-delay:1.6875s;
}
#l29{
	transform:rotateZ(0deg);
	animation-delay:1.125s;
}
#l30{
	transform:rotateZ(0deg);
	animation-delay:0.5625s;
}
#l31{
	transform:rotateZ(0deg);
	animation-delay:0s;
}
#l32{
	transform:rotateZ(11.25deg);
	animation-delay:-0.5625s;
}
#l33{
	transform:rotateZ(22.5deg);
	animation-delay:-1.125s;
}
#l34{
	transform:rotateZ(22.5deg);
	animation-delay:-1.6875s;
}
#l35{
	transform:rotateZ(22.5deg);
	animation-delay:-2.25s;
}
#l36{
	transform:rotateZ(22.5deg);
	animation-delay:-2.8125s;
}
#l37{
	transform:rotateZ(22.5deg);
	animation-delay:-3.375s;
}
#l38{
	transform:rotateZ(22.5deg);
	animation-delay:-3.9375s;
}
#l39{
	transform:rotateZ(22.5deg);
	animation-delay:-4.5s;
}