.animated-hero{background:var(--color-second);padding:0}.animated-hero h1{color:var(--color-inv);font-size:7vw;line-height:1.2;margin-top:0;max-width:70rem;padding-top:5rem;width:100%}.animated-hero__animated-graphic{display:flex;overflow:hidden;width:100%}.animated-hero__animated-graphic svg{height:auto;position:relative;width:100%}.animated-hero__animated-graphic svg #cloud{opacity:0;transform:translate(260px,394px)}.animated-hero__animated-graphic svg.loaded #cloud{opacity:1;transform:translate(260px,294px);transition:all 1s;transition-delay:.2s}.animated-hero__animated-graphic svg #bubble-backup-collaboration,.animated-hero__animated-graphic svg #bubble-contact-center,.animated-hero__animated-graphic svg #bubble-desktop,.animated-hero__animated-graphic svg #bubble-fax,.animated-hero__animated-graphic svg #bubble-mobile,.animated-hero__animated-graphic svg #bubble-phone-system,.animated-hero__animated-graphic svg #bubble-presense-indicator,.animated-hero__animated-graphic svg #bubble-team-chat-sms,.animated-hero__animated-graphic svg #bubble-video-conferencing{opacity:0;transition:all 1s}.animated-hero__animated-graphic svg #bubble-presense-indicator{transition-delay:1s}.animated-hero__animated-graphic svg #bubble-contact-center{transition-delay:1.1s}.animated-hero__animated-graphic svg #bubble-fax{transition-delay:1.2s}.animated-hero__animated-graphic svg #bubble-phone-system{transition-delay:1.3s}.animated-hero__animated-graphic svg #bubble-backup-collaboration{transition-delay:1.4s}.animated-hero__animated-graphic svg #bubble-video-conferencing{transition-delay:1.5s}.animated-hero__animated-graphic svg #bubble-mobile{transition-delay:1.6s}.animated-hero__animated-graphic svg #bubble-team-chat-sms{transition-delay:1.7s}.animated-hero__animated-graphic svg #bubble-desktop{transition-delay:1.9s}.animated-hero__animated-graphic svg.loaded #bubble-backup-collaboration,.animated-hero__animated-graphic svg.loaded #bubble-contact-center,.animated-hero__animated-graphic svg.loaded #bubble-desktop,.animated-hero__animated-graphic svg.loaded #bubble-fax,.animated-hero__animated-graphic svg.loaded #bubble-mobile,.animated-hero__animated-graphic svg.loaded #bubble-phone-system,.animated-hero__animated-graphic svg.loaded #bubble-presense-indicator,.animated-hero__animated-graphic svg.loaded #bubble-team-chat-sms,.animated-hero__animated-graphic svg.loaded #bubble-video-conferencing{opacity:1}@media (min-width:768px){.animated-hero .container{height:40vw;position:relative}.animated-hero h1{font-size:5.25vw}.animated-hero__animated-graphic{bottom:0;position:absolute;right:0;width:56vw}}@media (min-width:1240px){.animated-hero .container{height:440px}.animated-hero h1{font-size:6.5rem}.animated-hero__animated-graphic{height:420px;width:640px}}