body {
font-family: 'Special Elite', cursive;
}
h1, h3 {
    position: absolute;
        bottom: 150px;
	    text-align: center;
	        width: 100%;
		    color: grey;
		    
}
h3 {
   bottom: 125px;
}
sub {
   position: absolute;
   bottom: 0px;
   right: 0px;
   width: 100%;
   text-align: right;
   color: grey;
   padding: 8px;
}
body:after {
  content: '';
    position: fixed;
      top: 0px;
        left: 0px;
	  width: 100%;
	    height: 100%;
	      background: rgba(0, 0, 0, 0.5);
	      }
	      
	      * {
	        padding: 0;
		  margin: 0;
		    box-sizing: border-box;
		    }
		    
		    body {
		      overflow: hidden;
		        background-color: #263238;
			}
			
			svg {
			  width: 0;
			    height: 0;
			    }
			    
			    .container {
			      position: absolute;
			        top: 30%;
				  left: 50%;
				    -webkit-transform-style: preserve-3d;
				              transform-style: preserve-3d;
					        -webkit-perspective: 5000px;
						          perspective: 5000px;
							    -webkit-transform:
rotateX(0.1turn) rotateY(0turn);
          transform: rotateX(0.1turn) rotateY(0turn);
	    -webkit-animation: flyout 6s infinite ease-in-out;
	              animation: flyout 6s infinite ease-in-out;
		        -webkit-animation-direction: alternate;
			          animation-direction: alternate;
				  }
				  
				  .gear {
				    position: absolute;
				      -webkit-transform-style: preserve-3d;
				                transform-style: preserve-3d;
						  -webkit-animation: r
9s infinite linear;
          animation: r 9s infinite linear;
	  }
	  .gear:nth-child(1) {
	    top: 0em;
	      left: 0em;
	        -webkit-animation-direction: reverse;
		          animation-direction: reverse;
			    -webkit-animation-duration: 4s;
			              animation-duration: 4s;
				        color: #5D0F0D;
					}
					.gear:nth-child(1) .teeth {
					  -webkit-transform: rotateZ(0deg);
					            transform: rotateZ(0deg);
						    }
						    .gear:nth-child(1)
.tooth {
  height: 3.6em;
    -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
	      }
	      .gear:nth-child(1) .tooth:nth-child(1) {
	        -webkit-transform: translateX(-50%) translateY(-50%)
rotateX(90deg) rotateY(0deg) translateZ(3.40277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(0deg) translateZ(3.40277em);
}
.gear:nth-child(1) .tooth:nth-child(2) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(20deg) translateZ(4.60277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(20deg) translateZ(4.60277em);
}
.gear:nth-child(1) .tooth:nth-child(3) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(40deg) translateZ(3.40277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(40deg) translateZ(3.40277em);
}
.gear:nth-child(1) .tooth:nth-child(4) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(60deg) translateZ(4.60277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(60deg) translateZ(4.60277em);
}
.gear:nth-child(1) .tooth:nth-child(5) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(80deg) translateZ(3.40277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(80deg) translateZ(3.40277em);
}
.gear:nth-child(1) .tooth:nth-child(6) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(100deg) translateZ(4.60277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(100deg) translateZ(4.60277em);
}
.gear:nth-child(1) .tooth:nth-child(7) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(120deg) translateZ(3.40277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(120deg) translateZ(3.40277em);
}
.gear:nth-child(1) .tooth:nth-child(8) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(140deg) translateZ(4.60277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(140deg) translateZ(4.60277em);
}
.gear:nth-child(1) .tooth:nth-child(9) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(160deg) translateZ(3.40277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(160deg) translateZ(3.40277em);
}
.gear:nth-child(1) .tooth:nth-child(10) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(180deg) translateZ(4.60277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(180deg) translateZ(4.60277em);
}
.gear:nth-child(1) .tooth:nth-child(11) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(200deg) translateZ(3.40277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(200deg) translateZ(3.40277em);
}
.gear:nth-child(1) .tooth:nth-child(12) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(220deg) translateZ(4.60277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(220deg) translateZ(4.60277em);
}
.gear:nth-child(1) .tooth:nth-child(13) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(240deg) translateZ(3.40277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(240deg) translateZ(3.40277em);
}
.gear:nth-child(1) .tooth:nth-child(14) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(260deg) translateZ(4.60277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(260deg) translateZ(4.60277em);
}
.gear:nth-child(1) .tooth:nth-child(15) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(280deg) translateZ(3.40277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(280deg) translateZ(3.40277em);
}
.gear:nth-child(1) .tooth:nth-child(16) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(300deg) translateZ(4.60277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(300deg) translateZ(4.60277em);
}
.gear:nth-child(1) .tooth:nth-child(17) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(320deg) translateZ(3.40277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(320deg) translateZ(3.40277em);
}
.gear:nth-child(1) .tooth:nth-child(18) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(340deg) translateZ(4.60277em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(340deg) translateZ(4.60277em);
}
.gear:nth-child(1) .tooth:before, .gear:nth-child(1) .tooth:after {
  height: 3.6em;
    -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
	      }
	      .gear:nth-child(1) .face {
	        -webkit-transform: rotateZ(10deg);
		          transform: rotateZ(10deg);
			    z-index: 1;
			    }
			    .gear:nth-child(1) .face:before,
.gear:nth-child(1) .face:after {
  content: "";
    position: absolute;
      display: block;
        width: 9.20554em;
	  height: 9.20554em;
	    background-color: #b61d1a;
	      -webkit-clip-path: url(#clip_0);
	                clip-path: url(#clip_0);
			}
			.gear:nth-child(1) .face:before {
			  -webkit-backface-visibility: hidden;
			            backface-visibility: hidden;
				      -webkit-transform:
translateX(-50%) translateY(-50%) translateZ(1.8em);
          transform: translateX(-50%) translateY(-50%)
translateZ(1.8em);
}
.gear:nth-child(1) .face:after {
  -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
	      -webkit-transform: translateX(-50%) translateY(-50%)
rotateZ(20deg) rotateY(180deg) translateZ(1.8em);
          transform: translateX(-50%) translateY(-50%) rotateZ(20deg)
rotateY(180deg) translateZ(1.8em);
}
.gear:nth-child(2) {
  top: 4.64011em;
    left: 8.03691em;
      -webkit-animation-direction: normal;
                animation-direction: normal;
		  -webkit-animation-duration: 5.33333s;
		            animation-duration: 5.33333s;
			      color: #A2B1B0;
			      }
			      .gear:nth-child(2) .teeth {
			        -webkit-transform: rotateZ(135deg);
				          transform: rotateZ(135deg);
					  }
					  .gear:nth-child(2) .tooth {
					    height: 4.8em;
					      -webkit-backface-visibility:
hidden;
          backface-visibility: hidden;
	  }
	  .gear:nth-child(2) .tooth:nth-child(1) {
	    -webkit-transform: translateX(-50%) translateY(-50%)
rotateX(90deg) rotateY(0deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(0deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(2) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(15deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(15deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(3) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(30deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(30deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(4) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(45deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(45deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(5) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(60deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(60deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(6) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(75deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(75deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(7) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(90deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(90deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(8) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(105deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(105deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(9) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(120deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(120deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(10) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(135deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(135deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(11) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(150deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(150deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(12) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(165deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(165deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(13) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(180deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(180deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(14) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(195deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(195deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(15) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(210deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(210deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(16) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(225deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(225deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(17) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(240deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(240deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(18) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(255deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(255deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(19) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(270deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(270deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(20) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(285deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(285deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(21) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(300deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(300deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(22) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(315deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(315deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:nth-child(23) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(330deg) translateZ(4.55745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(330deg) translateZ(4.55745em);
}
.gear:nth-child(2) .tooth:nth-child(24) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(345deg) translateZ(5.75745em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(345deg) translateZ(5.75745em);
}
.gear:nth-child(2) .tooth:before, .gear:nth-child(2) .tooth:after {
  height: 4.8em;
    -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
	      }
	      .gear:nth-child(2) .face {
	        -webkit-transform: rotateZ(142.5deg);
		          transform: rotateZ(142.5deg);
			    z-index: 1;
			    }
			    .gear:nth-child(2) .face:before,
.gear:nth-child(2) .face:after {
  content: "";
    position: absolute;
      display: block;
        width: 11.5149em;
	  height: 11.5149em;
	    background-color: #d9e0df;
	      -webkit-clip-path: url(#clip_1);
	                clip-path: url(#clip_1);
			}
			.gear:nth-child(2) .face:before {
			  -webkit-backface-visibility: hidden;
			            backface-visibility: hidden;
				      -webkit-transform:
translateX(-50%) translateY(-50%) translateZ(2.4em);
          transform: translateX(-50%) translateY(-50%)
translateZ(2.4em);
}
.gear:nth-child(2) .face:after {
  -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
	      -webkit-transform: translateX(-50%) translateY(-50%)
rotateZ(15deg) rotateY(180deg) translateZ(2.4em);
          transform: translateX(-50%) translateY(-50%) rotateZ(15deg)
rotateY(180deg) translateZ(2.4em);
}
.gear:nth-child(3) {
  top: 12.8327em;
    left: -0.15568em;
      -webkit-animation-direction: reverse;
                animation-direction: reverse;
		  -webkit-animation-duration: 6.66667s;
		            animation-duration: 6.66667s;
			      color: #7cb342;
			      }
			      .gear:nth-child(3) .teeth {
			        -webkit-transform: rotateZ(225deg);
				          transform: rotateZ(225deg);
					  }
					  .gear:nth-child(3) .tooth {
					    height: 2.4em;
					      -webkit-backface-visibility:
hidden;
          backface-visibility: hidden;
	  }
	  .gear:nth-child(3) .tooth:nth-child(1) {
	    -webkit-transform: translateX(-50%) translateY(-50%)
rotateX(90deg) rotateY(0deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(0deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(2) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(12deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(12deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(3) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(24deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(24deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(4) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(36deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(36deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(5) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(48deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(48deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(6) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(60deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(60deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(7) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(72deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(72deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(8) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(84deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(84deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(9) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(96deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(96deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(10) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(108deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(108deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(11) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(120deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(120deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(12) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(132deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(132deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(13) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(144deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(144deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(14) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(156deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(156deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(15) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(168deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(168deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(16) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(180deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(180deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(17) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(192deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(192deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(18) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(204deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(204deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(19) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(216deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(216deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(20) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(228deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(228deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(21) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(240deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(240deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(22) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(252deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(252deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(23) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(264deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(264deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(24) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(276deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(276deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(25) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(288deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(288deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(26) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(300deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(300deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(27) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(312deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(312deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(28) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(324deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(324deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:nth-child(29) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(336deg) translateZ(5.70862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(336deg) translateZ(5.70862em);
}
.gear:nth-child(3) .tooth:nth-child(30) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(348deg) translateZ(6.90862em);
          transform: translateX(-50%) translateY(-50%) rotateX(90deg)
rotateY(348deg) translateZ(6.90862em);
}
.gear:nth-child(3) .tooth:before, .gear:nth-child(3) .tooth:after {
  height: 2.4em;
    -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
	      }
	      .gear:nth-child(3) .face {
	        -webkit-transform: rotateZ(231deg);
		          transform: rotateZ(231deg);
			    z-index: 1;
			    }
			    .gear:nth-child(3) .face:before,
.gear:nth-child(3) .face:after {
  content: "";
    position: absolute;
      display: block;
        width: 13.81724em;
	  height: 13.81724em;
	    background-color: #aed388;
	      -webkit-clip-path: url(#clip_2);
	                clip-path: url(#clip_2);
			}
			.gear:nth-child(3) .face:before {
			  -webkit-backface-visibility: hidden;
			            backface-visibility: hidden;
				      -webkit-transform:
translateX(-50%) translateY(-50%) translateZ(1.2em);
          transform: translateX(-50%) translateY(-50%)
translateZ(1.2em);
}
.gear:nth-child(3) .face:after {
  -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
	      -webkit-transform: translateX(-50%) translateY(-50%)
rotateZ(12deg) rotateY(180deg) translateZ(1.2em);
          transform: translateX(-50%) translateY(-50%) rotateZ(12deg)
rotateY(180deg) translateZ(1.2em);
}

.teeth, .face {
  position: absolute;
    -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
	      }
	      
	      .tooth {
	        -webkit-transform-style: preserve-3d;
		          transform-style: preserve-3d;
			    position: absolute;
			      width: 0.90532em;
			        background-color: currentColor;
				}
				.tooth:nth-child(odd) {
				  width: 1.2em;
				  }
				  .tooth:nth-child(even):before,
.tooth:nth-child(even):after {
  content: "";
    position: absolute;
      width: 1.32991em;
        top: 0;
	  left: 0;
	    background-color: currentColor;
	    }
	    .tooth:nth-child(even):before {
	      -webkit-transform-origin: right;
	                transform-origin: right;
			  -webkit-transform: translateX(-100%) rotateY(-83deg);
			            transform: translateX(-100%) rotateY(-83deg);
				    }
				    .tooth:nth-child(even):after {
				      -webkit-transform-origin: left;
				                transform-origin: left;
						  -webkit-transform:
translateX(0.90532em) rotateY(83deg);
          transform: translateX(0.90532em) rotateY(83deg);
	  }
	  
	  @-webkit-keyframes r {
	    to {
	        -webkit-transform: rotate(1turn);
		            transform: rotate(1turn);
			      }
			      }
			      
			      @keyframes r {
			        to {
				    -webkit-transform: rotate(1turn);
				                transform: rotate(1turn);
						  }
						  }
						  @-webkit-keyframes
flyout {
  0% {
      -webkit-transform: rotateX(0.1turn) rotateY(0turn);
                  transform: rotateX(0.1turn) rotateY(0turn);
		    }
		      100% {
		          -webkit-transform: rotateX(0.1turn) rotateY(0.5turn);
			              transform: rotateX(0.1turn) rotateY(0.5turn);
				        }
					}
					@keyframes flyout {
					  0% {
					      -webkit-transform:
rotateX(0.1turn) rotateY(0turn);
            transform: rotateX(0.1turn) rotateY(0turn);
	      }
	        100% {
		    -webkit-transform: rotateX(0.1turn) rotateY(0.5turn);
		                transform: rotateX(0.1turn) rotateY(0.5turn);
				  }
				  }