* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }


html{
  width: 100%;
  height: 100%;

}

body{
  position: absolute;
  width: 100%;
  height: 100%;
  user-select: none;
}


.mainini{  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  background: rgb(255,147,13);
background: linear-gradient(185deg, rgba(255,147,13,1) 45%, rgba(176,56,23,1) 100%);

} 

.contw{
  cursor: grab;
  background-color: #f7b731;
  padding: 0vw;
  width: 17vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 2vw;
  transform: rotate(-11deg);
  z-index: 5;
}
.conts{
  cursor: grab;
  background-color: #01caa6;
  padding: 0vw;
  width: 17vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 2vw;
  transform: rotate(11deg);
  z-index: 5;
}
.contp{
  cursor: grab;
  background-color: #28b5f5;
  padding: 0vw;
  width: 17vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 2vw;
  transform: rotate(11deg);
  z-index: 5;
}
.contw:hover{
  animation: rebote 1s infinite;
}
.conts:hover{
  animation: rebote 1s infinite;
}
.contp:hover{
  animation: rebote 1s infinite;
}


.contenido-secciones{
  display: flex;
  justify-content: space-around;
}

.webimg{
  width: 10vw;
}
.servimg{
  width: 10vw;
}
.produimg{
  width: 10vw;
}

.robotarea{
  display: flex;
  justify-content: center;
  align-items: center;
  
}

.robotinactive{
  animation: glow 5s infinite;
  width: 20vw;
}

.robotactivebett{
  animation: glow3 5s infinite;
  border:0.3vw #CDDC39 dotted;
}
.robotactive{
  animation: glow2 5s infinite;
   width: 20vw;
}
.globr{
  display: none;
}

.globr2{
  position: absolute;
  width: 31vw;
  margin-right: 39%;
  animation: zoomimg 5s;
  bottom: 14vh;
}

.txtglob{
  display: none;
  
}
.txtglob2{
  position: absolute;
  width: 21vw;
  margin-right: 43%;
  animation: zoomimg 5s;
  font-size: 2vw;
  color: white;
  z-index: 1;
  font-family: boldedico;
  bottom: 16vh;

}





.redes{
  position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 5vw;
    flex-direction: column;
    bottom: 5vh;
    display: none;
}


.globr2{
  position: absolute;
  width: 23vw;
  left: 25vw;
  animation: zoomimg 5s;
  margin-bottom: 0%;
}
.txtglob2{
  position: absolute;
  width: 17vw;
  left: 26vw;
  animation: zoomimg 5s;
  font-size: 1.5vw;
  color: white;
  z-index: 1;
  margin-bottom: 0%;
}

@media (max-width: 780px) and (max-height: 277px){
  .header p{
    font-size: 2vw;
  }
  .loadimg2{
    width: 15vw;
  }
  .conts{
    width: 17vw;
    height: 31vh;
  }
  .servimg{
    width: 8vw;
  }

  .contw{
    width: 17vw;
    height: 32vh;
  }
  .webimg{
    width: 7vw;
  }

  .contp{
    width: 17vw;
    height: 32vh;
  }
  .produimg{
    width: 8vw;
  }



  .globr2{
    position: absolute;
    width: 23vw;
    left: 25vw;
    animation: zoomimg 5s;
    margin-bottom: 0%;
  }
  .txtglob2{
    position: absolute;
    width: 17vw;
    left: 26vw;
    animation: zoomimg 5s;
    font-size: 1.5vw;
    color: white;
    z-index: 1;
    margin-bottom: -2%;
  }

}