.container .planet{
  -webkit-animation: fadeIn 10s 0s forwards;
  animation: fadeIn 10s 0s forwards;

}
.container .light1{
  -webkit-animation: fadeIn 10s 0s forwards;
  animation: fadeIn 10s 0s forwards;

}
.container .light2{
  -webkit-animation: fadeIn 10s 0s forwards;
  animation: fadeIn 10s 0s forwards;

}
.container .points{
  -webkit-animation: fadeIn 7s 0s forwards,flash 2s 7s infinite;
  animation: fadeIn 7s 0s forwards,flash 2s 7s infinite;

}
.container .title1{
  -webkit-animation: fadeInLeft 1s 4s forwards;
  animation: fadeInLeft 1s 4s forwards;

}
.container .title2{
  -webkit-animation: fadeInLeft 1s 4.5s forwards;
  animation: fadeInLeft 1s 4.5s forwards;

}
.container .title3{
  -webkit-animation: fadeInLeft 1s 5s forwards;
  animation: fadeInLeft 1s 5s forwards;

}
.container .subtitle{
  -webkit-animation: fadeIn 1s 5.3s forwards;
  animation: fadeIn 1s 5.3s forwards;

}
.container .tab-boxes .tab-box .imgs .cir{
  -webkit-animation: rotate 2s 0s linear infinite;
  animation: rotate 2s 0s linear infinite;

}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0.6;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0.6;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes rotate {
  /* 0%   {transform: rotate(0deg)}
  /* 50%   {transform: rotate(360deg)} 
  100%   {transform: rotate(360deg)} */
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}