* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: 700 !important; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 0.6875rem; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.75em; font-weight: 500; } sup a { font-weight: 500; text-decoration: underline; color: #1b4695; } li sup a { font-weight: 500; text-decoration: underline; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: "Open Sans", "Arial", sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } body { background: #fff; color: #333; font: 100%/1.5 "Open Sans", "Arial", sans-serif; font-size: 16px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; height: 100%; display: flex; flex-direction: column; } html { font-size: 50px; overflow-y: scroll; } 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; } header, footer, nav, section, article, hgroup, figure { display: block; } :root { font-size: 16px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 1rem; } h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { font-weight: 500; text-decoration: none; } h1 a, h1 sup a, h2 a, h2 sup a, h3 a, h3 sup a, h4 a, h4 sup a, h5 a, h5 sup a, h6 a, h6 sup a { font-weight: 500; text-decoration: underline; } h1 { color: #333; font-size: 3rem; line-height: 1.3; padding-bottom: 1.5rem; } h2 { color: #333; font-size: 1.6875rem; line-height: 1.2; } h3 { color: #333; font-size: 1.25rem; line-height: 1.4; } h4 { font-size: 1rem; line-height: 1.3; padding-bottom: .5rem; } h5 { font-size: .875rem; line-height: 1.2rem; padding-bottom: .5rem; } h6 { font-size: .719rem; line-height: 1.4; padding-bottom: .5rem; } p { font-size: 1rem; padding-bottom: 1rem; } p+p { padding-bottom: 1.5rem; } p a { font-weight: 500; text-decoration: underline; } ol, ul { margin: 0; padding: 0; list-style-type: none; } ol a, ol sup a, ul a, ul sup a { font-weight: 500; text-decoration: underline; } dl { overflow: hidden; margin: 0 0 1rem; } dt { font-weight: bold; } dd { margin-left: 0; } a { color: #1B4695; text-decoration: none; font-weight: 500; font-family: "Open Sans", "Arial", sans-serif; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } img, video, object { max-width: 100%; height: auto; } iframe { margin-bottom: 1rem; border: none; } figure { margin-bottom: 1rem; } figure img { margin-bottom: 1rem; } figcaption { font-style: italic; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%; } } .o-page { background: #fff; min-height: 100vh; z-index: 2; position: relative; transition: transform .2s; } @media only screen and (max-width: 64.06em) { .o-page.nav-is-visible { transform: translateX(-260px); position: fixed; width: 100%; top: 50px; } .nav-on-left .o-page.nav-is-visible { transform: translateX(260px); position: fixed; width: 100%; top: 50px; } } .o-page--gray-lt { background-color: #F1F1F1; } .o-fixed-width { max-width: 1200px; margin: 0 auto; padding: 2.5rem 1rem; } .o-fixed-width .u-padding-bottom-xxl:last-child { padding-bottom: 0; } .o-fixed-width--padding-sm { padding: 0 1rem; } .o-intrinsic__wrapper { padding-top: 56%; position: relative; } .o-intrinsic__wrapper--video-gallery { padding-top: 46.6667%; } .o-intrinsic__content { width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; } .o-media:after { clear: both; display: table; content: ""; } .o-media__image { float: left; margin-right: 10px; } .o-media__image>img { display: block; } .o-media--rev .o-media__image { float: right; margin-left: 10px; margin-right: 0px; } .o-media__body { overflow: hidden; _overflow: visible; zoom: 1; } .o-tree { display: table; width: 100%; } .o-tree__media, .o-tree__body { display: block; max-width: 100%; } .o-tree--top .o-tree__media, .o-tree--top .o-tree__body { vertical-align: top; } .o-tree--bottom .o-tree__media, .o-tree--bottom .o-tree__body { vertical-align: bottom; } @media only screen and (min-width: 27em) and (max-width: 64.06em) { .o-tree__media, .o-tree__body { max-width: 100%; } .o-tree--top .o-tree__media, .o-tree--top .o-tree__body { vertical-align: top; } .o-tree--bottom .o-tree__media, .o-tree--bottom .o-tree__body { vertical-align: bottom; } .o-tree__media { padding-right: 1em; } .o-tree__media>img { margin-bottom: 0; } .o-flag--rev .o-tree__media { padding-right: 0; padding-left: 10px; } } .o-flag { display: table; width: 100%; } .o-flag__media, .o-flag__body { display: block; max-width: 100%; } .o-flag--top .o-flag__media, .o-flag--top .o-flag__body { vertical-align: top; } .o-flag--middle .o-flag__media, .o-flag--middle .o-flag__body { vertical-align: middle; } .o-flag--middle\@md .o-flag__media, .o-flag--middle\@md .o-flag__body { vertical-align: top; } @media only screen and (min-width: 46.8em) { .o-flag--middle\@md .o-flag__media, .o-flag--middle\@md .o-flag__body { vertical-align: middle; } } .o-flag--bottom .o-flag__media, .o-flag--bottom .o-flag__body { vertical-align: bottom; } .o-flag__media--static { padding-right: .5em; } .o-flag__media--static>img { margin-bottom: 0; } .o-flag--rev .o-flag__media--static { padding-right: 0; padding-left: 10px; } .o-flag__media>img { display: block; margin-bottom: .5em; } .o-flag--rev .o-flag__media { padding-right: 0; padding-left: 10px; } .o-flag__media--static, .o-flag__body--static { display: table-cell; max-width: 100%; } .o-flag--top .o-flag__media--static, .o-flag--top .o-flag__body--static { vertical-align: top; } .o-flag--bottom .o-flag__media--static, .o-flag--bottom .o-flag__body--static { vertical-align: bottom; } .o-flag\@sm { display: table; width: 100%; } .o-flag\@sm__media, .o-flag\@sm__body { display: table-cell; max-width: 100%; } .o-flag--top .o-flag\@sm__media, .o-flag--top .o-flag\@sm__body { vertical-align: top; } .o-flag--bottom .o-flag\@sm__media, .o-flag--bottom .o-flag\@sm__body { vertical-align: bottom; } .o-flag\@sm__media--static { padding-right: .5em; } .o-flag\@sm__media--static>img { margin-bottom: 0; } .o-flag--rev .o-flag\@sm__media--static { padding-right: 0; padding-left: 10px; } .o-flag\@sm__media>img { display: block; margin-bottom: .5em; } .o-flag--rev .o-flag\@sm__media { padding-right: 0; padding-left: 10px; } .o-flag\@sm__media--static, .o-flag\@sm__body--static { display: table-cell; max-width: 100%; } .o-flag--top .o-flag\@sm__media--static, .o-flag--top .o-flag\@sm__body--static { vertical-align: top; } .o-flag--bottom .o-flag\@sm__media--static, .o-flag--bottom .o-flag\@sm__body--static { vertical-align: bottom; } @media only screen and (min-width: 46.8em) { .o-flag\@sm { display: inline-block; } .o-flag\@sm__media, .o-flag\@sm__body { display: block; max-width: 100%; } } .o-flag\@md { display: table; width: 100%; } .o-flag\@md__media, .o-flag\@md__body { display: table-cell; max-width: 100%; } .o-flag--top .o-flag\@md__media, .o-flag--top .o-flag\@md__body { vertical-align: top; } .o-flag--middle .o-flag\@md__media, .o-flag--middle .o-flag\@md__body { vertical-align: middle; } .o-flag--bottom .o-flag\@md__media, .o-flag--bottom .o-flag\@md__body { vertical-align: bottom; } .o-flag\@md__media { max-height: 450px; } .o-flag\@md__media>img { display: block; margin-bottom: .5em; } .o-flag--rev .o-flag\@md__media { padding-right: 0; padding-left: 10px; } @media only screen and (min-width: 64.06em) { .o-flag\@md { display: inline-block; } .o-flag\@md__media, .o-flag\@md__body { display: block; max-width: 100%; } } @media only screen and (min-width: 27em) { .o-flag__media, .o-flag__body { display: table-cell; } .o-flag--top .o-flag__media, .o-flag--top .o-flag__body { vertical-align: top; } .o-flag--bottom .o-flag__media, .o-flag--bottom .o-flag__body { vertical-align: bottom; } .o-flag__media { padding-right: 1em; } .o-flag__media>img { margin-bottom: 0; } .o-flag--rev .o-flag__media { padding-right: 0; padding-left: 10px; } } .o-grid { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .o-grid-cell { flex: 1; } .o-grid--flexCells>.o-grid-cell { display: flex; } .o-grid--top { align-items: flex-start; } .o-grid--bottom { align-items: flex-end; } .o-grid--center { align-items: center; } .o-grid--justify-center { justify-content: center; } .o-grid-cell--top { align-self: flex-start; } .o-grid-cell--bottom { align-self: flex-end; } .o-grid-cell--center { align-self: center; } .o-grid-cell--autoSize { flex: none; } .o-grid--fit>.o-grid-cell { flex: 1; } .o-grid--full>.o-grid-cell { flex: 0 0 100%; -ms-flex: 0 1 100%; } .o-grid--1of2>.o-grid-cell { flex: 0 0 50%; } .o-grid--1of3>.o-grid-cell { flex: 0 0 33.3333%; } .o-grid--1of4>.o-grid-cell { flex: 0 0 25%; } @media only screen and (min-width: 27em) { .small-grid--fit>.o-grid-cell { flex: 1; } .small-grid--full>.o-grid-cell { flex: 0 0 100%; max-width: 100%; } .small-grid--1of2>.o-grid-cell { flex: 0 0 50%; max-width: 50%; } .small-grid--1of3>.o-grid-cell { flex: 0 0 33.3333%; max-width: 33.3333%; } .small-grid--1of4>.o-grid-cell { flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 46.8em) { .med-grid--fit>.o-grid-cell { flex: 1; } .med-grid--full>.o-grid-cell { flex: 0 0 100%; max-width: 100%; } .med-grid--1of2>.o-grid-cell { flex: 0 0 50%; max-width: 50%; } .med-grid--1of3>.o-grid-cell { flex: 0 0 33.3333%; max-width: 33.3333%; } .med-grid--1of4>.o-grid-cell { flex: 0 0 20%; max-width: 20%; } } @media only screen and (min-width: 64.06em) { .large-grid--fit>.o-grid-cell { flex: 1; } .large-grid--full>.o-grid-cell { flex: 0 0 100%; max-width: 100%; } .large-grid--1of2>.o-grid-cell { flex: 0 0 50%; max-width: 50%; } .large-grid--1of3>.o-grid-cell { flex: 0 0 33.3333%; max-width: 33.3333%; } .large-grid--1of4>.o-grid-cell { flex: 0 0 25%; max-width: 25%; } } .o-grid--gutters { margin: -1em 0 1em -1em; } .o-grid--gutters>.o-grid-cell { padding: 1em 0 0 1em; } .o-grid--guttersLg { margin: -1.5em 0 1.5em -1.5em; } .o-grid--guttersLg>.o-grid-cell { padding: 1.5em 0 0 1.5em; } .o-grid--guttersXl { margin: -2em 0 2em -2em; } .o-grid--guttersXl>.o-grid-cell { padding: 2em 0 0 2em; } @media only screen and (min-width: 27em) { .small-grid--gutters { margin: -1em 0 1em -1em; } .small-grid--gutters>.o-grid-cell { padding: 1em 0 0 1em; } .small-grid--guttersLg { margin: -1.5em 0 1.5em -1.5em; } .small-grid--guttersLg>.o-grid-cell { padding: 1.5em 0 0 1.5em; } .small-grid--guttersXl { margin: -2em 0 2em -2em; } .small-grid--guttersXl>.o-grid-cell { padding: 2em 0 0 2em; } } @media only screen and (min-width: 46.8em) { .med-grid--gutters { margin: -1em 0 1em -1em; } .med-grid--gutters>.o-grid-cell { padding: 1em 0 0 1em; } .med-grid--guttersLg { margin: -1.5em 0 1.5em -1.5em; } .med-grid--guttersLg>.o-grid-cell { padding: 1.5em 0 0 1.5em; } .med-grid--guttersXl { margin: -2em 0 2em -2em; } .med-grid--guttersXl>.o-grid-cell { padding: 2em 0 0 2em; } } @media only screen and (min-width: 64.06em) { .large-grid--gutters { margin: -1em 0 1em -1em; } .large-grid--gutters>.o-grid-cell { padding: 1em 0 0 1em; } .large-grid--guttersLg { margin: -1.5em 0 1.5em -1.5em; } .large-grid--guttersLg>.o-grid-cell { padding: 1.5em 0 0 1.5em; } .large-grid--guttersXl { margin: -2em 0 2em -2em; } .large-grid--guttersXl>.o-grid-cell { padding: 2em 0 0 2em; } } .o-flip { perspective: 1000px; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; display: inline-block; width: 100%; margin-right: 8px; overflow: visible; } @media only screen and (min-width: 46.8em) { .o-flip { min-height: 770px; } } .o-flip.do-flip .o-flip__front { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } .o-flip.do-flip .o-flip__front .c-vertical-card__content, .o-flip.do-flip .o-flip__front .c-vertical-card__actions, .o-flip.do-flip .o-flip__front .c-vertical-card__header-image { opacity: 0; transition: opacity 0.1s ease-in-out; } .o-flip.do-flip .o-flip__back { transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); } .o-flip__flipper { transition: 0.6s; -ms-transition: 0.6s; transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; overflow: visible; position: relative; } @media only screen and (min-width: 46.8em) { .o-flip__front, .o-flip__back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; transition: 0.6s; transform-style: preserve-3d; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; -ms-transition: 0.6s; -ms-transform-style: preserve-3d; position: absolute; top: 0; left: 0; } } @media only screen and (min-width: 46.8em) { .o-flip__front, .o-flip__back { min-height: 756px; } } .o-flip__front { z-index: 2; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); } .o-flip__back { display: none; } @media only screen and (min-width: 46.8em) { .o-flip__back { display: block; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .c-header { line-height: 1; background-color: #1C2758; max-width: 100%; height: 50px; z-index: 3; transform: translateZ(0); will-change: transform; position: relative; transition: transform .2s; } @media only screen and (max-width: 64.06em) { .c-header.nav-is-visible { transform: translateX(-260px); position: fixed; width: 100%; } .nav-on-left .c-header.nav-is-visible { transform: translateX(260px); position: fixed; width: 100%; } } @media only screen and (min-width: 64.06em) { .c-header { height: 86px; background-color: #fff; } .c-header::after { clear: both; content: ""; display: table; } .nav-on-left .c-header.nav-is-visible { position: fixed; width: 100%; } } @media only screen and (min-width: 64.06em) { .c-header__container { max-width: 1200px; padding: 0 1rem; margin: 0 auto; position: relative; display: flex; /* display: flexbox; */ justify-content: space-between; align-items: center; display: -ms-flexbox; -ms-flex-direction: row; -ms-flex-pack: space-between; height: 86px; } } @media only screen and (min-width: 64.06em) { .c-header__container-desktop { position: relative; display: block; height: 100%; margin: 0 auto; width: 1200px; display: none; } } .c-header__logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 40px; } .c-header__logo img { display: block; } @media only screen and (min-width: 64.06em) { .c-header__logo { transform: none; max-width: 230px; display: inline-block; line-height: 1; position: relative; top: 0; left: 0; } } @media only screen and (min-width: 64.06em) and (max-width: 67.6875em) { .c-header__logo { max-width: 210px; } } .c-header__buttons { position: absolute; display: inline-block; top: 3px; left: 1rem; } .c-header__buttons li { display: inline-block; } @media only screen and (max-width: 64.06em) { .nav-on-left .c-header__buttons { right: auto; left: 1rem; } .nav-on-left .c-header__buttons li { float: right; } } @media only screen and (min-width: 64.06em) { .c-header__buttons { top: 18px; right: 4em; display: none; } } .c-header__actions { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @media only screen and (min-width: 64.06em) { .c-header__actions { top: 0; transform: none; position: relative; right: 0; } } .c-list-icon { display: table; } .c-list-icon__item { display: inline; display: table-cell; vertical-align: middle; } .c-list-icon__icon { text-decoration: none; color: #fff; font-size: 28px; } .c-list-icon__icon--location { fill: #fff; width: 28px; height: auto; } .c-list-icon__icon--location:hover, .c-list-icon__icon--location:focus { fill: #fff; width: 28px; } .c-list-icon__icon:hover, .c-list-icon__icon:focus { text-decoration: none; color: #fff; } .c-list-icon__icon--location { fill: #fff; width: 28px; height: auto; } .c-list-icon__icon--location:hover, .c-list-icon__icon--location:focus { fill: #fff; width: 28px; } .c-list-icon__icon.icon-search { font-size: 26px; } .c-nav { float: right; padding-top: 40px; } .c-nav--primary { display: inline-block; } .c-nav--secondary { display: inline-block; } .c-nav__login { display: inline-block; } .c-nav__items { display: inline-block; } .c-nav__items--links { display: inline-block; border-right: 1px solid grey; padding: 0 16px; text-transform: uppercase; } .c-nav__items--links:last-child { border: none; } .c-nav-primary { display: none; } .c-nav-primary.hide-nav { display: none; } @media only screen and (min-width: 64.06em) { .c-nav-primary { display: inline-block; } .c-nav-primary__list { height: 86px; line-height: 86px; } .c-nav-primary__list>li:last-child:after { display: none; } .c-nav-primary__item { float: left; position: relative; padding-bottom: 0; } .c-nav-primary__item:after { content: "|"; position: relative; color: #bebfbf; right: -2px; top: -2px; font-size: 10px; top: -1px; } .c-nav-primary__item.is-active:before { content: " "; background-color: #1B4695; position: absolute; top: 0px; width: 100%; height: 5px; left: 50%; transform: translateX(-50%); } .c-nav-primary__item.is-active .c-nav-primary__link { color: #1D4094; font-weight: 600; } .c-nav-primary__link { color: #1B4695; text-transform: uppercase; padding: 0 12px; font-weight: 500; color: #333; text-decoration: none; } .c-nav-primary__link:hover { text-decoration: none; color: #1775BB; } } @media only screen and (min-width: 64.06em) and (max-width: 67.6875em) { .c-nav-primary__link { padding: 0 10px; font-size: 15px; } } .c-logo { left: 10px; bottom: 0; margin: auto; } .c-logo--twitter { display: block; width: 100%; height: 50px; background-color: #61A7D7; position: absolute; left: 0; margin: 0 auto; padding-top: 8px; } .c-logo--twitter-large { display: none; } .c-logo--twitter-small { display: block; margin: auto; position: relative; } .c-logo-link { display: inline-block; line-height: 1; } @media only screen and (min-width: 64.06em) { .c-logo--twitter { display: inline-block; max-width: 100px; width: 100%; height: auto; position: relative; background-color: transparent; } .c-logo--twitter-large { display: block; } .c-logo--twitter-small { display: none; } } .c-search-trigger { position: relative; display: block; width: 44px; height: 44px; overflow: hidden; white-space: nowrap; color: transparent; z-index: 3; text-indent: -1000px; margin-right: 1rem; } .c-search-trigger:hover { color: transparent; } .c-search-wrapper { position: relative; width: 44px; height: 40px; margin: 0 auto; background: transparent; top: 0.5rem; } .c-search-icon { position: relative; width: 25px; height: 25px; margin: 0 auto; padding: 0; text-align: center; cursor: pointer; } .c-search-icon__circle { width: 1.2rem; height: 1.2rem; border: 3px solid #333; display: inline-block; position: absolute; top: 0; left: 0; border-radius: 50%; transition: top 0.3s ease-in, left 0.3s ease-in, border-radius 0.3s ease-in, border-width 0.3s ease-in, width 0.3s ease-in, height 0.3s ease-in, background-color 0.3s ease-in; background-color: transparent; } .c-search-trigger.search-is-visible .c-search-icon__circle { width: 0; height: 0; border-width: 0; top: 12px; left: 12px; transition: top 0.3s ease-in, left 0.3s ease-in, border-radius 0.3s ease-in, border-width 0.3s ease-in, width 0.3s ease-in, height 0.3s ease-in, background-color 0.3s ease-in; } .c-search-icon__rectangle { width: 0.6rem; height: 3px; background: #333; display: inline-block; transform: rotate(45deg); position: absolute; top: 1.1rem; left: 0.8rem; transition: all .3s ease-in; } .c-search-trigger.search-is-visible .c-search-icon__rectangle { width: 25px; left: 0; top: 15px; transition: all 0.3s ease-out; } .c-search-trigger.search-is-visible .c-search-icon__rectangle.second-line { transform: rotate(135deg); } /* .c-search-trigger::before, .c-search-trigger::after { content: ''; position: absolute; transition: opacity .2s; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .c-search-trigger::before { top: 11px; left: 11px; width: 12px; height: 12px; border-radius: 50%; border: 3px solid #F1F1F1; } .c-search-trigger::after { height: 3px; width: 8px; background: #F1F1F1; bottom: 14px; right: 11px; transform: rotate(45deg); } */ /* .c-search-trigger span { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .c-search-trigger span::before, .c-search-trigger span::after { content: ''; position: absolute; display: inline-block; height: 3px; width: 22px; top: 50%; margin-top: -2px; left: 50%; margin-left: -11px; background: #F1F1F1; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .2s, transform .2s; } .c-search-trigger span::before { transform: rotate(45deg); } .c-search-trigger span::after { transform: rotate(45deg); } */ /* .c-search-trigger.search-is-visible::before, .c-search-trigger.search-is-visible::after { opacity: 0; } .c-search-trigger.search-is-visible span::before, .c-search-trigger.search-is-visible span::after { opacity: 1; } .c-search-trigger.search-is-visible span::before { transform: rotate(135deg); } .c-search-trigger.search-is-visible span::after { transform: rotate(45deg); } @media only screen and (min-width: 64.06em) { .c-search-trigger::before { border-color: #333; } .c-search-trigger::after { background: #333; } .c-search-trigger span::before, .c-search-trigger span::after { background: #333; } } */ .c-search { position: absolute; height: 50px; width: 100%; top: 50px; left: 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: opacity .2s 0s, visibility 0s .2s; -moz-transition: opacity .2s 0s, visibility 0s .2s; transition: opacity .2s 0s, visibility 0s .2s; } .c-search__form { height: 100%; width: 100%; } .c-search__input { border-radius: 0; border: none; background: #F1F1F1; height: 100%; width: 100%; padding: 0 22px; box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); appearance: none; } .c-search__input::-ms-clear, .c-search__input::-webkit-search-decoration, .c-search__input::-webkit-search-cancel-button, .c-search__input::-webkit-search-results-button, .c-search__input::-webkit-search-results-decoration { display: none; } .c-search__input::-webkit-input-placeholder { color: #333; } .c-search__input::-moz-placeholder { color: #333; } .c-search__input:-moz-placeholder { color: #333; } .c-search__input:-ms-input-placeholder { color: #333; } .c-search.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity .2s 0s, visibility 0s 0s; -moz-transition: opacity .2s 0s, visibility 0s 0s; transition: opacity .2s 0s, visibility 0s 0s; } .nav-is-fixed .c-search { position: fixed; } @media only screen and (min-width: 64.06em) { .c-search { height: 86px; top: 0; width: 60%; right: 0; left: 50%; display: block; background-color: #FFF; transform: translateX(-50%); min-width: 600px; max-width: 730px; padding: 0; } .c-search__form { position: relative; } .c-search__input { padding: .5rem 1rem; font-size: 16px; font-weight: 300; background: white; box-shadow: none; border: 1px solid #dbdbdb; border-radius: 3px; position: absolute; height: 46px; top: 50%; transform: translateY(-50%); } .c-search__input::-webkit-input-placeholder { color: #333; } .c-search__input::-moz-placeholder { color: #333; } .c-search__input:-moz-placeholder { color: #333; } .c-search__input:-ms-input-placeholder { color: #333; } } .c-login-btn { position: relative; overflow: hidden; } .c-login-btn:active, .c-login-btn:focus, .c-login-btn:visited { color: #fff; text-decoration: none; outline: -webkit-focus-ring-color auto 5px; } .c-login-btn:before { position: absolute; height: 100%; font-size: 125%; line-height: 37px; color: #fff; transition: top 0.2s ease-in-out, transform 0.2s ease-in-out; top: 100%; left: 80%; font-size: .875rem; font-family: 'icomoon'; font-style: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* content: "\e845"; */ font-weight: 600; } .c-login-btn:hover:before { top: 0; text-decoration: none; } .c-login-btn.is-active:before { top: 0; transform: rotate(180deg); } .c-nav-mobile, .c-nav-mobile__list { position: fixed; top: 0; right: 0; height: 100%; width: 260px; background: #F1F1F1; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1; transform: translateZ(0); transform: translateX(0); transition: transform .2s; } .is-hidden.c-nav-mobile, .is-hidden.c-nav-mobile__list { transform: translateX(100%); } .moves-out.c-nav-mobile>li>a, .moves-out.c-nav-mobile__list>li>a { transform: translateX(-100%); opacity: 0; } @media only screen and (max-width: 64.06em) { .c-nav-mobile { visibility: hidden; transition: visibility 0s .2s; } .nav-on-left .c-nav-mobile { right: auto; left: 0; } .c-nav-mobile.nav-is-visible { visibility: visible; transition: visibility 0s 0s; } } @media only screen and (max-width: 64.06em) { .nav-on-left .c-nav-mobile__list { right: auto; left: 0; } } .c-nav-mobile__list .c-nav-mobile__item:nth-child(6):after { content: ""; } .c-nav-mobile__item { position: relative; } @media only screen and (min-width: 64.06em) { .c-nav-mobile__item:after { content: '|'; font-size: 10px; font-weight: 300; color: #3E3E3E; position: absolute; top: 50%; right: -2px; transform: translateY(-50%); } .c-nav-mobile__item:last-of-type:after { display: none; } .c-nav-mobile__item.is-active:before { content: " "; background-color: #1B4695; position: absolute; top: 1px; width: 100%; height: 5px; left: 51%; transform: translateX(-50%); } .c-nav-mobile__item.is-active .c-nav-mobile__link--level1 { color: #1B4695; font-weight: 600; } } .c-nav-mobile__link { display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; transform: translateZ(0); will-change: transform, opacity; transition: transform .2s, opacity .2s } .c-nav-mobile__link:hover { text-decoration: none; } .has-children>.c-nav-mobile__link, .c-nav-mobile__go-back .c-nav-mobile__link { position: relative; } .has-children>.c-nav-mobile__link::before, .has-children>.c-nav-mobile__link::after, .c-nav-mobile__go-back .c-nav-mobile__link::before, .c-nav-mobile__go-back .c-nav-mobile__link::after { content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #4d4d4d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .has-children>.c-nav-mobile__link::before, .c-nav-mobile__go-back .c-nav-mobile__link::before { transform: rotate(45deg); } .has-children>.c-nav-mobile__link::after, .c-nav-mobile__go-back .c-nav-mobile__link::after { transform: rotate(-45deg); } @media only screen and (min-width: 64.06em) { .has-children>.c-nav-mobile__link::before, .has-children>.c-nav-mobile__link::after, .c-nav-mobile__go-back .c-nav-mobile__link::before, .c-nav-mobile__go-back .c-nav-mobile__link::after { background: #c9cbc4; } .has-children>.c-nav-mobile__link:hover::before, .has-children>.c-nav-mobile__link:hover::after, .c-nav-mobile__go-back .c-nav-mobile__link:hover::before, .c-nav-mobile__go-back .c-nav-mobile__link:hover::after { background: #69aa6f; } } .has-children>.c-nav-mobile__link { padding-right: 40px; } .has-children>.c-nav-mobile__link::before, .has-children>.c-nav-mobile__link::after { right: 20px; transform-origin: 9px 50%; } .c-nav-mobile__link--primary { height: 50px; line-height: 50px; padding: 0 1rem; color: #333; border-bottom: 1px solid #e6e6e6; } .c-nav-mobile__link--secondary { border: none; line-height: 40px; height: 40px; color: #333; padding: 0 1rem; font-size: 14px; } @media only screen and (min-width: 64.06em) { .c-nav-mobile__link--secondary { display: none !important; } } @media only screen and (min-width: 64.06em) { .c-nav-mobile__link--level1 { text-transform: uppercase; padding: 0 12px !important; } } .c-nav-mobile__link--header { font-weight: 600; } .c-nav-mobile__link--child { padding-left: 40px; } .c-nav-mobile__link.is-active { border-left: 4px solid #1B4695; padding-left: 36px; background-color: white; } @media only screen and (min-width: 64.06em) { .c-nav-mobile__go-back .c-nav-mobile__link { padding-left: 20px; } .c-nav-mobile__go-back .c-nav-mobile__link::before, .c-nav-mobile__go-back .c-nav-mobile__link::after { left: 1px; } } .c-nav-mobile__go-back a { padding-left: 40px; } .c-nav-mobile__go-back a::before, .c-nav-mobile__go-back a::after { left: 20px; transform-origin: 1px 50%; } @media screen and (min-height: 520px) { .c-nav-mobile__footer { position: fixed; bottom: 0; width: 100%; } } @media only screen and (min-width: 64.06em) { .c-nav-mobile { display: none; } } .c-nav-trigger { position: relative; display: block; width: 44px; height: 44px; overflow: hidden; white-space: nowrap; color: #F1F1F1; z-index: 3; } .c-nav-trigger__hamburger, .c-nav-trigger__hamburger::before, .c-nav-trigger__hamburger::after { position: absolute; display: inline-block; height: 3px; width: 24px; background: #F1F1F1; } .c-nav-trigger__hamburger { position: absolute; top: 36%; right: 10px; margin-top: -2px; transition: background .2s .2s; } .c-nav-trigger__hamburger::before, .c-nav-trigger__hamburger::after { content: ''; right: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-origin: 0% 50%; transition: transform .2s .2s; } .c-nav-trigger__hamburger::before { top: -6px; } .c-nav-trigger__hamburger::after { top: 6px; } .c-nav-trigger.nav-is-visible .c-nav-trigger__hamburger { background: rgba(241, 241, 241, 0); } .c-nav-trigger.nav-is-visible .c-nav-trigger__hamburger::before, .c-nav-trigger.nav-is-visible .c-nav-trigger__hamburger::after { background: #f1f1f1; } .c-nav-trigger.nav-is-visible .c-nav-trigger__hamburger::before { transform: translateX(4px) translateY(-3px) rotate(45deg); } .c-nav-trigger.nav-is-visible .c-nav-trigger__hamburger::after { transform: translateX(4px) translateY(2px) rotate(-45deg); } @media only screen and (min-width: 64.06em) { .c-nav-trigger { display: none; } } .c-nav-trigger__text { position: absolute; color: #F1F1F1; text-transform: uppercase; font-size: 11px; bottom: 6px; right: 6px; } .c-overlay { position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(28, 39, 88, 0.8); visibility: hidden; opacity: 0; backface-visibility: hidden; transition: opacity .2s 0s, visibility 0s .2s, transform .2s 0s; } .c-overlay.is-visible { opacity: 1; visibility: visible; transition: opacity .2s 0s, visibility 0s 0s, transform .2s 0s; } @media only screen and (max-width: 64.06em) { .c-overlay.is-visible { transform: translateX(-260px); } .nav-on-left .c-overlay.is-visible { transform: translateX(260px); } .c-overlay.is-visible.search-is-visible, .nav-on-left .c-overlay.is-visible.search-is-visible { transform: translateX(0); } } @media only screen and (max-width: 64.06em) { .nav-on-left.overflow-hidden { overflow: hidden; } } .c-header-group { padding-bottom: 1.5rem; } @media only screen and (min-width: 64.06em) { .c-header-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } } .c-header-group__title { padding-bottom: 1rem; } @media only screen and (min-width: 64.06em) { .c-header-group__title { margin: 0; padding: 0; } } .c-header-group--noflex { display: block; } .c-nav-local { display: none; } @media only screen and (min-width: 64.06em) { .c-nav-local { display: block; background-color: #1C2758; width: 100%; } .c-nav-local::after { clear: both; content: ""; display: table; } .c-nav-local__list { height: 40px; line-height: 40px; max-width: 1200px; padding: 0 1rem; margin: 0 auto; } .c-nav-local__list .c-nav-local__item:first-of-type { margin-left: -1rem; } .c-nav-local__item { float: left; position: relative; padding-bottom: 0; } .c-nav-local__item a:focus { color: #1775BB; text-decoration: underline; } .nav-focus { display: none; } .c-nav-local__item:hover:not(.c-nav-local__item--right) { background-color: #fff; } .c-nav-local__list .c-nav-local__item--right > .c-nav-local__item a { text-decoration: underline; } .c-nav-local__list .c-nav-local__item--right > .c-nav-local__item:hover { background-color: transparent; } .c-nav-local__list .c-nav-local__item--right > .c-nav-local__item:before { background-color: transparent; } .c-nav-local__item:hover:not(.c-nav-local__item--right):before { content: " "; width: 100%; position: absolute; top: 0; left: 0; height: 3px; background-color: #00AF66; } .c-nav-local__item:hover:not(.c-nav-local__item--right)>.c-nav-local__link { color: #1B4695; } .c-nav-local__item:hover:not(.c-nav-local__item--right)>.c-nav-local__flyout { display: block; display: flex; } .c-nav-local__item.is-active { background-color: #1B4695; } .c-nav-local__item--right { float: right; padding: 0 0; } /* .c-nav-local__item--right .c-nav-local__link-right:last-of-type { padding-right: 1rem; } .c-nav-local__item--right .c-nav-local__item:nth-of-type(3) .c-nav-local__link-right { padding-right: 0; } */ .c-nav-local__list .c-nav-local__item--right > .c-nav-local__item { margin-right: 1rem; } .c-nav-local__list .c-nav-local__item--right > .c-nav-local__item:last-of-type { margin-right: 0; } .c-nav-local__link { color: #fff; font-weight: 600; padding: .5rem 1rem; text-decoration: none; } .c-nav-local__link:hover { color: #333; text-decoration: none; } .c-nav-local__link-right { color: #fff; font-size: .75em; /* padding-right: 1rem; */ display: table-cell; } .c-nav-local__link-right:hover, .c-nav-local__link-right:focus { color: #fff; } a.c-nav-local__link-right:hover, a.c-nav-local__link-right:focus { color: #fff; } .c-nav-local__flyout { position: absolute; background-color: #fff; z-index: 3; padding: 1.5em 0em 1.5em 3.25em; left: -3.25em; box-shadow: 0px 3px 2px 1px rgba(50, 50, 50, 0.25); width: 600px; display: flex; flex-wrap: wrap; } .c-nav-local__flyout:empty { display: none; } .c-nav-local__flyout.is-hidden { display: none; } .c-nav-local__flyout--sm { width: 320px; } .c-nav-local__group { flex: 0 1 50%; max-width: 50%; padding-right: 4em; padding-bottom: 1rem; display: block; } .c-nav-local__flyout--sm .c-nav-local__group { flex: 0 1 100%; max-width: 100%; } .c-nav-local__title { font-weight: 700; color: #333; text-transform: uppercase; border-bottom: solid 3px #00AF66; width: 100%; display: inline-block; height: 38px; height: 26px; margin-bottom: 1px; white-space: nowrap; font-size: .875rem; letter-spacing: 1px; } .c-nav-local__item-level3 { line-height: 1em; } .c-nav-local__item-links { line-height: 30px; padding-bottom: 0; } .c-nav-local__link-level3 { word-wrap: none; white-space: nowrap; line-height: 14px; font-size: .875rem; letter-spacing: .3px; text-decoration: none; } a.c-nav-local__link-level3:focus { color: #2a6496; } } .c-nav-secondary { width: 100%; } .c-nav-secondary__list { display: block; } .c-nav-secondary__list-item { display: block; text-align: left; padding-bottom: 1rem; } @media only screen and (min-width: 29.75em) { .c-nav-secondary__list-item { display: inline-block; } .c-nav-secondary__list-item:after { content: '|'; font-size: 10px; position: relative; padding: 0 .5rem; left: 0; bottom: 2px; color: #bebfbf; } .c-nav-secondary__list-item:last-child:after { display: none; } } .c-step { position: relative; width: 100%; background-color: #F1F1F1; margin-bottom: 1rem; padding: 0; z-index: 150; } @media only screen and (min-width: 46.8em) { .c-step { border-bottom: 1px solid #bebfbf; border-top: 1px solid #bebfbf; } } .c-step__wrapper { display: none; } @media only screen and (min-width: 64.06em) { .c-step__wrapper { display: block; height: 185px; } } .c-step--fixed { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; } .c-step__section { margin-top: 1rem; } .c-step__section:before { display: block; content: " "; margin-top: -185px; height: 185px; visibility: hidden; } @media only screen and (min-width: 46.8em) { .c-step__section:before { display: block; content: " "; margin-top: -82px; height: 82px; visibility: hidden; } } .c-step__list { height: 190px; max-width: 1200px; margin: 0 auto; } @media only screen and (min-width: 46.8em) { .c-step__list { height: 82px; } } .c-step__item { cursor: pointer; display: block; text-align: center; border-bottom: 1px solid #bebfbf; } .c-step__item.is-active a, .c-step__item:hover a { color: #1B4695; } @media only screen and (min-width: 46.8em) { .c-step__item { border-right: 1px solid #bebfbf; border-bottom: none; border-top: 5px solid transparent; } .c-step__item:first-child { border-left: 1px solid #bebfbf; } .c-step__item.is-active { border-top: 5px solid #00AF66; background-color: #fff; } } .c-step__item-title { line-height: 82px; border-bottom: 1px solid #bebfbf; } @media only screen and (min-width: 46.8em) { .c-step__item-title { border-bottom: none; border-right: 1px solid #bebfbf; } } .c-step__item-title>span { font-size: 1.25rem; margin-left: .25rem; } .c-step__link { vertical-align: middle; color: #3E3E3E; width: 100%; text-align: left; text-decoration: none; height: 100%; font-weight: 700; } @media only screen and (min-width: 46.8em) { .c-step__link { text-align: center; } .c-step__link.is-active, .c-step__link:hover { color: #00AF66; } } .c-step__link:hover, .c-step__link:active, .c-step__link:focus { text-decoration: none; } .c-step__icon { font-size: 2.250em; line-height: 1; width: 52px; text-decoration: none; } @media only screen and (min-width: 46.8em) { .c-step__icon { width: 100%; } } .c-related-services { max-width: 100%; background-color: #fff; border-top: 1px solid #bebfbf; } .c-related-services--transparent { background-color: transparent; } .c-related-services__title, .c-related-services__subtitle { text-align: center; } .c-related-services__subtitle { font-weight: 400; } @media only screen and (min-width: 46.8em) { .c-related-services__list { padding-top: .5rem; } } .c-related-services__container .c-related-services__list > .c-related-services__list-item { text-align: center; } .c-related-services__list-item { text-align: left; vertical-align: top; width: 100%; margin: 0; padding: 1rem; border-bottom: 1px solid #bebfbf; border-right: none; } @media only screen and (min-width: 46.8em) { .c-related-services__list-item { text-align: center; border-right: 1px solid #bebfbf; border-bottom: none; max-width: 280px; } .c-related-services__list-item:last-child { border-right: none; } } @media only screen and (min-width: 27em) { .c-related-services__list-item { padding: 1rem; } .c-related-services__content { vertical-align: top; padding: 0 0 1.5rem; } } .c-related-services__list-item--no-border { border-right: none; } .c-related-services__icon { font-size: 2.250em; color: #00AF66; line-height: 1; padding: 0 .5rem; width: 52px; } @media only screen and (min-width: 46.8em) { .c-related-services__icon { padding: .5rem; font-size: 3.5rem; width: 100%; } } .c-related-services__icon:hover, .c-related-services__icon:active, .c-related-services__icon:focus { color: #00AF66; text-decoration: none; } .c-related-services__content { vertical-align: top; padding: 0 0 1.5rem; display: inline; } .c-related-services__content-link { display: inline-block; width: 100%; padding: 0 0 .5rem; font-weight: 700; font-size: 16px; color: #1B4695; text-decoration: underline; padding-bottom: 0; } .c-related-services__content-link-description { display: inline-block; width: 100%; font-size: 16px; color: #333; } .c-scroll-top { position: fixed; bottom: 10px; right: 10px; width: 44px; height: 44px; z-index: 5; display: flex !important; justify-content: center; align-items: center; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; text-align: center; text-transform: uppercase; font-weight: 700; color: #fff; line-height: 0; font-size: 1.6875rem !important; background-color: #1b4695; transition: all 0.15s ease-in-out; visibility: hidden; opacity: 0; } .c-scroll-top.is-visible { visibility: visible; opacity: 1; } .c-scroll-top.is-visible:hover, .c-scroll-top.is-visible:focus { outline: -webkit-focus-ring-color auto 1px; } .c-scroll-top:visited, .c-scroll-top:focus, .c-scroll-top:active, .c-scroll-top:hover { text-decoration: none; color: #fff; } @media only screen and (min-width: 64.06em) { .c-scroll-top { display: none !important; } } .c-scroll-top:after { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } .c-quicklinks { display: block; background-color: #F1F1F1; } .c-quicklinks__container { max-width: 1200px; padding: 0 1rem; margin: 0 auto; padding: 1rem; } @media only screen and (min-width: 46.8em) { .c-quicklinks__container { display: flex; justify-content: flex-start; align-items: center; padding: 1rem; margin-bottom: 0; flex-wrap: wrap; } } .c-quicklinks__title { flex-basis: auto; padding-bottom: 1rem; } .c-quicklinks__title--top { flex-basis: 100%; } @media only screen and (min-width: 46.8em) { .c-quicklinks__title { padding-bottom: 0; margin-right: 1rem; } } @media only screen and (min-width: 64.06em) { .c-quicklinks__title { padding: 0; } } .c-quicklinks__list { display: flex; justify-content: flex-start; flex-basis: 100%; flex-wrap: wrap; } @media only screen and (min-width: 64.06em) { .c-quicklinks__list { flex-basis: auto; } } .c-quicklinks__item { flex-basis: 100%; padding: .5rem 0; position: relative; } @media only screen and (min-width: 46.8em) { .c-quicklinks__item { flex-basis: auto; padding-right: .5rem; margin: .25rem 0; } } .c-quicklinks__item:after { display: none; } @media only screen and (min-width: 46.8em) { .c-quicklinks__item:after { display: inline-block; content: "|"; position: relative; color: #bebfbf; right: -2px; top: -2px; font-size: 10px; } } .c-quicklinks__item:last-child:after { display: none; } .c-quicklinks__link { display: block; padding: 0; } .c-content-pair { display: flex; flex-flow: row wrap; justify-content: center; } .c-content-pair--gray { background-color: #F1F1F1; } .c-content-pair--transparent { background-color: transparent; } .c-content-pair__container { overflow: hidden; width: 100%; } .c-content-pair a { text-decoration: underline; font-weight: 700; } @media only screen and (min-width: 46.8em) { .c-content-pair__container { position: relative; margin: 0px; padding: 0px; overflow: hidden; flex: 0 1 50%; min-height: 300px; } .c-content-pair__container--reverse { order: 2; } } .c-content-pair__content { display: flex; flex-direction: column; justify-content: space-between; } .c-content-pair__image { width: 100%; } @media only screen and (min-width: 46.8em) { .c-content-pair__image { position: absolute; width: auto; height: 100%; max-width: none; } .c-content-pair__image--center { top: 50%; left: 50%; transform: translate(-50%, -50%); } } .c-content-pair-stack { margin: 1rem; } @media only screen and (min-width: 29.75em) { .c-content-pair-stack__container { position: relative; margin: 0px; padding: 0px; flex: 1; min-height: 300px; min-width: 250px; } } .c-content-pair-stack__content { text-align: center; } .c-content-pair-stack__category { color: #676565; text-transform: uppercase; } .c-content-pair-stack__title { color: #1B4695; font-size: 1.25rem; font-weight: 700; } .c-content-pair-stack__title-link { color: #1B4695; } .c-content-pair-stack__description { color: #333; font-size: 1rem; line-height: 26px; } .c-content-pair-stack__subtitle { color: #676565; font-size: .875rem; font-style: italic; } .c-content-pair-stack__image { width: 100%; } @media only screen and (min-width: 29.75em) { .c-content-pair-stack__image { position: absolute; width: auto; height: 100%; max-width: 100vw; } .c-content-pair-stack__image--center { top: 50%; left: 50%; transform: translate(-50%, -50%); } } .c-image--overlap { display: none; } .c-image-content { background: #F1F1F1; } .c-video__blurb { padding: 1rem 1rem; background-color: #1C2758; color: #fff; } .c-video__title { font-weight: bold; font-size: .875rem; } .s-video-brightcove .vjs-big-play-button { width: 100px !important; height: 100px !important; top: 50% !important; left: 50% !important; position: absolute !important; border-radius: 100px !important; transform: translate(-50%, -50%) !important; } .s-video-brightcove .vjs-big-play-button:before { font-size: 36px !important; width: 33px !important; } .s-video-brightcove .vjs-big-play-button:hover { box-shadow: none !important; background-color: #1B4695 !important; opacity: 0.8; } @media only screen and (min-width: 46.8em) { .c-image--overlap { display: inline-block; position: absolute; right: 0; z-index: 1; bottom: -32px; } .c-image--overlap img { width: 60%; vertical-align: middle; float: right; } } @media only screen and (min-width: 50em) { .c-image--overlap img { width: 100%; float: right; } } .c-community { padding: 0; position: relative; z-index: 2; } .c-community__wrapper { position: relative; width: 100%; } .c-community__header { margin: 0; position: relative; } .c-community__title { text-align: left; } .c-community__title--small { margin-left: 0px; margin-bottom: -35px; color: #333; } .c-community__tag-line { margin: 0; } @media only screen and (min-width: 48em) { .c-community__tag-line { margin: 0; max-width: 65%; } } @media only screen and (min-width: 64.06em) { .c-community__tag-line { margin: 0; max-width: 70%; } .c-community__title { text-align: left; font-size: 100px; line-height: 1; margin-top: 10px; } } .c-community__tag-line a { font-weight: 700; } .c-community__body { display: table; width: 100%; margin-top: 25px; position: relative; } .c-community__callout { position: relative; display: block; float: left; height: 145px; text-align: center; padding: 0 23px; vertical-align: top; width: 50%; max-width: 245px; border: 0; } .c-community__callout:nth-child(-n+2) { border-bottom: 1px solid #C0C0C0; } .c-community__callout:nth-child(odd) { border-right: 1px solid #C0C0C0; } .c-callout { position: relative; display: block; padding-top: 1em; } .c-callout__title { padding: 0; font-size: 12px; font-weight: 700; } .c-callout__title--left { position: relative; font-size: 45px; margin-left: 40%; top: -14px; margin-bottom: -23px; float: left; } .c-callout__body { font-size: 35px; font-weight: 700; margin: -12px 0 10px 0; } .c-callout__body--super { font-size: 16px; text-align: left; margin-top: 0; } .c-callout__body sup { font-size: 17px; vertical-align: baseline; position: relative; top: -1em; right: 10px; font-weight: 500; } .c-callout__footer { padding: 0; font-weight: 700; margin-top: -22px; clear: both; } .c-callout__footer--small { font-size: 11px; } .c-twitter__container { position: relative; clear: both; padding: 50px 0; border-top: 1px solid #bebfbf; z-index: 0; } .c-twitter__container--follow { width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; padding: 0 1em; } .c-twitter__container--follow-btn { position: absolute; bottom: 0; padding: 0 1em; margin-bottom: 1em; left: 0; width: 100%; } .c-twitter__carousel { text-align: center; margin: 0 auto; padding: 0 15px; } .c-twitter__btn { text-align: center; } .c-carousel { position: relative; display: inline-block; max-width: 740px; width: 100%; padding: 10px 0; vertical-align: middle; } .c-carousel__card { position: relative; margin: auto; width: 70%; } .c-carousel__card-item { display: block; position: relative; } @media only screen and (min-width: 27em) { .c-community { padding-bottom: 3em; } .c-community__body { max-width: 600px; } .c-community__callout { width: 50%; max-width: 245px; border: 0; } .c-community__callout:nth-child(-n+2) { border-bottom: 1px solid #C0C0C0; } .c-community__callout:nth-child(odd) { border-right: 1px solid #C0C0C0; } .c-callout__body { font-size: 45px; } .c-callout__body--super { font-size: 16px; text-align: left; margin-top: 0; } } @media only screen and (min-width: 64.06em) { .c-community__container--radial-gradient { height: 100%; width: 100%; margin-top: 5em; position: absolute; background: -moz-radial-gradient(center, ellipse cover, white 22%, rgba(255, 255, 255, 0) 66%); background: -webkit-gradient(radial, center center, 0px, center center, 66%, color-stop(0%, white), color-stop(66%, rgba(255, 255, 255, 0))); background: -webkit-radial-gradient(center, ellipse cover, white 22%, rgba(255, 255, 255, 0) 66%); background: -o-radial-gradient(center, ellipse cover, white 22%, rgba(255, 255, 255, 0) 66%); background: -ms-radial-gradient(center, ellipse cover, white 22%, rgba(255, 255, 255, 0) 66%); background: radial-gradient(ellipse at center, white 22%, rgba(255, 255, 255, 0) 66%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); } .c-community__title { text-align: left; font-size: 100px; } .c-community__title--small { font-size: 35px; padding-bottom: 0; } .c-community__body { max-width: 100%; } .c-community__callout { display: table; width: 50%; max-width: 245px; border: 0; } .c-community__callout:nth-child(-n+2) { border-bottom: none; } .c-community__callout:nth-child(-n+3) { border-right: 1px solid #C0C0C0; } .c-callout__title--left { font-size: 80px; margin: 0; padding: 0; top: -25px; float: left; vertical-align: top; } .c-callout__body { font-size: 80px; margin-top: -25px; } .c-callout__body--super { font-size: 17px; text-align: left; margin: 0; padding: 0; } .c-callout__body sup { top: -3em; right: 15px; font-weight: 500; } .c-callout__footer--small { font-size: 12px; line-height: 14px; text-align: left; margin: 0px; padding: 0px; clear: none; } .c-twitter__container { padding: 40px 0; display: block; } .c-twitter__container--follow { display: table-cell; text-align: center; width: 250px; vertical-align: middle; position: relative; padding: 0; background-color: transparent; } .c-twitter__container--follow-btn { padding: 0; margin: 0; position: relative; } .c-twitter__carousel { display: table; table-layout: fixed; padding-left: 40px; width: 930px; height: 247px; } .c-twitter__btn { margin-top: 1em; } .c-carousel { display: table-cell; max-width: 740px; width: 75%; vertical-align: middle; } .c-carousel__card-item { padding: 0 10px; } } .c-article { padding-bottom: 40px; } .article-teaser h3 a { font-weight: 400; } @media only screen and (min-width: 64.06em) { .c-article--border { border-right: 1px solid #bebfbf; margin-right: 1em; padding-right: 1em; } } .c-article__category { color: #676565; text-transform: uppercase; /* font-weight: 300; */ padding-bottom: 10px; } .c-article__title { font-weight: 600; color: #1B4695; line-height: 32px; } .c-article__additional-links { padding-bottom: 1rem; } .c-article__subtitle { font-weight: 600; } .c-article__content { font-size: 1rem; /* font-weight: 300; */ padding-bottom: 10px; } .c-article__content--category { color: #676565; text-transform: uppercase; } .c-article__content--title { color: #1B4695; font-size: 24px; font-weight: bold; line-height: 32px; } .c-article__content--title-link { color: #1B4695; text-decoration: underline; } .c-article__content--description { color: #333; font-size: 1rem; line-height: 26px; } .c-article__description--title { font-size: 16px; padding-bottom: 0; text-decoration: underline; font-weight: 600; } .c-article__content--subtitle { color: #676565; font-size: 13px; font-style: italic; } .c-article__image { width: 100%; max-height: 525px; display: block; } @media only screen and (min-width: 29.75em) { .c-article__image-container { width: 25%; } } @media only screen and (min-width: 64.06em) { .c-article__image-container { width: 100%; } } .c-article__image-container--full { width: 100%; } .c-article__image-container--reverse { width: 100%; } @media only screen and (min-width: 29.75em) { .c-article__image-container--reverse { width: 35%; } } .c-article__image--list { max-height: 200px; } .c-article__link { display: block; min-width: 175px; } .c-article--list { width: 100%; padding-bottom: 30px; } .c-article--list.is-hidden { display: none; visibility: hidden; } .c-article--stack { padding: 0 10px 30px 0; } @media only screen and (min-width: 29.75em) { .c-article--stack { width: 100%; } } @media only screen and (min-width: 46.8em) { .c-article--stack { width: 50%; } } @media only screen and (min-width: 64.06em) { .c-article--stack { width: 33%; } } .c-article--stack.is-hidden { display: none; visibility: hidden; } .c-article__disclaimer { font-size: 13px; padding-top: 25px; color: #3E3E3E; width: 100%; } .c-article__view-all { padding-bottom: 1rem; } .c-article__view-all>h2 { padding-bottom: 0; display: inline-block; } .c-article__view-all-link { display: none; } @media only screen and (min-width: 29.75em) { .c-article__view-all-link { float: right; margin-top: .5rem; display: inline-block; } } .c-article__no-results { display: none; font-size: 1.25rem; } .c-pager { position: relative; text-align: center; padding-bottom: 1rem; } .c-pager__number { display: inline-block; text-decoration: none; color: #3E3E3E; padding: 4px 10px; border: 1px solid #bebfbf; margin: 0 4px; } .c-pager__number.is-active { color: #333; background-color: #E4F2FA; } .c-pager__number:hover { text-decoration: none; background-color: #E4F2FA; } .c-link { color: #1B4695; text-decoration: none; font-weight: 600; } .c-link:hover { text-decoration: underline; color: #2a6496; } .c-text-btn { display: inline-block; margin: 0; padding: 1rem; min-width: 100%; text-align: center; font-weight: 600; color: #1B4695; } @media only screen and (min-width: 46.8em) { .c-text-btn { min-width: 0%; } } @keyframes loading { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } .c-btn { color: #fff; background: #1B4695; display: inline-block; text-align: center; border: 1px solid #1B4695; line-height: 1.2rem; font-weight: 600; text-decoration: none; transition: background 0.15s ease-in-out, border 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor: pointer; padding: .5rem 1rem; text-transform: uppercase; min-width: 100%; } @media only screen and (min-width: 46.8em) { .c-btn { min-width: 0%; } } .c-btn--primary { background: #1B4695; border: 1px solid #1B4695; } a.c-btn.c-btn--primary { text-decoration: none; color: #fff; } a.c-btn.c-btn--primary:hover, a.c-btn.c-btn--primary:focus { text-decoration: none; color: #fff; } .c-btn--primary:hover { background: #2054b3; border: 1px solid #2054b3; color: #fff; text-decoration: none; } .c-btn--primary:focus { color: #fff; text-decoration: none; } .c-btn--secondary { background: #00AF66; border: 1px solid #00AF66; } .c-btn--secondary:hover { background: #00d37b; border: 1px solid #00d37b; color: #fff; text-decoration: none; } .c-btn--secondary:focus { outline: -webkit-focus-ring-color auto 5px; color: #fff; text-decoration: none; } .c-btn--wide { padding: .5rem 2.5rem; } .c-btn--accent { background: #333; border: 1px solid #333; } .c-btn--accent:hover { background: #454545; border: 1px solid #454545; color: #fff; text-decoration: none; } .c-btn--ghost { background: transparent; color: #1B4695; border: 1px solid #1B4695; } .c-btn--ghost:hover { background: transparent; border: 1px solid #2054b3; color: #2054b3; text-decoration: none; } .c-btn--ghost-inverted { background: transparent; color: #fff; border: 1px solid #fff; } .c-btn--ghost-inverted:hover { background: transparent; border: 1px solid #fff; color: #fff; text-decoration: none; } .c-btn-ghost--inverted:focus { color: #ffffff; text-decoration: none; } .c-btn--twitter { background: #61A7D7; border: 1px solid #61A7D7; } .c-btn--twitter:hover { background: #7db7de; border: 1px solid #7db7de; color: #fff; text-decoration: none; } .c-btn--full { width: 100%; } .c-btn__loading-1, .c-btn__loading-2, .c-btn__loading-3 { display: none; } .c-btn--loading.is-loading { background: #2054b3; } .c-btn--loading.is-loading .c-btn__loading-1, .c-btn--loading.is-loading .c-btn__loading-2, .c-btn--loading.is-loading .c-btn__loading-3 { display: inline; } .c-btn--loading.is-loading .c-btn__loading-1 { animation: loading 1.5s infinite ease-in-out; animation-fill-mode: both; margin-right: 2px; margin-left: 2px; } .c-btn--loading.is-loading .c-btn__loading-2 { animation: loading 1.5s infinite ease-in-out .15s; animation-fill-mode: both; margin-right: 2px; } .c-btn--loading.is-loading .c-btn__loading-3 { animation: loading 1.5s infinite ease-in-out .30s; animation-fill-mode: both; } .c-login-mobile button { color: #fff; font-weight: 700; background: #1C2758; display: block; text-align: center; line-height: 1.2rem; font-weight: 600; cursor: pointer; text-transform: uppercase; min-width: 100%; border: none; text-decoration: none; transition: background 0.15s ease-in-out, border 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; position: relative; overflow: hidden; padding: .5rem; } .c-btn-group { width: 100%; border-bottom: 1px solid #f1f1f1; background-color: #fff; } .c-btn-group__buttons { flex: 1 100%; } .c-btn-group__buttons .c-btn--primary:focus { outline: -webkit-focus-ring-color auto 5px; color: #fff; text-decoration: none; } .c-btn-group__buttons .c-btn--ghost:focus { outline: -webkit-focus-ring-color auto 5px; text-decoration: none; } @media only screen and (min-width: 46.8em) { .c-btn-group__buttons { flex: 0 auto; } } .c-btn-group__buttons .c-btn { margin-bottom: .5rem; } @media only screen and (min-width: 46.8em) { .c-btn-group__buttons .c-btn { margin: 0; margin-right: .5rem; } } .c-btn-group__single, .c-btn-group__double { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 1200px; padding: 0 1rem; margin: 0 auto; padding-top: 1.5rem; padding-bottom: 1.5rem; } .c-btn-group__single { flex-wrap: wrap; padding-bottom: 0; } @media only screen and (min-width: 46.8em) { .c-btn-group__single { max-width: 1200px; padding: 0 1rem; margin: 0 auto; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; justify-content: flex-start; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; } } .c-btn-group__double { flex-wrap: wrap; padding-bottom: 0; } @media only screen and (min-width: 46.8em) { .c-btn-group__double { align-items: center; flex-wrap: wrap; } } @media only screen and (min-width: 1111px) { .c-btn-group__double { flex-wrap: wrap; } } .c-btn-group__container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex: 100%; padding-bottom: 1.5rem; } @media only screen and (min-width: 90em) { .c-btn-group__container { flex: 50%; flex-wrap: nowrap; } } @media only screen and (min-width: 64.06em) { .c-btn-group__container { flex-wrap: wrap; align-items: center; flex: auto; } } .c-btn-group__container:last-child { justify-content: flex-start; } @media only screen and (min-width: 1111px) { .c-btn-group__container:last-child { justify-content: flex-end; } } .c-btn-group__title { position: relative; padding: .5rem; padding-top: 0; padding-left: 0; width: 100%; } @media only screen and (min-width: 64.06em) { .c-btn-group__title { width: auto; padding: 0; padding-right: 1rem; } } .s-addthis .at-resp-share-element .at-share-btn:focus, .s-addthis .at-resp-share-element .at-share-btn:hover { transform: none; } .s-addthis .at-resp-share-element .at-share-btn .at-label { font-size: .875rem !important; } .c-form { position: relative; display: inline-block; width: 100%; } .c-form__output { margin-top: 24px; } .c-form__output-data { display: none; } .c-form__input { display: inline-block; height: 40px; width: 100%; padding: 0px .5rem; font-size: 16px; line-height: 1.2; background-color: #fff; border: 1px solid #bebfbf; } .c-form__input:focus { outline: -webkit-focus-ring-color auto 5px; } .c-form__input--search:focus { border-color: #666; } .c-form__input--error { border: 1px solid #c4022b; } .c-form__label { font-weight: 700; line-height: 1.4; } .c-form__field { position: relative; } .c-form__field[data-valid="false"] input { border-color: #C4022B; } .c-form__field[data-valid="false"] .c-icon--error { display: inline-block; } .c-form__field[data-valid="false"] .c-form__field-details { max-height: 50px; opacity: 1; } .c-form__field[data-valid="false"] .c-input-group__addon { opacity: 0; } .c-form__field-details { display: block; font-size: .875rem; color: #C4022B; max-height: 0px; opacity: 0; transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; } .c-form__fieldset { display: inline-block; margin-top: 0; margin-bottom: 0; padding: 0; border: 0; } .c-form--radio { border-radius: 100%; cursor: pointer; display: inline-block; vertical-align: top; height: 1em; width: 1em; } .c-form--radio:focus { border-color: #66afe9; transition-duration: 175ms; } .c-form__dropdown { position: relative; } .c-form__dropdown:before { content: ""; position: absolute; width: 40px; top: 0; right: 0; height: 40px; } .c-form__dropdown:after { font-family: 'icomoon'; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* content: "\e83b"; */ position: absolute; text-align: right; width: 11px; top: 20px; right: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; color: #1B4695; } .c-form__select { z-index: 0; position: relative; appearance: none; height: 40px; width: 100%; border-radius: 0px; border-color: #bebfbf; padding: 0px .5rem; font-size: 16px; line-height: 1.2; background-color: #fff; border: 1px solid #bebfbf; } .c-form__select::-ms-expand { display: none; } .c-form__locator { display: flex; width: 100%; font-size: 16px; line-height: 1.2; flex-wrap: wrap; } .c-form__locator--center { margin: 0 auto; } .c-form__locator-input { flex: 1; margin-bottom: .5rem; } @media only screen and (min-width: 46.8em) { .c-form__locator-input { margin-bottom: 0; } } .c-input-group { position: relative; } .c-input-group__input { padding-right: 42px; } .c-input-group__checkbox { opacity: 0; position: absolute; width: 44px; height: 40px; top: 0; right: 0; cursor: pointer; z-index: 3; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } .c-input-group__addon { border-left: 1px #bebfbf solid; background-color: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; width: 44px; height: 30px; position: absolute; right: 0; top: 5px; -webkit-transition: all 300ms ease; transition: all 300ms ease; text-align: center; opacity: 1; overflow: hidden; font-size: 12px; } .c-input-group__addon-toggle { color: #1B4695; width: 44px; display: block; position: absolute; transform: translateY(0); } .c-input-group__checkbox:checked+.c-input-group__addon .c-input-group__addon-toggle--save { transform: translateX(0); transition: transform 150ms ease; } .c-input-group__addon-toggle--save:after { content: "Save"; } .c-input-group__checkbox:checked+.c-input-group__addon .c-input-group__addon-toggle--save:after { content: "Saved"; color: #00AF66; line-height: 14px; } .c-input-group__addon-toggle--save:before { font-family: 'icomoon' !important; /* content: "\e844"; */ color: #00AF66; font-style: normal !important; font-weight: 400 !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; font-size: 14px; opacity: 0; margin-top: -7px; transition: opacity 200ms ease, margin 200ms ease; } .c-input-group__checkbox:checked+.c-input-group__addon .c-input-group__addon-toggle--save:before { opacity: 1; transition: margin 200ms ease, opacity 600ms ease; margin-top: 0; } .c-form-label { cursor: pointer; display: inline-block; font-weight: 400; margin-bottom: 10px; line-height: 1.2; } .c-form-label--error { color: #c4022b; } .full { display: block; width: 100%; } .c-radio { display: table; } .c-radio__input { width: 1.25em; display: table-cell; vertical-align: top; } .c-radio__label { position: relative; padding-left: 2px; display: table-cell; vertical-align: middle; } .c-radio-input { height: 1em; width: 1em; border-radius: 100%; position: absolute; cursor: pointer; display: inline-block; vertical-align: top; transition-duration: 300ms; transition-timing-function: ease-in-out; transition-property: all; font-size: 16px; font-size: 1rem; line-height: 1.1; background-color: #fff; } .c-radio-input:focus { outline: -webkit-focus-ring-color solid 3px; } .c-radio-input:checked ~ .c-radio-input--cover:after { background-color: #000; } .c-radio-input--cover { border-radius: 100%; cursor: pointer; position: relative; display: inline-block; vertical-align: top; height: 1em; width: 1em; font-size: 16px; font-size: 1rem; line-height: 1.1; background-color: #FFF; border: 1px solid #bebfbf; appearance: none; transition-duration: 300ms; transition-timing-function: ease-in-out; transition-delay: 0; transition-property: all; } .c-radio-input--cover:focus { outline: -webkit-focus-ring-color solid 3px; } .c-radio-input--cover:after { content: ""; position: absolute; border-radius: 100%; display: inline-block; top: 50%; left: 50%; margin-top: -.25em; margin-left: -.25em; height: .5em; width: .5em; } .c-checkbox { border-radius: .02em; cursor: pointer; display: inline-block; height: 1em; width: 1em; appearance: none; font-size: 16px; font-size: 1rem !important; line-height: 1.1; background-color: #fff; border: 1px solid #1B4695; } .c-checkbox:focus { outline: -webkit-focus-ring-color solid 3px; } .c-checkbox__label { position: relative; display: block; cursor: pointer; line-height: 24px; font-weight: 400; } .c-checkbox__label input[type="checkbox"] { position: relative; left: 0; margin-top: 4px; } .c-checkbox__label input[type="checkbox"]:checked::before { color: #3E3E3E; } .c-checkbox:before { text-align: center; color: #fff; background: #fff; border: 1px solid #54565A; font-size: 14px; position: absolute; margin: -1px display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-property: all; transition-property: all; } .c-get-help__locator-checkbox .c-checkbox:before { margin: -1px; } .c-checkbox:checked:before { border: 2px solid #1B4695; } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .c-login--flyout { display: none; } @media only screen and (min-width: 64.06em) { .c-login--flyout { width: 260px; z-index: 2; position: absolute; right: 0px; top: 40px; overflow: hidden; } .c-login--flyout.is-active { display: block !important; transition: max-height 0.3s ease-in-out; } .c-login--flyout.has-been-closed { display: none; } .c-login--flyout.is-active:before { left: 80%; transform: rotate(180deg); } } .c-login__wrapper { width: 100%; background-color: #F1F1F1; padding: 1rem; } .c-login__wrapper--standalone { padding: 1.5rem; } @media only screen and (min-width: 29.75em) { .c-login__wrapper--standalone { width: 400px; border: 1px solid #bebfbf; margin: 0 auto; border-radius: 3px; padding: 2rem; animation: 0.5s ease 0s normal forwards 1 fadein; } } .c-login__form { width: 100% } .c-login__dropdown { margin-bottom: .5rem; padding-bottom: 0; } .c-login__input { margin-bottom: .5rem; } .c-login__link { display: block; font-size: .875rem; text-align: center; padding-bottom: .5rem; } .c-login__btn { width: 100%; } .c-login__msg { font-size: .875rem; text-align: center; width: 100%; line-height: 1.5; } .c-login__online { overflow: hidden; max-height: 400px; transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; opacity: 1; } .c-login__online.is-hidden { max-height: 0px; opacity: 0; } .c-login__commercial { overflow: hidden; max-height: 0px; transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; opacity: 0; } .c-login__commercial.is-active { max-height: 100px; opacity: 1; } .c-get-help { background-color: #e4f1e1; padding: 1.5rem; width: 100%; position: relative; } .c-get-help__card { padding: 1rem 0; border-bottom: 1px solid #bebfbf; } .c-get-help__card:last-child { border-bottom: none; } .c-get-help__icon { display: inline-block; vertical-align: top; padding-right: .5rem; color: #00AF66; } .c-get-help__icon--margin-top { margin-top: -5px; } .c-get-help__icon span { font-size: 2.5rem; } .c-get-help__content { display: inline-block; width: 70%; } .c-get-help__locator .c-footer__input { width: 100%; border: 2px solid #54565A; } @media only screen and (min-width: 64.06em) { .c-get-help__content { width: 75%; } } .c-get-help__cta { display: block; } .c-get-help__link { color: #333; padding-right: .5rem; cursor: pointer; } .c-get-help__link:hover, .c-get-help__link:focus { text-decoration: none; color: #333; } .c-get-help__locator-checkbox { display: inline-block; padding-bottom: .5rem; padding-right: 1rem; } .c-selector { text-align: center; position: relative; border-bottom: 1px solid #bebfbf; } .c-selector--fixed { position: fixed; top: 0; width: 100%; z-index: 2; } .c-selector__wrapper { overflow: hidden; max-height: 0; opacity: 0; transition: 0.25s opacity ease-in-out, 0.25s max-height ease-in-out; } .c-selector__wrapper.is-open { max-height: 600px; opacity: 1; } .c-selector__form { padding: 1.5rem 1rem; } .c-selector__title { margin-top: 0; padding-top: 1rem; } .c-selector__list { position: relative; text-align: center; padding: 0; margin: 0; } .c-selector__item { list-style: none; visibility: hidden; opacity: 0; transform: translateX(60px); transition: opacity .15s ease-in-out, transform .3s ease-in-out; position: absolute; text-align: center; width: 100%; display: flex; flex-direction: column; justify-content: center; } @media only screen and (min-width: 46.8em) { .c-selector__item { padding: 0; } } .c-selector__item.is-active { visibility: visible; transform: translateX(0px); opacity: 1; } .c-selector__item.is-hidden { transform: translateX(-60px); visibility: visible; } .c-selector__item-title { font-size: 24px; margin-top: 0; } .c-selector__item-desc { position: relative; font-size: 1rem; font-weight: 500; padding: 0 20px; width: 100%; max-width: 890px; margin: 0 auto; margin-bottom: 10px; line-height: 22px; } .c-selector__button { margin-bottom: 1rem; } @media only screen and (min-width: 46.8em) { .c-selector__button { margin: 0 .5rem; margin-bottom: 0; } } .c-selector__nav { display: none; position: absolute; width: 100%; bottom: 20px; transition: 0.5s opacity ease-in-out; opacity: 1; } .c-selector__dot { border: none; background-color: #c0c0c0; height: 4px; width: 50px; margin: 0 2px; transition: 0.25s background-color ease-in-out; } .c-selector__dot.is-active { background-color: #1B4695; } .c-selector__recommended { outline: 2px solid #509236; opacity: 1; transition: 0.50s opacity ease-in-out; } .c-selector__recommended.c-product-card { margin-top: 1.5rem; } .c-selector__recommended:before { content: "Recommended"; position: absolute; top: -1px; right: -3px; width: 100%; border-right: 2px solid #509236; width: 100%; background-color: #509236; text-align: center; color: white; height: 24px; padding: 2px; font-size: 14px; } @media only screen and (min-width: 29.75em) { .c-selector__recommended:before { top: -1px; right: -1px; width: 140px; border-right: none; } } .c-gallery { width: 100%; border: 1px solid #bebfbf; } .c-gallery__nav { border-bottom: 1px solid #bebfbf; background-color: #e4f1e1; } .c-gallery__nav-title { color: #666; font-size: .875rem; text-align: center; padding: .5rem 0; font-weight: 600; } .c-gallery__nav-item { min-width: 205px; padding: 1.5rem; cursor: pointer; transition: color .15s ease, opacity .15s ease; } .c-gallery__nav-item:hover .c-gallery__img--color { opacity: 1 !important; } .c-gallery__nav-item:hover .c-gallery__nav-title { color: #333; } .c-gallery__img { max-width: 200px; } .c-gallery__img--color { opacity: .2; } .c-gallery__img-container { min-height: 100px; margin: 0 auto; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } @media only screen and (min-width: 64.06em) { .c-gallery__img-container { height: 1px; } } .c-gallery__main { padding-top: 1.5rem; background-color: #fff; } .c-gallery__content { width: auto; } .c-gallery__content.slick-current { box-shadow: none !important; } .c-gallery .slick-list { min-height: 1px !important; } .c-gallery .slick-prev:before, .c-gallery .slick-next:before { color: #1B4695; } .c-gallery .slick-current { background-color: #fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); } .c-gallery .slick-current:focus { } .c-gallery .slick-current .c-gallery__nav-title { color: #333; font-weight: 700; } .c-gallery .slick-current .c-gallery__img--color { opacity: 1; } .c-accordion { overflow: visible; position: relative; } button.c-accordion__container.is-active:focus { outline: -webkit-focus-ring-color auto 5px; } button.c-tabs__items.is-active:focus { outline: -webkit-focus-ring-color auto 5px; } .c-tabs__container .c-accordion__container.is-active:focus { outline: -webkit-focus-ring-color auto 5px; } @media only screen and (min-width: 64.06em) { .c-tabs__container { border-top: none; clear: both; width: 100%; background: #fff; overflow: visible; } } .c-accordion--border { border: 1px solid #bebfbf; border-top: none; } .c-accordion--border-top { border-top: 1px solid #bebfbf; } .c-accordion--border-bottom { border-bottom: 1px solid #bebfbf; } .c-accordion--border-all { border: 1px solid #bebfbf; } .c-accordion__container { display: block; position: relative; width: 100%; padding: 1rem; margin: 0; } .c-accordion__title { transition: all linear 0.15s; text-decoration: none; cursor: pointer; } .c-accordion__title--standard, .c-accordion__title--filter { color: #333; border-bottom: 1px solid #bebfbf; margin-bottom: -1px; } .c-accordion__title--standard.is-active { color: #fff; background: #1B4695; } .c-accordion__title--standard:hover, .c-accordion__title--standard:focus { background-color: #1775BB; color: #fff; } .c-accordion__title--standard:hover .c-accordion__icon, .c-accordion__title--standard:focus .c-accordion__icon { border-color: #fff; } .c-accordion__title--standard.is-active, .c-accordion__title--standard:hover { text-decoration: none; } .c-accordion__icon { border: solid #333; border-width: 0 2px 2px 0; height: 0.5rem; pointer-events: none; position: absolute; right: 2em; top: 50%; transform: translateY(-60%) rotate(45deg); width: 0.5rem; transition: transform ease-in-out 0.2s; } .c-accordion__title--standard.is-active .c-accordion__icon { border-color: #fff; } .c-accordion__trigger[aria-expanded="true"] .c-accordion__icon { transform: translateY(-50%) rotate(-135deg); transition: transform ease-in-out 0.2s; } .c-accordion__title--filter:focus, .c-accordion__title--filter:hover { text-decoration: none; color: #333; } .c-accordion__title--filter.is-active:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #1B4695; } .c-accordion__title--filter:before { font-weight: 500; margin-right: .5em; color: #1B4695; float: left; margin-top: -.25em; font-size: 1.5rem; transition: transform ease-in-out 0.2s; } h2.c-accordion__disclosures-title { text-transform: uppercase; transition: all linear 0.15s; color: #333; padding-left: 0; font-weight: 700; text-decoration: none; font-size: 16px; } .c-accordion__title--disclosure { text-transform: uppercase; transition: all linear 0.15s; color: #333; padding-left: 0; font-weight: 700; text-decoration: none; } .c-accordion__title--disclosure.is-active, .c-accordion__title--disclosure:hover, .c-accordion__title--disclosure:focus { text-decoration: none; color: #333; } .c-accordion__title--disclosure .c-accordion__icon { --b: 2px; width: 13px; height: auto; aspect-ratio: 1/1; border: 2px solid #f1f1f1; border-radius: 0.1rem; outline: 2px solid #333; background: conic-gradient(from 90deg at var(--b) var(--b),transparent 90deg,#000 0) calc(100% + var(--b)/2) calc(100% + var(--b)/2)/ calc(50% + var(--b)) calc(50% + var(--b)); margin-right: 0.5rem; display: inline-block; transition: transform ease-in-out 0.2s; position: relative; transform: none; right: 0; top: 0; } .c-accordion__title--disclosure.is-active .c-accordion__icon { --b: 2px; width: 13px; height: auto; aspect-ratio: 1/1; border: 2px solid #f1f1f1; border-radius: 0.1rem; outline: 2px solid #333; background: conic-gradient(from 90deg at var(--b) var(--b),transparent 180deg,#000 0) calc(100% + var(--b)/2) calc(100% + var(--b)/2)/ calc(50% + var(--b)) calc(50% + var(--b)); margin-right: 0.5rem; display: inline-block; transition: transform ease-in-out 0.2s; position: relative; transform: none; right: 0; top: 0; } .c-accordion__body { display: none; } .c-accordion__body a, .c-accordion__body ol a, .c-accordion__body ul a { text-decoration: underline; font-weight: 400; } .c-accordion__body--standard { padding: 1rem; padding-left: 2.5rem; } .c-accordion__body--open { display: block; } .c-accordion__body--disclosure { padding-left: 1.8rem; } .c-tabs { position: relative; } .c-tabs__list { display: none; } @media only screen and (min-width: 64.06em) { .c-tabs__list { display: table; margin: 0; padding: 0; float: left; list-style: none; height: 32px; width: 100%; } } @media only screen and (min-width: 64.06em) { .c-tabs__items { display: table-cell; transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s; text-align: center; margin: 0; cursor: pointer; padding: 10px 21px; height: 31px; border: 1px solid #bebfbf; border-right: none; background-color: #F1F1F1; position: relative; vertical-align: middle; } } .c-tabs__items:hover { background-color: #e6e6e6; color: #1B4695; } .c-tabs__list .c-tabs__items button:focus { background: #1B4695; color: #fff; outline: none; } @media only screen and (min-width: 64.06em) { .c-tabs__items.is-active { background-color: #fff; color: #1B4695; border-top: 5px solid #1B4695; border-bottom: none; } } @media only screen and (min-width: 29.75em) { .c-tabs__items:last-child { border-right: 1px solid #bebfbf; } } .c-tabs__container { border: 1px solid #bebfbf; } @media only screen and (min-width: 64.06em) { .c-tabs__container { border-top: none; clear: both; width: 100%; background: #fff; overflow: auto; } } .c-tabs__content { padding: 1rem; background-color: #fff; } .c-tabs__content--full { padding: 0; } .c-tabs--accordion { background-color: #FFF; border-top: 1px solid #bebfbf; margin: 0; padding: 1rem; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .c-tabs--accordion:first-child { border-top: none; } @media only screen and (min-width: 64.06em) { .c-tabs--accordion { display: none; } } .c-tabs--accordion:hover { background-color: #e4f1e1; color: #333; } .c-tabs--accordion.is-active { color: #fff; background-color: #00AF66; } .c-tabs--accordion.is-active:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #fff; } .c-tabs--accordion:after { /* content: "\002B"; */ font-weight: 500; margin-right: .5em; color: #bebfbf; float: left; margin-top: -.2em; font-size: 1.3rem; } .c-background-image { position: relative; height: auto; } @media only screen and (min-width: 64.06em) { .c-background-image { height: 100%; height: 100vh; max-height: 775px; overflow: hidden; } } .c-background-image__img { display: none; } @media only screen and (min-width: 64.06em) { .c-background-image__img { display: block; left: 50%; transform: translateX(-50%); position: absolute; max-width: inherit; } } @media only screen and (min-width: 90em) { .c-background-image__img { width: 100%; } } @media only screen and (min-width: 64.06em) { .c-tabs-vertical { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2.5rem 0; width: 100%; } } .c-tabs-vertical__heading { display: inline-block; text-align: center; background-color: #F9F9F9; padding: 1rem; width: 100%; max-width: 100%; font-size: 1.25rem; } @media only screen and (min-width: 64.06em) { .c-tabs-vertical__heading { max-width: 250px; border-bottom: 2px solid #F3F3F3; } } .c-tabs-vertical__titles { display: none; } @media only screen and (min-width: 64.06em) { .c-tabs-vertical__titles { display: inline-block; width: 40%; float: left; text-align: -webkit-right; text-align: -moz-right; text-align: -o-right; text-align: -ms-right; text-align: right; padding-right: 2rem; } } @media only screen and (min-width: 64.06em) { .c-tabs-vertical__list { display: inline-block; width: 250px; background-color: #fff; } } .c-tabs-vertical__links { width: 100%; display: block; text-align: right; padding: .5rem 1rem; cursor: pointer; } .c-tabs-vertical__links.is-active { border-left: 5px solid #1B4695; background-color: #F9F9F9; } .c-tabs-vertical__container { border: 1px solid #bebfbf; } @media only screen and (min-width: 64.06em) { .c-tabs-vertical__container { width: 50%; float: left; display: inline-block; border: 0; } } .c-tabs-vertical__content { display: block; padding: 1rem; padding-left: 2rem; background: rgba(255, 255, 255, 0.5); border-top: 0; } .c-tabs-vertical__content--heading { font-size: 1rem; line-height: 1.3; padding-bottom: .5rem; } @media only screen and (min-width: 64.06em) { .c-tabs-vertical__content { border: 0; padding: 1.5rem; border-top-right-radius: 4.5rem; border-bottom-left-radius: 4.5rem; } } .c-tabs-vertical__content .c-btn { margin-right: .5rem; margin-bottom: .5rem; } .c-tabs-vertical__content--copy { padding-bottom: 1rem; } .c-tabs-vertical--accordion { display: block; } @media only screen and (min-width: 64.06em) { .c-tabs-vertical--accordion { display: none; } } .c-icon--search { color: white; position: absolute; left: 0px; padding: 6px 9px; font-size: 18px; } .c-icon--carousel { color: #1B4695; font-size: 30px; } .c-icon--error { color: #c4022b; position: absolute; right: 0px; padding: 10px 10px; font-size: 18px; } .c-icon--select { color: black; position: relative; top: -37px; float: right; right: 7px; padding: 10px 10px; font-size: 18px; } .c-icon__footer--social { font-size: 2.3rem !important; color: #333; padding: 0 5px; } .c-icon__footer--social:hover, .c-icon__footer--social:focus { color: #1B4695; text-decoration: none; } @media only screen and (min-width: 46.8em) { .c-icon-set__list { padding: 1rem; } } .c-icon-set__list-item { padding: 1rem; font-size: 1rem; } @media only screen and (min-width: 46.8em) { .c-icon-set__list-item { padding: 0; } } .c-icon-set__list-item:before { font-size: 30px; } table, th, td { border: 1px solid #bebfbf; } .c-table { width: 100%; border-spacing: 0; border-collapse: collapse; } .c-table thead { background-color: #1775BB; color: #fff; } .c-table thead sup a { color: #fff; font-weight: 500; text-decoration: underline; } .c-table tbody tr:nth-child(odd) { background-color: #F1F1F1; } .c-table--align-left thead { text-align: left; } .c-table__container { width: 100%; padding-bottom: 1rem; overflow-y: auto; _overflow: auto; } .c-table__cell { padding: 1rem; } td.c-table__cell a { font-weight: 700; text-decoration: underline; } .c-table__cell--half { width: 50%; } .c-table__cell--fourth { width: 25%; } .c-table__cell--rowspan { background-color: white; border-left: 1px solid #fff; border-top: 1px solid #fff; } .c-table__cell--border-white { border: 1px solid #fff; } .c-hero--alt .c-hero__title, .c-hero--alt .c-hero__tagline, .c-hero__content--title, .c-hero__content--tagline, .c-hero__content--textLink { text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); } .c-breadcrumbs { position: absolute; display: block; z-index: 1; top: 1em; left: 1em; } .c-breadcrumbs__list-item { display: inline-block; font-size: .719rem; } .c-breadcrumbs__list-item:after { font-family: 'icomoon'; /* content: "\e847"; */ color: #fff; font-size: 10px; } .c-breadcrumbs__list-item:last-child:after { display: none; } .c-breadcrumbs__list-item--last { color: #fff; font-weight: 700; padding: 0 .2em; font-size: .719rem; } .c-breadcrumbs__list-item--last:hover, .c-breadcrumbs__list-item--last:active, .c-breadcrumbs__list-item--last:focus { color: #fff; } .c-breadcrumbs__link { color: #fff; padding: 0 .2em; } .c-breadcrumbs__link:hover, .c-breadcrumbs__link:active, .c-breadcrumbs__link:focus { color: #fff; } @media only screen and (max-width: 27em) { .c-breadcrumbs { display: none; } } .c-hero { display: flex; position: relative; overflow: hidden; } .c-hero__logout-message { padding-bottom: 2rem; } .c-hero__logout-title { color: #fff; padding-bottom: 0; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); } .c-hero__logout-sub-title { color: #fff; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); } .c-hero__img { left: 50%; transform: translateX(-50%); position: absolute; max-width: inherit; height: 100%; } @media only screen and (min-width: 64.06em) { .c-hero__img { height: auto; } } @media only screen and (min-width: 90em) { .c-hero__img { width: 100%; } } .c-hero--small .c-hero__content { min-height: 330px; } @media only screen and (min-width: 64.06em) { .c-hero--small .c-hero__content--title, .c-hero--small .c-hero__content--tagline { padding-right: 30%; } } .c-hero--large { min-height: 565px; } .c-hero--large .c-hero__container { padding-bottom: 2rem; } @media only screen and (min-width: 64.06em) { .c-hero--large .c-hero__container { max-width: 55%; } } .c-hero--login { min-height: 650px; height: 650px; } .c-hero--alt .c-hero__container { padding-bottom: 2rem; } @media only screen and (min-width: 64.06em) { .c-hero--alt .c-hero__container { max-width: 50%; } } .c-hero--alt .c-hero__title, .c-hero--alt .c-hero__tagline { color: #fff; } @media only screen and (min-width: 64.06em) { .c-hero--alt .c-hero__title, .c-hero--alt .c-hero__tagline { color: #333; text-shadow: none; } } .c-hero__overlay { width: 100%; height: 100%; position: absolute; background-color: rgba(27, 70, 149, 0.4); } @media only screen and (min-width: 64.06em) { .c-hero__overlay { background: linear-gradient(60deg, rgba(28, 39, 88, 0.85) 25%, rgba(28, 39, 88, 0.55) 45%, rgba(28, 39, 88, 0) 60%); } } .c-hero__content { position: relative; padding: 1rem; width: 100%; min-height: 565px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; } @media only screen and (min-width: 64.06em) { .c-hero__content { max-width: 1200px; padding: 0 1rem; margin: 0 auto; max-width: 1200px; } } .c-hero__content--flex-end { justify-content: flex-end; } .c-hero__content--title, .c-hero__content--tagline { flex-basis: 100%; } .c-hero__content--title { font-weight: 700; color: #FFF; padding-bottom: 1rem; line-height: 1.1; } .c-hero__content--title a { color: #fff; } .c-hero__content--title sup { font-size: 40%; top: -1.25em; } .c-hero__content--tagline, .c-hero__content--textLink { font-size: 1.25em; font-weight: 600; color: #fff; } .c-hero__content--tagline a { color: #fff; font-weight: 700; text-decoration: underline; } .c-hero__content--textLink { text-decoration: underline; padding-bottom: 1.5rem; } .c-hero__content--textLink:hover { color: #69aa6f; } .c-hero__content--button { margin-top: 1.5rem; } .c-hero__content--button:focus { outline: -webkit-focus-ring-color auto 5px; color: #fff; text-decoration: none; } .c-hero__content--onelink:focus { outline: -webkit-focus-ring-color auto 5px; } @media only screen and (min-width: 64.06em) { .c-hero__content--button { margin-right: .5rem; } } .c-hero__content--login { align-items: stretch; align-content: stretch; padding: 0; transition: all 0.2s ease-in-out; } @media only screen and (min-width: 29.75em) { .c-hero__content--login { align-items: center; align-content: center; } } @media only screen and (min-width: 64.06em) { .c-coin { margin-bottom: 1.5rem; perspective: 1000; transform-style: preserve-3d; } } .c-coin__slot { background-color: #fff; padding: .5rem; border-bottom: 1px solid #F1F1F1; position: relative; } .c-coin__slot:last-child { border-bottom: 0; } @media only screen and (min-width: 64.06em) { .c-coin__slot { background-color: transparent; padding: 16px; padding-bottom: 0; position: relative; border: 0; max-width: 18%; width: 100%; transition: 0.4s; perspective: 1000; transform-style: preserve-3d; } .c-coin__slot:hover .c-coin--flip { transform: rotateY(0deg); } .c-coin__slot:hover .c-coin__back { transform: rotateY(0deg); } .c-coin__slot:hover .c-coin__front { transform: rotateY(180deg); } } @media only screen and (min-width: 64.06em) { .c-coin__front, .c-coin__back { width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; backface-visibility: hidden; transition: 0.4s; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } .c-coin__front p, .c-coin__back p { padding: 20px; font-size: 16px; } } .c-coin__front { padding-right: .5rem; } @media only screen and (min-width: 64.06em) { .c-coin__front { background-color: #fff; z-index: 2; transform: rotateY(0deg); padding-right: 0; } } .c-coin__icon { font-size: 1.6875rem; } @media only screen and (min-width: 64.06em) { .c-coin__icon { color: #1B4695; font-size: 4rem; } } .c-coin__back { display: none; } @media only screen and (min-width: 64.06em) { .c-coin__back { display: flex; background-color: #00AF66; transform: rotateY(-180deg); } } .c-coin__copy { font-size: .719rem; text-align: center; color: #fff; font-weight: 700; padding: .5rem; max-width: 100px; } @media only screen and (min-width: 64.06em) { .c-coin--flip { transform-style: preserve-3d; perspective: 1000; width: 100px; height: 100px; position: relative; margin: 0 auto; margin-bottom: 1.5rem; } } @media only screen and (min-width: 64.06em) { .c-coin__title { text-align: center; color: white; padding: 0; padding-top: 1rem; font-size: 1rem; font-weight: 600; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); } .c-coin__title:hover { text-decoration: none; } } .c-coin--outter-glow { display: none; } @media only screen and (min-width: 64.06em) { .c-coin--outter-glow { display: block; width: 100px; height: 100px; position: absolute; border-radius: 50%; box-shadow: 0 0px 0 10px rgba(255, 255, 255, 0.4); left: 50%; transform: translateX(-50%); } } .c-coin__link { display: flex; align-items: center; } @media only screen and (min-width: 64.06em) { .c-coin__link { display: block; } } .c-coin__link:hover { text-decoration: none; } .c-slick-slider { top: 50%; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; min-height: 230px; margin: 0; padding: 0; } .slick-list:focus { } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @font-face { font-family: "slick"; src: url("clientlib-style/fonts/slick.eot"); src: url("clientlib-style/fonts/slick.eot?#iefix") format("embedded-opentype"), url("clientlib-style/fonts/slick.woff") format("woff"), url("clientlib-style/fonts/slick.ttf") format("truetype"), url("clientlib-style/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } .slick-prev, .slick-next { position: absolute; display: block; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 45%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'icomoon'; font-size: 45px; line-height: 1; color: #61A7D7; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -40px; } [dir="rtl"] .slick-prev { left: auto; right: -40px; } /* .slick-prev:before { content: "\e846"; } [dir="rtl"] .slick-prev:before { content: "\e847"; } */ .slick-next { right: -40px; } [dir="rtl"] .slick-next { left: -40px; right: auto; } /* .slick-next:before { content: "\e847"; } [dir="rtl"] .slick-next:before { content: "\e846"; } */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #000; opacity: .75; } .c-product-card { position: relative; padding: 1.5rem; border: 1px solid #d4d4d4; box-shadow: 2px 2px 4px 0px rgba(179, 179, 179, 0.4); background-color: #fff; } .c-product-card__heading { display: none; } @media only screen and (min-width: 64.06em) { .c-product-card__heading { display: block; padding-bottom: 2rem; } } /* 1024px wide or less */ @media only screen and (max-width: 1024px) { .c-product-card__heading { display: block; padding-bottom: 1rem; border-bottom: 1px solid #bebfbf; margin-bottom: 1rem; } .c-product-card__summary { display: none; } .c-product-card__link:nth-of-type(2) { border-left: 1px solid #bebfbf; } } @media only screen and (max-width:768px) { .c-product-card__heading { display: block; padding-bottom: 1rem; border-bottom: 1px solid #bebfbf; margin-bottom: 1rem; } .c-product-card__summary { display: none; } .c-product-card__link:nth-of-type(2) { border-left: 1px solid #bebfbf; } } @media only screen and (max-width: 27em) { .c-product-card__heading { display: block; padding-bottom: 1rem; border-bottom: 1px solid #bebfbf; margin-bottom: 1rem; } .c-product-card__summary { display: none; } .c-product-card__link:nth-of-type(2) { border-left: 1px solid #bebfbf; } } .c-product-card__title { color: #1B4695; } .c-product-card__title a { font-weight: 700; } .c-product-card__description { padding-bottom: 0; } @media only screen and (min-width: 64.06em) { .c-product-card__content { display: flex; } } .c-product-card__content--no-image .c-product-card__summary { flex: 0; } .c-product-card__content--no-image .c-product-card__image { display: none; } .c-product-card__content--no-image .c-product-card__groups { flex: 86%; } .c-product-card__summary { padding-bottom: 1rem; border-bottom: 1px solid #bebfbf; margin-bottom: 1rem; } @media only screen and (min-width: 64.06em) { .c-product-card__summary { border: none; flex: 18%; } } .c-product-card__image { margin: 0; max-width: 116px; padding-right: 1rem; } @media only screen and (min-width: 64.06em) { .c-product-card__image { max-width: 100%; } } .c-product-card__image--none\@sm { display: none; } @media only screen and (min-width: 64.06em) { .c-product-card__image--none\@sm { display: block; } } .c-product-card__image-link { display: block; } .c-product-card__body--border-left { border-left: 4px solid #00AF66; padding-left: 1rem; } @media only screen and (min-width: 64.06em) { .c-product-card__groups { display: flex; flex: 68%; } } .c-product-card__group { padding: 0 0 1.5rem 0; } .c-product-card__group li a { text-decoration: underline; font-weight: 400; } .c-product-card__group a, .c-product-card__group sup a { text-decoration: underline; font-weight: 500; } @media only screen and (min-width: 64.06em) { .c-product-card__group { padding: 0 1.5rem 1rem 0; flex: 1; font-size: .875rem; } } .c-product-card__list { list-style: disc; padding-left: 18px; } .c-product-card__list-item { padding-bottom: .5rem; } .c-product-card__ctas::after { clear: both; content: ""; display: table; } @media only screen and (min-width: 64.06em) { .c-product-card__ctas { flex: 14%; text-align: center; } } @media only screen and (min-width: 46.8em) { .c-product-card__button { float: left; } } @media only screen and (min-width: 64.06em) { .c-product-card__button { float: none; width: 100%; margin-bottom: .875rem; } } .c-product-card__links { display: flex; justify-content: center; } @media only screen and (min-width: 46.8em) { .c-product-card__links { display: block; } } .c-product-card__link { display: block; width: 50%; text-align: center; margin: 1rem 0; padding: 0 .5rem; line-height: 1rem; float: left; font-size: .875rem; text-decoration: underline; } .c-product-card__link:nth-of-type(1) { border-right: 1px solid #bebfbf; } @media only screen and (min-width: 46.8em) { .c-product-card__link { padding: 3px 1rem; margin: .5rem 0; width: auto; } } @media only screen and (min-width: 64.06em) { .c-product-card__link { float: none; margin: 0; padding: .5rem 0; } .c-product-card__link:nth-of-type(1) { border: none; } } /* .c-product-card__link--tertiary { border-left: 1px solid #bebfbf; } */ @media only screen and (min-width: 64.06em) { .c-product-card__link--tertiary { border: none; position: relative; } .c-product-card__link--tertiary:before { content: " "; width: 2rem; height: 1px; background-color: #bebfbf; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } } .c-gen-card { background-color: #F9F9F9; padding: 1rem; border: 1px solid #bebfbf; margin-bottom: 1rem; } .c-gen-card__wrap { width: 100%; } .c-gen-card__wrap.is-hidden { display: none; visibility: hidden; } .c-gen-card__date { font-weight: 600; } .c-gen-card__title { font-size: 1.25rem; } .c-gen-card__title--a { font-weight: 700; text-decoration: underline; } .c-card { display: flex; align-items: stretch; } .c-card:last-child { margin-bottom: 0; } .c-card__date { font-weight: 800; } @media only screen and (min-width: 64.06em) { .c-card { margin-bottom: 0; } .c-card--hero { max-width: 330px; } } .c-card__container { position: relative; display: flex; } .c-card__content { padding: 1rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; } .c-card__content--pressReleases { background-color: #f5f5f5; border: 1px solid #ddd; padding: 1rem; width: 100%; } .c-card__header { border-bottom: 1px solid #00AF66; padding-bottom: 1rem; margin-bottom: 1rem; } .c-card__title { font-size: 1.25rem; position: relative; } .c-card__title a { text-decoration: underline; } .c-card__title h2, .c-card__title h3, .c-card__title h4, .c-card__title h5, .c-card__title h6 { font-size: 1.25rem; position: relative; font-weight: bold; color: #1B4695; } .c-card__title--pressReleases { font-size: 1.25rem; position: relative; } .c-card__link { font-weight: bold; color: #1B4695; } .c-card__link--arrow:after { content: ""; position: absolute; margin-left: 1rem; top: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #1B4695; border-bottom: 5px solid transparent; } .c-card__link--arrow:visited { color: #1C2758; } .c-card__link:hover { color: #2a6496; } .c-card__link:hover:after { color: #2a6496; } .c-vertical-card { background-color: #F1F1F1; width: 100%; margin: auto; max-width: 500px; } .c-vertical-card__header { text-align: center; border-bottom: 2px solid #fff; padding: 1.5rem; } @media only screen and (min-width: 46.8em) { .c-vertical-card__header { height: 122px; } } .c-vertical-card__header-image { max-width: 274px; width: 100%; } @media only screen and (min-width: 46.8em) { .c-vertical-card__header-image { padding-top: .5rem; } } .c-vertical-card__content { padding: 1.5rem; } @media only screen and (min-width: 46.8em) { .c-vertical-card__content { padding-bottom: 5.5rem; } } .c-vertical-card__blurb { padding-bottom: 1.5rem; } @media only screen and (min-width: 46.8em) { .c-vertical-card__blurb { min-height: 168px; } } .c-vertical-card__body { display: table-cell; } @media only screen and (min-width: 46.8em) { .c-vertical-card__body { display: table-header-group; } } .c-vertical-card__media { padding-right: 1rem; } @media only screen and (min-width: 46.8em) { .c-vertical-card__media { display: table-footer-group; } } .c-vertical-card__image { padding-bottom: 1rem; } @media only screen and (min-width: 46.8em) { .c-vertical-card__image { text-align: center; } .c-vertical-card__image>img { max-height: 388px; } } .c-vertical-card__actions { text-align: center; } @media only screen and (min-width: 46.8em) { .c-vertical-card__actions { position: absolute; bottom: 24px; left: 0; width: 100%; height: 56px; } } @media only screen and (min-width: 46.8em) { .c-vertical-card__back { position: absolute; bottom: 24px; left: 0; width: 100%; } } .c-vertical-image-card { background-color: #1775BB; width: 100%; margin: auto; max-width: 500px; } @media only screen and (min-width: 46.8em) { .c-vertical-image-card__wrap { width: 100%; background-color: #1775BB; } } @media only screen and (min-width: 46.8em) { .c-vertical-image-card { max-width: 400px; } } .c-vertical-image-card__header { text-align: center; border-bottom: 4px solid #1B4695; padding: 1.5rem; width: 100%; color: #fff; text-transform: uppercase; } @media only screen and (min-width: 46.8em) { .c-vertical-image-card__header { height: 110px; } } .c-vertical-image-card__content { height: 100%; } .c-vertical-image-card__body { width: 100%; } .c-vertical-image-card__blurb { padding: 1.5rem; color: #fff; } @media only screen and (min-width: 46.8em) { .c-vertical-image-card__blurb { min-height: 168px; padding-bottom: 4rem; } } .c-vertical-image-card__image { width: 100%; height: auto; display: block; } @media only screen and (min-width: 46.8em) { .c-vertical-image-card__image { max-width: 400px; border-bottom: 20px solid #1775BB; } } .c-vertical-image-card__actions { text-align: center; } @media only screen and (min-width: 46.8em) { .c-vertical-image-card__actions { position: absolute; bottom: 18px; left: 0; width: 100%; height: 44px; } } @media only screen and (min-width: 46.8em) { .c-vertical-image-card__back-actions { position: absolute; bottom: 10px; left: 0; width: 100%; } } .c-vertical-image-card__back-actions .c-text-btn { color: white; } .c-offer--gray { background-color: #F9F9F9; border-bottom: 1px solid #d4d4d4; } .c-offer--green-lt { background-color: #e4f1e1; border-bottom: 1px solid #d4d4d4; } .c-offer__wrap { padding: 1.5rem 1rem; } @media only screen and (min-width: 46.8em) { .c-offer__wrap { display: flex; align-items: center; } } .c-offer__content { flex: 80%; font-weight: 600; padding: 0 0 1.5rem 0; } @media only screen and (min-width: 46.8em) { .c-offer__content { padding: 0 1.5rem 0 0; } } .c-offer__media { width: 1em; } .c-offer__cta { flex: 20%; } @media only screen and (min-width: 46.8em) { .c-offer__cta { text-align: right; } } .c-shield { padding: 1em; border-radius: 0 14px; line-height: 1.5em; font-size: 1rem; margin-right: .5rem; text-align: center; } @media only screen and (min-width: 46.8em) { .c-shield { font-size: 18px; } } .c-shield--blue-lt { background-color: #66afe9; text-transform: uppercase; font-weight: bold; color: #FEC824; text-shadow: 2px 2px #1d4094; } .c-shield--green { background-color: #00AF66; text-align: left; font-weight: bold; text-transform: uppercase; color: #fff; text-shadow: 2px 2px #275f0f; letter-spacing: 1px; } .c-alert { position: relative; width: 100%; z-index: 2; opacity: 1; transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; max-height: 450px; } .c-alert.is-hidden { max-height: 0px; opacity: 0; } @media only screen and (min-width: 64.06em) { .c-alert--absolute { max-height: 200px; position: absolute; top: 1rem; } } .c-alert__wrap { max-width: 1200px; padding: 0 1rem; margin: 0 auto; padding: 0; } .c-alert__content { background-color: #fff; position: relative; display: flex; align-items: center; } @media only screen and (min-width: 64.06em) { .c-alert__content { margin: 0 1rem; } } .c-alert__icon { padding: 1rem; font-size: 1.6875rem; vertical-align: middle; align-self: stretch; display: flex; } .c-alert__icon:before { align-self: center; } @media only screen and (min-width: 64.06em) { .c-alert__icon { padding: 1rem; } } .c-alert__text { vertical-align: middle; font-size: .875rem; padding: 1rem; line-height: 1.3; display: block; max-width: 100%; flex-shrink: 1; } @media only screen and (min-width: 64.06em) { .c-alert__text { padding: 1rem; } } .c-alert__close { position: absolute; bottom: -44px; left: 0; width: 100%; border-bottom: #c4022b 4px solid; background-color: #fff; text-align: center; } .c-alert__close .c-text-btn { padding-top: 0; } @media only screen and (min-width: 64.06em) { .c-alert__close { margin-left: auto; font-size: .875rem; border: none; position: relative; bottom: 0; border-left: 1px solid #bebfbf; border-bottom: 0; width: auto; } .c-alert__close .c-text-btn { padding-top: 1rem; } } .c-alert--severe .c-alert__icon { background-color: #fff; color: #C4022B; } @media only screen and (min-width: 64.06em) { .c-alert--severe .c-alert__icon { background-color: #C4022B; color: #fff; } } @media only screen and (min-width: 64.06em) { .c-alert--severe .c-alert__content { border-right: 4px solid #C4022B; } } .c-alert--sm .c-alert__wrap { max-width: none; } .c-alert--sm .c-alert__icon { padding: .5rem; font-size: 18px; width: 44px; flex-grow: 0; flex-shrink: 1; justify-content: center; } .c-alert--sm .c-alert__text { flex: 1; } .c-alert--sm .c-alert__content { margin: 0; flex: 1; } .c-text-block { padding: 1.5rem; width: 100%; } .c-text-block--gray { background-color: #F1F1F1; } .c-text-block--blue { background-color: #E4F2FA; } .c-text-block--green { background-color: #e4f1e1; } .c-text-block--white { background-color: #fff; } .c-text-block--inverted-dark { background-color: #485674; } .c-text-block--inverted-dark .c-text-block__title, .c-text-block--inverted-dark .c-text-block__sub-title { color: #fff; } .c-text-block--inverted-dark .c-text-block__copy, .c-text-block--inverted-dark .c-text-block__copy a, .c-text-block--inverted-dark .c-text-block__copy a:hover { color: #fff; } .c-text-block--inverted-dark .c-text-block__copy a, .c-text-block--inverted-dark .c-text-block__copy a:hover { text-decoration: underline; font-weight: 400; } .c-text-block__copy li a, .c-text-block__copy li sup a { font-weight: 500; text-decoration: underline; } .c-text-block__icon-wrap { display: table-row; padding-bottom: .5rem; } .c-text-block__icon-wrap:hover .c-text-block__icon { text-decoration: none; } .c-text-block__icon { display: table-cell; text-decoration: none; vertical-align: middle; color: #00AF66; } .c-text-block__icon-text { display: table-cell; vertical-align: middle; padding-left: 1rem; } .c-text-block__icon-text:hover { text-decoration: none; } .c-text-block__list--icon { list-style: none; margin: 0; } .c-text-block__text-link { text-decoration: underline; font-weight: 700; } .c-text-block__text-link:hover { text-decoration: underline; font-weight: 700; } .js-modal-overlay { position: static; z-index: 3; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); } html.c-modal--opened { overflow: hidden; position: relative; height: 100%; } .c-modal { display: none; position: relative; z-index: 4; padding: 1rem; } .c-modal--opened { overflow: hidden; position: relative; height: 100%; } .c-modal .is-hidden { display: none; } .c-modal.is-visible { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 0; } .c-modal__container { position: fixed; height: 100%; } @media only screen and (min-width: 46.8em) { .c-modal__container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; max-width: 650px; width: 100%; border-radius: 3px; box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.1); } } @media only screen and (min-width: 46.8em) { .c-modal__better { max-width: 960px; } } .c-modal__content { height: 100vh; overflow: auto; background-color: #fff; } @media only screen and (min-width: 46.8em) { .c-modal__content { height: auto; overflow: hidden; } } .c-modal__body, .c-modal__footer { padding: 1rem; } .c-modal__header { position: relative; display: table; width: 100%; padding: 1rem; padding-top: 1.5rem; } .c-modal__body { max-height: 450px; overflow: auto; } .c-modal__title { padding: 0; display: table-footer-group; } @media only screen and (min-width: 46.8em) { .c-modal__title { display: table-cell; } } .c-modal__close-btn { position: relative; display: table-cell; width: 40px; height: 40px; border: 0; border-radius: 50%; appearance: none; cursor: pointer; margin-bottom: 1rem; color: #C4022B; box-shadow: 1px 1px 10px 5px transparent; transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media only screen and (min-width: 46.8em) { .c-modal__close-btn { margin-bottom: 0; } } .c-modal__close-btn::before, .c-modal__close-btn::after { content: ""; position: absolute; right: 16px; top: 16px; width: 20px; height: 2px; background-color: #C4022B; } .c-modal__close-btn::before { transform: rotate(45deg); } .c-modal__close-btn::after { transform: rotate(-45deg); } .c-modal__copy { padding-bottom: 1rem; } .c-modal__checkbox-copy { margin-left: 30px; } .c-modal__footer { padding-top: 0; text-align: right; } .c-checkbox { margin-right: 10px; } .c-checkbox__label { padding-bottom: .25rem; font-weight: 700; } .c-field { padding-bottom: 2rem; } .c-field__label { display: block; padding-bottom: .25rem; font-weight: 700; } .c-footer { background-color: #f1f1f1; padding-top: 2rem; border-top: 1px solid #bebfbf; } .c-footer__container { max-width: 1200px; padding: 0 1rem; margin: 0 auto; position: relative; padding: .25rem 1.5rem; } .c-footer__card { border: 1px solid #bebfbf; background-color: #fff; max-width: 100%; max-height: 100%; padding: 1rem 0; } .c-footer__card--container { padding: 1rem; max-width: 100%; } .c-footer__card--border { border-top: 1px solid #bebfbf; } @media only screen and (min-width: 46.8em) { .c-footer__card--border { border-left: 1px solid #bebfbf; border-top: none; } } .c-footer__card--title { padding-bottom: .5rem; } .c-footer__card--phone { font-size: 1.6875rem; padding-bottom: 1rem; } .c-footer__card--cta { display: block; padding-bottom: .5rem; } .c-footer__card--cta fieldset { border: none; } .c-footer__card--checkbox { display: inline-block; padding-right: 1rem; } .c-footer__input { width: 100%; margin-bottom: .5rem; padding: .5rem 1.5rem; height: 36px; border: 2px solid #54565A; } @media only screen and (min-width: 64.06em) { .c-footer__input { width: 70%; } } .c-footer__nav { display: inline-block; max-width: 100%; } .c-footer__items { display: inline-block; padding-bottom: 1.5rem; } .c-footer__items--checkbox { display: inline-block; } .c-footer__items--icon-group { display: inline-block; margin: 0; padding: 0; vertical-align: middle; } @media only screen and (min-width: 64.06em) { .c-footer__items--icon-group { width: 160px; display: inline-block; margin: 0 auto; } } .c-footer__items--links { font-size: .875rem; display: block; text-align: left; line-height: 34px; } @media only screen and (min-width: 29.75em) { .c-footer__items--links { display: inline-block; } } @media only screen and (min-width: 29.75em) { .c-footer__items--links:not(:last-child):after { content: "|"; color: #bebfbf; padding: 0 .5rem; font-family: 'Raleway', sans-serif; font-weight: 200; font-size: 13px; margin-right: -4px; display: inline-block; } } .c-footer__items--links:last-child { padding-right: 1.5rem; } .c-footer__items--icons { display: table-cell; margin: auto; } @media only screen and (min-width: 29.75em) { .c-footer__items--icons { display: inline-block; } } .c-footer__items--icons a:hover { text-decoration: none; } .c-footer__items--social-text { display: inline-block !important; padding-bottom: .5rem; vertical-align: middle; font-size: 1rem; line-height: 1.2rem; } @media only screen and (min-width: 29.75em) { .c-footer__items--social-text { display: inline-block; padding-bottom: 0; } } span.visually-hidden { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } span.visually-hidden:focus { clip: auto; height: auto; overflow: auto; position: absolute; width: auto; } .c-footer__links-anchor { color: #000; padding: .25rem 0; text-decoration: underline; } .c-footer__social-links { display: block !important; padding-bottom: .5rem; text-align: left; } @media only screen and (min-width: 29.75em) { .c-footer__social-links { display: block; text-align: left; } } .c-footer__copyright { display: block; font-size: .719rem; text-align: left; padding-bottom: 1rem; color: #3E3E3E; text-align: center; } @media only screen and (min-width: 29.75em) { .c-footer__copyright { text-align: left; } } .c-footer__logo { max-width: 150px; height: auto; } .c-footer__logo--container { max-width: 152px; margin: 0 auto; border-top: none; padding: .5rem 0px; text-align: left; } @media only screen and (min-width: 29.75em) { .c-footer__logo--container { margin: 0; } } .c-notices__table { margin: 1rem auto; max-width: 100%; background-color: transparent; border-spacing: 0; border-collapse: collapse; } .c-notices__table tr td { border: 1px solid #666; padding: 10px; } .c-notices__list--ordered { list-style: decimal; margin-left: 2.5rem; } .c-notices__list--asterisk { list-style: none; margin-left: 2.5rem; } .c-notices__list--asterisk:before { content: '*'; float: left; margin: 0 10px 0 -15px; } .c-notices__list-item { padding-bottom: 1rem; } .c-notices__list-item--ordered { padding-left: .5rem; } .c-timeline { animation: fadein 1s; border-left: 0px; } @media only screen and (min-width: 46.8em) { .c-timeline { border-left: 4px solid #ccc; } } .c-timeline__entry { align-items: center; padding: 1em 0; margin: 1em 0; list-style: none; display: flex; flex-flow: column wrap; justify-content: space-around; } @media only screen and (min-width: 46.8em) { .c-timeline__entry { flex-flow: row; } } .c-timeline__date { background: none; color: #00AF66; font-size: 3em; font-weight: 800; width: 100%; } @media only screen and (min-width: 46.8em) { .c-timeline__date { background: url("clientlib-style/images/timeline-pointer.png") no-repeat left center; width: 25%; } } @media (min-width: 46.8em) and (max-width: 64.06em) { .c-timeline__date { background-position: -17% 50%; } } .c-timeline__image { height: 200px; width: 100%; } @media only screen and (min-width: 46.8em) { .c-timeline__image { width: 20%; } } .c-timeline__image-frame { display: block; text-align: center; width: 100%; padding: 20px 0; margin: 0 auto; } .c-timeline__image-frame img { position: absolute; clip: rect(0px, 180px, 160px, 0px); } @supports (object-fit: cover) { .c-timeline__image-frame img { position: initial; height: 160px; width: 200px; object-fit: cover; clip: auto; } } .c-timeline__text { text-align: left; width: 100%; } @media only screen and (min-width: 46.8em) { .c-timeline__text { width: 55%; } } .c-timeline__text p { padding: 0 1em; } .c-timeline__entry:nth-child(even) { background-color: #e4f1e1; } /* ================== Capital Markets ===================== */ .c-capital-markets { position: relative; padding: 1.5rem; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background-color: transparent; } @media only screen and (min-width: 64.06em) { .c-capital-markets { display: flex; justify-content: space-evenly; } } @media only screen and (min-width: 46.8em) { .c-capital-markets { display: flex; } } .c-capital-markets--no-image .c-capital-markets__summary { flex: 0; } .c-capital-markets--no-image .c-capital-markets__image { display: none; } .c-capital-markets--no-image .c-capital-markets__groups { flex: 86%; } .c-capital-markets__ctas { flex-direction: column; display: flex; flex: 0 0 20%; justify-content: center; } .c-capital-markets__heading { display: none; } @media only screen and (min-width: 64.06em) { .c-capital-markets__heading { display: block; padding-bottom: 2rem; } } .c-capital-markets__subheader a { text-decoration: underline; font-weight: 700; padding-bottom: 0; } h3.c-capital-markets__subheader { padding-bottom: 0; } .c-capital-markets__subheader sup { top: -1em; color: #000; } .c-capital-markets__subheader sup { top: -1em; color: #000; } .c-capital-markets__subheader sup a { top: -1em; } .c-capital-markets__title { color: #1B4695; } .c-capital-markets__title a { font-weight: bold; text-decoration: underline; } .c-capital-markets__description { padding-bottom: 0; } @media only screen and (min-width: 64.06em) { .c-capital-markets__content { display: flex; flex: 8%; } } @media only screen and (min-width: 46.8em) { .c-capital-markets__content { display: flex; margin-left: 150px; } } .c-capital-markets__summary { padding: 0 1rem 1rem 0; margin-bottom: 1rem; display: flex; } @media only screen and (min-width: 64.06em) { .c-capital-markets__summary { border: none; margin-bottom: 1rem; } } .c-capital-markets__image { margin: 0; max-width: 120px; padding-right: 1rem; } @media only screen and (min-width: 64.06em) { .c-capital-markets__image { max-width: 35%; } } .c-capital-markets__image--none\@sm { display: none; } @media only screen and (min-width: 64.06em) { .c-capital-markets__image--none\@sm { display: block; } } .c-capital-markets__image-link { display: block; } .c-capital-markets__body--border-left { border-left: 4px solid #00AF66; padding-left: 1rem; } .c-capital-markets__groups { display: inline-flex; flex: 0 0 25%; justify-content: center; margin-bottom: 1rem; } @media only screen and (min-width: 64.06em) { .c-capital-markets__groups { margin-bottom: 0; } } .c-capital-markets__group { padding: 0 1rem 1rem 0; display: flex; flex-direction: row; } @media only screen and (min-width: 64.06em) { .c-capital-markets__group { padding: 0; } } .c-capital-markets__group--image { margin-right: 1.5rem; } @media only screen and (min-width: 64.06em) { .c-capital-markets__group--image { max-width: 35%; } } @media only screen and (min-width: 46.8em) { .c-capital-markets__group--image { max-width: 35%; } } @media only screen and (min-width: 29.75em) { .c-capital-markets__group--image { max-width: 35%; } } .c-capital-markets__group--image--none\@sm { display: none; } @media only screen and (min-width: 64.06em) { .c-capital-markets__group--image--none\@sm { display: block; } } .c-capital-markets__group--list { display: flex; flex-direction: column; } .c-capital-markets__list { list-style: disc; padding-left: 18px; } .c-capital-markets__list-item { padding-bottom: .5rem; font-size: 1rem; } .c-capital-markets__list-item a { text-decoration: none; font-weight: 700; } .c-capital-markets__list-item a:hover, .c-capital-markets__list-item a:focus { text-decoration: underline; } @media only screen and (min-width: 64.06em) { .c-capital-markets__ctas { text-align: center; } } @media only screen and (min-width: 46.8em) { .c-capital-markets__button { padding: .5rem .5rem; margin-right: 0; } } @media only screen and (min-width: 64.06em) { .c-capital-markets__button { float: none; width: 100%; margin-bottom: .875rem; } } .c-capital-markets__links { display: flex; justify-content: center; } @media only screen and (min-width: 46.8em) { .c-capital-markets__links { display: block; } } .c-capital-markets__link { display: block; width: 50%; text-align: center; margin: 1rem 0; padding: 0 .5rem; line-height: 1rem; float: left; font-size: .875rem; } @media only screen and (min-width: 46.8em) { .c-capital-markets__link { padding: 3px 1rem; margin: .5rem 0; width: auto; } } @media only screen and (min-width: 64.06em) { .c-capital-markets__link { float: none; margin: 0; padding: .5rem 0; } } .c-capital-markets__link--tertiary { border-left: 1px solid #bebfbf; } @media only screen and (min-width: 64.06em) { .c-capital-markets__link--tertiary { border: none; position: relative; } .c-capital-markets__link--tertiary:before { content: " "; width: 2rem; height: 1px; background-color: #bebfbf; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } } @media only screen and (max-width: 1024px) { .c-capital-markets__summary { padding: 0 1rem 1rem 0; margin-bottom: 1rem; display: flex; flex: 0 0 100%; flex-flow: row nowrap; align-self: flex-start; align-items: center; justify-content: center; } .c-capital-markets { flex-wrap: wrap; align-items: center; justify-content: center; } .c-capital-markets__groups { margin-bottom: 1rem; display: inline-flex; flex-direction: column; flex: 0 0 50%; } .c-capital-markets__ctas { flex-direction: column; display: flex; flex: 0 0 30%; } .c-capital-markets__button { padding: .5rem .5rem; margin-right: 0; margin: 1rem 0 0; } .c-capital-markets__button:first-of-type { margin: 0; } } @media only screen and (max-width: 56.25em) { .c-capital-markets__summary { margin-bottom: 0; } .c-capital-markets { flex-wrap: wrap; align-items: center; justify-content: center; } .c-capital-markets__groups { margin-bottom: 1rem; display: inline-flex; flex-direction: column; flex: 0 0 70%; } .c-capital-markets__ctas { flex-direction: column; display: flex; flex: 0 0 50%; } .c-capital-markets__button { padding: .5rem .5rem; margin-right: 0; margin: 1rem 0 0; } .c-capital-markets__button:first-of-type { margin: 0; } } @media only screen and (max-width: 27em) { .c-capital-markets__group--image { display: none; } } @media only screen and (max-width: 56.25em) { .c-capital-markets__summary { margin-bottom: 0; } .c-capital-markets { flex-wrap: wrap; align-items: center; justify-content: center; } .c-capital-markets__groups { margin-bottom: 1rem; display: inline-flex; flex-direction: column; flex: 0 0 70%; } .c-capital-markets__ctas { flex-direction: column; display: flex; flex: 0 0 50%; } .c-capital-markets__button { padding: .5rem .5rem; margin-right: 0; margin: 1rem 0 0; } .c-capital-markets__button:first-of-type { margin: 0; } } @media only screen and (max-width: 27em) { .c-capital-markets__group--image { display: none; } } .s-rte ol, .s-rte ul { margin-left: 1.5rem; list-style-position: outside; } .s-rte ol li, .s-rte ul li { margin-bottom: .5rem; } .s-rte ol li>ol, .s-rte ol li>ul, .s-rte ul li>ol, .s-rte ul li>ul { margin: 1rem 1.5rem; } .s-rte ol { list-style-type: decimal; } .s-rte ul { list-style-type: disc; } .s-rte .c-text-block__list--icon { list-style: none; margin: 0; } .u-font-weight-thin { font-weight: 100; } .u-font-weight-light { font-weight: 400; } .u-font-weight-semi { font-weight: 600; } .u-font-weight-bold { font-weight: 700; } .u-font-uppercase { text-transform: uppercase; } .u-color-brand-blue { color: #1B4695; } .u-color-brand-green { color: #00AF66; } .u-color-black { color: #333; } .u-font-size-xs { font-size: .719rem; } .u-font-size-sm { font-size: .875rem; } .u-font-size-md { font-size: 1.25rem; } .u-font-size-lg { font-size: 3rem; } .u-font-size-xl { font-size: 4rem !important; } .u-font-light { font-weight: 300; } .u-font-regular { font-weight: 400; } .u-font-semibold { font-weight: 600; } .u-font-bold { font-weight: 700; } .u-font-italic { font-style: italic; } .u-color-green { color: #00AF66; } .u-color-blue { color: #1B4695; } .u-color-lt-gray { color: #3E3E3E; } .u-color-gray-80 { color: #333; } .u-color-wam-blue-dark { color: #002c76; } .u-color-wam-blue-gray { color: #485674; } .u-color-wam-blue-slate { color: #5a6580; } .u-color-wam-blue-light { color: #E4F2FA; } .u-ta-center { text-align: center; } .u-ta-left { text-align: left; } .u-ta-right { text-align: right; } .u-full { width: 100% !important; flex: none !important; } .u-1of2 { width: 50% !important; flex: none !important; } .u-1of3 { width: 33.3333% !important; flex: none !important; } .u-2of3 { width: 66.6667% !important; flex: none !important; } .u-1of4 { width: 25% !important; flex: none !important; } .u-3of4 { width: 75% !important; flex: none !important; } @media only screen and (min-width: 27em) { .u-small-full { width: 100% !important; flex: none !important; } .u-small-1of2 { width: 50% !important; flex: none !important; } .u-small-1of3 { width: 33.3333% !important; flex: none !important; } .u-small-2of3 { width: 66.6667% !important; flex: none !important; } .u-small-1of4 { width: 25% !important; flex: none !important; } .u-small-3of4 { width: 75% !important; flex: none !important; } } @media only screen and (min-width: 46.8em) { .u-med-full { width: 100% !important; flex: none !important; } .u-med-1of2 { width: 50% !important; flex: none !important; } .u-med-1of3 { width: 33.3333% !important; flex: none !important; } .u-med-2of3 { width: 66.6667% !important; flex: none !important; } .u-med-1of4 { width: 25% !important; flex: none !important; } .u-med-3of4 { width: 75% !important; flex: none !important; } } @media only screen and (min-width: 64.06em) { .u-large-full { width: 100% !important; flex: none !important; } .u-large-1of2 { width: 50% !important; flex: none !important; } .u-large-1of3 { width: 33.3333% !important; flex: none !important; } .u-large-2of3 { width: 66.6667% !important; flex: none !important; } .u-large-1of4 { width: 25% !important; flex: none !important; } .u-large-3of4 { width: 75% !important; flex: none !important; } } .u-unlist { margin-top: 0; margin-bottom: 0; list-style: none; padding-left: 0; } .u-border--bottom { border-bottom: 1px solid #bebfbf; margin-bottom: -1px; } .u-border--right { border-right: 1px solid #bebfbf; } .u-table--middle { display: table; } .u-table--middle>li { display: table-cell; vertical-align: middle; } .u-lt-blue { background-color: #E4F2FA; } .u-lt-green { background-color: #e4f1e1; } .u-lt-gray { background-color: #F1F1F1; } .u-bg-lt-blue { background-color: #E4F2FA; } .u-bg-lt-green { background-color: #e4f1e1; } .u-bg-lt-gray { background-color: #F1F1F1; } .u-bg-white { background-color: #fff; } .u-bg-transparent { background-color: transparent; } .u-wam-bg-blue-dark { background-color: #002c76; } .u-wam-bg-blue-gray { background-color: #485674; } .u-wam-bg-blue-slate { background-color: #5a6580; } .u-wam-bg-blue-light { background-color: #E4F2FA; } .u-focus--blue:focus { border-color: #66afe9; transition-duration: 175ms; } .u-zoom { overflow: hidden; } .u-zoom__element { transition: transform 0.35s; } .u-zoom__element:hover { transform: scale3d(1.05, 1.05, 1); } .u-hidden { display: none; } .u-hidden\@sm { display: none; } @media only screen and (min-width: 64.06em) { .u-hidden\@sm { display: inline-block; } } .u-hidden\@lg { display: block; } .c-list-icon__item.u-hidden\@lg { display: inline-block; } @media only screen and (min-width: 64.06em) { .u-hidden\@lg { display: none; } .c-list-icon__item.u-hidden\@lg { display: none; } } .u-flex { display: flex; } .u-flex--center { justify-content: center; } .u-flex--left { justify-content: flex-start; } .u-flex--right { justify-content: flex-end; } .u-flex--stretch { align-items: stretch; } .u-flex--wrap { flex-wrap: wrap; } .u-container--flex\@lg { width: 100%; } @media only screen and (min-width: 64.06em) { .u-container--flex\@lg { display: flex; background-color: transparent; } } .u-padding-global-xs { padding: .25rem; } .u-padding-top-xs { padding-top: .25rem; } .u-padding-right-xs { padding-right: .25rem; } .u-padding-bottom-xs { padding-bottom: .25rem; } .u-padding-left-xs { padding-left: .25rem; } .u-padding-global-sm { padding: .5rem; } .u-padding-top-sm { padding-top: .5rem; } .u-padding-right-sm { padding-right: .5rem; } .u-padding-bottom-sm { padding-bottom: .5rem; } .u-padding-left-sm { padding-left: .5rem; } .u-padding-global-md { padding: 1rem; } .u-padding-top-md { padding-top: 1rem; } .u-padding-right-md { padding-right: 1rem; } .u-padding-bottom-md { padding-bottom: 1rem; } .u-padding-left-md { padding-left: 1rem; } .u-padding-global-lg { padding: 1.5rem; } .u-padding-top-lg { padding-top: 1.5rem; } .u-padding-right-lg { padding-right: 1.5rem; } .u-padding-bottom-lg { padding-bottom: 1.5rem; } .u-padding-left-lg { padding-left: 1.5rem; } .u-margin-bottom-lg { margin-bottom: 1.5rem; } .u-margin-bottom { margin-bottom: 1rem; } .u-margin-top-md { margin-top: 1rem; } .u-margin-right-md { margin-right: 1rem; } .u-padding-reset { padding: 0; } .u-padding-bottom-xxl { padding-bottom: 2.5rem; } .u-image-retina { max-width: 100%; width: 100%; } @media only screen and (min-width: 46.8em) { .u-image-retina { max-width: 50%; width: auto; } } .t-background--black { background-color: rgba(0, 0, 0, 0.35); } .t-commercial .c-text-block--gray, .t-commercial .c-text-block--blue, .t-commercial .c-content-pair--gray { background-color: #f1f1f7; } .t-commercial .c-text-block--cmml-dark { background-color: #052158; } .t-commercial .c-related-services__icon { color: #052158; } .t-commercial .c-related-services.u-bg-lt-blue { background-color: #e1e7eb; } .t-commercial .c-table thead { background-color: #052158; } .t-commercial .c-video__blurb { background-color: #5a6580; } .t-commercial .c-nav-local { background-color: #1C2758; } .t-commercial .c-nav-local__title { border-color: #485674; } .t-commercial .c-nav-local__item:hover:not(.c-nav-local__item--right):before { background-color: #485674; } .t-commercial .c-btn--ghost { border-color: #3E3E3E; color: #3E3E3E; } .t-commercial .c-login-btn { background-color: #1B4695; border-color: #1B4695; } .t-commercial .c-login-btn:hover { background-color: #1C2758; } .t-commercial .c-quicklinks { background-color: #1C2758; } .t-commercial .c-quicklinks__title, .t-commercial .c-quicklinks__item__link { color: #fff; } .t-commercial .c-card__header { border-bottom: 1px solid #1C2758; } .t-commercial p a { color: #1C2758; text-decoration: underline; } .t-commercial p a:hover, .t-commercial p a:focus { color: #1B4695; text-decoration: underline; } .t-commercial .c-text-block [class^="icon-"], .t-commercial .c-text-block [class*=" icon-"] { color: #1C2758; } .t-commercial .u-bg-lt-blue { background-color: #1C2758; color: #fff; } .t-commercial .u-bg-lt-blue--h2, .t-commercial .u-bg-lt-blue h3, .t-commercial .u-bg-lt-blue h4, .t-commercial .u-bg-lt-blue p { color: #fff; } .t-commercial .c-nav-local { background-color: #1C2758; } .t-commercial .c-nav-local__title { border-color: #1B4695; } .t-commercial .c-coin__icon { color: #1C2758; } .t-commercial .c-coin__back { background-color: #1C2758; } .t-commercial .c-card__content { background-color: #1C2758; width: 100%; padding: 1rem; border-width: 1px; border-style: solid; border-color: #1C2758; border-image: initial; } .t-commercial .c-card__header { border-bottom: 1px solid #1B4695; } .t-commercial .c-card__title { font-size: 1.25rem; position: relative; color: #67B2EB; } .t-commercial .c-card__link { font-weight: bold; color: #67B2EB; } .t-commercial .c-card__link--arrow:after { color: #67B2EB; content: ""; position: absolute; margin-left: 1rem; top: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #1B4695; border-bottom: 5px solid transparent; } .t-commercial .c-card__link--arrow:visited { color: #E2E2E2; } .t-commercial .c-card__link:hover { color: #2a6496; } .t-commercial .c-card__link:hover:after { color: #2a6496; } .t-commercial .c-card__body { color: #fff; } .t-commercial .c-text-block--blue { background-color: #1B4695; color: #fff; } .t-commercial .c-text-block--blue__title h4 { color: #fff; } .t-commercial .c-text-block--blue a { color: #fff; text-decoration: underline; } .t-commercial .c-text-block--inverted-dark { background-color: #1C2758; color: #fff; } .t-commercial .c-text-block--gray { background-color: #E2E2E2; } .t-commercial .c-content-pair--gray { background-color: #E2E2E2; } .t-commercial .c-video__blurb { background-color: #1C2758; } @media only screen and (min-width: 46.8em) { .t-commercial .c-tabs__items.is-active { color: #1C2758; } } .t-commercial .c-table tbody tr:nth-child(2n+1) { background-color: #E2E2E2; } .t-commercial .c-related-services { background-color: #E2E2E2; border-top: 1px solid #1C2758; } .t-commercial .c-related-services__icon { color: #1C2758; } .t-commercial .c-related-services__content-link { color: #1C2758; } .t-commercial .c-quicklinks { background-color: #1C2758; } .t-commercial .c-quicklinks__title, .t-commercial .c-quicklinks__item__link { color: #fff; } .t-commercial .c-step { position: relative; width: 100%; background-color: #E2E2E2; margin-bottom: 1rem; padding: 0; z-index: 150; } @media only screen and (min-width: 46.8em) { .t-commercial .c-step { border-bottom: 1px solid #bebfbf; border-top: 1px solid #bebfbf; } } .t-commercial .c-step__wrapper { display: none; } @media only screen and (min-width: 64.06em) { .t-commercial .c-step__wrapper { display: block; height: 185px; } } .t-commercial .c-step--fixed { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; } .t-commercial .c-step__section { margin-top: 1rem; } .t-commercial .c-step__section:before { display: block; content: " "; margin-top: -185px; height: 185px; visibility: hidden; } @media only screen and (min-width: 46.8em) { .t-commercial .c-step__section:before { display: block; content: " "; margin-top: -82px; height: 82px; visibility: hidden; } } .t-commercial .c-step__list { height: 190px; max-width: 1200px; margin: 0 auto; } @media only screen and (min-width: 46.8em) { .t-commercial .c-step__list { height: 82px; } } .t-commercial .c-step__item { cursor: pointer; display: block; text-align: center; border-bottom: 1px solid #bebfbf; } .t-commercial .c-step__item.is-active a, .t-commercial .c-step__item:hover a { color: #1C2758; } @media only screen and (min-width: 46.8em) { .t-commercial .c-step__item { border-right: 1px solid #bebfbf; border-bottom: none; border-top: 5px solid transparent; } .t-commercial .c-step__item:first-child { border-left: 1px solid #bebfbf; } .t-commercial .c-step__item.is-active { border-top: 5px solid #1C2758; background-color: #fff; } } .t-commercial .c-step__item-title { line-height: 82px; border-bottom: 1px solid #54565A; } @media only screen and (min-width: 46.8em) { .t-commercial .c-step__item-title { border-bottom: none; border-right: 1px solid #54565A; } } .t-commercial .c-step__item-title>span { font-size: 1.25rem; margin-left: .25rem; } .t-commercial .c-step__link { vertical-align: middle; color: #3E3E3E; width: 100%; text-align: left; text-decoration: none; height: 100%; } @media only screen and (min-width: 46.8em) { .t-commercial .c-step__link { text-align: center; } .t-commercial .c-step__link.is-active, .t-commercial .c-step__link:hover { color: #1C2758; } } .t-commercial .c-step__link:hover, .t-commercial .c-step__link:active, .t-commercial .c-step__link:focus { text-decoration: none; } .t-commercial .c-step__icon { font-size: 2.250em; line-height: 1; width: 52px; text-decoration: none; } @media only screen and (min-width: 46.8em) { .t-commercial .c-step__icon { width: 100%; } } .t-commercial .c-accordion { position: relative; } .t-commercial .c-accordion--border { border: 1px solid #54565A; border-top: none; } .t-commercial .c-accordion--border-top { border-top: 1px solid #54565A; } .t-commercial .c-accordion--border-bottom { border-bottom: 1px solid #54565A; } .t-commercial .c-accordion--border-all { border: 1px solid #54565A; } .t-commercial .c-accordion__container { display: block; position: relative; width: 100%; padding: 1rem; margin: 0; } .t-commercial .c-accordion__title { transition: all linear 0.15s; text-decoration: none; cursor: pointer; } .t-commercial .c-accordion__title--standard, .t-commercial .c-accordion__title--filter { color: #1C2758; border-bottom: 1px solid #54565A; margin-bottom: -1px; } .t-commercial .c-accordion__title--standard.is-active { color: #fff; background: #1C2758; } .t-commercial .c-accordion__title--standard:hover { background-color: #1C2758; color: #fff; } .t-commercial .c-accordion__title--standard.is-active, .t-commercial .c-accordion__title--standard:hover { text-decoration: none; } .t-commercial .c-accordion__title--standard.is-active:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #fff; } .t-commercial .c-accordion__title--standard.is-active:hover:before { color: #1C2758; } .t-commercial .c-accordion__title--standard:before { content: "\002B"; font-weight: 500; margin-right: .5em; color: #54565A; float: left; margin-top: -.25em; font-size: 1.5rem; transition: transform ease-in-out 0.2s; } .t-commercial .c-accordion__title--filter:focus, .t-commercial .c-accordion__title--filter:hover { text-decoration: none; color: #1C2758; } .t-commercial .c-accordion__title--filter.is-active:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #1C2758; } .t-commercial .c-accordion__title--filter:before { content: "\002B"; font-weight: 500; margin-right: .5em; color: #1C2758; float: left; margin-top: -.25em; font-size: 1.5rem; transition: transform ease-in-out 0.2s; } .t-commercial .c-accordion__title--disclosure { text-transform: uppercase; transition: all linear 0.15s; color: #54565A; padding-left: 0; font-weight: 700; text-decoration: none; } .t-commercial .c-accordion__title--disclosure.is-active, .t-commercial .c-accordion__title--disclosure:hover, .t-commercial .c-accordion__title--disclosure:focus { text-decoration: none; color: #54565A; } .t-commercial .c-accordion__title--disclosure:before { font-family: 'icomoon' !important; content: '\e84e'; font-size: 22px; font-weight: normal; margin-top: -.2em; padding-right: .5em; color: #E2E2E2; float: left; } .t-commercial .c-accordion__title--disclosure.is-active:before { font-family: 'icomoon' !important; content: "\e84f"; } .t-commercial .c-accordion__body { display: none; } .t-commercial .c-accordion__body--standard { padding: 1rem; padding-left: 2.5rem; } .t-commercial .c-accordion__body--open { display: block; } .t-commercial .c-accordion__body--disclosure { padding-left: 1.8rem; } .t-private-bank .c-text-block--gray, .t-private-bank .c-text-block--blue, .t-private-bank .c-content-pair--gray { background-color: #f1f1f7; } .t-private-bank .c-text-block--inverted-dark { background-color: #485674; } .t-private-bank .c-related-services__icon { color: #485674; } .t-private-bank .c-related-services.u-bg-lt-blue { background-color: #e1e7eb; } .t-private-bank .c-table thead { background-color: #5a6580; } .t-private-bank .c-video__blurb { background-color: #5a6580; } .t-private-bank .c-nav-local { background-color: #132241; } .t-private-bank .c-nav-local__title { border-color: #485674; } .t-private-bank .c-nav-local__item:hover:not(.c-nav-local__item--right):before { background-color: #485674; } .t-private-bank .c-btn--primary:not(.c-btn--loading) { background: #3E3E3E; border: 1px solid #3E3E3E; } .t-private-bank .c-btn--ghost { border-color: #3E3E3E; color: #3E3E3E; } .t-private-bank .c-quicklinks { background-color: #5a6580; } .t-private-bank .c-quicklinks__title, .t-private-bank .c-quicklinks__item__link { color: #fff; } .t-wam .c-btn--primary { background-color: #002c76; border-color: #002c76; } .t-wam .c-btn--primary:hover { background-color: #1B4695; border-color: #1B4695; } .t-wam .c-btn--ghost { border-color: #3E3E3E; color: #3E3E3E; } .t-wam .c-btn--ghost:hover { border-color: #bebfbf; } .t-wam p a { color: #002c76; text-decoration: underline; } .t-wam p a:hover, .t-wam p a:focus { color: #2d63e0; text-decoration: underline; } .t-wam .c-text-block [class^="icon-"], .t-wam .c-text-block [class*=" icon-"] { color: #485674 } .t-wam .u-bg-lt-blue { background-color: #E1E7EB; } .t-wam .c-nav-local { background-color: #132241; } .t-wam .c-nav-local__title { border-color: #485674; } .t-wam .c-coin__icon { color: #5a6580; } .t-wam .c-coin__back { background-color: #002c76; } .t-wam .c-text-block--blue { background-color: #E1E7EB; } .t-wam .c-video__blurb { background-color: #5a6580; } @media only screen and (min-width: 46.8em) { .t-wam .c-tabs__items.is-active { color: #002c76; } } .t-wam .c-related-services__icon { color: #5a6580; } .t-wam .c-related-services__content-link { color: #002c76; } .t-wam .c-quicklinks { background-color: #5a6580; } .t-wam .c-quicklinks__title, .t-wam .c-quicklinks__item__link { color: #fff; } .t-mirador .c-login-btn { background: #995e06; border: 1px solid #995e06; } .t-mirador .c-btn--primary { background-color: #995e06; border-color: #995e06; } .t-mirador .c-btn--primary:hover { background-color: #374959; border-color: #374959; } .t-mirador .c-btn--ghost { border-color: #3E3E3E; color: #3E3E3E } .t-mirador .c-btn--ghost:hover { border-color: #995e06; color: #995e06; } .t-mirador h2 { color: #995e06; } .t-mirador c-hero__content--title { color: #fff; } .t-mirador p a { color: #1d2731; } .t-mirador p a:hover, .t-mirador p a:focus { color: #374959; text-decoration: underline; } .t-mirador .c-nav-primary__link:hover { color: #995e06; } .t-mirador .c-text-block [class^="icon-"], .t-mirador .c-text-block [class*=" icon-"] { color: #1d2731; } .t-mirador .u-bg-lt-blue { background-color: #1d2731; color: #fff; } .t-mirador .c-nav-local { background-color: #132241; } .t-mirador .c-nav-local__title { border-color: #995e06; } .t-mirador .c-text-block .c-text-block__title-link { color: #995e06; } .t-mirador .c-text-block--blue { background-color: #374959; color: #fff; } .t-mirador .c-text-block--inverted-dark { background-color: #374959; color: #fff; } .t-mirador .c-video__blurb { background-color: #1d2731; } @media only screen and (min-width: 46.8em) { .t-mirador .c-tabs__items.is-active { color: #1d2731; } } .t-mirador .c-table thead { background-color: #374959; color: #fff; } .t-mirador .c-quicklinks { background-color: #374959; } .t-mirador .c-quicklinks__title, .t-mirador .c-quicklinks__item__link { color: #fff; } .t-mirador .c-accordion--mirador { background-color: #1d2731; color: #fff; } .t-mirador .c-accordion__title--mirador:before { content: "\002B"; font-weight: 500; margin-right: .5em; color: #fff; float: left; margin-top: -.25em; font-size: 1.5rem; -webkit-transition: -webkit-transform ease-in-out 0.2s; transition: -webkit-transform ease-in-out 0.2s; transition: transform ease-in-out 0.2s; transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s; } .t-mirador .c-accordion__title--mirador:hover { background-color: #374959; color: #fff; } .s-healthcheck [class] { outline: 5px solid lightgrey; } .s-healthcheck [class*="__"] { outline: 5px solid grey; } .s-healthcheck [class*="--"] { outline: 5px solid darkgrey; } .s-healthcheck [class^="o-"], .s-healthcheck [class*=" o-"] { outline: 5px solid orange; } .s-healthcheck [class^="c-"], .s-healthcheck [class*=" c-"] { outline: 5px solid cyan; } .s-healthcheck [class*="@"] { outline: 5px solid rosybrown; } .s-healthcheck [class^="_"] { outline: 5px solid red; } /* ================================================================= WAM Redesign ================================================================= */ /* ================ Font Family ================ */ /* Serif */ .wam-heading--serif { font-family: "Chronicle", "Times New Roman", Times, serif; } /* Sans-Serif */ .wam-heading--sans-serif { font-family: "Open Sans", "Arial", sans-serif; } /* ================ Heading Sizes (IN PROGRESS) ================ */ /* Serif */ h1.wam-heading--serif { font-size: 3.125rem; line-height: 1; } h2.wam-heading--serif { font-size: 2rem; line-height: 1.1; } @media only screen and (min-width: 56.25em) { h2.wam-heading--serif { font-size: 2.875rem; } } h3.wam-heading--serif { font-size: 2rem; } h4.wam-heading--serif { font-size: 1.75rem; } h5.wam-heading--serif { font-size: 1.25rem; } /* Sans-Serif */ h1.wam-heading--sans-serif { font-size: 3.625rem; line-height: 1.3; } @media only screen and (min-width: 64em) { h1.wam-heading--sans-serif { font-size: 2.5rem; } } h2.wam-heading--sans-serif { font-size: 3rem; } @media only screen and (min-width: 56.25em) { h2.wam-heading--sans-serif { font-size: 2rem; } } h3.wam-heading--sans-serif { font-size: 1.6875rem; line-height: 1.3; } h4.wam-heading--sans-serif h4 { font-size: 1.5rem; } h5.wam-heading--sans-serif h5 { font-size: 1.25rem; } /* ================ Font Modifiers ================ */ /* Heading - No Padding */ .wam-heading--no-padding { padding-bottom: 0; } /* Heading - Light Font Weight */ h1.wam-heading--lt-font-weight, h2.wam-heading--lt-font-weight, h3.wam-heading--lt-font-weight, h4.wam-heading--lt-font-weight, h5.wam-heading--lt-font-weight, h6.wam-heading--lt-font-weight { font-weight: 100; } /* Heading - Medium Font Weight */ h1.wam-heading--md-font-weight, h2.wam-heading--md-font-weight, h3.wam-heading--md-font-weight, h4.wam-heading--md-font-weight, h5.wam-heading--md-font-weight, h6.wam-heading--md-font-weight { font-weight: 400; } /* Heading - Heavy Font Weight */ h1.wam-heading--heavy-font-weight, h2.wam-heading--heavy-font-weight, h3.wam-heading--heavy-font-weight, h4.wam-heading--heavy-font-weight, h5.wam-heading--heavy-font-weight, h6.wam-heading--heavy-font-weight { font-weight: 700; } /* ================ Heading Colors ================ */ /* Black */ .wam-heading--black, .wam-heading--black a, .wam-heading--black sup { color: #000; } /* White */ .wam-heading--white, .wam-heading--white a, .wam-heading--white sup { color: #fff; } /* Gray */ .wam-heading--gray, .wam-heading--gray a, .wam-heading--gray sup { color: #444; } /* FT Blue */ .wam-heading--ftblue, .wam-heading--ftblue a, .wam-heading--ftblue sup { color: #1B4695; } /* Topaz */ .wam-heading--topaz, .wam-heading--topaz a, .wam-heading--topaz sup { color: #67B2E8; } /* Azurite */ .wam-heading--azurite, .wam-heading--azurite a, .wam-heading--azurite sup { color: #1775BB; } /* Lapis */ .wam-heading--lapis, .wam-heading--lapis a, .wam-heading--lapis sup { color: #1C2758; } /* ================ Font Colors ================ */ /* Gray */ .wam-text--gray { color: #444; } /* Gold */ .wam-text--gold { color: #86754E; } /* Black */ .wam-text--black { color: #000; } /* White */ .wam-text--white { color: #fff; } /* FT Blue */ .wam-text--ftblue { color: #1B4695; } /* Topaz */ .wam-text--topaz { color: #67B2E8; } /* Azurite */ .wam-text--azurite { color: #1775BB; } /* Lapis */ .wam-text--lapis { color: #86754E; } /* ================ Background Colors ================ */ /* White */ .wam-section-background--white { color: #fff; } /* LT Gray */ .wam-section-background--ltgray { background-color: #f1f1f1; } /* Dark Gray */ .wam-section-background--dark-gray { background-color: #444; } /* LT Blue */ .wam-section-background--ltblue { color: #eef7fe; } /* FT Blue */ .wam-section-background--ftblue { color: #1B4695; } /* Topaz */ .wam-section-background--topaz { color: #67B2E8; } /* Azurite */ .wam-section-background--azurite { color: #1775BB; } /* Lapis */ .wam-section-background--lapis { color: #1C2758; } /* ================ Accordion ================ */ /* .wam-accordion .c-accordion { border: none; } .wam-accordion .c-accordion__container { padding: 1rem 2rem; display: block; position: relative; width: 100%; margin: 0; } .wam-accordion .c-accordion--border { border: none; } .wam-accordion .c-accordion--border-top { border-top: none; } .wam-accordion .c-accordion--border-bottom { border-bottom: none; } .wam-accordion .c-accordion--border-all { border: none; } .wam-accordion .c-accordion__container { display: block; position: relative; width: 100%; padding: 1rem; margin: 0; } .wam-accordion .c-accordion__title { transition: all linear 0.15s; text-decoration: none; cursor: pointer; } .wam-accordion .c-accordion__title--standard { color: #333; font-weight: 700; border-bottom: none; margin-bottom: -1px; } .wam-accordion .c-accordion__title--standard.is-active { color: #fff; background: #1C2758; } .wam-accordion .c-accordion__title--standard:hover { background-color: #444; color: #fff; } .wam-accordion .c-accordion__title--standard.is-active, .wam-accordion .c-accordion__title--standard:hover { text-decoration: none; } .wam-accordion .c-accordion__title--standard.is-active:after, .wam-accordion .c-accordion__title--standard:hover:after{ color: #fff; } .wam-accordion .c-accordion__title--standard:before { display: none; } .wam-accordion .c-accordion__title--standard.is-active:hover:after { color: #fff; } .wam-accordion .c-accordion__title--standard:after { font-weight: 700; color: #1B4695; float: none; margin-left: 1rem; margin-top: -0.65em; display: inline-block; position: absolute; font-size: 1.75rem; transition: transform ease-in-out 0.2s; } .wam-accordion .c-accordion__body { display: none; background: #ececec; border: none; } .wam-accordion .c-accordion__body .s-rte { padding: 1rem; } .wam-accordion .c-accordion__body a, .wam-accordion .c-accordion__body ol a, .wam-accordion .c-accordion__body ul a { text-decoration: underline; font-weight: 700; } .wam-accordion .c-accordion__body--standard { padding: 1rem; padding-left: 2.5rem; } */ /* ================ CTA ================ */ /* Button Wrapper */ .wam-button-wrapper { text-align: center; } @media only screen and (min-width: 64em) { .wam-button-wrapper { display: inline-block; margin-bottom: 0; } } /* Default */ .wam-primary-button { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; } /* FT Green */ .wam-primary-button--ftgreen { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #08aa66; color: #fff; border: 0.125rem solid #08aa66; } /* FT Blue */ .wam-primary-button--ftblue { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #1B4695; color: #fff; border: 0.125rem solid #1B4695; } /* Topaz */ .wam-primary-button--topaz { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #67B2E8; color: #000; border: 0.125rem solid #67B2E8; } /* Azurite */ .wam-primary-button--azurite { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #1775BB; color: #fff; border: 0.125rem solid #1775BB; } /* Lapis */ .wam-primary-button--lapis { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #1C2758; color: #fff; border: 0.125rem solid #1C2758; } /* Lapis (WAM) */ .wam-primary-button--lapis-wam { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #1C2758; color: #fff; border: 0.125rem solid #1C2758; } .wam-primary-button--ghost-lapis { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: transparent; color: #1C2758; border: 0.125rem solid #1C2758; } .wam-primary-button--ghost-white { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: transparent; color: #fff; border: 0.125rem solid #fff; } .wam-primary-button--ghost-ftblue { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: transparent; color: #1B4695; border: 0.125rem solid #1B4695; } @media only screen and (min-width: 56.25em) { /* Default */ .wam-primary-button:hover, .wam-primary-button:focus { background-color: #00804a; border: 0.125rem solid #00804a; text-decoration: none; color: #fff; } /* FT Green */ .wam-primary-button--ftgreen:hover, .wam-primary-button--ftgreen:focus { background-color: #00804a; border: .125rem solid #00804a; color: #fff; } /* FT Blue */ .wam-primary-button--ftblue:hover, .wam-primary-button--ftblue:focus { background-color: #2054b3 !important; border: 0.125rem solid #2054b3 !important; text-decoration: none; color: #fff; } /* Topaz */ .wam-primary-button--topaz:hover, .wam-primary-button--topaz:focus { background-color: #65a1ce !important; border: 0.125rem solid #65a1ce !important; text-decoration: none; color: #000 !important; } /* Azurite */ .wam-primary-button--azurite:hover, .wam-primary-button--azurite:focus { background-color: #13619a !important; border: 0.125rem solid #13619a !important; text-decoration: none; color: #fff; } /* Lapis */ .wam-primary-button--lapis:hover, .wam-primary-button--lapis:focus { background-color: #1B4695 !important; border: 0.125rem solid #1B4695 !important; text-decoration: none; color: #fff; } /* Lapis on FT Blue */ .wam-primary-button--lapis:hover, .wam-primary-button--lapis:hover { border: 0.125rem solid #fff !important; } /* Lapis (WAM) */ .wam-primary-button--lapis-wam:hover, .wam-primary-button--lapis-wam:focus { background-color: #54565a !important; border: 0.125rem solid #54565a !important; text-decoration: none !important; color: #fff !important; } .wam-primary-button--ghost-lapis:hover, .wam-primary-button--ghost-lapis:focus { background-color: #54565a !important; border: 0.125rem solid #54565a !important; text-decoration: none !important; color: #fff !important; } .wam-primary-button--ghost-white:hover, .wam-primary-button--ghost-white:focus { background-color: #1B4695 !important; border: 0.125rem solid #1B4695 !important; text-decoration: none !important; color: #fff !important; } .wam-primary-button--ghost-ftblue:hover, .wam-primary-button--ghost-ftblue:focus { background-color: #1C2758 !important; border: 0.125rem solid #1C2758 !important; text-decoration: none !important; color: #fff !important; } } .wam-primary-button--rounded { border-radius: 0.375rem; } /* ================ Checklist ================ */ ul.c-text-block__list--checkmark { list-style: none; margin-left: 0; padding-left: 1em; } ul.c-text-block__list--checkmark li { list-style-image: url("../../../content/dam/fifth-third/icons/checkmark-circle-outline.svg"); padding: 0 0 0 0.75rem; margin-bottom: 1rem; } /* ================ Text Block Numbers ================ */ .wam-number .c-text-block__number { width: 4rem; height: 4rem; background-color: #fff; font-family: "Chronicle", "Times New Roman", Times, serif; font-size: 2.5rem !important; line-height: 1; color: #444; border: 0.125rem solid #1C2758; border-radius: 50%; padding: 0.65rem 1.25rem; margin: 0 0 1rem; position: relative; display: block; } /* ================ List ================ */ ul.clients { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 39px; width: 60%; margin: 2rem auto !important; padding-left: 125px; } @media only screen and (min-width: 47.5em) { .c-text-block__list-2-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; width: 80%; margin: 2rem auto !important; } .c-text-block__list-3-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; width: 80%; margin: 2rem auto !important; } .c-text-block__list-4-col { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; width: 80%; margin: 2rem auto !important; } } /* ================ WAM Capital Markets ================ */ .wam-capital-markets .c-capital-markets { position: relative; padding: 1.5rem; border: none; background-color: #fff; flex-wrap: wrap; align-items: center; justify-content: center; } .wam-capital-markets .c-capital-markets__summary { padding: 0 1rem 1rem 0; margin-bottom: 1rem; display: flex; flex: 0 0 100%; flex-flow: row nowrap; align-self: flex-start; align-items: center; justify-content: center; } .wam-capital-markets .c-capital-markets__groups { margin-bottom: 1rem; display: inline-flex; flex-direction: row; flex: 0 0 40%; } .wam-capital-markets .c-capital-markets__group--list { flex: 0 0 60%; display: flex; flex-direction: column; /* max-width: 60%; */ } .wam-capital-markets .c-capital-markets__group--image { margin-right: 0; width: 100%; } .wam-capital-markets .c-capital-markets__list-item { padding-bottom: .5rem; font-size: 1rem; } .wam-capital-markets .c-capital-markets__ctas { flex-direction: column; display: flex; flex: 0 0 23%; } .wam-capital-markets .c-capital-markets__title { color: #1B4695; font-size: 2.5rem; font-weight: 400; margin-bottom: 2rem; } .wam-capital-markets h3.c-capital-markets__subheader { padding-bottom: 0; text-transform: none; } .wam-capital-markets .c-capital-markets__subheader a { text-decoration: underline; font-weight: 700; color: #444; font-size: 1.2rem; } @media only screen and (min-width: 64.06em) { .wam-capital-markets .c-capital-markets__group { padding: 0 2rem 1rem 0; font-size: .875rem; } } .wam-capital-markets .c-capital-markets__button.c-btn--ghost { float: none; width: 100%; margin-bottom: .875rem; border: 2px solid #1B4695; } .wam-capital-markets .c-capital-markets__button.c-btn--ghost:hover { background: transparent; border: 2px solid #2054b3; color: #2054b3; text-decoration: none; } @media only screen and (max-width: 1024px) { .wam-capital-markets .c-capital-markets__summary { padding: 0 1rem 1rem 0; margin-bottom: 1rem; display: flex; flex: 0 0 100%; flex-flow: row nowrap; align-self: flex-start; align-items: center; justify-content: center; } .wam-capital-markets .c-capital-markets { flex-wrap: wrap; align-items: center; justify-content: center; } .wam-capital-markets .c-capital-markets__groups { margin-bottom: 1rem; display: inline-flex; flex-direction: column; flex: 0 0 40%; } .wam-capital-markets .c-capital-markets__ctas { flex-direction: column; display: flex; flex: 0 0 30%; } .wam-capital-markets .c-capital-markets__button { padding: .5rem .5rem; margin-right: 0; margin: 1rem 0 0; } .wam-capital-markets .c-capital-markets__button:first-of-type { margin: 0; } } @media only screen and (max-width: 56.25em) { .wam-capital-markets .c-capital-markets__summary { margin-bottom: 0; } .wam-capital-markets .c-capital-markets { flex-wrap: wrap; align-items: center; justify-content: center; } .wam-capital-markets .c-capital-markets__groups { margin-bottom: 1rem; display: inline-flex; flex-direction: column; flex: 0 0 50%; } .wam-capital-markets .c-capital-markets__ctas { flex-direction: column; display: flex; flex: 0 0 50%; } .wam-capital-markets .c-capital-markets__button { padding: .5rem .5rem; margin-right: 0; margin: 1rem 0 0; } .wam-capital-markets .c-capital-markets__button:first-of-type { margin: 0; } } @media only screen and (max-width: 27em) { .wam-capital-markets .c-capital-markets__group--image { display: none; } .wam-capital-markets .c-capital-markets__group--list { flex: 0 0 100%; display: flex; flex-direction: column; /* max-width: 60%; */ } .wam-capital-markets { text-align: center; } } .wam-capital-markets--button .c-capital-markets__list-item:last-of-type { margin-top: 0.5rem } .wam-capital-markets--button .c-capital-markets__list-item:last-of-type a { display: inline-block; font-size: 1.125rem; text-align: center; line-height: 1; font-weight: 600; text-decoration: none; padding: 0.9375rem 2.75rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #1c2758; color: #fff; border: 0.125rem solid #1c2758; } .wam-capital-markets--button .c-capital-markets__list-item:last-of-type a:hover, .wam-capital-markets--button .c-capital-markets__list-item:last-of-type a:focus { background-color: #54565a !important; color: #fff !important; border: 0.125rem solid #54565a !important; } .wam-capital-markets--rounded-button .c-capital-markets__list-item:last-of-type a { border-radius: 0.375rem; } /* ================ Icons ================ */ .icon-wam--shadow { box-shadow: 0 4px 8px 0 rgb(97 123 179 / 20%), 0 6px 20px 0 rgb(94 122 186 / 19%); } .icon-wam--shield { border-radius: 0 3.5rem; } /* ================================================================= 53.com Redesign ================================================================= */ /* Sans-Serif */ .heading--sans-serif { font-family: "Open Sans", "Arial", sans-serif; } /* ================ Heading Sizes (IN PROGRESS) ================ */ /* Sans-Serif */ h1.heading--sans-serif { font-size: 3.625rem; line-height: 1.3; } @media only screen and (min-width: 64em) { h1.heading--sans-serif { font-size: 2.5rem; } } h2.heading--sans-serif { font-size: 3rem; } @media only screen and (min-width: 56.25em) { h2.heading--sans-serif { font-size: 2rem; } } h3.heading--sans-serif { font-size: 1.6875rem; line-height: 1.3; } h4.heading--sans-serif h4 { font-size: 1.5rem; } h5.heading--sans-serif h5 { font-size: 1.25rem; } /* ================ Font Modifiers ================ */ /* Heading - No Padding */ .heading--no-padding { padding-bottom: 0; } /* Heading - Light Font Weight */ h1.heading--lt-font-weight, h2.heading--lt-font-weight, h3.heading--lt-font-weight, h4.heading--lt-font-weight { font-weight: 100; } /* Heading - Medium Font Weight */ h1.heading--md-font-weight, h2.heading--md-font-weight, h3.heading--md-font-weight, h4.heading--md-font-weight { font-weight: 400; } /* Heading - Heavy Font Weight */ h1.heading--heavy-font-weight, h2.heading--heavy-font-weight, h3.heading--heavy-font-weight, h4.heading--heavy-font-weight { font-weight: 700; } /* ================ Heading Colors ================ */ /* Black */ .heading--black, .heading--black a, .heading--black sup { color: #000; } /* White */ .heading--white, .heading--white a, .heading--white sup { color: #fff; } /* Gray */ .heading--gray, .heading--gray a, .heading--gray sup { color: #444; } /* FT Blue */ .heading--ftblue, .heading--ftblue a, .heading--ftblue sup { color: #1B4695; } /* Topaz */ .heading--topaz, .heading--topaz a, .heading--topaz sup { color: #67B2E8; } /* Azurite */ .heading--azurite, .heading--azurite a, .heading--azurite sup { color: #1775BB; } /* Lapis */ .heading--lapis, .heading--lapis a, .heading--lapis sup { color: #1C2758; } /* ================ Font Colors ================ */ /* Gray */ .text--gray { color: #444; } /* Gold */ .text--gold { color: #86754E; } /* Black */ .text--black { color: #000; } /* White */ .text--white { color: #fff; } /* FT Blue */ .text--ftblue { color: #1B4695; } /* Topaz */ .text--topaz { color: #67B2E8; } /* Azurite */ .text--azurite { color: #1775BB; } /* Lapis */ .text--lapis { color: #86754E; } /* ================ Link Colors ================ */ /* Gray */ .link--gray a, .link--gray a:hover, .link--gray a:focus { color: #444; } /* Gold */ .link--gold a, .link--gold a:hover, .link--gold a:focus { color: #86754E; } /* Black */ .link--black a, .link--black a:hover, .link--black a:focus { color: #000; } /* White */ .link--white a, .link--white a:hover, .link--white a:focus { color: #fff; } /* FT Blue */ .link--ftblue a, .link--ftblue a:hover, .link--ftblue a:focus { color: #1B4695; } /* Topaz */ .link--topaz a, .link--topaz a:hover, .link--topaz a:focus { color: #67B2E8; } /* Azurite */ .link--azurite a, .link--azurite a:hover, .link--azurite a:focus { color: #1775BB; } /* Lapis */ .link--lapis a, .link--lapis a:hover, .link--lapis a:focus { color: #86754E; } /* ================ Link Modifiers ================ */ .link--bold { font-weight: 700; } /* ================ Background Colors ================ */ /* White */ .section-background--white { background-color: #fff; } /* LT Gray */ .section-background--ltgray { background-color: #f1f1f1; } /* Dark Gray */ .section-background--dark-gray { background-color: #444; } /* LT Blue */ .section-background--ltblue { background-color: #eef7fe; } /* FT Blue */ .section-background--ftblue { background-color: #1B4695; } /* Topaz */ .section-background--topaz { background-color: #67B2E8; } /* Azurite */ .section-background--azurite { background-color: #1775BB; } /* Lapis */ .section-background--lapis { background-color: #1C2758; } /* ================ CTA ================ */ /* Button Wrapper */ .button-wrapper { text-align: center; } @media only screen and (min-width: 64em) { .button-wrapper { display: inline-block; margin-bottom: 0; } } /* Default */ .primary-button { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; } /* FT Green */ .primary-button--ftgreen { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #08aa66; color: #fff; border: 0.125rem solid #08aa66; } /* FT Blue */ .primary-button--ftblue { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #1B4695; color: #fff; border: 0.125rem solid #1B4695; } /* Topaz */ .primary-button--topaz { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #67B2E8; color: #000; border: 0.125rem solid #67B2E8; } /* Azurite */ .primary-button--azurite { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #1775BB; color: #fff; border: 0.125rem solid #1775BB; } /* Lapis */ .primary-button--lapis { display: inline-block; font-size: 1.25rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.8125rem 2.3125rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; background-color: #1C2758; color: #fff; border: 0.125rem solid #1C2758; } @media only screen and (min-width: 56.25em) { /* Default */ .primary-button:hover, .primary-button:focus { background-color: #00804a; border: 0.125rem solid #00804a; text-decoration: none; color: #fff; } /* FT Green */ .primary-button--ftgreen:hover, .primary-button--ftgreen:focus { background-color: #00804a; border: .125rem solid #00804a; color: #fff; } /* FT Blue */ .primary-button--ftblue:hover, .primary-button--ftblue:focus { background-color: #2054b3 !important; border: 0.125rem solid #2054b3 !important; text-decoration: none; color: #fff; } /* Topaz */ .primary-button--topaz:hover, .primary-button--topaz:focus { background-color: #65a1ce !important; border: 0.125rem solid #65a1ce !important; text-decoration: none; color: #000 !important; } /* Azurite */ .primary-button--azurite:hover, .primary-button--azurite:focus { background-color: #13619a !important; border: 0.125rem solid #13619a !important; text-decoration: none; color: #fff; } /* Lapis */ .primary-button--lapis:hover, .primary-button--lapis:focus { background-color: #1B4695 !important; border: 0.125rem solid #1B4695 !important; text-decoration: none; color: #fff; } /* Lapis on FT Blue */ .primary-button--lapis:hover, .primary-button--lapis:hover { border: 0.125rem solid #fff !important; } /* Lapis (WAM) */ .wam-primary-button--lapis-wam:hover, .wam-primary-button--lapis-wam:focus { background-color: #54565a !important; border: 0.125rem solid #54565a !important; text-decoration: none !important; color: #fff !important; } } .primary-button--rounded { border-radius: 0.375rem; } /* ================ Icons ================ */ .icon--shadow { box-shadow: 0 4px 8px 0 rgb(97 123 179 / 20%), 0 6px 20px 0 rgb(94 122 186 / 19%); } .icon--shield { border-radius: 0 3.5rem; } /* ================================================================= Card with Border ================================================================= */ @media only screen and (min-width: 46.8em) { .card-with-border-4-column .o-grid--full>.o-grid-cell { flex: 1; -ms-flex: 1; } } .card-with-border-4-column .o-fixed-width, .card-with-border-3-column .o-fixed-width, .card-with-border-2-column .o-fixed-width, .card-with-border-1-column .o-fixed-width { padding: 1em 0 0 2em; margin: 0 auto; max-width: 73rem; } @media only screen and (min-width: 75em) { .card-with-border-4-column .o-fixed-width, .card-with-border-3-column .o-fixed-width, .card-with-border-2-column .o-fixed-width, .card-with-border-1-column .o-fixed-width { padding: 5.5rem 0rem 2.5rem; } } @media only screen and (min-width: 56.25em) { .card-with-border-4-column .o-grid-cell { padding: 1em 0 0 0; } .card-with-border-3-column .o-grid-cell { padding: 0 1rem 0.625rem; } .card-with-border-2-column .o-grid-cell { padding: 1em 0 0 1em; width: 60%; margin: 0 auto; } .card-with-border-1-column .o-grid-cell { padding: 0 1rem 0.625rem; width: 33%; margin: 0 auto; } } @media only screen and (max-width: 27em) { .card-with-border-4-column .o-grid--gutters { margin: -1em 0 0em -1em; } .card-with-border-4-column .o-grid--gutters>.o-grid-cell { padding: 1em 1em 0 0; } } .card-with-border .second-headline { font-size: 1.9375rem; font-weight: 400; color: #1b4695; margin-bottom: 3.5rem; } .card-with-border { background-color: #fff; box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.08); margin: 0 auto 2.5rem; padding: 1.5rem 1rem; z-index: 1; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } /* ================ Border Color ================ */ /* Default */ .card-with-border__border--ftgreen { border-top: 0.3125rem solid #08aa66; } /* FT Blue */ .card-with-border__border--ftblue { border-top: 0.3125rem solid #1B4695; } /* Topaz */ .card-with-border__border--topaz { border-top: 0.3125rem solid #67B2E8; } /* Azurite */ .card-with-border__border--azurite { border-top: 0.3125rem solid #1775BB; } /* Lapis */ .card-with-border__border--lapis { border-top: 0.3125rem solid #1C2758; } /* @media only screen and (min-width: 47.5em) { .card-with-border { width: 50%; } } */ @media only screen and (min-width: 56.25em) { .card-with-border { box-shadow: none; width: auto; margin: 0 0 2.5rem; min-height: 520px; position: relative; } .card-with-border:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; box-shadow: 0 1rem 1rem -0.125rem rgba(0, 0, 0, 0.08); } .card-with-border:after { content: ""; width: 0.0625rem; border-right: 0.0625rem solid #d2d2d2; position: absolute; top: 0; bottom: 0; right: 0; } .card-with-border:last-child:after, .card-with-border-3-column .card-with-border:after, .card-with-border-2-column .card-with-border:after, .card-with-border-1-column .card-with-border:after { border-right: none; } } .card-with-border .card-image-wrapper { margin: 0 auto 1.5rem; width: 100%; max-width: 18.4375rem; } @media only screen and (min-width: 56.25em) { .card-with-border .card-image-wrapper { max-width: 15.1875rem; } } .card-with-border .card-image-wrapper .card-image { width: 100%; } .card-with-border .third-headline { text-align: center; font-weight: 700; margin-bottom: 1rem; padding-bottom: 0; } .card-with-border .paragraph-copy { text-align: center; margin-top: auto; margin-bottom: 1rem; letter-spacing: -0.0125rem; } .card-with-border .card-with-border-anchor { text-align: center; } @media only screen and (min-width: 56.25em) { .card-with-border .card-with-border-anchor.spacer { margin-bottom: 1.5rem; } } .card-with-border .card-with-border-anchor a { text-decoration: underline; } /* ================ CTA ================ */ /* Button Wrapper */ .card-with-border .button-wrapper { text-align: center; margin-bottom: 1rem; width: 100%; position: absolute; bottom: 20px; left: 0; height: 75px; } @media only screen and (min-width: 64em) { .button-wrapper { display: inline-block; margin-bottom: 0; } } /* Default */ .card-with-border .card-with-border-button { display: inline-block; font-size: 1.125rem; text-align: center; line-height: 1.3; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 0.4375rem 1rem; transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out; } /* FT Green */ .card-with-border .card-with-border-button--ftgreen { background-color: #08aa66; color: #fff; font-size: 18px; border: 0.125rem solid #08aa66; } /* FT Blue */ .card-with-border .card-with-border-button--ftblue { background-color: #1B4695; color: #fff; border: 0.125rem solid #1B4695; } /* Topaz */ .card-with-border .card-with-border-button--topaz { background-color: #67B2E8; color: #000; border: 0.125rem solid #67B2E8; } /* Azurite */ .card-with-border .card-with-border-button--azurite { background-color: #1775BB; color: #fff; border: 0.125rem solid #1775BB; } /* Lapis */ .card-with-border .card-with-border-button--lapis { background-color: #1C2758; color: #fff; border: 0.125rem solid #1C2758; } @media only screen and (min-width: 56.25em) { /* FT Green */ .card-with-border .card-with-border-button--ftgreen:hover, .card-with-border .card-with-border-button--ftgreen:focus { background-color: #00804a; border: .125rem solid #00804a; color: #fff; } /* FT Blue */ .card-with-border .card-with-border-button--ftblue:hover, .card-with-border .card-with-border-button--ftblue:focus { background-color: #2054b3 !important; border: 0.125rem solid #2054b3 !important; text-decoration: none; color: #fff; } /* Topaz */ .card-with-border .card-with-border-button--topaz:hover, .card-with-border .card-with-border-button--topaz:focus { background-color: #65a1ce !important; border: 0.125rem solid #65a1ce !important; text-decoration: none; color: #000 !important; } /* Azurite */ .card-with-border .card-with-border-button--azurite:hover, .card-with-border .card-with-border-button--azurite:focus { background-color: #13619a !important; border: 0.125rem solid #13619a !important; text-decoration: none; color: #fff; } /* Lapis */ .card-with-border .card-with-border-button--lapis:hover, .card-with-border .card-with-border-button--lapis:focus { background-color: #1B4695 !important; border: 0.125rem solid #1B4695 !important; text-decoration: none; color: #fff; } /* Lapis (WAM) */ .card-with-border .card-with-border-button--lapis-wam:hover, .card-with-border .card-with-border-button--lapis-wam:focus { background-color: #54565a !important; border: 0.125rem solid #54565a !important; text-decoration: none !important; color: #fff !important; } } .card-with-border .card-with-border-button.card-primary-button { background-color: #08aa66; color: #fff; border: 0.125rem solid #08aa66; } @media only screen and (min-width: 56.25em) { .card-with-border .card-with-border-button.card-primary-button:hover { background-color: #00804a; color: #fff; border: 0.125rem solid #00804a; } } .card-with-border .card-with-border-button.card-secondary-button { background-color: #fff; color: #1b4695; border: 0.125rem solid #1b4695; } @media only screen and (min-width: 56.25em) { .card-with-border .card-with-border-button.card-secondary-button:hover { background-color: #1b4695; color: #fff; border: 0.125rem solid #1b4695; } } .no-right-border::after { border-right: 0; } .card-with-border.content-block-height { height: 486px; } .card-link-wrapper { display: block; text-align: center; } .card-link { display: inline-block; margin: 0 1.5rem; font-size: 1.125rem; } .card-with-border .paragraph-copy { font-size: 1rem; } .primary-link { display: block !important; margin: 0.5rem auto 0; text-decoration: underline !important; } .card-with-border h3.third-headline { min-height: 60px; } @media only screen and (max-width: 27em) { .card-with-border .button-wrapper { position: relative; bottom: 0; } } /* 1024px wide or less */ @media only screen and (max-width:1024px) { .card-with-border { margin: 0; } } /* 768px wide or less */ @media only screen and (max-width:768px) { .card-with-border-4-column .o-grid--full>.o-grid-cell { flex: 0 0 50%; } .card-with-border { min-height: 550px; } } /* 625px wide or less */ @media only screen and (max-width:625px) { .card-with-border-4-column .o-grid--full>.o-grid-cell { flex: 0 0 100%; } .card-with-border .button-wrapper { position: relative; bottom: 0; } } /**** Screen size 500px wide or less ***/ @media only screen and (max-width:500px) { .card-with-border-4-column .o-grid--full>.o-grid-cell { flex: 0 0 100%; } .card-with-border .button-wrapper { position: relative; bottom: 0; } } .c-footer__items--icons svg { margin: 0 0.2rem; padding: 0; fill: #333333; height: 1.5rem; width: 1.5rem; } .c-footer__items--icons svg:hover { fill: #1B4695; } .c-callout__body p { font-size: inherit; } .c-callout__body sup { right: 0px; } .c-callout__footer--small p { font-size: inherit; } .c-logo--twitter-small { max-height: 34px; } .c-tabs + div { clear: both } /*AEM Grid Fix for iparsys in the Footer*/ .iparys_inherited { width: 100%; } .o-grid .iparsys { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .c-footer__card .c-footer__card--container:not(:last-child) { border-top: 1px solid rgb(190, 191, 191); } @media only screen and (min-width: 46.8em) { .c-footer__card .c-footer__card--container:not(:last-child) { border-right: 1px solid rgb(190, 191, 191); border-top: none; } .o-grid .iparsys { height: 100%; } } .o-grid--full .iparsys > .o-grid-cell { -webkit-box-flex: 0; flex: 0 0 100%; } @media only screen and (min-width: 46.8em) { .med-grid--fit .iparsys > .o-grid-cell { -webkit-box-flex: 1; flex: 1 1 0%; } } .system-alert .c-alert__icon { width: 59px; } .iframe-calc { width: 100%; } .iframe { margin: auto; /*width: 1170px;*/ width: 100%; height: 100%; padding-left: 15px; padding-right: 15px; } /** Include Formatting on RTE's that has p tag injected **/ .c-article__disclaimer p { font-size: 13px; padding-top: 25px; color: #3E3E3E; width: 100%; } /**FAQ make sure multiple lines on Q&A line up with first line **/ .c-accordion__container .u-border--bottom span:first-child { display: inline-block; float: left; min-width: 2%; padding-right: 5px; } .c-accordion__container .faq-qa:last-of-type { border: none !important; } /*-----------google custom search for header.html-------------------*/ .c-header .c-search__form #gsc-iw-id1 { font-size: 16px !important; font-weight: 300 !important; background: white !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #dbdbdb !important; border-radius: 3px !important; height: 46px !important; width: 100%; } /*for auto complete positioning*/ /* For Search Box position on medium screens */ .c-search { height: 60px; top: 10px; width: 56%; right: 0px; left: 24%; min-width: 0px; -webkit-transform: none; -ms-transform: none; transform: none; } .c-header .c-search__form #gsc-iw-id1 table { height: 45px !important; padding: 0rem 0.5rem !important; } .c-header .c-search__form #gs_tti50 { padding-top: 0px !important; } .c-header .c-search__form input.gsc-input { margin: 0px; left: 0px; background: none !important; text-indent: 0px !important; height: 45px !important; } .c-header .c-search__form table, .c-header .c-search__form tr, .c-header .c-search__form td, .gstl_50 table, .gstl_50 tr, .gstl_50 td { border: none !important; } .c-header .c-search__form .gsib_b { opacity: 0; pointer-events: none; } .c-header .c-search__form #gs_tti50, td.gsc-input { padding: 0px !important; } /*-----------google custom search for search.html page-------------------*/ .google-search-component { margin: 2rem 5rem; } .google-search-component .search-container { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .google-search-component .search-container table, .google-search-component .search-container th, .google-search-component .search-container td, .gsc-control-wrapper-cse table, .gsc-control-wrapper-cse th, .gsc-control-wrapper-cse td { border: none !important; } .google-search-component .search-container #gsc-iw-id1 { height: 30px !important; border: 1px solid #D9D9D9; background: #fff; } .google-search-component .search-container #gs_st50 .gsst_a { padding-top: 5px !important; } .google-search-component .search-container #gs_tti50 { padding-top: 4px !important; } input.gsc-search-button, input.gsc-search-button:focus { background: #1D4094 !important; border: 1px solid #1D4094 !important; font-weight: 600 !important; text-decoration: none; transition: background 0.15s ease-in-out, border 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor: pointer; padding: 0px 10px !important; text-transform: uppercase; width: 60px !important; height: 30px !important; font-size: 16px !important; border-radius: 0px !important; } input.gsc-search-button:hover { background: #234db2 !important; border: 1px solid #234db2 !important; color: #fff; text-decoration: none; } .google-search-component .search-container .gsc-control-cse { padding: 0em 1em !important; } @media only screen and (min-width: 1300px) { /* For Search Box position on large screens */ .c-search { left: 52%; max-width: 700px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* For the AutoComplete box position on large screens */ table.gstl_50 { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: -6px; left: 52%; } } /* Add to existing AEM overrides to increase font size and match Pattern Lab padding */ .c-header .c-search__form input.gsc-input { font-size: 16px; padding-left: 16px; } .gstl_50 td { padding: 0 16px; } /** Tablet / Mobile---------------------------------------------------------------------------------------------------**/ @media only screen and (max-width: 64.06em) { .c-header .c-search__form #gsc-iw-id1 { font-size: 16px !important; font-weight: 300 !important; -webkit-box-shadow: none !important; box-shadow: none! important; height: 50px !important; border-radius: 0 !important; border: none !important; background: #F1F1F1 !important; width: 100% !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-header .c-search__form input.gsc-input { padding: 0 22px !important; font-size: 16px !important; font-weight: 300 !important; -webkit-box-shadow: none !important; box-shadow: none! important; height: 50px !important; border-radius: 0 !important; border: none !important; background: #F1F1F1 !important; width: 100% !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; } /*for auto complete positioning*/ .c-search { height: 60px !important; top: 50px !important; width: 100% !important; right: 0px !important; left: 0% !important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } .c-header .c-search__form #gsc-iw-id1 table { padding: 0px !important; } .c-header .c-search__form .gsc-search-button, .c-header .c-search__form .gsib_b { display: none !important; } } /** Tablet -----------------------------------------------------------------------------------------------------------**/ @media (max-width: 991px) and (min-width: 768px) { .google-search-component { margin: 2rem 2rem; } .c-callout__body sup { top: -1.25em; } } /** Mobile -----------------------------------------------------------------------------------------------------------**/ @media (max-width: 480px) { .google-search-component { margin: 2rem 1rem; } } /** Mobile -----------------------------------------------------------------------------------------------------------**/ @media (max-width: 768px) and (min-width: 480px) { .google-search-component { margin: 2rem 1rem; } } /** Desktop -----------------------------------------------------------------------------------------------------------**/ @media only screen and (min-width: 64.06em) { .c-header .c-search__form input.gsc-input { /* outline: none !important; */ } } /** Mobile---------------------------------------------------------------------------------------------------**/ @media only screen and (max-width: 46.8em) { .c-modal__language { width: 100%; } .language-modal-logo { margin-top: 0; } .c-modal__language .c-modal__content { padding-top: 40px; } .c-modal__language .c-modal__body { padding-top: 50px; } .c-modal__language .c-modal__footer_language { line-height: 2.7rem; } } /** Site Map -----------------------------------------------------------------------------------------------**/ .c-sitemap__container { border: 1px solid #bebfbf; } .c-sitemap--accordion.is-active { color: #fff; background: #1B4695; } .c-sitemap--accordion:first-child { border-top: none; } .c-sitemap--accordion { background-color: #FFF; border-top: 1px solid #bebfbf; margin: 0; padding: 1rem; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .c-sitemap--accordion:after { /* content: "\002B"; */ font-weight: 500; margin-right: .5em; color: #bebfbf; float: left; margin-top: -.2em; font-size: 1.3rem; } .c-sitemap--accordion.is-active:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #fff; } .site-map { padding: 30px 40px; } .c-tabs__site-map-content { padding: 0 4.38rem; } .header--site-map a { font-weight: 700; font-size: 24px; } .title--site-map { text-transform: uppercase; transition: all linear 0.15s; padding-left: 1.8rem; font-weight: 700; } .c-sitemap__title { text-transform: uppercase; transition: all linear 0.15s; padding-left: 0; font-weight: 700; } /*.c-accordion__title--site-map-icon:before { font-family: 'icomoon' !important; content: '\e84e'; font-size: 22px; font-weight: normal; margin-top: -.2em; padding-right: .5em; color: #333333; float: left; } */ .c-accordion__title--site-map-icon.is-active:before { font-family: 'icomoon' !important; /* content: "\e84f"; */ } .c-accordion__body--site-map { padding-left: 1.8rem; } .c-site-map__list-item { padding-bottom: 1rem; } .site-map__sections { padding-top: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #bebfbf; } .site-map__sections:last-child { border-bottom: none; } .parent-ul li { padding: 10px 10px 10px 0px; } .parent-ul li:last-child { padding: 10px 10px 0px 0px; } /* ID 148 - ADA Component: Site Map accordion */ button.c-sitemap--accordion { width: 100%; text-align: left; border: 1px solid #bebfbf; } button.c-sitemap--accordion:first-child { border: 1px solid #bebfbf; } button.c-sitemap--accordion.is-active { border: 1px solid #1B4695; } /** Site Map Mobile---------------------------------------------------------------------------------------------------**/ @media only screen and (max-width: 46.8em) { .site-map { padding: 20px 10px; } } /** Site Map Tablet---------------------------------------------------------------------------------------------------**/ @media only screen and (max-width: 64.06em) { .c-tabs__site-map-content { padding: 0 2.38rem; } } /** Small Hero Injected Div---------------------------------------------------------------------------------------------------**/ .c-hero__container, .c-hero__content--title { width: 100%; } /** Home Page Info Pane Container Border Fix -------------------------------------------------------------------------**/ .c-footer__card--border { border-top: 1px solid #bebfbf !important; } @media only screen and (min-width: 46.8em) { .c-footer__card--border { border-left: 1px solid #bebfbf !important; border-top: none !important; } } /** Fix for FTB-2465 Accordions/Tabs - When accordions are inside a tab, there is a line that appears above the top accordion **/ .c-tabs .c-tabs__content.c-tabs__content--full .c-accordion { border-left: none !important; border-right: none !important; } .c-tabs .c-tabs__content.c-tabs__content--full .c-accordion:first-of-type { border-top: none !important; } .c-tabs .c-tabs__content.c-tabs__content--full .c-accordion:last-of-type { border-bottom: none !important; } .rocketFuel-hide-body { display: none; } .o-flip.js-flip-container { margin-bottom: 15px; } /** Fix for FTB-4766 - icon missing from dropdown remote logon form **/ .login-block .select-wrapper > select::-ms-expand { display: none; } .login-block .select-wrapper::after { font-family: 'icomoon' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* content: "\e83b" !important; */ position: absolute; text-align: right; width: 11px !important; top: 20px !important; right: 16px !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none !important; color: #1D4094!important; } /** Fix for FTB-2451 - labels need bolded and margin to match patternlab **/ .form-label.form__label { font-weight: bold; } .dynamic-state { margin-top: 3px; } /** Fix for FTB-2450 Text isn't centered below login button. **/ .actions > .m-t, .actions > .m-t--sm { text-align: center; } /** Fix for FTB-2448 Button on Login page does not match pattern lab **/ .login-block .form__btn[type="submit"] { color: #fff; background: #1D4094; display: inline-block; text-align: center; border: 1px solid #1D4094; line-height: 1.2rem; font-weight: 600; text-decoration: none; -webkit-transition: background 0.15s ease-in-out, border 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background 0.15s ease-in-out, border 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background 0.15s ease-in-out, border 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background 0.15s ease-in-out, border 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; cursor: pointer; padding: .5rem 1rem; text-transform: uppercase; min-width: 100%; } /** Fix for FTB-2409 New Request A Call Modal **/ @media only screen and (min-width: 46.8em) { .c-modal__call { height: auto; width: 450px; } } @media only screen and (max-width: 46.8em) { .c-modal__call { position: fixed; height: 100%; width: 100% } } .c-modal__call .c-modal__content { height: auto; } .c-modal__call .c-modal__content object { height: 400px; } .c-modal__call .c-modal__content .c-modal__footer { text-align: center; } /*********** ADA and SEO fixes section ************/ /* modal */ .c-modal__close-btn { position: absolute; top: 1rem; right: 1rem; font-size: 40px; line-height: 40px; background: transparent; } .c-modal__close-btn:after, .c-modal__close-btn:before { display: none; } /* header */ #skiptocontent { position: absolute; top: 0; left: 0; width: 300px; } #skiptocontent a { position: absolute; top: -4rem; left: 0; z-index: 500; display: inline-block; padding: 1rem; color: #fff; font-size: .875rem; line-height: 1.3; background-color: #1775BB; -webkit-transition: top 1s ease-out; transition: top 1s ease-out; } #skiptocontent a:focus { position: absolute; top: 0; -webkit-transition: top 1s ease-out; transition: top .1s ease-in; } .c-search-trigger { background: transparent; border: none; cursor: pointer; } .login-drop-container { position: absolute; top: 0; right: 1rem; height: 86px; z-index: 100; } .login-drop-container .c-login--flyout { top: auto; } @media all and (min-width:1025px) { .c-header__search { position: relative; top: 0; right: 0; } .login-drop-placeholder { width: 145px; } } /* second-third nav */ .is-showing { display: block; display: flex; } .c-nav-local { position: relative; z-index: 50; } .c-nav-local .c-nav-local__item { position: relative; z-index: 60; } .c-nav-local__link.is-active { color: #1B4695; background-color: #fff; } .c-nav-local__link.is-active:before { content: " "; width: 100%; position: absolute; top: 0; left: 0; height: 3px; background-color: #00AF66; } .c-nav-local .nav-entry, .c-nav-local .nav-exit { position: fixed; top: 0; left: 0; z-index: 55; display: block; height: 100%; width: 100%; cursor: default; } .c-header { z-index: 100; } /* Community Involvement */ .c-community__title--small { display: block; margin-bottom: -25px !important; } .c-community__title { display: block; } @media only screen and (max-width:64.05em) { .c-community__title--small { font-size: 1.25rem; margin-bottom: -10px !important; } .c-community__title { font-size: 3rem; } } /* Hero Large & Hero Small */ .c-hero__content--title { font-size: 3rem; } .c-login__wrapper--standalone .title { color: #333; font-size: 1.6875rem; line-height: 1.2; } /* Table headers */ .c-table th { font-size: 18px; font-weight: 700; } /* Notices & Disclosures, Accordion */ .c-accordion__title { text-align: left; background: transparent; border: none; } .c-accordion__title--disclosure:before { margin-top: -.1em; } .c-accordion__title--standard:before { margin-top: -.2em; } /* Secondary Button */ .c-btn--secondary { background: #1775bb; border: 1px solid #1775bb; } .c-btn--secondary:hover { background: #1b89de; border: 1px solid #1b89de; } /* Login box */ .login-drop-container .c-login-btn { font-size: 19px; font-weight: 700; background: #08AA66; border-color: #08AA66; } .login-drop-container .c-login-btn:hover { /* background:#0acf7d; border-color:#0acf7d; */ background: #00804a; border-color: #00804a; } /* Tabs */ .c-tabs__next-item { display: none; } .c-tabs--accordion { width: 100%; text-align: left; border: none; border-top: 1px solid #bebfbf; } @media only screen and (min-width:64.06em) { .c-tabs__list .c-tabs__items { height: 50px; padding: 0; } .c-tabs__list .c-tabs__items button { height: 100%; width: 100%; padding: 10px 20px; cursor: pointer; background: transparent; border: none; } .c-tabs__content { position: relative; } .c-tabs__next-item { position: absolute; bottom: 0; display: block; height: 0; width: 100%; padding: 0; overflow: hidden; border: none; } .c-tabs__next-item:focus { height: 30px; line-height: 30px; bottom: -30px; color: #fff; background: #1775BB; } } /* Vertical Tabs */ .c-tabs-vertical__next-item { display: none; } @media only screen and (min-width:64.06em) { .c-tabs-vertical__links { padding: 0; } .c-tabs-vertical__links button { width: 100%; height: 100%; padding: .5rem 1rem; text-align: right; line-height: 1.5; cursor: pointer; background: transparent; border: none; } .c-tabs-vertical__content { position: relative; } .c-tabs-vertical__next-item { position: absolute; bottom: 0; left: 0; display: block; height: 0; width: 100%; padding: 0; overflow: hidden; border: none; } .c-tabs-vertical__next-item:focus { height: 30px; line-height: 30px; bottom: -30px; color: #fff; background: #1775BB; } } /* Product Service Cards */ .c-product-card__heading-title { padding: 0 0 0.5rem; font-size: 1.25rem; line-height: 1.4; color: #333; text-decoration: underline; } .c-product-card__heading-subtitle { padding: 0 0 1rem 0; font-size: 1rem; line-height: 1.5; color: #333; } /* Article Lists */ .c-accordion__title--filter { border-bottom: 1px solid #bebfbf; } /* Article */ .c-article__title { padding-bottom: 1rem; font-weight: 600; font-size: 1.25rem; color: #1B4695; line-height: 32px; } .c-article__image-container { padding-bottom: 1.5rem; } .c-article__description ul, .c-article__description ol { padding-bottom: 1.5rem; } .c-article__description ul a, .c-article__description ul sup a, .c-article__description ol a, .c-article__description ol sup a { font-weight: 400; text-decoration: underline; } /* Get Help Form */ .c-get-help .c-radio { display: block; } .c-get-help .c-radio__input { display: block; width: auto; margin-bottom: 10px; } .c-get-help .c-radio-input--cover { height: auto; width: auto; background-color: transparent; border: none; } .c-get-help .c-radio-input--cover:before { content: ""; position: absolute; cursor: pointer; display: inline-block; top: -1px; left: -1px; margin-top: 0; margin-left: 0; height: 1em; width: 1em; background-color: #fff; border: 2px solid #54565A; border-radius: 100%; } .c-get-help .c-radio-input--cover:after { top: 0; left: 0; margin-top: 0.25em; margin-left: 0.25em; } .c-get-help .c-radio-input--cover .c-radio-input--text { display: inline-block; padding-left: 1.5em; line-height: 1.2; } /* Mobile Nav */ .c-nav-trigger { background-color: transparent; border: none; } .is-hidden.c-nav-mobile__list { display: none; } .c-nav-mobile__jump-trigger { height: 0; width: 100% } .c-nav-mobile__jump-trigger button { height: 0; width: 100%; padding: 0; background-color: transparent; border: none; overflow: hidden; } /** E-Coupon button **/ .e-coupon-container { padding: 10px; background-color: transparent; display: flex; justify-content: left; } .e-coupon-container.-center { justify-content: center; } .e-coupon-container.-right { justify-content: flex-end; } .e-coupon-container > .e-coupon-form { display: flex; flex-direction: column; } .e-coupon-container > .success { display: none; color: #000000; font-size: 14px; font-family: OpenSans-Semibold; padding-left: 15px; } .e-coupon-container > .e-coupon-form > .error { display: none; color: #AF2050; font-size: 14px; padding-left: 15px; } .e-coupon-container > .e-coupon-form > .email-input { font-family: "Open Sans","Arial",sans-serif; padding: 7px 15px; height: 100%; min-height: 35px; /* outline: 0; */ border: 1px solid #ededed; max-width: 320px; margin-bottom: 6px; } .e-coupon-container .e-coupon-form .email-input::-webkit-input-placeholder { font-style: italic; } .e-coupon-container .e-coupon-form .email-input:-moz-placeholder { font-style: italic; } .e-coupon-container .e-coupon-form .email-input::-moz-placeholder { font-style: italic; } .e-coupon-container .e-coupon-form .email-input:-ms-input-placeholder { font-style: italic; } .e-coupon-container .e-coupon-form .email-input::-ms-input-placeholder { font-style: italic; } .e-coupon-container .e-coupon-form .email-input::placeholder { font-style: italic; } .e-coupon-container .e-coupon-form .submit { text-transform: uppercase; font-size: 16px; height: 100%; min-height: 35px; /* outline: 0; */ border: 0; color: #fff; width: 100%; max-width: 320px; cursor: pointer; } .e-coupon-container > .e-coupon-form > .submit.-green { background-color: #00aa0a; } .e-coupon-container > .e-coupon-form > .submit.-blue { background-color: #1c3895; } .e-coupon-container > .e-coupon-form > .submit[disabled="disabled"] { background-color: #cccccc; cursor: wait; } @media only screen and (min-width: 768px) { .e-coupon-form > .email-input { width: 257px; } .e-coupon-form > .submit { font-size: 14px; } } /* @charset "UTF-8"; */ @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700"); @font-face { font-family: 'icomoon'; src: url("clientlib-fonts/resources/fonts/icomoon.eot"); src: url("clientlib-fonts/resources/fonts/icomoon.eot") format("embedded-opentype"), url("clientlib-fonts/resources/fonts/icomoon.ttf") format("truetype"), url("clientlib-fonts/resources/fonts/icomoon.woff") format("woff"), url("clientlib-fonts/resources/fonts/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "icomoon"; src: url("clientlib-fonts/resources/fonts/icomoon.woff") format("woff"), url("clientlib-fonts/resources/fonts/icomoon.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Chronicle"; src: url("clientlib-fonts/resources/fonts/ChronicleTextG1-Roman.woff2") format("woff2"), url("clientlib-fonts/resources/fonts/ChronicleTextG1-Roman.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Chronicle-Italic"; src: url("clientlib-fonts/resources/fonts/ChronicleTextG1-Italic.woff2") format("woff2"), url("clientlib-fonts/resources/fonts/ChronicleTextG1-Italic.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Chronicle-Semibold"; src: url("clientlib-fonts/resources/fonts/ChronicleTextG1-Semi.woff2") format("woff2"), url("clientlib-fonts/resources/fonts/ChronicleTextG1-Semi.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Chronicle-Semibold-Italic"; src: url("clientlib-fonts/resources/fonts/ChronicleTextG1-SemiItalic.woff2") format("woff2"), url("clientlib-fonts/resources/fonts/ChronicleTextG1-SemiItalic.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Chronicle-Bold"; src: url("clientlib-fonts/resources/fonts/ChronicleTextG1-Bold.woff2") format("woff2"), url("clientlib-fonts/resources/fonts/ChronicleTextG1-Bold.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Chronicle-Bold-Italic"; src: url("clientlib-fonts/resources/fonts/ChronicleTextG1-BoldItalic.woff2") format("woff2"), url("clientlib-fonts/resources/fonts/ChronicleTextG1-BoldItalic.woff") format("woff"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 3rem; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-529_savings_plans:before { content: "\e800"; } .icon-adjustable-rate-mortgage:before { content: "\e801"; } .icon-apply-for-loan:before { content: "\e802"; } .icon-checking-accounts:before { content: "\e803"; } .icon-call:before { content: "\e804"; } .icon-check-reordering:before { content: "\e805"; } .icon-chip-enabled-credit-card:before { content: "\e806"; } .icon-bank-routing-numbers:before { content: "\e807"; } .icon-commercial_card:before { content: "\e808"; } .icon-credit-cards:before { content: "\e809"; } .icon-credit-reports:before { content: "\e80a"; } .icon-currency-processing:before { content: "\e80b"; } .icon-daily-credit-monitoring:before { content: "\e80c"; } .icon-debit-cards:before { content: "\e80d"; } .icon-easy-deposit:before { content: "\e80e"; } .icon-electronic-deposits:before { content: "\e80f"; } .icon-enhanced-account:before { content: "\e810"; } .icon-error:before { content: "\e811"; } .icon-essential-account:before { content: "\e812"; } .icon-external_link:before { content: "\e813"; } .icon-online-statements:before { content: "\e814"; } .icon-online-mobile-banking:before { content: "\e815"; } .icon-online-bill-pay:before { content: "\e816"; } .icon-online-banking:before { content: "\e817"; } .icon-mortgages:before { content: "\e818"; } .icon-mobile-bill-pay:before { content: "\e819"; } .icon-mobile-banking:before { content: "\e81a"; } .icon-mobile-advantage:before { content: "\e81b"; } .icon-message:before { content: "\e81c"; } .icon-merchant-services:before { content: "\e81d"; } .icon-location:before { content: "\e81e"; } .icon-international_banking:before { content: "\e81f"; } .icon-instant-alerts:before { content: "\e820"; } .icon-identity-theft-protection:before { content: "\e821"; } .icon-identity-theft-insurance:before { content: "\e822"; } .icon-homeowner-plus-value-package:before { content: "\e823"; } .icon-fraud-protection:before { content: "\e824"; } .icon-fixed-rate-mortgage:before { content: "\e825"; } .icon-fifth-third-direct:before { content: "\e826"; } .icon-fha-loan:before { content: "\e827"; } .icon-overdraft-protection:before { content: "\e828"; } .icon-payroll_services:before { content: "\e829"; } .icon-star:before { content: "\e82a"; } .icon-savings-accounts:before { content: "\e82c"; } .icon-scheduled-payments:before { content: "\e82d"; } .icon-security-benefits:before { content: "\e82e"; } .icon-services-charges-waived:before { content: "\e82f"; } .icon-specialists:before { content: "\e830"; } .icon-step1-prepare:before { content: "\e831"; } .icon-step2-shop-for-a-home:before { content: "\e832"; } .icon-step3-offer:before { content: "\e833"; } .icon-step5-closing-time:before { content: "\e834"; } .icon-text-banking:before { content: "\e835"; } .icon-traditional-lending:before { content: "\e836"; } .icon-transfer-funds:before { content: "\e837"; } .icon-unlimited-check-writing:before { content: "\e838"; } .icon-va-loan:before { content: "\e839"; } .icon-facebook-squared:before { content: "\e83a"; } .icon-down-dir:before { content: "\e83b"; } .icon-up-dir:before { content: "\e83c"; } .icon-left-dir:before { content: "\e83d"; } .icon-right-dir:before { content: "\e83e"; } .icon-youtube-play:before { content: "\e83f"; } .icon-twitter:before { content: "\e840"; } .icon-linkedin-squared:before { content: "\e841"; } .icon-link-ext:before { content: "\e842"; } .icon-gplus-squared:before { content: "\e843"; } .icon-ok:before { content: "\e844"; } .icon-down-open-big:before { content: "\e845"; } .icon-left-open-big:before { content: "\e846"; } .icon-right-open-big:before { content: "\e847"; } .icon-up-open-big:before { content: "\e848"; } .icon-video-play-button:before { content: "\e849"; } .icon-menu:before { content: "\e84a"; } .icon-cancel:before { content: "\e84b"; } .icon-search:before { content: "\e84c"; } .icon-location-1:before { content: "\e84d"; } .icon-plus-squared-alt:before { content: "\e84e"; } .icon-minus-squared-alt:before { content: "\e84f"; } .icon-calc:before { content: "\e850"; } .icon-info:before { content: "\e853"; } .icon-download:before { content: "\e8a1"; } .icon-phone:before { content: "\e942"; } .c-login-btn:before { content: "\e845"; } .c-form__dropdown:after { content: "\e83b"; } .c-input-group__addon-toggle--save:before { content: "\e844"; } .c-checkbox:checked:before { content: "\e844"; } /* .c-accordion__title--standard:before { content: "\002B"; } */ .c-accordion__title--filter:before { content: "\002B"; } /* .c-accordion__title--disclosure:before { content: '\e84e'; } .c-accordion__title--disclosure.is-active:before { content: "\e84f"; } */ .c-tabs--accordion:after { content: "\002B"; } .c-breadcrumbs__list-item:after { content: "\e847"; } .slick-prev:before { content: "\e846"; } [dir="rtl"] .slick-prev:before { content: "\e847"; } .slick-next:before { content: "\e847"; } [dir="rtl"] .slick-next:before { content: "\e846"; } .wam-accordion .c-accordion__title--standard:after { content: "\2304"; } .c-sitemap--accordion:after { content: "\002B" !important; } .c-accordion__title--site-map-icon.is-active:before { content: "\e84f"; } .login-block .select-wrapper::after { content: "\e83b" !important; } .swiftype-widget .autocomplete { font-family: "Open Sans", "Arial", sans-serif; background-color: #fff; display: block; list-style-type: none; margin: 0; padding: 0; /* -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); */ position: absolute; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: left; } .swiftype-widget .autocomplete ul { font-family: "Open Sans", "Arial", sans-serif; background-color: #fff; display: block; list-style-type: none; margin: 0; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: left; } .swiftype-widget .autocomplete li { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; cursor: pointer; padding: 10px 8px; font-size: 13px; list-style-type: none; background-image: none; margin: 0; } .swiftype-widget .autocomplete li:first-child { border-top: 1px solid #fff; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .swiftype-widget .autocomplete li:last-child { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .swiftype-widget .autocomplete li.active { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #1b4695; background: #1b4695; } .swiftype-widget .autocomplete li p { font-size: 0.9rem; line-height: 16px; margin: 0; padding: 0; } .swiftype-widget .autocomplete li p.title { font-weight: 700; color: #1b4695; } .swiftype-widget .autocomplete li p.title em { color: #1b4695; font-style: normal; font-weight: 700; } .swiftype-widget .autocomplete li.active p.title { color: #fff; } .swiftype-widget .autocomplete li.active p.title em { color: #fff; font-style: normal; } .swiftype-widget .autocomplete li .sections { color: #1b4695; font-size: 11px; } .swiftype-widget .autocomplete li .sections em { color: #1b4695; font-style: normal; } .swiftype-widget .autocomplete li .sections .section { display: inline; } .swiftype-widget .autocomplete li.active .sections { color: #a9d7f1; } .swiftype-widget .autocomplete li.active .sections em { color: #a9d7f1; font-style: normal; } .swiftype-widget .autocomplete li.noResults { pointer-events: none; } .st-search-page { padding-top: 0; } .st-search-heading { font-size: 2rem; } .st-result-listing { font-size: 13px; letter-spacing: 0.8px; margin-top: 40px; } div.st-search-summary { border-bottom: 1px solid #ccc; padding-bottom: 7px; margin: 12px 0; } div.st-result-listing h2 { font-size: 13px; font-weight: normal; color: #333; margin: 0; } div.st-result-listing h2 .st-query { font-style: italic; color: #666; } div.st-result-listing h3 { font-size: 12px; margin: 5px 0; } div.st-result { border-bottom: 1px solid #ddd; padding-bottom: 12px; margin-bottom: 12px; } div.st-result.final { border-bottom: none; margin-bottom: 0; } div.st-result .st-snippet { color: #333; } div.st-result .st-date { color: #999; } .st-pagination { border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px; } .st-prev { margin-right: 20px; } .st-loading-message { font-size: 16px; font-style: italic; color: #333; margin: 10px auto; } .st-search-component { margin: 2rem 5rem; } .st-search-component .search-container { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } form input.st-search-input { height: 30px !important; background: #fff !important; text-indent: 0px !important; font-size: 13px; padding: 1px 6px; border: 1px solid #BCCDF0; /* border: 1px solid #DDD; */ width: 99%; } label.st-search-label { display: inline-block; font-weight: 700; margin-bottom: 5px; top: 0; } /* div.st-result-listing h3 { color: #1C4094; height: 1.4em; font-size: 16px; text-decoration: underline; overflow: hidden; font-weight: 500; cursor: pointer; font-family: "Open Sans", "Arial", sans-serif; } */ div.st-result-listing h3 { color: #1B4695; height: auto; font-size: 1rem; padding-bottom: 0.5rem; text-decoration: underline; overflow: visible; font-weight: 500; cursor: pointer; font-family: "Open Sans", "Arial", sans-serif; word-break: break-word; display: block; } div.st-result-listing h3 a { font-weight: 500; } #st-results-container img { display: none; } .st-metadata { color: #000000; text-align: left; font-size: 13px; font-family: Arial, sans-serif; } .st-result-single { margin-bottom: 0; } .st-pinned { border: 1px solid #1C4094; margin-bottom: 0; padding: 1.5rem; } .st-link { color: #54565A; } .st-page { display: flex; justify-content: flex-end; } a.st-next.c-btn:hover, a.st-prev.c-btn:hover { color: #fff; text-decoration: none; } a.st-prev.c-btn:focus, a.st-next.c-btn:focus { color: #fff; text-decoration: none; } @media only screen and (max-width: 27em) { .st-search-component { margin: 2rem 1rem; } .st-page { display: flex; justify-content: flex-start; flex-flow: wrap; } .st-page .c-btn { margin: 5px 0; } } .lp_image{height:auto!important;width:282px!important}.lp_desktop .lp_maximized{min-height:510px!important;bottom:1px!important}div.lp_mobile>#lpChat>div.lp_minimized .lp_slider{height:508px!important}.lp_chat_arrow,.lp_chat_arrow_border,.lp_chatting-with-icon,button.lp_actions_button{display:none!important}.lp_location_bottom{border-top:none!important}.lp_send-icon{overflow:visible!important}.LPMimage{left:-125px!important}.lp_bottom_area{border-top:1px solid #e5e5e5!important}#lpChat .lp_chat_line_wrapper.lp_agent .lp_chat_line{border-radius:10px 10px 10px 0!important}#lpChat .lp_chat_line_wrapper.lp_visitor .lp_chat_line{border-radius:10px 10px 0 10px!important}#lpChat div [title^=Info]{display:none}.lp_top-text{margin-left:3px!important;background-color:transparent!important;background:0 0!important;color:#fff!important;margin-top:-3px!important}.lp_mobile .lp_top-text{margin-top:3px!important}.lp_title{background-color:transparent!important;background:0 0!important}.LPMcontainer{margin:auto 1px 35px auto!important;width:0!important;height:0!important}#lpChat .lp_input_area{margin-left:-30px!important}textarea.lp_expandable_textarea{padding-top:2px!important;padding-bottom:2px!important;padding-left:5px!important;margin-top:-1px!important}textarea.lp_expandable_textarea:focus{outline:0!important;box-shadow:0 0 1px #1775bb!important}.lp_maximized .lp_location_center{height:calc(100% - 38px)!important}#lpChat .lp_input_area{padding:11px 0 11px 0!important}#lpChat .lp_input_area>textarea::placeholder{font-style:normal!important;color:#858585!important}.lp-json-pollock-layout{background:#e2e2e2!important;border-radius:10px 10px 0 0!important}.lp-json-pollock-element-text{color:#333!important;margin:5px auto!important}.lp_desktop .lp_main{top:60px!important}.lp_mobile .lp_minimized .lp_main{top:61px!important}.lp_mobile #lpChat .lp_maximize-icon img{margin-top:-2px!important;margin-left:-5px!important}.lp_mobile #lp_53_logoMax{margin-top:0!important}.lp_mobile #lp_53_logoMin{margin-top:-2px!important}div [id^=LP_MinimizedView]{margin-top:-84px!important}#lpChat .chips-wrapper .chips-row .chips-item,.lp-json-pollock-element-button{margin:-1px 10px 0 0!important;border:1px solid #1775bb!important;border-radius:0!important;color:#1775bb!important;background:#fff!important;text-align:center!important;font-size:.875rem!important}#lpChat .chips-wrapper .chips-row .chips-item{width:237px!important}#lpChat .chips-wrapper .chips-row{flex-direction:column!important;height:auto!important}.LPMimage{opacity:1!important;transition:opacity .5s!important}.lp_53_fade{opacity:0!important}@media only screen and (min-width:1025px){.LPMimage{opacity:1!important}} /* CSS reset for login box */ .login-block input:focus, .login-block button:focus, .login-block a:focus { outline: none; } /* Start custom styles for login box */ @keyframes loading { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } .loading--1, .loading--2, .loading--3 { display: none; } .loading .loading--1, .loading .loading--2, .loading .loading--3 { display: inline; } .loading .loading--1 { -webkit-animation: loading 1.5s infinite ease-in-out; animation: loading 1.5s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; margin-right: 2px; margin-left: 2px; } .loading .loading--2 { -webkit-animation: loading 1.5s infinite ease-in-out .15s; animation: loading 1.5s infinite ease-in-out .15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; margin-right: 2px; } .loading .loading--3 { -webkit-animation: loading 1.5s infinite ease-in-out .30s; animation: loading 1.5s infinite ease-in-out .30s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .vishidden { position: absolute !important; overflow: hidden !important; top: -500000px; left: -500000px; width: 0 !important; height: 0 !important; padding: 0 !important; border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; } .login-block .block { display: block; } .login-block .form-input { padding: 7px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px #ccc solid; } .login-block .select-wrapper select { outline: 0; padding: 7px 40px 7px 7px; font-size: 16px; width: 100%; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ccc; border-radius: 0; cursor: pointer; background-color: #fff; } .login-block .select-wrapper:after { font-family: FontAwesome; content: "\f0d7"; padding-left: 5px; margin-top: 0; display: inline-block; font-size: 14px; color: #1C3F94; position: absolute; z-index: 0; right: 0; width: 30px; top: 10px; pointer-events: none; } .login-block .select-wrapper { position: relative; } .login-block .form-input:focus, .login-block select:focus { /* box-shadow: 0 0 0 5px rgba(0,175,102,.25); */ outline: 2px dashed #009F53; } .login-block .input-group__checkbox:focus + .input-group__addon { /* box-shadow: 0 0 0 5px rgba(0,175,102,.25); */ outline: 2px dashed #009F53; } .login-block button:focus, .login-block a:focus { /* box-shadow: 0 0 0 5px rgba(0,175,102,.25); */ outline: 2px dashed #009F53; } .login-block .full { width: 100%; flex-basis: 100%; } .login-block .dynamic-state[data-valid="true"] .dynamic-state__details { display: none; } .login-block .dynamic-state[data-valid="false"] .dynamic-state__details { display: block; color: #aa0000; font-weight: 600; font-size: 14px; margin-top: 3px; } .login-block .dynamic-state[data-valid="false"] input { border: 2px solid #aa0000; } .login-block .m-t { margin-top: 15px; } .login-block .m-t--sm { margin-top: 10px; text-align: left; } .login-block .anchor { text-decoration: underline; } .login-block .anchor:hover { text-decoration: none; } .login-block .s-alert { border: 0px solid; position: relative; margin-bottom: 15px; line-height: 1.2; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5); box-shadow: 0 2px 4px 0 rgba(0,0,0,.5); } .s-alert__i { position: absolute; top: 11px; left: 6px; line-height: 1; color: #fff; font-size: 14px; } .s-alert__content { border-left: 5px #aa0000 solid; padding: 20px; } .login-block .s-alert__content p { font-size: .875rem; } .login-block .s-alert__content p+p { padding-bottom: 1rem; } .login-block .s-alert__content p:last-child { padding-bottom: 0; } .login-block .s-alert.-danger { border-color: #aa0000; } .login-block .s-alert.-danger .s-alert__i { } .login-block .input-group { position: relative; display: block; } .login-block .input-group__input { } .login-block .input-group__input, .login-block .input-group__input--select { width: 100%; height: 40px; } .login-block .input-group__checkbox { opacity: 0; position: absolute; width: 44px; height: 40px; top: 0; right: 0; cursor: pointer; z-index: 3; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } .login-block .input-group .form-input { padding-right: 42px; } .login-block .input-group__addon { border-left: 1px #ECECEC solid; background-color: transparent; color: #1d4094; cursor: pointer; -webkit-tap-highlight-color: transparent; width: 44px; height: 30px; position: absolute; right: 0; top: 5px; -webkit-transition: all 300ms ease; transition: all 300ms ease; text-align: center; opacity: 1; overflow: hidden; font-size: 12px; } .login-block .input-group__addon__toggle { color: #1d4094; width: 44px; display: block; position: absolute; -webkit-transform: translateY(0); transform: translateY(0); font-size: 12px !important; } .login-block .input-group__addon__toggle:before { /* font-family: ‘icomoon’; */ /* content: "\e844"; */ color: #15874b; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; font-size: 14px; opacity: 0; margin-top: -7px; -webkit-transition: opacity 200ms ease,margin 200ms ease; transition: opacity 200ms ease,margin 200ms ease; } .login-block .input-group__checkbox:checked+.input-group__addon .input-group__addon__toggle:before { opacity: 1; margin-top: 0; -webkit-transition: margin 200ms ease,opacity 600ms ease; transition: margin 200ms ease,opacity 600ms ease; } .login-block .input-group__checkbox:checked+.input-group__addon .input-group__addon__toggle:before { opacity: 1; -webkit-transition: margin 200ms ease,opacity 600ms ease; transition: margin 200ms ease,opacity 600ms ease; } .login-block .input-group__checkbox:checked+.input-group__addon .input-group__addon__toggle { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 150ms ease; transition: transform 150ms ease; } .login-block .input-group__addon__toggle:after { font-family: "Open Sans","Arial",sans-serif; content: "Save"; } .login-block .input-group__checkbox:checked + .input-group__addon .input-group__addon__toggle:after { content: "Saved"; color: #509236; line-height: 14px; font-family: "Open Sans","Arial",sans-serif; } .login-block p { font-size: 1rem; } /* "login-open" class no longer exists? .login-open { text-align: left; padding: 10px; } .login-open .s-alert { font-size: 12px; } .login-open input, .login-form input { margin-top: 0; height: 40px; } .login-open input { font-size: 12px; padding: 3px; height: 40px; } .login-open label { display: block; } .login-open a.btn { color: #fff; } .login-open .login-block .input-group__addon, .login-open .login-block .input-group__checkbox{ width: 40px; } .login-open .input-group__addon__toggle { width: 38px; } .login-open .login-block .input-group__addon { width: 40px; } .login-open .m-t { margin-top: 10px; } .login-open label { font-size: 12px; margin-bottom: 3px; } .login-open .actions { font-size: 12px; } */ .s-alerts.-icon { display: table; } .s-alerts.-warning { background-color: #FFF8E5; border: 1px #FEBB1B solid; color: #111; margin-top: 10px; } .s-alerts { position: relative; } .s-alerts.-icon .s-alerts__icon { width: 20px; padding-right: 10px; margin: 0 auto 10px; vertical-align: top; } .s-alerts.-icon .s-alerts__icon, .s-alerts.-icon .s-alerts__icon--lg { display: block; } .s-alerts.-warning .s-alerts__icon { color: #FEBB1B; } .s-alerts.-icon .s-alerts__icon i { font-size: 2em; } [class^="icon--"], [class*=" icon--"] { font-family: 'FifthThirdWebApp'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .s-alerts.-icon .s-alerts__content { vertical-align: middle; } .s-alerts.-icon .s-alerts__content, .s-alerts.-icon .s-alerts__cta { display: block; width: 100%; } .-b-3, .b-3, b, strong { font-weight: 600; } .-fs-1, .fs-1, .tipso_bubble { font-size: .875rem !important; } .spacing-half { padding: 10px; } .s-alerts p:last-child { padding:0px; }