.bb-overlay, 
.bb-flipoverlay {
  background-color: none;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}

.bb-custom-wrapper .nav_bg {
  margin-top: 20px;
	/* background-color: #0061f7; */
  border-radius: 30px;
  background: url(../images/bg_nav.png) no-repeat;
  height: 63px;
  width: 290px;
}
.bb-custom-wrapper nav a {
  margin-top: -12px;
	background: #0048ff;
}
.bb-custom-icon:before {
  color:#fff;
}

.main {
	margin-top: 0;
	padding-top: 50px;
}

.wrap_robot {
  position: absolute; 
  z-index: 10000;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.top_robot {
  position: absolute;
  bottom: -100px;
  left: -70px;
}
@media screen and (max-width: 1800px) {
  .wrap_robot {
    display: none;
  }
}

.move {
  position: absolute;
}

.move1_1 {
  left: 358px;
  top: 526px;
  --animate-duration: 5s;
}
.move1_2 {
  left: 333px;
  top: 666px;
  --animate-duration: 0.7s;
}

.move2_1 {
  left: 308px;
  top: 134px;
  --animate-duration: 5s;
}
.move2_2 {
  left: 192px;
  top: 197px;
}
.move2_3 {
  left: 70px;
  top: 279px;
  --animate-duration: 1s;
}
.move2_4 {
  left: 560px;
  top: 279px;
  --animate-duration: 1.2s;
}

.move3_1 {
  left: 68px;
  top: 111px;
  --animate-duration: 5s;
}
.move3_2 {
  left: 70px;
  top: 224px;
}
.move3_3 {
  left: 0;
  top: 337px;
  --animate-duration: 0.6s;
}
.move3_4 {
  left: 0;
  top: 477px;
  --animate-duration: 0.8s;
}
.move3_5 {
  left: 0;
  top: 617px;
  --animate-duration: 1.1s;
}

.move4_1 {
  left: 276px;
  top: 191px;
  --animate-duration: 5s;
}
.move4_2 {
  left: 370px;
  top: 662px;
}

.move5_1 {
  left: 332px;
  top: 121px;
  --animate-duration: 2s;
}
.move5_2 {
  left: 184px;
  top: 135px;
  --animate-duration: 5s;
}
.move5_3 {
  left: 70px;
  top: 438px;
  --animate-duration: 1s;
}
.move5_4 {
  left: 563px;
  top: 438px;
  --animate-duration: 1.2s;
}

.move6_1 {
  left: 619px;
  top: 151px;
  --animate-duration: 5s;
}
.move6_2 {
  left: 550px;
  top: 294px;
  --animate-duration: 0.6s;
}
.move6_3 {
  left: 550px;
  top: 434px;
  --animate-duration: 0.8s;
}
.move6_4 {
  left: 550px;
  top: 574px;
  --animate-duration: 1.1s;
}

.move7_1 {
  left: 310px;
  top: 136px;
  --animate-duration: 5s;
}
.move7_2 {
  left: 70px;
  top: 203px;
}
.move7_3 {
  left: 70px;
  top: 468px;
  --animate-duration: 0.5s;
}

.move8_1 {
  left: 239px;
  top: 431px;
  --animate-duration: 5s;
}
.move8_2 {
  left: 98px;
  top: 507px;
}
.move8_3 {
  left: 101px;
  top: 620px;
  --animate-duration: 0.5s;
}

.move9_1 {
  left: 513px;
  top: 136px;
  --animate-duration: 5s;
}
.move9_2 {
  left: 70px;
  top: 203px;
}
.move9_3 {
  left: 70px;
  top: 469px;
  --animate-duration: 0.5s;
}

.move10_1 {
  left: 68px;
  top: 143px;
  --animate-duration: 0.5s;
}
.move10_2 {
  left: 68px;
  top: 183px;
  --animate-duration: 5s;
}
.move10_3 {
  left: 71px;
  top: 298px;
  --animate-duration: 0.8s;
}
.move10_4 {
  left: 61px;
  top: 413px;
}

.move11_1 {
  left: 286px;
  top: 151px;
  --animate-duration: 5s;
}
.move11_2 {
  left: 333px;
  top: 571px;
}