.interactivehero .carousel-indicators div::after{display:none}
.interactivehero .carousel:not(.not-carousel) .carousel-i:not(.active){display:none}
.interactivehero .carousel-indicators li::after,.interactivehero .carousel-indicators a::after{display:none}
.interactivehero button:focus{outline:0 !important}
.interactivehero .text-brand{cursor:pointer}
@-webkit-keyframes animateIcon{0{padding:0}
50%{padding:1%;box-shadow:5px 5px 5px 3px rgba(0,0,0,0.2)}
100%{padding:2%;box-shadow:5px 5px 5px 3px rgba(0,0,0,0.2)}
}
html:not([dir=rtl]) .interactivehero .carousel-control-prev{left:15px}
html:not([dir=rtl]) .interactivehero .carousel-control-next{right:15px}
html[dir=rtl] interactivehero .carousel-control-next{left:15px}
html[dir=rtl] interactivehero .carousel-control-next{right:15px}
.interactivehero .window-highlight .img-fluid{position:absolute;top:-15px}
@media screen and (min-width:1700px){.interactivehero .is-carousel .card-foreground{margin-top:16%}
.interactivehero .not-carousel .card-foreground{margin-top:40px}
.interactivehero .carousel-indicators{padding:0 5%;justify-content:start !important;bottom:35%}
.interactivehero .carousel-indicators{margin:0 auto;max-width:1600px;padding:0 5%;width:90%;box-sizing:content-box}
html[dir=rtl] .interactivehero .carousel-indicators{padding-right:59%;width:auto !important}
}
@media screen and (min-width:1400px) and (max-width:1699px){.interactivehero .is-carousel .card-foreground{margin-top:237px}
.interactivehero .not-carousel .card-foreground{margin-top:40px}
.interactivehero .carousel-indicators{padding:0 5%;justify-content:start !important;bottom:18%}
.interactivehero .carousel-indicators{max-width:1600px;margin:0 auto;padding:0 5%;width:90%;box-sizing:content-box}
html[dir=rtl] .interactivehero .carousel-indicators{padding-right:59%;width:auto !important}
}
@media screen and (min-width:1084px) and (max-width:1399px){.interactivehero .is-carousel .card-foreground{margin-top:170px}
.interactivehero .carousel-indicators{padding:0 5%;justify-content:start !important;bottom:12%}
html[dir=rtl] .interactivehero .carousel-indicators{padding-right:59%;width:auto !important}
.interactivehero .not-carousel .display-4,.interactivehero .not-carousel .display-3{font-size:52px !important;line-height:62px !important}
.interactivehero .not-carousel .display-4 ~ .tab-pivot-description,.interactivehero .not-carousel .display-3 ~ .tab-pivot-description{font-size:20px !important;line-height:30px !important}
.interactivehero .not-carousel .display-4 ~ .link-group,.interactivehero .not-carousel .display-3 ~ .link-group{font-size:16px !important}
.interactivehero .not-carousel .card-body h1.display-2{font-size:44px;line-height:54px}
.interactivehero .not-carousel .window-business.card-foreground .display-4{font-size:88px !important;line-height:100px !important;padding-bottom:4rem !important}
}
@media screen and (max-width:1083px){.interactivehero .mobile-vertical-center .card-foreground .vertical-center{align-items:center}
.interactivehero .mobile-vertical-center .card-foreground,.interactivehero .mobile-vertical-center .card-foreground .container,.interactivehero .mobile-vertical-center .card-foreground .row{height:100% !important}
html[dir=rtl] .interactivehero .mobile-vertical-center .not-carousel .card-body{text-align:right;width:80%}
html:not([dir=rtl]) .interactivehero .mobile-vertical-center .not-carousel .card-body{text-align:left;width:80%}
.interactivehero .mobile-vertical-center .not-carousel .interactive-hero-inner-card,.interactivehero .mobile-vertical-center .not-carousel .vertical-center{margin:0 !important;padding-left:5%;padding-right:5%}
.interactivehero .carousel-inner .card-foreground .row.justify-content-end{justify-content:flex-start !important}
.interactivehero .card-foreground:not(.window-business){position:absolute;top:6%;text-align:center;width:100%}
.interactivehero .carousel-indicators{justify-content:center}
html:not([dir=rtl]) .interactivehero .carousel-control-prev{left:20px}
html:not([dir=rtl]) .interactivehero .carousel-control-next{right:20px}
html[dir=rtl] interactivehero .carousel-control-next{left:20px}
html[dir=rtl] interactivehero .carousel-control-next{right:20px}
.interactivehero .window-business.card-foreground{padding:1.5rem .75rem .75rem .75rem}
.interactivehero .window-business.card-foreground .display-4{font-size:37px !important;line-height:44px !important;padding:38px 0 6px !important}
.interactivehero .not-carousel .window-business.card-foreground:not(.window-highlight) .card-body.left{text-align:left !important;padding:0 4%}
.interactivehero .not-carousel .window-business.card-foreground .card-body.right{text-align:right !important;padding:0 4%}
.interactivehero .not-carousel .window-business.card-foreground .card-body.center{text-align:center !important;padding:0 4%}
.interactivehero.text-center-lg .justify-content-center .card-body.center{text-align:center !important;padding:0 4%}
.interactivehero .window-highlight.window-business{transform:translatey(0) !important}
.interactivehero .card-foreground.window-highlight{top:50%;transform:translatey(-50%)}
.interactivehero .window-business.card-foreground .justify-content-start .offset-sm-2.col-lg-5,.interactivehero .window-business.card-foreground .justify-content-end .offset-sm-2.col-lg-5{flex:0 0 100%;max-width:100%;margin:0 !important;padding:0 !important}
.interactivehero .window-business.card-foreground .justify-content-start .offset-sm-2.col-lg-5 .card-body,.interactivehero .window-business.card-foreground .justify-content-end .offset-sm-2.col-lg-5 .card-body{width:100%}
.interactivehero .window-business.card-foreground .interactive-hero-inner-card{padding:0 !important}
.interactivehero .window-highlight .card-body{padding:48px 0}
.interactivehero .window-highlight .img-fluid{position:absolute;top:30px !important}
.interactivehero .window-highlight.window-business .interactive-hero-inner-card .card-body.center .img-fluid,.interactivehero .window-highlight .interactive-hero-inner-card .card-body.right .img-fluid{position:absolute;top:-10px !important}
.interactivehero .window-highlight.window-business .interactive-hero-inner-card .card-body.center .img-fluid{margin-left:-30px}
html[dir="rtl"] .interactivehero .window-highlight.window-business .interactive-hero-inner-card .card-body.center .img-fluid{margin-right:-30px}
.interactivehero .window-highlight.window-business .interactive-hero-inner-card .card-body.right .img-fluid{margin-left:-60px}
.interactivehero .window-business.window-highlight .interactive-hero-inner-card .card-body.center .link-group .btn,.interactivehero .window-highlight .interactive-hero-inner-card .card-body.center .link-group a .interactivehero .window-business .interactive-hero-inner-card .card-body.center .link-group .btn,.interactivehero .window-business .interactive-hero-inner-card .card-body.center .link-group a{margin-right:.75rem;margin-left:.75rem}
.interactivehero .window-business.window-highlight .interactive-hero-inner-card .card-body.right .link-group .btn,.interactivehero .window-highlight .interactive-hero-inner-card .card-body.right .link-group a,.interactivehero .window-business .interactive-hero-inner-card .card-body.right .link-group .btn,.interactivehero .window-business .interactive-hero-inner-card .card-body.right .link-group a{margin-right:0rem;margin-left:.75rem}
}
@media screen and (max-width:1083px) and (min-width:768px){.interactivehero .not-carousel .card-body .display-4,.interactivehero .not-carousel .card-body .display-3{font-size:50px;line-height:60px;padding-top:10%}
.interactivehero .not-carousel .card-body .display-4 ~ .tab-pivot-description,.interactivehero .not-carousel .card-body .display-3 ~ .tab-pivot-description{font-size:20px;line-height:30px;padding-top:20px}
.interactivehero .not-carousel .display-3 ~ .link-group,.interactivehero .not-carousel .display-4 ~ .link-group{font-size:16px !important}
.interactivehero .not-carousel .card-body h1.display-2{font-size:46px;line-height:56px}
.interactivehero .not-carousel .card-body h1.display-2 ~ .tab-pivot-description{font-size:22px;line-height:26px}
html[dir=rtl] .interactivehero .window-highlight.card-foreground .justify-content-end{justify-content:start !important}
html[dir=rtl] .interactivehero .window-highlight.card-foreground .justify-content-start{justify-content:end !important}
.interactivehero .window-business .window-highlight .card-body{width:85% !important;margin:0 auto}
}
@media screen and (min-width:1600px){.interactivehero .not-carousel .carousel-inner card-foreground:not(.window-business) .container{margin-left:0 !important}
}
@media screen and (max-width:767px){.interactivehero .not-carousel .card-body.center{text-align:center !important}
.interactivehero .not-carousel .card-body{text-align:left}
.interactivehero .not-carousel .card-body .display-3{font-size:2.3125rem}
.interactivehero .not-carousel .card-body h1.display-2,.interactivehero .not-carousel .card-body h1.display-2 ~ .tab-pivot-description{text-align:center}
.interactivehero .not-carousel .card-body h1.display-2 ~ .tab-pivot-description{font-size:16px;line-height:20px}
.interactivehero .window-business.card-foreground .hero-video-badge{font-size:24px}
.interactivehero .card-foreground.window-highlight{position:relative !important;top:auto;transform:translate(0)}
.interactivehero .window-highlight .card.material-color-dark,.interactivehero .window-highlight .card.material-color-light{width:100% !important;max-width:100% !important}
.interactivehero .window-highlight .card.material-color-dark .card-body,.interactivehero .window-highlight .card.material-color-light .card-body{width:100% !important}
.interactivehero .window-highlight>div>.row>div{padding:0 !important}
.interactivehero .window-highlight .material-md-card.text-center .card-body{text-align:center}
.interactivehero .window-highlight .material-md-card.text-left .card-body{text-align:Left}
html[dir=rtl] .interactivehero .window-highlight .material-md-card.text-left .card-body{text-align:right}
.interactivehero .window-highlight .material-md-card.text-right .card-body{text-align:right}
.interactivehero .window-business{padding-left:0;padding-right:0}
.interactivehero .window-business.card-foreground .justify-content-center .offset-sm-2.col-lg-5{padding:0 !important}
.interactivehero .window-highlight .interactive-hero-inner-card .card-body .display-4{font-size:34px !important;font-weight:600 !important;line-height:40px !important;padding:0 !important}
[dir="rtl"] .interactivehero .not-carousel .window-business.window-highlight .card-body:not(.center):not(.right){text-align:right}
}
@media screen and (max-width:767px){.interactivehero .window-business:not(.window-highlight) .card-body.center .link-group{display:flex;flex-direction:column;align-items:center}
.interactivehero .window-highlight .material-md-card.text-left .card-body{margin:0 auto;width:88%}
}
@media screen and (max-width:600px) and (min-width:401px){.interactivehero .not-carousel .card-foreground{top:1%}
.interactivehero .not-carousel .card-body .display-3{font-size:32px;line-height:40px;margin-bottom:0}
.interactivehero .not-carousel .card-body .display-4{margin-bottom:5px;padding-top:30px}
.interactivehero .not-carousel .card-body .display-3 ~ .link-group a{margin-top:.5rem !important;margin-bottom:.5rem !important}
.interactivehero .not-carousel .card-body .display-3 ~ .tab-pivot-description,.interactivehero .not-carousel .card-body .display-3 ~ .link-group{font-size:13px;margin-bottom:0 !important}
.interactivehero .not-carousel .card-body .display-3 ~ .tab-pivot-description p,.interactivehero .not-carousel .card-body .display-4 ~ .tab-pivot-description p{margin-bottom:.5rem}
}
@media screen and (max-width:400px){.interactivehero .not-carousel .card-body .display-4{font-size:34px;line-height:34px;margin-bottom:.5rem;padding-top:20px}
.interactivehero .not-carousel .card-body .display-3{font-size:27px;line-height:28px;margin-bottom:0}
.interactivehero .not-carousel .card-body .display-4 ~ .tab-pivot-description,.interactivehero .not-carousel .card-body .display-4 ~ .link-group,.interactivehero .not-carousel .card-body .display-3 ~ .tab-pivot-description,.interactivehero .not-carousel .card-body .display-3 ~ .link-group{font-size:13px;margin-bottom:0 !important}
.interactivehero .not-carousel .card-body .display-3 ~ .link-group a{margin-top:.5rem !important;margin-bottom:.5rem !important}
.interactivehero .not-carousel .card-body .tab-pivot-description{margin-bottom:0 !important}
.interactivehero .not-carousel .card-body .link-group a{margin-right:0 !important}
html[dir=rtl] .not-carousel .interactivehero .card-body .link-group a{margin-left:0 !important}
.interactivehero .not-carousel .card-foreground{top:1%}
.interactivehero .not-carousel .card-body .display-3 ~ .tab-pivot-description p,.interactivehero .not-carousel .card-body .display-4 ~ .tab-pivot-description p{margin-bottom:.5rem}
}
@media screen and (min-width:1400px){.interactivehero .not-carousel .display-4{line-height:100px !important;font-size:90px !important}
.interactivehero .not-carousel .display-4 ~ .tab-pivot-description{font-size:26px !important;line-height:36px !important}
.interactivehero .not-carousel .display-4 ~ .link-group{font-size:20px !important}
.interactivehero .not-carousel .display-3{line-height:62px !important;font-size:52px !important}
.interactivehero .not-carousel .display-3 ~ .tab-pivot-description{font-size:20px !important;line-height:30px !important}
.interactivehero .not-carousel .display-3 ~ .link-group{font-size:16px !important}
.interactivehero .not-carousel .card-body h1.display-2{font-size:54px;line-height:66px}
.interactivehero .window-business.card-foreground .justify-content-center .display-4{font-size:105px !important;line-height:124px !important;padding-bottom:4rem !important}
}
@media screen and (min-width:1901px){.interactivehero .not-carousel .display-3 ~ .link-group{font-size:20px !important}
.interactivehero .not-carousel .display-3 ~ .tab-pivot-description{font-size:26px !important;line-height:36px !important}
.interactivehero .not-carousel .display-3{line-height:100px !important;font-size:90px !important}
.interactivehero .window-highlight .card.material-color-dark .card-body,.interactivehero .window-highlight .card.material-color-light .card-body{padding:15%}
.interactivehero .not-carousel .card-foreground:not(.window-business):not(.window-highlight) .container.full-bleed{max-width:inherit;width:90%}
.interactivehero .not-carousel .card-foreground:not(.window-business):not(.window-highlight) .container.full-bleed>div>div{padding-left:5%;padding-right:5%}
}
@media screen and (max-width:900px) and (min-width:768px){.interactivehero .not-carousel .card-body .display-3{padding-top:0 !important}
}
@media screen and (min-width:768px){.interactivehero .window-highlight .card.material-color-light .card-body{padding:60px 20px}
.interactivehero .is-carousel .card-body .h1{font-size:44px !important;line-height:54px !important}
.interactivehero .is-carousel .card-body .h1 ~ .tab-pivot-description{font-size:22px;padding-top:10px;line-height:26px;padding-bottom:12px}
.interactivehero .window-highlight .interactive-hero-inner-card .card-body .display-4{font-size:62px !important;font-weight:600 !important;line-height:72px !important;padding:0 !important}
}
@media only screen and (min-width:1084px){html[dir=rtl] .interactivehero .window-business.window-highlight .material-md-card.text-left{display:flex;align-items:flex-end}
.interactivehero .not-carousel .card-body h1.display-2 ~ .tab-pivot-description{font-size:22px;line-height:26px}
.interactivehero .window-business.card-foreground .hero-video-badge{font-size:34px;font-weight:600}
.interactivehero .window-business.card-foreground .justify-content-start .offset-sm-2.col-lg-5,.interactivehero .window-business.card-foreground .justify-content-end .offset-sm-2.col-lg-5{max-width:345px !important}
html[dir=rtl] .interactivehero .window-business.card-foreground .justify-content-end,html[dir=rtl] .interactivehero .window-highlight.card-foreground .justify-content-end{justify-content:start !important}
html[dir=rtl] .interactivehero .window-business.card-foreground .justify-content-start,html[dir=rtl] .interactivehero .window-highlight.card-foreground .justify-content-start{justify-content:end !important}
.interactivehero .window-highlight.large-content .interactive-hero-inner-card .card-body{width:40%}
.interactivehero .window-highlight.medium-content .interactive-hero-inner-card .card-body{width:35%}
.interactivehero .window-highlight.small-content .interactive-hero-inner-card .card-body{width:30%}
.interactivehero.text-center-lg .justify-content-center .card-body{text-align:center}
}
@media only screen and (min-width:501px) and (max-width:767px){.interactivehero .not-carousel .card-body h1.display-2{font-size:45px}
}
@media only screen and (min-width:366px) and (max-width:500){.interactivehero .not-carousel .card-body h1.display-2{font-size:25px;line-height:34px}
}
@media only screen and (max-width:365px){.interactivehero .not-carousel .card-body h1.display-2 ~ .tab-pivot-description{font-size:13px;line-height:21px}
.interactivehero .not-carousel .card-body h1.display-2{font-size:20px;line-height:25px}
}
@media only screen and (min-width:315px) and (max-width:320px){.interactivehero .carousel-indicators{width:99%;padding-left:3px}
}
.interactivehero .carousel .card-body .h1 ~ .tab-pivot-description{font-weight:200}
.interactivehero .not-carousel .display-3,.interactivehero .not-carousel .display-3 ~ .tab-pivot-description,.interactivehero .not-carousel .display-3 ~ .link-group,.interactivehero .not-carousel .display-4,.interactivehero .not-carousel .display-4 ~ .tab-pivot-description,.interactivehero .not-carousel .display-4 ~ .link-group{font-weight:600}
.interactivehero.font-w-normal p{font-weight:normal !important}
.interactivehero .img-overlay img{object-fit:cover !important;object-position:50% 100%;font-family:'object-fit: cover; object-position: 50% 100%;';height:80px;width:80px !important}
.interactivehero .img-overlay{position:absolute;z-index:10;opacity:0}
.interactivehero .img-base img{object-fit:cover;object-position:50% 0;font-family:'object-fit: cover; object-position: 50% 0%;';height:80px;width:80px}
.fade-in-img{animation:fade-in 1s .01s forwards}
.fade-out-img{animation:fade-out 1s .01s forwards}
@keyframes fade-out{from{opacity:1}
to{opacity:0}
}
@keyframes fade-in{from{opacity:0}
to{opacity:1}
}
.interactivehero .carousel-control-next::after,.interactivehero .carousel-control-prev::after{font-size:15px !important}
.interactivehero .carousel-control-prev:hover,.interactivehero .carousel-control-next:hover{cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.2);background:#fff}
.interactivehero .carousel-control-prev:not(:disabled):hover::after,.interactivehero .carousel-control-next:not(:disabled):hover::after{transform:translate(0,0) !important}
.interactivehero .carousel-control-prev,.interactivehero .carousel-control-next{width:42px;height:42px;border-radius:50%;background:#fafafa;color:#404040;top:50%;transform:translateY(-50%);display:none}
.interactivehero:hover .carousel-control-prev,.interactivehero:hover .carousel-control-next{display:block}
.interactivehero .carousel-controls li:hover{cursor:pointer}
.interactivehero .carousel-indicators li div{align-items:center !important;display:flex !important}
.interactivehero .window-business.card-foreground .justify-content-center{text-align:center !important}
.interactivehero .window-business.card-foreground .justify-content-center .offset-sm-2.col-lg-5{margin-left:initial;max-width:100% !important;flex:0 0 100% !important}
html[dir=rtl] .interactivehero .window-business.card-foreground .justify-content-center .offset-sm-2.col-lg-5{margin-right:0 !important}
.interactivehero .window-business.card-foreground .justify-content-center .display-4{padding-top:1.5rem}
.interactivehero .window-highlight .card.material-color-dark,.interactivehero .window-highlight .card.material-color-light{width:20rem !important;max-width:20rem}
.interactivehero .window-highlight .card.material-color-dark .card-body,.interactivehero .window-highlight .card.material-color-light .card-body{display:flex;flex-direction:column;justify-content:center;width:20rem}
.interactivehero .window-highlight .material-color-dark .card-body,.interactivehero .window-highlight .material-color-light .card-body{padding:1.5rem}
.interactivehero .window-highlight .container.full-bleed{max-width:initial !important}
.interactivehero .bg-transparent-text-light.bg-transparent-text-dark{color:#000 !important}
.interactivehero .refresh-btn:focus{outline:3px dashed #000 !important;outline-offset:-.3rem !important}
@media screen and (max-width:1083px) and (min-width:900px){.interactivehero .not-carousel .card-body .badge+.display-4,.interactivehero .not-carousel .card-body .badge+.display-3{padding-top:0}
}
html[dir=rtl] .interactivehero .carousel-inner .interactive-hero-add-videoGlyph .interactive-hero-inner-card .link-group a.cta:first-child:after{margin-left:5px}
.interactivehero .carousel-inner .interactive-hero-add-videoGlyph .interactive-hero-inner-card .link-group{margin-left:1.2rem !important}
.interactivehero .carousel-inner .interactive-hero-add-videoGlyph.window-highlight .interactive-hero-inner-card .link-group,.interactivehero .carousel-inner .interactive-hero-add-videoGlyph.window-business .interactive-hero-inner-card .link-group{margin-left:0rem !important}
.interactivehero .carousel-inner .interactive-hero-add-videoGlyph .interactive-hero-inner-card .link-group a.cta:first-child:before{font-family:"MWF-FLUENT-ICONS";content:"";margin-left:auto;position:absolute;right:100%;top:2%;bottom:0;margin-right:4%}
.interactivehero .carousel-inner .interactive-hero-add-videoGlyph .interactive-hero-inner-card .link-group a.cta:first-child .glyph:before,.interactivehero .carousel-inner .interactive-hero-add-videoGlyph .interactive-hero-inner-card .link-group a.cta:first-child:after{font-family:"MWF-FLUENT-ICONS";content:""}
.interactivehero.text-center-lg .justify-content-center .card-foreground{padding-top:1.5rem !important}
.interactivehero .video-hero *,.video-hero *:before,.video-hero *:after{box-sizing:inherit}
.interactivehero .video-hero video{vertical-align:middle}
@keyframes fadeIn{0{opacity:0}
1%{opacity:0}
100%{opacity:1}
}
@keyframes fadeOut{0{opacity:1}
1%{opacity:1}
100%{opacity:0}
}
.interactivehero .video-hero [class^="m-"]{padding-left:5%;padding-right:5%;padding-top:48px}
.interactivehero .video-hero [class^="m-"].x-remove-padding{padding-left:0;padding-right:0}
@media only screen and (min-width:1084px){.interactivehero .video-hero [class^="m-"]{padding-left:0;padding-right:0}
}
.interactivehero .video-hero [class^="m-"] [class^="m-"]{padding-left:0;padding-right:0}
@media screen and (-ms-high-contrast:active){.interactivehero .video-hero [class^="m-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.video-hero [class^="m-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.video-hero [class^="m-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.video-hero [class*=" c-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.video-hero [class*=" c-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.video-hero [class*=" c-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled){-ms-high-contrast-adjust:none;color:HighlightText !important;outline-color:Highlight !important;border-color:Highlight !important;background:transparent !important}
.interactivehero .video-hero [class^="m-"]button:not(.c-select-button,.c-sequence-indicator):disabled,.video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):disabled,.video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):disabled,.video-hero [class*=" c-"]button:not(.c-select-button,.c-sequence-indicator):disabled{-ms-high-contrast-adjust:none;color:GrayText !important;outline-color:GrayText !important;border-color:GrayText !important;background:transparent !important}
.interactivehero .video-hero [class^="m-"]button:not(.c-select-button,.c-sequence-indicator):disabled:hover,.video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):disabled:hover,.video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):disabled:hover,.video-hero [class*=" c-"]button:not(.c-select-button,.c-sequence-indicator):disabled:hover{-ms-high-contrast-adjust:none;color:GrayText !important;outline-color:GrayText !important;border-color:GrayText !important;background:transparent !important}
.interactivehero .video-hero [class^="m-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus),.video-hero [class*=" m-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus),.video-hero [class^="c-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus),.video-hero [class*=" c-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus){outline:2px solid WindowText !important}
.interactivehero .video-hero [class^="m-"] input[type=search],.video-hero [class*=" m-"] input[type=search],.video-hero [class^="c-"] input[type=search],.video-hero [class*=" c-"] input[type=search]{color:windowText !important}
.interactivehero .video-hero [class^="m-"] input[type=search]:hover,.video-hero [class^="m-"] input[type=search]:active,.video-hero [class*=" m-"] input[type=search]:hover,.video-hero [class*=" m-"] input[type=search]:active,.video-hero [class^="c-"] input[type=search]:hover,.video-hero [class^="c-"] input[type=search]:active,.video-hero [class*=" c-"] input[type=search]:hover,.video-hero [class*=" c-"] input[type=search]:active{-ms-high-contrast-adjust:none;background-color:Window !important;border-color:Highlight !important;outline-color:Highlight !important}
.interactivehero .video-hero [class^="m-"] input[type=search]:focus,.video-hero [class*=" m-"] input[type=search]:focus,.video-hero [class^="c-"] input[type=search]:focus,.video-hero [class*=" c-"] input[type=search]:focus{-ms-high-contrast-adjust:none;background-color:Window !important;border-color:Highlight !important;outline-color:Highlight !important}
.interactivehero .video-hero .c-uhfh button,.video-hero .c-uhfh a{border-color:Window !important;outline-color:Window !important}
}
@media screen and (-ms-high-contrast:active),screen and (-ms-hight-contrast:white-on-black){.interactivehero .video-hero [class*="m-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.video-hero [class*="m-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.video-hero [class*="m-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.video-hero [class*="c-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.video-hero [class*="c-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.video-hero [class*="c-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled){color:HighlightText !important;background-color:Highlight !important}
}
.interactivehero .video-hero .m-ambient-video{padding:48px 0 0;margin:0;width:100%;min-width:320px;direction:ltr;position:relative;overflow:hidden}
.interactivehero .video-hero .m-ambient-video:before,.video-hero .m-ambient-video:after{content:" ";display:table}
.interactivehero .video-hero .m-ambient-video:after{clear:both}
.interactivehero .video-hero .m-ambient-video.f-lean{padding:0}
.interactivehero .video-hero .m-ambient-video video{display:block;width:100%;height:100%;background:0}
@keyframes moveInCopy{0{opacity:0;transform:translate3d(0,50px,0)}
100%{opacity:1;display:block;transform:translate3d(0,0,0)}
}
@keyframes moveInbottomCopy{0{opacity:0;transform:translate3d(0,50px,0)}
100%{opacity:1;display:block;transform:translate3d(0,0,0)}
}
@mixin positionfun($value){position:$value}
.interactivehero .video-hero video.video-hero-media{object-fit:cover}
@keyframes slide-up{0{opacity:0;transform:translate3d(0,50px,0)}
100%{opacity:1;display:block;transform:translate3d(0,0,0)}
}
.interactivehero .video-hero .refresh-btn{position:absolute;top:48px;left:48px;width:50px;height:50px;background-color:#e6e6e6;border-radius:50%;border:0}
@media only screen and (max-width:540px){.interactivehero .video-hero .refresh-btn{top:45px !important;width:34px;height:34px;font-size:smaller}
}
.interactivehero .video-hero .refresh-btn::before{font-family:"MWF-MDL2";color:#0067b8;content:"";font-weight:700;transform:rotate(0);width:16px;height:16px;left:8px;top:8px}
@media only screen and (max-width:390px){.interactivehero .video-hero{top:32px}
}
.interactivehero .video-content-animation .interactive-hero-inner-card.isFinished{animation:moveInCopy 1.5s .5s forwards !important}
.interactivehero .opacity-0{opacity:0}