.nb-hero-alt{overflow:hidden}.nb-hero-alt .nb-grid{display:grid}@media screen and (min-width: 990px){.nb-hero-alt .nb-grid{grid-template-columns:5.5fr 4.5fr;min-height:90vh}}.nb-hero-alt .nb-image-mobile{display:block}@media screen and (min-width: 990px){.nb-hero-alt .nb-image-mobile{display:none}}.nb-hero-alt .nb-image-desktop{display:none}@media screen and (min-width: 990px){.nb-hero-alt .nb-image-desktop{display:block}}.nb-hero-alt .nb-content{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:60px}@media screen and (max-width: 989px){.nb-hero-alt .nb-content{margin:55px 0 65px;max-width:100%;width:100%;padding:0 24px;text-align:center;justify-content:center}}.nb-hero-alt .nb-title{margin-top:16px}@media screen and (max-width: 989px){.nb-hero-alt .nb-title{margin-top:8px}}.nb-hero-alt .nb-description{opacity:.8;margin-top:24px}.nb-hero-alt .nb-cta{margin-top:24px}@media screen and (max-width: 989px){.nb-hero-alt .nb-cta{width:100%}}.nb-outer{display:flex;align-items:center;position:relative}@media screen and (max-width: 989px){.nb-outer{margin:auto;width:100%;justify-content:center}}[class*=nb-hero-alt-shape-]{z-index:1}.nb-hero-alt-shape-1{position:absolute;top:150px;left:40px;width:35px;height:auto}@media screen and (max-width: 989px){.nb-hero-alt-shape-1{top:15px;left:30px;width:20px;height:auto}}.nb-hero-alt-shape-2{position:absolute;bottom:-25px;left:30%}@media screen and (max-width: 989px){.nb-hero-alt-shape-2{display:none}}.nb-hero-alt-shape-3{position:absolute;top:200px;right:40px;width:75px;height:auto}@media screen and (max-width: 989px){.nb-hero-alt-shape-3{width:75px;height:auto;top:-60px;right:0}}.nb-hero-alt video{max-width:100%;height:auto;display:block}.nb-hero-alt .nb-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.nb-hero-alt .nb-video-container{position:relative}.nb-hero-alt .nb-mask-desktop{height:100%;width:100%;width:calc(100% + 1px);position:absolute;top:0;left:0;// needed for FF,Safari,Edge right: 0}.nb-hero-alt .nb-mask-desktop{display:none}@media screen and (min-width: 990px){.nb-hero-alt .nb-mask-desktop{display:block}}.nb-hero-alt .nb-mask-mobile{display:block;width:100%;position:relative;margin-bottom:-1px}@media screen and (min-width: 990px){.nb-hero-alt .nb-mask-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/nb-hero-alt.css.map */