/* First three ropes */
a.BF33 {
    -webkit-animation: BF33 3.666s cubic-bezier(.43,.025,.72,1) infinite;
    animation: BF33 3.666s cubic-bezier(.43,.025,.72,1) infinite;
    margin-left: 48px;
}
@-webkit-keyframes BF33 {
    0%      { -webkit-transform: translateX(-66px); }
    50%     { -webkit-transform: translateX( 66px); }
    100%    { -webkit-transform: translateX(-66px); }
}
@keyframes BF33 {
    0%      { transform: translateX(-66px); }
    50%     { transform: translateX( 66px); }
    100%    { transform: translateX(-66px); }
}

/* Fourth (mirrored) rope */
a.BF34 {
    -webkit-animation: BF34 3.6333s cubic-bezier(.43,.025,.72,1) infinite;
    animation: BF34 3.6333s cubic-bezier(.43,.025,.72,1) infinite;
    margin-right: 48px;
}
@-webkit-keyframes BF34 {
    0%      { -webkit-transform: translateX( 65px); }
    50%     { -webkit-transform: translateX(-65px); }
    100%    { -webkit-transform: translateX( 65px); }
}
@keyframes BF34 {
    0%      { transform: translateX( 65px); }
    50%     { transform: translateX(-65px); }
    100%    { transform: translateX( 65px); }
}

/* Orange Zinger (short horizontal movement) */
a.nineF87 {
    -webkit-animation: nineF87 .7333s cubic-bezier(.43,.025,.72,1) infinite;
    animation: nineF87 .7333s cubic-bezier(.43,.025,.72,1) infinite;
}
@-webkit-keyframes nineF87 {
    0%      { -webkit-transform: translateX(-2px); }
    50%     { -webkit-transform: translateX( 3px); }
    100%    { -webkit-transform: translateX(-2px); }
}
@keyframes nineF87 {
    0%      { transform: translateX(-2px); }
    50%     { transform: translateX( 3px); }
    100%    { transform: translateX(-2px); }
}

/* 1st Zinger after midway (vertical movement) */
a.nineD4B {
    -webkit-animation: nineD4B 3s cubic-bezier(.43,.025,.72,1) infinite;
    animation: nineD4B 3s cubic-bezier(.43,.025,.72,1) infinite;
    margin-top: 48px;
}
@-webkit-keyframes nineD4B {
    0%      { -webkit-transform: translateY(-73px); }
    50%     { -webkit-transform: translateY( 73px); }
    100%    { -webkit-transform: translateY(-73px); }
}
@keyframes nineD4B {
    0%      { transform: translateY(-73px); }
    50%     { transform: translateY( 73px); }
    100%    { transform: translateY(-73px); }
}

/* 2nd & 4th Zinger after midway (vertical movement) */
a.nineE45 {
    -webkit-animation: nineE45 3s cubic-bezier(.43,.025,.72,1) infinite;
    animation: nineE45 3s cubic-bezier(.43,.025,.72,1) infinite;
    margin-top: -32px;
}
@-webkit-keyframes nineE45 {
    0%      { -webkit-transform: translateY( 48px); }
    50%     { -webkit-transform: translateY(-48px); }
    100%    { -webkit-transform: translateY( 48px); }
}
@keyframes nineE45 {
    0%      { transform: translateY( 48px); }
    50%     { transform: translateY(-48px); }
    100%    { transform: translateY( 48px); }
}

/* 3rd & 5th Zinger after midway (vertical movement) */
a.nineE1D {
    -webkit-animation: nineE1D 3s cubic-bezier(.43,.025,.72,1) infinite 1s; /* Delay roughly approximated */
    animation: nineE1D 3s cubic-bezier(.43,.025,.72,1) infinite 1s;
    margin-top: 32px;
}
@-webkit-keyframes nineE1D {
    0%      { -webkit-transform: translateY(-48px); }
    50%     { -webkit-transform: translateY( 48px); }
    100%    { -webkit-transform: translateY(-48px); }
}
@keyframes nineE1D {
    0%      { transform: translateY(-48px); }
    50%     { transform: translateY( 48px); }
    100%    { transform: translateY(-48px); }
}

/* 6th Zinger after midway (vertical movement) */
a.nineE2B {
    -webkit-animation: nineE2B 3.8s cubic-bezier(.43,.025,.72,1) infinite;
    animation: nineE2B 3.8s cubic-bezier(.43,.025,.72,1) infinite;
    margin-top: -64px;
}
@-webkit-keyframes nineE2B {
    0%      { -webkit-transform: translateY( 88px); }
    50%     { -webkit-transform: translateY(-88px); }
    100%    { -webkit-transform: translateY( 88px); }
}
@keyframes nineE2B {
    0%      { transform: translateY( 88px); }
    50%     { transform: translateY(-88px); }
    100%    { transform: translateY( 88px); }
}

/* 7th Zinger after midway (vertical movement) */
a.nineE61 {
    -webkit-animation: nineE61 3.5s cubic-bezier(.43,.025,.72,1) infinite;
    animation: nineE61 3.5s cubic-bezier(.43,.025,.72,1) infinite;
/*    margin-top: -64px;*/
}
@-webkit-keyframes nineE61 {
    0%      { -webkit-transform: translateY( 91px); }
    50%     { -webkit-transform: translateY(-91px); }
    100%    { -webkit-transform: translateY( 91px); }
}
@keyframes nineE61 {
    0%      { transform: translateY( 91px); }
    50%     { transform: translateY(-91px); }
    100%    { transform: translateY( 91px); }
}

/* 8th Zinger after midway (vertical movement) */
a.nineE53 {
    -webkit-animation: nineE53 3.5s cubic-bezier(.43,.025,.72,1) infinite 1s;
    animation: nineE53 3.5s cubic-bezier(.43,.025,.72,1) infinite 1s;
/*    margin-top: -64px;*/
}
@-webkit-keyframes nineE53 {
    0%      { -webkit-transform: translateY(-91px); }
    50%     { -webkit-transform: translateY( 91px); }
    100%    { -webkit-transform: translateY(-91px); }
}
@keyframes nineE53 {
    0%      { transform: translateY(-91px); }
    50%     { transform: translateY( 91px); }
    100%    { transform: translateY(-91px); }
}

/* 1st red Zinger orbit */
a.A1BF {
    -webkit-animation: A1BF 2.5s linear infinite;
    animation: A1BF 2.5s linear infinite;

}
@-webkit-keyframes A1BF {
    from { -webkit-transform: rotate(360deg) translateX(55px) rotate(-360deg); }
    to   { -webkit-transform: rotate(0deg) translateX(55px) rotate(0deg); }
}
@keyframes A1BF {
    from { transform: rotate(360deg) translateX(55px) rotate(-360deg); }
    to   { transform: rotate(0deg) translateX(55px) rotate(0deg); }
}

/* 2nd & 3rd red Zinger orbit */
a.A1D1 {
    -webkit-animation: A1D1 3.5s linear infinite;
    animation: A1D1 3.5s linear infinite;

}
@-webkit-keyframes A1D1 {
    from { -webkit-transform: rotate(360deg) translateX(55px) rotate(-360deg); }
    to   { -webkit-transform: rotate(0deg) translateX(55px) rotate(0deg); }
}
@keyframes A1D1 {
    from { transform: rotate(360deg) translateX(55px) rotate(-360deg); }
    to   { transform: rotate(0deg) translateX(55px) rotate(0deg); }
}

/* 4th red Zinger orbit */
a.A207 {
    -webkit-animation: A207 4.26667s linear infinite;
    animation: A207 4.26667s linear infinite;

}
@-webkit-keyframes A207 {
    from { -webkit-transform: rotate(360deg) translateX(87px) rotate(-360deg); }
    to   { -webkit-transform: rotate(0deg) translateX(87px) rotate(0deg); }
}
@keyframes A207 {
    from { transform: rotate(360deg) translateX(87px) rotate(-360deg); }
    to   { transform: rotate(0deg) translateX(87px) rotate(0deg); }
}

/* 5th red Zinger orbit */
a.A219 {
    -webkit-animation: A219 4.26667s linear infinite;
    animation: A219 4.26667s linear infinite;

}
@-webkit-keyframes A219 {
    from { -webkit-transform: rotate(0deg) translateX(87px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(87px) rotate(-360deg); }
}
@keyframes A219 {
    from { transform: rotate(0deg) translateX(87px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(87px) rotate(-360deg); }
}

/* 6th & 7th red Zinger orbit */
a.A189 {
    -webkit-animation: A189 3.466666667s linear infinite;
    animation: A189 3.466666667s linear infinite;

}
@-webkit-keyframes A189 {
    from { -webkit-transform: rotate(0deg) translateX(39px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(39px) rotate(-360deg); }
}
@keyframes A189 {
    from { transform: rotate(0deg) translateX(39px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(39px) rotate(-360deg); }
}

/* 8th red Zinger orbit (FAST!) */
a.A22B {
    -webkit-animation: A22B 1.2s linear infinite;
    animation: A22B 1.2s linear infinite;

}
@-webkit-keyframes A22B {
    from { -webkit-transform: rotate(0deg) translateX(39px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(39px) rotate(-360deg); }
}
@keyframes A22B {
    from { transform: rotate(0deg) translateX(39px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(39px) rotate(-360deg); }
}


/* Bonus Area #2 rope movement */
a.BF69 {
    -webkit-animation: BF69 4.8s cubic-bezier(.43,.025,.72,1) infinite;
    animation: BF69 4.8s cubic-bezier(.43,.025,.72,1) infinite;
    margin-left: -1px;
}
@-webkit-keyframes BF69 {
    0%      { -webkit-transform: translateX( 200px); }
    50%     { -webkit-transform: translateX(-200px); }
    100%    { -webkit-transform: translateX( 200px); }
}
@keyframes BF69 {
    0%      { transform: translateX( 200px); }
    50%     { transform: translateX(-200px); }
    100%    { transform: translateX( 200px); }
}