@charset "UTF-8"; /*! | Copyright 2017 Microsoft Corporation | This software is based on or incorporates material from the files listed below (collectively, "Third Party Code"). Microsoft is not the original author of the Third Party Code. The original copyright notice and the license under which Microsoft received Third Party Code are set forth below together with the full text of such license. Such notices and license are provided solely for your information. Microsoft, not the third party, licenses this Third Party Code to you under the terms in which you received the Microsoft software or the services, unless Microsoft clearly states that such Microsoft terms do NOT apply for a particular Third Party Code. Unless applicable law gives you more rights, Microsoft reserves all other rights not expressly granted under such agreement(s), whether by implication, estoppel or otherwise.*/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ body { margin: 0 } .context-uhf { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } .context-uhf aside, .context-uhf details, .context-uhf figcaption, .context-uhf figure, .context-uhf footer, .context-uhf header, .context-uhf menu, .context-uhf nav, .context-uhf section, .context-uhf summary { display: block } .context-uhf a { background-color: transparent } .context-uhf a:active, .context-uhf a:hover { outline: 0 } .context-uhf ul, .context-uhf li { padding: 0; margin: 0 } .context-uhf h1 { font-size: 2em; margin: .67em 0 } .context-uhf img { border: 0 } .context-uhf hr { box-sizing: content-box; height: 0 } .context-uhf button, .context-uhf input, .context-uhf optgroup, .context-uhf select, .context-uhf textarea { color: inherit; font: inherit; margin: 0 } .context-uhf button { overflow: visible } .context-uhf button, .context-uhf select { text-transform: none } .context-uhf button, .context-uhf html input[type="button"], .context-uhf input[type="submit"] { -webkit-appearance: button; cursor: pointer } .context-uhf button[disabled], .context-uhf html input[disabled] { cursor: default } .context-uhf button::-moz-focus-inner, .context-uhf input::-moz-focus-inner { border: 0; padding: 0 } .context-uhf input { line-height: normal } .context-uhf input[type="checkbox"], .context-uhf input[type="radio"] { box-sizing: border-box; padding: 0 } .context-uhf input[type="number"]::-webkit-inner-spin-button, .context-uhf input[type="number"]::-webkit-outer-spin-button { height: auto } .context-uhf input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box } .context-uhf input[type="search"]::-webkit-search-cancel-button, .context-uhf input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } @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") } @font-face { font-family: 'SegoeUI'; src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf') format("ttf"); font-weight: 400 } @font-face { font-family: 'SegoeUI'; src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.ttf') format("ttf"); font-weight: 100 } @font-face { font-family: 'SegoeUI'; src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.ttf') format("ttf"); font-weight: 200 } @font-face { font-family: 'SegoeUI'; src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf') format("ttf"); font-weight: 600 } @font-face { font-family: 'SegoeUI'; src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.ttf') format("ttf"); font-weight: 700 } .context-uhf .c-heading-1 { font-size: 62px; line-height: 72px } .context-uhf .c-heading-2 { font-size: 46px; line-height: 56px } .context-uhf .c-heading-3, .context-uhf .c-subheading-1 { font-size: 34px; line-height: 40px } .context-uhf .c-heading-4, .context-uhf .c-subheading-2 { font-size: 24px; line-height: 28px } .context-uhf .c-heading-5, .context-uhf .c-subheading-3, .context-uhf .c-paragraph-1 { font-size: 20px; line-height: 24px } .context-uhf .c-heading-6, .context-uhf .c-subheading-4, .context-uhf .c-paragraph-2 { font-size: 18px; line-height: 24px } .context-uhf .c-subheading-5, .context-uhf .c-subheading-6, .context-uhf .c-paragraph-3, .context-uhf .c-paragraph-4 { font-size: 15px; line-height: 20px } .context-uhf .c-caption-1 { font-size: 13px; line-height: 16px } .context-uhf .c-caption-2 { font-size: 11px; line-height: 16px } .context-uhf .c-heading-1 { padding: 38px 0 6px; font-weight: 600; letter-spacing: -.01em } .context-uhf .c-heading-2 { padding: 37px 0 3px; font-weight: 600; letter-spacing: -.01em } .context-uhf .c-heading-3 { padding: 38px 0 2px; font-weight: 600 } .context-uhf .c-heading-4 { padding: 36px 0 4px; font-weight: 600 } .context-uhf .c-heading-5 { padding: 35px 0 5px; font-weight: 600 } .context-uhf .c-heading-6 { padding: 37px 0 3px; font-weight: 600 } .context-uhf .c-subheading-1 { padding: 12px 0 2px; font-weight: 600 } .context-uhf .c-subheading-2 { padding: 4px 0 8px; font-weight: 600 } .context-uhf .c-subheading-3 { padding: 8px 0 4px; font-weight: 600 } .context-uhf .c-subheading-4 { padding: 9px 0 3px; font-weight: 600 } .context-uhf .c-subheading-5, .context-uhf .c-subheading-6 { padding: 8px 0 0; font-weight: 600 } .context-uhf .c-paragraph-1 { padding: 24px 0 4px; font-weight: 200 } .context-uhf .c-paragraph-2 { padding: 25px 0 3px; font-weight: 200 } .context-uhf .c-paragraph-3 { padding: 24px 0 0; font-weight: 400 } .context-uhf .c-paragraph-4 { padding: 12px 0 0; font-weight: 400 } .context-uhf .c-caption-1 { padding: 3px 0 1px; font-weight: 400 } .context-uhf .c-caption-2 { padding: 4px 0 4px; font-weight: 400 } @media(max-width:767px) { .context-uhf .c-heading-1 { font-size: 46px; line-height: 56px } .context-uhf .c-heading-2 { font-size: 34px; line-height: 40px } .context-uhf .c-heading-3, .context-uhf .c-subheading-1 { font-size: 26px; line-height: 32px } .context-uhf .c-heading-4, .context-uhf .c-subheading-2 { font-size: 20px; line-height: 24px } .context-uhf .c-heading-5, .context-uhf .c-subheading-3, .context-uhf .c-paragraph-1 { font-size: 18px; line-height: 24px } .context-uhf .c-heading-6, .context-uhf .c-subheading-4, .context-uhf .c-paragraph-2 { font-size: 16px; line-height: 20px } .context-uhf .c-caption-1 { font-size: 12px; line-height: 16px } .context-uhf .c-caption-2 { font-size: 10px; line-height: 12px } .context-uhf .c-heading-1 { padding: 37px 0 3px } .context-uhf .c-heading-2 { padding: 38px 0 2px } .context-uhf .c-heading-5 { padding: 37px 0 3px } .context-uhf .c-heading-6 { padding: 39px 0 1px } .context-uhf .c-subheading-1 { padding: 9px 0 3px } .context-uhf .c-subheading-2 { padding: 8px 0 4px } .context-uhf .c-subheading-3 { padding: 4px 0 4px } .context-uhf .c-subheading-4 { padding: 7px 0 5px } .context-uhf .c-paragraph-2 { padding: 27px 0 1px } .context-uhf .c-caption-2 { padding: 2px 0 2px } } .context-uhf { box-sizing: border-box } .context-uhf { font-size: 15px; font-family: 'Segoe UI',SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; min-width: 320px; color: #000; background-color: #fff } .context-uhf *, .context-uhf *:before, .context-uhf *:after { box-sizing: inherit } .context-uhf .theme-light { color: #000; background-color: #e6e6e6 } .context-uhf .theme-dark { color: #fff; background-color: #333 } .context-uhf h1, .context-uhf h2, .context-uhf h3, .context-uhf h4, .context-uhf h5, .context-uhf h6, .context-uhf ol, .context-uhf p, .context-uhf ul { margin-top: 0; margin-bottom: 0 } .context-uhf ol, .context-uhf ul { padding: 0; list-style: none } .context-uhf audio, .context-uhf canvas, .context-uhf img, .context-uhf video { vertical-align: middle } .context-uhf a:link, .context-uhf a:focus, .context-uhf a:hover, .context-uhf a:active, .context-uhf a:visited { text-decoration: none; color: inherit } .context-uhf input, .context-uhf input[type="search"] { border-radius: 0; appearance: none } .context-uhf div[data-module-id] { min-height: 1px } [class^="c-"] .x-hidden-focus, [class^="c-"] .x-hidden-focus:before, [class^="c-"] .x-hidden-focus + span:before, [class^="c-"].x-hidden-focus, [class^="c-"].x-hidden-focus:before, [class^="c-"].x-hidden-focus + span:before, [class^="m-"] .x-hidden-focus, [class^="m-"] .x-hidden-focus:before, [class^="m-"] .x-hidden-focus + span:before, [class^="m-"].x-hidden-focus, [class^="m-"].x-hidden-focus:before, [class^="m-"].x-hidden-focus + span:before { outline-color: transparent !important; outline-style: none !important } @keyframes fadeIn { 0% { opacity: 0 } 1% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeOut { 0% { opacity: 1 } 1% { opacity: 1 } 100% { opacity: 0 } } .x-hidden { display: none !important } .x-visible-block { display: block !important } .x-visible-inline-block { display: inline-block !important } .x-visible-inline { display: inline !important } @media all and (max-width:539px) { .x-visible-vp1-block { display: block !important } .x-visible-vp1-inline { display: inline !important } .x-visible-vp1-inline-block { display: inline-block !important } .x-hidden-vp1 { display: none !important } } @media all and (min-width:540px) and (max-width:767px) { .x-visible-vp2-block { display: block !important } .x-visible-vp2-inline { display: inline !important } .x-visible-vp2-inline-block { display: inline-block !important } .x-hidden-vp2 { display: none !important } } @media all and (min-width:768px) and (max-width:1083px) { .x-visible-vp3-block { display: block !important } .x-visible-vp3-inline { display: inline !important } .x-visible-vp3-inline-block { display: inline-block !important } .x-hidden-vp3 { display: none !important } } @media all and (min-width:1084px) and (max-width:1399px) { .x-visible-vp4-block { display: block !important } .x-visible-vp4-inline { display: inline !important } .x-visible-vp4-inline-block { display: inline-block !important } .x-hidden-vp4 { display: none !important } } @media all and (min-width:1400px) { .x-visible-vp5-block { display: block !important } .x-visible-vp5-inline { display: inline !important } .x-visible-vp5-inline-block { display: inline-block !important } .x-hidden-vp5 { display: none !important } } .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 } button.c-action-trigger, a.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: none; overflow: hidden; white-space: nowrap; vertical-align: bottom; outline: none } button.c-action-trigger:focus:not(.x-hidden-focus), a.c-action-trigger:focus:not(.x-hidden-focus) { outline: transparent; background: rgba(0,103,184,.1) content-box } button.c-action-trigger:focus:not(.x-hidden-focus), button.c-action-trigger:hover, a.c-action-trigger:focus:not(.x-hidden-focus), a.c-action-trigger:hover { color: #005da6; text-decoration: underline } button.c-action-trigger:active, a.c-action-trigger:active { background: none; color: #005293; -ms-transform: none; -webkit-transform: none; transform: none } button.c-action-trigger.x-hidden-focus:not(:hover), a.c-action-trigger.x-hidden-focus:not(:hover) { background: none !important; text-decoration: none !important; outline-color: transparent !important } .theme-light button.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-action-trigger:focus:not(.x-hidden-focus), .theme-light a.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-action-trigger:focus:not(.x-hidden-focus) { background: rgba(0,0,0,.1) content-box } .theme-light button.c-action-trigger:focus:not(.x-hidden-focus), .theme-light button.c-action-trigger:hover, .theme-dark .theme-light button.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-action-trigger:hover, .theme-light a.c-action-trigger:focus:not(.x-hidden-focus), .theme-light a.c-action-trigger:hover, .theme-dark .theme-light a.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-action-trigger:hover { color: rgba(0,0,0,.9) } .theme-light button.c-action-trigger:active, .theme-dark .theme-light button.c-action-trigger:active, .theme-light a.c-action-trigger:active, .theme-dark .theme-light a.c-action-trigger:active { color: rgba(0,0,0,.8) } .theme-light button.c-action-trigger.x-hidden-focus:not(:hover), .theme-dark .theme-light button.c-action-trigger.x-hidden-focus:not(:hover), .theme-light a.c-action-trigger.x-hidden-focus:not(:hover), .theme-dark .theme-light a.c-action-trigger.x-hidden-focus:not(:hover) { background: none !important; text-decoration: none !important; outline-color: transparent !important } .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus) { background: rgba(255,255,255,.1) content-box } .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark button.c-action-trigger:hover, .theme-light .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-action-trigger:hover, .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark a.c-action-trigger:hover, .theme-light .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-action-trigger:hover { color: #e6e6e6 } .theme-dark button.c-action-trigger:active, .theme-light .theme-dark button.c-action-trigger:active, .theme-dark a.c-action-trigger:active, .theme-light .theme-dark a.c-action-trigger:active { color: #ccc } .theme-dark button.c-action-trigger.x-hidden-focus:not(:hover), .theme-light .theme-dark button.c-action-trigger.x-hidden-focus:not(:hover), .theme-dark a.c-action-trigger.x-hidden-focus:not(:hover), .theme-light .theme-dark a.c-action-trigger.x-hidden-focus:not(:hover) { background: none !important; text-decoration: none !important; outline-color: transparent !important } button.c-action-trigger:focus:not(.x-hidden-focus), a.c-action-trigger:focus:not(.x-hidden-focus) { outline: 1px dashed #fff } button.c-action-trigger[disabled], a.c-action-trigger[disabled] { color: rgba(0,0,0,.2); cursor: not-allowed } button.c-action-trigger[disabled]:hover, a.c-action-trigger[disabled]:hover { text-decoration: none } button.c-action-trigger.c-glyph, a.c-action-trigger.c-glyph { min-width: 120px; padding-right: 10px } button.c-action-trigger.c-glyph:before, a.c-action-trigger.c-glyph:before { width: 16px; height: 16px; margin-left: 10px; margin-right: 10px; vertical-align: middle; line-height: 15px } button.c-action-trigger.c-glyph[aria-label], a.c-action-trigger.c-glyph[aria-label] { min-width: 0; margin-right: 10px; padding-right: 0 } button.c-action-trigger.c-glyph.f-align-margin, a.c-action-trigger.c-glyph.f-align-margin { margin-left: -10px } button.c-action-trigger.f-heavyweight, a.c-action-trigger.f-heavyweight { padding: 6px 10px 8px; border: 2px solid transparent; color: #fff; background: #0067b8; transition: scale .2s ease-in-out } button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) { background: #0067b8 !important; text-decoration: #fff !important; outline-color: #000 !important } button.c-action-trigger.f-heavyweight.c-glyph, a.c-action-trigger.f-heavyweight.c-glyph { padding-left: 0 } button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) { color: #fff; outline: 2px solid #000; text-decoration: underline } button.c-action-trigger.f-heavyweight:hover, a.c-action-trigger.f-heavyweight:hover { text-decoration: none } button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), button.c-action-trigger.f-heavyweight:hover, a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), a.c-action-trigger.f-heavyweight:hover { background: #005da6 } button.c-action-trigger.f-heavyweight:active, a.c-action-trigger.f-heavyweight:active { background: #005293; -ms-transform: scale(.98); -webkit-transform: scale(.98); transform: scale(.98) } button.c-action-trigger.f-heavyweight[disabled], a.c-action-trigger.f-heavyweight[disabled] { cursor: not-allowed; border-color: transparent; background: #cce1f1; color: rgba(0,0,0,.2) } .theme-light button.c-action-trigger, .theme-dark .theme-light button.c-action-trigger, .theme-light a.c-action-trigger, .theme-dark .theme-light a.c-action-trigger { color: #000; background: transparent } .theme-light button.c-action-trigger[disabled], .theme-dark .theme-light button.c-action-trigger[disabled], .theme-light a.c-action-trigger[disabled], .theme-dark .theme-light a.c-action-trigger[disabled] { color: rgba(0,0,0,.2); cursor: not-allowed } .theme-light button.c-action-trigger.f-heavyweight, .theme-dark .theme-light button.c-action-trigger.f-heavyweight, .theme-light a.c-action-trigger.f-heavyweight, .theme-dark .theme-light a.c-action-trigger.f-heavyweight { color: #fff; background: #000 } .theme-light button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-dark .theme-light button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-light a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-dark .theme-light a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) { background: #000 !important; text-decoration: #fff !important; outline-color: #000 !important } .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) { color: #fff; outline-color: #fff } .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light button.c-action-trigger.f-heavyweight:hover, .theme-dark .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-action-trigger.f-heavyweight:hover, .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light a.c-action-trigger.f-heavyweight:hover, .theme-dark .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-action-trigger.f-heavyweight:hover { background: #1a1a1a } .theme-light button.c-action-trigger.f-heavyweight:active, .theme-dark .theme-light button.c-action-trigger.f-heavyweight:active, .theme-light a.c-action-trigger.f-heavyweight:active, .theme-dark .theme-light a.c-action-trigger.f-heavyweight:active { background: #333 } .theme-light button.c-action-trigger.f-heavyweight[disabled], .theme-dark .theme-light button.c-action-trigger.f-heavyweight[disabled], .theme-light a.c-action-trigger.f-heavyweight[disabled], .theme-dark .theme-light a.c-action-trigger.f-heavyweight[disabled] { background: #ccc; border-color: transparent; color: rgba(0,0,0,.2) } .theme-dark button.c-action-trigger, .theme-light .theme-dark button.c-action-trigger, .theme-dark a.c-action-trigger, .theme-light .theme-dark a.c-action-trigger { color: #fff; background: transparent } .theme-dark button.c-action-trigger[disabled], .theme-light .theme-dark button.c-action-trigger[disabled], .theme-dark a.c-action-trigger[disabled], .theme-light .theme-dark a.c-action-trigger[disabled] { color: rgba(255,255,255,.6); cursor: not-allowed } .theme-dark button.c-action-trigger.f-heavyweight, .theme-light .theme-dark button.c-action-trigger.f-heavyweight, .theme-dark a.c-action-trigger.f-heavyweight, .theme-light .theme-dark a.c-action-trigger.f-heavyweight { color: #000; background: #fff } .theme-dark button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-light .theme-dark button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-dark a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-light .theme-dark a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) { background: #fff !important; text-decoration: #fff !important; outline-color: #000 !important } .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) { color: #000; outline-color: #000 } .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark button.c-action-trigger.f-heavyweight:hover, .theme-light .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-action-trigger.f-heavyweight:hover, .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark a.c-action-trigger.f-heavyweight:hover, .theme-light .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-action-trigger.f-heavyweight:hover { background: #e6e6e6 } .theme-dark button.c-action-trigger.f-heavyweight:active, .theme-light .theme-dark button.c-action-trigger.f-heavyweight:active, .theme-dark a.c-action-trigger.f-heavyweight:active, .theme-light .theme-dark a.c-action-trigger.f-heavyweight:active { background: #ccc } .theme-dark button.c-action-trigger.f-heavyweight[disabled], .theme-light .theme-dark button.c-action-trigger.f-heavyweight[disabled], .theme-dark a.c-action-trigger.f-heavyweight[disabled], .theme-light .theme-dark a.c-action-trigger.f-heavyweight[disabled] { background: #4d4d4d; border-color: transparent; color: rgba(255,255,255,.2) } a.c-call-to-action, button.c-call-to-action { font-size: 15px; padding: 10px 20px 6px 22px; font-weight: 600; max-width: 100%; display: inline-block; overflow: hidden; transition: all 200ms ease-in-out; box-shadow: 0 4px 8px 0 transparent; white-space: nowrap; color: #fff; text-align: center; text-decoration: none; line-height: 1.3; letter-spacing: 0; border: 2px solid transparent; background: #0067b8 } a.c-call-to-action span, button.c-call-to-action span { max-width: 100%; display: inline-block; position: relative; left: 0; text-overflow: clip; overflow: hidden; transition: all 200ms ease-in-out } a.c-call-to-action:after, button.c-call-to-action:after { transition: all 200ms ease-in-out } a.c-call-to-action:not(.glyph-play):after, button.c-call-to-action:not(.glyph-play):after { font-size: 11px; margin-top: 3px; margin-left: 3px; display: inline-block; position: relative; right: 0; content: ""; vertical-align: top } a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus) span, a.c-call-to-action:not(.glyph-play):hover span, button.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus) span, button.c-call-to-action:not(.glyph-play):hover span { left: -4px } a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after, a.c-call-to-action:not(.glyph-play):hover:after, button.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after, button.c-call-to-action:not(.glyph-play):hover:after { right: -4px } a.c-call-to-action:focus:not(.x-hidden-focus), button.c-call-to-action:focus:not(.x-hidden-focus) { outline: 2px solid #000 } a.c-call-to-action:focus:not(.x-hidden-focus) span, button.c-call-to-action:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #fff } a.c-call-to-action:focus:not(.x-hidden-focus), a.c-call-to-action:hover, button.c-call-to-action:focus:not(.x-hidden-focus), button.c-call-to-action:hover { background: #005da6 } a.c-call-to-action:focus:not(.x-hidden-focus):not(.f-lightweight):not([aria-disabled="true"]), a.c-call-to-action:hover:not(.f-lightweight):not([aria-disabled="true"]), button.c-call-to-action:focus:not(.x-hidden-focus):not(.f-lightweight):not([aria-disabled="true"]), button.c-call-to-action:hover:not(.f-lightweight):not([aria-disabled="true"]) { box-shadow: 0 4px 8px 0 rgba(0,0,0,.2) } a.c-call-to-action:active, button.c-call-to-action:active { background: #005293; -ms-transform: scale(.98); -webkit-transform: scale(.98); transform: scale(.98) } a.c-call-to-action[aria-disabled="true"], button.c-call-to-action[aria-disabled="true"] { cursor: not-allowed; border-color: transparent; background: #cce1f1; color: rgba(0,0,0,.2) } a.c-call-to-action[aria-disabled="true"]:focus:not(.x-hidden-focus) span, a.c-call-to-action[aria-disabled="true"]:hover span, button.c-call-to-action[aria-disabled="true"]:focus:not(.x-hidden-focus) span, button.c-call-to-action[aria-disabled="true"]:hover span { left: 0 } a.c-call-to-action[aria-disabled="true"]:focus:not(.x-hidden-focus):after, a.c-call-to-action[aria-disabled="true"]:hover:after, button.c-call-to-action[aria-disabled="true"]:focus:not(.x-hidden-focus):after, button.c-call-to-action[aria-disabled="true"]:hover:after { right: 0 } .theme-light a.c-call-to-action, .theme-dark .theme-light a.c-call-to-action, .theme-light button.c-call-to-action, .theme-dark .theme-light button.c-call-to-action { color: #fff; background: #000 } .theme-light a.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-call-to-action:focus:not(.x-hidden-focus), .theme-light button.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-call-to-action:focus:not(.x-hidden-focus) { outline-color: #fff } .theme-light a.c-call-to-action:focus:not(.x-hidden-focus) span, .theme-dark .theme-light a.c-call-to-action:focus:not(.x-hidden-focus) span, .theme-light button.c-call-to-action:focus:not(.x-hidden-focus) span, .theme-dark .theme-light button.c-call-to-action:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #fff } .theme-light a.c-call-to-action:focus:not(.x-hidden-focus), .theme-light a.c-call-to-action:hover, .theme-dark .theme-light a.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-call-to-action:hover, .theme-light button.c-call-to-action:focus:not(.x-hidden-focus), .theme-light button.c-call-to-action:hover, .theme-dark .theme-light button.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-call-to-action:hover { background: #1a1a1a } .theme-light a.c-call-to-action:active, .theme-dark .theme-light a.c-call-to-action:active, .theme-light button.c-call-to-action:active, .theme-dark .theme-light button.c-call-to-action:active { background: #333 } .theme-light a.c-call-to-action[aria-disabled="true"], .theme-dark .theme-light a.c-call-to-action[aria-disabled="true"], .theme-light button.c-call-to-action[aria-disabled="true"], .theme-dark .theme-light button.c-call-to-action[aria-disabled="true"] { background: #ccc; border-color: transparent; color: rgba(0,0,0,.2) } .theme-dark a.c-call-to-action, .theme-light .theme-dark a.c-call-to-action, .theme-dark button.c-call-to-action, .theme-light .theme-dark button.c-call-to-action { color: #000; background: #fff } .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus) { outline-color: #000 } .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus) span, .theme-light .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus) span, .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus) span, .theme-light .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #000 } .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark a.c-call-to-action:hover, .theme-light .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-call-to-action:hover, .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark button.c-call-to-action:hover, .theme-light .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-call-to-action:hover { background: #e6e6e6 } .theme-dark a.c-call-to-action:active, .theme-light .theme-dark a.c-call-to-action:active, .theme-dark button.c-call-to-action:active, .theme-light .theme-dark button.c-call-to-action:active { background: #ccc } .theme-dark a.c-call-to-action[aria-disabled="true"], .theme-light .theme-dark a.c-call-to-action[aria-disabled="true"], .theme-dark button.c-call-to-action[aria-disabled="true"], .theme-light .theme-dark button.c-call-to-action[aria-disabled="true"] { background: #4d4d4d; border-color: transparent; color: rgba(255,255,255,.2) } a.c-call-to-action.f-secondary, button.c-call-to-action.f-secondary { color: #000; background: #ccc } a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) { outline: 2px solid #000 } a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span, button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #000 } a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), a.c-call-to-action.f-secondary:hover, button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), button.c-call-to-action.f-secondary:hover { background: #b3b3b3 } a.c-call-to-action.f-secondary:active, button.c-call-to-action.f-secondary:active { background: #999 } a.c-call-to-action.f-secondary[aria-disabled="true"], button.c-call-to-action.f-secondary[aria-disabled="true"] { background: #ccc; border-color: transparent; color: rgba(0,0,0,.2) } .theme-light a.c-call-to-action.f-secondary, .theme-dark .theme-light a.c-call-to-action.f-secondary, .theme-light button.c-call-to-action.f-secondary, .theme-dark .theme-light button.c-call-to-action.f-secondary { color: #000; background: rgba(255,255,255,0); border-color: #000 } .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) { outline: 1px solid #000 } .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span, .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span, .theme-dark .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #000 } .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-light a.c-call-to-action.f-secondary:hover, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-call-to-action.f-secondary:hover, .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-light button.c-call-to-action.f-secondary:hover, .theme-dark .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-call-to-action.f-secondary:hover { background: #ccc } .theme-light a.c-call-to-action.f-secondary:active, .theme-dark .theme-light a.c-call-to-action.f-secondary:active, .theme-light button.c-call-to-action.f-secondary:active, .theme-dark .theme-light button.c-call-to-action.f-secondary:active { background: #b3b3b3 } .theme-light a.c-call-to-action.f-secondary[aria-disabled="true"], .theme-dark .theme-light a.c-call-to-action.f-secondary[aria-disabled="true"], .theme-light button.c-call-to-action.f-secondary[aria-disabled="true"], .theme-dark .theme-light button.c-call-to-action.f-secondary[aria-disabled="true"] { background: #ccc; border-color: rgba(0,0,0,.2); color: rgba(0,0,0,.2) } .theme-dark a.c-call-to-action.f-secondary, .theme-light .theme-dark a.c-call-to-action.f-secondary, .theme-dark button.c-call-to-action.f-secondary, .theme-light .theme-dark button.c-call-to-action.f-secondary { background: rgba(255,255,255,0); color: #fff; border-color: #fff } .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) { outline: 1px solid #fff } .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span, .theme-light .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span, .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span, .theme-light .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #fff } .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-dark a.c-call-to-action.f-secondary:hover, .theme-light .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-call-to-action.f-secondary:hover, .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-dark button.c-call-to-action.f-secondary:hover, .theme-light .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-call-to-action.f-secondary:hover { background: #1a1a1a } .theme-dark a.c-call-to-action.f-secondary:active, .theme-light .theme-dark a.c-call-to-action.f-secondary:active, .theme-dark button.c-call-to-action.f-secondary:active, .theme-light .theme-dark button.c-call-to-action.f-secondary:active { background: #000 } .theme-dark a.c-call-to-action.f-secondary[aria-disabled="true"], .theme-light .theme-dark a.c-call-to-action.f-secondary[aria-disabled="true"], .theme-dark button.c-call-to-action.f-secondary[aria-disabled="true"], .theme-light .theme-dark button.c-call-to-action.f-secondary[aria-disabled="true"] { background: #4d4d4d; border-color: rgba(255,255,255,.2); color: rgba(255,255,255,.2) } a.c-call-to-action.x-hidden-focus, button.c-call-to-action.x-hidden-focus { outline: 0 } a.c-call-to-action.f-lightweight, button.c-call-to-action.f-lightweight { padding: 10px 3px 7px 0; background: transparent; color: #0067b8; border-color: transparent; border-width: 2px; margin-left: 0; transition: none; padding-right: 2px } a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), a.c-call-to-action.f-lightweight:hover, a.c-call-to-action.f-lightweight:active, button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), button.c-call-to-action.f-lightweight:hover, button.c-call-to-action.f-lightweight:active { background: transparent; outline: transparent; border-color: transparent; box-shadow: none !important } a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, a.c-call-to-action.f-lightweight:hover span, a.c-call-to-action.f-lightweight:active span, button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, button.c-call-to-action.f-lightweight:hover span, button.c-call-to-action.f-lightweight:active span { left: 0 !important } a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) { background: rgba(0,103,184,.1) content-box; color: #005da6 } a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #0067b8; text-decoration: none } a.c-call-to-action.f-lightweight:hover, button.c-call-to-action.f-lightweight:hover { color: #005da6 } a.c-call-to-action.f-lightweight:hover span, button.c-call-to-action.f-lightweight:hover span { text-decoration: underline } a.c-call-to-action.f-lightweight:active, button.c-call-to-action.f-lightweight:active { background: none; color: #005293; text-decoration: none; -ms-transform: none; -webkit-transform: none; transform: none } a.c-call-to-action.f-lightweight[aria-disabled="true"], button.c-call-to-action.f-lightweight[aria-disabled="true"] { cursor: not-allowed; color: #cce1f1 } .theme-light a.c-call-to-action.f-lightweight, .theme-dark .theme-light a.c-call-to-action.f-lightweight, .theme-light button.c-call-to-action.f-lightweight, .theme-dark .theme-light button.c-call-to-action.f-lightweight { color: #000; background: transparent; border-color: transparent } .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) { background: rgba(0,0,0,.1) content-box } .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, .theme-dark .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, .theme-dark .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #000 } .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-light a.c-call-to-action.f-lightweight:hover, .theme-dark .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-call-to-action.f-lightweight:hover, .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-light button.c-call-to-action.f-lightweight:hover, .theme-dark .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-call-to-action.f-lightweight:hover { color: rgba(0,0,0,.9) } .theme-light a.c-call-to-action.f-lightweight:hover, .theme-dark .theme-light a.c-call-to-action.f-lightweight:hover, .theme-light button.c-call-to-action.f-lightweight:hover, .theme-dark .theme-light button.c-call-to-action.f-lightweight:hover { background: transparent } .theme-light a.c-call-to-action.f-lightweight:active, .theme-dark .theme-light a.c-call-to-action.f-lightweight:active, .theme-light button.c-call-to-action.f-lightweight:active, .theme-dark .theme-light button.c-call-to-action.f-lightweight:active { color: rgba(0,0,0,.8) } .theme-light a.c-call-to-action.f-lightweight[aria-disabled="true"], .theme-dark .theme-light a.c-call-to-action.f-lightweight[aria-disabled="true"], .theme-light button.c-call-to-action.f-lightweight[aria-disabled="true"], .theme-dark .theme-light button.c-call-to-action.f-lightweight[aria-disabled="true"] { background: transparent; color: #999 } .theme-dark a.c-call-to-action.f-lightweight, .theme-light .theme-dark a.c-call-to-action.f-lightweight, .theme-dark button.c-call-to-action.f-lightweight, .theme-light .theme-dark button.c-call-to-action.f-lightweight { color: #fff; background: transparent; border-color: transparent } .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) { background: rgba(255,255,255,.1) content-box } .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, .theme-light .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, .theme-light .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #fff } .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-dark a.c-call-to-action.f-lightweight:hover, .theme-light .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-call-to-action.f-lightweight:hover, .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-dark button.c-call-to-action.f-lightweight:hover, .theme-light .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-call-to-action.f-lightweight:hover { color: #e6e6e6 } .theme-dark a.c-call-to-action.f-lightweight:hover, .theme-light .theme-dark a.c-call-to-action.f-lightweight:hover, .theme-dark button.c-call-to-action.f-lightweight:hover, .theme-light .theme-dark button.c-call-to-action.f-lightweight:hover { background: transparent } .theme-dark a.c-call-to-action.f-lightweight:active, .theme-light .theme-dark a.c-call-to-action.f-lightweight:active, .theme-dark button.c-call-to-action.f-lightweight:active, .theme-light .theme-dark button.c-call-to-action.f-lightweight:active { color: #ccc } .theme-dark a.c-call-to-action.f-lightweight[aria-disabled="true"], .theme-light .theme-dark a.c-call-to-action.f-lightweight[aria-disabled="true"], .theme-dark button.c-call-to-action.f-lightweight[aria-disabled="true"], .theme-light .theme-dark button.c-call-to-action.f-lightweight[aria-disabled="true"] { background: transparent; color: #666 } a.c-call-to-action.f-lightweight:hover span, button.c-call-to-action.f-lightweight:hover span { left: 0 } .c-glyph { font-style: normal } .c-glyph:before, .c-glyph:after { font-family: "MWF-MDL2"; display: inline-block; text-decoration: underline } .c-glyph:before, .c-glyph:after, .c-glyph:hover:before, .c-glyph:hover:after { text-decoration: none } .c-glyph.glyph-accept:before { content: "" } .c-glyph.glyph-add:before { content: "" } .c-glyph.glyph-settings:before { content: "" } .c-glyph.glyph-people:before { content: "" } .c-glyph.glyph-microphone:before { content: "" } .c-glyph.glyph-camera:before { content: "" } .c-glyph.glyph-forward:before { content: "" } .c-glyph.glyph-remove:before { content: "" } .c-glyph.glyph-down:before { content: "" } .c-glyph.glyph-back-to-window:before { content: "" } .c-glyph.glyph-cancel:before { content: "" } .c-glyph.glyph-cellphone:before { content: "" } .c-glyph.glyph-chat-bubbles:before { content: "" } .c-glyph.glyph-check-mark:before { content: "" } .c-glyph.glyph-chevron-down:before { content: "" } .c-glyph.glyph-chevron-left:before { content: "" } .c-glyph.glyph-chevron-right:before { content: "" } .c-glyph.glyph-chevron-up:before { content: "" } .c-glyph.glyph-completed:before { content: "" } .c-glyph.glyph-contact:before { content: "" } .c-glyph.glyph-copy:before { content: "" } .c-glyph.glyph-delete:before { content: "" } .c-glyph.glyph-download:before { content: "" } .c-glyph.glyph-edit:before { content: "" } .c-glyph.glyph-emoji-neutral:before { content: "" } .c-glyph.glyph-emoji-disappointed:before { content: "" } .c-glyph.glyph-feedback:before { content: "" } .c-glyph.glyph-filter:before { content: "" } .c-glyph.glyph-flag:before { content: "" } .c-glyph.glyph-full-screen:before { content: "" } .c-glyph.glyph-global-nav-button:before { content: "" } .c-glyph.glyph-heart-fill:before { content: "" } .c-glyph.glyph-arrow-htmllegacy:before { content: "" } .c-glyph.glyph-arrow-htmllegacy-mirrored:before { content: "" } .c-glyph.glyph-gift:before { content: "" } .c-glyph.glyph-incident-triangle:before { content: "" } .c-glyph.glyph-info:before { content: "" } .c-glyph.glyph-list:before { content: "" } .c-glyph.glyph-mail:before { content: "" } .c-glyph.glyph-more:before { content: "" } .c-glyph.glyph-mute:before { content: "" } .c-glyph.glyph-pause:before { content: "" } .c-glyph.glyph-pc1:before { content: "" } .c-glyph.glyph-phone:before { content: "" } .c-glyph.glyph-play:before { content: "" } .c-glyph.glyph-refresh:before { content: "" } .c-glyph.glyph-save:before { content: "" } .c-glyph.glyph-search:before { content: "" } .c-glyph.glyph-share:before { content: "" } .c-glyph.glyph-shopping-bag:before { content: "" } .c-glyph.glyph-shopping-cart:before { content: "" } .c-glyph.glyph-subtitles:before { content: "" } .c-glyph.glyph-surface-hub:before { content: "" } .c-glyph.glyph-this-pc:before { content: "" } .c-glyph.glyph-up:before { content: "" } .c-glyph.glyph-volume:before { content: "" } .c-glyph.glyph-waffle:before { content: "" } .c-glyph.glyph-warning:before { content: "" } .c-glyph.glyph-world:before { content: "" } .c-glyph.glyph-xbox-one-console:before { content: "" } .c-glyph.glyph-lock:before { content: "" } .c-glyph.glyph-system:before { content: "" } .c-glyph.glyph-globe:before { content: "" } .c-glyph.glyph-tv-monitor:before { content: "" } .c-glyph.glyph-headphone:before { content: "" } .c-glyph.glyph-folder-open:before { content: "" } .c-glyph.glyph-movies:before { content: "" } .c-glyph.glyph-folder:before { content: "" } .c-glyph.glyph-payment-card:before { content: "" } .c-glyph.glyph-mobile-tablet:before { content: "" } .c-glyph.glyph-tag:before { content: "" } .c-glyph.glyph-add-friend:before { content: "" } .c-glyph.glyph-group:before { content: "" } .c-glyph.glyph-repair:before { content: "" } .c-glyph.glyph-music-in-collection:before { content: "" } .c-glyph.glyph-list-mirrored:before { content: "" } .c-glyph.glyph-ticket:before { content: "" } .c-glyph.glyph-photo2:before { content: "" } .c-glyph.glyph-holo-lens:before { content: "" } .c-glyph.glyph-app-icon-default:before { content: "" } .c-glyph.glyph-subscriptions:before { content: "" } .c-glyph.glyph-subscriptions-mirrored:before { content: "" } .c-glyph.glyph-status-circle-exclamation:before { content: "" } .c-glyph.glyph-status-circle-error:before { content: "" } .c-glyph.glyph-status-circle-check:before { content: "" } .c-glyph.glyph-status-circle-info:before { content: "" } .c-glyph.glyph-status-circle-block:before { content: "" } .c-glyph.glyph-status-circle-question:before { content: "" } .c-glyph.glyph-zoom:before { content: "" } .c-glyph.glyph-zoom-out:before { content: "" } .c-glyph.glyph-back:before { content: "" } .c-glyph.glyph-favorite-star:before { content: "" } .c-glyph.glyph-favorite-star-fill:before { content: "" } .c-glyph.glyph-checkbox-composite:before { content: "" } .c-glyph.glyph-checkbox-indeterminate:before { content: "" } .c-glyph.glyph-slideshow:before { content: "" } .c-glyph.glyph-calendar:before { content: "" } .c-glyph.glyph-rotate:before { content: "" } .c-glyph.glyph-page:before { content: "" } .c-glyph.glyph-half-star-left:before { content: "" } .c-glyph.glyph-half-star-right:before { content: "" } .c-glyph.glyph-view:before { content: "" } .c-glyph.glyph-previous:before { content: "" } .c-glyph.glyph-next:before { content: "" } .c-glyph.glyph-clear:before { content: "" } .c-glyph.glyph-sync:before { content: "" } .c-glyph.glyph-go:before { content: "" } .c-glyph.glyph-shopping-bag:before { content: "" } .c-glyph.glyph-shuffle:before { content: "" } .c-glyph.glyph-calendar-day:before { content: "" } .c-glyph.glyph-calendar-week:before { content: "" } .c-glyph.glyph-important:before { content: "" } .c-glyph.glyph-sort:before { content: "" } .c-glyph.glyph-font-decrease:before { content: "" } .c-glyph.glyph-font-increase:before { content: "" } .c-glyph.glyph-bulleted-list:before { content: "" } .c-glyph.glyph-music-album:before { content: "" } .c-glyph.glyph-bulleted-list-mirrored:before { content: "" } .c-glyph.glyph-go-mirrored:before { content: "" } .c-glyph.glyph-edit-mirrored:before { content: "" } .c-glyph.glyph-qrcode:before { content: "" } .c-glyph.glyph-calendar-mirrored:before { content: "" } .c-glyph.glyph-xbox-gamepass:before { content: "" } .c-glyph.glyph-xbox-gold:before { content: "" } .c-glyph.glyph-pinned:before { content: "" } .c-glyph.glyph-gamehub:before { content: "" } .c-glyph.glyph-xbox-logo:before { content: "" } .c-glyph.glyph-devices2:before { content: "" } .c-glyph.glyph-devices3:before { content: "" } .c-glyph.glyph-holo-lens2:before { content: "" } .c-glyph.glyph-circleplus:before { content: "" } .c-glyph.glyph-remove-from:before { content: "" } .c-glyph.glyph-airplane:before { content: "" } .c-glyph.glyph-book:before { content: "" } .c-glyph.glyph-library:before { content: "" } .c-glyph.glyph-work:before { content: "" } .c-glyph.glyph-heart:before { content: "" } .c-glyph.glyph-shop:before { content: "" } .c-glyph.glyph-education:before { content: "" } .c-glyph.glyph-balloons:before { content: "" } .c-glyph.glyph-leaf:before { content: "" } .c-glyph.glyph-xbox-controller:before { content: "" } .c-glyph.glyph-camera-main:before { content: "" } .c-glyph.glyph-telemarketer:before { content: "" } .c-glyph.glyph-video:before { content: "" } .c-glyph.glyph-diploma:before { content: "" } .c-glyph.glyph-podium:before { content: "" } .c-glyph.glyph-giftcard:before { content: "" } .c-glyph.glyph-brush:before { content: "" } .c-glyph.glyph-enhanced-pop:before { content: "" } .c-glyph.glyph-color-palette:before { content: "" } .c-glyph.glyph-torch:before { content: "" } .c-glyph.glyph-movies-tv:before { content: "" } .c-glyph.glyph-football:before { content: "" } .c-glyph.glyph-savings:before { content: "" } .c-glyph.glyph-glasses:before { content: "" } .c-glyph.glyph-money:before { content: "" } .c-glyph.glyph-trophy:before { content: "" } .c-group { display: -ms-flexbox; display: flex; position: relative; flex-wrap: nowrap; padding: 1px } .c-group.f-wrap-items { flex-wrap: wrap; -ms-flex-wrap: wrap } .c-group.f-wrap-items > .m-channel-placement-item { align-self: flex-end } .c-group.f-wrap-items > .m-product-placement-item, .c-group.f-wrap-items > .c-product-placement { display: inline-block } @media only screen and (max-width:539px) { .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium, .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium { width: calc(50% - 24px) } .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium picture img, .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium picture img { width: 100% } } .c-group.f-wrap-items .context-list-page .m-product-placement-item { padding-bottom: 48px } .c-group > .c-call-to-action { margin-right: 4px } .c-group > .c-action-trigger { padding-right: 24px } .c-group > .c-action-trigger:last-child { padding-right: 0 } .c-group > .c-select-button { margin-top: 8px; width: 250px } @media only screen and (min-width:320px) { .c-group button.c-button, .c-group a.c-button[role="button"] { margin-right: 4px } } @media only screen and (min-width:540px) { .c-group button.c-button, .c-group a.c-button[role="button"] { margin-right: 8px } } img.c-image, picture.c-image img { display: block; margin: 0; max-width: 100%; height: auto } img.c-image.f-round { border-radius: 50% } picture.c-image { display: block } picture.c-image.f-pad-bottom-3x, img.c-image.f-pad-bottom-3x { padding-bottom: 12px } picture.c-image.f-pad-bottom-6x, img.c-image.f-pad-bottom-6x { padding-bottom: 24px } picture.c-image.f-pad-top-3x, img.c-image.f-pad-top-3x { padding-top: 12px } picture.c-image.f-pad-top-6x, img.c-image.f-pad-top-6x { padding-top: 24px } picture.c-image.f-pad-vertical-3x, img.c-image.f-pad-vertical-3x { padding: 12px 0 } picture.c-image.f-pad-vertical-6x, img.c-image.f-pad-vertical-6x { padding: 24px 0 } picture.c-image.f-pad-left-3x, img.c-image.f-pad-left-3x { padding-left: 12px } picture.c-image.f-pad-left-6x, img.c-image.f-pad-left-6x { padding-left: 24px } picture.c-image.f-pad-right-3x, img.c-image.f-pad-right-3x { padding-right: 12px } picture.c-image.f-pad-right-6x, img.c-image.f-pad-right-6x { padding-right: 24px } picture.c-image.f-pad-horizontal-3x, img.c-image.f-pad-horizontal-3x { padding-left: 12px; padding-right: 12px } picture.c-image.f-pad-horizontal-6x, img.c-image.f-pad-horizontal-6x { padding-left: 24px; padding-right: 24px } .c-list { font-size: 15px; line-height: 20px; padding-left: 19px; padding-right: 0; margin: 8px 0; list-style-position: outside } .c-list li { padding: 8px 0 } .c-list.f-lean li { padding: 0 } .c-list.f-bare { padding-left: 0; list-style-type: none } ul.c-list { list-style-type: disc } ol.c-list { list-style-type: decimal } .c-logo img + span { 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 } .m-auto-suggest .c-menu-item { background: inherit } .m-auto-suggest .c-menu-item a, .m-auto-suggest .c-menu-item span, .m-auto-suggest .c-menu-item button { display: block; background: rgba(0,0,0,.05); padding: 11px 12px 13px; outline: 0; cursor: pointer; white-space: normal } .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 { background: rgba(0,0,0,.1) } @media screen and (-ms-high-contrast) { .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 { -ms-high-contrast-adjust: none; color: buttonFace !important; background-color: Highlight !important } } .m-auto-suggest .c-menu-item a:focus, .m-auto-suggest .c-menu-item span:focus, .m-auto-suggest .c-menu-item button:focus { outline: 1px dashed #000 } .m-auto-suggest .c-menu-item a:active, .m-auto-suggest .c-menu-item span:active, .m-auto-suggest .c-menu-item button:active { background: rgba(0,0,0,.3) } .m-auto-suggest .c-menu-item a.f-context-action-trigger, .m-auto-suggest .c-menu-item span.f-context-action-trigger, .m-auto-suggest .c-menu-item button.f-context-action-trigger { color: #0067b8 } .m-auto-suggest .c-menu-item a.f-icon img, .m-auto-suggest .c-menu-item span.f-icon img, .m-auto-suggest .c-menu-item button.f-icon img { width: 40px; height: 22px; display: inline-block; padding-right: 16px } .m-auto-suggest .c-menu-item a.f-icon p, .m-auto-suggest .c-menu-item span.f-icon p, .m-auto-suggest .c-menu-item button.f-icon p { display: inline-block; width: calc(100% - 40px); color: inherit; vertical-align: middle } .m-auto-suggest .c-menu-item a[aria-checked="true"], .m-auto-suggest .c-menu-item a[aria-selected="true"], .m-auto-suggest .c-menu-item span[aria-checked="true"], .m-auto-suggest .c-menu-item span[aria-selected="true"], .m-auto-suggest .c-menu-item button[aria-checked="true"], .m-auto-suggest .c-menu-item button[aria-selected="true"] { background: #0067b8; color: #fff } @media screen and (-ms-high-contrast) { .m-auto-suggest .c-menu-item a[aria-checked="true"], .m-auto-suggest .c-menu-item a[aria-selected="true"], .m-auto-suggest .c-menu-item span[aria-checked="true"], .m-auto-suggest .c-menu-item span[aria-selected="true"], .m-auto-suggest .c-menu-item button[aria-checked="true"], .m-auto-suggest .c-menu-item button[aria-selected="true"] { color: buttonFace !important; background-color: Highlight !important } } @media screen and (-ms-high-contrast) { .m-auto-suggest .c-menu-item a, .m-auto-suggest .c-menu-item span, .m-auto-suggest .c-menu-item button { color: buttonFace !important } } .theme-light .m-auto-suggest .c-menu-item a, .theme-dark .theme-light .m-auto-suggest .c-menu-item a, .theme-light .m-auto-suggest .c-menu-item span, .theme-dark .theme-light .m-auto-suggest .c-menu-item span, .theme-light .m-auto-suggest .c-menu-item button, .theme-dark .theme-light .m-auto-suggest .c-menu-item button { background: rgba(0,0,0,.05); color: rgba(0,0,0,.8) } .theme-light .m-auto-suggest .c-menu-item a:hover, .theme-light .m-auto-suggest .c-menu-item a:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item a:hover, .theme-dark .theme-light .m-auto-suggest .c-menu-item a:focus, .theme-light .m-auto-suggest .c-menu-item span:hover, .theme-light .m-auto-suggest .c-menu-item span:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item span:hover, .theme-dark .theme-light .m-auto-suggest .c-menu-item span:focus, .theme-light .m-auto-suggest .c-menu-item button:hover, .theme-light .m-auto-suggest .c-menu-item button:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item button:hover, .theme-dark .theme-light .m-auto-suggest .c-menu-item button:focus { background: rgba(0,0,0,.1); color: #000 } .theme-light .m-auto-suggest .c-menu-item a:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item a:focus, .theme-light .m-auto-suggest .c-menu-item span:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item span:focus, .theme-light .m-auto-suggest .c-menu-item button:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item button:focus { outline: 1px dashed #000 } .theme-light .m-auto-suggest .c-menu-item a:active, .theme-dark .theme-light .m-auto-suggest .c-menu-item a:active, .theme-light .m-auto-suggest .c-menu-item span:active, .theme-dark .theme-light .m-auto-suggest .c-menu-item span:active, .theme-light .m-auto-suggest .c-menu-item button:active, .theme-dark .theme-light .m-auto-suggest .c-menu-item button:active { background: rgba(0,0,0,.3); color: #000 } .theme-light .m-auto-suggest .c-menu-item a[aria-checked="true"], .theme-light .m-auto-suggest .c-menu-item a[aria-selected="true"], .theme-dark .theme-light .m-auto-suggest .c-menu-item a[aria-checked="true"], .theme-dark .theme-light .m-auto-suggest .c-menu-item a[aria-selected="true"], .theme-light .m-auto-suggest .c-menu-item span[aria-checked="true"], .theme-light .m-auto-suggest .c-menu-item span[aria-selected="true"], .theme-dark .theme-light .m-auto-suggest .c-menu-item span[aria-checked="true"], .theme-dark .theme-light .m-auto-suggest .c-menu-item span[aria-selected="true"], .theme-light .m-auto-suggest .c-menu-item button[aria-checked="true"], .theme-light .m-auto-suggest .c-menu-item button[aria-selected="true"], .theme-dark .theme-light .m-auto-suggest .c-menu-item button[aria-checked="true"], .theme-dark .theme-light .m-auto-suggest .c-menu-item button[aria-selected="true"] { background: #0067b8; color: #fff } .theme-light .m-auto-suggest .c-menu-item a[aria-checked="true"]:hover, .theme-light .m-auto-suggest .c-menu-item a[aria-checked="true"]:focus, .theme-light .m-auto-suggest .c-menu-item a[aria-selected="true"]:hover, .theme-light .m-auto-suggest .c-menu-item a[aria-selected="true"]:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item a[aria-checked="true"]:hover, .theme-dark .theme-light .m-auto-suggest .c-menu-item a[aria-checked="true"]:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item a[aria-selected="true"]:hover, .theme-dark .theme-light .m-auto-suggest .c-menu-item a[aria-selected="true"]:focus, .theme-light .m-auto-suggest .c-menu-item span[aria-checked="true"]:hover, .theme-light .m-auto-suggest .c-menu-item span[aria-checked="true"]:focus, .theme-light .m-auto-suggest .c-menu-item span[aria-selected="true"]:hover, .theme-light .m-auto-suggest .c-menu-item span[aria-selected="true"]:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item span[aria-checked="true"]:hover, .theme-dark .theme-light .m-auto-suggest .c-menu-item span[aria-checked="true"]:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item span[aria-selected="true"]:hover, .theme-dark .theme-light .m-auto-suggest .c-menu-item span[aria-selected="true"]:focus, .theme-light .m-auto-suggest .c-menu-item button[aria-checked="true"]:hover, .theme-light .m-auto-suggest .c-menu-item button[aria-checked="true"]:focus, .theme-light .m-auto-suggest .c-menu-item button[aria-selected="true"]:hover, .theme-light .m-auto-suggest .c-menu-item button[aria-selected="true"]:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item button[aria-checked="true"]:hover, .theme-dark .theme-light .m-auto-suggest .c-menu-item button[aria-checked="true"]:focus, .theme-dark .theme-light .m-auto-suggest .c-menu-item button[aria-selected="true"]:hover, .theme-dark .theme-light .m-auto-suggest .c-menu-item button[aria-selected="true"]:focus { background: #0067b8; color: #fff; outline-color: #000 } .theme-dark .m-auto-suggest .c-menu-item a, .theme-light .theme-dark .m-auto-suggest .c-menu-item a, .theme-dark .m-auto-suggest .c-menu-item span, .theme-light .theme-dark .m-auto-suggest .c-menu-item span, .theme-dark .m-auto-suggest .c-menu-item button, .theme-light .theme-dark .m-auto-suggest .c-menu-item button { background: #262626; color: rgba(255,255,255,.8) } .theme-dark .m-auto-suggest .c-menu-item a:hover, .theme-dark .m-auto-suggest .c-menu-item a:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item a:hover, .theme-light .theme-dark .m-auto-suggest .c-menu-item a:focus, .theme-dark .m-auto-suggest .c-menu-item span:hover, .theme-dark .m-auto-suggest .c-menu-item span:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item span:hover, .theme-light .theme-dark .m-auto-suggest .c-menu-item span:focus, .theme-dark .m-auto-suggest .c-menu-item button:hover, .theme-dark .m-auto-suggest .c-menu-item button:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item button:hover, .theme-light .theme-dark .m-auto-suggest .c-menu-item button:focus { background: #666; color: #fff } .theme-dark .m-auto-suggest .c-menu-item a:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item a:focus, .theme-dark .m-auto-suggest .c-menu-item span:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item span:focus, .theme-dark .m-auto-suggest .c-menu-item button:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item button:focus { outline: 1px dashed #fff } .theme-dark .m-auto-suggest .c-menu-item a:active, .theme-light .theme-dark .m-auto-suggest .c-menu-item a:active, .theme-dark .m-auto-suggest .c-menu-item span:active, .theme-light .theme-dark .m-auto-suggest .c-menu-item span:active, .theme-dark .m-auto-suggest .c-menu-item button:active, .theme-light .theme-dark .m-auto-suggest .c-menu-item button:active { background: #999; color: #fff } .theme-dark .m-auto-suggest .c-menu-item a[aria-checked="true"], .theme-dark .m-auto-suggest .c-menu-item a[aria-selected="true"], .theme-light .theme-dark .m-auto-suggest .c-menu-item a[aria-checked="true"], .theme-light .theme-dark .m-auto-suggest .c-menu-item a[aria-selected="true"], .theme-dark .m-auto-suggest .c-menu-item span[aria-checked="true"], .theme-dark .m-auto-suggest .c-menu-item span[aria-selected="true"], .theme-light .theme-dark .m-auto-suggest .c-menu-item span[aria-checked="true"], .theme-light .theme-dark .m-auto-suggest .c-menu-item span[aria-selected="true"], .theme-dark .m-auto-suggest .c-menu-item button[aria-checked="true"], .theme-dark .m-auto-suggest .c-menu-item button[aria-selected="true"], .theme-light .theme-dark .m-auto-suggest .c-menu-item button[aria-checked="true"], .theme-light .theme-dark .m-auto-suggest .c-menu-item button[aria-selected="true"] { background: #0067b8; color: #fff } .theme-dark .m-auto-suggest .c-menu-item a[aria-checked="true"]:hover, .theme-dark .m-auto-suggest .c-menu-item a[aria-checked="true"]:focus, .theme-dark .m-auto-suggest .c-menu-item a[aria-selected="true"]:hover, .theme-dark .m-auto-suggest .c-menu-item a[aria-selected="true"]:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item a[aria-checked="true"]:hover, .theme-light .theme-dark .m-auto-suggest .c-menu-item a[aria-checked="true"]:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item a[aria-selected="true"]:hover, .theme-light .theme-dark .m-auto-suggest .c-menu-item a[aria-selected="true"]:focus, .theme-dark .m-auto-suggest .c-menu-item span[aria-checked="true"]:hover, .theme-dark .m-auto-suggest .c-menu-item span[aria-checked="true"]:focus, .theme-dark .m-auto-suggest .c-menu-item span[aria-selected="true"]:hover, .theme-dark .m-auto-suggest .c-menu-item span[aria-selected="true"]:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item span[aria-checked="true"]:hover, .theme-light .theme-dark .m-auto-suggest .c-menu-item span[aria-checked="true"]:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item span[aria-selected="true"]:hover, .theme-light .theme-dark .m-auto-suggest .c-menu-item span[aria-selected="true"]:focus, .theme-dark .m-auto-suggest .c-menu-item button[aria-checked="true"]:hover, .theme-dark .m-auto-suggest .c-menu-item button[aria-checked="true"]:focus, .theme-dark .m-auto-suggest .c-menu-item button[aria-selected="true"]:hover, .theme-dark .m-auto-suggest .c-menu-item button[aria-selected="true"]:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item button[aria-checked="true"]:hover, .theme-light .theme-dark .m-auto-suggest .c-menu-item button[aria-checked="true"]:focus, .theme-light .theme-dark .m-auto-suggest .c-menu-item button[aria-selected="true"]:hover, .theme-light .theme-dark .m-auto-suggest .c-menu-item button[aria-selected="true"]:focus { background: #0067b8; color: #fff; outline-color: #fff } .m-auto-suggest .c-menu-item .c-radio { background: rgba(0,0,0,.1) } .m-auto-suggest .c-menu-item .c-radio span { background: none } .m-auto-suggest .c-menu-item .c-radio input[type="radio"]:checked + span:after { top: 16px; left: 16px } .m-auto-suggest .c-menu-item .c-radio input[type="radio"] + span { display: block; padding-left: 40px; margin-left: 0 } .m-auto-suggest .c-menu-item .c-radio input[type="radio"] + span:before { top: 11px; left: 11px } .m-auto-suggest .c-menu-item .c-radio .c-label { display: block; margin: 0 } .m-auto-suggest .c-menu-item[aria-disabled="true"] a, .m-auto-suggest .c-menu-item[aria-disabled="true"] a:hover, .m-auto-suggest .c-menu-item[aria-disabled="true"] a:focus, .m-auto-suggest .c-menu-item[aria-disabled="true"] a:active, .m-auto-suggest .c-menu-item[aria-disabled="true"] span, .m-auto-suggest .c-menu-item[aria-disabled="true"] span:hover, .m-auto-suggest .c-menu-item[aria-disabled="true"] span:focus, .m-auto-suggest .c-menu-item[aria-disabled="true"] span:active, .m-auto-suggest .c-menu-item[aria-disabled="true"] button, .m-auto-suggest .c-menu-item[aria-disabled="true"] button:hover, .m-auto-suggest .c-menu-item[aria-disabled="true"] button:focus, .m-auto-suggest .c-menu-item[aria-disabled="true"] button:active { background-color: rgba(0,0,0,.05); color: rgba(0,0,0,.2); cursor: not-allowed } .m-auto-suggest .c-menu-item.f-sub-menu > a, .m-auto-suggest .c-menu-item.f-sub-menu > button { position: relative } .m-auto-suggest .c-menu-item.f-sub-menu > a:after, .m-auto-suggest .c-menu-item.f-sub-menu > button:after { font-family: "MWF-MDL2"; content: ""; position: absolute; font-size: 6px; right: 12px; top: 19px } .m-auto-suggest .c-menu-item.f-sub-menu > a + .c-menu, .m-auto-suggest .c-menu-item.f-sub-menu > button + .c-menu { display: none; position: absolute; left: 100%; top: 0 } .m-auto-suggest .c-menu-item.f-sub-menu > a + .c-menu.f-flip, .m-auto-suggest .c-menu-item.f-sub-menu > button + .c-menu.f-flip { left: -100% } .no-js .m-auto-suggest .c-menu-item.f-sub-menu > a:focus + .c-menu, .no-js .m-auto-suggest .c-menu-item.f-sub-menu > a:hover + .c-menu, .js .m-auto-suggest .c-menu-item.f-sub-menu > a[aria-expanded="true"] + .c-menu[aria-hidden="false"], .no-js .m-auto-suggest .c-menu-item.f-sub-menu > button:focus + .c-menu, .no-js .m-auto-suggest .c-menu-item.f-sub-menu > button:hover + .c-menu, .js .m-auto-suggest .c-menu-item.f-sub-menu > button[aria-expanded="true"] + .c-menu[aria-hidden="false"] { display: block; animation: fadeIn .3s cubic-bezier(.68,-.55,.265,1.55) } .m-auto-suggest .c-menu-item a.f-product { padding: 8px 12px; overflow: hidden } .m-auto-suggest .c-menu-item a.f-product .c-image { background: #737373; width: 40px; vertical-align: top; float: left } .m-auto-suggest .c-menu-item a.f-product div { overflow: hidden; height: 100% } .m-auto-suggest .c-menu-item a.f-product span { padding: 0 0 0 10px; background: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .m-auto-suggest .c-menu-item a.f-product span:hover { background: none } .c-meta-text { color: #666 } .theme-light .c-meta-text, .theme-dark .theme-light .c-meta-text { color: rgba(0,0,0,.6) } .theme-dark .c-meta-text, .theme-light .theme-dark .c-meta-text { color: rgba(255,255,255,.6) } [class*="c-paragraph"].f-lean { padding: 0 } .c-search { position: relative; min-width: 92px; max-width: 296px; height: 38px; margin-top: 20px } .c-search input[type="search"], .c-search button { float: left; height: 100%; outline: 0; background-color: #fff } .c-search input[type="search"] { box-sizing: border-box; width: 100%; height: 100%; padding: 7px 10px; padding-right: 38px; border: 1px solid rgba(0,0,0,.6) } .c-search input[type="search"]:hover { border-color: rgba(0,0,0,.8) } .c-search input[type="search"]:active, .c-search input[type="search"]:focus { border-color: #0067b8; border: 2px solid } .c-search input[type="search"]::-ms-clear { display: none } .c-search input[type="search"]::placeholder { color: rgba(0,0,0,.6) } .c-search button { position: absolute; top: 0; right: 0; width: 34px; height: 34px; margin: 2px 2px 1px 1px; padding: 9px; transition: color .1s,background-color .1s; border: 0 } .c-search button:hover { color: #0067b8 } .c-search button:active, .c-search button:focus { color: #fff; background: #0067b8; -ms-high-contrast-adjust: auto } @media screen and (-ms-high-contrast) { .c-search button:active, .c-search button:focus { color: window; background: windowText } } .c-search button:before { content: ""; text-indent: 0; font-size: 16px; -ms-high-contrast-adjust: none } @media screen and (-ms-high-contrast) { .c-search button:before { font-size: 22px; font-weight: 900; line-height: 18px; text-indent: -3PX } } @media screen and (-ms-high-contrast) { .c-search button { color: windowText; background: window } } .theme-light .c-search, .theme-dark .theme-light .c-search { color: #000 } .theme-light .c-search input[type="search"], .theme-dark .theme-light .c-search input[type="search"] { border-color: #000; background-color: rgba(255,255,255,.6) } .theme-light .c-search input[type="search"]:hover, .theme-dark .theme-light .c-search input[type="search"]:hover { border-color: rgba(0,0,0,.8); background-color: rgba(255,255,255,.8) } .theme-light .c-search input[type="search"]:active, .theme-light .c-search input[type="search"]:focus, .theme-dark .theme-light .c-search input[type="search"]:active, .theme-dark .theme-light .c-search input[type="search"]:focus { border-color: #000; background-color: #fff } .theme-light .c-search input[type="search"]::placeholder, .theme-dark .theme-light .c-search input[type="search"]::placeholder { color: rgba(0,0,0,.6) } .theme-light .c-search button, .theme-dark .theme-light .c-search button { background: transparent } .theme-light .c-search button:active, .theme-light .c-search button:focus, .theme-dark .theme-light .c-search button:active, .theme-dark .theme-light .c-search button:focus { color: #fff; background: #0067b8; -ms-high-contrast-adjust: auto } @media screen and (-ms-high-contrast) { .theme-light .c-search button:active, .theme-light .c-search button:focus, .theme-dark .theme-light .c-search button:active, .theme-dark .theme-light .c-search button:focus { color: window; background: windowText } } .theme-dark .c-search, .theme-light .theme-dark .c-search { color: #fff } .theme-dark .c-search input[type="search"], .theme-light .theme-dark .c-search input[type="search"] { border-color: #fff; background-color: rgba(0,0,0,.6) } .theme-dark .c-search input[type="search"]:hover, .theme-light .theme-dark .c-search input[type="search"]:hover { border-color: rgba(255,255,255,.8); background-color: rgba(0,0,0,.8) } .theme-dark .c-search input[type="search"]:active, .theme-dark .c-search input[type="search"]:focus, .theme-light .theme-dark .c-search input[type="search"]:active, .theme-light .theme-dark .c-search input[type="search"]:focus { border-color: #fff; background-color: #000 } .theme-dark .c-search input[type="search"]::placeholder, .theme-light .theme-dark .c-search input[type="search"]::placeholder { color: rgba(255,255,255,.6) } .theme-dark .c-search button, .theme-light .theme-dark .c-search button { background: transparent } .theme-dark .c-search button:active, .theme-dark .c-search button:focus, .theme-light .theme-dark .c-search button:active, .theme-light .theme-dark .c-search button:focus { color: #fff; background: #0067b8; -ms-high-contrast-adjust: auto } @media screen and (-ms-high-contrast) { .theme-dark .c-search button:active, .theme-dark .c-search button:focus, .theme-light .theme-dark .c-search button:active, .theme-light .theme-dark .c-search button:focus { color: window; background: windowText } } .context-uhf.f-transparent { background-color: transparent } .context-uhf a.c-action-trigger { color: #0067b8 } .m-auto-suggest, .c-auto-suggest { padding-left: 0; padding-right: 0; padding-top: 0; display: block } .m-auto-suggest .c-menu, .c-auto-suggest .c-menu { position: absolute; width: 100%; background: #fff; border-top: 1px solid; border-color: rgba(0,0,0,.2) } .m-auto-suggest .c-menu .c-menu-item, .c-auto-suggest .c-menu .c-menu-item { position: static } .m-auto-suggest .c-menu .c-menu-item > span, .m-auto-suggest .c-menu .c-menu-item > a, .c-auto-suggest .c-menu .c-menu-item > span, .c-auto-suggest .c-menu .c-menu-item > a { background: #fff } .m-auto-suggest .c-menu .c-menu-item > span:hover, .m-auto-suggest .c-menu .c-menu-item > span:focus, .m-auto-suggest .c-menu .c-menu-item > a:hover, .m-auto-suggest .c-menu .c-menu-item > a:focus, .c-auto-suggest .c-menu .c-menu-item > span:hover, .c-auto-suggest .c-menu .c-menu-item > span:focus, .c-auto-suggest .c-menu .c-menu-item > a:hover, .c-auto-suggest .c-menu .c-menu-item > a:focus { background: rgba(0,0,0,.1) } .m-auto-suggest .c-menu[aria-hidden="true"], .c-auto-suggest .c-menu[aria-hidden="true"] { display: none } .m-auto-suggest .c-menu[data-js-auto-suggest-position="default"], .c-auto-suggest .c-menu[data-js-auto-suggest-position="default"] { top: 38px } .m-auto-suggest .c-menu[data-js-auto-suggest-position="above"], .c-auto-suggest .c-menu[data-js-auto-suggest-position="above"] { bottom: 100% } .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span, .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span { color: rgba(0,0,0,.6) } .m-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="default"], .c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="default"] { top: 38px } .m-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="above"], .c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="above"] { bottom: 100% } .m-auto-suggest .c-menu.f-auto-suggest-scroll, .c-auto-suggest .c-menu.f-auto-suggest-scroll { overflow-y: auto; max-height: none } .theme-light .m-auto-suggest .c-menu, .theme-dark .theme-light .m-auto-suggest .c-menu, .theme-light .c-auto-suggest .c-menu, .theme-dark .theme-light .c-auto-suggest .c-menu { border-color: #d2d2d2 } .theme-light .m-auto-suggest .c-menu .c-menu-item > span, .theme-light .m-auto-suggest .c-menu .c-menu-item > a, .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > span, .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > a, .theme-light .c-auto-suggest .c-menu .c-menu-item > span, .theme-light .c-auto-suggest .c-menu .c-menu-item > a, .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > span, .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > a { background: #fff } .theme-light .m-auto-suggest .c-menu .c-menu-item > span:hover, .theme-light .m-auto-suggest .c-menu .c-menu-item > span:focus, .theme-light .m-auto-suggest .c-menu .c-menu-item > a:hover, .theme-light .m-auto-suggest .c-menu .c-menu-item > a:focus, .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > span:hover, .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > span:focus, .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > a:hover, .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > a:focus, .theme-light .c-auto-suggest .c-menu .c-menu-item > span:hover, .theme-light .c-auto-suggest .c-menu .c-menu-item > span:focus, .theme-light .c-auto-suggest .c-menu .c-menu-item > a:hover, .theme-light .c-auto-suggest .c-menu .c-menu-item > a:focus, .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > span:hover, .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > span:focus, .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > a:hover, .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > a:focus { background: #e6e6e6 } .theme-light .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span, .theme-dark .theme-light .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span, .theme-light .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span, .theme-dark .theme-light .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span { color: #505050 } .theme-dark .m-auto-suggest .c-menu, .theme-light .theme-dark .m-auto-suggest .c-menu, .theme-dark .c-auto-suggest .c-menu, .theme-light .theme-dark .c-auto-suggest .c-menu { border-color: #d2d2d2 } .theme-dark .m-auto-suggest .c-menu .c-menu-item > span, .theme-dark .m-auto-suggest .c-menu .c-menu-item > a, .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > span, .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > a, .theme-dark .c-auto-suggest .c-menu .c-menu-item > span, .theme-dark .c-auto-suggest .c-menu .c-menu-item > a, .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > span, .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > a { background: #000 } .theme-dark .m-auto-suggest .c-menu .c-menu-item > span:hover, .theme-dark .m-auto-suggest .c-menu .c-menu-item > span:focus, .theme-dark .m-auto-suggest .c-menu .c-menu-item > a:hover, .theme-dark .m-auto-suggest .c-menu .c-menu-item > a:focus, .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > span:hover, .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > span:focus, .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > a:hover, .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > a:focus, .theme-dark .c-auto-suggest .c-menu .c-menu-item > span:hover, .theme-dark .c-auto-suggest .c-menu .c-menu-item > span:focus, .theme-dark .c-auto-suggest .c-menu .c-menu-item > a:hover, .theme-dark .c-auto-suggest .c-menu .c-menu-item > a:focus, .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > span:hover, .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > span:focus, .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > a:hover, .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > a:focus { background: #1a1a1a } .theme-dark .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span, .theme-light .theme-dark .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span, .theme-dark .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span, .theme-light .theme-dark .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span { color: #919191 } .c-label + .c-auto-suggest.c-search, .c-label + .m-auto-suggest.c-search { margin-top: 0 } .c-alert[role="alert"], .m-alert[role="alert"] { padding-left: 0; padding-right: 0; padding-top: 0; margin-top: 24px; position: relative } .c-alert[role="alert"].f-information, .m-alert[role="alert"].f-information { background: #f2f2f2; color: #231f20 } .c-alert[role="alert"].f-warning, .m-alert[role="alert"].f-warning { background: #d02e00; color: #fff } .c-alert[role="alert"].f-warning .c-action-trigger, .m-alert[role="alert"].f-warning .c-action-trigger { color: #fff; text-decoration: underline } .c-alert[role="alert"].f-error, .m-alert[role="alert"].f-error { background: #fff999; color: #231f20 } .c-alert[role="alert"] .c-paragraph, .m-alert[role="alert"] .c-paragraph { vertical-align: middle; line-height: 24px } .c-alert[role="alert"] .c-glyph, .m-alert[role="alert"] .c-glyph { float: left; margin-top: 1px; margin-left: -8px; margin-right: 12px } .c-alert[role="alert"] .c-glyph:before, .m-alert[role="alert"] .c-glyph:before { font-size: 24px; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .c-alert[role="alert"] .c-glyph + .c-heading, .m-alert[role="alert"] .c-glyph + .c-heading { padding-top: 0 } .c-alert[role="alert"] .c-glyph ~ p.c-paragraph, .m-alert[role="alert"] .c-glyph ~ p.c-paragraph { margin-left: 28px } .c-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel, .m-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel { height: 48px; width: 48px; position: absolute; right: 1px; left: auto; top: 0; margin: 0; padding: 0; z-index: 1; float: right; color: currentColor } .c-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel:before, .m-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel:before { font-size: 15px } .c-alert[role="alert"] > div, .m-alert[role="alert"] > div { padding: 13px 48px 13px 20px; max-width: 1600px; margin: 0 auto; float: inherit } .c-alert[role="alert"] > div > .c-heading, .m-alert[role="alert"] > div > .c-heading { font-size: 18px; line-height: 24px; padding: 37px 0 3px; font-weight: 600; padding: 2px 0 8px } .c-alert[role="alert"] > div > .c-heading + .c-paragraph, .m-alert[role="alert"] > div > .c-heading + .c-paragraph { line-height: inherit } .c-alert[role="alert"] > div > .c-paragraph, .m-alert[role="alert"] > div > .c-paragraph { font-size: 13px; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 0; margin: 0 } @media(max-width:767px) { .c-alert[role="alert"] > div > .c-paragraph, .m-alert[role="alert"] > div > .c-paragraph { font-size: 12px } } .c-alert[role="alert"] > div > .c-paragraph .c-group, .m-alert[role="alert"] > div > .c-paragraph .c-group { overflow: visible; display: block; margin-left: -2px } .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger, .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger { font-size: 13px } @media(max-width:767px) { .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger, .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger { font-size: 12px } } .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger:first-child, .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger:first-child { padding: 0 10px 0 0 } .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger:last-child, .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger:last-child { padding: 0 4px 0 0 } @media only screen and (max-width:767px) { .c-alert[role="alert"] > div > .c-paragraph .c-group, .m-alert[role="alert"] > div > .c-paragraph .c-group { display: flex } .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger, .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger { margin-top: 0; vertical-align: baseline } } @media only screen and (min-width:768px) { .c-alert[role="alert"] > div > .c-paragraph .c-group, .m-alert[role="alert"] > div > .c-paragraph .c-group { display: inline; float: right } .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger, .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger { margin: -7px 0 0 } } .c-alert[role="alert"].f-fixed, .m-alert[role="alert"].f-fixed { margin-top: 0; z-index: 700 } .c-alert[role="alert"].f-fixed > div, .m-alert[role="alert"].f-fixed > div { max-width: none } a.m-skip-to-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -2 } a.m-skip-to-main:hover { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -2 } a.m-skip-to-main:focus, a.m-skip-to-main:active { background: #e6e6e6; color: #0067b8; position: fixed; top: 0; left: 0; padding: 24px; width: auto; height: auto; overflow: auto; right: 0; text-decoration: underline; text-align: center; z-index: 800; outline: none } a.m-skip-to-main:focus { border: 1px dashed #000 } .m-image { padding: 48px 0 0 } .m-image:before, .m-image:after { content: " "; display: table } .m-image:after { clear: both } .m-image.f-lean { padding: 0 } .m-image [class*="c-caption"] { color: rgba(0,0,0,.6) } @media screen and (min-width:320px) { .m-image [class*="c-caption"] { margin-left: 12px } } @media screen and (min-width:540px) { .m-image [class*="c-caption"] { margin-left: 24px } } .m-image .c-video { display: block } [class*="m-heading"] { clear: both } [class*="m-heading"].f-heavyweight .c-heading { font-weight: 700; opacity: .95 } [class*="m-heading"].f-pivot:not(.f-disabled) > a.f-active { font-weight: 600; color: #000; border-bottom: 2px solid #0067b8 } [class*="m-heading"].f-pivot:not(.f-disabled) > a.f-active:focus { background: rgba(0,103,184,.1) content-box } [class*="m-heading"].f-pivot:not(.f-disabled) > a:hover { color: rgba(0,0,0,.8) } [class*="m-heading"].f-pivot > a { display: inline-block; white-space: nowrap; margin: 0 12px; line-height: 34px; color: rgba(0,0,0,.6); font-weight: 400; -ms-transform: translateX(-12px); -webkit-transform: translateX(-12px); transform: translateX(-12px) } [class*="m-heading"].f-pivot > a:focus { outline: transparent } [class*="m-heading"].f-pivot.f-disabled > a { color: rgba(0,0,0,.2); cursor: not-allowed } [class*="m-heading"].f-pivot + [class^="m-"] { padding-top: 12px } [class*="m-heading"].f-select .c-select-menu { margin-right: 8px } [class*="m-heading"].f-select + [class^="m-"] { padding-top: 12px } [class*="m-heading"].f-action > .c-action-menu:first-of-type { margin-left: -8px } [class*="m-heading"].f-action > .c-action-menu:first-of-type > button.c-action-trigger { margin-top: 4px } [class*="m-heading"].f-action + [class^="m-"] { padding-top: 12px } [class*="m-heading"] .c-heading a.c-hyperlink { font-size: 15px; line-height: 20px; float: right; margin-left: 12px; font-weight: 400 } .m-heading-1 .c-heading { font-size: 62px; line-height: 72px; padding: 38px 0 6px; font-weight: 600; letter-spacing: -.01em; padding-top: 0 } .m-heading-1 .c-heading span + a.c-hyperlink { position: relative; margin-top: 45px; z-index: 100 } @media only screen and (max-width:767px) { .m-heading-1 .c-heading span + a.c-hyperlink { margin-top: 31px } } .m-heading-1 + [class*="m-"] { padding-top: 10px } @media only screen and (max-width:767px) { .m-heading-1 + [class*="m-"] { padding-top: 13px } } .m-heading-2 .c-heading { font-size: 46px; line-height: 56px; padding: 37px 0 3px; font-weight: 600; letter-spacing: -.01em; padding-top: 0 } .m-heading-2 .c-heading span + a.c-hyperlink { position: relative; margin-top: 31px; z-index: 100 } @media only screen and (max-width:767px) { .m-heading-2 .c-heading span + a.c-hyperlink { margin-top: 18px } } .m-heading-2 + [class*="m-"] { padding-top: 12px } @media only screen and (max-width:767px) { .m-heading-2 + [class*="m-"] { padding-top: 16px } } .m-heading-3 .c-heading { font-size: 34px; line-height: 40px; padding: 38px 0 2px; font-weight: 600; padding-top: 0 } .m-heading-3 .c-heading span + a.c-hyperlink { position: relative; margin-top: 18px; z-index: 100 } @media only screen and (max-width:767px) { .m-heading-3 .c-heading span + a.c-hyperlink { margin-top: 10px } } .m-heading-3 + [class*="m-"] { padding-top: 18px } @media only screen and (max-width:767px) { .m-heading-3 + [class*="m-"] { padding-top: 10px } } .m-heading-4 .c-heading { font-size: 24px; line-height: 28px; padding: 36px 0 4px; font-weight: 600; padding-top: 0 } .m-heading-4 .c-heading span + a.c-hyperlink { position: relative; margin-top: 8px; z-index: 100 } @media only screen and (max-width:767px) { .m-heading-4 .c-heading span + a.c-hyperlink { margin-top: 4px } } .m-heading-4 + [class*="m-"] { padding-top: 16px } @media only screen and (max-width:767px) { .m-heading-4 + [class*="m-"] { padding-top: 14px } } .m-heading-5 .c-heading { font-size: 20px; line-height: 24px; padding: 35px 0 5px; font-weight: 600; padding-top: 0 } .m-heading-5 .c-heading span + a.c-hyperlink { position: relative; margin-top: 4px; z-index: 100 } @media only screen and (max-width:767px) { .m-heading-5 .c-heading span + a.c-hyperlink { margin-top: 3px } } .m-heading-5 + [class*="m-"] { padding-top: 15px } .m-heading-6 .c-heading { font-size: 18px; line-height: 24px; padding: 37px 0 3px; font-weight: 600; padding-top: 0 } .m-heading-6 .c-heading span + a.c-hyperlink { position: relative; margin-top: 3px; z-index: 100 } @media only screen and (max-width:767px) { .m-heading-6 .c-heading span + a.c-hyperlink { margin-top: 0 } } .m-heading-6 + [class*="m-"] { padding-top: 17px } [class*="pad-heading"] + .pad-content-placement .m-content-placement, [class*="m-heading"] + .m-content-placement { position: relative; margin-top: -48px } [class*="pad-heading"] + .pad-product-placement .m-product-placement, [class*="m-heading"] + .m-product-placement { padding-top: 2px } @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 } } .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 }