.video-promo .video-promo__container{color:#fff;position:relative;padding:40px 20px 20px 20px}
.video-promo .video-promo__content--title,.video-promo .video-promo__container p{margin-bottom:0}
.video-promo .video-promo__container--background{position:absolute;left:0;top:0;background-size:cover;background-repeat:no-repeat;background-image:url('https://www.metlife.com/static/images/video-promo/video-mobile-bg.svg');background-color:#333;height:100%;width:100%}
.video-promo .video-promo__content--copy{margin-top:15px}
.video-promo .video-promo__content--cta{margin-top:22px}
.video-promo .video-promo__content--cta a{display:inline-flex;align-items:center}
.video-promo .video-promo__content--cta:not(.brand-button) a{color:#fff}
.video-promo .video-promo__content--cta .icon-chevron-right{height:11px;width:8px;color:#fff;fill:none;stroke:#fff;margin-left:8px;position:relative;top:2px}
.video-promo .video-promo__content,.video-promo .video_container{position:relative}
.video-promo .videoWrapper{position:relative;height:auto;padding-top:0;padding-bottom:0}
.video-promo .videoWrapper--youtube{padding-top:56.25%}
.video-promo .videoWrapper object{position:absolute}
.video-promo .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.video-promo .video-js .vjs-big-play-button,.video-promo .video-js .vjs-dock-text{display:none}
.video-promo .content-wrapper.video .video-js.video-playing{pointer-events:auto}
.video-promo .video-playing .play-button{visibility:hidden}
.video-promo .play-button{display:inline-block;margin-top:30px;position:absolute;z-index:1;bottom:30px;left:30px;cursor:pointer;height:60px}
.video-promo .play-button:focus{outline-offset:3px;outline-width:3px;outline-style:solid;outline-color:#000}
.video-promo .bg-gray .video-promo__container{color:#000}
.video-promo .bg-gray .video-promo__container .video-promo__container--background{background-color:#f2f2f2;background-image:none}
.video-promo .bg-gray .video-promo__container .video-promo__content--cta:not(.brand-button) a{color:#333}
.video-promo .bg-gray .video-promo__container .video-promo__content--cta .icon-chevron-right{color:#000;fill:none;stroke:#000}
@media screen and (max-width:767px){.video-promo .video-promo__content{padding-bottom:42px}
.video-promo .video_container{margin-left:-35px;margin-right:-35px}
.video-promo .video-promo__content--cta.brand-button a{width:100%}
}
@media screen and (min-width:768px){.video-promo .video-promo__container--background{background-image:url('https://www.metlife.com/static/images/video-promo/video-promo.svg')}
.video-promo .video-promo__container{display:flex;padding:64px 0 63px 30px}
.video-promo .video-promo__container--background{width:89.7%}
.video-promo .video-promo__content,.video-promo .video_container{display:inline-flex;flex-direction:column;position:relative;justify-content:center}
.video-promo .video-promo__content{margin-right:20px;width:36%}
.video-promo .video_container{width:64%}
}
@media screen and (min-width:1024px){.video-promo .video-promo__container{padding:57px 0 57px 60px}
.video-promo .video-promo__content--cta{margin-top:32px}
}
.keyboard-active .video-promo .bg-gray .video-promo__container .video-promo__content--cta a.textLink-white:focus{text-decoration:none;outline-color:#333;outline-offset:4px;outline-style:solid;outline-width:2px}
.keyboard-active .video-promo .bg-gray .video-promo__container .video-promo__content--cta.brand-button a:hover{color:#000;text-decoration:none;border:3px solid #000;padding:13px 21px}
.keyboard-active .video-promo .bg-gray .video-promo__container .video-promo__content--cta.brand-button a:focus{color:#333;box-shadow:none;outline-offset:3px;outline-width:3px;text-decoration:none;outline-style:solid;outline-color:#333;border:3px solid #333;background-color:transparent}
.keyboard-active .video-promo .vjs-control-bar button:focus,.keyboard-active .video-promo .vjs-volume-bar:focus,.keyboard-active .video-promo .vjs-progress-holder:focus{outline-color:#fff;outline-offset:0;outline-style:solid;outline-width:3px}
.keyboard-active .video-promo .video-promo__content--cta:not(.brand-button) a:focus{outline-offset:4px;position:relative;top:0;z-index:99}
.keyboard-active .video-promo .vjs-control-bar button:focus{outline-offset:-2px}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.keyboard-active .video-js .vjs-control,.keyboard-active .vjs-control-bar button{padding:1px !important;margin-left:4.5px !important}
.keyboard-active .video-js .vjs-fullscreen-control{margin-right:3px !important}
.keyboard-active #backButton,.keyboard-active #forwardButton{height:27px !important;margin-top:1px !important}
}
body[dir="rtl"] .video-promo .video-promo__container--background{right:0;left:initial;-webkit-transform:scaleX(-1);transform:scaleX(-1)}
body[dir="rtl"] .video-promo .video-promo__content--cta .icon-chevron-right{margin-right:8px;margin-left:initial;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
body[dir="rtl"] .video-promo .videoWrapper iframe{right:0;left:initial}
body[dir="rtl"] .video-promo .play-button{right:30px;left:initial}
@media screen and (min-width:768px){body[dir="rtl"] .video-promo .video-promo__container{display:flex;padding:64px 30px 63px 0}
body[dir="rtl"] .video-promo .video-promo__content{margin-left:20px;margin-right:initial}
}
@media screen and (min-width:1024px){body[dir="rtl"] .video-promo .video-promo__container{padding:57px 60px 57px 0}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){body[dir="rtl"] .video-js .vjs-control,body[dir="rtl"] .vjs-control-bar button{margin-right:4.5px !important;margin-left:initial !important}
body[dir="rtl"] .video-js .vjs-fullscreen-control{margin-left:3px !important;margin-right:initial !important}
}