@-webkit-keyframes animazionemano {
  from {
    bottom: -100%;
  }
  to {
    bottom: -8%;
  }
}

@keyframes animazionemano {
  from {
    bottom: -100%;
  }
  to {
    bottom: -8%;
  }
}

.activateManoRobot {
  -webkit-animation: animazionemano 1s forwards;
          animation: animazionemano 1s forwards;
}

.manoRobot {
  position: absolute;
  left: 50%;
  bottom: -90%;
  -webkit-transform: translateX(-57%) scale(1.4);
          transform: translateX(-57%) scale(1.4);
  -webkit-filter: drop-shadow(0 0 0.75rem grey);
          filter: drop-shadow(0 0 0.75rem grey);
}

@-webkit-keyframes animazioneImpulso {
  from {
    width: 0px;
    height: 0px;
    opacity: 1;
    border: solid red 1px;
  }
  to {
    width: 1000px;
    height: 1000px;
    opacity: 0;
    border: solid red 1px;
  }
}

@keyframes animazioneImpulso {
  from {
    width: 0px;
    height: 0px;
    opacity: 1;
    border: solid red 1px;
  }
  to {
    width: 1000px;
    height: 1000px;
    opacity: 0;
    border: solid red 1px;
  }
}

.activateImpulso {
  -webkit-animation: animazioneImpulso 1s forwards;
          animation: animazioneImpulso 1s forwards;
}

.AIPulse {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  top: 31%;
  left: 54%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@-webkit-keyframes animazioneContentAI {
  from {
    width: 0px;
    height: 0px;
  }
  to {
    width: 550px;
    height: 550px;
  }
}

@keyframes animazioneContentAI {
  from {
    width: 0px;
    height: 0px;
  }
  to {
    width: 550px;
    height: 550px;
  }
}

.activateContentAI {
  -webkit-animation: animazioneContentAI 1s forwards;
          animation: animazioneContentAI 1s forwards;
}

.contenutoAI {
  position: absolute;
  width: 0px;
  height: 0px;
  border: solid red 1px;
  border-radius: 50%;
  top: 31%;
  left: 54%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background: rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
          box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  overflow: hidden;
}

.contenutoAI h2, .contenutoAI p {
  position: absolute;
  top: 20%;
  left: 47%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid red;
  opacity: 0;
  -webkit-transition-delay: 4s !important;
          transition-delay: 4s !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.contenutoAI p {
  top: 50%;
  left: 50%;
  font-size: 20px;
  width: 70%;
  border: none;
  opacity: 0;
  -webkit-transition-delay: 4s !important;
          transition-delay: 4s !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.paraOpacity {
  opacity: 1 !important;
}

@-webkit-keyframes setOneAI1 {
  from {
    width: 0%;
  }
  to {
    width: 20%;
  }
}

@keyframes setOneAI1 {
  from {
    width: 0%;
  }
  to {
    width: 20%;
  }
}

.setOneAI1 {
  -webkit-animation: setOneAI1 1s forwards;
          animation: setOneAI1 1s forwards;
}

@-webkit-keyframes setOneAI2 {
  from {
    height: 0%;
  }
  to {
    height: 10%;
  }
}

@keyframes setOneAI2 {
  from {
    height: 0%;
  }
  to {
    height: 10%;
  }
}

.setOneAI2 {
  -webkit-animation: setOneAI2 1s forwards;
          animation: setOneAI2 1s forwards;
}

@-webkit-keyframes setOneAI3 {
  from {
    width: 0%;
  }
  to {
    width: 20%;
  }
}

@keyframes setOneAI3 {
  from {
    width: 0%;
  }
  to {
    width: 20%;
  }
}

.setOneAI3 {
  -webkit-animation: setOneAI3 1s forwards;
          animation: setOneAI3 1s forwards;
}

@-webkit-keyframes setOneAI4 {
  from {
    height: 0%;
  }
  to {
    height: 5%;
  }
}

@keyframes setOneAI4 {
  from {
    height: 0%;
  }
  to {
    height: 5%;
  }
}

.setOneAI4 {
  -webkit-animation: setOneAI4 1s forwards;
          animation: setOneAI4 1s forwards;
}

@-webkit-keyframes setOneAI5 {
  from {
    width: 0%;
  }
  to {
    width: 13%;
  }
}

@keyframes setOneAI5 {
  from {
    width: 0%;
  }
  to {
    width: 13%;
  }
}

.setOneAI5 {
  -webkit-animation: setOneAI5 1s forwards;
          animation: setOneAI5 1s forwards;
}

@-webkit-keyframes setTwoAI1 {
  from {
    height: 0%;
  }
  to {
    height: 15%;
  }
}

@keyframes setTwoAI1 {
  from {
    height: 0%;
  }
  to {
    height: 15%;
  }
}

.setTwoAI1 {
  -webkit-animation: setTwoAI1 1s forwards;
          animation: setTwoAI1 1s forwards;
}

@-webkit-keyframes setTwoAI2 {
  from {
    width: 0%;
  }
  to {
    width: 14%;
  }
}

@keyframes setTwoAI2 {
  from {
    width: 0%;
  }
  to {
    width: 14%;
  }
}

.setTwoAI2 {
  -webkit-animation: setTwoAI2 1s forwards;
          animation: setTwoAI2 1s forwards;
}

@-webkit-keyframes setTwoAI3 {
  from {
    height: 0%;
  }
  to {
    height: 17%;
  }
}

@keyframes setTwoAI3 {
  from {
    height: 0%;
  }
  to {
    height: 17%;
  }
}

.setTwoAI3 {
  -webkit-animation: setTwoAI3 1s forwards;
          animation: setTwoAI3 1s forwards;
}

@-webkit-keyframes setThreeAI1 {
  from {
    width: 0%;
  }
  to {
    width: 20%;
  }
}

@keyframes setThreeAI1 {
  from {
    width: 0%;
  }
  to {
    width: 20%;
  }
}

.setThreeAI1 {
  -webkit-animation: setThreeAI1 1s forwards;
          animation: setThreeAI1 1s forwards;
}

@-webkit-keyframes setThreeAI2 {
  from {
    height: 0%;
  }
  to {
    height: 5%;
  }
}

@keyframes setThreeAI2 {
  from {
    height: 0%;
  }
  to {
    height: 5%;
  }
}

.setThreeAI2 {
  -webkit-animation: setThreeAI2 1s forwards;
          animation: setThreeAI2 1s forwards;
}

@-webkit-keyframes setThreeAI3 {
  from {
    width: 0%;
  }
  to {
    width: 26%;
  }
}

@keyframes setThreeAI3 {
  from {
    width: 0%;
  }
  to {
    width: 26%;
  }
}

.setThreeAI3 {
  -webkit-animation: setThreeAI3 1s forwards;
          animation: setThreeAI3 1s forwards;
}

#slide6 span:nth-of-type(1) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 0%;
  top: 30%;
  width: 0%;
  height: 2px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

#slide6 span:nth-of-type(2) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 20%;
  top: 30%;
  width: 2px;
  height: 0%;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

#slide6 span:nth-of-type(3) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 20%;
  top: 40%;
  width: 0%;
  height: 2px;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

#slide6 span:nth-of-type(4) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 40%;
  top: 35.2%;
  width: 2px;
  height: 0%;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

#slide6 span:nth-of-type(5) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 40%;
  top: 35.2%;
  width: 0%;
  height: 2px;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

#slide6 span:nth-of-type(6) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 40%;
  top: 0%;
  width: 2px;
  height: 0%;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

#slide6 span:nth-of-type(7) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 40%;
  top: 15%;
  width: 0%;
  height: 2px;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

#slide6 span:nth-of-type(8) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 54%;
  top: 15%;
  width: 2px;
  height: 0%;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

#slide6 span:nth-of-type(9) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 80%;
  top: 30%;
  width: 0%;
  height: 2px;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

#slide6 span:nth-of-type(10) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 80%;
  top: 30%;
  width: 2px;
  height: 0%;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

#slide6 span:nth-of-type(11) {
  position: absolute;
  background-color: red;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  left: 54.1%;
  top: 35%;
  width: 0%;
  height: 2px;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

@media (max-width: 480px) {
  @-webkit-keyframes animazioneContentAI {
    from {
      width: 0px;
      height: 0px;
    }
    to {
      width: 650px;
      height: 650px;
    }
  }
  @keyframes animazioneContentAI {
    from {
      width: 0px;
      height: 0px;
    }
    to {
      width: 650px;
      height: 650px;
    }
  }
  .contenutoAI {
    background: rgba(255, 255, 255, 0.85);
  }
  .contenutoAI h2, .contenutoAI p {
    top: 30%;
  }
  .contenutoAI p {
    font-size: 16px;
    width: 40%;
    top: 60%;
    line-height: 2em;
  }
  @-webkit-keyframes animazionemano {
    from {
      bottom: -100%;
    }
    to {
      bottom: -18%;
    }
  }
  @keyframes animazionemano {
    from {
      bottom: -100%;
    }
    to {
      bottom: -18%;
    }
  }
  .manoRobot {
    width: 70%;
    height: 80%;
    left: 38%;
    -webkit-filter: none;
            filter: none;
  }
}

@media (min-width: 481px) and (max-width: 1024px) {
  @-webkit-keyframes animazionemano {
    from {
      bottom: -100%;
    }
    to {
      bottom: -18%;
    }
  }
  @keyframes animazionemano {
    from {
      bottom: -100%;
    }
    to {
      bottom: -18%;
    }
  }
  .manoRobot {
    width: 50%;
    height: 80%;
    left: 43%;
  }
}

@media (min-width: 1030px) and (max-width: 1460px) {
  @-webkit-keyframes animazionemano {
    from {
      bottom: -100%;
    }
    to {
      bottom: -15%;
    }
  }
  @keyframes animazionemano {
    from {
      bottom: -100%;
    }
    to {
      bottom: -15%;
    }
  }
  .manoRobot {
    -webkit-transform: translateX(-60%) scale(1.3);
            transform: translateX(-60%) scale(1.3);
  }
  .contenutoAI h2, .contenutoAI p {
    top: 25%;
  }
  .contenutoAI p {
    top: 55%;
  }
}
/*# sourceMappingURL=stile5.css.map */