a0'; padding-right: 0.5em; padding-left: 0.25em; color: #484848; } .btn { display: inline-block; font-weight: normal; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 2.2em; min-width: 2.2em; border: 1px solid transparent; transition: all .2s ease-in-out; padding: .15rem .75rem; font-size: 1rem; line-height: 2; } .btn:hover, .btn:focus { text-decoration: none; } .btn.disabled, .btn:disabled, fieldset[disabled] .btn { cursor: not-allowed; opacity: .75; } .btn:focus, .btn.active:focus, .btn:active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } .btn.active, .btn:active { background-image: none; outline: 0; } .btn:not(.btn-icon) svg { vertical-align: top; padding-top: 5px; padding-right: 2px; padding-bottom: 2px; } .btn-sm:not(.btn-icon) svg { padding-top: 2px; padding-bottom: 0; } @media (min-width: 62em) { .btn-sm:not(.btn-icon) svg { padding-top: 0; padding-bottom: 2px; margin-top: 3px; } } .btn-icon-only { width: 2.35rem; height: 2.4em; padding: 0.3125em; } .btn-clear svg { fill: #9d9d9d; } .btn-square-border { border-color: #c4c4c4; padding: 0.3125em; height: 2.5em; width: 2.5em; } .btn-square-border svg { fill: #484848; } .btn-square-border:hover, .btn-square-border:focus { border-color: #39b54a; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-ripple { position: relative; overflow: hidden; transform: translate3d(0, 0, 0); } .btn-ripple::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, #000 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform 0.5s, opacity 1s; } .btn-ripple:active::after { transform: scale(0, 0); opacity: 0.2; transition: 0s; } .btn-white, .btn-outline-primary { background-color: white; color: #484848; border-color: #c4c4c4; } .btn-white svg, .btn-outline-primary svg { fill: #484848; } .btn-white.active, .btn-white.focus, .btn-white:active, .btn-white:focus, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:focus { color: #39b54a; background-color: white; border-color: #39b54a; } .btn-white:hover, .btn-outline-primary:hover { color: #39b54a; background-color: white; border-color: #39b54a; } .btn-white.disabled:hover, .btn-white:disabled:hover, fieldset[disabled] .btn-white:hover, .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover, fieldset[disabled] .btn-outline-primary:hover { background-color: white; border-color: #c4c4c4; } .btn-white.disabled.focus, .btn-white.disabled:focus, .btn-white:disabled.focus, .btn-white:disabled:focus, fieldset[disabled] .btn-white.focus, fieldset[disabled] .btn-white:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary.disabled:focus, .btn-outline-primary:disabled.focus, .btn-outline-primary:disabled:focus, fieldset[disabled] .btn-outline-primary.focus, fieldset[disabled] .btn-outline-primary:focus { background-color: white; border-color: #c4c4c4; } .btn-white svg, .btn-outline-primary svg { fill: #39b54a; } .btn-white.active-link, .btn-outline-primary.active-link { color: #39b54a; border-color: #39b54a; } .btn-green { background-color: white; color: #39b54a; border-color: #39b54a; } .btn-green svg { fill: #39b54a; } .btn-green.active, .btn-green.focus, .btn-green:active, .btn-green:focus { color: white; background-color: #39b54a; border-color: #39b54a; } .btn-green:hover { color: white; background-color: #39b54a; border-color: #39b54a; } .btn-green.disabled:hover, .btn-green:disabled:hover, fieldset[disabled] .btn-green:hover { background-color: white; border-color: #39b54a; } .btn-green.disabled.focus, .btn-green.disabled:focus, .btn-green:disabled.focus, .btn-green:disabled:focus, fieldset[disabled] .btn-green.focus, fieldset[disabled] .btn-green:focus { background-color: white; border-color: #39b54a; } .btn-pink { background-color: white; color: #e72065; border-color: #e72065; } .btn-pink svg { fill: #e72065; } .btn-pink.active, .btn-pink.focus, .btn-pink:active, .btn-pink:focus { color: white; background-color: #e72065; border-color: #e72065; } .btn-pink:hover { color: white; background-color: #e72065; border-color: #e72065; } .btn-pink.disabled:hover, .btn-pink:disabled:hover, fieldset[disabled] .btn-pink:hover { background-color: white; border-color: #e72065; } .btn-pink.disabled.focus, .btn-pink.disabled:focus, .btn-pink:disabled.focus, .btn-pink:disabled:focus, fieldset[disabled] .btn-pink.focus, fieldset[disabled] .btn-pink:focus { background-color: white; border-color: #e72065; } .btn-blue { background-color: white; color: #3b83c0; border-color: #3b83c0; } .btn-blue svg { fill: #3b83c0; } .btn-blue.active, .btn-blue.focus, .btn-blue:active, .btn-blue:focus { color: white; background-color: #3b83c0; border-color: #3b83c0; } .btn-blue:hover { color: white; background-color: #3b83c0; border-color: #3b83c0; } .btn-blue.disabled:hover, .btn-blue:disabled:hover, fieldset[disabled] .btn-blue:hover { background-color: white; border-color: #3b83c0; } .btn-blue.disabled.focus, .btn-blue.disabled:focus, .btn-blue:disabled.focus, .btn-blue:disabled:focus, fieldset[disabled] .btn-blue.focus, fieldset[disabled] .btn-blue:focus { background-color: white; border-color: #3b83c0; } .btn-orange { background-color: white; color: #f68c1e; border-color: #f68c1e; } .btn-orange svg { fill: #f68c1e; } .btn-orange.active, .btn-orange.focus, .btn-orange:active, .btn-orange:focus { color: white; background-color: #f68c1e; border-color: #f68c1e; } .btn-orange:hover { color: white; background-color: #f68c1e; border-color: #f68c1e; } .btn-orange.disabled:hover, .btn-orange:disabled:hover, fieldset[disabled] .btn-orange:hover { background-color: white; border-color: #f68c1e; } .btn-orange.disabled.focus, .btn-orange.disabled:focus, .btn-orange:disabled.focus, .btn-orange:disabled:focus, fieldset[disabled] .btn-orange.focus, fieldset[disabled] .btn-orange:focus { background-color: white; border-color: #f68c1e; } .btn-full-pink { background-color: #e72065; color: white; border-color: #e72065; } .btn-full-pink svg { fill: white; } .btn-full-pink.active, .btn-full-pink.focus, .btn-full-pink:active, .btn-full-pink:focus { color: white; background-color: #f0739e; border-color: #f0739e; } .btn-full-pink:hover { color: white; background-color: #f0739e; border-color: #f0739e; } .btn-full-pink.disabled:hover, .btn-full-pink:disabled:hover, fieldset[disabled] .btn-full-pink:hover { background-color: #e72065; border-color: #e72065; } .btn-full-pink.disabled.focus, .btn-full-pink.disabled:focus, .btn-full-pink:disabled.focus, .btn-full-pink:disabled:focus, fieldset[disabled] .btn-full-pink.focus, fieldset[disabled] .btn-full-pink:focus { background-color: #e72065; border-color: #e72065; } .btn-full-green { background-color: #39b54a; color: white; border-color: #39b54a; } .btn-full-green svg { fill: white; } .btn-full-green.active, .btn-full-green.focus, .btn-full-green:active, .btn-full-green:focus { color: white; background-color: #76d483; border-color: #76d483; } .btn-full-green:hover { color: white; background-color: #76d483; border-color: #76d483; } .btn-full-green.disabled:hover, .btn-full-green:disabled:hover, fieldset[disabled] .btn-full-green:hover { background-color: #39b54a; border-color: #39b54a; } .btn-full-green.disabled.focus, .btn-full-green.disabled:focus, .btn-full-green:disabled.focus, .btn-full-green:disabled:focus, fieldset[disabled] .btn-full-green.focus, fieldset[disabled] .btn-full-green:focus { background-color: #39b54a; border-color: #39b54a; } .btn-full-blue { background-color: #3b83c0; color: white; border-color: #3b83c0; } .btn-full-blue svg { fill: white; } .btn-full-blue.active, .btn-full-blue.focus, .btn-full-blue:active, .btn-full-blue:focus { color: white; background-color: #7fafd8; border-color: #7fafd8; } .btn-full-blue:hover { color: white; background-color: #7fafd8; border-color: #7fafd8; } .btn-full-blue.disabled:hover, .btn-full-blue:disabled:hover, fieldset[disabled] .btn-full-blue:hover { background-color: #3b83c0; border-color: #3b83c0; } .btn-full-blue.disabled.focus, .btn-full-blue.disabled:focus, .btn-full-blue:disabled.focus, .btn-full-blue:disabled:focus, fieldset[disabled] .btn-full-blue.focus, fieldset[disabled] .btn-full-blue:focus { background-color: #3b83c0; border-color: #3b83c0; } .btn-full-purple { background-color: #506cb3; color: white; border-color: #506cb3; } .btn-full-purple svg { fill: white; } .btn-full-purple.active, .btn-full-purple.focus, .btn-full-purple:active, .btn-full-purple:focus { color: white; background-color: #90a2cf; border-color: #90a2cf; } .btn-full-purple:hover { color: white; background-color: #90a2cf; border-color: #90a2cf; } .btn-full-purple.disabled:hover, .btn-full-purple:disabled:hover, fieldset[disabled] .btn-full-purple:hover { background-color: #506cb3; border-color: #506cb3; } .btn-full-purple.disabled.focus, .btn-full-purple.disabled:focus, .btn-full-purple:disabled.focus, .btn-full-purple:disabled:focus, fieldset[disabled] .btn-full-purple.focus, fieldset[disabled] .btn-full-purple:focus { background-color: #506cb3; border-color: #506cb3; } .btn-full-orange { background-color: #f68c1e; color: white; border-color: #f68c1e; } .btn-full-orange svg { fill: white; } .btn-full-orange.active, .btn-full-orange.focus, .btn-full-orange:active, .btn-full-orange:focus { color: white; background-color: #fab976; border-color: #fab976; } .btn-full-orange:hover { color: white; background-color: #fab976; border-color: #fab976; } .btn-full-orange.disabled:hover, .btn-full-orange:disabled:hover, fieldset[disabled] .btn-full-orange:hover { background-color: #f68c1e; border-color: #f68c1e; } .btn-full-orange.disabled.focus, .btn-full-orange.disabled:focus, .btn-full-orange:disabled.focus, .btn-full-orange:disabled:focus, fieldset[disabled] .btn-full-orange.focus, fieldset[disabled] .btn-full-orange:focus { background-color: #f68c1e; border-color: #f68c1e; } .btn-link { color: #484848; font-weight: normal; cursor: pointer; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-link:hover, .btn-link:focus { background-color: transparent; color: #39b54a; text-decoration: none; } .btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled, fieldset[disabled] .btn-link { background-color: transparent; } .btn-link, .btn-link.active, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:disabled:hover, .btn-link:disabled:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #9d9d9d; text-decoration: none; } .btn-lg { padding: .35rem 1.15rem; font-size: 1.25rem; line-height: 2.2; } .btn-lg:not(.btn-icon) svg { vertical-align: middle; padding-top: 0; padding-right: 4px; padding-bottom: 4px; } @media (min-width: 62em) { .btn-lg svg { height: 40px; width: 40px; } } .btn-sm { padding: .1rem .75rem; font-size: 0.85rem; } .btn-block { display: block; width: 100%; } @media (max-width: 33.9375em) { .btn-block + .btn-block { margin-top: 0.3125em; } } input[type='button'].btn-block, input[type='reset'].btn-block, input[type='submit'].btn-block { width: 100%; } .card { position: relative; margin-bottom: 1em; background-color: white; } .card-shadow { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .card-block, .card-body { padding: 1em 1.25em; } .card-title { margin-top: 0; margin-bottom: 1em; } .card-header { margin: 0 1em; padding: 1.5em 0.25em 1em; border-bottom: 1px solid #c4c4c4; } .card-footer { margin: 0 1em; padding: 0.5em 0 0.75em; } .card-footer.bordered { padding-top: 1em; border-top: 1px solid #c4c4c4; } .card-img-bg { height: 100%; width: 100%; background-position: center center; background-size: cover; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; background-color: rgba(0, 0, 0, 0.25); color: white; border: 0 !important; } .card-img-overlay :hover, .card-img-overlay :focus { background-color: rgba(0, 0, 0, 0.45); color: #f2f2f2 !important; border: 0 !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .card-img-overlay .card-text, .card-img-overlay .card-title { max-width: 100%; } } ngb-accordion .card { margin-bottom: 0.3125em; } ngb-accordion .card-header { margin: 0; padding: .25em; border: 1px solid #c4c4c4; position: relative; } ngb-accordion .card-header:not(:last-child) { border-bottom-color: transparent; } ngb-accordion .card-header h5 { margin: 0; font-family: "Sailec-Regular", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } ngb-accordion .card-header h5 > .btn-link { overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; display: block; width: 100%; text-align: left; white-space: normal; transition: background 50ms ease; background-position: 98% 50%; background-repeat: no-repeat; background-size: 36px; background-image: url('data:image/svg+xml; utf8, '); } ngb-accordion .card-header h5 > .btn-link[aria-expanded=true] { color: #39b54a; background-image: url('data:image/svg+xml; utf8, '); } ngb-accordion .show .card-body { border-top: 1px solid #c4c4c4; } ngb-accordion .card-body { border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; } ngb-accordion .card-body:last-child { border-bottom: 1px solid #c4c4c4; } .dropwdown-wrap { display: inline-block; } .dropdown { position: relative; display: inline-block; } .dropdown-toggle::after { display: inline-block; content: ''; height: 0; width: 0; margin-left: 0.255em; vertical-align: 0.255em; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropdown-divider { height: 1px; margin: 0.3125em 0; overflow: hidden; background-color: #f1f2f2; } .dropdown-menu { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); display: none; position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; margin: 2px 0 0; padding: 5px 0; background-clip: padding-box; background-color: white; font-size: 1rem; list-style: none; text-align: left; border: 1px solid #c4c4c4; } .dropdown-item { display: block; clear: both; width: 100%; padding: 3px 20px; background: none; color: #484848; font-weight: normal; line-height: 1.5; text-align: inherit; text-decoration: none; white-space: nowrap; border: 0; } .dropdown-item:hover, .dropdown-item:focus { background-color: #f1f2f2; color: #39b54a; text-decoration: none; } .dropdown-item.active:hover, .dropdown-item.active:focus { background-color: #39b54a; color: white; text-decoration: none; outline: 0; } .dropdown-item.disabled:hover, .dropdown-item.disabled:focus { color: #9d9d9d; background-color: transparent; background-image: none; text-decoration: none; cursor: not-allowed; } .show > a { outline: 0; } .dropdown-menu.show { display: block; } .label { display: inline-block; padding: .4em .6em; color: white; font-size: inherit; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; } .label:empty { display: none; } .label .label-content { display: flex; align-items: center; } .label .label-icon { background-color: transparent; padding: 0; margin-right: 0.3125em; } a.label { border-bottom: 0; } a.label:hover, a.label:focus { color: white; text-decoration: none; border-bottom: 0; cursor: pointer; } .label-white { background-color: white; border: 1px solid #f7f7f7; color: #484848; } .label-white svg { fill: #555555; } .label-white svg:hover, .label-white svg:focus { fill: #3b3b3b; } .label-light-grey { background-color: #f1f2f2; border: 1px solid #e9ebeb; color: #484848; } .label-light-grey svg { fill: #555555; } .label-light-grey svg:hover, .label-light-grey svg:focus { fill: #3b3b3b; } .alert { border-radius: .05rem; margin-bottom: 1em; padding: 1em; border: 1px solid transparent; line-height: 1.35; } .alert > p { margin-bottom: 0; } .alert > p:not(:only-of-type) { margin-bottom: 0.3125em; } .alert-dismissible { position: relative; padding-right: 2.5em; } .alert-dismissible .close { position: absolute; top: 0; right: 0; color: inherit; opacity: .8; font-size: 1.5rem; height: 100%; padding-left: 0.5em; padding-right: 0.5em; background: transparent; border: 0; -webkit-appearance: none; cursor: pointer; } .alert-success { background-color: #cbefd0; color: #277b32; border-color: #b8e9bf; } .alert-success hr { border-top-color: #44c455; } .alert-success .close:hover, .alert-success .close:focus { color: #6ad078; } .alert-success .svg-icon { fill: #277b32; height: 22px; width: 22px; vertical-align: text-bottom; } .alert-success .alert-link { margin-left: 0.078125em; margin-right: 0.15625em; color: inherit; border-bottom-color: #277b32; } .alert-success .alert-link:hover, .alert-success .alert-link:focus { color: #4bc65c; border-bottom-color: #6ad078; } .alert-warning { background-color: #fef0e2; color: #c06508; border-color: #fde4ca; } .alert-warning hr { border-top-color: #f79937; } .alert-warning .close:hover, .alert-warning .close:focus { color: #f9b268; } .alert-warning .svg-icon { fill: #c06508; height: 22px; width: 22px; vertical-align: text-bottom; } .alert-warning .alert-link { margin-left: 0.078125em; margin-right: 0.15625em; color: inherit; border-bottom-color: #c06508; } .alert-warning .alert-link:hover, .alert-warning .alert-link:focus { color: #f79e40; border-bottom-color: #f9b268; } .alert-info { background-color: #e1ecf6; color: #3576ac; border-color: #c9ddee; } .alert-info hr { border-top-color: #9ac0e0; } .alert-info .close:hover, .alert-info .close:focus { color: #5494cb; } .alert-info .svg-icon { fill: #3576ac; height: 22px; width: 22px; vertical-align: text-bottom; } .alert-info .alert-link { margin-left: 0.078125em; margin-right: 0.15625em; color: inherit; border-bottom-color: #295b85; } .alert-info .alert-link:hover, .alert-info .alert-link:focus { color: #5494cb; border-bottom-color: #73a8d4; } .alert-danger { background-color: #f9ddde; color: #c21f27; border-color: #f5c3c5; } .alert-danger hr { border-top-color: #ed8e92; } .alert-danger .close:hover, .alert-danger .close:focus { color: #e03f46; } .alert-danger .svg-icon { fill: #c21f27; height: 22px; width: 22px; vertical-align: text-bottom; } .alert-danger .alert-link { margin-left: 0.078125em; margin-right: 0.15625em; color: inherit; border-bottom-color: #96181e; } .alert-danger .alert-link:hover, .alert-danger .alert-link:focus { color: #e03f46; border-bottom-color: #e66268; } .js header { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } @media (min-width: 34em) { .js .min { height: 50px; } .js .min .ov::after { top: 2px; height: 30px; } } header { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 0.15625em 0; background-color: white; transition: height 300ms ease; height: 50px; } @media (min-width: 34em) { header { height: 72px; } @supports (display: grid) { header:not(.min) .container { grid-template-columns: 105px auto; grid-template-rows: 65px; } } header:not(.min) .header-left { max-height: 100%; } } @supports (display: grid) { header .container { display: grid; grid-template-columns: 80px auto; grid-template-rows: 45px; grid-column-gap: 0.3125em; align-items: center; } } header .header-left.logo-only { justify-self: start; justify-self: flex-start; align-items: center; } @supports (display: grid) { header .header-left:not(.logo-only) { display: grid; grid-template-columns: 40px 40px; grid-column-gap: 0.3125em; justify-items: center; align-items: center; } @media (min-width: 34em) { header .header-left:not(.logo-only) { grid-template-columns: 40px 65px; } } } @supports not (display: grid) { header { display: flex; align-items: center; } header .container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } header .header-buttons { flex-grow: 1; } header .header-left { flex: 0 0 15%; display: flex; align-items: center; } @media (max-width: 33.9375em) { header .header-left { flex: 0 0 30%; } } header .header-left:not(.logo-only) .hamburger { flex: 0 0 2.2em; } header .header-left:not(.logo-only) .header-logo { flex: 0 0 75px; justify-content: center; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { header { display: flex; align-items: center; } header .container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; height: 100%; } header .header-buttons { flex-grow: 1; } header .header-left { flex: 0 0 15%; display: flex; align-items: center; } } @media all and (-ms-high-contrast: none) and (max-width: 33.9375em), (-ms-high-contrast: active) and (max-width: 33.9375em) { header .header-left { flex: 0 0 30%; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { header .header-left .hamburger { flex: 0 0 2.2em; } header .header-left .header-logo { flex: 0 0 75px; justify-content: center; } } .header-logo { min-height: 40px; height: 100%; max-height: 65px; display: flex; align-items: center; } .logo-link { display: inline-block; width: 40px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .logo-link { height: 40px; } } @media (min-width: 34em) { .logo-link { width: 65px; } } @media all and (min-width: 34em) and (-ms-high-contrast: none), (min-width: 34em) and (-ms-high-contrast: active) { .logo-link { width: 60px; height: 60px; margin-top: 5px; } } .logo-svg { will-change: transform; width: 100%; } @-moz-document url-prefix() { .logo-svg { width: 100%; } } @supports (display: grid) { .header-buttons { justify-self: end; } } @media (max-width: 47.9375em) { .header-buttons .cta { display: none; } } .btn-search-toggle { padding: 0; margin-right: 0.3125em; } .btn-search-toggle.open svg { fill: #39b54a; } .ov { position: relative; margin-right: 0.5em; margin-left: 0.5em; } .ov::after { position: absolute; top: -4px; right: -16px; content: ''; display: block; height: 46px; border-right: 1px solid #dee1e1; } .js #main-nav { position: fixed; top: 50px; left: 2%; z-index: 1050; width: 300px; height: auto; opacity: 0; transform: scale(0); transform-origin: left top; } @media (min-width: 34em) { .js #main-nav { top: 72px; } } @media (min-width: 90em) { .js #main-nav { left: 10%; } } @media (min-width: 118em) { .js #main-nav { left: 15%; } } @media (min-width: 3000px) { .js #main-nav { left: 20%; } } @media (max-width: 33.9375em) { .js #main-nav { height: 92%; height: calc(100% - 45px); width: 100%; left: 0; right: 0; padding-bottom: 1em; overflow-y: auto; overflow-x: hidden; } } .js #main-nav.open { opacity: 1; transform: scale(1); } @media (min-width: 34em) { .js .min #main-nav { top: 50px; } } #main-nav { padding: 0.3125em 1em; background-color: white; color: #484848; border: 1px solid #c4c4c4; } #main-nav li { margin-bottom: 1em; } #main-nav .current-location { display: flex; align-items: center; padding-top: 0.25em; border-bottom: 1px solid #c4c4c4; padding-bottom: 1em; } #main-nav .solutions-wrapper { border-bottom: 1px solid #c4c4c4; padding-bottom: 0.5em; } .main-nav-accordion .card-header { padding: 0 0 0.3125em 0; border: none !important; } .main-nav-accordion .card-header h5 > .btn-link { padding: 0 0 0.3125em 0; } .main-nav-accordion .card-body { padding: 0 0 0 0.3125em; border: none !important; } .hamburger { position: relative; padding: 0; transition: .5s ease-in-out; transform: rotate(0deg); } .hamburger span { display: block; position: absolute; left: 5px; width: 24px; height: 2px; background: #484848; opacity: 1; transition: .15s ease-in-out; transform: rotate(0deg); } .hamburger span:nth-child(1) { top: 9px; } .hamburger span:nth-child(2), .hamburger span:nth-child(3) { top: 17px; } .hamburger span:nth-child(4) { top: 25px; } .hamburger.open span:nth-child(1), .hamburger.open span:nth-child(4) { top: 17px; left: 50%; width: 0%; } .hamburger.open span:nth-child(2) { transform: rotate(45deg); } .hamburger.open span:nth-child(3) { transform: rotate(-45deg); } .hamburger.open span:nth-child(4) { top: 17px; left: 50%; width: 0%; } @-webkit-keyframes fadeIn { 50% { opacity: 0; height: 0; } 100% { opacity: 1; height: initial !important; } } @keyframes fadeIn { 50% { opacity: 0; height: 0; } 100% { opacity: 1; height: initial; } } .animation-fade { opacity: 0; height: 0; -webkit-animation: fadeIn .5s ease-in 5s normal forwards; -webkit-animation-iteration-count: 1; -moz-animation: fadeIn .5s ease-in 5s normal forwards; -moz-animation-iteration-count: 1; -o-animation: fadeIn .5s ease-in 5s normal forwards; -o-animation-iteration-count: 1; -webkit-animation: fadeIn .5s ease-in 5s 1 normal forwards running; animation: fadeIn .5s ease-in 5s 1 normal forwards running; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .animation-fade[data-agent*='MSIE 10.0'] { opacity: 1; height: auto; } @media (min-width: 62em) { .animation-fade.homepage { position: absolute; left: 0; right: 0; } } .header-outdated-alert .alert p { font-size: .85rem; } @media (max-width: 33.9375em) { .header-outdated-alert .svg-icon { display: none; } .header-outdated-alert strong { display: block; } .header-outdated-alert span:first-of-type { margin-bottom: 0.3125em; } } footer { position: relative; z-index: 3; width: 100%; background-color: white; color: #484848; padding: 1em; border-top: 1px solid rgba(196, 196, 196, 0.5); font-size: .90rem; } @media (max-width: 33.9375em) { footer { text-align: center; } } footer li a { border-bottom-color: #484848; border-bottom: transparent; } footer li a:hover, footer li a:focus { color: #39b54a; border-bottom: 1px solid #39b54a; } footer .partner-logos { margin-bottom: 0.3125em; } footer .partner-logos svg { margin: auto; } @media (max-width: 47.9375em) { footer .footer-corporate li, footer .footer-top li { margin-bottom: 1em; } } @media (max-width: 33.9375em) { @supports (display: grid) { footer .footer-connect ul { display: grid; grid-template-columns: repeat(3, 3em); grid-gap: 0.5em; width: 11em; margin: 0 auto; } } } .footer-bottom { margin-top: 1em; padding-top: 0.5em; } .footer-bottom.divider { border-top: 1px solid rgba(196, 196, 196, 0.5); } @media (max-width: 61.9375em) { .footer-bottom, .footer-top { text-align: center; } .footer-connect { margin-top: 1em; margin-bottom: 1em; } .partner-logos { justify-content: center; } } @media (min-width: 62em) { .footer-connect .btn-square-border { height: 2em; width: 2em; } } @media (min-width: 62em) { .EN .footer-top ul { display: flex; justify-content: space-between; } } @media (max-width: 33.9375em) { .EN .footer-corporate ul { -moz-column-count: 4; column-count: 4; } } @media (min-width: 75em) { .FR .footer-top ul { display: flex; justify-content: space-between; } } @media (min-width: 20em) and (max-width: 33.9375em) { .FR .footer-corporate ul { -moz-column-count: 4; column-count: 4; } } @media (min-width: 34em) { .footer-corporate ul { margin-left: -0.3125em; } .footer-corporate li { display: inline-block; padding-left: 0.3125em; padding-right: 0.3125em; } } @media (min-width: 34em) { @supports (display: grid) { .partner-logos { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1em; align-items: center; justify-items: start; grid-template-columns: repeat(2, minmax(auto, -webkit-max-content)); grid-template-columns: repeat(2, minmax(auto, max-content)); } .partner-logos a { justify-self: start; } } } @media (min-width: 62em) { @supports (display: grid) { .footer-bottom { display: grid; grid-template-columns: 6fr 4fr; grid-template-rows: auto; grid-column-gap: 0.3125em; grid-row-gap: 2.2em; } } } @supports not (display: grid) { .partner-logos { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } @media (min-width: 62em) { .partner-logos { justify-content: flex-start; } .footer-bottom { display: flex; flex-direction: row; flex-wrap: nowrap; } .footer-bottom .footer-link-column { flex: 0 0 60%; } .footer-bottom .footer-legal { flex: 0 0 40%; } } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .partner-logos { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } } @media all and (-ms-high-contrast: none) and (min-width: 62em), (-ms-high-contrast: active) and (min-width: 62em) { .partner-logos { justify-content: flex-start; } .footer-bottom { display: flex; flex-direction: row; flex-wrap: nowrap; } .footer-bottom .footer-link-column { flex: 0 0 60%; } .footer-bottom .footer-legal { flex: 0 0 40%; } } .search-form { position: relative; z-index: 5; background-color: white; margin: 0 auto; } @media (min-width: 48em) { .search-form .container { padding-left: 3.5em; } } .search-form .search-radios { background-color: #f1f2f2; border-bottom: 1px solid #dee1e1; border-top: 1px solid #dee1e1; } @media (max-width: 47.9375em) { .search-form .search-radios .btn-group { padding-right: 0; padding-left: 0; } } @supports (display: grid) { .search-form .search-radios .btn-group { display: grid; grid-template-columns: repeat(3, minmax(-webkit-min-content, 150px)); grid-template-columns: repeat(3, minmax(min-content, 150px)); } } @supports not (display: grid) { .search-form .search-radios .btn-group { display: flex; flex-direction: row; flex-wrap: nowrap; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search-form .search-radios .btn-group { display: flex; flex-direction: row; flex-wrap: nowrap; } } .search-form .radio-inline { padding: 0; position: relative; z-index: 2; } @supports not (display: grid) { .search-form .radio-inline { flex: 0 0 150px; } @media (max-width: 47.9375em) { .search-form .radio-inline { flex: 0 0 100px; } } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search-form .radio-inline { flex: 0 0 150px; } } @media all and (-ms-high-contrast: none) and (max-width: 47.9375em), (-ms-high-contrast: active) and (max-width: 47.9375em) { .search-form .radio-inline { flex: 0 0 100px; } } .search-form .radio-inline.line { position: relative; } .search-form .radio-inline.line::after { content: ''; position: absolute; top: 5px; right: 0; display: block; height: 75%; border-right: 1px solid #dee1e1; } .search-form .radio-inline .btn { height: 2.2em; width: 100%; margin: 0 2px; padding: 0 0.46875em; transition: border 200ms ease; color: #8b8b8b; } .search-form .radio-inline .btn:not(.btn-active) { text-decoration: underline; } .search-form .radio-inline .btn.btn-active { color: #39b54a; font-weight: bold; background-color: white; } .search-form .radio-inline input { position: absolute; top: -9999px; opacity: 0; clip: rect(0, 0, 0, 0); } .search-form .input-group { position: relative; } .search-form .input-group .btn { height: 2.5em; width: 2.5em; } .search-form .search-input { font-size: 1.5em; border: none; height: 2.5em; padding-right: 3em; padding-left: 0; } @media (min-width: 34em) { .search-form .search-input { padding-right: 4em; } } .search-form .btn-search, .search-form .btn-clear { position: absolute; top: 20%; } .search-form .btn-search { right: 2%; border-radius: 100%; } .search-form .btn-search svg { padding: 1px 3px 4px 0; } @media (min-width: 90em) { .search-form .btn-search svg { padding: 3px 2px 3px 0; } } .search-form .btn-clear { right: 3rem; } @media (min-width: 48em) { .search-form .btn-clear { right: 4rem; } } .search-form .btn-clear svg { padding-top: 0; } .home-page .search-form { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .home-page .input-group { border: 1px solid #dee1e1; border-bottom: none; } .home-page .search-radios { border-left: 1px solid #dee1e1; border-right: 1px solid #dee1e1; } .container { max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 1em; } @media (min-width: 137.5em) { .container { max-width: 1800px; } } .modal-open { overflow: hidden; position: fixed; width: 100%; height: 100%; } .lightbox-open { width: 100%; height: 100%; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .img-responsive { display: block; max-width: 100%; height: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .img-responsive { height: initial; } } .search-bar-form { max-width: 700px; width: 100%; } @media (max-width: 33.9375em) { .search-bar-form { padding: 0.3125em; } } .search-bar-form .input-group { position: relative; } .search-bar-form .input-text { padding-right: 7em; padding-left: 0.3125em; } .pagination-nav { margin-bottom: 2em; } .pagination-text p { margin-bottom: 0.3125em; font-size: 0.85rem; } .pager { margin: 0; padding: 0; list-style: none; } .pager li { display: inline-block; margin-bottom: 0; } .pager li:first-child { margin-right: 0.5em; } .no-js main { margin-top: 2.2em; margin-bottom: 2.2em; } @media (min-width: 62em) { .sticky-footer-wrapper { display: flex; flex-direction: column; min-height: 93vh; } .sticky-footer-wrapper .sticky-footer { flex: 1; } }