.img_holder .animation-img {
    position: absolute;
    bottom: 29px;
    left: -240px;
    height: 200px;
    /*border-bottom: 2px solid #f0f0f0;*/
}
.img_holder {position: relative;}
.img_holder .animation-img.right {right: 0;left: auto;}
.img_holder .animation-img img, .animation-img svg {border:none;box-shadow: none;height: 100%;width: auto;position: relative;}
.img_holder .animation-img img.box {
    width: 100px;
    height: auto;
    position: absolute;
    right: -10px;
  -webkit-animation: MoveUpDown 7s linear infinite;
          animation: MoveUpDown 7s linear infinite;
}
.img_holder .animation-img .muletto {}

.img_holder .animation-tecnico, .img_holder .animation-stats {height: 350px}

.img_holder .animation-tecnico {bottom: 0;left: -150px;}

.animation-img svg path {position: relative;}
.animation-img #face {
    -webkit-animation: MoveUpDownSoft 3s linear infinite;
          animation: MoveUpDownSoft 3s linear infinite;
}
.animation-img #arm {
    -webkit-animation: sway4 2s linear infinite;
          animation: sway4 2s linear infinite;
}
.animation-img .leaf {
    -webkit-animation: sway1 13s linear infinite;
          animation: sway1 13s linear infinite;
          transform-origin: 50% 100% 0;
}
.img_holder.left_leaf .animation-img {left: -100px;z-index: -1;bottom: 0px;}
.img_holder.right_leaf .animation-img {left:auto;right: -100px;z-index: -1;}
.img_holder.right_leaf .animation-img .leaf2 {position: relative;right:-150px;-webkit-animation: sway1 19s linear infinite;
          animation: sway1 19s linear infinite;}

.cog {/*-webkit-animation: spin 19s linear infinite;
          animation: spin 19s linear infinite;transform-origin: 50% 100% 0;*/}

.logo #Group_17 {/*-webkit-animation: spin 0.5s forwards alternate linear;
          animation: spin 0.5s forwards alternate linear;*/}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* Standard syntax */
@keyframes sway {
  33% {transform: rotate(5deg);
  transform-origin: 5px 8px;}
  66%{transform: rotate(-5deg);
  transform-origin: 5px 8px;}
}
@keyframes sway2 {
  30% {transform: rotate(3deg);
  transform-origin: 5px 8px;}
  60%{transform: rotate(-3deg);
  transform-origin: 5px 8px;}
}


@keyframes sway4 {
  33% {transform: rotate(1deg);
  transform-origin: 2px -3px;}
  66%{transform: rotate(-1deg);
  transform-origin: 2px -3px;}
}



@keyframes sway1 {
  0%, 100% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(6deg);
  }
}




@-webkit-keyframes fly {
  0% {
    transform: translate(-20vw, 0px);
  }
  50% {
    transform: translate(30vw, -150px);
  }
  75% {
    transform: translate(70vw, 150px);
  }
  100% {
    transform: translate(130vw, 0px);
  }
}

@keyframes fly {
  0% {
    transform: translate(-20vw, 0px);
  }
  50% {
    transform: translate(30vw, -150px);
  }
  75% {
    transform: translate(70vw, 150px);
  }
  100% {
    transform: translate(130vw, 0px);
  }
}


@-webkit-keyframes fliprotate {
  0% {
    transform: rotate(0) translate(0, 0px);
  }
  100% {
    transform: rotate(50deg) translate(100px, 30px);
  }
}

@keyframes fliprotate {
  0% {
    transform: rotate(0) translate(0, 0px);
  }
  100% {
    transform: rotate(50deg) translate(100px, 30px);
  }
}


.fly {position: absolute;left: -20vw;
  -webkit-animation: fly 5s linear 0s infinite;
    -moz-animation: fly 5s linear 0s infinite;
    -0-animation: fly 5s linear 0s infinite;
animation: fly 5s linear 0s infinite;
}

.fly2 {position: absolute;left: -20vw;
  -webkit-animation: fly 10s linear 0s infinite;
    -moz-animation: fly 10s linear 0s infinite;
    -0-animation: fly 10s linear 0s infinite;
animation: fly 10s linear 0s infinite;
}

.floatrotate {animation: fliprotate 2s ease-in-out infinite alternate-reverse both;}
.floatrotate2 {animation: fliprotate 4s ease-in-out infinite alternate-reverse both;}







.animation-commerciale img {}

.img_holder .animation-img.animation-center {
    position: absolute !important;
    transform: translate(-50%, -50%);
    left: 50%;
    height: auto;
    border: none;
    z-index: 9;
}

.img_holder .animation-img.animation-commerciale {
    bottom: auto;
    top: 170px;
}

.img_holder .animation-img.animation-commerciale .right_arm {
    width: 120px;
    margin-top: 10px;
    left: -20px;
    -webkit-animation: RightArm 1s linear infinite;
          animation: RightArm 1s linear infinite;
}
.img_holder .animation-img.animation-commerciale .left_arm {
    width: 120px;
    height: auto;
    margin: 0;left: 7px;
    -webkit-animation: LeftArm 1s linear infinite;
          animation: LeftArm 1s linear infinite;
}



.img_holder .animation_holder {position: relative;}
.img_holder .animation_holder .animation-img.animation-commerciale {bottom: auto;top: 44.5%;height: 200px;}
.img_holder .animation_holder .animation-img.animation-commerciale .left_arm {width: 52%;left: 4%;position: relative;height: 100%}
.img_holder .animation_holder .animation-img.animation-commerciale .right_arm {width: 48%;margin-top: 4%;left: -8.5%;float: right;position: relative;height: 100%}



@-webkit-keyframes RightArm {
  0%, 100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(-5deg) translate(-1px, 7px);
  }
}

@keyframes RightArm {
  0%, 100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(-5deg) translate(-1px, 7px);
  }
}


@-webkit-keyframes LeftArm {
  0%, 100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(5deg) translate(-1px, 7px);
  }
}

@keyframes LeftArm {
  0%, 100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(5deg) translate(-1px, 7px);
  }
}


@-webkit-keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 100px;
  }
}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 100px;
  }
}



@-webkit-keyframes MoveUpDownSoft {
  0%, 100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  50% {
    -webkit-transform: rotate(-7deg) translate(-20px, 30px);
            transform: rotate(-7deg) translate(-20px, 30px);
  }
}

@keyframes MoveUpDownSoft {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}


@-webkit-keyframes MoveLeaf {
  0%, 100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  50% {
    -webkit-transform: rotate(-3deg) translate(-40px, 20px);
            transform: rotate(-3deg) translate(-40px, 20px);
  }
}

@keyframes MoveLeaf {
  0%, 100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  50% {
    -webkit-transform: rotate(-3deg) translate(-40px, 20px);
            transform: rotate(-3deg) translate(-40px, 20px);
  }
}


@-webkit-keyframes MoveArms {
  0%, 100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  50% {
    -webkit-transform: rotate(-20deg) translate(-92px, 92px);
            transform: rotate(-20deg) translate(-92px, 92px);
  }
}
@keyframes MoveArms {
  0%, 100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  50% {
    -webkit-transform: rotate(-20deg) translate(-92px, 92px);
            transform: rotate(-20deg) translate(-92px, 92px);
  }
}

.wufoo-letter {
  -webkit-animation: kaboom 5s ease alternate infinite;
          animation: kaboom 5s ease alternate infinite;
}
.wufoo-letter:nth-child(2) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.wufoo-letter:nth-child(3) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.wufoo-letter:nth-child(4) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.wufoo-letter:nth-child(5) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes kaboom {
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes kaboom {
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.text-1, .text-2, .text-3 {
  fill: white;
  font-size: 63px;
  font-family: Sans-Serif;
}

.text-1 {
  -webkit-animation: hideshow 10s ease infinite;
          animation: hideshow 10s ease infinite;
}

.text-2 {
  opacity: 0;
  -webkit-animation: hideshow 10s 1.5s ease infinite;
          animation: hideshow 10s 1.5s ease infinite;
}

.text-3 {
  opacity: 0;
  -webkit-animation: hideshow 10s 3s ease infinite;
          animation: hideshow 10s 3s ease infinite;
}

@-webkit-keyframes hideshow {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hideshow {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#trex {
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  -webkit-animation: popup 10s 6.5s ease infinite;
          animation: popup 10s 6.5s ease infinite;
}

@-webkit-keyframes popup {
  0% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
  34% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  37% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
  100% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
}

@keyframes popup {
  0% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
  34% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  37% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
  100% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
}



@media (max-width: 768px) {

.img_holder .animation-img.animation-commerciale .left_arm {width: 75px;left: 5px;}
.img_holder .animation-img.animation-commerciale .right_arm {width: 75px;margin-top: 0;left: -12px;}
.img_holder .animation-img.animation-commerciale {top: 90px;}
}