.component--video{background-color:#4a98b5}.component--video .field--name-field-menu-display-title{max-width:98.6rem;margin:0 auto 0;padding:3rem 0;color:#fff;font-family:greycliff-bold,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:5rem}.component--video .video-content-meta-wrapper{max-width:98.6rem;margin:0 auto 0;margin:0 auto;margin-top:2rem;border-radius:0 0 8rem;background-color:#fff;padding:5rem}@media screen and (min-width:768px){.component--video .video-content-meta-wrapper{max-width:105.8rem;margin:0 auto 0;margin-top:5rem;background-color:transparent;padding:0}}.component--video .video-content-meta-wrapper .content-header{color:#3e4797;font-size:2.6rem;margin-bottom:2rem}@media screen and (min-width:768px){.component--video .video-content-meta-wrapper .content-header{color:#fff}}.component--video .video-content-meta-wrapper .content-description{margin:0 auto;color:#000;font-size:1.8rem}@media screen and (min-width:768px){.component--video .video-content-meta-wrapper .content-description{color:#fff}}.component--video .media-wrapper{position:relative;min-height:20rem}@media screen and (min-width:768px){.component--video .media-wrapper{min-height:50rem}}.component--video .media-wrapper.video-playing::after{content:'';width:100%;position:absolute;left:0;height:6rem;bottom:3rem}.component--video .media-wrapper.video-playing .field--name-field-media-oembed-video .field__item{display:block}.component--video .media-wrapper.video-playing .is_360::after{content:none}.component--video .media-wrapper.video-playing .play{display:none}.component--video .media-wrapper.video-playing .field--name-field-media-background-image{z-index:unset}.component--video .media-wrapper.video-playing .field--name-field-media-background-image::after{background-color:rgba(0,0,0,.8)}.component--video .play{height:4rem;width:4rem;background-size:4rem 4rem;position:absolute;bottom:1.5rem;right:1.5rem;cursor:pointer;z-index:2}@media screen and (min-width:768px){.component--video .play{height:8.4rem;width:8.4rem;background-size:8.4rem 8.4rem;bottom:3rem;right:3rem}}@media screen and (min-width:1280px){.component--video .play{right:11.7%}}.component--video .play::before{content:'Play';text-transform:uppercase;display:inline-block;margin-right:1rem;color:#fff;left:-6rem;position:relative;line-height:4rem;font-weight:700;opacity:0;transition:opacity .5s ease-in-out,left .5s ease-in-out}@media screen and (min-width:768px){.component--video .play::before{line-height:8.4rem;font-size:2.2rem}}.component--video .play:hover::before{opacity:1;left:-4rem}.component--video .play:hover::after{-webkit-clip-path:polygon(100% 0,100% 0,100% 0);clip-path:polygon(100% 0,100% 0,100% 0)}.component--video .field--name-field-media-background-image{position:relative;cursor:pointer;z-index:2}.component--video .field--name-field-media-background-image::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:background-color .7s linear}.component--video .field--name-field-video{position:relative;top:0;left:0;right:0;height:100%;width:90%;margin:auto;z-index:1}@media screen and (min-width:1400px){.component--video .field--name-field-video{width:65%}}.component--video .field--name-field-video>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.component--video .field--name-field-video .is_360::after{content:"";position:absolute;bottom:1.5rem;left:1.5rem;display:block;transition:transform .7s ease-in-out;background-image:url(/themes/custom/mmg9/dist/images/icons/360deg.svg);height:2.7rem;width:6.06771rem;background-size:6.06771rem 2.7rem}@media screen and (min-width:768px){.component--video .field--name-field-video .is_360::after{height:4.9rem;width:11.01177rem;background-size:11.01177rem 4.9rem;left:3rem;bottom:3rem}}@media screen and (min-width:1280px){.component--video .field--name-field-video .is_360::after{left:11.7%}}.component--video .field--name-field-video .is_360:hover::after{transform:rotateY(360deg)}.component--video .field--name-field-media-oembed-video{width:100%}.component--video .field--name-field-media-oembed-video .field__item{position:relative;padding-top:56.25%}.component--video .field--name-field-media-oembed-video .field__item iframe{position:absolute;left:0;top:0;width:100%;height:100%}