.interactivehero-v2 .card-background .controls{left:70px;bottom:54px;z-index:1000} .interactivehero-v2 .controls:hover{outline:3px dotted #ffff;border-radius:20px;border:none !important} .interactivehero-v2 .card-background .controls .play-btn:focus,.interactivehero-v2 .card-background .controls .pause-btn:focus{outline:3px dotted #ffff !important;border-radius:20px !important;border:none !important} .interactivehero-v2 .card-background .controls .play-btn,.interactivehero-v2 .card-background .controls .pause-btn{width:40px;height:40px;border-radius:50px;text-decoration:none;border:1.5px solid transparent;background:linear-gradient(#e6f1fb,#e6f1fb) padding-box,linear-gradient(10deg,#0736c3 100%,#0167b8 20%) border-box} .interactivehero-v2 .card-background .controls .play-btn .glyph,.interactivehero-v2 .card-background .controls .pause-btn .glyph{font-size:16px;padding-left:0;position:relative;top:1.5px} @media screen and (max-width:1083.98px){.interactivehero-v2 .card-background .controls .play-btn,.interactivehero-v2 .card-background .controls .pause-btn{left:-19px;bottom:77px} .interactivehero-v2 .card-background .controls{left:24px;bottom:32px} } .interactivehero-v2 .video-content-animation .interactive-hero-inner-card.isFinished{animation:moveInCopy 1.5s .5s forwards !important} .interactivehero-v2 .opacity-0{opacity:0} @keyframes moveInCopy{0{opacity:0;transform:translate3d(0,50px,0)} 100%{opacity:1;display:block;transform:translate3d(0,0,0)} } .interactivehero-v2 .video-hero .refresh-btn{position:absolute;top:48px;left:48px;width:50px;height:50px;background-color:#e6e6e6;border-radius:50%;border:0;z-index:1000} .interactivehero-v2 .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:539.98px){.interactivehero-v2 .video-hero .refresh-btn{top:45px !important;width:34px;height:34px;font-size:smaller} } .interactivehero{margin-bottom:1%} .interactivehero-v2 .card-foreground .justify-content-center{text-align:center !important;padding-left:124px;padding-right:124px} .interactivehero-v2 .card-foreground.align-self-start.content-OnImage{padding-top:20px} .interactivehero-v2 .card-foreground.content-OnImage .justify-content-center .card{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important;padding-right:0 !important} .interactivehero-v2 .interactive-hero-carousel.not-carousel .card-foreground .display-4{font-size:88px !important;line-height:100px !important;padding-bottom:4rem !important} .interactivehero-v2 .card-foreground.align-self-center .interactive-hero-inner-card{padding-left:0;padding-right:0;padding-bottom:10px} .interactivehero-v2 .card-foreground.content-OnImage .interactive-hero-inner-card{padding-bottom:54px} .interactivehero .carousel-inner .interactive-hero-inner-card .link-group .btn{margin-right:1.5rem !important} .interactivehero .carousel-inner .interactive-hero-add-videoGlyph .interactive-hero-inner-card .link-group{margin-left:0 !important} .interactivehero-v2 .carousel-inner .interactive-hero-add-videoGlyph .interactive-hero-inner-card .link-group .cta:first:before{margin-left:1.2rem !important} .interactivehero-v2 .carousel-inner .interactive-hero-add-videoGlyph .interactive-hero-inner-card .link-group .cta:first:before .glyph{display:none} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-end{float:right} .interactivehero .carousel-control-next::after,.interactivehero .carousel-control-prev::after{font-size:15px !important} .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-v2 .interactivehero-icon-label.dark{color:#000} .interactivehero-v2 .interactivehero-icon-label.light{color:#fff} @media screen and (min-width:1700px){.interactivehero .carousel-indicators{padding:0 !important;justify-content:start !important;bottom:10% !important;width:100% !important;max-width:100% !important} } @media screen and (min-width:1400px) and (max-width:1699.98px){.interactivehero .carousel-indicators{padding:0 15% !important;bottom:0 !important;max-width:100% !important;width:100% !important} } @media screen and (min-width:1200px) and (max-width:1399.98px){.interactivehero .carousel-indicators{max-width:100% !important;bottom:0 !important;width:100% !important;padding:0 !important} } @media screen and (min-width:1084px) and (max-width:1199.98px){.interactivehero .carousel-indicators{max-width:100%;width:100%;padding:0 15%;justify-content:start !important;bottom:0} } @media screen and (min-width:1084px){.interactivehero .interactivehero-v2 .is-carousel .card-foreground{margin-top:0 !important} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-start{margin-left:13px !important} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-end.width-30,.interactive-hero-inner-card.justify-content-start.width-30{width:30%} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-end.width-35,.interactive-hero-inner-card.justify-content-start.width-35{width:35%} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-end.width-40,.interactive-hero-inner-card.justify-content-start.width-40{width:40%} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-end.width-45,.interactive-hero-inner-card.justify-content-start.width-45{width:45%} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-end.width-50,.interactive-hero-inner-card.justify-content-start.width-50{width:50%} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-end.width-55,.interactive-hero-inner-card.justify-content-start.width-55{width:55%} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-end.width-60,.interactive-hero-inner-card.justify-content-start.width-60{width:60%} } @media screen and (max-width:1083.98px){.interactivehero .card-foreground:not(.window-business){top:4%} .interactivehero-v2 .card-foreground .card-body.left{text-align:left !important} .interactivehero-v2 .card-foreground .card-body.right{text-align:right !important} .interactivehero-v2 .card-foreground .card-body.center{text-align:center !important} .interactivehero-v2 .card-foreground.align-self-start.content-OnImage{padding-top:0} .interactivehero-v2 .card-foreground.content-OnImage .card-body.center{text-align:center !important;padding-left:60px;padding-right:60px} .interactivehero-v2 .interactivehero-icon-label.card-light-background{color:#000 !important} .interactivehero-v2 .interactivehero-icon-label .card-light-background,.interactivehero-v2 .card-foreground .interactive-hero-inner-card .card-light-background{background:#fff !important;color:#000 !important} .interactivehero-v2 .interactivehero-icon-label.card-dark-background{color:#fff !important} .interactivehero-v2 .carousel-indicators.hasCarousel.card-dark-background,.interactivehero-v2 .card-foreground .interactive-hero-inner-card .card-dark-background{background:#000 !important;color:#fff !important} .interactivehero-v2 .interactive-hero-carousel.not-carousel .card-foreground .display-4{font-size:37px !important;line-height:44px !important;padding:38px 0 6px !important} .interactivehero-v2 .card-foreground.content-OnImage .interactive-hero-inner-card{text-align:center !important;padding-right:24px !important;padding-left:24px !important;padding-bottom:40px} .interactivehero-v2 .interactive-hero-carousel .card-foreground{position:relative} .interactive-hero-carousel .card-foreground.content-OnImage{position:absolute;bottom:0} .interactivehero-v2 .carousel-inner .card-foreground.content-OnImage{bottom:-25px} .interactivehero-v2 .card-foreground.justify-content-center{text-align:center !important;bottom:40px !important} .interactivehero-v2 .card-foreground .justify-content-center{text-align:center !important;padding-right:0 !important;padding-left:0 !important} .interactivehero-v2 .card-foreground.video-content-animation{padding-bottom:18px} .interactivehero-v2 .carousel-inner .card-foreground .interactive-hero-inner-card.justify-content-start{text-align:center !important;margin-left:0 !important} .interactivehero-v2 .carousel-indicators.hasCarousel{bottom:-109px} .interactivehero-v2 .card-foreground.vertical-top{align-self:start !important} .interactivehero-v2 .card-foreground.vertical-center{align-self:center !important} .interactivehero-v2 .card-foreground.vertical-bottom{align-self:end !important} .interactivehero-v2 .carousel-i.content-on-top{display:flex;flex-direction:column-reverse} } @media screen and (max-width:481.98px){.interactivehero-v2 .carousel-inner .card-foreground.content-OnImage{padding-top:0} } @media screen and (max-width:440.98px){.interactivehero-v2 .carousel-inner .card-foreground.content-OnImage{bottom:0;top:0} .interactivehero-v2 .card-foreground.content-OnImage .card{margin-bottom:16px} .interactivehero-v2 .card-foreground.content-OnImage .card-body.center{padding-left:0 !important;padding-right:0 !important} } @media screen and (-ms-high-contrast:active){.interactivehero .video-hero [class^="m-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.interactivehero .video-hero [class^="m-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.interactivehero .video-hero [class^="m-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.interactivehero .video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.interactivehero .video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.interactivehero .video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.interactivehero .video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.interactivehero .video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.interactivehero .video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.interactivehero .video-hero [class*=" c-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.interactivehero .video-hero [class*=" c-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.interactivehero .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,.interactivehero .video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):disabled,.interactivehero .video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):disabled,.interactivehero .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,.interactivehero .video-hero [class*=" m-"]button:not(.c-select-button,.c-sequence-indicator):disabled:hover,.interactivehero .video-hero [class^="c-"]button:not(.c-select-button,.c-sequence-indicator):disabled:hover,.interactivehero .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),.interactivehero .video-hero [class*=" m-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus),.interactivehero .video-hero [class^="c-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus),.interactivehero .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],.interactivehero .video-hero [class*=" m-"] input[type=search],.interactivehero .video-hero [class^="c-"] input[type=search],.interactivehero .video-hero [class*=" c-"] input[type=search]{color:windowText !important} .interactivehero .video-hero [class^="m-"] input[type=search]:hover,.interactivehero .video-hero [class^="m-"] input[type=search]:active,.interactivehero .video-hero [class*=" m-"] input[type=search]:hover,.interactivehero .video-hero [class*=" m-"] input[type=search]:active,.interactivehero .video-hero [class^="c-"] input[type=search]:hover,.interactivehero .video-hero [class^="c-"] input[type=search]:active,.interactivehero .video-hero [class*=" c-"] input[type=search]:hover,.interactivehero .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,.interactivehero .video-hero [class*=" m-"] input[type=search]:focus,.interactivehero .video-hero [class^="c-"] input[type=search]:focus,.interactivehero .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,.interactivehero .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),.interactivehero .video-hero [class*="m-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.interactivehero .video-hero [class*="m-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled),.interactivehero .video-hero [class*="c-"]button:not(.c-select-button,.c-sequence-indicator):hover:not(:disabled),.interactivehero .video-hero [class*="c-"]button:not(.c-select-button,.c-sequence-indicator):focus:not(:disabled),.interactivehero .video-hero [class*="c-"]button:not(.c-select-button,.c-sequence-indicator):active:not(:disabled){color:HighlightText !important;background-color:Highlight !important} }