@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes glowing{0%{box-shadow:0 0 -10px 2px rgba(20,166,209,0.45)}40%{box-shadow:0 0 20px 2px rgba(20,166,209,0.45)}60%{box-shadow:0 0 20px 2px rgba(20,166,209,0.45)}100%{box-shadow:0 0 -10px 2px rgba(20,166,209,0.45)}}
.rotating{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}
@-webkit-keyframes scrolldown{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:0}10%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}65%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}85%{-webkit-transform:translateY(350%);transform:translateY(350%);opacity:0}100%{-webkit-transform:translateY(350%);transform:translateY(350%);opacity:0}}
@keyframes scrolldown{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:0}10%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}65%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}85%{-webkit-transform:translateY(350%);transform:translateY(350%);opacity:0}100%{-webkit-transform:translateY(350%);transform:translateY(350%);opacity:0}}
[data-animation=fade-up]{opacity:0;transform:translateY(50px)}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@keyframes floating{0%,to{transform:translate(0,0)}50%{transform:translate(3px,10px)}}
@keyframes waving{0%,to{transform:translate(0,0) rotate(0deg)}50%{transform:translate(10px,3px) rotate(2deg)}}
@keyframes waving2{0%,to{transform:translate(0,0) rotate(0deg)}50%{transform:translate(5px,2px) rotate(-2deg)}}@keyframes rotate-animation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.s-hero__screen{border-radius:2.5rem;border:0.5rem solid #fff;overflow:hidden;background:#fff;position:relative !important;overflow:hidden;box-shadow:0 2.5rem 10rem 5rem rgba(0,0,0,0.05)}
@media (min-width:769px){.s-hero__screen{border-radius:7.5rem;border:1rem solid #fff}}
.s-hero__screen--desktop{aspect-ratio:1.3333333333}
@media (min-width:769px){.s-hero__screen--desktop{margin-right:-25rem}}
.s-hero__screen--mobile{aspect-ratio:0.5625}
@media (max-width:769px){.s-hero__screen--mobile{margin-top:-23rem;max-width:30vw;margin-left:auto;margin-right:4rem}}
@media (min-width:769px){.s-hero__screen--mobile{margin-top:10rem}}
.s-hero__refresh{position:absolute;bottom:-2rem;left:3rem;padding:1rem;margin:1rem;opacity:0.4;transition:0.2s all ease-in-out}
@media (min-width:769px){.s-hero__refresh{bottom:0;left:50%;transform:translateX(-50%);font-size:2.5rem}}
.s-hero__refresh i{display:inline-block;transition:transform 0.3s ease}
.s-hero__refresh:hover{opacity:1}
.s-hero__refresh:hover i{animation:rotate-animation 2s linear infinite}
.s-hero__video{max-width:100%;height:auto;display:block}
.s-hero__image{aspect-ratio:0.5625;width:100%;height:auto;display:block;padding:0;margin:0}
.s-hero .c-carousel__item{background-size:contain;background-position:center;background-repeat:no-repeat}
.s-hero__wrap{position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}
@media (min-width:769px){.s-hero__wrap{flex-direction:row}}