/* mixin for multiline http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/ */ html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { padding-top: 65px; color: #505050; font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.625em; } @media (min-width: 768px) { body { font-size: 18px; line-height: 1.8em; } } @media (min-width: 1180px) { body.body--home { padding-top: 0; } } h1, h2, h3, h4, h5 { margin-top: 26px; margin-bottom: 10px; font-family: "Playfair Display", serif; font-weight: 400; } h1 { color: #4E5665; font-size: 38px; line-height: 40px; } h2 { color: #4E5665; font-weight: 700; font-size: 28px; line-height: 34px; } h3 { color: #505050; font-weight: 700; font-size: 22px; line-height: 35px; } h4 { color: black; font-family: "Lato", sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; } h5 { color: #6C7684; font-family: "Lato", sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; letter-spacing: 1px; text-transform: uppercase; } h1.h1-styling, h2.h1-styling, h3.h1-styling, h4.h1-styling, h5.h1-styling, span.h1-styling { color: #4E5665; font-family: "Playfair Display", serif; font-weight: 400; font-size: 38px; line-height: 40px; text-transform: none; } h1.h2-styling, h2.h2-styling, h3.h2-styling, h4.h2-styling, h5.h2-styling, span.h2-styling { color: #4E5665; font-family: "Playfair Display", serif; font-weight: 700; font-size: 28px; line-height: 34px; text-transform: none; } h1.h3-styling, h2.h3-styling, h3.h3-styling, h4.h3-styling, h5.h3-styling, span.h3-styling { color: #505050; font-family: "Playfair Display", serif; font-weight: 700; font-size: 22px; line-height: 35px; text-transform: none; } h1.h4-styling, h2.h4-styling, h3.h4-styling, h4.h4-styling, h5.h4-styling, span.h4-styling { color: black; font-family: "Lato", sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; text-transform: none; } h1.h5-styling, h2.h5-styling, h3.h5-styling, h4.h5-styling, h5.h5-styling, span.h5-styling { color: #6C7684; font-family: "Lato", sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; letter-spacing: 1px; text-transform: uppercase; } h1.feature-heading, h2.feature-heading, h3.feature-heading, h4.feature-heading, h5.feature-heading, span.feature-heading { display: block; text-align: center; font-family: "Playfair Display", serif; font-weight: 700; font-size: 34px; line-height: 38px; letter-spacing: 1.25px; } h1.feature-subheading, h2.feature-subheading, h3.feature-subheading, h4.feature-subheading, h5.feature-subheading, span.feature-subheading { display: block; text-align: center; font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; } @media (min-width: 992px) { h1 { font-size: 65px; line-height: 65px; } h2 { font-size: 34px; line-height: 38px; } h3 { font-size: 24px; line-height: 35px; } h4 { font-size: 22px; line-height: 26px; } h5 { font-size: 18px; line-height: 22px; letter-spacing: 1.12px; } h1.h1-styling, h2.h1-styling, h3.h1-styling, h4.h1-styling, h5.h1-styling, span.h1-styling { font-size: 65px; line-height: 65px; } h1.h2-styling, h2.h2-styling, h3.h2-styling, h4.h2-styling, h5.h2-styling, span.h2-styling { font-size: 34px; line-height: 38px; } h1.h3-styling, h2.h3-styling, h3.h3-styling, h4.h3-styling, h5.h3-styling, span.h3-styling { font-size: 24px; line-height: 35px; } h1.h4-styling, h2.h4-styling, h3.h4-styling, h4.h4-styling, h5.h4-styling, span.h4-styling { font-size: 22px; line-height: 26px; } h1.h5-styling, h2.h5-styling, h3.h5-styling, h4.h5-styling, h5.h5-styling, span.h5-styling { font-size: 18px; line-height: 22px; letter-spacing: 1.12px; } h1.feature-heading, h2.feature-heading, h3.feature-heading, h4.feature-heading, h5.feature-heading, span.feature-heading { font-size: 55px; line-height: 62px; letter-spacing: 2.2px; } h1.feature-subheading, h2.feature-subheading, h3.feature-subheading, h4.feature-subheading, h5.feature-subheading, span.feature-subheading { font-size: 24px; line-height: 35px; letter-spacing: 1.5px; text-transform: uppercase; } } p { margin-bottom: 15px; } p.media-description { font-size: 16px; line-height: 24px; } p.opening-paragraph { font-size: 18px; line-height: 28px; } p.small-text { font-size: 12px; line-height: 15px; } @media (min-width: 992px) { p.opening-paragraph { font-size: 22px; line-height: 36px; } } a { color: #505050; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } a:hover { color: #505050; } a.hyperlink, p.hyperlink, .rich-text a { color: #0060B9; font-family: "Lato", sans-serif; font-weight: 700; text-decoration: underline; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; cursor: pointer; } a.hyperlink:hover, p.hyperlink:hover, .rich-text a:hover { color: #09243E; } .call-to-action { color: #0060B9; padding-right: 18px; position: relative; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 0.88px; text-transform: uppercase; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .call-to-action:after { width: 8px; height: 12px; background: url(../img/icons/keyboard_arrow_right__blue.svg) no-repeat center center; background-size: 8px 12px; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; } .call-to-action:hover { color: #09243E; text-decoration: underline !important; } .call-to-action:hover:after { background: url(../img/icons/keyboard_arrow_right__hover-blue.svg) no-repeat center center; background-size: 8px 12px; } .call-to-action.call-to-action--white { color: white !important; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .call-to-action.call-to-action--white:after { background: url(../img/icons/keyboard_arrow_right__white.svg) no-repeat center center !important; background-size: 8px 12px !important; } .call-to-action.call-to-action--white:hover { opacity: 0.75; } .call-to-action.call-to-action--no-arrow { padding-right: 0; } .call-to-action.call-to-action--no-arrow:after { display: none; } .call-to-action.call-to-action--with-icon svg { width: 16px; margin-right: 8px; display: inline-block; vertical-align: middle; } .call-to-action.call-to-action--with-icon svg #GeneralIconography { fill: #0060B9; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .call-to-action.call-to-action--with-icon:hover svg #GeneralIconography { fill: #09243E; } .call-to-action.call-to-action--modal { color: #0060B9 !important; padding-right: 0; padding-left: 18px; cursor: pointer; } .call-to-action.call-to-action--modal:after { right: auto; left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .call-to-action.call-to-action--modal:hover { color: #09243E !important; } .container-fluid { max-width: 1200px; padding-right: 10px; padding-left: 10px; } .container-fluid .row { margin-right: -10px; margin-left: -10px; padding-right: 10px; padding-left: 10px; } .container-fluid .row .row { padding-right: 0; padding-left: 0; } .container-fluid .row .col, .container-fluid .row .col-1, .container-fluid .row .col-10, .container-fluid .row .col-11, .container-fluid .row .col-12, .container-fluid .row .col-2, .container-fluid .row .col-3, .container-fluid .row .col-4, .container-fluid .row .col-5, .container-fluid .row .col-6, .container-fluid .row .col-7, .container-fluid .row .col-8, .container-fluid .row .col-9, .container-fluid .row .col-auto, .container-fluid .row .col-lg, .container-fluid .row .col-lg-1, .container-fluid .row .col-lg-10, .container-fluid .row .col-lg-11, .container-fluid .row .col-lg-12, .container-fluid .row .col-lg-2, .container-fluid .row .col-lg-3, .container-fluid .row .col-lg-4, .container-fluid .row .col-lg-5, .container-fluid .row .col-lg-6, .container-fluid .row .col-lg-7, .container-fluid .row .col-lg-8, .container-fluid .row .col-lg-9, .container-fluid .row .col-lg-auto, .container-fluid .row .col-md, .container-fluid .row .col-md-1, .container-fluid .row .col-md-10, .container-fluid .row .col-md-11, .container-fluid .row .col-md-12, .container-fluid .row .col-md-2, .container-fluid .row .col-md-3, .container-fluid .row .col-md-4, .container-fluid .row .col-md-5, .container-fluid .row .col-md-6, .container-fluid .row .col-md-7, .container-fluid .row .col-md-8, .container-fluid .row .col-md-9, .container-fluid .row .col-md-auto, .container-fluid .row .col-sm, .container-fluid .row .col-sm-1, .container-fluid .row .col-sm-10, .container-fluid .row .col-sm-11, .container-fluid .row .col-sm-12, .container-fluid .row .col-sm-2, .container-fluid .row .col-sm-3, .container-fluid .row .col-sm-4, .container-fluid .row .col-sm-5, .container-fluid .row .col-sm-6, .container-fluid .row .col-sm-7, .container-fluid .row .col-sm-8, .container-fluid .row .col-sm-9, .container-fluid .row .col-sm-auto, .container-fluid .row .col-xl, .container-fluid .row .col-xl-1, .container-fluid .row .col-xl-10, .container-fluid .row .col-xl-11, .container-fluid .row .col-xl-12, .container-fluid .row .col-xl-2, .container-fluid .row .col-xl-3, .container-fluid .row .col-xl-4, .container-fluid .row .col-xl-5, .container-fluid .row .col-xl-6, .container-fluid .row .col-xl-7, .container-fluid .row .col-xl-8, .container-fluid .row .col-xl-9, .container-fluid .row .col-xl-auto { padding-right: 10px; padding-left: 10px; } .container-fluid .row.row--no-padding { padding-right: 0; padding-left: 0; } @media (min-width: 768px) { .container-fluid { padding-right: 5px; padding-left: 5px; } .container-fluid .row { margin-right: -5px; margin-left: -5px; padding-right: 55px; padding-left: 55px; } .container-fluid .row .row { padding-right: 0; padding-left: 0; } .container-fluid .row .col, .container-fluid .row .col-1, .container-fluid .row .col-10, .container-fluid .row .col-11, .container-fluid .row .col-12, .container-fluid .row .col-2, .container-fluid .row .col-3, .container-fluid .row .col-4, .container-fluid .row .col-5, .container-fluid .row .col-6, .container-fluid .row .col-7, .container-fluid .row .col-8, .container-fluid .row .col-9, .container-fluid .row .col-auto, .container-fluid .row .col-lg, .container-fluid .row .col-lg-1, .container-fluid .row .col-lg-10, .container-fluid .row .col-lg-11, .container-fluid .row .col-lg-12, .container-fluid .row .col-lg-2, .container-fluid .row .col-lg-3, .container-fluid .row .col-lg-4, .container-fluid .row .col-lg-5, .container-fluid .row .col-lg-6, .container-fluid .row .col-lg-7, .container-fluid .row .col-lg-8, .container-fluid .row .col-lg-9, .container-fluid .row .col-lg-auto, .container-fluid .row .col-md, .container-fluid .row .col-md-1, .container-fluid .row .col-md-10, .container-fluid .row .col-md-11, .container-fluid .row .col-md-12, .container-fluid .row .col-md-2, .container-fluid .row .col-md-3, .container-fluid .row .col-md-4, .container-fluid .row .col-md-5, .container-fluid .row .col-md-6, .container-fluid .row .col-md-7, .container-fluid .row .col-md-8, .container-fluid .row .col-md-9, .container-fluid .row .col-md-auto, .container-fluid .row .col-sm, .container-fluid .row .col-sm-1, .container-fluid .row .col-sm-10, .container-fluid .row .col-sm-11, .container-fluid .row .col-sm-12, .container-fluid .row .col-sm-2, .container-fluid .row .col-sm-3, .container-fluid .row .col-sm-4, .container-fluid .row .col-sm-5, .container-fluid .row .col-sm-6, .container-fluid .row .col-sm-7, .container-fluid .row .col-sm-8, .container-fluid .row .col-sm-9, .container-fluid .row .col-sm-auto, .container-fluid .row .col-xl, .container-fluid .row .col-xl-1, .container-fluid .row .col-xl-10, .container-fluid .row .col-xl-11, .container-fluid .row .col-xl-12, .container-fluid .row .col-xl-2, .container-fluid .row .col-xl-3, .container-fluid .row .col-xl-4, .container-fluid .row .col-xl-5, .container-fluid .row .col-xl-6, .container-fluid .row .col-xl-7, .container-fluid .row .col-xl-8, .container-fluid .row .col-xl-9, .container-fluid .row .col-xl-auto { padding-right: 5px; padding-left: 5px; } } @media (min-width: 992px) { .container-fluid { padding-right: 10px; padding-left: 10px; } .container-fluid .row { margin-right: -10px; margin-left: -10px; padding-right: 10px; padding-left: 10px; } .container-fluid .row .row { padding-right: 0; padding-left: 0; } .container-fluid .row .col, .container-fluid .row .col-1, .container-fluid .row .col-10, .container-fluid .row .col-11, .container-fluid .row .col-12, .container-fluid .row .col-2, .container-fluid .row .col-3, .container-fluid .row .col-4, .container-fluid .row .col-5, .container-fluid .row .col-6, .container-fluid .row .col-7, .container-fluid .row .col-8, .container-fluid .row .col-9, .container-fluid .row .col-auto, .container-fluid .row .col-lg, .container-fluid .row .col-lg-1, .container-fluid .row .col-lg-10, .container-fluid .row .col-lg-11, .container-fluid .row .col-lg-12, .container-fluid .row .col-lg-2, .container-fluid .row .col-lg-3, .container-fluid .row .col-lg-4, .container-fluid .row .col-lg-5, .container-fluid .row .col-lg-6, .container-fluid .row .col-lg-7, .container-fluid .row .col-lg-8, .container-fluid .row .col-lg-9, .container-fluid .row .col-lg-auto, .container-fluid .row .col-md, .container-fluid .row .col-md-1, .container-fluid .row .col-md-10, .container-fluid .row .col-md-11, .container-fluid .row .col-md-12, .container-fluid .row .col-md-2, .container-fluid .row .col-md-3, .container-fluid .row .col-md-4, .container-fluid .row .col-md-5, .container-fluid .row .col-md-6, .container-fluid .row .col-md-7, .container-fluid .row .col-md-8, .container-fluid .row .col-md-9, .container-fluid .row .col-md-auto, .container-fluid .row .col-sm, .container-fluid .row .col-sm-1, .container-fluid .row .col-sm-10, .container-fluid .row .col-sm-11, .container-fluid .row .col-sm-12, .container-fluid .row .col-sm-2, .container-fluid .row .col-sm-3, .container-fluid .row .col-sm-4, .container-fluid .row .col-sm-5, .container-fluid .row .col-sm-6, .container-fluid .row .col-sm-7, .container-fluid .row .col-sm-8, .container-fluid .row .col-sm-9, .container-fluid .row .col-sm-auto, .container-fluid .row .col-xl, .container-fluid .row .col-xl-1, .container-fluid .row .col-xl-10, .container-fluid .row .col-xl-11, .container-fluid .row .col-xl-12, .container-fluid .row .col-xl-2, .container-fluid .row .col-xl-3, .container-fluid .row .col-xl-4, .container-fluid .row .col-xl-5, .container-fluid .row .col-xl-6, .container-fluid .row .col-xl-7, .container-fluid .row .col-xl-8, .container-fluid .row .col-xl-9, .container-fluid .row .col-xl-auto { padding-right: 10px; padding-left: 10px; } } ul { margin-bottom: 14px; padding-left: 36px; overflow: hidden; list-style: none; } ul > li { margin-bottom: 6px; position: relative; } ul > li:before { width: 6px; height: 6px; background-color: #ECB84C; border-radius: 100%; display: block; position: absolute; top: 11px; left: -23px; content: ''; } ul.inline > li { display: inline-block; } ul.unlisted { margin: 0; padding: 0; } ul.unlisted > li:before { display: none; } @media (min-width: 768px) { ul > li { margin-bottom: 12px; } ul > li:before { top: 15px; } } ol { margin-left: 15px; padding: 0; } ol li { margin-bottom: 6px; padding: 0 0 0 20px; } @media (min-width: 768px) { ul > li { margin-bottom: 12px; } } .definition-list { margin-bottom: 4px !important; } .definition-list li { margin-bottom: 8px; font-size: 16px; line-height: 24px; } .definition-list li span { display: block; font-weight: 700; } @media (min-width: 768px) { .definition-list li { margin-bottom: 14px; font-size: 18px; line-height: 28px; } } .hidden-text-for-accessibility { width: 1px; height: 1px; border: 0; overflow: hidden; margin: -1px; padding: 0; position: absolute; clip: rect(0 0 0 0); } .focusable-text-for-accessibility { background-color: white; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); padding: 5px 10px 5px 10px; position: absolute; top: -900px; left: -900px; z-index: -5; } .focusable-text-for-accessibility:focus { top: 15px; left: 15px; z-index: 1000; } .focusable-text-for-accessibility.focusable-text-for-accessibility--desktop { display: none; } @media (min-width: 1180px) { .focusable-text-for-accessibility.focusable-text-for-accessibility--mobile { display: none; } .focusable-text-for-accessibility.focusable-text-for-accessibility--desktop { display: block; } } .section-title { color: #6C7684; margin-top: 33px; margin-bottom: 32px; padding-left: 21px; position: relative; font-family: "Lato", sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: 1.12px; text-transform: uppercase; } .section-title:before { width: 6px; height: 25px; background-color: #ECB84C; display: block; position: absolute; top: -1px; left: 0; content: ''; } .svg-icon { width: 28px; height: 28px; } .content-area-extra-spacing { padding-top: 35px; } .grey-background { background-color: #F3F4F7; } .blue-background { background-color: #155897; } .light-blue-background { background-color: #F2F7F9; } .grey-background .grey-background__headline, .grey-background .blue-background__headline, .grey-background .light-blue-background__headline, .blue-background .grey-background__headline, .blue-background .blue-background__headline, .blue-background .light-blue-background__headline, .light-blue-background .grey-background__headline, .light-blue-background .blue-background__headline, .light-blue-background .light-blue-background__headline { margin-bottom: 28px; } div.btn, input.btn, button.btn, a.btn { min-width: 200px; border-radius: 500px; padding: 14px 25px 13px 25px; white-space: normal; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 1.75px; text-transform: uppercase; -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out; } div.btn:focus, input.btn:focus, button.btn:focus, a.btn:focus { box-shadow: none; } a.btn { padding-top: 14px; } div.btn.btn-primary, input.btn.btn-primary, button.btn.btn-primary, a.btn.btn-primary { background-color: #155897; color: white; border: 2px solid transparent; } div.btn.btn-primary:hover, div.btn.btn-primary:active, input.btn.btn-primary:hover, input.btn.btn-primary:active, button.btn.btn-primary:hover, button.btn.btn-primary:active, a.btn.btn-primary:hover, a.btn.btn-primary:active { background-color: #09243E !important; border-color: transparent !important; } div.btn.btn-primary.btn-primary--white, input.btn.btn-primary.btn-primary--white, button.btn.btn-primary.btn-primary--white, a.btn.btn-primary.btn-primary--white { background-color: white; color: #4E5665; } div.btn.btn-primary.btn-primary--white:hover, div.btn.btn-primary.btn-primary--white:active, input.btn.btn-primary.btn-primary--white:hover, input.btn.btn-primary.btn-primary--white:active, button.btn.btn-primary.btn-primary--white:hover, button.btn.btn-primary.btn-primary--white:active, a.btn.btn-primary.btn-primary--white:hover, a.btn.btn-primary.btn-primary--white:active { background-color: transparent !important; color: white !important; border-color: white !important; } div.btn.btn-secondary, input.btn.btn-secondary, button.btn.btn-secondary, a.btn.btn-secondary { background-color: transparent; color: #155897; border: 2px solid #155897; } div.btn.btn-secondary:hover, div.btn.btn-secondary:active, input.btn.btn-secondary:hover, input.btn.btn-secondary:active, button.btn.btn-secondary:hover, button.btn.btn-secondary:active, a.btn.btn-secondary:hover, a.btn.btn-secondary:active { background-color: #09243E !important; color: white; border-color: transparent !important; } div.btn.btn-secondary.btn-secondary--white, input.btn.btn-secondary.btn-secondary--white, button.btn.btn-secondary.btn-secondary--white, a.btn.btn-secondary.btn-secondary--white { background-color: transparent; color: white; border-color: white; } div.btn.btn-secondary.btn-secondary--white:hover, div.btn.btn-secondary.btn-secondary--white:active, input.btn.btn-secondary.btn-secondary--white:hover, input.btn.btn-secondary.btn-secondary--white:active, button.btn.btn-secondary.btn-secondary--white:hover, button.btn.btn-secondary.btn-secondary--white:active, a.btn.btn-secondary.btn-secondary--white:hover, a.btn.btn-secondary.btn-secondary--white:active { background-color: white !important; color: #09243E !important; border-color: transparent !important; } div.btn.btn--whith-icon svg, input.btn.btn--with-icon svg, button.btn.btn--with-icon svg, a.btn.btn--with-icon svg { width: 18px; height: 17px; margin-top: -1px; margin-right: 10px; display: inline-block; vertical-align: text-top; } div.btn.btn--whith-icon svg #icon-fill, input.btn.btn--with-icon svg #icon-fill, button.btn.btn--with-icon svg #icon-fill, a.btn.btn--with-icon svg #icon-fill { -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } div.btn.btn--whith-icon.btn-primary svg #icon-fill, input.btn.btn--with-icon.btn-primary svg #icon-fill, button.btn.btn--with-icon.btn-primary svg #icon-fill, a.btn.btn--with-icon.btn-primary svg #icon-fill { fill: white; } div.btn.btn--whith-icon.btn-primary--white svg #icon-fill, input.btn.btn--with-icon.btn-primary--white svg #icon-fill, button.btn.btn--with-icon.btn-primary--white svg #icon-fill, a.btn.btn--with-icon.btn-primary--white svg #icon-fill { fill: #4E5665; } div.btn.btn--whith-icon.btn-primary--white:hover svg #icon-fill, input.btn.btn--with-icon.btn-primary--white:hover svg #icon-fill, button.btn.btn--with-icon.btn-primary--white:hover svg #icon-fill, a.btn.btn--with-icon.btn-primary--white:hover svg #icon-fill { fill: white; } div.btn.btn--whith-icon.btn-secondary svg #icon-fill, input.btn.btn--with-icon.btn-secondary svg #icon-fill, button.btn.btn--with-icon.btn-secondary svg #icon-fill, a.btn.btn--with-icon.btn-secondary svg #icon-fill { fill: #155897; } div.btn.btn--whith-icon.btn-secondary:hover svg #icon-fill, input.btn.btn--with-icon.btn-secondary:hover svg #icon-fill, button.btn.btn--with-icon.btn-secondary:hover svg #icon-fill, a.btn.btn--with-icon.btn-secondary:hover svg #icon-fill { fill: white; } div.btn.btn--whith-icon.btn-secondary--white svg #icon-fill, input.btn.btn--with-icon.btn-secondary--white svg #icon-fill, button.btn.btn--with-icon.btn-secondary--white svg #icon-fill, a.btn.btn--with-icon.btn-secondary--white svg #icon-fill { fill: white; } div.btn.btn--whith-icon.btn-secondary--white:hover svg #icon-fill, input.btn.btn--with-icon.btn-secondary--white:hover svg #icon-fill, button.btn.btn--with-icon.btn-secondary--white:hover svg #icon-fill, a.btn.btn--with-icon.btn-secondary--white:hover svg #icon-fill { fill: #09243E; } div.btn.btn-multi-downloads, input.btn.btn-multi-downloads, button.btn.btn-multi-downloads, a.btn.btn-multi-downloads { border: none; padding-right: 83px; padding-left: 41px; position: relative; } div.btn.btn-multi-downloads:before, input.btn.btn-multi-downloads:before, button.btn.btn-multi-downloads:before, a.btn.btn-multi-downloads:before { width: 49px; height: 100%; background: url(../img/icons/chevron-down__white.svg) no-repeat top 20px left 15px; background-size: 12px 8px; border-left: 1px solid white; display: block; position: absolute; top: 0; right: 0; content: ''; z-index: 1; } div.btn.btn-multi-downloads:after, input.btn.btn-multi-downloads:after, button.btn.btn-multi-downloads:after, a.btn.btn-multi-downloads:after { width: 20px; height: 20px; background-color: white; opacity: 0; visibility: hidden; display: block; position: absolute; top: calc(100% - 5px); right: 18px; z-index: 3; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ''; pointer-events: none; } div.btn.btn-multi-downloads ul, input.btn.btn-multi-downloads ul, button.btn.btn-multi-downloads ul, a.btn.btn-multi-downloads ul { width: 300px; background-color: white; box-shadow: 0 0 30px 0 rgba(21, 88, 151, 0.22); padding: 0 20px 0 20px; opacity: 0; visibility: hidden; text-align: left; position: absolute; top: calc(100% + 5px); left: 0; z-index: 2; pointer-events: none; } div.btn.btn-multi-downloads ul li, input.btn.btn-multi-downloads ul li, button.btn.btn-multi-downloads ul li, a.btn.btn-multi-downloads ul li { border-bottom: 1px solid #E5E8ED; } div.btn.btn-multi-downloads ul li:last-child, input.btn.btn-multi-downloads ul li:last-child, button.btn.btn-multi-downloads ul li:last-child, a.btn.btn-multi-downloads ul li:last-child { border: none; } div.btn.btn-multi-downloads ul li a, input.btn.btn-multi-downloads ul li a, button.btn.btn-multi-downloads ul li a, a.btn.btn-multi-downloads ul li a { padding-top: 17px; padding-bottom: 15px; display: block; white-space: normal; text-transform: none; text-decoration: none; } div.btn.btn-multi-downloads ul li a .svg-pdf, input.btn.btn-multi-downloads ul li a .svg-pdf, button.btn.btn-multi-downloads ul li a .svg-pdf, a.btn.btn-multi-downloads ul li a .svg-pdf { width: 18px; height: 18px; margin-top: 4px; margin-right: 10px; display: inline-block; vertical-align: top; } div.btn.btn-multi-downloads ul li a .svg-pdf #svg-pdf, input.btn.btn-multi-downloads ul li a .svg-pdf #svg-pdf, button.btn.btn-multi-downloads ul li a .svg-pdf #svg-pdf, a.btn.btn-multi-downloads ul li a .svg-pdf #svg-pdf { fill: #0060B9; } div.btn.btn-multi-downloads ul li a span, input.btn.btn-multi-downloads ul li a span, button.btn.btn-multi-downloads ul li a span, a.btn.btn-multi-downloads ul li a span { width: calc(100% - 56px); margin-right: 10px; display: inline-block; vertical-align: top; font-size: 16px; line-height: 22px; letter-spacing: 0; } div.btn.btn-multi-downloads ul li a .svg-download, input.btn.btn-multi-downloads ul li a .svg-download, button.btn.btn-multi-downloads ul li a .svg-download, a.btn.btn-multi-downloads ul li a .svg-download { width: 18px; height: 17px; margin-top: 4px; display: inline-block; vertical-align: top; } div.btn.btn-multi-downloads ul li a .svg-download #svg-download, input.btn.btn-multi-downloads ul li a .svg-download #svg-download, button.btn.btn-multi-downloads ul li a .svg-download #svg-download, a.btn.btn-multi-downloads ul li a .svg-download #svg-download { fill: #D3D3D3; } div.btn.btn-multi-downloads ul li a:hover span, input.btn.btn-multi-downloads ul li a:hover span, button.btn.btn-multi-downloads ul li a:hover span, a.btn.btn-multi-downloads ul li a:hover span { text-decoration: underline !important; } div.btn.btn-multi-downloads ul li a:hover #svg-download, input.btn.btn-multi-downloads ul li a:hover #svg-download, button.btn.btn-multi-downloads ul li a:hover #svg-download, a.btn.btn-multi-downloads ul li a:hover #svg-download { fill: #0060B9; } div.btn.btn-multi-downloads.btn-multi-downloads--open:before, input.btn.btn-multi-downloads.btn-multi-downloads--open:before, button.btn.btn-multi-downloads.btn-multi-downloads--open:before, a.btn.btn-multi-downloads.btn-multi-downloads--open:before { background: url(../img/icons/chevron-up__white.svg) no-repeat top 22px left 15px; background-size: 12px 8px; } div.btn.btn-multi-downloads.btn-multi-downloads--open:after, div.btn.btn-multi-downloads.btn-multi-downloads--open ul, input.btn.btn-multi-downloads.btn-multi-downloads--open:after, input.btn.btn-multi-downloads.btn-multi-downloads--open ul, button.btn.btn-multi-downloads.btn-multi-downloads--open:after, button.btn.btn-multi-downloads.btn-multi-downloads--open ul, a.btn.btn-multi-downloads.btn-multi-downloads--open:after, a.btn.btn-multi-downloads.btn-multi-downloads--open ul { opacity: 1; visibility: visible; pointer-events: auto; } div.btn.btn-multi-downloads.btn-multi-downloads--open-upwards:after, input.btn.btn-multi-downloads.btn-multi-downloads--open-upwards:after, button.btn.btn-multi-downloads.btn-multi-downloads--open-upwards:after, a.btn.btn-multi-downloads.btn-multi-downloads--open-upwards:after { top: auto; bottom: calc(100% - 5px); right: 18px; } div.btn.btn-multi-downloads.btn-multi-downloads--open-upwards ul, input.btn.btn-multi-downloads.btn-multi-downloads--open-upwards ul, button.btn.btn-multi-downloads.btn-multi-downloads--open-upwards ul, a.btn.btn-multi-downloads.btn-multi-downloads--open-upwards ul { top: auto; bottom: calc(100% + 5px); left: 0; } div.btn.btn-multi-downloads.btn-multi-downloads--alt, input.btn.btn-multi-downloads.btn-multi-downloads--alt, button.btn.btn-multi-downloads.btn-multi-downloads--alt, a.btn.btn-multi-downloads.btn-multi-downloads--alt { padding: 0; text-align: left; font-size: 0; cursor: pointer; } div.btn.btn-multi-downloads.btn-multi-downloads--alt:before, input.btn.btn-multi-downloads.btn-multi-downloads--alt:before, button.btn.btn-multi-downloads.btn-multi-downloads--alt:before, a.btn.btn-multi-downloads.btn-multi-downloads--alt:before { display: none; } div.btn.btn-multi-downloads.btn-multi-downloads--alt > *, input.btn.btn-multi-downloads.btn-multi-downloads--alt > *, button.btn.btn-multi-downloads.btn-multi-downloads--alt > *, a.btn.btn-multi-downloads.btn-multi-downloads--alt > * { font-size: 14px; } div.btn.btn-multi-downloads.btn-multi-downloads--alt > a, input.btn.btn-multi-downloads.btn-multi-downloads--alt > a, button.btn.btn-multi-downloads.btn-multi-downloads--alt > a, a.btn.btn-multi-downloads.btn-multi-downloads--alt > a { width: calc(100% - 51px); height: 44px; color: white; border-top-left-radius: 22px; border-bottom-left-radius: 22px; padding: 0 33px 0 41px; display: inline-block; vertical-align: middle; text-decoration: none !important; white-space: nowrap; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } div.btn.btn-multi-downloads.btn-multi-downloads--alt > a > span, input.btn.btn-multi-downloads.btn-multi-downloads--alt > a > span, button.btn.btn-multi-downloads.btn-multi-downloads--alt > a > span, a.btn.btn-multi-downloads.btn-multi-downloads--alt > a > span { width: 100%; display: block; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } div.btn.btn-multi-downloads.btn-multi-downloads--alt > a:hover, input.btn.btn-multi-downloads.btn-multi-downloads--alt > a:hover, button.btn.btn-multi-downloads.btn-multi-downloads--alt > a:hover, a.btn.btn-multi-downloads.btn-multi-downloads--alt > a:hover { background-color: #09243E; } div.btn.btn-multi-downloads.btn-multi-downloads--alt .btn-multi-downloads--trigger, input.btn.btn-multi-downloads.btn-multi-downloads--alt .btn-multi-downloads--trigger, button.btn.btn-multi-downloads.btn-multi-downloads--alt .btn-multi-downloads--trigger, a.btn.btn-multi-downloads.btn-multi-downloads--alt .btn-multi-downloads--trigger { width: 49px; height: 44px; background: url(../img/icons/chevron-down__white.svg) no-repeat top 20px right 21px; background-size: 12px 8px; border-left: 1px solid white; border-top-right-radius: 22px; border-bottom-right-radius: 22px; display: inline-block; vertical-align: middle; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } div.btn.btn-multi-downloads.btn-multi-downloads--alt .btn-multi-downloads--trigger:hover, input.btn.btn-multi-downloads.btn-multi-downloads--alt .btn-multi-downloads--trigger:hover, button.btn.btn-multi-downloads.btn-multi-downloads--alt .btn-multi-downloads--trigger:hover, a.btn.btn-multi-downloads.btn-multi-downloads--alt .btn-multi-downloads--trigger:hover { background-color: #09243E; } div.btn.btn-multi-downloads.btn-multi-downloads--alt:hover, input.btn.btn-multi-downloads.btn-multi-downloads--alt:hover, button.btn.btn-multi-downloads.btn-multi-downloads--alt:hover, a.btn.btn-multi-downloads.btn-multi-downloads--alt:hover { background-color: #155897 !important; } div.btn.btn-multi-downloads.btn-multi-downloads--alt.btn-multi-downloads--open .btn-multi-downloads--trigger, input.btn.btn-multi-downloads.btn-multi-downloads--alt.btn-multi-downloads--open .btn-multi-downloads--trigger, button.btn.btn-multi-downloads.btn-multi-downloads--alt.btn-multi-downloads--open .btn-multi-downloads--trigger, a.btn.btn-multi-downloads.btn-multi-downloads--alt.btn-multi-downloads--open .btn-multi-downloads--trigger { background: url(../img/icons/chevron-up__white.svg) no-repeat top 20px right 21px; background-size: 12px 8px; } div.btn.btn-filters input.btn.btn-filters, button.btn.btn-filters, a.btn.btn-filters { height: auto; color: black; border: 1px solid #D3D3D3; border-radius: 0px; padding: 12px 15px 12px 15px; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 1px; } .tag { min-width: 80px; height: 20px; background-color: #0B8182; border: 2px solid #0B8182; border-radius: 40px; margin-bottom: 10px; padding-right: 15px; padding-left: 15px; display: inline-block; text-align: center; font-weight: 900; font-size: 10px; line-height: 12px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none !important; -webkit-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out; } .tag span { color: white; display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .tag.tag--outline { background-color: transparent; border: 2px solid #0B8182; } .tag.tag--outline span { color: #0B8182; } .tag.tag--outline.tag--outline--white { border: 2px solid white; } .tag.tag--outline.tag--outline--white span { color: white; } .tag.tag--outline.tag--outline--yellow { border: 2px solid #FFD14E; } .tag.tag--outline.tag--outline--yellow span { color: #FFD14E; } .tag.tag--outline.tag--outline--green { border: 2px solid #0B8182; } .tag.tag--outline.tag--outline--green span { color: #0B8182; } .tag.tag--outline.tag--outline--grey { border: 2px solid #505050; } .tag.tag--outline.tag--outline--grey span { color: #505050; } table.table-basic { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); margin-bottom: 30px; } table.table-basic thead th { background-color: #4E5665; color: white; padding: 10px 28px 11px 28px; font-weight: 700; font-size: 16px; line-height: 19px; } table.table-basic tbody { border: 1px solid #E5E8ED; border-top: none; } table.table-basic tbody tr td { padding: 11px 28px 10px 28px; font-size: 16px; line-height: 19px; } table.table-basic tbody tr:nth-child(even) td { background-color: #F3F4F7; } @media (min-width: 768px) { table.table-basic thead th { padding: 12px 21px 11px 21px; font-size: 18px; line-height: 22px; } table.table-basic tbody tr td { padding: 8px 21px 8px 21px; font-size: 18px; line-height: 22px; } } .table-complex-wrapper { overflow: auto; } .table-complex-wrapper:focus { outline-color: transparent; outline-width: 0; } table.table-complex { width: 100%; max-width: 100%; margin-bottom: 30px; } table.table-complex tr th, table.table-complex tr td { border-right: 1px solid #E5E8ED; vertical-align: text-top; text-align: left; font-size: 16px; line-height: 19px; } table.table-complex tr th:last-child, table.table-complex tr td:last-child { border-right: none; } table.table-complex tr th { color: #505050; border-top: 2px solid #6C7684; border-bottom: 2px solid #6C7684; padding: 12px 30px 12px 10px; vertical-align: middle; font-weight: 700; position: relative; } table.table-complex tr th span { width: calc(100% - 14px); display: inline-block; vertical-align: middle; } table.table-complex tr th .table-complex__arrows { width: 10px; height: 14px; display: inline-block; vertical-align: middle; position: absolute; right: 13px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } table.table-complex tr th .table-complex__arrows > div { width: 5px; height: 10px; cursor: pointer; position: absolute; } table.table-complex tr th .table-complex__arrows .table-complex__arrows__up { background: transparent url(../img/icons/arrow-grey.svg) no-repeat center center; background-size: 5px 10px; top: -3px; left: 3px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } table.table-complex tr th .table-complex__arrows .table-complex__arrows__down { background: transparent url(../img/icons/arrow-grey.svg) no-repeat center center; background-size: 5px 10px; bottom: -3px; left: 3px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } table.table-complex tr th.table-complex__sort-up { color: black; font-weight: 900; } table.table-complex tr th.table-complex__sort-up .table-complex__arrows .table-complex__arrows__up { background: transparent url(../img/icons/arrow-black.svg) no-repeat center center; background-size: 5px 10px; } table.table-complex tr th.table-complex__sort-down { color: black; font-weight: 900; } table.table-complex tr th.table-complex__sort-down .table-complex__arrows .table-complex__arrows__down { background: transparent url(../img/icons/arrow-black.svg) no-repeat center center; background-size: 5px 10px; } table.table-complex tr td { padding: 18px 10px 19px 10px; } table.table-complex tr td:before { display: none; } table.table-complex tr:nth-child(odd) td { background-color: #F3F4F7; } @media (max-width: 991px) { table.table-complex { display: block; } table.table-complex tr { border-top: 2px solid #6C7684; display: block; } table.table-complex tr:first-of-type { display: none; } table.table-complex tr th, table.table-complex tr td { width: 100%; } table.table-complex tr th { background: none; display: none; } table.table-complex tr td { border: none; padding: 10px 10px 10px 40%; display: block; position: relative; } table.table-complex tr td:before { width: 40%; color: black; display: block; position: absolute; top: 10px; left: 10px; font-weight: 700; } table.table-complex tr td:first-child { padding-top: 18px; } table.table-complex tr td:first-child:before { top: 18px; } table.table-complex tr td:last-child { padding-bottom: 20px; } } table.tabs__table tr { border-bottom: 1px solid #D3D3D3; padding: 13px 0 4px 0; display: block; } table.tabs__table tr td { display: block; } table.tabs__table tr td:first-child { color: black; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 1px; text-transform: uppercase; } table.tabs__table tr td p { margin: 0 0 10px 0; font-size: 16px; line-height: 23px; } table.tabs__table tr td p span { color: black; margin: 0; display: block; font-weight: 700; line-height: 26px; } table.tabs__table tr:last-child { border-bottom: 0; } table.tabs__table a.hyperlink { text-decoration: none; } table.tabs__table a.hyperlink:hover { text-decoration: underline; } @media (min-width: 768px) { table.tabs__table tr { padding: 0; display: table-row; } table.tabs__table tr td { display: table-cell; vertical-align: top; } table.tabs__table tr td:first-child { width: 220px; } table.tabs__table tr td:first-child p { padding-top: 19px; } table.tabs__table tr td:last-child p:last-child { margin-bottom: 19px; } table.tabs__table tr td p span { padding-top: 18px; } } .breadcrumbs { margin-bottom: 10px !important; overflow: visible; } .breadcrumbs li { color: #505050; display: none; position: relative; font-size: 16px; line-height: 20px; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs li.breadcrumbs__parent-page { margin-left: 17px; display: inline-block; } .breadcrumbs li.breadcrumbs__parent-page:before { width: 8px; height: 12px; background: url(../img/icons/keyboard_arrow_left__blue-grey.svg) no-repeat center center; background-size: 8px 12px; display: block; position: absolute; top: 4px; left: -15px; content: ''; } .breadcrumbs li a { color: #0060B9; } .breadcrumbs li a:hover { color: #09243E; } .breadcrumbs.breadcrumbs--dark-background li { color: white; } .breadcrumbs.breadcrumbs--dark-background li.breadcrumbs__parent-page:before { background: url(../img/icons/keyboard_arrow_left__white.svg) no-repeat center center; background-size: 8px 12px; } .breadcrumbs.breadcrumbs--dark-background li a { color: white; } .breadcrumbs.breadcrumbs--dark-background li a:hover { color: white; } @media (min-width: 768px) { .breadcrumbs { margin-bottom: 14px !important; } } @media (min-width: 992px) { .breadcrumbs { margin-bottom: 51px !important; } .breadcrumbs li { margin-right: 24px; display: inline-block; } .breadcrumbs li:after { width: 8px; height: 12px; background: url(../img/icons/keyboard_arrow_right__blue-grey.svg) no-repeat center center; background-size: 8px 12px; display: block; position: absolute; top: 5px; right: -18px; content: ''; } .breadcrumbs li.breadcrumbs__parent-page { margin-left: 0; } .breadcrumbs li.breadcrumbs__parent-page:before { display: none; } .breadcrumbs.breadcrumbs--dark-background li:after { background: url(../img/icons/keyboard_arrow_right__white.svg) no-repeat center center; background-size: 8px 12px; } .breadcrumbs.breadcrumbs--dark-background li a { color: white; } .breadcrumbs.breadcrumbs--dark-background li a:hover { color: white; } } .l2-content-area { padding-top: 60px; padding-bottom: 30px; } .accordion-trigger { color: #0060B9 !important; padding-left: 25px; display: block; position: relative; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 0.88px; text-transform: uppercase; cursor: pointer; } .accordion-trigger .accordion-trigger__plus, .accordion-trigger .accordion-trigger__minus { position: absolute; top: calc(50% - 1px); left: 7px; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .accordion-trigger .accordion-trigger__plus polygon, .accordion-trigger .accordion-trigger__minus polygon { fill: #0060B9; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .accordion-trigger .accordion-trigger__plus { width: 13px; height: 13px; display: block; } .accordion-trigger .accordion-trigger__minus { width: 13px; height: 3px; display: none; } .accordion-trigger .accordion-trigger__less { display: none; } .accordion-trigger:hover { color: #09243E !important; } .accordion-trigger:hover .accordion-trigger__plus polygon, .accordion-trigger:hover .accordion-trigger__minus polygon { fill: #09243E; } .pagination { width: 100%; margin-bottom: 20px; display: block; } .pagination ul { margin: 3px 44px 0 0; display: inline-block; vertical-align: middle; } .pagination ul li { color: #09243E; margin: 0 7px 0 0; vertical-align: middle; font-weight: 700; font-size: 18px; line-height: 32px; } .pagination ul li:last-child { margin: 0; } .pagination ul li a { text-decoration: none; } .pagination ul li a:hover { text-decoration: underline; } .pagination ul li.pagination__next { background: url(../img/icons/keyboard_arrow_right__blue.svg) no-repeat right bottom 2px; background-size: 8px 12px; margin-left: 9px; padding-right: 13px; font-size: 16px; line-height: 19px; } .pagination ul li.pagination__next:hover { background: url(../img/icons/keyboard_arrow_right__hover-blue.svg) no-repeat right bottom 2px; background-size: 8px 12px; } .pagination .pagination__go-to-page { display: inline-block; vertical-align: middle; } .pagination .pagination__go-to-page .form-group { margin-bottom: 0; } .pagination .pagination__go-to-page .form-group input { width: 40px; max-width: 40px; height: 40px; border-radius: 2px; margin: 0 5px 0 0; padding: 5px 10px 5px 10px; display: inline-block; vertical-align: middle; text-align: center; } .pagination .pagination__go-to-page .pagination__go-to-page__link { display: inline-block; vertical-align: middle; text-decoration: none; } .pagination .pagination__go-to-page .pagination__go-to-page__link:hover { text-decoration: underline; } @media (min-width: 768px) { .pagination { text-align: center; } } @media (min-width: 992px) { .pagination { margin-bottom: 30px; } } .form-control:disabled, .form-control[readonly] { background-color: #F3F4F7; color: #909090 !important; border: 1px solid #D3D3D3 !important; } .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid, .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border: 1px solid #D3D3D3; } .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: #FF4545 !important; } .invalid-feedback { color: #FF4545; margin: 9px 0 10px 0; font-size: 16px; line-height: 19px; } .custom-checkbox .invalid-feedback, .custom-radio .invalid-feedback { margin-top: 1px; margin-left: -24px; } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: white; } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #505050; } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: white; border: 1px solid #FF4545 !important; } .form-group { margin-bottom: 25px; } .form-group label, .rda-form-elements label { margin: 0 0 4px 0; font-weight: 700; font-size: 16px; line-height: 24px; } .form-group label.disabled, .rda-form-elements label.disabled { color: #909090; } .rda-form-elements label { display: block; } .hint-text { color: #6C7684; margin-bottom: 10px; display: block; font-size: 16px; line-height: 19px; } input.form-control, textarea.form-control, .rda-form-elements input, .rda-form-elements textarea { color: #505050 !important; border: 1px solid #D3D3D3 !important; border-radius: 5px; padding: 13px 11px 11px 11px; font-size: 16px; } input.form-control:focus, textarea.form-control:focus, .rda-form-elements input:focus, .rda-form-elements textarea:focus { border: 1px solid #A9D1FF !important; box-shadow: 0 0 4px 0 rgba(0, 96, 185, 0.2); outline-color: transparent; outline-width: 0; } input.form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder, .rda-form-elements input::-webkit-input-placeholder, .rda-form-elements textarea::-webkit-input-placeholder { color: #505050; font-size: 16px; } input.form-control::-moz-placeholder, textarea.form-control::-moz-placeholder, .rda-form-elements input::-moz-placeholder, .rda-form-elements textarea::-moz-placeholder { color: #505050; font-size: 16px; } input.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder, .rda-form-elements input:-ms-input-placeholder, .rda-form-elements textarea:-ms-input-placeholder { color: #505050; font-size: 16px; } input.form-control:-moz-placeholder, textarea.form-control:-moz-placeholder, .rda-form-elements input:-moz-placeholder, .rda-form-elements textarea:-moz-placeholder { color: #505050; font-size: 16px; } textarea.form-control, .rda-form-elements textarea { height: 100px; padding: 11px 11px 11px 11px; line-height: 19px; resize: none; } textarea.form-control::-webkit-input-placeholder, .rda-form-elements textarea::-webkit-input-placeholder { line-height: 19px; } textarea.form-control::-moz-placeholder, .rda-form-elements textarea::-moz-placeholder { line-height: 19px; } textarea.form-control:-ms-input-placeholder, .rda-form-elements textarea:-ms-input-placeholder { line-height: 19px; } textarea.form-control:-moz-placeholder, .rda-form-elements textarea:-moz-placeholder { line-height: 19px; } .rda-form-elements input, .rda-form-elements textarea { width: 100%; margin-bottom: 30px; padding: 9px 11px 7px 11px; display: block; } select.form-control, .rda-form-elements select { width: 100%; height: auto !important; background: white url(../img/icons/keyboard_arrow_down__blue-grey.svg) no-repeat center right 21px; background-size: 14px 9px; color: #505050; border: 1px solid #D3D3D3; border-radius: 4px; box-shadow: 0 2px 6px 0 rgba(211, 211, 211, 0.4); padding: 15px 50px 14px 20px !important; font-size: 16px; line-height: 19px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:focus, .rda-form-elements select:focus { box-shadow: none !important; } .rda-form-elements select { margin-bottom: 30px; } select.form-control::-ms-expand, .rda-form-elements select { display: none; } .custom-checkbox-wrapper { margin-bottom: 30px; } .custom-control.custom-checkbox { margin-bottom: 12px; } .custom-control.custom-checkbox input:focus { outline-width: 0; outline-color: transparent; } .custom-control.custom-checkbox .custom-control-label { color: #505050 !important; font-size: 16px; line-height: 19px; } .custom-control.custom-checkbox .custom-control-label:before { width: 17px; height: 17px; background-color: white !important; border: 1px solid #979797 !important; border-radius: 2px; top: 9px; } .custom-control.custom-checkbox .custom-control-label:after { width: 17px; height: 17px; top: 9px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #0060B9 !important; border: 1px solid #0060B9 !important; } .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before { background-color: #E5E8ED; color: #909090; border: 1px solid #979797; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background: url(../img/icons/basic/baseline-done-24px.svg) no-repeat center center !important; background-size: 20px 16px !important; } .rda-form-elements label.rda-checkbox, .rda-form-elements label.rda-radio { margin-bottom: 20px; font-weight: 400; } .rda-form-elements label.rda-checkbox input, .rda-form-elements label.rda-radio input { width: auto; margin: -5px 10px 0 0; display: inline-block; vertical-align: middle; } .custom-radio-wrapper { margin-bottom: 30px; } .custom-radio { margin-bottom: 12px; } .custom-radio .custom-control-label { color: #505050; font-size: 16px; line-height: 19px; } .custom-radio .custom-control-label:before { width: 17px; height: 17px; background-color: white; border: 1px solid #979797; border-radius: 50%; top: 9px; } .custom-radio .custom-control-label:after { width: 11px; height: 11px; background-image: none !important; border-radius: 50%; top: 12px; left: 3px; } .custom-radio .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: white; border: 1px solid #0060B9; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-color: #0060B9; } .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before { background-color: #E5E8ED; color: #909090; border: 1px solid #979797; } select.list-box { background: none; padding-right: 20px !important; } .center-position { width: 100%; height: 2px; background-color: red; position: fixed; top: 50%; left: 0; z-index: 9999999; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .header-print { display: none; } header { width: 100%; height: 65px; background-color: white; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); position: absolute; top: 0; left: 0; z-index: 500; font-size: 16px !important; line-height: 1.625em !important; } header .header__logo { height: 65px; display: block; } header .header__logo img { width: 75px; margin-top: -1px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } header .header__logo img.header__logo__desktop { display: none; } header .header__logo img.header__logo__mobile { display: block; } header .header__nav-wrapper { text-align: right; font-size: 0; } header .header__nav-wrapper > * { font-size: 16px; } @media (min-width: 350px) { header .header__logo img { width: 144px; } header .header__logo img.header__logo__desktop { display: block; } header .header__logo img.header__logo__mobile { display: none; } } @media (min-width: 768px) { header .container-fluid .row { padding-right: 25px; padding-left: 25px; } } @media (min-width: 1180px) { header { position: fixed; } header .header__logo img { width: 159px; } body.body--home header { position: relative !important; top: auto !important; left: auto !important; } body.header-position-top header { position: fixed !important; top: 0 !important; left: 0 !important; } } .shade { width: 100%; height: 100%; background-color: black; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 400; pointer-events: none; -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; } body.header__search--open .shade, body.utility-nav__account--open .shade, body.search-filters--open .shade, body.filter-modal-open .shade { opacity: 0.5; visibility: visible; pointer-events: auto; } @media (min-width: 768px) { .shade { display: block; } body.main-nav--open .shade { opacity: 0.5; visibility: visible; pointer-events: auto; } } @media (min-width: 992px) { body.search-filters--open .shade { opacity: 0; visibility: hidden; pointer-events: none; } } .main-nav { width: 100%; height: calc(100vh - 65px); background-color: white; overflow: scroll; text-align: left; position: fixed; top: 65px; right: -100%; z-index: 1; -webkit-transition: right 0.25s ease-in-out; -moz-transition: right 0.25s ease-in-out; -o-transition: right 0.25s ease-in-out; transition: right 0.25s ease-in-out; } .main-nav .account-mobile { background-color: #f0f6f8; color: #155897; border-bottom: 1px solid #e9ebf0; padding: 19px 30px 20px 30px; overflow: hidden; display: block; position: relative; font-weight: 700; font-size: 18px; line-height: 22px; text-decoration: none !important; } .main-nav .account-mobile:before { width: 100%; height: 1px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); display: block; position: absolute; top: -1px; left: 0; content: ''; } .main-nav .account-mobile svg, .main-nav .account-mobile span { display: inline-block; vertical-align: middle; } .main-nav .account-mobile svg { margin-right: 7px; } .main-nav .account-mobile.account-mobile--logged-in { color: black; padding: 20px 30px 21px 30px; } .main-nav .main-nav__list { margin-bottom: 60px; padding: 2px 20px 0 20px; overflow: visible; } .main-nav .main-nav__list > li { font-weight: 700; font-size: 18px; line-height: 22px; cursor: pointer; } .main-nav .main-nav__list > li .main-nav__list__group-title { border-bottom: 1px solid #d8d8d8; margin: 0; padding: 17px 35px 20px 10px; display: block; position: relative; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .main-nav .main-nav__list > li .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav:before, .main-nav .main-nav__list > li .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav:after { display: block; position: absolute; top: calc(50% - 2px); right: 4px; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); content: ''; } .main-nav .main-nav__list > li .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav:before { width: 14px; height: 14px; background: url(../img/icons/plus.svg) no-repeat center center; background-size: 14px 14px; } .main-nav .main-nav__list > li .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav:after { width: 14px; height: 3px; background: url(../img/icons/minus.svg) no-repeat center center; background-size: 14px 3px; display: none; } .main-nav .main-nav__list > li .main-nav__list__group-item { margin: 0 10px 0 10px; } .main-nav .main-nav__list > li .main-nav__list__group-item > a, .main-nav .main-nav__list > li .main-nav__list__group-item .main-nav__sub-nav__tert-trigger { color: #0060B9; border-bottom: 1px solid #d8d8d8; padding: 17px 14px 18px 14px; display: block; font-weight: 400; font-size: 16px; line-height: 19px; text-decoration: none !important; } .main-nav .main-nav__list > li .main-nav__list__group-item .main-nav__sub-nav__tert-trigger { padding-right: 60px; position: relative; } .main-nav .main-nav__list > li .main-nav__list__group-item .main-nav__sub-nav__tert-trigger:before { width: 8px; height: 12px; background: url(../img/icons/keyboard_arrow_right__blue.svg) no-repeat center center; background-size: 8px 12px; display: block; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); content: ''; } .main-nav .main-nav__list > li .main-nav__dropdown { max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; pointer-events: none; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link { display: none; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__list__overview-link svg { display: none; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li .tert-nav__wrapper { width: 100%; height: calc(100vh - 65px); background-color: white; overflow: scroll; text-align: left; position: fixed; top: 65px; right: -100%; z-index: 2; -webkit-transition: right 0.25s ease-in-out; -moz-transition: right 0.25s ease-in-out; -o-transition: right 0.25s ease-in-out; transition: right 0.25s ease-in-out; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li .tert-nav__wrapper .tert-nav__wrapper__close-tert { background-color: #f0f6f8; color: #0060B9; border-bottom: 1px solid #e9ebf0; padding: 24px 30px 22px 39px; display: block; position: relative; font-weight: 900; font-size: 14px; line-height: 17px; text-transform: uppercase; text-decoration: none !important; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li .tert-nav__wrapper .tert-nav__wrapper__close-tert:before { width: 100%; height: 1px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); display: block; position: absolute; top: -1px; left: 0; content: ''; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li .tert-nav__wrapper .tert-nav__wrapper__close-tert:after { width: 8px; height: 12px; background: url(../img/icons/keyboard_arrow_left-blue.svg) no-repeat top left; background-size: 8px 12px; display: block; position: absolute; top: calc(50% - 1px); left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li .tert-nav__wrapper .main-nav__tert-nav { padding: 2px 20px 0 20px; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li.tert-nav--open .tert-nav__wrapper { right: 0; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar { display: none; } .main-nav .main-nav__list > li.main-nav__dropdown--open .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav:before { display: none; } .main-nav .main-nav__list > li.main-nav__dropdown--open .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav:after { display: block; } .main-nav .main-nav__list > li.main-nav__dropdown--open .main-nav__dropdown { max-height: 999999999px !important; opacity: 1; visibility: visible; pointer-events: auto; } .main-nav .main-nav__list .main-nav__list__my-account .main-nav__list__group-title > svg { width: 20px; height: 20px; margin-top: -4px; margin-right: 6px; display: inline-block; vertical-align: middle; } .main-nav .main-nav__list .main-nav__list__my-account .main-nav__list__my-account__sign-out svg { width: 14px; height: 14px; margin-top: -3px; margin-right: 5px; display: inline-block; vertical-align: middle; } body.main-nav--open .main-nav { right: 0; } @media (min-width: 768px) { .main-nav, .tert-nav__wrapper { max-width: 380px; } } @media (min-width: 1180px) { .main-nav { width: auto; max-width: none; height: auto; background-color: transparent; overflow: visible; display: inline-block; vertical-align: top; text-align: right; position: relative; top: auto; right: auto; } .main-nav .account-mobile { display: none; } .main-nav .main-nav__list { height: 65px; margin: 0; padding: 0 12px 0 0; font-size: 0; } .main-nav .main-nav__list > li { margin: 8px 0 0 0; padding: 0 3px 0 3px; display: inline-block; vertical-align: top; text-align: left; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; } .main-nav .main-nav__list > li .main-nav__list__group-title { height: 57px; border: 1px solid transparent; border-bottom: none; padding: 17px 10px 0 10px; } .main-nav .main-nav__list > li .main-nav__list__group-title:before, .main-nav .main-nav__list > li .main-nav__list__group-title:after { display: none !important; } .main-nav .main-nav__list > li .main-nav__dropdown { width: 100%; max-height: 0; background-color: white; border: 1px solid #E5E8ED; border-top: none; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; font-size: 0; pointer-events: none; } .main-nav .main-nav__list > li .main-nav__dropdown > * { font-size: 16px; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav { width: calc(50% - 1px); padding: 18px 27px 0 11px; overflow: visible; display: inline-block; vertical-align: top; position: relative; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav:after { width: 1px; height: calc(100% - 57px); background-color: #E5E8ED; display: block; position: absolute; top: 40px; right: -2px; z-index: 2; content: ''; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li:last-child a { border-bottom: none; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li.main-nav__list__group-item a { color: #4E5665; margin-right: 14px; margin-left: 14px; padding: 15px 5px 15px 5px; font-weight: 400; font-size: 18px; line-height: 22px; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__list__overview-link { color: #0060B9; margin-right: 0; margin-left: 0; padding: 17px 11px 20px 11px; display: block; position: relative; font-weight: 400; font-size: 22px; line-height: 27px; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__list__overview-link svg { width: 10px; height: 18px; margin-top: -2px; margin-left: 14px; display: inline-block; vertical-align: middle; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__list__overview-link svg path, .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__list__overview-link svg polygon { fill: #0060B9; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__list__overview-link:hover { color: #09243E; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__list__overview-link:hover svg path, .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__list__overview-link:hover svg polygon { fill: #09243E; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li .main-nav__sub-nav__tert-trigger { display: none; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link { color: #4E5665; display: block; font-size: 18px; line-height: 22px; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--standard svg { width: 8px; height: 12px; opacity: 0; visibility: hidden; margin-top: -2px; margin-left: 7px; display: inline-block; vertical-align: middle; -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--standard svg path, .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--standard svg polygon { fill: #cdcdcd; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--standard:hover svg { opacity: 1; visibility: visible; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--standard:hover svg path, .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--standard:hover svg polygon { fill: #cdcdcd; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--arrow-link { color: #0060B9; padding: 18px 0 15px 0; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 0.88px; text-transform: uppercase; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--arrow-link svg { width: 8px; height: 12px; margin-top: -4px; margin-left: 8px; display: inline-block; vertical-align: middle; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--arrow-link svg path, .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--arrow-link svg polygon { -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link.main-nav__sub-nav__desktop-link--arrow-link:hover { text-decoration: underline !important; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link:hover { color: #09243E; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link:hover svg path, .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li a.main-nav__sub-nav__desktop-link:hover svg polygon { fill: #09243E; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__sub-nav > li .tert-nav__wrapper { display: none; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar { width: 50%; display: block; position: absolute; top: 0; left: 50%; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a { width: 100%; height: 100%; background-color: white; padding: 45px 69px 45px 71px; display: block; text-decoration: none; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a .tag { border: 2px solid #6C7684; margin-bottom: 18px; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a .tag span { color: #4E5665; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a img { width: 100%; margin-bottom: 30px; display: block; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a p { margin-bottom: 18px; font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 0.98px; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a p.main-nav__desktop-sidebar__link { color: #0060B9; margin: 0; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 0.88px; text-transform: uppercase; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a p.main-nav__desktop-sidebar__link svg { width: 8px; height: 12px; margin-top: -2px; margin-left: 1px; display: inline-block; vertical-align: middle; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a p.main-nav__desktop-sidebar__link svg path, .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a p.main-nav__desktop-sidebar__link svg polygon { -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a p.main-nav__desktop-sidebar__link:hover { text-decoration: underline; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a:hover { background-color: #F3F4F7; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a:hover p { color: #09243E; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a:hover p.main-nav__desktop-sidebar__link { color: #09243E; } .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a:hover p.main-nav__desktop-sidebar__link svg path, .main-nav .main-nav__list > li .main-nav__dropdown .main-nav__desktop-sidebar a:hover p.main-nav__desktop-sidebar__link svg polygon { fill: #09243E; } .main-nav .main-nav__list > li:hover .main-nav__list__group-title { color: black; } .main-nav .main-nav__list > li.main-nav__current-page .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav { position: relative; } .main-nav .main-nav__list > li.main-nav__current-page .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav:after { width: calc(100% + 2px) !important; height: 4px !important; background: #ECB84C !important; display: block !important; position: absolute !important; top: 52px !important; right: auto !important; bottom: auto !important; left: -1px !important; -webkit-transform: translateY(0%) translateX(0%); -ms-transform: translateY(0%) translateX(0%); transform: translateY(0%) translateX(0%); content: '' !important; } .main-nav .main-nav__list > li.main-nav__dropdown--open .main-nav__list__group-title { background-color: white; color: #0060B9; border: 1px solid #E5E8ED; border-bottom: none; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05); } .main-nav .main-nav__list .main-nav__list__my-account { display: none; } body.main-nav--open .main-nav { right: auto; } body.main-nav--open .main-nav .main-nav__list { height: calc(66px); border-bottom: 1px solid #E5E8ED; } body.main-nav--open .main-nav .main-nav__list .main-nav__dropdown--open > span { height: 58px; } body.body--home .main-nav .main-nav__list { border-top: 1px solid #E5E8ED; border-bottom: none; } body.body--home .main-nav .main-nav__list > li { margin: 0 0 8px 0; } body.body--home .main-nav .main-nav__list > li .main-nav__list__group-title { border: 1px solid transparent; border-top: none; margin-top: -1px; padding: 26px 10px 0 10px; } body.body--home .main-nav .main-nav__list > li .main-nav__dropdown { border: 1px solid #E5E8ED; border-bottom: none; box-shadow: 0 -15px 20px 0 rgba(0, 0, 0, 0.05); top: auto; bottom: 100%; } body.body--home .main-nav .main-nav__list > li.main-nav__current-page .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav:after { top: 0 !important; } body.body--home .main-nav .main-nav__list > li.main-nav__dropdown--open .main-nav__list__group-title { border: 1px solid #E5E8ED; border-top: none; box-shadow: 0 -15px 20px 0 rgba(0, 0, 0, 0.05); } body.body--home.scrolled-half-window-height .main-nav .main-nav__list { border-bottom: 1px solid transparent; border-top: none; } body.body--home.scrolled-half-window-height .main-nav .main-nav__list > li { margin: 8px 0 0 0; } body.body--home.scrolled-half-window-height .main-nav .main-nav__list > li .main-nav__list__group-title { border: 1px solid transparent; border-bottom: none; padding: 17px 10px 0 10px; margin-top: 0; } body.body--home.scrolled-half-window-height .main-nav .main-nav__list > li .main-nav__dropdown { border: 1px solid #E5E8ED; border-top: none; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05); top: 100%; bottom: auto; } body.body--home.scrolled-half-window-height .main-nav .main-nav__list > li.main-nav__current-page .main-nav__list__group-title.main-nav__list__group-title--with-sub-nav:after { top: 52px !important; } body.body--home.scrolled-half-window-height .main-nav .main-nav__list > li.main-nav__dropdown--open .main-nav__list__group-title { border: 1px solid #E5E8ED; border-bottom: none; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05); } body.body--home.scrolled-half-window-height.main-nav--open .main-nav .main-nav__list { border-bottom: 1px solid #E5E8ED; border-top: none; } body.with-homepage-header:not(.body--home) .main-nav .main-nav__list > li.main-nav__dropdown--open .main-nav__dropdown { max-height: calc(100vh - 64px) !important; } } @media (min-width: 1200px) { .main-nav .main-nav__list > li { padding: 0 5px 0 5px; } } .utility-nav { height: 65px; padding-top: 12px !important; overflow: visible; display: inline-block; vertical-align: top; } .utility-nav > li { height: 42px; border-left: 1px solid #d8d8d8; margin: 0; padding: 0 11px 0 15px; display: inline-block; vertical-align: middle; } .utility-nav > li > a { height: 19px; display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .utility-nav > li svg { width: 18px; height: 19px; cursor: pointer; } .utility-nav > li svg path, .utility-nav > li svg polygon { fill: #4E5665; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .utility-nav > li svg:hover path, .utility-nav > li svg:hover polygon { fill: black; } .utility-nav > li > svg { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .utility-nav .utility-nav__cart, .utility-nav .utility-nav__search { text-align: center; } .utility-nav .utility-nav__account { padding-right: 0; padding-left: 0; display: none; position: relative; } .utility-nav .utility-nav__account .utility-nav__account-login { color: #6C7684; padding-left: 20px; font-family: "Lato", sans-serif; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none !important; } .utility-nav .utility-nav__account .utility-nav__account-login:hover { color: black; } .utility-nav .utility-nav__account .utility-nav__account-trigger { width: 51px; height: 56px; border: 1px solid transparent; border-bottom: 0; margin-top: -3px; padding-top: 13px; text-align: center; } .utility-nav .utility-nav__account .utility-nav__account-trigger svg { width: 18px; height: 18px; } .utility-nav .utility-nav__account .utility-nav__account-dropdown { width: 260px; display: none; background-color: white; border: 1px solid #E5E8ED; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05); padding: 16px 20px 15px 20px; overflow: visible; text-align: left; position: absolute; top: calc(100% + 11px); right: 0; } .utility-nav .utility-nav__account .utility-nav__account-dropdown li { margin-bottom: 8px; padding-right: 9px; padding-left: 9px; } .utility-nav .utility-nav__account .utility-nav__account-dropdown li a { color: #0060B9; font-size: 16px; line-height: 19px; } .utility-nav .utility-nav__account .utility-nav__account-dropdown li a:hover { color: #09243E; } .utility-nav .utility-nav__account .utility-nav__account-dropdown li.utility-nav__account-dropdown__user { color: #4E5665; border-bottom: 1px solid #E5E8ED; margin-bottom: 17px; padding-bottom: 13px; font-weight: 700; font-size: 16px; line-height: 19px; } .utility-nav .utility-nav__account .utility-nav__account-dropdown li.utility-nav__account-dropdown__sign-out { border-top: 1px solid #E5E8ED; margin-top: 13px; margin-bottom: 0; padding-top: 13px; } .utility-nav .utility-nav__account .utility-nav__account-dropdown li.utility-nav__account-dropdown__sign-out svg { width: 14px; height: 14px; margin-top: -4px; margin-right: 7px; display: inline-block; vertical-align: middle; } .utility-nav .utility-nav__account .utility-nav__account-dropdown li.utility-nav__account-dropdown__sign-out svg path { fill: #4E5665; } .utility-nav .utility-nav__account .utility-nav__account-dropdown:before { width: 49px; height: 1px; background-color: white; display: block; position: absolute; top: -1px; right: 0; content: ''; } .utility-nav .utility-nav__hamburger { padding-right: 0; } .utility-nav .utility-nav__hamburger .utility-nav__hamburger__hamburger { display: block; } .utility-nav .utility-nav__hamburger .utility-nav__hamburger__close { width: 16px; height: 16px; margin-left: 2px; display: none; } body.main-nav--open .utility-nav .utility-nav__hamburger .utility-nav__hamburger__hamburger { display: none; } body.main-nav--open .utility-nav .utility-nav__hamburger .utility-nav__hamburger__close { display: block; } body.utility-nav__account--open .utility-nav .utility-nav__account { border-left: 1px solid transparent; } body.utility-nav__account--open .utility-nav .utility-nav__account .utility-nav__account-trigger { background-color: white; border: 1px solid #E5E8ED; border-bottom: 1px solid white; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05); position: relative; } body.utility-nav__account--open .utility-nav .utility-nav__account .utility-nav__account-trigger svg path, body.utility-nav__account--open .utility-nav .utility-nav__account .utility-nav__account-trigger svg polygon { fill: #0060B9; } body.utility-nav__account--open .utility-nav .utility-nav__account .utility-nav__account-dropdown { display: block; } body.body--home.utility-nav__account--open .utility-nav .utility-nav__account .utility-nav__account-trigger { border: 1px solid #E5E8ED; border-top: none; box-shadow: 0 -15px 20px 0 rgba(0, 0, 0, 0.05); margin-top: -12px; padding-top: 23px; } body.body--home.utility-nav__account--open .utility-nav .utility-nav__account .utility-nav__account-dropdown { box-shadow: 0 -15px 20px 0 rgba(0, 0, 0, 0.05); top: auto; bottom: calc(100% + 11px); } body.body--home.utility-nav__account--open .utility-nav .utility-nav__account .utility-nav__account-dropdown:before { top: auto; bottom: -1px; } body.body--home.utility-nav__account--open.scrolled-half-window-height .utility-nav .utility-nav__account .utility-nav__account-trigger { border: 1px solid #E5E8ED; border-bottom: none; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05); margin-top: -3px; padding-top: 13px; } body.body--home.utility-nav__account--open.scrolled-half-window-height .utility-nav .utility-nav__account .utility-nav__account-dropdown { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05); top: calc(100% + 11px); bottom: auto; } body.body--home.utility-nav__account--open.scrolled-half-window-height .utility-nav .utility-nav__account .utility-nav__account-dropdown:before { top: -1px; bottom: auto; } body.header__search--open .utility-nav > li.utility-nav__search svg path, body.header__search--open .utility-nav > li.utility-nav__search svg polygon { fill: #0060B9; } @media (min-width: 1180px) { .utility-nav .utility-nav__account { display: inline-block; } .utility-nav .utility-nav__hamburger { display: none; } body.body--home .utility-nav .utility-nav__account-dropdown { top: auto; bottom: 100%; } body.body--home.scrolled-half-window-height .utility-nav .utility-nav__account-dropdown { top: calc(100% + 11px); bottom: auto; } } .header__search { width: 100%; background-color: #F2F7F9; padding-top: 30px; padding-bottom: 27px; display: none; text-align: center; position: absolute; top: 100%; } .header__search:before { width: 100%; height: 1px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); display: block; position: absolute; top: -1px; left: 0; content: ''; } .header__search .form-group { width: 100%; margin: 0; position: relative; } .header__search .form-group label { width: 116px; color: #4E5665; margin: 0 0 25px 0; display: block; text-align: left; font-weight: bold; font-size: 16px; line-height: 19px; } .header__search .form-group input { width: calc(100% - 50px); border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 9px 46px 8px 19px; margin: 0; display: inline-block; vertical-align: middle; } .header__search .form-group button { width: 50px; height: 43px; background-color: #155897; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin: 0; display: inline-block; vertical-align: middle; } .header__search .form-group button svg { width: 20px; height: 20px; } .header__search .form-group .header__search__cancel { width: 20px; height: 20px; display: none; position: absolute; bottom: 12px; right: 63px; cursor: pointer; } .header__search .form-group .header__search__predictive { width: 100%; background-color: white; border: 1px solid #D3D3D3; border-radius: 5px; box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.05); padding: 5px 9px 0 9px; display: none; text-align: left; position: absolute; top: calc(100% - 1px); left: 0; } .header__search .form-group .header__search__predictive li { color: #0060B9; border-bottom: 1px solid #E5E8ED; padding: 7px 5px 12px 5px; cursor: pointer; } .header__search .form-group .header__search__predictive li:last-child { border: none; } .header__search .form-group .header__search__close { width: 16px; height: 16px; position: absolute; top: 0; right: 17px; cursor: pointer; } .header__search .form-group.header__search__predictive--open .header__search__cancel { display: block; } .header__search .form-group.header__search__predictive--open .header__search__predictive { display: block; } body.header__search--open .header__search { display: block; } @media (min-width: 1180px) { .header__search .form-group { padding-right: 44px; } .header__search .form-group label { width: 116px; margin: -4px 0 0 0; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 32px; } .header__search .form-group input { width: calc(100% - 166px); padding: 13px 19px 11px 19px; } .header__search .form-group button { height: 50px; } .header__search .form-group .header__search__cancel { bottom: 15px; right: 107px; } .header__search .form-group .header__search__predictive { width: calc(100% - 160px); left: 116px; } .header__search .form-group .header__search__close { top: 17px; right: 0; } body.body--home .header__search { top: auto; bottom: 100%; } body.body--home .header__search:before { box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.15); top: -1px; bottom: -1px; } body.body--home .header__search .form-group .header__search__predictive { box-shadow: 0 -7px 10px 0 rgba(0, 0, 0, 0.05); top: auto; bottom: calc(100% - 1px); } body.body--home.scrolled-half-window-height .header__search { top: 100%; bottom: auto; } body.body--home.scrolled-half-window-height .header__search:before { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); top: -1px; bottom: auto; } body.body--home.scrolled-half-window-height .header__search .form-group .header__search__predictive { box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.05); top: calc(100% - 1px); bottom: auto; } } footer { position: relative; overflow: hidden; } footer .footer__top { padding-top: 39px; padding-bottom: 36px; position: relative; z-index: 1; font-size: 14px; line-height: 19px; letter-spacing: 0.5px; } footer .footer__top .footer__top__logo { width: 159px; height: 34px; margin-bottom: 18px; } footer .footer__top .footer__top__phone-number { color: #0060B9; margin-bottom: 18px; display: block; } footer .footer__top .footer__top__phone-number:hover { color: #09243E; } footer .footer__top .footer__top__address { margin-bottom: 28px; } footer .footer__top .footer__top__address span { display: block; } footer .footer__top .btn { width: 100%; margin-bottom: 39px; } footer .footer__top .footer__section-heading { color: #4E5665; text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 28px; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 1px; text-transform: uppercase; } footer .footer__top ul { margin-bottom: 30px; } footer .footer__top ul li { margin-bottom: 18px; } footer .footer__top ul li a:hover { color: black; } footer .footer__top ul.footer__top__connect { margin-top: -8px; margin-bottom: 0; } footer .footer__top ul.footer__top__connect li { margin-right: 17px; margin-bottom: 0; display: inline-block; } footer .footer__top ul.footer__top__connect li:last-child { margin-right: 0; } footer .footer__top ul.footer__top__connect li a svg { width: 30px; height: 30px; } footer .footer__top ul.footer__top__connect li a:hover { color: black; } footer .footer__top ul.footer__top__connect li a:hover svg use { fill: black; } footer .footer__top ul.footer__top__connect li a:hover span { text-decoration: underline; } footer .footer__bottom { background-color: #F3F4F7; padding-top: 16px; padding-bottom: 18px; font-size: 12px; line-height: 22px; letter-spacing: 0.25px; } footer .footer__bottom p { margin-bottom: 0; position: relative; z-index: 1; } footer .footer__bottom ul { overflow: visible; } footer .footer__bottom ul li { margin: 0 16px 0 0; position: relative; z-index: 1; } footer .footer__bottom ul li:after { width: 1px; height: 11px; background-color: #505050; display: block; position: absolute; top: 5px; right: -10px; content: ''; } footer .footer__bottom ul li:last-child { margin: 0; } footer .footer__bottom ul li:last-child:after { display: none; } footer .footer__watermark { opacity: 0.4; display: none; position: absolute; right: -332px; bottom: -164px; z-index: 0; pointer-events: none; } @media (min-width: 768px) { footer .container-fluid .row { padding-right: 25px; padding-left: 25px; } footer .footer__top { padding-top: 33px; } footer .footer__top .btn { width: auto; margin-bottom: 0; } footer .footer__top .footer__section-heading { margin-top: 7px; } footer .footer__top ul.footer__top__connect { margin-top: 5px; } footer .footer__top ul.footer__top__connect li { margin-bottom: 18px; display: block; position: relative; } footer .footer__top ul.footer__top__connect li a svg { width: 18px; height: 18px; margin-right: 11px; display: inline-block; vertical-align: top; } footer .footer__top ul.footer__top__connect li a span { display: inline-block; vertical-align: top; } footer .footer__bottom { padding-top: 24px; padding-bottom: 28px; } footer .footer__bottom p { margin-right: 16px; display: inline-block; position: relative; } footer .footer__bottom p:after { width: 1px; height: 11px; background-color: #505050; display: block; position: absolute; top: 5px; right: -10px; content: ''; } footer .footer__bottom ul { display: inline-block; } footer .footer__watermark { display: block; } } @media (min-width: 992px) { footer .footer__watermark { right: -240px; } } .hero { width: 100%; padding: 20px; background-color: black; position: relative; } .hero .hero__content { width: 100%; height: 100%; padding: 11px 20px 0 20px; position: relative; z-index: 2; } .hero .hero__content .h1-styling { color: #FFD14E; margin-top: 0; margin-bottom: 18px; } .hero .hero__content .hero__content__description { color: white; font-size: 18px; line-height: 24px; } .hero .hero__content .btn { margin: 1px 0 15px 0; display: block; } .hero .hero__gradient { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); position: absolute; top: 0; left: 0; z-index: 1; } .hero.hero--yellow-border .hero__content { padding: 32px 8px 21px 8px; border: 2px solid #FFD14E; } @media (min-width: 768px) { .hero { padding: 30px; } .hero .hero__content { padding: 58px 31px 31px 31px; } .hero .hero__content .h1-styling { margin-bottom: 19px; } .hero .hero__content .btn { margin: 5px 7px 11px 0; display: inline-block; } .hero .hero__gradient { background: linear-gradient(241.68deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .hero.hero--yellow-border .hero__content { padding: 48px 0 29px 0; } } @media (min-width: 992px) { .hero { height: calc(100vh - 65px); padding: 20px; } .hero .hero__content { padding: 48px 100px 94px 100px; } .hero .hero__content .container-fluid, .hero .hero__content .row { height: 100%; } .hero .hero__content .h1-styling { margin-bottom: 29px; } .hero .hero__content .hero__content__description { font-size: 24px; line-height: 38px; } .hero.hero--yellow-border .hero__content { padding: 48px 78px 66px 78px; } } @media (min-width: 1180px) { body.header-position-top .hero { margin-bottom: 65px; } } section.featured-tiles { padding: 60px 0 60px 0; } .featured-tile { width: 100%; margin-bottom: 20px; display: block; text-decoration: none !important; -webkit-transition: box-shadow 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } .featured-tile svg.featured-tile__lock-icon { width: 12px; height: 16px; display: inline-block; vertical-align: baseline; } .featured-tile.featured-tile--on-white-background { border: 1px solid #E5E8ED; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); } .featured-tile.featured-tile--with-image { background-color: white; } .featured-tile.featured-tile--with-image .featured-tile__image { width: 100%; height: 160px; } .featured-tile.featured-tile--with-image .featured-tile__info { padding: 23px 30px 27px 30px; } .featured-tile.featured-tile--with-image .featured-tile__info .featured-tile__info__headline { margin-top: 0; margin-bottom: 13px; display: block; } .featured-tile.featured-tile--with-image .featured-tile__info .featured-tile__info__text { margin-top: 20px; margin-bottom: 34px; font-size: 16px; line-height: 24px; } .featured-tile.featured-tile--with-image .featured-tile__info .featured-tile__info__date-location { margin-bottom: 12px; } .featured-tile.featured-tile--with-image .featured-tile__info .featured-tile__info__date-location li { margin-right: 13px; position: relative; } .featured-tile.featured-tile--with-image .featured-tile__info .featured-tile__info__date-location li:after { width: 1px; height: 15px; background-color: #505050; display: block; position: absolute; top: 5px; right: -9px; content: ''; } .featured-tile.featured-tile--with-image .featured-tile__info .featured-tile__info__date-location li:last-child { margin-right: 0; } .featured-tile.featured-tile--with-image .featured-tile__info .featured-tile__info__date-location li:last-child:after { display: none; } .featured-tile.featured-tile--with-image .featured-tile__info .featured-tile__info__date-location li p { margin-bottom: 0; } .featured-tile.featured-tile--with-image.featured-tile--with-image--blue-overlay .featured-tile__image { position: relative; } .featured-tile.featured-tile--with-image.featured-tile--with-image--blue-overlay .featured-tile__image:before { width: 100%; height: 100%; background-color: #155897; opacity: 0.5; display: block; position: relative; top: 0; left: 0; content: ''; } .featured-tile.featured-tile--without-image { background-color: #6C7684; padding: 37px 28px 31px 28px; position: relative; } .featured-tile.featured-tile--without-image:before, .featured-tile.featured-tile--without-image:after { width: 53px; height: 53px; display: none; position: absolute; content: ''; pointer-events: none; } .featured-tile.featured-tile--without-image:before { border-top: 2px solid #ECB84C; border-right: 2px solid #ECB84C; top: 15px; right: 15px; } .featured-tile.featured-tile--without-image:after { border-bottom: 2px solid #ECB84C; border-left: 2px solid #ECB84C; bottom: 15px; left: 15px; } .featured-tile.featured-tile--without-image .featured-tile__headline { color: white; margin-top: 0; margin-bottom: 17px; } .featured-tile.featured-tile--without-image p { color: white; margin-bottom: 30px; } .featured-tile.featured-tile--without-image .btn { width: 100%; display: block; } .featured-tile.featured-tile--without-image p { position: relative; z-index: 2; } .featured-tile.featured-tile--without-image img { width: 118px; display: none; position: absolute; right: 40px; bottom: 40px; z-index: 1; } .featured-tile.featured-tile--without-image.featured-tile--without-image--one-third:before, .featured-tile.featured-tile--without-image.featured-tile--without-image--one-third:after { display: none !important; } .featured-tile.featured-tile--without-image.featured-tile--without-image--one-third .featured-tile__headline { font-size: 28px !important; line-height: 34px !important; } .featured-tile.featured-tile--without-image.featured-tile--without-image--one-third img { display: none !important; } .featured-tile.featured-tile--without-image--light { background-color: white; padding-bottom: 100px !important; } .featured-tile.featured-tile--without-image--light:before, .featured-tile.featured-tile--without-image--light:after { display: block !important; } .featured-tile.featured-tile--without-image--light .featured-tile__headline { color: #505050; } .featured-tile.featured-tile--without-image--light p { color: #6C7684; margin-bottom: 12px; } .featured-tile.featured-tile--without-image--light img { opacity: 0.4; display: block !important; } .featured-tile.featured-tile--without-image--light .call-to-action { margin: 0; position: absolute; bottom: 36px; left: 36px; z-index: 1; } .featured-tile.featured-tile--without-image--light .featured-tile__background-text { color: #005A8C; opacity: 0.1; margin: 0 !important; position: absolute; bottom: 36px; left: 34px; z-index: 0; font-family: "Playfair Display", serif; font-size: 80px; line-height: 107px; pointer-events: none; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--light:before, .featured-tile.featured-tile--without-image--light.featured-tile--without-image--light:after { display: block !important; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--light img { display: block !important; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--light p { margin-bottom: 27px; } .featured-tile.featured-tile--without-image--light.featured-tile--with-date { padding: 47px 28px 82px 28px !important; } .featured-tile.featured-tile--without-image--light.featured-tile--with-date .featured-tile__date { margin: 0; font-size: 16px; line-height: 24px; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--list { border: 1px solid #E5E8ED; padding: 39px 39px 40px 39px !important; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); -webkit-transition: box-shadow 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--list .h2-styling { margin-bottom: 15px; text-decoration: none !important; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--list li { margin-bottom: 6px; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--list li a { color: #0060B9; margin: 0; font-weight: 700; font-size: 16px; line-height: 19px; text-decoration: none; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--list li a svg { margin-right: 3px; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--list li a:hover { color: #09243E; text-decoration: underline; } .featured-tile.featured-tile--without-image--light.featured-tile--without-image--list:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } .featured-tile:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } .featured-tile:hover.featured-tile--with-image .featured-tile__info .featured-tile__info__headline:hover { color: #0060B9 !important; text-decoration: underline; } .featured-tile:hover.featured-tile--without-image .featured-tile__headline:hover { text-decoration: underline; } .featured-tile:hover.featured-tile--without-image .btn { background-color: white; color: #4E5665; } .featured-tiles.grey-background .featured-tile.featured-tile--without-image--light.featured-tile--without-image--list { border: none; box-shadow: none; } @media (min-width: 768px) { .featured-tile { height: calc(100% - 10px); margin-bottom: 10px; position: relative; padding-bottom: 56px; } .featured-tile svg.featured-tile__lock-icon { width: 9px; height: 14px; margin-left: 4px; } .featured-tile.featured-tile--with-image .featured-tile__image { height: 220px; } .featured-tile.featured-tile--with-image .featured-tile__info { height: calc(100% - 164px); padding: 18px 40px 0 40px; } .featured-tile.featured-tile--with-image .featured-tile__info .featured-tile__info__headline { margin-bottom: 5px; } .featured-tile.featured-tile--with-image .featured-tile__info .call-to-action { position: absolute; bottom: 34px; left: 40px; } .featured-tile.featured-tile--without-image { padding: 33px 30px 132px 30px; } .featured-tile.featured-tile--without-image p { margin-bottom: 0; } .featured-tile.featured-tile--without-image .btn { width: calc(100% - 60px); position: absolute; bottom: 32px; left: 30px; } } @media (min-width: 992px) { .featured-tile { height: calc(100% - 20px); margin-bottom: 20px; } .featured-tile svg.featured-tile__lock-icon { width: 9px; height: 14px; margin-top: 8px; margin-left: 2px; vertical-align: middle; } .featured-tile.featured-tile--with-image .featured-tile__info { height: calc(100% - 164px); } .featured-tile.featured-tile--without-image { padding: 61px 60px 140px 60px; } .featured-tile.featured-tile--without-image:before, .featured-tile.featured-tile--without-image:after { display: block; } .featured-tile.featured-tile--without-image .featured-tile__headline { margin-bottom: 24px; } .featured-tile.featured-tile--without-image .btn { width: auto; max-width: calc(100% - 120px); position: absolute; bottom: 60px; left: 60px; } .featured-tile.featured-tile--without-image img { display: block; } .featured-tile.featured-tile--without-image.featured-tile--without-image--one-third { padding: 66px 40px 124px 40px; } .featured-tile.featured-tile--without-image.featured-tile--without-image--one-third .featured-title__headline { margin-bottom: 22px; } .featured-tile.featured-tile--without-image.featured-tile--without-image--one-third .btn { width: calc(100% - 80px); left: 42px; } .featured-tile.featured-tile--without-image.featured-tile--without-image--light img { opacity: 1; } .featured-tile.featured-tile--without-image.featured-tile--without-image--light.featured-tile--without-image--list { padding: 39px 39px 100px 39px !important; } .featured-tile.featured-tile--without-image.featured-tile--with-date { padding: 61px 39px 99px 39px !important; } .featured-tile.featured-tile--without-image.featured-tile--with-date .h2-styling { margin-bottom: 10px; } .featured-tile.featured-tile--without-image.featured-tile--with-date p { margin-bottom: 54px; } .featured-tile.featured-tile--without-image.featured-tile--with-date p.featured-tile__date { margin: 0; } } .text-list-section { padding-top: 30px; } .text-list-section .text-list { margin-bottom: 30px; } .text-list-section .video { margin-right: -20px; margin-left: -20px; } @media (min-width: 768px) { .text-list-section .video { margin-right: -30px; margin-left: -30px; } } @media (min-width: 992px) { .text-list-section { padding-top: 60px; padding-bottom: 60px; } .text-list-section .text-list { margin-bottom: 0; } .text-list-section .video { margin-left: 0; margin-right: 0; } } .text-list { margin-bottom: 51px; } .text-list .section-title { margin-top: 0; margin-bottom: 31px; } .text-list .text-list__items { margin-bottom: 15px; } .text-list .text-list__items li { width: 100%; border-bottom: 1px solid #D3D3D3; margin: 0; padding-top: 11px; padding-bottom: 7px; } .text-list .text-list__items li:first-child { padding-top: 0; } .text-list .text-list__items li.text-list__items__accordion-item { display: none; } .text-list .text-list__items li .tag { margin-top: -2px; margin-bottom: 0; } .text-list .text-list__items li a { color: #0060B9; margin-top: 9px; margin-bottom: 10px; display: block; font-size: 16px; line-height: 19px; font-weight: 700; } .text-list .text-list__items li a svg { width: 14px; height: 14px; margin-top: -3px; margin-left: 6px; display: inline-block; vertical-align: middle; } .text-list .text-list__items li a svg path { fill: #0060B9; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .text-list .text-list__items li a:hover { color: #09243E; } .text-list .text-list__items li a:hover svg path { fill: #09243E; } .text-list .text-list__items li .text-list__items__date { color: #4E5665; margin: 0 0 9px 0; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; } .text-list .text-list__items li .text-list__items__date svg { width: 17px; margin-top: -3px; margin-right: 7px; display: inline-block; vertical-align: middle; } .text-list .text-list__items li .text-list__items__date svg path, .text-list .text-list__items li .text-list__items__date svg polygon { fill: #6C7684; } .text-list .text-list__items li .text-list__items__date span { margin-top: -3px; margin-right: 3px; margin-left: 3px; display: inline-block; vertical-align: middle; } .text-list .text-list__items li .text-list__items__paragraph { font-size: 16px; line-height: 23px; } .text-list .text-list__items li.text-list__items__pdf-download { padding-right: 30px; padding-left: 26px; position: relative; } .text-list .text-list__items li.text-list__items__pdf-download:before { width: 14px; height: 19px; background: url(../img/icons/basic/pdf@2x.png) repeat center center; background-size: 14px 19px; display: block; position: absolute; top: 9px; left: 3px; content: ''; } .text-list .text-list__items li.text-list__items__pdf-download:after { width: 18px; height: 17px; background: url(../img/icons/basic/download--light-grey.svg) repeat center center; background-size: 18px 17px; display: block; position: absolute; top: 10px; right: 0; content: ''; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; } .text-list .text-list__items li.text-list__items__pdf-download:hover:after { background: url(../img/icons/basic/download--blue.svg) repeat center center; background-size: 18px 17px; } .text-list.text-list__also-by-author a { margin-top: 6px !important; margin-bottom: 7px !important; } .text-list.text-list__also-by-author .text-list__items li p { margin-bottom: 7px; font-size: 16px; } .text-list.text-list__also-by-author .text-list__items li p.text-list__items__date { margin-bottom: 3px; font-size: 13px; } .text-list.text-list__endorsed-solutions .section-title { margin-bottom: 1px; } .text-list.text-list__endorsed-solutions a { margin-top: 6px !important; margin-bottom: 8px !important; } .text-list.text-list__endorsed-solutions .text-list__items li { padding-top: 14px; padding-bottom: 8px; } .text-list.text-list__endorsed-solutions .text-list__items li p { margin-bottom: 5px; } .text-list.text-list--webinar .text-list__items li a { margin-bottom: 8px; } .text-list.text-list--webinar .text-list__items__date { margin-bottom: 13px !important; } .text-list.text-list--webinar .text-list__items__date svg { display: inline-block !important; vertical-align: middle !important; } .text-list.text-list--webinar .text-list__items__date a { margin: 0; display: inline-block; vertical-align: top; font-weight: 900; font-size: 14px; line-height: 17px; } .text-list.text-list--webinar .text-list__items__date span { color: #D3D3D3; margin-right: 9px !important; margin-left: 9px !important; } .text-list.text-list--webinar .text-list__items__date.text-list__items__date--list { margin-bottom: 0 !important; } .text-list.text-list--individual-proposal .section-title { margin-top: 32px; margin-bottom: 12px; } .text-list.text-list--accordion-open .text-list__items li.text-list__items__accordion-item { display: block; } .text-list.text-list--accordion-open .accordion-trigger .accordion-trigger__plus { display: none; } .text-list.text-list--accordion-open .accordion-trigger .accordion-trigger__minus { display: block; } .text-list.text-list--accordion-open .accordion-trigger .accordion-trigger__more { display: none; } .text-list.text-list--accordion-open .accordion-trigger .accordion-trigger__less { display: inline-block; } .icon-blocks { padding-top: 57px; padding-bottom: 11px; text-align: center; } .icon-blocks .feature-subheading { margin-top: 0; margin-bottom: 11px; } .icon-blocks .feature-heading { margin-top: 0; margin-bottom: 48px; } .icon-blocks .icon-block { display: block; margin-bottom: 42px; text-decoration: none; } .icon-blocks .icon-block .icon-block__icon { width: 82px; height: 76px; margin-bottom: 9px; } .icon-blocks .icon-block .icon-block__info .h4-styling { margin-top: 0; margin-bottom: 8px; text-decoration: underline; } .icon-blocks .icon-block .icon-block__info .icon-block__description { margin-bottom: 0; font-size: 16px; line-height: 26px; } .icon-blocks .icon-block:hover .icon-block__info .h4-styling { text-decoration: underline; } .icon-blocks.grey-background .feature-subheading, .icon-blocks.grey-background .feature-heading { color: #4E5665; } .icon-blocks.grey-background .icon-block .icon-block__info .h4-styling { color: #0060B9; } .icon-blocks.grey-background .icon-block .icon-block__info .h4-styling:hover { color: #09243E; } .icon-blocks.icon-blocks--pattern-background { background: black url(../img/background-pattern/background-pattern__dark@2x.png) repeat center center; background-size: 67px 80px; } .icon-blocks.icon-blocks--pattern-background .feature-subheading, .icon-blocks.icon-blocks--pattern-background .feature-heading { color: white; } .icon-blocks.icon-blocks--pattern-background .icon-block { color: white; } .icon-blocks.icon-blocks--pattern-background .icon-block .icon-block__info .h4-styling, .icon-blocks.icon-blocks--pattern-background .icon-block .icon-block__info .icon-block__description { color: white; } @media (min-width: 768px) { .icon-blocks { padding-top: 39px; } .icon-blocks .feature-heading { margin-bottom: 41px; } .icon-blocks .icon-block { margin-bottom: 26px; text-align: left; } .icon-blocks .icon-block .icon-block__icon { margin-right: 32px; display: inline-block; vertical-align: middle; } .icon-blocks .icon-block .icon-block__info { width: calc(100% - 114px); display: inline-block; vertical-align: middle; } } @media (min-width: 992px) { .icon-blocks { padding-top: 59px; padding-bottom: 35px; } .icon-blocks .feature-subheading { margin-bottom: 6px; } .icon-blocks .feature-heading { margin-bottom: 51px; } .icon-blocks .icon-block { text-align: center; } .icon-blocks .icon-block .icon-block__icon { margin-right: 0; margin-bottom: 14px; display: inline; vertical-align: baseline; } .icon-blocks .icon-block .icon-block__info { display: inline; vertical-align: baseline; } .icon-blocks .icon-block .icon-block__info .h4-styling { margin-bottom: 17px; text-decoration: none; } .icon-blocks .icon-block .icon-block__info .icon-block__description { font-size: 18px; } } .media { padding-top: 30px; margin-bottom: 15px; } .media .media__container { width: calc(100% + 40px); margin-left: -20px; } .media .media__container .media__slider { margin-bottom: 33px; } .media .media__container .media__slider .slick-prev, .media .media__container .media__slider .slick-next { width: 18px; height: 31px; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; } .media .media__container .media__slider .slick-prev:before, .media .media__container .media__slider .slick-next:before { display: none; } .media .media__container .media__slider .slick-prev { background: url(../img/icons/chevron-left__grey.svg) no-repeat center center; background-size: 17px 30px; left: -32px; } .media .media__container .media__slider .slick-prev:hover { background: url(../img/icons/chevron-left__hover-blue.svg) no-repeat center center; background-size: 17px 30px; } .media .media__container .media__slider .slick-next { background: url(../img/icons/chevron-right__grey.svg) no-repeat center center; background-size: 17px 30px; right: -32px; } .media .media__container .media__slider .slick-next:hover { background: url(../img/icons/chevron-right__hover-blue.svg) no-repeat center center; background-size: 17px 30px; } .media .media__container .media__slider .slick-dots { bottom: -38px; } .media .media__container .media__slider .slick-dots li { width: 8px; height: 8px; margin: 0 10px 0 0; } .media .media__container .media__slider .slick-dots li button { width: 8px; height: 8px; background-color: #D3D3D3; border-radius: 100%; padding: 0; } .media .media__container .media__slider .slick-dots li button:before { display: none; } .media .media__container .media__slider .slick-dots li.slick-active button { background-color: #155897; } .media .media__container .media__slider .slick-dots li:last-child { margin: 0; } .media .media__container .media__item img { width: 100%; } .media .media__container .media__item .media__info { width: 100%; background-color: #F3F4F7; padding: 20px 30px 21px 30px; } .media .media__container .media__item .media__info .media-description { margin: 0; font-style: italic; } .media .media__container .media__item .media__info .media-description a { color: #0060B9; font-weight: 700; font-style: normal; text-decoration: underline; } .media .media__container .media__item .media__info .media-description a:hover { color: #09243E; } @media (min-width: 768px) { .media .media__container { width: 100%; margin-left: 0; } .media .media__container .media__item .media__info { padding: 10px 16px 9px 16px; } .media .media__container .media__slider { margin-right: 56px; margin-left: 56px; } .grey-background .media__info { background-color: white !important; } } @media (min-width: 992px) { .media { padding-bottom: 19px; } .media .media__container .media__item .media__info { padding: 10px 15px 13px 15px; } } .stay-connected { color: white; padding-top: 30px; padding-bottom: 40px; text-align: center; position: relative; } .stay-connected .stay-connected__overlay { width: 100%; height: 100%; background-color: rgba(21, 88, 151, 0.9); display: block; position: absolute; top: 0; left: 0; z-index: 1; } .stay-connected .container-fluid { position: relative; z-index: 2; } .stay-connected h2 { color: white; margin-top: 0; margin-bottom: 13px; } .stay-connected p { margin-bottom: 24px; } .stay-connected .btn { margin-bottom: 10px; display: block; } .stay-connected .btn:last-child { margin-bottom: 0; } @media (min-width: 768px) { .stay-connected { padding-top: 41px; text-align: left; } .stay-connected h2 { margin-bottom: 8px; } .stay-connected p { margin-bottom: 0; } .stay-connected .stay-connected__buttons { text-align: right; } .stay-connected .btn { display: inline-block; } } @media (min-width: 992px) { .stay-connected { background-size: cover; padding-top: 56px; padding-bottom: 56px; } .stay-connected h2 { margin-bottom: 9px; } .stay-connected .btn { margin-left: 10px; display: inline-block; vertical-align: top; } .stay-connected .btn:first-child { margin-left: 0px; } } .text-with-background { color: #505050; padding-top: 21px; padding-bottom: 15px; } .text-with-background .h2-styling { color: #505050; margin-top: 0; margin-bottom: 9px; } @media (min-width: 992px) { .text-with-background { padding-top: 41px; padding-bottom: 25px; } .text-with-background .h2-styling { margin-bottom: 21px; } } .page-header { background-color: rgba(0, 90, 140, 0.05); padding-top: 25px; padding-bottom: 11px; } .page-header .tag { margin-bottom: 11px; } .page-header h1 { margin-top: 0; margin-bottom: 17px; } .page-header .byline { margin-bottom: 20px; } .page-header .byline li { margin-bottom: 2px; font-size: 16px; line-height: 24px; } .page-header p a.hyperlink { font-weight: 400; text-decoration: underline !important; } .page-header .btn { margin-bottom: 20px; } .page-header.page-header--blue-overlay { position: relative; } .page-header.page-header--blue-overlay:before { width: 100%; height: 100%; background-color: #09243E; opacity: 0.7; display: block; position: absolute; top: 0; left: 0; z-index: 1; content: ''; } .page-header.page-header--blue-overlay .container-fluid { position: relative; z-index: 2; } .page-header.page-header--blue-overlay .container-fluid .breadcrumbs li, .page-header.page-header--blue-overlay .container-fluid .breadcrumbs a { color: white !important; } .page-header.page-header--blue-overlay .container-fluid .breadcrumbs li:after { background: url(../img/icons/chevron-right__white.svg) no-repeat center center; } .page-header.page-header--blue-overlay .container-fluid .tag.tag--outline { border: 2px solid #ECB84C; } .page-header.page-header--blue-overlay .container-fluid .tag.tag--outline span { color: #ECB84C; } .page-header.page-header--blue-overlay .container-fluid .h1-styling { color: white; } .page-header.page-header--blue-overlay .container-fluid .opening-paragraph { color: white; } @media (min-width: 768px) { .page-header { padding-top: 22px; padding-bottom: 22px; } .page-header .byline { margin-top: 18px; margin-bottom: 17px; } .page-header .byline li { margin-bottom: 0; line-height: 18px; } .page-header .byline li.byline__inline { margin-right: 13px; display: inline-block; position: relative; } .page-header .byline li.byline__inline:after { width: 1px; height: 16px; background-color: #505050; display: block; position: absolute; top: 5px; right: -9px; content: ''; } .page-header .byline li.byline__inline:last-child { margin-right: 0; } .page-header .byline li.byline__inline:last-child:after { display: none; } } @media (min-width: 992px) { .page-header { padding-top: 23px; padding-bottom: 40px; } .page-header .tag { margin-bottom: 21px; } .page-header h1 { margin-bottom: 25px; } .page-header .byline { margin-top: 20px; } .page-header .btn { margin-top: 12px; margin-bottom: 21px; } } .page-banner { color: white; padding-top: 17px; padding-bottom: 25px; } .page-banner.page-banner--blue-overlay { position: relative; } .page-banner.page-banner--blue-overlay:before { width: 100%; height: 100%; background-color: #09243E; opacity: 0.75; display: block; position: absolute; top: 0; left: 0; z-index: 1; content: ''; } .page-banner.page-banner--blue-overlay .col-12 { z-index: 2; } .page-banner .page-banner__content .tag { margin-bottom: 10px; } .page-banner .page-banner__content .page-banner__content__info-list { margin-bottom: 5px; overflow: visible; font-size: 0; line-height: 0; } .page-banner .page-banner__content .page-banner__content__info-list li { margin: 0 15px 0 0; vertical-align: top; position: relative; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 1.75px; } .page-banner .page-banner__content .page-banner__content__info-list li:after { width: 1px; height: 13px; background-color: white; display: block; position: absolute; top: 3px; right: -7px; content: ''; } .page-banner .page-banner__content .page-banner__content__info-list li:last-child { margin-right: 0; } .page-banner .page-banner__content .page-banner__content__info-list li:last-child:after { display: none; } .page-banner .page-banner__content .h1-styling, .page-banner .page-banner__content .h2-styling { color: white; margin-top: 0; margin-bottom: 10px; } .page-banner .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 0; font-size: 18px; line-height: 24px; } .page-banner .page-banner__content .page-banner__content__byline { margin-bottom: 0; font-size: 16px; line-height: 34px; } .page-banner.page-banner--var-1 .page-banner__content .tag { margin-bottom: 20px; } .page-banner.page-banner--var-1 .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 5px; } .page-banner.page-banner--var-2 .breadcrumbs { margin-bottom: 43px !important; } .page-banner.page-banner--var-2 .page-banner__content .h1-styling { margin-top: 9px; } .page-banner.page-banner--var-2 .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 7px; } .page-banner.page-banner--var-2.page-banner--author { padding-bottom: 66px; } .page-banner.page-banner--var-2.page-banner--author .page-banner__content .h1-styling { margin-top: 0; margin-bottom: 9px; } .page-banner.page-banner--level-1 { padding-top: 66px; padding-bottom: 64px; } .page-banner.page-banner--level-1 .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 0; } .page-banner.page-banner--level-2 { padding-top: 48px; padding-bottom: 46px; } .page-banner.page-banner--level-2 .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 0; } .page-banner.page-banner--press-release, .page-banner.page-banner--podcast { color: #505050; padding-bottom: 30px; } .page-banner.page-banner--press-release .page-banner__content .tag, .page-banner.page-banner--podcast .page-banner__content .tag { margin-top: 17px; margin-bottom: 8px; } .page-banner.page-banner--press-release .page-banner__content .page-banner__content__info-list, .page-banner.page-banner--podcast .page-banner__content .page-banner__content__info-list { margin-bottom: 1px; } .page-banner.page-banner--press-release .page-banner__content .page-banner__content__info-list li:after, .page-banner.page-banner--podcast .page-banner__content .page-banner__content__info-list li:after { background-color: #505050; } .page-banner.page-banner--press-release .page-banner__content .h1-styling, .page-banner.page-banner--press-release .page-banner__content .h2-styling, .page-banner.page-banner--podcast .page-banner__content .h1-styling, .page-banner.page-banner--podcast .page-banner__content .h2-styling { color: #505050; margin-bottom: 3px; } .page-banner.page-banner--press-release .page-banner__content .page-banner__content__opening-paragraph, .page-banner.page-banner--podcast .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 0; } .page-banner.page-banner--press-release .page-banner__content .page-banner__content__byline, .page-banner.page-banner--podcast .page-banner__content .page-banner__content__byline { margin: -9px 0 0 0; font-size: 16px; line-height: 34px; } .page-banner.page-banner--podcast .breadcrumbs { margin-bottom: 9px !important; } .page-banner.page-banner--podcast .secondary-nav .secondary-nav__trigger { background-color: #4E5665; } .page-banner.page-banner--podcast .secondary-nav .secondary-nav__trigger p { color: white; } .page-banner.page-banner--podcast .secondary-nav .secondary-nav__trigger p:before { background: url(../img/icons/plus__white.svg) no-repeat center center; background-size: 13px 13px; } .page-banner.page-banner--podcast .secondary-nav .secondary-nav__trigger p:after { background: url(../img/icons/minus__white.svg) no-repeat center center; background-size: 13px 3px; } .page-banner.page-banner--podcast .page-banner__image { width: 100%; border: 9px solid white; margin: 10px 0 14px 0; } .page-banner.page-banner--podcast .page-banner__image img { width: 100%; } .page-banner.page-banner--podcast .page-banner__content .tag { margin-top: 0; margin-bottom: 11px; } .page-banner.page-banner--podcast .page-banner__content .h2-styling { margin-bottom: 14px; } .page-banner.page-banner--podcast .page-banner__content .page-banner__content__info-list.page-banner__content__info-list--podcast { margin-bottom: 20px; } .page-banner.page-banner--podcast .page-banner__content .page-banner__content__info-list.page-banner__content__info-list--podcast li { margin: 0 28px 0 0; font-weight: 400; font-size: 16px; line-height: 23px; letter-spacing: 0; } .page-banner.page-banner--podcast .page-banner__content .page-banner__content__info-list.page-banner__content__info-list--podcast li:after { width: 6px; height: 6px; border-radius: 50%; top: 10px; right: -16px; } .page-banner.page-banner--search-results { padding-top: 31px; padding-bottom: 21px; } .page-banner.page-banner--search-results .page-banner__content .h1-styling { margin-bottom: 15px; } .page-banner.page-banner--search-results .page-banner__content .search-group { margin-bottom: 13px; } .page-banner.page-banner--search-results .page-banner__content .page-banner__content__also-try { padding-left: 62px; display: block; position: relative; font-weight: 700; font-size: 16px; line-height: 19px; } .page-banner.page-banner--search-results .page-banner__content .page-banner__content__also-try span { width: 65px; display: block; position: absolute; top: 0; left: 0; font-weight: 400; pointer-events: none; } .page-banner.page-banner--bio { background-color: #202A37 !important; background-size: 0 0 !important; padding-bottom: 30px; } .page-banner.page-banner--bio .breadcrumbs { margin-bottom: 22px !important; } .page-banner.page-banner--bio .page-banner__content .h1-styling { margin: 0 0 11px 0; } .page-banner.page-banner--bio .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 7px; } .page-banner.page-banner--bio .page-banner__content ul li { margin-bottom: 0; font-size: 16px; line-height: 23px; } .page-banner.page-banner--bio.page-banner--bio--v2 .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 0; } .page-banner.page-banner--individual-proposal { background-size: 134px 160px !important; padding-bottom: 36px !important; } .page-banner.page-banner--individual-proposal .breadcrumbs { margin-bottom: 8px !important; } .page-banner.page-banner--individual-proposal .page-banner__content .tag { margin-bottom: 11px; } .page-banner.page-banner--individual-proposal .page-banner__content ul li { margin-bottom: 2px; font-size: 16px; line-height: 23px; } .page-banner.page-banner--individual-proposal .page-banner__content ul li a { color: white !important; text-decoration: underline !important; } .page-banner-mobile-image img { width: 100%; margin-top: 17px; } @media (min-width: 768px) { .page-banner { padding-top: 13px; padding-bottom: 30px; } .page-banner .page-banner__content .tag { margin-bottom: 7px; } .page-banner .page-banner__content .page-banner__content__info-list { margin-bottom: 2px; } .page-banner .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 1px; } .page-banner.page-banner--var-1 .page-banner__content .tag { margin-bottom: 17px; } .page-banner.page-banner--var-1 .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 0; } .page-banner.page-banner--var-2 .page-banner__content .h1-styling { margin-top: 3px; } .page-banner.page-banner--var-2 .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 0; } .page-banner.page-banner--level-1 { padding-top: 80px; padding-bottom: 78px; } .page-banner.page-banner--level-1.page-banner--blue-overlay:before { background: linear-gradient(268.65deg, rgba(0, 0, 0, 0) 0%, rgba(9, 36, 62, 0.78) 64.57%, #000000 100%); } .page-banner.page-banner--level-2 { padding-top: 69px; padding-bottom: 81px; } .page-banner.page-banner--level-2 .page-banner__content .h1-styling { margin-bottom: 18px; } .page-banner.page-banner--press-release { color: #505050; padding-bottom: 33px; } .page-banner.page-banner--press-release .breadcrumbs { margin-bottom: 9px !important; } .page-banner.page-banner--press-release .page-banner__content .tag { margin-top: 0; margin-bottom: 8px; } .page-banner.page-banner--podcast .breadcrumbs { margin-bottom: 19px !important; } .page-banner.page-banner--podcast .page-banner__content .h2-styling { margin-bottom: 4px; } .page-banner.page-banner--podcast .page-banner__content .page-banner__content__info-list.page-banner__content__info-list--podcast { margin-bottom: 0; } .page-banner.page-banner--podcast .page-banner__content .page-banner__content__info-list.page-banner__content__info-list--podcast li { margin-right: 31px; font-size: 18px; line-height: 34px; } .page-banner.page-banner--podcast .page-banner__content .page-banner__content__info-list.page-banner__content__info-list--podcast li:after { width: 7px; height: 7px; top: 15px; right: -19px; } .page-banner.page-banner--search-results { padding-top: 31px; padding-bottom: 23px; } .page-banner.page-banner--bio { background-size: cover !important; padding-bottom: 45px; } .page-banner.page-banner--bio.page-banner--blue-overlay:before { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(9, 36, 62, 0.78) 64.57%, #000000 100%); } .page-banner.page-banner--bio .page-banner__content .h1-styling { margin: 0 0 21px 0 !important; } .page-banner.page-banner--bio .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 9px !important; } .page-banner.page-banner--bio.page-banner--bio--v2 { padding-bottom: 81px; } .page-banner.page-banner--bio.page-banner--bio--v2 .page-banner__content .h1-styling { margin-top: 41px !important; margin-bottom: 11px !important; } } @media (min-width: 992px) { .page-banner { padding-top: 16px; padding-bottom: 70px; } .page-banner .page-banner__content { padding-left: 10px !important; } .page-banner .page-banner__content .tag { margin-bottom: 12px; } .page-banner .page-banner__content .page-banner__content__info-list { margin-bottom: 14px; } .page-banner .page-banner__content .h1-styling { margin-bottom: 18px; } .page-banner .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 9px; font-size: 24px; line-height: 38px; letter-spacing: 0.5px; } .page-banner .page-banner__content .page-banner__content__byline { font-size: 18px; } .page-banner.page-banner--var-1 { padding-bottom: 61px; } .page-banner.page-banner--var-1 .page-banner__content .tag { margin-bottom: 15px; } .page-banner.page-banner--var-2 { padding-bottom: 69px; } .page-banner.page-banner--var-2 .page-banner__content .h1-styling { margin-top: 14px; } .page-banner.page-banner--level-1 { padding-top: 147px; padding-bottom: 152px; } .page-banner.page-banner--level-2 { padding-top: 90px; padding-bottom: 89px; } .page-banner.page-banner--level-2 .page-banner__content .h1-styling { margin-bottom: 16px; } .page-banner.page-banner--press-release { color: #505050; padding-bottom: 46px; } .page-banner.page-banner--press-release .breadcrumbs { margin-bottom: 30px !important; } .page-banner.page-banner--press-release .page-banner__content .tag { margin-top: 0; margin-bottom: 19px; } .page-banner.page-banner--press-release .page-banner__content .page-banner__content__info-list { margin-bottom: 8px; } .page-banner.page-banner--press-release .page-banner__content .h1-styling, .page-banner.page-banner--press-release .page-banner__content .h2-styling { margin-bottom: 7px; } .page-banner.page-banner--press-release .page-banner__content .page-banner__content__byline { margin: 0; } .page-banner.page-banner--search-results { padding-top: 51px; padding-bottom: 37px; } .page-banner.page-banner--search-results .page-banner__content .h1-styling { margin-bottom: 28px; } .page-banner.page-banner--search-results .page-banner__content .search-group { margin-bottom: 22px; } .page-banner.page-banner--bio { padding-bottom: 73px; } .page-banner.page-banner--bio .page-banner__content .h1-styling { margin: 48px 0 8px 0 !important; } .page-banner.page-banner--bio .page-banner__content .page-banner__content__opening-paragraph { margin-bottom: 5px !important; } .page-banner.page-banner--bio.page-banner--bio--v2 { padding-bottom: 109px; } .page-banner.page-banner--bio.page-banner--bio--v2 .page-banner__content .h1-styling { margin-top: 81px !important; margin-bottom: 8px !important; } } .page-banner.page-banner--event-landing { color: #505050; padding-bottom: 21px; } .page-banner.page-banner--event-landing .breadcrumbs { margin-bottom: 17px !important; } .page-banner.page-banner--event-landing .secondary-nav { margin-top: 0px; margin-bottom: 20px; } .page-banner.page-banner--event-landing .secondary-nav .secondary-nav__trigger { background-color: #4E5665; } .page-banner.page-banner--event-landing .secondary-nav .secondary-nav__trigger p { color: white; } .page-banner.page-banner--event-landing .secondary-nav .secondary-nav__trigger p:before { background: url(../img/icons/plus__white.svg) no-repeat center center; background-size: 13px 13px; } .page-banner.page-banner--event-landing .secondary-nav .secondary-nav__trigger p:after { background: url(../img/icons/minus__white.svg) no-repeat center center; background-size: 13px 3px; } .page-banner.page-banner--event-landing .page-banner--event-landing__image { width: 100%; border: 9px solid white; margin-bottom: 12px; } .page-banner.page-banner--event-landing .tag { margin-bottom: 10px; } .page-banner.page-banner--event-landing .h1-styling, .page-banner.page-banner--event-landing .h2-styling { color: #4E5665; } .page-banner.page-banner--event-landing .page-banner__content__info-list { margin-bottom: 20px; } .page-banner.page-banner--event-landing .page-banner__content__info-list li { margin-right: 31px; font-weight: 400; font-size: 16px; line-height: 23px; letter-spacing: 0; } .page-banner.page-banner--event-landing .page-banner__content__info-list li:after { width: 7px; height: 7px; background-color: #505050; border-radius: 50%; top: 50%; right: -18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page-banner.page-banner--event-landing .page-banner__content__info-list li:last-child { margin-right: 0; } .page-banner.page-banner--event-landing .page-banner__content__info-list li:last-child:after { display: none; } .page-banner.page-banner--event-landing .btn { margin-bottom: 10px; display: block; } @media (min-width: 768px) { .page-banner.page-banner--event-landing .breadcrumbs { margin-bottom: 7px !important; } .page-banner.page-banner--event-landing .page-banner--event-landing__image { margin-bottom: 0; } .page-banner.page-banner--event-landing .page-banner__content { padding-top: 10px; } .page-banner.page-banner--event-landing .tag { margin-bottom: 5px; } .page-banner.page-banner--event-landing .page-banner__content__info-list li { font-size: 18px; line-height: 34px; } .page-banner.page-banner--event-landing .btn { margin-right: 6px; display: inline-block; } .page-banner.page-banner--event-landing.page-banner--event-landing--v2 .page-banner__content { padding-top: 0; } } @media (min-width: 992px) { .page-banner.page-banner--event-landing { padding-top: 13px; padding-bottom: 21px; } .page-banner.page-banner--event-landing .breadcrumbs { margin-bottom: 9px !important; } .page-banner.page-banner--event-landing .page-banner__content { padding-top: 28px; } .page-banner.page-banner--event-landing .tag { margin-bottom: 1px; } .page-banner.page-banner--event-landing .h1-styling { margin-bottom: 14px; } .page-banner.page-banner--event-landing .h2-styling { margin-top: 9px; } .page-banner.page-banner--event-landing .page-banner__content__info-list { margin-bottom: 6px; } .page-banner.page-banner--event-landing.page-banner--event-landing--v2 .page-banner__content { padding-top: 8px; } } .page-banner.page-banner--industry-provider .breadcrumbs { margin-bottom: 10px !important; } .page-banner.page-banner--industry-provider .h1-styling { margin-top: 0; margin-bottom: 23px; } .page-banner.page-banner--industry-provider .page-banner__content__image-content { margin-bottom: 5px; font-size: 0; } .page-banner.page-banner--industry-provider .page-banner__content__image-content > * { font-size: 16px; } .page-banner.page-banner--industry-provider .page-banner__content__image-content img { width: 60px; margin-right: 10px; display: inline-block; vertical-align: middle; } .page-banner.page-banner--industry-provider .page-banner__content__image-content p { width: calc(100% - 70px); margin: 0; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 20px; } .page-banner.page-banner--industry-provider .page-banner__content__image-content p span { margin-top: 1px; display: block; font-size: 16px; } @media (min-width: 768px) { .page-banner.page-banner--industry-provider .breadcrumbs { margin-bottom: 12px !important; } .page-banner.page-banner--industry-provider .page-banner__content__image-content { margin-bottom: 0px; } } @media (min-width: 992px) { .page-banner.page-banner--industry-provider { padding-bottom: 59px; } .page-banner.page-banner--industry-provider .breadcrumbs { margin-bottom: 23px !important; } .page-banner.page-banner--industry-provider .h1-styling { margin-bottom: 25px; } .page-banner.page-banner--industry-provider .page-banner__content__image-content img { width: 80px; margin-right: 21px; } .page-banner.page-banner--industry-provider .page-banner__content__image-content p { width: calc(100% - 111px); font-size: 24px; line-height: 27px; } .page-banner.page-banner--industry-provider .page-banner__content__image-content p span { margin-top: 3px; font-size: 18px; } } .share-links { margin-bottom: 20px !important; } .share-links.share-links--standalone { margin-top: 50px; text-align: center; } .share-links li { margin: 0 35px 0 0; } .share-links li:last-child { margin-right: 0; } .share-links li svg { width: 18px; height: 18px; } .share-links li svg path { fill: #6C7684; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .share-links li a:hover svg path { fill: black; } .share-links li.share-links__print { display: none; } @media (min-width: 992px) { .share-links.share-links--standalone { text-align: left; } .share-links li.share-links__print { display: inline-block; } } .related-content-tiles { padding-top: 30px; padding-bottom: 11px; } .related-content-tiles .h4-styling { margin-top: 0; margin-bottom: 30px; } .related-content-tiles .related-content-tiles__tile { width: 100%; margin-bottom: 20px; display: block; text-decoration: none !important; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--with-image { padding-top: 207px; position: relative; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--with-image .related-content-tiles__tile__content { width: 100%; background-color: rgba(19, 79, 136, 0.7); padding: 14px 26px 49px 26px; position: relative; z-index: 2; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--with-image .related-content-tiles__tile__content .tag { margin-bottom: 7px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--with-image .related-content-tiles__tile__content .h3-styling { color: white; margin: 0; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--with-image .related-content-tiles__tile__overlay { width: 100%; height: 100%; background-color: rgba(19, 79, 136, 0.4); position: absolute; top: 0; left: 0; z-index: 1; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--without-image { background: #0E5699 url(../img/background-pattern/background-pattern__light@2x.png) repeat center center; background-size: 67px 80px; color: white; padding: 21px 31px 24px 31px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--without-image .tag { margin-bottom: 12px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--without-image .h3-styling { color: white; margin-top: 0; margin-bottom: 15px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--without-image p { margin: 0; } @media (min-width: 768px) { .related-content-tiles { padding-top: 32px; padding-bottom: 21px; } .related-content-tiles .related-content-tiles__tile { margin-bottom: 10px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--with-image, .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--without-image { height: calc(100% - 10px); } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--without-image .h3-styling { color: white; margin-top: 0; margin-bottom: 11px; } } @media (min-width: 992px) { .related-content-tiles { padding-top: 46px; padding-bottom: 41px; } .related-content-tiles .h4-styling { margin-bottom: 43px; } .related-content-tiles .related-content-tiles__tile { margin-bottom: 0; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--with-image { height: 100%; padding-top: 250px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--with-image .related-content-tiles__tile__content { padding: 19px 31px 110px 31px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--with-image .related-content-tiles__tile__content .tag { margin-bottom: 5px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--without-image { height: 100%; padding: 17px 30px 24px 30px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--without-image .tag { margin-bottom: 10px; } .related-content-tiles .related-content-tiles__tile.related-content-tiles__tile--without-image .h3-styling { margin-bottom: 18px; } .related-content-tiles .related-content-tiles__tile:hover .h3-styling { text-decoration: underline; } } .article { padding-top: 35px; } .article h2:first-of-type { margin-top: 0; } .our-experts { border-top: 1px solid #E5E8ED; border-bottom: 3px solid #E5E8ED; margin-top: 30px; margin-bottom: 60px; padding: 22px 0 36px 0; text-align: center; } .our-experts .h4-styling { margin-top: 7px; margin-bottom: 30px; } .our-experts h3 { color: #505050; margin-bottom: 2px; font-family: "Lato", sans-serif; font-weight: 700; font-size: 18px !important; } .our-experts p { margin-bottom: 0; font-size: 16px !important; line-height: 26px !important; } .our-experts p.our-experts__name { font-weight: 700; } .our-experts .our-experts__expert-card { margin-bottom: 30px; } .our-experts .our-experts__expert-card img { width: 95px; height: 100px; margin-bottom: 10px; } .our-experts .our-experts__press-contact { margin-top: 23px; margin-bottom: 30px; text-align: left; } .our-experts .our-experts__press-contact .our-experts__press-contact__headline { width: 123px; padding-right: 22px; display: inline-block; vertical-align: middle; } .our-experts .our-experts__press-contact .our-experts__press-contact__headline p { color: #505050; font-weight: 700; font-size: 18px; line-height: 22px; } .our-experts .our-experts__press-contact .our-experts__press-contact__content { width: calc(100% - 127px); padding-left: 19px; display: inline-block; vertical-align: middle; text-align: left; position: relative; } .our-experts .our-experts__press-contact .our-experts__press-contact__content:before { width: 5px; height: calc(100% + 14px); background-color: #E5E8ED; display: block; position: absolute; top: -7px; left: -5px; content: ''; } @media (min-width: 768px) { .our-experts { padding: 32px 10px 45px 10px; text-align: left; } .our-experts p.our-experts__name { padding-top: 4px; } .our-experts .our-experts__expert-card { min-height: 100px; margin-bottom: 10px; } .our-experts .our-experts__expert-card img { width: 95px; height: 100px; margin-right: 17px; margin-bottom: 10px; float: left; } .our-experts .our-experts__press-contact { margin-top: 45px; } .our-experts .our-experts__press-contact { margin-bottom: 10px; } } @media (min-width: 992px) { .our-experts { padding: 32px 0 45px 0; } .our-experts .h4-styling { margin-bottom: 35px; } .our-experts p.our-experts__name { font-size: 18px !important; } .our-experts .our-experts__expert-card { margin-bottom: 20px; padding-left: 30px; } .our-experts .our-experts__press-contact { margin-top: 4px; padding-left: 30px; } .our-experts .our-experts__press-contact { margin-bottom: 30px; } } .staff-contact { border-top: 1px solid #E5E8ED; border-bottom: 3px solid #E5E8ED; margin-top: 15px; margin-bottom: 40px; padding-top: 20px; padding-bottom: 10px; text-align: center; } .staff-contact .staff-contact__headshot { width: 148px; margin-bottom: 21px; } .staff-contact .h5-styling { margin-top: 0; } .staff-contact ul { margin-bottom: 14px; } .staff-contact ul li { margin-bottom: 0; font-size: 16px; line-height: 24px; } .staff-contact ul li.staff-contact__name { font-weight: 700; } .staff-contact ul li a { color: #0060B9; text-decoration: underline; } .staff-contact ul li a:hover { color: #09243E; } .staff-contact .btn { margin-bottom: 5px; } .staff-contact hr { color: #E5E8ED; margin-right: 30px; margin-left: 30px; margin-bottom: 17px; } @media (min-width: 768px) { .staff-contact { padding-bottom: 20px; text-align: left; } .staff-contact .staff-contact__headshot { width: 109px; margin: 0 20px 0 0; display: inline-block; vertical-align: top; } .staff-contact .staff-contact__content { width: 100%; padding-right: 15px; display: inline-block; vertical-align: top; position: relative; } .staff-contact .staff-contact__content:after { width: 1px; height: calc(100% - 14px); background-color: #E5E8ED; display: block; position: absolute; top: -2px; right: 9px; content: ''; } .staff-contact ul li a { color: #505050; text-decoration: none; } .staff-contact ul li a.staff-contact__mailto { color: #0060B9; text-decoration: underline; } .staff-contact ul li a.staff-contact__mailto:hover { color: #09243E; } .staff-contact .btn { margin-bottom: 0; } .staff-contact hr { display: none; } .staff-contact.staff-contact--with-headshot .staff-contact__content { width: calc(100% - 133px); } } @media (min-width: 992px) { .staff-contact { padding-top: 30px; padding-bottom: 30px; } .staff-contact .staff-contact__headshot { width: 180px; } .staff-contact .staff-contact__content:after { right: 13px; } .staff-contact.staff-contact--with-headshot .staff-contact__content { width: calc(100% - 209px); } } .embeded-image { margin: 30px 0 30px 0; } .embeded-image.embeded-image--left, .embeded-image.embeded-image--right { margin: 20px 0 20px 0; } .embeded-image img { width: 100%; } .embeded-image .embeded-image__caption { background-color: #F3F4F7; padding: 9px 15px 15px 15px; } .embeded-image .embeded-image__caption p { margin: 0; font-style: italic; font-size: 16px; line-height: 24px; } @media (min-width: 992px) { .embeded-image.embeded-image--left { margin-right: 20px; float: left; } .embeded-image.embeded-image--right { margin-left: 20px; float: right; } .embeded-image.embeded-image--3-column { width: 33.33333333%; } .embeded-image.embeded-image--4-column { width: 25%; } .embeded-image.embeded-image--6-column { width: 50%; } .embeded-image.embeded-image--8-column { width: 66.66666667%; margin-right: auto; margin-left: auto; } .grey-background .embeded-image__caption { background-color: white !important; } } .pull-quote { width: 100%; border-top: 4px solid #ECB84C; border-bottom: 2px solid #E5E8ED; margin: 20px 0 20px 0; padding: 31px 29px 32px 29px; } .pull-quote blockquote { margin: 0; } .pull-quote blockquote p { color: black; margin-bottom: 27px; font-weight: 300; font-size: 26px; line-height: 42px; } @media (min-width: 992px) { .pull-quote { width: 33.33333333%; margin-right: 60px; float: left; } .pull-quote blockquote p { font-size: 30px; } } .secondary-nav { width: 100%; margin-top: 6px; margin-bottom: 13px; } .secondary-nav .secondary-nav__trigger { width: 100%; background-color: #E5E8ED; padding: 13px 28px 12px 28px; cursor: pointer; } .secondary-nav .secondary-nav__trigger p { color: #4E5665; margin: 0; display: inline-block; position: relative; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 1.75px; text-transform: uppercase; } .secondary-nav .secondary-nav__trigger p:before, .secondary-nav .secondary-nav__trigger p:after { display: block; position: absolute; top: calc(50% - 1px); right: -30px; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); content: ''; } .secondary-nav .secondary-nav__trigger p:before { width: 13px; height: 13px; background: url(../img/icons/plus.svg) no-repeat center center; background-size: 13px 13px; } .secondary-nav .secondary-nav__trigger p:after { width: 13px; height: 3px; background: url(../img/icons/minus.svg) no-repeat center center; background-size: 13px 3px; } .secondary-nav .secondary-nav__accordion { max-height: 0px; background-color: white; padding: 0; overflow: hidden; } .secondary-nav.secondary-nav--open .secondary-nav__trigger p:before { display: none; } .secondary-nav.secondary-nav--open .secondary-nav__trigger p:after { display: block; } .secondary-nav.secondary-nav--open .secondary-nav__accordion { max-height: 9999999999px; padding: 19px 28px 25px 28px; overflow: visible; } .secondary-nav__list { overflow: visible; } .secondary-nav__list ul { overflow: visible; } .secondary-nav__list li { margin-bottom: 19px !important; margin-left: 35px; line-height: 17px; } .secondary-nav__list a { color: #6C7684; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 1.17px; text-transform: uppercase; text-decoration: none !important; } .secondary-nav__list a:hover { color: #4E5665; } .secondary-nav__list .secondary-nav__current-page > a { color: black !important; position: relative; } .secondary-nav__list .secondary-nav__current-page > a:before { width: 5px; height: 10px; background: url(../img/icons/arrow_right__yellow.svg) no-repeat top left; background-size: 5px 10px; display: block; position: absolute; top: 3px; left: -15px; content: ''; } .secondary-nav__list .secondary-nav__current-page > a:before polygon { width: 5px; height: 10px; fill: #155897; } .secondary-nav__list .secondary-nav__parent-link { margin: 0 0 12px 0; } .secondary-nav__list .secondary-nav__parent-link a { font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: normal; text-transform: none; } .secondary-nav__list .secondary-nav__parent-link a:before { top: 6px; } .secondary-nav__list .secondary-nav__child-pages { margin-top: 15px; margin-bottom: 16px; } .secondary-nav__list .secondary-nav__child-pages li { margin-bottom: 11px; margin-left: 10px; } .secondary-nav__list .secondary-nav__child-pages li a { font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: normal; text-transform: none; } @media (min-width: 992px) { .secondary-nav__list .secondary-nav__parent-link { margin-bottom: 6px; } .secondary-nav__list .secondary-nav__child-pages { margin-top: 9px; margin-bottom: 10px; } .secondary-nav__list .secondary-nav__child-pages li { margin-bottom: 5px; } } .sticky-content--secondary-nav { margin-top: 52px; position: relative; } .sticky-content--secondary-nav:after { width: 1px; height: calc(100% - 35px); background-color: #D3D3D3; display: block; position: absolute; top: 5px; right: -14px; content: ''; } .sticky-content--secondary-nav .secondary-nav__list { padding-bottom: 125px; } .content-with-sticky-header.content-with-sticky-header--podcast { margin-top: 45px; } .content-with-sticky-header.content-with-sticky-header--podcast .tag { margin-bottom: 9px; } .content-with-sticky-header.content-with-sticky-header--podcast .h3-styling { margin-top: 0 !important; margin-bottom: 1px; } .content-with-sticky-header.content-with-sticky-header--podcast a { text-decoration: none; } .content-with-sticky-header.content-with-sticky-header--podcast a:hover { text-decoration: underline; } .content-with-sticky-header.content-with-sticky-header--podcast .podcast-intro-text { margin-top: 7px; margin-bottom: 30px; font-weight: 300; font-size: 24px; line-height: 34px; } .content-with-sticky-header.content-with-sticky-header--podcast .podcast-player-placeholder { width: 100%; height: 175px; background-color: #E5E8ED; margin-bottom: 5px; padding: 30px; } .content-with-sticky-header.content-with-sticky-header--podcast .author { margin-top: 50px; } @media (min-width: 992px) { .content-with-sticky-header { margin-top: 21px; padding-left: 53px !important; } .content-with-sticky-header.content-with-sticky-header--podcast { margin-top: 45px; } } .sticky-content--sidebar-links { border-top: 1px solid #E5E8ED; padding: 28px 0 0 0; } .sticky-content--sidebar-links .sticky-content--sidebar-links__headline { color: black; margin-bottom: 30px; font-family: "Lato", sans-serif; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 1px; text-transform: uppercase; } .sticky-content--sidebar-links > div:first-child .sticky-content--sidebar-links__headline { margin-top: 0; } .sticky-content--sidebar-links .sticky-content--sidebar-links__caret ul { margin-bottom: 10px; } .sticky-content--sidebar-links .sticky-content--sidebar-links__caret ul li { margin-bottom: 20px; } .sticky-content--sidebar-links .sticky-content--sidebar-links__caret ul li a { color: #0060B9; display: block; font-weight: 700; font-size: 16px; line-height: 19px; } .sticky-content--sidebar-links .sticky-content--sidebar-links__caret ul li a:hover { color: #09243E; } .sticky-content--sidebar-links .sticky-content--sidebar-links__caret ul li a svg { width: 5px; height: 10px; margin-top: -3px; margin-right: 2px; display: inline-block; vertical-align: middle; } .sticky-content--sidebar-links .sticky-content--sidebar-links__caret ul li a svg polygon { fill: #ECB84C; } .sticky-content--sidebar-links .sticky-content--sidebar-links__with-image .sticky-content--sidebar-links__headline { margin-bottom: 30px; } .sticky-content--sidebar-links .sticky-content--sidebar-links__with-image ul li { margin-bottom: 10px; } .sticky-content--sidebar-links .sticky-content--sidebar-links__with-image ul li a { color: #0060B9; font-weight: 700; font-size: 16px; line-height: 19px; } .sticky-content--sidebar-links .sticky-content--sidebar-links__with-image ul li a:hover { color: #09243E; } .sticky-content--sidebar-links .sticky-content--sidebar-links__with-image ul li a img { width: 70px; border-radius: 2px; margin-right: 23px; display: inline-block; vertical-align: middle; } .sticky-content--sidebar-links .sticky-content--sidebar-links__with-image ul li a span { width: calc(100% - 100px); margin-top: -1px; display: inline-block; vertical-align: middle; } @media (min-width: 768px) { .sticky-content--sidebar-links { padding: 37px 0 10px 0; } } @media (min-width: 992px) { .sticky-content--sidebar-links { padding: 37px 30px 10px 30px; border-top: none; border-left: 1px solid #E5E8ED; padding: 0 0 0 30px; } .sticky-content--sidebar-links .sticky-content--sidebar-links__with-image ul li:last-child { margin-bottom: 0; } } .sticky-content--call-to-action { border-top: 1px solid #E5E8ED; border-bottom: 1px solid #E5E8ED; margin-bottom: 26px; padding-top: 10px; padding-bottom: 12px; } .tabs, .tabs-static { margin-bottom: 50px; } .tabs .tabs__selection, .tabs-static .tabs__selection { overflow: visible; font-size: 0; } .tabs .tabs__selection li, .tabs-static .tabs__selection li { background-color: white; border: 1px solid #D3D3D3; border-bottom: none; border-radius: 6px 6px 0 0; margin: 0 0 0 -1px; padding: 18px 33px 18px 33px; position: relative; z-index: 2; cursor: pointer; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .tabs .tabs__selection li:first-child, .tabs-static .tabs__selection li:first-child { margin: 0; } .tabs .tabs__selection li.tabs__selection__selected, .tabs-static .tabs__selection li.tabs__selection__selected { background-color: #F2F7F9; } .tabs .tabs__selection li.tabs__selection__selected:after, .tabs-static .tabs__selection li.tabs__selection__selected:after { width: 100%; height: 1px; background-color: #F2F7F9; display: block; position: absolute; bottom: -1px; left: 0; content: ''; } .tabs .tabs__selection li h2, .tabs-static .tabs__selection li h2 { color: #202A37; margin: 0; font-family: "Lato", sans-serif; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 0.57px; text-transform: uppercase; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .tabs .tabs__selection li:hover h2, .tabs-static .tabs__selection li:hover h2 { color: #4E5665; } .tabs .tabs__content, .tabs-static .tabs__content { background-color: #F2F7F9; border: 1px solid #D3D3D3; margin-bottom: 8px; padding: 20px 19px 0 19px; border-radius: 6px; } .tabs .tabs__content .tabs__content__mobile-trigger, .tabs-static .tabs__content .tabs__content__mobile-trigger { width: 100%; margin: 0 0 19px 0; display: block; position: relative; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 0.57px; text-transform: uppercase; cursor: pointer; } .tabs .tabs__content .tabs__content__mobile-trigger:before, .tabs-static .tabs__content .tabs__content__mobile-trigger:before { width: 12px; height: 12px; background: url(../img/icons/plus__cool-grey.svg) no-repeat center center; background-size: 12px 12px; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .tabs .tabs__content .tabs__content__mobile-trigger:after, .tabs-static .tabs__content .tabs__content__mobile-trigger:after { width: 12px; height: 2px; background: url(../img/icons/minus__cool-grey.svg) no-repeat center center; background-size: 12px 2px; display: none; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .tabs .tabs__content .tabs__content__accordion, .tabs-static .tabs__content .tabs__content__accordion { padding-top: 6px; padding-bottom: 17px; display: none; } .tabs .tabs__content .tabs__content__accordion .text-list, .tabs-static .tabs__content .tabs__content__accordion .text-list { margin-bottom: 0; } .tabs .tabs__content .tabs__content__accordion .text-list .text-list__items, .tabs-static .tabs__content .tabs__content__accordion .text-list .text-list__items { margin-bottom: 12px; } .tabs .tabs__content.tabs__content--accordion-open .tabs__content__mobile-trigger:before, .tabs-static .tabs__content.tabs__content--accordion-open .tabs__content__mobile-trigger:before { display: none; } .tabs .tabs__content.tabs__content--accordion-open .tabs__content__mobile-trigger:after, .tabs-static .tabs__content.tabs__content--accordion-open .tabs__content__mobile-trigger:after { display: block; } .tabs .tabs__content.tabs__content--accordion-open .tabs__content__accordion, .tabs-static .tabs__content.tabs__content--accordion-open .tabs__content__accordion { display: block; } @media (min-width: 768px) { .tabs .tabs__content, .tabs-static .tabs__content { border-top-left-radius: 0; padding: 9px 30px 8px 30px; display: none; } .tabs .tabs__content.tabs__content--selected, .tabs-static .tabs__content.tabs__content--selected { display: block; } .tabs .tabs__content .tabs__content__accordion, .tabs-static .tabs__content .tabs__content__accordion { padding-top: 0; padding-bottom: 0; display: block; } .tabs .tabs__content .tabs__content__accordion .text-list .text-list__items, .tabs-static .tabs__content .tabs__content__accordion .text-list .text-list__items { margin-bottom: 7px; } .tabs.tabs--page-level .tabs__selection, .tabs-static.tabs--page-level .tabs__selection { text-align: center; } .tabs.tabs--page-level .tabs__selection li, .tabs-static.tabs--page-level .tabs__selection li { background-color: #F2F7F9; } .tabs.tabs--page-level .tabs__selection li.tabs__selection__selected, .tabs-static.tabs--page-level .tabs__selection li.tabs__selection__selected { background-color: white; } .tabs.tabs--page-level .tabs__selection li.tabs__selection__selected:after, .tabs-static.tabs--page-level .tabs__selection li.tabs__selection__selected:after { background-color: white; } .tabs.tabs--page-level .tabs__content, .tabs-static.tabs--page-level .tabs__content { background-color: white; border-right: none; border-bottom: none; border-left: none; border-radius: 0; padding-right: 0; padding-left: 0; } } .tabs-static .tabs__selection li { cursor: auto; } .tabs-static .tabs__selection li:hover h2 { color: #202A37; } .tabs-static .tabs__content .tabs__content__mobile-trigger { cursor: auto; } .tabs.tabs--square .tabs__content__accordion, .tabs-static.tabs-static--square .tabs__content__accordion { padding-top: 20px; } .tabs.tabs--square p span, .tabs-static.tabs-static--square p span { display: block; } .tabs.tabs--square .custom-radio, .tabs-static.tabs-static--square .custom-radio { margin-bottom: 0; } .tabs.tabs--square .custom-radio.custom-radio--with-input label .form-group, .tabs-static.tabs-static--square .custom-radio.custom-radio--with-input label .form-group { margin: 0; } .tabs.tabs--square .custom-radio.custom-radio--with-input label .form-group span, .tabs.tabs--square .custom-radio.custom-radio--with-input label .form-group input, .tabs-static.tabs-static--square .custom-radio.custom-radio--with-input label .form-group span, .tabs-static.tabs-static--square .custom-radio.custom-radio--with-input label .form-group input { display: inline-block; vertical-align: middle; } .tabs.tabs--square .custom-radio.custom-radio--with-input label .form-group span, .tabs-static.tabs-static--square .custom-radio.custom-radio--with-input label .form-group span { width: 110px; } .tabs.tabs--square .custom-radio.custom-radio--with-input label .form-group input, .tabs-static.tabs-static--square .custom-radio.custom-radio--with-input label .form-group input { width: calc(100% - 114px); } .tabs.tabs--square .tabs--square__next, .tabs.tabs--square .tabs--square__donate, .tabs-static.tabs-static--square .tabs--square__next, .tabs-static.tabs-static--square .tabs--square__donate { width: 100%; margin-top: 20px; margin-bottom: 30px; text-align: center; } .tabs.tabs--square .tabs--square__next .btn, .tabs.tabs--square .tabs--square__donate .btn, .tabs-static.tabs-static--square .tabs--square__next .btn, .tabs-static.tabs-static--square .tabs--square__donate .btn { width: calc(50% - 7px); min-width: 0; max-width: 200px; margin-right: 10px; display: inline-block; vertical-align: top; } .tabs.tabs--square .tabs--square__next .btn:last-child, .tabs.tabs--square .tabs--square__donate .btn:last-child, .tabs-static.tabs-static--square .tabs--square__next .btn:last-child, .tabs-static.tabs-static--square .tabs--square__donate .btn:last-child { margin-right: 0; } @media (min-width: 768px) { .tabs.tabs--square .tabs--square__next, .tabs.tabs--square .tabs--square__donate, .tabs-static.tabs-static--square .tabs--square__next, .tabs-static.tabs-static--square .tabs--square__donate { margin-top: 0; } } .square-confirmation { margin-bottom: 60px; text-align: center; } .square-confirmation .h2-styling { margin-bottom: 30px; } .square-footer { margin-bottom: 30px; text-align: center; } .call-to-action-box { background-color: #F2F7F9; margin: 0 -20px 60px -20px; padding: 53px 20px 41px 20px; } .call-to-action-box .h4-styling { margin-top: 0; margin-bottom: 20px; padding-left: 70px; position: relative; } .call-to-action-box .h4-styling svg { width: 45px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .call-to-action-box a.btn, .call-to-action-box button.btn { display: block; margin-top: 5px; } @media (min-width: 768px) { .call-to-action-box { margin: 0 -60px 60px -60px; padding: 53px 50px 41px 50px; } .call-to-action-box a.btn, .call-to-action-box button.btn { display: inline-block; } } @media (min-width: 992px) { .call-to-action-box { margin: 0 0 60px 0; } } .author { width: 100%; background-color: #F2F7F9; margin-bottom: 60px; padding: 30px 30px 15px 30px; } .author .h4-styling { margin-top: 0; margin-bottom: 32px; display: block; } .author .author__photo { width: 100px; margin: 0 auto 20px auto; display: block; } .author .author__name { margin-bottom: 12px; display: block; text-align: center; font-weight: 700; font-size: 16px; line-height: 26px; } .author a.author__name { color: #0060B9; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .author a.author__name:hover { color: #09243E; } .author .author__description { font-size: 16px; line-height: 24px; } .author.author--large img { width: 140px; margin-bottom: 21px; } @media (min-width: 768px) { .author { padding: 30px 30px 28px 30px; } .author .author__photo { margin: 0 15px 0 0; display: inline-block; vertical-align: top; } .author .author__content { width: calc(100% - 120px); display: inline-block; vertical-align: top; } .author .author__name { margin-bottom: 0; text-align: left; } .author.author--large img { margin-bottom: 0; } .author.author--large .author__content { width: calc(100% - 160px); } .author.author--large .author__content .author__description { margin: 0; } } @media (min-width: 992px) { .author { padding: 39px 30px 28px 30px; } .author .author__photo { margin: 0 26px 0 0; } .author .author__content { width: calc(100% - 131px); } .author .author__name { margin-top: 5px; margin-bottom: 10px; } .author.author--large img { width: 180px; } .author.author--large .author__content { width: calc(100% - 210px); } .author.author--large .author__content .author__description { font-size: 18px; line-height: 32px; } } .text-with-accordion { margin-bottom: 60px; } .text-with-accordion .h4-styling { margin-top: 0; margin-bottom: 0; } .text-with-accordion .h4-styling svg { width: 45px; margin-top: -4px; margin-right: 20px; display: inline-block; vertical-align: middle; } .text-with-accordion .text-with-accordion__accordion-item { display: none; } .text-with-accordion .accordion-trigger { margin-top: 23px; } .text-with-accordion.text-with-accordion--accordion-open .text-with-accordion__accordion-item { display: block; } .text-with-accordion.text-with-accordion--accordion-open .accordion-trigger .accordion-trigger__plus { display: none; } .text-with-accordion.text-with-accordion--accordion-open .accordion-trigger .accordion-trigger__minus { display: block; } .text-with-accordion.text-with-accordion--accordion-open .accordion-trigger .accordion-trigger__more { display: none; } .text-with-accordion.text-with-accordion--accordion-open .accordion-trigger .accordion-trigger__less { display: inline-block; } .video { background-color: black; position: relative; } .video:after { width: 100%; height: 100%; background-color: rgba(8, 19, 33, 0.7); display: block; position: absolute; top: 0; left: 0; z-index: 1; content: ''; } .video .video__top { height: 236px; color: white; text-align: center; position: relative; z-index: 2; } .video .video__top .video__top__vert-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .video .video__top .video__top__play { width: 101px; height: 101px; margin-bottom: 16px; cursor: pointer; } .video .video__top .video__top__length { margin: 0; font-size: 18px; line-height: 32px; } .video .video__description { background-color: #202A37; color: white; padding: 23px 20px 12px 20px; position: relative; z-index: 2; } .video .video__description .tag { margin-bottom: 24px; } .video .video__description .h4-styling { color: white; margin-top: 0; } .video .video__description p { font-size: 16px; line-height: 24px; } @media (min-width: 768px) { .video .video__top { height: 486px; } .video.video--with-description .video__top { height: 300px; } .video.video--with-description .video__description { background-color: transparent; padding: 0 90px 34px 90px; } .video.video--with-description .video__description .tag { margin-bottom: 14px; } } .video-modal__trigger { cursor: pointer; } .video-modal { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; padding-top: 80px; padding-bottom: 40px; overflow-x: hidden; overflow-y: scroll; position: fixed; top: 0; left: 0; z-index: 600; pointer-events: none; -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; } .video-modal .video-modal__close { width: 20px; height: 20px; position: absolute; top: -40px; right: 10px; cursor: pointer; } .video-modal video { width: 100%; } .video-modal * { line-height: 14px !important; } .able-wrapper { width: 100%; max-width: none !important; } .able-wrapper .able { width: 100%; box-shadow: none; margin: 0; } .able-wrapper .icon-play { background-color: rgba(8, 19, 33, 0.3); opacity: 1; } .able-wrapper .icon-play:before { width: 102px; height: 102px; background: url(../img/icons/play-icon/play-button@2x.png) no-repeat center center; background-size: 102px 102px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); content: ''; } .video-modal__transcript-trigger { width: 100%; height: 56px; background-color: #F2F7F9; color: #155897; border: none; outline-color: transparent !important; outline-width: 0px !important; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 1.75px; text-transform: uppercase; text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); cursor: pointer; -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; } .video-modal__transcript-trigger span.video-modal__hide-transcript { display: none; } .video-modal__transcript-trigger span svg { width: 14px; height: 14px; margin-top: -4px; margin-right: 5px; display: inline-block; vertical-align: middle; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .video-modal__transcript-trigger:hover { background-color: #E5E8ED; color: #09243E; } .video-modal__transcript-trigger:hover span svg path, .video-modal__transcript-trigger:hover span svg polygon { fill: #09243E; } .video-modal__transcript-wrapper { display: none; } .video-modal__transcript-wrapper .able-transcript-area { width: 100% !important; height: 200px; margin-bottom: 40px; left: 0 !important; border: none; outline-color: transparent; } .video-modal__transcript-wrapper .able-transcript-area .able-window-toolbar { display: none; } .video-modal__transcript-wrapper .able-transcript-area .able-transcript { height: 200px; padding: 4px 20px 0 20px; } .video-modal__transcript-wrapper .able-transcript-area .able-transcript .able-transcript-container > * { color: #505050; margin-top: 0; font-size: 18px; line-height: 32px !important; } .video-modal.video-modal__transcript-wrapper--open .video-modal__transcript-trigger span.video-modal__show-transcript { display: none; } .video-modal.video-modal__transcript-wrapper--open .video-modal__transcript-trigger span.video-modal__hide-transcript { display: block; } .video-modal.video-modal__transcript-wrapper--open .video-modal__transcript-wrapper { display: block; } .video-modal.video-modal--open { opacity: 1; visibility: visible; pointer-events: auto; } @media (min-width: 992px) { .video-modal { padding-top: 40px; } .video-modal .video-modal__close { top: 0; right: -30px; } } .search-group { width: 100%; margin: 0; display: block; position: relative; } .search-group label { color: #505050; margin: 0 0 16px 0; display: block; font-weight: bold; font-size: 18px; line-height: 22px; } .search-group #search-group__input { width: calc(100% - 51px); border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 13px 46px 11px 19px; margin: 0; display: inline-block; vertical-align: middle; } .search-group .search-group__submit { width: 51px; height: 50px; background-color: #ECB84C; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin: 0; display: inline-block; vertical-align: middle; cursor: pointer; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } .search-group .search-group__submit img { width: 20px; height: 20px; } .search-group .search-group__submit:hover { background-color: #FFD14E; } .search-group .search-group__cancel, .search-group .search-group__cancel-hover { width: 20px; height: 20px; display: none; position: absolute; bottom: 15px; right: 68px; cursor: pointer; z-index: 1; } .search-group .search-group__cancel-hover { opacity: 0; z-index: 2; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; pointer-events: none; } .search-group .search-group__cancel-hover.search-group__cancel-hover--visible { opacity: 1; } .search-group .search-group__predictive { width: 100%; background-color: white; border: 1px solid #D3D3D3; border-radius: 5px; box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.05); padding: 5px 9px 0 9px; display: none; text-align: left; position: absolute; top: calc(100% - 1px); left: 0; z-index: 200; } .search-group .search-group__predictive li { color: #0060B9; border-bottom: 1px solid #E5E8ED; padding: 7px 5px 12px 5px; cursor: pointer; } .search-group .search-group__predictive li:last-child { border: none; } .search-group.search-group--value-entered .search-group__cancel, .search-group.search-group--value-entered .search-group__cancel-hover { display: block; } .search-group.search-group--value-entered .search-group__predictive { display: block; } @media (min-width: 768px) { .search-group label { width: 116px; margin: -2px 0 0 0; display: inline-block; vertical-align: middle; } .search-group #search-group__input { width: calc(100% - 171px); padding: 13px 19px 11px 19px; } .search-group .search-group__submit { width: 55px; } .search-group .search-group__predictive { width: calc(100% - 51px); } .search-group.search-group--standalone #search-group__input { width: calc(100% - 55px); } } @media (min-width: 992px) { .search-group .search-group__predictive { width: calc(67% - 246px); left: 195px; } } .search-banking-topics { width: 100%; background-color: #4E5665; padding: 20px 0 47px 0; } .search-banking-topics .search-group { position: relative; } .search-banking-topics .search-group label { width: 190px; color: white; margin-bottom: 10px; } .search-banking-topics .search-group #search-group__input { border: 1px solid white; } .search-banking-topics .search-group .call-to-action { margin: 0; position: absolute; top: calc(100% + 15px); right: 0; letter-spacing: 1.75px; } .search-banking-topics.search-banking-topics--without-view-all { padding: 13px 0 25px 0; } .search-banking-topics.search-banking-topics--act-regulation .search-group label { width: auto; } @media (min-width: 768px) { .search-banking-topics { padding: 23px 0 20px 0; } .search-banking-topics .search-group label { display: block; vertical-align: baseline; } .search-banking-topics .search-group #search-group__input { width: calc(100% - 51px); padding: 13px 46px 11px 19px; } .search-banking-topics .search-group .search-group__submit { width: 51px; } .search-banking-topics .search-group .call-to-action { top: 3px; } .search-banking-topics.search-banking-topics--without-view-all { padding: 13px 0 20px 0; } } @media (min-width: 992px) { .search-banking-topics { padding: 16px 0 16px 0; } .search-banking-topics .search-group label { width: 195px; margin: 0; display: inline-block; vertical-align: middle; font-size: 18px; } .search-banking-topics .search-group #search-group__input { width: calc(67% - 246px); display: inline-block; vertical-align: middle; } .search-banking-topics .search-group .call-to-action { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-banking-topics .search-group .search-group__cancel, .search-banking-topics .search-group .search-group__cancel-hover { right: 0; left: calc(67% - 88px); } .search-banking-topics.search-banking-topics--without-view-all { padding: 13px 0 16px 0; } .search-banking-topics.search-banking-topics--act-regulation .search-group label { width: 238px; } } .banking-topics-search-results { margin-bottom: 40px; } .banking-topics-search-results .banking-topics-search-results__header { padding: 0 0 20px 0; } .banking-topics-search-results .banking-topics-search-results__header .h3-styling { margin-top: 21px; margin-bottom: 9px; } .banking-topics-search-results .banking-topics-search-results__header .form-group { margin-bottom: 0; } .banking-topics-search-results .banking-topics-search-results__header .form-group label { margin: -2px 13px 0 0; display: inline-block; vertical-align: middle; } .banking-topics-search-results .banking-topics-search-results__header .form-group select { width: auto; display: inline-block; vertical-align: middle; } .banking-topics-search-results .banking-topics-search-results__list { border-top: 2px solid #D3D3D3; padding-top: 10px; } .banking-topics-search-results .banking-topics-search-results__list li { padding: 19px 0 5px 0; border-bottom: 1px solid #D3D3D3; } .banking-topics-search-results .banking-topics-search-results__list li a { margin-bottom: 4px; display: block; font-size: 18px; line-height: 22px; text-decoration: none; } .banking-topics-search-results .banking-topics-search-results__list li a:hover { text-decoration: underline; } .banking-topics-search-results .banking-topics-search-results__list li p { font-size: 16px; line-height: 22px; } @media (min-width: 768px) { .banking-topics-search-results .banking-topics-search-results__header { padding: 5px 0 15px 0; } .banking-topics-search-results .banking-topics-search-results__header .h3-styling { width: 50%; display: inline-block; vertical-align: middle; } .banking-topics-search-results .banking-topics-search-results__header .form-group { width: 50%; margin-top: 9px; display: inline-block; vertical-align: middle; text-align: right; } .banking-topics-search-results .banking-topics-search-results__list li { padding: 14px 0 0 0; } } @media (min-width: 992px) { .banking-topics-search-results .banking-topics-search-results__list li { padding: 25px 0 11px 0; } } .banking-topics-a-z__letters { width: 100%; background-color: #E5E8ED; margin-bottom: 20px; padding: 17px 0 12px 0; text-align: center; } .banking-topics-a-z__letters li { margin: 0 3.5px 1px 3.5px; } .banking-topics-a-z__letters li a { color: #505050; margin: 0; padding: 3px 9px 6px 9px; display: block; font-weight: 700; font-size: 16px; line-height: 19px; text-transform: uppercase; } .banking-topics-a-z__letters li.banking-topics-a-z__letters__current-letter a { color: white; background-color: #0E5699; } @media (min-width: 768px) { .banking-topics-a-z__letters { padding: 8px 0 6px 0; } .banking-topics-a-z__letters li { margin-bottom: 0; } } @media (min-width: 992px) { .banking-topics-a-z__letters { padding: 8px 0 10px 0; } } .banking-topics-a-z__list { margin-bottom: 40px; } .banking-topics-a-z__list ul.banking-topics-a-z__list__number { margin-bottom: 8px; } .banking-topics-a-z__list ul li { margin-bottom: 1px; font-family: "Playfair Display", serif; font-weight: 700; font-size: 24px; line-height: 35px; } .banking-topics-a-z__list ul li:first-child { margin-bottom: 0; } .banking-topics-a-z__list ul li a { margin-bottom: 12px; display: block; font-size: 18px; line-height: 32px; text-decoration: none; } .banking-topics-a-z__list ul li a:hover { text-decoration: underline; } .chevron-links { width: 100%; display: block; } .chevron-links .h5-styling { margin-bottom: 20px; font-size: 16px; line-height: 19px; } .chevron-links ul { overflow: visible; } .chevron-links ul li { margin-bottom: 20px; } .chevron-links ul li a { background: url(../img/icons/arrow_right__yellow.svg) no-repeat top 6px left; background-size: 5px 10px; color: #0060B9; padding-left: 8px; display: block; font-weight: 700; font-size: 16px; line-height: 19px; } @media (min-width: 768px) { .chevron-links.chevron-links--two-columns ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; } } .error-404 { background: white url(../img/background-pattern/background-pattern__very-light@2x.png) repeat center center; background-size: 67px 80px; border-bottom: 1px solid #E5E8ED; padding: 5px 0 23px 0; } .error-404 .h1-styling { color: #505050; margin-bottom: 23px; font-weight: 700; font-size: 28px; line-height: 34px; } .error-404 .search-group { margin-bottom: 30px; } .error-404 .chevron-links { width: 100%; border-top: 1px solid #D3D3D3; display: block; } .error-404 .chevron-links .h5-styling { color: black; margin-top: 29px; } @media (min-width: 768px) { .error-404 { padding: 35px 0 107px 0; } .error-404 .h1-styling { margin-bottom: 29px; } .error-404 .search-group .search-group__predictive { width: calc(100% - 171px); left: 116px; } } @media (min-width: 992px) { .error-404 { padding: 53px 0 69px 0; } .error-404 .h1-styling { margin-bottom: 37px; font-size: 34px; line-height: 44px; } } .top-issues { padding-top: 10px; padding-bottom: 10px; text-align: center; } .top-issues .col-12 { margin-bottom: 10px; } .top-issues .h1-styling { margin: 0 0 10px 0; font-weight: 700; font-size: 34px; line-height: 38px; letter-spacing: 1.25px; } .top-issues .top-issues__tile { width: 100%; height: 100%; background-color: white; border: 1px solid #E5E8ED; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); padding: 17px 15px 19px 15px; display: block; text-align: left; text-decoration: none !important; -webkit-transition: border 0.25s ease-in-out, box-shadow 0.25s ease-in-out; -moz-transition: border 0.25s ease-in-out, box-shadow 0.25s ease-in-out; -o-transition: border 0.25s ease-in-out, box-shadow 0.25s ease-in-out; transition: border 0.25s ease-in-out, box-shadow 0.25s ease-in-out; } .top-issues .top-issues__tile img { max-height: 55px; width: 60px; margin-right: 11px; display: inline-block; vertical-align: top; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .top-issues .top-issues__tile span { width: calc(100% - 75px); color: #505050; display: inline-block; vertical-align: top; font-weight: 700; font-size: 20px; line-height: 22px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .top-issues .top-issues__tile:hover span { color: #0060B9; } .top-issues .btn { margin-top: 10px; } @media (min-width: 768px) { .top-issues { padding-top: 15px; padding-bottom: 20px; } .top-issues .h1-styling { margin: 0 0 14px 0; } } @media (min-width: 992px) { .top-issues { padding-top: 39px; } .top-issues .col-12 { margin-bottom: 22px; } .top-issues .h1-styling { margin: 0; font-size: 55px; line-height: 62px; letter-spacing: 2.2px; } .top-issues .top-issues__tile:hover { border: 1px solid transparent; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } .btn { margin-top: 8px; } } .introduction-text { width: 100%; border-left: 5px solid #ECB84C; margin-bottom: 30px; padding-left: 24px; } .introduction-text p { margin: 0; font-weight: 300; font-size: 21px; line-height: 32px; } .introduction-text .btn { margin: 17px 0 0 0; } @media (min-width: 992px) { .introduction-text { padding-left: 21px; } .introduction-text p { font-size: 26px; line-height: 42px; } .introduction-text .btn { margin: 11px 0 0 0; } } .key-fact { text-decoration: none !important; } .key-fact .section-title { margin-bottom: 16px; } .key-fact .embeded-image { margin-bottom: 17px; } .key-fact .embeded-image .embeded-image__caption { padding-bottom: 9px; } .key-fact .call-to-action { display: inline-block; } .key-fact:hover .call-to-action { text-decoration: underline; } a.key-fact { cursor: pointer; } .key-fact__var { background-color: #F3F4F7; padding: 12px 20px 20px 20px; } .key-fact__var p { color: black; margin: 0; font-weight: 300; font-size: 20px; line-height: 28px; } @media (min-width: 768px) { .key-fact__var { padding: 18px 31px 24px 31px; } } @media (min-width: 992px) { .key-fact__var { padding: 30px 31px 35px 31px; } .key-fact__var p { font-size: 24px; line-height: 34px; } } .in-this-topic { width: 100%; margin-bottom: 30px; position: relative; } .in-this-topic .in-this-topic__trigger { width: auto; height: 50px; background-color: #E5E8ED; padding: 17px 55px 15px 29px; display: inline-block; position: relative; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 1.75px; text-transform: uppercase; cursor: pointer; } .in-this-topic .in-this-topic__trigger:before { width: 12px; height: 12px; background: url(../img/icons/plus__cool-grey.svg) no-repeat center center; background-size: 12px 12px; display: block; position: absolute; top: 50%; right: 35px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .in-this-topic .in-this-topic__trigger:after { width: 12px; height: 2px; background: url(../img/icons/minus__cool-grey.svg) no-repeat center center; background-size: 12px 2px; display: none; position: absolute; top: 50%; right: 35px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .in-this-topic .in-this-topic__dropdown { width: 100%; background-color: white; border: 1px solid #E5E8ED; box-shadow: 0 2px 6px 0 rgba(211, 211, 211, 0.4); padding: 20px 27px 25px 27px; display: none; } .in-this-topic .in-this-topic__dropdown .in-this-topic__dropdown__headline { color: black; margin-bottom: 17px; padding-left: 15px; position: relative; font-family: "Playfair Display", serif; font-weight: 700; font-size: 18px; line-height: 24px; } .in-this-topic .in-this-topic__dropdown .in-this-topic__dropdown__headline:before { width: 5px; height: 11px; background: url(../img/icons/arrow_right__yellow.svg) no-repeat center center; background-size: 5px 11px; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .in-this-topic .in-this-topic__dropdown ul { padding-left: 29px; } .in-this-topic .in-this-topic__dropdown ul li { margin-bottom: 13px; } .in-this-topic .in-this-topic__dropdown ul li:last-child { margin-bottom: 0; } .in-this-topic .in-this-topic__dropdown ul li a { color: #6C7684; font-weight: 700; font-size: 16px; line-height: 19px; } .in-this-topic .in-this-topic__dropdown ul li a:hover { color: black; } .in-this-topic.in-this-topic--dropdown-open .in-this-topic__trigger:before { display: none; } .in-this-topic.in-this-topic--dropdown-open .in-this-topic__trigger:after { display: block; } .in-this-topic.in-this-topic--dropdown-open .in-this-topic__dropdown { display: block; } @media (min-width: 768px) { .in-this-topic .in-this-topic__dropdown { padding: 24px 43px 19px 43px; } .in-this-topic .in-this-topic__dropdown .in-this-topic__dropdown__headline { margin-bottom: 13px; } .in-this-topic .in-this-topic__dropdown ul { padding-left: 43px; -webkit-columns: 2; -moz-columns: 2; columns: 2; } .in-this-topic .in-this-topic__dropdown ul li { margin-bottom: 7px; } } @media (min-width: 992px) { .in-this-topic .in-this-topic__dropdown { padding: 24px 30px 19px 30px; } } .highlight-box { background-color: #F3F4F7; margin: 0 -20px 30px -20px; display: block; position: relative; text-decoration: none !important; -webkit-transition: box-shadow 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } .highlight-box:before, .highlight-box:after { width: 53px; height: 53px; display: none; position: absolute; content: ''; pointer-events: none; z-index: 2; } .highlight-box:before { border-top: 2px solid #ECB84C; border-right: 2px solid #ECB84C; top: 20px; right: 15px; } .highlight-box:after { border-bottom: 2px solid #ECB84C; border-left: 2px solid #ECB84C; bottom: 15px; left: 20px; } .highlight-box .highlight-box__info { padding: 20px 20px 17px 20px; position: relative; } .highlight-box .highlight-box__info .highlight-box__info__headline { color: #505050; margin: 0 0 19px 0; } .highlight-box .highlight-box__info .media-description { color: #505050; margin-bottom: 19px; } .highlight-box .highlight-box__image { height: 270px; position: relative; } .highlight-box .highlight-box__image .highlight-box__image__caption { width: 100%; background-color: rgba(0, 0, 0, 0.4); color: white; padding: 9px 20px 9px 20px; position: absolute; bottom: 0; left: 0; font-style: italic; font-size: 16px; line-height: 24px; } .highlight-box:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } .highlight-box:hover .highlight-box__info .highlight-box__info__headline:hover { color: #0060B9 !important; text-decoration: underline; } @media (min-width: 768px) { .highlight-box { margin: 0 -60px 30px -60px; } .highlight-box:before, .highlight-box:after { display: block; } .highlight-box .highlight-box__info { width: 50%; min-height: 400px; padding: 31px 40px 75px 60px; display: table-cell; vertical-align: top; } .highlight-box .highlight-box__info .call-to-action { position: absolute; bottom: 50px; left: 60px; } .highlight-box .highlight-box__image { width: 50%; min-height: 400px; display: table-cell; vertical-align: top; } } @media (min-width: 992px) { .highlight-box { margin: 0 -0 30px -0; } .highlight-box:before { right: 19px; } .highlight-box:after { left: 19px; } .highlight-box .highlight-box__info { padding: 30px 21px 97px 31px; } .highlight-box .highlight-box__info .highlight-box__info__headline { margin-bottom: 20px; } .highlight-box .highlight-box__info .call-to-action { bottom: 36px; left: 41px; } } .list-complex { width: 100%; } .list-complex .list-complex__header { border-bottom: 2px solid #E5E8ED; margin-bottom: 34px; padding: 20px 0 12px 0; } .list-complex .list-complex__header .list-complex__header__results-range { margin: 0; font-size: 16px; line-height: 26px; } .list-complex .list-complex__header .form-group { margin: 0 0 20px 0; } .list-complex .list-complex__header .form-group label { margin: 0 13px 0 0; display: inline-block; vertical-align: middle; } .list-complex .list-complex__header .form-group select { width: auto; display: inline-block; vertical-align: middle; } .list-complex .list-complex__header .form-group .btn-filters { width: 126px; min-width: 0; padding: 12px 0 12px 0; margin-left: 17px; display: inline-block; vertical-align: middle; } .list-complex .text-list { margin-bottom: 20px; } @media (min-width: 768px) { .list-complex .list-complex__header { margin-bottom: 9px; padding: 20px 0 20px 0; } .list-complex .list-complex__header .list-complex__header__results-range { width: 50%; display: inline-block; vertical-align: middle; } .list-complex .list-complex__header .form-group { width: 50%; margin: 0; display: inline-block; vertical-align: middle; text-align: right; } } @media (min-width: 992px) { .list-complex .list-complex__header { padding: 30px 0 19px 0; } .list-complex .list-complex__header .list-complex__header__results-range { font-size: 18px; line-height: 32px; } .list-complex .text-list { margin-bottom: 29px; } } .search-filters-trigger span { display: none; } .search-filters-trigger.search-filters-trigger--filtered span { display: inline-block; } .search-filters { width: 100%; height: calc(100vh - 65px); background-color: white; position: fixed; top: 65px; left: 100%; z-index: 400; -webkit-transition: left 0.25s ease-in-out; -moz-transition: left 0.25s ease-in-out; -o-transition: left 0.25s ease-in-out; transition: left 0.25s ease-in-out; } .search-filters .search-filters__header { border-bottom: 1px solid #D3D3D3; margin: 0 0 10px 0; padding: 22px 50px 21px 19px; position: relative; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 1px; text-transform: uppercase; } .search-filters .search-filters__header span { display: none; } .search-filters .search-filters__header .search-filters__close { height: 14px; width: 14px; position: absolute; top: calc(50% + 1px); right: 21px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .search-filters .search-filters__content { padding: 8px 20px 20px 20px; } .search-filters .search-filters__content .form-group { margin-bottom: 19px; display: block; } .search-filters .search-filters__content .form-group:last-of-type { margin-bottom: 8px; } .search-filters .search-filters__content .form-group input { height: 45px; box-shadow: 0 2px 6px 0 rgba(211, 211, 211, 0.4); margin-bottom: 0; } .search-filters .search-filters__content .form-group select { width: 100%; display: block; } .search-filters .search-filters__content > p { margin-bottom: 28px; font-size: 16px; line-height: 23px; } .search-filters .search-filters__content > p a { display: block; text-decoration: none; } .search-filters .search-filters__content > p a:hover { text-decoration: underline; } .search-filters .search-filters__content .search-filters__apply { width: 100%; display: block; margin-bottom: 20px; } .search-filters .search-filters__content .search-filters__apply.search-filters__apply__margin-top { margin-top: 20px; } .search-filters .search-filters__content .search-filters__clear { width: 100%; display: none; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 1.75px; text-decoration: none; text-transform: uppercase; text-align: center; } .search-filters .search-filters__content .search-filters__clear:hover { text-decoration: underline; } .search-filters.search-filters--filtered .search-filters__header span { display: inline-block; } .search-filters.search-filters--filtered .search-filters__content .search-filters__clear { display: block; } .search-filters.search-filters--act-regulations .search-filters__content .search-filters__apply { margin-top: 15px !important; } body.search-filters--open .search-filters { left: 0; } @media (min-width: 768px) { .search-filters { width: 375px; right: -375px; left: auto; -webkit-transition: right 0.25s ease-in-out; -moz-transition: right 0.25s ease-in-out; -o-transition: right 0.25s ease-in-out; transition: right 0.25s ease-in-out; } body.search-filters--open .search-filters { right: 0; left: auto; } } @media (min-width: 992px) { .search-filters { width: auto; height: auto; border: 1px solid #D3D3D3; margin-top: 30px; padding: 19px 20px 20px 20px; position: static; top: auto; right: auto; left: auto; } .search-filters .search-filters__header { border-bottom: none; margin: 0 0 12px 0; padding: 0; } .search-filters .search-filters__header .search-filters__close { display: none; } .search-filters .search-filters__content { padding: 0; } .search-filters .search-filters__content .form-group { margin-bottom: 15px; } .search-filters .search-filters__content .search-filters__apply { width: calc(50% - 2px); min-width: 0; margin: 0; padding-right: 0; padding-left: 0; display: inline-block; } .search-filters .search-filters__content .search-filters__clear { width: calc(50% - 2px); min-width: 0; margin: 0; padding-right: 0; padding-left: 0; } .search-filters.search-filters--filtered .search-filters__header span { display: none; } .search-filters.search-filters--filtered .search-filters__content .search-filters__clear { display: inline-block; } body.search-filters--open .search-filters { right: auto; left: auto; } } .press-release { margin-top: 40px; } .press-release .press-release__headline { margin: 0; font-weight: 700; } .press-release .press-release__hashtags { text-align: center; } .press-release .share-links.share-links--standalone { border-bottom: 1px solid #E5E8ED; margin-top: 35px; margin-bottom: 29px; padding-bottom: 32px; } .press-release .our-experts { border-bottom: none; margin-top: 17px; margin-bottom: 0; padding-bottom: 37px; } .search-results { margin-bottom: 24px !important; } .search-results li { margin-bottom: 22px; } .search-results li a { margin-bottom: 1px; display: block; text-decoration: none; } .search-results li a:hover { text-decoration: underline; } .search-results li a .search-results__pdf { width: 13px; margin-top: -5px; margin-left: 8px; } .search-results li a .search-results__lock { width: 12px; height: 14px; margin-top: -4px; margin-left: 4px; } .search-results li .search-results__info-list { color: #6C7684; margin-bottom: 8px; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; } .search-results li .search-results__description { margin-bottom: 8px; font-size: 16px; line-height: 22px; } .search-results.search-results--featured { border: 1px solid #E5E8ED; border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); padding: 24px 29px 0 29px; } .search-results.search-results--featured li { border-bottom: 1px solid #F3F4F7; margin-bottom: 10px; padding-bottom: 16px; } .search-results.search-results--featured li:last-child { border-bottom: none; } .search-results-head { border-bottom: 2px solid #D3D3D3; margin-bottom: 30px; } .search-results-head .search-results-head__info { margin-bottom: 10px; } .search-results-head .search-results-head__info .h3-styling { margin-bottom: 21px; } .search-results-head .search-results-head__info .filter-with-modal-open { width: 100%; margin-bottom: 15px; display: block; } .search-results-head .search-results-head__filter-sort { margin-bottom: 11px; } .search-results-head .search-results-head__filter-sort a.call-to-action { margin-top: 4px; margin-right: 27px; display: inline-block; vertical-align: middle; } .search-results-head .search-results-head__filter-sort .form-group { margin-bottom: 21px; display: block; } .search-results-head .search-results-head__filter-sort .form-group label { width: 65px; margin: 0; display: inline-block; vertical-align: middle; } .search-results-head .search-results-head__filter-sort .form-group select { width: calc(100% - 69px); display: inline-block; vertical-align: middle; } .search-results-head .search-results-head__filter-sort .btn.btn-filters { width: 100%; display: block; margin-bottom: 14px; } .search-results-head .search-results-head__filter-sort .btn.btn-filters img { width: 16px; height: 16px; margin-top: -3px; margin-left: 3px; } @media (min-width: 768px) { .search-results-head { font-size: 0; } .search-results-head > * { font-size: 16px; display: inline-block; vertical-align: bottom; } .search-results-head .search-results-head__info { width: 30%; } .search-results-head .search-results-head__info .h3-styling { margin-bottom: 8px; } .search-results-head .search-results-head__filter-sort { width: 70%; text-align: right; } .search-results-head .search-results-head__filter-sort .form-group { margin-top: -8px; margin-bottom: 0; display: inline-block; vertical-align: middle; } .search-results-head .search-results-head__filter-sort .form-group label { width: auto; } .search-results-head .search-results-head__filter-sort .form-group select { width: auto; margin-left: 12px; } .search-results-head .search-results-head__filter-sort .btn.btn-filters { width: auto; display: inline-block; margin-bottom: 8px; margin-left: 19px; } } @media (min-width: 992px) { .search-results-head .search-results-head__filter-sort .form-group { margin-top: 0; } } .experts-on-call-list { overflow: visible !important; } .experts-on-call-list .experts-on-call-list__item { border-bottom: 1px solid #E5E8ED; margin-bottom: 20px; padding-bottom: 5px; } .experts-on-call-list .experts-on-call-list__item .text-with-accordion { margin-bottom: 15px; } .experts-on-call-list .experts-on-call-list__item img { width: 110px; margin: 0 auto 11px auto; display: block; } .experts-on-call-list .experts-on-call-list__item p { font-size: 16px; line-height: 23px; } .experts-on-call-list .experts-on-call-list__item p span { font-weight: 700; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__truncated { overflow: hidden; position: relative; line-height: 23px; max-height: 92px; text-align: justify; margin-right: -1em !important; padding-right: 1em !important; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__truncated:before { content: '...'; position: absolute; right: 0; bottom: 0; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__truncated:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__name { color: black; margin-bottom: 0; display: block; text-align: center; font-weight: 700; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__title { color: #4E5665; margin-bottom: 0; display: block; text-align: center; font-weight: 700; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__links { margin-bottom: 8px; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__links a { margin-right: 23px; position: relative; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__links a:after { width: 2px; height: 16px; background-color: #909090; display: block; position: absolute; top: 3px; right: -12px; content: ''; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__links a:last-child { margin-right: 0; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__links a:last-child:after { display: none; } @media (min-width: 768px) { .experts-on-call-list .experts-on-call-list__item { position: relative; } .experts-on-call-list .experts-on-call-list__item.experts-on-call-list__item--with-image { padding-right: 140px; } .experts-on-call-list .experts-on-call-list__item img { position: absolute; top: 0; right: 0; } .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__name, .experts-on-call-list .experts-on-call-list__item p.experts-on-call-list__item__title { text-align: left; } } @media (min-width: 992px) { .experts-on-call-list .experts-on-call-list__item { min-height: 150px; position: relative; } .experts-on-call-list .experts-on-call-list__item.experts-on-call-list__item--with-image { padding-right: 160px; } .experts-on-call-list .experts-on-call-list__item img { width: 130px; } } .filter-with-modal { width: calc(100% - 40px); background-color: white; border-top: 5px solid #ECB84C; opacity: 0; visibility: hidden; padding-top: 11px; padding-bottom: 30px; position: fixed; top: 50%; left: 50%; z-index: 401; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; pointer-events: none; } .filter-with-modal .filter-with-modal__close { width: 16px; height: 16px; position: absolute; top: 10px; right: 15px; cursor: pointer; } .filter-with-modal .h3-styling { border-bottom: 1px solid #E5E8ED; margin-top: 0; margin-bottom: 15px; padding-bottom: 11px; } .filter-with-modal .form-group { width: 100%; margin-bottom: 0; } .filter-with-modal .form-group input { margin-bottom: 19px; } .filter-with-modal .form-group select { width: 100%; margin-bottom: 19px; padding: 13px 35px 16px 12px !important; } .filter-with-modal .btn.btn-primary { width: 100%; } body.filter-modal-open .filter-with-modal { opacity: 1; visibility: visible; pointer-events: auto; } @media (min-width: 768px) { .filter-with-modal { width: 100%; background-color: #F2F7F9; border: none; opacity: 1; visibility: visible; padding-top: 21px; padding-bottom: 25px; position: static; top: auto; right: auto; -webkit-transform: translateY(0) translateX(0); -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); pointer-events: auto; } .filter-with-modal .h3-styling { border: none; margin-bottom: 6px; padding-bottom: 0; } .filter-with-modal .form-group input { margin-bottom: 5px; } .filter-with-modal .form-group select { width: 100%; margin-bottom: 5px; } .filter-with-modal .btn.btn-primary { width: auto; margin-top: 39px; display: inline-block; } .filter-with-modal.filter-with-modal--endorsed-solution .btn.btn-primary { margin-top: 15px; margin-bottom: 6px; } } @media (min-width: 992px) { .filter-with-modal { padding-top: 30px; padding-bottom: 40px; } .filter-with-modal .h3-styling { margin-bottom: 15px; } .filter-with-modal .btn.btn-primary { margin-top: 15px; float: right; } .filter-with-modal.filter-with-modal--endorsed-solution .btn.btn-primary { width: 100%; min-width: 0; margin: 0 0 6px 0; padding-right: 5px; padding-left: 5px; } } .training-event-list { margin-bottom: 30px; overflow: visible; } .training-event-list .training-event-list__item { border: 1px solid #E5E8ED; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); margin-bottom: 10px; -webkit-transition: box-shadow 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } .training-event-list .training-event-list__item:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } .training-event-list .training-event-list__item a { padding: 20px 18px 16px 18px; display: block; text-decoration: none !important; } .training-event-list .training-event-list__item p { color: #4E5665; margin: 0; display: block; font-size: 14px; line-height: 22px; } .training-event-list .training-event-list__item img { width: 17px; margin-top: -4px; margin-right: 8px; display: inline-block; vertical-align: middle; } .training-event-list .training-event-list__item .training-event-list__item__date { color: #4E5665; margin: 0 0 3px 0; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; } .training-event-list .training-event-list__item .traning-event-list__item__hyperlink { color: #0060B9; margin: -3px 0 0 0; font-weight: 700; font-size: 16px !important; line-height: 24px !important; text-decoration: none; } .training-event-list .training-event-list__item .traning-event-list__item__hyperlink:hover { text-decoration: underline; } .training-event-list .training-event-list__item .training-event-list__item__location { font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } @media (min-width: 768px) { .training-event-list .training-event-list__item a { padding: 29px 18px 22px 18px; } .training-event-list .training-event-list__item .hyperlink { margin: -3px 0 0 0; } .training-event-list .training-event-list__item .training-event-list__item__location { margin-top: -2px; } } .sponsor-exhibitor-headline { color: black; margin-top: 0; margin-bottom: 30px; font-family: "Lato", sans-serif; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 1px; text-transform: uppercase; } .sponsor .h4-styling { margin-bottom: 30px; } .sponsor-exhibitor-item { width: 100%; background-color: white; border: 1px solid #E5E8ED; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); margin-bottom: 30px; padding: 16px 30px 18px 30px; text-align: center; } .sponsor-exhibitor-item img { max-width: 100%; margin-bottom: 14px; } .sponsor-exhibitor-item p { color: #4E5665; margin: 0; font-size: 16px; font-weight: 700; line-height: 19px; letter-spacing: 0.57px; } .sponsor-exhibitor-item.sponsor-exhibitor-item--large { padding: 44px 20px 18px 20px; } .sponsor-exhibitor-item.sponsor-exhibitor-item--large img { margin-bottom: 44px; } .individual-act { margin-top: 30px; } .individual-act .btn { margin-top: 0; margin-bottom: 4px; } .individual-act .h2-styling { margin-bottom: 40px; } .individual-act .text-list .section-title { margin-bottom: 15px; } .photo-download { border-top: 1px solid #E5E8ED; border-bottom: 1px solid #E5E8ED; margin-bottom: 30px; padding: 20px 0 19px 0; font-size: 0; } .photo-download > * { font-size: 14px; } .photo-download img { width: 100px; margin: 0 20px 0 0; display: inline-block; vertical-align: middle; } .photo-download a { width: calc(100% - 120px); margin: 0; display: inline-block; vertical-align: middle; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 0.88px; text-transform: uppercase; text-decoration: none; } .photo-download a svg { margin-top: -3px; margin-right: 6px; display: inline-block; vertical-align: middle; } .photo-download a svg #icon-fill { fill: #0060B9; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .photo-download a:hover svg #icon-fill { fill: #09243E; } .modal { width: 100%; height: 100%; overflow-y: scroll; display: none; text-align: center; position: fixed; top: 0; left: 0; z-index: 2000; } .modal .modal__shade { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; z-index: 1; } .modal .modal__content { width: 100%; height: 100%; background-color: white; padding: 17px 28px 30px 28px; text-align: left; position: absolute; top: 0; left: 0; z-index: 2; } .modal .modal__content .modal__content__close { width: 50px; height: 50px; background-color: #F3F4F7; position: absolute; top: 0; right: 0; cursor: pointer; } .modal .modal__content .modal__content__close img { width: 17px; height: 17px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .modal .modal__content .section-title { color: black; margin-bottom: 21px; font-size: 20px; line-height: 24px; letter-spacing: 0; text-transform: none; } .modal.modal--open { display: block; } .modal.modal--speaker.modal--open { display: none; } .modal.modal--speaker.modal--speaker--open { display: block; } .modal.modal--speaker .modal__content { width: calc(100% - 40px); height: auto; border-top: 5px solid #ECB84C; padding: 11px 20px 15px 20px; top: 20px; left: 20px; } .modal.modal--speaker .modal__content p { font-size: 16px !important; line-height: 26px !important; } .modal.modal--speaker .modal__content .modal__content__close { width: 17px; height: 17px; background-color: transparent; top: 20px; right: 20px; } .modal.modal--speaker .modal__content .h3-styling { border-bottom: 1px solid #E5E8ED; margin: 0 0 12px 0; padding-bottom: 8px; } .modal.modal--speaker .modal__content .modal__speaker { width: 100%; max-width: 400px; margin: 0 auto 18px auto; text-align: center; } .modal.modal--speaker .modal__content .modal__speaker img { width: 150px; margin-bottom: 21px; } .modal.modal--speaker .modal__content .modal__speaker .h4-styling { margin: 0 0 6px 0; } .modal.modal--speaker .modal__content .modal__speaker p { line-height: 24px !important; } .modal.modal--speaker.modal--registration .modal__content { max-height: calc(100% - 40px); padding-bottom: 30px; text-align: center; } .modal.modal--speaker.modal--registration .modal__content h4 { margin-top: 20px; } .modal.modal--speaker.modal--registration .modal__content ul { margin-bottom: 10px; text-align: left; } .modal.modal--speaker.modal--registration .modal__content ul li { margin-bottom: 10px; } .modal.modal--speaker.modal--registration .modal__content ul li .custom-radio-wrapper { margin: 0; } .modal.modal--speaker.modal--registration .modal__content ul li .custom-radio-wrapper .custom-control.custom-radio { margin: 0; padding: 0; border: 1px solid #E5E8ED; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); } .modal.modal--speaker.modal--registration .modal__content ul li .custom-radio-wrapper .custom-control.custom-radio .custom-control-label { width: 100%; padding: 19px 15px 18px 54px; display: block; } .modal.modal--speaker.modal--registration .modal__content ul li .custom-radio-wrapper .custom-control.custom-radio .custom-control-label:before { top: 50%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal.modal--speaker.modal--registration .modal__content ul li .custom-radio-wrapper .custom-control.custom-radio .custom-control-label:after { top: 50%; left: 23px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal.modal--speaker.modal--registration .modal__content ul li .custom-radio-wrapper .custom-control.custom-radio .custom-control-label span { display: block; font-weight: 700; } @media (min-width: 768px) { .modal .modal__content { padding: 17px 58px 65px 58px; } .modal.modal--speaker .modal__content { width: calc(100% - 60px); max-height: calc(100% - 40px); padding: 26px 30px 15px 30px; top: 50px; left: 30px; } .modal.modal--speaker .modal__content p { padding: 0 30px 0 30px; } .modal.modal--speaker .modal__content .h3-styling { margin: 0 0 39px 0; padding-bottom: 24px; } .modal.modal--speaker .modal__content .modal__speaker { margin: 0 auto 13px auto; } .modal.modal--speaker .modal__content .modal__speaker p { padding: 0; } .modal.modal--speaker .modal__content .modal__content__close { top: 35px; right: 30px; } .modal.modal--speaker.modal--registration .modal__content { max-height: calc(100% - 90px); overflow-y: scroll; } .modal.modal--speaker.modal--registration .modal__content ul { margin-right: 30px; margin-left: 30px; } } @media (min-width: 992px) { .modal .modal__content { width: 480px; height: auto; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .modal.modal--speaker .modal__content { width: 100%; max-width: 780px; padding: 26px 0 40px 0; top: 50px; left: 50%; -webkit-transform: translateY(0) translateX(-50%); -ms-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); } .modal.modal--speaker .modal__content p { font-size: 18px !important; line-height: 32px !important; } .modal.modal--speaker .modal__content .modal__speaker p { font-size: 16px !important; line-height: 26px !important; } .modal.modal--speaker.modal--registration .modal__content ul { margin-right: 100px; margin-left: 100px; } } .calendar-event-tiles { overflow: visible; } .calendar-event-tiles li { margin-bottom: 10px; } .calendar-event-tiles li a { border: 1px solid #E5E8ED; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); padding: 20px 19px 14px 19px; display: block; text-decoration: none !important; -webkit-transition: box-shadow 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } .calendar-event-tiles li a p { color: #4E5665; margin: 0; } .calendar-event-tiles li a p.calendar-event-tiles__date { margin-bottom: 6px; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; } .calendar-event-tiles li a p.calendar-event-tiles__date .calendar-event-tiles__date__icon { width: 18px; height: 18px; margin-top: -4px; margin-right: 5px; display: inline-block; vertical-align: middle; } .calendar-event-tiles li a p.hyperlink { color: #0060B9; margin-bottom: 6px; line-height: 17px; text-decoration: none; } .calendar-event-tiles li a p.calendar-event-tiles__credits { margin-bottom: 5px; font-size: 14px; line-height: 17px; } .calendar-event-tiles li a p.calendar-event-tiles__location { margin-bottom: 5px; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; } .calendar-event-tiles li a p.calendar-event-tiles__time { margin-bottom: 5px; font-size: 14px; line-height: 17px; } .calendar-event-tiles li a:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } .calendar-event-tiles li a:hover p.hyperlink { color: #09243E; text-decoration: underline; } @media (min-width: 768px) { .hyperlink { margin-top: 0; } } .seal-banner { margin-bottom: 30px; } .seal-banner .seal-banner__seal { width: 100%; margin-bottom: 21px; } .seal-banner p { margin-bottom: 23px; font-size: 16px; line-height: 26px; } .seal-banner .btn { display: block; } @media (min-width: 768px) { .seal-banner .btn { display: inline-block; } .seal-banner p { margin-bottom: 19px; font-size: 16px; line-height: 26px; } .seal-banner .seal-banner__content { padding-left: 25px !important; } } @media (min-width: 992px) { .seal-banner p { margin-bottom: 5px; font-size: 18px; line-height: 32px; } } .alert-box { width: 100%; background-color: rgba(236, 184, 76, 0.15); border: 1px solid rgba(236, 184, 76, 0.5); margin-bottom: 30px; padding: 12px 13px 5px 13px; } .alert-box p { margin: 0 0 10px 0; font-size: 16px; line-height: 21px; } .alert-box p svg { width: 18px; height: 18px; margin: -1px 3px 0 0; display: inline-block; vertical-align: middle; } .alert-box a { color: #0060B9; text-decoration: none; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .alert-box a:hover { color: #09243E; text-decoration: underline; } .alert-box ul { margin-bottom: 5px; padding-left: 18px; } .alert-box ul li { margin-bottom: 5px; font-size: 16px; line-height: 21px; } .alert-box.alert-box--error { background-color: #fce0e0; border: 1px solid #f18c8c; } .alert-box.alert-box--error p svg { width: 26px; height: 21px; margin: -6px 3px 0 0; display: inline-block; vertical-align: middle; } .quick-links { border-bottom: 1px solid #E5E8ED; margin-bottom: 30px; padding: 11px 0 11px 0; } .quick-links ul li { margin-bottom: 4px; display: block; } .quick-links ul li a.hyperlink { font-size: 16px; line-height: 19px; text-decoration: none; } .quick-links ul li a.hyperlink svg { width: 14px; height: 14px; margin: -3px 0 0 4px; display: inline-block; vertical-align: middle; } .quick-links ul li a.hyperlink svg path { fill: #0060B9; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .quick-links ul li a.hyperlink:hover { text-decoration: underline; } .quick-links ul li a.hyperlink:hover svg path { fill: #09243E; } .quick-links ul li.quick-links__headline { color: black; margin-bottom: 11px; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 1px; text-transform: uppercase; } @media (min-width: 768px) { .quick-links { border-bottom: 2px solid #E5E8ED; padding: 13px 0 13px 0; } .quick-links ul { margin: 0 !important; } .quick-links ul li { margin-right: 11px; margin-bottom: 0; display: inline-block; vertical-align: middle; } .quick-links ul li a.hyperlink svg { margin: -3px 5px 0 4px; } .quick-links ul li.quick-links__headline { margin-bottom: 0; } } @media (min-width: 992px) { .quick-links { padding: 24px 0 24px 0; } .quick-links ul { display: inline-block; vertical-align: top; } .quick-links ul li { margin-right: 31px; } .quick-links ul li a.hyperlink { font-size: 17px; line-height: 20px; } .quick-links ul li a.hyperlink svg { width: 16px; height: 16px; margin: -6px 0 0 5px; } .quick-links ul li.quick-links__headline { margin-top: -1px; } .quick-links .call-to-action { margin-top: 10px; display: inline-block; vertical-align: top; float: right; } } .provider-products { border-bottom: 2px solid #E5E8ED; margin-bottom: 30px; padding-bottom: 30px; } .provider-products img { width: 100%; border: 1px solid #E5E8ED; margin-bottom: 20px; } .provider-products .provider-products__contact li { margin-bottom: 0; font-size: 16px; line-height: 23px; } .provider-products .provider-products__contact li.provider-products__contact__header { color: black; margin-bottom: 2px; font-weight: 700; line-height: 26px; } .provider-products .provider-products__contact li.provider-products__contact__name { color: #4E5665; font-weight: 700; line-height: 26px; } .provider-products .provider-products__contact li a.hyperlink { margin-top: 4px; display: block; font-size: 16px; line-height: 19px; text-decoration: none; } .provider-products .provider-products__contact li a.hyperlink:hover { text-decoration: underline; } @media (min-width: 768px) { .provider-products .provider-products__description img { width: calc(50% - 20px); margin-right: 20px; float: left; } } @media (min-width: 992px) { .provider-products { padding-bottom: 13px; } .provider-products .provider-products__contact { margin-left: 20px !important; } .provider-products .provider-products__contact li.provider-products__contact__header { margin-bottom: 3px; font-size: 17px; line-height: 26px; } .provider-products .provider-products__contact li.provider-products__contact__name { margin-bottom: 3px; font-size: 17px; line-height: 22px; } } .pricing-sidebar { border: 1px solid #D3D3D3; margin-bottom: 30px; padding: 19px 20px 4px 20px; } .pricing-sidebar .h5-styling { color: black; border-bottom: 1px solid #E5E8ED; margin: 0 0 20px 0; padding: 0 0 20px 0; text-align: center; font-size: 16px; line-height: 19px; } .pricing-sidebar .pricing-sidebar__textbook-info { margin-bottom: 26px !important; text-align: center; } .pricing-sidebar .pricing-sidebar__textbook-info li { color: #4E5665; margin: 0 0 5px 0; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; } .pricing-sidebar .pricing-sidebar__textbook-info li span { font-weight: 400; } .pricing-sidebar .pricing-sidebar__textbook-info li .btn { display: block; } .pricing-sidebar .pricing-sidebar__textbook-info li:nth-child(2) { margin-bottom: 7px; } .pricing-sidebar .pricing-sidebar__textbook-info li:nth-child(3) { margin-bottom: 12px; } .pricing-sidebar .btn.btn-primary.pricing-sidebar__purchase-button { width: 100%; margin-bottom: 20px; display: block; } .pricing-sidebar .pricing-sidebar__registration-pricing { margin-bottom: 12px !important; } .pricing-sidebar .pricing-sidebar__registration-pricing li { margin-bottom: 8px; font-weight: 700; font-size: 16px; line-height: 19px; } .pricing-sidebar .pricing-sidebar__registration-pricing li.pricing-sidebar__registration-pricing__headline { color: black; margin-bottom: 7px; display: block; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.88px; text-transform: uppercase; } .pricing-sidebar .pricing-sidebar__registration-pricing li .hyperlink { text-decoration: none; } .pricing-sidebar .pricing-sidebar__registration-pricing li .hyperlink:hover { text-decoration: underline; } .pricing-sidebar .pricing-sidebar__small-text { border-top: 1px solid #E5E8ED; padding-top: 29px; font-size: 16px; line-height: 24px; } .pricing-sidebar .pricing-sidebar__small-text span { font-weight: 700; } .pricing-sidebar .pricing-sidebar__small-text span.pricing-sidebar__small-text__headline { color: black; margin-bottom: 5px; display: block; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.88px; text-transform: uppercase; } .pricing-sidebar .pricing-sidebar__small-text .hyperlink { font-weight: 400; text-decoration: none; } .pricing-sidebar .pricing-sidebar__small-text .hyperlink svg { width: 12px; height: 12px; margin: 7px 0 0 3px; display: inline-block; vertical-align: top; } .pricing-sidebar .pricing-sidebar__small-text .hyperlink svg path { fill: #0060B9; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .pricing-sidebar .pricing-sidebar__small-text .hyperlink:hover { text-decoration: underline; } .pricing-sidebar .pricing-sidebar__small-text .hyperlink:hover svg path { fill: #09243E; } @media (min-width: 768px) { .pricing-sidebar .h5-styling { text-align: left; } .pricing-sidebar .pricing-sidebar__textbook-info { text-align: left; } .pricing-sidebar .pricing-sidebar__textbook-info li .btn { display: inline-block; } } .leadership-tile { width: 100%; background-color: white; border: 1px solid #E5E8ED; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); margin-bottom: 20px; padding: 20px 20px 5px 20px; display: block; text-decoration: none !important; -webkit-transition: box-shadow 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } .leadership-tile .leadership-tile__headshot { width: 142px; height: 162px; margin: 0 auto 20px auto; } .leadership-tile .leadership-tile__info { text-align: center; } .leadership-tile .leadership-tile__info .leadership-tile__info__role { color: #6C7684; margin-bottom: 12px; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; } .leadership-tile .leadership-tile__info .h4-styling { margin-top: 0; margin-bottom: 10px; } .leadership-tile .leadership-tile__info ul { margin-bottom: 14px; display: block; } .leadership-tile .leadership-tile__info ul li { margin: 0; font-size: 16px; line-height: 23px; } .leadership-tile .leadership-tile__info .call-to-action { display: inline-block; } .leadership-tile:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } @media (min-width: 768px) { .leadership-tile { padding: 0; font-size: 0; } .leadership-tile > * { font-size: 16px; } .leadership-tile .leadership-tile__headshot { width: 31%; min-height: 227px; margin: 0; display: inline-block; vertical-align: top; } .leadership-tile .leadership-tile__info { width: 69%; min-height: 227px; padding: 30px 30px 30px 30px; text-align: left; display: inline-block; vertical-align: top; } .leadership-tile .leadership-tile__info ul { margin-bottom: 10px; } } @media (min-width: 992px) { .leadership-tile { width: 100%; } .leadership-tile .leadership-tile__headshot { width: 50%; min-height: 320px; } .leadership-tile .leadership-tile__info { width: 50%; min-height: 320px; position: relative; } .leadership-tile .leadership-tile__info > div { padding-right: 20px; position: absolute; bottom: 20px; left: 40px; } } .event-slider { margin-top: 20px; margin-bottom: 28px; } .event-slider .slick-arrow { width: 17px; height: 30px; z-index: 999; } .event-slider .slick-arrow:before { display: none; } .event-slider .slick-arrow.slick-prev { background: url(../img/icons/chevron-left__grey.svg) no-repeat center center; background-size: 17px 30px; left: -11px; } .event-slider .slick-arrow.slick-next { background: url(../img/icons/chevron-right__grey.svg) no-repeat center center; background-size: 17px 30px; right: -11px; } .event-slider .slick-dots { bottom: -11px; } .event-slider .slick-dots li { width: 8px; height: 8px; margin: 0 10px 0 0; } .event-slider .slick-dots li:last-child { margin: 0; } .event-slider .slick-dots li button { width: 8px; height: 8px; background-color: #cdcdcd; border-radius: 50%; padding: 0; } .event-slider .slick-dots li button:before { display: none; } .event-slider .slick-dots li.slick-active button { background-color: #0060B9; } .event-slider .event-slider__slide { padding: 0 10px 0 10px; } .event-slider .event-slider__slide:focus { outline-width: 0; outline-color: transparent; } .event-slider .event-slider__slide .slick-track:focus { outline-width: 0; outline-color: transparent; } .event-slider .event-slider__slide .event-slider__slide__info .h2-styling { color: #505050; margin: 0 0 9px 0; } .event-slider .event-slider__slide .event-slider__slide__info p { margin: 0 0 9px 0; font-size: 16px; line-height: 26px; } .event-slider .event-slider__slide img { width: 100%; margin-bottom: 20px; } .event-slider .event-slider__slide .btn { width: 100%; margin-bottom: 20px; display: block; } @media (min-width: 768px) { .event-slider .slick-arrow.slick-prev { left: -11px; } .event-slider .slick-arrow.slick-next { right: -11px; } .event-slider .event-slider__slide { padding: 0 42px 0 42px; font-size: 0; } .event-slider .event-slider__slide > div { font-size: 16px; } .event-slider .event-slider__slide .event-slider__slide__info { width: calc(100% - 250px); display: inline-block; vertical-align: middle; } .event-slider .event-slider__slide .event-slider__slide__info .h2-styling { margin-bottom: 14px; } .event-slider .event-slider__slide .event-slider__slide__info p { margin-bottom: 21px; font-size: 16px; line-height: 26px; } .event-slider .event-slider__slide .event-slider__slide__info .btn { width: auto; display: inline-block; } .event-slider .event-slider__slide img { width: 230px; margin-left: 20px; display: inline-block; vertical-align: middle; } } @media (min-width: 992px) { .event-slider .slick-arrow.slick-prev { left: -1px; } .event-slider .slick-arrow.slick-next { right: -1px; } .event-slider .event-slider__slide { padding: 0 52px 0 52px; } .event-slider .event-slider__slide .event-slider__slide__info { width: calc(100% - 400px); vertical-align: top; } .event-slider .event-slider__slide .event-slider__slide__info .h2-styling { margin-bottom: 9px; } .event-slider .event-slider__slide .event-slider__slide__info p { margin-bottom: 6px; font-size: 18px; line-height: 32px; } .event-slider .event-slider__slide img { width: 380px; vertical-align: top; } } .feature-slider-wrapper { margin-bottom: 30px; padding: 20px 0 18px 0; } .feature-slider-wrapper .feature-subheading { margin-top: 0; margin-bottom: 19px; } .feature-slider { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); } .feature-slider .slick-arrow { width: 17px; height: 30px; z-index: 999; } .feature-slider .slick-arrow:before { display: none; } .feature-slider .slick-arrow.slick-prev { background: url(../img/icons/chevron-left__grey.svg) no-repeat center center; background-size: 17px 30px; left: -60px; } .feature-slider .slick-arrow.slick-next { background: url(../img/icons/chevron-right__grey.svg) no-repeat center center; background-size: 17px 30px; right: -60px; } .feature-slider .slick-dots { bottom: -31px; } .feature-slider .slick-dots li { width: 8px; height: 8px; margin: 0 10px 0 0; } .feature-slider .slick-dots li:last-child { margin: 0; } .feature-slider .slick-dots li button { width: 8px; height: 8px; background-color: #cdcdcd; border-radius: 50%; padding: 0; } .feature-slider .slick-dots li button:before { display: none; } .feature-slider .slick-dots li.slick-active button { background-color: #0060B9; } .feature-slider .slick-list { background-color: white; border: 1px solid #E5E8ED; } .feature-slider .feature-slider__slide { padding: 0 30px 24px 30px; } .feature-slider .feature-slider__slide img { margin: 0 auto; } .feature-slider .feature-slider__slide .feature-slider__slide__info .h4-styling { margin: 0 0 12px 0; } .feature-slider .feature-slider__slide .feature-slider__slide__info p { margin: 0 0 8px 0; font-size: 16px; line-height: 26px; } .feature-slider .feature-slider__slide .feature-slider__slide__info .call-to-action { margin: 0; } @media (min-width: 768px) { .feature-slider-wrapper { padding: 20px 59px 20px 59px; } .feature-slider-wrapper .feature-subheading { margin-bottom: 9px; } .feature-slider .slick-dots { bottom: -34px; } .feature-slider .slick-dots li { width: 10px; height: 10px; margin: 0 12px 0 0; } .feature-slider .slick-dots li button { width: 10px; height: 10px; } } @media (min-width: 992px) { .feature-slider-wrapper { padding: 33px 59px 42px 59px; } .feature-slider-wrapper .feature-subheading { margin-bottom: 30px; } .feature-slider .slick-arrow.slick-prev { left: -54px; } .feature-slider .slick-arrow.slick-next { right: -54px; } .feature-slider .slick-dots { bottom: -45px; } .feature-slider .slick-dots li { width: 12px; height: 12px; margin: 0 15px 0 0; } .feature-slider .slick-dots li button { width: 12px; height: 12px; } .feature-slider .feature-slider__slide { padding: 46px 30px 39px 30px; } .feature-slider .feature-slider__slide img { width: 318px; margin: 0 20px 0 0; display: inline-block; vertical-align: middle; } .feature-slider .feature-slider__slide .feature-slider__slide__info { width: calc(100% - 342px); display: inline-block; vertical-align: middle; } .feature-slider .feature-slider__slide .feature-slider__slide__info p { font-size: 18px; line-height: 32px; } } .upcoming-dates { border-bottom: 1px solid #E5E8ED; margin-bottom: 20px; padding-bottom: 20px; } .upcoming-dates .h2-styling { margin: 0 0 20px 0; } .upcoming-dates p { margin: 0 0 0 0; } .upcoming-dates p.upcoming-dates__highlight { font-weight: 700; } .solution-detail { margin-bottom: 30px; } .solution-detail .solution-detail__image { width: 100%; border: 1px solid #E5E8ED; margin-bottom: 20px; } .solution-detail .section-title { margin-bottom: 11px; } @media (min-width: 768px) { .solution-detail .solution-detail__image { width: 290px; margin-right: 30px; margin-bottom: 0; float: left; } } @media (min-width: 992px) { .solution-detail .solution-detail__image { width: 380px; } } .author-credit { margin-top: 20px; margin-bottom: 20px; } .author-credit img { width: 80px; margin-right: 15px; display: inline-block; vertical-align: middle; } .author-credit .author-credit__info { width: calc(100% - 99px); display: inline-block; vertical-align: middle; } .author-credit .author-credit__info p { color: #505050; margin: 0; font-size: 16px; line-height: 23px; } .author-credit .author-credit__info p.author-credit__name { color: black; margin: 0 0 0 4px 0; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; } .benefits-list { margin-bottom: 30px; } .benefits-list .h2-styling { margin-top: 21px; margin-bottom: 19px; } .benefits-list .unordered-list { margin-bottom: 20px; } @media (min-width: 992px) { .benefits-list .unordered-list { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } } .how-it-works { margin-bottom: 60px; } .how-it-works .feature-subheading { margin-bottom: 30px; } .webinar { margin-bottom: 60px; padding-top: 40px; padding-bottom: 40px; } .webinar .h2-styling { margin: 0 0 16px 0; } .webinar .h4-styling { margin: 0 0 9px 0; } .webinar p { margin: 0 0 2px 0; font-size: 16px; line-height: 26px; } .webinar p.webinar__date-time { color: #4E5665; margin: 0 0 5px 0; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; } @media (min-width: 992px) { .webinar p { font-size: 18px; line-height: 32px; } } .provider { margin-bottom: 30px; padding-top: 59px; padding-bottom: 40px; } .provider .h2-styling { margin-top: 0; margin-bottom: 30px; } .provider .provider__content { background-color: white; border: 1px solid #E5E8ED; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); padding: 30px 30px 15px 30px; } .provider .provider__content .provider__content__image { margin: 0 auto 19px auto; display: block; } .provider .provider__content .provider__content__contacts { color: black; margin: 0 0 3px 0; font-weight: 700; font-size: 16px; line-height: 26px; } .provider .provider__content ul { margin: 0 0 1px 0; } .provider .provider__content ul li { color: #505050; margin-bottom: 4px; font-weight: 700; font-size: 16px; line-height: 22px; } .provider .provider__content ul li .hyperlink { text-decoration: none; } .provider .provider__content ul li .hyperlink:hover { text-decoration: underline; } .provider .provider__content .provider__content__hyperlink-heading { margin: 15px 0 6px 0; display: block; font-weight: 700; font-size: 20px; line-height: 26px; text-decoration: none; } .provider .provider__content .provider__content__hyperlink-heading:hover { text-decoration: underline; } @media (min-width: 768px) { .provider .provider__content { padding: 35px 30px 30px 30px; } .provider .provider__content .provider__content__sidebar { border-right: 1px solid #E5E8ED; padding-right: 30px; } .provider .provider__content .provider__content__info { padding-left: 30px; } .provider .provider__content .provider__content__info p:last-of-type { margin: 0; } .provider .provider__content .provider__content__image { max-width: 100%; margin: 0 0 29px 0; display: block; } .provider .provider__content .provider__content__hyperlink-heading { margin-top: 0; } } @media (min-width: 768px) { .provider .provider__content { padding: 45px 38px 39px 38px; } .provider .provider__content .provider__content__hyperlink-heading { font-size: 22px; line-height: 26px; } } .stock-feed { text-align: center; } .stock-feed a { margin-right: 10px; display: inline-block; } .stock-feed span { margin: 0 10px 0 10px; font-weight: 700; } .sign-in-logo { width: 160px; margin: 0 auto 30px auto; display: block; } .sign-in-logo img { width: 100%; } .sign-in { background: url(../img/background-pattern/background-pattern__dark.png) repeat center center; background-size: 134px 160px; margin-bottom: 60px; padding-top: 30px; } .sign-in .hyperlink { text-decoration: none; } .sign-in .hyperlink svg { width: 12px; height: 12px; margin-top: -2px; margin-left: 1px; display: inline-block; vertical-align: middle; } .sign-in .hyperlink:hover { text-decoration: underline; } .sign-in .sign-in__wrapper { width: 100%; max-width: 460px; background-color: white; border-top: 5px solid #ECB84C; margin: 0 auto 0 auto; padding: 31px 40px 40px 40px; position: relative; } .sign-in .sign-in__wrapper.sign-in__wrapper--confirmation .btn, .sign-in .sign-in__wrapper.sign-in__wrapper--error .btn { margin: 0; } .sign-in .sign-in__wrapper.sign-in__wrapper--confirmation .unexpected-error, .sign-in .sign-in__wrapper.sign-in__wrapper--error .unexpected-error { color: black; margin-bottom: 10px; font-weight: 700; font-size: 22px; line-height: 26px; } .sign-in .sign-in__wrapper label { display: block; } .sign-in .sign-in__wrapper .sign-in__wrapper__header { margin-bottom: 15px; } .sign-in .sign-in__wrapper .sign-in__wrapper__header h3 { margin: 0 0 5px 0; } .sign-in .sign-in__wrapper .sign-in__wrapper__registration-header { margin-bottom: 15px; } .sign-in .sign-in__wrapper .sign-in__wrapper__registration-header h3 { margin-top: 0; } .sign-in .sign-in__wrapper .sign-in__wrapper__registration-header .sign-in__wrapper__registration-header__learn { margin-bottom: 10px; } .sign-in .sign-in__wrapper .sign-in__wrapper__registration-header .sign-in__wrapper__registration-header__learn p { margin: 0; } .sign-in .sign-in__wrapper .sign-in__wrapper__registration-header .sign-in__wrapper__registration-header__start { margin-bottom: 20px; } .sign-in .sign-in__wrapper .sign-in__wrapper__registration-header .sign-in__wrapper__registration-header__start p { margin-bottom: 0; font-size: 18px; line-height: 32px; } .sign-in .sign-in__wrapper .sign-in__wrapper__registration-header .sign-in__wrapper__registration-header__start p:last-child { font-size: 16px; line-height: 19px; } .sign-in .sign-in__wrapper ul, .sign-in .sign-in__wrapper p, .sign-in .sign-in__wrapper a { margin: 0 0 5px 0; font-size: 16px; line-height: 24px; } .sign-in .sign-in__wrapper ul.sign-in__wrapper__header__whats-new, .sign-in .sign-in__wrapper p.sign-in__wrapper__header__whats-new, .sign-in .sign-in__wrapper a.sign-in__wrapper__header__whats-new { color: #0060B9; font-weight: 700; cursor: pointer; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .sign-in .sign-in__wrapper ul.sign-in__wrapper__header__whats-new:hover, .sign-in .sign-in__wrapper p.sign-in__wrapper__header__whats-new:hover, .sign-in .sign-in__wrapper a.sign-in__wrapper__header__whats-new:hover { color: #09243E; text-decoration: underline; } .sign-in .sign-in__wrapper ul.small-text, .sign-in .sign-in__wrapper p.small-text, .sign-in .sign-in__wrapper a.small-text { margin-bottom: 13px; font-size: 14px; line-height: 17px; } .sign-in .sign-in__wrapper .alert-box { margin-top: 20px; margin-bottom: 15px; } .sign-in .sign-in__wrapper .btn { width: 100%; margin-bottom: 20px; padding-right: 5px; padding-left: 5px; display: block; } .sign-in .sign-in__wrapper .sign-in__wrapper__password-options .custom-checkbox-wrapper { margin: 0; } .sign-in .sign-in__wrapper .sign-in__wrapper__password-options .custom-checkbox-wrapper .custom-checkbox { margin: 0; } .sign-in .sign-in__wrapper .sign-in__wrapper__password-options .custom-checkbox-wrapper, .sign-in .sign-in__wrapper .sign-in__wrapper__password-options .hyperlink { width: calc(50% - 2px); display: inline-block; vertical-align: top; } .sign-in .sign-in__wrapper .sign-in__wrapper__password-options .custom-checkbox-wrapper .custom-checkbox label:before, .sign-in .sign-in__wrapper .sign-in__wrapper__password-options .custom-checkbox-wrapper .custom-checkbox label:after, .sign-in .sign-in__wrapper .sign-in__wrapper__password-options .hyperlink .custom-checkbox label:before, .sign-in .sign-in__wrapper .sign-in__wrapper__password-options .hyperlink .custom-checkbox label:after { top: 2px; } .sign-in .sign-in__wrapper .sign-in__wrapper__password-options .hyperlink { margin: 5px 0 0 0; text-align: right; } .sign-in .sign-in__wrapper .trouble-signing-in { display: block; text-align: center; } .sign-in .sign-in__wrapper .sign-in__wrapper__register { border-top: 1px solid #E5E8ED; margin-top: 20px; padding-top: 20px; text-align: center; } .sign-in .sign-in__wrapper .sign-in__wrapper__register p { color: black; margin-bottom: 10px; font-weight: 700; font-size: 18px; line-height: 32px; } .sign-in .sign-in__wrapper .sign-in__wrapper__register .btn { margin: 0; } .sign-in .sign-in__wrapper .sign-in__wrapper__list { margin-top: 25px; margin-bottom: 39px; } .sign-in .sign-in__wrapper .sign-in__wrapper__list li { margin-bottom: 0; line-height: 27px; } .sign-in .sign-in__wrapper .sign-in__wrapper__list li:first-child { color: black; margin-bottom: 3px; font-weight: 700; } .sign-in .sign-in__wrapper .show-password { margin-top: 8px; text-align: right; } .sign-in .sign-in__wrapper .password-requirements { margin: 0; } .sign-in .sign-in__wrapper .password-requirements li { margin-bottom: 10px; padding-left: 24px; position: relative; font-weight: 700; font-size: 14px; line-height: 24px; } .sign-in .sign-in__wrapper .password-requirements li:before { width: 15px; height: 15px; background-color: white; border: 1px solid #D3D3D3; border-radius: 50%; display: block; position: absolute; top: 4px; left: 0; content: ''; } .sign-in .sign-in__wrapper .password-requirements li.password-requirements__met:before { background: white url(../img/icons/basic/baseline-check_circle-24px.svg) no-repeat center center; background-size: 18px 18px; border: 1px solid transparent; } .sign-in .sign-in__wrapper .sign-in__whats-new { display: none; } .sign-in .sign-in__wrapper .sign-in__whats-new .sign-in__whats-new__close { width: 40px; height: 40px; background-color: #F3F4F7; position: absolute; top: 0; right: 0; cursor: pointer; } .sign-in .sign-in__wrapper .sign-in__whats-new .sign-in__whats-new__close img { width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .sign-in .sign-in__wrapper .sign-in__whats-new h3 { margin-top: 0; } .sign-in .sign-in__wrapper .sign-in__whats-new .sign-in__whats-new__back { margin-top: 20px; padding-left: 13px; position: relative; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 0.88px; text-transform: uppercase; cursor: pointer; } .sign-in .sign-in__wrapper .sign-in__whats-new .sign-in__whats-new__back:before { width: 8px; height: 12px; background: url(../img/icons/keyboard_arrow_right__blue.svg) no-repeat center center; background-size: 8px 12px; display: block; position: absolute; top: calc(50% + 1px); left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); content: ''; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; } .sign-in .sign-in__wrapper .sign-in__whats-new .sign-in__whats-new__back:hover:before { background: url(../img/icons/keyboard_arrow_right__hover-blue.svg) no-repeat center center; background-size: 8px 12px; } .sign-in .sign-in__wrapper .sign-in__wrapper__register__tel p { margin-bottom: 15px; } .sign-in .sign-in__wrapper .sign-in__wrapper__register__tel select { width: 114px; margin-right: 8px; display: inline-block; vertical-align: top; } .sign-in .sign-in__wrapper .sign-in__wrapper__register__tel input { width: calc(100% - 126px); display: inline-block; vertical-align: top; } .sign-in .sign-in__wrapper .sign-in__wrapper__register__tel.sign-in__wrapper__register__tel--int select { width: 127px; } .sign-in .sign-in__wrapper .sign-in__wrapper__register__tel.sign-in__wrapper__register__tel--int input { width: calc(100% - 139px); } .sign-in .sign-in__wrapper .sign-in__wrapper__already-registered { border-top: 1px solid #E5E8ED; margin-top: 20px; padding-top: 20px; } .sign-in .sign-in__wrapper .sign-in__wrapper__already-registered p { color: black; font-weight: 700; font-size: 18px; line-height: 24px; } .sign-in .sign-in__wrapper .interests { margin-bottom: 15px; } .sign-in .sign-in__wrapper .interests li { padding: 15px 15px 5px 10px; font-size: 0; } .sign-in .sign-in__wrapper .interests li:nth-child(odd) { background-color: #F2F7F9; } .sign-in .sign-in__wrapper .interests li > * { font-size: 16px; line-height: 19px; } .sign-in .sign-in__wrapper .interests li span { margin-bottom: 11px; font-weight: 700; } .sign-in .sign-in__wrapper .interests li .custom-radio-wrapper { margin: 0; font-size: 0; } .sign-in .sign-in__wrapper .interests li .custom-radio-wrapper > * { font-size: 16px; } .sign-in .sign-in__wrapper .interests li .custom-radio-wrapper .custom-control.custom-radio { width: auto; margin: 0 0 0 20px; display: inline-block; vertical-align: top; } .sign-in .sign-in__wrapper .interests li .custom-radio-wrapper .custom-control.custom-radio:first-child { margin: 0; } .sign-in .sign-in__wrapper .interests li .custom-radio-wrapper .custom-control.custom-radio label:before { top: 2px; } .sign-in .sign-in__wrapper .interests li .custom-radio-wrapper .custom-control.custom-radio label:after { top: 5px; } .sign-in .sign-in__wrapper .custom-checkbox-wrapper.interests-checkbox .custom-control.custom-checkbox .custom-control-label:before, .sign-in .sign-in__wrapper .custom-checkbox-wrapper.interests-checkbox .custom-control.custom-checkbox .custom-control-label:after { top: 2px; } .sign-in .sign-in__wrapper--whats-new-open .sign-in-main { display: none; } .sign-in .sign-in__wrapper--whats-new-open .sign-in__whats-new { display: block; } @media (min-width: 768px) { .sign-in .sign-in__wrapper .interests span { width: 50%; display: inline-block; vertical-align: top; } .sign-in .sign-in__wrapper .interests .custom-radio-wrapper { width: 50%; text-align: right; display: inline-block; vertical-align: top; } } .podcast-transcript { margin-bottom: 30px; } .podcast-transcript .podcast-transcript__trigger { width: 100%; height: 56px; background-color: #F3F4F7; color: #155897; border: none; outline-color: transparent !important; outline-width: 0px !important; font-weight: 900; font-size: 14px; line-height: 17px; letter-spacing: 1.75px; text-transform: uppercase; text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); cursor: pointer; -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; } .podcast-transcript .podcast-transcript__trigger span.podcast-hide-transcript { display: none; } .podcast-transcript .podcast-transcript__trigger span svg { width: 14px; height: 14px; margin-top: -4px; margin-right: 5px; display: inline-block; vertical-align: middle; -webkit-transition: fill 0.25s ease-in-out; -moz-transition: fill 0.25s ease-in-out; -o-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } .podcast-transcript .podcast-transcript__trigger:hover { color: #09243E; } .podcast-transcript .podcast-transcript__trigger:hover span svg path, .podcast-transcript .podcast-transcript__trigger:hover span svg polygon { fill: #09243E; } .podcast-transcript .podcast-transcript__content { height: 350px; border: 1px solid #E5E8ED; padding: 19px 19px 19px 19px; overflow-x: scroll; display: none; } .podcast-transcript.podcast-transcript--open .podcast-transcript__trigger span.podcast-show-transcript { display: none; } .podcast-transcript.podcast-transcript--open .podcast-transcript__trigger span.podcast-hide-transcript { display: block; } .podcast-transcript.podcast-transcript--open .podcast-transcript__content { display: block; } @media (min-width: 768px) { .podcast-transcript .podcast-transcript__content { height: 200px; padding: 14px 19px 19px 19px; } } .disclaimer { color: #4E5665; font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0; } .testimonial-slider-headline { margin: 0 0 8px 0; display: block; text-align: center; } .testimonial-slider .slick-slide { text-align: center; } .testimonial-slider .slick-slide:focus { outline-color: transparent; outline-width: 0; } .testimonial-slider .slick-slide .testimonial-slider__testimonial { color: black; margin-bottom: 22px; font-weight: 300; font-size: 24px; line-height: 34px; } .testimonial-slider .slick-slide .testimonial-slider__credit { margin: 0 auto; display: inline-block; text-align: left; font-size: 0; } .testimonial-slider .slick-slide .testimonial-slider__credit > * { font-size: 16px; } .testimonial-slider .slick-slide .testimonial-slider__credit .testimonial-slider__credit__headshot { width: 80px; height: 80px; margin-right: 10px; display: inline-block; vertical-align: middle; } .testimonial-slider .slick-slide .testimonial-slider__credit > div { width: calc(100% - 90px); display: inline-block; vertical-align: middle; } .testimonial-slider .slick-slide .testimonial-slider__credit > div .testimonial-slider__credit__name { color: black; margin: 0 0 2px 0; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.5px; text-transform: uppercase; } .testimonial-slider .slick-slide .testimonial-slider__credit > div .testimonial-slider__credit__office, .testimonial-slider .slick-slide .testimonial-slider__credit > div .testimonial-slider__credit__company { color: #505050; margin: 0; font-weight: 400; font-size: 16px; line-height: 23px; } .testimonial-slider .slick-dots { bottom: -32px; } .testimonial-slider .slick-dots li { width: 8px; height: 8px; margin: 0 10px 0 0; } .testimonial-slider .slick-dots li button { width: 8px; height: 8px; background-color: #D3D3D3; border-radius: 100%; padding: 0; } .testimonial-slider .slick-dots li button:before { display: none; } .testimonial-slider .slick-dots li.slick-active button { background-color: #155897; } .testimonial-slider .slick-dots li:last-child { margin: 0; } .testimonial-slider .slick-arrow { width: 17px; height: 30px; } .testimonial-slider .slick-arrow:before { display: none; } .testimonial-slider .slick-arrow.slick-prev { background: url(../img/icons/chevron-left__grey.svg) no-repeat center center; background-size: 17px 30px; left: 0; } .testimonial-slider .slick-arrow.slick-next { background: url(../img/icons/chevron-right__grey.svg) no-repeat center center; background-size: 17px 30px; right: 0; } @media (min-width: 768px) { .testimonial-slider-headline { margin: 0 0 29px 0; } .testimonial-slider { padding: 0 60px; } .testimonial-slider .slick-slide .testimonial-slider__testimonial { margin-bottom: 29px; font-size: 20px; line-height: 30px; } .testimonial-slider .slick-slide .testimonial-slider__credit .testimonial-slider__credit__headshot { width: 80px; height: 80px; margin-right: 20px; display: inline-block; vertical-align: middle; } .testimonial-slider .slick-slide .testimonial-slider__credit > div { width: calc(100% - 100px); } } @media (min-width: 768px) { .testimonial-slider-headline { margin: 0 0 39px 0; } .testimonial-slider { padding: 0 80px; } .testimonial-slider .slick-slide .testimonial-slider__testimonial { margin-bottom: 39px; font-size: 24px; line-height: 34px; } } .verticalCenter { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .transition { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; } /*# sourceMappingURL=styles.css.map */