@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=3e83aebc-c4ca-4265-9689-cfc5ac1b04d8); @import url(https://fast.fonts.net/cssapi/2162fa72-6193-4fb5-a1f9-ee0b457df195.css); .choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5} @charset "UTF-8"; .glide { position: relative; width: 100%; box-sizing: border-box; } .glide * { box-sizing: inherit; } .glide__track { overflow: hidden; } .glide__slides { position: relative; width: 100%; list-style: none; backface-visibility: hidden; transform-style: preserve-3d; touch-action: pan-Y; overflow: hidden; padding: 0; white-space: nowrap; display: flex; flex-wrap: nowrap; will-change: transform; } .glide__slides--dragging { user-select: none; } .glide__slide { width: 100%; height: 100%; flex-shrink: 0; white-space: normal; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .glide__slide a { user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; } .glide__arrows { -webkit-touch-callout: none; user-select: none; } .glide__bullets { -webkit-touch-callout: none; user-select: none; } .glide--rtl { direction: rtl; } @font-face { font-family: "Univers LT W01_55 Roman1475956"; src: url("/src/assets/fonts/5c8d59c2-9c85-4a22-88e3-bf3fba01dcd8.woff2") format("woff2"), url("/src/assets/fonts/fc51d03b-0d7d-45df-9415-3c6270c80749.woff") format("woff"); } @font-face { font-family: "Univers LT W01_65 Bold1475968"; src: url("/src/assets/fonts/8a711a0d-3f17-4bfe-887b-6229858332b3.woff2") format("woff2"), url("/src/assets/fonts/05a79c4b-9e9d-46e4-9d4b-610be05371c4.woff") format("woff"); } /** * Settings: Colors, Media Queries */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #BORDERS \*------------------------------------*/ /** * Border widths */ /** * Border radius */ /*------------------------------------*\ #ANIMATION \*------------------------------------*/ /** * Transition Speed */ /*------------------------------------*\ #Z-INDEXES \*------------------------------------*/ /** * Use appropriate names here. Name either based on component use if needed * or make generic indexes based on repeated patterns. */ /*------------------------------------*\ #COLORS \*------------------------------------*/ /** * Blues * 1) Increases in darkness as key increases * 2) "700" is the main "brand" blue used throught site. */ /** * Oranges * 1) Increases in darkness as key increases * 2) "500" is the same as the plan color */ /** * Neutral Colors * 1) Neutral colors are grayscale values used throughout the UI * 2) Increases in darkness as key increases */ /** * Yellows */ /** * Reds * 1) Numbers used for keys based on design system for consistent communication purposes. */ /** * Plans */ /*------------------------------------*\ #GLOBAL TEXT COLOR \*------------------------------------*/ /** * Body text and background colors */ /** * Highlight colors */ /*------------------------------------*\ #LINKS \*------------------------------------*/ /** * No hover state defined since on hover the border height changes. */ /*------------------------------------*\ #BUTTONS \*------------------------------------*/ /*------------------------------------*\ #Accents \*------------------------------------*/ /** * Accent map is used for cards and banners to create the color styles */ /*------------------------------------*\ #FORMS \*------------------------------------*/ /*------------------------------------*\ #LAYOUT \*------------------------------------*/ /*------------------------------------*\ #WRAPPERS \*------------------------------------*/ /*------------------------------------*\ #SPACING \*------------------------------------*/ /*------------------------------------*\ #GRID LAYOUT \*------------------------------------*/ /*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /** * Font Family */ /** * Font Sizes */ /*------------------------------------*\ #BREAKPOINTS \*------------------------------------*/ /** * Breakpoints used in media queries * 1) Try to stick to the bp in this map. */ /*------------------------------------*\ #ASPECT \*------------------------------------*/ /** * Tools: Mixins, Functions */ /*------------------------------------*\ #HEADINGS MIXIN \*------------------------------------*/ /** * * 1) Mixins to make a type element look like an H1 - H6 * 2) Font sizes are pulled from _settings.type.scss and use the _tools.rfs.scss to size responsively */ /** * Calculate the contrast ratio between two colors. * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests */ /** * Determine whether to use dark or light text on top of given color. * Returns black for dark text and white for light text. */ /** * Returns content wrapped media query * * This resonsive query accepts both values from the SCSS map for queries as well as custom values * */ /* Add styling to ul and ol elements throughout the project */ /** * Base: Typography, Figures, etc */ /*------------------------------------*\ #RESET \*------------------------------------*/ /** * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ */ * { box-sizing: border-box; } /** * 1) Zero out margins and padding for elements */ html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure { margin: 0; padding: 0; } /** * 1) Set HTML5 elements to display: block */ header, footer, nav, section, article, figure { display: block; } /*------------------------------------*\ #BODY \*------------------------------------*/ /** * HTML base styles * 1) Set the html element's height to at least 100% of the viewport. * This is used to achieve a sticky footer */ html { min-height: 100vh; /* 1 */ } /** * Body base styles * 1) Set the body element's height to at least 100% of the viewport. * This is used to achieve a sticky footer */ body { min-height: 100vh; /* 1 */ font-family: "Univers LT W01_55 Roman1475956", sans-serif; font-size: 0.875rem; line-height: 1.6; -webkit-text-size-adjust: 100%; /* 1 */ background-color: #FFFFFF; color: #111111; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body { overflow-x: hidden; overflow-y: scroll; } } body.concierge-open { overflow: hidden; } @media (min-width: 48em) { body.concierge-open { overflow: auto; } } /*------------------------------------*\ #LINKS \*------------------------------------*/ /** * Link base styles */ /*------------------------------------*\ #LISTS \*------------------------------------*/ /** * 1) List base styles */ /** * Remove list styles from unordered and ordered lists */ ol, ul { list-style: none; } .link-block { position: relative; } .link-block > a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } /*------------------------------------*\ #HEADINGS \*------------------------------------*/ /** * Heading 1 base styles */ h1 { font-size: 2.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { h1 { font-size: calc(1.525rem + 3.3vw); } } @media (min-width: 48em) and (min-width: 75em) { h1 { font-size: 4rem; } } /** * Heading 2 base styles */ h2 { font-size: 1.625rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { h2 { font-size: calc(1.375rem + 1.5vw); } } @media (min-width: 48em) and (min-width: 75em) { h2 { font-size: 2.5rem; } } /** * Heading 3 base styles */ h3 { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { h3 { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 48em) and (min-width: 75em) { h3 { font-size: 2rem; } } /** * Heading 4 base styles */ h4 { font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { h4 { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { h4 { font-size: 1.5rem; } } /** * Heading 5 base styles */ h5 { font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { h5 { font-size: calc(1.2875rem + 0.45vw); } } @media (min-width: 48em) and (min-width: 75em) { h5 { font-size: 1.625rem; } } /*------------------------------------*\ #FORMS \*------------------------------------*/ /** * 1) Form element base styles */ /** * Input placeholder text base styles */ ::-webkit-input-placeholder { color: #6D7883; } ::-moz-placeholder { color: #6D7883; } :-ms-input-placeholder { color: #6D7883; } /** * Fieldset base styles */ fieldset { border: 0; padding: 0; margin: 0; } /** * Legend base styles */ legend { margin-bottom: 0.25rem; } /** * Label base styles */ label { display: block; padding-bottom: 0.25rem; color: #6D7883; } /** * Add font size 100% of form element and margin 0 to these elements */ button, input, select, textarea { font-family: inherit; font-size: 14px; margin: 0; } /** * Text area base styles */ textarea { resize: none; } /** * Input and text area base styles */ input, textarea { width: 100%; padding: 0.5rem; border: 1px solid #8192a4; background: #FFFFFF; } input:focus, textarea:focus { border-color: #8192a4; } /** * Remove webkit appearance styles from these elements */ input[type="text"], input[type="search"], input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="url"], input[type="number"], textarea { -webkit-appearance: none; display: block; } /** * Checkbox and radio button base styles */ input[type="checkbox"], input[type="radio"] { width: auto; margin-right: 0.3rem; border-color: #8192a4; } /** * Search input base styles */ input[type="search"] { -webkit-appearance: none; border-radius: 0; } /** * Select * 1) Remove default styling */ select { display: block; font-size: 14px; width: 100%; border: 1px solid #8192a4; padding: 0.5rem; background: #FFFFFF; color: #6D7883; } select:focus { border-color: #8192a4; } /*------------------------------------*\ #BUTTONS \*------------------------------------*/ /** * Button and submit inputs reset * 1) These should be styled using c-btn */ button { cursor: pointer; } /*------------------------------------*\ #MAIN ELEMENT \*------------------------------------*/ /** * Main element */ [role=main] { display: block; padding: 1rem; } /*------------------------------------*\ #MEDIA \*------------------------------------*/ /** * Responsive image styling * 1) Allows for images to flex with varying screen size */ img { max-width: 100%; height: auto; } /*------------------------------------*\ #TEXT \*------------------------------------*/ /** * Paragraph base styles */ p { margin-bottom: 0.75rem; line-height: 1.5; } /** * Blockquote base styles */ blockquote { font-style: italic; padding-left: 1rem; margin-bottom: 1rem; } /** * Horizontal rule base styles */ hr { border: 0; height: 1px; margin: 1rem 0; } /** * Address base styles */ address { font-style: normal; } /** * Selection styles */ ::-moz-selection { color: #FFFFFF; background: #002C4C; /* Gecko Browsers */ } ::selection { color: #FFFFFF; background: #002C4C; /* WebKit/Blink Browsers */ } /** * Code base styles */ code { display: inline-block; background: #F8F9FA; border: 1px solid #F8F9FA; padding: 0.2rem 0.5rem; line-height: 1.2; font-size: 0.85rem; } /** * Preformatted text base styles */ pre { background: #F8F9FA; border: 1px solid #F8F9FA; font-size: 14px; padding: 1rem; overflow-x: auto; /** * Remove border from code within preformatted text block */ } pre code { border: 0; } /** * Code with languages associated with them * 1) Override Prism sysles for code blocks with language */ code[class*="language-"], pre[class*="language-"] { font-family: monospace !important; } /** * Visually hide text until focused */ .screen-reader-text:not(:focus):not(:active) { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } /*------------------------------------*\ #TABLES \*------------------------------------*/ /** * Table */ table { border-collapse: collapse; border-spacing: 0; width: 100%; } /** * Table header cell */ th { text-align: left; } /** * Table row */ tr { vertical-align: top; } /** * Elements: Typography, Figures, etc */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ .a-logo { display: block; width: 100%; max-width: 9.625rem; } .a-logo:before, .a-logo:after { display: none; } .a-logo > img { display: block; width: 100%; } .link, a { position: relative; color: #111111; text-decoration: none; outline: 0; display: inline-block; z-index: 0; } .link:before, a:before { content: ""; position: absolute; width: 100%; bottom: -2px; left: 0; display: block; height: 0.15rem; background: #05426E; z-index: -1; } .link:hover:before, a:hover:before { display: none; } .link:after, a:after { content: ""; position: absolute; width: 100%; bottom: -2px; left: 0; opacity: 0; height: 0.15rem; background: #05426E; transition: transform 0.4s ease; transform: scaleX(0); transform-origin: bottom right; z-index: -1; } .link:hover:after, a:hover:after { opacity: 1; transform: scaleX(1); transform-origin: bottom left; } .link--plain::before, .link--plain::after { display: none; } .a-btn { display: inline-block; appearance: none; font-size: 1rem; cursor: pointer; padding: .75rem 2.5rem 1rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; white-space: nowrap; color: #111111; border: 1px solid #6D7883; text-align: center; border-radius: 5px; transition: 0.25s; text-decoration: none; background: #FFFFFF; } .a-btn:before, .a-btn:after { display: none; } .a-btn:hover { background: #F8F9FA; } .a-btn:disabled { opacity: 0.5; cursor: not-allowed; } .a-btn--sm { padding: .825rem 2.5rem; min-width: inherit; } .a-btn--ghost { background: transparent; } .a-btn--invert { color: #FFFFFF; } .a-btn--invert:hover { color: #002C4C; } .a-btn--decision { display: flex; justify-content: space-between; align-items: center; width: 100%; text-align: left; font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; padding: 2rem; white-space: inherit; margin-bottom: 1.5rem; } @media (min-width: 48em) { .a-btn--decision { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .a-btn--decision { font-size: 1.5rem; } } .a-btn--decision > span > span { display: block; margin-top: .5rem; font-size: 1.125rem; } .a-btn--decision-sm { font-size: 1.125rem; width: 75%; } .a-btn--decision:after { content: ""; position: inherit; display: inline-block; height: 24px; width: 24px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5%2012L19%2012%22%20stroke%3D%22%23464F58%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%23464F58%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: 24px; } .a-btn--decision:hover:after { height: 24px; } /** * * 1) Loop through button color map and output colors and states accordingly. * 2) Color map is defined in _settings.colors.scss */ .a-btn--light { background: #0079D0; color: #FFFFFF; border-color: #0079D0; } .a-btn--light:hover { background: #05426E; border-color: #05426E; } .a-btn--light:visited { color: #FFFFFF; } .a-btn--dark, .u-accent-standard.c-banner:not(.u-accent-brand-light) .a-btn--light, .u-accent-basic.c-banner:not(.u-accent-brand-light) .a-btn--light, .u-accent-focus.c-banner:not(.u-accent-brand-light) .a-btn--light, .u-accent-brand-dark.c-banner:not(.u-accent-brand-light) .a-btn--light, .u-accent-brand-light.c-banner:not(.u-accent-brand-light) .a-btn--light, .u-accent-brand-red.c-banner:not(.u-accent-brand-light) .a-btn--light, .u-accent-brand-yellow.c-banner:not(.u-accent-brand-light) .a-btn--light { background: #002C4C; color: #FFFFFF; border-color: #002C4C; } .a-btn--dark:hover, .u-accent-standard.c-banner:not(.u-accent-brand-light) .a-btn--light:hover, .u-accent-basic.c-banner:not(.u-accent-brand-light) .a-btn--light:hover, .u-accent-focus.c-banner:not(.u-accent-brand-light) .a-btn--light:hover, .u-accent-brand-dark.c-banner:not(.u-accent-brand-light) .a-btn--light:hover, .u-accent-brand-light.c-banner:not(.u-accent-brand-light) .a-btn--light:hover, .u-accent-brand-red.c-banner:not(.u-accent-brand-light) .a-btn--light:hover, .u-accent-brand-yellow.c-banner:not(.u-accent-brand-light) .a-btn--light:hover { background: #00223B; border-color: #00223B; } .a-btn--dark:visited, .u-accent-standard.c-banner:not(.u-accent-brand-light) .a-btn--light:visited, .u-accent-basic.c-banner:not(.u-accent-brand-light) .a-btn--light:visited, .u-accent-focus.c-banner:not(.u-accent-brand-light) .a-btn--light:visited, .u-accent-brand-dark.c-banner:not(.u-accent-brand-light) .a-btn--light:visited, .u-accent-brand-light.c-banner:not(.u-accent-brand-light) .a-btn--light:visited, .u-accent-brand-red.c-banner:not(.u-accent-brand-light) .a-btn--light:visited, .u-accent-brand-yellow.c-banner:not(.u-accent-brand-light) .a-btn--light:visited { color: #FFFFFF; } .a-btn--inverted { background: #F2F4F7; color: #002C4C; border-color: #F2F4F7; } .a-btn--inverted:hover { background: #DEE2E6; border-color: #DEE2E6; } .a-btn--inverted:visited { color: #002C4C; } .a-icon { display: block; width: 1.5rem; } .a-icon > svg { width: 100%; } .a-icon--small { width: 40px; } .a-icon--med { width: 48px; } .a-icon--large { width: 64px; } .a-icon-circle { position: relative; display: block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background: #F2F4F7; border-radius: 100%; text-align: center; } .a-icon-circle > svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100% !important; height: auto !important; } .a-icon-circle--small { width: 40px; height: 40px; line-height: 40px; } .a-icon-circle--med { width: 48px; height: 48px; line-height: 48px; } .a-icon-circle--large { width: 64px; height: 64px; line-height: 64px; } /** * Objects: Layout Patterns */ /*------------------------------------*\ #LAYOUT CONTAINER \*------------------------------------*/ /** * Layout Container * 1) Caps the width of the content to the maximum width * and centers the container */ .l-container { max-width: 75rem; margin: 0 auto; padding: 0 1.25rem; } .l-container--aleft { margin-left: 0; } .l-container--sm { max-width: 48rem; } .l-container .l-container { padding: 0; } /** * * 1) This caps the width of text passages * to achieve a comfortable line length */ .l-linelength-container { max-width: 45rem; } /*------------------------------------*\     #GRID \*------------------------------------*/ /** * Primary Grid */ .l-grid { display: grid; grid-gap: 1rem; padding: 0 0 2rem; } @media (min-width: 48em) { .l-grid { grid-gap: 1.5rem; } } .l-grid:last-of-type { padding-bottom: 0; } .l-grid--nospace { grid-gap: 0; } .l-grid--row-space { grid-row-gap: 2.5rem; } .l-grid--1up { grid-template-columns: 1fr; grid-template-rows: auto; } .l-grid--2up { grid-template-columns: 1fr; grid-template-rows: auto; } @media (min-width: 60em) { .l-grid--2up { grid-template-columns: 1fr 1fr; } } .l-grid--3up { grid-template-columns: 1fr; grid-template-rows: auto; } @media (min-width: 60em) { .l-grid--3up { grid-template-columns: 1fr 1fr 1fr; } } .l-grid--4up { grid-template-columns: 1fr; grid-template-rows: auto; } @media (min-width: 60em) { .l-grid--4up { grid-template-columns: 1fr 1fr 1fr 1fr; } } .l-grid--5up { grid-template-columns: 1fr; grid-template-rows: auto; } @media (min-width: 60em) { .l-grid--5up { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } .m-section { margin-top: 3.5rem; margin-bottom: 3.5rem; } @media (min-width: 60em) { .m-section { margin-top: 4.5rem; margin-bottom: 4.5rem; } } .l-major-minor { display: flex; flex-direction: column; } @media (min-width: 48em) { .l-major-minor { flex-direction: row; margin: 0 -2rem; } } .l-major-minor__main { padding: 0 2rem; } @media (min-width: 48em) { .l-major-minor__main { flex: 0 0 75%; max-widht: 75%; } } .l-major-minor__side { padding: 0 2rem; } @media (min-width: 48em) { .l-major-minor__side { flex: 0 0 25%; max-widht: 25%; } } .m-field { position: relative; } .m-field--featured { margin-bottom: 2rem; font-size: 1.125rem; } .m-field--featured .choices[data-type*=select-one] .choices__inner { font-size: 1.125rem; border: none; border-bottom: 2px solid #A1D7FF; } .m-field--actions { display: flex; align-items: center; justify-content: space-between; } .m-field--actions > .a-btn, .m-field--actions > span { flex: 1 1 auto; margin-right: .75rem; } .m-field--actions > .a-btn:last-of-type, .m-field--actions > span:last-of-type { margin-right: 0; } .m-field:disabled { opacity: 0.5; } .m-field__label { position: absolute; top: 1rem; left: 1.5rem; margin: 0; padding: 0; color: #6D7883; font-size: 0.875rem; pointer-events: none; transition: 0.5s; transform-origin: top left; } .m-field__label.active { transform: scale(0.625) translateY(-13px); } .m-field__input { display: block; background: #FFFFFF; border: 1px solid #8192a4; padding: 20px 1.5rem 12px; border-radius: 2px; } .m-field__input--noborder .m-field__input { border-color: #FFFFFF; } .m-field__input:focus { outline: none; } .m-field__dropdown { padding: 1.5rem; position: absolute; box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 20px; background: #FFFFFF; width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #8192a4; border-top: none; } .m-field__dropdown li { margin-bottom: .75rem; } .m-field__dropdown li:last-child { margin-bottom: 0; } .m-option-list__item { margin-bottom: 1rem; } .m-option-list__item .m-option-list__description { color: #6D7883; margin-left: 2.25rem; } .m-field__checkbox > input { position: absolute; left: -9999px; } .m-field__checkbox > label { display: inline-block; vertical-align: middle; position: relative; } .m-field__checkbox > label:before { content: ""; margin-right: 1rem; display: inline-block; vertical-align: middle; height: 16px; width: 16px; border-radius: 1px; border: 1px solid #8192a4; } .m-field__checkbox > label:after { content: ""; display: block; width: 10px; height: 8px; position: absolute; opacity: 0; top: 8px; left: 4px; visibility: hidden; background: url("./assets/img/checkbox-check.svg") center center no-repeat; background-size: contain; } .m-field__checkbox > input:checked + label:before { background: #A1D7FF; border-color: #A1D7FF; } .m-field__checkbox > input:checked + label:after { opacity: 1; visibility: visible; } .m-field__checkbox > input:focus + label { outline: #0079D0 auto 2px !important; } .m-field__radio > input { position: absolute; left: -9999px; } .m-field__radio > label { position: relative; display: inline-block; vertical-align: middle; } .m-field__radio > label:before { content: ""; margin-right: 1rem; display: inline-block; vertical-align: middle; height: 16px; width: 16px; border-radius: 100%; border: 1px solid #8192a4; } .m-field__radio > label:after { content: ""; position: absolute; opacity: 0; visibility: hidden; background: #A1D7FF; border-radius: 100%; width: 8px; height: 8px; top: 9px; left: 5px; } .m-field__radio > input:checked + label:after { opacity: 1; visibility: visible; } .m-field__radio > input:focus + label { outline: #0079D0 auto 2px !important; } .choices { margin-bottom: 0; font-size: inherit; } .choices.is-disabled[data-type*=select-one] .choices__inner { background: #F2F4F7; color: #6D7883; } .choices[data-type*=select-one] .choices__inner { display: block; background: #FFFFFF; border: 1px solid #8192a4; padding: 10px 1.5rem 12px; border-radius: 2px; min-height: auto; } .choices[data-type*=select-one] .choices__list--dropdown { box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 20px; background: #FFFFFF; width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #8192a4; z-index: 60; } .choices[data-type*=select-one] .choices__item--selectable[data-select-text=""] { padding-right: 10px; } .choices[data-type*=select-one] .is-open:after { border-color: #6D7883; margin-top: -5px; } .choices[data-type*=select-one]:after { border-style: solid; border-width: 0.15em 0.15em 0 0; display: inline-block; height: 0.35rem; margin-right: .5rem; margin-top: -5px; vertical-align: top; width: 0.35rem; transform: rotate(135deg); border-color: #6D7883; } .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .m-nav { display: flex; flex-direction: column; } @media (min-width: 60em) { .m-nav { flex-direction: row; } } .m-nav__item { margin: .5rem 0; } .m-nav__item:first-child { margin-top: 0; } .m-nav__item:last-child { margin-bottom: 0; } @media (min-width: 60em) { .m-nav__item { margin: 0 1.5rem; } .m-nav__item:first-child { margin-left: 0; } .m-nav__item:last-child { margin-right: 0; } } .m-nav__link { padding: 0; font-family: "Univers LT W01_65 Bold1475968", sans-serif; font-size: 1rem; color: #111111; background: transparent; border: none; } .m-nav__link:before, .m-nav__link:after { display: none; } .m-nav__link--faded { color: #DEE2E6; } .m-nav__link--faded:hover, .m-nav__link--faded:focus { color: #FFFFFF; text-decoration: underline; } @media (min-width: 60em) { .m-nav__link { color: #FFFFFF; } } .section-mega-nav .a-btn sup { font-size: 10px; } .section-mega-nav .a-btn.a-btn--blue-skel { border-color: #0079D0; background-color: transparent; color: #FFFFFF; } .section-mega-nav .a-btn.a-btn--blue-skel:hover { border-color: #05426E; background-color: #05426E; } .section-mega-nav .top-nav-wrap { background: #00223B; } .section-mega-nav .top-nav-wrap .top-nav { display: none; } @media (min-width: 70em) { .section-mega-nav .top-nav-wrap .top-nav { display: flex; justify-content: space-between; padding: 12px 0; } .section-mega-nav .top-nav-wrap .top-nav .search-wrap { display: flex; flex-direction: row-reverse; } .section-mega-nav .top-nav-wrap .top-nav .search-wrap .search-input { background-color: transparent; color: #FFFFFF; font-size: 16px; border: none; } .section-mega-nav .top-nav-wrap .top-nav .search-wrap .search-input::placeholder { color: #FFFFFF; font-size: 16px; font-weight: 700; } .section-mega-nav .top-nav-wrap .top-nav .search-wrap .search-btn { border: none; background-color: transparent; margin: 0 10px 0 0; padding: 0; } .section-mega-nav .top-nav-wrap .top-nav .search-wrap button svg path { stroke: #FFFFFF; } .section-mega-nav .top-nav-wrap .top-nav .btn-wrap .a-btn { margin: 0 30px 0 0; padding: 6px 16px; } .section-mega-nav .top-nav-wrap .top-nav .btn-wrap .a-btn:last-of-type { margin: 0; } } .section-mega-nav .mega-nav-main-wrap { background: #002C4C; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main { padding: 24px 0; position: relative; display: flex; flex-direction: column; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav { font-size: 0; width: 100%; display: flex; position: relative; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav .main-logo:before, .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav .main-logo:after { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav .main-logo img { display: block; min-width: 138px; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-btn { position: absolute; top: 30px; right: 0; width: 32px; height: 28px; transform: rotate(0deg); } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-btn span { display: block; position: absolute; height: 3px; width: 100%; background: #FFFFFF; border-radius: 6px; opacity: 1; left: 0; transition: .2s ease-in-out; transform: rotate(0deg); } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-btn span:nth-child(1) { top: 0px; transform-origin: left center; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-btn span:nth-child(2) { top: 12px; transform-origin: left center; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-btn span:nth-child(3) { top: 24px; transform-origin: left center; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-btn.active span:nth-child(1) { transform: rotate(45deg); top: 2px; left: 2px; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-btn.active span:nth-child(2) { width: 0%; opacity: 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-btn.active span:nth-child(3) { transform: rotate(-45deg); top: 25px; left: 2px; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container { font-size: 0; display: none; position: absolute; top: 86px; width: 100%; z-index: 100; border-radius: 5px; background-color: #FFFFFF; box-shadow: 0px 15px 20px 0px #00000026; padding: 20px; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li { font-family: "Univers LT W01_65 Bold1475968", sans-serif; font-weight: 700; font-size: 16px; padding: 10px 0; position: relative; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li svg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 24px; pointer-events: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li svg path { stroke: #8192a4; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li > .sub-items { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li > .sub-items h2 { position: relative; padding: 10px 24px 10px 0; font-family: "Univers LT W01_65 Bold1475968", sans-serif; font-weight: 700; font-size: 16px; line-height: unset; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li > .sub-items h2 svg { transition: 0.2s; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li > .sub-items h2 svg path { stroke: #0079D0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li > .sub-items ul li { font-family: "Univers LT W01_55 Roman1475956", sans-serif; font-weight: normal; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li.top-lvl-link a:before, .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li.top-lvl-link a:after { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container > ul li.top-lvl-link a svg { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container .top-nav { display: flex; flex-direction: column; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container .top-nav .search-wrap { display: flex; flex-direction: row-reverse; margin: 10px 0 20px 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container .top-nav .search-wrap .search-input { color: #06558E; font-size: 16px; border: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container .top-nav .search-wrap .search-input::placeholder { color: #06558E; font-size: 16px; font-weight: 700; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container .top-nav .search-wrap .search-btn { border: none; background-color: transparent; margin: 0 10px 0 0; padding: 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container .top-nav .search-wrap button svg path { stroke: #06558E; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container .top-nav .a-btn { padding: 6px 16px; margin: 0 0 20px 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container .top-nav .a-btn:last-of-type { margin: 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.active { display: flex; flex-direction: column; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.top-lvl > svg { float: left; position: relative; left: -4px; transform: rotate(180deg); transition: none; pointer-events: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.top-lvl > svg path { stroke: #0079D0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active { display: block; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items { display: block; padding: 16px 0 0 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items div h2.active { color: #0079D0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items div h2.active svg { transform: rotate(90deg) translateX(-50%); } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items div h2.active + ul { height: auto; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items div ul { overflow: hidden; height: 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items div ul.active { height: auto; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items div ul li { padding: 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items div ul li a { font-family: "Univers LT W01_55 Roman1475956", sans-serif; font-weight: normal; color: #111111; padding: 8px 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items div ul li a:before, .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page > ul > li.active > .sub-items div ul li a:after { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container.sub-page .top-nav { display: none; } @media (min-width: 70em) { .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul { display: flex; justify-content: space-around; align-items: center; width: 100%; margin: 0 0 0 20px; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li { font-family: "Univers LT W01_65 Bold1475968", sans-serif; font-weight: 700; font-size: 16px; color: #FFFFFF; cursor: default; position: relative; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li svg { float: right; height: 24px; transition: 0.2s; pointer-events: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li:after { content: ""; opacity: 0; width: 0; height: 2px; background: #A1D7FF; position: absolute; bottom: 0; left: 0; transition: 0.2s; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li.active:after { opacity: 1; width: calc(100% - 24px); } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li.active svg { transform: rotate(-90deg); } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li:hover { cursor: pointer; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li:hover:after { opacity: 1; width: calc(100% - 24px); } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li > .sub-items { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li.top-lvl-link a { color: #FFFFFF; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li.top-lvl-link a:before, .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li.top-lvl-link a:after { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .main-nav > ul li.top-lvl-link:hover:after { opacity: 1; width: 100%; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container { position: absolute; top: 86px; width: 100%; z-index: 100; border-radius: 5px; background-color: #FFFFFF; box-shadow: 0px 15px 20px 0px #00000026; padding: 32px; justify-content: space-between; gap: 4%; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container.active { display: flex; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div { flex: 1; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div h2 { font-size: 18px; font-weight: 700; line-height: 25px; color: #0079D0; margin: 24px 0 16px 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div h2:first-of-type { margin: 0 0 16px 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div h2 svg { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div ul { flex: 1; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div ul li { font-size: 16px; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div ul li a { padding: 8px 0; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div ul li a:before, .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div ul li a:after { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div ul li a:hover { color: #002C4C; text-decoration: underline; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div ul li a img { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .dropdown-container > div .close-btn { position: absolute; top: 32px; right: 24px; cursor: pointer; pointer-events: auto; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-btn { display: none; } .section-mega-nav .mega-nav-main-wrap .mega-nav-main .mobile-container { display: none; } } .m-dropdown { display: flex; position: relative; flex-direction: column; visibility: hidden; opacity: 0; top: 0; left: -100%; height: 0; z-index: 900; transition: opacity 0.25s ease-in-out; } @media (min-width: 60em) { .m-dropdown { background: #FFFFFF; position: absolute; border-radius: 5px; padding: 2.5rem; flex-direction: row; min-width: 660px; max-width: 40vw; top: 100%; height: auto; left: -50px; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05); } } .m-dropdown__cta { padding-top: 2rem; padding-left: 1.5rem; padding-right: 1.5rem; border-top: 1px solid #DEE2E6; margin-left: -1.5rem; margin-right: -1.5rem; } .m-dropdown__cta.desktop-cta { display: none; } .m-dropdown__cta.mobile-cta { display: block; } .m-dropdown__cta > p { font-size: 0.875rem; } @media (min-width: 60em) { .m-dropdown__cta { flex: 0 0 50%; max-width: 50%; padding-left: 0; padding-top: 0; padding-right: 3rem; margin: 0; border-top: 0; } .m-dropdown__cta.desktop-cta { display: block; } .m-dropdown__cta.mobile-cta { display: none; } } .m-dropdown__cta-image { display: none; border-radius: 5px; margin-bottom: 1.5rem; width: 100%; } @media (min-width: 60em) { .m-dropdown__cta-image { display: block; } } .m-dropdown__cta-title { display: block; font-size: 1rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; margin-bottom: .5rem; } .m-dropdown__nav { flex: 0 0 100%; max-width: 100%; } .m-dropdown__nav > .m-dropdown__nav { width: 100%; max-width: 100%; } .m-dropdown__nav .m-dropdown__nav-list:not(:last-child):after { content: ""; display: block; height: 1px; width: 2.5rem; margin-top: 1.25rem; margin-bottom: 1.25rem; background: #DEE2E6; } @media (min-width: 60em) { .m-dropdown__nav { flex: 0 0 50%; max-width: 50%; } } .m-dropdown__nav-horizontal { border-bottom: 1px solid #DEE2E6; margin: 16px 0; } .m-dropdown__nav-title { display: none; color: #0079D0; font-family: "Univers LT W01_65 Bold1475968", sans-serif; font-size: 0.75rem; padding: 4px 0 1rem 0; margin-bottom: 1.5rem; border-bottom: 1px solid #DEE2E6; border-top: none; border-left: none; border-right: none; background: none; width: 100%; text-align: left; } .m-dropdown__nav-title:before { content: ""; border-style: solid; border-width: 0.15em 0.15em 0 0; display: inline-block; height: 0.35rem; position: relative; top: 5px; margin-right: .5rem; vertical-align: top; width: 0.35rem; left: 0; transform: rotate(-135deg); border-color: #0079D0; } .m-dropdown__nav-title.nav-title-mobile { display: block; } @media (min-width: 60em) { .m-dropdown__nav-title { display: block; } .m-dropdown__nav-title:before { display: none; } .m-dropdown__nav-title.nav-title-mobile { display: none; } } .m-dropdown__nav__item { margin-bottom: 1rem; font-size: 1rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; } .m-dropdown__nav__item > a:hover { color: #0079D0; } .m-dropdown__nav__item > a:before, .m-dropdown__nav__item > a:after { display: none; } .m-dropdown__nav__item.has-hover { position: relative; } .m-dropdown__nav__item.has-hover:before, .m-dropdown__nav__item.has-hover:after { content: ""; display: block; position: absolute; top: 11px; right: 0; background: #8192a4; height: 2px; width: 10px; } .m-dropdown__nav__item.has-hover:after { transform: rotate(90deg); } .m-dropdown__nav__item.has-hover.is-expanded:after { transform: rotate(0deg); } .m-dropdown__nav__item.has-hover.is-expanded .m-dropdown__nav-sub { max-height: 100vh; opacity: 1; margin-top: 1.5rem; margin-bottom: 1.5rem; visibility: visible; } @media (min-width: 48em) and (max-width: 85em) { .m-dropdown__nav__item.has-hover:hover:after, .m-dropdown__nav__item.has-hover.is-focus:after { transform: rotate(0deg); } .m-dropdown__nav__item.has-hover:hover .m-dropdown__nav-sub, .m-dropdown__nav__item.has-hover.is-focus .m-dropdown__nav-sub { max-height: 100vh; opacity: 1; margin-top: 1.5rem; margin-bottom: 1.5rem; visibility: visible; } } @media (min-width: 85em) { .m-dropdown__nav__item.has-hover { display: flex; align-items: center; justify-content: space-between; position: inherit; } .m-dropdown__nav__item.has-hover:before { display: none; } .m-dropdown__nav__item.has-hover:after { border-style: solid; border-width: 0.15em 0.15em 0 0; display: inline-block; height: 0.35rem; position: relative; top: 0.15em; vertical-align: top; width: 0.35rem; left: 0; background: none; transform: rotate(45deg); border-color: #0079D0; } .m-dropdown__nav__item.has-hover:hover .m-dropdown__nav-sub, .m-dropdown__nav__item.has-hover.is-focus .m-dropdown__nav-sub { opacity: 1; visibility: visible; left: calc(100% - 34px); } } .m-dropdown__nav-sub { opacity: 0; visibility: hidden; white-space: nowrap; max-height: 0vh; transition: 0.25s ease-in-out; } .m-dropdown__nav-sub > li:first-child { display: none; } .m-dropdown__nav-sub a { color: #6D7883; font-size: 1rem; } @media (min-width: 85em) { .m-dropdown__nav-sub { position: absolute; left: calc(100% - 64px); top: 0; padding: 2.5rem; height: 100%; max-height: inherit; margin-top: 0; background: #FFFFFF; box-shadow: 10px 15px 20px rgba(0, 0, 0, 0.05); border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .m-dropdown__nav-sub > li:first-child { display: block; color: #0079D0; font-family: "Univers LT W01_65 Bold1475968", sans-serif; font-size: 0.75rem; padding-bottom: 1rem; margin-bottom: 1.5rem; border-bottom: 1px solid #DEE2E6; } .m-dropdown__nav-sub a { color: #111111; font-size: 1rem; } } .m-socal-nav { display: flex; align-items: center; justify-content: space-around; } .m-socal-nav > li { margin: 0 .75rem; } .m-socal-nav > li:first-child { margin-left: 0; } .m-socal-nav > li:last-child { margin-right: 0; } .m-socal-nav > li > a:before, .m-socal-nav > li > a:after { display: none; } .m-pagination { text-align: center; font-size: 1rem; } .m-pagination__list { display: flex; align-items: center; justify-content: center; } .m-pagination__list .disabled a, .m-pagination__list .is-current a { pointer-events: none; } .m-pagination__item { margin: 0 .5rem; } .m-pagination__item:first-child { margin-left: 0; } .m-pagination__item:last-child { margin-right: 0; } .m-pagination__item > a { display: block; padding: .5rem 1rem; } .m-pagination__item > a:hover { color: #0079D0; } .m-pagination__item > a:hover > svg path { transition: 0.25s; stroke: #111111; } .m-pagination__item > a:before, .m-pagination__item > a:after { display: none; } .m-pagination__item.is-current > a { background: #0079D0; color: #FFFFFF; border-radius: 5px; } .m-pagination__item.is-current > a:focus { outline: 2px auto #888 !important; } .m-title-lined { display: flex; align-items: center; font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { .m-title-lined { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .m-title-lined { font-size: 1.5rem; } } .m-title-lined:after { content: ""; display: block; height: 1px; flex: 1 1 auto; margin-left: 2rem; background: #DEE2E6; } .m-title-lined.remove-title-line:after { display: none; } .m-page-header--large .m-page-header__title { font-size: 2.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { .m-page-header--large .m-page-header__title { font-size: calc(1.525rem + 3.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .m-page-header--large .m-page-header__title { font-size: 4rem; } } .m-page-header--large .m-page-header__leadin { font-size: 1.25rem; line-height: 145%; } @media (min-width: 37.5em) { .m-page-header--large .m-page-header__leadin { font-size: 24px; } } .m-page-header__title { font-size: 1.625rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 1rem; } @media (min-width: 48em) { .m-page-header__title { font-size: calc(1.375rem + 1.5vw); } } @media (min-width: 48em) and (min-width: 75em) { .m-page-header__title { font-size: 2.5rem; } } .m-page-header__leadin { font-size: 1.125rem; line-height: 140%; } .m-comp-header { margin-bottom: 24px; } .m-comp-header .m-comp-header__title { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; line-height: 120%; margin-bottom: 8px; } @media (min-width: 48em) { .m-comp-header .m-comp-header__title { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 48em) and (min-width: 75em) { .m-comp-header .m-comp-header__title { font-size: 2rem; } } .m-comp-header .m-comp-header__description { font-size: 0.875rem; line-height: 140%; margin-bottom: 0; } .m-comp-header ul:not(.m-icon-list) { padding-left: 1rem; } .m-comp-header ul:not(.m-icon-list) > li { margin-bottom: .5rem; } .m-comp-header ul:not(.m-icon-list) > li:last-child { margin-bottom: 0; } .m-comp-header ul:not(.m-icon-list) > li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #8192a4; font-weight: bold; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .m-comp-header ul:not(.m-icon-list) ul > li:first-child { margin-top: .5rem; } .m-comp-header.has-cta { position: relative; } .m-comp-header.has-cta .a-btn { margin: 14px 0 0 0; } @media (min-width: 48em) { .m-comp-header.has-cta .a-btn { position: absolute; top: 12px; right: 0; margin: 0; } .m-comp-header.has-cta .m-comp-header__title { width: 70%; } .m-comp-header.has-cta .m-comp-header__description { width: 70%; } } .m-alert { display: block; margin: 2.5rem auto 0; padding: 1.5rem; background: #FFF9EA; border: 1px solid #FFE7A6; border-radius: 5px; } .m-alert > p:last-child { margin-bottom: 0; } .m-alert--low { background: #F1F9FF; border: 1px solid #A1D7FF; } .m-alert--urgent { background: #FFF4F3; border: 1px solid #FCCBC7; } .m-alert__title { display: block; margin-bottom: .75rem; font-size: 1.125rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } .m-disclaimer-wrap { padding-top: 40px; } .m-disclaimer { display: inline-block; font-size: 0.75rem; color: #6D7883; } .m-disclaimer--bg, .c-fifty-fifty__copy .m-disclaimer:not(:empty) { padding: 1rem; color: #111111; border-radius: 5px; background: #F8F9FA; } .m-disclaimer:not(:last-child) { margin-bottom: 1rem; } .m-disclaimer p:last-child { margin-bottom: 0; } .m-disclaimer.grey-bg { background-color: #F8F9FA; padding: 16px; } .m-disclaimer.white-bg { background-color: #FFFFFF; padding: 16px; } .m-card { display: flex; flex-direction: column; align-items: flex-start; height: 100%; background: #FFFFFF; padding: 1.5rem; border-radius: 5px; color: currentColor; background: #F8F9FA; position: relative; } .m-card--striped { border-top: 4px solid #DEE2E6; } .m-card--split::before { content: ''; display: block; width: 100%; position: absolute; top: -4px; left: 0; height: 4px; border-radius: 5px 5px 0 0; background: linear-gradient(90deg, #77C9E4 0%, #77C9E4 50%, #2C5D82 50%, #2C5D82 100%); } .m-card ul:not(.m-card__list) { padding-left: 1rem; } .m-card ul:not(.m-card__list) > li { margin-bottom: .5rem; } .m-card ul:not(.m-card__list) > li:last-child { margin-bottom: 0; } .m-card ul:not(.m-card__list) > li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #8192a4; font-weight: bold; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .m-card ul:not(.m-card__list) ul > li:first-child { margin-top: .5rem; } .m-card .card-arrow { display: block; height: 40px; width: 40px; margin-top: -20px; position: absolute; top: 50%; right: -30px; border-radius: 20px; background: #0079D0; z-index: 1000; } .m-card .card-arrow img { position: relative; top: 5px; left: 7px; height: 30px; } .m-card:last-of-type .card-arrow { display: none; } body[data-pagetitle="Home"] .m-card--hover { position: relative; transform: none; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } body[data-pagetitle="Home"] .m-card--hover:after { content: ''; display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; border-radius: 5px; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } body[data-pagetitle="Home"] .m-card--hover:hover { transform: translateY(-8px); } body[data-pagetitle="Home"] .m-card--hover:hover:after { opacity: 1; } .m-card__date { display: block; margin-bottom: 1rem; color: #6D7883; font-size: 1rem; order: -1; } .m-card__date > time { display: inline-block; margin-right: 1rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; color: #0079D0; } .m-card__topic { font-size: 0.75rem; color: #6D7883; min-height: 19px; margin-bottom: 6px; } .m-card__title { font-size: 1.125rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; margin-bottom: .5rem; } .m-card__table caption { font-weight: bold; text-align: left; } .m-card__table td, .m-card__table tr:not(:first-of-type) th { padding: 1rem 0; font-weight: normal; } .m-card__footer { display: flex; width: 100%; justify-content: flex-start; margin-top: auto; } .m-card__footer > a { margin-top: .5rem; } .m-card__footer > a:first-child { margin-right: 1rem; } .m-card__footer--split { justify-content: space-between; align-items: flex-end; } .m-card__list > li { margin-bottom: .5rem; } .m-card__list > li:last-child { margin-bottom: 0; } .m-card__tag { margin-bottom: -.5rem; margin-left: .5rem; } .m-card__tag span { font-size: 0.75rem; color: #6D7883; position: relative; bottom: 4px; } .m-card__tag svg { margin-left: 0.25rem; } .m-card__subimage { max-width: 3.75rem; } .show-card-arrows .card-arrow { display: block; } .m-brochure-card .m-card__list li svg { width: 20px; margin-bottom: -5px; margin-left: 5px; } .m-brochure-card .m-card { min-height: 160px; } .m-brochure-card .m-card__list .js-modal-trigger.c-fifty-fiftymoda__video.link, .m-brochure-card .m-card__list a.js-modal-trigger.c-fifty-fiftymoda__video { cursor: pointer; } .m-card-inline { display: flex; align-items: center; justify-content: flex-start; background: #F8F9FA; padding: 1.5rem; border-radius: 5px; color: currentColor; } body[data-pagetitle="Home"] .m-card-inline--hover { position: relative; transform: none; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } body[data-pagetitle="Home"] .m-card-inline--hover:after { content: ''; display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; border-radius: 5px; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } body[data-pagetitle="Home"] .m-card-inline--hover:hover { transform: translateY(-8px); } body[data-pagetitle="Home"] .m-card-inline--hover:hover:after { opacity: 1; } .m-card-icon { margin-right: 1.5rem; flex-grow: 0; flex-shrink: 0; } .m-card-copy { align-self: normal; } .m-card-inline__title { font-size: 1.125rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; margin-bottom: .5rem; } .m-feat-card { display: flex; flex-direction: column; align-items: flex-start; height: 100%; background: #FFFFFF; padding: 2.5rem; border-radius: 5px; color: currentColor; background: #F8F9FA; } .m-feat-card > p { width: 100%; } body[data-pagetitle="Home"] .m-feat-card--hover { position: relative; transform: none; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } body[data-pagetitle="Home"] .m-feat-card--hover:after { content: ''; display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; border-radius: 5px; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } body[data-pagetitle="Home"] .m-feat-card--hover:hover { transform: translateY(-8px); } body[data-pagetitle="Home"] .m-feat-card--hover:hover:after { opacity: 1; } .m-feat-card__icon { margin-bottom: 2rem; } .m-feat-card__title { font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: .5rem; width: 100%; white-space: pre-wrap; } @media (min-width: 48em) { .m-feat-card__title { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .m-feat-card__title { font-size: 1.5rem; } } .m-feat-card__btn { margin-top: 2rem; } .m-image-card { display: flex; flex-direction: column; align-items: flex-start; } .m-image-card__image { display: block; width: 100%; border-radius: 5px; margin-bottom: 1.5rem; flex-grow: 0; flex-shrink: 0; } .m-image-card__title { font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 1rem; } @media (min-width: 48em) { .m-image-card__title { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .m-image-card__title { font-size: 1.5rem; } } .m-image-card__link { margin-top: auto; } .m-blog-card { display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; border-radius: 5px; background: #F8F9FA; max-width: 37.5rem; } .m-blog-card .a-btn { margin-top: 1rem; } .m-blog-card:before, .m-blog-card:after { display: none; } .m-blog-card__image { display: block; width: 100%; margin-bottom: 1.5rem; flex-grow: 0; flex-shrink: 0; } .m-blog-card__content { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; padding: 0 1.5rem 1.5rem; } .m-blog-card__title { font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 2rem; } @media (min-width: 48em) { .m-blog-card__title { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .m-blog-card__title { font-size: 1.5rem; } } .articles-promo-section .m-title-lined { padding-bottom: 40px; } .plan-card-section .m-title-lined { padding-bottom: 40px; } @supports (display: flex) { @media (min-width: 60em) { .m-blog-card--featured { display: flex; flex-direction: row-reverse; align-items: stretch; max-width: 100%; grid-column: 1 / 5; } .m-blog-card--featured .m-blog-card__image { flex: 1 1 auto; max-width: 65%; margin-bottom: 0; } .m-blog-card--featured .m-blog-card__content { height: auto; padding: 2.5rem; max-width: 35%; flex: 0 0 35%; justify-content: center; } .m-blog-card--featured .m-blog-card__title { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; max-width: 100%; } } @media (min-width: 60em) and (min-width: 48em) { .m-blog-card--featured .m-blog-card__title { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 60em) and (min-width: 48em) and (min-width: 75em) { .m-blog-card--featured .m-blog-card__title { font-size: 2rem; } } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .m-blog-card--featured .m-blog-card__image .u-aspect-2x1 { padding-top: calc(2/3 * 100%); } } .m-blog-card--featured .m-image-card__link { margin-top: 0; } .m-blog-card--featured .u-white-background { background-color: #FFFFFF; padding: 2.5rem 2.5rem 2.5rem 0; } .m-blog-card--light { background: #FFFFFF; border-radius: 0; align-items: center; } .m-blog-card--light .m-blog-card__image > div[class*="u-aspect"] { border-radius: 5px; } .m-contact-card { display: flex; flex-direction: column; align-items: flex-start; height: 100%; background: #FFFFFF; padding: 1.5rem; border-radius: 5px; color: currentColor; color: #FFFFFF; background: #0079D0; } .m-contact-card a { color: #FFFFFF; font-family: "Univers LT W01_65 Bold1475968", sans-serif; border-bottom: 2px solid; } .m-contact-card a:after { display: none; } .m-contact-card__heading { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; } .m-contact-card__title { font-size: 1.125rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; padding-right: 1rem; } .m-contact-card__footer { margin-top: auto; } .m-contact-card__icon { flex-grow: 0; flex-shrink: 0; } .m-video-text { display: flex; align-items: center; } .m-video-text > p:last-of-type { margin-bottom: 0; } .m-video-text__icon { margin-right: 1rem; flex-grow: 0; flex-shrink: 0; background: #0079D0; } .m-video-text__icon > svg > path { fill: #FFFFFF; } .m-column-block--single .m-column-block__content { max-width: none; } @media (min-width: 60em) { .m-column-block--fullwidth { grid-column: 1/4; } } .m-column-block--fullwidth .m-column-block__content { font-size: 1rem; max-width: 1000px; } .m-column-block__header { display: flex; align-items: center; margin-bottom: .75rem; } .m-column-block__icon { flex-grow: 0; flex-shrink: 0; margin-right: 1rem; } .m-column-block__title { font-size: 1.125rem; font-weight: 700; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } .m-column-block__content ol:not(.m-icon-list):not(.no-bullets) { counter-reset: number; padding-left: 1rem; } .m-column-block__content ol:not(.m-icon-list):not(.no-bullets) > li { margin-bottom: .5rem; } .m-column-block__content ol:not(.m-icon-list):not(.no-bullets) > li:last-child { margin-bottom: 0; } .m-column-block__content ol:not(.m-icon-list):not(.no-bullets) > li:before { counter-increment: number; content: counters(number, ".") ". "; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1.5em; /* Also needed for space (tweak if needed) */ margin-left: -1.5em; /* Also needed for space (tweak if needed) */ } .m-column-block__content ul:not(.m-icon-list):not(.no-bullets) { padding-left: 1rem; } .m-column-block__content ul:not(.m-icon-list):not(.no-bullets) > li { margin-bottom: .5rem; } .m-column-block__content ul:not(.m-icon-list):not(.no-bullets) > li:last-child { margin-bottom: 0; } .m-column-block__content ul:not(.m-icon-list):not(.no-bullets) > li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #8192a4; font-weight: bold; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .m-column-block__content ul:not(.m-icon-list):not(.no-bullets) ul > li:first-child { margin-top: .5rem; } @media (min-width: 48em) { .m-column-block__header--icon + .m-column-block__content { margin-left: 4rem; } } @media (min-width: 60em) { .m-column-block__content { max-width: 480px; } } .l-grid--1up .m-column-block__content { max-width: none; } .m-icon-list { list-style: none; padding-left: 0; } .m-icon-list > li { font-size: 1.125rem; margin-bottom: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; } .m-icon-list > li p:last-of-type { margin-bottom: 0; } .m-icon-list > li:before { display: none; } .m-icon-list > li .item { display: flex; } .m-icon-list > li .item.sub-copy { font-family: "Univers LT W01_55 Roman1475956", sans-serif; font-size: 0.875rem; margin-left: 55px; display: block; } .m-icon-list--sm > li { font-family: "Univers LT W01_55 Roman1475956", sans-serif; font-size: 0.875rem; } .m-icon-list.icon-list-2-col { display: flex; flex-direction: column; flex-wrap: wrap; gap: 4%; } .m-icon-list.icon-list-2-col li { flex: 1 1 46%; } @media (min-width: 48em) { .m-icon-list.icon-list-2-col { flex-direction: row; } } .m-icon-list.l-grid--3up > li { display: flex; align-items: center; } .m-icon-list.l-grid--3up > li .item { align-items: center; } .m-icon-list__icon { flex-grow: 0; flex-shrink: 0; margin-right: 0.75rem; } .icon-list-section { padding: 3.5rem 0; } @media (min-width: 48em) { .icon-list-section { padding: 4.5rem 0; } } .m-accordion { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #CED4DA; } .m-accordion.is-active .m-accordion__btn { color: #0079D0; } .m-accordion.is-active .m-accordion__btn .a-icon-circle { transform: rotate(180deg); background: #0079D0; } .m-accordion.is-active .m-accordion__btn .a-icon-circle > svg path { stroke: #FFFFFF; } .m-accordion.is-active .m-accordion__content { opacity: 1; visibility: visible; max-height: 100vh; overflow: auto; margin-top: 1.25rem; } .m-accordion.is-active .m-accordion__content > p { opacity: 1; transition-delay: 0; } .m-accordion.is-active .m-accordion__content ul { padding-left: 1rem; } .m-accordion.is-active .m-accordion__content ul > li { margin-bottom: .5rem; } .m-accordion.is-active .m-accordion__content ul > li:last-child { margin-bottom: 0; } .m-accordion.is-active .m-accordion__content ul > li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #8192a4; font-weight: bold; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .m-accordion.is-active .m-accordion__content ul ul > li:first-child { margin-top: .5rem; } .m-accordion__btn { width: 100%; display: flex; font-family: "Univers LT W01_55 Roman1475956", sans-serif; align-items: center; justify-content: space-between; appearance: none; border: none; background: none; font-size: 1.125rem; color: #6D7883; padding: 0; cursor: pointer; text-align: left; } .m-accordion__btn .a-icon-circle { flex-grow: 0; flex-shrink: 0; margin-left: .5rem; } .m-accordion__btn .a-icon-circle > svg { max-width: .625rem; } .m-accordion__btn:hover, .m-accordion__btn:focus { outline: none; color: #0079D0; } .m-accordion__content { opacity: 0; max-height: 0vh; visibility: hidden; overflow: hidden; transition: .25s; } .m-accordion__content > p { opacity: 0; transition: 0.5s; transition-delay: .25s; } .m-article iframe { width: 100%; margin-bottom: 1rem; } .m-article__back { display: inline-block; position: relative; margin-bottom: 1.5rem; } @media (min-width: 48em) { .m-article__back { transform: translateY(30px); margin-bottom: 0; } } .m-article__hero { margin-top: 3.5rem; margin-bottom: 3.5rem; padding-bottom: 50%; position: relative; overflow: hidden; border-radius: 5px; } .m-article__hero > img { position: absolute; top: 0; left: 0; width: 100%; } .modal__container { overflow-x: hidden; } .modal__container #concierge .go-test { display: none; } .modal__container #concierge.go-test-active .go-control { display: none; } .modal__container #concierge.go-test-active .go-test { display: block; } .modal__container #concierge .modal__header { margin-left: -2.5rem; margin-right: -2.5rem; } .modal__container #concierge .a-btn--decision { position: relative; padding: 2rem 2.4rem 2rem 2rem; color: #002C4C; } .modal__container #concierge .a-btn--decision:after { position: absolute; right: 12px; background-color: transparent; } .modal__container #concierge .justify-content-start { justify-content: flex-start; } .modal__container #concierge .order-last { order: 1; } .m-icon-nav { display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; } @media (min-width: 37.5em) { .m-icon-nav { flex-direction: row; align-items: center; justify-content: space-around; } } .m-icon-nav > li { flex-grow: 1; flex-shrink: 0; width: min-content; align-self: start; } .m-icon-nav > li > a { display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; margin: 0.75rem 1rem; } @media (min-width: 37.5em) { .m-icon-nav > li > a { flex-direction: column; padding: 1.5rem; margin: 0; } .m-icon-nav > li > a:hover { background-color: #F8F9FA; } } .m-icon-nav > li > a img { width: 2.5rem; } @media (min-width: 37.5em) { .m-icon-nav > li > a img { width: 3.25rem; } } @media (min-width: 48em) { .m-icon-nav > li > a img { width: 4rem; } } .m-icon-nav > li > a .link, .m-icon-nav > li > a a { margin: 0 0 0 0.75rem; } @media (min-width: 37.5em) { .m-icon-nav > li > a .link, .m-icon-nav > li > a a { margin: 0.75rem 0 0 0; } } .m-icon-nav > li > a::before { display: none; } .m-icon-nav > li > a::after { display: none; } .m-icon-nav > li > a .link-alt { margin: 0 0 0 0.75rem; text-decoration-line: underline; text-decoration-color: #05426E; text-decoration-thickness: 2px; text-underline-position: under; } .m-icon-nav > li > a .link-alt:hover { text-decoration-thickness: 4px; } .m-icon-nav > li > a .link-alt span { display: block; } @media (min-width: 37.5em) { .m-icon-nav > li > a .link-alt { margin: 0.75rem 0 0 0; } } .m-icon-nav-multi-line { display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; } @media (min-width: 37.5em) { .m-icon-nav-multi-line { flex-direction: row; align-items: center; justify-content: space-around; } } .m-icon-nav-multi-line > li { flex-grow: 1; flex-shrink: 0; } .m-icon-nav-multi-line > li > a { display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; margin: 0.75rem 1rem; } @media (min-width: 37.5em) { .m-icon-nav-multi-line > li > a { flex-direction: column; padding: 1.5rem; margin: 0; } .m-icon-nav-multi-line > li > a:hover { background-color: #F8F9FA; } } .m-icon-nav-multi-line > li > a img { width: 2.5rem; } @media (min-width: 37.5em) { .m-icon-nav-multi-line > li > a img { width: 3.25rem; } } @media (min-width: 48em) { .m-icon-nav-multi-line > li > a img { width: 4rem; } } .m-icon-nav-multi-line > li > a .label-wrap { margin: 0 0 0 0.75rem; } .m-icon-nav-multi-line > li > a .label-wrap .link, .m-icon-nav-multi-line > li > a .label-wrap a { display: inherit; } .m-icon-nav-multi-line > li > a .label-wrap .link:hover, .m-icon-nav-multi-line > li > a .label-wrap a:hover { pointer-events: none; } .m-icon-nav-multi-line > li > a .label-wrap .label1 span { display: initial; margin: 0 0 0 4px; } .m-icon-nav-multi-line > li > a .label-wrap .label2 { display: none; } .m-icon-nav-multi-line > li > a .label-wrap:hover .link:after, .m-icon-nav-multi-line > li > a .label-wrap:hover a:after { height: 9px; } @media (min-width: 37.5em) { .m-icon-nav-multi-line > li > a .label-wrap { margin: 0.75rem 0 0 0; } .m-icon-nav-multi-line > li > a .label-wrap .label1 span { display: none; } .m-icon-nav-multi-line > li > a .label-wrap .label2 { display: inline-block; } } .m-icon-nav-multi-line > li > a::before { display: none; } .m-icon-nav-multi-line > li > a::after { display: none; } body.video-modal-active #video-modal-container { height: auto; } body.video-modal-active #video-modal-container .video-modal-overlay { height: auto; } body.video-modal-active #video-modal-container .video-modal-wrap { height: auto; } body.no-scroll { overflow: hidden; } #video-modal-container { overflow: hidden; height: 0; } #video-modal-container .video-modal-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2000; } #video-modal-container .video-modal-wrap { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: 0; padding: 0 5%; z-index: 2001; } #video-modal-container .video-modal-wrap #iframe-wrap { position: relative; padding-bottom: 56.25%; padding-top: 0; } #video-modal-container .video-modal-wrap #iframe-wrap .video-close { position: absolute; top: -30px; right: 0; cursor: pointer; } #video-modal-container .video-modal-wrap #iframe-wrap iframe { position: absolute; top: 0; left: 10000px; width: 100%; height: 0; border: 0; } #video-modal-container .video-modal-wrap #iframe-wrap iframe.active { left: 0; height: 100%; } /** * Components: Aesthetic styling for reusable * chunks of HTML */ .c-header__sub { padding-top: 1rem; padding-bottom: 1rem; background: #00223B; } .c-header__sub-inner { display: flex; justify-content: flex-end; width: 100%; padding-left: 51px; } .c-header__search { display: flex; flex-direction: row-reverse; margin-right: 1rem; } .c-header__search-input { display: none; } .c-header__search.is-open .c-header__search-input { width: calc(100% - 80px); opacity: 1; visibility: visible; background: #04385E; z-index: 1; display: block; } .c-header__search.is-open .c-header__search-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #04385E; } @media (min-width: 48em) { .c-header__search { margin-right: 2rem; } .c-header__search-input { display: block; } .c-header__search.is-open .c-header__search-input { width: 300px; } } .c-header__search-btn { display: flex; appearance: none; position: absolute; min-height: 41px; left: 1.5rem; width: 40px; align-items: center; color: #FFFFFF; background: none; border: none; line-height: 1; padding: .5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; z-index: 40; } @media (min-width: 48em) { .c-header__search-btn { position: inherit; padding: .5rem 0 .5rem 1rem; width: auto; min-height: inherit; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-header__search-btn > svg { height: 24px; } } .c-header__search-input { position: absolute; left: 61px; right: 1.5rem; opacity: 0; min-height: 41px; border: none; color: #FFFFFF; background: transparent; border-color: #04385E; border-top-right-radius: 5px; border-bottom-right-radius: 5px; transition: 0.5s; z-index: -1; width: auto; } .c-header__search-input::placeholder { color: #FFFFFF; font-family: "Univers LT W01_65 Bold1475968", sans-serif; } .c-header__search-input:focus { outline: none; border: none; } @media (min-width: 48em) { .c-header__search-input { display: block; opacity: 1; position: inherit; width: 80px; min-height: inherit; z-index: 40; } } .c-header__callout { display: flex; justify-content: space-between; align-items: baseline; flex: 0 0 auto; padding: .5rem; color: #FFFFFF; background: #0079D0; border-radius: 5px; font-family: "Univers LT W01_65 Bold1475968", sans-serif; font-size: 12px; } @media (min-width: 23em) { .c-header__callout { font-size: 1rem; padding: .5rem 1rem; } } .c-header__callout-list { display: flex; margin-left: .5rem; } .c-header__callout-list > li { margin: 0 .5rem; } .c-header__callout-list > li:last-child { margin-right: 0; } .c-header__callout-list > li > a { color: #FFFFFF; } .c-header__callout-list > li > a:before, .c-header__callout-list > li > a:after { display: none; } .c-header__main { padding-top: 1.5rem; padding-bottom: 1.5rem; background: #002C4C; } .c-header__main.c-header-landing { background: #00223B; } .c-header__inner { display: flex; justify-content: space-between; align-items: center; } .c-header__burger { display: block; appearance: none; border: none; background: none; } .c-header__burger .c-header__burger-line { position: relative; display: block; height: 2px; width: 18px; margin: 4px 0; background: #FFFFFF; transform-origin: center; border-radius: 2px; } .c-header__burger.is-active .c-header__burger-line:nth-child(1) { transform: rotate(45deg); top: 3px; } .c-header__burger.is-active .c-header__burger-line:nth-child(2) { display: none; } .c-header__burger.is-active .c-header__burger-line:nth-child(3) { transform: rotate(-45deg); bottom: 3px; } @media (min-width: 60em) { .c-header__burger { display: none; } } .c-header__nav { position: absolute; opacity: 0; visibility: hidden; top: 13rem; left: 1.25rem; right: 1.25rem; background: #FFFFFF; border-radius: 5px; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05); padding: 1.5rem; z-index: 920; transition: 0.5s; } .c-header__nav.is-open { opacity: 1; visibility: visible; top: 11rem; } @media (min-width: 60em) { .c-header__nav { position: inherit; top: auto; left: auto; right: auto; opacity: 1; visibility: visible; overflow-x: visible; background: none; box-shadow: none; padding: 0; } } .c-primary-nav__item { position: relative; padding: .25rem 0; } .c-primary-nav__item > a, .c-primary-nav__item > h2 { position: relative; display: block; font-size: 1rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; color: #111111; cursor: default; } .c-primary-nav__item > a:after, .c-primary-nav__item > h2:after { content: ""; display: block; position: absolute; bottom: -4px; width: 100%; height: 0; opacity: 0; background: #199EFF; } @media (min-width: 60em) { .c-primary-nav__item > a, .c-primary-nav__item > h2 { color: #FFFFFF; } } .c-primary-nav__item .m-dropdown__cta a { font-size: 14px; } .c-primary-nav__item.has-mobile-dropdown:after { content: ""; border-style: solid; border-width: 0.15em 0.15em 0 0; display: inline-block; height: 0.35rem; position: absolute; top: 14px; vertical-align: top; width: 0.35rem; right: 0; transform: rotate(45deg); border-color: #8192a4; } .c-primary-nav__item.is-out { opacity: 0; height: 0; line-height: 0; padding: 0; margin: 0; visibility: hidden; } .c-primary-nav__item.is-active > a, .c-primary-nav__item.is-active:after { display: none; } .c-primary-nav__item.is-active .m-dropdown { visibility: visible; opacity: 1; left: 0; height: 100%; transition-delay: .25s; } @media (min-width: 60em) { .c-primary-nav__item { padding: 1rem 0; } .c-primary-nav__item:nth-child(n + 3) .m-dropdown { left: auto; right: 0; } .c-primary-nav__item:nth-child(3) .m-dropdown, .c-primary-nav__item:nth-child(4) .m-dropdown { left: auto; right: auto; transform: translateX(-75%); } .c-primary-nav__item:hover > a:after, .c-primary-nav__item.is-focus > a:after { height: 2px; opacity: 1; } .c-primary-nav__item:hover .m-dropdown, .c-primary-nav__item.is-focus .m-dropdown { visibility: visible; opacity: 1; } } .mobile-search-header { display: none; padding: 10px 0 20px 0; background: #002C4C; } .mobile-search-header .search-form { position: relative; } .mobile-search-header .search-form .search-icon { position: absolute; top: 8px; left: 6px; height: 22px; } .mobile-search-header .search-form input { padding: 11px 6px 11px 32px; border-radius: 5px; border-color: #00223B; background: #00223B; color: #FFFFFF; } .mobile-search-header .search-form input::placeholder { color: #FFFFFF; } .c-footer__main { padding-top: 4rem; padding-bottom: 2rem; background: #002C4C; color: #FFFFFF; } .c-footer__top { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding-bottom: 2.5rem; margin-bottom: 2.5rem; } .c-footer__top .a-logo { margin-bottom: 2rem; } @media (min-width: 48em) { .c-footer__top { flex-direction: row; align-items: center; justify-content: space-between; } .c-footer__top .a-logo { margin-bottom: 0; } } .c-footer__mid { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding-bottom: 2.5rem; margin-bottom: 2rem; } @media (min-width: 48em) { .c-footer__mid { flex-direction: row; align-items: center; justify-content: space-between; } } .c-footer__title { font-size: 1.125rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; margin-bottom: 1rem; color: #FFFFFF; } .c-footer__title:hover { text-decoration: underline; } .c-footer__title:before, .c-footer__title:after { display: none; } .c-footer__contact { font-size: 1.125rem; margin-bottom: 2rem; } .c-footer__contact span { color: #FFFFFF; margin-right: 4rem; opacity: .5; } .c-footer__contact a { color: #FFFFFF; } .c-footer__contact a:hover { text-decoration: underline; } .c-footer__contact a:before, .c-footer__contact a:after { display: none; } .c-footer__contact > li { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: .75rem; } .c-footer__contact > li:last-child { margin-bottom: 0; } @media (min-width: 48em) { .c-footer__contact { margin-bottom: 0; } } .c-footer__lang { display: flex; flex-wrap: wrap; margin-top: 1.5rem; } @includ responsive(bp-med) { .c-footer__lang { margin-top: 2rem; } } .c-footer__lang > li { margin: .5rem 1.5rem 0 0; } .c-footer__lang > li:last-child { margin-right: 0; } .c-footer__lang a { color: #8192a4; } .c-footer__lang a:hover, .c-footer__lang a:focus { color: #FFFFFF; text-decoration: underline; } .c-footer__lang a:before, .c-footer__lang a:after { display: none; } .c-footer__sub { padding-top: 2rem; padding-bottom: 2rem; background: #00223B; color: #8192a4; } .c-footer__sub img { display: inline-block; margin-right: 1rem; vertical-align: middle; } .c-footer__sub-inner { display: flex; align-items: center; width: 100%; } .c-footer-banner { position: relative; } .c-footer-banner:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #002C4C; z-index: 0; } .c-footer-banner.invert-bg:after { bottom: unset; top: 0; border-radius: 0 0 50px 0; } .c-footer-banner.remove-bg:after { display: none; } .c-footer-banner__inner { position: relative; display: flex; flex-direction: column; align-items: flex-start; border-radius: 5px; padding: 2rem 1.5rem; background: #0079D0; color: #FFFFFF; z-index: 10; } @media (min-width: 48em) { .c-footer-banner__inner { padding: 3.5rem 4.5rem; flex-direction: row; align-items: center; justify-content: space-between; } .c-footer-banner__inner--form { flex-direction: column; align-items: flex-start; } } @media (min-width: 60em) { .c-footer-banner__inner--form { flex-direction: row; align-items: center; } .c-footer-banner__inner--form .c-footer-banner__content { max-width: 40%; } } .c-footer-banner__content { margin-bottom: 1.5rem; } .c-footer-banner__content a { color: #fff; } .c-footer-banner__content a:before, .c-footer-banner__content a:after { background: #fff; } @media (min-width: 48em) { .c-footer-banner__content { margin-bottom: 0; } .c-footer-banner__content--lg { max-width: 75%; } .c-footer-banner__content--app { width: 60%; max-width: inherit !important; margin: 0 5% 0 0; } } @media (min-width: 60em) { .c-footer-banner__content { max-width: 33.333%; } .c-footer-banner__content--lg { max-width: 75%; } } .c-footer-banner__title { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 1rem; } @media (min-width: 48em) { .c-footer-banner__title { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 48em) and (min-width: 75em) { .c-footer-banner__title { font-size: 2rem; } } .c-footer-banner__form { display: flex; flex-direction: column; width: 100%; } .c-footer-banner__form .m-field { margin-bottom: 1rem; } .c-footer-banner__form .m-field .field-validation-error { background: #ffffff; padding: 0 0 0 4px; color: #BA160A; } .c-footer-banner__form__fields { display: flex; flex-direction: column; width: 100%; } .c-footer-banner__form__messages { margin-top: 1rem; } @media (min-width: 48em) { .c-footer-banner__form { flex-direction: column; width: auto; } .c-footer-banner__form__fields { flex-direction: row; align-items: center; width: auto; } .c-footer-banner__form .m-field { min-width: 295px; margin-right: 1rem; margin-bottom: 0; } } .app-images { margin: 0 auto; } .app-images .app-img { display: flex; justify-content: center; margin-bottom: 16px; } .app-images .app-img:last-of-type { margin-bottom: 0; } .app-images .app-img a { line-height: 0; } .app-images .app-img a:before, .app-images .app-img a:after { display: none; } .app-images .app-img a img { max-width: none; } @media (min-width: 48em) { .app-images { float: left; width: 35%; margin-top: .5rem; } } .u-has-background.u-margin-bottom-large + .c-footer-banner { margin-top: -4.5rem; } body.app-banner-active .app-banner-section { display: inherit; overflow: auto; height: auto; opacity: 1; } body.app-banner-active .app-banner-section .app-banner-overlay { height: auto; } body.app-banner-active .app-banner-section .app-banner { display: inherit; } @media (min-width: 48em) { body.app-banner-active .app-banner-section.mobile-only { display: none; } } body.no-scroll { overflow: hidden; } .app-banner-section { overflow: hidden; opacity: 0; height: 0; transition: opacity 500ms ease; } .app-banner-section.modal-banner .app-banner-overlay { display: block; } .app-banner-section.modal-banner .app-banner-wrap { position: static; max-width: none; } .app-banner-section.modal-banner .app-banner-wrap .app-banner { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 75rem; width: 90%; margin: 0 auto; } .app-banner-section.fixed-banner .app-banner-wrap .app-banner { position: fixed; bottom: 0; left: 0; right: 0; max-width: 75rem; margin: 0 auto; } .app-banner-section .app-banner-overlay { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); height: 0; z-index: 2000; } .app-banner-section .app-banner-wrap { position: relative; max-width: 75rem; margin: 0 auto; } .app-banner-section .app-banner-wrap .app-banner { display: none; border-radius: 5px; padding: 36px 24px; background-color: #0079D0; color: #FFFFFF; overflow: auto; z-index: 2001; } .app-banner-section .app-banner-wrap .app-banner .banner-close { position: absolute; top: 10px; right: 10px; cursor: pointer; } .app-banner-section .app-banner-wrap .app-banner .app-banner-content .banner-title { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 1rem; } @media (min-width: 48em) { .app-banner-section .app-banner-wrap .app-banner .app-banner-content .banner-title { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 48em) and (min-width: 75em) { .app-banner-section .app-banner-wrap .app-banner .app-banner-content .banner-title { font-size: 2rem; } } .app-banner-section .app-banner-wrap .app-banner .app-banner-content .sub-title { margin: 0 0 24px; } @media (min-width: 48em) { .app-banner-section .app-banner-wrap .app-banner .app-banner-content { width: 60%; float: left; margin: 0 5% 0 0; } .app-banner-section .app-banner-wrap .app-banner .app-banner-content .sub-title { margin: 0; } } .app-banner-section .app-banner-wrap .app-banner .app-images .app-img { display: flex; justify-content: center; margin-bottom: 16px; } .app-banner-section .app-banner-wrap .app-banner .app-images .app-img:last-of-type { margin-bottom: 0; } .app-banner-section .app-banner-wrap .app-banner .app-images .app-img a { line-height: 0; } .app-banner-section .app-banner-wrap .app-banner .app-images .app-img a:after { display: none; } @media (min-width: 48em) { .app-banner-section .app-banner-wrap .app-banner .app-images { float: left; width: 35%; } } @media (min-width: 48em) { .app-banner-section .app-banner-wrap .app-banner { padding: 56px; } } body.cta-banner-active .cta-banner-section { display: inherit; overflow: auto; height: auto; opacity: 1; } body.cta-banner-active .cta-banner-section .cta-banner-overlay { height: auto; } body.cta-banner-active .cta-banner-section .cta-banner { display: inherit; } body.no-scroll { overflow: hidden; } .banner-hidden { display: none; } .cta-banner-section { overflow: hidden; opacity: 0; height: 0; transition: opacity 500ms ease; } .cta-banner-section.modal-banner .cta-banner-overlay { display: block; } .cta-banner-section.modal-banner .cta-banner-wrap { position: static; max-width: none; } .cta-banner-section.modal-banner .cta-banner-wrap .cta-banner { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 75rem; width: 90%; margin: 0 auto; } .cta-banner-section.fixed-banner .cta-banner-wrap .cta-banner { position: fixed; bottom: 0; left: 0; right: 0; max-width: 75rem; margin: 0 auto; } .cta-banner-section .cta-banner-overlay { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); height: 0; z-index: 2000; } .cta-banner-section .cta-banner-wrap { position: relative; max-width: 75rem; margin: 0 auto; } .cta-banner-section .cta-banner-wrap .cta-banner { display: none; border-radius: 5px; padding: 36px 24px; background-color: #0079D0; color: #FFFFFF; overflow: auto; z-index: 2001; } .cta-banner-section .cta-banner-wrap .cta-banner .banner-close { position: absolute; top: 10px; right: 10px; cursor: pointer; } .cta-banner-section .cta-banner-wrap .cta-banner .cta-banner-content .banner-title { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 1rem; } @media (min-width: 48em) { .cta-banner-section .cta-banner-wrap .cta-banner .cta-banner-content .banner-title { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 48em) and (min-width: 75em) { .cta-banner-section .cta-banner-wrap .cta-banner .cta-banner-content .banner-title { font-size: 2rem; } } .cta-banner-section .cta-banner-wrap .cta-banner .cta-banner-content .sub-title { margin: 0 0 24px; } @media (min-width: 48em) { .cta-banner-section .cta-banner-wrap .cta-banner .cta-banner-content { width: 60%; float: left; margin: 0 5% 0 0; } .cta-banner-section .cta-banner-wrap .cta-banner .cta-banner-content .sub-title { margin: 0; } } .cta-banner-section .cta-banner-wrap .cta-banner .cta-button a { margin: 0 auto; display: table; } @media (min-width: 48em) { .cta-banner-section .cta-banner-wrap .cta-banner .cta-button { float: left; width: 35%; } .cta-banner-section .cta-banner-wrap .cta-banner .cta-button a { margin: 6% auto 0; } } @media (min-width: 48em) { .cta-banner-section .cta-banner-wrap .cta-banner { padding: 56px; } } body.email-banner-active .email-banner-section { overflow: auto; height: auto; opacity: 1; } body.email-banner-active .email-banner-section .email-banner-overlay { height: auto; } body.no-scroll { overflow: hidden; } .email-banner-section { overflow: hidden; opacity: 0; height: 0; transition: opacity 500ms ease; } .email-banner-section.banner-modal .email-banner-overlay { display: block; } .email-banner-section.banner-modal .email-banner-wrap { position: static; max-width: none; } .email-banner-section.banner-modal .email-banner-wrap .email-banner { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 75rem; width: 90%; margin: 0 auto; } .email-banner-section.banner-footer .email-banner-wrap .email-banner { position: fixed; bottom: 0; left: 0; right: 0; max-width: 75rem; margin: 0 auto; } .email-banner-section .email-banner-overlay { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); height: 0; z-index: 2000; } .email-banner-section .email-banner-wrap { position: relative; max-width: 75rem; margin: 0 auto; } .email-banner-section .email-banner-wrap .email-banner { border-radius: 5px; padding: 2rem 1.5rem; background-color: #0079D0; color: #FFFFFF; overflow: auto; z-index: 2001; } .email-banner-section .email-banner-wrap .email-banner .banner-close { position: absolute; top: 10px; right: 10px; cursor: pointer; } .email-banner-section .email-banner-wrap .email-banner .email-banner-content .banner-title { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 1rem; } @media (min-width: 48em) { .email-banner-section .email-banner-wrap .email-banner .email-banner-content .banner-title { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 48em) and (min-width: 75em) { .email-banner-section .email-banner-wrap .email-banner .email-banner-content .banner-title { font-size: 2rem; } } @media (min-width: 48em) { .email-banner-section .email-banner-wrap .email-banner .email-banner-content { width: 35%; float: left; margin: 0 5% 0 0; } } .email-banner-section .email-banner-wrap .email-banner .email-banner-form .email-banner-fields .col-1 { margin: 0 0 1rem 0; } .email-banner-section .email-banner-wrap .email-banner .email-banner-form .email-banner-fields .col-2 .a-btn { min-width: unset; } @media (min-width: 48em) { .email-banner-section .email-banner-wrap .email-banner .email-banner-form { width: 60%; float: left; } .email-banner-section .email-banner-wrap .email-banner .email-banner-form .email-banner-fields { margin: 7% 0 0 0; } .email-banner-section .email-banner-wrap .email-banner .email-banner-form .email-banner-fields .col-1 { float: left; width: 60%; margin: 0 5% 0 0; } .email-banner-section .email-banner-wrap .email-banner .email-banner-form .email-banner-fields .col-2 { float: left; width: 35%; } } .c-contact-cards { position: relative; padding-bottom: 3.5rem; } .c-contact-cards:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 175px; background: #002C4C; z-index: -1; } @media (min-width: 48em) { .c-contact-cards { padding-bottom: 0; } .c-contact-cards:after { height: 50%; } } /*------------------------------------*\ #HERO \*------------------------------------*/ /** * Hero only VARS * The radius changes from desktop to mobile so the base height will change at declaration */ /** * Hero block element */ .c-hero { display: flex; flex-direction: column; } .c-hero.remove-radius .c-hero__inner { border-radius: 0; } .c-hero--hp { background-color: #F8F9FA; } /** * Inner section of the hero. * 1) Sets the background, spacing etc for the content area of the hero. */ .c-hero__inner { position: relative; padding: 1rem 0 3.5rem; background: #002C4C; color: #FFFFFF; border-radius: 0 0 25px 0; z-index: 50; } @media (min-width: 48em) { .c-hero__inner { padding: 2rem 0 4.5rem; border-radius: 0 0 50px 0; } } /** * Wrapper around the content of the hero only. */ .c-hero__content .m-page-header__title { line-height: 48px; } .c-hero__content .a-btn { margin-top: 8px; } .c-hero__content--landing { border-left: 5px solid #007BD4; padding-left: 25px; } .c-hero__content--landing .m-page-header__title { font-family: "Univers LT W01_59 Ult Cond", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 69px; line-height: 69px; letter-spacing: 0.01em; text-transform: uppercase; } .c-hero__content--landing .m-page-header__title span { color: #007BD4; } .c-hero__content--hp .a-btn:first-of-type { margin-right: 20px; margin-bottom: 12px; } @media (min-width: 60em) { .c-hero__content { max-width: 70%; } .c-hero__content .m-page-header__title { margin-bottom: 16px; } .c-hero__content .m-page-header__leadin { line-height: 29px; } .c-hero__content .a-btn { margin-top: 20px; } .c-hero__content--hp { padding-left: 5vw; } .c-hero__content--hp .m-page-header__title { line-height: 72px; } .c-hero__content--no-cta { max-width: 100%; } } /** * Grid holder for content * 1) This is only used for the version of the hero that has content on left and button on right. */ .c-hero__grid { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } @media (min-width: 48em) { .c-hero__grid { flex-direction: row; align-items: flex-end; justify-content: space-between; } .c-hero__grid .m-page-header__leadin { margin-bottom: 0; } } /** * Containing block for the hero * 1) Border radius changes from mobile to desktop so height and offset are based on the VAR base values * above * 2) Image uses object to be treated like a BG but used image so could utilize srcset for mobile images */ .c-hero__image { position: relative; margin-top: -25px; border-radius: 0 0 25px 0; overflow: hidden; height: 345px; z-index: 40; } @media (min-width: 48em) { .c-hero__image { margin-top: -50px; height: 370px; border-radius: 0 0 50px 0; } .c-hero__image--hp { height: 395px; } } .c-hero__image > img { display: block; max-width: none; height: auto; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @supports (object-fit: cover) { .c-hero__image > img { position: static; top: 0; left: 0; height: 100%; transform: none; object-fit: cover; object-position: center; } } .c-tab-nav { position: relative; display: block; background: #0079D0; touch-action: manipulation; } .c-tab-nav.bg-grey .is-current a::after { background: #F8F9FA; } .c-tab-nav__scroll { display: block; padding: 1rem 0; overflow: auto; -ms-overflow-style: -ms-autohiding-scrollbar; /* IE and Edge */ scrollbar-width: none; /* Firefox */ -webkit-overflow-scrolling: touch; } .c-tab-nav__scroll::-webkit-scrollbar { display: none; } .c-tab-nav__list { display: flex; align-items: center; } .c-tab-nav__item { margin: 0; font-family: "Univers LT W01_65 Bold1475968", sans-serif; white-space: nowrap; line-height: 1; } .c-tab-nav__item:first-child { margin-left: 0; } .c-tab-nav__item:last-child { margin-right: 0; } .c-tab-nav__item > a { position: relative; padding: 0 2rem; color: #FFFFFF; line-height: 1.2; } .c-tab-nav__item > a:before { opacity: 0; } .c-tab-nav__item > a:after { display: none; transform: none; } .c-tab-nav__item > a:focus { outline: #00223B auto 2px !important; z-index: 10; } .c-tab-nav__item.is-current { position: relative; background: #FFFFFF; margin-right: 0; } .c-tab-nav__item.is-current:before, .c-tab-nav__item.is-current:after { content: ""; display: block; position: absolute; top: 0rem; bottom: -1rem; width: 1rem; z-index: 1; } .c-tab-nav__item.is-current:before { left: -1rem; border-radius: 0 0 5px; box-shadow: 5px 0 0 0 #FFFFFF; } .c-tab-nav__item.is-current:after { right: -1rem; border-radius: 0 0 0 5px; box-shadow: -5px 0 0 0 #FFFFFF; } .c-tab-nav__item.is-current > a { position: relative; color: #0079D0; } .c-tab-nav__item.is-current > a:after { content: ""; display: block; background: #FFFFFF; border-top-left-radius: 5px; border-top-right-radius: 5px; position: absolute; top: -.5rem; bottom: -1rem; width: 100%; height: auto; opacity: 1; } .c-tab-nav__control { background-color: inherit; background-image: url("data:image/svg+xml,%3Csvg width='12px' height='12px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='%23ffffff' stroke='%23ffffff' stroke-width='1' d='M20 .755l-14.374 11.245 14.374 11.219-.619.781-15.381-12 15.391-12 .609.755z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; border-radius: 0; border: none; bottom: 0; color: #FFFFFF; padding: 1rem; position: absolute; top: 0; z-index: 2; display: none; } .c-tab-nav__control::before { content: ''; border-right: 1px solid #FFFFFF; display: block; height: 65%; position: absolute; top: 50%; transform: translateY(-50%); } .c-tab-nav__control--left { left: 0; } .c-tab-nav__control--left::before { right: -1px; } .c-tab-nav__control--right { right: 0; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='%23ffffff' stroke='%23ffffff' stroke-width='1' d='M4 .755l14.374 11.245-14.374 11.219.619.781 15.381-12-15.391-12-.609.755z'/%3E%3C/svg%3E"); } .c-tab-nav__control--right::before { left: -1px; } .c-tab-nav__control.active { display: block; } .c-hero + .c-tab-nav { position: relative; } .c-hero + .c-tab-nav::before { content: ''; display: block; position: absolute; top: -50px; width: 100%; background: #0079D0; height: 50px; } .fifty-fifty-section { padding: 3.5rem 0; } .fifty-fifty-section.infobox-padding .c-fifty-fifty__media { margin-bottom: 0; } @media (min-width: 60em) { .fifty-fifty-section.infobox-padding { padding: 4.5rem 0 2rem 0; } } @media (min-width: 48em) { .fifty-fifty-section { padding: 4.5rem 0; } } .c-fifty-fifty { display: flex; flex-direction: column-reverse; } @media (min-width: 60em) { .c-fifty-fifty { flex-direction: row-reverse; align-items: center; } .c-fifty-fifty--rev { flex-direction: row; } .c-fifty-fifty--rev .c-fifty-fifty__copy { padding-right: 3.5rem; padding-left: 0; } } @media (min-width: 70em) { .c-fifty-fifty--rev .c-fifty-fifty__copy { padding-right: 7.56rem; } } .c-fifty-fifty__copy ul:not(.m-icon-list) { padding-left: 1rem; } .c-fifty-fifty__copy ul:not(.m-icon-list) > li { margin-bottom: .5rem; } .c-fifty-fifty__copy ul:not(.m-icon-list) > li:last-child { margin-bottom: 0; } .c-fifty-fifty__copy ul:not(.m-icon-list) > li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #8192a4; font-weight: bold; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .c-fifty-fifty__copy ul:not(.m-icon-list) ul > li:first-child { margin-top: .5rem; } .c-fifty-fifty__copy ol { counter-reset: number; padding-left: 1rem; } .c-fifty-fifty__copy ol > li { margin-bottom: .5rem; } .c-fifty-fifty__copy ol > li:last-child { margin-bottom: 0; } .c-fifty-fifty__copy ol > li:before { counter-increment: number; content: counters(number, ".") ". "; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1.5em; /* Also needed for space (tweak if needed) */ margin-left: -1.5em; /* Also needed for space (tweak if needed) */ } @media (min-width: 60em) { .c-fifty-fifty__copy { flex: 0 0 50%; max-width: 50%; padding-left: 3.5rem; } } @media (min-width: 70em) { .c-fifty-fifty__copy { padding-left: 7.56rem; } } .c-fifty-fifty__media { margin-bottom: 2rem; line-height: 1; } .c-fifty-fifty__media > img { display: block; width: 100%; border-radius: 5px; } .c-fifty-fifty__media .infobox { background: #D7EEFF; border-radius: 5px; padding: 20px; position: relative; top: -2rem; margin: 0 4%; } .c-fifty-fifty__media .infobox .icon-wrap { height: 24px; width: 24px; } .c-fifty-fifty__media .infobox .icon-wrap svg { height: 100%; width: 100%; } .c-fifty-fifty__media .infobox h4 { font-size: 16px; padding: 16px 0; } @media (min-width: 60em) { .c-fifty-fifty__media .infobox { top: -2.5rem; } } @media (min-width: 60em) { .c-fifty-fifty__media { margin-bottom: 0; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 60em) { .c-fifty-fifty__media.infographic { padding: 0 4%; } } .c-fifty-fifty__media.infographic .infographic-block .plan { border-top: 6px solid #0079D0; } .c-fifty-fifty__media.infographic .infographic-block .plan .item-wrap .item { flex-basis: 50%; align-items: center; } .c-fifty-fifty__media.infographic .infographic-block .plan .item-wrap .item .icon-wrap { margin: 0 0 14px 0; height: 48px; width: 48px; } .c-fifty-fifty__media.infographic .infographic-block .plan .item-wrap .item .icon-wrap svg { height: 100%; width: 100%; } .c-fifty-fifty__video { position: relative; appearance: none; background: none; border: none; display: block; margin: 0; padding: 0; } .c-fifty-fifty__video > img { display: block; border-radius: 5px; } .c-fifty-fifty__video:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.25); z-index: 30; opacity: 0; transition: 0.5s; } .c-fifty-fifty__video:after { content: ""; position: absolute; top: 50%; left: 50%; width: 4rem; height: 4rem; transform: translate(-50%, -50%); background-size: contain; background: url(/src/assets/img/fifty-fifty-play.svg); z-index: 30; transition: 0.5s; will-change: transform; } .c-fifty-fifty__video:hover:before, .c-fifty-fifty__video:focus:before { opacity: 1; } .c-fifty-fifty__video:hover:after, .c-fifty-fifty__video:focus:after { transform: translate(-50%, -50%) scale(1.125); } .c-fifty-fifty__title { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 1rem; } @media (min-width: 48em) { .c-fifty-fifty__title { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 48em) and (min-width: 75em) { .c-fifty-fifty__title { font-size: 2rem; } } .c-fifty-fifty__button { margin-top: 1rem; } .c-fifty-fifty .a-btn { margin-top: 1rem; } .c-fifty-fifty-spacer ~ .c-fifty-fifty-spacer { margin-top: 4.5rem; } .feature-block-color-section { display: flex; } .feature-block-color-section .l-container { display: flex; } .feature-block-color-section .feature-block-color-wrap { display: flex; flex-direction: column-reverse; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy { width: 100%; padding: 4px 20px 20px 20px; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy.grey-bg { background-color: #F8F9FA; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy.blue-bg { background-color: #0079D0; color: #ffffff; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy .feature-block-color-title { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin: 1rem 0; } @media (min-width: 48em) { .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy .feature-block-color-title { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 48em) and (min-width: 75em) { .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy .feature-block-color-title { font-size: 2rem; } } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy ul:not(.m-icon-list) { padding-left: 1rem; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy ul:not(.m-icon-list) > li { margin-bottom: .5rem; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy ul:not(.m-icon-list) > li:last-child { margin-bottom: 0; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy ul:not(.m-icon-list) > li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #8192a4; font-weight: bold; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy ul:not(.m-icon-list) ul > li:first-child { margin-top: .5rem; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy ol { counter-reset: number; padding-left: 1rem; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy ol > li { margin-bottom: .5rem; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy ol > li:last-child { margin-bottom: 0; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy ol > li:before { counter-increment: number; content: counters(number, ".") ". "; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1.5em; /* Also needed for space (tweak if needed) */ margin-left: -1.5em; /* Also needed for space (tweak if needed) */ } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy .a-btn { margin: 20px 0 0 0; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-media { width: 100%; height: 220px; background-size: cover; background-repeat: no-repeat; background-position: center; } @media (min-width: 60em) { .feature-block-color-section .feature-block-color-wrap { flex-direction: row-reverse; align-items: center; flex: 1; border-radius: 5px; overflow: hidden; } .feature-block-color-section .feature-block-color-wrap-rev { flex-direction: row; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-copy { width: 40%; padding: 47px 63px 63px 72px; } .feature-block-color-section .feature-block-color-wrap .feature-block-color-media { width: 60%; height: 100%; } } .c-banner { display: flex; flex-direction: column; align-items: flex-start; background: #F2F4F7; border-radius: 5px; border-top: 4px solid #0079D0; padding: 1.5rem; } .c-banner p:last-of-type { margin-bottom: 0; } .c-banner--nocta { background: #002C4C; color: #FFFFFF; border-top: none; } .c-banner--nocta .c-banner__content a { color: #FFFFFF; } .c-banner--nocta .c-banner__content a:before, .c-banner--nocta .c-banner__content a:after { background: #A1D7FF; } .c-banner.alert-low { border-top: none; background: #F1F9FF; border: 1px solid #A1D7FF; padding: 24px; } .c-banner.remove-border-top { border-top: none; } @media (min-width: 60em) { .c-banner { flex-direction: row; align-items: center; padding: 2rem; } } .c-banner__icon { flex-shrink: 0; flex-grow: 0; margin-bottom: 1rem; width: 40px; height: 40px; line-height: 40px; } .c-banner__icon > svg { width: 15px; } @media (min-width: 60em) { .c-banner__icon { margin-right: 2rem; margin-bottom: 0; width: 64px; height: 64px; line-height: 64px; } .c-banner__icon > svg { width: 24px; } } .c-banner__content { flex: 1 1 auto; max-width: 600px; } .c-banner__content.full-width { max-width: none; } @media (min-width: 60em) { .c-banner__content { padding-right: 2rem; } } .c-banner__title { font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: .5rem; } @media (min-width: 48em) { .c-banner__title { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .c-banner__title { font-size: 1.5rem; } } .c-banner__button { margin-top: 1.5rem; } @media (min-width: 60em) { .c-banner__button { margin-right: 2.5rem; margin-left: auto; margin-top: 0; } } .cta-button-wrap { margin-top: 32px; } .cta-button-wrap .c-banner__button { margin: 0 0 32px; } .cta-button-wrap .c-banner__button:last-of-type { margin-bottom: 0; } .cta-button-wrap.cta-center { display: flex; flex-direction: column; } @media (min-width: 60em) { .cta-button-wrap { margin-top: 0; width: 100%; max-width: 33%; } .cta-button-wrap .c-banner__button { margin: 0 auto 32px; float: right; } } .c-banner-section.u-has-background .m-section { margin-top: 0; margin-bottom: 0; } @keyframes progressBar { from { transform: translateX(-100%); } to { transform: translateX(0); } } .js-card-carousel { margin-right: -1.25rem; width: calc(100% + 1.25rem) !important; } @media (min-width: 60em) { .js-card-carousel { width: 100% !important; margin-right: 0; } } .js-card-carousel .glide__slide { height: auto; } .js-card-carousel .glide__bullets { display: flex; width: 100%; margin-top: 1.5rem; } @media (min-width: 60em) { .js-card-carousel .glide__bullets { display: none; } } .js-card-carousel .glide__bullet { display: block; position: relative; overflow: hidden; appearance: none; background: none; text-align: center; border: none; margin: 0 1rem; padding-bottom: .5rem; color: #6D7883; } .js-card-carousel .glide__bullet:after { content: ""; display: block; width: .5rem; height: .5rem; border-radius: 100%; margin: .5rem auto 0; opacity: 0; background: #0079D0; transition: 0.5s; } .js-card-carousel .glide__bullet:first-child { margin-left: 0; } .js-card-carousel .glide__bullet:last-child { margin-right: 0; } .js-card-carousel .glide__bullet:hover, .js-card-carousel .glide__bullet:focus { outline: none; color: #111111; } .js-card-carousel .glide__bullet--active { font-family: "Univers LT W01_65 Bold1475968", sans-serif; color: #111111; } .js-card-carousel .glide__bullet--active:after { opacity: 1; } .disable-slider .js-card-carousel { margin: 0; width: 100% !important; } .disable-slider .js-card-carousel .glide__track .glide__slides { flex-wrap: wrap; gap: 40px; } @media (min-width: 60em) { .disable-slider .js-card-carousel .glide__track .glide__slides { gap: 20px; } } .disable-slider .js-card-carousel .glide__track .glide__slides .glide__slide { flex-shrink: unset; flex-basis: 100%; flex-grow: 1; } @media (min-width: 60em) { .disable-slider .js-card-carousel .glide__track .glide__slides .glide__slide { flex-basis: 30%; } } .disable-slider .js-card-carousel .glide__bullets { display: none; } .c-feature-cards-hp { position: relative; z-index: 60; } .c-feature-cards-hp.remove-radius:after { border-radius: 0; } @media (min-width: 48em) { .c-feature-cards-hp.remove-radius:after { border-radius: 0; } } .c-feature-cards-hp .glide { position: relative; margin-top: -9rem; z-index: 60; } .c-feature-cards-hp .glide .glide__track { padding-top: 10px; } .c-feature-cards-hp .glide .glide__track .glide__slides { overflow: visible; } .c-feature-cards-hp .m-feat-card { background: #FFFFFF; } .c-tab__title-area { display: flex; justify-content: flex-start; flex-direction: column; } @media (min-width: 48em) { .c-tab__title-area { flex-direction: row; justify-content: space-between; align-items: flex-end; } } @media (min-width: 48em) { .c-tab__title { flex: 0 0 60%; } } .c-tab__nav { display: flex; align-items: flex-end; margin: 1rem 0; } .c-tab__nav > li { margin: 0 1.5rem; } .c-tab__nav > li:first-child { margin-left: 0; } .c-tab__nav > li:last-child { margin-left: 0; } @media (min-width: 48em) { .c-tab__nav { margin: 0; } } .c-tab__link { display: block; cursor: pointer; color: #6D7883; font-family: "Univers LT W01_65 Bold1475968", sans-serif; text-decoration: none; } .c-tab__link:after { bottom: -.5rem; background: #DEE2E6; border-radius: 1px; } .c-tab__link:hover, .c-tab__link:focus { color: #0079D0; } .c-tab__link:hover:after { height: 2px; } .c-tab__link[aria-selected] { color: #0079D0; } .c-tab__link[aria-selected]:after { background: #0079D0; } .c-acc-group + .c-acc-group { margin-top: 3rem; } .c-acc-group__title { font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 2rem; } @media (min-width: 48em) { .c-acc-group__title { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .c-acc-group__title { font-size: 1.5rem; } } .c-acc-group__group .m-accordion:last-child { border-bottom: none; margin-bottom: 0; } .c-chart { overflow: auto; max-height: 75vh; margin-top: 2.5rem; } @media (min-width: 60em) { .c-chart { overflow: inherit; max-height: none; } } .c-chart__table { border-collapse: separate; background: #ffffff; } .c-chart__table caption { position: absolute; height: 0; width: 0; overflow: hidden; } colgroup col.light-blue { background: rgba(25, 158, 255, 0.05); } .c-chart__header-row { background: rgba(129, 146, 164, 0.05); } .c-chart__header-cell { position: sticky; top: 0; z-index: 15; background: #F8F9FA; padding: 2rem 1rem; font-size: 1.125rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; border-top: 4px solid #DEE2E6; max-width: 40vw; } .c-chart__header-cell:first-child { border: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .c-chart__header-cell:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .c-chart__header-cell.remove-border-top { border-top: none; } .c-chart__header-cell.light-blue { background: #EEF5FA; } @media (min-width: 60em) { .c-chart__header-cell { min-width: inherit; } } .c-chart__row:nth-child(even) { background: rgba(129, 146, 164, 0.05); } .c-table__cell { padding: .75rem 1rem; } .c-table__cell:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .c-table__cell:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .c-table__cell[scope="row"] { font-family: "Univers LT W01_65 Bold1475968", sans-serif; } @keyframes progressBar { from { transform: translateX(-100%); } to { transform: translateX(0); } } .js-carousel.u-has-background { padding-bottom: 0; } .js-carousel .glide__slides { transform: none !important; width: auto !important; display: grid; grid-template-areas: 'slide'; } .js-carousel .glide__slide { opacity: 0; transition: opacity 0s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67); position: relative; grid-area: slide; } .js-carousel .glide__slide .c-fifty-fifty__media.custom-height > img { width: auto; margin: 0 auto; } @media (min-width: 60em) { .js-carousel .glide__slide .c-fifty-fifty__copy { margin-top: -3rem; } } .js-carousel .glide__slide--active { z-index: 1; opacity: 1; transition: opacity 1s; } .js-carousel .glide__bullets--container { position: relative; } .js-carousel .glide__bullets--container .glide__bullets { display: flex; width: 100%; padding: 0 1.25rem; margin-top: 3rem; } @media (min-width: 60em) { .js-carousel .glide__bullets--container .glide__bullets { position: absolute; padding: 0; margin: 0; left: calc(50% + 3.5rem); bottom: 0; width: calc(((75rem/2) - 3.5rem) * .75); } .js-carousel .glide__bullets--container .glide__bullets--rev { left: 1.25rem; } } @media (min-width: 70em) { .js-carousel .glide__bullets--container .glide__bullets { left: calc(50% + 7.56rem); width: calc((75rem/2) - 7.56rem); } .js-carousel .glide__bullets--container .glide__bullets--rev { left: 1.25rem; } } .js-carousel .glide__bullet { display: block; position: relative; flex: 0 1 calc(100% / 3); max-width: calc(100% / 3); overflow: hidden; appearance: none; background: none; text-align: center; border: none; margin: 0 1rem; padding-bottom: .5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; color: #6D7883; } .js-carousel .glide__bullet:first-child { margin-left: 0; } .js-carousel .glide__bullet:last-child { margin-right: 0; } .js-carousel .glide__bullet:hover { color: #0079D0; } .js-carousel .glide__bullet:focus { outline: none; } .js-carousel .glide__bullet .glide__progress { position: absolute; bottom: 0; width: 100%; height: 2px; display: block; left: 0; overflow: hidden; border-radius: 2px; background: #DEE2E6; } .js-carousel .glide__bullet .glide__progress:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 2px; display: block; opacity: 0; left: 0; border-radius: 2px; transform: translateX(-100%); background: #0079D0; will-change: transform; } .js-carousel .glide__bullet--active { color: #0079D0; } .js-carousel .glide__bullet--active .glide__progress:after { opacity: 1; animation: progressBar 9s linear forwards; } .js-carousel.paused .glide__progress:after { animation-play-state: paused; animation-delay: -9s; } @media (min-width: 37.5em) { .js-carousel.paused .glide__progress:after { animation-delay: 0ms; } } .c-cookie-notice { position: fixed; bottom: 1.5rem; width: 100%; z-index: 200; display: none; } .c-cookie-notice.show { display: block; } .c-cookie-notice__inner { display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem; color: #FFFFFF; background: #00223B; border-radius: 5px; } .c-cookie-notice__copy { flex: 0 0 70%; max-width: 70%; } .c-cookie-notice__copy > p:last-child { margin-bottom: 0; } .c-cookie-notice__copy > p:last-child > a { color: #FFFFFF; } .c-cookie-notice__button { appearance: none; background: none; border: none; } .modal { display: none; } .modal.is-open { display: block; z-index: 950; position: absolute; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); display: flex; padding: 1.5rem; justify-content: center; align-items: center; height: 100%; overflow-y: hidden; } .modal__container { background-color: #FFFFFF; padding: 2rem; width: 100%; max-width: 768px; max-height: 100vh; z-index: 950; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .modal__container { overflow-x: hidden; } } .modal__container--video { padding: 0 2.5rem 0 0; background: none; position: relative; } .modal__container--video .modal__header { margin-bottom: 0; } .modal__container--video .modal__close { position: absolute; top: 0; right: 0; color: #FFFFFF; background: #ffffff; } .modal__container--dark { position: relative; max-width: 75rem; color: #FFFFFF; padding-top: 0; } .modal__container--dark .modal__close { position: absolute; top: 3rem; right: 2.5rem; z-index: 10; } .modal__container--dark .modal__close:before { color: #8E9FB1; } .modal__container--dark .modal__content { position: relative; background: #04385E; padding: 0 2.5rem 3rem; margin: 3rem -2.5rem -2rem; } .modal__container--dark .modal__content .modal__header { padding: 2rem; margin: -3rem -2rem 3rem; background: #002C4C; position: relative; } .modal__container--dark .modal__content .modal__header:after { content: ""; display: block; height: 20px; width: 20px; position: absolute; left: 3rem; bottom: -6px; border-radius: 2px; transform: rotate(-45deg); background: #002C4C; } @media (min-width: 48em) { .modal__container--dark .modal__content .modal__header { padding: 3rem; } .modal__container--dark .modal__content .modal__header:after { left: 3rem; } } body.concierge-open .modal__container { overflow-y: auto; } .modal__container .transcript-container { background-color: #FFFFFF; padding: 32px; } .modal__container .transcript-container .transcript-header { overflow: hidden; padding: 0 0 2px 0; } .modal__container .transcript-container .transcript-header .arrow { float: right; cursor: pointer; position: relative; top: 8px; height: 8px; width: 14px; } .modal__container .transcript-container .transcript-header .arrow:before, .modal__container .transcript-container .transcript-header .arrow:after { display: none; } .modal__container .transcript-container .transcript-header .arrow .arrow-down { position: absolute; } .modal__container .transcript-container .transcript-header .arrow .arrow-up { display: none; position: absolute; } .modal__container .transcript-container .transcript-header button.arrow { border: 0; display: grid; } @media (min-width: 37.5em) { .modal__container .transcript-container .transcript-header h4 { float: left; font-size: 18px; } .modal__container .transcript-container .transcript-header a { float: left; margin: 0 0 0 20px; } } .modal__container .transcript-container .transcript-copy { height: 0; max-height: 150px; overflow: auto; clear: both; } .modal__container .transcript-container.active .arrow .arrow-down { display: none; } .modal__container .transcript-container.active .arrow .arrow-up { display: block; } .modal__container .transcript-container.active .transcript-copy { height: auto; margin: 20px 0 0 0; } .modal__inner-grid { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; } .modal__inner-grid--wrap { flex-wrap: wrap; } .modal__inner-grid--wrap li { display: contents; } .modal__inner-grid--wrap .btn-column { width: 100%; } .modal__inner-grid--wrap .btn-column .a-btn { margin: 0 0 1.5rem 0; } @media (min-width: 48em) { .modal__inner-grid--wrap .btn-column { width: calc(50% - .75rem); } .modal__inner-grid--wrap .btn-column:first-of-type { margin-right: 1.5rem; } } @media (min-width: 48em) { .modal__inner-grid--wrap .a-btn { margin: 0 .75rem 1.5rem .75rem; flex: 0 1 40%; flex: 0 1 calc(50% - 1.5rem); } } @media (min-width: 48em) { .modal__inner-grid { flex-direction: row; } } .modal__main { flex: 1 1 auto; width: 100%; } @media (min-width: 48em) { .modal__main { width: auto; } } .modal__card { padding: 2rem; background: #06558E; border-radius: 5px; } .modal__card > svg { margin-bottom: 1rem; } @media (min-width: 48em) { .modal__card { margin-left: 2.5rem; flex: 0 0 340px; } } .modal__card-title { display: block; font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; margin-bottom: 1rem; } @media (min-width: 48em) { .modal__card-title { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .modal__card-title { font-size: 1.5rem; } } .modal__video { padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; max-width: 100%; } .modal__video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; } .modal__header--respond { flex-direction: column; align-items: flex-start; } @media (min-width: 48em) { .modal__header--respond { flex-direction: row; align-items: center; } } .modal__header--smspace { margin-bottom: .5rem; } @media (min-width: 48em) { .modal__header-item { flex: 0 0 50%; max-width: 50%; } } .modal__subtitle { display: block; font-size: 1rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; } .modal__subtitle--highlight { color: #199EFF; } .modal__title { margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { .modal__title { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .modal__title { font-size: 1.5rem; } } .modal__title--lg { font-size: 1.625rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { .modal__title--lg { font-size: calc(1.375rem + 1.5vw); } } @media (min-width: 48em) and (min-width: 75em) { .modal__title--lg { font-size: 2.5rem; } } .modal__close { background: transparent; border: 0; } .modal__close:before { content: "\2715"; font-size: calc(1.275rem + 0.3vw); color: #6D7883; } @media (min-width: 75em) { .modal__close:before { font-size: 1.5rem; } } #events-list .modal__header { flex-direction: row-reverse; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } .c-form .general-form-error-message { display: none; } .c-form__row { display: flex; flex-direction: column; width: 100%; margin: 0 -.75rem; } .c-form__row .m-field { width: 100%; flex: 1 1 auto; margin: 0 .75rem 1rem; } .c-form__row .m-field--wide { flex: 2 1 auto; } .c-form__row .m-field--short { flex: 0 0 auto; } .c-form__row .m-field--w33 { flex: 1 0 auto; } .c-form__row .m-field label { color: #111111; } .c-form__row .m-field .choices__inner .choices__list .choices__placeholder { opacity: 1; color: #6D7883; } .c-form__row .m-field .choices__list--dropdown .choices__item--selectable.is-highlighted::after { opacity: 1; } .c-form__row .m-field .a-btn { padding: .75rem 2.5rem .825rem; width: 100%; } .c-form__row .m-field .input-validation-error { border-color: #FF0000; } .c-form__row .m-field .input-validation-error + .m-field__label { color: #FF0000; } @media (min-width: 48em) { .c-form__row { flex-direction: row; margin: 0 -.75rem 1rem; } .c-form__row .m-field { width: auto; margin: 0 .75rem; } .c-form__row .m-field--w33 { flex: 0 0 33%; } .c-form__row--center { align-items: center; } .c-form__row--center .m-field .a-btn { width: 100%; padding: 1rem 2.5rem; line-height: 1.25; } } .LeadGenForm .c-form__row.email-rel { position: relative; } .LeadGenForm .c-form__row.email-rel .m-field.email-info { background-color: #F8F9FA; padding: 24px; font-size: 16px; font-weight: 400; line-height: 22.4px; color: #000000; position: relative; } @media (min-width: 48em) { .LeadGenForm .c-form__row.email-rel .m-field.email-info { position: absolute; top: 18px; right: 12%; width: 50%; } } .c-form--filters .c-form__row { flex-wrap: wrap; } .c-form--filters .c-form__row .m-field { flex-grow: 0; margin: 0 .75rem 1rem; } .c-form--filters .c-form__row .m-field label { padding: 0; font-size: 0.8rem; } .c-form--filters .c-form__row .m-field--zip input { padding: 17px 1.5rem; } @media (min-width: 48em) { .c-form--filters .c-form__row .m-field--zip { flex-basis: 110px; } } .c-form--filters .c-form__row .m-field--zip input::placeholder { color: #111; } @media (min-width: 48em) { .c-form--filters .c-form__row .m-field--state { flex-basis: 225px; } } @media (min-width: 48em) { .c-form--filters .c-form__row .m-field--type { flex-basis: 180px; } } @media (min-width: 48em) { .c-form--filters .c-form__row .m-field--actions { margin: 1.2rem .75rem 1rem; } } .brochure-form-section { overflow: auto; background-color: #F8F9FA; padding: 60px 0 0 0; } .brochure-form-section .back-btn-wrap { position: relative; padding: 0 0 14px 0; } @media (min-width: 70em) { .brochure-form-section .back-btn-wrap { position: absolute; } } .brochure-form-section .brochure-form-container { position: relative; margin: 0 auto 60px auto; padding: 40px 10px 40px 10px; max-width: 840px; background-color: #ffffff; border-radius: 5px; } @media (min-width: 70em) { .brochure-form-section .brochure-form-container { padding: 40px; } } .brochure-form-section .brochure-form-container form { margin: 0; } .brochure-form-section .brochure-form-container form .state-col { width: inherit; } @media (min-width: 48em) { .brochure-form-section .brochure-form-container form .state-col { max-width: 46.7%; } } .brochure-form-section .brochure-form-container form #rcaptcha { margin: 32px 0 0 0; } .brochure-form-section .brochure-form-container form #recaptcha-error { display: block; margin-top: 0; } .brochure-form-section .brochure-form-container form #SubmitButton { margin: 40px 0 0 0; } .brochure-form-section .brochure-form-container form #confirmation-block { position: relative; margin: 40px 0 0 0; padding: 40px 20px 20px 0; border-top: 1px solid #DEE2E6; display: block; transition: all 0.5s 0s ease; } .brochure-form-section .brochure-form-container form #confirmation-block.active { display: block; } .brochure-form-section .brochure-form-container form #confirmation-block .check-blue { position: absolute; height: 40px; } .brochure-form-section .brochure-form-container form #confirmation-block .copy-block { margin: 0 0 0 55px; } .brochure-form-section .brochure-form-container form #confirmation-block .copy-block p { margin: 16px 0 0 0; color: #6D7883; } .brochure-form-section .brochure-form-container form #confirmation-block .copy-block p .scroll-top { color: #6D7883; } .brochure-form-section #confirmation-modal { overflow: hidden; } .brochure-form-section #confirmation-modal .bg-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2000; height: auto; display: block; } .brochure-form-section #confirmation-modal .confirmation-body { position: fixed; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 75rem; width: 90%; margin: 0 auto; z-index: 2001; background-color: #FFFFFF; border-radius: 5px; padding: 40px 32px; height: auto; display: block; } .brochure-form-section #confirmation-modal .confirmation-body .modal__close { position: absolute; top: 30px; right: 30px; z-index: 1; } .brochure-form-section #confirmation-modal .confirmation-body .check-blue { position: absolute; height: 40px; } .brochure-form-section #confirmation-modal .confirmation-body .confirmation-copy { position: relative; padding: 0 0 0 50px; } .brochure-form-section #confirmation-modal .confirmation-body .confirmation-copy h2 { line-height: 1; } .brochure-form-section #confirmation-modal .confirmation-body .confirmation-copy .sub-copy { margin-top: 16px; } .brochure-form-section #confirmation-modal .confirmation-body .confirmation-copy .cta-wrap { margin-top: 32px; } .brochure-form-section #confirmation-modal .confirmation-body .confirmation-copy .cta-wrap .cta-col-l { float: none; width: 100%; margin-right: 0; margin-bottom: 16px; } .brochure-form-section #confirmation-modal .confirmation-body .confirmation-copy .cta-wrap .cta-col-r { float: none; width: 100%; } .brochure-form-section #confirmation-modal .confirmation-body .confirmation-copy .cta-wrap a { display: block; font-weight: 700; white-space: normal; } @media (min-width: 60em) { .brochure-form-section #confirmation-modal .confirmation-body .confirmation-copy .cta-wrap .cta-col-l { float: left; width: 35%; margin-right: 5%; } .brochure-form-section #confirmation-modal .confirmation-body .confirmation-copy .cta-wrap .cta-col-r { float: left; width: 60%; } } .c-step-modal { position: absolute; left: -100%; visibility: hidden; opacity: 0; } .c-step__trigger { display: flex; justify-content: space-between; align-items: center; width: 100%; text-align: left; font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; padding: 2rem; white-space: inherit; margin-bottom: 1.5rem; } @media (min-width: 48em) { .c-step__trigger { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .c-step__trigger { font-size: 1.5rem; } } .c-step__trigger:after { display: none; } .c-step__trigger > span > span { display: block; margin-top: .5rem; font-size: 1.125rem; } @media (min-width: 48em) { .c-step__trigger--sm { font-size: 1.125rem; width: 75%; } } .section-tabs .section-tabs-nav { overflow: auto; margin: 0 0 40px 0; min-height: 30px; } .section-tabs .section-tabs-nav ul.tabs-nav-desktop { display: none; margin: 0; padding: 0; list-style-type: none; float: right; } .section-tabs .section-tabs-nav ul.tabs-nav-desktop li { margin: 0 24px 0 0; padding: 0; display: inline-block; } .section-tabs .section-tabs-nav ul.tabs-nav-desktop li:last-of-type { margin: 0; } .section-tabs .section-tabs-nav ul.tabs-nav-desktop li.active a { color: #0079D0; } .section-tabs .section-tabs-nav ul.tabs-nav-desktop li.active a:before, .section-tabs .section-tabs-nav ul.tabs-nav-desktop li.active a:after { background: #0079D0; } .section-tabs .section-tabs-nav ul.tabs-nav-desktop li a { padding: 0 0 4px 0; color: #05426E; font-weight: bold; } .section-tabs .section-tabs-nav ul.tabs-nav-desktop li a:before, .section-tabs .section-tabs-nav ul.tabs-nav-desktop li a:after { background: #05426E; } .section-tabs .section-tabs-nav ul.tabs-nav-desktop li a:hover { color: #0079D0; } .section-tabs .section-tabs-nav ul.tabs-nav-desktop li a:hover:after { background: #0079D0; } @media (min-width: 48em) { .section-tabs .section-tabs-nav ul.tabs-nav-desktop { display: block; } } .section-tabs .section-tabs-nav .tabs-nav-mobile { padding: 16px 8px; color: #0079D0; } @media (min-width: 48em) { .section-tabs .section-tabs-nav .tabs-nav-mobile { display: none; } } .section-tabs .section-tabs-content .u-has-background { padding: 0; } .section-tabs .section-tabs-content .tab-content { display: none; position: relative; } .section-tabs .section-tabs-content .tab-content.active { display: block; } .section-tabs .section-tabs-content .tab-content .content .title { font-size: 24px; } @media (min-width: 48em) { .section-tabs .section-tabs-content .tab-content .content .title { position: absolute; top: -100px; max-width: 48%; } } @media (min-width: 60em) { .section-tabs .section-tabs-content .tab-content .content .title { top: -70px; max-width: 58%; } } @media (min-width: 70em) { .section-tabs .section-tabs-content .tab-content .content .title { max-width: 62%; } } @media (min-width: 85em) { .section-tabs .section-tabs-content .tab-content .content .title { max-width: 100%; } } .section-tabs .section-tabs-content .tab-content .content .sub-heading { margin: 0 0 40px; padding: 0; } @media (min-width: 48em) { .section-tabs .section-tabs-content .tab-content .content .sub-heading { position: relative; top: -24px; } } .section-tabs .section-tabs-content .tab-content .content .m-section { margin: 0 0 72px; } .section-tabs .section-tabs-content .tab-content .content .m-section:last-of-type { margin: 0; } .section-tabs .section-tabs-content .tab-content .content .icon-list-section { padding: 0; } .section-tabs.section-tabs-reverse .section-tabs-nav .tabs-nav-desktop { float: none; } @media (min-width: 48em) { .section-tabs.section-tabs-reverse .section-tabs-content .tab-content .content .title { right: 0; } } .enrollment-period-section { overflow: auto; padding-bottom: 72px; } .enrollment-period-section .col-wrap { position: relative; } .enrollment-period-section .col-wrap .col-40 { margin: 0 0 30px 0; } @media (min-width: 60em) { .enrollment-period-section .col-wrap .col-40 { float: left; width: 100%; max-width: 35%; margin: 0 5% 0 0; } .enrollment-period-section .col-wrap .col-60 { float: left; width: 100%; max-width: 60%; } } .enrollment-period-section .input-col h3 { font-size: 18px; line-height: 140%; margin: 0 0 18px 0; } .enrollment-period-section .input-col h4 { font-size: 18px; line-height: 140%; margin: 0 0 18px 0; } .enrollment-period-section .input-col .input-wrap { position: relative; overflow: auto; } .enrollment-period-section .input-col .input-wrap #date { float: left; border: 3px solid #0079D0; margin: 0 18px 0 0; padding: 17px 10px; max-width: 200px; } .enrollment-period-section .input-col .input-wrap #submit-btn { float: left; padding: 8px 10px; min-width: auto; } .enrollment-period-section .input-col .error-msg { margin: 12px 0 0 0; color: red; font-size: 12px; } .enrollment-period-section .input-col .error-msg.hide { display: none; } .enrollment-period-section .input-col .footnote { margin: 16px 0 0 0; font-size: 12px; } .enrollment-period-section .result-col { overflow: hidden; } .enrollment-period-section .result-col h4 { font-size: 18px; line-height: 140%; margin: 0 0 20px 0; text-align: center; color: #002C4C; transition: transform 0.4s 0s ease; } .enrollment-period-section .result-col img { margin: 0 auto; display: block; width: 100%; } .enrollment-period-section .result-col .btm-copy { display: flex; justify-content: space-between; margin: 15px 0 0 0; } .enrollment-period-section .result-col .btm-copy .item { width: 100%; } .enrollment-period-section .result-col .btm-copy .item h5 { padding: 0 2px; color: #002C4C; font-size: 16px; transition: transform 0.4s 0s ease; } .enrollment-period-section .result-col .btm-copy .item h5#before { text-align: left; } .enrollment-period-section .result-col .btm-copy .item h5#current { text-align: center; } .enrollment-period-section .result-col .btm-copy .item h5#after { text-align: right; } .enrollment-period-section .result-col.active h4 { color: #0079D0; } .enrollment-period-section .result-col.active .item h5 { color: #0079D0; } .enrollment-period-section .result-col.zoom h4, .enrollment-period-section .result-col.zoom h5 { transform: scale(1.02); } .infographic-block.border-yellow .network, .infographic-block.border-yellow .plan { border-top: 6px solid #FFCB40; } .infographic-block.border-orange .network, .infographic-block.border-orange .plan { border-top: 6px solid #E08E47; } .infographic-block.border-lt-blue .network, .infographic-block.border-lt-blue .plan { border-top: 6px solid #77C9E4; } .infographic-block.border-dk-blue .network, .infographic-block.border-dk-blue .plan { border-top: 6px solid #2C5D82; } .infographic-block .network { margin: 0 0 24px 0; padding: 28px; border-radius: 5px; background-color: #F8F9FA; } .infographic-block .network > h4 { margin: 0 0 24px 0; } .infographic-block .network .item-wrap { display: flex; justify-content: space-evenly; flex-wrap: wrap; } .infographic-block .network .item-wrap .item { display: flex; align-items: center; margin: 0 16px 20px 0; } .infographic-block .network .item-wrap .item:last-of-type { margin: 0; } .infographic-block .network .item-wrap .item svg { margin: 0 14px 0 0; } .infographic-block .network .item-wrap .item .item-copy { font-weight: 700; text-align: center; } @media (min-width: 37.5em) { .infographic-block .network .item-wrap { justify-content: space-between; } .infographic-block .network .item-wrap .item.nudge { position: relative; top: -10px; } } .infographic-block .plan { padding: 28px 28px 0 28px; border-radius: 5px; background-color: #F8F9FA; } .infographic-block .plan h4 { margin: 0 0 24px 0; } .infographic-block .plan .item-wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; } .infographic-block .plan .item-wrap .item { display: flex; flex-direction: column; flex-basis: auto; margin: 0 0 38px 0; padding: 0 6px; } .infographic-block .plan .item-wrap .item svg { margin: 0 auto 14px auto; } .infographic-block .plan .item-wrap .item .item-copy { font-weight: 700; text-align: center; } @media (min-width: 37.5em) { .infographic-block .plan .item-wrap .item { flex-basis: 33%; } } #us-map svg { display: block; margin: 0 auto; overflow: visible; margin-bottom: 60px; } #us-map svg path { fill: #0179D0; stroke: #fff; stroke-width: 1; } #us-map svg text { font-family: sans-serif; fill: #fff; text-anchor: middle; } #us-map svg text.black { fill: #000; } #us-map svg a:hover path { fill: #002C4C; } @media (min-width: 60em) { #us-map svg { margin-bottom: 80px; } } .seventyfive-twentyfive-section { padding: 3.5rem 0; } @media (min-width: 48em) { .seventyfive-twentyfive-section { padding: 4.5rem 0; } } .seventyfive-twentyfive-section.grey-bg { background: #F8F9FA; } .seventyfive-twentyfive-section .m-comp-header { margin-bottom: 50px; } .seventyfive-twentyfive { display: flex; flex-direction: column-reverse; border-radius: 5px; overflow: hidden; background: #FFF; } @media (min-width: 60em) { .seventyfive-twentyfive { flex-direction: row-reverse; } .seventyfive-twentyfive--rev { flex-direction: row; } } .seventyfive-twentyfive-copy { padding: 20px 40px 20px 40px; } .seventyfive-twentyfive-copy .main-copy .icon-wrap { margin-bottom: 16px; height: 40px; width: 40px; } .seventyfive-twentyfive-copy .main-copy .icon-wrap svg { height: 100%; width: 100%; } .seventyfive-twentyfive-copy .main-copy h2 { font-size: 24px; margin-bottom: 20px; } .seventyfive-twentyfive-copy .img-caption h3 { font-size: 14px; } @media (min-width: 60em) { .seventyfive-twentyfive-copy { flex: 0 0 30%; max-width: 30%; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 40px 20px 40px; } } .seventyfive-twentyfive-media > img { display: block; width: 100%; } @media (min-width: 60em) { .seventyfive-twentyfive-media { flex: 0 0 70%; max-width: 70%; } } .jump-to-section .jump-to-wrap { display: flex; flex-direction: column; justify-content: flex-start; padding: 40px 0; border-bottom: 1px solid #111111; } .jump-to-section .jump-to-wrap h2 { margin: 0 0 24px 0; font-size: 26px; line-height: 30px; white-space: nowrap; } .jump-to-section .jump-to-wrap h3 { margin: 0 0 24px 0; font-size: 26px; line-height: 30px; white-space: nowrap; } .jump-to-section .jump-to-wrap ul { list-style-type: none; } .jump-to-section .jump-to-wrap ul li { margin: 15px 0 0 0; } .jump-to-section .jump-to-wrap ul li:first-of-type { margin: 0 0 0 0; } .jump-to-section .jump-to-wrap ul li a { padding: .75rem 1rem 1rem; } .jump-to-section .jump-to-wrap ul li a::before, .jump-to-section .jump-to-wrap ul li a::after { display: none; } .jump-to-section .jump-to-wrap ul li a span { font-weight: 700; } @media (min-width: 60em) { .jump-to-section .jump-to-wrap { flex-direction: row; align-items: center; padding: 40px 0 32px; } .jump-to-section .jump-to-wrap h2 { margin: 0 24px 0 0; position: relative; bottom: 8px; } .jump-to-section .jump-to-wrap h3 { margin: 0 24px 0 0; position: relative; bottom: 8px; } .jump-to-section .jump-to-wrap ul li { display: inline-block; margin: 0 12px 12px 0; } .jump-to-section .jump-to-wrap ul li:first-of-type { margin: 0 12px 12px 0; } .jump-to-section .jump-to-wrap ul li:last-of-type { margin: 0 0 0 0; } } .jump-to-section .back-to-top { display: none; padding: 12px 24px 24px 24px; border-radius: 5px; background: #fff; border: 1px solid #CED4DA; font-weight: 700; position: fixed; bottom: 150px; right: 20px; z-index: 1000; } .jump-to-section .back-to-top.show { display: block; } .jump-to-section .back-to-top span { margin: 0 10px 0 0; } .jump-to-section .back-to-top svg { position: relative; top: 4px; } .self-selector-section { padding: 56px 0; } @media (min-width: 60em) { .self-selector-section { padding: 0 0 72px 0; } } .self-selector-section .ss-wrap { display: flex; flex-direction: column; column-gap: 32px; } @media (min-width: 60em) { .self-selector-section .ss-wrap { flex-direction: row; } } .self-selector-section .ss-wrap .ss-copy { align-content: center; } @media (min-width: 60em) { .self-selector-section .ss-wrap .ss-copy { flex-basis: 50%; } } .self-selector-section .ss-wrap .ss-copy .copy-wrap h1 { font-size: 40px; } @media (min-width: 60em) { .self-selector-section .ss-wrap .ss-copy .copy-wrap h1 { font-size: 44px; } } .self-selector-section .ss-wrap .ss-copy .copy-wrap p { margin: 16px 0 32px 0; } .self-selector-section .ss-wrap .ss-copy .btn-wrap a { margin: 0 32px 32px 0; } .self-selector-section .ss-wrap .ss-copy .btn-wrap a:last-of-type { margin-right: 0; } .self-selector-section .ss-wrap .ss-media .main-img { border-radius: 3px; display: block; margin: 0 auto; max-height: 500px; } @media (min-width: 60em) { .self-selector-section .ss-wrap .ss-media .main-img { max-height: 100%; } } .self-selector-section.bg-blue { background-color: #002C4C; } .self-selector-section.bg-blue .ss-wrap .ss-copy .copy-wrap { color: #FFFFFF; } /** * Pages: One off pages */ html { outline: none !important; } html body { outline: none !important; } .landing-page-askblue .c-hero { max-width: 90rem; margin: 0px auto; } .landing-page-askblue .header-logo { max-width: 19rem; margin-left: 48px; } @media (max-width: 700px) { .landing-page-askblue .header-logo { margin-left: 1rem; } .landing-page-askblue .c-hero__content .m-page-header__title { line-height: 33px; } } .landing-page-base { font-family: "Univers LT W01 55 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-display: swap; height: 100vh; width: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover; overflow: auto; outline: none !important; } @media (max-width: 700px) { .landing-page-base { background-image: none !important; } } .landing-page-base .col-50 { float: left; width: 50%; outline: none !important; } @media (max-width: 700px) { .landing-page-base .col-50 { width: 100%; } } .landing-page-base .mobile-hero { display: none; height: 300px; background-position: top center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 700px) { .landing-page-base .mobile-hero { display: block; } } .landing-page-base .content-wrap { padding: 74px 40px; outline: none !important; } .landing-page-base .content-wrap .logo { max-width: 270px; width: 100%; outline: none !important; } .landing-page-base .content-wrap .copy-block { font-weight: bold; font-size: 31px; line-height: 127.3%; color: #FFFFFF; max-width: 700px; margin: 64px 0 74px; padding: 0 40px 0 0; outline: none !important; } .landing-page-base .content-wrap .copy-block.line-left { border-left: 5px solid #007BD4; padding-left: 25px; } @media (max-width: 700px) { .landing-page-base .content-wrap .copy-block { font-size: 22px; margin: 50px 0 60px; } } .landing-page-base .content-wrap .sub-copy-block { font-size: 31px; font-weight: bold; color: #FFFFFF; line-height: 1.4; margin: 0 0 74px; } @media (max-width: 700px) { .landing-page-base .content-wrap .sub-copy-block { font-size: 22px; margin: 0 0 60px; } } .landing-page-base .content-wrap .btn-wrap { outline: none !important; } .landing-page-base .content-wrap .btn-wrap .btn { background: #FFFFFF; color: #000000; padding: 20px 0; text-decoration: none; font-weight: 700; border-radius: 5px; display: inline-block; text-align: center; width: 100%; max-width: 250px; font-size: 18px; } .landing-page-base .content-wrap .btn-wrap .btn:first-of-type { margin: 0 70px 40px 0; } .landing-page-base .content-wrap .btn-wrap .btn:after { display: none; } .landing-page-base#basic-option { background-color: #002C4C; } @media (max-width: 700px) { .landing-page-base#basic-option .content-wrap { background-color: #002C4C; } } .landing-page-base#blue-focus { background-color: #002C4C; } .landing-page-base#blue-focus .copy-block.line-left { border-color: #B05121; } @media (max-width: 700px) { .landing-page-base#blue-focus .content-wrap { background-color: #002C4C; } } .landing-page-base#blue-focus-os { background-color: #002C4C; } .landing-page-base#blue-focus-os .copy-block { font-family: "Univers LT W01_59 Ult Cond", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 69px; line-height: 69px; letter-spacing: 0.01em; margin: 64px 0 56px; } .landing-page-base#blue-focus-os .copy-block.line-left { border-color: #B05121; } .landing-page-base#blue-focus-os .copy-block span { color: #B05121; } @media (max-width: 700px) { .landing-page-base#blue-focus-os .copy-block { font-size: 42px; line-height: 1.2; margin: 40px 0 56px 0; } } @media (max-width: 700px) { .landing-page-base#blue-focus-os .content-wrap { background-color: #002C4C; } } .landing-page-base#dental-civ, .landing-page-base#dental-ufs { background-color: #004C6C; } .landing-page-base#dental-civ .logo, .landing-page-base#dental-ufs .logo { max-width: 550px; } .landing-page-base#dental-civ .copy-block.line-left, .landing-page-base#dental-ufs .copy-block.line-left { border-color: #5DBBFF; } @media (max-width: 700px) { .landing-page-base#dental-civ .content-wrap, .landing-page-base#dental-ufs .content-wrap { background-color: #004C6C; } } .landing-page-base#vision-civ, .landing-page-base#vision-ufs { background-color: #DCE8F6; } .landing-page-base#vision-civ .logo, .landing-page-base#vision-ufs .logo { max-width: 550px; } .landing-page-base#vision-civ .copy-block, .landing-page-base#vision-ufs .copy-block { color: #111111; } .landing-page-base#vision-civ .copy-block.line-left, .landing-page-base#vision-ufs .copy-block.line-left { border-color: #0079D0; } .landing-page-base#vision-civ .btn, .landing-page-base#vision-ufs .btn { background: #002C4C; color: #FFFFFF; } @media (max-width: 700px) { .landing-page-base#vision-civ .content-wrap, .landing-page-base#vision-ufs .content-wrap { background-color: #DCE8F6; } } .search-results-section .col-wrapper { overflow: auto; display: flex; } .search-results-section .col-wrapper .col-results { width: 55%; float: left; padding: 60px 0; } .search-results-section .col-wrapper .col-results h4 { margin: 0 0 40px 0; font-size: 24px; } .search-results-section .col-wrapper .col-results .results-wrap .result-block { margin: 0 0 40px 0; } .search-results-section .col-wrapper .col-results .results-wrap .result-block:last-of-type { margin: 0; } .search-results-section .col-wrapper .col-results .results-wrap .result-block h3 { margin: 0 0 10px 0; font-size: 18px; } .search-results-section .col-wrapper .col-results .results-wrap .result-block .result-excerpt { font-size: 18px; } .search-results-section .col-wrapper .col-results .results-controls { margin: 60px 0 0 0; display: flex; } .search-results-section .col-wrapper .col-results .results-controls .a-btn { margin: 0 auto; } @media (max-width: 700px) { .search-results-section .col-wrapper .col-results { float: none; width: 100%; margin: 0; } } .search-results-section .col-wrapper .col-news { width: 40%; margin: 0 0 0 5%; padding: 60px 40px; float: left; background-color: #F8F9FA; position: relative; } .search-results-section .col-wrapper .col-news .right-bg { position: absolute; background-color: red; top: 0; bottom: 0; left: 0; right: 0; display: none; } .search-results-section .col-wrapper .col-news h4 { margin: 0 0 40px 0; font-size: 24px; } .search-results-section .col-wrapper .col-news .news-wrap .news-block { margin: 0 0 40px 0; border-radius: 5px; overflow: hidden; background-color: #FFFFFF; } .search-results-section .col-wrapper .col-news .news-wrap .news-block:last-of-type { margin: 0; } .search-results-section .col-wrapper .col-news .news-wrap .news-block .news-image { background-size: cover; background-position: center; height: 200px; width: 100%; } .search-results-section .col-wrapper .col-news .news-wrap .news-block .news-copy { padding: 10px 10px 20px 10px; } .search-results-section .col-wrapper .col-news .news-wrap .news-block .news-copy .news-title { margin: 0 0 20px 0; font-size: 18px; font-weight: 700; } .search-results-section .col-wrapper .col-news .news-controls { margin: 40px 0 0 0; display: flex; } .search-results-section .col-wrapper .col-news .news-controls .a-btn { margin: 0 auto; white-space: normal; } @media (max-width: 700px) { .search-results-section .col-wrapper .col-news { float: none; width: 100%; margin: 0; padding: 20px 0 40px 0; background-color: #FFFFFF; } } @media (max-width: 700px) { .search-results-section .col-wrapper { display: block; } } .news-controls-section { margin: -50px 0 0 0; padding: 73px 0 23px 0; background: #0079D0; } .news-controls-section .form-wrap { height: 58px; } .news-controls-section .form-wrap .search-form { width: 60%; float: left; position: relative; } .news-controls-section .form-wrap .search-form .search-icon { position: absolute; top: 18px; left: 6px; height: 22px; } .news-controls-section .form-wrap .search-form input { float: left; max-width: 340px; margin: 10px 10px 0 0; padding: 10px 6px 10px 32px; border-radius: 5px; } .news-controls-section .form-wrap .search-form button { float: left; margin: 9px 0 0 0; padding: 10px 20px; color: #002C4C; font-weight: 700; } @media (max-width: 768px) { .news-controls-section .form-wrap .search-form { float: none; width: 100%; } .news-controls-section .form-wrap .search-form .search-icon { top: 8px; } .news-controls-section .form-wrap .search-form input { float: none; width: 100%; max-width: none; margin: 0; } .news-controls-section .form-wrap .search-form button { float: none; width: 100%; padding: 8px 20px; } } .news-controls-section .form-wrap .topic-form { width: 40%; float: left; } .news-controls-section .form-wrap .topic-form label { position: absolute; height: 0; overflow: hidden; margin: 0; padding: 0; } @media (max-width: 768px) { .news-controls-section .form-wrap .topic-form { display: none; } } @media (max-width: 904px) { .news-controls-section .form-wrap { height: 100px; } } @media (max-width: 768px) { .news-controls-section .form-wrap { height: auto; } } .mobile-topic-section { display: none; margin: 40px 0 0 0; } .mobile-topic-section label { position: absolute; height: 0; overflow: hidden; margin: 0; padding: 0; } .mobile-topic-section select { padding: 10px 6px; border-radius: 2px; } @media (max-width: 768px) { .mobile-topic-section { display: block; } } #news-list { padding: 72px 0 0 0; } @media (max-width: 768px) { #news-list { padding: 40px 0 0 0; } } #news-list .results-total-section h4 { margin: 0 0 40px 0; font-size: 24px; } @media (min-width: 48em) { .landing-section { min-height: 100vh; overflow: auto; } } .landing-section.bg-blue1 { background: #002C4C; } .landing-section.bg-blue2 { background: #004C6C; } .landing-section.bg-blue2 .main .col-wrap .col .main-copy h1 span { color: #A1D7FF; } .landing-section.bg-blue2 .main .col-wrap .col .main-copy .btn-wrap a { background: #A1D7FF; color: #000000; } .landing-section.bg-blue3 { background: #DCE8F6; } .landing-section.bg-blue3 .main .col-wrap .col .main-copy h1 { color: #111111; } .landing-section.bg-blue3 .main .col-wrap .col .main-copy h1 span { color: #0277A7; } .landing-section.bg-blue3 .main .col-wrap .col .main-copy h4 { color: #111111; } .landing-section.bg-blue3 .main .col-wrap .col .main-copy .btn-wrap a { background: #0277A7; } .landing-section .header { position: relative; padding: 30px 0; background: #00223B; z-index: 2; } .landing-section .header .logo-wrap { display: flex; justify-content: space-between; padding: 2% 0; } .landing-section .header .logo-wrap .col-1 { width: 70%; position: relative; padding: 0 2% 0 0; } .landing-section .header .logo-wrap .col-1 .logo-left { max-height: 50px; position: absolute; top: 50%; transform: translateY(-50%); } .landing-section .header .logo-wrap .col-2 { width: 26%; position: relative; } .landing-section .header .logo-wrap .col-2 .logo-right { max-height: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .landing-section .main:after { display: none; content: ''; width: 13px; height: 100%; position: fixed; top: 0; z-index: 1; } @media (min-width: 48em) { .landing-section .main:after { display: block; } } .landing-section .main.border-none::after { display: none; } .landing-section .main.border-blue1::after { background: #A1D7FF; } .landing-section .main.border-blue2::after { background: #007BD4; } .landing-section .main.border-blue3::after { background: #0277A7; } .landing-section .main.border-red::after { background: #BA160A; } .landing-section .main.border-orange::after { background: #B05121; } .landing-section .main.border-orange .col-wrap .col .main-copy h1 span { color: #B05121; } .landing-section .main.border-orange .col-wrap .col .main-copy .btn-wrap a { background: #B05121; } .landing-section .main .col-wrap { position: relative; } .landing-section .main .col-wrap .col.col-1 { width: 100%; } .landing-section .main .col-wrap .col.col-2 { width: 100%; } .landing-section .main .col-wrap .col.col-2 .main-image { display: none; border-bottom-left-radius: 35px; } .landing-section .main .col-wrap .col.col-2 .img-caption { display: none; color: #FFFFFF; text-align: center; background-color: #0079D0; padding: 24px 6%; margin: 0 -1.25rem; border-radius: 0 0 3px 3px; } @media (min-width: 48em) { .landing-section .main .col-wrap .col.col-2 .img-caption { margin: 0; } } .landing-section .main .col-wrap .col.col-2 .img-caption p { margin: 0; } .landing-section .main .col-wrap .col.col-2.show-caption .main-image { border-radius: 3px 3px 0 0; } .landing-section .main .col-wrap .col.col-2.show-caption .img-caption { display: block; } .landing-section .main .col-wrap .col .main-copy { padding: 32px 0 40px; } .landing-section .main .col-wrap .col .main-copy h1 { margin: 0 0 30px 0; color: #ffffff; line-height: 100%; font-size: 40px; } .landing-section .main .col-wrap .col .main-copy h1 span { color: #0079D0; } .landing-section .main .col-wrap .col .main-copy h4 { margin: 0 0 52px 0; color: #ffffff; font-size: 18px; font-weight: 400; } .landing-section .main .col-wrap .col .main-copy .btn-wrap a { width: 100%; min-width: 180px; max-width: 220px; padding: 0.75rem 0.5rem 1rem; font-weight: 700; border: none; } .landing-section .main .col-wrap .col .main-copy .btn-wrap a:first-of-type { margin: 0 2.5% 24px 0; } @media (min-width: 48em) { .landing-section .main .col-wrap .col .main-copy .btn-wrap button { width: 47.5%; } } @media (min-width: 48em) { .landing-section .main .col-wrap .col .main-copy { padding: 73px 40px; } .landing-section .main .col-wrap .col .main-copy h1 { font-size: 60px; } .landing-section .main .col-wrap .col .main-copy h4 { font-weight: 700; } } @media (min-width: 48em) { .landing-section .main .col-wrap .col { float: left; } .landing-section .main .col-wrap .col.col-1 { width: 55%; } .landing-section .main .col-wrap .col.col-2 { width: 45%; } .landing-section .main .col-wrap .col.col-2 .main-image { display: block; } } .landing-section .main .mobile-image { margin: 0 0 50px 0; border-top-right-radius: 35px; } @media (min-width: 48em) { .landing-section .main .mobile-image { display: none; } } .landing-section .c-banner-section { clear: both; background-color: #F2F4F7; border-top-left-radius: 15px; border-top-right-radius: 15px; } .landing-section .c-banner-section .l-container { max-width: 75rem; margin: 0 auto; padding: 0; } .landing-section .c-banner-section .l-container .c-banner { width: 100%; border-radius: 0; border-top-left-radius: 15px; border-top-right-radius: 15px; } @media (min-width: 48em) { .landing-section .c-banner-section .l-container .c-banner { padding: 3rem; } .landing-section .c-banner-section .l-container .c-banner p { font-size: 17px; } } .landing-section.hide-mob-img .main .col-wrap .col.col-2 .main-image { display: none; } @media (min-width: 48em) { .landing-section.hide-mob-img .main .col-wrap .col.col-2 .main-image { display: block; } } .landing-section.hide-mob-img .main .mobile-image { display: none; } .landing-section.ss-radius3 { min-height: auto; } @media (min-width: 48em) { .landing-section.ss-radius3 { padding-bottom: 64px; } } .landing-section.ss-radius3 .main::after { display: none; } @media (min-width: 48em) { .landing-section.ss-radius3 .main .col-wrap .col-1 .main-copy { padding: 73px 40px 73px 0; } } @media (min-width: 48em) { .landing-section.ss-radius3 .main .col-wrap .col-1 .main-copy h1 { font-size: 44px; } } .landing-section.ss-radius3 .main .col-wrap .col-1 .main-copy h4 { font-weight: normal; } .landing-section.ss-radius3 .main .col-wrap .col-2 .main-image { display: none; border-radius: 3px; max-height: 100%; margin: 0 auto; } @media (min-width: 48em) { .landing-section.ss-radius3 .main .col-wrap .col-2 .main-image { display: block; } } /** * Accessibility Overrides */ body { /* The default outline styling, for greatest accessibility. */ /* You can skip this to just use the browser's defaults. */ /* When mouse is detected, ALL focused elements have outline removed. */ } body *:focus, body *:active { outline: #0079D0 auto 2px !important; } body .a-btn--light:focus { outline: 2px auto #888 !important; } body.using-mouse *:focus, body.using-mouse *:active { outline: none !important; } body .footnote-js, body .footnote-return { cursor: inherit; } body .footnote-js::before, body .footnote-js::after, body .footnote-return::before, body .footnote-return::after { display: none; } /** * Utility classes. Very specific uses. */ /** * * 1) Loop through button color map and output colors and states accordingly. * 2) Color map is defined in _settings.colors.scss */ .u-accent-standard { border-top-color: #77C9E4; } .u-accent-standard .a-icon-circle { /* // Applies fill colo update based on accent color > svg path { @if $name == brand-light { fill: map-get($deep-blue, "400"); } @else if $name == brand-yellow { fill: map-get($yellow, "600"); } @else if $name == brand-red { fill: map-get($red, "600"); } } */ } .u-accent-standard.c-banner { /* // Applies fill colo update based on accent color .a-icon-circle > svg path { fill: map-get($neutral, "000") !important; } */ } .u-accent-basic { border-top-color: #2C5D82; } .u-accent-basic .a-icon-circle { /* // Applies fill colo update based on accent color > svg path { @if $name == brand-light { fill: map-get($deep-blue, "400"); } @else if $name == brand-yellow { fill: map-get($yellow, "600"); } @else if $name == brand-red { fill: map-get($red, "600"); } } */ } .u-accent-basic.c-banner { /* // Applies fill colo update based on accent color .a-icon-circle > svg path { fill: map-get($neutral, "000") !important; } */ } .u-accent-focus { border-top-color: #E08E47; } .u-accent-focus .a-icon-circle { /* // Applies fill colo update based on accent color > svg path { @if $name == brand-light { fill: map-get($deep-blue, "400"); } @else if $name == brand-yellow { fill: map-get($yellow, "600"); } @else if $name == brand-red { fill: map-get($red, "600"); } } */ } .u-accent-focus.c-banner { /* // Applies fill colo update based on accent color .a-icon-circle > svg path { fill: map-get($neutral, "000") !important; } */ } .u-accent-brand-dark { border-top-color: #002C4C; } .u-accent-brand-dark .a-icon-circle { /* // Applies fill colo update based on accent color > svg path { @if $name == brand-light { fill: map-get($deep-blue, "400"); } @else if $name == brand-yellow { fill: map-get($yellow, "600"); } @else if $name == brand-red { fill: map-get($red, "600"); } } */ } .u-accent-brand-dark.c-banner { /* // Applies fill colo update based on accent color .a-icon-circle > svg path { fill: map-get($neutral, "000") !important; } */ } .u-accent-brand-light { border-top-color: #0079D0; } .u-accent-brand-light .a-icon-circle { /* // Applies fill colo update based on accent color > svg path { @if $name == brand-light { fill: map-get($deep-blue, "400"); } @else if $name == brand-yellow { fill: map-get($yellow, "600"); } @else if $name == brand-red { fill: map-get($red, "600"); } } */ } .u-accent-brand-light.c-banner { /* // Applies fill colo update based on accent color .a-icon-circle > svg path { fill: map-get($neutral, "000") !important; } */ } .u-accent-brand-red { border-top-color: #F44336; } .u-accent-brand-red .a-icon-circle { /* // Applies fill colo update based on accent color > svg path { @if $name == brand-light { fill: map-get($deep-blue, "400"); } @else if $name == brand-yellow { fill: map-get($yellow, "600"); } @else if $name == brand-red { fill: map-get($red, "600"); } } */ } .u-accent-brand-red.c-banner { /* // Applies fill colo update based on accent color .a-icon-circle > svg path { fill: map-get($neutral, "000") !important; } */ } .u-accent-brand-yellow { border-top-color: #FFCB40; } .u-accent-brand-yellow .a-icon-circle { /* // Applies fill colo update based on accent color > svg path { @if $name == brand-light { fill: map-get($deep-blue, "400"); } @else if $name == brand-yellow { fill: map-get($yellow, "600"); } @else if $name == brand-red { fill: map-get($red, "600"); } } */ } .u-accent-brand-yellow.c-banner { /* // Applies fill colo update based on accent color .a-icon-circle > svg path { fill: map-get($neutral, "000") !important; } */ } .u-has-background { margin-top: 0; margin-bottom: 0; padding-top: 3.5rem; padding-bottom: 3.5rem; background: #F8F9FA; } @media (min-width: 60em) { .u-has-background { padding-top: 4.5rem; padding-bottom: 4.5rem; } } .u-has-background + .u-has-background { padding-top: 0; } .u-has-background + .c-footer-banner { background: #F8F9FA; } .u-has-background .m-card, .u-has-background .m-card-inline, .u-has-background .m-feat-card, .u-has-background .m-blog-card, .u-has-background .m-disclaimer--bg, .u-has-background .c-fifty-fifty__copy .m-disclaimer:not(:empty), .c-fifty-fifty__copy .u-has-background .m-disclaimer:not(:empty) { background: #FFFFFF; } /*------------------------------------*\ #SPACING \*------------------------------------*/ /** * Margin bottom none * 1) Force margin bottom of 0 */ .u-margin-bottom-none { margin-bottom: 0; } /** * Margin bottom small * 1) Force margin bottom of $spacing-small variable */ .u-margin-bottom-small { margin-bottom: 1rem; } /** * Margin bottom * 1) Force margin bottom of $spacing variable */ .u-margin-bottom { margin-bottom: 2rem; } /** * Margin bottom large * 1) Force margin bottom of $spacing-large variable */ .u-margin-bottom-large { margin-bottom: 4.5rem; } .u-margin-bottom-large-to-xxl { margin-bottom: 4.5rem; } @media (min-width: 60em) { .u-margin-bottom-large-to-xxl { margin-bottom: 18rem; } } /** * Margin top none * 1) Force margin top of 0 */ .u-margin-top-none { margin-top: 0; } /** * Margin top small * 1) Force margin top of $spacing-small variable */ .u-margin-top-small { margin-top: 1rem; } /** * Margin top * 1) Force margin top of $spacing variable */ .u-margin-top { margin-top: 2rem; } /** * Margin top large * 1) Force margin top of $spacing-large variable */ .u-margin-top-large { margin-top: 4.5rem; } .u-margin-top-booking { margin-top: 28rem; } /** * Margin right none * 1) Force margin right of 0 */ .u-margin-right-none { margin-right: 0; } /** * Margin right small * 1) Force margin right of $spacing-small variable */ .u-margin-right-small { margin-right: 1rem; } /** * Margin right * 1) Force margin right of $spacing variable */ .u-margin-right { margin-right: 2rem; } /** * Margin right large * 1) Force margin right of $spacing-large variable */ .u-margin-right-large { margin-right: 4.5rem; } /** * Margin left none * 1) Force margin left of 0 */ .u-margin-left-none { margin-left: 0; } /** * Margin left small * 1) Force margin left of $spacing-small variable */ .u-margin-left-small { margin-left: 1rem; } /** * Margin left * 1) Force margin left of $spacing variable */ .u-margin-left { margin-left: 2rem; } /** * Margin left large * 1) Force margin left of $spacing-large variable */ .u-margin-left-large { margin-left: 4.5rem; } /** * Center display block contents */ .u-margin-center { margin: 0 auto; } /** * Padding none */ .u-padding-none { padding: 0; } /** * Padding small */ .u-padding-small { padding: 1rem; } /** * Padding */ .u-padding { padding: 2rem; } /** * Padding large */ .u-padding-large { padding: 4.5rem; } /** * Padding top none */ .u-padding-top-none { padding-top: 0; } /** * Padding top small */ .u-padding-top-small { padding-top: 1rem; } /** * Padding top */ .u-padding-top { padding-top: 2rem; } /** * Padding top large */ .u-padding-top-large { padding-top: 4.5rem; } /** * Padding bottom none */ .u-padding-bottom-none { padding-bottom: 0; } /** * Padding bottom small */ .u-padding-bottom-small { padding-bottom: 1rem; } /** * Padding bottom */ .u-padding-bottom { padding-bottom: 2rem; } /** * Padding bottom large */ .u-padding-bottom-large { padding-bottom: 4.5rem; } /** * Padding right none */ .u-padding-right-none { padding-right: 0; } /** * Padding right small */ .u-padding-right-small { padding-right: 1rem; } /** * Padding right */ .u-padding-right { padding-right: 2rem; } /** * Padding right large */ .u-padding-right-large { padding-right: 4.5rem; } /** * Padding left none */ .u-padding-left-none { padding-left: 0; } /** * Padding left small */ .u-padding-left-small { padding-left: 1rem; } /** * Padding left */ .u-padding-left { padding-left: 2rem; } /** * Padding left large */ .u-padding-left-large { padding-left: 4.5rem; } .display-h1 { font-size: 2.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { .display-h1 { font-size: calc(1.525rem + 3.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .display-h1 { font-size: 4rem; } } .display-h2 { font-size: 1.625rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { .display-h2 { font-size: calc(1.375rem + 1.5vw); } } @media (min-width: 48em) and (min-width: 75em) { .display-h2 { font-size: 2.5rem; } } .display-h3 { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { .display-h3 { font-size: calc(1.325rem + 0.9vw); } } @media (min-width: 48em) and (min-width: 75em) { .display-h3 { font-size: 2rem; } } .display-h4 { font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { .display-h4 { font-size: calc(1.275rem + 0.3vw); } } @media (min-width: 48em) and (min-width: 75em) { .display-h4 { font-size: 1.5rem; } } .display-h5 { font-size: 1.25rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; line-height: 1.25; } @media (min-width: 48em) { .display-h5 { font-size: calc(1.2875rem + 0.45vw); } } @media (min-width: 48em) and (min-width: 75em) { .display-h5 { font-size: 1.625rem; } } .u-text-center { text-align: center; } .u-text-right { text-align: right; } .m-spaced-list > li { margin-bottom: .5rem; } .u-number-list { counter-reset: number; font-size: 1.125rem; font-family: "Univers LT W01_65 Bold1475968", sans-serif; } .u-number-list > li { margin-bottom: 1rem; } .u-number-list > li:before { counter-increment: number; content: counters(number, ".") " "; display: inline-block; height: 2rem; width: 2rem; line-height: 2rem; border: 1px solid; border-radius: 100%; text-align: center; margin-right: 1rem; } .u-number-list > li:last-child { margin-bototm: 0; } .u-number-list--indent > li { margin-left: 3rem; text-indent: -3rem; } .u-number-list--indent > li:before { text-indent: 0; } /* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); This is primarily used to polyfill object-fit functionality in IE11 */ .u-aspect-1x1 { display: block; position: relative; overflow: hidden; padding-top: calc(1 / 1 * 100%); } .u-aspect-1x1 img, .u-aspect-1x1 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .u-aspect-2x1 { display: block; position: relative; overflow: hidden; padding-top: calc(1 / 2 * 100%); } .u-aspect-2x1 img, .u-aspect-2x1 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .u-aspect-3x2 { display: block; position: relative; overflow: hidden; padding-top: calc(2 / 3 * 100%); } .u-aspect-3x2 img, .u-aspect-3x2 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .u-aspect-5x4 { display: block; position: relative; overflow: hidden; padding-top: calc(4 / 5 * 100%); } .u-aspect-5x4 img, .u-aspect-5x4 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .u-aspect-5x3 { display: block; position: relative; overflow: hidden; padding-top: calc(3 / 5 * 100%); } .u-aspect-5x3 img, .u-aspect-5x3 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } @media (max-width: 59em) { .m-u-aspect-1x1 { display: block; position: relative; overflow: hidden; padding-top: calc(1 / 1 * 100%); } .m-u-aspect-1x1 img, .m-u-aspect-1x1 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } } @media (max-width: 59em) { .m-u-aspect-2x1 { display: block; position: relative; overflow: hidden; padding-top: calc(1 / 2 * 100%); } .m-u-aspect-2x1 img, .m-u-aspect-2x1 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } } @media (max-width: 59em) { .m-u-aspect-3x2 { display: block; position: relative; overflow: hidden; padding-top: calc(2 / 3 * 100%); } .m-u-aspect-3x2 img, .m-u-aspect-3x2 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } } @media (max-width: 59em) { .m-u-aspect-5x4 { display: block; position: relative; overflow: hidden; padding-top: calc(4 / 5 * 100%); } .m-u-aspect-5x4 img, .m-u-aspect-5x4 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } } @media (max-width: 59em) { .m-u-aspect-5x3 { display: block; position: relative; overflow: hidden; padding-top: calc(3 / 5 * 100%); } .m-u-aspect-5x3 img, .m-u-aspect-5x3 video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } } /*------------------------------------*\ #VISIBILITY CLASSES \*------------------------------------*/ /** * Is Hidden * 1) Completely remove from the flow and screen readers. */ .u-is-hidden, [v-cloak] { display: none !important; visibility: hidden !important; } /** * Is Visibly Hidden * 1) Completely remove from the flow but leave available to screen readers. */ .u-is-vishidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); } .hide-mobile { display: none; } @media (min-width: 48em) { .hide-mobile { display: inherit; } } .hide-desktop { display: inherit; } @media (min-width: 48em) { .hide-desktop { display: none; } } .holderSearchBox .m-field__dropdown { display: none; } .general-form-error-message { display: none; border: 1px solid #FF0000; color: #000000; padding: 2rem; margin: 2rem 0; border-radius: 5px; position: relative; } .general-form-error-message:focus { outline: none; } .general-form-error-message img { position: relative; height: 50px; width: 50px; } .general-form-error-message .general-form-error-copy h3 { font-size: 18px; margin: 6px 0 10px; } .general-form-error-message .general-form-error-copy p { font-size: 14px; margin-bottom: 0; } @media (min-width: 48em) { .general-form-error-message img { height: 64px; width: 64px; } .general-form-error-message .general-form-error-copy { display: inline-block; vertical-align: top; margin-left: 20px; } } .field-validation-error { color: #FF0000; display: inline-block; margin-top: 0.5rem; } .u-revert-link:after { display: none; }