.component--video-player{background-color:#213258;position:relative}.component--video-player>.content{position:relative;z-index:1}.component--video-player>.content .field--name-field-video-player-videos{background-color:#213258}.component--video-player>.content .field--name-field-video-player-videos [class^=main-video-info]{max-width:112rem;margin:0 auto 0}.component--video-player>.content .field--name-field-video-player-videos .top{padding:4rem 2.5rem 3rem;position:relative;z-index:1}.component--video-player>.content .field--name-field-video-player-videos .bottom{background-color:#fff;position:relative;margin:-1px 0 0;padding:0 0 8rem;z-index:0}.component--video-player>.content .field--name-field-video-player-videos .bottom .bottom-inner{max-width:112rem;margin:0 auto 0;position:relative;display:grid;grid-template-rows:auto auto;grid-template-columns:100%;grid-gap:0}.component--video-player>.content .main-video{background-color:#213258;position:relative;z-index:1}.component--video-player>.content .thumbnails{margin-top:-.4rem;padding:2rem 0 0;position:relative;z-index:0}.component--video-player>.content .thumbnails::before{content:'';background:linear-gradient(to right bottom,#213258 50%,#fff 50%);position:absolute;height:9rem;top:.4rem;left:0;width:100%}.component--video-player>.content .thumbnails h4{color:#fff;font-size:2.8rem;font-weight:500;font-style:italic;line-height:1.21;padding:.5rem 2.5rem 1.5rem;text-transform:none;position:relative;z-index:1}.component--video-player>.content .thumbnails [class^=thumbnails-inner]{max-width:75rem;height:28rem;overflow:auto;padding:0 2.5rem;position:relative}.component--video-player>.content .thumbnails .simplebar-track.simplebar-vertical{right:1.1rem}.component--video-player>.content .thumbnails .simplebar-track.simplebar-vertical .simplebar-scrollbar::before{background-color:#4564ad}.component--video-player>.content .thumbnails .simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-hover::before{opacity:1}@media screen and (min-width:1024px){.component--video-player>.content .field--name-field-video-player-videos{background-color:#fff;width:100%}.component--video-player>.content .field--name-field-video-player-videos .top{background-color:#213258;padding-bottom:28rem;padding-top:8rem;position:relative}.component--video-player>.content .field--name-field-video-player-videos .top::before{content:'';background:linear-gradient(to right bottom,#213258 50%,#fff 50%);position:absolute;height:33rem;bottom:0;left:0;width:100%}.component--video-player>.content .field--name-field-video-player-videos .top::after{background-repeat:no-repeat;width:48.1rem;height:7.5rem;content:'';position:absolute;top:9rem;right:0}.component--video-player>.content .field--name-field-video-player-videos .top [class^=main-video-info]{position:relative;z-index:1}.component--video-player>.content .field--name-field-video-player-videos .bottom{background-color:transparent;margin:-24rem 0 0;padding:0 1rem 8rem 2.5rem;position:relative;z-index:1}.component--video-player>.content .field--name-field-video-player-videos .bottom::before{background-image:url(/themes/custom/mmg9/dist/images/angle-navy-vp-01.svg);background-repeat:no-repeat;content:"";position:absolute;left:0;top:0;right:0;bottom:0;display:none}.component--video-player>.content .field--name-field-video-player-videos .bottom .bottom-inner{grid-gap:3rem;grid-template-rows:auto;grid-template-columns:minmax(0,5fr) minmax(0,3fr)}.component--video-player>.content .field--name-field-video-player-videos .bottom .bottom-inner .main-video{background-color:transparent;max-width:75rem;grid-column:1/2;bottom:-35px}.component--video-player>.content .thumbnails{margin-top:0;padding:0;grid-column:2/3;align-self:end}.component--video-player>.content .thumbnails::before{display:none}.component--video-player>.content .thumbnails h4{color:#4564ad;padding:0 0 1.5rem}.component--video-player>.content .thumbnails [class^=thumbnails-inner]{height:26rem;padding:0}.component--video-player>.content .thumbnails .simplebar-track.simplebar-vertical{right:0}}@media screen and (min-width:1150px){.component--video-player>.content .field--name-field-video-player-videos .top::before{height:29rem}}.component--video-player .vp-main-media.playing .clickable-remote-url-thumb,.component--video-player .vp-main-media.playing .play-btn{display:none}.component--video-player [class^=main-video-info] .vp-main-info{color:#fff;max-width:64.5rem}.component--video-player [class^=main-video-info] .vp-main-info h3{color:#fff;font-size:3.4rem;font-weight:300;line-height:1.2;padding:0 0 2rem;text-transform:none}.component--video-player [class^=main-video-info] .vp-main-info .field--name-field-video-date{font-size:1.6rem;font-style:italic;font-weight:300;line-height:1.18;padding:0 0 1rem}.component--video-player [class^=main-video-info] .vp-main-info .field--name-field-video-description p:first-child{padding-top:0}.component--video-player [class^=main-video-info] .vp-main-info .field--name-field-video-description p:last-child{padding-bottom:0}.component--video-player .vp-main-slide .vp-main-media{position:relative;background-color:#213258}.component--video-player .vp-main-slide .vp-main-media .field--name-field-video-thumbnail-image,.component--video-player .vp-main-slide .vp-main-media .thumb-placeholder{position:relative;z-index:2}.component--video-player .vp-main-slide .vp-main-media .field--name-field-video-thumbnail-image img,.component--video-player .vp-main-slide .vp-main-media .thumb-placeholder img{box-shadow:0 0 9px rgba(43,44,39,.3)}.component--video-player .vp-main-slide .vp-main-media .clickable-remote-url-thumb,.component--video-player .vp-main-slide .vp-main-media .video-file{position:relative}.component--video-player .vp-main-slide .vp-main-media .clickable-remote-url-thumb a,.component--video-player .vp-main-slide .vp-main-media .video-file a{border:0}.component--video-player .vp-main-slide .vp-main-media .clickable-remote-url-thumb.playing,.component--video-player .vp-main-slide .vp-main-media .video-file.playing{z-index:4}.component--video-player .vp-main-slide .vp-main-media .clickable-remote-url-thumb .yt-vid,.component--video-player .vp-main-slide .vp-main-media .video-file .yt-vid{position:absolute;width:100%;height:100%}.component--video-player .vp-main-slide.has-both .vp-main-media .clickable-remote-url-thumb,.component--video-player .vp-main-slide.has-both .vp-main-media .video-file{position:absolute;z-index:1;top:0;width:100%;height:100%}.component--video-player .vp-main-slide.has-both .vp-main-media .clickable-remote-url-thumb.playing,.component--video-player .vp-main-slide.has-both .vp-main-media .video-file.playing{z-index:5}.component--video-player .vp-main-slide.video-only .vp-main-media .video-file{position:absolute;z-index:1;top:0;width:100%;height:100%}.component--video-player .vp-main-slide.video-only .vp-main-media .video-file.playing{z-index:5}.component--video-player .vp-main-slide .vp-play-video-file,.component--video-player .vp-main-slide .vp-play-video-url{width:8rem;height:8rem;position:absolute;top:calc(50% - 4rem);left:calc(50% - 4rem);z-index:3;background-color:transparent;border:0}.component--video-player .vp-main-slide .vp-play-video-file span,.component--video-player .vp-main-slide .vp-play-video-url span{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-wrap:normal}.component--video-player .vp-main-slide .vp-play-video-file svg,.component--video-player .vp-main-slide .vp-play-video-url svg{max-width:none}.component--video-player .vp-main-slide .vp-play-video-file .filler,.component--video-player .vp-main-slide .vp-play-video-url .filler{fill:rgba(33,50,88,.75)}.component--video-player .vp-main-slide .vp-play-video-file:hover .filler,.component--video-player .vp-main-slide .vp-play-video-url:hover .filler{fill:#213258}@media screen and (min-width:1024px){.component--video-player .vp-main-slide .vp-main-media{background-color:transparent}}.component--video-player .vp-nav-thumbnail{background-color:transparent;border:0;padding:1rem 0;text-align:left;display:block;width:calc(100% - 1.2rem)}.component--video-player .vp-nav-thumbnail:first-child{padding-top:0}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail{display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .contextual{display:none!important}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media{width:13.8rem}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-field-media-image,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-thumbnail,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .thumb-placeholder{position:relative;line-height:1}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-field-media-image::after,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-thumbnail::after,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .thumb-placeholder::after{background-image:url(/themes/custom/mmg9/dist/images/play-btn.png);background-repeat:no-repeat;background-size:4rem;content:'';width:4rem;height:4rem;position:absolute;top:calc(50% - 2rem);left:calc(50% - 2rem);z-index:3}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-field-media-image:hover::after,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-field-media-image:hover::before,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-thumbnail:hover::after,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-thumbnail:hover::before,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .thumb-placeholder:hover::after,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .thumb-placeholder:hover::before{background-image:url(/themes/custom/mmg9/dist/images/play-btn-hover.png)}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-field-media-image img,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .field--name-thumbnail img,.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-media .thumb-placeholder img{box-shadow:0 0 9px rgba(43,44,39,.3)}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-info{padding:0 1rem 0 0;width:calc(100% - 14.8rem)}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-info .field--name-field-video-title{color:#4564ad;font-size:2rem;font-weight:600;line-height:1.2}.component--video-player .vp-nav-thumbnail .paragraph--type--video.paragraph--view-mode--video-thumbnail .thumb-info .field--name-field-video-date{font-size:1.6rem;font-style:italic;font-weight:300;line-height:1.18;padding-top:.7rem}
