@charset "utf-8";
/* CSS Document */
@keyframes portalechiudi {
  0% {
    opacity: 1;
    width: 100%;
    height: 100%;
  }
  99% {
    opacity: 0;
    width: 100%;
    height: 100%;
  }
  100% {
    opacity: 0;
    width: 0;
    height: 0;
  }
}
@keyframes portades {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes portasin {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes ernysin {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes ernydes {
  0% {
    opacity: 0;
    transform: translateX(150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block !important;
    opacity: 0 !important;
  }
  100% {
    display: block !important;
    opacity: 1 !important;
  }
}
@keyframes fadeInFromNone2 {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block !important;
    opacity: 0 !important;
  }
  50% {
    display: block !important;
    opacity: 1 !important;
  }
}
@keyframes autobus {
  0% {
    transform: translate(0px, 5px) rotate(0deg);
  }
  1% {
    transform: translate(5vw, 0px) rotate(0deg);
  }
  2% {
    transform: translate(10vw, 5px) rotate(0deg);
  }
  3% {
    transform: translate(15vw, 0px) rotate(0deg);
  }
  4% {
    transform: translate(20vw, 5px) rotate(0deg);
  }
  5% {
    transform: translate(25vw, 0px) rotate(0deg);
  }
  6% {
    transform: translate(30vw, 5px) rotate(0deg);
  }
  7% {
    transform: translate(35vw, 0px) rotate(0deg);
  }
  8% {
    transform: translate(40vw, 5px) rotate(0deg);
  }
  9% {
    transform: translate(45vw, 0px) rotate(0deg);
  }
  10% {
    transform: translate(50vw, 5px) rotate(0deg);
  }
  11% {
    transform: translate(55vw, 0px) rotate(0deg);
  }
  12% {
    transform: translate(60vw, 5px) rotate(0deg);
  }
  13% {
    transform: translate(65vw, 0px) rotate(0deg);
  }
  14% {
    transform: translate(70vw, 5px) rotate(0deg);
  }
  15% {
    transform: translate(75vw, 0px) rotate(0deg);
  }
  16% {
    transform: translate(80vw, 5px) rotate(0deg);
  }
  17% {
    transform: translate(85vw, 0px) rotate(0deg);
  }
  18% {
    transform: translate(90vw, 5px) rotate(0deg);
  }
  19% {
    transform: translate(95vw, 0px) rotate(-10deg);
  }
  20% {
    transform: translate(100vw, 5px) rotate(-6deg);
  }
  21% {
    transform: translate(105vw, 0px) rotate(3deg);
  }
  22% {
    transform: translate(110vw, -5px) rotate(0deg);
  }
  23% {
    transform: translate(115vw, 0px) rotate(0deg);
  }
  24% {
    transform: translate(120vw, 5px) rotate(0deg);
  }
  25% {
    transform: translate(125vw, 0px) rotate(0deg);
  }
  26% {
    transform: translate(130vw, 5px) rotate(0deg);
  }
  27% {
    transform: translate(135vw, 0px) rotate(0deg);
  }
  28% {
    transform: translate(140vw, 5px) rotate(0deg);
  }
  29% {
    transform: translate(145vw, 0px) rotate(0deg);
  }
  30% {
    transform: translate(150vw, 5px) rotate(0deg);
  }
  31% {
    transform: translate(155vw, 0px) rotate(0deg);
  }
  32% {
    transform: translate(160vw, 5px) rotate(0deg);
  }
  33% {
    transform: translate(165vw, 0px) rotate(0deg);
  }
  34% {
    transform: translate(170vw, 5px) rotate(0deg);
  }
  35% {
    transform: translate(175vw, 0px) rotate(0deg);
  }
  100% {
    transform: translate(360vw, 0px) rotate(0deg);
  }
}
@keyframes titolocomp {
  0% {
    color: #5fb948;
    font-size: 1em;
  }
  100% {
    color: #fff;
    font-size: 1.5em;
  }
}
@keyframes fadeininiz {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-2820px, 0, 0);
  }
}
@keyframes slide2 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(2820px, 0, 0);
  }
}
@keyframes palloncino {
  0% {
    opacity: 1;
    transform: translateY(100%);
  }
  50% {
    opacity: 1;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes ernyentra {
  0% {
    transform: rotate(-20deg) translateY(50px);
  }
  100% {
    transform: rotate(0deg) translateY(0px);
  }
}
@keyframes ernyscalaentra {
  0% {
    transform: rotate(0deg) translateY(150px);
  }
  100% {
    transform: rotate(0deg) translateY(0px);
  }
}
@keyframes notiziecompari {
  0% {
   opacity:0;
    margin-top: 100px;
    margin-bottom: 0px;
  }
  100% {
  opacity:1;
    margin-top: 0px;
    margin-bottom: 100px;
  }
}
@keyframes menucompari {
  0% {
   opacity:1;
    margin-top: 120px;
    margin-bottom: -60px;  
  }
  100% {
  opacity:1;
    margin-top: 30px;
    margin-bottom: 30px;  
  }
}
@keyframes ernyentrahome {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes contenitoremodulistica {
  0% {
   margin-bottom: 0px;  
  }
  100% {
    margin-bottom: 80px;  
  }
}
@keyframes modulocompari {
  0% {
   opacity:0;
    margin-top: 100px;
  }
  100% {
  opacity:1;
    margin-top: 20px;
  }
}