section.sb-fan-hero{background-position:50%;background-size:cover;position:relative}section.sb-fan-hero .sb-fan-hero-vignette{background:linear-gradient(90deg,rgba(0,0,0,.5) 0,transparent);height:100%;left:0;position:absolute;top:0;width:100%}section.sb-fan-hero .sb-fan-hero-stripes-bg{background-position:100% 100%;background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;right:0;width:100%}section.sb-fan-hero .sb-fan-hero-stripes-bg.pattern_1{background-image:url(https://www.stibosystems.com/hubfs/es2019/docs/images/topo1.png)}section.sb-fan-hero .sb-fan-hero-stripes-bg.pattern_2{background-image:url(https://www.stibosystems.com/hubfs/es2019/docs/images/topo2.png)}section.sb-fan-hero .sb-fan-hero-stripes-bg.pattern_3{background-image:url(https://www.stibosystems.com/hubfs/es2019/docs/images/topo3.png)}section.sb-fan-hero .sb-fan-hero-fan-bg{background-image:url(https://www.stibosystems.com/hubfs/es2019/docs/images/fan-bg.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;bottom:0;display:block;height:7vw;position:absolute;-webkit-transform:translateY(10px);transform:translateY(10px);width:100%}section.sb-fan-hero .sb-container{padding:5.3125rem 1.25rem 3.75rem;position:relative;z-index:2}@media (min-width:768px){section.sb-fan-hero .sb-container{padding:7.8125rem 1.25rem 5.625rem}}@media (min-width:1025px){section.sb-fan-hero .sb-container{padding:10.625rem 1.25rem 7.5rem}}section.sb-fan-hero .sb-container h1.sb-fan-hero-title{font-size:2.8125rem;line-height:3.125rem;max-width:700px}section.sb-fan-hero .sb-container h1.sb-fan-hero-title,section.sb-fan-hero .sb-container h1.sb-fan-hero-title.small-title{-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#fff;display:block;font-weight:700;margin-bottom:.625rem}section.sb-fan-hero .sb-container h1.sb-fan-hero-title.small-title{font-size:1.875rem;line-height:2.375rem}section.sb-fan-hero .sb-container span.sb-fan-hero-copy{-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#fff;display:block;font-size:1.375rem;font-weight:400;line-height:1.875rem;margin-top:1.875rem;max-width:500px}section.sb-fan-hero .sb-container span.sb-fan-hero-cta-wrap a{background-color:#fa4d09;border:none;color:#fff;display:inline-block;font-size:1.125rem;font-weight:700;margin-top:2.5rem;padding:15px 40px;text-decoration:none}section.sb-fan-hero .sb-container span.sb-fan-hero-cta-wrap a:hover{background-color:#d44107}section.sb-fan-hero .sb-container h1.sb-fan-hero-title,section.sb-fan-hero .sb-container span.sb-fan-hero-copy{font-family:NotoSans,Arial;text-align:left}section.sb-fan-hero .sb-container span.sb-fan-hero-copy{max-width:700px}section.sb-fan-hero .sb-container span.sb-fan-hero-cta-wrap a,section.sb-fan-hero .sb-container span.sb-fan-hero-cta-wrap a:hover{background-color:transparent;padding:0}.sb-fan-hero-cta-wrap{display:block;max-width:700px;text-align:left}.fan-hero-login-container{display:flex;gap:20px;justify-content:end}.fan-hero-register{background-color:#ff4e00;height:fit-content;padding:1rem 1.857em}.fan-hero-login{align-self:center;border:5px solid #fff;padding:.65rem 1.857em;position:relative;transition:all .4s}.fan-hero-login,.fan-hero-register{color:#fff;display:block;font-size:1.071rem;font-weight:700;max-width:200px;text-align:center;text-transform:uppercase}@media(max-width:450px){.fan-hero-login-container{flex-direction:column}.fan-hero-login,.fan-hero-register{max-width:none}.fan-hero-login{align-self:auto}}@media only screen and (min-width:600px) and (max-width:860px){section.sb-fan-hero .sb-fan-hero-vignette{background:linear-gradient(90deg,#004f5f 0,rgba(0,79,95,.35))}}