Mirvac Imagines | The Fabric

<div class="hero-banner"> <div class="hero-video-container">  <div class="plyr" data-plyr-provider="youtube" data-plyr-embed-id="yoFSJ1cPcvY" c> </div> </div>  <button class="hero-pause-btn" id="hero-pause-btn" aria-label="Pause video"> <svg class="pause-icon" width="24" height="24" viewbox="0 0 24 24" fill="none"> <path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z" fill="white"></path> </svg> <svg class="play-icon" width="24" height="24" viewbox="0 0 24 24" fill="none" style="display: none;"> <path d="M8 5v14l11-7z" fill="white"></path> </svg> </button> <div class="hero-overlay"> <div class="hero-content"> <img src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/MirvacLogo.svg" alt="Mirvac Logo" class="hero-logo" /> <h1 class="hero-title"> The future isn't something we wait for.<br /> It's something we build – with imagination. </h1> <a href="#" id="watch-video-btn" class="hero-cta btn-imagine"> <svg width="16" height="16" viewbox="0 0 16 16" fill="none"> <path d="M3 2L13 8L3 14V2Z" fill="white"></path> </svg> Watch Video </a> </div> </div> </div>  <div class="mirvac-split-section imagine-section-1"> <div class="mirvac-split-inner">  <div class="mirvac-split-copy"> <h2>Imagine what can be.</h2> <p> At Mirvac, imagination drives and differentiates everything we do. For more than fifty years, it has been the spark that drives us to reimagine urban life, to shape the future of Australian cities. </p> <div class="social-icons"> <p> <span>Share the experience <span class="column-break">|</span> <div class="icon-group"> <a href="https://www.instagram.com/mirvac_group/?hl=en" aria-label="Instagram" class="instagram-icon" target="_blank"><svg width="36" height="36" viewbox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 18C0 27.9411 8.05888 36 18 36C27.9411 36 36 27.9411 36 18C36 8.05888 27.9411 0 18 0C8.05888 0 0 8.05888 0 18Z" fill="var(--imagineSocialFill)"></path> <path d="M18.0002 11.2002C20.2002 11.2002 20.5002 11.2002 21.4002 11.2002C22.2002 11.2002 22.6002 11.4002 22.9002 11.5002C23.3002 11.7002 23.6002 11.8002 23.9002 12.1002C24.2002 12.4002 24.4002 12.7002 24.5002 13.1002C24.6002 13.4002 24.7002 13.8002 24.8002 14.6002C24.8002 15.5002 24.8002 15.7002 24.8002 18.0002C24.8002 20.3002 24.8002 20.5002 24.8002 21.4002C24.8002 22.2002 24.6002 22.6002 24.5002 22.9002C24.3002 23.3002 24.2002 23.6002 23.9002 23.9002C23.6002 24.2002 23.3002 24.4002 22.9002 24.5002C22.6002 24.6002 22.2002 24.7002 21.4002 24.8002C20.5002 24.8002 20.3002 24.8002 18.0002 24.8002C15.7002 24.8002 15.5002 24.8002 14.6002 24.8002C13.8002 24.8002 13.4002 24.6002 13.1002 24.5002C12.7002 24.3002 12.4002 24.2002 12.1002 23.9002C11.8002 23.6002 11.6002 23.3002 11.5002 22.9002C11.4002 22.6002 11.3002 22.2002 11.2002 21.4002C11.2002 20.5002 11.2002 20.3002 11.2002 18.0002C11.2002 15.7002 11.2002 15.5002 11.2002 14.6002C11.2002 13.8002 11.4002 13.4002 11.5002 13.1002C11.7002 12.7002 11.8002 12.4002 12.1002 12.1002C12.4002 11.8002 12.7002 11.6002 13.1002 11.5002C13.4002 11.4002 13.8002 11.3002 14.6002 11.2002C15.5002 11.2002 15.8002 11.2002 18.0002 11.2002ZM18.0002 9.7002C15.7002 9.7002 15.5002 9.7002 14.6002 9.7002C13.7002 9.7002 13.1002 9.9002 12.6002 10.1002C12.1002 10.3002 11.6002 10.6002 11.1002 11.1002C10.6002 11.6002 10.4002 12.0002 10.1002 12.6002C9.9002 13.1002 9.8002 13.7002 9.7002 14.6002C9.7002 15.5002 9.7002 15.8002 9.7002 18.0002C9.7002 20.3002 9.7002 20.5002 9.7002 21.4002C9.7002 22.3002 9.9002 22.9002 10.1002 23.4002C10.3002 23.9002 10.6002 24.4002 11.1002 24.9002C11.6002 25.4002 12.0002 25.6002 12.6002 25.9002C13.1002 26.1002 13.7002 26.2002 14.6002 26.3002C15.5002 26.3002 15.8002 26.3002 18.0002 26.3002C20.2002 26.3002 20.5002 26.3002 21.4002 26.3002C22.3002 26.3002 22.9002 26.1002 23.4002 25.9002C23.9002 25.7002 24.4002 25.4002 24.9002 24.9002C25.4002 24.4002 25.6002 24.0002 25.9002 23.4002C26.1002 22.9002 26.2002 22.3002 26.3002 21.4002C26.3002 20.5002 26.3002 20.2002 26.3002 18.0002C26.3002 15.8002 26.3002 15.5002 26.3002 14.6002C26.3002 13.7002 26.1002 13.1002 25.9002 12.6002C25.7002 12.1002 25.4002 11.6002 24.9002 11.1002C24.4002 10.6002 24.0002 10.4002 23.4002 10.1002C22.9002 9.9002 22.3002 9.8002 21.4002 9.7002C20.5002 9.7002 20.3002 9.7002 18.0002 9.7002Z" fill="white"></path> <path d="M18.0002 13.7002C15.6002 13.7002 13.7002 15.6002 13.7002 18.0002C13.7002 20.4002 15.6002 22.3002 18.0002 22.3002C20.4002 22.3002 22.3002 20.4002 22.3002 18.0002C22.3002 15.6002 20.4002 13.7002 18.0002 13.7002ZM18.0002 20.8002C16.5002 20.8002 15.2002 19.6002 15.2002 18.0002C15.2002 16.5002 16.4002 15.2002 18.0002 15.2002C19.5002 15.2002 20.8002 16.4002 20.8002 18.0002C20.8002 19.5002 19.5002 20.8002 18.0002 20.8002Z" fill="white"></path> <path d="M22.4002 14.6002C22.9525 14.6002 23.4002 14.1525 23.4002 13.6002C23.4002 13.0479 22.9525 12.6002 22.4002 12.6002C21.8479 12.6002 21.4002 13.0479 21.4002 13.6002C21.4002 14.1525 21.8479 14.6002 22.4002 14.6002Z" fill="white"></path> </svg> </a> <a href="https://www.youtube.com/@mirvacgroup" aria-label="Youtube" class="youtube-icon" target="_blank"><svg width="36" height="36" viewbox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 18C0 27.9411 8.05888 36 18 36C27.9411 36 36 27.9411 36 18C36 8.05888 27.9411 0 18 0C8.05888 0 0 8.05888 0 18Z" fill="var(--imagineSocialFill)"></path> <path d="M25.8406 14.5893C25.8406 14.5893 25.6844 13.4129 25.2031 12.8964C24.5938 12.2166 23.9125 12.2133 23.6 12.1733C21.3625 12 18.0031 12 18.0031 12H17.9969C17.9969 12 14.6375 12 12.4 12.1733C12.0875 12.2133 11.4063 12.2166 10.7969 12.8964C10.3156 13.4129 10.1625 14.5893 10.1625 14.5893C10.1625 14.5893 10 15.9722 10 17.3518V18.6448C10 20.0244 10.1594 21.4074 10.1594 21.4074C10.1594 21.4074 10.3156 22.5837 10.7937 23.1002C11.4031 23.7801 12.2031 23.7567 12.5594 23.83C13.8406 23.96 18 24 18 24C18 24 21.3625 23.9933 23.6 23.8234C23.9125 23.7834 24.5938 23.7801 25.2031 23.1002C25.6844 22.5837 25.8406 21.4074 25.8406 21.4074C25.8406 21.4074 26 20.0278 26 18.6448V17.3518C26 15.9722 25.8406 14.5893 25.8406 14.5893ZM16.3469 20.2144V15.419L20.6687 17.825L16.3469 20.2144Z" fill="white"></path> </svg> </a> <a href="https://www.facebook.com/profile.php?id=61584757042741" aria-label="Facebook" class="facebook-icon" target="_blank"><svg width="36" height="36" viewbox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 18C0 27.9411 8.05888 36 18 36C27.9411 36 36 27.9411 36 18C36 8.05888 27.9411 0 18 0C8.05888 0 0 8.05888 0 18Z" fill="var(--imagineSocialFill)"></path> <path d="M19.0328 13.9389V16.4036H22L21.5302 19.7242H19.0328V26H15.737V19.7242H13V16.4036H15.737V13.3884C15.737 11.5172 17.2131 10 19.0328 10V10.0019C19.0384 10.001 19.0439 10 19.0477 10H22V12.8721H20.0708C19.497 12.8721 19.0319 13.3502 19.0319 13.9399L19.0328 13.9389Z" fill="white"></path> </svg> </a> <a href="https://www.linkedin.com/company/mirvac" aria-label="LinkedIn" class="linked-icon" target="_blank"><svg width="36" height="36" viewbox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 18C0 27.9411 8.05888 36 18 36C27.9411 36 36 27.9411 36 18C36 8.05888 27.9411 0 18 0C8.05888 0 0 8.05888 0 18Z" fill="var(--imagineSocialFill)"></path> <path d="M13.6 26H10.2V15.3H13.6V26ZM11.9 13.8C10.8 13.8 10 13 10 11.9C10 10.8 10.9 10 11.9 10C13 10 13.8 10.8 13.8 11.9C13.8 13 13 13.8 11.9 13.8ZM26 26H22.6V20.2C22.6 18.5 21.9 18 20.9 18C19.9 18 18.9 18.8 18.9 20.3V26H15.5V15.3H18.7V16.8C19 16.1 20.2 15 21.9 15C23.8 15 25.8 16.1 25.8 19.4V26H26Z" fill="white"></path> </svg> </a> </div> </span> </p> </div> </div>  <div class="mirvac-split-video"> <img alt="Heart-shaped topiary sculpture" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/TreeWithPerson.png" /> </div> </div> </div>  <div class="mirvac-split-section imagine-section-2"> <div class="mirvac-split-inner">  <div class="mirvac-split-video"> <img alt="Modern architectural interior" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/ShoppingCentre.png" /> </div>  <div class="mirvac-split-copy"> <h2>Positive change begins with seeing the world differently.</h2> <p class="alt-paragraph-color"> With over 50 years of experience, Mirvac has earnt a reputation for delivering quality - in our beautiful homes, inspiring workplaces and thriving retail precincts. </p> <p> Imagination powers our innovation, shapes our design excellence, helping us create places where Australians can live, work and thrive. </p> <p> Through a commitment to sustainability, quality and shared value, we create and curate urban experiences that advance Australian life. </p> <a class="btn-imagine" href="https://www.mirvac.com/about/about-mirvac/our-story" target="_blank" rel="noopener noreferrer">Learn more</a> </div> </div> </div> <style> </style> <div class="component animate-in"> <div class="component-content mk-container-maxwidth"> <div class=" mk-content-block--text-center "> <div class=" mk-content-block__heading"> <h2 role="heading" aria-level="2" data-uw-rm-heading="level"> Our enduring legacy</h2> </div> <p> We are more than developers or builders. We are creators and curators of places and experiences that unlock potential for millions of Australians.</p> <a class="btn-imagine" href="https://www.mirvac.com/Residential/projects/all-projects" target="_blank" rel="noopener noreferrer">View all projects</a> </div>  </div> </div> <hr /> <div class="mirvac-discover-section"> <div class="mirvac-discover-container"> <h2>Discover more about Mirvac</h2> <div class="mirvac-discover-grid">  <a href="https://www.mirvac.com/residential" class="mirvac-discover-card" target="_blank" rel="noopener noreferrer"> <div class="mirvac-discover-icon"> <img src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/residential_icon.svg" alt="Residential icon" /> </div> <h3>Residential</h3> </a>  <a href="https://www.mirvac.com/build-to-rent" class="mirvac-discover-card" target="_blank" rel="noopener noreferrer"> <div class="mirvac-discover-icon"> <img src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/btr_icon.svg" alt="Build to Rent icon" /> </div> <h3>Build to Rent</h3> </a>  <a href="https://www.mirvac.com/office-and-industrial/office" class="mirvac-discover-card" target="_blank" rel="noopener noreferrer"> <div class="mirvac-discover-icon"> <img src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/office_icon.svg" alt="Office icon" /> </div> <h3>Office</h3> </a>  <a href="https://www.mirvac.com/retail" class="mirvac-discover-card" target="_blank" rel="noopener noreferrer"> <div class="mirvac-discover-icon"> <img src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/retail_icon.svg" alt="Retail icon" /> </div> <h3>Retail</h3> </a>  <a href="https://www.mirvac.com/office-and-industrial/industrial" class="mirvac-discover-card" target="_blank" rel="noopener noreferrer"> <div class="mirvac-discover-icon"> <img src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/industrial_icon.svg" alt="Industrial icon" /> </div> <h3>Industrial</h3> </a>  <a href="https://www.mirvac.com/funds-management" class="mirvac-discover-card" target="_blank" rel="noopener noreferrer"> <div class="mirvac-discover-icon"> <img src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/funds_management_icon.svg" alt="Funds Management icon" /> </div> <h3>Funds Management</h3> </a> </div> </div> </div> <hr />  <div class="imagine-section-grid"> <div class="component animate-in"> <div class="component-content mq-container-maxwidth"> <h2>Imagination drives and differentiates everything we do</h2> <div class="mirvac-split-section imagine-section-3"> <div class="mirvac-split-inner">  <div class="mirvac-split-video"> <div class="plyr" data-plyr-provider="youtube" data-plyr-embed-id="k4yvLcsBrC0"></div> <p>Workplaces amaze, homes live in harmony with nature, and the future honours the past.</p> </div>  <div class="mirvac-split-video"> <div class="plyr" data-plyr-provider="youtube" data-plyr-embed-id="pVRszdN9LQw"></div> <p>Design invites the outside in, and shopping is full of wonder.</p> </div> </div> </div>  <div class="mirvac-split-section imagine-section-4"> <div class="mirvac-split-inner">  <div class="mirvac-split-video"> <div class="plyr" data-plyr-provider="youtube" data-plyr-embed-id="dwxDKI5J4og"></div> <p>Communities have more heart, and the everyday is transformed into something truly extraordinary.</p> </div>  <div class="mirvac-split-video"> <div class="plyr" data-plyr-provider="youtube" data-plyr-embed-id="Ww2_M1Hm50M"></div> <p>We don't see what is, we see what can be.</p> </div> </div> </div> </div> </div> </div> <style> /* ===== FONTS & TYPOGRAPHY ===== */ main h2 { //font-size: 36px !important; } body main .mirvac-split-copy h2 { font-size: var(--imagineHeading2Size) !important; margin-bottom: 20px !important; text-transform: none; text-align: left; } body .mirvac-split-copy p, body .mirvac-split-copy h1, body .mirvac-split-copy h2 { text-align: left !important; } .imagine-section-1 .mirvac-split-copy h2{ color: var(--imagineSection1Heading2Color); } .imagine-section-2 .mirvac-split-copy h2 { color: var(--imagineSection2Heading2Color) !important; } body .mk-content-block__heading h2{ color: var(--imagineCarouselHeading2Color) !important;; } body .imagine-section-grid .mk-container-maxwidth h2{ color: var(--imagineGridCaptionHeading2Color) !important;; } html body h1.hero-title{ color: var(--imagineHeroHeadingColor); font-size: var(--imagineHeroHeadingFontSize); font-weight: var(--imagineHeroHeadingFontWeight) !important; } body .imagine-section-1 .mirvac-split-copy h2, body .imagine-section-2 .mirvac-split-copy h2,body .mk-content-block__heading h2,body .imagine-section-grid .mk-container-maxwidth h2{ font-size: var(--imagineHeading2Size) !important; font-weight: var(--imagineHeading2FontWeight) !important; } .mirvac-split-copy p { font-size: var(--imagineParagraphSize) !important; line-height: 1.7; color: var(--imagineSection1ParagraphColor) !important; text-align: left !important; margin-block: 0 20px !important; } .imagine-section-2 .mirvac-split-copy p { color: var(--imagineSection2ParagraphColor) !important; } .mirvac-split-copy p.alt-paragraph-color { color: var(--imagineAltPargraphColor) !important; font-size: var(--imagineAltPargraphSize)!important; } .mk-content-block--text-center p { color: var(--imagineCarouselParagraphColor) !important; font-size: var(--imagineParagraphSize) !important; } .image-description--side { color: var(--imagineCarouselCaptionColor) !important; font-size: var(--imagineCarouselCaptionSize) !important; font-weight: var(--imagineCarouselCaptionFontWeight) !important; font-family: 'Inter', sans-serif !important; } body .imagine-section-grid p { margin: 0 0 25px 0; font-size: var(--imagineParagraphSize) !important; color: var(--imagineGridCaptionColor) !important; text-align: left; font-weight: var(--imagineGridCaptionFontWeight) !important; } .imagine-section-grid h2 { text-align: center; text-transform: none; padding-bottom: 50px; } .imagine-section-grid .mk-container-maxwidth h2 { padding-bottom: 50px; } .imagine-section-grid .mk-container-maxwidth { padding-top: 5px; } .mk-container-maxwidth{ padding-bottom: 0; } /* ===== BASE LAYOUT ===== */ main { padding-left: 0; padding-right: 0; } main .container { max-width: unset; } main a:before { display: none; } .component.breadcrumb, .component.title { display: none; } .wrapper--text { max-width: 1550px; } @media (min-width: 993px) and (max-width: 1551px) { .rich-text>.component-content>.wrapper--text { padding: 45px; padding-top: 0; padding-bottom: 0; } .mirvac-split-section.imagine-section-1,.mirvac-split-section.imagine-section-2{ padding: 0 45px !important; } .mk-container-maxwidth { padding: 0 45px; } } li.mk-carousel__slide { list-style-type: none; } /* ===== BUTTONS ===== */ .btn-imagine { background-color: var(--imagineButtonBackground); color: var(--imagineButtonFont); padding: 14px 0; display: inline-flex; align-items: center; justify-content: center; width: 250px; height: 48px; border: none; font-size: 16px; cursor: pointer; text-decoration: none; border-radius: 10px; font-weight: 700; text-transform: none; transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease; text-decoration: none !important; } @media(max-width:992px){ .hero-banner .btn-imagine { height: 38px; } } .btn-imagine:hover, .btn-imagine:focus { color: var(--imagineButtonFontHover); background-color: var(--imagineButtonBackgroundHover); //border: 1px solid var(--imagineButtonBackgroundHover); text-decoration: none !important; } .btn-white { background-color: #fff; color: #181C24; padding: 14px 0; display: inline-flex; align-items: center; justify-content: center; width: 250px; height: 48px; border: solid #d26f4e 1px; font-size: 16px; cursor: pointer; text-decoration: none; border-radius: 25px; font-weight: 700; text-transform: none; transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease; } .cta-square-large a { background-color: #d26f4e; color: #fff; padding: 14px 0; display: inline-flex; align-items: center; justify-content: center; width: 250px; height: 48px; border: none; font-size: 16px; cursor: pointer; text-decoration: none; border-radius: 25px; transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease; } /* ===== SPLIT SECTIONS ===== */ .mirvac-split-section { width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; height: 100%; position: relative; } .mirvac-split-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; max-width: 1550px; margin: 0 auto; padding-top: 65px; padding-bottom: 65px; position: relative; z-index:1; } .mirvac-split-video { position: relative; width: 100%; height: 100%; overflow: visible; text-align: center; margin: 0 auto; } .mirvac-split-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block; object-fit: cover; } .mirvac-split-video iframe[src*="youtube"] { padding-right: 0; padding-left: 0; padding-bottom: 2.25px; } .mirvac-split-copy { display: flex; flex-direction: column; justify-content: center; text-align: left !important; } /* Background Images for Sections */ .mirvac-split-section.imagine-section-1:before { content: ''; background-image: url('https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/backgroundsection1.webp'); background-size: cover; position: absolute; width: 100%; height: 100%; left: 0; display: block; max-width: inherit; background-size: cover; box-shadow: inset 0 0 0 1000px var(--section1bgcolor); } .mirvac-split-section.imagine-section-2:before { content: ''; background-image: url('https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/backgroundsection2.webp'); background-size: cover; position: absolute; width: 100%; height: 100%; left: 0; display: block; max-width: inherit; background-size: cover; box-shadow: inset 0 0 0 1000px var(--section2bgcolor); } .imagine-section-2 img { width: 100%; } /* ===== HERO BANNER VIDEO - With Plyr Controls ===== */ .hero-banner { position: relative; width: 100%; height: 100vh; overflow: hidden; //scroll-margin-top: 80px; /* Adjust this value based on your header height */ } .hero-video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .hero-video-container .plyr { width: 100%; height: 100%; } .hero-video-container .plyr__video-wrapper { height: 100%; padding-bottom: 0 !important; background: transparent !important; position: relative; z-index: 2; } .hero-video-container iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; width: 100vw; height: 56.25vw !important; min-height: 100%; min-width: 177.78vh; opacity: 1; transition: opacity 0.2s ease; } .hero-video-container .plyr--playing iframe { opacity: 1 !important; margin-left: 0 !important; } .rich-text .hero-banner iframe[src*="youtube"] { margin-left: 0 !important; margin-right: 0 !important; width: 100vw !important; height: 100vh !important; top: 0; left: 0; transform: unset !important; min-width: unset !important; } @media(max-width:992px){ .rich-text .hero-banner iframe[src*="youtube"]{ height: 100% !important; } .hero-banner{ height: 56.25vw !important; } } /* Show Plyr controls for hero - same styling as grid videos */ .hero-video-container .plyr__controls { display: none !important; /* Hidden by default */ opacity: 0 !important; transition: opacity 0.3s ease; pointer-events: none; } /* Show controls after overlay is hidden */ .hero-video-container.show-controls .plyr__controls { display: flex !important; opacity: 1 !important; pointer-events: auto !important; } /* Hero video control colors - match grid videos */ .hero-video-container .plyr__control svg { fill: var(--imaginePlyrButtonColor); } .hero-video-container .plyr__control:hover svg { fill: var(--imaginePlyrButtonColor); } .hero-video-container .plyr__control--overlaid { display: none !important; } .hero-video-container .plyr__poster { display: none !important; pointer-events: none !important; } /* Progress bar colors */ .hero-video-container .plyr__progress__buffer { color: var(--imaginePlyrButtonColor); } .hero-video-container .plyr--video .plyr__progress__buffer { background: var(--imaginePlyrButtonColor); } .hero-video-container input[type=range] { color: var(--imaginePlyrButtonColor); } .hero-video-container .plyr--full-ui input[type=range] { color: var(--imaginePlyrButtonColor); } /* Background poster image */ .plyr--video { background-image: url('https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/base-residential-site/Media/Images/Campaigns/Imagine/VideoPoster.webp'); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } /* Hero Overlay */ .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--imagineHeroOverlayColor); z-index: 2; display: flex; align-items: center; justify-content: center; pointer-events: none !important; } .hero-overlay * { pointer-events: auto !important; } .hero-overlay svg { margin-right: 10px; margin-left: -10px; } /* Hero Content */ .hero-content { text-align: center; color: white; padding: 0 20px; max-width: 850px; animation: fadeInUp 1s ease-out; } .hero-logo { width: 60px; height: auto; margin-bottom: 30px; filter: brightness(0) invert(1); justify-self: center; } .hero-title { line-height: 1.3; margin: 0 0 40px 0; letter-spacing: -0.5px; } .hero-cta { display: inline-flex; align-items: center; gap: 10px; background: var(--imagineHeroButtonBackground); color: white; border: none; padding: 16px 32px; border-radius: 10px; font-size: 16px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-decoration: none; margin-top:15px; } .hero-cta:hover { background: var(--imagineHeroButtonBackgroundHover); transform: translateY(-2px); // box-shadow: 0 8px 16px rgba(224, 120, 85, 0.3); color: white; } .hero-cta svg { width: 14px; height: 14px; } /* Ensure smooth scrolling */ html { scroll-behavior: smooth; } /* Mobile responsive */ @media (max-width: 992px) { main{ padding-top: var(--imagineMainPadding); } body .mirvac-split-copy p, body .mirvac-split-copy h1, body .mirvac-split-copy h2 { text-align: center !important; } .hero-banner { //scroll-margin-top: 0px; /* Smaller offset on mobile */ } .hero-title { font-size: var(--imagineHeroMobileHeadingFontSize) !important; line-height: 1.4; margin-bottom: 30px; } .hero-logo { width: 40px; margin-bottom: 20px; } .hero-cta { padding: 14px 28px; font-size: 12px; } } @media (max-width: 514px) { .hero-logo { margin-bottom: 0; } .hero-title { font-size: 18px; margin-bottom: 10px; } a.btn-imagine { width: 60%; } .hero-content { padding: 0 16px; } } @media (min-width: 2560px) { .hero-banner { //height: calc(56.25vw - 280px); } } /* ===== PLYR VIDEO GRID - Plyr Controls, No YouTube Branding ===== */ .imagine-section-grid .mirvac-split-inner { padding-top: 0; padding-bottom: 0; } .imagine-section-grid .plyr { height: auto; width: 100% !important; border-radius: 20px !important; overflow: hidden !important; background: transparent !important; } .imagine-section-grid .plyr__control svg { fill: var(--imaginePlyrButtonColor); } .imagine-section-grid .plyr__control--overlaid { background: #fff !important; } .imagine-section-grid .plyr__control--overlaid:focus, .imagine-section-grid .plyr__control--overlaid:hover { background: #fff !important; } .imagine-section-grid .plyr__video-wrapper { background: transparent !important; } .imagine-section-grid .plyr__video-embed__container { padding-bottom: 0 !important; } .mirvac-split-video { position: relative; } .mirvac-split-video .plyr { width: 100%; margin-bottom: 25px; } .mirvac-split-video .plyr:not(.plyr--playing) .plyr__controls { opacity: 0; pointer-events: none; } .mirvac-split-video .plyr__control--overlaid { opacity: 1 !important; pointer-events: all !important; } button.plyr__control.plyr__control--overlaid svg { width: 35px !important; height: 35px !important; } .mirvac-split-video > .plyr > button.plyr__control { width: 76px; height: 76px; } .plyr__control--overlaid svg{ left: 10px !important; } .plyr__poster{ background-size: 101%; } /* Hide settings menu for grid videos */ .mirvac-split-video .plyr__menu, .mirvac-split-video .plyr__menu__container, .mirvac-split-video button[data-plyr="settings"], .mirvac-split-video .plyr__controls__item.plyr__menu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .mirvac-split-video .plyr__control:focus, .mirvac-split-video .plyr__control:focus-visible { outline: none !important; box-shadow: none !important; //background: transparent !important; } .mirvac-split-video button[data-plyr="settings"]:hover, .mirvac-split-video button[data-plyr="settings"]:focus { background: transparent !important; color: transparent !important; } /* Ensure smooth scrolling for entire page */ html { scroll-behavior: smooth; } /* Optional: Add padding to account for fixed header if you have one */ .hero-banner { //scroll-margin-top: 80px; /* Adjust if you have a fixed header */ } /* ===== OWL CAROUSEL ===== */ .owl-carousel .owl-item img { height: 500px !important; border-radius: 20px; } body .mk-carousel>div>.owl-carousel>.owl-nav>.owl-prev, body .mk-carousel>div>.owl-carousel>.owl-nav>.owl-prev:hover { background-image: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="rgb(255,255,255)" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="45" height="45" rx="22.5" stroke="white"/><path d="M26.167 10L27.5 11.4853L17.1661 23L27.5 34.5147L26.167 36L14.5 23L26.167 10Z" fill="rgba(210, 111, 78, 1)" stroke="rgba(210, 111, 78, 1)"/></svg>') !important; width: 46px; height: 46px; } body .mk-carousel>div>.owl-carousel>.owl-nav>.owl-next, body .mk-carousel>div>.owl-carousel>.owl-nav>.owl-next:hover { background-image: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="rgb(255,255,255)" xmlns="http://www.w3.org/2000/svg"><rect x="45.5" y="45.5" width="45" height="45" rx="22.5" transform="rotate(-180 45.5 45.5)" stroke="white"/><path d="M19.833 36L18.5 34.5147L28.8339 23L18.5 11.4853L19.833 10L31.5 23L19.833 36Z" fill="rgba(210, 111, 78, 1)" stroke="rgba(210, 111, 78, 1)"/></svg>') !important; width: 46px; height: 46px; transform: rotate(0deg); } .mk-carousel__slides .owl-stage-outer { left: 0; } .mk-carousel__slide-content{ padding-top:15px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } button.owl-prev { margin-left: 5px !important; } .mk-carousel .owl-nav .owl-next span { display: none; } .mk-carousel .owl-nav .owl-prev span { display: none; } @media (min-width: 768px) { .mk-carousel .owl-nav .owl-next { position: absolute; right: 5%; top: 40%; } } @media (min-width: 768px) { .mk-carousel .owl-nav .owl-prev { position: absolute; left: 5%; top: 40%; } } .owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; //background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*=owl-]:hover{ background: unset; } /* ===== SOCIAL ICONS ===== */ .social-icons a { margin: unset; padding-left: 15px !important; } .social-icons span { color: var(--imagineSection1PSocialColor); font-weight: 700; } .social-icons span.column-break { margin-left: 15px; color: #DDD; } .icon-group { align-content: center; position: relative; top: -4px; display:flex; } main a.facebook-icon:before, main a.youtube-icon:before, main a.instagram-icon:before, main a.linked-icon:before { //content: ""; background-repeat: no-repeat; display: block; height: 36px; width: 36px; } main a.facebook-icon:before { // background-image: url('/-/media/Project/Mirvac/Corporate/Main Site/Corporate Theme/images/Campaigns/Imagine/FacebookIcon.svg'); } main a.youtube-icon:before { //background-image: url('/-/media/Project/Mirvac/Corporate/Main Site/Corporate Theme/images/Campaigns/Imagine/YoutubeIcon.svg'); } main a.instagram-icon:before { //background-image: url('/-/media/Project/Mirvac/Corporate/Main Site/Corporate Theme/images/Campaigns/Imagine/InstagramIcon.svg'); } main a.linked-icon:before { // background-image: url('/-/media/Project/Mirvac/Corporate/Main Site/Corporate Theme/images/Campaigns/Imagine/LinkedIcon.svg'); } /* ===== HORIZONTAL RULES ===== */ hr { margin: 0; border-top: 1px solid #DDD; } /* ===== ANIMATIONS ===== */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* ===== FEATURED CONTENT ===== */ .featured-content-tiles .card__description { font-size: 0.95em; } .featured__description { -webkit-line-clamp: 12 !important; } .hero-carousel .btn { border-radius: 10px; padding: 10px 50px; } .hero-banner-one { height: 100vh; width: 100vw; margin-left: -20px; position: relative; } .hero-banner-one__overlay-wrapper h1 { line-height: 1em; font-size: 4em; font-family: var(--secondaryFont); color: #ffffff !important; } .hero-banner-one__overlay-wrapper p { color: rgba(255, 255, 255, 0.75); } .hero-banner-one iframe { min-height: 100%; } /* ===== RESPONSIVE - EXTRA LARGE SCREENS ===== */ @media (min-width: 2560px) { .hero-banner { // height: calc(56.25vw - 280px); } } /* ===== RESPONSIVE - DESKTOP (1550px+) ===== */ @media (min-width: 1550px) { .imagine-section-1 .mirvac-split-copy, .imagine-section-2 .mirvac-split-copy { width: 100%; } .imagine-section-1 .mirvac-split-copy { margin-left: auto; margin-right: auto; } .mirvac-split-copy a.btn-imagine { margin-top: 15px; } .imagine-section-1 img { float: left; width: 100%; bottom: -80px; position: relative; } .imagine-section-1 .mirvac-split-inner { padding-top: 0; padding-bottom: 0; } } /* ===== RESPONSIVE - LARGE DESKTOP (993px - 1549px) ===== */ @media (min-width: 993px) and (max-width: 1549px) { .mk-container-maxwidth { max-width: 1550px; } .imagine-section-1 .mirvac-split-video img { margin-bottom: -200px; width: 100%; } .imagine-section-1 .mirvac-split-copy { margin-bottom: -65px; } .imagine-section-2 .mirvac-split-copy { margin-top: 15px !important; } .imagine-section-2 a.btn-imagine { margin-top: 15px; } .imagine-section-2 img { width: 100%; display: flex; justify-items: center; align-items: center; } .mirvac-split-section.imagine-section-1 { margin-top: -60px; } .mirvac-split-video { text-align: unset; } ul.mk-carousel__slides.owl-carousel.owl-theme { padding-left: 0; } .mk-carousel { padding: 50px 0; } } /* ===== RESPONSIVE - DESKTOP (993px+) ===== */ @media (min-width: 993px) { .hero-carousel { height: 1100px; max-height: 1100px; } .hero-banner-one { height: 100vh; } .mk-content-block--text-center { width: 100%; padding-top: 25px; text-align: center; } .mk-content-block--text-center p { padding-block: 1rem; } .mk-carousel { padding: 50px 0; padding-bottom: 50px; max-width: 1550px; margin: 0 auto; } ul.mk-carousel__slides.owl-carousel.owl-theme { padding-left: 0; } .mk-carousel .owl-nav .owl-prev { left: 0; } .mk-carousel .owl-nav .owl-next { right: 0; } .imagine-section-grid .mirvac-split-inner { gap: 25px; } hr { max-width: 1550px; display: flex; margin: 0 auto; margin-bottom: 25px; } .social-icons { display: flex; } .mirvac-split-video p { text-align: left !important; } } /* ===== RESPONSIVE - TABLET (768px - 1551px) ===== */ @media (min-width: 768px) and (max-width: 1551px) { .component.rich-text.animate-in { background-size: cover; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; float: none; overflow: hidden; transform: none !important; } .mirvac-split-inner { padding-bottom: 130px; padding-top: 65px; } } /* ===== RESPONSIVE - TABLET (769px+) ===== */ @media (min-width: 769px) { .featured-content-tiles { padding: 20px 0; } } /* ===== RESPONSIVE - MOBILE (max 992px) ===== */ @media (max-width: 992px) { p, h2, a { text-align: center !important; text-transform: unset !important; } .mirvac-split-inner { grid-template-columns: 1fr; } .mirvac-split-copy { padding: 5px 20px; } .mirvac-split-copy h2 { font-size: 26px; } a.btn-imagine { width: 70%; place-self: center; } .mk-content-block--text-center a.btn-imagine, .mk-content-block--text-center a.btn-white { width: 100%; place-self: center; margin-top: 15px; } .mk-carousel { padding: 0 20px; padding-top: 40px; } .mk-container-maxwidth { padding-top: 60px; padding-inline: unset; padding-bottom: 0; } .mirvac-split-copy a.btn-imagine { margin-top: 30px; margin-bottom: 40px; } ul.mk-carousel__slides.owl-carousel.owl-theme { margin-bottom: -10px !important; padding-left: 0; } .mirvac-split-section.imagine-section-1:before { background-repeat: no-repeat; background-size: cover; background-position: 75%; } .imagine-section-2 .mirvac-split-copy { order: 1; } .imagine-section-2 .mirvac-split-video { order: 2; display: flex; justify-content: center; align-content: center; flex-wrap: wrap; } .imagine-section-1 .mirvac-split-inner { padding-bottom: 0; margin-bottom: -65px; } .imagine-section-2 img { width: 95%; padding-left: 15px; } .owl-carousel .owl-item img { height: 240px !important; } .mk-content-block--text-center { padding: 0 20px; } .mk-content-block--text-center p { padding-top: 0; margin-bottom: 0; } .mk-carousel .owl-nav .owl-prev, .mk-carousel .owl-nav .owl-next, body .mk-carousel>div>.owl-carousel>.owl-nav>.owl-next:hover, body .mk-carousel>div>.owl-carousel>.owl-nav>.owl-prev:hover { // background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 46 46" fill="rgb(255,255,255)" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="45" height="45" rx="22.5" stroke="white"/><path d="M26.167 10L27.5 11.4853L17.1661 23L27.5 34.5147L26.167 36L14.5 23L26.167 10Z" fill="rgba(210, 111, 78, 1)" stroke="rgba(210, 111, 78, 1)"/></svg>') !important; background-repeat: no-repeat !important; position: absolute; top: 38%; // height: 30px; //width: 30px; } .mk-carousel .owl-nav .owl-prev { left: 0; } .mk-carousel .owl-nav .owl-next { right: 0; background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 46 46" fill="rgb(255,255,255)" xmlns="http://www.w3.org/2000/svg"><rect x="45.5" y="45.5" width="45" height="45" rx="22.5" transform="rotate(-180 45.5 45.5)" stroke="white"/><path d="M19.833 36L18.5 34.5147L28.8339 23L18.5 11.4853L19.833 10L31.5 23L19.833 36Z" fill="rgba(210, 111, 78, 1)" stroke="rgba(210, 111, 78, 1)"/></svg>') !important; } .owl-theme .owl-nav { margin-top: 65px; } .imagine-section-grid { padding: 65px 20px; } hr { margin: 0 20px; } .hero-title { font-size: 28px; line-height: 1.4; margin-bottom: 30px; } .hero-logo { width: 50px; margin-bottom: 20px; } .hero-cta { padding: 14px 28px; font-size: 15px; } .social-icons span.column-break { display: none; } .icon-group { display: flex; height: 60px; justify-self: center; } a.instagram-icon { margin-left: -5px; } .mirvac-split-copy .social-icons p { margin-bottom: 0; } } /* ===== RESPONSIVE - SMALL MOBILE (max 514px) ===== */ @media (max-width: 514px) { .hero-logo { margin-bottom: 0; } .hero-title { font-size: 18px; margin-bottom: 10px; } a.btn-imagine { width: 60%; } .hero-content { padding: 0 16px; } .mirvac-split-video { padding-bottom: 10px; } } #content ul { padding-left: 0; } /* ===== DISCOVER MORE SECTION ===== */ .mirvac-discover-section { background-color: #ffffff; padding-bottom: 120px; padding-top: 50px; } .mirvac-discover-container { max-width: 1550px; margin: 0 auto; } @media (min-width: 993px) and (max-width: 1551px) { .mirvac-discover-container { padding: 0 45px; } } .mirvac-discover-container h2 { text-align: center; font-size: var(--imagineHeading2Size); font-weight: var(--imagineHeading2FontWeight); color: var(--imagineDiscoverHeading2Color); margin-bottom: 50px; text-transform: none; } .mirvac-discover-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .mirvac-discover-card { border-radius: 12px; text-align: left; text-decoration: none; transition: background-color 0.3s ease; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; min-height: 100px; height: 100px; text-decoration: none !important; padding-left: 45px; } .mirvac-discover-container hr { margin-top: 100px; } /* Card background colors with variable opacity */ .mirvac-discover-card:nth-child(1) { background-color: var(--imagineDiscoverCard1Bg); } .mirvac-discover-card:nth-child(2) { background-color: var(--imagineDiscoverCard2Bg); } .mirvac-discover-card:nth-child(3) { background-color: var(--imagineDiscoverCard3Bg); } .mirvac-discover-card:nth-child(4) { background-color: var(--imagineDiscoverCard4Bg); } .mirvac-discover-card:nth-child(5) { background-color: var(--imagineDiscoverCard5Bg); } .mirvac-discover-card:nth-child(6) { background-color: var(--imagineDiscoverCard6Bg); } /* Hover states */ .mirvac-discover-card:nth-child(1):hover { background-color: var(--imagineDiscoverCard1BgHover); } .mirvac-discover-card:nth-child(2):hover { background-color: var(--imagineDiscoverCard2BgHover); } .mirvac-discover-card:nth-child(3):hover { background-color: var(--imagineDiscoverCard3BgHover); } .mirvac-discover-card:nth-child(4):hover { background-color: var(--imagineDiscoverCard4BgHover); } .mirvac-discover-card:nth-child(5):hover { background-color: var(--imagineDiscoverCard5BgHover); } .mirvac-discover-card:nth-child(6):hover { background-color: var(--imagineDiscoverCard6BgHover); } .mirvac-discover-icon { display: flex; align-items: center; justify-content: center; width: 75px; flex-shrink: 0; } .mirvac-discover-icon img { width: auto; height: auto; max-width: 75px; } .mirvac-discover-card h3 { font-size: 16px; font-weight: var(--imagineDiscoverH3FontWeight) !important; color: var(--imagineDiscoverH3Color) !important; margin: 0; text-transform: none; letter-spacing: inherit; margin-left: 25px; } /* Tablet */ @media (max-width: 992px) { .mirvac-discover-section { padding: 65px 20px; } .mirvac-discover-container h2 { font-size: 28px; margin-bottom: 40px; } .mirvac-discover-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; } .mirvac-discover-card { min-height: 100px; height: 100px; padding-left: 25px; } .mirvac-discover-icon { width: 60px; } .mirvac-discover-icon img { max-width: 60px; } .mirvac-discover-card h3 { font-size: 15px; margin-left: 20px; } } /* Mobile */ @media (max-width: 576px) { .mirvac-discover-container h2 { font-size: 24px; margin-bottom: 30px; } .mirvac-discover-grid { grid-template-columns: 1fr; gap: 12px; } .mirvac-discover-card { min-height: 100px; height: 100px; padding-left: 20px; } .mirvac-discover-icon { width: 50px; } .mirvac-discover-icon img { max-width: 50px; } .mirvac-discover-card h3 { font-size: 14px; margin-left: 15px; } } </style> <style> :root{ --imagineMainPadding: 104px; /* Ignore for now - If Site has two tier navigation, set to 104px */ //--h2headingColor: #000000; --imagineParagraphSize: 16px; --imagineHeading2Size: 36px; --imagineHeading2FontWeight: 500 !important; /* Social Icons Color */ --imagineSocialFill: #E61E3F; /* SECTION OVERLAY COLOURS */ /* These have to be rgba values, convert online using a hex to rgba if required */ --section1bgcolor: rgba(250, 244, 238, 0.8); --section2bgcolor: rgba(255, 229, 227, 0.85); /* BUTTON */ --imagineButtonFont: #fff; --imagineButtonBackground: #E61E3F; --imagineButtonFontHover: #fff; --imagineButtonBackgroundHover: #E61E3F; /* HERO BANNER */ --imagineHeroOverlayColor: rgba(0, 0, 0, 0.4); --imagineHeroHeadingFontSize: 36px; --imagineHeroMobileHeadingFontSize: 16px; --imagineHeroHeadingColor: #fff; --imagineHeroHeadingFontWeight: 400; --imagineHeroButtonBackground: #E61E3F; --imagineHeroButtonBackgroundHover: #E61E3F; /* SECTION 1 */ --imagineSection1Heading2Color: #4E4F51; --imagineSection1ParagraphColor: #4E4F51; --imagineSection1PSocialColor: #4E4F51; /* SECTION 2 */ --imagineSection2Heading2Color: #000; --imagineSection2ParagraphColor: #000; --imagineAltPargraphSize: 20px; --imagineAltPargraphColor: #000; /* CAROUSEL */ --imagineCarouselHeading2Color: #2c2829; --imagineCarouselParagraphColor: #3C3B3E; --imagineCarouselCaptionSize: 16px; --imagineCarouselCaptionColor: #00103F; --imagineCarouselCaptionFontWeight: 300; /* VIDEO GRID */ --imagineGridCaptionHeading2Color: #2c2829; --imagineGridCaptionColor: #4E4F51; --imagineGridCaptionFontWeight: 300; /* PLYR */ --imaginePlyrButtonColor: #2c2829; /* DISCOVER SECTION */ --imagineDiscoverHeading2Color: #2c2829; --imagineDiscoverH3Color: #00103F; --imagineDiscoverH3FontWeight: 500 !important; /* DISCOVER SECTION */ --imagineDiscoverHeading2Color: #2c2829; --imagineDiscoverH3Color: #00103F; --imagineDiscoverH3FontWeight: 500 !important; /* Discover Card 1 - Residential (Green) */ --imagineDiscoverCard1Bg: rgba(133, 169, 136, 0.15); --imagineDiscoverCard1BgHover: rgba(133, 169, 136, 0.4); /* Discover Card 2 - Build to Rent (Blue) */ --imagineDiscoverCard2Bg: rgba(123, 185, 199, 0.15); --imagineDiscoverCard2BgHover: rgba(123, 185, 199, 0.4); /* Discover Card 3 - Office (Orange) */ --imagineDiscoverCard3Bg: rgba(210, 111, 78, 0.15); --imagineDiscoverCard3BgHover: rgba(210, 111, 78, 0.4); /* Discover Card 4 - Retail (Beige) */ --imagineDiscoverCard4Bg: rgba(238, 237, 231, 0.7); --imagineDiscoverCard4BgHover: rgba(238, 237, 231, 0.9); /* Discover Card 5 - Industrial (Yellow) */ --imagineDiscoverCard5Bg: rgba(232, 194, 81, 0.15); --imagineDiscoverCard5BgHover: rgba(232, 194, 81, 0.4); /* Discover Card 6 - Funds Management (Grey) */ --imagineDiscoverCard6Bg: rgba(144, 154, 169, 0.15); --imagineDiscoverCard6BgHover: rgba(144, 154, 169, 0.4); </style> <style> @charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} </style>