body .home-animation{_overflow:hidden;position:relative;background:#003e6a;padding:15%}body .home-animation .element{position:absolute;background-repeat:no-repeat;background-size:contain;pointer-events:none}body .home-animation .molecola{background-image:url("1molecola.svg");width:7%;height:24%;opacity:.3}body .home-animation .molecola.element-1{top:52%;left:3%;animation-name:molecola-element-1;animation-duration:1.6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}body .home-animation .molecola.element-2{top:8%;left:38%;animation-name:molecola-element-2;animation-duration:4s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}body .home-animation .molecola.element-3{top:56%;left:56.5%;animation-name:molecola-element-3;animation-duration:5s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}body .home-animation .molecola.element-4{top:40%;left:79.5%;animation-name:molecola-element-4;animation-duration:1.9s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes molecola-element-1{from{}to{transform:rotate(6deg)}}@keyframes molecola-element-2{from{}to{transform:rotate(-24deg)}}@keyframes molecola-element-3{from{}to{transform:rotate(18deg)}}@keyframes molecola-element-4{from{}to{transform:rotate(-4deg)}}body .home-animation .molecole{background-image:url("etilene.svg");width:8%;height:27%;opacity:.3}body .home-animation .molecole.element-1{top:31%;left:11%;animation-name:molecole-element-1;animation-duration:2.7s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}body .home-animation .molecole.element-2{top:20%;left:87%;animation-name:molecole-element-2;animation-duration:2.4s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes molecole-element-1{from{}to{transform:rotate(-7deg)}}@keyframes molecole-element-2{from{}to{transform:rotate(3deg)}}body .home-animation .operatore{background-image:url("operatore.svg");width:26%;height:67%;top:14.7%;left:23.5%}body .home-animation .operatore .led{background:#1bd41b;border-radius:100%;width:4%;padding-bottom:4%;top:70.4%;left:61.6%;opacity:0;animation-name:led;animation-duration:30s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:linear}body .home-animation .operatore .molecola-monitor-1{background-image:url("1molecola.svg");width:13%;height:13%;top:30%;left:50%;opacity:0;animation-name:molecola-monitor;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:linear}body .home-animation .operatore .molecola-monitor-2{background-image:url("etilene.svg");width:13%;height:16%;top:30%;left:66%;opacity:0;animation-name:molecola-monitor;animation-delay:1s;animation-duration:7s;animation-direction:normal;animation-iteration-count:infinite;animation-timing-function:linear}body .home-animation .operatore .molecola-monitor-3{background-image:url("acqua.svg");width:6%;height:9%;top:50%;left:77%;opacity:0;animation-name:molecola-monitor;animation-delay:5s;animation-duration:4s;animation-direction:normal;animation-iteration-count:infinite;animation-timing-function:linear}body .home-animation .operatore .molecola-monitor-4{background-image:url("acqua.svg");width:6%;height:9%;top:48%;left:47%;opacity:0;animation-name:molecola-monitor;animation-delay:2s;animation-duration:4s;animation-direction:normal;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes led{0%{opacity:0}10%{opacity:0}10.2%{opacity:1}10.4%{opacity:0}17%{opacity:0}17.2%{opacity:1}17.4%{opacity:0}17.6%{opacity:1}17.8%{opacity:0}19%{opacity:0}19.2%{opacity:1}19.4%{opacity:0}34%{opacity:0}34.2%{opacity:1}34.4%{opacity:0}36%{opacity:0}36.2%{opacity:1}36.4%{opacity:0}100%{opacity:0}}@keyframes molecola-monitor{0%{opacity:0}10%{opacity:1}60%{opacity:1}70%{opacity:0}100%{opacity:0}}body .home-animation .carmela{background-image:url("chimica.svg");width:8%;height:70%;top:12%;left:64%}body .home-animation .carmela .braccio{background-image:url("braccio.svg");width:41%;height:9%;top:35.1%;left:82%;transform-origin:center left;animation-name:carmela-braccio;animation-duration:1.4s;animation-direction:reverse;_animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform:rotate(15deg)}body .home-animation .carmela .braccio .avambraccio{background-image:url("braccio2.svg");width:109%;height:360%;bottom:2%;left:82%;transform-origin:bottom left;animation-name:carmela-avambraccio;animation-duration:1.4s;animation-direction:reverse;_animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform:rotate(-18deg)}@keyframes carmela-braccio{from{}to{transform:rotate(0)}}@keyframes carmela-avambraccio{from{}to{transform:rotate(0)}}body .home-animation .bolle{display:none}body .home-animation .bolle .element{width:1.6%;padding-bottom:1.6%;opacity:0;top:90%;animation-name:bolla-element;animation-duration:2.2s;animation-direction:normal;animation-iteration-count:infinite;animation-timing-function:ease-in}body .home-animation .bolle .element .inner{position:absolute;width:100%;height:100%;border:2px solid #999;border-radius:100%;animation-name:vibrate-2;animation-duration:.2s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:linear}body .home-animation .bolle .element:nth-child(1){left:5%;transform:scale(.7)}body .home-animation .bolle .element:nth-child(2){left:15%;animation-duration:2.35s;animation-delay:.15s}body .home-animation .bolle .element:nth-child(2) .inner{animation-duration:.25s}body .home-animation .bolle .element:nth-child(3){left:25%;transform:scale(.8);animation-duration:2.3s;animation-delay:.05s}body .home-animation .bolle .element:nth-child(4){left:35%;animation-duration:2s;animation-delay:.5s}body .home-animation .bolle .element:nth-child(4) .inner{animation-duration:.25s}body .home-animation .bolle .element:nth-child(5){left:45%;animation-delay:.05s}body .home-animation .bolle .element:nth-child(6){left:55%;animation-duration:2.35s;animation-delay:.2s}body .home-animation .bolle .element:nth-child(6) .inner{animation-duration:.25s}body .home-animation .bolle .element:nth-child(7){left:65%;animation-duration:2.3s;animation-delay:.25s}body .home-animation .bolle .element:nth-child(8){left:75%;transform:scale(.8);animation-duration:2s;animation-delay:.5s}body .home-animation .bolle .element:nth-child(8) .inner{animation-duration:.25s}body .home-animation .bolle .element:nth-child(9){left:85%;animation-duration:3s;animation-delay:.25s}body .home-animation .bolle .element:nth-child(10){left:95%;transform:scale(.7);animation-duration:2.3s;animation-delay:.5s}body .home-animation .bolle .element:nth-child(10) .inner{animation-duration:.25s}@keyframes bolla-element{0%{opacity:0}20%{opacity:.4}90%{opacity:.9}100%{opacity:0;top:-20%}}body .home-animation .bolla{width:.6%;opacity:0;animation-name:bolla-alt-element;animation-duration:1.5s;animation-direction:normal;animation-iteration-count:infinite;animation-timing-function:ease-in}body .home-animation .bolla .inner{width:100%;padding-bottom:100%;background:#94c671;border-radius:100%;animation-name:vibrate;animation-duration:.1s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:linear}body .home-animation .bolla.element-1{top:21%;left:75%}body .home-animation .bolla.element-2{width:.7%;top:21.5%;left:75.5%;animation-duration:1.2s;animation-delay:.25s}body .home-animation .bolla.element-3{width:.7%;top:20.5%;left:74.5%;animation-duration:.7s;animation-delay:.1s}body .home-animation .bolla.element-4{top:22%;left:75%;animation-duration:.85s;animation-delay:.05s}@keyframes bolla-alt-element{0%{opacity:0}10%{opacity:.8}50%{opacity:.8}100%{opacity:0;top:-20%}}body .home-animation .fumetto{background-image:url("fumetto.svg");top:10%;left:45%;width:19%;height:40%;animation-name:fumetto;animation-duration:4s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}body .home-animation .fumetto .inner{background-image:url("testo-fumetto.svg");top:7%;left:11%;width:83%;height:22%}@keyframes fumetto{from{}to{transform:translateX(15px) translateY(10px)}}@keyframes vibrate{from{margin-left:-10%}to{margin-left:10%}}@keyframes vibrate-2{from{margin-left:-40%}to{margin-left:40%}}