html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* style.css */

/* ---------- Base ---------- */

/*
:root{
    --bg:#0b0f14;
    --panel:#0f1620;
    --panel2:#0d131c;
    --text:#e8eef7;
    --muted:#a9b4c2;
    --line:rgba(255,255,255,.08);
    --accent:#5eead4;   
    --accent2:#60a5fa;  
    --shadow: 0 10px 30px rgba(0,0,0,.35);
    --radius: 18px;
  }
  */

  :root{
    --bg:#20293A;
    --panel:#1B2436;
    --panel2:#172033;
    --text:#FFFFFF;
    --muted:rgba(255,255,255,.70);
    --line:rgba(255,255,255,.10);
    --accent:#F1751F;
    --shadow: 0 10px 30px rgba(0,0,0,.35);
    --radius: 18px;
  }

  h1, h2, h3, h4, h5 {
    font-weight: 700;
 }
  
 p {
    margin: 0 0 10px;
}
  
  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{
    margin:0;
    font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
    background:
      radial-gradient(1200px 800px at 20% -10%, rgba(96,165,250,.18), transparent 55%),
      radial-gradient(900px 600px at 90% 10%, rgba(94,234,212,.14), transparent 55%),
      linear-gradient(#070a0f, #0b0f14);
    color:var(--text);
    line-height:1.55;
  }

  #pixel-bg{
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background: #20293A;
  }

  .topbar,
main,
footer,
.menu-overlay,
.drawer{
  position: relative;
  z-index: 2;
}
  
  
  /* Animations */
  @keyframes gridDrift{
    from{ background-position: 0 0, 0 0; }
    to{ background-position: 320px 240px, 240px 320px; }
  }
  
  @keyframes glowDrift{
    0%{ transform: translate3d(-3%, -2%, 0) scale(1.06); }
    100%{ transform: translate3d(3%, 2%, 0) scale(1.12); }
  }
  
  @keyframes scanMove{
    from{ transform: translate3d(0,0,0); }
    to{ transform: translate3d(-140px, 90px, 0); }
  }
  
  @keyframes nodesPulse{
    0%{ opacity: .45; transform: scale(1); }
    100%{ opacity: .70; transform: scale(1.08); }
  }
  
  /* Respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    body::before, body::after, .bg-systems::before, .bg-systems::after{
      animation: none !important;
    }
  }

  

  
  a{ color:inherit; text-decoration:none; }
  a.link{ text-decoration:underline; text-underline-offset:3px; }
  img{ max-width:100%; display:block; }
  
  .container{
    width:min(1120px, calc(100% - 40px));
    margin:0 auto;
  }
  
  .narrow{
    width:min(820px, calc(100% - 40px));
    margin:0 auto;
  }
  
  .muted{ color:var(--muted); }
  .small{ font-size:.92rem; }
  
  .accent {
    color: #F1751F;
  }

  .bold {
    font-weight: 700;
}

  /* ---------- Topbar ---------- */
  .topbar {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(10px);
    background: #20293A;
    border-bottom: 1px solid #ffffff12;
}
  
  .topbar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:12px 0;
  }
  
  .brand{
    display:flex;
    align-items:baseline;
    gap:6px;
    font-weight:800;
    letter-spacing:.2px;
  }
  
  .brand-mark{
    font-size:1.05rem;
  }
  
  .brand-sub{
    font-size:1.05rem;
    color:var(--muted);
    font-weight:700;
  }
  
  .nav{
    display:flex;
    gap:16px;
    align-items:center;
    flex-wrap:wrap;
  }
  
  .nav a{
    color:var(--muted);
    font-size:.95rem;
    padding:8px 10px;
    border-radius: 12px;
  }
  
  .nav a:hover{ color:var(--text); background: rgba(255,255,255,.04); }
  .nav a.active{ color:var(--text); background: rgba(255,255,255,.06); }
  
  .topbar-actions{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
  }
  
  /* ---------- Buttons ---------- */
  .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 5px;
    border: 1px solid var(--line);
    font-weight: 800;
    font-size: .95rem;
    cursor: pointer;
    transition: transform .12s ease, background .12s ease, border-color .12s ease;
    user-select: none;
  }
  
  .btn:active{ transform: translateY(1px); }
  
  .btn-primary{
    background: #F1751F;
  }
  .btn-primary:hover{
    background: rgba(241,117,31,.26);
    border-color: rgba(241,117,31,.50);
  }
  
  
  .btn-secondary{
    background: rgba(255,255,255,.06);
  }
  
  .btn-ghost{
    background: transparent;
    color: var(--muted);
  }
  
  .btn:hover{
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.14);
  }
  
  /* ---------- Hero ---------- */
  .hero{
    padding: 40px 0 22px;
  }
  
  .hero-grid{
    display:grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 26px;
    align-items:center;
  }
  
  .eyebrow{
    display:inline-block;
    color: var(--muted);
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size:.78rem;
    margin:0 0 10px;
  }
  
  .hero h2{
    margin: 0;
    font-size: clamp(3rem, 4.2vw, 3.2rem);
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 700;
  }

  .hero h2 span {
}
  
  .lead{
    margin: 6px 0 17px;
    color: var(--muted);
    font-size: 1.07rem;
  }
  
  .hero-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin: 10px 0 15px;
  }
  
  .trustline {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    color: var(--muted);
    font-size: .82rem;
    margin: 0 0 9px;
    text-transform: uppercase;
}

  .trustline .dot{ opacity:.6; }
  
 
  
  .hero-card-caption {
    font-size: .95rem;
    text-align: center;
    margin: 0;
    position: relative;
    text-shadow: 0 0 10px #000000;
}
  
  .mock{
    border:1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    overflow:hidden;
    background: radial-gradient(500px 320px at 40% 20%, rgba(96,165,250,.14), transparent 55%),
                radial-gradient(360px 240px at 70% 65%, rgba(94,234,212,.12), transparent 55%),
                rgba(10,14,20,.9);
    height: 290px;
    position:relative;
  }
  
  .mock-top{
    height: 44px;
    border-bottom:1px solid rgba(255,255,255,.06);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .mock-pill{
    width: 56px;
    height: 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
  }
  .mock-body{ padding: 16px; }
  .mock-line{
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    margin: 10px 0;
  }
  .w-60{ width:60%; }
  .w-70{ width:70%; }
  .w-90{ width:90%; }
  .mock-spacer{ height: 10px; }
  .mock-tile{
    height: 44px;
    border-radius: 14px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.06);
    margin-top: 10px;
  }
  
  /* ---------- Sections ---------- */
  .section{
    padding: 34px 0;
  }
  
  .section-head{
    margin-bottom: 18px;
  }
  
  .section-head h2{
    margin:0 0 6px;
    font-size: 1.6rem;
    letter-spacing:-.01em;
  }
  
  /* cards grids */
  .grid3{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
  
  .card{
    background: rgba(255,255,255,.04);
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 18px;
    box-shadow: 0 6px 18px rgba(0,0,0,.22);
  }
  
  .card h3{ margin: 0 0 8px; }
  .card p{ margin:0; color:var(--muted); }
  
  /* ---------- Apps ---------- */
  .apps-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
  
  .app-card{
    background: #20293A;
    border: 1px solid #90a4c914;
    border-radius: 6px;
    padding: 16px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
    display: flex;
    flex-direction: column;
    min-height: 210px;
    box-shadow: 0 0 17px #0000005e;
  }
  
  .app-live{
    border-color: rgba(94,234,212,.22);
    background: linear-gradient(180deg, rgba(94,234,212,.08), rgba(255,255,255,.04));
  }
  
  .app-top{
    display:flex;
    gap:12px;
    align-items:flex-start;
  }
  
  .app-icon {
    width: 74px;
    height: 74px;
    display: grid;
    place-items: center;
    font-weight: 900;
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid #ffffff0f;
}
  
  .app-meta h3{
    margin: 0 0 6px;
    font-size: 1.08rem;
  }
  .badges{ display:flex; flex-wrap:wrap; gap:8px; }
  
  .badge{
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 900;
    color: var(--muted);
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .07);
  }
  .badge-live{
    color: rgba(94,234,212,.95);
    border-color: rgba(94,234,212,.20);
    background: rgba(94,234,212,.08);
  }
  .badge-soft{
    color: rgba(96,165,250,.95);
    border-color: rgba(96,165,250,.18);
    background: rgba(96,165,250,.08);
  }
  
  .app-desc{
    margin: 12px 0 14px;
    color: var(--muted);
    flex: 1;
  }
  
  .app-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
  }

  .app-actions a {
    display: inline-block;
    margin: 0 6px 0 0;
    border-bottom: 1px solid #F1751F;
}

.app-actions > a:last-child {
    border-color: #fff;
}
  
  .apps-note{
    margin: 14px 0 0;
    font-weight:700;
  }
  
  /* ---------- SIMPLEX ---------- */
  .simplex{
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: rgba(255,255,255,.02);
  }
  
  .simplex-inner{
    display:grid;
    gap: 14px;
  }
  
  .lead2{
    margin: 6px 0 0;
    color: var(--muted);
    font-size:1.02rem;
  }
  
  .bullets{
    margin: 0;
    padding-left: 18px;
    color: var(--muted);
    font-weight:400;
    list-style: square;
  }
  
  .simplex-cta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}
  
  /* ---------- Pages ---------- */
  .page{
    padding: 36px 0 30px;
  }
  
  .page h1{
    margin: 0 0 10px;
    font-size: 2rem;
    letter-spacing:-.02em;
  }
  
  .page-card{
    margin-top: 14px;
    background: rgba(255,255,255,.04);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 18px;
  }

.page-card-contact {
    background: #fff;
    padding: 11px 17px 0;
}

.page-card-contact h2 {
    color: #5b5b5b;
    font-size: 26px;
    border-bottom: 1px solid #cdcdcd;
}
  
  .legal .chip{
    display:inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.05);
  }
  
  /* forms */
  .form{
    display:grid;
    gap: 12px;
    margin-top: 12px;
  }
  label{ display:grid; gap: 6px; color: var(--muted); font-weight:800; }
  input, textarea{
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.18);
    color: var(--text);
    outline: none;
  }
  input:focus, textarea:focus{
    border-color: rgba(94,234,212,.28);
    box-shadow: 0 0 0 4px rgba(94,234,212,.08);
  }
  
  /* ---------- Footer ---------- */
  .footer{
    border-top: 1px solid var(--line);
    padding: 20px 0;
    background: rgba(0,0,0,.18);
  }
  
  .footer-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    flex-wrap:wrap;
  }
  
  .foot-left {
    width: 100%;
    text-align: center;
    max-width: 100%;
}
  
  .brand-mini{
    font-weight:900;
    letter-spacing:.02em;
  }
  
  .foot-links {
    text-align: center;
    width: 100%;
    max-width: 100%;
}
  
  .foot-links a{
    color: var(--muted);
    padding: 8px 10px;
    border-radius: 12px;
  }
  .foot-links a:hover{ color: var(--text); background: rgba(255,255,255,.04); }

  /* ---------- Mobile Burger + Slide-in Menu ---------- */
  .burger {
    width: 40px;
    height: 40px;
    border: 1px solid rgb(255 255 255 / 10%);
    background: #27272729;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease, transform .12s ease;
    border-radius: 4px;
}
  .burger:hover{
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.14);
  }
  .burger:active{ transform: translateY(1px); }
  
  .burger-lines{
    width: 18px;
    height: 12px;
    position: relative;
  }
  .burger-lines span{
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 999px;
    background: rgba(255,255,255,.85);
  }
  .burger-lines span:nth-child(1){ top: 0; }
  .burger-lines span:nth-child(2){ top: 5px; opacity: .85; }
  .burger-lines span:nth-child(3){ bottom: 0; opacity: .75; }
  
  .menu-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease;
    z-index: 80;
  }
  
  .drawer{
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(340px, 86vw);
    background: #192233;
    border-left: 1px solid var(--line);
    box-shadow: -20px 0 60px rgba(0,0,0,.55);
    transform: translateX(110%);
    transition: transform .22s ease;
    z-index: 90;
    display: flex;
    flex-direction: column;
  }
  
  .drawer-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
  }
  
  .drawer-title{
    font-weight: 900;
    letter-spacing: .02em;
  }
  
  .drawer-close{
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.04);
    color: var(--text);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
  }
  .drawer-close:hover{ background: rgba(255,255,255,.08); }
  
  .drawer-nav{
    padding: 10px 10px 0;
    display: grid;
    gap: 6px;
  }
  
  .drawer-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 14px;
    color: var(--text);
    font-weight: 900;
    border-bottom: 1px solid rgb(255 255 255 / 13%);
    background: rgba(255, 255, 255, .03);
}
  .drawer-nav a:hover{
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.10);
  }
  
  .drawer-actions {
    padding: 14px 16px 18px;
    border-top: 1px solid var(--line);
    display: grid;
    gap: 10px;
  }
  
  /* open state */
  body.menu-open{
    overflow: hidden;
  }
  body.menu-open .menu-overlay{
    opacity: 1;
    pointer-events: auto;
  }
  body.menu-open .drawer{
    transform: translateX(0);
  }
  
  /* Hide desktop nav always (you wanted burger menu style) */
  .nav{ display: none !important; }
  
  /* ---------- OPTION A: Premium CSS Animated Background ---------- */
:root{
    --bg:#20293A;
    --text:#FFFFFF;
    --accent:#F1751F;
  
    /* background variations (same family, no new colors) */
    --bg2:#182133;    /* slightly darker */
    --bg3:#2A3550;    /* slightly lighter */
  }
  
  /* Base background (override your current body background) */
  body{
    background: var(--bg);
    color: var(--text);
  }
  
  /* Animated glow layer */
  body::after{
    content:"";
    position: fixed;
    inset: -20%;
    z-index: -2;
    pointer-events: none;
  
    background:
      radial-gradient(600px 420px at 18% 18%, rgba(241,117,31,.18), transparent 60%),
      radial-gradient(520px 380px at 78% 22%, rgba(255,255,255,.10), transparent 60%),
      radial-gradient(700px 520px at 62% 78%, rgba(241,117,31,.10), transparent 62%),
      radial-gradient(900px 700px at 30% 80%, rgba(255,255,255,.06), transparent 65%),
      linear-gradient(180deg, var(--bg2), var(--bg));
  
    filter: blur(18px);
    opacity: .95;
  
    animation: bgDrift 26s ease-in-out infinite alternate;
    transform: translate3d(0,0,0);
  }
  
  /* Very subtle grain (no images) */
  body::before{
    content:"";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .10;
    mix-blend-mode: overlay;
  
    background-image:
      repeating-linear-gradient(0deg, rgba(255,255,255,.02), rgba(255,255,255,.02) 1px, transparent 1px, transparent 2px),
      repeating-linear-gradient(90deg, rgba(255,255,255,.012), rgba(255,255,255,.012) 1px, transparent 1px, transparent 3px);
  }
  
  /* Slow drift animation */
  @keyframes bgDrift{
    0%{
      transform: translate3d(-2%, -1%, 0) scale(1.02);
      filter: blur(18px);
    }
    100%{
      transform: translate3d(2%, 1%, 0) scale(1.06);
      filter: blur(22px);
    }
  }
  

  .logo-img {
    width: 200px;
}


  /* Respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    body::after{ animation: none; }
  }
  
  
  /* ---------- Responsive ---------- */
  @media (max-width: 920px){
    .hero-grid{ grid-template-columns: 1fr; }
    .apps-grid{ grid-template-columns: repeat(2, 1fr); }
    .grid3{ grid-template-columns: 1fr; }
  }
  
  @media (max-width: 560px){
    .nav{ display:none; } /* simple version; can add burger later if you want */
    .apps-grid{ grid-template-columns: 1fr; }
    .topbar-actions{ width:100%; justify-content:flex-end; }
    .btn{ width:auto; }
  }
  

  .gear-body {
    height: 172px;
    border-radius: 350px;
    overflow: hidden;
    width: 172px;
    box-shadow: 0 0 0 3px #2b3449;
    border: 3px solid #17223b;
}


.all-gear {
    position: relative;
    height: 286px;
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
}

.gear-1 {
    position: absolute;
    left: 20px;
    top: -30px;
}

.gear-2 {
    position: absolute;
    left: 176px;
    top: -3px;
}

.gear-3 {
    position: absolute;
    top: 128px;
    left: 137px;
}

.gear-4 {
    position: absolute;
    left: 50px;
    top: 110px;
}

.gear-5 {
    position: absolute;
    left: -60px;
    top: 80px;
}

.gear-body-inner:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    box-shadow: 0 0 10px 28px #20293a4d inset;
    border-radius: 200px;
}


  .gear-body-inner {
    position: relative;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	background:rgba(50,50,50,1);
	background:-moz-radial-gradient(center, ellipse cover, rgba(50,50,50,1) 0%, rgba(25,25,25,1) 100%);
	background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(50,50,50,1)), color-stop(100%, rgba(25,25,25,1)));
	background:-webkit-radial-gradient(center, ellipse cover, rgba(50,50,50,1) 0%, rgba(25,25,25,1) 100%);
	background:-o-radial-gradient(center, ellipse cover, rgba(50,50,50,1) 0%, rgba(25,25,25,1) 100%);
	background:-ms-radial-gradient(center, ellipse cover, rgba(50,50,50,1) 0%, rgba(25,25,25,1) 100%);
	background:radial-gradient(ellipse at center, rgba(50,50,50,1) 0%, rgba(25,25,25,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#191919', GradientType=1 );
}

.gear-body * {
  transform-style: preserve-3d;
}

#gearAssembly, #gearHub{
	height:0;
	width:0;
	position:absolute;
	top:50%;
	left:50%;
	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;
}