/* SAFARI 7*/
.anilogo-shop {width: 16.6666666%; position:fixed; z-index:9999;top: 20px;left: 10px;}
.globe-sat {
   /*width: 170%; 
   margin-bottom:-170px; 
   height: 170%; 
   margin-left:-70px; 
   margin-top:-85px; */
}
.ufo {
  transform-origin: 0px 0px;
  animation-delay:0s;
  animation: ufo-orbit 140s linear reverse infinite !important;
  -webkit-animation: ufo-orbit 140s linear reverse infinite !important;
}
.sat-sat {
  width: 230%;
  height: 400%;
  margin-left:0px;
  overflow:visible;
}
.ufo-sat {
  transform-origin: 0px 0px;
  /* animation: ufo-big .2s ease infinite; */
  z-index:9999;
}

.sat {
  top:60px;
  left:60px;
  transform-origin: 0px 0px;
  animation: orbit 360s linear infinite;
  -webkit-animation: orbit 360s linear infinite;
}
.sat-two {
  transform-origin: 0px 0px;
  animation: orbit 5s linear infinite;
  -webkit-animation: orbit 5s linear infinite;
}

.moreani {/* width: 110%; */ float:left; position:fixed; top: 0; z-index: -1;}
.other-circ {
  transform-origin: 0px 0px;
  animation: orbit-bigger 10s linear infinite;
  -webkit-animation: orbit-bigger 10s linear infinite;
}

.anicontain {width:100%; height:auto;}



@-webkit-keyframes orbit {
  0% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   5% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   10% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   15% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   20% {
    -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   25% {
    -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   30% {
    -webkit-transform: rotate(-360deg) translateX(250px) rotate(360deg);
  }
   35% {
    -webkit-transform: rotate(-360deg) translateX(250px) rotate(360deg);
  }
   40% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   45% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   50% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   55% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   60% {
    -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   65% {
    -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   70% {
    -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   75% {
    -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   80% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   85% {
    -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
  90% {
    -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
     95% {
    -webkit-transform: rotate(-360deg) translateX(250px) rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateX(250px) rotate(360deg);
  }
}

@-webkit-keyframes orbit-bigger {
  0% {
    -webkit-transform: rotate(-20deg) translateX(380px) rotate(20deg);
  }
  90% {
    -webkit-transform: rotate(-20deg) translateX(380px) rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(-380deg) translateX(380px) rotate(380deg);
  }
 
}

@-webkit-keyframes ufo-orbit {
  0% {
    -webkit-transform: rotate(-40deg) translateX(800px)  rotate(40deg);
  }

  100% {
    -webkit-transform: rotate(-400deg) translateX(800px) rotate(400deg);
  }
}
@-webkit-keyframes sat-orbit {

}


/* LOGO ANIMATION ELEMENTS */
@keyframes orbit {
  0% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   5% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   10% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   15% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   20% {
    transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   25% {
    transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   30% {
    transform: rotate(-360deg) translateX(250px) rotate(360deg);
  }
   35% {
    transform: rotate(-360deg) translateX(250px) rotate(360deg);
  }
   40% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   45% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   50% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   55% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   60% {
    transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   65% {
    transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   70% {
    transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   75% {
    transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
   80% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
   85% {
    transform: rotate(-25deg) translateX(250px) rotate(25deg);
  }
  90% {
    transform: rotate(335deg) translateX(250px) rotate(-335deg);
  }
     95% {
    transform: rotate(-360deg) translateX(250px) rotate(360deg);
  }
  100% {
    transform: rotate(-360deg) translateX(250px) rotate(360deg);
  }
}

@keyframes orbit-bigger {
  0% {
    transform: rotate(-20deg) translateX(380px) rotate(20deg);
  }
  90% {
    transform: rotate(-20deg) translateX(380px) rotate(20deg);
  }
  100% {
    transform: rotate(-380deg) translateX(380px) rotate(380deg);
  }
 
}

@keyframes ufo-orbit {
  0% {
    transform: rotate(-40deg) translateX(800px)  rotate(40deg);
  }

  100% {
    transform: rotate(-400deg) translateX(800px) rotate(400deg);
  }
}
@keyframes sat-orbit {

}
@media (min-width:300px) and (max-width: 767px) {
  .ufo {
    transform-origin: 0px 0px;
    animation-delay:0s;
    animation: ufo-orbit 40s linear reverse infinite !important;
    -webkit-animation: ufo-orbit 40s linear reverse infinite !important;
  }

  @-webkit-keyframes orbit {
    0% {
      -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    5% {
      -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    10% {
      -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    20% {
      -webkit-transform: rotate(-360deg) translateX(250px) rotate(360deg);
    }
    25% {
      -webkit-transform: rotate(-360deg) translateX(250px) rotate(360deg);
    }
    30% {
      -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    35% {
      -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    40% {
      -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    45% {
      -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    50% {
      -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    65% {
      -webkit-transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    70% {
      -webkit-transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    85% {
      -webkit-transform: rotate(-360deg) translateX(250px) rotate(360deg);
    }
    100% {
      -webkit-transform: rotate(-360deg) translateX(250px) rotate(360deg);
    }
  }

  @-webkit-keyframes orbit-bigger {
    0% {
      -webkit-transform: rotate(-20deg) translateX(380px) rotate(20deg);
    }
    90% {
      -webkit-transform: rotate(-20deg) translateX(380px) rotate(20deg);
    }
    100% {
      -webkit-transform: rotate(-380deg) translateX(380px) rotate(380deg);
    }
   
  }

  @-webkit-keyframes ufo-orbit {
    0% {
      -webkit-transform: rotate(-40deg) translateX(800px)  rotate(40deg);
    }

    100% {
      -webkit-transform: rotate(-400deg) translateX(800px) rotate(400deg);
    }
  }
  @-webkit-keyframes sat-orbit {

  }


  /* LOGO ANIMATION ELEMENTS */
  @keyframes orbit {
    0% {
      transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    5% {
      transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    10% {
      transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    20% {
      transform: rotate(-360deg) translateX(250px) rotate(360deg);
    }
    25% {
      transform: rotate(-360deg) translateX(250px) rotate(360deg);
    }
    30% {
      transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    35% {
      transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    40% {
      transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    45% {
      transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    50% {
      transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    65% {
      transform: rotate(-25deg) translateX(250px) rotate(25deg);
    }
    70% {
      transform: rotate(335deg) translateX(250px) rotate(-335deg);
    }
    85% {
      transform: rotate(-360deg) translateX(250px) rotate(360deg);
    }
    100% {
      transform: rotate(-360deg) translateX(250px) rotate(360deg);
    }
  }

  @keyframes orbit-bigger {
    0% {
      transform: rotate(-20deg) translateX(380px) rotate(20deg);
    }
    90% {
      transform: rotate(-20deg) translateX(380px) rotate(20deg);
    }
    100% {
      transform: rotate(-380deg) translateX(380px) rotate(380deg);
    }
   
  }

  @keyframes ufo-orbit {
    0% {
      transform: rotate(-40deg) translateX(800px)  rotate(40deg);
    }

    100% {
      transform: rotate(-400deg) translateX(800px) rotate(400deg);
    }
  }
  @keyframes sat-orbit {

  }
}