.hero-promo{background-color:#fff;color:#333}
.hero-promo .hero-promo__media-container{position:relative}
.hero-promo.image .hero-promo__media-container{max-height:366px}
.hero-promo.video .hero-promo__media-container{max-height:732px}
.hero-promo .hero-promo__media-container2{padding-top:56.25%}
.hero-promo .hero-promo__image,.hero-promo .hero-promo__video{position:absolute;top:0;bottom:0;left:0;right:0}
.hero-promo .hero-promo__video iframe{display:block;width:100%;height:100%;line-height:0;border:0;padding:0;margin:auto}
.hero-promo .hero-promo__video video{background-color:#000}
.hero-promo .video-js .vjs-big-play-button,.hero-promo .video-js .vjs-dock-text{display:none}
.hero-promo .video-js.video-playing{pointer-events:auto}
.hero-promo .play-button{display:inline-block;position:absolute;z-index:1;bottom:calc(50% - 30px);right:calc(50% - 30px);cursor:pointer;height:60px}
.hero-promo .video-playing .play-button{visibility:hidden}
.hero-promo .hero-promo__content-background{background:#fff}
.hero-promo .hero-promo__content{padding-top:30px;padding-bottom:30px}
.hero-promo .hero-promo__eyebrow{margin-bottom:30px}
.hero-promo .hero-promo__eyebrow-image{height:24px;width:auto}
.hero-promo .hero-promo__header-text{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-weight:700;font-size:30px;line-height:35px;margin-bottom:0}
.hero-promo .hero-promo__body-text{font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:16px;line-height:30px;letter-spacing:-0.16px;margin-top:20px}
@media screen and (min-width:768px){.hero-promo.image .hero-promo__content-background{margin-top:-80px}
.hero-promo.video .hero-promo__content-background{margin-top:-120px}
.hero-promo .hero-promo__content-container.video-playing .hero-promo__content-background{margin-top:0}
.hero-promo .hero-promo__content-column{flex:0 0 81.818181%;max-width:81.818181%;margin-left:9.090909%}
.hero-promo .hero-promo__content{padding-top:80px;padding-bottom:80px}
.hero-promo .hero-promo__eyebrow{display:flex;margin-bottom:30px}
.hero-promo .hero-promo__eyebrow-image{height:40px}
.hero-promo .hero-promo__header-text{font-weight:500;font-size:70px;line-height:77px;letter-spacing:-0.08px}
.hero-promo .hero-promo__body-text{font-size:24px;line-height:32px;margin-top:30px}
}
@media screen and (min-width:1024px){.hero-promo.video .hero-promo__media-container{max-height:608px}
}