.no-background{
  background: none!important;
  padding-bottom: 10vw!important;
}

.btn span{
  font-size: 14px;
  background: #e83428;
  padding: 10px 40px;
  border-radius: 3px;
  font-weight: normal;
  cursor: pointer;
}

.divide-line{
  width: 100%;
  text-align: center;
  margin: 20% auto;
}

.divide-line img{
  width: 10%;
}

.fadeIn{
  animation: fadeInRighr 0.8s ease forwards;
}
.vision{
  animation: vision 0.8s ease forwards;
}

.vision-delay{
  animation: vision-delay 0.5s ease forwards;
  animation-delay: 0.8s;
  opacity: 0;
}

.rb-vison{
  animation: rb-vison 0.5s ease forwards;
}

.robotClip{
  animation: robotClip 0.8s ease forwards;
}

.robotClip-r{
  opacity: 1;
  animation: robotRClip 0.8s ease forwards;
}

.mymove{
  animation: mymove 4s infinite;
}


@keyframes fadeInRighr{
  0%{
    opacity: 0;
    transform: translate3d(15%,0,0);
  }
  100%{
    opacity: 1;
    transform: translate3d(0,0,0);
  }
}

@keyframes vision{
  0%{
    opacity: 0;
    transform: translate3d(0,20%,0);
  }
  100%{
    opacity: 1;
    transform: translate3d(0,0,0);
  }
}

@keyframes vision-delay{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}


@keyframes robotClip {
  0% {
    opacity: 0;
    clip: rect(0, 0px, auto, 0);
  }
  100% {
    opacity: 1;
    clip: rect(0, 100vw, auto, 0);
  }
}

@keyframes robotRClip {
  0% {
    opacity: 0;
    clip: rect(0px, 100vw, auto, 100vw);
  }
  100% {
    clip: rect(0px, 100vw, auto, 0px);
    opacity: 1;
  }
}

@keyframes robotRClipTwo {
  0% {
    opacity: 1;
    clip: rect(0px, 200vw, 13.5em, 0px);
  }
  100% {
    clip: rect(0px, 200vw, 13.5em, 200vw);
    opacity: 1;
  }
}

@keyframes mymove{
  0% {
      transform: scale(1.1, 1.1) translateY(-10px);
      z-index: 9;
  }
  50% {
      transform: scale(1, 1) translateY(-8px);
      z-index: 9;
  }
  100% {
      transform: scale(1.1, 1.1) translateY(-10px);
      z-index: 9;
  }
}