@charset "UTF-8"; .x-hidden-none-mobile-vp { display: none !important } .context-uhf { min-width: 280px } @media screen and (-ms-high-contrast:active) { .c-uhfh button, .c-uhfh .glyph-shopping-cart, .c-me .msame_Header { border: none !important } .c-logo { margin-right: 1px; border: none !important; outline: none !important } .c-logo.c-cat-logo:focus>span:before, .c-logo.c-cat-logo:hover>span:before { background: WindowText } .c-uhf-nav-link { border: none !important } .c-uhf-nav-link:hover { text-decoration: underline !important } #search { background: Window; color: WindowText !important } #search span { vertical-align: top } #search:hover, #search:focus { color: windowText !important; background: Window !important } .m-auto-suggest .c-menu-item { color: windowText !important } .m-auto-suggest .c-menu-item a, .m-auto-suggest .c-menu-item span, .m-auto-suggest .c-menu-item button { color: inherit !important } .m-auto-suggest .c-menu-item a:hover, .m-auto-suggest .c-menu-item a:focus, .m-auto-suggest .c-menu-item span:hover, .m-auto-suggest .c-menu-item span:focus, .m-auto-suggest .c-menu-item button:hover, .m-auto-suggest .c-menu-item button:focus { color: HighlightText !important; background-color: Highlight !important; forced-color-adjust: none } .c-uhfh.c-sgl-stck .c-uhf-menu button:focus, .c-uhfh.c-sgl-stck .c-uhf-menu span:focus, .c-uhfh.c-sgl-stck .c-uhf-menu a:focus, .c-uhfh.c-sgl-stck .c-uhf-nav-link:focus, .c-uhfh.c-sgl-stck .c-logo.c-sgl-stk-uhfLogo:focus, .c-uhfh.c-sgl-stck .c-logo.c-cat-logo:focus, .c-uhfh.c-sgl-stck .c-search #search:focus, .c-uhfh.c-sgl-stck .glyph-shopping-cart:focus, .c-uhfh.c-sgl-stck .glyph-global-nav-button:focus, .c-uhfh.c-sgl-stck .glyph-shopping-bag:focus { outline: 2px solid WindowText !important } .c-uhfh.c-sgl-stck .c-uhfh-actions a#uhf-shopping-cart { padding-left: 4px !important; padding-right: 4px !important } .c-uhfh.c-sgl-stck .f-search-opened .cancel-search { border: 1px solid currentColor !important } } #uhfCookieAlert .m-alert.f-information, #epb .m-alert.f-information { margin-top: 0 } #uhfCookieAlert .m-alert .c-action-trigger:focus { outline: 1px dashed #000; padding: 0 } .epb-container-background { background-image: url("http://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1LLAb"); background-repeat: no-repeat; background-position: center center } .c-uhf-menu { display: inline-block } .c-uhf-menu button { padding: 16px 30px 16px 12px; border: 0; background: transparent; text-align: left; position: relative } .c-uhf-menu button:after { font-family: "MWF-MDL2"; content: ""; position: absolute; font-size: 8px; display: inline-block; color: currentColor; font-weight: 700; padding-top: 7px } .c-uhf-menu button:hover { color: #000 } .c-uhf-menu button:focus { border-color: transparent } .c-uhf-menu button:focus:not(.x-hidden-focus) { outline-color: #000 } .c-uhf-menu button:focus:hover { outline: none } .c-uhf-menu ul { min-width: 64px; max-width: 368px; padding: 1px 0 0 0; margin: 0; border: 0; position: absolute } .c-uhf-menu li a { display: block; white-space: normal } .c-uhf-menu li span { white-space: normal } .c-uhf-menu [aria-expanded="false"]+ul[aria-hidden="true"] { display: none } .c-uhf-menu[aria-disabled="true"]>button, .c-uhf-menu[aria-disabled="true"]>button:hover, .c-uhf-menu[aria-disabled="true"]>button:focus, .c-uhf-menu[aria-disabled="true"]>button:active { color: rgba(0, 0, 0, .2) } .c-uhf-menu[aria-disabled="true"]>button:hover { cursor: not-allowed } .c-uhf-nav-link { position: relative } .c-uhf-nav-link:focus { background: transparent } .c-uhf-nav-link.x-hidden-focus { background: none !important; outline-color: transparent !important } .m-skip-to-main { cursor: pointer } .c-uhfh { margin-top: 0 } .c-uhfh .f-show { display: block !important } .c-uhfh .f-hide { display: none !important } .c-uhfh .f-current { font-weight: 600 } .c-uhfh .c-sitewide-promo { height: 100%; min-height: 34px; text-align: center } .c-uhfh .c-sitewide-promo:focus:not(.x-hidden-focus), .c-uhfh .c-sitewide-promo:hover { text-decoration: underline } .c-uhfh .c-sitewide-promo:focus:not(.x-hidden-focus) p { outline: 1px dashed; outline-offset: -2px } .c-uhfh .c-sitewide-promo.theme-dark { color: #fff } .c-uhfh .c-sitewide-promo.theme-light { color: #000 } .c-uhfh .c-sitewide-promo .color-brand-red { background: #e81123 } .c-uhfh .c-sitewide-promo .color-brand-orange { background: #d83b01 } .c-uhfh .c-sitewide-promo .color-brand-yellow { background: #ffb900 } .c-uhfh .c-sitewide-promo .color-brand-green { background: #107c10 } .c-uhfh .c-sitewide-promo .color-brand-teal { background: #008272 } .c-uhfh .c-sitewide-promo .color-brand-blue { background: #0067b8 } .c-uhfh .c-sitewide-promo .color-brand-purple { background: #5c2e91 } .c-uhfh .c-sitewide-promo .c-paragraph { font-size: 15px; line-height: 20px; font-weight: 400; padding: 5px } .c-uhfh a:not(.x-hidden-focus):focus, .c-uhfh button:not(.x-hidden-focus):focus, .c-uhfh span:not(.x-hidden-focus):focus, .c-uhfh :not(.x-hidden-focus) a:focus, .c-uhfh :not(.x-hidden-focus) button:focus, .c-uhfh :not(.x-hidden-focus) span:focus, .c-uhfh .c-me .msame_Header:focus { outline: 1px dashed currentColor !important; outline-offset: -1px } .c-uhfh .f-mobile-title, .c-uhfh .glyph-global-nav-button, .c-uhfh .glyph-arrow-htmllegacy { display: none } .c-uhfh>div>div { max-width: 1600px; height: 100%; margin: 0 auto } .c-uhfh>div:first-child { height: 50px; background: #fff } .c-uhfh>div:first-child>div>div { float: right } .c-uhfh>div:first-child .c-action-trigger { height: 50px; float: left } .c-uhfh>div:first-child .c-action-trigger.glyph-shopping-cart, .c-uhfh>div:first-child .c-action-trigger.glyph-shopping-bag { height: 47px; position: relative } .c-uhfh>div:first-child .c-action-trigger:before { vertical-align: baseline; margin: 0 } .c-uhfh>div:first-child .c-action-trigger:focus { background: none } .c-uhfh>div:first-child .c-search { float: left } .c-uhfh>div:first-child .c-search input[type="search"] { background: rgba(255, 255, 255, .2); border-color: rgba(0, 0, 0, .7); height: 36px } .c-uhfh>div:first-child .c-search input[type="search"]:hover { border-color: rgba(0, 0, 0, .8) } .c-uhfh>div:first-child .c-search input[type="search"]:active, .c-uhfh>div:first-child .c-search input[type="search"]:focus { border-color: #0067b8 } .c-uhfh>div:first-child .c-search button { height: 32px; background: transparent; margin-right: 6px } .c-uhfh>div:first-child .c-search button:hover { color: rgba(0, 0, 0, .8) } .c-uhfh>div:first-child .c-search button:active { color: #000 } .c-uhfh>div:first-child .c-search button:focus:not(.x-hidden-focus) { outline: 1px dashed currentColor } .c-uhfh>div:first-child .c-logo .c-image { margin-top: -3px; max-width: none; width: 108px } .c-uhfh>div:first-child .c-uhf-menu { position: relative } .c-uhfh>div .m-auto-suggest ul { border: 1px solid rgba(0, 0, 0, .1); top: 36px; max-width: none; z-index: 700 } .c-uhfh>div .m-auto-suggest .c-meta-text { color: rgba(0, 0, 0, .6) } .c-uhfh>div .m-auto-suggest .f-auto-suggest-no-results .c-menu-item span:hover { cursor: default; background-color: unset } .c-uhfh>div+div { position: relative; height: 50px; width: 100%; padding-left: calc(5% - 18px); padding-right: 5%; z-index: 501 } .c-uhfh>div+div .c-uhf-nav-link { margin: 1px; text-decoration: none; line-height: 48px; vertical-align: top; display: block } .c-uhfh>div+div .c-uhf-menu a, .c-uhfh>div+div .c-uhf-menu button { background: transparent } .c-uhfh .c-action-trigger.glyph-shopping-cart, .c-uhfh .c-action-trigger.glyph-shopping-bag { font-size: 13px; margin-top: 1px; margin-bottom: 0; margin-left: 7px; min-width: 1px; padding: 2px 0 8px !important } .c-uhfh .c-action-trigger.glyph-shopping-cart:after, .c-uhfh .c-action-trigger.glyph-shopping-bag:after { font-family: "MWF-MDL2"; content: ""; display: inline-block; float: left; font-size: 16px; line-height: 42px; margin-top: 2px } .c-uhfh .c-action-trigger.glyph-shopping-cart:hover, .c-uhfh .c-action-trigger.glyph-shopping-cart:focus, .c-uhfh .c-action-trigger.glyph-shopping-bag:hover, .c-uhfh .c-action-trigger.glyph-shopping-bag:focus { text-decoration: none; color: rgba(0, 0, 0, .8) } .c-uhfh .c-action-trigger.glyph-shopping-cart:active, .c-uhfh .c-action-trigger.glyph-shopping-bag:active { color: #000 } .c-uhfh .c-action-trigger.glyph-shopping-cart span:hover, .c-uhfh .c-action-trigger.glyph-shopping-bag span:hover { text-decoration: none } .c-uhfh .c-action-trigger.glyph-shopping-cart span:not(.shopping-cart-amount), .c-uhfh .c-action-trigger.glyph-shopping-bag span:not(.shopping-cart-amount) { font-size: 11px; line-height: 16px; line-height: 46px !important; vertical-align: top; padding-right: 6px; float: left } .c-uhfh .c-action-trigger.glyph-shopping-cart span.shopping-cart-amount, .c-uhfh .c-action-trigger.glyph-shopping-bag span.shopping-cart-amount { background: #0067b8; border: 1px solid #fff; border-radius: 10px; color: #fff; display: inline-block; font-size: 10px; line-height: 10px; margin: 16px 2px 0; min-width: 14px; padding: 2px 4px } .c-uhfh .c-action-trigger[class*="glyph-chevron-"] { display: none; border-width: 0 } .c-uhfh.f-transparent { position: absolute; top: auto; width: 100% } .c-uhfh .f-transparent:first-child { background: transparent } .c-uhfh .f-transparent:first-child.theme-dark .c-search button, .c-uhfh .f-transparent:first-child.theme-dark .cancel-search, .c-uhfh .f-transparent:first-child.theme-dark .m-auto-suggest .c-meta-text { color: #f2f2f2 } .c-uhfh .f-transparent:first-child.theme-dark .c-search button:hover, .c-uhfh .f-transparent:first-child.theme-dark .cancel-search:hover { color: #f2f2f2 } .c-uhfh .f-transparent:first-child.theme-dark .c-action-trigger:not([class*="glyph-chevron-"]) { color: #fff } .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) { background: #000 } .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-search button, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .cancel-search, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .glyph-global-nav-button, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .m-auto-suggest .c-meta-text, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-nav-link, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-me .msame_Header_name, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-me .msame_Header_name:hover, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) #uhf-shopping-cart, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) #uhfCatLogo, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) #uhfLogo { color: #f2f2f2 } .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-menu a, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-menu button { color: #f2f2f2 } .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-menu a:hover, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-menu a:focus, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-menu a[aria-expanded="true"], .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-menu button:hover, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-menu button:focus, .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-menu button[aria-expanded="true"] { background: #000 } .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) .c-uhf-menu ul { background: #000 } @media screen and (-ms-high-contrast:active), (forced-colors:active) { .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) #uhfLogo { -ms-high-contrast-adjust: none; forced-color-adjust: none; background-color: #000 } .c-uhfh.c-sgl-stck>.theme-dark:not(.f-transparent) #uhfLogo:focus { outline-color: #fff !important; outline-offset: -4px } } .c-uhfh.c-sgl-stck .theme-light .m-auto-suggest .c-menu-item[data-selected="true"] { outline: 1px solid #000 } .c-uhfh.c-sgl-stck .theme-light .m-auto-suggest .c-menu-item span { color: rgba(0, 0, 0, .8) } .c-uhfh.c-sgl-stck .theme-light .m-auto-suggest .c-menu-item span[aria-selected="true"]:hover, .c-uhfh.c-sgl-stck .theme-light .m-auto-suggest .c-menu-item span[aria-selected="true"]:focus, .c-uhfh.c-sgl-stck .theme-light .m-auto-suggest .c-menu-item span[aria-selected="true"]:active { color: rgba(0, 0, 0, .8) } .c-uhfh.c-sgl-stck .c-uhfh-actions #uhf-shopping-cart, .c-uhfh.c-sgl-stck .c-uhfh-actions #uhf-shopping-cart:focus { background: none; border: none; outline-offset: 0 } .c-uhfh.c-sgl-stck .c-uhfh-actions #uhf-shopping-cart span.c-uhf-tooltip, .c-uhfh.c-sgl-stck .c-uhfh-actions #search span.c-uhf-tooltip { display: none } .c-uhfh.c-sgl-stck .c-uhfh-actions #uhf-shopping-cart:hover span.c-uhf-tooltip, .c-uhfh.c-sgl-stck .c-uhfh-actions #uhf-shopping-cart:focus span.c-uhf-tooltip, .c-uhfh.c-sgl-stck .c-uhfh-actions #search:hover span.c-uhf-tooltip, .c-uhfh.c-sgl-stck .c-uhfh-actions #search:focus span.c-uhf-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 2px #777; color: #333; display: block; font-size: 12px; max-width: 328px; line-height: normal !important; overflow-wrap: break-word; position: fixed; padding: 2px; z-index: 9999999; right: 8%; margin-top: 35px } .c-uhfh.c-sgl-stck .c-uhfh-actions #uhf-shopping-cart:hover span.c-uhf-search-tooltip, .c-uhfh.c-sgl-stck .c-uhfh-actions #uhf-shopping-cart:focus span.c-uhf-search-tooltip, .c-uhfh.c-sgl-stck .c-uhfh-actions #search:hover span.c-uhf-search-tooltip, .c-uhfh.c-sgl-stck .c-uhfh-actions #search:focus span.c-uhf-search-tooltip { position: absolute; top: 0 } .c-uhfh.c-sgl-stck .c-uhfh-actions #search, .c-uhfh.c-sgl-stck .c-uhfh-actions #search:focus, .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl .msame_Header, .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl .msame_Header:focus { border: none } @media only screen and (min-width:860px) { .c-uhfh .m-auto-suggest ul { top: 48px !important } .c-uhfh.c-sgl-stck .c-search input[type="search"] { margin-top: 10px; max-width: 100%; width: auto } .c-uhfh.c-sgl-stck .c-uhfh-gnav button { margin-right: -10px } .c-uhfh.c-sgl-stck .c-uhfh-actions.no-uhf-actions-exists .js-paddle-items>li:last-child>div>button { margin-right: 0 } .c-uhfh.c-sgl-stck .js-paddle-items>li:last-child>div>button { margin-right: 5px } .c-uhfh.c-sgl-stck .c-search { margin-top: 3px; max-width: 100% !important; min-width: 90px; width: auto } .c-uhfh.c-sgl-stck .c-search button { margin-top: 0; padding-top: 15px; padding-bottom: 30px; width: auto } .c-uhfh.c-sgl-stck .c-search button:focus { color: #262626 } .c-uhfh.c-sgl-stck .f-search-opened .cancel-search { background: transparent; border: 1px solid currentColor; display: block; height: 36px; margin-left: 5px; margin-top: 12px; padding: 6px; position: relative; transition: color .1s, background-color .1s; white-space: nowrap; width: 75px; outline-offset: -2px } .c-uhfh.c-sgl-stck .f-search-opened .cancel-search span { display: inline-block } .c-uhfh.c-sgl-stck .f-search-opened .c-cat-logo, .c-uhfh.c-sgl-stck .f-search-opened .c-me, .c-uhfh.c-sgl-stck .f-search-opened .c-show-pipe, .c-uhfh.c-sgl-stck .f-search-opened .c-uhf-menu, .c-uhfh.c-sgl-stck .f-search-opened .c-uhfh-gnav, .c-uhfh.c-sgl-stck .f-search-opened .glyph-shopping-cart, .c-uhfh.c-sgl-stck .f-search-opened .glyph-shopping-bag, .c-uhfh.c-sgl-stck .f-search-opened .wf-menu { display: none !important } .c-uhfh.c-sgl-stck .f-search-opened .c-uhfh-actions { justify-content: center } .c-uhfh.c-sgl-stck .f-search-opened .c-search button { margin-right: 2px; margin-top: 12px; padding-top: 5px; padding-bottom: 5px } .c-uhfh.c-sgl-stck .f-search-opened .c-search button span { display: none } .c-uhfh.c-sgl-stck .c-action-trigger.glyph-shopping-cart:before, .c-uhfh.c-sgl-stck .c-action-trigger.glyph-shopping-bag:before { content: "" !important; height: 2px } .c-uhfh.c-sgl-stck .c-uhfh-actions .wf-menu .c-uhf-menu>button { padding-right: 20px } .c-uhfh.c-sgl-stck .c-uhfh-actions .wf-menu .c-uhf-menu>button:before { width: calc(100% - 34px) } .c-uhfh.c-sgl-stck .c-uhfh-actions .wf-menu .c-uhf-menu>button:after { right: 5px } } .c-uhfh .c-logo.c-cat-logo { margin-left: 18px; position: relative } .c-uhfh .c-logo.c-cat-logo>span:before { bottom: 15px; width: calc(100% - 16px) } .c-uhfh .c-logo.c-cat-logo>span:before { background: currentColor; content: ""; display: none; height: 2px; position: absolute } .c-uhfh .c-logo.c-cat-logo:focus>span:before, .c-uhfh .c-logo.c-cat-logo:hover>span:before { display: block } .c-uhfh .c-show-pipe { position: relative } .c-uhfh .c-show-pipe::before { border-left: 2px solid #000; height: 24px; content: " "; margin-left: 7px; position: absolute; top: 15px; left: 0 } .c-uhfh .c-uhfh-gcontainer-st { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .c-uhfh #uhf-w-nav { display: inline-block } .c-uhfh .wf-menu .f-multi-column>li .c-w0 { position: static !important } .c-uhfh.c-sgl-stck .cancel-search { display: none } .c-uhfh.c-sgl-stck .wf-menu .c-w0-contr { border-bottom: 2px solid #d3d3d3; padding-bottom: 0; width: 100% } .c-uhfh.c-sgl-stck .wf-menu .c-w0-contr.c-w0-contr-desktop-hidden { display: none } .c-uhfh.c-sgl-stck .wf-menu .c-w0 { display: flex; flex-wrap: wrap; width: unset !important; max-width: unset } .c-uhfh.c-sgl-stck .wf-menu .c-w0 li a { padding-right: 24px; width: auto } .c-uhfh.c-sgl-stck .c-cat-logo { width: auto !important; white-space: nowrap } .c-uhfh.c-sgl-stck .c-cat-logo span { display: block; font-size: 18px; font-weight: 600; margin-top: -3px } .c-uhfh.c-sgl-stck .c-cat-logo .c-uhf-img-tooltip { position: relative; display: inline-block; border-bottom: 1px dotted #000 } .c-uhfh.c-sgl-stck .c-cat-logo .c-uhf-tooltiptext { visibility: hidden; max-width: 328px; background-color: #fff; box-shadow: 2px 2px 2px #777; border: 1px solid #ccc; color: #333; text-align: center; font-size: 11px; padding: 2px; position: absolute; overflow-wrap: break-word; line-height: normal !important; z-index: 9999999; right: 8%; margin-top: 10px } .c-uhfh.c-sgl-stck .c-cat-logo:hover .c-uhf-tooltiptext, .c-uhfh.c-sgl-stck .c-cat-logo:focus .c-uhf-tooltiptext { visibility: visible } .c-uhfh.c-sgl-stck .c-cat-logo img { margin-top: -1px; width: 75px } .c-uhfh.c-sgl-stck .overflow-menu-list li.nested-menu button { width: 254px; white-space: normal !important; word-break: break-word } .c-uhfh.c-sgl-stck .overflow-menu-list li.nested-menu a { white-space: normal !important; word-break: break-word } @media only screen and (min-width:860px) and (max-width:1399px) { .c-uhfh.c-sgl-stck .c-uhf-menu ul:not(.f-multi-column) { width: 200px } .c-uhfh.c-sgl-stck .overflow-menu-list li.nested-menu button { width: 178px } } .c-uhfh.c-sgl-stck .c-search button { white-space: nowrap } .c-uhfh.c-sgl-stck .c-search button::after { font-family: "MWF-MDL2"; content: ""; -ms-high-contrast-adjust: none; border: none; display: inline-block; font-size: 16px; margin-left: 2px; position: relative; text-indent: 0; vertical-align: sub } .c-uhfh.c-sgl-stck .c-search button::before { background: currentColor; bottom: 9px; content: "" !important; display: none; height: 2px; position: absolute; width: calc(100% - 40px) } .c-uhfh.c-sgl-stck .c-search button:hover:before, .c-uhfh.c-sgl-stck .c-search button:focus:before { display: block } .c-uhfh.c-sgl-stck .c-search input[type="search"] { display: none } .c-uhfh.c-sgl-stck .c-search .c-srch-lbl { line-height: 43px } .c-uhfh.c-sgl-stck .c-search .btn-hide-lbl { width: 34px; padding-left: 58px } .c-uhfh.c-sgl-stck .c-search .btn-hide-lbl span { display: none } .c-uhfh.c-sgl-stck .glyph-shopping-cart .c-cart-lbl { font-size: 13px !important } .c-uhfh.c-sgl-stck .c-button-logo { padding-top: 16px; padding-bottom: 16px; padding-left: 15px } @media only screen and (max-width:859px) { .c-uhfh>div:first-child>div>div>.c-uhf-menu, .c-uhfh #meControl, .c-uhfh>div:first-child.f-opened .c-search, .c-uhfh>div:first-child.f-opened .glyph-shopping-cart, .c-uhfh>div:first-child.f-opened .glyph-shopping-bag, .c-uhfh>div:first-child.f-closed .c-me>.c-image, .c-uhfh>div:first-child.f-closed .f-mobile-title, .c-uhfh>div:first-child.f-closed nav, .c-uhfh>div:first-child.f-search-opened>div .c-logo, .c-uhfh>div:first-child.f-search-opened>div .c-me, .c-uhfh>div:first-child.f-search-opened>div .glyph-global-nav-button, .c-uhfh>div:first-child.f-search-opened>div .glyph-shopping-cart, .c-uhfh>div:first-child.f-search-opened>div .glyph-shopping-bag, .c-uhfh>div:first-child.f-search-opened>div nav, .c-uhfh>div:first-child>div .c-me>.c-image, .c-uhfh>div+div nav, .c-uhfh>div+div>div>.c-uhf-nav-link, .c-uhfh>div+div .c-logo, .c-uhfh>div+div .c-call-to-action, .c-uhfh>div+div .c-action-trigger, .c-uhfh>div+div .c-action-trigger[class*="glyph-chevron-"], .c-uhfh>div+div .c-action-trigger.glyph-chevron-left+.c-action-trigger { display: none } .c-uhfh .f-mobile-title { margin: 0; padding: 14px 48px 10px; border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); color: #000; background: #fff; float: none; text-align: center; position: absolute; top: 50px; left: 0; right: 0; height: 50px } .c-uhfh .f-mobile-title:hover, .c-uhfh .f-mobile-title:focus { background: #fff; cursor: default } .c-uhfh .f-mobile-title .c-action-trigger[class*="glyph-chevron-"] { display: block; color: #000; position: absolute; top: 0; width: 35px; margin: 0 } .c-uhfh .f-mobile-title .c-action-trigger[class*="glyph-chevron-"]:before { vertical-align: middle } .c-uhfh .f-mobile-title .c-action-trigger.glyph-chevron-left { border-right: 0; left: 1px } .c-uhfh .f-mobile-title .c-action-trigger.glyph-chevron-right { border-left: 0; right: 1px } .c-uhfh .c-uhf-menu button:after, .c-uhfh li.f-sub-menu button:after { font-family: "MWF-MDL2"; content: ""; right: 12px } .c-uhfh .c-uhf-menu { display: block; height: 50px } .c-uhfh .c-uhf-menu>[aria-expanded="true"]+ul[aria-hidden="false"] { margin-top: 0 } .c-uhfh .c-uhf-menu a, .c-uhfh .c-uhf-menu button { color: #262626 } .c-uhfh .c-uhf-menu a:hover, .c-uhfh .c-uhf-menu a:focus, .c-uhfh .c-uhf-menu a[aria-expanded="true"], .c-uhfh .c-uhf-menu button:hover, .c-uhfh .c-uhf-menu button:focus, .c-uhfh .c-uhf-menu button[aria-expanded="true"] { background: transparent; color: #262626 } .c-uhfh .c-uhf-menu a:focus:not(.x-hidden-focus), .c-uhfh .c-uhf-menu button:focus:not(.x-hidden-focus) { outline-color: #000 } .c-uhfh .c-uhf-nav-link { background: transparent; width: 100%; padding-left: 15px } .c-uhfh a.c-uhf-nav-link { color: #000 } .c-uhfh>div:first-child { padding: 0; top: 0; left: 0; right: 0; z-index: 501 } .c-uhfh>div:first-child.f-opened { background: #fff } .c-uhfh>div:first-child.f-opened.f-transparent.theme-dark { background: #000 } .c-uhfh>div:first-child.f-opened .c-me>.c-image, .c-uhfh>div:first-child.f-opened .f-mobile-title { display: block } .c-uhfh>div:first-child.f-closed .glyph-shopping-cart, .c-uhfh>div:first-child.f-closed .glyph-shopping-bag, .c-uhfh>div:first-child.f-closed .c-search { display: block } .c-uhfh>div:first-child.f-search-opened .c-search { left: 50px; right: 12px; position: absolute } .c-uhfh>div:first-child.f-search-opened .glyph-arrow-htmllegacy { display: block; margin: 0 } .c-uhfh>div:first-child.f-search-opened .glyph-arrow-htmllegacy:before { vertical-align: middle } .c-uhfh>div:first-child>div { margin: 0 } .c-uhfh>div:first-child .c-action-trigger { margin: 1px; width: 48px; height: 48px } .c-uhfh>div:first-child .c-action-trigger.glyph-global-nav-button:before { width: 20px; height: 20px; margin-top: 7px } .c-uhfh>div:first-child .c-logo { float: none; display: block; position: absolute; left: calc(50% - 60px); height: auto; margin-top: 1px; padding-top: 11px } .c-uhfh>div:first-child .c-uhf-nav-link { display: inline-block; padding-top: 16px; padding-right: 8px; padding-bottom: 16px; height: 48px } .c-uhfh>div:first-child .c-uhf-menu { float: none; position: static } .c-uhfh>div:first-child .c-uhf-menu ul[aria-hidden="false"] { height: 100% } .c-uhfh>div:first-child .c-uhf-menu ul li :after { top: 20px; font-size: 9px; padding-top: 0 } .c-uhfh>div:first-child .c-uhf-menu ul li>a, .c-uhfh>div:first-child .c-uhf-menu ul li>button { padding: 14px 15px 15px; height: 100%; margin: 1px; width: calc(100% - 2px) } .c-uhfh>div:first-child nav { display: none; background: #fff; left: 0; transition: all .3s ease-in; z-index: 501 } .c-uhfh>div:first-child nav>ul>li { display: block; text-align: left; height: 50px; float: none; border-top: 1px solid transparent; border-bottom: 1px solid rgba(0, 0, 0, .1) } .c-uhfh>div:first-child nav li.f-sub-menu>a+ul, .c-uhfh>div:first-child nav li.f-sub-menu>button+ul { left: 0 } .c-uhfh>div+div { height: 0 } .c-uhfh>div+div>div { overflow: visible; padding: 0; width: 100% } .c-uhfh>div+div nav { position: absolute; top: 50px; height: calc(100vh - 100px); overflow-y: auto; background: #f2f2f2; left: 0; right: 0; transition: all .3s ease-in; z-index: 501 } .c-uhfh>div+div .c-uhf-menu ul>li li.f-sub-menu { display: block; float: none } .c-uhfh>div+div .c-uhf-menu ul>li ul { height: inherit; top: 0; width: 100%; max-width: none } .c-uhfh>div+div .c-uhf-menu ul[aria-hidden="false"] a, .c-uhfh>div+div .c-uhf-menu ul[aria-hidden="false"] button { margin: 1px; padding: 15px 15px 14px; width: calc(100% - 2px) } .c-uhfh .c-action-trigger.glyph-global-nav-button { display: block; font-size: 20px; height: 48px; color: #000 } .c-uhfh .c-action-trigger.glyph-shopping-cart, .c-uhfh .c-action-trigger.glyph-shopping-bag { margin-right: 0 !important; height: 48px; margin-right: 1px } .c-uhfh .c-search input[type="search"] { border-color: rgba(0, 0, 0, .6) } .c-uhfh .c-search input[type="search"]:hover { border-color: rgba(0, 0, 0, .8) } .c-uhfh .c-uhfh-actions { margin-right: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .c-uhfh.c-sgl-stck.c-category-header { margin-bottom: 34px } .c-uhfh.c-sgl-stck.c-category-header nav.c-uhfh-gnav { top: 88px } .c-uhfh.c-sgl-stck .x-hidden-none-mobile-vp { display: block !important } .c-uhfh.c-sgl-stck .global-head-cont, .c-uhfh.c-sgl-stck>div:first-child { border-bottom: 1px solid #e6e6e6; height: 54px } .c-uhfh.c-sgl-stck .c-uhfh-gcontainer-st { position: relative; padding: 2px 0 } .c-uhfh.c-sgl-stck .c-search button span { display: none } .c-uhfh.c-sgl-stck .f-search-opened .c-me, .c-uhfh.c-sgl-stck .f-search-opened .glyph-shopping-cart, .c-uhfh.c-sgl-stck .f-search-opened .glyph-shopping-bag { display: none !important } .c-uhfh.c-sgl-stck .c-logo.c-sgl-stk-uhfLogo { margin: 1px; padding: 12px 4px } .c-uhfh.c-sgl-stck .c-uhfh-actions { margin: 0; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start } .c-uhfh.c-sgl-stck .c-uhfh-actions .wf-menu { padding: 0 } .c-uhfh.c-sgl-stck .c-uhfh-actions .c-search { margin: 6px 0 } .c-uhfh.c-sgl-stck .c-uhfh-actions .c-search input[type='search'] { padding-left: 40px !important; padding-right: 10px !important } .c-uhfh.c-sgl-stck .c-uhfh-actions .c-search button#search { left: 1px; padding: 8px 8px 8px 0; margin-left: 2px } .c-uhfh.c-sgl-stck .c-uhfh-actions .c-search button#search:before { margin: 0 } .c-uhfh.c-sgl-stck .c-uhfh-actions .c-search button#search:after { vertical-align: baseline !important } .c-uhfh.c-sgl-stck .c-uhfh-actions .c-search button#search>span { display: none } .c-uhfh.c-sgl-stck .c-uhfh-actions .c-search button#search:focus { color: #000 } .c-uhfh.c-sgl-stck .c-uhfh-actions #search:hover span.c-uhf-search-tooltip, .c-uhfh.c-sgl-stck .c-uhfh-actions #search:focus span.c-uhf-search-tooltip { right: auto } .c-uhfh.c-sgl-stck .c-uhfh-actions a#uhf-shopping-cart { right: 55px; color: #262626; height: 48px; margin: 1px !important; padding: 15px 10px !important; position: absolute } .c-uhfh.c-sgl-stck .c-uhfh-actions a#uhf-shopping-cart:before { line-height: 16px; font-size: 16px } .c-uhfh.c-sgl-stck .c-uhfh-actions a#uhf-shopping-cart:after { content: "" !important } .c-uhfh.c-sgl-stck .c-uhfh-actions a#uhf-shopping-cart .c-cart-lbl { display: none } .c-uhfh.c-sgl-stck .c-uhfh-actions a#uhf-shopping-cart .shopping-cart-amount { margin: 0 2px !important; position: absolute } .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl.c-me { right: 2px; align-self: center; display: inline-block; height: auto; max-height: 54px; max-width: 54px; position: absolute; width: 100% } .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl.c-me .msame_Header { border: none !important; display: table; height: 48px; width: 100% } .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl.c-me .msame_Header_name, .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl.c-me .st_msame_placeholder { display: table-cell; font-size: 86%; height: 48px; line-height: normal !important; max-width: 54px; overflow-wrap: break-word; padding: 5px; vertical-align: middle; white-space: normal; width: 54px; word-break: normal } .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl.c-me .msame_Header:focus { border: none !important } .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl.c-me .msame_Header_piccont { padding: 5px } .c-uhfh.c-sgl-stck .cat-logo-button-cont { left: 0; background: #fff; border-bottom: 1px solid #e6e6e6; display: block !important; height: 34px; position: absolute; width: 100%; top: 54px } .c-uhfh.c-sgl-stck .cat-logo-button-cont .c-cat-logo-img { background-image: url("https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RW4ESm?ver=c63e"); background-repeat: no-repeat; background-size: 64px; background-position-y: center; margin-left: 15px !important; padding: 0; width: 75px } .c-uhfh.c-sgl-stck .cat-logo-button-cont .c-cat-logo-img:after { padding-left: 65px !important } .c-uhfh.c-sgl-stck .cat-logo-button-cont .c-cat-logo-button { background-color: transparent; border: 0; color: #000; display: block !important; font-weight: 600; height: 100%; margin: 0 1px; padding: 0 15px; text-align: left } .c-uhfh.c-sgl-stck .cat-logo-button-cont .c-cat-logo-button:after { font-size: 12px; font-weight: 700; padding-left: 7px; position: relative; top: 2px } .c-uhfh.c-sgl-stck .cat-logo-button-cont .c-cat-logo-button[aria-expanded='false']:after { font-family: "MWF-MDL2"; content: "" } .c-uhfh.c-sgl-stck .cat-logo-button-cont .c-cat-logo-button[aria-expanded='true']:after { font-family: "MWF-MDL2"; content: "" } .c-uhfh.c-sgl-stck .cat-logo-button-cont .c-cat-logo-button img { width: 65px } .c-uhfh.c-sgl-stck button.c-action-trigger.c-glyph.glyph-global-nav-button { padding-right: 0 } .c-uhfh.c-sgl-stck button.c-action-trigger.c-glyph.glyph-global-nav-button[aria-expanded='true']:before { font-family: "MWF-MDL2"; content: "" } .c-uhfh.c-sgl-stck nav { min-width: 320px } .c-uhfh.c-sgl-stck nav .c-button-logo { display: none } .c-uhfh.c-sgl-stck nav .c-button-logo[aria-expanded='false']+ul[aria-hidden='false'] { display: block } .c-uhfh.c-sgl-stck nav .f-multi-column { margin-left: 0; padding-top: 0; width: 100% } .c-uhfh.c-sgl-stck nav .f-multi-column .c-w0-contr { display: block !important; border-bottom: 1px solid #e6e6e6; padding-bottom: 0 } .c-uhfh.c-sgl-stck nav .f-multi-column .c-w0-contr.c-w0-contr-desktop-hidden { display: block !important } .c-uhfh.c-sgl-stck nav#uhf-c-nav { top: 54px } .c-uhfh.c-sgl-stck nav.c-uhfh-gnav { top: 54px; padding-left: 0 } .c-uhfh.c-sgl-stck nav.c-uhfh-gnav::before { display: none } .c-uhfh.c-sgl-stck nav.c-uhfh-gnav, .c-uhfh.c-sgl-stck nav#uhf-c-nav { background: #f2f2f2; border-bottom: 1px solid #000; position: absolute; width: 100% } .c-uhfh.c-sgl-stck nav div.c-uhf-menu, .c-uhfh.c-sgl-stck nav ul, .c-uhfh.c-sgl-stck nav li, .c-uhfh.c-sgl-stck nav a, .c-uhfh.c-sgl-stck nav button, .c-uhfh.c-sgl-stck nav nav>ul>li { height: 100% !important; max-width: 100%; position: relative; width: 100%; outline-offset: -3px } .c-uhfh.c-sgl-stck nav .overflow-menu-list li.nested-menu button { width: 100% } .c-uhfh.c-sgl-stck nav a, .c-uhfh.c-sgl-stck nav button { padding-left: 15px; padding-top: 10px } .c-uhfh.c-sgl-stck nav li, .c-uhfh.c-sgl-stck nav button[aria-expanded='true'] { border-bottom: 1px solid #e6e6e6 !important } .c-uhfh.c-sgl-stck nav li:last-child { border-bottom: none !important } .c-uhfh.c-sgl-stck nav .c-uhf-menu [aria-expanded='true']+ul[aria-hidden='false'] { padding-left: 30px } .c-uhfh.c-sgl-stck nav a.c-uhf-nav-link { padding-top: 12px; padding-bottom: 13px } .c-uhfh.c-sgl-stck nav button:after { right: 20px; font-size: 10px; font-weight: 700; padding-left: 7px; padding-top: 7px } .c-uhfh.c-sgl-stck nav button[aria-expanded='false']:after { font-family: "MWF-MDL2"; content: "" } .c-uhfh.c-sgl-stck nav button[aria-expanded='true']:after { font-family: "MWF-MDL2"; content: "" } .c-uhfh.c-sgl-stck .theme-dark nav.c-uhfh-gnav, .c-uhfh.c-sgl-stck .theme-dark nav#uhf-c-nav { background: #000 } .c-uhfh.c-sgl-stck .theme-dark .c-uhf-menu a, .c-uhfh.c-sgl-stck .theme-dark .c-uhf-menu button, .c-uhfh.c-sgl-stck .theme-dark .c-search button#search, .c-uhfh.c-sgl-stck .theme-dark .c-search button#search:focus, .c-uhfh.c-sgl-stck .theme-dark .c-uhfh-actions a#uhf-shopping-cart, .c-uhfh.c-sgl-stck .theme-dark .c-me .msame_Header_name, .c-uhfh.c-sgl-stck .theme-dark .c-me .msame_Header_name:hover, .c-uhfh.c-sgl-stck .theme-dark a.c-uhf-nav-link { color: #f2f2f2 } .c-uhfh.c-sgl-stck .c-sitewide-promo { position: relative; top: 34px } } @media only screen and (max-width:1399px) { .c-uhfh>div:first-child.f-search-opened>div>div .c-search { max-width: 100%; min-width: 1px; width: auto } .c-uhfh>div:first-child.f-search-opened>div>div .c-search input[type="search"] { padding: 7px 38px 7px 10px; max-width: 100%; width: 100%; opacity: 1 } .c-uhfh>div:first-child.f-search-opened .m-auto-suggest { display: block } .c-uhfh>div:first-child.f-search-opened>div nav, .c-uhfh>div:first-child .m-auto-suggest { display: none } .c-uhfh>div:first-child.f-search-opened .c-action-trigger[class*="glyph-chevron-"] { display: none !important } .c-uhfh>div+div { padding-right: 24px; padding-left: 6px } .c-uhfh .c-search { min-width: 0; width: 0 } .c-uhfh .c-search input[type="search"] { padding: 0; width: 0; opacity: 0 } .c-uhfh .c-search button { position: absolute; margin-left: 6px } } @media only screen and (min-width:860px) and (max-width:1083px) { .c-uhfh>div:first-child { padding-left: 24px; padding-right: 24px } .c-uhfh>div+div .c-logo:before { bottom: 12px } .c-uhfh>div+div .c-logo span { margin-top: -1px } .c-uhfh .c-pivot-menu { font-weight: 600 !important; max-width: 220px } } @media only screen and (min-width:860px) and (max-width:1399px) { .c-uhfh .c-search { min-width: 45px !important } .c-uhfh .c-search button span, .c-uhfh a#uhf-shopping-cart .c-cart-lbl { display: none } .c-uhfh a#uhf-shopping-cart { margin-top: 0; padding-top: 0 } } @media only screen and (max-width:1399px) { .c-uhfh .c-search { min-width: 0; width: 0 } .c-uhfh .c-search input[type="search"] { padding: 0; width: 0; opacity: 0 } } .c-uhf-sronly { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px } @media only screen and (max-width:859px) { .x-hidden-vp-mobile-st { display: none !important } } @media only screen and (min-width:860px) and (max-width:1083px) { .c-uhfh-alert.f-edge-promo>div { width: 94% } #epb .c-uhfh-alert[role="alert"]>div { width: 94%; margin: 0 auto } } @media(min-width:1083px) { .c-uhfh-alert.f-edge-promo>div { width: 90% } } @media(min-width:1084px) { #epb .c-uhfh-alert[role="alert"]>div { width: 90%; margin: 0 auto } } #epb { animation: slidedown .5s ease-in; overflow: hidden } #epb.epb-rollup { animation: slideup .5s ease-in } @keyframes slideup { from { height: 50px } to { height: 0 } } @keyframes slidedown { from { height: 0 } to { height: 54px } } #uhfGreenId, #msccActionId { border: 0; height: 1px; left: -200px; position: absolute; top: -200px; width: 1px } #uhf-l-nav { float: left } .body-overflow { overflow-y: hidden } #shell-cart-count { display: none } @media screen and (min-width:860px) { #headerArea * .c-me .msame_Header_name { line-height: 46px !important } #c-uhf-nav-cta { font-weight: 600; margin-left: 5px; margin-right: 5px } #c-uhf-nav-cta a.c-uhf-nav-link { border: 1px solid; border-radius: 3px; height: 31px; margin: 1px 5px; padding-top: 6px } #c-uhf-nav-cta a.c-uhf-nav-link:before { bottom: 6px; height: 1px } .context-uhf li { word-break: break-word } .no-js .c-uhf-menu li.f-sub-menu>a:focus+ul, .no-js .c-uhf-menu li.f-sub-menu>button:focus+ul, .no-js .c-uhf-menu li.f-sub-menu>a:hover+ul, .no-js .c-uhf-menu li.f-sub-menu>button:hover+ul, .no-js .c-uhf-menu li.f-sub-menu>a+ul .f-sub-menu:hover>button+ul, .no-js .c-uhf-menu li.f-sub-menu>button+ul .f-sub-menu:hover>button+ul, .js .c-uhf-menu li.f-sub-menu>a[aria-expanded="true"]+ul[aria-hidden="false"], .js .c-uhf-menu li.f-sub-menu>button[aria-expanded="true"]+ul[aria-hidden="false"], .no-js .c-uhf-menu:hover>ul, .no-js .c-uhf-menu>ul>li:hover>[aria-expanded="false"]+ul[aria-hidden="true"], .js .c-uhf-menu>[aria-expanded="true"]+ul[aria-hidden="false"], .js .c-uhf-menu>span[aria-expanded="true"]+ul[aria-hidden="false"], .no-js .c-uhf-menu .f-multi-column ul[aria-hidden="true"] { animation: none; display: block } .js .c-uhf-menu>[aria-expanded=true]+ul[aria-hidden=false], .js .c-uhf-menu>span[aria-expanded=true]+ul[aria-hidden=false], .no-js .c-uhf-menu:hover>ul { animation: fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55); display: block } .c-uhf-menu>button { border: 1px solid transparent; color: rgba(0, 0, 0, .8); display: inline-block; margin-top: 1px; z-index: 701; outline-offset: -2px } .c-uhf-menu>button:after { right: 15px } .c-uhfh .c-uhf-menu>button:hover[aria-expanded="true"]:before, .c-uhfh .c-uhf-menu>button:focus[aria-expanded="true"]:before { display: none } .c-uhf-menu ul { border-style: solid; border-width: 1px 1px 2px; width: 256px; top: 100%; z-index: 700 } .c-uhf-menu ul>li ul { border-left-width: 0 } .c-uhf-menu>li>a:hover, .c-uhf-menu>li>button:hover { outline: 0 } .c-uhf-menu li a:hover, .c-uhf-menu li a:focus { text-decoration: underline } .c-uhf-menu li>a, .c-uhf-menu li>button, .c-uhf-menu li>span { padding-left: 24px; padding-top: 18px; padding-bottom: 18px } .c-uhf-menu li.f-sub-menu>button:after { font-family: "MWF-MDL2"; content: ""; position: absolute; font-size: 6px; top: 19px; right: 24px } .c-uhf-menu li.f-sub-menu ul.f-flip { left: -100%; margin-left: -2px } .theme-light .c-uhf-menu>button, .theme-dark .theme-light .c-uhf-menu>button { color: rgba(0, 0, 0, .8) } .theme-light .c-uhf-menu>button:hover, .theme-dark .theme-light .c-uhf-menu>button:hover { color: #000 } .theme-light .c-uhf-menu>button:focus:not(.x-hidden-focus), .theme-dark .theme-light .c-uhf-menu>button:focus:not(.x-hidden-focus) { outline-color: #000 } .theme-dark .c-uhf-menu>button, .theme-light .theme-dark .c-uhf-menu>button { color: rgba(255, 255, 255, .8) } .theme-dark .c-uhf-menu>button:hover, .theme-light .theme-dark .c-uhf-menu>button:hover { color: #fff } .theme-dark .c-uhf-menu>button:focus:not(.x-hidden-focus), .theme-light .theme-dark .c-uhf-menu>button:focus:not(.x-hidden-focus) { outline-color: #fff } .theme-light .c-uhf-nav-link:focus:not(.x-hidden-focus) { outline-color: #000 } .theme-dark .c-uhf-nav-link:focus:not(.x-hidden-focus) { outline-color: #fff } .c-uhfh .c-uhf-nav-link:before, .c-uhfh .c-uhf-menu>button[aria-expanded="false"]:before, .c-uhfh>div+div .c-logo:not(.f-image):before { background: currentColor; content: ""; display: none; height: 2px; position: absolute } .c-uhfh .c-uhf-nav-link:hover:before, .c-uhfh .c-uhf-nav-link:focus:before, .c-uhfh .c-uhf-menu>button[aria-expanded="false"]:hover:before, .c-uhfh .c-uhf-menu>button[aria-expanded="false"]:focus:before, .c-uhfh>div+div .c-logo:not(.f-image):hover:before, .c-uhfh>div+div .c-logo:not(.f-image):focus:before { display: block } .c-uhfh a, .c-uhfh button { white-space: normal } .c-uhfh>div { padding: 0 5% } .c-uhfh>div nav { overflow: hidden; height: 100%; white-space: nowrap; padding-left: 2px; padding-right: 1px } .c-uhfh>div nav .f-hidden { opacity: .6 } .c-uhfh>div:first-child { font-size: 13px !important; height: 54px; margin-bottom: 2px; z-index: 502 } .c-uhfh>div:first-child>div { position: relative } .c-uhfh>div:first-child nav>ul>li { display: inline-block } .c-uhfh>div:first-child nav>ul>li>div { position: static !important } .c-uhfh>div:first-child button.c-action-trigger.glyph-chevron-right { margin: 0; float: right; min-width: 15px } .c-uhfh>div:first-child button.c-action-trigger.glyph-chevron-left { margin: 0; float: left; min-width: 15px } .c-uhfh>div:first-child>div>div>.c-uhf-menu { height: 46px } .c-uhfh>div:first-child>div>div>.c-uhf-menu>button { margin: 1px 8px 0 8px; padding: 16px 26px 12px 13px } .c-uhfh>div:first-child>div>div>.c-uhf-menu>button:after { right: 10px } .c-uhfh>div:first-child>div>div>.c-uhf-menu>button:before { width: calc(100% - 39px) } .c-uhfh>div:first-child>div>div>.c-uhf-menu>button[aria-expanded="true"]+ul[aria-hidden="false"] { margin-top: 2px } .c-uhfh>div:first-child>div>div>.c-uhf-menu>ul { right: 8px; width: 150px } .c-uhfh>div:first-child>div>div>.c-uhf-menu>ul li a:hover { text-decoration: none } .c-uhfh>div:first-child .c-logo { padding: 16px 6px 16px 10px; float: left; height: 100%; margin-top: 1px; width: 137px; outline-offset: -2px } .c-uhfh>div:first-child .c-uhf-nav-link { border: 1px solid transparent; color: #262626; display: inline-block; margin-top: 1px; padding: 16px 8px 10px; height: 48px; outline-offset: -2px } .c-uhfh>div:first-child .c-uhf-nav-link:before { bottom: 9px; width: calc(100% - 16px) } .c-uhfh>div:first-child .c-uhf-menu a, .c-uhfh>div:first-child .c-uhf-menu button { color: #262626 } .c-uhfh>div:first-child .c-uhf-menu>button { white-space: nowrap } .c-uhfh>div:first-child .c-uhf-menu>button:before { bottom: 12px; width: calc(100% - 42px) } .c-uhfh>div:first-child .c-uhf-menu>button:hover, .c-uhfh>div:first-child .c-uhf-menu>button:focus { background: #fff } .c-uhfh>div:first-child .c-uhf-menu>button[aria-expanded="true"] { background: #f2f2f2 } .c-uhfh>div:first-child .c-uhf-menu>ul { background: #f2f2f2 } .c-uhfh>div:first-child .c-uhf-menu>ul>li>:focus, .c-uhfh>div:first-child .c-uhf-menu>ul>li>:hover, .c-uhfh>div:first-child .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh>div:first-child .c-uhf-menu>ul>li>ul { background: #e6e6e6 } .c-uhfh>div:first-child .c-uhf-menu>ul>li>ul :focus, .c-uhfh>div:first-child .c-uhf-menu>ul>li>ul :hover { background: #d9d9d9 } .c-uhfh>div+div nav { overflow: hidden; height: 100%; white-space: nowrap; padding-left: 1px; padding-right: 1px } .c-uhfh>div+div nav .f-hidden { opacity: .6 } .c-uhfh>div+div>div { max-width: 1618px; overflow: hidden } .c-uhfh>div+div>div>.c-call-to-action, .c-uhfh>div+div>div>.c-uhf-nav-link { float: right } .c-uhfh>div+div>div>.c-call-to-action { margin-top: 5px; margin-left: 5px; margin-right: 2px } .c-uhfh>div+div>div>.c-call-to-action:focus { outline: 2px dashed currentColor } .c-uhfh>div+div>div>.c-call-to-action.brand-orange { background: #d83b01; color: #fff } .c-uhfh>div+div>div>.c-call-to-action.brand-orange:focus:not(.x-hidden-focus), .c-uhfh>div+div>div>.c-call-to-action.brand-orange:hover { background: #c23501 } .c-uhfh>div+div>div>.c-call-to-action.brand-orange:active { background: #ad2f01 } .c-uhfh>div+div>div>.c-call-to-action.brand-blue { background: #0067b8; color: #fff } .c-uhfh>div+div>div>.c-call-to-action.brand-blue:focus:not(.x-hidden-focus), .c-uhfh>div+div>div>.c-call-to-action.brand-blue:hover { background: #005da6 } .c-uhfh>div+div>div>.c-call-to-action.brand-blue:active { background: #005293 } .c-uhfh>div+div>div>.c-call-to-action.brand-green { background: #107c10; color: #fff } .c-uhfh>div+div>div>.c-call-to-action.brand-green:focus:not(.x-hidden-focus), .c-uhfh>div+div>div>.c-call-to-action.brand-green:hover { background: #0e700e } .c-uhfh>div+div>div>.c-call-to-action.brand-green:active { background: #0d630d } .c-uhfh>div+div>div>.c-call-to-action.brand-c30052 { background: #c30052; color: #fff } .c-uhfh>div+div>div>.c-call-to-action.brand-c30052:focus:not(.x-hidden-focus), .c-uhfh>div+div>div>.c-call-to-action.brand-c30052:hover { background: #b0004a } .c-uhfh>div+div>div>.c-call-to-action.brand-c30052:active { background: #9c0042 } .c-uhfh>div+div>div>.c-call-to-action.brand-f2c811 { background: #f2c811; color: #000 } .c-uhfh>div+div>div>.c-call-to-action.brand-f2c811:focus:not(.x-hidden-focus), .c-uhfh>div+div>div>.c-call-to-action.brand-f2c811:hover { background: #dab40f } .c-uhfh>div+div>div>.c-call-to-action.brand-f2c811:active { background: #c2a00e } .c-uhfh>div+div>div>.c-call-to-action.brand-742774 { background: #742774; color: #fff } .c-uhfh>div+div>div>.c-call-to-action.brand-742774:focus:not(.x-hidden-focus), .c-uhfh>div+div>div>.c-call-to-action.brand-742774:hover { background: #682368 } .c-uhfh>div+div>div>.c-call-to-action.brand-742774:active { background: #5d1f5d } .c-uhfh>div+div>div>.c-call-to-action.brand-0066ff { background: #06f; color: #fff } .c-uhfh>div+div>div>.c-call-to-action.brand-0066ff:focus:not(.x-hidden-focus), .c-uhfh>div+div>div>.c-call-to-action.brand-0066ff:hover { background: #005ce6 } .c-uhfh>div+div>div>.c-call-to-action.brand-0066ff:active { background: #0052cc } .c-uhfh>div+div>div>.c-call-to-action.brand-00b7c3 { background: #00b7c3; color: #000 } .c-uhfh>div+div>div>.c-call-to-action.brand-00b7c3:focus:not(.x-hidden-focus), .c-uhfh>div+div>div>.c-call-to-action.brand-00b7c3:hover { background: #00a5b0 } .c-uhfh>div+div>div>.c-call-to-action.brand-00b7c3:active { background: #00929c } .c-uhfh>div+div>div>.c-call-to-action.f-image { font-size: 15px; letter-spacing: 0; padding-left: 0; padding-right: 0; margin-right: 1px } .c-uhfh>div+div>div>.c-call-to-action.f-image:after { display: none } .c-uhfh>div+div>div>.c-call-to-action.f-image, .c-uhfh>div+div>div>.c-call-to-action.f-image:focus { background: transparent } .c-uhfh>div+div>div>.c-call-to-action.f-image>.c-image { margin: -20px 8px -8px 0; display: inline-block; height: 36px } .c-uhfh>div+div>div>.c-call-to-action.f-image>span:hover { text-decoration: underline } .c-uhfh>div+div .c-logo { height: 48px; margin: 1px; padding: 7px 17px; float: left; position: relative } .c-uhfh>div+div .c-logo:before { bottom: 10px; width: calc(100% - 34px) } .c-uhfh>div+div .c-logo.f-image { padding: 11px 11px 11px 15px } .c-uhfh>div+div .c-logo img { max-height: 100% } .c-uhfh>div+div .c-logo span { font-size: 24px; line-height: 28px; display: block; font-weight: 200 } .c-uhfh>div+div .c-action-trigger { min-width: 0; margin: 1px 10px 0 0; padding: 0; height: 50px } .c-uhfh>div+div .c-action-trigger:disabled { display: none } .c-uhfh>div+div .c-uhf-nav-link { display: inline-block; padding: 0 12px } .c-uhfh>div+div .c-uhf-nav-link:before { bottom: 10px; width: calc(100% - 24px) } .c-uhfh>div+div .c-uhf-menu>button { padding: 0 30px 0 25px; line-height: 46px; margin: 1px 0 } .c-uhfh>div+div .c-uhf-menu>button:before { bottom: 10px; width: calc(100% - 63px) } .c-uhfh>div+div .c-uhf-menu>button:after { padding-top: 1px; top: 0 } .c-uhfh li.f-sub-menu>button+ul { position: absolute; left: 100%; top: 0 } .c-uhfh li.f-sub-menu button { border: 0; display: block; width: 100%; text-align: left; padding-right: 30px } .c-uhfh li>a.f-product { padding: 8px 12px } .c-uhfh .theme-dark .f-multi-column .f-multi-column-info a { background-color: #e6e6e6 a; background-color-color: rgba(255, 255, 255, .8) } .c-uhfh .theme-light .f-multi-column .f-multi-column-info { background-color: #e6e6e6 } .c-uhfh .theme-light .f-multi-column .f-multi-column-info a { color: rgba(0, 0, 0, .8) } .c-uhfh .f-multi-column { white-space: nowrap; max-width: none; width: auto } .c-uhfh .f-multi-column[aria-hidden="false"] { display: flex !important; flex-flow: row wrap } .c-uhfh .f-multi-column>li { display: inline-block; float: left; padding-bottom: 10px; vertical-align: top } .c-uhfh .f-multi-column>li:before, .c-uhfh .f-multi-column>li:after { content: " "; display: table } .c-uhfh .f-multi-column>li:after { clear: both } .c-uhfh .f-multi-column>li>:after { content: "" !important } .c-uhfh .f-multi-column>li>a, .c-uhfh .f-multi-column>li>button, .c-uhfh .f-multi-column>li>span { font-weight: 600 } .c-uhfh .f-multi-column>li a, .c-uhfh .f-multi-column>li button, .c-uhfh .f-multi-column>li span, .c-uhfh .f-multi-column>li ul { background: transparent !important; width: 195px } .c-uhfh .f-multi-column>li ul { border: 0 !important; position: relative !important; left: auto !important; right: auto } .c-uhfh .f-multi-column>li ul>li:hover { background: transparent !important } .c-uhfh .f-multi-column>li ul>li>a { padding-top: 12px; padding-bottom: 12px } .c-uhfh .f-multi-column>li button, .c-uhfh .f-multi-column>li>span { cursor: default } .c-uhfh .f-multi-column .f-multi-column-info { margin: 0; padding: 1px; width: 100% } .c-uhfh .f-multi-column .f-multi-column-info>a { font-weight: 400; line-height: 3px; margin: 0 auto; max-height: 24px; text-align: center; text-transform: uppercase; width: 270px } .c-uhfh .f-multi-column .f-multi-column-info>a:after { font-family: "MWF-MDL2"; content: "" !important; vertical-align: top; margin-left: 4px; margin-right: 4px; display: -webkit-inline-box } } @media only screen and (min-width:860px) and (min-width:615px) and (max-width:819px) { .c-uhfh .f-multi-column.f-multi-column-6, .c-uhfh .f-multi-column.f-multi-column-5 { width: 615px } .c-uhfh .f-multi-column.f-multi-column-4, .c-uhfh .f-multi-column.f-multi-column-3 { width: 615px } } @media only screen and (min-width:860px) and (min-width:820px) and (max-width:1024px) { .c-uhfh .f-multi-column.f-multi-column-6, .c-uhfh .f-multi-column.f-multi-column-5, .c-uhfh .f-multi-column.f-multi-column-4 { width: 820px } .c-uhfh .f-multi-column.f-multi-column-3 { width: 615px } } @media only screen and (min-width:860px) and (min-width:1025px) and (max-width:1229px) { .c-uhfh .f-multi-column.f-multi-column-6, .c-uhfh .f-multi-column.f-multi-column-5 { width: 1025px } .c-uhfh .f-multi-column.f-multi-column-4 { width: 820px } .c-uhfh .f-multi-column.f-multi-column-3 { width: 615px } } @media only screen and (min-width:860px) and (min-width:1230px) { .c-uhfh .f-multi-column.f-multi-column-6 { width: 1230px } .c-uhfh .f-multi-column.f-multi-column-5 { width: 1025px } .c-uhfh .f-multi-column.f-multi-column-4 { width: 820px } .c-uhfh .f-multi-column.f-multi-column-3 { width: 615px } } @media only screen and (min-width:860px) and (min-width:1230px) and (max-width:1300px) { .c-uhfh.c-sgl-stck .c-uhfh-actions.no-uhf-actions-exists .f-multi-column.f-multi-column-6 { width: 1025px } } @media screen and (min-width:860px) { .c-uhfh .c-search input[type="search"] { max-width: 100%; width: 264px } .c-uhfh .c-search input[type="search"]:hover { border-color: rgba(0, 0, 0, .8) } .c-uhfh .c-action-trigger.glyph-chevron-left { float: left; border-right: 1px solid; outline: transparent solid 1px } .c-uhfh .c-action-trigger.glyph-chevron-right { float: right; border-left: 1px solid; outline: transparent solid 1px } .c-uhfh>[class*="theme-"] { background: #fff } .c-uhfh>[class*="theme-"] .c-action-trigger, .c-uhfh>[class*="theme-"] .c-logo, .c-uhfh>[class*="theme-"] .c-uhf-nav-link, .c-uhfh>[class*="theme-"] .c-uhf-menu a, .c-uhfh>[class*="theme-"] .c-uhf-menu button, .c-uhfh>[class*="theme-"] .c-me:not(.msame_open) .msame_Header_name { color: #262626 } .c-uhfh>[class*="theme-"] .c-logo:hover, .c-uhfh>[class*="theme-"] .c-logo:focus, .c-uhfh>[class*="theme-"] .c-uhf-nav-link:hover, .c-uhfh>[class*="theme-"] .c-uhf-nav-link:focus, .c-uhfh>[class*="theme-"] .c-uhf-menu>button:hover, .c-uhfh>[class*="theme-"] .c-uhf-menu>button:focus { background: transparent } .c-uhfh>[class*="theme-"] button.c-action-trigger[class*="glyph-chevron-"] { border-color: rgba(0, 0, 0, .1) } .c-uhfh>[class*="theme-"] .c-uhf-menu ul, .c-uhfh>[class*="theme-"] .c-uhf-menu ul .f-flip { border-bottom-color: #262626 } .c-uhfh>[class*="theme-"] .c-uhf-menu>button[aria-expanded="true"], .c-uhfh>[class*="theme-"] .c-uhf-menu>ul { background: #f2f2f2 } .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>a:hover, .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>a:focus, .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>button:hover, .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>button:focus, .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>ul { background: #e6e6e6 } .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>ul>li :hover, .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>ul>li :focus, .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>ul>li>[aria-expanded="true"] { background: #d9d9d9 } .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>ul>li>ul { background: #d9d9d9 } .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>ul>li>ul>li :hover, .c-uhfh>[class*="theme-"] .c-uhf-menu>ul>li>ul>li>ul>li :focus { background: #ccc } .c-uhfh .theme-light .c-uhf-menu>button[aria-expanded="true"] { border-color: rgba(0, 0, 0, .05) rgba(0, 0, 0, .05) transparent } .c-uhfh .theme-light .c-uhf-menu>button+ul { border-color: rgba(0, 0, 0, .05) rgba(0, 0, 0, .05) #000; margin-top: -2px } .c-uhfh .theme-light .c-uhf-menu>button+ul>li ul { border-color: rgba(0, 0, 0, .05) rgba(0, 0, 0, .05) #000 transparent; margin-top: -1px } .c-uhfh .theme-light .c-uhf-menu>button+ul>li ul.f-flip { border-color: rgba(0, 0, 0, .05) transparent #000 rgba(0, 0, 0, .05) } .c-uhfh .theme-light .c-call-to-action.f-image { color: #262626 } .c-uhfh .theme-light .c-call-to-action.f-image:focus { outline-color: #000 } .c-uhfh .theme-dark .c-uhf-menu>button[aria-expanded="true"] { border-color: rgba(255, 255, 255, .05) rgba(255, 255, 255, .05) transparent } .c-uhfh .theme-dark .c-uhf-menu>button+ul { border-color: rgba(255, 255, 255, .05) rgba(255, 255, 255, .05) #000; margin-top: -2px } .c-uhfh .theme-dark .c-uhf-menu>button+ul>li ul { border-color: rgba(255, 255, 255, .05) rgba(255, 255, 255, .05) #000 transparent; margin-top: -1px } .c-uhfh .theme-dark .c-uhf-menu>button+ul>li ul.f-flip { border-color: rgba(255, 255, 255, .05) transparent #000 rgba(255, 255, 255, .05) } .c-uhfh .theme-dark .c-call-to-action.f-image { color: #f2f2f2 } .c-uhfh .theme-dark .c-call-to-action.f-image:focus { outline-color: #fff } .c-uhfh .c-uhf-menu [aria-expanded], .c-uhfh .c-uhf-menu a, .c-uhfh li.f-sub-menu [aria-expanded], .c-uhfh li.f-sub-menu a { position: relative; z-index: 701 } .c-uhfh .c-uhf-menu [aria-expanded]:focus:not(.x-hidden-focus), .c-uhfh .c-uhf-menu a:focus:not(.x-hidden-focus), .c-uhfh li.f-sub-menu [aria-expanded]:focus:not(.x-hidden-focus), .c-uhfh li.f-sub-menu a:focus:not(.x-hidden-focus) { z-index: 702 } .c-uhfh .c-uhf-menu [aria-expanded="true"]:focus:not(.x-hidden-focus)+ul { z-index: 699 } .c-uhfh .c-pivot-menu { font-weight: 600 } .c-uhfh li.f-sub-menu [aria-expanded="true"] { z-index: 700 } .c-uhfh.f-transparent .f-transparent { position: absolute; width: 100% } .c-uhfh.f-transparent .f-transparent .c-search input[type="search"] { border-color: rgba(255, 255, 255, .4) } .c-uhfh.f-transparent .f-transparent .c-search input[type="search"]:hover { border-color: rgba(255, 255, 255, .8) } } @media only screen and (min-width:860px) and (min-width:1400px) and (max-width:1778px) { .c-uhfh.f-transparent { margin-top: 8px } } @media only screen and (min-width:860px) and (min-width:1779px) { .c-uhfh.f-transparent { margin-top: 12px } } @media screen and (min-width:860px) { .c-uhfh.f-transparent .c-uhf-menu>ul { top: 100% } .c-uhfh.f-transparent>div+div { top: 50px } .c-uhfh>.f-transparent.theme-light { background: transparent } .c-uhfh>.f-transparent.theme-light .c-action-trigger, .c-uhfh>.f-transparent.theme-light .c-logo, .c-uhfh>.f-transparent.theme-light .c-uhf-nav-link, .c-uhfh>.f-transparent.theme-light .c-uhf-menu a, .c-uhfh>.f-transparent.theme-light .c-uhf-menu button, .c-uhfh>.f-transparent.theme-light .c-me:not(.msame_open) .msame_Header_name { color: #262626 } .c-uhfh>.f-transparent.theme-light .c-logo:hover, .c-uhfh>.f-transparent.theme-light .c-logo:focus, .c-uhfh>.f-transparent.theme-light .c-uhf-nav-link:hover, .c-uhfh>.f-transparent.theme-light .c-uhf-nav-link:focus, .c-uhfh>.f-transparent.theme-light .c-uhf-menu>button:hover, .c-uhfh>.f-transparent.theme-light .c-uhf-menu>button:focus { background: transparent } .c-uhfh>.f-transparent.theme-light button.c-action-trigger[class*="glyph-chevron-"] { border-color: rgba(0, 0, 0, .1) } .c-uhfh>.f-transparent.theme-light .c-uhf-menu ul, .c-uhfh>.f-transparent.theme-light .c-uhf-menu ul .f-flip { border-bottom-color: #262626 } .c-uhfh>.f-transparent.theme-light .c-uhf-menu>button[aria-expanded="true"], .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul { background: #f2f2f2 } .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>a:hover, .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>a:focus, .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>button:hover, .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>button:focus, .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>ul { background: #e6e6e6 } .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>ul>li :hover, .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>ul>li :focus, .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>ul>li>[aria-expanded="true"] { background: #d9d9d9 } .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>ul>li>ul { background: #d9d9d9 } .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>ul>li>ul>li :hover, .c-uhfh>.f-transparent.theme-light .c-uhf-menu>ul>li>ul>li>ul>li :focus { background: #ccc } .c-uhfh>.f-transparent.theme-light a:not(.c-call-to-action), .c-uhfh>.f-transparent.theme-light button { color: #262626 } .c-uhfh>.f-transparent.theme-dark { background: transparent } .c-uhfh>.f-transparent.theme-dark .c-action-trigger, .c-uhfh>.f-transparent.theme-dark .c-logo, .c-uhfh>.f-transparent.theme-dark .c-uhf-nav-link, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu a, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu button, .c-uhfh>.f-transparent.theme-dark .c-me:not(.msame_open) .msame_Header_name { color: #f2f2f2 } .c-uhfh>.f-transparent.theme-dark .c-logo:hover, .c-uhfh>.f-transparent.theme-dark .c-logo:focus, .c-uhfh>.f-transparent.theme-dark .c-uhf-nav-link:hover, .c-uhfh>.f-transparent.theme-dark .c-uhf-nav-link:focus, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>button:hover, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>button:focus { background: transparent } .c-uhfh>.f-transparent.theme-dark button.c-action-trigger[class*="glyph-chevron-"] { border-color: rgba(255, 255, 255, .1) } .c-uhfh>.f-transparent.theme-dark .c-uhf-menu ul, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu ul .f-flip { border-bottom-color: #f2f2f2 } .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>button[aria-expanded="true"], .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul { background: #1a1a1a } .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>a:hover, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>a:focus, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>button:hover, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>button:focus, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>ul { background: #262626 } .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>ul>li :hover, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>ul>li :focus, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>ul>li>[aria-expanded="true"] { background: #333 } .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>ul>li>ul { background: #333 } .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>ul>li>ul>li :hover, .c-uhfh>.f-transparent.theme-dark .c-uhf-menu>ul>li>ul>li>ul>li :focus { background: #404040 } .c-uhfh>.f-transparent.theme-dark a:not(.c-call-to-action), .c-uhfh>.f-transparent.theme-dark button { color: #f2f2f2 } .c-uhfh>.f-transparent:first-child.theme-light ul { border-bottom-color: #000 } .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>button[aria-expanded="true"]:hover, .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>button[aria-expanded="true"] { background: #f2f2f2 } .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>button:before { background: #262626 } .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul { background: #f2f2f2 } .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>a:focus, .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>a:hover, .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>a[aria-expanded="true"], .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>button:focus, .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>button:hover, .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>button[aria-expanded="true"] { background: #e6e6e6 } .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>ul { background: #e6e6e6 } .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>ul a:focus, .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>ul a:hover, .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>ul button:focus, .c-uhfh>.f-transparent:first-child.theme-light .c-uhf-menu>ul>li>ul button:hover { background: #d9d9d9 } .c-uhfh>.f-transparent:first-child.theme-dark ul { border-bottom-color: #f2f2f2 } .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>button[aria-expanded="true"]:hover, .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>button[aria-expanded="true"] { background: #1a1a1a } .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>button:hover:before, .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>button:focus:before { background: #f2f2f2 } .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul { background: #1a1a1a } .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>a:focus, .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>a:hover, .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>a[aria-expanded="true"], .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>button:focus, .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>button:hover, .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>button[aria-expanded="true"] { background: #262626 } .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>ul { background: #262626 } .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>ul a:focus, .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>ul a:hover, .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>ul button:focus, .c-uhfh>.f-transparent:first-child.theme-dark .c-uhf-menu>ul>li>ul button:hover { background: #333 } .c-uhfh .f-transparent>div+div>div .c-action-trigger.glyph-chevron-left { border-right: 1px solid #000 } .c-uhfh .f-transparent.theme-light .c-action-trigger.glyph-shopping-cart, .c-uhfh .f-transparent.theme-light .c-action-trigger.glyph-shopping-bag { color: rgba(0, 0, 0, .6) } .c-uhfh .f-transparent.theme-light .c-action-trigger.glyph-shopping-cart:hover, .c-uhfh .f-transparent.theme-light .c-action-trigger.glyph-shopping-cart:focus, .c-uhfh .f-transparent.theme-light .c-action-trigger.glyph-shopping-bag:hover, .c-uhfh .f-transparent.theme-light .c-action-trigger.glyph-shopping-bag:focus { color: rgba(0, 0, 0, .8) } .c-uhfh .f-transparent.theme-dark .c-action-trigger.glyph-shopping-cart, .c-uhfh .f-transparent.theme-dark .c-action-trigger.glyph-shopping-bag { color: #fff } .c-uhfh .f-transparent.theme-dark .c-action-trigger.glyph-shopping-cart:hover, .c-uhfh .f-transparent.theme-dark .c-action-trigger.glyph-shopping-cart:focus, .c-uhfh .f-transparent.theme-dark .c-action-trigger.glyph-shopping-bag:hover, .c-uhfh .f-transparent.theme-dark .c-action-trigger.glyph-shopping-bag:focus { color: #fff } .c-uhfh div[class*="brand-"] .c-uhf-menu>button[aria-expanded="true"] { border-color: transparent } .c-uhfh div[class*="brand-"] .c-uhf-menu>button+ul { border-color: rgba(0, 0, 0, .05); border-top-width: 0; margin-top: -1px } .c-uhfh div[class*="brand-"] .c-uhf-menu>button+ul>li:first-child { margin-top: 1px } .c-uhfh div[class*="brand-"] .c-uhf-menu>button+ul>li ul { border-color: rgba(0, 0, 0, .05); border-top-width: 0; margin-top: 0 } .c-uhfh div[class*="brand-"] .c-uhf-menu>button+ul>li ul.f-flip { border-color: rgba(0, 0, 0, .05); border-right: 0 } .c-uhfh div[class*="brand-"] .c-logo:before, .c-uhfh div[class*="brand-"] .c-uhf-nav-link:before, .c-uhfh div[class*="brand-"] .c-uhf-menu>button:before { background: transparent } .c-uhfh div[class*="brand-"] .c-uhf-nav-link:hover { color: #e6e6e6; text-decoration: underline } .c-uhfh .f-branded .c-uhf-nav-link:hover:before, .c-uhfh .f-branded .c-uhf-nav-link:focus:before, .c-uhfh .f-branded .c-uhf-menu>button:hover:before, .c-uhfh .f-branded .c-uhf-menu>button:focus:before { display: none !important } .c-uhfh .f-branded .c-uhf-nav-link:hover, .c-uhfh .f-branded .c-uhf-menu>button:hover { text-decoration: underline !important } .c-uhfh .f-branded.theme-light .c-uhf-menu ul { border-bottom: 1px solid rgba(0, 0, 0, .05) } .c-uhfh .f-branded.theme-dark .c-uhf-menu ul { border-bottom: 1px solid rgba(255, 255, 255, .05) } .c-uhfh .brand-blue { background: #0067b8 } .c-uhfh .brand-blue .c-action-trigger, .c-uhfh .brand-blue .c-logo, .c-uhfh .brand-blue .c-uhf-nav-link, .c-uhfh .brand-blue .c-uhf-menu a, .c-uhfh .brand-blue .c-uhf-menu button, .c-uhfh .brand-blue .c-me:not(.msame_open) .msame_Header_name { color: #fff } .c-uhfh .brand-blue .c-logo:hover, .c-uhfh .brand-blue .c-logo:focus, .c-uhfh .brand-blue .c-uhf-nav-link:hover, .c-uhfh .brand-blue .c-uhf-nav-link:focus, .c-uhfh .brand-blue .c-uhf-menu>button:hover, .c-uhfh .brand-blue .c-uhf-menu>button:focus { background: #005da6 } .c-uhfh .brand-blue button.c-action-trigger[class*="glyph-chevron-"] { border-color: rgba(255, 255, 255, .1) } .c-uhfh .brand-blue .c-uhf-menu ul, .c-uhfh .brand-blue .c-uhf-menu ul .f-flip { border-bottom-color: #fff } .c-uhfh .brand-blue .c-uhf-menu>button[aria-expanded="true"], .c-uhfh .brand-blue .c-uhf-menu>ul { background: #005da6 } .c-uhfh .brand-blue .c-uhf-menu>ul>li>a:hover, .c-uhfh .brand-blue .c-uhf-menu>ul>li>a:focus, .c-uhfh .brand-blue .c-uhf-menu>ul>li>button:hover, .c-uhfh .brand-blue .c-uhf-menu>ul>li>button:focus, .c-uhfh .brand-blue .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh .brand-blue .c-uhf-menu>ul>li>ul { background: #005293 } .c-uhfh .brand-blue .c-uhf-menu>ul>li>ul>li :hover, .c-uhfh .brand-blue .c-uhf-menu>ul>li>ul>li :focus, .c-uhfh .brand-blue .c-uhf-menu>ul>li>ul>li>[aria-expanded="true"] { background: #004881 } .c-uhfh .brand-blue .c-uhf-menu>ul>li>ul>li>ul { background: #004881 } .c-uhfh .brand-blue .c-uhf-menu>ul>li>ul>li>ul>li :hover, .c-uhfh .brand-blue .c-uhf-menu>ul>li>ul>li>ul>li :focus { background: #003e6e } .c-uhfh .brand-green { background: #107c10 } .c-uhfh .brand-green .c-action-trigger, .c-uhfh .brand-green .c-logo, .c-uhfh .brand-green .c-uhf-nav-link, .c-uhfh .brand-green .c-uhf-menu a, .c-uhfh .brand-green .c-uhf-menu button, .c-uhfh .brand-green .c-me:not(.msame_open) .msame_Header_name { color: #fff } .c-uhfh .brand-green .c-logo:hover, .c-uhfh .brand-green .c-logo:focus, .c-uhfh .brand-green .c-uhf-nav-link:hover, .c-uhfh .brand-green .c-uhf-nav-link:focus, .c-uhfh .brand-green .c-uhf-menu>button:hover, .c-uhfh .brand-green .c-uhf-menu>button:focus { background: #0e700e } .c-uhfh .brand-green button.c-action-trigger[class*="glyph-chevron-"] { border-color: rgba(255, 255, 255, .1) } .c-uhfh .brand-green .c-uhf-menu ul, .c-uhfh .brand-green .c-uhf-menu ul .f-flip { border-bottom-color: #fff } .c-uhfh .brand-green .c-uhf-menu>button[aria-expanded="true"], .c-uhfh .brand-green .c-uhf-menu>ul { background: #0e700e } .c-uhfh .brand-green .c-uhf-menu>ul>li>a:hover, .c-uhfh .brand-green .c-uhf-menu>ul>li>a:focus, .c-uhfh .brand-green .c-uhf-menu>ul>li>button:hover, .c-uhfh .brand-green .c-uhf-menu>ul>li>button:focus, .c-uhfh .brand-green .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh .brand-green .c-uhf-menu>ul>li>ul { background: #0d630d } .c-uhfh .brand-green .c-uhf-menu>ul>li>ul>li :hover, .c-uhfh .brand-green .c-uhf-menu>ul>li>ul>li :focus, .c-uhfh .brand-green .c-uhf-menu>ul>li>ul>li>[aria-expanded="true"] { background: #0b570b } .c-uhfh .brand-green .c-uhf-menu>ul>li>ul>li>ul { background: #0b570b } .c-uhfh .brand-green .c-uhf-menu>ul>li>ul>li>ul>li :hover, .c-uhfh .brand-green .c-uhf-menu>ul>li>ul>li>ul>li :focus { background: #0a4a0a } .c-uhfh .brand-neutral { background: #2f2f2f } .c-uhfh .brand-neutral .c-action-trigger, .c-uhfh .brand-neutral .c-logo, .c-uhfh .brand-neutral .c-uhf-nav-link, .c-uhfh .brand-neutral .c-uhf-menu a, .c-uhfh .brand-neutral .c-uhf-menu button, .c-uhfh .brand-neutral .c-me:not(.msame_open) .msame_Header_name { color: #fff } .c-uhfh .brand-neutral .c-logo:hover, .c-uhfh .brand-neutral .c-logo:focus, .c-uhfh .brand-neutral .c-uhf-nav-link:hover, .c-uhfh .brand-neutral .c-uhf-nav-link:focus, .c-uhfh .brand-neutral .c-uhf-menu>button:hover, .c-uhfh .brand-neutral .c-uhf-menu>button:focus { background: #464646 } .c-uhfh .brand-neutral button.c-action-trigger[class*="glyph-chevron-"] { border-color: rgba(255, 255, 255, .1) } .c-uhfh .brand-neutral .c-uhf-menu ul, .c-uhfh .brand-neutral .c-uhf-menu ul .f-flip { border-bottom-color: #fff } .c-uhfh .brand-neutral .c-uhf-menu>button[aria-expanded="true"], .c-uhfh .brand-neutral .c-uhf-menu>ul { background: #464646 } .c-uhfh .brand-neutral .c-uhf-menu>ul>li>a:hover, .c-uhfh .brand-neutral .c-uhf-menu>ul>li>a:focus, .c-uhfh .brand-neutral .c-uhf-menu>ul>li>button:hover, .c-uhfh .brand-neutral .c-uhf-menu>ul>li>button:focus, .c-uhfh .brand-neutral .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh .brand-neutral .c-uhf-menu>ul>li>ul { background: #505050 } .c-uhfh .brand-neutral .c-uhf-menu>ul>li>ul>li :hover, .c-uhfh .brand-neutral .c-uhf-menu>ul>li>ul>li :focus, .c-uhfh .brand-neutral .c-uhf-menu>ul>li>ul>li>[aria-expanded="true"] { background: #737373 } .c-uhfh .brand-neutral .c-uhf-menu>ul>li>ul>li>ul { background: #737373 } .c-uhfh .brand-neutral .c-uhf-menu>ul>li>ul>li>ul>li :hover, .c-uhfh .brand-neutral .c-uhf-menu>ul>li>ul>li>ul>li :focus { background: #919191 } .c-uhfh .brand-orange { background: #d83b01 } .c-uhfh .brand-orange .c-action-trigger, .c-uhfh .brand-orange .c-logo, .c-uhfh .brand-orange .c-uhf-nav-link, .c-uhfh .brand-orange .c-uhf-menu a, .c-uhfh .brand-orange .c-uhf-menu button, .c-uhfh .brand-orange .c-me:not(.msame_open) .msame_Header_name { color: #fff } .c-uhfh .brand-orange .c-logo:hover, .c-uhfh .brand-orange .c-logo:focus, .c-uhfh .brand-orange .c-uhf-nav-link:hover, .c-uhfh .brand-orange .c-uhf-nav-link:focus, .c-uhfh .brand-orange .c-uhf-menu>button:hover, .c-uhfh .brand-orange .c-uhf-menu>button:focus { background: #c23501 } .c-uhfh .brand-orange button.c-action-trigger[class*="glyph-chevron-"] { border-color: rgba(255, 255, 255, .1) } .c-uhfh .brand-orange .c-uhf-menu ul, .c-uhfh .brand-orange .c-uhf-menu ul .f-flip { border-bottom-color: #fff } .c-uhfh .brand-orange .c-uhf-menu>button[aria-expanded="true"], .c-uhfh .brand-orange .c-uhf-menu>ul { background: #c23501 } .c-uhfh .brand-orange .c-uhf-menu>ul>li>a:hover, .c-uhfh .brand-orange .c-uhf-menu>ul>li>a:focus, .c-uhfh .brand-orange .c-uhf-menu>ul>li>button:hover, .c-uhfh .brand-orange .c-uhf-menu>ul>li>button:focus, .c-uhfh .brand-orange .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh .brand-orange .c-uhf-menu>ul>li>ul { background: #ad2f01 } .c-uhfh .brand-orange .c-uhf-menu>ul>li>ul>li :hover, .c-uhfh .brand-orange .c-uhf-menu>ul>li>ul>li :focus, .c-uhfh .brand-orange .c-uhf-menu>ul>li>ul>li>[aria-expanded="true"] { background: #972901 } .c-uhfh .brand-orange .c-uhf-menu>ul>li>ul>li>ul { background: #972901 } .c-uhfh .brand-orange .c-uhf-menu>ul>li>ul>li>ul>li :hover, .c-uhfh .brand-orange .c-uhf-menu>ul>li>ul>li>ul>li :focus { background: #822301 } .c-uhfh .brand-purple { background: #5c2e91 } .c-uhfh .brand-purple .c-action-trigger, .c-uhfh .brand-purple .c-logo, .c-uhfh .brand-purple .c-uhf-nav-link, .c-uhfh .brand-purple .c-uhf-menu a, .c-uhfh .brand-purple .c-uhf-menu button, .c-uhfh .brand-purple .c-me:not(.msame_open) .msame_Header_name { color: #fff } .c-uhfh .brand-purple .c-logo:hover, .c-uhfh .brand-purple .c-logo:focus, .c-uhfh .brand-purple .c-uhf-nav-link:hover, .c-uhfh .brand-purple .c-uhf-nav-link:focus, .c-uhfh .brand-purple .c-uhf-menu>button:hover, .c-uhfh .brand-purple .c-uhf-menu>button:focus { background: #532983 } .c-uhfh .brand-purple button.c-action-trigger[class*="glyph-chevron-"] { border-color: rgba(255, 255, 255, .1) } .c-uhfh .brand-purple .c-uhf-menu ul, .c-uhfh .brand-purple .c-uhf-menu ul .f-flip { border-bottom-color: #fff } .c-uhfh .brand-purple .c-uhf-menu>button[aria-expanded="true"], .c-uhfh .brand-purple .c-uhf-menu>ul { background: #532983 } .c-uhfh .brand-purple .c-uhf-menu>ul>li>a:hover, .c-uhfh .brand-purple .c-uhf-menu>ul>li>a:focus, .c-uhfh .brand-purple .c-uhf-menu>ul>li>button:hover, .c-uhfh .brand-purple .c-uhf-menu>ul>li>button:focus, .c-uhfh .brand-purple .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh .brand-purple .c-uhf-menu>ul>li>ul { background: #4a2574 } .c-uhfh .brand-purple .c-uhf-menu>ul>li>ul>li :hover, .c-uhfh .brand-purple .c-uhf-menu>ul>li>ul>li :focus, .c-uhfh .brand-purple .c-uhf-menu>ul>li>ul>li>[aria-expanded="true"] { background: #402066 } .c-uhfh .brand-purple .c-uhf-menu>ul>li>ul>li>ul { background: #402066 } .c-uhfh .brand-purple .c-uhf-menu>ul>li>ul>li>ul>li :hover, .c-uhfh .brand-purple .c-uhf-menu>ul>li>ul>li>ul>li :focus { background: #371c57 } .c-uhfh .brand-dark-blue { background: #002050 } .c-uhfh .brand-dark-blue .c-action-trigger, .c-uhfh .brand-dark-blue .c-logo, .c-uhfh .brand-dark-blue .c-uhf-nav-link, .c-uhfh .brand-dark-blue .c-uhf-menu a, .c-uhfh .brand-dark-blue .c-uhf-menu button, .c-uhfh .brand-dark-blue .c-me:not(.msame_open) .msame_Header_name { color: #fff } .c-uhfh .brand-dark-blue .c-logo:hover, .c-uhfh .brand-dark-blue .c-logo:focus, .c-uhfh .brand-dark-blue .c-uhf-nav-link:hover, .c-uhfh .brand-dark-blue .c-uhf-nav-link:focus, .c-uhfh .brand-dark-blue .c-uhf-menu>button:hover, .c-uhfh .brand-dark-blue .c-uhf-menu>button:focus { background: #001d48 } .c-uhfh .brand-dark-blue button.c-action-trigger[class*="glyph-chevron-"] { border-color: rgba(255, 255, 255, .1) } .c-uhfh .brand-dark-blue .c-uhf-menu ul, .c-uhfh .brand-dark-blue .c-uhf-menu ul .f-flip { border-bottom-color: #fff } .c-uhfh .brand-dark-blue .c-uhf-menu>button[aria-expanded="true"], .c-uhfh .brand-dark-blue .c-uhf-menu>ul { background: #001d48 } .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>a:hover, .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>a:focus, .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>button:hover, .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>button:focus, .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>[aria-expanded="true"], .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>ul { background: #001a40 } .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>ul>li :hover, .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>ul>li :focus, .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>ul>li>[aria-expanded="true"] { background: #001638 } .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>ul>li>ul { background: #001638 } .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>ul>li>ul>li :hover, .c-uhfh .brand-dark-blue .c-uhf-menu>ul>li>ul>li>ul>li :focus { background: #001330 } .c-uhfh-alert { margin-top: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: relative } .c-uhfh-alert>div { display: flex; max-width: 1600px; float: inherit; width: 90%; margin: 0 auto; height: 75px } .c-uhfh-alert>div>.c-group { align-self: center } .c-uhfh-alert>div>.c-paragraph { display: inline-flex; margin: auto; width: 100%; align-self: center } .c-uhfh-alert>div>.c-paragraph>.c-group { display: inline; float: right; margin-left: -2px; overflow: visible } .c-uhfh-alert>div>.c-paragraph>.c-group>.c-action-trigger { font-size: 13px; margin: -7px 0 0 } .c-uhfh-alert>div>.c-paragraph>.c-group>.c-action-trigger:first-child { padding: 0 0 0 0 } .c-uhfh-alert>div>.c-paragraph>.c-group>.c-action-trigger:first-child:focus { outline: 1px dashed #000 } .c-uhfh-alert>div>.c-paragraph>.c-group>.c-action-trigger:last-child { padding: 0 0 0 0 } .c-uhfh-alert>div>.c-paragraph>.c-group>.c-action-trigger:last-child:focus { outline: 1px dashed #000 } #epb .epb-container { color: #fff; height: 75px } #epb .epb-container.theme-dark { background-color: #0067b8 } #epb .epb-container.theme-dark.b-black { background-color: #000 } #epb .epb-container.theme-dark.b-blue { background-color: #0067b8 } #epb .epb-container.theme-dark.b-gray { background-color: #ccc } #epb .epb-container.theme-dark.b-white { background-color: #fff } #epb .epb-container.theme-dark .c-group .c-action-cancel:focus { background: transparent; outline: 1px dashed #fff } #epb .epb-container.theme-dark .c-group .c-action-open, #epb .epb-container.theme-dark .c-group .c-action-open:hover, #epb .epb-container.theme-dark .c-group .c-action-open:focus, #epb .epb-container.theme-dark .c-group .c-action-open:active { background-color: #fff !important; color: #000 } #epb .epb-container.theme-dark .c-group .c-action-open.btn-white, #epb .epb-container.theme-dark .c-group .c-action-open:hover.btn-white, #epb .epb-container.theme-dark .c-group .c-action-open:focus.btn-white, #epb .epb-container.theme-dark .c-group .c-action-open:active.btn-white { background-color: #fff !important } #epb .epb-container.theme-dark .c-group .c-action-open.btn-blue, #epb .epb-container.theme-dark .c-group .c-action-open:hover.btn-blue, #epb .epb-container.theme-dark .c-group .c-action-open:focus.btn-blue, #epb .epb-container.theme-dark .c-group .c-action-open:active.btn-blue { background-color: #0067b8 !important } #epb .epb-container.theme-dark .c-group .c-action-open.btn-light-blue, #epb .epb-container.theme-dark .c-group .c-action-open:hover.btn-light-blue, #epb .epb-container.theme-dark .c-group .c-action-open:focus.btn-light-blue, #epb .epb-container.theme-dark .c-group .c-action-open:active.btn-light-blue { background-color: #0078d4 !important } #epb .epb-container.theme-dark .c-group .c-action-open.btn-gray, #epb .epb-container.theme-dark .c-group .c-action-open:hover.btn-gray, #epb .epb-container.theme-dark .c-group .c-action-open:focus.btn-gray, #epb .epb-container.theme-dark .c-group .c-action-open:active.btn-gray { background-color: #ccc !important } #epb .epb-container.theme-dark .c-group .c-action-open.btn-red, #epb .epb-container.theme-dark .c-group .c-action-open:hover.btn-red, #epb .epb-container.theme-dark .c-group .c-action-open:focus.btn-red, #epb .epb-container.theme-dark .c-group .c-action-open:active.btn-red { background-color: #e0001b !important } #epb .epb-container.theme-dark .c-group .c-action-cancel { text-decoration: underline !important } #epb .epb-container.theme-dark .c-group .c-action-open:focus { background: #fff !important } #epb .epb-container.theme-light { background-color: #fff; box-shadow: 1px 1px 5px 3px #ccc; margin-bottom: 10px } #epb .epb-container.theme-light.b-black { background-color: #000 } #epb .epb-container.theme-light.b-blue { background-color: #0067b8 } #epb .epb-container.theme-light.b-gray { background-color: #ccc } #epb .epb-container.theme-light.b-white { background-color: #fff } #epb .epb-container.theme-light .c-text-group .epb-text { color: #000 } #epb .epb-container.theme-light .c-text-group .epb-launch { color: #000 } #epb .epb-container.theme-light .c-group .c-action-trigger { color: #444 } #epb .epb-container.theme-light .c-group .c-action-cancel { text-decoration: underline !important } #epb .epb-container.theme-light .c-group .c-action-cancel:focus { background: none; outline: 1px dashed #000 } #epb .epb-container.theme-light .c-group .c-action-open, #epb .epb-container.theme-light .c-group .c-action-open:hover, #epb .epb-container.theme-light .c-group .c-action-open:focus, #epb .epb-container.theme-light .c-group .c-action-open:active { background-color: #0067b8 !important; color: #fff } #epb .epb-container.theme-light .c-group .c-action-open.btn-blue, #epb .epb-container.theme-light .c-group .c-action-open:hover.btn-blue, #epb .epb-container.theme-light .c-group .c-action-open:focus.btn-blue, #epb .epb-container.theme-light .c-group .c-action-open:active.btn-blue { background-color: #0067b8 !important } #epb .epb-container.theme-light .c-group .c-action-open.btn-light-blue, #epb .epb-container.theme-light .c-group .c-action-open:hover.btn-light-blue, #epb .epb-container.theme-light .c-group .c-action-open:focus.btn-light-blue, #epb .epb-container.theme-light .c-group .c-action-open:active.btn-light-blue { background-color: #0078d4 !important } #epb .epb-container.theme-light .c-group .c-action-open.btn-gray, #epb .epb-container.theme-light .c-group .c-action-open:hover.btn-gray, #epb .epb-container.theme-light .c-group .c-action-open:focus.btn-gray, #epb .epb-container.theme-light .c-group .c-action-open:active.btn-gray { background-color: #ccc !important } #epb .epb-container.theme-light .c-group .c-action-open.btn-red, #epb .epb-container.theme-light .c-group .c-action-open:hover.btn-red, #epb .epb-container.theme-light .c-group .c-action-open:focus.btn-red, #epb .epb-container.theme-light .c-group .c-action-open:active.btn-red { background-color: #e0001b !important } #epb .epb-container.theme-light .c-group .c-action-open.btn-white, #epb .epb-container.theme-light .c-group .c-action-open:hover.btn-white, #epb .epb-container.theme-light .c-group .c-action-open:focus.btn-white, #epb .epb-container.theme-light .c-group .c-action-open:active.btn-white { background-color: #fff !important } #epb .epb-container.theme-light .c-group .c-action-open:focus { background: #0067b8 !important; outline: 1px dashed #000 } #epb .epb-container>div .c-paragraph>img { max-height: 75px; float: left; margin-right: 12px; margin-bottom: auto; margin-top: auto } #epb .epb-container .c-text-group { float: left; margin-top: auto; margin-bottom: auto; max-height: 75px; overflow: hidden } #epb .epb-container .c-text-group .epb-text { display: block; font-size: 13px; line-height: 24px } #epb .epb-container .c-text-group .epb-launch { font-size: 18px; font-weight: 500; line-height: 24px } #epb .epb-container .c-group { margin-bottom: auto; margin-top: auto } #epb .epb-container .c-group .c-action-trigger { font-size: 14px; line-height: 16px; margin-top: 0; min-width: 120px; text-align: center } #epb .epb-container .c-group .c-action-cancel { padding-right: 0; margin-right: 12px } #epb .epb-container .c-group .c-action-open { font-size: 15px; letter-spacing: 0; line-height: 18px; min-width: 160px; text-align: center } .c-me { float: left; padding-top: 3px } .c-me .msame_Header { border: 1px solid transparent; border-bottom-style: none; min-width: 56px; position: relative; z-index: 3000001; display: inline-flex; display: -webkit-inline-flex; display: -ms-inline-flexbox } .c-me .msame_unauth .msame_Header_name:hover { color: #0067b8 !important } .c-me .msame_Header_name { font-size: inherit; margin-top: 2px; margin-left: 16px; padding: 0 5px; line-height: 46px; height: 46px; color: rgba(0, 0, 0, .8); max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .c-me .msame_Header>div { display: inline-block; vertical-align: middle } .c-me .msame_Header_piccont { padding: 5px 12px 0 8px } .c-me.msame_open .msame_Header { border-color: rgba(0, 0, 0, .1); background: #fff } #meControlDropdown.msame_Drop_root { background: #fff } #meControlDropdown.msame_Drop_root, #meControlDropdown.msame_Drop_root .msame_Drop_topb, #meControlDropdown.msame_Drop_root .msame_Drop_sep { border-color: rgba(0, 0, 0, .1) } #meControlDropdown.msame_Drop_root .msame_Drop_active_email, #meControlDropdown.msame_Drop_root .msame_Drop_AI_email, #meControlDropdown.msame_Drop_root .msame_Drop_AI_status { color: rgba(0, 0, 0, .6) } #meControlDropdown.msame_Drop_root .msame_Drop_active_name, #meControlDropdown.msame_Drop_root .msame_Drop_SI a:link, #meControlDropdown.msame_Drop_root .msame_Drop_SI a:visited, #meControlDropdown.msame_Drop_root .msame_Drop_AI_name, #meControlDropdown.msame_Drop_root .msame_Drop_AI_remove:hover, #meControlDropdown.msame_Drop_root .msame_Drop_AI.switch:hover { color: #000 } #meControlDropdown.msame_Drop_root .msame_Drop_SI a:active { color: #000 !important; background: #000 } #meControlDropdown.msame_Drop_root .msame_Drop_AI.switch:hover, #meControlDropdown.msame_Drop_root .msame_Drop_SI a:hover { background: rgba(0, 0, 0, .1) } #meControlDropdown.msame_Drop_root .msame_Drop_AI_remove:before { font-family: "MWF-MDL2"; content: ""; display: inline-block; font-size: 12px; position: absolute; margin-left: -6px; width: 14px } #meControlDropdown.msame_Drop_root .msame_Drop_AI_remove img { opacity: 0 } .c-uhfh-gcontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .c-uhfh-gcontainer button.c-action-trigger.glyph-chevron-left { float: left } .c-uhfh-gnav { float: left; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .c-uhfh.context-noflex .c-uhfh-gnav { max-width: 390px } .f-search-opened .c-uhfh-gnav { display: none } .c-uhfh-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: none; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .f-search-opened .c-uhfh-actions { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .c-uhfh-gcontainer .c-action-trigger[class^=glyph-chevron] { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .x-uhf-zero-width { visibility: hidden !important; width: 0 !important; padding: 0 !important } } .sticky-footer.footer-bottom { position: absolute; bottom: 0; width: 100% } @media only screen and (min-width:1400px) { .c-uhfh.c-sgl-stck .js-paddle-items>li:last-child>div>button { margin-right: 0 } .c-uhfh.c-sgl-stck .c-search input[type="search"] { max-width: 1300px !important; width: auto } .c-uhfh.c-sgl-stck .c-search button[aria-expanded="false"] { position: relative } } @media only screen and (min-width:1779px) { .c-uhfh>div:first-child .c-search button { margin-right: 1px !important } .c-uhfh>div:first-child>div>div>.c-uhf-menu>button { margin-left: 12px !important } .c-uhfh>div:first-child>div>div>.c-uhf-menu>button:before { width: calc(100% - 39px) !important } .c-uhfh .c-action-trigger.glyph-shopping-cart, .c-uhfh .c-action-trigger.glyph-shopping-bag { margin-left: 18px !important } .c-uhfh .c-uhf-nav-link { margin-left: 4px !important; margin-right: 4px !important } .c-uhfh .c-uhfh-gnav button { margin-right: -6px !important } .c-uhfh .c-uhf-menu>button { padding: 16px 30px 16px 16px } .c-uhfh .c-uhf-menu>button:before { width: calc(100% - 45px) !important } .c-uhfh .c-logo.c-cat-logo { padding-right: 10px !important; margin-left: 32px } .c-uhfh .c-show-pipe::before { padding-left: 24px } .c-uhfh #c-uhf-nav-cta { margin-left: 15px !important } .c-uhfh .c-uhfh-actions .wf-menu .c-uhf-menu>button { padding-right: 24px !important } .c-uhfh .c-uhfh-actions .wf-menu .c-uhf-menu>button:before { width: calc(100% - 39px) !important } .c-uhfh .c-uhfh-actions .wf-menu .c-uhf-menu>button:after { right: 9px !important } } @media only screen and (min-width:1084px) and (max-width:1399px) { .c-uhfh>div+div { padding-left: calc(5% - 18px); padding-right: 70px } } @media only screen and (max-width:939px) and (min-width:859px) { .c-uhfh.c-sgl-stck div.c-uhf-menu ul:not(.f-multi-column) { width: 170px } .c-uhfh.c-sgl-stck .overflow-menu-list li.nested-menu button { width: 170px } } .ajaxloader { position: relative } .ajaxloader .c-progress { position: fixed !important; top: 0; left: 0; width: 100% !important; height: 100% !important; background: transparent; z-index: 1; cursor: progress } .ajaxloader .c-progress span { visibility: hidden } [data-module="ow-market-selector"] { border-top: 1px solid #aeaeae; background: #f5f5f5 } [data-module="ow-market-selector"] #ow-ajax-update { display: none } [data-module="ow-market-selector"] .ow-market-selector { display: none; justify-content: flex-end; padding: 0 20px } [data-module="ow-market-selector"] .ow-market-selector.active { display: flex } [data-module="ow-market-selector"] .ow-market-selector .ow-market-selector-inner { min-width: 300px } [data-module="ow-market-selector"] .ow-market-selector .c-select { margin-top: 0; max-width: none } [data-module="ow-market-selector"] .ow-market-selector .c-select::after { display: none } [data-module="ow-market-selector"] .ow-market-selector .c-select-menu { margin: 5px 0 } [data-module="ow-market-selector"] .ow-market-selector .c-select-menu>a, [data-module="ow-market-selector"] .ow-market-selector .c-select-menu>button { background-color: #fff; min-width: 296px; padding: 3px 24px 3px 12px; margin: 0 } [data-module="ow-market-selector"] .ow-market-selector .c-select-menu>button { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none } [data-module="ow-market-selector"] .ow-market-selector .c-select-menu>button:after { top: 50%; padding-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item a, [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item span, [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item button { background-color: #fff; padding-top: 5px; padding-bottom: 5px } [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item a:hover, [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item a:focus, [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item a[aria-checked="true"], [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item a[aria-selected="true"], [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item span:hover, [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item span:focus, [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item span[aria-checked="true"], [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item span[aria-selected="true"], [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item button:hover, [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item button:focus, [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item button[aria-checked="true"], [data-module="ow-market-selector"] .ow-market-selector .c-select-menu .c-menu-item button[aria-selected="true"] { background-color: #da3b01; color: #fff } .ow-m-cstm-spcng .ow-bg-2f2f2f, .ow-m-cstm-spcng .ow-bg-dark, .ow-m-cstm-spcng .ow-theme-dark.ow-theme-bg, .ow-m-cstm-spcng .ow-theme-dark .ow-theme-bg { background-color: #2f2f2f } .ow-m-cstm-spcng .ow-bg-e7e7e7 { background-color: #e7e7e7 } .ow-m-cstm-spcng .ow-bg-black { background-color: #000 } .ow-m-cstm-spcng .ow-bg-light, .ow-m-cstm-spcng .ow-theme-light.ow-theme-bg, .ow-m-cstm-spcng .ow-theme-light .ow-theme-bg { background-color: #f5f5f5 } .ow-m-cstm-spcng .ow-bg-light-grey { background-color: #f2f2f2 } .ow-m-cstm-spcng .ow-bg-office { background-color: #d83b01 } .ow-m-cstm-spcng .ow-desktop-spacer, .ow-m-cstm-spcng .ow-tablet-spacer { display: none } .ow-m-cstm-spcng .ow-mobile-spacer { display: block } .ow-m-cstm-spcng .ow-spacer { min-height: 0 } @media(min-width:768px) { .ow-m-cstm-spcng .ow-desktop-spacer { display: block } .ow-m-cstm-spcng .ow-mobile-spacer { display: none } .ow-m-cstm-spcng.ow-tablet-spacing .ow-desktop-spacer { display: none } .ow-m-cstm-spcng.ow-tablet-spacing .ow-tablet-spacer { display: block } } @media(min-width:1400px) { .ow-m-cstm-spcng.ow-tablet-spacing .ow-desktop-spacer { display: block } .ow-m-cstm-spcng.ow-tablet-spacing .ow-tablet-spacer { display: none } } [data-module-id][id^="office-CustomSpacingTemplate"] { min-height: 0 } .ow-brand-o365 { color: #d83b01 } .ow-brand-m365 { color: #0078d4 } .ow-theme-btn-fill-imp, .ow-theme-btn-outline-imp, .ow-theme-btn-buy-fill-imp, .ow-theme-btn-trial-outline-imp { text-transform: uppercase } .ow-theme-btn-fill-imp { color: #fff !important } .ow-theme-btn-outline-imp, .ow-theme-btn-trial-outline-imp { background-color: #fff !important; outline-style: solid !important; outline-width: 1px !important } .ow-theme-btn-outline-imp:hover, .ow-theme-btn-trial-outline-imp:hover { background-color: #f5f5f5 !important } .ow-theme-btn-buy-fill-imp { background-color: #008a00 !important; color: #fff } .ow-theme-btn-buy-fill-imp:hover { background-color: #007233 !important } .ow-theme-btn-trial-outline-imp { color: #008a00 !important; outline-color: #008a00 !important } .ow-theme-access .ow-theme-cl { color: #af2031 } .ow-theme-access .ow-theme-cl-imp { color: #af2031 !important } .ow-theme-access .ow-theme-btn-fill-imp { background-color: #af2031 !important } .ow-theme-access .ow-theme-btn-fill-imp:hover { background-color: #831825 } .ow-theme-access .ow-theme-btn-outline-imp { outline-color: #af2031 !important } .ow-theme-access .ow-theme-bg { background-color: #af2031 } .ow-theme-access .ow-theme-bg-imp { background-color: #af2031 !important } .ow-theme-bookings .ow-theme-cl { color: #00465a } .ow-theme-bookings .ow-theme-cl-imp { color: #00465a !important } .ow-theme-bookings .ow-theme-btn-fill-imp { background-color: #00465a !important } .ow-theme-bookings .ow-theme-btn-fill-imp:hover { background-color: #003544 } .ow-theme-bookings .ow-theme-btn-outline-imp { outline-color: #00465a !important } .ow-theme-bookings .ow-theme-bg { background-color: #00465a } .ow-theme-bookings .ow-theme-bg-imp { background-color: #00465a !important } .ow-theme-businesscenter .ow-theme-cl { color: #ce0f65 } .ow-theme-businesscenter .ow-theme-cl-imp { color: #ce0f65 !important } .ow-theme-businesscenter .ow-theme-btn-fill-imp { background-color: #ce0f65 !important } .ow-theme-businesscenter .ow-theme-btn-fill-imp:hover { background-color: #9b0b4c } .ow-theme-businesscenter .ow-theme-btn-outline-imp { outline-color: #ce0f65 !important } .ow-theme-businesscenter .ow-theme-bg { background-color: #ce0f65 } .ow-theme-businesscenter .ow-theme-bg-imp { background-color: #ce0f65 !important } .ow-theme-buybuttongreen .ow-theme-cl { color: #008a00 } .ow-theme-buybuttongreen .ow-theme-cl-imp { color: #008a00 !important } .ow-theme-buybuttongreen .ow-theme-btn-fill-imp { background-color: #008a00 !important } .ow-theme-buybuttongreen .ow-theme-btn-fill-imp:hover { background-color: #006800 } .ow-theme-buybuttongreen .ow-theme-btn-outline-imp { outline-color: #008a00 !important } .ow-theme-buybuttongreen .ow-theme-bg { background-color: #008a00 } .ow-theme-buybuttongreen .ow-theme-bg-imp { background-color: #008a00 !important } .ow-theme-delve .ow-theme-cl { color: #0078d4 } .ow-theme-delve .ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-delve .ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-delve .ow-theme-btn-fill-imp:hover { background-color: #005a9f } .ow-theme-delve .ow-theme-btn-outline-imp { outline-color: #0078d4 !important } .ow-theme-delve .ow-theme-bg { background-color: #0078d4 } .ow-theme-delve .ow-theme-bg-imp { background-color: #0078d4 !important } .ow-theme-excel .ow-theme-cl { color: #107c41 } .ow-theme-excel .ow-theme-cl-imp { color: #107c41 !important } .ow-theme-excel .ow-theme-btn-fill-imp { background-color: #107c41 !important } .ow-theme-excel .ow-theme-btn-fill-imp:hover { background-color: #0c5d31 } .ow-theme-excel .ow-theme-btn-outline-imp { outline-color: #107c41 !important } .ow-theme-excel .ow-theme-bg { background-color: #107c41 } .ow-theme-excel .ow-theme-bg-imp { background-color: #107c41 !important } .ow-theme-exchange .ow-theme-cl { color: #0078d4 } .ow-theme-exchange .ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-exchange .ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-exchange .ow-theme-btn-fill-imp:hover { background-color: #005a9f } .ow-theme-exchange .ow-theme-btn-outline-imp { outline-color: #0078d4 !important } .ow-theme-exchange .ow-theme-bg { background-color: #0078d4 } .ow-theme-exchange .ow-theme-bg-imp { background-color: #0078d4 !important } .ow-theme-forms .ow-theme-cl { color: #038387 } .ow-theme-forms .ow-theme-cl-imp { color: #038387 !important } .ow-theme-forms .ow-theme-btn-fill-imp { background-color: #038387 !important } .ow-theme-forms .ow-theme-btn-fill-imp:hover { background-color: #026265 } .ow-theme-forms .ow-theme-btn-outline-imp { outline-color: #038387 !important } .ow-theme-forms .ow-theme-bg { background-color: #038387 } .ow-theme-forms .ow-theme-bg-imp { background-color: #038387 !important } .ow-theme-groupme .ow-theme-cl { color: #00bcf2 } .ow-theme-groupme .ow-theme-cl-imp { color: #00bcf2 !important } .ow-theme-groupme .ow-theme-btn-fill-imp { background-color: #00bcf2 !important } .ow-theme-groupme .ow-theme-btn-fill-imp:hover { background-color: #36d2ff } .ow-theme-groupme .ow-theme-btn-outline-imp { outline-color: #00bcf2 !important } .ow-theme-groupme .ow-theme-bg { background-color: #00bcf2 } .ow-theme-groupme .ow-theme-bg-imp { background-color: #00bcf2 !important } .ow-theme-hololens .ow-theme-cl { color: #191919 } .ow-theme-hololens .ow-theme-cl-imp { color: #191919 !important } .ow-theme-hololens .ow-theme-btn-fill-imp { background-color: #191919 !important } .ow-theme-hololens .ow-theme-btn-fill-imp:hover { background-color: #131313 } .ow-theme-hololens .ow-theme-btn-outline-imp { outline-color: #191919 !important } .ow-theme-hololens .ow-theme-bg { background-color: #191919 } .ow-theme-hololens .ow-theme-bg-imp { background-color: #191919 !important } .ow-theme-kaizala .ow-theme-cl { color: #0376d4 } .ow-theme-kaizala .ow-theme-cl-imp { color: #0376d4 !important } .ow-theme-kaizala .ow-theme-btn-fill-imp { background-color: #0376d4 !important } .ow-theme-kaizala .ow-theme-btn-fill-imp:hover { background-color: #02599f } .ow-theme-kaizala .ow-theme-btn-outline-imp { outline-color: #0376d4 !important } .ow-theme-kaizala .ow-theme-bg { background-color: #0376d4 } .ow-theme-kaizala .ow-theme-bg-imp { background-color: #0376d4 !important } .ow-theme-lens .ow-theme-cl { color: #d83b01 } .ow-theme-lens .ow-theme-cl-imp { color: #d83b01 !important } .ow-theme-lens .ow-theme-btn-fill-imp { background-color: #d83b01 !important } .ow-theme-lens .ow-theme-btn-fill-imp:hover { background-color: #a22c01 } .ow-theme-lens .ow-theme-btn-outline-imp { outline-color: #d83b01 !important } .ow-theme-lens .ow-theme-bg { background-color: #d83b01 } .ow-theme-lens .ow-theme-bg-imp { background-color: #d83b01 !important } .ow-theme-lists .ow-theme-cl { color: #974b8b } .ow-theme-lists .ow-theme-cl-imp { color: #974b8b !important } .ow-theme-lists .ow-theme-btn-fill-imp { background-color: #974b8b !important } .ow-theme-lists .ow-theme-btn-fill-imp:hover { background-color: #713868 } .ow-theme-lists .ow-theme-btn-outline-imp { outline-color: #974b8b !important } .ow-theme-lists .ow-theme-bg { background-color: #974b8b } .ow-theme-lists .ow-theme-bg-imp { background-color: #974b8b !important } .ow-theme-microsoft365 .ow-theme-cl { color: #0078d4 } .ow-theme-microsoft365 .ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-btn-fill-imp:hover { background-color: #005a9f } .ow-theme-microsoft365 .ow-theme-btn-outline-imp { outline-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-bg { background-color: #0078d4 } .ow-theme-microsoft365 .ow-theme-bg-imp { background-color: #0078d4 !important } .ow-theme-myanalytics .ow-theme-cl { color: #64c8d8 } .ow-theme-myanalytics .ow-theme-cl-imp { color: #64c8d8 !important } .ow-theme-myanalytics .ow-theme-btn-fill-imp { background-color: #64c8d8 !important } .ow-theme-myanalytics .ow-theme-btn-fill-imp:hover { background-color: #8bd6e2 } .ow-theme-myanalytics .ow-theme-btn-outline-imp { outline-color: #64c8d8 !important } .ow-theme-myanalytics .ow-theme-bg { background-color: #64c8d8 } .ow-theme-myanalytics .ow-theme-bg-imp { background-color: #64c8d8 !important } .ow-theme-mwf .ow-theme-cl { color: #0067b8 } .ow-theme-mwf .ow-theme-cl-imp { color: #0067b8 !important } .ow-theme-mwf .ow-theme-btn-fill-imp { background-color: #0067b8 !important } .ow-theme-mwf .ow-theme-btn-fill-imp:hover { background-color: #004d8a } .ow-theme-mwf .ow-theme-btn-outline-imp { outline-color: #0067b8 !important } .ow-theme-mwf .ow-theme-bg { background-color: #0067b8 } .ow-theme-mwf .ow-theme-bg-imp { background-color: #0067b8 !important } .ow-theme-odfb .ow-theme-cl { color: #0078d4 } .ow-theme-odfb .ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-odfb .ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-odfb .ow-theme-btn-fill-imp:hover { background-color: #005a9f } .ow-theme-odfb .ow-theme-btn-outline-imp { outline-color: #0078d4 !important } .ow-theme-odfb .ow-theme-bg { background-color: #0078d4 } .ow-theme-odfb .ow-theme-bg-imp { background-color: #0078d4 !important } .ow-theme-office .ow-theme-cl { color: #d83b01 } .ow-theme-office .ow-theme-cl-imp { color: #d83b01 !important } .ow-theme-office .ow-theme-btn-fill-imp { background-color: #d83b01 !important } .ow-theme-office .ow-theme-btn-fill-imp:hover { background-color: #a22c01 } .ow-theme-office .ow-theme-btn-outline-imp { outline-color: #d83b01 !important } .ow-theme-office .ow-theme-bg { background-color: #d83b01 } .ow-theme-office .ow-theme-bg-imp { background-color: #d83b01 !important } .ow-theme-onedrive .ow-theme-cl { color: #0078d4 } .ow-theme-onedrive .ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-onedrive .ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-onedrive .ow-theme-btn-fill-imp:hover { background-color: #005a9f } .ow-theme-onedrive .ow-theme-btn-outline-imp { outline-color: #0078d4 !important } .ow-theme-onedrive .ow-theme-bg { background-color: #0078d4 } .ow-theme-onedrive .ow-theme-bg-imp { background-color: #0078d4 !important } .ow-theme-onenote .ow-theme-cl { color: #7719aa } .ow-theme-onenote .ow-theme-cl-imp { color: #7719aa !important } .ow-theme-onenote .ow-theme-btn-fill-imp { background-color: #7719aa !important } .ow-theme-onenote .ow-theme-btn-fill-imp:hover { background-color: #591380 } .ow-theme-onenote .ow-theme-btn-outline-imp { outline-color: #7719aa !important } .ow-theme-onenote .ow-theme-bg { background-color: #7719aa } .ow-theme-onenote .ow-theme-bg-imp { background-color: #7719aa !important } .ow-theme-outlook .ow-theme-cl { color: #0078d4 } .ow-theme-outlook .ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-outlook .ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-outlook .ow-theme-btn-fill-imp:hover { background-color: #005a9f } .ow-theme-outlook .ow-theme-btn-outline-imp { outline-color: #0078d4 !important } .ow-theme-outlook .ow-theme-bg { background-color: #0078d4 } .ow-theme-outlook .ow-theme-bg-imp { background-color: #0078d4 !important } .ow-theme-planner .ow-theme-cl { color: #107c41 } .ow-theme-planner .ow-theme-cl-imp { color: #107c41 !important } .ow-theme-planner .ow-theme-btn-fill-imp { background-color: #107c41 !important } .ow-theme-planner .ow-theme-btn-fill-imp:hover { background-color: #0c5d31 } .ow-theme-planner .ow-theme-btn-outline-imp { outline-color: #107c41 !important } .ow-theme-planner .ow-theme-bg { background-color: #107c41 } .ow-theme-planner .ow-theme-bg-imp { background-color: #107c41 !important } .ow-theme-powerapps .ow-theme-cl { color: #5c005c } .ow-theme-powerapps .ow-theme-cl-imp { color: #5c005c !important } .ow-theme-powerapps .ow-theme-btn-fill-imp { background-color: #5c005c !important } .ow-theme-powerapps .ow-theme-btn-fill-imp:hover { background-color: #450045 } .ow-theme-powerapps .ow-theme-btn-outline-imp { outline-color: #5c005c !important } .ow-theme-powerapps .ow-theme-bg { background-color: #5c005c } .ow-theme-powerapps .ow-theme-bg-imp { background-color: #5c005c !important } .ow-theme-powerbi .ow-theme-cl { color: #ffb900 } .ow-theme-powerbi .ow-theme-cl-imp { color: #ffb900 !important } .ow-theme-powerbi .ow-theme-btn-fill-imp { background-color: #ffb900 !important } .ow-theme-powerbi .ow-theme-btn-fill-imp:hover { background-color: #ffcb40 } .ow-theme-powerbi .ow-theme-btn-outline-imp { outline-color: #ffb900 !important } .ow-theme-powerbi .ow-theme-bg { background-color: #ffb900 } .ow-theme-powerbi .ow-theme-bg-imp { background-color: #ffb900 !important } .ow-theme-powerpoint .ow-theme-cl { color: #c43e1c } .ow-theme-powerpoint .ow-theme-cl-imp { color: #c43e1c !important } .ow-theme-powerpoint .ow-theme-btn-fill-imp { background-color: #c43e1c !important } .ow-theme-powerpoint .ow-theme-btn-fill-imp:hover { background-color: #932f15 } .ow-theme-powerpoint .ow-theme-btn-outline-imp { outline-color: #c43e1c !important } .ow-theme-powerpoint .ow-theme-bg { background-color: #c43e1c } .ow-theme-powerpoint .ow-theme-bg-imp { background-color: #c43e1c !important } .ow-theme-project .ow-theme-cl { color: #107c41 } .ow-theme-project .ow-theme-cl-imp { color: #107c41 !important } .ow-theme-project .ow-theme-btn-fill-imp { background-color: #107c41 !important } .ow-theme-project .ow-theme-btn-fill-imp:hover { background-color: #0c5d31 } .ow-theme-project .ow-theme-btn-outline-imp { outline-color: #107c41 !important } .ow-theme-project .ow-theme-bg { background-color: #107c41 } .ow-theme-project .ow-theme-bg-imp { background-color: #107c41 !important } .ow-theme-projectsalvador .ow-theme-cl { color: #2f2f2f } .ow-theme-projectsalvador .ow-theme-cl-imp { color: #2f2f2f !important } .ow-theme-projectsalvador .ow-theme-btn-fill-imp { background-color: #2f2f2f !important } .ow-theme-projectsalvador .ow-theme-btn-fill-imp:hover { background-color: #232323 } .ow-theme-projectsalvador .ow-theme-btn-outline-imp { outline-color: #2f2f2f !important } .ow-theme-projectsalvador .ow-theme-bg { background-color: #2f2f2f } .ow-theme-projectsalvador .ow-theme-bg-imp { background-color: #2f2f2f !important } .ow-theme-publisher .ow-theme-cl { color: #038387 } .ow-theme-publisher .ow-theme-cl-imp { color: #038387 !important } .ow-theme-publisher .ow-theme-btn-fill-imp { background-color: #038387 !important } .ow-theme-publisher .ow-theme-btn-fill-imp:hover { background-color: #026265 } .ow-theme-publisher .ow-theme-btn-outline-imp { outline-color: #038387 !important } .ow-theme-publisher .ow-theme-bg { background-color: #038387 } .ow-theme-publisher .ow-theme-bg-imp { background-color: #038387 !important } .ow-theme-remote .ow-theme-cl { color: #d83b01 } .ow-theme-remote .ow-theme-cl-imp { color: #d83b01 !important } .ow-theme-remote .ow-theme-btn-fill-imp { background-color: #d83b01 !important } .ow-theme-remote .ow-theme-btn-fill-imp:hover { background-color: #a22c01 } .ow-theme-remote .ow-theme-btn-outline-imp { outline-color: #d83b01 !important } .ow-theme-remote .ow-theme-bg { background-color: #d83b01 } .ow-theme-remote .ow-theme-bg-imp { background-color: #d83b01 !important } .ow-theme-resilienceblue .ow-theme-cl { color: #243a5e } .ow-theme-resilienceblue .ow-theme-cl-imp { color: #243a5e !important } .ow-theme-resilienceblue .ow-theme-btn-fill-imp { background-color: #243a5e !important } .ow-theme-resilienceblue .ow-theme-btn-fill-imp:hover { background-color: #1b2c47 } .ow-theme-resilienceblue .ow-theme-btn-outline-imp { outline-color: #243a5e !important } .ow-theme-resilienceblue .ow-theme-bg { background-color: #243a5e } .ow-theme-resilienceblue .ow-theme-bg-imp { background-color: #243a5e !important } .ow-theme-securityblue .ow-theme-cl { color: #269aed } .ow-theme-securityblue .ow-theme-cl-imp { color: #269aed !important } .ow-theme-securityblue .ow-theme-btn-fill-imp { background-color: #269aed !important } .ow-theme-securityblue .ow-theme-btn-fill-imp:hover { background-color: #5cb3f2 } .ow-theme-securityblue .ow-theme-btn-outline-imp { outline-color: #269aed !important } .ow-theme-securityblue .ow-theme-bg { background-color: #269aed } .ow-theme-securityblue .ow-theme-bg-imp { background-color: #269aed !important } .ow-theme-securitygreen .ow-theme-cl { color: #63a400 } .ow-theme-securitygreen .ow-theme-cl-imp { color: #63a400 !important } .ow-theme-securitygreen .ow-theme-btn-fill-imp { background-color: #63a400 !important } .ow-theme-securitygreen .ow-theme-btn-fill-imp:hover { background-color: #97fb00 } .ow-theme-securitygreen .ow-theme-btn-outline-imp { outline-color: #63a400 !important } .ow-theme-securitygreen .ow-theme-bg { background-color: #63a400 } .ow-theme-securitygreen .ow-theme-bg-imp { background-color: #63a400 !important } .ow-theme-securityorange .ow-theme-cl { color: #f15022 } .ow-theme-securityorange .ow-theme-cl-imp { color: #f15022 !important } .ow-theme-securityorange .ow-theme-btn-fill-imp { background-color: #f15022 !important } .ow-theme-securityorange .ow-theme-btn-fill-imp:hover { background-color: #f57c59 } .ow-theme-securityorange .ow-theme-btn-outline-imp { outline-color: #f15022 !important } .ow-theme-securityorange .ow-theme-bg { background-color: #f15022 } .ow-theme-securityorange .ow-theme-bg-imp { background-color: #f15022 !important } .ow-theme-sharepoint .ow-theme-cl { color: #038387 } .ow-theme-sharepoint .ow-theme-cl-imp { color: #038387 !important } .ow-theme-sharepoint .ow-theme-btn-fill-imp { background-color: #038387 !important } .ow-theme-sharepoint .ow-theme-btn-fill-imp:hover { background-color: #026265 } .ow-theme-sharepoint .ow-theme-btn-outline-imp { outline-color: #038387 !important } .ow-theme-sharepoint .ow-theme-bg { background-color: #038387 } .ow-theme-sharepoint .ow-theme-bg-imp { background-color: #038387 !important } .ow-theme-skype .ow-theme-cl { color: #0078d4 } .ow-theme-skype .ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-skype .ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-skype .ow-theme-btn-fill-imp:hover { background-color: #005a9f } .ow-theme-skype .ow-theme-btn-outline-imp { outline-color: #0078d4 !important } .ow-theme-skype .ow-theme-bg { background-color: #0078d4 } .ow-theme-skype .ow-theme-bg-imp { background-color: #0078d4 !important } .ow-theme-sfb .ow-theme-cl { color: #0078d4 } .ow-theme-sfb .ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-sfb .ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-sfb .ow-theme-btn-fill-imp:hover { background-color: #005a9f } .ow-theme-sfb .ow-theme-btn-outline-imp { outline-color: #0078d4 !important } .ow-theme-sfb .ow-theme-bg { background-color: #0078d4 } .ow-theme-sfb .ow-theme-bg-imp { background-color: #0078d4 !important } .ow-theme-stream .ow-theme-cl { color: #bc1948 } .ow-theme-stream .ow-theme-cl-imp { color: #bc1948 !important } .ow-theme-stream .ow-theme-btn-fill-imp { background-color: #bc1948 !important } .ow-theme-stream .ow-theme-btn-fill-imp:hover { background-color: #8d1336 } .ow-theme-stream .ow-theme-btn-outline-imp { outline-color: #bc1948 !important } .ow-theme-stream .ow-theme-bg { background-color: #bc1948 } .ow-theme-stream .ow-theme-bg-imp { background-color: #bc1948 !important } .ow-theme-sway .ow-theme-cl { color: #038387 } .ow-theme-sway .ow-theme-cl-imp { color: #038387 !important } .ow-theme-sway .ow-theme-btn-fill-imp { background-color: #038387 !important } .ow-theme-sway .ow-theme-btn-fill-imp:hover { background-color: #026265 } .ow-theme-sway .ow-theme-btn-outline-imp { outline-color: #038387 !important } .ow-theme-sway .ow-theme-bg { background-color: #038387 } .ow-theme-sway .ow-theme-bg-imp { background-color: #038387 !important } .ow-theme-teams .ow-theme-cl { color: #4b53bc } .ow-theme-teams .ow-theme-cl-imp { color: #4b53bc !important } .ow-theme-teams .ow-theme-btn-fill-imp { background-color: #4b53bc !important } .ow-theme-teams .ow-theme-btn-fill-imp:hover { background-color: #363c90 } .ow-theme-teams .ow-theme-btn-outline-imp { outline-color: #4b53bc !important } .ow-theme-teams .ow-theme-bg { background-color: #4b53bc } .ow-theme-teams .ow-theme-bg-imp { background-color: #4b53bc !important } .ow-theme-todo .ow-theme-cl { color: #185abd } .ow-theme-todo .ow-theme-cl-imp { color: #185abd !important } .ow-theme-todo .ow-theme-btn-fill-imp { background-color: #185abd !important } .ow-theme-todo .ow-theme-btn-fill-imp:hover { background-color: #12448e } .ow-theme-todo .ow-theme-btn-outline-imp { outline-color: #185abd !important } .ow-theme-todo .ow-theme-bg { background-color: #185abd } .ow-theme-todo .ow-theme-bg-imp { background-color: #185abd !important } .ow-theme-visio .ow-theme-cl { color: #185abd } .ow-theme-visio .ow-theme-cl-imp { color: #185abd !important } .ow-theme-visio .ow-theme-btn-fill-imp { background-color: #185abd !important } .ow-theme-visio .ow-theme-btn-fill-imp:hover { background-color: #12448e } .ow-theme-visio .ow-theme-btn-outline-imp { outline-color: #185abd !important } .ow-theme-visio .ow-theme-bg { background-color: #185abd } .ow-theme-visio .ow-theme-bg-imp { background-color: #185abd !important } .ow-theme-word .ow-theme-cl { color: #185abd } .ow-theme-word .ow-theme-cl-imp { color: #185abd !important } .ow-theme-word .ow-theme-btn-fill-imp { background-color: #185abd !important } .ow-theme-word .ow-theme-btn-fill-imp:hover { background-color: #12448e } .ow-theme-word .ow-theme-btn-outline-imp { outline-color: #185abd !important } .ow-theme-word .ow-theme-bg { background-color: #185abd } .ow-theme-word .ow-theme-bg-imp { background-color: #185abd !important } .ow-theme-workplaceanalytics .ow-theme-cl { color: #25667a } .ow-theme-workplaceanalytics .ow-theme-cl-imp { color: #25667a !important } .ow-theme-workplaceanalytics .ow-theme-btn-fill-imp { background-color: #25667a !important } .ow-theme-workplaceanalytics .ow-theme-btn-fill-imp:hover { background-color: #1c4d5c } .ow-theme-workplaceanalytics .ow-theme-btn-outline-imp { outline-color: #25667a !important } .ow-theme-workplaceanalytics .ow-theme-bg { background-color: #25667a } .ow-theme-workplaceanalytics .ow-theme-bg-imp { background-color: #25667a !important } .ow-theme-yammer .ow-theme-cl { color: #0078d4 } .ow-theme-yammer .ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-yammer .ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-yammer .ow-theme-btn-fill-imp:hover { background-color: #005a9f } .ow-theme-yammer .ow-theme-btn-outline-imp { outline-color: #0078d4 !important } .ow-theme-yammer .ow-theme-bg { background-color: #0078d4 } .ow-theme-yammer .ow-theme-bg-imp { background-color: #0078d4 !important } @keyframes ow-slide-in { to { opacity: 1; top: 0 } } .ow-bg-image { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100% } .ow-bg-image img { position: absolute } .ow-bg-image.ow-bg-x50-y0 img { left: 50%; top: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .ow-bg-image.ow-bg-x50-y50 img { left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .ow-bg-image.ow-bg-x50-y100 img { bottom: 0; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .ow-bg-image.ow-bg-x100-y0 img { right: 0; top: 0 } .ow-bg-image.ow-bg-x100-y50 img { right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .ow-bg-image.ow-bg-x100-y100 img { bottom: 0; right: 0 } .ow-block-ctas .ow-link-wrapper:not([hidden]) { display: block } .ow-full-width-container[data-grid*="container"] { max-width: none; padding-left: 0; padding-right: 0 } .ow-hidden-focus { outline-style: none } .ow-link-wrapper:not([hidden]) { display: inline-block } .ow-link-wrapper:not([hidden]).ow-has-superscript-link { display: inline-flex; position: relative; padding-left: 10px; padding-right: 10px } .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-call-to-action.c-glyph.f-lightweight, .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink { padding-left: 0; padding-right: 0; overflow: visible } .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-call-to-action.c-glyph.f-lightweight::after, .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink::after { position: absolute; pointer-events: none } :root:not([dir="rtl"]) .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-call-to-action.c-glyph.f-lightweight::after, :root:not([dir="rtl"]) .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink::after { right: -23px } :root[dir="rtl"] .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-call-to-action.c-glyph.f-lightweight::after, :root[dir="rtl"] .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink::after { left: -23px } :root:not([dir="rtl"]) .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-call-to-action.c-glyph.f-lightweight:hover::after, :root:not([dir="rtl"]) .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-call-to-action.c-glyph.f-lightweight:focus::after, :root:not([dir="rtl"]) .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink:hover::after, :root:not([dir="rtl"]) .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink:focus::after { -ms-transform: translate(4px, -50%); -webkit-transform: translate(4px, -50%); transform: translate(4px, -50%) } :root[dir="rtl"] .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-call-to-action.c-glyph.f-lightweight:hover::after, :root[dir="rtl"] .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-call-to-action.c-glyph.f-lightweight:focus::after, :root[dir="rtl"] .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink:hover::after, :root[dir="rtl"] .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink:focus::after { -ms-transform: translate(-4px, -50%); -webkit-transform: translate(-4px, -50%); transform: translate(-4px, -50%) } .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink:not(.ow-superscript-link) { padding-top: 8px; padding-bottom: 7px } .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink:not(.ow-superscript-link)::after { font-family: "MWF-MDL2"; font-size: 11px; font-weight: 600; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 200ms ease-in-out } :root:not([dir="rtl"]) .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink:not(.ow-superscript-link)::after { content: "" } :root[dir="rtl"] .ow-link-wrapper:not([hidden]).ow-has-superscript-link .c-hyperlink:not(.ow-superscript-link)::after { content: "" } .ow-slide-in-ctn .ow-slide-in { opacity: 0; position: relative; top: 38px } .ow-slide-in-ctn.ow-slide-in-play .ow-slide-in { animation-duration: .75s; animation-fill-mode: both; animation-name: ow-slide-in; animation-timing-function: ease-out } .ow-slide-in-ctn.ow-slide-in-play .ow-slide-in.ow-slide-in-2 { animation-delay: .25s } .ow-slide-in-ctn.ow-slide-in-play .ow-slide-in.ow-slide-in-3 { animation-delay: .5s } .ow-wrap-ctas a.c-button, .ow-wrap-ctas a.c-call-to-action, .ow-wrap-ctas button.c-button, .ow-wrap-ctas button.c-call-to-action { white-space: normal } .ow-wrap-ctas a.c-call-to-action::after, .ow-wrap-ctas button.c-call-to-action::after { padding-bottom: 1px; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .ow-wrap-ctas a.c-call-to-action.f-primary::after, .ow-wrap-ctas a.c-call-to-action.f-secondary::after, .ow-wrap-ctas button.c-call-to-action.f-primary::after, .ow-wrap-ctas button.c-call-to-action.f-secondary::after { margin-top: 2.5px } .ow-wrap-ctas a.c-call-to-action.f-lightweight::after, .ow-wrap-ctas button.c-call-to-action.f-lightweight::after { margin-top: 2px } html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-primary, html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-secondary, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-primary, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-secondary { padding-right: 38px } html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-primary::after, html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-secondary::after, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-primary::after, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-secondary::after { right: 19px } html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-primary:focus::after, html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-primary:hover::after, html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-secondary:focus::after, html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-secondary:hover::after, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-primary:focus::after, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-primary:hover::after, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-secondary:focus::after, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-secondary:hover::after { right: 15px } html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-lightweight, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-lightweight { padding-right: 21px } html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-lightweight::after, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-lightweight::after { right: 2px } html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-lightweight:focus::after, html:not([dir="rtl"]) .ow-wrap-ctas a.c-call-to-action.f-lightweight:hover::after, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-lightweight:focus::after, html:not([dir="rtl"]) .ow-wrap-ctas button.c-call-to-action.f-lightweight:hover::after { right: -2px } html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action::after { right: auto } html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-primary, html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-secondary, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-primary, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-secondary { padding-left: 40px } html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-primary::after, html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-secondary::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-primary::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-secondary::after { left: 22px } html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-primary:focus::after, html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-primary:hover::after, html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-secondary:focus::after, html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-secondary:hover::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-primary:focus::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-primary:hover::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-secondary:focus::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-secondary:hover::after { left: 18px } html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-lightweight, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-lightweight { padding-left: 19px } html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-lightweight::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-lightweight::after { left: 1px } html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-lightweight:focus::after, html[dir="rtl"] .ow-wrap-ctas a.c-call-to-action.f-lightweight:hover::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-lightweight:focus::after, html[dir="rtl"] .ow-wrap-ctas button.c-call-to-action.f-lightweight:hover::after { left: 5px } @media(min-width:0) and (max-width:539.9px) { .ow-hidden-vp1 { display: none !important } } @media(min-width:540px) and (max-width:767.9px) { .ow-hidden-vp2 { display: none !important } } @media(min-width:768px) and (max-width:1083.9px) { .ow-hidden-vp3 { display: none !important } } @media(min-width:1084px) and (max-width:1399.9px) { .ow-hidden-vp4 { display: none !important } } @media(min-width:1400px) and (max-width:1778.9px) { .ow-hidden-vp5 { display: none !important } } @media(min-width:1779px) { .ow-hidden-vp6 { display: none !important } } .ow-theme-microsoft365 { --ow-brand-color: #0078d4 } .ow-theme-microsoft365 .ow-theme-cl, .ow-theme-microsoft365.ow-theme-cl { color: #0078d4 } .ow-theme-microsoft365 .ow-theme-cl-imp, .ow-theme-microsoft365.ow-theme-cl-imp { color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-btn-fill-imp, .ow-theme-microsoft365.ow-theme-btn-fill-imp { background-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-btn-outline-imp, .ow-theme-microsoft365.ow-theme-btn-outline-imp, .ow-theme-microsoft365 .ow-themed-button-outline-imp, .ow-theme-microsoft365.ow-themed-button-outline-imp { outline-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-bg, .ow-theme-microsoft365.ow-theme-bg { background-color: #0078d4 } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-0, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-0 { background-color: rgba(0, 120, 212, 0) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-5, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-5 { background-color: rgba(0, 120, 212, .05) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-10, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-10 { background-color: rgba(0, 120, 212, .1) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-15, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-15 { background-color: rgba(0, 120, 212, .15) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-20, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-20 { background-color: rgba(0, 120, 212, .2) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-25, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-25 { background-color: rgba(0, 120, 212, .25) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-30, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-30 { background-color: rgba(0, 120, 212, .3) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-35, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-35 { background-color: rgba(0, 120, 212, .35) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-40, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-40 { background-color: rgba(0, 120, 212, .4) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-45, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-45 { background-color: rgba(0, 120, 212, .45) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-50, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-50 { background-color: rgba(0, 120, 212, .5) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-55, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-55 { background-color: rgba(0, 120, 212, .55) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-60, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-60 { background-color: rgba(0, 120, 212, .6) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-65, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-65 { background-color: rgba(0, 120, 212, .65) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-70, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-70 { background-color: rgba(0, 120, 212, .7) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-75, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-75 { background-color: rgba(0, 120, 212, .75) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-80, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-80 { background-color: rgba(0, 120, 212, .8) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-85, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-85 { background-color: rgba(0, 120, 212, .85) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-90, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-90 { background-color: rgba(0, 120, 212, .9) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-95, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-95 { background-color: rgba(0, 120, 212, .95) } .ow-theme-microsoft365 .ow-theme-bg.ow-bg-alpha-100, .ow-theme-microsoft365.ow-theme-bg.ow-bg-alpha-100 { background-color: #0078d4 } .ow-theme-microsoft365 .ow-theme-bg-imp, .ow-theme-microsoft365.ow-theme-bg-imp { background-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-0, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-0 { background-color: rgba(0, 120, 212, 0) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-5, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-5 { background-color: rgba(0, 120, 212, .05) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-10, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-10 { background-color: rgba(0, 120, 212, .1) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-15, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-15 { background-color: rgba(0, 120, 212, .15) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-20, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-20 { background-color: rgba(0, 120, 212, .2) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-25, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-25 { background-color: rgba(0, 120, 212, .25) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-30, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-30 { background-color: rgba(0, 120, 212, .3) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-35, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-35 { background-color: rgba(0, 120, 212, .35) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-40, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-40 { background-color: rgba(0, 120, 212, .4) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-45, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-45 { background-color: rgba(0, 120, 212, .45) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-50, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-50 { background-color: rgba(0, 120, 212, .5) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-55, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-55 { background-color: rgba(0, 120, 212, .55) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-60, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-60 { background-color: rgba(0, 120, 212, .6) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-65, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-65 { background-color: rgba(0, 120, 212, .65) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-70, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-70 { background-color: rgba(0, 120, 212, .7) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-75, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-75 { background-color: rgba(0, 120, 212, .75) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-80, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-80 { background-color: rgba(0, 120, 212, .8) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-85, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-85 { background-color: rgba(0, 120, 212, .85) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-90, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-90 { background-color: rgba(0, 120, 212, .9) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-95, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-95 { background-color: rgba(0, 120, 212, .95) !important } .ow-theme-microsoft365 .ow-theme-bg-imp.ow-bg-alpha-imp-100, .ow-theme-microsoft365.ow-theme-bg-imp.ow-bg-alpha-imp-100 { background-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-btn-fill-imp:hover, .ow-theme-microsoft365.ow-theme-btn-fill-imp:hover { background-color: #005a9f !important } .ow-theme-microsoft365 .ow-theme-border-imp, .ow-theme-microsoft365.ow-theme-border-imp { border-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-border-btm-imp, .ow-theme-microsoft365.ow-theme-border-btm-imp { border-bottom-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-border-top-imp, .ow-theme-microsoft365.ow-theme-border-top-imp { border-top-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-border-left-imp, .ow-theme-microsoft365.ow-theme-border-left-imp { border-left-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-border-right-imp, .ow-theme-microsoft365.ow-theme-border-right-imp { border-right-color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-svg-fill, .ow-theme-microsoft365.ow-theme-svg-fill { fill: #0078d4 } .ow-theme-microsoft365 .ow-theme-ribbon-de-emphasize, .ow-theme-microsoft365.ow-theme-ribbon-de-emphasize { background: transparent !important; color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-all-ribbon-de-emphasize, .ow-theme-microsoft365.ow-theme-all-ribbon-de-emphasize { border: 2px solid #0078d4 } .ow-theme-microsoft365 .ow-theme-ribbon-de-emphasize-mobile, .ow-theme-microsoft365.ow-theme-ribbon-de-emphasize-mobile { background: transparent !important; color: #0078d4 !important; border: 1px solid #0078d4 } .ow-theme-microsoft365 button[aria-selected="true"]:before { background-color: #0078d4 !important } .ow-theme-microsoft365 .f-active::after { border: 1px solid #0078d4 !important } .ow-theme-microsoft365 .f-active:active, .ow-theme-microsoft365 .f-active:focus { background-color: rgba(0, 120, 212, .1) } .ow-theme-microsoft365 .ow-theme-active-cl .f-active, .ow-theme-microsoft365 .ow-theme-active-cl.f-active { color: #0078d4 } .ow-theme-microsoft365 .ow-theme-active-cl-imp .f-active, .ow-theme-microsoft365 .ow-theme-active-cl-imp.f-active { color: #0078d4 !important } .ow-theme-microsoft365 .ow-theme-after-cl::after { color: #0078d4 } .ow-theme-microsoft365 .ow-theme-after-cl-imp::after { color: #0078d4 !important } .ow-theme-microsoft365 .c-button.f-primary, .ow-theme-microsoft365 .c-call-to-action.f-primary { background: #0078d4 !important; color: #fff !important; border-color: #fff } .ow-theme-microsoft365 .c-button.f-primary:hover, .ow-theme-microsoft365 .c-button.f-primary:focus, .ow-theme-microsoft365 .c-call-to-action.f-primary:hover, .ow-theme-microsoft365 .c-call-to-action.f-primary:focus { background: #005a9f !important; border-color: #ebebeb !important } @media screen and (-ms-high-contrast:active) { .ow-theme-microsoft365 .c-button.f-primary:hover:not(.x-hidden-focus), .ow-theme-microsoft365 .c-button.f-primary:focus:not(.x-hidden-focus), .ow-theme-microsoft365 .c-call-to-action.f-primary:hover:not(.x-hidden-focus), .ow-theme-microsoft365 .c-call-to-action.f-primary:focus:not(.x-hidden-focus) { border-color: ButtonText !important; color: ButtonText !important } } .ow-theme-microsoft365 .c-button.f-primary[disabled], .ow-theme-microsoft365 .c-call-to-action.f-primary[disabled] { opacity: .2 } .ow-theme-microsoft365 .c-button.f-primary[disabled]:hover, .ow-theme-microsoft365 .c-button.f-primary[disabled]:focus, .ow-theme-microsoft365 .c-call-to-action.f-primary[disabled]:hover, .ow-theme-microsoft365 .c-call-to-action.f-primary[disabled]:focus { opacity: .2 } .ow-theme-microsoft365 .c-button.f-secondary, .ow-theme-microsoft365 .c-call-to-action.f-secondary { background: #fff !important; color: #0078d4 !important; border: 2px solid #0078d4 } .ow-theme-microsoft365 .c-button.f-secondary:hover, .ow-theme-microsoft365 .c-button.f-secondary:focus, .ow-theme-microsoft365 .c-call-to-action.f-secondary:hover, .ow-theme-microsoft365 .c-call-to-action.f-secondary:focus { background: #ebebeb !important; border-color: #005a9f !important } @media screen and (-ms-high-contrast:active) { .ow-theme-microsoft365 .c-button.f-secondary:hover:not(.x-hidden-focus), .ow-theme-microsoft365 .c-button.f-secondary:focus:not(.x-hidden-focus), .ow-theme-microsoft365 .c-call-to-action.f-secondary:hover:not(.x-hidden-focus), .ow-theme-microsoft365 .c-call-to-action.f-secondary:focus:not(.x-hidden-focus) { border-color: ButtonText !important; color: ButtonText !important } } .ow-theme-microsoft365 .c-button.f-secondary[disabled], .ow-theme-microsoft365 .c-call-to-action.f-secondary[disabled] { opacity: .2 } .ow-theme-microsoft365 .c-button.f-secondary[disabled]:hover, .ow-theme-microsoft365 .c-button.f-secondary[disabled]:focus, .ow-theme-microsoft365 .c-call-to-action.f-secondary[disabled]:hover, .ow-theme-microsoft365 .c-call-to-action.f-secondary[disabled]:focus { opacity: .2 } .ow-theme-microsoft365 .c-button.f-primary-solid-border { border-color: #0078d4 } .ow-theme-microsoft365 .c-button.f-de-emphasize { background: transparent !important; color: #0078d4 !important; border: 1px solid #0078d4; margin-top: 0 !important } .ow-theme-microsoft365 .c-button.ow-theme-download-btn:not([disabled]) { background: #0078d4 !important; color: #fff !important; border-color: #fff } .ow-theme-microsoft365 .c-button.ow-theme-download-btn:not([disabled]):hover { background: #005a9f !important } .ow-theme-microsoft365 .c-button.ow-theme-download-btn:not([disabled]):focus { background: #005a9f !important; border-color: #000 !important } @media screen and (-ms-high-contrast:active) { .ow-theme-microsoft365 .c-button.ow-theme-download-btn:not([disabled]):focus:not(.x-hidden-focus) { border-color: ButtonText !important; color: ButtonText !important } } .ow-theme-microsoft365 .ow-theme-bg-v2, .ow-theme-microsoft365.ow-theme-bg-v2 { background-color: #0078d4; color: #fff } .ow-theme-microsoft365 .ow-theme-bg-v2 .c-call-to-action.f-lightweight, .ow-theme-microsoft365 .ow-theme-bg-v2 a.c-hyperlink, .ow-theme-microsoft365.ow-theme-bg-v2 .c-call-to-action.f-lightweight, .ow-theme-microsoft365.ow-theme-bg-v2 a.c-hyperlink { color: #fff } .ow-theme-microsoft365 .ow-theme-bg-v2 .c-call-to-action.f-lightweight:hover, .ow-theme-microsoft365 .ow-theme-bg-v2 a.c-hyperlink:hover, .ow-theme-microsoft365.ow-theme-bg-v2 .c-call-to-action.f-lightweight:hover, .ow-theme-microsoft365.ow-theme-bg-v2 a.c-hyperlink:hover { color: #fff } .ow-theme-microsoft365 .ow-theme-bg-v2 .c-call-to-action.f-lightweight:focus, .ow-theme-microsoft365 .ow-theme-bg-v2 a.c-hyperlink:focus, .ow-theme-microsoft365.ow-theme-bg-v2 .c-call-to-action.f-lightweight:focus, .ow-theme-microsoft365.ow-theme-bg-v2 a.c-hyperlink:focus { background-color: #006fc5; color: #fff; border-color: #fff; outline: none } .ow-theme-microsoft365 .ow-theme-bg-v2 a.c-hyperlink, .ow-theme-microsoft365.ow-theme-bg-v2 a.c-hyperlink { text-decoration: underline } .ow-theme-microsoft365 .ow-theme-bg-v2 a.c-hyperlink:hover, .ow-theme-microsoft365.ow-theme-bg-v2 a.c-hyperlink:hover { background-color: #006fc5 } .ow-theme-microsoft365 .ow-theme-bg-v2-imp, .ow-theme-microsoft365.ow-theme-bg-v2-imp { background: #0078d4 !important; color: #fff !important } .ow-theme-microsoft365 .ow-theme-bg-v2-imp .c-call-to-action.f-lightweight, .ow-theme-microsoft365 .ow-theme-bg-v2-imp .c-hyperlink, .ow-theme-microsoft365.ow-theme-bg-v2-imp .c-call-to-action.f-lightweight, .ow-theme-microsoft365.ow-theme-bg-v2-imp .c-hyperlink { color: #fff !important } .ow-theme-microsoft365 .ow-theme-bg-v2-imp .c-call-to-action.f-lightweight:hover, .ow-theme-microsoft365 .ow-theme-bg-v2-imp .c-hyperlink:hover, .ow-theme-microsoft365.ow-theme-bg-v2-imp .c-call-to-action.f-lightweight:hover, .ow-theme-microsoft365.ow-theme-bg-v2-imp .c-hyperlink:hover { color: #fff !important } .ow-theme-microsoft365 .ow-theme-bg-v2-imp .c-call-to-action.f-lightweight:focus, .ow-theme-microsoft365 .ow-theme-bg-v2-imp .c-hyperlink:focus, .ow-theme-microsoft365.ow-theme-bg-v2-imp .c-call-to-action.f-lightweight:focus, .ow-theme-microsoft365.ow-theme-bg-v2-imp .c-hyperlink:focus { background-color: #006fc5 !important; color: #fff !important; border-color: #fff !important; outline: none !important } .ow-theme-microsoft365 .ow-theme-bg-v2-imp a.c-hyperlink, .ow-theme-microsoft365.ow-theme-bg-v2-imp a.c-hyperlink { text-decoration: underline !important } .ow-theme-microsoft365 .ow-theme-bg-v2-imp a.c-hyperlink:hover, .ow-theme-microsoft365.ow-theme-bg-v2-imp a.c-hyperlink:hover { background-color: #006fc5 !important } .ow-theme-microsoft365 .ow-theme-box-shadow-y, .ow-theme-microsoft365.ow-theme-box-shadow-y { box-shadow: 0 11px 16px 0 #006abb; position: relative } @media screen and (max-width:540px) { .ow-theme-microsoft365 .ow-theme-xs-text-cl, .ow-theme-microsoft365.ow-theme-xs-text-cl { color: #fff } .ow-theme-microsoft365 .ow-theme-xs-text-cl-imp, .ow-theme-microsoft365.ow-theme-xs-text-cl-imp { color: #fff !important } } [data-module="ow-hero-photographic"] { position: relative } [data-module="ow-hero-photographic"].ow-full-width-container[data-grid="container"] { max-width: none; padding: 0 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.ow-cl-fff { color: #000 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.ow-cl-fff:hover { color: #000 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.ow-cl-fff:focus { color: #000 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.ow-cl-000 { color: #fff } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.ow-cl-000:hover { color: #f5f5f5 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.ow-cl-000:focus { color: #ebebeb } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.ow-cl-blue { color: #0067b8 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.ow-cl-blue:hover { color: #005da6 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.ow-cl-blue:focus { color: #005da6 } [data-module="ow-hero-photographic"] .ow-bg-f5f5f5 { background-color: #f5f5f5 } [data-module="ow-hero-photographic"].ow-bg-2f2f2f { background-color: #2f2f2f } [data-module="ow-hero-photographic"].ow-bg-e7e7e7 { background-color: #e7e7e7 } [data-module="ow-hero-photographic"] .white-button { background: #fff !important } [data-module="ow-hero-photographic"] .ow-width-100per { width: 100% } [data-module="ow-hero-photographic"] .ow-no-padding { padding: 0 } [data-module="ow-hero-photographic"] .ow-mb-5 { margin-bottom: 5px } [data-module="ow-hero-photographic"] .ow-mb-20 { margin-bottom: 20px } [data-module="ow-hero-photographic"] .ow-mt-00 { margin-top: 0 } [data-module="ow-hero-photographic"] .ow-mt-30 { margin-top: 30px } [data-module="ow-hero-photographic"] .ow-pb-00 { padding-bottom: 0 } [data-module="ow-hero-photographic"] .m-hero-item { padding: 0 } [data-module="ow-hero-photographic"] .m-hero-item:before { display: none } [data-module="ow-hero-photographic"] .m-hero-item picture { position: static; -webkit-transform: none !important; -ms-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important } [data-module="ow-hero-photographic"] .m-hero-item picture img { position: static; -webkit-transform: none !important; -ms-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important } [data-module="ow-hero-photographic"] .ow-overlay-content { width: 100% } [data-module="ow-hero-photographic"] .ow-overlay-content.ow-hidden-mobile { display: none; position: absolute } [data-module="ow-hero-photographic"] .ow-overlay-content.ow-hidden-desktop { display: inline-block } [data-module="ow-hero-photographic"] .ow-video-player-container { padding: 0 } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause { height: 50px; width: 50px; font-size: 22px; border-radius: 50%; padding: 7px 5px 5px 6px; position: absolute; z-index: 1000 } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.light { border: 2px solid #000; background-color: #fff; color: #000 } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.light:focus { outline: 2px solid #000 } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.light:focus::after { outline: 2px solid #fff } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.dark { border: 2px solid #fff; background-color: #000; color: #fff } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.dark:focus { outline: 2px solid #fff } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.dark:focus::after { outline: 2px solid #000 } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.inset.ow-position-top, [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-wide.ow-position-top { top: 20px } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.inset.ow-position-bottom, [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-wide.ow-position-bottom { bottom: 20px } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-tall.ow-position-top { top: calc(-20px - 50px) } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-tall.ow-position-bottom { bottom: calc(-20px - 50px) } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause:focus::after { content: ""; position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; border-radius: 50% } [data-module="ow-hero-photographic"] .ow-video-player-container.ow-play-button-ctn { position: relative } :root:not([dir="rtl"]) [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.inset.ow-position-left, :root:not([dir="rtl"]) [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-tall.ow-position-left { left: 50px } :root:not([dir="rtl"]) [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.inset.ow-position-right, :root:not([dir="rtl"]) [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-tall.ow-position-right { right: 50px } :root:not([dir="rtl"]) [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-wide.ow-position-left { left: calc(-20px - 50px) } :root:not([dir="rtl"]) [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-wide.ow-position-right { right: calc(-20px - 50px) } :root[dir="rtl"] [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.inset.ow-position-left, :root[dir="rtl"] [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-tall.ow-position-left { right: 50px } :root[dir="rtl"] [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.inset.ow-position-right, :root[dir="rtl"] [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-tall.ow-position-right { left: 50px } :root[dir="rtl"] [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-wide.ow-position-left { right: calc(-20px - 50px) } :root[dir="rtl"] [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-wide.ow-position-right { left: calc(-20px - 50px) } [data-module="ow-hero-photographic"] .ow-disclaimer { font-size: 12px; margin-top: 16px } [data-module="ow-hero-photographic"] .ow-hero-content .ow-hero-text-wrapper { margin: 0 auto; float: none } [data-module="ow-hero-photographic"] .ow-hero-content .ow-disclaimer-text { padding-top: 20px; padding-bottom: 10px } [data-module="ow-hero-photographic"] .c-mosaic-placement { padding-bottom: 0 } [data-module="ow-hero-photographic"] .c-mosaic-placement>div>div { height: auto; position: static } [data-module="ow-hero-photographic"] .c-mosaic-placement>div>div.ow-hero-btn-ctn { display: inline-block; font-size: 0 } [data-module="ow-hero-photographic"] .c-mosaic-placement>div>div.ow-hero-btn-ctn>* { font-size: 15px } [data-module="ow-hero-photographic"] .c-rich-text-paragraph-container { display: inline-block; padding-top: 20px } [data-module="ow-hero-photographic"] .c-heading-2.ow-mb-28 { margin-bottom: 28px } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button { word-wrap: break-word; overflow-wrap: break-word } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button.f-primary, [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button.f-secondary { min-width: 230px; padding: 12px } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button.f-primary.ow-small-cta, [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button.f-secondary.ow-small-cta { min-width: 120px } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button.c-call-to-action.f-lightweight { min-width: 0 } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button.c-call-to-action.f-lightweight:hover, [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button.c-call-to-action.f-lightweight:focus { text-decoration: none } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button.c-call-to-action.f-lightweight:hover span, [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button.c-call-to-action.f-lightweight:focus span { box-shadow: none; text-decoration: underline } [data-module="ow-hero-photographic"] .ow-scroll-arrow-wrapper { position: absolute; left: 0; right: 0; bottom: 0; text-align: center } [data-module="ow-hero-photographic"] .ow-scroll-arrow.c-button.f-primary { position: relative; min-width: 0; margin: 0; padding: 0; width: 40px; height: 40px; font-size: 22px; line-height: 40px; border-radius: 50%; border: none; text-decoration: none; z-index: 99 } [data-module="ow-hero-photographic"] .ow-scroll-arrow.c-button.f-primary:focus { border: 2px solid #000 } [data-module="ow-hero-photographic"] .ow-scroll-arrow.c-button.f-primary::before, [data-module="ow-hero-photographic"] .ow-scroll-arrow.c-button.f-primary:focus::before { border: none } [data-module="ow-hero-photographic"] .ow-scroll-arrow-with-background { bottom: -20px } [data-module="ow-hero-photographic"] .ow-scroll-arrow-no-background { bottom: -50px } [data-module="ow-hero-photographic"] .m-image-intro:before { display: block; content: ""; width: 100% } [data-module="ow-hero-photographic"] .m-image-intro>picture:after { content: ""; display: block; position: relative; width: 100%; height: 100% } [data-module="ow-hero-photographic"] .m-image-intro>picture img { width: 100% } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-mobile, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-mobile { display: inline } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-tablet, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-tablet { display: none } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-desktop, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-desktop { display: inline } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-desktop.ow-has-mobile-img, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-desktop.ow-has-mobile-img { display: none } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container { width: 100%; -ms-transform: none; -webkit-transform: none; transform: none; inset: 0; padding: 20px 5%; max-width: calc(1600px + 10%) } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content, [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-frame { padding-bottom: 40px } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-frame, [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-layout { height: 100% } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe { height: 100%; width: 100%; border: none } @media screen and (min-width:0) { [data-module="ow-hero-photographic"] .xs-ow-mb-5 { margin-bottom: 5px } [data-module="ow-hero-photographic"] .xs-ow-mt-10 { margin-top: 10px } [data-module="ow-hero-photographic"] .ow-xs-pb-20 { padding-bottom: 20px } [data-module="ow-hero-photographic"] .ow-xs-pt-80 { padding-top: 80px } [data-module="ow-hero-photographic"] .xs-ow-pt-16 { padding-top: 16px } [data-module="ow-hero-photographic"] .xs-ow-ph-1616 { padding-top: 16px; padding-bottom: 16px } [data-module="ow-hero-photographic"] .xs-ow-bgc-ffffff { background-color: #fff } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.xs-ow-cl-blue { color: #0067b8 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.xs-ow-cl-blue:hover { color: #005da6 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.xs-ow-cl-blue:focus { color: #005da6 } [data-module="ow-hero-photographic"] .c-heading-2 { padding-top: 50px } [data-module="ow-hero-photographic"] .ow-scroll-arrow-wrapper { display: none } [data-module="ow-hero-photographic"] .ow-hero-content .c-paragraph a, [data-module="ow-hero-photographic"] .ow-hero-content .ow-disclaimer-text a { color: #0067b8 } [data-module="ow-hero-photographic"] .ow-hero-content .c-paragraph a:hover, [data-module="ow-hero-photographic"] .ow-hero-content .ow-disclaimer-text a:hover { color: #005da6 } [data-module="ow-hero-photographic"] .ow-hero-content .c-paragraph a:focus, [data-module="ow-hero-photographic"] .ow-hero-content .ow-disclaimer-text a:focus { color: #005da6 } } @media screen and (min-width:0) and (max-width:1083px) { [data-module="ow-hero-photographic"] .m-image-intro>div { left: auto; padding-bottom: 0; position: static; top: auto; -ms-transform: none; -ms-transform: none; -webkit-transform: none; transform: none } [data-module="ow-hero-photographic"] .ow-hero-content { padding-left: 12px; padding-right: 12px } } @media screen and (min-width:540px) { [data-module="ow-hero-photographic"] .s-ow-no-padding { padding: 0 } [data-module="ow-hero-photographic"] .s-ow-pt-0 { padding-top: 0 !important } [data-module="ow-hero-photographic"] .s-ow-ph-0000 { padding-top: 0; padding-bottom: 0 } [data-module="ow-hero-photographic"] .s-ow-pv-0000 { padding-left: 0; padding-right: 0 } } @media only screen and (max-width:767px) { [data-module="ow-hero-photographic"] section [data-module="rich-text-hero"]>div { height: 370px } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container { padding: 15px 15px 20px } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content a.c-button { background: #0078d4 !important; color: #fff !important; border-color: #fff !important } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content a.c-button:hover, [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content a.c-button:focus { background: #005a9f !important; border-color: #ebebeb !important } } @media screen and (min-width:320px) and (max-width:767px) { [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .ow-link-wrapper { width: 100% } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .ow-link-wrapper.f-primary, [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .ow-link-wrapper.f-secondary { width: 226px } } @media screen and (min-width:768px) { [data-module="ow-hero-photographic"] .m-ow-mb-20 { margin-bottom: 20px } [data-module="ow-hero-photographic"] .m-ow-mt-00 { margin-top: 0 } [data-module="ow-hero-photographic"] .m-ow-mt-30 { margin-top: 30px } [data-module="ow-hero-photographic"] .ow-m-pb-0 { padding-bottom: 0 } [data-module="ow-hero-photographic"] .ow-m-pt-100 { padding-top: 100px } [data-module="ow-hero-photographic"] .c-heading-2 { padding-top: 88px } [data-module="ow-hero-photographic"] .ow-three-ctas { -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex } [data-module="ow-hero-photographic"] .ow-three-ctas .c-button { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; height: 100%; margin-top: 0 } [data-module="ow-hero-photographic"] .ow-three-ctas .ow-link-wrapper { padding-top: 30px } [data-module="ow-hero-photographic"][data-layout^="Centered"] .ow-three-ctas { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } [data-module="ow-hero-photographic"][data-layout="CenteredShort"] .c-heading-2 { padding-top: 48px } [data-module="ow-hero-photographic"][data-layout="CenteredShort"] .c-paragraph { padding-top: 7px } [data-module="ow-hero-photographic"][data-layout="CenteredShort"] .ow-has-paragraph+.ow-hero-btn-ctn { margin-top: 10px } [data-module="ow-hero-photographic"][data-layout="CenteredShort"] .ow-hero-btn-ctn .c-button { margin-top: 17px } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] .ow-three-ctas .ow-link-wrapper { -webkit-flex-basis: calc(100%/3); flex-basis: calc(100%/3) } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-mobile, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-mobile { display: none } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-tablet, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-tablet { display: inline } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-desktop, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-desktop { display: inline } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-desktop.ow-has-mobile-img, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-desktop.ow-has-mobile-img { display: inline } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-desktop.ow-has-tablet-img, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-desktop.ow-has-tablet-img { display: none } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container { position: absolute; display: flex; align-items: center } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container.m-ow-cl-fff { color: #fff } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container.m-ow-bgc-trans { background-color: transparent } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content, [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-frame { padding-bottom: 0 } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content { width: 33% } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content .c-heading-2 { padding-top: 0 } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content .ow-hero-btn-ctn .c-button.f-secondary { min-width: 180px } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-frame { width: 67% } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn { padding-inline-start: 30px } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .c-button { margin-inline-end: 30px } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .ow-three-ctas { margin-inline-start: -20px } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper { padding-inline-end: 10px } [data-module="ow-hero-photographic"] .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper .c-button { margin-inline-end: 0 } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content { text-align: start; padding-inline-end: 20px } [data-module="ow-hero-photographic"].ow-has-iframe .ow-iframe-container .ow-iframe-content .ow-hero-btn-ctn { padding-inline-start: 0 } } @media screen and (min-width:1084px) { [data-module="ow-hero-photographic"] .ow-overlay-content { top: 50%; -ms-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: auto } [data-module="ow-hero-photographic"] .ow-overlay-content .ow-overlay-content-item { width: 33% } [data-module="ow-hero-photographic"] .ow-overlay-content .ow-overlay-content-item.ow-flex-row { display: flex; flex-direction: row; padding: 0 } [data-module="ow-hero-photographic"] .ow-overlay-content.ow-hidden-desktop { display: none } [data-module="ow-hero-photographic"] .ow-overlay-content.ow-hidden-mobile { display: block } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.inset.ow-position-top { top: 50px } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.inset.ow-position-bottom { bottom: 50px } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-wide.ow-position-top { top: 50px; bottom: auto } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-wide.ow-position-bottom { top: auto; bottom: 50px } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-tall.ow-position-top { top: calc(-20px - 50px); bottom: auto } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-play-pause.offset-tall.ow-position-bottom { top: auto; bottom: calc(-20px - 50px) } [data-module="ow-hero-photographic"] .l-ow-bgc-trans { background-color: transparent } [data-module="ow-hero-photographic"] .l-ow-cl-fff { color: #fff } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.l-ow-cl-fff { color: #fff } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.l-ow-cl-fff:hover { color: #f5f5f5 } [data-module="ow-hero-photographic"] a.c-button.f-lightweight.l-ow-cl-fff:focus { color: #ebebeb } [data-module="ow-hero-photographic"] .m-image-intro { overflow: hidden } [data-module="ow-hero-photographic"] .m-image-intro .c-heading-2 { padding-top: 0 } [data-module="ow-hero-photographic"] .m-image-intro>div { top: 50% } [data-module="ow-hero-photographic"] .m-image-intro>div.ow-video-player-container { top: auto; left: auto; -ms-transform: none; -webkit-transform: none; transform: none; padding: 0; position: relative } [data-module="ow-hero-photographic"] .m-image-intro .ow-third-link .c-heading-2 { margin-bottom: 0 } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content { max-width: 58.34%; padding-block: 0 } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content .ow-hero-text-wrapper, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content .ow-hero-text-wrapper, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content .ow-hero-text-wrapper, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content .ow-hero-text-wrapper { width: auto } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content .ow-hero-btn-ctn, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content .ow-hero-btn-ctn, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content .ow-hero-btn-ctn, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content .ow-hero-btn-ctn { padding: 0 } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper { padding-top: 15px } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper .c-button, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper .c-button, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper .c-button, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content .ow-hero-btn-ctn .ow-three-ctas .ow-link-wrapper .c-button { margin-top: 0 } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content .c-button, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content .c-button, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content .c-button, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content .c-button { margin-top: 15px } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] .f-align-center div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] .f-align-center section.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] .f-align-center div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] .f-align-center section.ow-hero-content { left: auto; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content { padding-left: calc(100%/12); padding-right: 0 } [data-module="ow-hero-photographic"][data-layout="LeftAligned"][data-grid*="col-"] { float: left } :root[dir="rtl"] [data-module="ow-hero-photographic"][data-layout="LeftAligned"] { direction: ltr } :root[dir="rtl"] [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content, :root[dir="rtl"] [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content, :root[dir="rtl"] [data-module="ow-hero-photographic"][data-layout="LeftAligned"] .ow-overlay-content-item { direction: rtl } [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content { padding-left: 0; padding-right: calc(100%/12) } [data-module="ow-hero-photographic"][data-layout="RightAligned"][data-grid*="col-"] { float: right } :root:not([dir="rtl"]) [data-module="ow-hero-photographic"][data-layout="RightAligned"] { direction: rtl } :root:not([dir="rtl"]) [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content, :root:not([dir="rtl"]) [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content, :root:not([dir="rtl"]) [data-module="ow-hero-photographic"][data-layout="RightAligned"] .ow-overlay-content-item { direction: ltr } [data-module="ow-hero-photographic"] .ow-scroll-arrow-wrapper { display: block } [data-module="ow-hero-photographic"] .ow-hero-content .c-paragraph.l-ow-cl-fff a, [data-module="ow-hero-photographic"] .ow-hero-content .ow-disclaimer-text.l-ow-cl-fff a { color: #fff } [data-module="ow-hero-photographic"] .ow-hero-content .c-paragraph.l-ow-cl-fff a:hover, [data-module="ow-hero-photographic"] .ow-hero-content .ow-disclaimer-text.l-ow-cl-fff a:hover { color: #f5f5f5 } [data-module="ow-hero-photographic"] .ow-hero-content .c-paragraph.l-ow-cl-fff a:focus, [data-module="ow-hero-photographic"] .ow-hero-content .ow-disclaimer-text.l-ow-cl-fff a:focus { color: #ebebeb } [data-module="ow-hero-photographic"] .ow-video-player-container .ow-overlay-content .ow-overlay-content-item { text-align: start } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content { text-align: start } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content .c-mosaic-placement>div, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content .c-mosaic-placement>div, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content .c-mosaic-placement>div, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content .c-mosaic-placement>div { text-align: start } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content .c-mosaic-placement>div>div, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content .c-mosaic-placement>div>div, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content .c-mosaic-placement>div>div, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content .c-mosaic-placement>div>div { text-align: start } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content .c-button.c-call-to-action.f-lightweight, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content .c-button.c-call-to-action.f-lightweight, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content .c-button.c-call-to-action.f-lightweight, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content .c-button.c-call-to-action.f-lightweight { padding-inline-start: 0 } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] .ow-hero-btn-ctn .ow-three-ctas, [data-module="ow-hero-photographic"][data-layout="RightAligned"] .ow-hero-btn-ctn .ow-three-ctas { margin-inline-start: 0 } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-tablet, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-tablet { display: none } [data-module="ow-hero-photographic"] .m-image-intro .ow-img-desktop, [data-module="ow-hero-photographic"] .m-image-intro .ow-img-desktop.ow-has-tablet-img, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-desktop, [data-module="ow-hero-photographic"] .m-hero-item .ow-img-desktop.ow-has-tablet-img { display: inline } } @media screen and (min-width:1400px) { [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content { max-width: 50% } } @media screen and (min-width:1779px) { [data-module="ow-hero-photographic"][data-layout^="Centered"] .m-image-intro .c-paragraph { padding-left: 20%; padding-right: 20% } [data-module="ow-hero-photographic"][data-layout="LeftAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="LeftAligned"] section.ow-hero-content { padding-right: 6.875% } [data-module="ow-hero-photographic"][data-layout="RightAligned"] div.ow-hero-content, [data-module="ow-hero-photographic"][data-layout="RightAligned"] section.ow-hero-content { padding-left: 6.875% } } @font-face { font-family: MWF-MDL2; src: url(http://approjects.co.za/?big=mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.woff) format("woff"), url(http://approjects.co.za/?big=mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.ttf) format("truetype"), url(http://approjects.co.za/?big=mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.svg) format("svg") } @-webkit-keyframes m365vp-orbit { 0% { -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 7% { -ms-transform: rotate(345deg); -webkit-transform: rotate(345deg); transform: rotate(345deg); -webkit-animation-timing-function: linear; animation-timing-function: linear } 30% { -ms-transform: rotate(455deg); -webkit-transform: rotate(455deg); transform: rotate(455deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 39% { -ms-transform: rotate(690deg); -webkit-transform: rotate(690deg); transform: rotate(690deg); -webkit-animation-timing-function: linear; animation-timing-function: linear } 70% { -ms-transform: rotate(815deg); -webkit-transform: rotate(815deg); transform: rotate(815deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 75% { -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 76% { -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); opacity: 0 } 100% { -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); opacity: 0 } } @keyframes m365vp-orbit { 0% { -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 7% { -ms-transform: rotate(345deg); -webkit-transform: rotate(345deg); transform: rotate(345deg); -webkit-animation-timing-function: linear; animation-timing-function: linear } 30% { -ms-transform: rotate(455deg); -webkit-transform: rotate(455deg); transform: rotate(455deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 39% { -ms-transform: rotate(690deg); -webkit-transform: rotate(690deg); transform: rotate(690deg); -webkit-animation-timing-function: linear; animation-timing-function: linear } 70% { -ms-transform: rotate(815deg); -webkit-transform: rotate(815deg); transform: rotate(815deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 75% { -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 76% { -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); opacity: 0 } 100% { -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); opacity: 0 } } @-webkit-keyframes m365vp-dots { 0%, 20% { left: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 0 } 25% { opacity: 1 } 35% { left: 45%; -webkit-animation-timing-function: linear; animation-timing-function: linear } 65% { left: 55%; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 75% { opacity: 1 } 100%, 80% { left: 100%; opacity: 0 } } @keyframes m365vp-dots { 0%, 20% { left: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 0 } 25% { opacity: 1 } 35% { left: 45%; -webkit-animation-timing-function: linear; animation-timing-function: linear } 65% { left: 55%; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 75% { opacity: 1 } 100%, 80% { left: 100%; opacity: 0 } } @-webkit-keyframes m365vp-fadeIn { 0% { opacity: 0 } 1% { opacity: 0 } 100% { opacity: 1 } } @keyframes m365vp-fadeIn { 0% { opacity: 0 } 1% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes m365vp-slidein { from { bottom: -44px } to { bottom: 0 } } @keyframes m365vp-slidein { from { bottom: -44px } to { bottom: 0 } } @-webkit-keyframes m365vp-slideout { from { bottom: 0 } to { bottom: -44px } } @keyframes m365vp-slideout { from { bottom: 0 } to { bottom: -44px } } @-webkit-keyframes m365vp-interactive-overlay-slidein-upper { from { top: -20% } to { top: 0 } } @keyframes m365vp-interactive-overlay-slidein-upper { from { top: -20% } to { top: 0 } } @-webkit-keyframes m365vp-interactive-overlay-slideout-upper { from { top: 0 } to { top: -20% } } @keyframes m365vp-interactive-overlay-slideout-upper { from { top: 0 } to { top: -20% } } @-webkit-keyframes m365vp-interactive-overlay-slidein-right { from { right: -20% } to { right: 0 } } @keyframes m365vp-interactive-overlay-slidein-right { from { right: -20% } to { right: 0 } } @-webkit-keyframes m365vp-interactive-overlay-slideout-right { from { right: 0 } to { right: -20% } } @keyframes m365vp-interactive-overlay-slideout-right { from { right: 0 } to { right: -20% } } @-webkit-keyframes m365vp-interactive-overlay-slidein-left { from { left: -20% } to { left: 0 } } @keyframes m365vp-interactive-overlay-slidein-left { from { left: -20% } to { left: 0 } } @-webkit-keyframes m365vp-interactive-overlay-slideout-left { from { left: 0 } to { left: -20% } } @keyframes m365vp-interactive-overlay-slideout-left { from { left: 0 } to { left: -20% } } .ow-m365-video-player-ctn .f-core-player html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } .ow-m365-video-player-ctn article, .ow-m365-video-player-ctn aside, .ow-m365-video-player-ctn details, .ow-m365-video-player-ctn figcaption, .ow-m365-video-player-ctn figure, .ow-m365-video-player-ctn footer, .ow-m365-video-player-ctn header, .ow-m365-video-player-ctn hgroup, .ow-m365-video-player-ctn main, .ow-m365-video-player-ctn menu, .ow-m365-video-player-ctn nav, .ow-m365-video-player-ctn section, .ow-m365-video-player-ctn summary { display: block } .ow-m365-video-player-ctn .f-core-player audio, .ow-m365-video-player-ctn .f-core-player canvas, .ow-m365-video-player-ctn .f-core-player progress, .ow-m365-video-player-ctn .f-core-player video { display: inline-block; vertical-align: baseline } .ow-m365-video-player-ctn audio:not([controls]) { display: none; height: 0 } .ow-m365-video-player-ctn [hidden], .ow-m365-video-player-ctn template { display: none } .ow-m365-video-player-ctn a:active, .ow-m365-video-player-ctn a:hover { outline: 0 } .ow-m365-video-player-ctn abbr[title] { border-bottom: 1px dotted } .ow-m365-video-player-ctn b, .ow-m365-video-player-ctn strong { font-weight: 700 } .ow-m365-video-player-ctn dfn { font-style: italic } .ow-m365-video-player-ctn h1 { font-size: 2em; margin: .67em 0 } .ow-m365-video-player-ctn small { font-size: 80% } .ow-m365-video-player-ctn sub, .ow-m365-video-player-ctn sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } .ow-m365-video-player-ctn sup { top: -.5em } .ow-m365-video-player-ctn sub { bottom: -.25em } .ow-m365-video-player-ctn .f-core-player img { border: 0 } .ow-m365-video-player-ctn figure { margin: 1em 40px } .ow-m365-video-player-ctn hr { box-sizing: content-box; height: 0 } .ow-m365-video-player-ctn pre { overflow: auto } .ow-m365-video-player-ctn button, .ow-m365-video-player-ctn input, .ow-m365-video-player-ctn optgroup, .ow-m365-video-player-ctn select, .ow-m365-video-player-ctn textarea { color: inherit; margin: 0 } .ow-m365-video-player-ctn .f-core-player button, .ow-m365-video-player-ctn .f-core-player input, .ow-m365-video-player-ctn .f-core-player optgroup, .ow-m365-video-player-ctn .f-core-player select, .ow-m365-video-player-ctn .f-core-player textarea { font: inherit } .ow-m365-video-player-ctn .f-core-player button { overflow: visible } .ow-m365-video-player-ctn .f-core-player button, .ow-m365-video-player-ctn .f-core-player select { text-transform: none } .ow-m365-video-player-ctn .f-core-player button, .ow-m365-video-player-ctn .f-core-player html input[type=button], .ow-m365-video-player-ctn .f-core-player input[type=reset], .ow-m365-video-player-ctn .f-core-player input[type=submit] { -webkit-appearance: button; cursor: pointer } .ow-m365-video-player-ctn button[disabled], .ow-m365-video-player-ctn html input[disabled] { cursor: default } .ow-m365-video-player-ctn button::-moz-focus-inner, .ow-m365-video-player-ctn input::-moz-focus-inner { border: 0; padding: 0 } .ow-m365-video-player-ctn .f-core-player input { line-height: normal } .ow-m365-video-player-ctn input[type=checkbox], .ow-m365-video-player-ctn input[type=radio] { box-sizing: border-box; padding: 0 } .ow-m365-video-player-ctn input[type=number]::-webkit-inner-spin-button, .ow-m365-video-player-ctn input[type=number]::-webkit-outer-spin-button { height: auto } .ow-m365-video-player-ctn fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em } .ow-m365-video-player-ctn optgroup { font-weight: 700 } .ow-m365-video-player-ctn table { border-collapse: collapse; border-spacing: 0 } .ow-m365-video-player-ctn td, .ow-m365-video-player-ctn th { padding: 0 } .ow-m365-video-player-ctn .c-video-player, .ow-m365-video-player-ctn .c-video-player *, .ow-m365-video-player-ctn .c-video-player :after, .ow-m365-video-player-ctn .c-video-player :before, .ow-m365-video-player-ctn .c-video-player:after, .ow-m365-video-player-ctn .c-video-player:before { box-sizing: inherit } .ow-m365-video-player-ctn h1, .ow-m365-video-player-ctn h2, .ow-m365-video-player-ctn h3, .ow-m365-video-player-ctn h4, .ow-m365-video-player-ctn h5, .ow-m365-video-player-ctn h6, .ow-m365-video-player-ctn ol, .ow-m365-video-player-ctn p, .ow-m365-video-player-ctn ul { margin-top: 0; margin-bottom: 0 } .ow-m365-video-player-ctn ol, .ow-m365-video-player-ctn ul { padding: 0; list-style: none } .ow-m365-video-player-ctn .f-core-player audio, .ow-m365-video-player-ctn .f-core-player canvas, .ow-m365-video-player-ctn .f-core-player img, .ow-m365-video-player-ctn .f-core-player video { vertical-align: middle } .ow-m365-video-player-ctn address { font: inherit } .ow-m365-video-player-ctn dd, .ow-m365-video-player-ctn dl, .ow-m365-video-player-ctn figure { margin: 0 } .ow-m365-video-player-ctn .f-core-player a:active, .ow-m365-video-player-ctn .f-core-player a:focus, .ow-m365-video-player-ctn .f-core-player a:hover, .ow-m365-video-player-ctn .f-core-player a:link, .ow-m365-video-player-ctn .f-core-player a:visited { text-decoration: none; color: inherit } .ow-m365-video-player-ctn em, .ow-m365-video-player-ctn i, .ow-m365-video-player-ctn q, .ow-m365-video-player-ctn var { font-style: italic } .ow-m365-video-player-ctn b, .ow-m365-video-player-ctn strong { font-weight: 700 } .ow-m365-video-player-ctn del, .ow-m365-video-player-ctn s { color: rgba(0, 0, 0, .6) } .ow-m365-video-player-ctn ins, .ow-m365-video-player-ctn u { text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, .6) } .ow-m365-video-player-ctn small, .ow-m365-video-player-ctn sub, .ow-m365-video-player-ctn sup { font-size: .8em } .ow-m365-video-player-ctn cite, .ow-m365-video-player-ctn time { font-style: normal } .ow-m365-video-player-ctn input, .ow-m365-video-player-ctn input[type=search] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } .ow-m365-video-player-ctn fieldset { border: 0; margin: 0; padding: 0 } .ow-m365-video-player-ctn [class^=c-] .x-hidden-focus, .ow-m365-video-player-ctn [class^=c-] .x-hidden-focus+span:before, .ow-m365-video-player-ctn [class^=c-] .x-hidden-focus:before, .ow-m365-video-player-ctn [class^=c-].x-hidden-focus, .ow-m365-video-player-ctn [class^=c-].x-hidden-focus+span:before, .ow-m365-video-player-ctn [class^=c-].x-hidden-focus:before, .ow-m365-video-player-ctn [class^=m-] .x-hidden-focus, .ow-m365-video-player-ctn [class^=m-] .x-hidden-focus+span:before, .ow-m365-video-player-ctn [class^=m-] .x-hidden-focus:before, .ow-m365-video-player-ctn [class^=m-].x-hidden-focus, .ow-m365-video-player-ctn [class^=m-].x-hidden-focus+span:before, .ow-m365-video-player-ctn [class^=m-].x-hidden-focus:before { outline-color: transparent !important; outline-style: none !important } .ow-m365-video-player-ctn .x-screen-reader { position: absolute !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; width: 1px !important; height: 1px !important; border: 0 !important; padding: 0 !important; margin: 0 !important } .ow-m365-video-player-ctn a.c-action-trigger, .ow-m365-video-player-ctn button.c-action-trigger { font-size: 15px; max-width: 374px; min-width: 36px; display: inline-block; margin-top: 12px; padding: 6px 0 8px; color: #0067b8; border: solid 1px transparent; background: 0 0; overflow: hidden; white-space: nowrap; vertical-align: bottom; outline: 0 } .ow-m365-video-player-ctn a.c-action-trigger:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger:focus:not(.x-hidden-focus) { outline: transparent; background: rgba(0, 103, 184, .1) content-box } .ow-m365-video-player-ctn a.c-action-trigger:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-action-trigger:hover, .ow-m365-video-player-ctn button.c-action-trigger:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger:hover { color: #005da6; text-decoration: underline } .ow-m365-video-player-ctn a.c-action-trigger:active, .ow-m365-video-player-ctn button.c-action-trigger:active { background: 0 0; color: #005293; -ms-transform: none; -webkit-transform: none; transform: none } .ow-m365-video-player-ctn a.c-action-trigger.x-hidden-focus:not(:hover), .ow-m365-video-player-ctn button.c-action-trigger.x-hidden-focus:not(:hover) { background: 0 0 !important; text-decoration: none !important; outline-color: transparent !important } .ow-m365-video-player-ctn a.c-action-trigger:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger:focus:not(.x-hidden-focus) { outline: 1px dashed #fff } .ow-m365-video-player-ctn a.c-action-trigger[disabled], .ow-m365-video-player-ctn button.c-action-trigger[disabled] { color: rgba(0, 0, 0, .2); cursor: not-allowed } .ow-m365-video-player-ctn a.c-action-trigger[disabled]:hover, .ow-m365-video-player-ctn button.c-action-trigger[disabled]:hover { text-decoration: none } .ow-m365-video-player-ctn a.c-action-trigger.c-glyph, .ow-m365-video-player-ctn button.c-action-trigger.c-glyph { min-width: 120px; padding-right: 10px } .ow-m365-video-player-ctn a.c-action-trigger.c-glyph:before, .ow-m365-video-player-ctn button.c-action-trigger.c-glyph:before { width: 16px; height: 16px; margin-left: 10px; margin-right: 10px; vertical-align: middle; line-height: 15px } .ow-m365-video-player-ctn a.c-action-trigger.glyph-play:before, .ow-m365-video-player-ctn button.c-action-trigger.glyph-play:before { width: unset; height: unset; margin-left: 3%; margin-right: unset; line-height: unset; vertical-align: unset } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight, .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight { padding: 6px 10px 8px; border: 2px solid transparent; color: #fff; background: #0067b8; transition: scale .2s ease-in-out } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) { background: #0067b8 !important; -webkit-text-decoration: #fff !important; text-decoration: #fff !important; outline-color: #000 !important } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) { color: #fff; outline: 2px solid #000; text-decoration: underline } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:hover, .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:hover { text-decoration: none } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:hover, .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:hover { background: #005da6 } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:active, .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:active { background: #005293; -ms-transform: scale(.98); -webkit-transform: scale(.98); transform: scale(.98) } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight[disabled], .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight[disabled] { cursor: not-allowed; border-color: transparent; background: #cce1f1; color: rgba(0, 0, 0, .2) } .ow-m365-video-player-ctn a.c-button, .ow-m365-video-player-ctn button.c-button { font-size: 15px; max-width: 374px; min-width: 120px; padding: 9px 12px 10px; margin-top: 12px; display: inline-block; color: #000; text-align: center; line-height: 1; box-shadow: 0 4px 8px 0 transparent; cursor: pointer; overflow: hidden; transition: all .2s ease-in-out; vertical-align: bottom; white-space: nowrap; border: solid 1px transparent; background-color: rgba(0, 0, 0, .2) } .ow-m365-video-player-ctn a.c-button:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button:focus:not(.x-hidden-focus) { outline: 2px solid #000; text-decoration: underline } .ow-m365-video-player-ctn a.c-button:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-button:hover, .ow-m365-video-player-ctn button.c-button:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button:hover { background: rgba(0, 0, 0, .3) } .ow-m365-video-player-ctn a.c-button:focus:not(.x-hidden-focus):not(.f-lightweight):not([disabled]), .ow-m365-video-player-ctn a.c-button:hover:not(.f-lightweight):not([disabled]), .ow-m365-video-player-ctn button.c-button:focus:not(.x-hidden-focus):not(.f-lightweight):not([disabled]), .ow-m365-video-player-ctn button.c-button:hover:not(.f-lightweight):not([disabled]) { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2) } .ow-m365-video-player-ctn a.c-button:active, .ow-m365-video-player-ctn button.c-button:active { background: rgba(0, 0, 0, .4); -ms-transform: scale(.98); -webkit-transform: scale(.98); transform: scale(.98) } .ow-m365-video-player-ctn a.c-button[disabled], .ow-m365-video-player-ctn button.c-button[disabled] { color: rgba(0, 0, 0, .2); background-color: rgba(0, 0, 0, .2); cursor: not-allowed } .ow-m365-video-player-ctn a.c-button>.c-price, .ow-m365-video-player-ctn button.c-button>.c-price { padding: 0; text-align: center } .ow-m365-video-player-ctn a.c-button.f-lightweight, .ow-m365-video-player-ctn button.c-button.f-lightweight { color: #0067b8; background: 0 0; border: 0; padding: 10px 12px 11px } .ow-m365-video-player-ctn a.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-lightweight:focus:not(.x-hidden-focus) { outline: transparent; background: rgba(0, 103, 184, .1) content-box } .ow-m365-video-player-ctn a.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-button.f-lightweight:hover, .ow-m365-video-player-ctn button.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-lightweight:hover { color: #005da6; text-decoration: underline } .ow-m365-video-player-ctn a.c-button.f-lightweight:active, .ow-m365-video-player-ctn button.c-button.f-lightweight:active { background: 0 0; color: #005293; -ms-transform: none; -webkit-transform: none; transform: none } .ow-m365-video-player-ctn a.c-button.f-lightweight.x-hidden-focus:not(:hover), .ow-m365-video-player-ctn button.c-button.f-lightweight.x-hidden-focus:not(:hover) { background: 0 0 !important; text-decoration: none !important; outline-color: transparent !important } .ow-m365-video-player-ctn a.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-lightweight:focus:not(.x-hidden-focus) { outline: 0 } .ow-m365-video-player-ctn a.c-button.f-lightweight[disabled], .ow-m365-video-player-ctn button.c-button.f-lightweight[disabled] { color: rgba(0, 0, 0, .2); text-decoration: none; cursor: not-allowed } .ow-m365-video-player-ctn a.c-button.f-flex, .ow-m365-video-player-ctn button.c-button.f-flex { width: 100%; max-width: 100%; white-space: normal } .ow-m365-video-player-ctn a.c-button.f-primary, .ow-m365-video-player-ctn button.c-button.f-primary, .ow-m365-video-player-ctn button.c-button[type=submit] { color: #fff; background-color: #0067b8 } .ow-m365-video-player-ctn a.c-button.f-primary:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-primary:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button[type=submit]:focus:not(.x-hidden-focus) { outline: 2px solid #000 } .ow-m365-video-player-ctn a.c-button.f-primary:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-button.f-primary:hover, .ow-m365-video-player-ctn button.c-button.f-primary:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-primary:hover, .ow-m365-video-player-ctn button.c-button[type=submit]:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button[type=submit]:hover { background: #005da6 } .ow-m365-video-player-ctn a.c-button.f-primary:active, .ow-m365-video-player-ctn button.c-button.f-primary:active, .ow-m365-video-player-ctn button.c-button[type=submit]:active { background: #005293; -ms-transform: scale(.98); -webkit-transform: scale(.98); transform: scale(.98) } .ow-m365-video-player-ctn a.c-button.f-primary[disabled], .ow-m365-video-player-ctn button.c-button.f-primary[disabled], .ow-m365-video-player-ctn button.c-button[type=submit][disabled] { color: rgba(0, 0, 0, .2); background-color: rgba(0, 103, 184, .2); border-color: transparent } .ow-m365-video-player-ctn .c-glyph { font-style: normal } .ow-m365-video-player-ctn .c-glyph:after, .ow-m365-video-player-ctn .c-glyph:before { font-family: MWF-MDL2; display: inline-block; text-decoration: underline } .ow-m365-video-player-ctn .c-glyph:after, .ow-m365-video-player-ctn .c-glyph:before, .ow-m365-video-player-ctn .c-glyph:hover:after, .ow-m365-video-player-ctn .c-glyph:hover:before { text-decoration: none } .ow-m365-video-player-ctn .c-glyph.glyph-down:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-back-to-window:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-cancel:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-check-mark:before { content: ""; background-color: transparent !important } .ow-m365-video-player-ctn .c-glyph.glyph-chevron-down:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-chevron-left:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-chevron-right:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-chevron-up:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-copy:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-download:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-full-screen:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-mail:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-more:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-mute:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-pause:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-play:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-subtitles:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-volume:before { content: "" } .ow-m365-video-player-ctn .c-glyph.glyph-view:before { content: "" } .ow-m365-video-player-ctn img.c-image, .ow-m365-video-player-ctn picture.c-image img { display: block; margin: 0; max-width: 100%; height: auto } .ow-m365-video-player-ctn img.c-image.f-round { border-radius: 50% } .ow-m365-video-player-ctn picture.c-image { display: block } .ow-m365-video-player-ctn .c-list { font-size: 15px; line-height: 20px; padding-left: 19px; padding-right: 0; margin: 8px 0; list-style-position: outside } .ow-m365-video-player-ctn .c-list li { padding: 8px 0 } .ow-m365-video-player-ctn .c-list.f-lean li { padding: 0 } .ow-m365-video-player-ctn .c-list.f-bare { list-style-type: none } .ow-m365-video-player-ctn ul.c-list { list-style-type: disc } .ow-m365-video-player-ctn ol.c-list { list-style-type: decimal } .ow-m365-video-player-ctn .c-menu { position: relative; z-index: 500; width: 296px; min-width: 64px; max-width: 368px; padding: 0; margin: 0; background: #fff; border: 1px solid rgba(0, 0, 0, .1); border-top: 0; background-clip: padding-box } .ow-m365-video-player-ctn .c-menu.f-scroll { max-height: 220px; overflow-y: auto } .ow-m365-video-player-ctn .c-menu.f-flex { width: 100%; min-width: auto; max-width: none } .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true] { background: #0067b8; color: #fff } .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true]:hover { background: rgba(0, 103, 184, .8); color: #fff } .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true]:focus { outline: 1px dashed #0067b8; color: #fff } .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true]:active { background: rgba(0, 103, 184, .4); color: #fff } .ow-m365-video-player-ctn .c-menu-item { background: inherit } .ow-m365-video-player-ctn .c-menu-item a, .ow-m365-video-player-ctn .c-menu-item button, .ow-m365-video-player-ctn .c-menu-item span { display: block; background: rgba(0, 0, 0, .05); padding: 11px 12px 13px; outline: 0; cursor: pointer; white-space: normal } .ow-m365-video-player-ctn .c-menu-item a:focus, .ow-m365-video-player-ctn .c-menu-item a:hover, .ow-m365-video-player-ctn .c-menu-item button:focus, .ow-m365-video-player-ctn .c-menu-item button:hover, .ow-m365-video-player-ctn .c-menu-item span:focus, .ow-m365-video-player-ctn .c-menu-item span:hover { background: rgba(0, 0, 0, .1) } .ow-m365-video-player-ctn .c-menu-item a:focus, .ow-m365-video-player-ctn .c-menu-item button:focus, .ow-m365-video-player-ctn .c-menu-item span:focus { outline: 1px dashed #000 } .ow-m365-video-player-ctn .c-menu-item a:active, .ow-m365-video-player-ctn .c-menu-item button:active, .ow-m365-video-player-ctn .c-menu-item span:active { background: rgba(0, 0, 0, .3) } .ow-m365-video-player-ctn .c-menu-item a.f-context-action-trigger, .ow-m365-video-player-ctn .c-menu-item button.f-context-action-trigger, .ow-m365-video-player-ctn .c-menu-item span.f-context-action-trigger { color: #0067b8 } .ow-m365-video-player-ctn .c-menu-item a.f-icon img, .ow-m365-video-player-ctn .c-menu-item button.f-icon img, .ow-m365-video-player-ctn .c-menu-item span.f-icon img { width: 40px; height: 22px; display: inline-block } .ow-m365-video-player-ctn .c-menu-item a.f-icon p, .ow-m365-video-player-ctn .c-menu-item button.f-icon p, .ow-m365-video-player-ctn .c-menu-item span.f-icon p { display: inline-block; width: calc(100% - 40px); color: inherit; vertical-align: middle } .ow-m365-video-player-ctn .c-menu-item a[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item a[aria-selected=true], .ow-m365-video-player-ctn .c-menu-item button[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item button[aria-selected=true], .ow-m365-video-player-ctn .c-menu-item span[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item span[aria-selected=true] { background: #0067b8; color: #fff } .ow-m365-video-player-ctn .c-menu-item .c-radio { background: rgba(0, 0, 0, .1) } .ow-m365-video-player-ctn .c-menu-item .c-radio span { background: 0 0 } .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]:checked+span:after { top: 16px } .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]+span { display: block } .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]+span:before { top: 11px } .ow-m365-video-player-ctn .c-menu-item .c-radio .c-label { display: block; margin: 0 } .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] a, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] a:active, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] a:focus, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] a:hover, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] button, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] button:active, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] button:focus, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] button:hover, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] span, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] span:active, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] span:focus, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] span:hover { background-color: rgba(0, 0, 0, .05); color: rgba(0, 0, 0, .2); cursor: not-allowed } .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>a, .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>button { position: relative } .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>a:after, .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>button:after { font-family: MWF-MDL2; content: ""; position: absolute; font-size: 6px; top: 19px } .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>a+.c-menu, .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>button+.c-menu { display: none; position: absolute; top: 0 } .ow-m365-video-player-ctn .js .c-menu-item.f-sub-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false], .ow-m365-video-player-ctn .js .c-menu-item.f-sub-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false], .ow-m365-video-player-ctn .no-js .c-menu-item.f-sub-menu>a:focus+.c-menu, .ow-m365-video-player-ctn .no-js .c-menu-item.f-sub-menu>a:hover+.c-menu, .ow-m365-video-player-ctn .no-js .c-menu-item.f-sub-menu>button:focus+.c-menu, .ow-m365-video-player-ctn .no-js .c-menu-item.f-sub-menu>button:hover+.c-menu { display: block; -webkit-animation: m365vp-fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55); animation: m365vp-fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55) } .ow-m365-video-player-ctn .c-menu-item a.f-product { padding: 8px 12px; overflow: hidden } .ow-m365-video-player-ctn .c-menu-item a.f-product .c-image { background: #737373; width: 40px; vertical-align: top } .ow-m365-video-player-ctn .c-menu-item a.f-product div { overflow: hidden; height: 100% } .ow-m365-video-player-ctn .c-menu-item a.f-product span { background: 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .ow-m365-video-player-ctn .c-menu-item a.f-product span:hover { background: 0 0 } .ow-m365-video-player-ctn .no-eventlistener progress.c-progress { display: none } .ow-m365-video-player-ctn progress.c-progress[value] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; min-width: 296px; height: 4px } .ow-m365-video-player-ctn progress.c-progress::-webkit-progress-bar { background: rgba(0, 0, 0, .2) } .ow-m365-video-player-ctn progress.c-progress::-webkit-progress-value { background: #0067b8 } .ow-m365-video-player-ctn progress.c-progress::-moz-progress-bar { background: #0067b8 } .ow-m365-video-player-ctn progress.c-progress>[role=progressbar] { display: block; position: relative; background: rgba(0, 0, 0, .2); min-width: 296px; width: 100%; height: 4px } .ow-m365-video-player-ctn progress.c-progress>[role=progressbar]>span { display: block; position: relative; height: 100%; background: #0067b8; color: #0067b8 } .ow-m365-video-player-ctn .c-progress { display: block; margin-top: 12px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional { position: relative; min-width: 296px; width: 100% } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span { position: absolute; display: inline-block; opacity: 0; -webkit-animation: m365vp-dots 4s infinite; animation: m365vp-dots 4s infinite } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:after { content: ""; position: absolute; display: inline-block; background: #0067b8; width: 5px; height: 5px; border-radius: 50% } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(1) { -webkit-animation-delay: 50ms; animation-delay: 50ms } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(1):after { left: -10px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(2) { -webkit-animation-delay: .1s; animation-delay: .1s } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(2):after { left: -20px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(3) { -webkit-animation-delay: .15s; animation-delay: .15s } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(3):after { left: -30px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(4) { -webkit-animation-delay: .2s; animation-delay: .2s } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(4):after { left: -40px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(5) { -webkit-animation-delay: .25s; animation-delay: .25s } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(5):after { left: -50px } .ow-m365-video-player-ctn .c-progress.f-center { margin: auto; padding-top: 30px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local { position: relative } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span { position: absolute; -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation: m365vp-orbit 5.5s infinite; animation: m365vp-orbit 5.5s infinite } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:after { content: ""; position: absolute; border-radius: 100%; background: #0067b8 } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:nth-child(2) { -webkit-animation-delay: 240ms; animation-delay: 240ms } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:nth-child(3) { -webkit-animation-delay: 480ms; animation-delay: 480ms } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:nth-child(4) { -webkit-animation-delay: 720ms; animation-delay: 720ms } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:nth-child(5) { -webkit-animation-delay: 960ms; animation-delay: 960ms } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-large { width: 60px; height: 60px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-large span { width: 60px; height: 60px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-large span:after { width: 6px; height: 6px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-small { width: 20px; height: 20px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-small span { width: 25px; height: 25px } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-small span:after { width: 3px; height: 3px } .ow-m365-video-player-ctn .c-select-menu { position: relative; display: inline-block } .ow-m365-video-player-ctn .c-select-menu.f-accent>a, .ow-m365-video-player-ctn .c-select-menu.f-accent>button { color: #0067b8 } .ow-m365-video-player-ctn .c-select-menu.f-accent>a:after, .ow-m365-video-player-ctn .c-select-menu.f-accent>button:after { color: rgba(0, 0, 0, .6) } .ow-m365-video-player-ctn .c-select-menu.f-accent>a:active, .ow-m365-video-player-ctn .c-select-menu.f-accent>a:hover, .ow-m365-video-player-ctn .c-select-menu.f-accent>button:active, .ow-m365-video-player-ctn .c-select-menu.f-accent>button:hover { color: #0067b8 } .ow-m365-video-player-ctn .c-select-menu.f-accent>a:active:after, .ow-m365-video-player-ctn .c-select-menu.f-accent>a:hover:after, .ow-m365-video-player-ctn .c-select-menu.f-accent>button:active:after, .ow-m365-video-player-ctn .c-select-menu.f-accent>button:hover:after { color: #000 } .ow-m365-video-player-ctn .c-select-menu.f-border>a { padding: 8px 24px 8px 12px } .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded] { box-sizing: border-box; height: 100%; border: 1px solid rgba(0, 0, 0, .6) } .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded]:hover { border-color: rgba(0, 0, 0, .8) } .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded]:active, .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded]:focus:not(.x-hidden-focus) { border-color: #0067b8 } .ow-m365-video-player-ctn .c-select-menu.f-border+.c-select-menu.f-border, .ow-m365-video-player-ctn .c-select-menu.f-border+.c-select-menu.f-border.f-persist { margin-top: 12px } .ow-m365-video-player-ctn .c-select-menu.f-flex, .ow-m365-video-player-ctn .c-select-menu.f-flex>[aria-expanded] { width: 100%; min-width: 88px; max-width: 546px } .ow-m365-video-player-ctn .c-select-menu .c-menu { position: absolute; top: 100%; overflow: auto } .ow-m365-video-player-ctn .c-select-menu [aria-expanded=false]+.c-menu[aria-hidden=true] { display: none } .ow-m365-video-player-ctn .c-select-menu>button { border: 0; background: 0 0 } .ow-m365-video-player-ctn .c-select-menu>button.f-icon img { width: 40px; height: 22px; display: inline-block } .ow-m365-video-player-ctn .c-select-menu>button.f-icon span { display: inline-block; width: calc(100% - 40px); color: inherit; vertical-align: middle } .ow-m365-video-player-ctn .c-select-menu>button img { width: 0; height: 0 } .ow-m365-video-player-ctn .c-select-menu>button span { width: 100% } .ow-m365-video-player-ctn .c-select-menu>a, .ow-m365-video-player-ctn .c-select-menu>button { display: inline-block; color: rgba(0, 0, 0, .8); padding: 8px; -ms-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px) } .ow-m365-video-player-ctn .c-select-menu>a:after, .ow-m365-video-player-ctn .c-select-menu>button:after { font-family: MWF-MDL2; content: ""; position: absolute; font-size: 8px; color: rgba(0, 0, 0, .8); font-weight: 700; padding-top: 7px } .ow-m365-video-player-ctn .c-select-menu>a:hover, .ow-m365-video-player-ctn .c-select-menu>a:hover:after, .ow-m365-video-player-ctn .c-select-menu>button:hover, .ow-m365-video-player-ctn .c-select-menu>button:hover:after { color: #000 } .ow-m365-video-player-ctn .c-select-menu>a:focus, .ow-m365-video-player-ctn .c-select-menu>button:focus { border-color: #0067b8; outline: 1px dashed #000 } .ow-m365-video-player-ctn .c-select-menu>a:focus:hover, .ow-m365-video-player-ctn .c-select-menu>button:focus:hover { outline: 0 } .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>a, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>a:active, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>a:after, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>a:focus, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>a:hover, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>button, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>button:active, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>button:after, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>button:focus, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>button:hover { color: rgba(0, 0, 0, .2) } .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>a:hover, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true]>button:hover { cursor: not-allowed } .ow-m365-video-player-ctn .js .c-select-menu>[aria-expanded=true]+.c-menu[aria-hidden=false], .ow-m365-video-player-ctn .js .c-select-menu>span[aria-expanded=true]+.c-menu[aria-hidden=false], .ow-m365-video-player-ctn .no-js .c-select-menu:hover>.c-menu { display: block; -webkit-animation: m365vp-fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55); animation: m365vp-fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55) } .ow-m365-video-player-ctn .c-select-menu [class*=c-paragraph], .ow-m365-video-player-ctn .c-select-menu+[class*=c-caption] { padding-top: 24px } .ow-m365-video-player-ctn .c-slider { width: 296px } .ow-m365-video-player-ctn .c-slider.f-vertical { height: 324px } .ow-m365-video-player-ctn .c-slider.f-vertical input[type=range] { -webkit-appearance: slider-vertical; -moz-appearance: slider-vertical; appearance: slider-vertical } .ow-m365-video-player-ctn .c-slider.f-vertical>div { top: 134px } .ow-m365-video-player-ctn .c-slider.f-vertical>div>button>span { top: -40px } .ow-m365-video-player-ctn .c-slider input[type=range] { -webkit-appearance: slider-horizontal; -moz-appearance: slider-horizontal; appearance: slider-horizontal } .ow-m365-video-player-ctn .no-js .c-slider input[type=range] { display: block } .ow-m365-video-player-ctn .js .c-slider input[type=range] { display: none } .ow-m365-video-player-ctn .c-slider div { position: relative; height: 4px; background: rgba(0, 0, 0, .4); margin-top: 12px } .ow-m365-video-player-ctn .c-slider div button { height: 24px; width: 8px; background: #0067b8; border: 1px dashed transparent; padding: 0; border-radius: 4px; position: absolute; top: -10px; outline: 0 } .ow-m365-video-player-ctn .c-slider div button:focus:not(.x-hidden-focus) { border: 1px dashed #fff } .ow-m365-video-player-ctn .c-slider div button:hover { background: #000 } .ow-m365-video-player-ctn .c-slider div button:active, .ow-m365-video-player-ctn .c-slider div button:focus:not(.x-hidden-focus) { background: #003e6e } .ow-m365-video-player-ctn .c-slider div button:active span, .ow-m365-video-player-ctn .c-slider div button:focus:not(.x-hidden-focus) span { display: block } .ow-m365-video-player-ctn .c-slider div button span { display: none; position: absolute; min-width: 36px; height: 36px; text-align: center; top: -40px; padding: 8px 8px 10px; background: #e6e6e6; border: 1px solid rgba(0, 0, 0, .3); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .ow-m365-video-player-ctn .c-slider div>span { display: block; position: absolute; top: 0; bottom: 0; background: #0067b8 } .ow-m365-video-player-ctn .c-slider.f-disabled label.c-label { color: rgba(0, 0, 0, .2) } .ow-m365-video-player-ctn .c-slider.f-disabled input[type=range][disabled]+div, .ow-m365-video-player-ctn .c-slider.f-disabled input[type=range][disabled]+div button { background: #ccc } .ow-m365-video-player-ctn .c-slider.f-disabled input[type=range][disabled]+div span { display: none } .ow-m365-video-player-ctn .c-video-player { display: inline-block; margin: 0; height: 100%; width: 100%; min-width: 320px; direction: ltr; position: relative; overflow: hidden; box-sizing: border-box !important } .ow-m365-video-player-ctn .c-video-player.m-ambient-video { min-width: 0 } .ow-m365-video-player-ctn .c-video-player.m-ambient-video video::-webkit-media-controls-panel, .ow-m365-video-player-ctn .c-video-player.m-ambient-video video::-webkit-media-controls-play-button, .ow-m365-video-player-ctn .c-video-player.m-ambient-video video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none } .ow-m365-video-player-ctn .c-video-player .f-core-player, .ow-m365-video-player-ctn .c-video-player .f-video-player { height: 100%; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-core-player object, .ow-m365-video-player-ctn .c-video-player .f-core-player video { display: block; min-width: 100%; width: 100%; max-height: 100%; height: 100%; background: #000 } .ow-m365-video-player-ctn .c-video-player .f-core-player object[aria-hidden=true], .ow-m365-video-player-ctn .c-video-player .f-core-player video[aria-hidden=true] { display: block !important } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player div { display: none } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player { display: block; height: 100%; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player div.amp-content-title { display: none !important } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player button { display: none } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player div:first-child { display: block; height: 100%; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player div:first-child video { display: block; height: 100%; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause-hide { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause-hide:focus { clip: auto; width: auto; height: auto } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause-show { position: absolute; clip: auto; width: auto; height: auto } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause-show:focus { clip: auto; width: auto; height: auto } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-cc-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 56 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-cc-overlay.f-overlay-slidein { bottom: 44px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-screen-reader { position: absolute; left: -99999px; height: 1px; width: 1px; overflow: hidden } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button { background-color: #8e8e8e; border: 2px solid transparent; display: inline-block; position: absolute; bottom: -64px; left: 34px; height: 48px; width: 48px; line-height: 44px; border-radius: 50%; text-align: center; overflow: hidden; top: 34px; font-size: 20px; z-index: 2 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button[aria-hidden=true] { display: none } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button:hover { background-color: #404040 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button:focus { border: 2px solid #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button:active { background-color: #4b4b4b } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay { background-size: cover; color: #fff; overflow: hidden; padding: 10px; position: absolute } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay div { position: relative; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info { float: left; left: 25%; width: 50% } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info .c-headline { font-size: 24px; font-weight: 400; padding: 0; margin: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info p { font-size: 13px; padding: 0; margin: 5px 0; font-weight: 400 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-link { float: right; width: 25% } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-link .c-action-trigger { left: 50%; margin: 0; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay-customhtml { padding: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimizeMaximize { background-color: rgba(255, 255, 255, .6); border: 2px solid transparent; position: absolute; border-radius: 50%; height: 24px; width: 24px; font-size: 9px; overflow: hidden; display: inline-block; z-index: 2 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimizeMaximize:hover { background-color: rgba(255, 255, 255, .3) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimizeMaximize:focus { border: 2px solid #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimizeMaximize:active { background-color: rgba(255, 255, 255, .15) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimize-upperthird { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: 10px; right: 10px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimize-lowerthird { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); right: 10px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-maximize-upperthird { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 40px; right: 10px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-maximize-lowerthird { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: 80px; right: 10px } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-graphic { pointer-events: none } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-fullscreen { height: 100%; width: 100%; max-height: 1080px; padding: 0; top: 0; left: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-upper { top: 0; height: 20%; max-height: 200px; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-lower { bottom: 0; height: 20%; max-height: 200px; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-right { right: 0; height: 100%; width: 20%; max-width: 200px } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-left { left: 0; height: 100%; width: 20%; max-width: 200px } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-upper.f-interactive-overlay-slidein { -webkit-animation: .5s forwards m365vp-interactive-overlay-slidein-upper; animation: .5s forwards m365vp-interactive-overlay-slidein-upper } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-right.f-interactive-overlay-slidein { -webkit-animation: .5s forwards m365vp-interactive-overlay-slidein-right; animation: .5s forwards m365vp-interactive-overlay-slidein-right } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-left.f-interactive-overlay-slidein { -webkit-animation: .5s forwards m365vp-interactive-overlay-slidein-left; animation: .5s forwards m365vp-interactive-overlay-slidein-left } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-upper.f-interactive-overlay-slideout { -webkit-animation: .5s forwards m365vp-interactive-overlay-slideout-upper; animation: .5s forwards m365vp-interactive-overlay-slideout-upper } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-right.f-interactive-overlay-slideout { -webkit-animation: .5s forwards m365vp-interactive-overlay-slideout-right; animation: .5s forwards m365vp-interactive-overlay-slideout-right } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-left.f-interactive-overlay-slideout { -webkit-animation: .5s forwards m365vp-interactive-overlay-slideout-left; animation: .5s forwards m365vp-interactive-overlay-slideout-left } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress { direction: ltr; width: 100%; width: calc(100% - 288px); display: inline-block; margin-bottom: 5px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div { background: rgba(255, 255, 255, .4) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:active, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:hover { background: #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:active span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:hover span { display: block } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:focus { outline: 2px dashed #fff; outline-offset: 2px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button { background: #0067b8 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button span { font-size: 13px; width: auto; top: -48px; background: #000; color: #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls { font-size: 24px; width: 100%; height: 44px; background: #000; position: absolute; bottom: 0; left: 0; display: inline-block; z-index: 61; text-align: left } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls span { font-size: 13px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button:not([role=slider]) { color: #fff; background: 0 0; border: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-seek-bar { display: none } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph { width: 38px; height: 38px; vertical-align: middle; top: 2px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph:focus, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph:hover { color: #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph:focus { outline: 2px dashed #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph:active { color: rgba(255, 255, 255, .4) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph.f-live { width: auto } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-time { font-size: 13px; color: rgba(255, 255, 255, .6); padding-right: 12px; position: relative; top: -3px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-time .f-current-time, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-time .f-duration { color: #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive[aria-hidden=false] { display: inline-block } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive span { font-size: 13px; border: 1px solid transparent; color: #fff; position: absolute; min-height: 36px; min-width: 44px; text-align: left; background: #000; padding: 8px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live span[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause span[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive span[aria-hidden=false] { display: block; bottom: 49px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause { margin-left: 3px; margin-top: 3px; padding-top: 1px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live { padding-left: 8px; padding-right: 8px; font-weight: 400; font-size: 15px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live:before { font-family: MWF-MDL2; content: "" } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live-current:before { font-weight: 700; color: #e81123 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live-current:focus:before, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live-current:hover:before { color: rgba(232, 17, 35, .6) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live-current:active:before { color: rgba(232, 17, 35, .4) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen { display: inline-block; position: absolute; top: 1px; right: 2px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span { right: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive { position: absolute; right: 90px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-button { display: inline-block; position: absolute; right: 46px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider { position: absolute; width: 44px; min-height: 120px; bottom: 46px; right: 46px; background: #000; border: 2px solid rgba(255, 255, 255, .6); z-index: 66 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider:after { display: block; height: 11px; background: 0 0; position: absolute; content: ""; bottom: -12px; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider[data-show=false] { position: absolute !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; width: 1px !important; height: 1px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; display: block !important } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider { width: 92px; height: 92px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider .f-volume-bar { display: none } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div { background: rgba(255, 255, 255, .4); left: -25px; top: 45px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button:active, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button:hover { background: #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div>span { background: #0067b8 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button { background: #0067b8; z-index: 66 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button span { font-size: 13px; width: auto; min-width: 40px; min-height: 32px; top: 38px; left: -16px; background: #000; color: #fff; border: 2px solid rgba(255, 255, 255, .6); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button:focus { outline: 2px dashed #fff; outline-offset: 2px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options { position: absolute; top: 1px; right: 90px; margin-left: 12px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span { left: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu { position: absolute; min-width: 160px; background: #000; border: 1px solid rgba(255, 255, 255, .6); overflow-x: hidden; overflow-y: hidden; direction: ltr; outline: 0 solid transparent; z-index: 66 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list { margin: 0; min-width: 160px; list-style: none } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li { height: 40px; margin-top: 0; padding: 0; display: block; border-top: 2px solid rgba(255, 255, 255, .6) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li:first-child { border-top: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li:focus { border: 2px dashed #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button { font-size: 13px; color: #fff; display: block; height: 100%; padding: 0 12px; text-align: left; width: 100%; margin: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button:focus { border: 2px dashed #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button:hover { text-decoration: none; background: rgba(255, 255, 255, .1) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu { position: absolute; bottom: 46px; right: 90px; min-width: 160px; background: #000; border: 1px solid rgba(255, 255, 255, .6); overflow-x: hidden; overflow-y: auto; direction: ltr; outline: 0 solid transparent; z-index: 66 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list { margin: 0; min-width: 160px; list-style: none } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li { height: 40px; margin-top: 0; padding: 0; border-top: 2px solid rgba(255, 255, 255, .6) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li:first-child { border-top: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li ul { display: none; left: 160px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li ul li { position: relative } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button { font-size: 13px; color: #fff; display: block; height: 100%; padding: 8px 12px; text-align: left; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button .c-image { display: inline-block; width: 28px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { margin-top: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger:before { margin-bottom: 5px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-glyph[data-video-selectable] { color: rgba(255, 255, 255, .8) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-check-mark[data-video-selectable] { color: #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-chevron-right { color: #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button:hover { text-decoration: none; background: rgba(255, 255, 255, .1) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button:focus { border: 2px dashed #fff } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button:active { text-decoration: none; background: rgba(255, 255, 255, .2); border: 0 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu[aria-hidden=true] { visibility: hidden } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu[aria-hidden=false] { visibility: visible } .ow-m365-video-player-ctn .c-video-player .f-core-player .c-progress { left: 50%; margin: 0; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .6); color: #fff; text-align: center } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message .c-heading, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message .c-paragraph { font-size: 15px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message .c-heading { font-weight: 700 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message .c-heading:before { font-size: 34px; font-family: MWF-MDL2; content: ""; display: block; margin-bottom: 20px; font-weight: 400 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message>div { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 48px; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-slidein { -webkit-animation: .5s forwards m365vp-slidein; animation: .5s forwards m365vp-slidein } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-slideout { -webkit-animation: .5s forwards m365vp-slideout; animation: .5s forwards m365vp-slideout } .ow-m365-video-player-ctn .c-video-player .f-external-player { height: 100%; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger { left: 50%; margin: -24px 0 0 -24px; position: absolute; z-index: 1; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger span { left: 0; top: -38px; font-size: 13px; border: 1px solid transparent; color: #fff; position: absolute; min-height: 36px; min-width: 44px; text-align: left; background: #000; padding: 8px } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button { background: rgba(0, 0, 0, .6); border-radius: 50%; color: #fff; margin: 0; padding: 0 } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { font-size: 24px; font-family: MWF-MDL2; content: ""; margin: 0; line-height: 13px; height: 48px; width: 48px; color: #fff; overflow: hidden } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label]:hover { color: rgba(255, 255, 255, .8) } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label]:focus { background: rgba(0, 0, 0, .6) } .ow-m365-video-player-ctn .c-video-player .f-end-poster-image { border: solid 1px transparent; margin: 0; position: absolute; top: 0; left: 0; height: auto; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-video-trigger { border: solid 1px transparent; margin: 0; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100% } .ow-m365-video-player-ctn .c-video-player .f-video-trigger .f-mask-20 { background-color: rgba(0, 0, 0, .2) } .ow-m365-video-player-ctn .c-video-player .f-video-trigger .f-mask-40 { background-color: rgba(0, 0, 0, .4) } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div { text-align: center; position: absolute; z-index: 1; height: 100%; width: 100%; color: #fff; background-color: rgba(0, 0, 0, .2) } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div:hover { background-color: rgba(0, 0, 0, .4) } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div span { top: calc(50% - 62px); left: calc(50% - 24px); font-size: 13px; border: 1px solid transparent; color: #fff; position: absolute; min-height: 36px; min-width: 44px; text-align: left; background: #000; padding: 8px } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div .c-heading { font-size: 24px; margin-bottom: 12px; font-weight: 700; padding: 0; margin: 0 auto; max-width: 60% } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div p { font-size: 13px; padding: 0; max-width: 33.33333%; margin: 0 auto } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button { position: relative; border-radius: 50%; color: #fff; margin: 0; padding: 0 } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.ow-play-theme-light, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.ow-play-theme-light { background: rgba(255, 255, 255, .3) !important } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.ow-play-theme-dark, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.ow-play-theme-dark { background: rgba(0, 0, 0, .6) !important } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { font-size: 24px; font-family: MWF-MDL2; content: ""; margin: 0 auto; line-height: 13px; height: 48px; width: 48px; color: #fff; outline: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; right: 0 } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label].ow-large, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label].ow-large { height: 60px; width: 60px } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label].ow-large:before, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label].ow-large:before { font-size: 32px; margin-left: 10%; margin-top: 5% } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label]:hover, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label]:hover { color: rgba(255, 255, 255, .8) } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label]:focus { background: rgba(0, 0, 0, .6); outline: 2px dashed #fff } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label].ow-play-theme-light:focus { background: rgba(255, 255, 255, .3) !important; outline: 2px dashed #fff } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label].ow-play-theme-dark:focus { background: rgba(0, 0, 0, .6) !important; outline: 2px dashed #fff } .ow-m365-video-player-ctn .c-video-player+.m-media-gallery { padding: 24px 0 0 } .ow-m365-video-player-ctn .c-video-player [aria-hidden=true] { display: none !important } .ow-m365-video-player-ctn .ow-m365-video-dialog.x-lightbox-video .glyph-cancel+div { background: 0 0 } @media all and (max-width:539px) { .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { max-width: calc(100vw - 24px) } } @media(max-width:767px) { .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { max-width: calc(100vw - 48px) } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info .c-headline { font-size: 20px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button span { font-size: 12px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls { font-size: 20px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls span { font-size: 12px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-time { font-size: 12px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive span { font-size: 12px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button span { font-size: 12px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button { font-size: 12px } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button { font-size: 12px } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger span { font-size: 12px } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { font-size: 20px } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div span { font-size: 12px } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div .c-heading { font-size: 20px } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { font-size: 20px } } @media all and (min-width:1400px) { .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message>div { padding: 56px } } @media screen and (-ms-high-contrast:active) { .ow-m365-video-player-ctn a.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-lightweight:focus:not(.x-hidden-focus) { outline: 1px dashed #fff } .ow-m365-video-player-ctn .c-select-menu.f-border>a:hover { border-color: Highlight } .ow-m365-video-player-ctn .c-select-menu>a, .ow-m365-video-player-ctn .c-select-menu>button { color: windowText } .ow-m365-video-player-ctn .c-slider div { background: rgba(255, 255, 255, .4); border: 2px solid #000; height: 6px } .ow-m365-video-player-ctn .c-slider div button, .ow-m365-video-player-ctn .c-slider div button:active, .ow-m365-video-player-ctn .c-slider div button:hover { background: #fff } .ow-m365-video-player-ctn .c-slider div>span { background: #fff; border: 2px solid #000 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { outline: 1px solid; outline-color: #fff } .ow-m365-video-player-ctn .c-video-player .f-video-trigger .f-mask-20 { background-color: transparent } .ow-m365-video-player-ctn .c-video-player .f-video-trigger .f-mask-40 { background-color: transparent } } @media screen and (-ms-high-contrast) { .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true] { background: #fff } .ow-m365-video-player-ctn .c-menu-item a:focus, .ow-m365-video-player-ctn .c-menu-item a:hover, .ow-m365-video-player-ctn .c-menu-item button:focus, .ow-m365-video-player-ctn .c-menu-item button:hover, .ow-m365-video-player-ctn .c-menu-item span:focus, .ow-m365-video-player-ctn .c-menu-item span:hover { -ms-high-contrast-adjust: none; color: buttonFace !important; background-color: Highlight !important } .ow-m365-video-player-ctn .c-menu-item a[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item a[aria-selected=true], .ow-m365-video-player-ctn .c-menu-item button[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item button[aria-selected=true], .ow-m365-video-player-ctn .c-menu-item span[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item span[aria-selected=true] { color: buttonFace !important; background-color: Highlight !important } .ow-m365-video-player-ctn .c-menu-item a, .ow-m365-video-player-ctn .c-menu-item button, .ow-m365-video-player-ctn .c-menu-item span { color: buttonFace !important } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:after, .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:after { background: #fff } } @media screen and (-ms-high-contrast:black-on-white) { .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true] { background: #000 } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:after, .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:after { background: #000 } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { outline: 1px solid; outline-color: #000 } } @media screen and (-ms-high-contrast:active) and (-ms-high-contrast:black-on-white) { .ow-m365-video-player-ctn .c-slider div button, .ow-m365-video-player-ctn .c-slider div button:active, .ow-m365-video-player-ctn .c-slider div button:hover { border: 4px solid #000 } } @media screen and (-ms-high-contrast:white-on-black) { .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { outline: 1px solid; outline-color: #fff } } .ow-m365-video-dialog[aria-hidden=true] { display: none } .ow-m365-video-dialog [role=dialog] { display: block; position: fixed; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, calc(-50% - .5px)); background: #fff; border: 1px solid #0067b8; margin: 0 auto; max-height: 760px; max-width: 546px; min-width: 296px; width: 100%; padding: 24px; z-index: 1000 } .ow-m365-video-dialog [role=dialog]:focus { outline: 0 } .ow-m365-video-dialog [role=dialog] [role=document] { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; overflow-y: auto } @media(-ms-high-contrast:active) { .ow-m365-video-dialog [role=dialog] { background: Window } } .ow-m365-video-dialog [role=dialog] h2 { font-size: 20px; line-height: 24px; padding: 35px 0 5px; font-weight: 600; line-height: normal; padding: 0 } .ow-m365-video-dialog [role=dialog] .c-progress.f-indeterminate-regional { position: absolute; top: 0; margin-top: 0; overflow: hidden; height: 10px } .ow-m365-video-dialog [role=dialog] .c-divider { margin: 16px 0 } .ow-m365-video-dialog [role=dialog] .c-paragraph:first-of-type { padding-top: 8px } .ow-m365-video-dialog [role=dialog] .f-dialog-content { display: flex } .ow-m365-video-dialog [role=dialog] .c-group { display: block; margin: 1px } .ow-m365-video-dialog [role=dialog] .c-group.f-wrap-items { display: flex } .ow-m365-video-dialog [role=dialog] .c-group .c-button { margin-top: 24px; width: 50%; max-width: none; text-overflow: ellipsis } .ow-m365-video-dialog [role=dialog] .c-group .c-button+.c-button { width: calc(50% - 4px) } .ow-m365-video-dialog.f-flow [role=dialog] { max-width: 640px } .ow-m365-video-dialog.f-flow [role=dialog], .ow-m365-video-dialog.f-lightbox [role=dialog] { padding: 36px } .ow-m365-video-dialog.f-flow [role=dialog]>button.c-glyph, .ow-m365-video-dialog.f-lightbox [role=dialog]>button.c-glyph { padding: 0; background: 0 0; border: 0 } .ow-m365-video-dialog.f-flow [role=dialog]>.c-glyph, .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph { position: absolute; width: 36px; height: 36px; top: 0; color: rgba(0, 0, 0, .6); cursor: pointer } .ow-m365-video-dialog.f-flow [role=dialog]>.c-glyph:hover, .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph:hover { color: rgba(0, 0, 0, .8) } .ow-m365-video-dialog.f-flow [role=dialog]>.c-glyph:focus, .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph:focus { outline: 1px dashed rgba(0, 0, 0, .8) } .ow-m365-video-dialog.f-flow [role=dialog]>.c-glyph:active, .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph:active { color: #000 } .ow-m365-video-dialog.f-flow [role=dialog]>.c-glyph:before, .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph:before { margin: 10px; vertical-align: middle } .ow-m365-video-dialog.f-flow [role=dialog] .f-dialog-scroll, .ow-m365-video-dialog.f-lightbox [role=dialog] .f-dialog-scroll { overflow-y: auto; max-height: 600px; min-width: 245px } .ow-m365-video-dialog.f-flow [role=dialog] .c-group .c-button, .ow-m365-video-dialog.f-lightbox [role=dialog] .c-group .c-button { margin-top: 36px } .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch } .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-body, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-body { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; align-content: stretch } .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-body .ow-m365-video-dialog-content, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-body .ow-m365-video-dialog-content { overflow: hidden; display: flex; align-items: stretch; flex-direction: row; justify-content: center; align-content: stretch } .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-body .ow-m365-video-dialog-content .ow-m365-video-dialog-scroll, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-body .ow-m365-video-dialog-content .ow-m365-video-dialog-scroll { overflow-y: auto } @media only screen and (min-height:320px) { .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-footer .c-group .c-button, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-footer .c-group .c-button { margin-top: 0 } } @media only screen and (min-height:540px) { .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-footer .c-group .c-button, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-footer .c-group .c-button { margin-top: 10px } } .ow-m365-video-dialog.f-lightbox [role=dialog] { background: #2f2f2f; border-color: transparent; max-width: 1066px; overflow: visible; padding: 0 } .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph { top: -36px; color: rgba(255, 255, 255, .6) } .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph:hover { color: rgba(255, 255, 255, .8) } .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph:focus { outline-color: rgba(255, 255, 255, .6) } .ow-m365-video-dialog.f-lightbox [role=dialog] [role=document] img { width: 100% } .ow-m365-video-dialog.f-lightbox>[role=presentation] { background: rgba(0, 0, 0, .9) } .ow-m365-video-dialog.f-lightbox>[role=presentation]+button.c-glyph { padding: 0; background: 0 0; border: 0; width: 36px; height: 36px } .ow-m365-video-dialog.f-lightbox>[role=presentation]+button.c-glyph:before { vertical-align: top } .ow-m365-video-dialog.f-lightbox>[role=presentation]+.c-glyph { position: fixed; top: 24px; color: rgba(255, 255, 255, .6); font-size: 36px; z-index: 1001 } .ow-m365-video-dialog.f-lightbox>[role=presentation]+.c-glyph:hover { color: rgba(255, 255, 255, .8) } .ow-m365-video-dialog.f-lightbox>[role=presentation]+.c-glyph:focus { outline: 1px dashed rgba(255, 255, 255, .6) } .ow-m365-video-dialog>[role=presentation] { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, .9); z-index: 1000 } .ow-m365-video-dialog>[role=presentation]:focus { outline: 0 } @media only screen and (max-width:767px) { .ow-m365-video-dialog.f-flow [role=dialog], .ow-m365-video-dialog.f-lightbox [role=dialog] { padding: 24px } .ow-m365-video-dialog.f-flow [role=dialog] { width: 80% } } @media only screen and (max-width:539px) { .ow-m365-video-dialog [role=dialog] { top: 0; left: 0; right: 0; -ms-transform: none; -webkit-transform: none; transform: none; margin: 12px; max-height: 342px; width: auto } .ow-m365-video-dialog [role=dialog] .c-group { display: block; padding: 0 } .ow-m365-video-dialog [role=dialog] .c-group .c-button { float: none; margin-top: 24px; width: 100%; max-width: none } .ow-m365-video-dialog [role=dialog] .c-group .c-button+.c-button { float: none; width: 100%; margin-top: 12px } .ow-m365-video-dialog.f-lightbox [role=dialog] { left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: none; margin: 0; padding: 0; width: 100% } .ow-m365-video-dialog.f-flow [role=dialog] { height: auto; max-height: 100%; min-height: 250px; width: auto } .ow-m365-video-dialog.f-flow [role=dialog] .f-dialog-scroll { overflow-y: auto; flex-shrink: 50; flex-basis: auto; max-height: 800px } .ow-m365-video-dialog.f-flow [role=dialog] .c-group.f-wrap-items { min-height: 100% } .ow-m365-video-dialog.f-flow [role=dialog] .c-group .c-button+.c-button { margin-top: 12px; float: none; width: 100% } } .ow-m365-video-dialog.f-lightbox { position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding: 0 84px; z-index: 1000 } .ow-m365-video-dialog.f-lightbox[aria-hidden=false] { display: flex; flex-direction: column; align-items: center; justify-content: center } .ow-m365-video-dialog.f-lightbox[aria-hidden=false]>[role=dialog] { position: relative; -ms-transform: none; -webkit-transform: none; transform: none; left: auto; right: auto; top: auto; min-width: 0; padding: 0; background: 0 0; border: none; height: auto !important; pointer-events: none } .ow-m365-video-dialog.f-lightbox>[role=presentation] { background-color: rgba(0, 0, 0, .9); width: 100vw; height: 100vh } .ow-m365-video-dialog.f-lightbox .ow-m365-video-player-ctn { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; min-width: 320px; border: 1px solid rgba(0, 0, 0, .9); pointer-events: auto } .ow-m365-video-dialog.f-lightbox .ow-m365-video-player-ctn video { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide] { width: 36px !important; height: 36px !important; line-height: 36px; position: fixed !important; top: 24px !important; color: rgba(255, 255, 255, .6) !important; font-size: 36px; z-index: 1001; pointer-events: auto } .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide].c-glyph:before { margin: 0 !important; vertical-align: top !important } .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide]:focus { outline: 1px dashed rgba(255, 255, 255, .6) } html[dir=ltr] .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide] { right: 24px !important } html[dir=ltr] .ow-m365-video-dialog [role=dialog] .c-progress.f-indeterminate-regional { left: 0 } html[dir=ltr] .ow-m365-video-dialog [role=dialog] .c-group .c-button { float: right; margin-right: 0 } html[dir=ltr] .ow-m365-video-dialog [role=dialog] .c-group .c-button+.c-button { float: left } html[dir=ltr] .ow-m365-video-dialog.f-flow [role=dialog]>.c-glyph, html[dir=ltr] .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph { right: 0 } html[dir=ltr] .ow-m365-video-dialog [role=dialog] .c-group .c-button { margin-right: 0 } html[dir=ltr] .ow-m365-video-player-ctn a.c-action-trigger.c-glyph[aria-label], html[dir=ltr] .ow-m365-video-player-ctn button.c-action-trigger.c-glyph[aria-label] { min-width: 0; margin-right: 10px } html[dir=ltr] .ow-m365-video-player-ctn a.c-action-trigger.c-glyph.f-align-margin, html[dir=ltr] .ow-m365-video-player-ctn button.c-action-trigger.c-glyph.f-align-margin { margin-left: -10px } html[dir=ltr] .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight.c-glyph, html[dir=ltr] .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight.c-glyph { padding-left: 0 } html[dir=ltr] .ow-m365-video-player-ctn .c-list.f-bare { padding-left: 0 } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item a.f-icon img, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item button.f-icon img, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item span.f-icon img { padding-right: 16px } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]:checked+span:after { left: 16px } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]+span { padding-left: 40px; margin-left: 0 } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]+span:before { left: 11px } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>a:after, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>button:after { right: 12px } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>a+.c-menu, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>button+.c-menu { left: 100% } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>a+.c-menu.f-flip, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>button+.c-menu.f-flip { left: -100% } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item a.f-product .c-image { float: left } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item a.f-product span { padding: 0 0 0 10px } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded] { margin-left: 8px } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu>button { text-align: left } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu>button.f-icon img { padding-right: 16px } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu>a, html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu>button { padding-right: 24px } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu>a:after, html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu>button:after { right: 8px } html[dir=ltr] .ow-m365-video-player-ctn .c-slider.f-vertical>div { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: -134px } html[dir=ltr] .ow-m365-video-player-ctn .c-slider.f-vertical>div>button>span { left: -14px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) } html[dir=ltr] .ow-m365-video-player-ctn .c-slider div button span { left: 4px } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li { margin-left: 0 } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li { margin-left: 0 } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button .c-image { padding-right: 12px } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger:before { margin-left: 1px } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-check-mark[data-video-selectable]:before { float: right; margin-right: 0 } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-chevron-right:before { float: right; margin-right: 0 } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { padding-right: 0 } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { padding-right: 0 } @media only screen and (max-width:767px) { html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { margin-left: 24px } } @media only screen and (max-width:539px) { html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { margin-left: 12px } } html[dir=rtl] .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide] { left: 24px !important } html[dir=rtl] .ow-m365-video-dialog [role=dialog] .c-progress.f-indeterminate-regional { right: 0 } html[dir=rtl] .ow-m365-video-dialog [role=dialog] .c-group .c-button { float: left; margin-left: 0 } html[dir=rtl] .ow-m365-video-dialog [role=dialog] .c-group .c-button+.c-button { float: right } html[dir=rtl] .ow-m365-video-dialog.f-flow [role=dialog]>.c-glyph, html[dir=rtl] .ow-m365-video-dialog.f-lightbox [role=dialog]>.c-glyph { left: 0 } html[dir=rtl] .ow-m365-video-dialog [role=dialog] .c-group .c-button { margin-left: 0 } html[dir=rtl] .ow-m365-video-player-ctn a.c-action-trigger.c-glyph[aria-label], html[dir=rtl] .ow-m365-video-player-ctn button.c-action-trigger.c-glyph[aria-label] { min-width: 0; margin-left: 10px } html[dir=rtl] .ow-m365-video-player-ctn a.c-action-trigger.c-glyph.f-align-margin, html[dir=rtl] .ow-m365-video-player-ctn button.c-action-trigger.c-glyph.f-align-margin { margin-right: -10px } html[dir=rtl] .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight.c-glyph, html[dir=rtl] .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight.c-glyph { padding-right: 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-glyph.glyph-chevron-left:before { content: "" } html[dir=rtl] .ow-m365-video-player-ctn .c-glyph.glyph-chevron-right:before { content: "" } html[dir=rtl] .ow-m365-video-player-ctn .c-list { padding-right: 19px; padding-left: 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-list.f-bare { padding-right: 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item a.f-icon img, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item button.f-icon img, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item span.f-icon img { padding-left: 16px } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]:checked+span:after { right: 16px } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]+span { padding-right: 40px; margin-right: 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]+span:before { right: 11px } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>a:after, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>button:after { left: 12px } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>a+.c-menu, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>button+.c-menu { right: 100% } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>a+.c-menu.f-flip, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu>button+.c-menu.f-flip { right: -100% } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item a.f-product .c-image { float: right } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item a.f-product span { padding: 0 10px 0 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu.f-border>a { padding: 8px 12px 8px 24px } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded] { margin-right: 8px } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu>button { text-align: right } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu>button.f-icon img { padding-left: 16px } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu>a, html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu>button { padding-left: 24px } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu>a:after, html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu>button:after { left: 8px } html[dir=rtl] .ow-m365-video-player-ctn .c-slider.f-vertical>div { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); right: -134px } html[dir=rtl] .ow-m365-video-player-ctn .c-slider.f-vertical>div>button>span { right: -14px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } html[dir=rtl] .ow-m365-video-player-ctn .c-slider div button span { right: 4px } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span, html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live span, html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span, html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause span, html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive span { text-align: right } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu { direction: rtl } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li { margin-right: 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button { text-align: right } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu { direction: rtl } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li { margin-right: 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button { text-align: right } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button .c-image { padding-left: 12px } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger:before { margin-right: 1px } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-check-mark[data-video-selectable]:before { float: left; margin-left: 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-chevron-right:before { float: left; margin-left: 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger span { text-align: right } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { padding-left: 0 } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div span { text-align: right } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { padding-left: 0 } @media only screen and (max-width:767px) { html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { margin-right: 24px } } @media only screen and (max-width:539px) { html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { margin-right: 12px } } @media screen and (max-width:767px) { .ow-m365-video-dialog.f-lightbox { padding: 0 } .ow-m365-video-dialog.f-lightbox[aria-hidden=false]>[role=dialog] { position: absolute; top: 122px; bottom: 0; left: 0; right: 0 } .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide] { top: 50px !important } } .ow-ani-video-fb-img .ow-opacity-0 { opacity: 0 } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+0) { -ms-grid-row: 1; grid-row: 1 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+4) { -ms-grid-row: 2; grid-row: 2 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+7) { -ms-grid-row: 3; grid-row: 3 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+10) { -ms-grid-row: 4; grid-row: 4 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+13) { -ms-grid-row: 5; grid-row: 5 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+16) { -ms-grid-row: 6; grid-row: 6 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+19) { -ms-grid-row: 7; grid-row: 7 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+22) { -ms-grid-row: 8; grid-row: 8 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+25) { -ms-grid-row: 9; grid-row: 9 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+28) { -ms-grid-row: 10; grid-row: 10 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+31) { -ms-grid-row: 11; grid-row: 11 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+34) { -ms-grid-row: 12; grid-row: 12 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+37) { -ms-grid-row: 13; grid-row: 13 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+40) { -ms-grid-row: 14; grid-row: 14 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+43) { -ms-grid-row: 15; grid-row: 15 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+46) { -ms-grid-row: 16; grid-row: 16 } } @media only screen and (max-width:767px) { .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li:nth-child(n+49) { -ms-grid-row: 17; grid-row: 17 } } .ow-m365-roadmap .no-navigation { color: #808080; cursor: default } .ow-m365-roadmap .no-padding { padding: 0 } .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header { background-color: #fff; padding: 0 } .ow-m365-roadmap .no-margin-override { margin: 0 !important } .ow-m365-roadmap .m-banner { padding-bottom: 48px } .ow-m365-roadmap .m-banner .c-heading-2 { padding: 25px 0 0 } .ow-m365-roadmap .m-banner .c-paragraph-2 { font-weight: normal; padding: 25px 0 0 } .ow-m365-roadmap .ow-search-filter-container { display: flex; margin: 0; max-width: none; padding-left: 5%; padding-right: 5% } .ow-m365-roadmap .ow-search-filter-container .ow-search-title { padding: 0; padding-bottom: 18px; font-size: 24px; font-weight: 700; line-height: 28px } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-mobile-sticky-header.m-sticky { margin-top: 0; margin-bottom: 0 } .ow-m365-roadmap .ow-m365-roadmap-search-container { padding: 0 } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search { max-width: none; margin: 0; height: 35px } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search input[type="search"] { font-size: 16px; line-height: 21px; color: #333; padding-top: 5px; padding-bottom: 5px; border: 1px solid #828281 } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search input[type="search"]:focus { border-color: #000 } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search input[type="search"]::-webkit-input-placeholder { font-style: italic; color: #9e9e9e } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search input[type="search"]:-moz-placeholder { font-style: italic; color: #9e9e9e } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search input[type="search"]::-moz-placeholder { font-style: italic; color: #9e9e9e } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search input[type="search"]:-ms-input-placeholder { font-style: italic; color: #9e9e9e } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search input[type="search"]::-ms-input-placeholder { font-style: italic; color: #9e9e9e } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search button { -ms-filter: "FlipH"; filter: FlipH; padding-top: 10px; padding-bottom: 12px; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); height: 30px; width: 30px } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search button:before { position: relative; top: -4px } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search .ow-m365-roadmap-search-clear { color: inherit; font-size: 20px; padding-left: 0; padding-right: 0; padding-top: 4px; position: absolute; background-color: #fff; margin-top: 2px; height: 30px; width: 30px } .ow-m365-roadmap .ow-m365-roadmap-search-container .toggle-filter-select { color: #666; font-size: 36px; height: 36px; padding: 0 20px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container { padding: 0 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container div[data-grid~="container"] { padding: 0; max-width: none } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-first, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-second, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-third { background-color: #cccdce; display: inline-block; width: 10px; height: 10px; margin-left: 2px; margin-right: 2px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-category-type { display: flex; align-self: center } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-type-development .ow-first { background-color: #24395e } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-type-rolling .ow-first, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-type-rolling .ow-second { background-color: #4fe5ff } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-type-launched .ow-first, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-type-launched .ow-second, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-type-launched .ow-third { background-color: #0278d4 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination { text-align: center } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination .m-pagination { margin: 0; padding-top: 10px; padding-bottom: 10px; background-color: #f3f3f3 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination .m-pagination a { color: #0278d4; font-size: 28px; line-height: 18px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination .m-pagination li.f-active a { border: none; color: #000 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination .m-pagination #next-btn a, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination .m-pagination #prev-btn a { padding-left: 0; padding-right: 0 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination .m-pagination #next-btn a:after, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination .m-pagination #next-btn a:before, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination .m-pagination #prev-btn a:after, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination .m-pagination #prev-btn a:before { margin-left: 0; margin-right: 0; font-size: 22px } .ow-m365-roadmap .ow-m365-roadmap-main-content { padding: 30px 0 0 } .ow-m365-roadmap .ow-m365-roadmap-filters .c-heading-4 { display: inline-block; padding: 0 0 15px } .ow-m365-roadmap .ow-m365-roadmap-filters .c-heading-4.ow-filter-title { padding-bottom: 0; font-size: 24px; font-weight: 700; line-height: 28px } .ow-m365-roadmap .ow-m365-roadmap-filters .c-tooltip { position: absolute; bottom: 30px !important } .ow-m365-roadmap .ow-m365-roadmap-filters .filter-clear-text { display: none } .ow-m365-roadmap .ow-m365-roadmap-filters .filter-clear-text .filter-clear { display: inline; color: #0071c8; font-size: 15px; min-width: unset; padding: 0; vertical-align: baseline } .ow-m365-roadmap .ow-m365-roadmap-filters .filter-clear-text .filter-clear:hover { text-decoration: underline } .ow-m365-roadmap .ow-m365-roadmap-filters .filter-clear-text.visible { display: inline } .ow-m365-roadmap .ow-m365-roadmap-filters .filters-mobile-header { display: none; text-align: center } .ow-m365-roadmap .ow-m365-roadmap-filters .filters-mobile-header [class^="c-heading"] { padding-top: 13px } .ow-m365-roadmap .toggle-filter-select { display: none } .ow-m365-roadmap .filter-header { position: relative } .ow-m365-roadmap .filter-header>.c-action-toggle[aria-label] { position: absolute; top: 50%; margin: -19px 0 0; font-weight: bold; color: #000 } .ow-m365-roadmap .filter-header>.c-action-toggle:hover { background-color: transparent } .ow-m365-roadmap .filter-header>.c-heading-6 { padding: 0; font-weight: normal; font-size: 16px; line-height: 20px } .ow-m365-roadmap .ow-m365-roadmap-filter-list { display: none } .ow-m365-roadmap .ow-m365-roadmap-filter-list>li { margin: 7px 0 } .ow-m365-roadmap .ow-m365-roadmap-filter-list .ow-radio-border { padding-bottom: 20px; border-bottom: 2px solid #707070 } .ow-m365-roadmap .ow-m365-roadmap-filter-list .ow-reset-radio-buttons { margin-top: 20px } .ow-m365-roadmap .ow-m365-roadmap-filter-list .ow-reset-radio-buttons a.c-button { background-color: #0071c8; color: #fff } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded>.ow-m365-roadmap-filter-list { display: block } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-products>.ow-m365-roadmap-filter-list, .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-release>.ow-m365-roadmap-filter-list, .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-platform>.ow-m365-roadmap-filter-list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex: 1 1 auto } .ow-m365-roadmap-product-filter-list { column-count: 4; display: none !important; } .expanded .ow-m365-roadmap-product-filter-list { display: block !important; } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-products>.ow-m365-roadmap-filter-list.ow-cols-4 li, .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-release>.ow-m365-roadmap-filter-list.ow-cols-4 li, .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-platform>.ow-m365-roadmap-filter-list.ow-cols-4 li { flex: 0 23%; flex-basis: auto; width: 23%; margin-left: 1%; margin-right: 1% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-products>.ow-m365-roadmap-filter-list.ow-cols-2 li, .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-release>.ow-m365-roadmap-filter-list.ow-cols-2 li, .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-platform>.ow-m365-roadmap-filter-list.ow-cols-2 li { flex: 0 48%; flex-basis: auto; width: 48%; margin-left: 1%; margin-right: 1% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list>li { padding-top: 6px; padding-bottom: 4px; border-top: 2px solid #e6e6e6 } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list>li:last-child:not(.ow-filter-reset) { border-bottom: 2px solid #e6e6e6 } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list>li.ow-filter-reset { border-top: none } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list>li>.ow-m365-roadmap-filter-category-header>.c-heading-5 { padding: 7px 0 } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category { position: relative; display: inline-block; border: 1px solid #828281; min-width: 160px; margin-top: 14px; height: 35px } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-has-filters { color: #fff } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-has-filters .filter-header .c-tooltip { color: #000 } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-has-filters .ow-radio-group { color: #000 } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-has-filters .ow-m365-roadmap-filter-category-header button.c-action-toggle { color: #fff } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-date .ow-m365-roadmap-filter-list { width: 150% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-cloud .ow-m365-roadmap-filter-list { width: 100% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-release .ow-m365-roadmap-filter-list { width: 200% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { width: 450% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-platform .ow-m365-roadmap-filter-list { width: 200% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list { position: absolute; background-color: #fff; z-index: 10; border: 1px solid #828281; padding: 20px; vertical-align: top } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list li.ow-filter-col { display: inline-block } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list li.ow-filter-col.ow-cols-4 { width: 25% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list li.ow-filter-col.ow-cols-2 { width: 50% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list li.ow-filter-col>ul>li { margin-top: 7px; margin-bottom: 7px } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-filter-reset { display: inline-block; padding: 0; vertical-align: bottom; margin-top: 14px } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-filter-reset.visible a.filter-clear { background-color: #0278d4; cursor: pointer } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-filter-reset.visible a.filter-clear:focus { outline: 2px solid #000 } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-filter-reset a.filter-clear { margin-top: 0; border: 1px solid; padding-top: 8px; padding-bottom: 8px; font-size: 16px; font-weight: 700; line-height: 20px; background-color: #c3c3c3; color: #fff; cursor: default } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-filter-reset a.filter-clear:hover { text-decoration: none } .ow-m365-roadmap .ow-m365-roadmap-child-filter-list { margin-top: 7px } .ow-m365-roadmap .ow-m365-roadmap-child-filter-list .c-checkbox label.c-label { font-size: 14px; color: #737373 } .ow-m365-roadmap .ow-m365-roadmap-child-filter-list .c-checkbox label.c-label button.ow-filter-button { display: none } .ow-m365-roadmap .ow-m365-roadmap-child-filter-list .c-checkbox input[type="checkbox"]+span:before { box-shadow: inset 0 0 0 1px #737373, inset 0 0 0 10px transparent } .ow-m365-roadmap .ow-m365-roadmap-child-filter-list .c-checkbox input[type="checkbox"]:not(:disabled):focus+span:before, .ow-m365-roadmap .ow-m365-roadmap-child-filter-list .c-checkbox input[type="checkbox"]:not(:disabled):hover+span:before { box-shadow: inset 0 0 0 1px rgba(158, 158, 158, .8) } .ow-m365-roadmap .ow-m365-roadmap-child-filter-list .c-checkbox input[type="checkbox"]:checked:not(:disabled)+span:before { box-shadow: inset 0 0 0 10px #0071c8 } .ow-m365-roadmap .ow-m365-roadmap-child-filter-list .c-checkbox input[type="checkbox"]:checked:not(:disabled):focus+span:before, .ow-m365-roadmap .ow-m365-roadmap-child-filter-list .c-checkbox input[type="checkbox"]:checked:not(:disabled):hover+span:before { box-shadow: inset 0 0 0 1px rgba(158, 158, 158, .6), inset 0 0 0 10px #0071c8 } .ow-m365-roadmap a.c-button.view-more, .ow-m365-roadmap button.c-button.view-more, .ow-m365-roadmap a.c-button.view-less, .ow-m365-roadmap button.c-button.view-less { color: #0071c8 } .ow-m365-roadmap .ow-m365-roadmap-view-more-item { padding-top: 5px } .ow-m365-roadmap .ow-m365-roadmap-view-more-item .c-button[role="button"] { font-size: 13px; margin: 0; min-width: unset; padding: 0 } .ow-m365-roadmap .ow-m365-roadmap-filters .c-checkbox label.c-label { margin: 0 } .ow-m365-roadmap .ow-m365-roadmap-top-level-filter-list>li { margin: 10px 0 } .ow-m365-roadmap .ow-m365-roadmap-top-level-filter-header { padding-bottom: 5px } .ow-m365-roadmap .ow-m365-roadmap-top-level-filter-header>.c-checkbox input[type="checkbox"]+span:before { -webkit-box-shadow: inset 0 0 0 2px black, inset 0 0 0 10px transparent; box-shadow: inset 0 0 0 2px black, inset 0 0 0 10px transparent } .ow-m365-roadmap .ow-m365-roadmap-top-level-filter-header>.c-checkbox input[type="checkbox"]:checked:not(:disabled)+span:before { -webkit-box-shadow: inset 0 0 0 10px #0071c8; box-shadow: inset 0 0 0 10px #0071c8 } .ow-m365-roadmap .ow-m365-roadmap-top-level-filter-header>.c-checkbox input[type="checkbox"]:checked:not(:disabled):focus+span:before, .ow-m365-roadmap .ow-m365-roadmap-top-level-filter-header>.c-checkbox input[type="checkbox"]:checked:not(:disabled):hover+span:before { -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .6), inset 0 0 0 10px #0071c8; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .6), inset 0 0 0 10px #0071c8 } .ow-m365-roadmap .ow-m365-roadmap-top-level-filter-header>.c-checkbox input[type="checkbox"]:indeterminate:not(:disabled)+span:before { -webkit-box-shadow: inset 0 0 0 2px #0071c8; box-shadow: inset 0 0 0 2px #0071c8 } .ow-m365-roadmap .ow-m365-roadmap-main-content-header { margin-bottom: 10px; padding-left: 5%; padding-right: 5% } .ow-m365-roadmap .ow-m365-roadmap-main-content-header .items-links-container a { color: #0071c8; display: inline-block; font-size: 15px; vertical-align: middle; margin: 0 5px } .ow-m365-roadmap .ow-m365-roadmap-main-content-header .items-links-container span { color: #0278d4 } .ow-m365-roadmap .ow-m365-roadmap-main-content-header .ow-share-msg-container .c-paragraph-2 { padding: 0; line-height: 28px; font-weight: 400 } .ow-m365-roadmap .ow-m365-roadmap-main-content-header .ow-share-msg-container .c-paragraph-2.ow-share-msg-error { color: #f00 } .ow-m365-roadmap .ow-m365-roadmap-main-content-header .ow-share-msg-container .c-paragraph-2.ow-share-msg-success { color: #008000 } .ow-m365-roadmap .ow-m365-roadmap-main-content-header .applied-filters-container [class*="c-heading"], .ow-m365-roadmap .ow-m365-roadmap-main-content-header .applied-filters-container #owM365RoadmapAppliedFilters { display: inline-block; vertical-align: middle } .ow-m365-roadmap .ow-m365-roadmap-main-content-header .applied-filters-container [class*="c-heading"] { font-weight: 700 } .ow-m365-roadmap .ow-m365-roadmap-main-content-header #owM365RoadmapItemsNum { color: #0278d4 } .ow-m365-roadmap .ow-m365-roadmap-main-content-header #owM365RoadmapAppliedFilters button { color: #000; padding: 5px; margin: 0; min-width: 0; font-weight: 700; line-height: 20px } .ow-m365-roadmap .ow-m365-roadmap-main-content-header #owM365RoadmapAppliedFilters button .c-glyph { background-color: #0278d4; color: #fff; border-radius: 50%; font-size: 6px; display: inline-block; vertical-align: bottom; width: 14px; height: 14px; line-height: 14px; text-align: center } .ow-m365-roadmap .ow-m365-roadmap-summary-table { width: 100% } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container { margin-top: 20px; margin-bottom: 20px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container button.ow-category-header { width: 100%; border: none; background-color: transparent } .ow-m365-roadmap .ow-m365-roadmap-summary-table th, .ow-m365-roadmap .ow-m365-roadmap-summary-table td { width: 20%; vertical-align: top; border-top: 1px solid #bfbfbf } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-header { padding: 10px 20px; position: relative; display: flex } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-header .c-heading-5 { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-header .c-heading-5::before, .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-header .c-heading-5::after { display: none } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-description { padding: 10px 20px; color: #000; font-size: 14px; font-weight: normal; line-height: 25px; background-color: #fff } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-summary-table th:first-child .c-action-toggle { bottom: 0; color: #000; font-size: 13px; position: absolute } .ow-m365-roadmap .ow-m365-roadmap-summary-table-wrapper { padding-left: 5%; padding-right: 5% } .ow-m365-roadmap .ow-m365-roadmap-summary-table-wrapper .ow-m365-roadmap-back-to-top { border: 2px solid #0178d6; bottom: calc(100% + 60px); display: none; font-weight: bold; position: absolute; z-index: 3 } .ow-m365-roadmap .ow-m365-roadmap-summary-table-wrapper .ow-m365-roadmap-back-to-top .c-glyph { display: block; font-size: 32px } .ow-m365-roadmap .ow-m365-roadmap-summary-table-wrapper .ow-m365-roadmap-back-to-top .c-glyph.glyph-mail { background-color: #fff !important; padding: 3px 7px 0 } .ow-m365-roadmap .ow-m365-roadmap-summary-table-wrapper .ow-m365-roadmap-back-to-top .c-glyph.glyph-up { background-color: #0178d6; color: #fff; margin-top: 0; min-width: 0; padding: 8px 7px 3px; width: 50px; height: 50px; line-height: 48px } .ow-m365-roadmap .ow-m365-roadmap-summary-table td { color: #737373; font-size: 14px; padding: 10px 20px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .m365-roadmap-summary-title { display: block; font-size: 18px; font-weight: 700; line-height: 20px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .m365-roadmap-summary-num { color: #0278d4; font-size: 24px; line-height: 20px; font-weight: 700; display: block; margin-left: 6px; margin-right: 6px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-m365-roadmap-summary-checkbox { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 3px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-m365-roadmap-summary-checkbox>.c-label { margin: 0 } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-m365-roadmap-summary-checkbox>.c-label>span { height: 20px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .c-checkbox input[type="checkbox"]+span:before { -webkit-box-shadow: inset 0 0 0 2px #ccc, inset 0 0 0 10px transparent; box-shadow: inset 0 0 0 2px #ccc, inset 0 0 0 10px transparent } .ow-m365-roadmap .ow-m365-roadmap-summary-table .c-checkbox input[type="checkbox"]:checked:not(:disabled)+span:before { -webkit-box-shadow: inset 0 0 0 10px #0071c8; box-shadow: inset 0 0 0 10px #0071c8 } .ow-m365-roadmap .ow-m365-roadmap-summary-table .c-checkbox input[type="checkbox"]:checked:not(:disabled):focus+span:before, .ow-m365-roadmap .ow-m365-roadmap-summary-table .c-checkbox input[type="checkbox"]:checked:not(:disabled):hover+span:before { -webkit-box-shadow: inset 0 0 0 2px rgba(204, 204, 204, .6), inset 0 0 0 10px #0071c8; box-shadow: inset 0 0 0 2px rgba(204, 204, 204, .6), inset 0 0 0 10px #0071c8 } .ow-m365-roadmap .m-table { padding: 0; padding-left: 5%; padding-right: 5%; background-color: #f5f5f5 } .ow-m365-roadmap .m-table .c-table { position: relative; margin-top: 0 } .ow-m365-roadmap .m-table .c-table .ow-sort-container { -ms-transform: translateX(8px); -webkit-transform: translateX(8px); transform: translateX(8px); position: relative; z-index: 1 } .ow-m365-roadmap .m-table .c-table .ow-sort-container .ow-sort-by-date, .ow-m365-roadmap .m-table .c-table .ow-sort-container .ow-sort-order { display: inline-block } .ow-m365-roadmap .m-table .c-table .ow-sort-container .c-select-menu button, .ow-m365-roadmap .m-table .c-table .ow-sort-container .c-select-menu ul { width: 250px; background-color: #fff } .ow-m365-roadmap .m-table .c-table .ow-sort-container .c-select-menu .c-menu { border: 1px solid #828281 } .ow-m365-roadmap .m-table .c-table .ow-sort-container .c-select-menu .c-menu-item span[aria-selected="false"] { background: transparent } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table { font-size: 18px; border-collapse: separate; border-spacing: 0 10px; padding-bottom: 10px; background-color: #f5f5f5 } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-content { padding-top: 10px; padding-bottom: 20px } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-content .ow-m365-roadmap-item-more-info { margin-top: 10px } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-content .data-list { padding-top: 20px; padding-bottom: 20px } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead { border: none } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th { background-color: #f2f2f2; color: #000; font-size: 18px; font-weight: bold } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th+th { text-align: center } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th .sort-column { line-height: .8; margin: 0; min-width: 0 } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th .sort-column:after { display: none } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th .sort-column .c-glyph { color: #000; display: block; font-size: 6px; font-weight: bold } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr { background-color: #fff; box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .1) } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr:focus { outline: 2px solid #000; outline-offset: -2px } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr[tabindex="0"]:hover { cursor: pointer } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td { color: #333; line-height: 23px; padding: 10px; text-align: center; vertical-align: top } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:first-child { width: 80% } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:first-child .collapsed-content { color: #000 } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-bold { font-weight: 700 } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-header { display: flex; align-items: center } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-header .ow-expand-row-btn { min-width: 0; color: #000; padding: 0 } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-header .ow-expand-row-btn:before { margin-left: 5px; margin-right: 5px } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-header .ow-expand-row-btn:hover { background-color: initial; color: #000 } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-header p.c-paragraph-3 { padding-top: 0; font-size: 18px; line-height: 23px; font-weight: 700; width: 100% } .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-header .ow-mobile-release { display: none } .ow-m365-roadmap .box:after { content: ""; position: absolute; top: -6px; display: block; width: 108px; height: 108px; border: 2px solid #f00 } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container { padding-top: 90px; padding-bottom: 80px } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container .c-heading-2 { padding: 30px 0 } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container .c-action-trigger { display: none } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container div[data-grid="col-3"] { text-align: center } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container div[data-grid="col-3"] .c-heading-6 { padding: 30px 0 10px } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container div[data-grid="col-3"] .c-paragraph-3 { padding: 0 } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container div[data-grid="col-3"] .c-call-to-action { margin-top: 5px } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container div[data-grid="col-3"] .c-call-to-action span { font-size: 14px; font-weight: normal } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-filters { padding-left: 10px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category { margin-right: 10px; padding-left: 5px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { left: -100% } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list { margin-left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header { padding-right: 10px; border-right: 1px solid #707070 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search input[type="search"] { padding-right: 36px; padding-left: 8px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search button { right: 1px; left: auto; padding-left: 9px; padding-right: 8px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search button:before { left: -4px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search .ow-m365-roadmap-search-clear { margin-left: -64px; padding-left: 4px } html:not([dir="rtl"]) .ow-m365-roadmap .filter-header { padding-right: 40px; padding-left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .filter-header>.c-action-toggle[aria-label] { right: 0; left: auto } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-child-filter-list { margin-right: 0; margin-left: 40px; left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-child-filter-list label.c-label .c-checkbox input[type="checkbox"]+span { padding-left: 35px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-view-more-item { padding-left: 28px; padding-right: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-header .items-links-container, html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-header .ow-share-msg-container { float: right; text-align: right } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-header .applied-filters-container { float: left } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-header .applied-filters-container [class*="c-heading"] { margin-right: 12px; margin-left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap #owM365RoadmapAppliedFilters button .c-glyph { margin-left: 4px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-category-type { margin-left: 2px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-summary-table th:first-child .c-action-toggle { left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table-wrapper .ow-m365-roadmap-back-to-top { right: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table tr th:first-child .ow-summary-th-container { border-right: 1px solid #949494 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table tr th:last-child .ow-summary-th-container { border-left: 1px solid #949494 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-header .c-heading-5 { margin-left: 30px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-header .ow-category-type { margin-left: 10px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-m365-roadmap-summary-checkbox>.c-label>span { padding-left: 20px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-description { text-align: left; margin-left: 30px } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-sort-container { float: right } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-header p.c-paragraph-3 { margin-left: 10px } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-content { margin-left: 80px } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th:first-child { padding-left: 30px } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th+th { border-left: 3px solid #fff } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th .sort-column { padding: 0 0 0 6px } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:first-child { padding-left: 20px; text-align: left } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:first-child .collapse-row { right: 4px } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:last-child { text-align: left } html:not([dir="rtl"]) .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:last-child .collapse-row { right: 15px } html:not([dir="rtl"]) .ow-m365-roadmap .box:after { left: -6px } html:not([dir="rtl"]) .ow-m365-roadmap .c-tooltip { left: 0 !important } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-pagination .c-glyph.glyph-chevron-left:before { margin-right: 8px; vertical-align: -2px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-filters { padding-right: 10px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category { margin-left: 10px; padding-right: 5px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { right: -100% } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list { margin-right: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header { padding-left: 10px; border-left: 1px solid #707070 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search input[type="search"] { padding-right: 10px; padding-left: 38px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search button { right: auto; left: 0; padding-left: 8px; padding-right: 9px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search button:before { right: -4px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search .ow-m365-roadmap-search-clear { margin-right: -64px; padding-right: 4px } html[dir="rtl"] .ow-m365-roadmap .filter-header { padding-right: 0; padding-left: 40px } html[dir="rtl"] .ow-m365-roadmap .filter-header>.c-action-toggle[aria-label] { right: auto; left: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-child-filter-list { margin-left: 0; margin-right: 40px; right: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-child-filter-list label.c-label .c-checkbox input[type="checkbox"]+span { padding-right: 35px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-view-more-item { padding-left: 0; padding-right: 28px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-header .items-links-container, html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-header .ow-share-msg-container { float: left; text-align: left } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-header .applied-filters-container { float: right } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-header .applied-filters-container [class*="c-heading"] { margin-right: 0; margin-left: 5px } html[dir="rtl"] .ow-m365-roadmap #owM365RoadmapAppliedFilters button .c-glyph { margin-right: 4px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-category-type { margin-right: 2px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-summary-table th:first-child .c-action-toggle { right: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table-wrapper .ow-m365-roadmap-back-to-top { left: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table tr th:first-child .ow-summary-th-container { border-left: 1px solid #949494 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table tr th:last-child .ow-summary-th-container { border-right: 1px solid #949494 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-header .c-heading-5 { margin-right: 30px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-header .ow-category-type { margin-right: 10px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-m365-roadmap-summary-checkbox>.c-label>span { padding-right: 0; padding-left: 20px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-description { text-align: right; margin-right: 30px } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-sort-container { float: left } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-header p.c-paragraph-3 { margin-right: 10px } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table .ow-col-content { margin-right: 80px } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th:first-child { padding-right: 30px } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th+th { border-right: 3px solid #fff } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table thead th .sort-column { padding: 0 6px 0 0 } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:first-child { padding-right: 20px; text-align: right } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:first-child .collapse-row { left: 4px } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:last-child { text-align: right } html[dir="rtl"] .ow-m365-roadmap .m-table .c-table .ow-m365-roadmap-items-table tbody tr td:last-child .collapse-row { left: 15px } html[dir="rtl"] .ow-m365-roadmap .box:after { right: -6px } html[dir="rtl"] .ow-m365-roadmap .c-tooltip { right: 0 !important } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-pagination .c-glyph.glyph-chevron-left:before { margin-left: 8px; vertical-align: -2px } #btnOWSurveyFeedback { z-index: 3 } @media only screen and (max-width:767.9px) { .c-tooltip { display: none !important } html:not([dir="rtl"]) #btnOWSurveyFeedback { right: 0 } html[dir="rtl"] #btnOWSurveyFeedback { left: 0 } #btnOWSurveyFeedback { position: absolute; bottom: 100% } .ow-m365-roadmap .m-banner { border-top: 2px solid #f0f0f0; padding: 15px 12px 44px } .ow-m365-roadmap .m-banner p.c-paragraph-3 { display: none } .ow-m365-roadmap .ow-search-filter-container { display: block; padding-left: 0; padding-right: 0 } .ow-m365-roadmap .ow-search-filter-container .toggle-filter-select { padding-left: 5px; padding-right: 5px; background-color: transparent; border: none } .ow-m365-roadmap .ow-search-filter-container .toggle-filter-select .ow-more-filters { display: inline-block } .ow-m365-roadmap .ow-search-filter-container .toggle-filter-select .ow-close-filters { display: none } .ow-m365-roadmap .ow-search-filter-container .toggle-filter-select .ow-more-filters, .ow-m365-roadmap .ow-search-filter-container .toggle-filter-select .ow-close-filters { font-size: 16px; line-height: 18px; width: 40px; color: #0278d4 } .ow-m365-roadmap .ow-search-filter-container.showing-filter-select .ow-m365-roadmap-filters { display: block } .ow-m365-roadmap .ow-search-filter-container.showing-filter-select+.ow-m365-roadmap-main-content-container .m-table { display: none } .ow-m365-roadmap .ow-search-filter-container.showing-filter-select .toggle-filter-select .ow-more-filters { display: none } .ow-m365-roadmap .ow-search-filter-container.showing-filter-select .toggle-filter-select .ow-close-filters { display: inline-block } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters { display: none; padding: 0; width: 100% } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters>.c-heading-4 { display: none } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list { padding: 0; padding-bottom: 10px; position: relative } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list .ow-filter-reset { display: none } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category { display: block; margin: 0; height: auto } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category.ow-has-filters .ow-m365-roadmap-filter-category-header { background-color: #000 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category:not(.ow-radio-border) { border-top: 2px solid #f5f5f5 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category.ow-filter-date:not(.ow-radio-border) { border-bottom: 2px solid #f5f5f5 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category.expanded .ow-m365-roadmap-filter-list.ow-m365-roadmap-child-filter-list { display: grid } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category.expanded .ow-m365-roadmap-filter-list.ow-m365-roadmap-child-filter-list.ow-radio-group { display: block } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-category-header { padding-top: 10px; padding-bottom: 10px } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list.ow-m365-roadmap-child-filter-list { width: 100%; z-index: 1; border: none; display: none; padding: 0 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list.ow-m365-roadmap-child-filter-list.ow-radio-group { padding-left: 10px; padding-right: 10px } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list.ow-m365-roadmap-child-filter-list.ow-cols-4 li, .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list.ow-m365-roadmap-child-filter-list.ow-cols-2 li { width: auto } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li:not(.ow-radio-border) { border: none } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list>li { padding: 0 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list>li:first-child { padding-top: 0 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li:last-child { margin-bottom: 5px } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-filter-list { display: block } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-filter-list .ow-m365-roadmap-top-level-filter-header .c-checkbox input[type="checkbox"]+span:before { -webkit-box-shadow: inset 0 0 0 2px #ccc, inset 0 0 0 10px transparent; box-shadow: inset 0 0 0 2px #ccc, inset 0 0 0 10px transparent } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-filter-list .ow-m365-roadmap-top-level-filter-header .c-checkbox input[type="checkbox"]:checked+span:after { display: none } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-filter-list .ow-m365-roadmap-top-level-filter-header .c-checkbox input[type="checkbox"]:checked:not(:disabled)+span:before { -webkit-box-shadow: inset 0 0 0 10px #0071c8; box-shadow: inset 0 0 0 10px #0071c8 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-filter-list.ow-radio-group { position: relative } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns: 1fr 10px 1fr 10px 1fr; -ms-grid-rows: auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto; margin: 4px 0; padding-bottom: 32px; position: relative } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li { border: 1px solid #bfbfbf; margin: 0; text-align: center } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li:nth-child(3n-2) { -ms-grid-column: 1; grid-column: 1 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li:nth-child(3n-1) { -ms-grid-column: 3; grid-column: 3 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li:nth-child(3n) { -ms-grid-column: 5; grid-column: 5 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li:nth-child(n+4) { margin-top: 10px } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li .c-checkbox { width: 100%; height: 100% } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li .c-checkbox label { color: #000; display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 0; cursor: pointer; font-size: 15px; position: relative } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li .c-checkbox label.selected { background-color: #0178d6; color: #fff } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li .c-checkbox label button.ow-filter-button { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; background-color: transparent; border: none; display: block } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li .c-checkbox label button.ow-filter-button:focus { border: 2px solid #000 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li .c-checkbox label input { display: none } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li .c-checkbox label span { padding: 0 8px } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li .c-checkbox label span:after { display: none } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li .c-checkbox label span:before { display: none } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) li.ow-m365-roadmap-view-more-item { border: none; bottom: 5px; margin: 0; padding: 0; -ms-grid-column: unset; grid-column: unset; -ms-grid-row: unset; grid-row: unset; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group) .ow-m365-roadmap-view-more-item .c-button { font-size: 14px; font-weight: normal; text-decoration: underline } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list:not(.ow-radio-group)>li.ow-m365-roadmap-view-more-item:nth-child(n+10) { display: list-item } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .filter-header span { font-size: 18px; font-weight: bold } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .filter-header .c-heading-6 { font-size: 18px; font-weight: bold } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .filter-clear-text.visible { display: none } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .filters-mobile-header { display: block; padding-bottom: 40px } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .filters-mobile-header .ow-headinghelper-2.c-heading-5 { padding-top: 12px } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .filters-mobile-header p.c-paragraph-3 { padding: 1px 0 24px } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .filters-mobile-header .view-result { background-color: #000; margin: -8px 12px; min-width: unset; padding: 8px; z-index: 2 } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .filters-mobile-header .filter-clear-mobile { display: inline } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .filters-mobile-header .filter-clear-mobile .filter-clear { display: inline; color: #b9b9b8; font-size: 18px; margin-top: 0; min-width: unset; padding: 0; vertical-align: baseline; z-index: 2; cursor: default } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .filters-mobile-header .filter-clear-mobile .filter-clear:hover { text-decoration: none } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .filters-mobile-header .filter-clear-mobile.visible .filter-clear { color: #0278d4; cursor: pointer } .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters>.ow-headinghelper-2.c-heading-3 { display: none } .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header { width: 100% } .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header.f-stuck .ow-m365-roadmap-search-container .ow-search-title { display: none } .ow-m365-roadmap .ow-m365-roadmap-search-container { padding: 10px 12px 5px } .ow-m365-roadmap .ow-m365-roadmap-search-container .ow-search-title { text-align: center } .ow-m365-roadmap .ow-m365-roadmap-search-container .c-search { display: inline-block; width: calc(100% - 100px) } .ow-m365-roadmap .ow-m365-roadmap-search-container .toggle-filter-select { display: inline-flex } .ow-m365-roadmap .ow-m365-roadmap-main-content-container { padding: 0 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container div[data-grid][aria-hidden="true"] { display: none } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content { padding: 0 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-first, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-second, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-third { width: 6px; height: 6px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-main-content-header { display: none } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-summary-table { border-top: none; width: 100%; display: none } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-summary-table::before { content: ""; display: block; position: absolute; left: 0; right: 0; border: 1px solid #ccc } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-summary-table td { padding: 10px 12px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table { padding-bottom: 30px; padding-left: 10px; padding-right: 10px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table { margin-top: 0 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table { position: relative } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table thead { display: none } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr { border-bottom: none; height: auto } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td { padding: 0 5px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header { position: relative; min-height: 60px; align-items: flex-start } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-expand-row-btn { position: absolute; top: 20px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-category-type { position: absolute; top: 8px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header p.c-paragraph-3 { font-size: 14px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-mobile-release { display: block; flex: 0 0 70px; font-size: 14px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-content p, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-content .data-list, .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-content .ow-m365-roadmap-item-more-info { font-size: 14px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .align-cell { padding: 5px 0 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .expanded-content { color: #595959; padding: 14px 0 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .expanded-content .align-cell { padding-bottom: 0 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .expanded-content p { color: #595959; padding-bottom: 30px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .expanded-content .data-list { padding: 0 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .expanded-content .data-list li { padding-bottom: 4px } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td:first-child .collapsed-content { color: #666 } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td:nth-child(n+2) { display: none } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr.expanded td:first-child .collapse-row { display: block } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table.viewing-expanded tr { display: none } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table.viewing-expanded tr.expanded { display: table-row } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-pagination { display: none } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .ow-m365-roadmap-summary-table-wrapper .ow-m365-roadmap-back-to-top { display: block } .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-summary-table-wrapper { position: fixed; bottom: 0; left: 0; right: 0; z-index: 3; background-color: #fff; padding-left: 0; padding-right: 0 } .ow-m365-roadmap .ow-m365-roadmap-summary-table { table-layout: fixed } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container { margin: 0 } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header { padding: 10px; padding-bottom: 0; display: block } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-m365-roadmap-summary-checkbox { z-index: 10 } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading { position: relative; padding-top: 30px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading .m365-roadmap-summary-title { font-size: 14px; font-weight: 700; line-height: 20px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading .m365-roadmap-summary-num { font-size: 24px; font-weight: 700; line-height: 20px; position: absolute; top: 0; padding-top: 0; margin-left: 0; margin-right: 0 } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading .ow-category-type { position: absolute; top: 0 } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-description { padding: 10px; font-size: 11px; line-height: 15px } .ow-m365-roadmap .ow-m365-roadmap-summary-table th, .ow-m365-roadmap .ow-m365-roadmap-summary-table td { width: 33.3333333333% } .ow-m365-roadmap .ow-m365-roadmap-summary-table th { vertical-align: bottom; border: 3px solid #ebebeb } .ow-m365-roadmap .ow-m365-roadmap-summary-table th .ow-summary-th-container { border: none } .ow-m365-roadmap .ow-m365-roadmap-summary-table th.selected { background-color: #0278d4 } .ow-m365-roadmap .ow-m365-roadmap-summary-table th.selected .ow-summary-th-container .ow-category-description { background-color: #0278d4; color: #fff } .ow-m365-roadmap .ow-m365-roadmap-summary-table th.selected .ow-summary-th-container .ow-category-header .ow-category-type .ow-first, .ow-m365-roadmap .ow-m365-roadmap-summary-table th.selected .ow-summary-th-container .ow-category-header .ow-category-type .ow-second, .ow-m365-roadmap .ow-m365-roadmap-summary-table th.selected .ow-summary-th-container .ow-category-header .ow-category-type .ow-third { border: 1px solid #fff } .ow-m365-roadmap .ow-m365-roadmap-summary-table th.selected .m365-roadmap-summary-title, .ow-m365-roadmap .ow-m365-roadmap-summary-table th.selected .m365-roadmap-summary-num { color: #fff } .ow-m365-roadmap .ow-m365-roadmap-summary-table th.selected #owM365ToggleSummaryDescriptionsBtn { color: #fff; margin: 0 } .ow-m365-roadmap .ow-m365-roadmap-summary-table th.selected #owM365ToggleSummaryDescriptionsBtn:hover { color: #0071c8; background-color: #fff } .ow-m365-roadmap .ow-m365-roadmap-summary-table .m365-roadmap-summary-title { font-size: 18px; font-weight: normal } .ow-m365-roadmap .ow-m365-roadmap-summary-table .m365-roadmap-summary-num { padding-top: 3px } .ow-m365-roadmap .ow-m365-roadmap-summary-table div.ow-m365-roadmap-summary-checkbox.c-checkbox { top: 0; bottom: 0; left: 0; right: 0 } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-m365-roadmap-summary-checkbox { -ms-transform: none; -webkit-transform: none; transform: none } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-m365-roadmap-summary-checkbox>.c-label { width: 100%; height: 100%; cursor: pointer } .ow-m365-roadmap .ow-m365-roadmap-additional-resources-mobile { background-color: #000; color: #fff; padding: 0 10px; border-top: 1px solid #ccc } .ow-m365-roadmap .ow-m365-roadmap-additional-resources-mobile .c-paragraph-3 { padding: 20px 0 } .ow-m365-roadmap .ow-m365-roadmap-additional-resources-mobile button.c-action-trigger { color: #fff; display: inline; font-size: 20px; margin: -54px 0 0 0; padding: 10px } .ow-m365-roadmap .ow-m365-roadmap-additional-resources-mobile button.c-action-trigger:focus { border: 2px solid #fff } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container { padding-top: 0; padding-bottom: 0 } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container .ow-additional-resources-header { background-color: #000; color: #fff; padding: 0 10px } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container .ow-additional-resources-header .c-heading-2 { font-size: 15px; line-height: 20px; padding: 20px 0 } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container .ow-additional-resources-header .c-action-trigger { color: #fff; display: inline; font-size: 20px; margin: -54px 0 0 0; padding: 10px } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container .ow-additional-resources-header .c-action-trigger:focus { border: 2px solid #fff } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container div[data-grid="col-3"] { width: 100%; padding: 0 20px } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container div[data-grid="col-3"] .ow-additional-resources-tile { border-bottom: 1px solid #ccc; padding-bottom: 22px } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container div[data-grid="col-3"] .ow-additional-resources-tile .c-heading-6 { padding: 36px 0 10px; font-size: 18px; font-weight: 600 } .ow-m365-roadmap .ow-m365-roadmap-prefooter-container div[data-grid="col-3"]:last-child .ow-additional-resources-tile { border-bottom: none } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li.ow-m365-roadmap-view-more-item { left: 50% } html:not([dir="rtl"]) .ow-m365-roadmap .float-aside-mobile { float: right } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header { padding-right: 0; border-right: none } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td:first-child { padding-left: 5px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-expand-row-btn { left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-category-type { left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header p.c-paragraph-3 { margin-left: 40px; padding-right: 6px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-category-type { margin-left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-content { margin-left: 40px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-content .ow-email-rss-container { text-align: right } html:not([dir="rtl"]) .ow-m365-roadmap .ow-search-filter-container .toggle-filter-select .ow-more-filters, html:not([dir="rtl"]) .ow-m365-roadmap .ow-search-filter-container .toggle-filter-select .ow-close-filters { padding-left: 6px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list { padding-right: 10px } html:not([dir="rtl"]) .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-category-header { padding-left: 40px; padding-right: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-category-header button.c-glyph { left: 0; right: auto } html:not([dir="rtl"]) .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list.ow-m365-roadmap-child-filter-list { left: auto } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table tbody tr th:first-child .ow-summary-th-container { border-right: none } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table tbody tr th:last-child .ow-summary-th-container { border-left: none } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading { margin-left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading .m365-roadmap-summary-num { left: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading .m365-roadmap-summary-title { text-align: left } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading .ow-category-type { right: 0 } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-description { margin-left: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li .ow-m365-roadmap-child-filter-list li.ow-m365-roadmap-view-more-item { right: 50% } html[dir="rtl"] .ow-m365-roadmap .float-aside-mobile { float: left } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header { padding-left: 0; border-left: none } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td:first-child { padding-right: 5px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-expand-row-btn { right: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-category-type { right: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header p.c-paragraph-3 { margin-right: 40px; padding-left: 5px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-category-type { margin-right: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-content { margin-right: 40px } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-content .ow-email-rss-container { text-align: left } html[dir="rtl"] .ow-m365-roadmap .ow-search-filter-container .toggle-filter-select .ow-more-filters, html[dir="rtl"] .ow-m365-roadmap .ow-search-filter-container .toggle-filter-select .ow-close-filters { padding-right: 6px } html[dir="rtl"] .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list { padding-left: 10px } html[dir="rtl"] .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-category-header { padding-right: 40px; padding-left: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-category-header button.c-glyph { right: 0; left: auto } html[dir="rtl"] .ow-m365-roadmap .ow-search-filter-container .ow-m365-roadmap-filters .ow-m365-roadmap-filter-category-list li.ow-m365-roadmap-filter-category .ow-m365-roadmap-filter-list.ow-m365-roadmap-child-filter-list { right: auto } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table tbody tr th:first-child .ow-summary-th-container { border-left: none } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table tbody tr th:last-child .ow-summary-th-container { border-right: none } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading { margin-right: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading .m365-roadmap-summary-num { right: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading .m365-roadmap-summary-title { text-align: right } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-header .ow-count-heading .ow-category-type { left: 0 } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-summary-th-container .ow-category-description { margin-right: 0 } } @media only screen and (min-width:540px) and (max-width:767.9px) { .ow-m365-roadmap .ow-m365-roadmap-main-content-container .ow-m365-roadmap-main-content .m-table .c-table .ow-m365-roadmap-items-table tr td .ow-col-header .ow-mobile-release { flex: 0 0 160px } } @media only screen and (min-width:768px) and (max-width:1083px) { .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header [data-grid="container"] { padding-left: 5%; padding-right: 5% } .c-tooltip { display: none !important } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-platform>.ow-m365-roadmap-filter-list li.ow-filter-col.ow-cols-2:first-child { margin-bottom: 0 } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-platform>.ow-m365-roadmap-filter-list li.ow-filter-col.ow-cols-2:nth-child(2) { margin-top: 0 } .ow-m365-roadmap .ow-m365-roadmap-summary-table .ow-category-header { padding: 10px 5px } } @media only screen and (max-width:479px) { .ow-m365-roadmap .m-banner { padding: 5px 12px 26px } .ow-m365-roadmap .m-banner .c-heading-2 { font-size: 26px; line-height: 32px; padding-top: 19px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .m365-roadmap-summary-title { font-size: 14px; line-height: 16px } .ow-m365-roadmap .ow-m365-roadmap-summary-table .m365-roadmap-summary-num { padding-bottom: 10px } } @media only screen and (min-width:480px) and (max-width:767px) and (max-height:567px) { .ow-m365-roadmap>div:first-child:not(.ow-m365-roadmap-mobile-sticky-header) { position: absolute !important; height: 0 !important } .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header.f-stuck { position: static; z-index: 0; left: auto; right: auto; top: auto } .ow-m365-roadmap .ow-m365-roadmap-summary-table-wrapper .ow-m365-roadmap-back-to-top { bottom: 100% } } @media only screen and (min-width:768px) { .ow-m365-roadmap>div:first-child:not(.ow-m365-roadmap-mobile-sticky-header) { position: absolute !important; height: 0 !important } .ow-m365-roadmap .ow-m365-roadmap-mobile-sticky-header.f-stuck { position: static; z-index: 0; left: auto; right: auto; top: auto } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-has-filters { background-color: #000 } } @media screen and (min-width:1084px) { .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { width: 600% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-cloud .ow-m365-roadmap-filter-list { width: 200% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-release .ow-m365-roadmap-filter-list, .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-platform .ow-m365-roadmap-filter-list { width: 300% } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-platform>.ow-m365-roadmap-filter-list { display: flex } .ow-m365-roadmap .ow-m365-roadmap-filter-category-list li.expanded.ow-filter-platform>.ow-m365-roadmap-filter-list li.ow-filter-col.ow-cols-2 { width: 100% } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { left: -150% } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { right: -150% } } @media screen and (min-width:1400px) { .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { width: 700% } html:not([dir="rtl"]) .ow-m365-roadmap ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { left: -200%; width: 700% } html[dir="rtl"] .ow-m365-roadmap ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { right: -200% } } @media screen and (min-width:1600px) { .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { width: 800% } html:not([dir="rtl"]) .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { left: -200% } html[dir="rtl"] .ow-m365-roadmap .ow-m365-roadmap-filter-category-list .ow-m365-roadmap-filter-category.ow-filter-products .ow-m365-roadmap-filter-list { right: -200% } } .ow-theme-office { --ow-brand-color: #d83b01 } .ow-theme-office .ow-theme-cl, .ow-theme-office.ow-theme-cl { color: #d83b01 } .ow-theme-office .ow-theme-cl-imp, .ow-theme-office.ow-theme-cl-imp { color: #d83b01 !important } .ow-theme-office .ow-theme-btn-fill-imp, .ow-theme-office.ow-theme-btn-fill-imp { background-color: #d83b01 !important } .ow-theme-office .ow-theme-btn-outline-imp, .ow-theme-office.ow-theme-btn-outline-imp, .ow-theme-office .ow-themed-button-outline-imp, .ow-theme-office.ow-themed-button-outline-imp { outline-color: #d83b01 !important } .ow-theme-office .ow-theme-bg, .ow-theme-office.ow-theme-bg { background-color: #d83b01 } .ow-theme-office .ow-theme-bg.ow-bg-alpha-0, .ow-theme-office.ow-theme-bg.ow-bg-alpha-0 { background-color: rgba(216, 59, 1, 0) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-5, .ow-theme-office.ow-theme-bg.ow-bg-alpha-5 { background-color: rgba(216, 59, 1, .05) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-10, .ow-theme-office.ow-theme-bg.ow-bg-alpha-10 { background-color: rgba(216, 59, 1, .1) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-15, .ow-theme-office.ow-theme-bg.ow-bg-alpha-15 { background-color: rgba(216, 59, 1, .15) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-20, .ow-theme-office.ow-theme-bg.ow-bg-alpha-20 { background-color: rgba(216, 59, 1, .2) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-25, .ow-theme-office.ow-theme-bg.ow-bg-alpha-25 { background-color: rgba(216, 59, 1, .25) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-30, .ow-theme-office.ow-theme-bg.ow-bg-alpha-30 { background-color: rgba(216, 59, 1, .3) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-35, .ow-theme-office.ow-theme-bg.ow-bg-alpha-35 { background-color: rgba(216, 59, 1, .35) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-40, .ow-theme-office.ow-theme-bg.ow-bg-alpha-40 { background-color: rgba(216, 59, 1, .4) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-45, .ow-theme-office.ow-theme-bg.ow-bg-alpha-45 { background-color: rgba(216, 59, 1, .45) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-50, .ow-theme-office.ow-theme-bg.ow-bg-alpha-50 { background-color: rgba(216, 59, 1, .5) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-55, .ow-theme-office.ow-theme-bg.ow-bg-alpha-55 { background-color: rgba(216, 59, 1, .55) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-60, .ow-theme-office.ow-theme-bg.ow-bg-alpha-60 { background-color: rgba(216, 59, 1, .6) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-65, .ow-theme-office.ow-theme-bg.ow-bg-alpha-65 { background-color: rgba(216, 59, 1, .65) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-70, .ow-theme-office.ow-theme-bg.ow-bg-alpha-70 { background-color: rgba(216, 59, 1, .7) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-75, .ow-theme-office.ow-theme-bg.ow-bg-alpha-75 { background-color: rgba(216, 59, 1, .75) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-80, .ow-theme-office.ow-theme-bg.ow-bg-alpha-80 { background-color: rgba(216, 59, 1, .8) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-85, .ow-theme-office.ow-theme-bg.ow-bg-alpha-85 { background-color: rgba(216, 59, 1, .85) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-90, .ow-theme-office.ow-theme-bg.ow-bg-alpha-90 { background-color: rgba(216, 59, 1, .9) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-95, .ow-theme-office.ow-theme-bg.ow-bg-alpha-95 { background-color: rgba(216, 59, 1, .95) } .ow-theme-office .ow-theme-bg.ow-bg-alpha-100, .ow-theme-office.ow-theme-bg.ow-bg-alpha-100 { background-color: #d83b01 } .ow-theme-office .ow-theme-bg-imp, .ow-theme-office.ow-theme-bg-imp { background-color: #d83b01 !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-0, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-0 { background-color: rgba(216, 59, 1, 0) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-5, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-5 { background-color: rgba(216, 59, 1, .05) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-10, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-10 { background-color: rgba(216, 59, 1, .1) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-15, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-15 { background-color: rgba(216, 59, 1, .15) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-20, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-20 { background-color: rgba(216, 59, 1, .2) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-25, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-25 { background-color: rgba(216, 59, 1, .25) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-30, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-30 { background-color: rgba(216, 59, 1, .3) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-35, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-35 { background-color: rgba(216, 59, 1, .35) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-40, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-40 { background-color: rgba(216, 59, 1, .4) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-45, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-45 { background-color: rgba(216, 59, 1, .45) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-50, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-50 { background-color: rgba(216, 59, 1, .5) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-55, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-55 { background-color: rgba(216, 59, 1, .55) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-60, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-60 { background-color: rgba(216, 59, 1, .6) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-65, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-65 { background-color: rgba(216, 59, 1, .65) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-70, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-70 { background-color: rgba(216, 59, 1, .7) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-75, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-75 { background-color: rgba(216, 59, 1, .75) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-80, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-80 { background-color: rgba(216, 59, 1, .8) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-85, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-85 { background-color: rgba(216, 59, 1, .85) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-90, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-90 { background-color: rgba(216, 59, 1, .9) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-95, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-95 { background-color: rgba(216, 59, 1, .95) !important } .ow-theme-office .ow-theme-bg-imp.ow-bg-alpha-imp-100, .ow-theme-office.ow-theme-bg-imp.ow-bg-alpha-imp-100 { background-color: #d83b01 !important } .ow-theme-office .ow-theme-btn-fill-imp:hover, .ow-theme-office.ow-theme-btn-fill-imp:hover { background-color: #a22c01 !important } .ow-theme-office .ow-theme-border-imp, .ow-theme-office.ow-theme-border-imp { border-color: #d83b01 !important } .ow-theme-office .ow-theme-border-btm-imp, .ow-theme-office.ow-theme-border-btm-imp { border-bottom-color: #d83b01 !important } .ow-theme-office .ow-theme-border-top-imp, .ow-theme-office.ow-theme-border-top-imp { border-top-color: #d83b01 !important } .ow-theme-office .ow-theme-border-left-imp, .ow-theme-office.ow-theme-border-left-imp { border-left-color: #d83b01 !important } .ow-theme-office .ow-theme-border-right-imp, .ow-theme-office.ow-theme-border-right-imp { border-right-color: #d83b01 !important } .ow-theme-office .ow-theme-svg-fill, .ow-theme-office.ow-theme-svg-fill { fill: #d83b01 } .ow-theme-office .ow-theme-ribbon-de-emphasize, .ow-theme-office.ow-theme-ribbon-de-emphasize { background: transparent !important; color: #d83b01 !important } .ow-theme-office .ow-theme-all-ribbon-de-emphasize, .ow-theme-office.ow-theme-all-ribbon-de-emphasize { border: 2px solid #d83b01 } .ow-theme-office .ow-theme-ribbon-de-emphasize-mobile, .ow-theme-office.ow-theme-ribbon-de-emphasize-mobile { background: transparent !important; color: #d83b01 !important; border: 1px solid #d83b01 } .ow-theme-office button[aria-selected="true"]:before { background-color: #d83b01 !important } .ow-theme-office .f-active::after { border: 1px solid #d83b01 !important } .ow-theme-office .f-active:active, .ow-theme-office .f-active:focus { background-color: rgba(216, 59, 1, .1) } .ow-theme-office .ow-theme-active-cl .f-active, .ow-theme-office .ow-theme-active-cl.f-active { color: #d83b01 } .ow-theme-office .ow-theme-active-cl-imp .f-active, .ow-theme-office .ow-theme-active-cl-imp.f-active { color: #d83b01 !important } .ow-theme-office .ow-theme-after-cl::after { color: #d83b01 } .ow-theme-office .ow-theme-after-cl-imp::after { color: #d83b01 !important } .ow-theme-office .c-button.f-primary, .ow-theme-office .c-call-to-action.f-primary { background: #d83b01 !important; color: #fff !important; border-color: #fff } .ow-theme-office .c-button.f-primary:hover, .ow-theme-office .c-button.f-primary:focus, .ow-theme-office .c-call-to-action.f-primary:hover, .ow-theme-office .c-call-to-action.f-primary:focus { background: #a22c01 !important; border-color: #ebebeb !important } @media screen and (-ms-high-contrast:active) { .ow-theme-office .c-button.f-primary:hover:not(.x-hidden-focus), .ow-theme-office .c-button.f-primary:focus:not(.x-hidden-focus), .ow-theme-office .c-call-to-action.f-primary:hover:not(.x-hidden-focus), .ow-theme-office .c-call-to-action.f-primary:focus:not(.x-hidden-focus) { border-color: ButtonText !important; color: ButtonText !important } } .ow-theme-office .c-button.f-primary[disabled], .ow-theme-office .c-call-to-action.f-primary[disabled] { opacity: .2 } .ow-theme-office .c-button.f-primary[disabled]:hover, .ow-theme-office .c-button.f-primary[disabled]:focus, .ow-theme-office .c-call-to-action.f-primary[disabled]:hover, .ow-theme-office .c-call-to-action.f-primary[disabled]:focus { opacity: .2 } .ow-theme-office .c-button.f-secondary, .ow-theme-office .c-call-to-action.f-secondary { background: #fff !important; color: #d83b01 !important; border: 2px solid #d83b01 } .ow-theme-office .c-button.f-secondary:hover, .ow-theme-office .c-button.f-secondary:focus, .ow-theme-office .c-call-to-action.f-secondary:hover, .ow-theme-office .c-call-to-action.f-secondary:focus { background: #ebebeb !important; border-color: #a22c01 !important } @media screen and (-ms-high-contrast:active) { .ow-theme-office .c-button.f-secondary:hover:not(.x-hidden-focus), .ow-theme-office .c-button.f-secondary:focus:not(.x-hidden-focus), .ow-theme-office .c-call-to-action.f-secondary:hover:not(.x-hidden-focus), .ow-theme-office .c-call-to-action.f-secondary:focus:not(.x-hidden-focus) { border-color: ButtonText !important; color: ButtonText !important } } .ow-theme-office .c-button.f-secondary[disabled], .ow-theme-office .c-call-to-action.f-secondary[disabled] { opacity: .2 } .ow-theme-office .c-button.f-secondary[disabled]:hover, .ow-theme-office .c-button.f-secondary[disabled]:focus, .ow-theme-office .c-call-to-action.f-secondary[disabled]:hover, .ow-theme-office .c-call-to-action.f-secondary[disabled]:focus { opacity: .2 } .ow-theme-office .c-button.f-primary-solid-border { border-color: #d83b01 } .ow-theme-office .c-button.f-de-emphasize { background: transparent !important; color: #d83b01 !important; border: 1px solid #d83b01; margin-top: 0 !important } .ow-theme-office .c-button.ow-theme-download-btn:not([disabled]) { background: #d83b01 !important; color: #fff !important; border-color: #fff } .ow-theme-office .c-button.ow-theme-download-btn:not([disabled]):hover { background: #a22c01 !important } .ow-theme-office .c-button.ow-theme-download-btn:not([disabled]):focus { background: #a22c01 !important; border-color: #000 !important } @media screen and (-ms-high-contrast:active) { .ow-theme-office .c-button.ow-theme-download-btn:not([disabled]):focus:not(.x-hidden-focus) { border-color: ButtonText !important; color: ButtonText !important } } .ow-theme-office .ow-theme-bg-v2, .ow-theme-office.ow-theme-bg-v2 { background-color: #d83b01; color: #fff } .ow-theme-office .ow-theme-bg-v2 .c-call-to-action.f-lightweight, .ow-theme-office .ow-theme-bg-v2 a.c-hyperlink, .ow-theme-office.ow-theme-bg-v2 .c-call-to-action.f-lightweight, .ow-theme-office.ow-theme-bg-v2 a.c-hyperlink { color: #fff } .ow-theme-office .ow-theme-bg-v2 .c-call-to-action.f-lightweight:hover, .ow-theme-office .ow-theme-bg-v2 a.c-hyperlink:hover, .ow-theme-office.ow-theme-bg-v2 .c-call-to-action.f-lightweight:hover, .ow-theme-office.ow-theme-bg-v2 a.c-hyperlink:hover { color: #fff } .ow-theme-office .ow-theme-bg-v2 .c-call-to-action.f-lightweight:focus, .ow-theme-office .ow-theme-bg-v2 a.c-hyperlink:focus, .ow-theme-office.ow-theme-bg-v2 .c-call-to-action.f-lightweight:focus, .ow-theme-office.ow-theme-bg-v2 a.c-hyperlink:focus { background-color: #c93701; color: #fff; border-color: #fff; outline: none } .ow-theme-office .ow-theme-bg-v2 a.c-hyperlink, .ow-theme-office.ow-theme-bg-v2 a.c-hyperlink { text-decoration: underline } .ow-theme-office .ow-theme-bg-v2 a.c-hyperlink:hover, .ow-theme-office.ow-theme-bg-v2 a.c-hyperlink:hover { background-color: #c93701 } .ow-theme-office .ow-theme-bg-v2-imp, .ow-theme-office.ow-theme-bg-v2-imp { background: #d83b01 !important; color: #fff !important } .ow-theme-office .ow-theme-bg-v2-imp .c-call-to-action.f-lightweight, .ow-theme-office .ow-theme-bg-v2-imp .c-hyperlink, .ow-theme-office.ow-theme-bg-v2-imp .c-call-to-action.f-lightweight, .ow-theme-office.ow-theme-bg-v2-imp .c-hyperlink { color: #fff !important } .ow-theme-office .ow-theme-bg-v2-imp .c-call-to-action.f-lightweight:hover, .ow-theme-office .ow-theme-bg-v2-imp .c-hyperlink:hover, .ow-theme-office.ow-theme-bg-v2-imp .c-call-to-action.f-lightweight:hover, .ow-theme-office.ow-theme-bg-v2-imp .c-hyperlink:hover { color: #fff !important } .ow-theme-office .ow-theme-bg-v2-imp .c-call-to-action.f-lightweight:focus, .ow-theme-office .ow-theme-bg-v2-imp .c-hyperlink:focus, .ow-theme-office.ow-theme-bg-v2-imp .c-call-to-action.f-lightweight:focus, .ow-theme-office.ow-theme-bg-v2-imp .c-hyperlink:focus { background-color: #c93701 !important; color: #fff !important; border-color: #fff !important; outline: none !important } .ow-theme-office .ow-theme-bg-v2-imp a.c-hyperlink, .ow-theme-office.ow-theme-bg-v2-imp a.c-hyperlink { text-decoration: underline !important } .ow-theme-office .ow-theme-bg-v2-imp a.c-hyperlink:hover, .ow-theme-office.ow-theme-bg-v2-imp a.c-hyperlink:hover { background-color: #c93701 !important } .ow-theme-office .ow-theme-box-shadow-y, .ow-theme-office.ow-theme-box-shadow-y { box-shadow: 0 11px 16px 0 #bf3401; position: relative } @media screen and (max-width:540px) { .ow-theme-office .ow-theme-xs-text-cl, .ow-theme-office.ow-theme-xs-text-cl { color: #fff } .ow-theme-office .ow-theme-xs-text-cl-imp, .ow-theme-office.ow-theme-xs-text-cl-imp { color: #fff !important } } @-webkit-keyframes owSecondarySlideIn { to { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-moz-keyframes owSecondarySlideIn { to { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-ms-keyframes owSecondarySlideIn { to { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-o-keyframes owSecondarySlideIn { to { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes owSecondarySlideIn { to { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .sm-carousel.ow-teams-dark-bg { background-color: #231998 } .sm-carousel.ow-teams-light-bg { background-color: #f4ecfa } .sm-carousel .ow-top-picture { background-color: #fff } .sm-carousel .ow-top-picture img, .sm-carousel .ow-bottom-picture img { width: 100%; background-color: #fff } .sm-carousel .c-heading-3 { text-align: center; padding-top: 60px; padding-bottom: 60px; font-weight: 400 } .sm-carousel .secondary-messaging-slide { text-align: center } .sm-carousel .secondary-messaging-slide .c-heading-5 { font-weight: 400; padding-top: 20px } .sm-carousel .secondary-messaging-slide .c-paragraph-3 { padding-top: 10px; padding-left: 20px; padding-right: 20px } .sm-carousel .c-flipper { display: none !important } .sm-carousel .c-sequence-indicator { position: static; bottom: 0; margin-top: 60px; margin-bottom: 20px } .sm-carousel .c-sequence-indicator button, .sm-carousel .c-sequence-indicator a { width: 24px; height: 22px } .sm-carousel li.f-animate-next .secondary-messaging-slide>div, .sm-carousel li.f-animate-next>picture img, .sm-carousel li.f-animate-next .secondary-messaging-slide>picture img { animation: hero-content-next cubic-bezier(.16, 1, .29, .99) .667s both } .sm-carousel li.f-animate-previous .secondary-messaging-slide>div, .sm-carousel li.f-animate-previous>picture img, .sm-carousel li.f-animate-previous .secondary-messaging-slide>picture img { animation: hero-content-previous cubic-bezier(.16, 1, .29, .99) .667s both } .sm-carousel [hidden] { display: block } .sm-carousel .f-hidden-from-screen-readers { display: none !important } [data-module="ow-secondary-messaging"] blockquote { margin: 0 } [data-module="ow-secondary-messaging"] .ow-quote.ow-no-heading>div>:first-child { font-size: 20px; font-weight: 600; line-height: 24px; padding-bottom: 5px } [data-module="ow-secondary-messaging"].ow-light-bg { background-color: #f5f5f5 } [data-module="ow-secondary-messaging"].ow-dark-bg { background-color: #2f2f2f } [data-module="ow-secondary-messaging"].ow-office-bg { background-color: #d83b01 } [data-module="ow-secondary-messaging"].ow-191919-bg { background-color: #191919 } [data-module="ow-secondary-messaging"].ow-teams-dark-bg { background-color: #231998 } [data-module="ow-secondary-messaging"].ow-teams-light-bg { background-color: #f4ecfa } [data-module="ow-secondary-messaging"].ow-slide-in-ctn .ow-slide-in-1, [data-module="ow-secondary-messaging"].ow-slide-in-ctn .ow-slide-in-2, [data-module="ow-secondary-messaging"].ow-slide-in-ctn .ow-slide-in-3 { position: relative } .ow-secondary-messages [data-grid="container"].ow-pb-150, .ow-secondary-messages.ow-pb-150 { padding-bottom: 150px } .ow-secondary-messages [data-grid="container"].ow-pv-6060, .ow-secondary-messages.ow-pv-6060 { padding-top: 60px; padding-bottom: 60px } .ow-secondary-messages [data-grid="container"].ow-no-padding, .ow-secondary-messages.ow-no-padding { padding: 0 } .ow-secondary-messages [data-grid="container"].ow-has-tb-img { padding-top: 40px; padding-bottom: 40px } .ow-secondary-messages.ow-teams-dark-bg .c-heading-3 { color: #fff } .ow-secondary-messages.ow-teams-dark-bg .ow-text-content { color: #fff } .ow-secondary-messages.ow-teams-dark-bg .ow-text-content .ow-link-wrapper a.c-call-to-action { color: #fff } .ow-secondary-messages .ow-top-picture { background-color: #fff } .ow-secondary-messages .ow-top-picture img, .ow-secondary-messages .ow-bottom-picture img { width: 100%; background-color: #fff } .ow-secondary-messages .c-price span { float: none } .ow-secondary-messages .ow-mb-20 { margin-bottom: 20px } .ow-secondary-messages .ow-mh-auto { margin-left: auto; margin-right: auto } .ow-secondary-messages .ow-pv-0055 { padding-top: 0; padding-bottom: 55px } .ow-secondary-messages .ow-pv-2040 { padding-top: 20px; padding-bottom: 40px } .ow-secondary-messages .ow-pb-05 { padding-bottom: 5px } .ow-secondary-messages .ow-pv-1500 { padding-top: 15px; padding-bottom: 0 } .ow-secondary-messages .ow-no-padding-top { padding-top: 0 !important } .ow-secondary-messages .ow-generic-video { display: block } .ow-secondary-messages .ow-column-ctn.ow-left-aligned { text-align: left !important } .ow-secondary-messages .ow-column-ctn.ow-left-aligned .ow-logo-image-container { flex-direction: column } .ow-secondary-messages .ow-column-ctn.ow-left-aligned .ow-logo-image-container img { align-self: flex-start } .ow-secondary-messages .ow-column-ctn.ow-left-aligned a.c-call-to-action, .ow-secondary-messages .ow-column-ctn.ow-left-aligned button.c-call-to-action { text-align: left } .ow-secondary-messages .ow-strikethrough { text-decoration: line-through } .ow-secondary-messages .ow-logo-image-container { align-items: flex-end; display: flex; justify-content: center; min-height: 40px } .ow-secondary-messages .ow-logo-image-container img { max-width: 100% } .ow-secondary-messages .ow-discounted-price { margin: 4px 0 3px } .ow-secondary-messages .ow-discounted-price .ow-discount { margin-bottom: 10px } .ow-secondary-messages .ow-discounted-price .c-paragraph.ow-theme-cl { margin-top: 6px } .ow-secondary-messages .ow-superheading { font-size: 64px } .ow-secondary-messages .ow-superheading.ow-superheading-white { color: #fff } .ow-secondary-messages .ow-superheading.ow-superheading-black { color: #000 } .ow-secondary-messages a.c-call-to-action.f-lightweight, .ow-secondary-messages button.c-call-to-action.f-lightweight { padding-bottom: 2px; padding-top: 0; white-space: normal } .ow-secondary-messages a.c-call-to-action.f-lightweight span, .ow-secondary-messages button.c-call-to-action.f-lightweight span { display: inline } .ow-secondary-messages>[data-grid~="container"]>[data-grid~="col-12"]>[data-grid^="col-"]>:last-child { padding-bottom: 0 } .ow-secondary-messages .ow-separator-pipe { display: none } .ow-secondary-messages.ow-solution-wizard-results { padding-top: 91px } .ow-secondary-messages.ow-showCtaAtTheBottom { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-top: 120px; position: relative } .ow-secondary-messages.ow-showCtaAtTheBottom .ow-actionLinks { position: absolute; bottom: -70px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .ow-secondary-messages.ow-showCtaAtTheBottom .ow-actionLinks a { padding: 10px } .ow-secondary-messages.logo-image-on-side .c-heading-3 { text-align: center } .ow-secondary-messages.logo-image-on-side .ow-column-ctn { display: flex; align-items: flex-start; padding-bottom: 23px } @media screen and (min-width:768px) and (max-width:900px) { .ow-secondary-messages.logo-image-on-side .ow-column-ctn[data-grid="col-3"], .ow-secondary-messages.logo-image-on-side .ow-column-ctn[data-grid="col-4"] { width: 50%; clear: none } } .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-logo-image-container { align-items: flex-start; min-width: 35px } html[dir="ltr"] .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-logo-image-container { margin-right: 15px } html[dir="rtl"] .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-logo-image-container { margin-left: 15px } html[dir="ltr"] .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-logo-image-container+.ow-text-content, html[dir="rtl"] .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-logo-image-container+.ow-text-content { padding: 0 } @media screen and (min-width:320px) { .sm-carousel .ow-top-picture img { margin-bottom: -6px } .ow-secondary-messages .ow-xs-pv-0040 { padding-top: 0; padding-bottom: 40px } .ow-secondary-messages .ow-planB-tile-content .ow-padding-0 { padding: 0 } .ow-secondary-messages .ow-planB-tile-content .ow-rating { padding-top: 8px; display: table; margin-left: auto; margin-right: auto } .ow-secondary-messages .ow-planB-tile-content .ow-rating .ow-rating-count { font-size: 13px; vertical-align: top; color: #666 } .ow-secondary-messages .ow-planB-tile-content .ow-priceHelper-discountedPrice .ow-currentPrice, .ow-secondary-messages .ow-planB-tile-content .ow-priceHelper-discountedPrice .ow-savings, .ow-secondary-messages .ow-planB-tile-content .ow-priceHelper-discountedPrice .ow-recurrenceText { font-size: 15px; font-weight: normal } .ow-secondary-messages .ow-planB-tile-content .ow-priceHelper-discountedPrice .ow-savings { padding-top: 5px } .ow-secondary-messages .ow-planB-tile-content .ow-priceHelper-discountedPrice .ow-price-container { padding-top: 4px } .ow-secondary-messages .ow-planB-tile-content .ow-priceHelper-discountedPrice .ow-price-commitment { padding: 3px 0 0 } .ow-secondary-messages .ow-planB-tile-content .ow-priceHelper-discountedPrice .ow-purchase-note { padding-top: 5px } .ow-secondary-messages .ow-planB-tile-content .ow-disclaimer { padding-top: 8px; padding-bottom: 2px; font-size: 11px } .ow-secondary-messages .ow-planB-tile-content .ow-purchase-note { padding-top: 7px } .ow-secondary-messages .ow-planB-tile-content .ow-contentItem-note, .ow-secondary-messages .ow-planB-tile-content .ow-product-disabled { padding-top: 7px } .ow-secondary-messages .ow-top-picture img { margin-bottom: -6px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] { padding: 0 !important } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-hidden-mobile { display: none } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-smsg-slide-in { -ms-transform: translateY(100px); -webkit-transform: translateY(100px); transform: translateY(100px); animation: owSecondarySlideIn .8s ease forwards; opacity: 0 } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"]>div:not(:first-of-type) { margin-top: 0 } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile:focus { outline: none !important } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content { display: flex; padding-left: 15px; padding-right: 15px; margin-bottom: 45px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content.ow-hasCta { margin-bottom: 30px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-image img { height: 36px; max-height: 36px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-heading { padding-top: 0 } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-paragraph { padding-top: 15px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta { padding-top: 15px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta .ow-link-wrapper .c-call-to-action { padding-top: 0 } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta .ow-link-wrapper .c-call-to-action span { white-space: normal } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-separator-pipe { display: none } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-showMoreLess .c-button { margin-top: 0 } html:not([dir="rtl"]) .ow-secondary-messages .ow-planB-tile-content .ow-rating .ow-rating-count { padding-left: 5px } html:not([dir="rtl"]) [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-image { margin-right: 25px } html:not([dir="rtl"]) [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta .ow-link-wrapper .c-call-to-action { text-align: left; padding-right: 20px } html[dir="rtl"] .ow-secondary-messages .ow-planB-tile-content .ow-rating .ow-rating-count { padding-right: 5px } html[dir="rtl"] [data-module="ow-secondary-messaging"] .ow-flip-icons-rtl img { -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } html[dir="rtl"] [data-module="ow-secondary-messaging"] .ow-column-ctn.ow-left-aligned { text-align: right !important } html[dir="rtl"] [data-module="ow-secondary-messaging"] .ow-column-ctn.ow-left-aligned a.c-call-to-action, html[dir="rtl"] [data-module="ow-secondary-messaging"] .ow-column-ctn.ow-left-aligned button.c-call-to-action { text-align: right } html[dir="rtl"] [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-image { margin-left: 25px } html[dir="rtl"] [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta .ow-link-wrapper .c-call-to-action { text-align: right; padding-left: 20px } } @media screen and (min-width:768px) { .ow-secondary-messages [data-grid="container"].ow-has-tb-img { padding-top: 60px; padding-bottom: 60px } .ow-secondary-messages .ow-top-picture img { margin-top: -6px; margin-bottom: 0 } .ow-secondary-messages .ow-m-pv-0000 { padding-top: 0; padding-bottom: 0 } .ow-secondary-messages .ow-m-pv-0050 { padding-top: 0; padding-bottom: 50px } .ow-secondary-messages .ow-m-clear-float { clear: both } .ow-secondary-messages .ow-m-display-inline-block { display: inline-block } .ow-secondary-messages .ow-m-float-none { float: none } .ow-secondary-messages a.c-call-to-action.f-lightweight.ow-piped-cta { padding-bottom: 0; padding-top: 0 } .ow-secondary-messages a.c-call-to-action.f-lightweight.ow-piped-cta::after { display: none } .ow-secondary-messages .ow-piped { padding-top: 5px } .ow-secondary-messages .ow-piped, .ow-secondary-messages .ow-piped-cta { vertical-align: bottom; display: inline-block } .ow-secondary-messages .ow-separator-pipe { display: inline-block; padding-bottom: 3px } .ow-secondary-messages.logo-image-on-side .c-heading-3 { padding-bottom: 34px } .ow-secondary-messages.logo-image-on-side .ow-column-ctn { padding-bottom: 60px } .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-logo-image-container { min-width: 60px; min-height: 60px } html[dir="ltr"] .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-logo-image-container { margin-right: 30px } html[dir="rtl"] .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-logo-image-container { margin-left: 30px } .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-text-content .c-heading-5 { padding-bottom: 1px } .ow-secondary-messages.logo-image-on-side .ow-column-ctn .ow-text-content .ow-action-links { padding-top: 12px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-hidden-mobile { display: block } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"]>div:not(:first-of-type) { margin-top: 30px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content { display: block; padding-left: 0; padding-right: 0; margin-bottom: 0 } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content.ow-hasCta { margin-bottom: 0 } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-heading { padding-top: 20px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-paragraph { font-size: 16px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta .ow-piped, [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta .ow-piped-cta { vertical-align: bottom; display: inline-block } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta .ow-separator-pipe { display: inline-block; padding-bottom: 10px } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta a.c-call-to-action.f-lightweight.ow-piped-cta::after { display: none } [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-4col>div { padding-left: 1.4%; padding-right: 1.4% } html:not([dir="rtl"]) [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-2col>div:nth-of-type(2) { padding-right: 2.6% } html:not([dir="rtl"]) [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-2col>div:nth-of-type(3) { padding-left: 2.6% } html:not([dir="rtl"]) [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-3col>div:nth-of-type(2) { padding-right: 4% } html:not([dir="rtl"]) [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-3col>div:nth-of-type(3) { padding-right: 4%; padding-left: 4% } html:not([dir="rtl"]) [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-3col>div:nth-of-type(4) { padding-left: 4% } html:not([dir="rtl"]) [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-image { margin-right: 0 } html:not([dir="rtl"]) [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta .ow-link-wrapper .c-call-to-action.ow-piped-cta { padding-right: 0 } html[dir="rtl"] [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-2col>div:nth-of-type(2) { padding-left: 2.6% } html[dir="rtl"] [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-2col>div:nth-of-type(3) { padding-right: 2.6% } html[dir="rtl"] [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-3col>div:nth-of-type(2) { padding-left: 4% } html[dir="rtl"] [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-3col>div:nth-of-type(3) { padding-right: 4%; padding-left: 4% } html[dir="rtl"] [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-3col>div:nth-of-type(4) { padding-right: 4% } html[dir="rtl"] [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-image { margin-left: 0 } html[dir="rtl"] [data-module="ow-secondary-messaging"][data-layout="ow-multipleup"] .ow-tile-content .ow-cta .ow-link-wrapper .c-call-to-action.ow-piped-cta { padding-left: 0 } } .ow-icon { display: inline-block; line-height: 0 } .ow-icon.ic-feedback { width: 21px; vertical-align: middle } .ow-icon::before { width: 21px; content: url(//www.microsoft.com/onerfstatics/marketingsites-wcus-prod/sc/b9/4e0af2.svg); vertical-align: middle } .ow-survey-feedback-btn { position: fixed; background: #505050; right: 20px; bottom: 0; color: #fff; font-family: Segoe UI Symbol; border: none; padding: .9em 1.4em } #obf-BasicFormScreenshotCheckbox { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important } [data-ow-chat] { display: none !important } [data-ow-chat='true'] { display: inline-block !important } .ow-social-footer-divider-2px { border-top: 2px solid #d1d1d1 } .ow-social-footer.ow-bg-f2f2f2 { background-color: #f2f2f2 } .ow-social-footer .ow-padding-0 { padding: 0 } .ow-social-footer .ow-xs-pb-20 { padding-bottom: 20px } .ow-social-footer .ow-display-none { display: none } .ow-social-footer .ow-mt-5px { margin-top: 5px } .ow-social-footer .ow-focus-popup { display: block; position: absolute; left: -25%; border: 1px solid #000; background-color: #fff; padding: 4px; font-size: 14px; margin-top: 5px } .ow-social-footer .m-social { margin: 0; padding-top: 50px; flex-wrap: wrap } .ow-social-footer .m-social>.ow-social-footer-heading { margin-bottom: 4px; color: #000; font-size: 20px; padding-right: 20px } .ow-social-footer .m-social>ul { margin-bottom: 4px } .ow-social-footer .m-social>ul>li { position: relative } .ow-social-footer .m-social>ul>li>a { width: auto; height: auto; margin-right: 10px } .ow-social-footer .ow-high-contrast-on-black { display: none } .ow-social-footer.ow-businessEnterprise-layout .m-social { flex-direction: column; align-items: flex-start; padding-top: 24px; min-height: 75px } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content { display: flex; flex-direction: column } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content .ow-social-footer-heading { padding-bottom: 20px } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li { float: none; padding-bottom: 20px; font-size: 16px } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-right-content .ow-social-footer-heading { display: none } .ow-social-footer.ow-businessEnterprise-layout .m-social .c-divider { width: 100%; padding-bottom: 20px } .ow-social-footer.ow-businessEnterprise-layout .m-social li { position: relative } .ow-social-footer.ow-businessEnterprise-layout .m-social li img { width: 20px; height: 20px } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-icon-text { vertical-align: middle } .ow-social-footer.ow-full-width { max-width: none; padding-left: 0; padding-right: 0 } .ow-social-footer.ow-full-width .m-social { max-width: calc(1600px + 10%); padding-left: 0; padding-right: 0; margin: 0 auto } @media(forced-colors:active) and (prefers-color-scheme:dark) { .ow-social-footer .ow-standard-contrast { display: none } .ow-social-footer .ow-high-contrast-on-black { display: block } } html:not([dir="rtl"]) .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-right-content li:not(:last-child) { padding-right: 20px } html:not([dir="rtl"]) .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-icon-text { padding-left: 12px } html[dir="rtl"] .ow-social-footer .m-social>.ow-social-footer-heading { padding-right: 0; padding-left: 20px } html[dir="rtl"] .ow-social-footer .m-social>ul>li>a { margin-right: 0; margin-left: 10px } html[dir="rtl"] .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-right-content li:not(:last-child) { padding-left: 20px } html[dir="rtl"] .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-icon-text { padding-right: 12px } @media screen and (min-width:540px) { .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li { display: inline-block } html:not([dir="rtl"]) .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li:not(:last-child) { padding-right: 55px } html[dir="rtl"] .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li:not(:last-child) { padding-left: 55px } } @media screen and (min-width:768px) { .ow-social-footer.ow-businessEnterprise-layout .m-social { flex-direction: row } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content { margin-bottom: 20px; flex-grow: 1 } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li { padding-bottom: 0; font-size: 18px } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-right-content { display: flex } } @media screen and (min-width:1084px) { .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content { flex-direction: row } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content .ow-social-footer-heading { padding-bottom: 0 } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li { font-size: 18px } .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-right-content .ow-social-footer-heading { display: inline } .ow-social-footer.ow-full-width .m-social { padding-left: 5%; padding-right: 5% } html:not([dir="rtl"]) .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content { margin-right: 40px } html:not([dir="rtl"]) .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content ul { padding-left: 30px } html:not([dir="rtl"]) .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li:not(:last-child) { padding-right: 15px } html:not([dir="rtl"]) .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-right-content .ow-social-footer-heading { padding-right: 40px } html[dir="rtl"] .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content { margin-left: 40px } html[dir="rtl"] .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content ul { padding-right: 30px } html[dir="rtl"] .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li:not(:last-child) { padding-left: 15px } html[dir="rtl"] .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-right-content .ow-social-footer-heading { padding-left: 40px } } @media screen and (min-width:1400px) { .ow-social-footer .ow-xl-hidden { display: none } .ow-social-footer .ow-xl-show { display: block } .ow-social-footer .ow-vertical-divider { padding-top: 30px; width: 1px; background-color: #d1d1d1 } html:not([dir="rtl"]) .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li:last-child { padding-right: 28px } html:not([dir="rtl"]) .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-right-content { padding-left: 40px } html[dir="rtl"] .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-left-content li:last-child { padding-left: 28px } html[dir="rtl"] .ow-social-footer.ow-businessEnterprise-layout .m-social .ow-right-content { padding-right: 40px } } @charset "UTF-8"; #chat-now-link:not(.pmg-chat-active), #chat-button:not(.pmg-chat-active), #pmg-chat-now:not(.pmg-chat-active), #chat-now:not(.pmg-chat-active), #mobile-chat-now:not(.pmg-chat-active) { display: none !important } [data-ow-chat], [data-ow-widget-chat], [data-ow-widget-chat-bot] { display: none !important } [data-ow-chat='true'], [data-ow-widget-chat='true'], [data-ow-widget-chat-bot='true'] { display: inline-block !important } [data-module="ow-contactsales"] { border: 2px solid #f2f2f2; display: inline-block; position: fixed; top: calc(50% - 100px); z-index: 1000; color: #fff } [data-module="ow-contactsales"].ow-zoom { top: 10px !important } [data-module="ow-contactsales"].ow-zoom .ow-contactsale-list li { height: 40px } [data-module="ow-contactsales"].ow-zoom[data-layout="1-up"] .ow-contactsale-list { padding-left: 3px; padding-right: 3px } [data-module="ow-contactsales"].ow-zoom[data-layout="1-up"] .ow-contactsale-list li { height: auto; padding-top: 5px; padding-bottom: 5px } [data-module="ow-contactsales"].ow-zoom[data-layout="1-up"] .ow-contactsale-list li .ow-text { margin: 0 } [data-module="ow-contactsales"].ow-zoom[data-layout="1-up"] .ow-contactsale-list li .ow-text a span, [data-module="ow-contactsales"].ow-zoom[data-layout="1-up"] .ow-contactsale-list li .ow-text button span { font-size: 12px } [data-module="ow-contactsales"].ow-zoom[data-layout="1-up"] .ow-contactsale-list li .ow-glyph { display: none } [data-module="ow-contactsales"] a, [data-module="ow-contactsales"] a.c-hyperlink { color: #fff; display: inline-block; margin: 0; padding: 0; text-decoration: none } [data-module="ow-contactsales"] a:focus, [data-module="ow-contactsales"] a.c-hyperlink:focus { background: rgba(0, 0, 0, .1) !important; outline: 1px dashed #fff !important; border-color: transparent } [data-module="ow-contactsales"] a.c-action-trigger.c-glyph.ow-collapse, [data-module="ow-contactsales"] button.c-action-trigger.c-glyph.ow-collapse { background: #fff !important; border: 2px solid #0078d4; color: #0078d4 !important; display: none; font-size: 12px; font-weight: 600; margin: 0 !important; padding-top: 4px !important; padding-bottom: 2px !important; position: absolute; top: calc(100% + 1px); line-height: 20px } [data-module="ow-contactsales"] a.c-action-trigger.c-glyph.ow-collapse:before, [data-module="ow-contactsales"] button.c-action-trigger.c-glyph.ow-collapse:before { margin: 0 !important; content: none } [data-module="ow-contactsales"] a.c-action-trigger.c-glyph.ow-collapse:focus, [data-module="ow-contactsales"] button.c-action-trigger.c-glyph.ow-collapse:focus { background: #e6e6e6 !important; outline: 1px dashed #000 !important } [data-module="ow-contactsales"] a.c-action-trigger.c-glyph.ow-collapse:after, [data-module="ow-contactsales"] button.c-action-trigger.c-glyph.ow-collapse:after { padding-left: 5px; padding-right: 5px } [data-module="ow-contactsales"] .ow-contactsale-list { list-style: none; margin: 0; max-width: 400px } [data-module="ow-contactsales"] .ow-contactsale-list li { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding: 10px 10px; position: relative; background-color: #0078d4 } [data-module="ow-contactsales"] .ow-contactsale-list li.ow-chat, [data-module="ow-contactsales"] .ow-contactsale-list li.ow-chat-bot { border-bottom: 1px solid #fff } [data-module="ow-contactsales"] .ow-contactsale-list li.ow-phone, [data-module="ow-contactsales"] .ow-contactsale-list li.ow-support { border-top: 1px solid #fff } [data-module="ow-contactsales"] .ow-contactsale-list li.ow-support { background-color: #243a5e } [data-module="ow-contactsales"] .ow-contactsale-list li .ow-chat-trigger, [data-module="ow-contactsales"] .ow-contactsale-list li .ow-form-trigger, [data-module="ow-contactsales"] .ow-contactsale-list li .ow-call-link { font-size: 18px; font-weight: 700; white-space: normal } [data-module="ow-contactsales"] .ow-contactsale-list li .ow-chat-trigger { text-align: left; padding-top: 0; padding-bottom: 0 } [data-module="ow-contactsales"] .ow-expand { cursor: pointer; height: calc(100% - 4px); position: absolute; top: 2px; width: 47px; z-index: 1 } [data-module="ow-contactsales"] .ow-expand:focus { outline: 1px dashed #fff; border-color: transparent } [data-module="ow-contactsales"] .ow-expand:hover { border-color: transparent } [data-module="ow-contactsales"] button.ow-expand { background-color: transparent; border: none } [data-module="ow-contactsales"] .ow-glyph { font-size: 0; padding: 0 3px } [data-module="ow-contactsales"] .c-action-trigger, [data-module="ow-contactsales"] .c-action-trigger.x-hidden-focus { margin-top: 0; text-decoration: none } [data-module="ow-contactsales"] .c-action-trigger span, [data-module="ow-contactsales"] .c-action-trigger.x-hidden-focus span { vertical-align: middle } [data-module="ow-contactsales"] .c-action-trigger span:hover, [data-module="ow-contactsales"] .c-action-trigger span:focus, [data-module="ow-contactsales"] .c-action-trigger.x-hidden-focus span:hover, [data-module="ow-contactsales"] .c-action-trigger.x-hidden-focus span:focus { text-decoration: underline } [data-module="ow-contactsales"] .c-action-trigger:after, [data-module="ow-contactsales"] .c-action-trigger.x-hidden-focus:after { font-family: "MWF-MDL2"; vertical-align: middle; text-decoration: none !important } [data-module="ow-contactsales"] .ow-text { display: none } [data-module="ow-contactsales"] .ow-availability { display: block; font-size: 12px; font-weight: 600 } [data-module="ow-contactsales"].expanded a.c-action-trigger.c-glyph.ow-collapse, [data-module="ow-contactsales"].expanded button.c-action-trigger.c-glyph.ow-collapse, [data-module="ow-contactsales"].expanded .ow-contactsale-list li .ow-text { display: block } [data-module="ow-contactsales"].expanded li.ow-phone { height: auto; padding: 7px 10px !important } [data-module="ow-contactsales"][data-layout="1-up"] a.c-action-trigger.c-glyph.ow-collapse, [data-module="ow-contactsales"][data-layout="1-up"] button.c-action-trigger.c-glyph.ow-collapse, [data-module="ow-contactsales"][data-layout="1-up"] a.ow-expand, [data-module="ow-contactsales"][data-layout="1-up"] button.ow-expand, [data-module="ow-contactsales"][data-layout="1-up"] li.ow-phone { display: none } [data-module="ow-contactsales"]:not(.ow-high-contrast-on-white) .ow-expand:focus, [data-module="ow-contactsales"]:not(.ow-high-contrast-on-white) .ow-expand:hover { background: rgba(0, 0, 0, .1) } [data-module="ow-contactsales"]:not(.ow-high-contrast-on-white) .ow-chat .ow-glyph:before, [data-module="ow-contactsales"]:not(.ow-high-contrast-on-white).ow-chat-bot .ow-glyph:before { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWzKQ9") } [data-module="ow-contactsales"]:not(.ow-high-contrast-on-white) .ow-chat-bot .ow-glyph { background-image: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE3Tjen"); background-size: cover; height: 29px; width: 29px } [data-module="ow-contactsales"]:not(.ow-high-contrast-on-white) .ow-contactus .ow-glyph:before { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWzFr9") } [data-module="ow-contactsales"]:not(.ow-high-contrast-on-white) .ow-phone .ow-glyph:before { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWzAnC") } [data-module="ow-contactsales"]:not(.ow-high-contrast-on-white) .ow-support .ow-glyph:before { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWzKQf") } [data-module="ow-contactsales"].ow-high-contrast-on-white .ow-chat .ow-glyph:before, [data-module="ow-contactsales"].ow-high-contrast-on-white.ow-chat-bot .ow-glyph:before { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE33zAU") } [data-module="ow-contactsales"].ow-high-contrast-on-white .ow-chat-bot .ow-glyph { background-image: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE3TgFZ"); background-size: cover; height: 29px; width: 29px } [data-module="ow-contactsales"].ow-high-contrast-on-white .ow-contactus .ow-glyph:before { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE33eNA") } [data-module="ow-contactsales"].ow-high-contrast-on-white .ow-phone .ow-glyph:before { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE33eND") } html:not([dir="rtl"]) [data-module="ow-contactsales"] { right: 0 } html:not([dir="rtl"]) [data-module="ow-contactsales"] button.c-action-trigger.c-glyph.ow-collapse { padding-left: 13px !important; padding-right: 2px !important } html:not([dir="rtl"]) [data-module="ow-contactsales"] .c-action-trigger::after, html:not([dir="rtl"]) [data-module="ow-contactsales"] .c-action-trigger.x-hidden-focus::after { content: "" } html:not([dir="rtl"]) [data-module="ow-contactsales"] .c-action-trigger.glyph-cancel:after { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWzKQi") } html:not([dir="rtl"]) [data-module="ow-contactsales"] .c-action-trigger.glyph-cancel:hover:after { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWzFrc") } html:not([dir="rtl"]) [data-module="ow-contactsales"] .ow-collapse { right: -1px } html:not([dir="rtl"]) [data-module="ow-contactsales"] .ow-text { margin-left: 15px } html:not([dir="rtl"]) [data-module="ow-contactsales"] .ow-expand { left: 2px } html[dir="rtl"] [data-module="ow-contactsales"] { left: 0 } html[dir="rtl"] [data-module="ow-contactsales"] button.ow-chat-trigger { text-align: right } html[dir="rtl"] [data-module="ow-contactsales"] button.c-action-trigger.c-glyph.ow-collapse { padding-left: 2px !important; padding-right: 13px !important } html[dir="rtl"] [data-module="ow-contactsales"] .c-action-trigger::after, html[dir="rtl"] [data-module="ow-contactsales"] .c-action-trigger.x-hidden-focus::after { content: "" } html[dir="rtl"] [data-module="ow-contactsales"] .c-action-trigger.glyph-cancel:after { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWzKQi") } html[dir="rtl"] [data-module="ow-contactsales"] .c-action-trigger.glyph-cancel:hover:after { content: url("//img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWzFrc") } html[dir="rtl"] [data-module="ow-contactsales"] .ow-collapse { left: -1px } html[dir="rtl"] [data-module="ow-contactsales"] .ow-text { margin-right: 15px } html[dir="rtl"] [data-module="ow-contactsales"] .ow-expand { right: 2px } html[dir="rtl"] [data-module="ow-contactsales"] .ow-contactsale-list li .ow-text a.ow-chat-trigger:after, html[dir="rtl"] [data-module="ow-contactsales"] .ow-contactsale-list li .ow-text a.ow-form-trigger:after { content: "" } html:not([dir=rtl]) [data-module="ow-contactsales"][data-layout="1-up"] { -webkit-transform: rotate(-90deg) translate(0, -100%); -moz-transform: rotate(-90deg) translate(0, -100%); -ms-transform: rotate(-90deg) translate(0, -100%); -o-transform: rotate(-90deg) translate(0, -100%); -ms-transform: rotate(-90deg) translate(0, -100%); -webkit-transform: rotate(-90deg) translate(0, -100%); transform: rotate(-90deg) translate(0, -100%); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0 } html:not([dir=rtl]) [data-module="ow-contactsales"][data-layout="1-up"].ow-zoom { right: -2px } html[dir=rtl] [data-module="ow-contactsales"][data-layout="1-up"] { -webkit-transform: rotate(90deg) translate(0, -100%); -moz-transform: rotate(90deg) translate(0, -100%); -ms-transform: rotate(90deg) translate(0, -100%); -o-transform: rotate(90deg) translate(0, -100%); -ms-transform: rotate(90deg) translate(0, -100%); -webkit-transform: rotate(90deg) translate(0, -100%); transform: rotate(90deg) translate(0, -100%); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0 } html[dir=rtl] [data-module="ow-contactsales"][data-layout="1-up"].ow-zoom { left: -2px } #ow-bot-div { position: fixed; bottom: 0; right: 0; z-index: 1000; background-color: #fff } #ow-bot-iframe { border: 2px solid #dbdee1 } #ow-bot-title { height: 38px; position: fixed } #ow-bot-close { float: right; display: inline-block; padding: 10px; background: #dbdee1; cursor: pointer } #lp-iframe-container { border: 0; bottom: 24px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25); height: 500px; left: auto !important; min-width: 300px; max-width: 350px; padding: 0; position: fixed; right: 0; top: auto !important; z-index: 1031 } #lp-iframe-container, #lp-iframe-container .lp-iframe-window { border-radius: 5px } .lp-live-person .c-flyout { font-size: 15px; position: absolute; background: #fff; min-width: 128px; max-width: 296px; padding: 12px; z-index: 700; display: none } .lp-live-person .c-flyout[aria-hidden="false"] { display: block } .lp-live-person .lp-iframe-window { border: 1px solid transparent; height: 500px; width: 350px } @media screen and (min-width:320px) { #ow-bot-title { width: 300px } #ow-bot-iframe { width: 300px } } @media screen and (min-width:540px) { #ow-bot-title { width: 460px } #ow-bot-iframe { width: 460px } } @media screen and (min-height:0) { #ow-bot-div { height: auto; min-height: 300px; overflow: auto } #ow-bot-div #ow-bot-iframe { height: auto; min-height: 275px; overflow: auto } } @media screen and (min-height:420px) { #ow-bot-div { height: 400px; overflow: hidden } #ow-bot-div #ow-bot-iframe { height: 400px; overflow: hidden } } @media screen and (min-height:520px) { #ow-bot-div { height: 500px } #ow-bot-div #ow-bot-iframe { height: 500px } } @media screen and (min-height:620px) { #ow-bot-div { height: 600px } #ow-bot-div #ow-bot-iframe { height: 600px } } @media screen and (max-width:767px) { [data-module="ow-contactsales"] { top: 100px } [data-module="ow-contactsales"].ow-lower-mobile:not(.ow-zoom) { bottom: 70px; top: auto } [data-module="ow-contactsales"].ow-lower-mobile:not(.ow-zoom).ow-chat-only-btn-collapsed { bottom: auto } } @media screen and (max-width:767px) and (min-height:400px) { [data-module="ow-contactsales"].ow-lower-mobile.ow-zoom { bottom: 70px; top: auto !important } } @media screen and (-ms-high-contrast:white-on-black) { [data-module="ow-contactsales"] .ow-expand:focus, [data-module="ow-contactsales"] .ow-expand:hover { background: transparent } } @media screen and (max-height:200px) { .ow-contactsales-sidebar { display: none } } .x-marketredirect .c-button { white-space: normal } .x-marketredirect .c-button.f-secondary { background-color: rgba(0, 0, 0, .3); color: #000 } .x-marketredirect .c-button.f-secondary:hover, .x-marketredirect .c-button.f-secondary:focus:not(.x-hidden-focus) { background-color: rgba(0, 0, 0, .3) } .x-marketredirect [role="dialog"]:not([dir="rtl"]) .c-group .c-button { float: left } .x-marketredirect [role="dialog"]:not([dir="rtl"]) .c-group .c-button+.c-button { float: right } .x-marketredirect [role="dialog"][dir="rtl"] .c-group .c-button { float: right } .x-marketredirect [role="dialog"][dir="rtl"] .c-group .c-button+.c-button { float: left } @media screen and (min-width:540px) { .x-marketredirect.c-dialog .c-group { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .x-marketredirect.c-dialog .c-group .c-button { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; max-width: calc(50% - 2px) } .x-marketredirect.c-dialog.f-flow .c-group { margin-top: 36px } .x-marketredirect.c-dialog.f-flow .c-group .c-button { margin-top: 0 } } #ownb-wrapper { display: none } .ownb-content[data-layout="page"], .ownb-content[data-layout="tab"]>div { background-color: #003863; color: #6dcff6; padding: 20px 0; font-weight: 600; font-size: 15px; text-align: center } .ownb-content[data-layout="page"] a.c-call-to-action.f-lightweight, .ownb-content[data-layout="tab"]>div a.c-call-to-action.f-lightweight { color: #6dcff6; padding: 0 15px; margin: 0; display: inline; color: #fff } .ownb-content[data-layout="page"] a.c-call-to-action.f-lightweight:focus, .ownb-content[data-layout="page"] a.c-call-to-action.f-lightweight:hover, .ownb-content[data-layout="page"] a.c-call-to-action.f-lightweight:active, .ownb-content[data-layout="tab"]>div a.c-call-to-action.f-lightweight:focus, .ownb-content[data-layout="tab"]>div a.c-call-to-action.f-lightweight:hover, .ownb-content[data-layout="tab"]>div a.c-call-to-action.f-lightweight:active { color: #fff } .ownb-content[data-layout="product"] { font-size: 15px !important; font-weight: normal !important; margin: 0; padding: 0 } h3.c-heading-4.ownb-link { margin-bottom: 0 !important; padding-bottom: 0 !important } .ow-comparison-table.x-paid-media .mobile .c-carousel.f-multi-slide .ow-comparison-table-mobile-controls .ow-carousel-indicator, .ow-comparison-table.x-paid-media-accordion .mobile .c-carousel.f-multi-slide .ow-comparison-table-mobile-controls .ow-carousel-indicator { padding-top: 25px } .ow-comparison-table.x-paid-media .mobile .ow-sticky-prod-name [data-layout="product"], .ow-comparison-table.x-paid-media-accordion .mobile .ow-sticky-prod-name [data-layout="product"] { font-size: 15px; font-weight: normal; line-height: 1 } @media screen and (max-width:767px) { .ownb-content[data-layout="page"], .ownb-content[data-layout="tab"]>div { padding-left: 5%; padding-right: 5% } .ownb-content[data-layout="tab"]>div { margin-top: 10px; margin-bottom: 35px } } .c-uhff { background: #f2f2f2; margin-top: 48px } .c-uhff .c-modal-link { cursor: pointer } .c-uhff-nav { margin: 0 auto; max-width: calc(1600px + 10%); padding: 0 5% } .c-uhff-nav:before, .c-uhff-nav:after { content: " "; display: table } .c-uhff-nav:after { clear: both } .c-uhff-nav .c-heading-4 { font-size: 15px; line-height: 20px } .c-uhff-nav .c-heading-4, .c-uhff-nav a.c-uhff-link { color: #616161; word-break: break-word } .c-uhff-nav-group { display: block; float: left; min-height: 1px; vertical-align: text-top; padding: 0 12px; width: 16.6666666667%; zoom: 1 } .c-uhff-nav-group ul.c-list { font-size: 11px; line-height: 16px; margin-top: 0 } .c-uhff-nav-group:first-child { padding-left: 0 } .c-uhff-base { background: #f2f2f2; margin: 0 auto; max-width: calc(1600px + 10%); padding: 30px 5% 16px } .c-uhff-base:before, .c-uhff-base:after { content: " "; display: table } .c-uhff-base:after { clear: both } .c-uhff-base>a.c-uhff-link.c-uhff-lang-selector { font-size: 11px; line-height: 16px; display: inline-block; padding-right: 24px; color: #616161; float: left; white-space: nowrap } .c-uhff-base>a.c-uhff-link.c-uhff-lang-selector:before { font-size: 20px; line-height: 24px; margin-right: 10px; vertical-align: middle } .c-uhff-base>a.c-uhff-link.c-uhff-ccpa { display: flex; font-size: 11px; line-height: 16px; padding-right: 24px; padding-top: 4px; color: #616161; float: left } .c-uhff-base>a.c-uhff-link.c-uhff-ccpa svg { padding-right: 8px; height: 16px } .c-uhff-base>a.c-uhff-link.c-uhff-consumer { display: flex; font-size: 11px; line-height: 16px; padding-right: 24px; padding-top: 4px; color: #616161; float: left } .c-uhff-base ul.c-list { font-size: 11px; line-height: 16px; float: right; margin: 3px 0; color: #616161 } .c-uhff-base ul.c-list li { padding: 0 24px 4px 0; display: inline-block } @media only screen and (max-width:1083px) { .c-uhff-nav { padding: 0 12px } .c-uhff-nav-row:before, .c-uhff-nav-row:after { content: " "; display: table } .c-uhff-nav-row:after { clear: both } .c-uhff-nav-group { width: 33.33333% } .c-uhff-nav-group:first-child { padding-left: 12px } .c-uhff-base { display: flex; flex-wrap: wrap; flex-direction: column; padding: 30px 24px 16px } .c-uhff-base>a.c-uhff-link { margin-right: auto } .c-uhff-base .c-uhff-ccpa { margin: 8px 0 16px 0 } } @media only screen and (max-width:767px) { .c-uhff-base>a.c-uhff-link { width: 100% } .c-uhff-base>a.c-uhff-link+ul.c-list { width: 100% } .c-uhff-base>a.c-uhff-link, .c-uhff-base>a.c-uhff-link.c-glyph { float: none } .c-uhff-base ul.c-list { width: 100%; float: none; text-align: left; margin-top: 12px } .c-uhff-base ul.c-list li { padding: 6px 4px 0 6px } } @media only screen and (max-width:539px) { .c-uhff-nav-row { width: 100%; float: none } .c-uhff-base ul.c-list { float: left } .c-uhff-base ul.c-list li { padding: 6px 10px 0 0 } .c-uhff-nav-group { width: 100% } } @supports (-ms-ime-align:auto) { a.c-uhff-link { display: inline-block; } } a.c-uhff-link:focus { outline: 1px dashed; outline-offset: 3px } a.c-uhff-link:focus, a.c-uhff-link:hover { color: rgba(0, 0, 0, .9); text-decoration: underline } a.c-uhff-link:active { background: none; color: rgba(0, 0, 0, .8) } a.c-uhff-link-bold { font-weight: bold }