/* ------------------------------------------- Name: AllAboutLaw - Employer Hub Date: 2020/03/23 Author: http://psdhtml.me --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--mint); transform-origin: center center; } html { overflow-x: hidden; overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { width: 100%; min-height: 100%; background: var(--elm); font-size: 18px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Variables --------- */ :root { --white: #ffffff; --alabaster: #fdfdfd; --press: #fafafa; --rice: #f9f9f9; --cloudy: #f7f7f7; --sand: #f4f4f4; --gallery: #ebebeb; --venus: #e8e8e8; --mercury: #e2e2e2; --alto: #d1d1d1; --smoke: #B5B5B5; --dove: #707070; --black: #000000; --salmon: #f16464; --night: #170a0a; --youtube: #f44336; --gold: #efb36d; --mango: #dc7d00; --tango: #e58d00; --orange: #E37E19; --orange_h: #ffb224; --orange_a: #f29e02; --orange: #ffa700; --sun: #ffc107; --tahiti: #FF8A00; --mustard: #edd324; --corn: #ece553; --lemon: #fef500; --neon: #39e84d; --algae: #94e5a7; --clover: #cfe4db; --squeeze: #f2f9f6; --sage: #9ac8b7; --fern: #9ad6c2; --mint: #8ecab6; --sinbad: #a2d8c6; --aca: #70ad99; --gulf: #82bca9; --swans: #e1f1ec; --aqua: #59ffce; --ice: #f7fffd; --bay: #65a6a4; --summer: #8FBAAA; --elm: #198685; --cyan: #00ffff; --cyan2: #28DEDE; --steel: #f1f8f8; --leaf: #5c8385; --java: #00b5d9; --azure: #21bee3; --lapis: #25CFF4; --smalt: #47818f; --arctic: #8bc6d6; --sherpa: #004254; --downy: #66b6cc; --cerulean: #0084a9; --calypso: #296884; --twitter: #03a9f4; --curious: #1ba9d5; --oslo: #95989a; --teal: #90cbfb; --facebook: #1976d2; --porcelain: #eaecee; --yonder: #7090b0; --pickle: #30445b; --biscay: #1f4572; --burst: #223246; --gull: #98a7ba; --ribbon: #0070ff; --coal: #2a3c53; --aruba: #586678; --bonaire: #405065; --pine: #2e4059; --navy: #2a4f85; --mirage: #27354b; --fiord: #2d3c54; --firefly: #0e1e33; --pearl: #f7faff; --iris: #9aaee5; --iron: #dededf; --perfume: #8a80f6; --wistful: #b2a6d2; --violet: #582fb3; --indigo: #3b1983; --orchid: #9664ff; --cornfl: #8e5ff2; --royal: #8a71b2; --purple: #634D81; --lilac: #ab24ff; --lavenda: #9c27b0; --lavender: #CE41E8; --fedora: #6c6b6c; --plum: #92288f; --plumer: #801F7E; --crepe: #fef2f9; --jazz: #e00d87; --fuscia: #ec0b8d; --persian: #f72ea2; --taffy: #f19dd2; --magenta: #de006e; --pink: #fd3b94; --cranberry: #e25281; --blush: #c997a7; --cherry: #ec0b3f; --wine: #d81339; --pink: #E51F5E; --font_content: Open_Sans, 'Open Sans', Arial, Helvetica, sans-serif; --font_headers: Poppins, Open_Sans, 'Open Sans', Arial, Helvetica, sans-serif; --font_extra_1: museo-sans, Arial, sans-serif; --font_extra_2: Poppins, Open_Sans, 'Open Sans', Arial, Helvetica, sans-serif; --font_extra_3: 'Work Sans', Arial, Helvetica, sans-serif; --font_extra_4: Avenir_web, Arial, Helvetica, sans-serif; --font_extra_5: 'Source Sans Pro', Arial, Helvetica, sans-serif; --font_extra_6: ITC_Avant_Garde, Avenir_web, Arial, Helvetica, sans-serif; --mr_main: 17px; --glw: 1100px; --cols: 20px; --cn_p: 16px; --lh_main: 1.5555555556; --lh_head: 1.39; --btn_dist: 16px; --btn_dist2: var(--btn_dist); --btn_bg_color: 325; --btn_def: hsl(var(--btn_bg_color), 91%, 48%); --btn_hov: hsl(var(--btn_bg_color), 93%, 57%); --btn_foc: hsl(var(--btn_bg_color), 89%, 46%); --input_bg: var(--white); --input_bd: var(--iron); --input_fg: var(--black); --input_br: 0; --input_pl: inherit; --input_fz: 18px; --rpp: 20px; --rpn: calc(0px - var(--rpp)); } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--coal); font-family: var(--font_content); line-height: var(--lh_main); } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: var(--mr_main); } h1, h2, h3, h4, h5, h6, legend, .nav-content p, .heading, #footer-new nav > * > p:first-child, .module-box .header { color: var(--coal); font-weight: 700; font-family: var(--font_headers); line-height: var(--lh_head); } h1, h2, h3, h4, h5, h6, legend, .nav-content p, .heading, #footer-new nav > * > p:first-child, .module-box .header { margin: 47px 0 var(--mr_main); font-size: 18px; } h1, h2 { margin-top: 37px; } h1, .h1 { font-size: 28px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 20px; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 19px; } h1 + figure, h2 + figure, h3 + figure, h4 + figure, h5 + figure, h6 + figure { margin-top: 25px; } h1 + h1.label, h1 + h2.label, h1 + h3.label, h1 + h4.label, h1 + h5.label, h1 + h6.label, h2 + h1.label, h2 + h2.label, h2 + h3.label, h2 + h4.label, h2 + h5.label, h2 + h6.label, .h1 + h1.label, .h1 + h2.label, .h1 + h3.label, .h1 + h4.label, .h1 + h5.label, .h1 + h6.label { margin-top: -10px; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .heading .small { display: block; margin: 5px 0 10px; font-size: 14px; font-weight: 700; text-transform: uppercase; } h1 .small:not([class*="overlay-"]), h2 .small:not([class*="overlay-"]), h3 .small:not([class*="overlay-"]), h4 .small:not([class*="overlay-"]), h5 .small:not([class*="overlay-"]), h6 .small:not([class*="overlay-"]), .heading .small:not([class*="overlay-"]) { color: var(--yonder); } h1 i.small, h2 i.small, h3 i.small, h4 i.small, h5 i.small, h6 i.small, .heading i.small { font-weight: 400; } a { background: none; color: var(--mint); text-decoration: underline; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a, [data-whatintent="mouse"] #root .list-usp li.text-right a:hover, .nav-breadcrumbs li a, .header-top nav p a, #footer .list-ribbon a, .list-ribbon a, .list-inline a, .module-featured h1 a, .module-featured h2 a, .module-featured h3 a, .module-featured h4 a, .module-featured h5 a, .module-featured h6 a, .module-featured .heading a, .header-article a, .list-title a, .module-entry .lead a, .module-alert a, #root .module-entries > *, .scheme-tip > span a, .list-hr a, .form-quiz .module-box h1, .form-quiz .module-box h2, .form-quiz .module-box h3, .form-quiz .module-box h4, .form-quiz .module-box h5, .form-quiz .module-box h6, .module-fixed a, .module-wide h1, .module-wide h2, .module-wide h3, .module-wide h4, .module-wide h5, .module-wide h6, .module-wide a, .module-wide .list-title, #footer-new .list-contact a, .module-box h1 a, .module-box h2 a, .module-box h3 a, .module-box h4 a, .module-box h5 a, .module-box h6 a, .module-box .list-plain a, .heading a:not([class*="overlay-"]), .module-wide .heading, .list-box.b h1 a, .list-box.b h2 a, .list-box.b h3 a, .list-box.b h4 a, .list-box.b h5 a, .list-box.b h6 a, .list-box.b .heading a { color: inherit; } ul, ol, dd, blockquote { padding-left: 16px; } li { position: relative; } ul { list-style: none; } ul li:after { content: ""; display: block; position: absolute; left: -16px; top: 13px; width: 4px; height: 4px; border-radius: 5px; background: var(--coal); } .s14 li:after { top: 10px; } /*! Mixins --------- */ /* cl:b */ .cols-e:after, .list-timeline li:after, .cols-d > aside:after, .form-aside-wide:after, .form-aside-wide .box-inset:after, .form-aside p:after, .list-news li:after, .module-register:after, .module-entries > .aside:after, .module-entries.aside > *:after, .cols-b:after, .cols-a:after, .form-featured:after, .module-featured.aside:after, .module-landing:after, #footer nav:after, form p:after { content: ""; display: block; overflow: hidden; position: relative; left: 0; right: 0; top: 0; clear: both; width: auto; height: auto; border-radius: 0; background: none; } /* fill */ .scheme-underline:before, .list-features.a:before, .link-overlay, .check.panels.panels-a label a:before, .header-line .hr:after, .list-rating:before, .module-aside.table:before, .link-chat a:not(.close):before, .module-inpage .scheme-box:after, .module-inpage .content:before, .module-aside:before, .img-overlay, .list-box figure.border:before, .list-box-inline li:after, .list-box-inline li:before, figure .icon-play.overlay-fuscia:after, .scheme-rating .rating > *:before, .header-line:before, .header-line.scheme-rating .rating > *:before, .scheme-rating .rating > * .fill, #root .check.panels label:after, .check.panels li:after, .check.panels li:before, .form-quiz.c > section > *:before, .form-quiz.c > footer:before, #background.overlay:before, .input-copy:before, .module-featured figure.background:before, .list-programms li:after, .list-programms li > figure, .module-featured .list-cols li:before, .link-btn.box:before, .scheme-countdown.b:before, .list-events li:before, .list-tags li:before, .js .form-disabled fieldset p:not(:first-child, .ready):before, .scheme-progress:before, .list-results li:before, .module-results .background:before, .list-quiz label:before, .link-btn.cta:before, .form-aside-sticky > header:before, .form-aside-sticky > aside:before, .list-gallery a:after, .form-aside-wide .box-inset:before, .list-cols.b a:before, .list-box.a li:after, .scheme-label a:before, .module-entries.static a:before, .module-entries > .static a:before, .module-box-sticky .background, .module-box-sticky:before, .module-entry.box:after, .module-entry:before, .form-filter input + label:before, .list-companies li:before, .form-aside > form:before, #background:before, .list-btn.b li:before, .header-user li a:before, .cols-c:before, .header-user:before, .module-register > *:before, .module-alert figure:before, .link-btn.disabled:before, .module-scroll:before, #root > .link-btn.sticky-desktop:before, .form-register.double > .background, .scheme-score:before, .module-box:before, .input-file label:before, .list-hr li > a:after, .list-hr a:before, .list-hr li:before, .link-btn a.disabled:before, .module-countdown:before, .list-social a:before, .scheme-countdown:before, .module-alert:before, #nav > ul > li.btn > a:after, #root #footer nav li.btn > a:after, .list-logo li:before, .module-entries > *:before, .header-line > *:before, .list-box.featured figure, .scheme-box a:before, .module-entry.plain:before, .form-box:before, .list-search h1 .img:before, .list-search h2 .img:before, .list-search h3 .img:before, .list-search h4 .img:before, .list-search h5 .img:before, .list-search h6 .img:before, .ais-Pagination-list li a:after, .module-entry.wide:after, .list-title a:before, .module-note a:before, .module-note a:after, .module-note:before, .header-article:before, .list-logo:before, .form-featured:before, .module-featured:before, .module-featured:after, .list-search li:after, .list-search a:before, .list-search li:before, .header-top nav li.sub > a.toggle, .list-box li:before, .list-box a:before, .module-entry .lead a:before, .module-entry .heading a:before, .module-entry h1 a:before, .module-entry h2 a:before, .module-entry h3 a:before, .module-entry h4 a:before, .module-entry h5 a:before, .module-entry h6 a:before, .list-entry:before, .list-entry li:before, .list-profile a:before, q:before, .module-article:before, .list-profile li > span:before, .list-contact a:before, .header-top nav ul ul:before, .header-top ul a:before, .nav-content:before, .link-btn a:before, button:before, .list-btn a:after, .list-btn:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: auto; height: auto; margin: 0; border-radius: 0; text-align: left; text-indent: -3000em; direction: ltr; } #background img, #background video { display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: auto; height: auto; margin: 0; border-radius: 0; } /* wide */ .module-featured.welcome.d:after, .module-featured.welcome.d:before, .module-inpage:before, .module-inpage > figure, .module-register > .module-box:after, .module-register > .background, .module-has-background > .background, .module-contract .overlay:before, .form-quiz.b > header:before, .module-featured .list-cols:before, .module-timeline > figure, .module-timeline:before, .scheme-wide:before, #announcement:before, .module-results .background, #root .link-btn.sticky .background, .form-filter.a:before, .module-featured.welcome.a:before, #root .module-register > .background, #root #footer-new > nav > figure, #footer-new > ul:before, #footer-new:before, .module-register:before, module-register#root .module-register > figure, .module-wide:before, .module-wide > figure, .module-fixed:before, .header-profile > ul:before, .form-quiz.wide:before, .header-profile:before, .module-sponsors:before, .module-welcome > figure, .module-welcome:before, .module-entries > figure, .media-overlay:before, .module-wide-mobile:before, .scheme-countdown .img, .module-header:before, .form-sort.wide:before, .module-sticky:before, .module-header figure, .module-entries:before, .media-wide.overlay:before, .form-tabs.a:before, .module-entry.wide:before, .module-featured.aside > div:before, #root .module-featured figure.background, .form-search:before, #root > .sticky > img:last-child, #root > .sticky .background, #root > .sticky > picture:last-child, #root > .sticky:before, .module-article > .background, .nav-breadcrumbs:before, #footer:before, #footer nav:before, .header-top > figure:before, .header-top:before, #nav:before, .module-external:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 110vw; margin: 0 0 0 -55vw; } /* icon */ .list-answers.b a:before, .link-chat a.close:before, .list-box li.link a:before, .input-copy a.copy > span:before, .input-copy a.copy:before, .module-timeline header:before, .module-timeline header:after, .module-timeline footer:before, .list-gallery a i, #root .form-aside-wide.submit .box-inset > .close:before, .form-filter .semantic-select .ul:before, .header-user li a i:after, #root .module-scroll .strong:last-child a:before, #root .module-scroll a.strong:before, .module-welcome .icon-diversity:after, #mobile-compact .icon-error:after, .input-file label i:after, #nav > ul > li > a .icon-error:after, .theme-compact #footer nav ul li a .icon-error:after, i.icon-diversity:after, #logo a i.icon-diversity:after, .module-countdown a.close:before, .module-alert a.close:before, .list-social i:after, .list-social i, .module-alert:after, .theme-compact #root #nav > ul > li.sub > a:after, body > figure .close:before, .check label:before, .form-tabs .list-inline a:before, .ais-Pagination-list .ais-Pagination-item--previousPage:after, .ais-Pagination-list .ais-Pagination-item--nextPage:after, .semantic-select .ticker:before, .form-search button:before, .form-search .list-inline a:before, .semantic-select .ul:after, .semantic-select .ul:before, .list-profile a:after, #root .list-usp > .close:before, .header-top nav p a:before, .header-top nav li.sub > a:after, .header-top nav ul ul:after, .list-btn a:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ .link-overlay, .check.panels.panels-a label a:before, #background img, #background video, .img-overlay, #root .check.panels label:after, #background.overlay:before, .module-featured figure.background:before, .js .form-disabled fieldset p:not(:first-child, .ready):before, .list-quiz label:before, .list-gallery a:after, .list-cols.b a:before, .scheme-label a:before, .module-entries.static a:before, .module-entries > .static a:before, .form-aside > form:before, .link-btn.disabled:before, .module-scroll:before, .form-register .module-box label, .input-file label:before, .list-hr a:before, .link-btn a.disabled:before, #root #footer nav li.btn > a:after, #nav > ul > li.btn > a:after, .scheme-box a:before, .ais-Pagination-list li a:after, .module-note a:after, .list-search a:before, .header-top nav li.sub > a.toggle, .list-box a:before, .module-entry .lead a:before, .module-entry h1 a:before, .module-entry .heading a:before, .module-entry h2 a:before, .module-entry h3 a:before, .module-entry h4 a:before, .module-entry h5 a:before, .module-entry h6 a:before, .list-contact a:before, .link-btn a:before, button:before, .list-btn a:after { z-index: 8; } /* tr:y */ .input-partial > input + span, .module-header > div .scheme-box, .module-alert .link-btn, .module-featured.welcome .scheme-box, .list-search img, .module-entry.reduced .list-entry { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* tr:n */ #root > .link-btn.sticky-desktop.a a, [data-whatintent="mouse"] .list-box li.link a:hover:before, [data-whatintent="mouse"] .list-gallery a:hover .img img, #root button.inline, [data-whatintent="mouse"] #footer-new > ul li a:hover:before, #root .form-filter .semantic-select .ul, [data-whatintent="mouse"].theme-compact #root #nav > ul > li.btn > a:active:hover, [data-whatintent="mouse"].theme-contact #root #footer nav li.btn > a:active:hover, #root .link-btn a.inline, #root .link-btn a.inline i, #root .module-header .link-btn a i, #root .module-register .link-btn a i, #root .scheme-countdown.a .link-btn a i, #root .cols-b > aside .link-btn a i, #root > .link-btn.sticky-desktop:not(.a) a i, #root .link-btn a.link-switch:focus, #root .header-profile .link-btn a i, .menu-active #mobile-compact, #root .form-sort .link-btn a, #root .link-btn a.disabled, #root .link-btn.disabled a, #root button[disabled], #root input[type="button"][disabled], #root input[type="reset"][disabled], #root input[type="submit"][disabled], #root .module-entries > .featured .link-btn a i, #root .module-entries footer .link-btn i, [data-whatintent="mouse"].theme-compact #root #nav > ul > li:hover > ul, .theme-compact #nav > ul > li.toggle > ul, .theme-compact #root #nav > ul > li > a, #root .list-btn.a a:active:before, .list-search li.featured img, #root .semantic-select.active .ul, #root > .list-usp.toggle ~ .sticky, #root .list-profile a:active, #root .list-social a:active, .header-top.toggle nav ul, .header-top nav ul ul, #root #footer nav li.btn > a:active, #root #nav > ul > li.btn > a:active, #root .header-top ul .active a:before, [data-whatintent="mouse"] .header-top ul a:hover:before, #root button:active, #root input[type="button"]:active, #root input[type="reset"]:active, #root input[type="submit"]:active, #root .link-btn a:active, #root .list-btn a:active, #nav > ul > li > a:hover:before, #nav > ul > li > a:active:before, #nav > ul > li.active > a:before, #top > form.full button, #top > form input:focus ~ button, .menu-active #mobile > .close:before, .menu-active #root #mobile > ul > li, #root .list-search.a figure img, .list-search h1 .img img, .list-search h2 .img img, .list-search h3 .img img, .list-search h4 .img img, .list-search h5 .img img, .list-search h6 .img img, [data-whatintent="mouse"] button.compact:hover i, #root .form-filter .link-btn a i, [data-whatintent="mouse"] #root figure > a:hover .icon-play { -webkit-transform: none; transform: none; } /* show */ [data-whatintent="mouse"] .list-box li.link a:hover:before, [data-whatintent="mouse"] .check.panels li:hover:after, [data-whatintent="mouse"] #root .media-enlarge a:hover span.hover, [data-whatintent="mouse"] .input-copy a.copy:hover > span, .input-copy a.copy.copied2 > span, [data-whatintent="mouse"] #root .form-box .submit a:hover, [data-whatintent="mouse"] #root button.inline:hover, .fancybox-container.fancybox-is-open, .menu-active #mobile-compact, .scheme-tip.toggle > span, [data-whatintent="mouse"] .list-logo.box a:hover span, [data-whatintent="mouse"].theme-compact #root #nav > ul > li:hover > ul, .theme-compact #nav > ul > li.toggle > ul, #root .list-btn.a a:active:before, .semantic-select.active .ul, #root > .list-usp.toggle ~ .sticky, .header-top.toggle nav ul, .header-top nav ul ul, [data-whatintent="mouse"] .nav-content li a:hover:after, #top > form.full button, #top > form input:focus ~ button, .menu-active #mobile, #root .module-wide .link-btn.sticky.scroll-to-fixed-fixed, [data-whatintent="mouse"] #root figure > a:hover .icon-play { visibility: visible; opacity: 1; } /* hide */ .fancybox-container, .scheme-tip > span, .module-alert.position-top-left.removed, .module-alert.position-bottom-left.removed, .module-countdown.position-top-left.removed, .module-countdown.position-bottom-left.removed, .module-alert.position-top-right.removed, .module-alert.position-bottom-right.removed, .module-countdown.position-top-right.removed, .module-countdown.position-bottom-right.removed, #root .list-btn a:active:before, #root .list-profile a:active:after, .form-tabs .ui-autocomplete[style*="none"] { visibility: hidden; opacity: 0; } /* i:wi */ .list-box.b img, .list-gallery img, .list-gallery vidoe, .list-gallery iframe, .module-entries.static img, .module-entries.static video, .module-entries >.static img, .module-entries >.static video, .list-featured.a img, .list-news img, .media-overlay img, .media-overlay video, .list-box img, .media-wide img, .media-full img, .media-wide video { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* i:ct */ .list-companies img, .module-alert figure img, .list-logo.plain img, .list-featured img, .module-welcome .scheme-box .img img, .module-entries .list-logo img, .scheme-box img, .form-box img, .list-search h1 .img img, .list-search h2 .img img, .list-search h3 .img img, .list-search h4 .img img, .list-search h5 .img img, .list-search h6 .img img, .module-featured.text-center > figure:first-child img, .list-search li.featured figure img, .header-top nav > figure img { width: auto; max-height: 100% !important; -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } /* i:bg */ .module-inpage > figure img, .module-inpage > figure video, .module-inpage > figure svg, .module-inpage > figure iframe, .module-aside.a > figure img, .list-box.type-a li > figure img, .list-box.type-a li > figure video, .module-register > .background img, .module-register > .background video, .module-register > .background iframe, .module-has-background > .background img, .module-has-background > .background video, .module-has-background > .background iframe, .list-programms li > figure img, .module-timeline > figure img, .module-results .background img, .module-results .background video, .link-btn.sticky .background img, #root > .sticky .background img, #root > .sticky .background img, #root > .sticky .background picture, .module-register > .background img, .module-register > .background video, #footer-new > nav > figure img, .module-box-sticky .background img, .module-register > figure video, .module-register > figure img, .module-wide > figure img, .form-register.double > .background img, .module-welcome > figure img, .module-entries > figure video, .module-entries > figure img, .scheme-countdown .img img, .module-header img, #root .link-btn.sticky > img, .list-box.featured img, .module-featured img, .module-featured.aside > figure img, .module-featured figure.background img, #background img, #background video, .module-wide > figure video, .form-register > .background video, .module-box-sticky .background video, .module-register > figure video { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* cu:d */ .list-quiz input[type="radio"]:checked ~ label:before, .check input[type="radio"]:checked ~ label:before, #root .ais-Pagination-list .ais-Pagination-item--selected a, #nav > ul > li.active *, .active *, [disabled], .disabled, .semantic-select ul li.active a, .semantic-select ul li a.active { cursor: default; } /* td:u */ [data-whatintent="mouse"] .header-line > a:hover, [data-whatintent="mouse"] .form-filter > div > .s14 a:hover, [data-whatintent="mouse"] a.strong:hover, [data-whatintent="mouse"] .module-box .heading a:hover, [data-whatintent="mouse"] .module-box .list-plain a:hover, [data-whatintent="mouse"] .module-box h1 a:hover, [data-whatintent="mouse"] .module-box h2 a:hover, [data-whatintent="mouse"] .module-box h3 a:hover, [data-whatintent="mouse"] .module-box h4 a:hover, [data-whatintent="mouse"] .module-box h5 a:hover, [data-whatintent="mouse"] .module-box h6 a:hover, [data-whatintent="mouse"] .form-aside-sticky .form-box header a:hover, [data-whatintent="mouse"] .form-aside-wide .submit a:hover, [data-whatintent="mouse"] .form-aside-wide header a:hover, [data-whatintent="mouse"] .section-about p a:hover, [data-whatintent="mouse"] #root #footer-new a:hover, [data-whatintent="mouse"] .module-entries h1 a:hover, [data-whatintent="mouse"] .module-entries h2 a:hover, [data-whatintent="mouse"] .module-entries h3 a:hover, [data-whatintent="mouse"] .module-entries h4 a:hover, [data-whatintent="mouse"] .module-entries h5 a:hover, [data-whatintent="mouse"] .module-entries h6 a:hover, [data-whatintent="mouse"] .form-register a.show:hover, [data-whatintent="mouse"] .module-fixed a:hover, [data-whatintent="mouse"] .header-profile > ul li a:hover, [data-whatintent="mouse"] .form-register a.s14.strong:hover, [data-whatintent="mouse"].theme-compact.v1 #footer nav ul li a:hover, [data-whatintent="mouse"] .nav-pagination li a:hover, .scheme-tip > span a, [data-whatintent="mouse"] .module-alert a:hover, [data-whatintent="mouse"] .form-aside header p a:hover, /*[data-whatintent="mouse"] .s16 a:hover,*/ [data-whatintent="mouse"].theme-compact #root #nav > ul > li > a:hover, [data-whatintent="mouse"] .ais-Pagination-list li a:hover, [data-whatintent="mouse"] .list-title a:hover, [data-whatintent="mouse"] .module-note:hover h1, [data-whatintent="mouse"] .module-note:hover h2, [data-whatintent="mouse"] .module-note:hover h3, [data-whatintent="mouse"] .module-note:hover h4, [data-whatintent="mouse"] .module-note:hover h5, [data-whatintent="mouse"] .module-note:hover h6, [data-whatintent="mouse"] .module-note p a:hover, [data-whatintent="mouse"] .header-article a:hover, [data-whatintent="mouse"] .form-featured footer ul a:hover, [data-whatintent="mouse"] .list-search h1 a:hover, [data-whatintent="mouse"] .list-search h2 a:hover, [data-whatintent="mouse"] .list-search h3 a:hover, [data-whatintent="mouse"] .list-search h4 a:hover, [data-whatintent="mouse"] .list-search h5 a:hover, [data-whatintent="mouse"] .list-search h6 a:hover, [data-whatintent="mouse"] .list-inline a:hover, .form-sort .semantic-select ul li.active a, .form-sort .semantic-select ul li a.active, [data-whatintent="mouse"] .form-sort .semantic-select ul li a:hover, [data-whatintent="mouse"] .list-box a:hover, [data-whatintent="mouse"] .module-entry .lead a:hover, [data-whatintent="mouse"] .module-entry h1 a:hover, [data-whatintent="mouse"] .module-entry .heading a:hover, [data-whatintent="mouse"] .module-entry h2 a:hover, [data-whatintent="mouse"] .module-entry h3 a:hover, [data-whatintent="mouse"] .module-entry h4 a:hover, [data-whatintent="mouse"] .module-entry h5 a:hover, [data-whatintent="mouse"] .module-entry h6 a:hover, [data-whatintent="mouse"] #footer a:hover, [data-whatintent="mouse"] .header-top nav ul ul a:hover, [data-whatintent="mouse"] .nav-breadcrumbs li a:hover, #footer > p a { text-decoration: underline; } /* td:n */ .check.panels.panels-a label a, .header-line > a, .form-filter > div > .s14 a, a.strong, .module-box .heading a, .module-box .list-plain a, .module-box h1 a, .module-box h2 a, .module-box h3 a, .module-box h4 a, .module-box h5 a, .module-box h6 a, #root .list-cols.b a, [data-whatintent="mouse"] #root #footer-new > ul li a:hover, #footer-new li a, [data-whatintent="mouse"] #root #footer nav li.btn > a:hover, .module-entries h1 a, .module-entries h2 a, .module-entries h3 a, .module-entries h4 a, .module-entries h5 a, .module-entries h6 a, #root .link-btn a, .module-fixed a, .list-hr a, [data-whatintent="mouse"] .scheme-tip > span a:hover, [data-whatintent="mouse"] .scheme-tip > a:hover, #root input + a.show, #root .module-alert .link-btn a, .module-alert a, /*.s16 a,*/ .theme-compact #footer p:first-child a, .scheme-box a, #root .ais-Pagination-list .ais-Pagination-item--selected a, .list-title a, .header-article a, .form-featured footer ul a, .list-inline a, .list-search h1 a, .list-search h2 a, .list-search h3 a, .list-search h4 a, .list-search h5 a, .list-search h6 a, .module-entry .lead a, .module-entry h1 a, .module-entry h2 a, .module-entry h3 a, .module-entry h4 a, .module-entry h5 a, .module-entry h6 a, [data-whatintent="mouse"] #footer > p a:hover, #root #footer .list-ribbon a, #footer a, .header-top nav p a, .nav-breadcrumbs li a, [data-whatintent="mouse"] a:hover, #root .list-box.featured .link-btn a, #root .list-title .link-btn a, .module-entry .heading a { text-decoration: none; } /*body { padding-bottom: 5rem; } h1,h2,p {padding: 0 5%;}*/ /*! Layout --------- */ body > figure { display: none; overflow: hidden; position: relative; z-index: 3; margin: 0; padding: 59px 20px; background: var(--cerulean); text-align: center; } body > figure div,body > figure iframe { display: block !important; margin: 0 auto !important; } body > figure .close { display: block; position: absolute; right: 50%; top: 24px; width: 60px; height: 60px; margin: 0 -550px 0 0; color: var(--black); font-size: 16px; text-decoration: none; text-align: left; text-indent: -3000em; cursor: pointer; } body > figure .close:before { content: "\e915"; } #root { position: relative; width: 100%; min-height: 100vh; padding: 143px 0 0; border: 0 solid rgba(0,0,0,0); background: var(--white); } #top { position: absolute; left: 50%; top: 0; z-index: 11; width: var(--glw); z-index: 1500; height: 143px; margin: 0 0 0 calc(0px - var(--glw) * 0.5); padding: 81px 0 0; font-family: var(--font_headers); line-height: 1.5; } #top:before, #root > .list-usp:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 200vw; margin: 0 0 0 -100vw; box-shadow: 0 5px 10px rgba(190,204,219,.40); border-bottom: 62px solid var(--); background: var(--coal); } #logo { display: block; position: absolute; left: 0; top: 0; height: 81px; width: 151px; margin: 0; background-size: 100% auto; color: var(--mint); font-size: 50px; } #logo a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; color: var(--mint); font-size: 50px; text-indent: -3000em; text-decoration: none; text-align: left; direction: ltr; } #logo img { display: block; margin: 0 auto; -webkit-align-self: center; align-self: center; } #logo a:before, #top > form label:before, #top > form button:before, #mobile > .close:before, .list-usp > .close:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } #logo a:before { content: "\e904"; top: 0; margin: 0; line-height: 81px; text-align: left; } [data-whatintent="mouse"] #logo a:hover, [data-whatintent="mouse"].theme-compact #footer p:first-child a:hover { margin-left: -5px; color: var(--sinbad); font-size: 54px; } [data-whatintent="mouse"].theme-compact.v1 #footer p:first-child a:hover { margin-left: 0; } #logo a i { display: block; position: absolute; left: 0; top: 50%; margin-top: -25px; background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 center; font-size: 42px; line-height: 50px; text-indent: 0; text-align: left; } [data-whatintent="mouse"] #logo a:hover i { margin-left: 5px; } #logo a i.icon-panel-discussions, i.icon-panel-discussions { background-repeat: no-repeat; background-size: contain; background-position: 0 center; background-image: url(../images/logo-panel-discussions.svg); color: rgba(0,0,0,0); } #logo a i.icon-digital-campus, i.icon-digital-campus { background-repeat: no-repeat; background-size: contain; background-position: 0 center; background-image: url(../images/logo-digital-campus.svg); color: rgba(0,0,0,0); } #logo a i.icon-networking-expo, i.icon-networking-expo { background-repeat: no-repeat; background-size: contain; background-position: 0 center; background-image: url(../images/logo-networking-expo.svg); color: rgba(0,0,0,0); } #logo a i.icon-virtual-law-fair-2021, i.icon-virtual-law-fair-2021 { background-repeat: no-repeat; background-size: contain; background-position: 0 center; background-image: url(../images/logo-virtual-law-fair-2021.svg); color: rgba(0,0,0,0); } #logo a i.icon-ulaw, i.ulaw, #footer .logo i.icon-ulaw { background-repeat: no-repeat; background-size: contain; background-position: 0 center; background-image: url(../images/logo-ulaw.svg); color: rgba(0,0,0,0); font-size: 29px; } #logo a i.icon-ulaw-compact, i.ulaw-compact, #footer .logo i.icon-ulaw-compact { background-repeat: no-repeat; background-size: contain; background-position: 0 center; background-image: url(../images/logo-ulaw-compact.svg); color: rgba(0,0,0,0); font-size: 50px; } #logo a i.icon-virtual-law-fair-2021 { margin-top: -27px; font-size: 53px; } #root #logo a i.icon-diversity, #root #footer i.icon-diversity { font-size: 40px; } #footer i.icon-diversity { margin-top: 5px; } #logo a i.icon-diversity:before, #footer i.icon-diversity:before, .module-welcome .icon-diversity:before, .module-wide .icon-diversity:before { content: "\e953"; text-align: left; } #logo a i.icon-diversity:after, #footer i.icon-diversity:after, .module-welcome .icon-diversity:after, .module-wide .icon-diversity:after { content: "\e951"; top: 0; margin: 0; color: var(--white); line-height: 50px; text-align: left; } #logo img { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: auto !important; max-width: 100% !important; height: 100% !important; } #logo img { -o-object-position: left center; object-position: left center; -o-object-fit: contain; object-fit: contain; } /*#logo a:hover { -webkit-transform: scale(1.0666666667); transform: scale(1.0666666667); }*/ [data-whatintent="mouse"] #logo.img a:hover, [data-whatintent="mouse"] #logo.img a:hover img { margin: 0; } /*[data-whatintent="mouse"] #logo.img a:hover img { -webkit-transform: translateY(-50%) scale(1.08); transform: translateY(-50%) scale(1.08); }*/ #logo.img a:before { display: none; } #logo.static a { padding: 10px 0; } #logo.static a, #logo.static img{ position: relative; width: 100%; height: 100%; text-indent: 0; } #nav { display: block; position: relative; height: 62px; } #nav:before { background: var(--white); } #nav > ul { list-style: none; margin: 0 -29px 0 0; padding: 0; } #nav > ul > li { position: relative; margin: 0 29px 0 0; padding: 0; } #nav > ul > li > a { position: relative; height: 62px; color: var(--coal); font-size: 14px; font-weight: 700; line-height: 62px; text-decoration: none; text-transform: none; letter-spacing: -0.02em; white-space: nowrap; } #nav > ul > li > a { -webkit-align-items: center; align-items: center; } #nav > ul > li > a:before, .header-top ul a:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 20px; height: 2px; background: var(--sage); } #nav > ul > li > a:before, .header-top ul a:before, [data-whatintent="mouse"] .header-top nav li.sub.toggle > a:before, [data-whatintent="mouse"] .header-top nav li.sub:hover > a:before { -webkit-transform: scaleX(0); transform: scaleX(0); } #nav > ul > li > a i { display: block; padding-right: 5px; font-size: 12px; line-height: 62px; } [data-whatintent="mouse"] #nav > ul > li > a:hover, [data-whatintent="mouse"] .header-top nav li a:hover { padding-bottom: 10px; color: var(--sage); } #root #nav > ul > li > a:active, #root #nav > ul > li.active > a, #root .header-top ul a:active, [data-whatintent="mouse"] #root .header-top nav li.sub:hover > a { padding-bottom: 0; color: var(--coal); } #nav > ul > li > a:active:before, #nav > ul > li.active > a:before, #root .header-top ul a:active:before, .header-top ul li.active a:before { background: var(--coal); } #nav > ul > li > a .icon-error, .theme-compact #footer nav ul li a .icon-error, #mobile-compact .icon-error { display: inline-block; position: relative; top: .05em; z-index: 2; width: 22px; margin-left: 4px; font-size: 22px; line-height: 1px; } #nav > ul > li > a .icon-error:before, .theme-compact #footer nav ul li a .icon-error:before, #mobile-compact .icon-error:before { content: "\e949"; width: 22px; color: var(--white); } #nav > ul > li > a .icon-error:after, .theme-compact #footer nav ul li a .icon-error:after, #mobile-compact .icon-error:after { content: "\e931"; z-index: -1; height: 22px; margin: -11px 0 0; color: var(--cherry); font-size: 22px; } #root #nav > ul > li.overlay-c > a, .theme-compact #root #nav > ul > li.overlay-c > a { color: var(--persian); } #nav > ul > li.btn { display: block; position: absolute; right: 0; bottom: 100%; margin: 0; padding: 0 0 16px; } #nav > ul > li.btn > a, #root #footer nav li.btn > a { display: block; position: relative; z-index: 2; min-width: 220px; height: 48px; padding: 0 16px; background: var(--btn_def); color: var(--white); font-size: 13px; font-weight: 700; line-height: 48px; text-align: center; text-transform: uppercase; } [data-whatintent="mouse"] #nav > ul > li.btn > a:hover, [data-whatintent="mouse"] #root #footer nav li.btn > a:hover { box-shadow: 0 3px 6px rgba(0,0,0,.145); background: var(--btn_hov); color: var(--white); letter-spacing: 0.01em; } [data-whatintent="mouse"] #nav > ul > li.btn > a:hover, [data-whatintent="mouse"] #root #footer nav li.btn > a:hover, [data-whatintent="mouse"].theme-compact.v1 #footer nav ul li a:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } #root #nav > ul > li.btn > a:active, #root #footer nav li.btn > a:active, [data-whatintent="mouse"] #root #footer nav li.btn > a:active { background: var(--btn_foc); color: var(--white); } #nav > ul > li.text-right { /*margin-left: auto;*/ } #root #nav > ul > li.text-right > a { padding: 0; color: var(--mint); font-size: 10px; text-transform: uppercase; } #nav > ul > li.text-right > a .img, #nav > ul > li.text-right > a img { display: block; width: 120px; margin-left: 8px; } #nav > ul > li.text-right > a .img img { margin: 0; } [data-whatintent="mouse"] #nav > ul > li > a:hover img, [data-whatintent="mouse"] .list-usp a:hover img, [data-whatintent="mouse"] .scheme-box a:hover img { -webkit-transform: scale(1.0508474576); transform: scale(1.0508474576); } #top > form { position: absolute; left: 297px; right: 297px; top: 17px; } #top > form p { position: relative; margin: 0; padding: 0; } #top > form label, #top > form button { display: block; position: absolute; top: 0; bottom: 0; width: 47px; min-width: 0; margin: 0; padding: 0; box-shadow: none; border-width: 0; background: none; color: var(--mint); text-align: left; text-indent: -3000em; } #top > form label { left: 0; font-size: 20px; cursor: text; } #top > form label:before { content: "\e903"; } #top > form button { visibility: hidden; right: 0; font-size: 15px; opacity: 0; } #top > form button { -webkit-transform: translateX(-150px); transform: translateX(-150px); } #top > form button:before { content: "\e911"; } #top > form input { display: block; width: 100%; height: 48px; padding: 0 14px 0 47px; border: 1px solid var(--dove); background: var(--pearl); color: var(--dove); font-family: var(--font_content); font-weight: 400; font-size: 16px; text-transform: none; } #top > form input { -webkit-border-radius: 0; border-radius: 0; } #top > form.full input { padding-right: 47px; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--mint); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #content { position: relative; z-index: 3; width: var(--glw); max-width: none; margin: 0 auto; padding: var(--cn_p) 0 0; border: 0 solid rgba(0,0,0,0); } #content.w720 { --glw: 720px; max-width: none; } .w720 .form-tabs, .w720 .nav-breadcrumbs, .w720 .header-top, .w720 .module-tablet-wide, .w720 .module-landing, .w720 .form-filter, .w720 .list-search li.module-external, .w720 .module-featured.welcome, .w720 .media-wide.wider, .w720 .module-external.wide, .w720 .module-entries.strong.overlay, .w720 > header.text-center { margin-left: -184px; margin-right: -184px; } .w720 .module-entries.strong.overlay { margin-left: -200px; } #content.w905 { --glw: 904px; max-width: none; } .w905 .form-tabs, .w905 .nav-breadcrumbs, .w905 .header-top, .w905 .module-tablet-wide, .w905 .module-landing, .w905 .form-filter, .w905 .list-search li.module-external, .w905 .module-featured.welcome { margin-left: -98px; margin-right: -98px; } #content.w1030 { --glw: 1030px; max-width: none; } #content.w1190 { --glw: 1190px; width: calc(100% - var(--rpp) * 2); max-width: var(--glw); } #content.static { position: static; z-index: auto; } #content > *:last-child, .module-article > *:last-child { margin-bottom: 26px; } #content > header:first-child > figure:first-child { margin-top: 21px; } #content.align-center { margin-top: auto; margin-bottom: auto; padding-top: 75px; } #content.align-stretch > * { min-width: 100%; } #content > .background-wide { overflow: hidden; position: absolute; left: 50%; top: 70px; bottom: 0; width: 100vw; margin: 0 0 0 -50vw; } #content > .background-wide img, #content > .background-wide video { display: block; width: 100% !important; height: 100% !important; -o-object-position: center 0; object-position: center 0; -webkit-object-fit: cover; object-fit: cover; } #content.pd-a { --cn_p: 70px; } #content.pd-b { --cn_p: 40px; } #background { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: 0; } #background.overlay:before { background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); } #footer { position: relative; z-index: 2; width: 1340px; margin: auto auto 0; padding: 28px 0 21px; border: 0 solid rgba(0,0,0,0); background: var(--elm); color: var(--white); font-family: var(--font_extra_5); line-height: 1.2857142857; text-align: center; } #footer:before, #footer nav:before { background: var(--elm); } #footer nav { position: relative; z-index: 2; min-height: 477px; margin: 0 0 28px; padding: 41px 0 32px; } #footer nav:before { box-shadow: 0 3px 6px rgba(0,0,0,.35); background: url(../images/footer.webp) center 0 no-repeat; background-size: cover; } .no-webp #footer nav:before { background-image: url(../images/footer.jpg); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .lead { overflow: hidden; position: relative;; margin: 0 auto 27px; padding: 125px 380px 0; color: var(--white); font-size: 24px; font-weight: 900; font-family: var(--font_extra_1); line-height: 1.21; text-align: center; text-transform: none; letter-spacing: -0.02em; } #footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before, #footer h5:before, #footer h6:before, #footer h1:after, #footer h2:after, #footer h3:after, #footer h4:after, #footer h5:after, #footer h6:after, #footer .lead:before, #footer .lead:after { content: ""; display: block; position: absolute; left: 50%; } #footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before, #footer h5:before, #footer h6:before, #footer .lead:before { top: 39px; width: 4304px; height: 2px; margin: 0 0 0 -2152px; border: 0 solid var(--elm); border-left-width: 2000px; border-right-width: 2000px; } #footer h1:after, #footer h2:after, #footer h3:after, #footer h4:after, #footer h5:after, #footer h6:after, #footer .lead:after { top: 0; width: 304px; height: 81px; margin: 0 0 0 -152px; background: center center no-repeat; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 242.4 80.3' enable-background='new 0 0 242.4 80.3'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%231B8785;%7D .st1%7Bopacity:0.851;fill:%231B8785;%7D%3C/style%3E%3Cpath d='M236.6 19.8v-3.3h-1.1v-.6h2.9v.6h-1.2v3.3zM239.5 19.8h-.6v-3.9h.5l1.3 1.9 1.2-1.9h.5v3.9h-.6v-2.7l-1 1.5h-.3l-1-1.5zM94.9 44.4h2v14.1h-2zM104.6 49.1c-2.4 0-3.6 1.9-3.6 3.8 0 2 1.3 4 3.7 3.9 1.8 0 3.5-1.3 3.5-3.9.1-2.5-1.7-3.8-3.6-3.8zm5.7-1.5v10.9h-2V57c-.8 1.2-2.3 1.6-3.6 1.6-3.8 0-5.6-2.7-5.6-5.7 0-2.9 1.9-5.6 5.6-5.6 1.3 0 2.7.3 3.7 1.6v-1.5l1.9.2zM120.2 54.3l-.9-3.3-.9 3.3-1.3 4.3h-1.5l-3.7-11h2.1c.3 1 .7 2 1 3 .5 1.6.9 3.1 1.3 4.7l2.2-7.4h1.8l2.2 7.4c.3-1.6.8-3.1 1.3-4.7.3-1 .7-2 1-3h2.1l-3.7 11h-1.5l-1.5-4.3zM104.6 24.6c-4.2.1-6.3 3.4-6.3 6.8 0 3.5 2.2 7 6.6 6.9 3.2-.1 6.2-2.3 6.2-6.8 0-4.7-3.3-7-6.5-6.9zm10-2.8V41h-3.5v-2.6c-1.4 2.1-4 2.9-6.4 2.9-6.7 0-9.9-4.7-9.9-10 0-5.2 3.4-9.8 9.8-9.8 2.4 0 4.8.6 6.5 2.9v-2.6h3.5zM119.1 16.2h3.5V41h-3.5zM127.2 16.2h3.5V41h-3.5zM144.2 24.6c-4.2.1-6.3 3.4-6.3 6.8 0 3.5 2.2 7 6.6 6.9 3.2-.1 6.2-2.3 6.2-6.8 0-4.7-3.2-7-6.5-6.9zm10-2.8V41h-3.5v-2.6c-1.4 2.1-4 2.9-6.4 2.9-6.7 0-9.9-4.7-9.9-10 0-5.2 3.4-9.8 9.8-9.8 2.4 0 4.8.6 6.5 2.9v-2.6h3.5zM168.5 38.2c4.4.1 6.6-3.4 6.6-6.9 0-3.4-2.1-6.7-6.3-6.8-3.3 0-6.5 2.2-6.5 6.8s3.1 6.9 6.2 6.9zm-6.2-13.9c1.6-2.3 4.1-2.8 6.4-2.8 6.5 0 9.8 4.6 9.8 9.8 0 5.3-3.2 10-9.9 10-2.4 0-5-.8-6.4-2.9V41h-3.5V16.2h3.5v8.1zM197.6 31.4c0-9.1-12.9-9.1-12.9 0 .1 9.1 12.9 9.1 12.9 0zm-16.3 0c0-13.2 19.8-13.2 19.8 0s-19.8 13.3-19.8 0zM219 41v-2.5c-1.4 2.1-3.6 2.8-6.1 2.8-5.8 0-8.3-3.6-8.3-9.1V21.8h3.5v10.3c0 3.5.9 6 4.9 6.1 3.8.1 5.8-2.5 5.8-5.9V21.8h3.5V41H219zM231.5 17.6v4.3h4.2v2.8h-4.2v10.8c0 2.9 1.8 3 4.3 2.7V41c-4.6.4-7.8-.6-7.8-5.7V24.6h-2.9v-2.8h2.9v-3.6l3.5-.6zM59.9 39.9zM73.4 41.3c.1.7.2 1.3.4 1.9.5 1.4 1.5 2.8 4 3.7 0 0 .1 0 .1 0l.1.1c.1.1.3.1.4.3.3.2.7.5 1 .7 4.2-21.2-9.1-42-30.2-46.9-20.9-5-42.1 7.6-47.8 28.5-5.7 20.9 6.2 42.5 26.8 48.9 20.7 6.4 42.7-4.7 49.8-25.1.1-.2.1-.5.1-.7 0-.6-.3-1.2-.8-1.6-.3-.3-.7-.6-1-.8-1.5-.5-2.8-1.4-4-2.5-.6 2.6-1.5 5.1-2.8 7.5-7.7 15-25.3 21.8-41.1 16-15.6-5.9-24.5-22.6-20.6-39S27.3 5.2 44 7.1c16.7 2 29.3 16.2 29.3 33 .1.4 0 .7.1 1.2zM40.1 24c-9 0-16.2 7.2-16.2 16.2s7.2 16.2 16.2 16.2 16.2-7.3 16.2-16.2c0-9-7.2-16.2-16.2-16.2zM60.1 40.8c0 1 .2 2 .7 2.9.6 1.2 1.5 2.4 3.5 3.2h.1l.4.2c.3.1.7.4 1.2.6.8.4 1.5.9 2.1 1.5 4.9-15.1-3-31.3-17.9-36.8-14.9-5.5-31.4 1.7-37.5 16.4-6.1 14.6.5 31.5 14.9 38.2 14.4 6.7 31.5.8 38.7-13.3.1-.1.1-.2.1-.4.1-.2-.3-.9-1.2-1.5-.7-.5-1.4-.9-2.2-1.3h-.1c-1.6-.6-3.1-1.6-4.2-2.9C55 57 44.5 62.2 34.6 59.3c-9.9-2.8-16-12.8-14.1-22.9 2-10.1 11.3-17.1 21.5-16.1 10.3 1 18.1 9.6 18.1 19.9 0 0 0 .1 0 .1s0 0 0 .1 0 .1 0 .2 0 .1 0 .2z' class='st0'/%3E%3Cpath d='M129.6 57.1c0 .7-.6 1.2-1.2 1.2-.7 0-1.2-.5-1.2-1.2 0-.5.2-.9.6-1.1.4-.2.9-.2 1.3 0 .3.3.5.7.5 1.1zM142.4 54.1c-1.2 6.3-11.2 5.9-11.2-1.3s10-7.5 11.2-1.3h-2c-1.1-3.9-7.2-3.5-7.2 1.3s6.1 5.2 7.2 1.3h2zM153.1 52.9c0-5.2-7.4-5.2-7.4 0s7.4 5.2 7.4 0zm-9.4 0c0-7.6 11.3-7.6 11.3 0s-11.3 7.5-11.3 0zM158.3 57.1c0 .7-.6 1.2-1.2 1.2-.7 0-1.2-.5-1.2-1.2 0-.5.2-.9.6-1.1s.9-.2 1.3 0c.3.3.5.7.5 1.1zM168.5 58.3v-1.4c-.8 1.2-2 1.6-3.5 1.6-3.3 0-4.8-2.1-4.8-5.2v-5.9h2v5.9c0 2 .5 3.4 2.8 3.5 2.1 0 3.3-1.5 3.3-3.4v-6h2v11h-1.8zM175.1 52.6l1.7-2 3-3.2h2.4l-4.4 4.7 4.7 6v.2h-2.3l-3.7-4.8-1.4 1.5v3.3h-2V44.1h2z' class='st1'/%3E%3C/svg%3E"); } #footer nav p { position: relative; color: var(--elm); font-size: 14px; font-weight: 900; font-family: var(--font_extra_1); line-height: 1.21; text-transform: uppercase; } #footer nav p:before { content: ""; display: none; position: absolute; left: 50%; top: 7px; width: 4098px; height: 2px; margin: 0 0 0 -2049px; border: 0 solid var(--elm); border-left-width: 2000px; border-right-width: 2000px; } #footer nav p .aag { margin-top: 18px; } #footer nav p span { display: block; margin-top: 30px; color: var(--white); font-size: 1.2142857143em; } #footer .aag { display: block; overflow: hidden; position: relative; width: auto; height: 87px; background: center center no-repeat; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 263.9 87.7' enable-background='new 0 0 263.9 87.7'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FFFFFF;%7D .st1%7Bopacity:0.749;fill:%23FFFFFF;%7D .st2%7Bopacity:0.851;fill:%23FFFFFF;%7D%3C/style%3E%3Cpath d='M65.3 43.5c0 .1 0 .1 0 0z' class='st0'/%3E%3Cpath d='M80.1 45c.1.7.2 1.4.5 2.1.6 1.5 1.6 3 4.3 4 0 0 .1 0 .1 0h.1l.2.1c.1.1.3.2.5.3.4.2.7.5 1.1.8 4.6-23.2-10-45.8-33-51.2-23-5.3-46.1 8.4-52.3 31.2s6.7 46.4 29.3 53.4c22.5 7 46.6-5.1 54.4-27.3.1-.3.1-.5.1-.8 0-.7-.3-1.3-.8-1.8-.3-.3-.7-.6-1.1-.9-1.6-.6-3.1-1.5-4.3-2.7-.7 2.8-1.7 5.6-3 8.1-8.4 16.3-27.6 23.8-44.9 17.5C14 71.4 4.2 53.1 8.5 35.3S29.8 5.6 48.1 7.8c18.2 2.2 32 17.6 32 36-.1.4-.1.7 0 1.2z' class='st1'/%3E%3Cpath d='M43.8 26.2c-9.8 0-17.7 7.9-17.7 17.7S34 61.5 43.8 61.5c9.8 0 17.7-7.9 17.7-17.7-.1-9.7-8-17.6-17.7-17.6z' class='st0'/%3E%3Cpath d='M65.6 44.5c0 1.1.3 2.2.7 3.2.6 1.3 1.6 2.6 3.9 3.5h.1l.4.2c.3.2.8.4 1.3.7.8.5 1.6 1 2.3 1.7 5.3-16.5-3.2-34.2-19.5-40.2s-34.3 1.9-41 17.9c-6.6 16 .5 34.4 16.2 41.6 15.7 7.3 34.3.9 42.2-14.5.1-.1.1-.3.1-.4.1-.2-.4-1-1.3-1.7-.7-.6-1.5-1-2.4-1.4l-.1-.1c-1.8-.7-3.4-1.8-4.6-3.2-4.1 10.5-15.5 16.1-26.3 13-10.8-3.1-17.5-13.9-15.4-25 2.1-11 12.2-18.7 23.4-17.6 11.4 1 20 10.4 20 21.6 0 .1 0 .1 0 .2s0 .1 0 .1c0 .1 0 .1 0 .2 0 0 0 .1 0 .2z' class='st2'/%3E%3Cpath d='M119.8 31.6c-1.8-2.5-4.5-3.1-7-3.1-7 0-10.7 5-10.7 10.7 0 5.7 3.5 10.8 10.8 10.8 2.6 0 5.4-.9 6.9-3.2v2.8h3.8V28.8h-3.8v2.8zm-6.7 15c-4.8.1-7.2-3.7-7.2-7.5 0-3.7 2.3-7.3 6.8-7.3 3.5 0 7.1 2.4 7.1 7.4 0 4.9-3.3 7.3-6.7 7.4zM128.5 22.7h3.8v26.9h-3.8zM137.3 22.7h3.8v26.9h-3.8zM162.8 46.8v2.8h3.8V28.8h-3.8v2.8c-1.8-2.5-4.5-3.1-7-3.1-7 0-10.7 5-10.7 10.7 0 5.7 3.5 10.8 10.8 10.8 2.6-.1 5.4-.9 6.9-3.2zm-13.9-7.7c0-3.7 2.3-7.3 6.8-7.3 3.5 0 7.1 2.4 7.1 7.4 0 4.9-3.3 7.3-6.8 7.4-4.7.1-7.1-3.7-7.1-7.5zM193.1 39.1c0-5.6-3.7-10.7-10.7-10.7-2.6 0-5.2.6-7 3v-8.8h-3.8v26.9h3.8v-2.8c1.5 2.3 4.3 3.1 6.9 3.2 7.3.1 10.8-5.1 10.8-10.8zm-10.9 7.5c-3.4-.1-6.8-2.5-6.8-7.4 0-5 3.5-7.5 7.1-7.4 4.5.1 6.8 3.7 6.8 7.3.1 3.8-2.4 7.6-7.1 7.5zM196.1 39.2c0 14.3 21.5 14.3 21.5 0s-21.5-14.3-21.5 0zm3.7 0c0-9.9 14-9.9 14 0s-14 9.9-14 0zM236.8 40.1c0 3.7-2.2 6.5-6.2 6.5-4.4-.1-5.4-2.7-5.4-6.6V28.8h-3.8V40c0 6 2.7 9.9 9 9.9 2.7 0 5-.8 6.6-3v2.7h3.6V28.8h-3.8v11.3zM250.6 43.5V31.8h4.6v-3h-4.6v-4.6l-3.8.7v3.9h-3.1v3h3.1v11.7c0 5.5 3.4 6.5 8.5 6.2v-3.1c-2.8.2-4.7 0-4.7-3.1zM256.6 24.7h1.2v3.6h.6v-3.6h1.3v-.5h-3.1zM263.4 24.2l-1.3 2-1.4-2h-.5v4.1h.6v-2.9l1.1 1.6h.3l1.1-1.6v2.9h.6v-4.1zM111.7 58.6c-.8-1.2-2.4-1.7-3.8-1.7-4 0-5.9 2.8-5.9 6 0 3.1 2 5.7 5.9 5.7 1.4 0 2.9-.3 3.9-1.6v.6c0 4-6.3 4.2-7 1.3h-2.1c.4 5 11.2 5.6 11.2-1.3V57.1h-2.1v1.5zm-3.9 8.1c-2.5 0-3.8-1.8-3.8-3.9 0-2.1 1.3-4.2 3.9-4.1 2.5.1 3.7 1.8 3.7 3.8.1 2.2-1.2 4.2-3.8 4.2zM118.6 58.5v-1.4h-2.1v11.4h2.1v-6.2c0-1.1.5-2.2 1.4-2.9.9-.7 2.1-.9 3.2-.6V57c-1.8-.4-3.5 0-4.6 1.5zM123.8 62.8c0 7.9 11.8 7.9 11.8 0 .1-7.9-11.8-7.9-11.8 0zm2.1 0c0-5.4 7.7-5.4 7.7 0 0 5.5-7.7 5.5-7.7 0zM146.2 63.3c0 2-1.2 3.6-3.5 3.6-2.4 0-3-1.5-3-3.6v-6.2h-2.1v6.2c0 3.3 1.5 5.5 5 5.5 1.5 0 2.8-.4 3.6-1.7v1.5h2V57.1h-2.1v6.2zM157 56.9c-1.4 0-3 .5-3.8 1.7v-1.5h-2.1v14.8h2.1v-4.8c1 1.3 2.4 1.7 3.9 1.7 3.9 0 5.9-2.7 5.9-5.9-.1-3.2-2-6-6-6zm.1 10c-2 0-3.9-1.3-3.9-4.1 0-2.7 1.9-4 3.7-4.1 2.6-.1 3.9 2 3.9 4.1 0 2.1-1.2 4.1-3.7 4.1zM167.4 66.5c-.4-.3-1-.3-1.4 0-.4.3-.7.7-.7 1.2 0 .7.6 1.3 1.4 1.3s1.3-.6 1.4-1.3c0-.4-.2-.9-.7-1.2zM169.8 63.1c0 8.2 12.4 8.2 12.4 0s-12.4-8.3-12.4 0zm10.2 0c0 5.7-8 5.7-8 0s8-5.7 8 0zM186.7 58.6v-1.5h-2.2V69h2.2v-6.5c0-1.2.5-2.3 1.5-3.1 1-.7 2.2-.9 3.3-.6V57c-1.9-.4-3.7 0-4.8 1.6zM203 58.7c-.9-1.3-2.5-1.8-4-1.8-4.2 0-6.2 3-6.2 6.2s2.1 5.9 6.1 5.9c1.5 0 3-.3 4-1.7v.7c0 4.2-6.5 4.4-7.3 1.4h-2.2c.4 5.2 11.7 5.8 11.7-1.4V57.1H203v1.6zm-4 8.4c-2.6 0-3.9-1.9-4-4 0-2.2 1.4-4.4 4.1-4.3 2.6.1 3.9 1.9 3.9 4 0 2.2-1.3 4.3-4 4.3z' class='st0'/%3E%3C/svg%3E"); text-indent: -3000em; text-align: left; } #footer .list-contact { position: absolute; left: 0; top: 134px; text-align: left; } #footer .list-ribbon { position: absolute; left: 0; bottom: 134px; width: 475px; margin: 0; } #footer .list-ribbon + .list-ribbon { left: auto; right: 0; } #footer .list-ribbon li:last-child { margin-right: 0; } #footer a { color: var(--white); font-weight: inherit; } #footer > p { margin: 0 0 9px; font-size: 14px; line-height: inherit; } #footer > ul { position: absolute; right: 0; top: 134px; z-index: 2; list-style: none; margin: -7px 0 9px; padding-top: 28px; font-weight: 400; text-align: right; } #footer > ul li { margin-bottom: 18px; padding: 0; background: none; font-size: 14px; line-height: inherit; } #footer-new { position: relative; z-index: 2; width: 1240px; margin: 0 auto; color: var(--white); font-size: 14px; line-height: 1.3571428571; letter-spacing: normal; --first_w: 420px; } #footer-new:before { background: var(--coal); } #footer-new h1, #footer-new h2, #footer-new h3, #footer-new h4, #footer-new h5, #footer-new h6, #footer-new nav > * > p:first-child { margin: 0 0 18px; color: var(--white); font-weight: 700; font-size: 16px; text-transform: uppercase; } #footer-new h1 i, #footer-new h2 i, #footer-new h3 i, #footer-new h4 i, #footer-new h5 i, #footer-new h6 i, #footer-new nav > * > p:first-child i { display: block; margin: -8px 0 22px -6px; color: var(--mint); font-size: 48px; line-height: 1; } #footer-new ul { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; } #footer-new li { margin-bottom: 19px; } #footer-new > nav { position: relative; z-index: 3; margin: 0 0 0 -20px; padding-top: 37px; padding-left: var(--first_w); } #footer-new > nav > * { width: 25%; margin-bottom: var(--mr_main); border-left: 20px solid rgba(0,0,0,0); } #footer-new > nav > figure { border-width: 0; } #footer-new > nav > *:first-child { width: var(--first_w); min-width: var(--first_w); max-width: var(--first_w); margin-left: calc(0px - var(--first_w)); } #footer-new > nav > ul { width: auto; margin-right: calc(0px - var(--mr)); font-size: 13px; font-weight: 700; text-transform: uppercase; --mr: 38px; } #footer-new > nav > ul li { margin-right: var(--mr); } #footer-new > nav > ul li a { color: var(--white); } #footer-new > nav > ul em { display: none; } #footer-new > ul { max-width: 1006px; margin-left: auto; margin-right: auto; color: var(--coal); font-weight: 700; font-size: 14px; font-family: var(--font_headers); text-transform: uppercase; } #footer-new > ul:before { background: var(--white); } #footer-new > ul li { margin: 0; font-size: 1em; } #footer-new > ul li a { display: block; position: relative; z-index: 2; height: 82px; color: inherit; font-weight: inherit; line-height: 82px; text-decoration: none; } #footer-new > ul li a:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 28px; height: 2px; background: var(--mint); } #footer-new > ul li a:before { -webkit-transform: scaleX(0); transform: scaleX(0); } [data-whatintent="mouse"] #footer-new > ul li a:hover { color: var(--sage); line-height: 74px; } #footer-new > ul li.inv a { color: var(--sage); } #footer-new > ul li a i { display: inline-block; position: relative; top: .2em; margin-right: 3px; font-size: 1.6428571429em; line-height: 1px; } #footer-new .list-contact { max-width: 340px; line-height: 1.3571428571; } #footer-new .list-contact i { top: -3px; background: var(--mint); } [data-whatintent="mouse"] #footer-new .list-contact li:hover i { background: var(--white); color: var(--mint); } #footer-new > .logo:first-child { margin-top: 20px; margin-bottom: 20px; } #footer-new.double nav { padding: 0; } #footer-new.double nav ul, #footer-new.double nav ul li { margin-bottom: 0; } #root #footer-new.double nav > * { width: auto; min-width: 0; max-width: none; margin-left: 0; margin-right: 0;} #footer-new.compact { min-height: var(--h); padding-top: 0; padding-bottom: 0; --h: 95px; } #footer-new.compact nav { padding: 0; } #footer-new.compact nav > * { margin: 0; } #root #footer-new.compact nav > *:first-child { width: auto; min-width: 0; max-width: none; margin: 0; } #footer-new.compact nav > * > p:first-child { margin: 0; } #root #footer-new.compact nav i { margin: 0; line-height: var(--h); text-align: left; } #footer-new.compact > ul, #footer-new.compact nav > *:not(:first-child), #footer-new.compact nav ul, #root #footer-new.compact figure { display: none; } #root > .sticky { position: fixed; left: 50%; bottom: 0; z-index: 10; width: var(--glw); height: 70px; margin: 0 0 0 calc(0px - var(--glw) * 0.5); background: var(--coal); color: var(--white); font-size: 18px; font-weight: 700; font-family: var(--font_headers); line-height: 1.3; } #root > .sticky:before { background: var(--coal); } @media only screen and (min-width: 47.5em) { /* 760 */ #root > .sticky > img:last-child, #root > .sticky > picture:last-child, #root > .sticky .background { display: block; width: 100vw !important; max-width: none !important; height: 100% !important; margin-left: -50vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } #root > .sticky .link-btn { margin-top: 0; margin-bottom: 0; } #root > .sticky .link-btn a { min-width: 0; height: 50px; margin-bottom: 0; padding: 0 20px; box-shadow: none; border-color: var(--white); background: var(--white); color: var(--btn_def); font-size: 16px; line-height: 50px; white-space: nowrap; } [data-whatintent="mouse"] #root > .sticky .link-btn a:hover { color: var(--btn_hov); } #root > .sticky .link-btn a:active, [data-whatintent="mouse"] #root > .sticky .link-btn a:active { border-color: var(--press); background: var(--press); color: var(--btn_foc); } #root > .sticky ~ #footer { border-bottom-width: 70px; } #root > .sticky.link-btn ~ #footer { border-bottom-width: 0; } #background { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: 0; } .list-usp ~ #background { top: 75px; } #background.text-right { left: auto; width: calc(50vw - 98px); } #root > .link-btn.sticky-desktop { display: block; position: fixed; left: auto; right: 0; bottom: 26px; z-index: 1498; margin: 0; padding: 16px 0 .1px 16px; font-size: 18px; font-weight: 700; font-family: var(--font_headers); line-height: 1.4444444444; } #root > .link-btn.sticky-desktop:not(.a):before { background: var(--coal); opacity: .8; } #root > .link-btn.sticky-desktop:not(.a) a { min-width: 0; padding: 15px 25px; } #root > .link-btn.sticky-desktop:not(.a) a i { left: 0; margin-left: -5px; margin-right: 9px; } #root > .link-btn.sticky-desktop.a { bottom: 0; padding: 0; } #root > .link-btn.sticky-desktop.a a { margin: 0; padding: 14px 20px; border-radius: 3px 0 0 0; border-color: rgba(0,0,0,0); background: rgba(247,46,162,.75); } #root > .link-btn.sticky-desktop.a a:hover { border-color: var(--btn_hov); background: var(--btn_hov); } #root > .link-btn.sticky-desktop.a a:active { border-color: var(--btn_foc); background: var(--btn_foc); } #announcement { overflow: hidden; position: relative; z-index: 9; margin: 0; padding: 16px 0 .1px; color: var(--fiord); font-family: var(--font_headers); font-size: 22px; line-height: 1.31818181818; text-align: center; } #announcement > div { width: var(--glw); margin: 0 auto; } #announcement:before { background: var(--mustard); } #announcement a { color: inherit; } #announcement .outer { display: block; position: relative; z-index: 2; width: 100%; margin: 0; } #announcement .inner.clone-a { position: absolute; left: 100%; top: 0; } #announcement .inner.clone-b { position: absolute; left: 200%; top: 0; } #announcement .inner.clone-a .inner, #announcement .inner.clone-b .inner { display: none; } #announcement ul, #announcement p { position: relative; z-index: 2; list-style: none; margin-bottom: 16px; padding: 0; } #announcement ul { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #announcement ul { margin-right: -40px; margin-bottom: 0; } #announcement li { margin-right: 40px; margin-bottom: 16px; padding: 0; border: 0 solid rgba(0,0,0,0); white-space: nowrap; } #announcement li:first-child:last-child { text-align: center; white-space: normal; } #announcement li:first-child:last-child { width: 100%; } #announcement li:after { display: none; } #announcement i { display: inline-block; position: relative; top: .1em; margin-right: 6px; font-size: 1em; line-height: 1px; } #announcement.has-ticker { overflow: hidden; width: 100%; margin: 0; padding-left: 0; padding-right: 0; } #announcement.has-ticker ul { /*width: calc(100% + 40px);*/ margin-right: -40px; } #announcement.has-ticker ul, #announcement.has-ticker ul li { margin-right: 0; } #announcement.has-ticker ul li { border-left-width: 40px; } #announcement.has-ticker .outer > .inner { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 10s; animation-duration: 10s; } [data-whatintent="mouse"] #announcement.has-ticker .outer > .inner:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .theme-compact #root { padding-top: 93px; } .theme-compact #top { height: 93px; } .theme-compact #top:before { box-shadow: none; } .theme-compact #logo { height: 100%; } .theme-compact #logo:last-child a:before, .theme-compact #logo:nth-last-child(2) a:before { display: block; line-height: 93px; } .theme-compact #top h1, .theme-compact #top h2, .theme-compact #top h3, .theme-compact #top h4, .theme-compact #top h5, .theme-compact #top h6 { position: absolute; left: 0; top: 0; bottom: 0; margin: 0; color: var(--mint); font-size: 32px; font-weight: 900; } .theme-compact #top h1 ~ #logo, .theme-compact #top h2 ~ #logo, .theme-compact #top h3 ~ #logo, .theme-compact #top h4 ~ #logo, .theme-compact #top h5 ~ #logo, .theme-compact #top h6 ~ #logo, .theme-compact #top h1 ~ #logo i, .theme-compact #top h2 ~ #logo i, .theme-compact #top h3 ~ #logo i, .theme-compact #top h4 ~ #logo i, .theme-compact #top h5 ~ #logo i, .theme-compact #top h6 ~ #logo i { left: auto; right: 0; } .theme-compact #nav { position: absolute; right: 0; top: 0; height: 93px; padding-top: 16px; } .theme-compact #nav > ul { margin-right: -38px; } .theme-compact #nav > ul > li { margin-right: 38px; font-size: 13px; text-transform: uppercase; } .theme-compact #nav > ul > li.btn { position: relative; bottom: 0; padding: 0; } .theme-compact #root #nav > ul > li.btn > a, [data-whatintent="mouse"].theme-compact #root #nav > ul > li.btn > a:hover { margin: 7px 0 0; padding: 0 16px; color: var(--white) !important; text-decoration: none; letter-spacing: normal; } [data-whatintent="mouse"].theme-compact #root #nav > ul > li.btn > a:hover, [data-whatintent="mouse"].theme-contact #root #footer nav li.btn > a:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); } [data-whatintent="mouse"].theme-compact #root #nav > ul > li.btn > a:hover:after, [data-whatintent="mouse"].theme-contact #root #footer nav li.btn > a:hover:after { bottom: -4px; } .theme-compact #root #nav > ul > li > a { display: block; padding: 0; color: var(--white); font-size: 1em; text-transform: uppercase; } .theme-compact #root #nav > ul > li.sub > a { padding-right: 18px; } .theme-compact #root #nav > ul > li.sub > a:after { content: "\e90e"; left: auto; font-size: 6px; line-height: 18px; } .theme-compact #root #nav > ul > li.sub > a.toggle { display: block; overflow: hidden; position: absolute; right: -15px; top: -3000em; z-index: 9; width: 40px; height: 40px; margin-top: -20px; } .theme-compact #root #nav > ul > li.sub > a.toggle:focus, .mobile.theme-compact #root #nav > ul > li.sub > a.toggle { top: 50%; } [data-whatintent="mouse"].theme-compact #root #nav > ul > li.sub:hover > a:after, .theme-compact #root #nav > ul > li.sub.toggle > a:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .theme-compact #nav > ul > li ul { display: block; visibility: hidden; position: absolute; left: -25px; right: -25px; top: 100%; list-style: none; margin: 0; padding: 0 0 2px; background: var(--coal); font-weight: 700; text-align: center; opacity: 0; } .theme-compact #nav > ul > li ul { -webkit-transform: translateY(-30px); transform: translateY(-30px); } .theme-compact #nav > ul > li ul li { padding: 3px 12px 12px; } .theme-compact #nav > ul > li ul a { display: block; padding: 10px 0; color: var(--white); text-decoration: none; } .theme-compact #content { padding-top: 24px; } .theme-compact #footer { width: var(--glw); height: 110px; padding: 0; text-align: left; } .theme-compact #footer:before { background: var(--coal); } .theme-compact #footer p:first-child { display: block; position: absolute; left: 0; top: 50%; margin-top: -25px; font-size: 50px; } .theme-compact.v1 #root { padding-top: 68px; } .theme-compact.v1 #top, .theme-compact.v1 #nav { height: 68px; padding-top: 0; } .theme-compact.v1 #top:before, .theme-compact.v1 #footer:before { background-image: url(../images/background-diversity.jpg); background-position: center center; background-size: cover; } .theme-compact.v1 #top.strong, .theme-compact.v1 #top.strong #nav { height: 100px; } .theme-compact.v1 #top.strong ~ #content { border-top: 32px solid rgba(0,0,0,0); } .theme-compact.v1 #root #top.strong #logo { width: 210px; } .theme-compact.v1 #root #top.strong #logo i { font-size: 52px; } .theme-compact.v1 #root #top.strong #logo i:before, .theme-compact.v1 #root #top.strong #logo i:after { text-align: right; } .theme-compact.v1 #nav { padding-top: 3px; } [data-whatintent="mouse"].theme-compact.v1 #root #nav > ul > li > a:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .theme-compact.v1 #footer, .theme-compact.v1 .module-alert.position-bottom.removed ~ #footer { height: auto; min-height: 72px; font-family: var(--font_headers); } .theme-compact.v1 .module-alert.position-bottom ~ #footer { min-height: 162px; } .theme-compact.v1 #footer nav { display: block; min-height: 0; margin: 0 0 0 auto; padding: 0; font-weight: 700; text-transform: uppercase; } .theme-compact.v1 #footer nav ul { margin: 0; padding: 0; } .theme-compact.v1 #footer nav ul li { display: block; margin-left: 40px; font-size: 13px; } .theme-alabaster, .theme-alabaster #root { background: var(--press); } /*.theme-dashboard {}*/ .theme-dashboard #root:after { background: rgba(0,0,0,.13); } .theme-dashboard #root:after { -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); } .theme-blank body, .theme-blank #root, .theme-blank .header-line > * { background: var(--white); } .theme-blank.v1 body, .theme-blank.v1 #root { background: var(--lagoon); } .theme-blank.v1 #top, .theme-blank.v1 #root #footer { display: none; } .theme-blank.v1 #root { padding: 0; } .theme-blank.v1 #root .form-box { width: 100%; max-width: 352px; margin-left: auto; margin-right: auto; padding: 28px 20px .1px; color: var(--coal); font-family: var(--font_extra_2); font-weight: 700; font-size: 16px; line-height: 1.625; text-align: center; } @media only screen and (min-width: 761px) { /* 760+ */ .theme-blank.v1 #root figure + .form-box { margin-top: 85px; } } .theme-blank.v1 .form-box:before { border-width: 0; background: var(--white); opacity: .8; } .theme-blank.v1 .form-box header { position: relative; z-index: 2; margin: 0 0 25px; padding-bottom: 26px; } .theme-blank.v1 .form-box header:before { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 62px; height: 2px; margin-left: -31px; background: var(--lagoon); } .theme-blank.v1 .form-box header h1, .theme-blank.v1 .form-box header h2, .theme-blank.v1 .form-box header h3, .theme-blank.v1 .form-box header h4, .theme-blank.v1 .form-box header h5, .theme-blank.v1 .form-box header h6 { color: var(--coal); font-size: 28px; line-height: 1.3571428571; } .theme-blank.v1 .form-box header figure { max-width: 216px; margin-bottom: 15px; padding: 0; background: none; } .theme-blank.v1 .form-box header figure:first-child { margin-top: 4px; } .theme-blank.v1 .form-box header > *:last-child { margin-bottom: 0; } .theme-blank.v1 .form-box p { margin-bottom: 19px; } .theme-blank.v1 .form-box p.last-child, .theme-blank.v1 .form-box p:last-child { margin-bottom: 23px; } .theme-blank.v1 .form-box label { margin: 0 0 14px; padding: 0; color: inherit; font-family: inherit; font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: normal; } .theme-blank.v1 .form-box figure { width: 100%; max-width: 270px; height: auto; min-height: 0; margin: 0 auto 19px; padding: 5px; background: var(--sand); } .theme-blank.v1 .form-box button { width: 100%; margin-top: 0; color: var(--white); } .theme-no-top #root, .theme-no-top.theme-compact #root, .theme-no-top.theme-compact.v1 #root { padding-top: 0; } .theme-no-top #top { display: none; } .theme-no-top #background ~ #content { padding-top: 78px; } /*! Columns --------- */ .cols { position: relative; z-index: 2; margin-left: calc(0px - var(--cols)); } .cols > * { display: block; position: relative; z-index: 2; margin-top: 0; border-left: var(--cols) solid rgba(0,0,0,0); } .cols > .offset:first-child { margin-left: calc(0px - 50vw + var(--glw) * 0.5 - var(--cols)); border-left-width: 0; } .cols > .offset:last-child { margin-right: calc(0px - 50vw + var(--glw) * 0.5); } .cols > .offset-top { margin-top: calc(0px - var(--cn_p)); } .cols-a { margin-bottom: 5px; padding-right: calc(var(--w) + 20px); --w: 348px; } .cols-a > * { position: relative; z-index: 2; float: left; clear: left; width: 100%; max-width: 720px; } .w1240 .cols-a:not(.b) > * { max-width: 820px; } .cols-a > header:first-child, .cols-a > aside { z-index: 3; float: right; clear: right; width: var(--w); margin: 0 calc(0px - var(--w) - 20px) 0 0; } .header-top + .cols-a { padding-top: 39px; } .header-top + .cols-a > *:first-child > h1:first-child, .header-top + .cols-a > *:first-child > h2:first-child, .header-top + .cols-a > *:first-child > h3:first-child, .header-top + .cols-a > *:first-child > h4:first-child, .header-top + .cols-a > *:first-child > h5:first-child, .header-top + .cols-a > *:first-child > h6:first-child, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h1, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h2, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h3, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h4, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h5, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h6 { margin-top: -36px; } /*.cols-a p:not(.heading), .cols-a li { max-width: 668px; }*/ #root .cols-a > * + * > .module-external:first-child { margin-top: var(--mr_main); } #root .cols-a > * + * > .module-entry:first-child { margin-top: 7px; } #root .cols-a > * + * > h1:first-child, #root .cols-a > * + * > h2:first-child, .cols-a + .module-external { margin-top: 20px; } #root .cols-a > * + * > h3:first-child, #root .cols-a > * + * > h4:first-child, #root .cols-a > * + * > h5:first-child, #root .cols-a > * + * > h6:first-child { margin-top: 30px; } figure + .cols-a { margin-top: 38px; } .cols-a + .w720 > .list-btn:first-child { margin-top: 28px; padding-top: 27px; } /*.cols-a.a {} .cols-a.a > header:first-child, .cols-a.a > aside { width: 260px; } .cols-a.a > header:first-child .form-box, .cols-a.a > aside .form-box { font-size: 16px; }*/ .cols-a.b { padding-right: 0; } .cols-a.b > * { max-width: calc(100% - 505px - 22px); } .cols-a.b > header:first-child, .cols-a.b > aside { width: 505px; margin-right: 0; } .cols-a.b > figure:first-child { position: absolute; right: calc(-50vw + var(--glw) * 0.5); top: 0; z-index: -1; width: auto; max-width: 50vw; } .cols-a + .cols-a > .offset { margin-top: -104px; } #content > .cols-a.b:first-child { padding-top: 60px; } .cols-a.c { --w: 294px; } .cols-b { position: relative; z-index: 2; } .cols-b, #content.cols-b { padding-right: 564px; } .cols-b > *:first-child { float: left; width: 100%; } .cols-b > aside { overflow-x: hidden; overflow-y: auto; position: absolute; right: calc(-50vw + 550px); top: 0; bottom: 0; float: right; width: calc(50vw + 352px - 490px); padding: 45px 0 23px 60px; color: var(--white); } .cols-b > aside::-webkit-scrollbar { width: 0; } .cols-b > aside > * { width: 352px; } .cols-b > aside > .scheme-countdown, .cols-b > aside > .link-btn.offset:first-child:last-child { margin-top: auto; margin-bottom: auto; } .cols-b > aside > .link-btn.offset { width: 394px; margin-left: -42px; } .cols-b > aside > .link-btn.offset > .img { display: block; position: relative; z-index: 1; margin: 0 12px -12px 0; } .cols-b > aside > .link-btn.offset > .img + * { position: relative; z-index: 2; margin-left: 56px; } .cols-b > aside > .offset:first-child { margin-top: 149px; } .cols-b > aside.sticky { height: calc(100vh - 93px); } #content > .cols-b:first-child > aside { top: -24px; } #content > .cols-b:last-child > aside { bottom: -26px; } .cols-c { position: relative; z-index: 2; } .cols-c:before { left: -30000px; right: auto; width: 30260px; background: var(--coal); } .cols-c, #content.cols-c { padding-left: 370px; padding-top: 0; } #content.cols-c:before, #content > .cols-c:first-child:before { top: -40px; } #content.cols-c:before, #content > .cols-c:last-child:before { bottom: -26px; } #content > .cols-c:first-child { margin-top: -16px; } .cols-c > * { width: 100%; padding-bottom: 22px; padding-top: 21px; border: 0 solid rgba(0,0,0,0); } #content.cols-c > *, #content > .cols-c:first-child > * { border-top-width: 16px; } .cols-c > header:first-child, .cols-c > nav:first-child, .cols-c > .aside { width: 260px; margin: 0 0 0 -370px; } .cols-c > .header-user { min-height: calc(100vh - 143px); padding-bottom: 42px; color: var(--mint); } .cols-c > .header-user ul { color: var(--white); } .cols-c > .header-user li a:before { left: -3000em; } .cols-c > .header-user.scroll-to-fixed-fixed[style*="absolute"] { position: absolute !important; left: 0 !important; top: auto !important; bottom: 0 !important; margin-left: 0 !important; } .cols-c > .spacer, #root .cols-c > .spacer { display: none !important; } .cols-d { position: relative; z-index: 7; margin: 55px 0 55px -32px; } .cols-d > * { border-left: 32px solid rgba(0,0,0,0); } .cols-d > *:first-child { width: 568px; } #root .cols-d > aside, #root .list-usp ~ #content .cols-d > aside { position: relative; top: 0; } .cols-d > aside { position: relative; top: 0; width: 476px; } #content > .cols-d:last-child { margin-bottom: 55px; } @media only screen and (min-width: 761px) { /* 760+ */ /*.cols-d {}*/ .cols-d > * { position: sticky; top: 110px; } /*.list-usp ~ #content .cols-d > * { top: calc(110px + 75px); }*/ .module-featured.welcome + .cols-d.offset > aside > .scheme-countdown:first-child { margin-top: 0; } .module-featured.welcome + .cols-d.offset > aside > .link-btn.box:first-child { margin-top: -73px; } .module-featured.welcome + .cols-d.offset > aside > .form-box:first-child { margin-top: -250px; } .cols-d > aside > .scheme-countdown:first-child { margin-top: -20px; } .cols-d > aside > .link-btn.box:first-child { margin-top: -20px; } .cols-d > aside > .form-box { float: right; max-width: 324px; } .cols-d > aside > .form-box + * { clear: both; } .cols-d > aside .list-logo { -webkit-justify-content: flex-end; justify-content: flex-end; } .cols-d > aside .list-logo li { width: auto; max-width: 216px; } /*.cols-d.offset {}*/ .cols-d.offset > aside { margin-top: -95px; } } .cols-e { margin-left: calc(0px - var(--cols_w)); --cols_w: 28px; --aside: 295px; } .cols-e > * { float: left; width: 100%; max-width: min(820px, calc(100% - var(--aside) - var(--cols_w))); border-left: var(--cols_w) solid rgba(0,0,0,0); } .cols-e > footer { padding-top: 52px; } .cols-e > aside, .cols-e > header { float: right; width: calc(var(--aside) + var(--cols_w)); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .double { display: block; position: relative; margin-left: -16px; } .double > * { display: block; position: relative; clear: none; float: right; margin-top: 0; border: 0 solid rgba(0,0,0,0); border-left-width: 16px; } .double > *:first-child { float: left; } .double > *[class*="width-"] { width: var(--width); } .double.a { margin-left: -16px; } .double.a > * { float: left; width: 50%; border-left-width: 16px; } .w720 .double.a.offset { margin-left: -108px; margin-right: -92px; } .double.b { margin-left: -16px; } .double.b > * { float: left; width: 45%; border-left-width: 16px; } .double.b > *:first-child { width: 55%; } .double.b32 { margin-left: -32px; } .double.b32 > * { border-left-width: 32px; } .double.b110 { margin-left: -50px; } .double.b110 > * { border-left-width: 50px; } @media only screen and (min-width: 1001px) { /* 760+ */ .double.b110 { margin-left: -110px; } .double.b110 > * { border-left-width: 110px; } } .triple { margin-left: -16px; } .triple > * { display: block; width: 33.333333333333%; margin-top: 0; border-left: 16px solid rgba(0,0,0,0); } .width-20 { --width: 20%; } .width-25 { --width: 25%; } .width-33 { --width: 33.333333333333%; } .width-50 { --width: 50%; } .width-65 { --width: 65%; } .width-250 { width: 250px; min-width: 250px; } /*! Modules --------- */ .ais-Pagination-list { list-style: none; margin: 91px 0 119px; padding: 0; color: var(--venus); font-weight: 700; font-family: var(--font_headers); line-height: var(--lh_head); text-transform: uppercase; } .ais-Pagination-list li { position: relative; z-index: 2; font-size: 20px; } .ais-Pagination-list li > * { display: block; color: inherit; font-weight: 700; text-decoration: none; } .ais-Pagination-list li:before { display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; border-radius: 0; background: none; text-indent: 0; } .ais-Pagination-list li:after { width: auto; height: auto; border-radius: 0; background: none; font-size: 12px; } .ais-Pagination-list .ais-Pagination-item--firstPage, .ais-Pagination-list .ais-Pagination-item--previousPage, .ais-Pagination-list .ais-Pagination-item--nextPage, .ais-Pagination-list .ais-Pagination-item--lastPage { color: var(--mint); font-size: 16px; text-indent: -3000em; text-align: left; } .ais-Pagination-list .ais-Pagination-item--previousPage { padding-left: 20px; } .ais-Pagination-list .ais-Pagination-item--previousPage:before { content: "Prev"; } .ais-Pagination-list .ais-Pagination-item--previousPage:after { content: "\e910"; right: auto; } .ais-Pagination-list .ais-Pagination-item--nextPage { padding-right: 20px; } .ais-Pagination-list .ais-Pagination-item--nextPage:before { content: "Next"; } .ais-Pagination-list .ais-Pagination-item--nextPage:after { content: "\e911"; left: auto; } .ais-Pagination-list .ais-Pagination-item--previousPage > *, .ais-Pagination-list .ais-Pagination-item--nextPage > * { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; text-indent: -3000em; } .align-center { margin-left: auto; margin-right: auto; } .ui-autocomplete { display: none; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 10000; list-style: none; max-height: 190px; margin: 0; padding: 1px 0; box-shadow: 0 4px 20px rgba(112,144,176,.2); border: 1px solid var(--iron); border-top-width: 0; background: var(--white); } .has-anchor { position: relative; } .has-anchor > .anchor { position: absolute; left: 0; top: -92px; } .has-anchor > .anchor-link { position: absolute; left: 0; top: 0; } .no-usp .has-anchor > .anchor { top: -16px; } .header-article { position: relative; z-index: 2; min-height: 94px; margin: 23px 0 26px; padding: 17px 0 0; font-weight: 700; font-size: 14px; font-family: var(--font_headers); line-height: var(--lh_head); text-transform: uppercase; } .header-article:before, .list-logo:before { border: 0 solid /*var(--press)*/var(--venus); border-top-width: 1px; border-bottom-width: 1px; } .header-article .list-inline { margin-right: -92px; } .header-article .list-inline li { margin-right: 92px; } .header-article .list-logo { min-height: 0; margin-top: 0; margin-bottom: 1px; padding: 0; } figure + .header-article { margin-top: 35px; } .header-profile { position: relative; z-index: 9; margin: 0 0 44px; padding: 12px 0 0; --hm: 12px; --hz: 28px; --hw: 190px; } .header-profile:before { box-shadow: 0 4px 10px rgba(112,144,176,.1); background: var(--press); } .header-profile h1, .header-profile h2, .header-profile h3, .header-profile h4, .header-profile h5, .header-profile h6 { overflow: hidden; width: var(--hw); margin: 0 0 var(--hm); padding: 0 10px 0 0; font-size: var(--hz); text-overflow: ellipsis; white-space: nowrap; } .header-profile .link-btn { margin: 0 -22px 0 0; } .header-profile .link-btn a { min-width: 200px; margin: 0 22px 12px 0; padding: 13px 14px; border-color: var(--mint); background: var(--mint); } .header-profile .link-btn a.inv { border-color: var(--mint); background: none; color: var(--mint); } .header-profile .link-btn a.clicked { border-color: var(--mint); background: var(--mint); color: var(--white); } .header-profile .link-btn a.inline.clicked { background: none; color: var(--mint); } .header-profile .link-btn a.inline { min-width: 0; } [data-whatintent="mouse"] #root .header-profile .link-btn a:hover { border-color: var(--mint); background: var(--mint); color: var(--white); } #root .header-profile .link-btn a:active { border-color: var(--gulf); background: var(--gulf); color: var(--white); } .header-profile .link-btn a i { display: inline-block; position: relative; top: .05em; left: 0; margin: 0 7px 0 0; line-height: 1px; } [data-whatintent="mouse"] #root .header-profile .link-btn a:hover .icon-star { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .header-profile .link-btn a i.icon-eye, .header-profile .link-btn a i.icon-eye-close { margin-left: 9px; margin-right: 0; } .header-profile .link-btn a i.icon-eye:before { content: "\e950"; } .header-profile .link-btn a i.icon-eye-close:before { content: "\e957"; } .header-profile > ul { position: absolute; right: 0; top: 50%; list-style: none; margin: -10px 0 12px auto; padding: 0; font-family: var(--font_headers); } .header-profile > ul li { margin-left: 44px; font-size: 14px; } .header-profile > ul li:first-child { margin-left: 0; } .header-profile > ul li a { font-weight: 700; text-decoration: none; text-transform: uppercase; } .header-profile > ul li a i { display: inline-block; line-height: 1px; } .header-profile > ul li a i.icon-arrow-left { margin-right: 7px; } .header-profile > ul li a i.icon-arrow-right { margin-left: 7px; } #content > .header-profile:first-child { top: -24px; margin-bottom: 20px; } .w720 .header-profile { margin-left: -190px; margin-right: -190px; } .header-profile + h1, .header-profile + h2, .header-profile + h3, .header-profile + h4, .header-profile + h5, .header-profile + h6, .header-profile + .spacer + h1, .header-profile + .spacer + h2, .header-profile + .spacer + h3, .header-profile + .spacer + h4, .header-profile + .spacer + h5, .header-profile + .spacer + h6 { margin-top: 0; } .header-strong { margin-bottom: 55px; font-size: 18px; --hz: 56px; --hm: 27px; } .header-strong:not(:first-child), .nav-breadcrumbs + * > .header-strong:first-child { margin-top: 73px; } .header-strong h1, .header-strong h2, .header-strong h3, .header-strong h4, .header-strong h5, .header-strong h6, .header-strong .heading { margin-bottom: var(--hm); font-size: var(--hz); line-height: 1.3571428571; } #root .header-strong .scheme-box, #root .header-strong .scheme-box a { display: block; padding: 0; background: none; font-size: 14px; } #root .header-strong.text-center .scheme-box img { margin-left: auto; margin-right: auto; } #root .header-strong .scheme-box:not(:first-child) { margin-top: 44px; } .header-strong .scheme-box .img { margin: 15px 0 0; } #background ~ #content .header-strong, #background ~ #content .header-strong h1, #background ~ #content .header-strong h2, #background ~ #content .header-strong h3, #background ~ #content .header-strong h4, #background ~ #content .header-strong h5, #background ~ #content .header-strong h6, #background ~ #content .header-strong .heading, #background ~ #content .module-contract, #background ~ #content .module-contract.cols-a > *:first-child h1, #background ~ #content .module-contract.cols-a > *:first-child h2, #background ~ #content .module-contract.cols-a > *:first-child h3, #background ~ #content .module-contract.cols-a > *:first-child h4, #background ~ #content .module-contract.cols-a > *:first-child h5, #background ~ #content .module-contract.cols-a > *:first-child h6, #background ~ #content .module-contract.cols-a > *:first-child .heading, #background ~ #content .module-contract > *:first-child header .scheme-box, #background ~ #content .module-contract > *:first-child header .scheme-box a { color: var(--white); } .header-strong.text-center p { max-width: 720px; margin-left: auto; margin-right: auto; } .header-strong.text-center .img, .header-strong.text-center .img img { display: block; margin-left: auto; margin-right: auto; } .header-strong.text-center img { border: 1px solid var(--dove); } .header-top { position: relative; z-index: 123; margin: 0 0 42px; font-family: var(--font_headers); } .header-top:before { top: 10px; box-shadow: 0 0 6px rgba(112,144,176,.4); background: var(--white); } .header-top > figure { position: relative; z-index: 2; height: 167px; margin: 0; border-bottom: 11px solid var(--pickle); } .header-top > figure:before { bottom: -11px; background: var(--pickle); } .header-top > figure img { width: 110vw !important; max-width: none !important; height: 100% !important; margin: 0 calc(-55vw + 550px); border-width: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .header-top > figure .link-btn { position: absolute; right: 0; bottom: 0; margin: 0; padding: 12px 0 0 12px; background: var(--white); } .header-top > figure .link-btn a { margin: 0 12px 12px 0; } .header-top nav { position: relative; height: 72px; padding-top: 7px; padding-bottom: 7px; } .header-top nav figure { margin: 0; } .header-top nav p { margin: 0; font-weight: 700; font-size: 14px; text-transform: uppercase; } .header-top nav p a { padding-right: 18px; } .header-top nav ul { width: calc(100% - 160px); margin: 0; padding: 0; } .header-top nav li { position: relative; z-index: 2; margin: 0 0 0 30px; font-size: 13px; } .header-top nav li:first-child, .header-top nav li.link-btn + * { margin-left: 0; } .header-top nav li.link-btn { margin-right: auto; } .header-top nav li a { display: block; position: relative; z-index: 2; min-width: 0; height: 42px; margin: 0; padding-top: 0; padding-bottom: 0; color: var(--coal); font-size: 1em; font-weight: 700; line-height: 42px; text-decoration: none; text-transform: uppercase; letter-spacing: -.01em; } .header-top nav li.sub > a.toggle { top: -3000em; bottom: auto; } .header-top nav li.sub > a.toggle:focus, .header-top nav li.sub > a.toggle:active, .mobile .header-top nav li.sub > a.toggle { top: 0; bottom: 0; } [data-whatintent="mouse"] .header-top nav li a:hover { line-height: 36px; } #root .header-top ul a:active, #root .header-top ul .active a, [data-whatintent="mouse"] .header-top nav li.sub.toggle > a, [data-whatintent="mouse"] .header-top nav li.sub:hover > a { color: var(--coal); line-height: 42px; } .header-top nav li a:before { top: auto; bottom: 8px; } #root .header-top nav li.link-btn a { padding-left: 16px; padding-right: 16px; padding-bottom: 0; color: var(--white); line-height: 1; } .header-top nav li.sub > a { padding-right: 18px; } .header-top nav li.sub > a:after, .header-top nav p a:before { content: "\e90e"; left: auto; font-size: 6px; } [data-whatintent="mouse"] .header-top nav li.sub > a:hover:after { line-height: 14px; } [data-whatintent="mouse"] .header-top nav li.sub.toggle > a:after, [data-whatintent="mouse"] .header-top nav li.sub:hover > a:after, .header-top nav li.sub.toggle > a:after { line-height: 20px; } [data-whatintent="mouse"] .header-top nav li.sub.toggle > a:after, [data-whatintent="mouse"] .header-top nav li.sub:hover > a:after, .header-top nav li.sub.toggle > a:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .header-top nav ul ul { display: none; position: absolute; right: 10px; top: 100%; width: 182px; padding: 22px 23px 9px; } .header-top nav ul ul:before { top: 15px; box-shadow: 0 4px 20px rgba(112,144,176,0.2); background: var(--white); } .header-top nav ul ul:after { content: "\e914"; overflow: hidden; left: auto; right: 22px; top: 5px; height: 10px; margin: 0; padding: 2px 0 0; color: var(--white); font-size: 10px; line-height: 10px; text-shadow: 0 4px 20px rgba(112,144,176,0.2); } .header-top nav ul ul li { margin: 0; padding: 13px 0; font-size: 18px; } #root .header-top nav ul ul a { display: block; height: auto; padding: 0; color: var(--black); font-weight: 400; font-family: var(--font_content); line-height: 1.4; text-transform: none; } #root .header-top nav ul ul a:active { line-height: 1.4; } .header-top + .link-btn { margin-top: -11px; } .header-user { position: relative; z-index: 2; font-family: var(--font_headers); font-weight: 700; --hm: 53px; } .header-user h1, .header-user h2, .header-user h3, .header-user h4, .header-user h5, .header-user h6, .header-user p { margin-top: 0; margin-bottom: var(--hm); font-weight: 700; font-size: 20px; line-height: var(--lh_head); } .header-user ul { list-style: none; height: 100%; margin: 0; padding: 0; } .header-user li { margin: 7px 0 0; font-size: 18px; } .header-user li.strong:last-child { margin-top: auto; } #root .header-user li.active > a, #root .header-user li.active > a i { color: var(--coal); cursor: default; } #root .header-user li.active > a:before { background: var(--mint); } .header-user li a { display: block; position: relative; z-index: 2; padding: 22px 20px 22px 36px; color: inherit; text-decoration: none; cursor: pointer; } [data-whatintent="mouse"] .header-user li a:hover:before { background: var(--pickle); } .header-user li a i { display: block; position: absolute; left: 0; top: 50%; margin-top: -15px; color: var(--mint); font-size: 25px; line-height: 30px; } .header-user li a i:after { top: 0; margin: 0; font-size: 1em; line-height: 30px; } .header-user li a i.icon-star:before { content: "\e95c"; } [data-whatintent="mouse"] .header-user li a:hover i.icon-star, .header-user li.active i.icon-star { -webkit-transform: rotate(240deg); transform: rotate(240deg); } [data-whatintent="mouse"] .header-user li a:hover i.icon-cog, .header-user li.active i.icon-cog { -webkit-transform: rotate(360deg); transform: rotate(360deg); } [data-whatintent="mouse"] .header-user li a:hover i.icon-events, .header-user li.active i.icon-events { -webkit-transform: rotate(-7deg) scale(1.25); transform: rotate(-7deg) scale(1.25); } [data-whatintent="mouse"] .header-user li a:hover i.icon-exit:after, .header-user li.active i.icon-exit:after { -webkit-transform: translateX(6px); transform: translateX(6px); } .header-user li a i.icon-exit:before { content: "\e95f"; } .header-user li a i.icon-exit:after { content: "\e95d"; } .module-academy { margin: 32px 0; padding: 34px 30px 11px 0; border: 0 solid var(--mint); border-top-width: 10px; border-bottom-width: 10px; background: var(--white); color: var(--black); } .module-academy > * { position: relative; width: calc(100% - 360px); max-width: 620px; margin: 0 0 9px; padding: 0 0 .1px; border-left: 30px solid rgba(0,0,0,0); } .module-academy > header { width: 360px; margin: 0; padding-top: 10px; } .module-academy > header h1, .module-academy > header h2, .module-academy > header h3, .module-academy > header h4, .module-academy > header h5, .module-academy > header h6 { margin-bottom: 15px; font-size: 28px; } .module-academy > header .link-btn:last-child { margin-top: auto; margin-bottom: 21px; } .module-academy > footer { width: 100%; max-width: none; margin: 2px 0 0; } .module-academy > footer > .list-cols:last-child { margin-bottom: -30px; } .module-featured + .module-academy { margin-top: -23px; } #content > .module-academy:last-child { margin-bottom: 32px; } .module-academy.a { display: block; padding: 42px 50px 36px; border-radius: 3px; border-bottom-width: 0; } .module-academy.a > * { width: auto; max-width: none; border-width: 0; } .module-academy.a * + h1, .module-academy.a * + h2, .module-academy.a * + h3, .module-academy.a * + h4, .module-academy.a * + h5, .module-academy.a * + h6 { margin-top: 34px; } .module-academy.a .module-box { --pt: 24px; } .module-academy.a * + .module-box { margin-top: 34px; } .module-academy.a .module-box + h1, .module-academy.a .module-box + h2, .module-academy.a .module-box + h3, .module-academy.a .module-box + h4, .module-academy.a .module-box + h5, .module-academy.a .module-box + h6 { margin-top: 40px; } .module-academy.a .list-icon.inline { margin-top: -22px; } .module-academy.a .list-icon.inline li { margin-top: 22px; } .list-icon { list-style: none; padding: 0; } .list-icon li:after { display: none; } .list-icon li > i:first-child { display: inline-block; position: relative; top: .1em; margin-right: 8px; line-height: 1px; } .list-icon li > i[class*="icon-check"]:first-child { top: 0; font-size: 0.75em; } .list-icon li > i[class*="icon-pointer"]:first-child { top: .125em; font-size: 1.3333333333em; } .list-icon.strong.text-uppercase { font-family: var(--font_headers); } /*.list-icon.plain {}*/ #root .list-icon.plain li { position: relative; z-index: 2; margin: 0 0 14px; padding: 0 0 0 24px; border-width: 0; } #root .list-icon.plain li > i:first-child { display: block; position: absolute; left: 0; top: 0; margin: 0; font-size: 18px; line-height: 1; } .list-icon.inline { margin-right: -32px; } .list-icon.inline li { margin-right: 32px; } .list-info { list-style: none; padding: 0; } .list-info:not(:first-child) { margin-top: 20px; } .list-info li { max-width: 295px; padding: 14px 0; border-top: 1px solid var(--venus); } .list-info li:after { display: none; } .list-info li:first-child { padding-top: 0; border-top-width: 0; } .list-info span { display: inline-block; color: var(--alto); font-size: 14px; font-weight: 700; text-transform: uppercase; } /*.module-academy.inv {}*/ .module-academy.inv > * { left: -450px; } .module-academy.inv > header { left: calc(100% - 360px); } #root .module-academy > footer { left: 0; } .module-alert { position: relative; z-index: 2; min-height: 90px; margin: 0; padding: 15px 220px .1px 120px; color: var(--white); font-size: 16px; } .module-alert[class*="overlay"] { color: var(--white); } .module-alert.overlay-orchid:before, .module-alert.overlay-orchid figure, .module-countdown.overlay-orchid > h1, .module-countdown.overlay-orchid > h2, .module-countdown.overlay-orchid > h3, .module-countdown.overlay-orchid > h4, .module-countdown.overlay-orchid > h5, .module-countdown.overlay-orchid > h6 { border-color: var(--orchid); background: var(--orchid); } .module-alert.overlay-aqua:before, .module-alert.overlay-aqua figure, .module-countdown.overlay-aqua > h1, .module-countdown.overlay-aqua > h2, .module-countdown.overlay-aqua > h3, .module-countdown.overlay-aqua > h4, .module-countdown.overlay-aqua > h5, .module-countdown.overlay-aqua > h6 { border-color: var(--aqua); background: var(--aqua); } .module-alert.overlay-mustard:before, .module-alert.overlay-mustard figure, .module-countdown.overlay-mustard > h1, .module-countdown.overlay-mustard > h2, .module-countdown.overlay-mustard > h3, .module-countdown.overlay-mustard > h4, .module-countdown.overlay-mustard > h5, .module-countdown.overlay-mustard > h6 { border-color: var(--mustard); background: var(--mustard); } .module-alert.overlay-mustard, .module-countdown.overlay-mustard > h1, .module-countdown.overlay-mustard > h2, .module-countdown.overlay-mustard > h3, .module-countdown.overlay-mustard > h4, .module-countdown.overlay-mustard > h5, .module-countdown.overlay-mustard > h6, .module-alert.overlay-aqua, .module-countdown.overlay-aqua > h1, .module-countdown.overlay-aqua > h2, .module-countdown.overlay-aqua > h3, .module-countdown.overlay-aqua > h4, .module-countdown.overlay-aqua > h5, .module-countdown.overlay-aqua > h6 { color: var(--coal); } .module-alert:before { box-shadow: 0 4px 20px rgba(112,144,176,.301); border: 3px solid var(--btn_def); background: var(--btn_def); } .module-alert:after { content: "\e926"; left: 24px; right: auto; margin-top: -35px; color: var(--white); font-size: 62px; line-height: 70px; text-shadow: 0 8px 20px rgba(112,144,176,.2); } .module-alert h1, .module-alert h2, .module-alert h3, .module-alert h4, .module-alert h5, .module-alert h6 { margin: 0 0 2px; color: inherit; font-size: 24px; line-height: 1.4166666667; } .module-alert p { margin-bottom: 15px; } .module-alert figure { position: absolute; left: -10px; top: 0; bottom: 0; z-index: 4; max-width: 182px; margin: 0; padding: 0 22px 0 10px; background: var(--btn_def); } .module-alert figure ~ * { padding-left: 73px; } .module-alert figure:before { top: 21px; bottom: 21px; border-right: 4px solid var(--white); opacity: .85; } .module-alert.overlay-aqua figure:before { border-color: var(--btn_def); } .module-alert .link-btn { position: absolute; right: 20px; top: 50%; margin-top: 0; padding-left: 0; } #root .module-alert .link-btn a, #root .module-alert .link-btn a:active { margin-bottom: 0; border-color: var(--white); background: var(--white); color: var(--btn_def); } #root .module-alert.overlay-aqua .link-btn a, #root .module-alert.overlay-aqua .link-btn a:active { border-color: var(--btn_def); background: var(--btn_def); color: var(--white); } #root .module-alert a.close, .module-countdown a.close { position: absolute; right: 0; bottom: 100%; width: 30px; height: 30px; color: var(--alto); font-size: 12px; text-indent: -3000em; text-align: left; text-decoration: none; } .module-alert a.close:before, .module-countdown a.close:before { content: "\e943"; } [data-whatintent="mouse"] #root .module-alert a.close:hover, [data-whatintent="mouse"] .module-countdown a.close:hover { color: var(--leaf); } .module-alert + * { margin-top: 35px; } .module-alert.compact { padding-top: 19px; padding-bottom: 3px; padding-left: 26px; } .module-alert.compact:after { content: "\e939"; display: none; left: -28px; top: -28px; margin: 0; box-shadow: 0 8px 20px rgba(112,144,176,.2); border-radius: 99px; background: var(--btn_def); color: var(--white); font-size: 54px; line-height: 54px; text-shadow: none; } #root .module-alert.compact figure { position: absolute; right: auto; left: 0; top: auto; bottom: 100%; max-width: 134px; height: 58px; margin: 0; padding: 13px; background: var(--coal); text-align: center; } .module-alert.compact figure ~ * { padding-left: 0; } .module-alert.compact figure:before { display: none; } .module-alert.compact h1, .module-alert.compact h2, .module-alert.compact h3, .module-alert.compact h4, .module-alert.compact h5, .module-alert.compact h6 { margin-bottom: 4px; font-size: 18px; } .module-alert.compact p { font-size: 16px; } .module-alert.inv { color: var(--coal); } .module-alert.inv:before { background: var(--white); } #root .module-alert.inv .link-btn a, #root .module-alert.inv .link-btn a:active { border-color: var(--btn_def); background: var(--btn_def); color: var(--white); } .module-alert.position-top, .module-alert.position-bottom { position: fixed; left: 40px; right: 90px; z-index: 9998; height: 90px; min-height: 0; } .module-alert.position-top { top: 0; } .module-alert.position-bottom { bottom: 0; } .module-alert.position-top:before, .module-alert.position-bottom:before { left: -90px; right: -90px; } #root .module-alert.position-top > .close, #root .module-alert.position-bottom > .close { display: block; position: absolute; right: -28px; top: 50%; margin-top: -15px; padding: 0; } #root .module-alert.position-top > .close:before, #root .module-alert.position-bottom > .close:before { text-align: center; } [data-whatintent="mouse"] #root .module-alert.position-top > .close:hover, [data-whatintent="mouse"] #root .module-alert.position-bottom > .close:hover, #root .module-alert.position-top.overlay-aqua > .close, #root .module-alert.position-bottom.overlay-aqua > .close { color: var(--white); } .module-alert.position-top ~ #top { top: 90px; } .module-alert.position-top ~ #content { border-top-width: 90px; } .module-alert.position-bottom ~ #footer { border-bottom-width: 90px; } .module-alert.position-top.removed { top: -90px; } .module-alert.position-top.removed ~ #top { top: 0; } .module-alert.position-top.removed ~ #content { border-top-width: 0; } .module-alert.position-bottom.removed { bottom: -90px; } .module-alert.position-bottom.removed ~ #footer { border-bottom-width: 0; } .module-alert.position-top-left, .module-alert.position-top-right, .module-alert.position-bottom-left, .module-alert.position-bottom-right, .module-countdown.position-top-left, .module-countdown.position-top-right, .module-countdown.position-bottom-left, .module-countdown.position-bottom-right { position: fixed; z-index: 9998; margin-bottom: 0; } .module-alert.position-top-left, .module-countdown.position-top-left { left: 70px; top: 32px; } .module-alert.position-top-right, .module-countdown.position-top-right { right: 70px; top: 32px; } .module-alert.position-bottom-left, .module-countdown.position-bottom-left { left: 70px; bottom: 32px; } .module-alert.position-bottom-right, .module-countdown.position-bottom-right { right: 70px; bottom: 32px; } .module-alert.position-top-left.removed, .module-alert.position-bottom-left.removed, .module-countdown.position-top-left.removed, .module-countdown.position-bottom-left.removed { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .module-alert.position-top-right.removed, .module-alert.position-bottom-right.removed, .module-countdown.position-top-right.removed, .module-countdown.position-bottom-right.removed { -webkit-transform: translateX(10px); transform: translateX(10px); } #root .module-alert.position-top-left > .close, #root .module-alert.position-top-right > .close, #root .module-alert.position-bottom-left > .close, #root .module-alert.position-bottom-right > .close, #root .module-countdown.position-top-left > .close, #root .module-countdown.position-top-right > .close, #root .module-countdown.position-bottom-left > .close, #root .module-countdown.position-bottom-right > .close { display: block; right: -24px; width: 24px; height: 24px; } .module-article { position: relative; z-index: 5; margin-bottom: 0; padding: 35px 0 .1px; } .module-article, .header-top + .module-article { margin-top: 60px; } .module-article:before { left: -64px; right: -64px; background: var(--white); } .module-article > .background { z-index: -2; top: -60px; bottom: auto; height: 100%; max-height: 530px; background: center center no-repeat; background-size: cover; } .module-article .module-featured { margin-left: 0; margin-right: 0; } .module-article p + .module-external { margin-top: 56px; } .no-mobile .module-article > .background { background-attachment: fixed; } .module-wide > .background + .background, .module-featured > .background + .background, .module-welcome > .background + .background { z-index: -2; } .module-wide > .background + .background + .background, .module-featured > .background + .background + .background, .module-welcome > .background + .background + .background { z-index: -3; } .module-wide > .background.top, .module-featured > .background.top, .module-welcome > .background.top { overflow: hidden; top: 0; bottom: auto; height: auto; max-height: 100%; } .module-wide > .background.bottom, .module-featured > .background.bottom, .module-welcome > .background.bottom { overflow: hidden; bottom: 0; top: auto; height: auto; max-height: 100%; } .module-wide > .background.sticky, .module-featured > .background.sticky, .module-welcome > .background.sticky, .module-register > .background.sticky { overflow: hidden; background: center center no-repeat; background-size: cover; background-attachment: fixed; clip: rect(0, auto, auto, 0); } .module-wide > .background.sticky img, .module-featured > .background.sticky img, .module-welcome > .background.sticky img, .module-wide > .background.sticky video, .module-featured > .background.sticky video, .module-welcome > .background.sticky video, .module-register > .background.sticky img, .module-register > .background.sticky video { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; /*-webkit-transform: perspective(0px); transform: perspective(0px);*/ -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .module-article-aside { padding: 0; } .module-article-aside > * { width: calc(100% - 180px); min-width: calc(100% - 180px); max-width: calc(100% - 180px); } .module-article-aside > header { position: sticky; top: 150px; width: 180px; min-width: 180px; max-width: 180px; margin-left: 0; padding-right: 30px; } #root .module-article-aside > header .scheme-box, #root .module-article-aside > header .scheme-box a { display: block; padding: 0; box-shadow: none; border-width: 0; background: none; text-align: left; } .module-article-aside > header .nav-content { /*position: sticky; top: 10px;*/ margin: 0; padding: 0; } .module-article-aside > header .nav-content li + li { margin-top: 12px; } #root .module-article-aside > header .nav-content a { margin: 0; padding: 0; background: none; font-size: 16px; } [data-whatintent="mouse"] #root .module-article-aside > header .nav-content a:hover { color: var(--mint); text-decoration: underline; } .module-article-aside > * > * { max-width: 720px; } .module-article-aside > * > .list-box, .module-article-aside > * > .link-btn.cta { max-width: 736px; } .module-article-aside > * > figure { max-width: none; } /*.module-article-aside h2 { font-size: 36px; }*/ .module-article-aside .s20 + h1, .module-article-aside .s20 + h2, .module-article-aside .s20 + h3, .module-article-aside .s20 + h4, .module-article-aside .s20 + h5, .module-article-aside .s20 + h6 { margin-top: 34px; } .module-article-aside figure { margin: 56px 0 50px; } .module-article-aside footer { margin-top: 40px; padding-top: 28px; border-top: 3px solid var(--mint); } .module-article-aside footer:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } .module-article-aside .list-social { margin-left: -16px; } .module-article-aside .list-social li { width: 50%; border-left-width: 16px; } .module-article-aside.strong { font-weight: 400; } .module-article-aside.strong > * { width: calc(100% - 276px); min-width: calc(100% - 276px); max-width: calc(100% - 276px); } .module-article-aside.strong > header { width: 276px; min-width: 276px; max-width: 276px; padding-right: 60px; } .module-article-aside.strong > header .scheme-box .img { height: 90px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); } .module-aside { margin-bottom: 32px; padding-bottom: 10px; border-bottom: 2px solid var(--mint); } .module-aside > * { width: calc(100% - 544px); margin-bottom: 0; } .module-aside > figure { width: 544px; margin-bottom: 26px; padding-right: 16px; } .s28 + .module-aside { margin-top: 32px; } .module-aside.a { overflow: hidden; position: relative; z-index: 2; padding: 0; border-width: 0; border-radius: 3px; color: var(--coal); --aside_w: 295px; } .module-aside.a:before { border-radius: 3px; background: var(--white); } .module-aside.a > * { width: calc(100% - var(--aside_w)); padding: 32px 40px 8px; } .module-aside.a > figure { width: var(--aside_w); margin: 0; padding: 0; } .module-aside.table { position: relative; z-index: 2; margin-bottom: 26px; padding-bottom: 6px; border-bottom-width: 1px; --w: 182px; --d: 30px; } .module-aside.table:before { left: calc(var(--w) + var(--d)); top: 4px; border-left: 1px solid var(--mint); } .module-aside.table > * { width: calc(100% - var(--w) - var(--d)); padding-left: var(--d); } .module-aside.table > header { width: var(--w); padding: 0; } .module-aside.table > header h1, .module-aside.table > header h2, .module-aside.table > header h3, .module-aside.table > header h4, .module-aside.table > header h5, .module-aside.table > header h6 { font-size: 24px; } .module-aside.table + .module-aside.table:before { top: -26px; } .module-box { position: relative; z-index: 2; margin: 25px 0; padding: var(--pt) var(--pd) var(--pb); color: var(--fg); --pt: 32px; --pd: 35px; --pb: calc(var(--pt) - var(--mr_main)); --bd: var(--iron); --bg: var(--white); --fg: var(--coal); } .module-box:before { border: 1px solid var(--bd); background: var(--bg); } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6, .module-box .header { margin-bottom: var(--mr_main); font-size: 24px; } .module-box .s28 { margin-bottom: 13px; font-size: 28px; } .module-box > .link-btn:last-child { margin-bottom: 2px; } .module-box .list-plain li + li, .label + .module-box { margin-top: var(--mr_main); } label.module-box, .label.module-box { color: var(--coal); font-size: 22px; text-transform: none; --pt: 21px; --pb: var(--pt); } label.module-box + textarea { padding: 19px 35px; --porcelain: var(--white); } label.module-box + *::-webkit-input-placeholder { color: var(--dove); } label.module-box + *:-ms-input-placeholder { color: var(--dove); } label.module-box + *::-ms-input-placeholder { color: var(--dove); } label.module-box + *::placeholder { color: var(--dove); } .module-box.overlay-coal { color: var(--fg); --bd: var(--coal); --bg: var(--coal); --fg: var(--white); } /*.module-box.a {}*/ .module-box.a:before { box-shadow: 0 4px 20px rgba(112,144,176,0.101); border-width: 0; } .module-box.b { padding-top: calc(var(--pt) + 10px); } .module-box.b:before { border-radius: 3px; border-width: 0; border-top: 10px solid var(--mint); } .module-box.inv { color: var(--white); } .module-box.inv:before { border-width: 0; background: var(--coal); } .module-box.textarea { min-height: 255px; } @media only screen and (min-width: 47.5em) { /* 760+ */ .module-box.wide { --pt: 50px; --pd: 90px; --pb: 20px; } .module-box.wide p, .module-box.wide ul { margin-bottom: 26px; } } .module-box-sticky, #root .module-box-sticky { display: block; position: fixed; left: auto; right: 32px; top: auto; bottom: 28px; z-index: 9; width: 236px; padding: 20px 24px 8px; text-align: center; } .module-box-sticky.hidden { -webkit-transform: translateX(150%); transform: translateX(150%); } .module-box-sticky:before { box-shadow: 0 4px 20px rgba(112,144,176,.301); background: var(--white); } .module-box-sticky > * { position: relative; z-index: 2; margin: 0 0 20px; } .module-box-sticky figure { height: 80px; background: var(--white); } #root .module-box-sticky .background { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; width: auto; max-width: none; height: auto; margin: 0; background: none; } .module-box-sticky .link-btn { margin: 0; } .module-box-sticky .link-btn a { width: 100%; margin-right: 0; } .module-chat { font-family: var(--font_extra_3); font-size: 14px; line-height: 1.7142857143; } .module-chat, .module-chat > .overlay { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; } #root > .module-chat { visibility: hidden; position: fixed; right: 0; top: 0; bottom: 0; z-index: 999999; width: calc(100% - 50px); max-width: 490px; padding: 25px 8px .1px; box-shadow: 0 4px 20px rgba(57,130,165,0.2); background: var(--white); opacity: 0; } #root > .module-chat, #root > .module-chat header > .close { -webkit-transform: translateX(100%); transform: translateX(100%); } #root > .module-chat .list-chat { overflow-x: hidden; overflow-y: auto; width: 100%; min-height: 0; padding: 18px 26px 8px 18px; box-shadow: inset 0 4px 10px rgba(0,0,0,.1); background: var(--press); } #root > .module-chat .list-chat { -webkit-flex: 1 1 auto; flex: 1 1 auto; } #root > .module-chat .list-chat::-webkit-scrollbar { width: 10px; } #root > .module-chat .list-chat::-webkit-scrollbar-track { background: var(--sand); } #root > .module-chat .list-chat::-webkit-scrollbar-thumb { background: var(--white); } #root > .module-chat header .list-chat { overflow: visible; padding: 0; background: none; } #root > .module-chat header > .close { display: block; } #root > .module-chat header, #root > .module-chat footer { width: 100%; } #root > .module-chat header .link-btn:before { background: var(--white); } #root > .module-chat footer { margin-top: 0; } .chat-active #root > .module-chat, .chat-active #root > .module-chat header > .close { visibility: visible; opacity: 1; } .chat-active #root > .module-chat, .chat-active #root > .module-chat header > .close { -webkit-transform: none; transform: none; } .module-chat header { padding: 0 18px 6px; } .module-chat header h1, .module-chat header h2, .module-chat header h3, .module-chat header h4, .module-chat header h5, .module-chat header h6 { margin: 0 -6px 34px; color: var(--coal); font-size: 24px; font-family: var(--font_extra_4); } #root .module-chat header .list-chat { box-shadow: none; } #root .module-chat header .list-chat li { padding-left: 0; padding-right: 0; } #root .module-chat header .list-chat h1, #root .module-chat header .list-chat h2, #root .module-chat header .list-chat h3, #root .module-chat header .list-chat h4, #root .module-chat header .list-chat h5, #root .module-chat header .list-chat h6 { width: auto; min-width: 100%; margin: 0 0 8px; padding: 0; background: none; } #root .module-chat header .list-chat p, #root .module-chat header .list-chat figure { padding: 0; border-radius: 0; background: none; } .module-chat > .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; padding: 20px; background: rgba(0,0,0,.3); font-size: 16px; line-height: 1.5; text-align: center; } .module-chat > .overlay { -webkit-justify-content: center; justify-content: center; backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); } .module-chat > .overlay.hidden { visibility: hidden; opacity: 0; } .module-chat > .overlay > .inner { width: 100%; max-width: 374px; margin: 0 auto; padding: 32px 20px 7px; box-shadow: 0 4px 20px rgba(57,130,165,.2); background: var(--white); } .module-chat > .overlay .link-btn { display: block; margin: 0 0 28px; } .module-chat > .overlay .link-btn a { display: block; float: none; width: 100%; margin: 0; } .module-chat > .overlay .link-btn a + a { margin-top: 32px; } .module-chat > .overlay .link-btn a.inline { color: var(--alto); } .module-chat header > .close { display: none; overflow: hidden; position: absolute; right: 100%; top: 18px; height: 50px; margin: 0; color: var(--oslo); font-size: 14px; line-height: 50px; white-space: nowrap; } .module-chat header > .close a { display: block; overflow: hidden; padding: 0 65px 0 0; color: rgba(0,0,0,0); text-decoration: none; } .module-chat header > .close a:before, a.module-chat-open:before { content: "\e911"; display: block; position: absolute; right: 0; top: 50%; width: 50px; margin: -10px 0 0; color: var(--oslo); font-weight: 400; font-size: 16px; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } .module-chat header > .close a:before { top: 0; bottom: 0; height: auto; margin-top: 0; line-height: 50px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); } [data-whatintent="mouse"] .module-chat header > .close a:hover { color: var(--oslo); } [data-whatintent="mouse"] .module-chat header > .close a:hover:before { width: 42px; } .module-chat p, .module-chat li { font-size: 1em; } .module-chat footer { padding: 14px 0 0; } .module-chat footer form { width: 100%; } .module-chat footer form, .module-chat footer p, .module-chat footer, .module-chat footer form > .file { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; } .module-chat footer form > .file { overflow: hidden; position: relative; left: 0; right: 0; top: -3px; width: 100%; padding: 0 0 2px 60px; color: var(--black); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; } .module-chat footer form > .file { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .module-chat footer form > .file > span { display: block; overflow: hidden; max-width: calc(100% - 70px); text-overflow: ellipsis; white-space: nowrap; } .module-chat footer form > .file .remove { display: inline; margin-left: 6px; text-decoration: none; } [data-whatintent="mouse"] .module-chat footer form > .file .remove:hover { text-decoration: underline; } .module-chat footer p { width: auto; margin: 0 0 10px; } .module-chat footer p, .module-chat footer form > .file .remove { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .module-chat footer input, .module-chat footer textarea { width: auto; height: 50px; min-height: 50px; padding: 0 16px; border-radius: 7px; border-color: var(--cloudy); background: var(--cloudy); color: var(--black); font-size: 14px; } .module-chat footer input, .module-chat footer textarea { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .module-chat footer textarea { max-height: 150px; padding-top: 14px; padding-bottom: 12px; } .module-chat footer button { width: 50px; min-width: 50px; height: 50px; margin: 0 0 0 10px; padding: 0; border-radius: 7px; color: var(--white); font-weight: 400; font-size: 16px; text-align: left; text-indent: -3000em; } .module-chat footer button:before, .module-chat footer .input-file label:before { content: "\e911"; display: block; position: absolute; left: 0; right: 0; top: 50%; bottom: auto; margin: -10px 0 0; font-family: i; font-weight: 400; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } .module-chat footer button:before { padding-left: 15px; text-align: left; } .module-chat footer button:before, .module-chat footer .input-file label:before, .module-chat header > .close a:before, .module-chat header > .close a, .module-chat, a.module-chat-open, a.module-chat-open:before, .module-chat > .overlay { transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: -.1s; } .module-chat { transition-duration: .5s; } .module-chat footer button:before { -webkit-transform-origin: 0 center; transform-origin: 0 center; } [data-whatintent="mouse"] .module-chat footer button:hover:before { padding-left: 14px; } [data-whatintent="mouse"] .module-chat footer button:hover:before { -webkit-transform: scaleX(1.1); transform: scaleX(1.1); } #root .module-chat footer .input-file { width: 50px; min-width: 50px; margin: 0 10px 10px 0; } #root .module-chat footer .input-file { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } #root .module-chat footer .input-file label { width: 50px; min-width: 50px; height: 50px; margin: 0; padding: 0; border-radius: 7px; border-width: 0; background: var(--gallery); color: var(--white); font-size: 18px; text-indent: -3000em; text-align: left; } [data-whatintent="mouse"] #root .module-chat footer .input-file label:hover { -webkit-transform: none; transform: none; } .module-chat footer .input-file label:before { content: "\e96f"; } [data-whatintent="mouse"] #root .module-chat footer .input-file label:hover { background: var(--mercury); } [data-whatintent="mouse"] #root .module-chat footer .input-file label:hover:before { -webkit-transform: scale(1.1111111111); transform: scale(1.1111111111); } #root .module-chat footer .input-file .file { display: none; } a.module-chat-open { display: block; height: 58px; padding: 0 35px 0 60px; box-shadow: 0 4px 20px rgba(112,144,176,0.301); border-radius: 6px 0 0 0; background: var(--java); color: var(--white); font-family: var(--font_extra_4); font-weight: 900; font-size: 16px; line-height: 58px; text-decoration: none; } a.module-chat-open:before { content: "\e96e"; left: 22px; right: auto; width: auto; padding-top: 1px; color: var(--white); font-size: 18px; } #root > a.module-chat-open { position: fixed; right: 0; bottom: 0; z-index: 999998; } [data-whatintent="mouse"] a.module-chat-open:hover { padding-right: 45px; } [data-whatintent="mouse"] a.module-chat-open:hover:before { -webkit-transform: scale(1.2222222222); transform: scale(1.2222222222); } .module-contract { --hm: 22px; --hz: 70px; } .module-contract.cols-a > header:first-child, .module-contract.cols-a > aside { width: 342px; margin-top: 250px; } .module-contract.cols-a.va > header:first-child, .module-contract.cols-a.va > aside { margin-top: 145px; } .module-contract > *:first-child header { margin-bottom: 63px; } .module-contract > *:first-child header { color: var(--mint); font-family: var(--font_headers); font-weight: 700; font-size: 24px; line-height: 1.4166666667; } .module-contract > *:first-child header h1, .module-contract > *:first-child header h2, .module-contract > *:first-child header h3, .module-contract > *:first-child header h4, .module-contract > *:first-child header h5, .module-contract > *:first-child header h6, .module-contract > *:first-child header .heading { margin-bottom: var(--hm); font-size: var(--hz); font-weight: 800; line-height: 1; text-transform: uppercase; } .module-contract > *:first-child header h1 span[class*="overlay"], .module-contract > *:first-child header h2 span[class*="overlay"], .module-contract > *:first-child header h3 span[class*="overlay"], .module-contract > *:first-child header h4 span[class*="overlay"], .module-contract > *:first-child header h5 span[class*="overlay"], .module-contract > *:first-child header h6 span[class*="overlay"], .module-contract > *:first-child header .heading span[class*="overlay"] { display: block; margin-bottom: 20px; margin-right: -100px; font-size: 0.6em; } #root .module-contract > *:first-child header .scheme-box, .module-contract > *:first-child header .scheme-box a { display: block; padding: 0; background: none; text-align: left; } #root .module-contract > *:first-child header .scheme-box:not(:first-child) { margin-top: 20px; } .module-contract > *:first-child header .scheme-box .img { margin: 16px 0 0; } .module-contract .lead { display: block; position: relative; /*margin-bottom: 36px; padding-bottom: 32px;*/ font-size: 20px; line-height: 1.5; } /*.module-contract .lead:before { right: auto; width: 100%; max-width: 168px; border-bottom: 3px solid var(--mint); }*/ .module-contract .overlay { position: relative; z-index: 2; margin: 0 0 53px; padding-top: 47px; padding-bottom: 22px; color: var(--coal); } .module-contract .overlay + * { margin-top: 0; } .module-contract .overlay:before { width: 200vw; margin-left: -100vw; background: var(--white); } .module-contract.cols-a > article > footer { position: sticky; top: 20px; } .module-contract figure .icon-play { font-size: 102px; opacity: .85; } .module-contract figure .icon-play { -webkit-transform: scale(0.72); transform: scale(0.72); } .module-contract figure .icon-play:before { content: "\e977"; } .module-contract.cols-a p, .module-contract.cols-a li { max-width: none; } #root .module-contract .form-box.a { padding-top: 20px; } .module-contract .form-box.a:before { border-top-width: 10px; } #root .nav-breadcrumbs + .module-contract { margin-top: 86px; } .module-contract .media-wide img { width: 100% !important; } .module-countdown { position: relative; z-index: 2; max-width: 260px; margin-bottom: 20px; padding: 0 20px 22px; color: var(--coal); font-weight: 700; font-family: var(--font_headers); font-size: 20px; line-height: 1.5; text-align: center; } .module-countdown:before { box-shadow: 0 4px 20px rgba(112,144,176,.301); background: var(--white); } .module-countdown figure { margin: 0 -20px; padding: 13px 22px; background: var(--coal); } .module-countdown > h1, .module-countdown > h2, .module-countdown > h3, .module-countdown > h4, .module-countdown > h5, .module-countdown > h6 { margin: 0 -20px 24px; padding: 25px 20px; background: var(--btn_def); color: var(--white); font-size: 20px; text-align: center; } .module-countdown > h1 > span, .module-countdown > h2 > span, .module-countdown > h3 > span, .module-countdown > h4 > span, .module-countdown > h5 > span, .module-countdown > h6 > span { display: block; margin: 10px 0 0; font-size: 48px; line-height: 1; } .module-countdown .count .item:after { content: ":"; } .module-countdown .sec[data-val="0"] .val:before, .module-countdown .sec[data-val="1"] .val:before, .module-countdown .sec[data-val="2"] .val:before, .module-countdown .sec[data-val="3"] .val:before, .module-countdown .sec[data-val="4"] .val:before, .module-countdown .sec[data-val="5"] .val:before, .module-countdown .sec[data-val="6"] .val:before, .module-countdown .sec[data-val="7"] .val:before, .module-countdown .sec[data-val="8"] .val:before, .module-countdown .sec[data-val="9"] .val:before { content: "0"; } /*.module-dashboard {}*/ .module-dashboard header h1, .module-dashboard header h2, .module-dashboard header h3, .module-dashboard header h4, .module-dashboard header h5, .module-dashboard header h6 { font-size: 24px; } .module-entries { position: relative; z-index: 2; margin: 41px 0 0 -16px; color: var(--black); font-size: 14px; line-height: 1.5714285714; } .module-entries > * { position: relative; z-index: 2; width: 50%; margin: 0 0 18px; padding: 0 20px .1px; border-left: 16px solid rgba(0,0,0,0); color: var(--black); } .module-entries > *:before { box-shadow: 0 8px 20px rgba(112,144,176,.2); border: 4px solid var(--coal); background: var(--white); } .module-entries > * > header, .module-entries > * > footer { margin: 0 -20px; padding: 0 11px 0 20px; background: var(--coal); color: var(--mint); font-family: var(--font_headers); font-weight: 700; } .module-entries > * > header { margin-bottom: 15px; padding-right: 11px; padding-top: 11px; padding-bottom: 1px; } .module-entries.strong header h1, .module-entries.strong header h2, .module-entries.strong header h3, .module-entries.strong header h4, .module-entries.strong header h5, .module-entries.strong header h6, .module-entries > .strong header h1, .module-entries > .strong header h2, .module-entries > .strong header h3, .module-entries > .strong header h4, .module-entries > .strong header h5, .module-entries > .strong header h6 { color: inherit; } .module-entries > * > header p { margin-bottom: 10px; font-size: 16px; } .module-entries > * > header .scheme-label:last-child { margin-top: auto; margin-bottom: 15px; } .module-entries > * > footer { margin-top: auto; padding-top: 12px; padding-right: 8px; } .module-entries > * > footer > * { margin: 0 12px 12px 0; } .module-entries > * > footer .link-btn { overflow: visible; margin-bottom: 0; margin-right: 0; margin-left: auto; } .module-entries > * > footer .link-btn a, .scheme-countdown.a .link-btn a, .cols-b > aside .link-btn a { min-width: 0; height: 45px; margin: 0 12px 12px 0; padding: 0 12px; font-size: 14px; line-height: 41px; white-space: nowrap; } .scheme-countdown.a .link-btn a, .cols-b > aside .link-btn a { height: auto; padding-top: 12.5px; padding-bottom: 12.5px; line-height: 1.2; } .module-entries > * > footer .link-btn a i, .scheme-countdown.a .link-btn a i, .cols-b > aside .link-btn a i, .module-register .link-btn a i, .module-header .link-btn a i { margin: 0 8px 0 0; font-size: 1.1428571429em; } .module-entries > * > footer .link-btn a i.icon-logout, .scheme-countdown.a .link-btn a .icon-logout, .cols-b > aside .link-btn a .icon-logout, .module-register .link-btn a .icon-logout, .module-header .link-btn a .icon-logout { top: .2em; font-size: 1.4285714286em; } .module-entries > * > footer .link-btn a i.icon-check, .scheme-countdown.a .link-btn a .icon-check, .cols-b > aside .link-btn a .icon-check, .module-register .link-btn a .icon-check, .module-header .link-btn a .icon-check { top: .1em; font-size: 0.9285714286em; } .module-entries > * > footer .link-btn a i.icon-check:before, .scheme-countdown.a .link-btn a .icon-check:before, .cols-b > aside .link-btn a .icon-check:before, .module-register .link-btn a .icon-check:before, .module-header .link-btn a .icon-check:before { content: "\e947"; } #root .module-entries > * > footer .link-btn a.disabled, #root .module-entries > * > footer .link-btn.disabled a, #root .module-entries > * > footer .link-btn a.disabled:focus, #root .module-entries > * > footer .link-btn.disabled a:focus, #root .cols-b > aside .scheme-countdown.a .link-btn a.disabled, #root .cols-b > aside .scheme-countdown.a .link-btn.disabled a, #root .cols-b > aside .scheme-countdown.a .link-btn a.disabled:focus, #root .cols-b > aside .scheme-countdown.a .link-btn.disabled a:focus, #root .cols-b > aside .link-btn.disabled a, #root .cols-b > aside .link-btn a.disabled, #root .cols-b > aside .link-btn.disabled a:focus, #root .cols-b > aside .link-btn a.disabled:focus { color: var(--white); } .module-entries > * > footer .scheme-box, #root .module-entries > * > footer .scheme-box { position: relative; top: 10px; margin-top: -20px; padding: 0; border-radius: 0; border-width: 0; background: none; font-size: 13px; font-weight: 700; font-family: var(--font_headers); text-transform: uppercase; text-overflow: inherit; text-align: left; white-space: normal; } .module-entries.overlay:before { background: var(--mint); } .module-entries > article > h1:first-child, .module-entries > article > h2:first-child, .module-entries > article > h3:first-child, .module-entries > article > h4:first-child, .module-entries > article > h5:first-child, .module-entries > article > h6:first-child { margin-top: 24px; } /*.module-entries > .overlay-navy {}*/ .module-entries > .overlay-navy:before, .module-entries.overlay-navy > *:before { border-color: var(--navy); } .module-entries > .overlay-navy > header, .module-entries > .overlay-navy > footer, .module-entries.overlay-navy > * > header, .module-entries.overlay-navy > * > footer { background: var(--navy); } /*.module-entries > .overlay-violet {}*/ .module-entries > .overlay-violet:before, .module-entries.overlay-violet > *:before { border-color: var(--violet); } .module-entries > .overlay-violet > header, .module-entries > .overlay-violet > footer, .module-entries.overlay-violet > * > header, .module-entries.overlay-violet > * > footer { background: var(--violet); } /*.module-entries > .overlay-plum {}*/ .module-entries > .overlay-plum:before, .module-entries.overlay-plum > *:before { border-color: var(--plum); } .module-entries > .overlay-plum > header, .module-entries > .overlay-plum > footer, .module-entries.overlay-plum > * > header, .module-entries.overlay-plum > * > footer { background: var(--plum); } #root .module-entries > header, #root .module-entries-header { display: block; position: relative; z-index: 3; width: 100%; min-height: 0; margin: 0; padding: 0; } #root .module-entries > header h1, #root .module-entries > header h2, #root .module-entries > header h3, #root .module-entries > header h4, #root .module-entries > header h5, #root .module-entries > header h6, #root .module-entries-header h1, #root .module-entries-header h2, #root .module-entries-header h3, #root .module-entries-header h4, #root .module-entries-header h5, #root .module-entries-header h6 { margin-bottom: 20px; } .module-entries > header .icon-live-now, #root .module-entries-header .icon-live-now { display: block; margin: 0 0 26px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 278.1 60' xml:space='preserve'%3E%3Cstyle%3E.st3%7Bfill:%23fff%7D%3C/style%3E%3Cpath fill='%238ecab6' d='M10.1 10.5L0 56.3h106.5l9.2-45.8z'/%3E%3Cpath d='M269.1 49.3c0-8.5-2.4-16.8-7-24-4.5-7.2-10.9-13-18.5-16.8-2.1-1-3-3.6-1.9-5.7 1-2.1 3.6-3 5.7-1.9 9 4.5 16.6 11.3 22 19.9 5.4 8.6 8.2 18.4 8.2 28.5 0 2.4-1.9 4.3-4.2 4.3-.3 0-.7 0-1-.1-1.9-.5-3.3-2.2-3.3-4.2zm-15.9.5c.1-5.7-1.5-11.2-4.5-16.1-3-4.8-7.3-8.7-12.5-11.1-2.1-1-3-3.6-2-5.7s3.5-3 5.7-2c6.6 3.1 12.1 8.1 16 14.3 3.9 6.2 5.9 13.4 5.8 20.7 0 2.4-1.9 4.2-4.3 4.2-.3 0-.6 0-.9-.1-1.9-.4-3.3-2.1-3.3-4.2zm-15.8.3c.1-2.8-.6-5.5-2.1-7.9-1.5-2.4-3.7-4.3-6.3-5.5-2.2-.9-3.2-3.4-2.2-5.6.9-2.2 3.4-3.2 5.6-2.2 4.2 1.8 7.8 4.8 10.2 8.8 2.4 3.8 3.6 8.2 3.4 12.7-.1 2.4-2.1 4.2-4.4 4.1-.3 0-.6 0-.8-.1-2.1-.5-3.5-2.3-3.4-4.3z' fill='%239665ff'/%3E%3Cpath class='st3' d='M24.5 42.5h9.1l-1.1 6.2H15.1l5.2-29.4h8.2zM48.3 19.3l-5.2 29.4h-8.2l5.2-29.4zM59 19.3l2.9 21.2 10.4-21.2H81L65.7 48.7H55.2l-4.9-29.4zM90.2 25.7l-.9 4.9h9.4l-1.1 6.2h-9.4l-1 5.4h10.7l-1.2 6.5H77.9l5.2-29.4h18.8l-1.1 6.4z'/%3E%3Cpath fill='%2382bca9' d='M112 14.2L101.9 60h106.6l9.1-45.8z'/%3E%3Cpath class='st3' d='M140.1 48.8h-6.8l-6.5-13.6-2.4 13.6h-6.8l4.3-24.2h6.7l6.6 13.7 2.4-13.7h6.7zM160 41.7c1-.7 1.8-1.7 2.3-2.8.5-1.2.8-2.5.8-3.8 0-1.5-.4-2.6-1.2-3.4-.8-.8-1.9-1.2-3.4-1.2-1.4 0-2.5.3-3.6 1-1 .7-1.8 1.6-2.4 2.8s-.8 2.5-.8 3.8c0 1.4.4 2.6 1.2 3.4.8.8 1.9 1.3 3.4 1.3s2.7-.4 3.7-1.1zm-10 6.1c-1.6-.8-2.8-2-3.6-3.6-.8-1.5-1.3-3.3-1.3-5.3 0-2.9.6-5.4 1.8-7.6 1.2-2.2 2.9-4 5.1-5.2 2.2-1.2 4.6-1.9 7.4-1.9 2.1 0 3.9.4 5.5 1.3 1.6.8 2.8 2 3.6 3.5.8 1.5 1.3 3.3 1.3 5.3 0 2.8-.6 5.4-1.8 7.6-1.2 2.2-2.9 4-5.1 5.3-2.2 1.3-4.7 1.9-7.5 1.9-2-.1-3.8-.5-5.4-1.3zM208 24.6l-10.2 24.2h-8.3l-.7-14.9-6.1 14.9h-8.3l-1.5-24.2h7.2v16.5l6.7-16.5h7.4l.8 16.5 5.7-16.5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto 100%; color: rgba(0,0,0,0); font-size: 60px; line-height: 1; } #root .module-entries > header .header-line, #root .module-entries-header .header-line { margin-bottom: 38px; } #root .module-entries > .header .header-line.s28, #root .module-entries > header .header-line.s28, #root .module-entries-header .header-line.s28 { font-size: 28px; } #root .module-entries > .header .header-line.s28 > *:before, #root .module-entries > header .header-line.s28 > *:before, #root .module-entries-header .header-line.s28 > *:before { background: var(--mint); } .module-entries > header .form-sort, #root .module-entries-header .form-sort { position: absolute; right: 0; top: -16px; margin-top: 0; margin-bottom: 0; } .module-entries > header .form-sort p, #root .module-entries-header .form-sort p { overflow: visible; padding-left: 18px; background: var(--white); } #root .module-entries > figure { display: block; width: 106vw; min-height: 0; margin: 0 0 0 -53vw; padding: 0; border-left-width: 0; background: var(--coal); line-height: 1.5; } @media only screen and (min-width: 62.5em) { /* 1000 */ #root .module-entries > header.strong { position: absolute; left: 0; top: 14px; z-index: 1; } .module-entries.overlay > header.strong + * { margin-top: 37px; margin-left: 185px; margin-right: 0; } #root .module-entries > header.strong .icon-live-now { margin: 0; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 231.4 268.8' xml:space='preserve'%3E%3Cstyle%3E.st2%7Bopacity:0;fill:none;stroke:%23000;stroke-miterlimit:10%7D.st3%7Bfill:%23fff%7D%3C/style%3E%3Cpath fill='%238ecab6' d='M12.9 34.8L0 93.5h136.5l11.8-58.7z'/%3E%3Cpath d='M222.7 47.3c0-8.1-2.3-16-6.7-23-4.3-6.9-10.4-12.5-17.7-16-2-1-2.8-3.4-1.9-5.5 1-2 3.4-2.9 5.5-1.9 8.6 4.3 15.9 10.8 21 19s7.9 17.6 7.9 27.3c0 2.3-1.8 4.1-4.1 4.1-.3 0-.6 0-.9-.1-1.7-.4-3.1-2-3.1-3.9zm-15.2.4c0-5.4-1.5-10.8-4.4-15.4-2.9-4.6-7-8.3-11.9-10.7-2-1-2.9-3.4-1.9-5.4 1-2 3.4-2.9 5.4-1.9 6.3 3 11.6 7.7 15.4 13.7 3.7 6 5.7 12.8 5.6 19.8 0 2.3-1.9 4.1-4.1 4-.3 0-.6 0-.9-.1-1.8-.4-3.2-2-3.2-4zm-15.1.2c.1-2.7-.6-5.3-2-7.6-1.5-2.3-3.6-4.1-6.1-5.2-2.1-.9-3-3.3-2.1-5.4.9-2.1 3.3-3 5.4-2.1 4 1.7 7.4 4.6 9.8 8.4 2.3 3.7 3.4 7.9 3.3 12.2-.1 2.3-2 4-4.2 3.9-.3 0-.5 0-.8-.1-2-.4-3.4-2.1-3.3-4.1z' fill='%239665ff'/%3E%3Cpath class='st2' d='M222.7 47.3c0-8.1-2.3-16-6.7-23-4.3-6.9-10.4-12.5-17.7-16-2-1-2.8-3.4-1.9-5.5 1-2 3.4-2.9 5.5-1.9 8.6 4.3 15.9 10.8 21 19s7.9 17.6 7.9 27.3c0 2.3-1.8 4.1-4.1 4.1-.3 0-.6 0-.9-.1-1.7-.4-3.1-2-3.1-3.9zm-15.2.4c0-5.4-1.5-10.8-4.4-15.4-2.9-4.6-7-8.3-11.9-10.7-2-1-2.9-3.4-1.9-5.4 1-2 3.4-2.9 5.4-1.9 6.3 3 11.6 7.7 15.4 13.7 3.7 6 5.7 12.8 5.6 19.8 0 2.3-1.9 4.1-4.1 4-.3 0-.6 0-.9-.1-1.8-.4-3.2-2-3.2-4zm-15.1.2c.1-2.7-.6-5.3-2-7.6-1.5-2.3-3.6-4.1-6.1-5.2-2.1-.9-3-3.3-2.1-5.4.9-2.1 3.3-3 5.4-2.1 4 1.7 7.4 4.6 9.8 8.4 2.3 3.7 3.4 7.9 3.3 12.2-.1 2.3-2 4-4.2 3.9-.3 0-.5 0-.8-.1-2-.4-3.4-2.1-3.3-4.1z'/%3E%3Cpath class='st3' d='M31.4 75.8h11.7l-1.5 8H19.4l6.7-37.7h10.4zM61.8 46.1l-6.6 37.7H44.7l6.6-37.7zM75.6 46.1l3.7 27.1 13.3-27.1h11.2L84.1 83.8H70.8l-6.4-37.7zM115.5 54.4l-1.1 6.2h12.1l-1.5 8h-12l-1.2 6.8h13.6l-1.4 8.4H99.8l6.7-37.7h24.1l-1.5 8.3z'/%3E%3Cpath fill='%2382bca9' d='M21.2 89.9L8.3 148.5h136.5l11.8-58.6z'/%3E%3Cpath class='st3' d='M57.2 134.1h-8.7l-8.4-17.3-3.1 17.3h-8.6l5.5-31h8.6l8.4 17.6 3.1-17.6h8.6zM82.7 125.1c1.3-.9 2.3-2.1 3-3.6.7-1.5 1-3.1 1-4.9 0-1.9-.5-3.3-1.5-4.4-1-1-2.5-1.6-4.3-1.6-1.7 0-3.3.4-4.6 1.3-1.3.9-2.3 2.1-3 3.6-.7 1.5-1.1 3.1-1.1 4.9 0 1.8.5 3.3 1.5 4.4 1 1.1 2.5 1.6 4.4 1.6 1.8 0 3.3-.4 4.6-1.3zm-12.8 7.7c-2-1.1-3.5-2.6-4.6-4.6-1.1-2-1.6-4.2-1.6-6.8 0-3.7.8-6.9 2.3-9.8s3.7-5.1 6.5-6.7c2.8-1.6 6-2.4 9.5-2.4 2.7 0 5 .5 7 1.6s3.6 2.6 4.6 4.5c1.1 2 1.6 4.2 1.6 6.8 0 3.6-.8 6.9-2.3 9.8-1.6 2.9-3.7 5.1-6.5 6.7-2.8 1.6-6 2.4-9.6 2.4-2.6.1-4.9-.4-6.9-1.5zM144.2 103.1l-13.1 31h-10.6l-.9-19-7.8 19h-10.6l-2-31h9.3l-.1 21.2 8.6-21.2h9.5l1 21.1 7.3-21.1z'/%3E%3Cpath d='M86.5 253c15-3.5 28.7-11.2 39.6-22.1 10.9-10.9 18.6-24.6 22.1-39.6 1-4.2 5.2-6.7 9.3-5.8 4.2 1 6.7 5.1 5.8 9.3-4.2 17.8-13.3 34-26.2 47-13 13-29.2 22-47 26.2-4.2 1-8.3-1.6-9.3-5.8-.1-.6-.2-1.2-.2-1.8-.1-3.4 2.3-6.5 5.9-7.4zm-7.4-27.8c10.1-2.2 19.3-7.3 26.6-14.6 7.3-7.3 12.4-16.5 14.6-26.6.9-4.2 5.1-6.8 9.2-5.9 4.2.9 6.8 5 5.9 9.2-2.9 13-9.4 24.8-18.8 34.2-9.4 9.4-21.3 15.9-34.2 18.8-4.2.9-8.3-1.7-9.2-5.9-.1-.6-.2-1.1-.2-1.7.1-3.5 2.5-6.7 6.1-7.5zm-6.9-28c5-1 9.6-3.4 13.2-7 3.7-3.7 6.1-8.3 7.1-13.5.8-4.2 4.8-7 9-6.2 4.2.8 7 4.8 6.2 9-1.5 8.2-5.4 15.7-11.3 21.6-5.8 5.8-13.1 9.7-21.2 11.3-4.2.8-8.3-1.9-9.1-6.1-.1-.5-.1-1-.1-1.5 0-3.6 2.5-6.8 6.2-7.6z' fill='%23e3449f'/%3E%3Cpath class='st2' d='M86.5 253c15-3.5 28.7-11.2 39.6-22.1 10.9-10.9 18.6-24.6 22.1-39.6 1-4.2 5.2-6.7 9.3-5.8 4.2 1 6.7 5.1 5.8 9.3-4.2 17.8-13.3 34-26.2 47-13 13-29.2 22-47 26.2-4.2 1-8.3-1.6-9.3-5.8-.1-.6-.2-1.2-.2-1.8-.1-3.4 2.3-6.5 5.9-7.4zm-7.4-27.8c10.1-2.2 19.3-7.3 26.6-14.6 7.3-7.3 12.4-16.5 14.6-26.6.9-4.2 5.1-6.8 9.2-5.9 4.2.9 6.8 5 5.9 9.2-2.9 13-9.4 24.8-18.8 34.2-9.4 9.4-21.3 15.9-34.2 18.8-4.2.9-8.3-1.7-9.2-5.9-.1-.6-.2-1.1-.2-1.7.1-3.5 2.5-6.7 6.1-7.5zm-6.9-28c5-1 9.6-3.4 13.2-7 3.7-3.7 6.1-8.3 7.1-13.5.8-4.2 4.8-7 9-6.2 4.2.8 7 4.8 6.2 9-1.5 8.2-5.4 15.7-11.3 21.6-5.8 5.8-13.1 9.7-21.2 11.3-4.2.8-8.3-1.9-9.1-6.1-.1-.5-.1-1-.1-1.5 0-3.6 2.5-6.8 6.2-7.6z'/%3E%3C/svg%3E"); font-size: 270px; } } @media only screen and (min-width: 47.5em) { /* 760 */ .module-entries > .aside, .module-entries.aside > * { min-height: 337px; padding: 4px; color: var(--white); } .module-entries > .aside:before, .module-entries.aside > *:before, .module-entries > .featured:before { background: var(--coal); } .module-entries > .aside > header, .module-entries.aside > * > header, .module-entries > .aside > div, .module-entries.aside > * > div { width: calc(100% - 256px); margin: 0; padding: 0; color: var(--black); } .module-entries > .aside > header, .module-entries.aside > * > header { width: 256px; padding: 17px 15px .1px; background: var(--white); color: var(--mint); } #root .module-entries > .aside > header .link-btn.disabled a, #root .module-entries.aside > * > header .link-btn.disabled a, #root .module-entries > .aside > header .link-btn a.disabled, #root .module-entries.aside > * > header .link-btn a.disabled, #root .module-entries > .aside > header .link-btn.disabled a:focus, #root .module-entries.aside > * > header .link-btn.disabled a:focus, #root .module-entries > .aside > header .link-btn a.disabled:focus, #root .module-entries.aside > * > header .link-btn a.disabled:focus { color: var(--violet); } .module-entries > .aside > div, .module-entries.aside > * > div { padding: 12px 18px .1px; color: var(--white); } .module-entries > .aside > div > .scheme-label:first-child, .module-entries.aside > * > div > .scheme-label:first-child { margin-top: 12px; } .module-entries > .aside > div > p:last-child, .module-entries.aside > * > div > p:last-child, .module-entries > .aside > div > p.last-child, .module-entries.aside > * > div > p.last-child, .module-entries > .featured > div > p:last-child, .module-entries.featured > * > div > p:last-child, .module-entries > .featured > div > p.last-child, .module-entries.featured > * > div > p.last-child { margin-bottom: 6px; } .module-entries > .aside .link-btn:last-child, .module-entries.aside > * .link-btn:last-child, .module-entries > .aside .link-btn.last-child, .module-entries.aside > * .link-btn.last-child { margin-top: auto; } .module-entries > .aside h1, .module-entries > .aside h2, .module-entries > .aside h3, .module-entries > .aside h4, .module-entries > .aside h5, .module-entries > .aside h6, .module-entries.aside > * h1, .module-entries.aside > * h2, .module-entries.aside > * h3, .module-entries.aside > * h4, .module-entries.aside > * h5, .module-entries.aside > * h6 { margin-bottom: 0; font-size: 20px; line-height: 1.5; } .module-entries > .aside .s28 h1, .module-entries > .aside .s28 h2, .module-entries > .aside .s28 h3, .module-entries > .aside .s28 h4, .module-entries > .aside .s28 h5, .module-entries > .aside .s28 h6, .module-entries.aside > * .s28 h1, .module-entries.aside > * .s28 h2, .module-entries.aside > * .s28 h3, .module-entries.aside > * .s28 h4, .module-entries.aside > * .s28 h5, .module-entries.aside > * .s28 h6, .module-entries > .s28 header h1, .module-entries > .s28 header h2, .module-entries > .s28 header h3, .module-entries > .s28 header h4, .module-entries > .s28 header h5, .module-entries > .s28 header h6 { font-size: 28px; line-height: 1.3571428571; } #root .module-entries > .s28 header h1 ~ .scheme-label, #root .module-entries > .s28 header h2 ~ .scheme-label, #root .module-entries > .s28 header h3 ~ .scheme-label, #root .module-entries > .s28 header h4 ~ .scheme-label, #root .module-entries > .s28 header h5 ~ .scheme-label, #root .module-entries > .s28 header h6 ~ .scheme-label { position: relative; left: 0; top: 0; } .module-entries > .aside h1 + *, .module-entries > .aside h2 + *, .module-entries > .aside h3 + *, .module-entries > .aside h4 + *, .module-entries > .aside h5 + *, .module-entries > .aside h6 + *, .module-entries.aside > * h1 + *, .module-entries.aside > * h2 + *, .module-entries.aside > * h3 + *, .module-entries.aside > * h4 + *, .module-entries.aside > * h5 + *, .module-entries.aside > * h6 + * { margin-top: auto; } .module-entries > .aside p, .module-entries.aside > * p, .module-entries > .featured p { font-size: 16px; } .module-entries > .aside .link-btn, .module-entries.aside > * .link-btn { margin-top: 0; } .module-entries > .aside .link-btn a, .module-entries.aside > * .link-btn a, .module-entries > .featured .link-btn a { min-width: 0; margin-bottom: 12px; padding: 13px 14px; font-size: 14px; } .module-entries > .aside .link-btn a i, .module-entries.aside > * .link-btn a i, .module-entries > .featured .link-btn a i { margin-right: 8px; } .module-entries > .aside > header figure, .module-entries.aside > * > header figure { margin-bottom: 15px; } .module-entries.compact > * { width: 25%; padding-top: 20px; padding-bottom: 8px; } #root .module-entries.compact > * > header, #root .module-entries.compact > * > footer { display: block; margin: 0; padding: 0; background: none; color: var(--mint); } #root .module-entries.compact > * > header { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-#root .module-entries footer .link-btn i; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .module-entries.compact > * > header { -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .module-entries.compact h1, .module-entries.compact h2, .module-entries.compact h3, .module-entries.compact h4, .module-entries.compact h5, .module-entries.compact h6 { font-size: 20px; line-height: 1.5; } .module-entries.compact .scheme-label { margin-bottom: 15px; } .module-entries.compact figure { margin-bottom: 15px; } .module-entries.compact .link-btn a { width: 100%; min-width: 0; padding-left: 10px; padding-right: 10px; } #root .module-entries.compact > * > footer .link-btn.disabled a { color: var(--violet); } .module-entries > .featured { width: 100%; max-width: 828px; min-height: 337px; padding: 4px; text-align: left; } .module-entries > .featured > div, .module-entries > .featured > header { margin: 0; padding: 0; } .module-entries > .featured > div { width: calc(100% - 440px); padding: 12px 16px .1px; color: var(--white); } .module-entries > .featured > div > .link-btn:last-child { margin-top: auto; } .module-entries > .featured > header { width: 440px; padding: 17px 18px .1px; background: var(--white); color: var(--mint); } .module-entries > .featured > header h1, .module-entries > .featured > header h2, .module-entries > .featured > header h3, .module-entries > .featured > header h4, .module-entries > .featured > header h5, .module-entries > .featured > header h6 { margin: 10px 0 0; font-size: 32px; line-height: 1.1875; } .module-entries > .featured > header h1.s28, .module-entries > .featured > header h2.s28, .module-entries > .featured > header h3.s28, .module-entries > .featured > header h4.s28, .module-entries > .featured > header h5.s28, .module-entries > .featured > header h6.s28 { margin-top: 2px; font-size: 28px; } .module-entries > .featured > header h1.s32, .module-entries > .featured > header h2.s32, .module-entries > .featured > header h3.s32, .module-entries > .featured > header h4.s32, .module-entries > .featured > header h5.s32, .module-entries > .featured > header h6.s32 { margin-top: 2px; font-size: 32px; } .module-entries > .featured > header h1 + *, .module-entries > .featured > header h2 + *, .module-entries > .featured > header h3 + *, .module-entries > .featured > header h4 + *, .module-entries > .featured > header h5 + *, .module-entries > .featured > header h6 + * { margin-top: auto; } .module-entries > .featured > header h1.s28:first-child, .module-entries > .featured > header h2.s28:first-child, .module-entries > .featured > header h3.s28:first-child, .module-entries > .featured > header h4.s28:first-child, .module-entries > .featured > header h5.s28:first-child, .module-entries > .featured > header h6.s28:first-child, .module-entries > .featured > header .list-logo:first-child { margin-top: 0; } .module-entries > .featured > header > figure { margin-bottom: 16px; } .module-entries > .featured > header .list-logo { margin-top: 21px; margin-bottom: 11px; } .module-entries > .featured > header .list-logo li { max-width: calc(33.333333333% - 10px); } .module-entries > .featured > header .scheme-box { margin-top: auto; margin-bottom: 12px; } .module-entries > .featured > header .scheme-box .img { width: 178px; max-width: 178px; height: 68px; margin-left: 30px; } /* no shadow behind the logo */ .module-entries > .featured > header .scheme-box .img { padding: 0; box-shadow: none; } .module-entries > .featured.text-center { margin-left: auto; margin-right: auto; } .module-entries > .aside.overlay-violet:before, .module-entries.aside > .overlay-violet:before, .module-entries > .featured.overlay-violet:before { background: var(--violet); } .module-entries > .aside.overlay-plum:before, .module-entries.aside > .overlay-plum:before, .module-entries > .featured.overlay-plum:before { background: var(--plum); } } @media only screen and (min-width: 62.5em) { /* 1000 */ .module-entries.triple .list-logo { margin-bottom: 6px; } .module-entries.triple h1 + .list-logo, .module-entries.triple h2 + .list-logo, .module-entries.triple h3 + .list-logo, .module-entries.triple h4 + .list-logo, .module-entries.triple h5 + .list-logo, .module-entries.triple h6 + .list-logo { margin-top: -4px; } .module-entries.triple .list-logo li { width: auto; max-width: calc(33.333333333% - 10px); } .module-entries.triple .list-logo img { max-width: 100% !important; } } #root .module-entries .scheme-box { padding: 0; font-size: 13px; } .module-entries .scheme-box .img { width: 151px; min-width: 131px; max-width: 151px; height: 55px; padding: 10px; box-shadow: 0 8px 20px rgba(112,144,176,.2); background: var(--white); } .module-entries h1, .module-entries h2, .module-entries h3, .module-entries h4, .module-entries h5, .module-entries h6 { margin: 0 0 14px; font-size: 18px; line-height: 1.4444444444; } #root .module-entries .s28 { font-size: 28px; } .module-entries .header-line:not(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) { font-size: 20px; } .module-entries h1 span, .module-entries h2 span, .module-entries h3 span, .module-entries h4 span, .module-entries h5 span, .module-entries h6 span { display: block; margin: 2px 0 12px; color: var(--yonder); font-size: 14px; font-weight: 700; text-transform: uppercase; } .module-entries h1 a, .module-entries h2 a, .module-entries h3 a, .module-entries h4 a, .module-entries h5 a, .module-entries h6 a { font-weight: inherit; } .module-entries .list-logo { min-height: 0; margin: 0 -10px 16px 0; padding: 0; } .module-entries .list-logo li { position: relative; width: 105px; height: 47px; margin: 0 10px 10px 0; padding: 5px; box-shadow: 0 1px 2px rgba(112,144,176,0.101); } /*.module-entries > * > div > p:last-child { margin-top: auto; }*/ .module-entries + * { margin-top: 26px; } /*.module-entries.triple {}*/ .module-entries.triple > * { width: 33.3333333%; } .module-entries.triple > * > footer .scheme-label ~ .link-btn { max-width: 190px } .module-entries.triple > * > footer .scheme-label ~ .link-btn.disabled { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .module-entries.triple > * > footer .scheme-label ~ .link-btn, .module-entries.triple > * > footer .scheme-label ~ .link-btn * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .module-entries.overlay { margin-bottom: 46px; padding-top: 46px; padding-bottom: 33px; } .module-entries.overlay, .header-line + .module-entries.overlay { padding-top: 46px; } .module-entries.overlay > header { color: var(--white); } .module-entries.overlay > header h1, .module-entries.overlay > header h2, .module-entries.overlay > header h3, .module-entries.overlay > header h4, .module-entries.overlay > header h5, .module-entries.overlay > header h6 { margin-bottom: 20px; color: var(--white); font-size: 28px; } .module-entries.overlay > header:first-child .icon-live-now { margin-top: -26px; } .module-entries.overlay + .module-entries.overlay, .module-entries.overlay + .header-line.overlay, .module-entries.overlay + .module-welcome, .module-welcome + .module-welcome, .module-welcome + .module-entries.overlay, .module-welcome + .header-line.overlay, .module-sponsors + .module-welcome, .module-sponsors + .header-line.overlay, .module-sponsors + .module-sponsors, .module-sponsors + .module-entries.overlay, .module-entries.overlay + .module-sponsors, .module-welcome:not(.m45) + .module-sponsors, .header-line.overlay + .modules-sponsors { margin-top: -30px; } .module-entries.overlay + .module-landing { margin-top: -10px; } /*.module-entries.static {}*/ #root .module-entries.static > article, #root .module-entries > .static { display: block; padding: 15px 15px .1px; color: var(--white); } .module-entries.static > article:before, .module-entries > .static:before { background: var(--coal); } .module-entries.static figure, .module-entries > .static figure { margin-bottom: 15px; } .module-entries.static figure + *, .module-entries > .static figure + * { margin-top: 20px; } .module-entries.static a, .module-entries.static > article h1, .module-entries.static > article h2, .module-entries.static > article h3, .module-entries.static > article h4, .module-entries.static > article h5, .module-entries.static > article h6, .module-entries > .static a, .module-entries > .static h1, .module-entries > .static h2, .module-entries > .static h3, .module-entries > .static h4, .module-entries > .static h5, .module-entries > .static h6 { position: static; margin-bottom: 24px; color: inherit; } .module-entries.strong { font-weight: 400; font-size: 16px; line-height: 1.5; } #root .module-entries.strong > article, #root .module-entries > .strong { width: 100%; max-width: 720px; padding-left: 40px; padding-right: 40px; } .module-entries.strong > article > header, #root .module-entries > .strong > header { margin-left: -40px; margin-right: -40px; margin-bottom: 16px; padding: 23px 40px 17px; color: var(--white); } .module-entries.strong > article > header h1, .module-entries.strong > article > header h2, .module-entries.strong > article > header h3, .module-entries.strong > article > header h4, .module-entries.strong > article > header h5, .module-entries.strong > article > header h6, #root .module-entries > .strong > header h1, #root .module-entries > .strong > header h2, #root .module-entries > .strong > header h3, #root .module-entries > .strong > header h4, #root .module-entries > .strong > header h5, #root .module-entries > .strong > header h6 { max-width: 608px; font-size: 36px; line-height: 1.2777777778; } .module-entries.strong > article > div p, .module-entries > .strong > div p { max-width: 500px; } .module-entries.strong > article > div .link-btn, .module-entries > .strong > div .link-btn { max-width: none; } .module-entries.strong > article > div > .link-btn:last-child, .module-entries > .strong > div > .link-btn:last-child { margin-bottom: var(--mr_main); } .module-entries.strong > article > footer, #root .module-entries > .strong > footer { margin-left: -40px; margin-right: -40px; } .module-entries.strong.overlay > article:first-child { margin-top: 24px; } .module-entries.strong.overlay > article:last-child { margin-bottom: 19px; } .module-entry { position: relative; z-index: 2; margin: 25px 0 6px; color: var(--coal); } .module-entry:before { background: var(--white); } .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6, .module-entry .lead, .module-entry .heading { position: relative; z-index: 2; margin: 0 0 29px; padding: 18px 30px; border-top: 9px solid var(--mint); background: var(--coal); color: var(--white); font-size: 24px; font-weight: 700; line-height: var(--lh_head); } .module-entry h1 .img, .module-entry h2 .img, .module-entry h3 .img, .module-entry h4 .img, .module-entry h5 .img, .module-entry h6 .img, .module-entry .heading .img { display: block; width: 180px; min-width: 180px; max-width: 180px; height: 66px; /*margin-right: -15px; margin-left: 20px;*/ margin-right: 20px; background: var(--white); } .module-entry h1 + .list-entry, .module-entry h2 + .list-entry, .module-entry h3 + .list-entry, .module-entry h4 + .list-entry, .module-entry h5 + .list-entry, .module-entry h6 + .list-entry, .module-entry h1 + .list-title, .module-entry h2 + .list-title, .module-entry h3 + .list-title, .module-entry h4 + .list-title, .module-entry h5 + .list-title, .module-entry h6 + .list-title, .module-entry .lead + .list-entry, .module-entry .lead + .list-title, .module-entry .heading + .list-title, .module-entry .heading + .list-entry { margin-top: -5px; } .module-entry + .module-entry, .module-entry + .module-external { margin-top: 0; } .module-entry + .list-btn { margin-top: 0; padding-top: 0; } .module-entry + h1, .module-entry + h2, .module-entry + h3, .module-entry + h4, .module-entry + h5, .module-entry + h6 { margin-top: 20px; } .module-entry p { max-width: none; } h1 + .module-entry, h2 + .module-entry, h3 + .module-entry, h4 + .module-entry, h5 + .module-entry, h6 + .module-entry, h1 + .module-entry.compact, h2 + .module-entry.compact, h3 + .module-entry.compact, h4 + .module-entry.compact, h5 + .module-entry.compact, h6 + .module-entry.compact { margin-top: 6px; } .module-entry figure.img { display: block; margin-bottom: 18px; padding: 10px; background: var(--white); } .module-entry.box { z-index: 3; margin-top: 45px; margin-bottom: 50px; padding-left: 30px; padding-right: 30px; padding-bottom: .1px; } .module-entry.box:before { box-shadow: 0 4px 20px rgba(46,59,81,0.101); } .module-entry.box h1, .module-entry.box h2, .module-entry.box h3, .module-entry.box h4, .module-entry.box h5, .module-entry.box h6, .module-entry.reduced h1, .module-entry.reduced h2, .module-entry.reduced h3, .module-entry.reduced h4, .module-entry.reduced h5, .module-entry.reduced h6, .module-entry.box .heading, .module-entry.reduced .heading { margin-left: -30px; margin-right: -30px; padding: 15px 30px; font-size: 20px; } .module-entry.box .list-entry { margin-bottom: -6px; padding-right: 0; } .module-entry.box .list-entry:after { bottom: 6px; } .module-entry.box .list-entry:before { z-index: 4; top: auto; bottom: 10px; height: 14px; border-width: 0; background: var(--white); } .module-entry.box .list-entry li { width: 25%; margin-bottom: 22px; padding-bottom: 15px; font-size: 16px; } .module-entry.box .list-entry li.link-btn { z-index: 9; width: auto; bottom: 7px; margin-bottom: 0; padding-bottom: 0; } .module-entry.box .list-entry li.wide { width: 100%; } h1 + .module-entry.box, h2 + .module-entry.box, h3 + .module-entry.box, h4 + .module-entry.box, h5 + .module-entry.box, h6 + .module-entry.box { margin-top: 35px; } .module-wide .module-entry.box:after { left: 50%; right: auto; top: 50%; bottom: auto; z-index: -2; background: center center no-repeat; background-size: contain; } .module-wide .module-entry.box:nth-child(3n-1):after { width: 956px; height: 270px; margin: -97px 0 0 -508px; background-image: url(../images/module-entry-noise-1.svg); } .module-wide .module-entry.box:nth-child(3n-2):after { width: 1034px; height: 282px; margin: -104px 0 0 -517px; background-image: url(../images/module-entry-noise-3.svg); } .module-wide .module-entry.box:nth-child(3n-3):after { width: 960px; height: 320px; margin: -140px 0 0 -446px; background-image: url(../images/module-entry-noise-2.svg); } .module-wide .module-entry.reduced:after { display: block; position: absolute; z-index: -2; color: var(--mint); font-family: i; font-weight: 400; font-style: normal; line-height: 1; text-shadow: 0 3px 6px rgba(0,0,0,0.16); } .module-wide .module-entry.reduced:nth-child(5n-4):after { content: "\e969"; left: -85px; bottom: -10px; font-size: 52px; } .module-wide .module-entry.reduced:nth-child(5n-2):after { content: "\e968"; right: -105px; top: -52px; font-size: 52px; } .module-wide .module-entry.reduced:nth-child(5n-1):after { content: "\e96b"; left: -145px; top: -7px; color: var(--bay); font-size: 98px; } .module-wide .module-entry.reduced:nth-child(5n-0):after { content: "\e96a"; right: -125px; bottom: -36px; color: var(--bay); font-size: 98px; } .module-entry.reduced { margin-top: 30px; margin-bottom: 30px; } .module-entry.reduced h1, .module-entry.reduced h2, .module-entry.reduced h3, .module-entry.reduced h4, .module-entry.reduced h5, .module-entry.reduced h6, .module-entry.reduced .heading { margin-left: 0; margin-right: 0; padding-right: 216px; } .module-entry.reduced h1 .img, .module-entry.reduced h2 .img, .module-entry.reduced h3 .img, .module-entry.reduced h4 .img, .module-entry.reduced h5 .img, .module-entry.reduced h6 .img, .module-entry.reduced .heading .img { margin-right: 20px; margin-left: -15px; } .module-wide .module-entry.reduced:last-child, .module-wide .module-entry.reduced.last-child { margin-bottom: -30px; } .module-entry.reduced .list-entry { position: absolute; right: 15px; top: 50%; width: 184px; margin: 0; padding: 10px 0 0; } #root .module-entry.reduced .list-entry li.link-btn { display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; } #root .module-entry.reduced .list-entry li.link-btn a { width: 100%; margin: 0; } .w720 .module-entry.reduced { margin-left: -92px; margin-right: -92px; } .module-entry.compact, .module-external + .module-entry.compact { margin-top: 48px; } .module-entry.compact + .list-btn { padding-top: 27px; } .module-entry.compact + h1, .module-entry.compact + h2, .module-entry.compact + h3, .module-entry.compact + h4, .module-entry.compact + h5, .module-entry.compact + h6 { margin-top: -7px; } .module-entry.hr { padding-bottom: 9px; border-bottom: 1px solid var(--alto); } .module-entry.hr .list-entry { overflow: hidden; } .module-entry.hr .list-entry li { margin-bottom: 46px; } .module-entry.hr .list-entry li.link-btn { margin-bottom: 34px; } #root .module-entry.hr .list-entry li:before { display: block; bottom: 0; top: -25px; border-bottom-width: 0; border-top: 1px solid var(--alto); } .module-entry.hr > .list-entry:last-child { margin-bottom: -24px; } .module-entry.plain { margin: 29px 0 34px; padding: 24px 22px .1px; } .module-entry.plain:before { box-shadow: 0 1px 2px rgba(112,144,176,.4); } .module-entry.plain h1, .module-entry.plain h2, .module-entry.plain h3, .module-entry.plain h4, .module-entry.plain h5, .module-entry.plain h6, .module-entry.plain .heading { margin-bottom: var(--mr_main); padding: 0; border-width: 0; background: none; color: var(--coal); } .module-entry.plain .list-entry { margin-top: 25px; margin-bottom: 0; padding-right: 200px; } .module-entry.plain .list-entry li { max-width: 210px; margin-bottom: 23px; padding-bottom: 0; } .module-entry.plain .list-entry li > span:first-child { margin-right: -30px; } #root .module-entry.plain .list-entry li.link-btn { bottom: -17px; width: auto; max-width: none; } .module-entry.wide { margin: 43px 0; padding: 28px 28px 16px; } .module-entry.wide h1, .module-entry.wide h2, .module-entry.wide h3, .module-entry.wide h4, .module-entry.wide h5, .module-entry.wide h6, .module-entry.wide .lead, .module-entry.wide .heading { margin-left: -28px; margin-right: -28px; } .module-entry.wide:after { top: 28px; bottom: 28px; background: var(--white); } .module-entry-container { margin-top: 37px; } .module-event { margin-bottom: 100px; --mint: var(--orange); --lemon: #FFE200; --hz: 46px; --hl: 1.2173913043; --hsm: 28px; } .module-event, #content > .module-event:last-child { margin-bottom: 100px; } .module-event > header { margin-bottom: 76px; text-align: center; } .module-event > header h1, .module-event > header h2, .module-event > header h3, .module-event > header h4, .module-event > header h5, .module-event > header h6, .module-event > header .heading { font-size: var(--hz); line-height: var(--hl); } .module-event > header h1 .small, .module-event > header h2 .small, .module-event > header h3 .small, .module-event > header h4 .small, .module-event > header h5 .small, .module-event > header h6 .small, .module-event > header .heading .small { display: block; position: relative; z-index: 2; margin-bottom: var(--hsm); padding-bottom: 46px; } .module-event > header h1 .small:before, .module-event > header h2 .small:before, .module-event > header h3 .small:before, .module-event > header h4 .small:before, .module-event > header h5 .small:before, .module-event > header h6 .small:before, .module-event > header .heading .small:before { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 2px; height: 40px; } .module-event > header h1 .small:before, .module-event > header h2 .small:before, .module-event > header h3 .small:before, .module-event > header h4 .small:before, .module-event > header h5 .small:before, .module-event > header h6 .small:before, .module-event > header .heading .small:before { background: -moz-linear-gradient(top, var(--mint) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, var(--mint) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, var(--mint) 0%,rgba(0,0,0,0) 100%); } .module-event > header .heading + h1, .module-event > header .heading + h2, .module-event > header .heading + h3, .module-event > header .heading + h4, .module-event > header .heading + h5, .module-event > header .heading + h6 { margin-top: 0; } .module-event > header .s20 { max-width: 686px; margin-left: auto; margin-right: auto; } .module-event .s20 { line-height: 1.5; } .module-event .s20 .small { margin-bottom: 10px; } .module-event > header .s36 { max-width: 536px; margin-left: auto; margin-right: auto; } .module-event .s36 { line-height: 1.2777777778; } .module-event .s36 .small { margin-bottom: 10px; } .module-event > header .link-btn { -webkit-justify-content: center; justify-content: center; } .module-event > header h1 + .link-btn, .module-event > header h2 + .link-btn, .module-event > header h3 + .link-btn, .module-event > header h4 + .link-btn, .module-event > header h5 + .link-btn, .module-event > header h6 + .link-btn, .module-event > header .heading + .link-btn { margin-top: -3px; } .module-event > header .link-btn:last-child { margin-bottom: -56px; } .module-event > header > .s14:last-child { margin-bottom: -40px; } .module-event .cols-d { margin-left: -16px; } .module-event .cols-d > * { border-left-width: 16px; } .module-event .cols-d > aside, .module-event .cols-d > header:first-child { width: 340px; } .module-event .cols-d > *:first-child, .module-event .cols-d > header:first-child + * { width: calc(100% - 340px); } .module-event .link-btn a, .module-event button { min-width: 168px; padding: 14px 18px; font-size: 13px; } .module-event .link-btn a i, .module-event button i { margin-right: 7px; margin-left: 0; } .module-event .link-btn a i.icon-arrow-right, .module-event button i.icon-arrow-right { margin-left: 7px; margin-right: 0; } .module-event .list-logo { position: relative; z-index: 2; margin-top: 0; margin-bottom: 10px; padding: 0; border-width: 0; font-size: 15px; font-weight: 400; text-transform: none; } .module-event .list-logo { -webkit-justify-content: flex-start; justify-content: flex-start; } .module-event .list-logo:before { display: none; } .module-event .list-logo:after { content: ""; display: block; /*left: auto; right: 24px; top: 50%; bottom: auto;*/ max-width: 154px; height: 2px; margin: 0 24px 16px auto; border-width: 0; } .module-event .list-logo:after { -webkit-flex-grow: 10; -ms-flex-grow: 10; flex-grow: 10; } .module-event .list-logo:after { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, var(--mint) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,var(--mint) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,var(--mint) 100%); } #root .module-event .list-logo li { margin-bottom: 16px; } #root .module-event .list-logo li.strong { width: auto; margin-bottom: 16px; font-size: 12px; font-family: var(--font_headers); text-transform: uppercase; } #root .module-event .list-logo .list-tags { margin-bottom: -16px; font-family: var(--font_content); } #root .module-event .list-logo .list-tags li { padding-top: 5px; padding-bottom: 5px; } .module-event .input-copy { max-width: 568px; margin-left: auto; margin-right: auto; text-align: center; } .module-event button, .module-event .link-btn a { --white: var(--black); --btn_def: var(--orange); --btn_hov: var(--orange_h); --btn_foc: var(--orange_a); } .module-event .input-copy a.copy { --btn_def: var(--orange); --btn_hov: var(--orange_h); --btn_foc: var(--orange_a); } .module-event .form-box { padding-left: 15px; padding-right: 15px; } .module-event .form-box, .module-event .check label { font-size: 16px; line-height: 1.5; } .module-event .check label a { color: inherit; } .module-event .form-box figure { display: block; max-width: none; height: auto; padding: 0; background: none; } .module-event .form-box button { min-width: 184px; padding: 18.5px 26px; font-size: 16px; } #background ~ #content .module-event, #background ~ #content .module-event h1:not([class*="overlay"]), #background ~ #content .module-event h2:not([class*="overlay"]), #background ~ #content .module-event h3:not([class*="overlay"]), #background ~ #content .module-event h4:not([class*="overlay"]), #background ~ #content .module-event h5:not([class*="overlay"]), #background ~ #content .module-event h6:not([class*="overlay"]), #background ~ #content .module-event .heading:not([class*="overlay"]), #background ~ #content .module-event .list-logo li.strong { color: var(--white); } #background ~ #content .nav-breadcrumbs + .module-event { margin-top: 52px; } .module-external { position: relative; z-index: 2; margin: 34px -125px; padding: 19px 0 /*24px*/ 9px; color: var(--mercury); font-weight: 700; font-family: var(--font_headers); line-height: 1.5; text-align: center; text-transform: uppercase; --hm: 16px; } .module-external:before, .module-entry.wide:before, .list-search li.module-external:before { left: 50%; right: auto; border: 1px solid var(--mercury); background: var(--sand); } .module-external h1, .module-external h2, .module-external h3, .module-external h4, .module-external h5, .module-external h6, .module-external p { width: 100%; margin: 0 0 var(--hm); font-weight: 700; font-size: 12px; font-family: inherit; line-height: var(--lh_head); } .module-external figure, #root .list-search li.module-external figure { margin: 0 10px 20px; padding: 0; background: none; } .module-external img { border: 1px solid var(--dove); } .module-external p, .list-search li.module-external p { color: inherit; margin-bottom: 16px; font-size: 12px; line-height: 1.5; } .link-btn + .module-external { margin-top: 27px; } .module-featured { position: relative; z-index: 7; max-width: 904px; margin: 37px auto 55px; padding: 12px 30px .1px 368px; color: var(--white); font-size: 18px; line-height: var(--lh_main); } .module-featured + .module-external, .form-tabs + .module-external { margin-top: 68px; } .module-featured + .module-external:after, .form-tabs + .module-external:after { content: ""; display: block; position: absolute; left: 50%; top: -33px; width: 720px; height: 2px; margin-left: -360px; background: var(--venus); } .module-featured + .module-featured { margin-top: -15px; } .w720 .module-featured { max-width: none; margin-left: -84px; margin-right: -84px; } .module-featured p.strong { line-height: 1.4444444444; } .module-featured .icon-diversity { display: block; position: absolute; right: 0; top: 0; width: 238px; height: 80px; border-bottom: 10px solid var(--mint); background: var(--white); color: var(--mint); font-size: 50px; line-height: 66px; text-align: center; } .module-featured .icon-diversity:before { content: "\e953"; } .module-featured .icon-diversity:after { content: "\e951"; display: block; position: absolute; left: 0; right: 0; top: 0; margin: 0; color: var(--coal); line-height: 66px; } #root .module-featured .icon-diversity + * { margin-top: 0; } #root .module-featured.m0 + figure { position: relative; z-index: 9; margin-top: -80px; } #content > .module-featured:first-child { margin-top: -16px; } .module-featured .header-line.hr { padding-bottom: 10px; } .module-featured .module-box { color: var(--black); --pt: 22px; --pd: 30px; --pb: 4px; } .module-featured .module-box:before { border-radius: 4px; border-width: 0; } #root .module-featured .module-box h1, #root .module-featured .module-box h2, #root .module-featured .module-box h3, #root .module-featured .module-box h4, #root .module-featured .module-box h5, #root .module-featured .module-box h6 { color: var(--coal); font-size: 28px; } figure + .module-featured { margin-top: 0; } .module-featured.box { color: var(--black); } .module-featured.box:after { border: 1px solid var(--mercury); background: var(--sand); } .module-featured.overlay-mint { color: var(--white); } .module-featured.overlay-mint:before { background: var(--fern); } .module-featured.overlay-mint:after { background: var(--gulf); } .module-featured.aside { padding: 67px 552px 58px 35px; color: var(--coal); --hm: 21px; } .w720 .module-featured.aside { margin-left: -156px; margin-right: -156px; } .module-featured.aside:before { left: 0; right: 517px; top: 36px; bottom: 36px; background: var(--white); } .module-featured.aside:after { position: relative; left: 0; right: 0; top: 0; bottom: 0; background: none; } .module-featured.aside figure { position: relative; left: 0; right: 0; top: 0; bottom: 0; } .module-featured.aside > * { float: left; clear: left; width: 100%; min-height: 232px; } .module-featured.aside > figure { display: block; position: absolute; left: auto; right: 0; top: 36px; bottom: 36px; width: 505px; min-height: 0; margin: 0; } .module-featured.aside h1, .module-featured.aside h2, .module-featured.aside h3, .module-featured.aside h4, .module-featured.aside h5, .module-featured.aside h6, .module-featured.aside .heading { margin-bottom: var(--hm); } .module-featured.aside .link-btn { margin-top: auto; } .module-featured.background { margin-left: 0; margin-right: 0; /*margin-bottom: 29px;*/ padding: 79px 40px 71px; color: var(--black); text-align: center; } .module-featured.background:before { left: -8px; right: -8px; top: 64px; bottom: 69px; z-index: -4; background: rgba(255,255,255,.5); } .module-featured.background:after { top: 50px; bottom: 55px; background: var(--white); } .module-featured.background > * { max-width: 612px; margin-left: auto; margin-right: auto; } .module-featured.background + .double { margin-top: -23px; } #root .module-featured figure.background { z-index: -4; max-width: none; } #root .module-featured figure.background ~ .background { z-index: -3; } #root .module-featured figure.background.top { z-index: -2; } #root .module-featured figure.foreground { overflow: hidden; position: absolute; right: 0; top: 0; bottom: -50px; left: auto; z-index: -1; width: auto; margin: 0; } .module-featured figure.background.overlay:before { background: -moz-linear-gradient(top, rgba(0,0,0,0.54) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.54) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.54) 0%,rgba(0,0,0,1) 100%); } .module-featured.static { min-height: 290px; margin-left: 0; margin-right: 0; padding: 44px 32px 32px 274px; } .module-featured.static:before { left: 0; right: 0; top: 0; bottom: 0; } .module-featured.static:after { left: 0; right: 0; top: 10px; bottom: 10px; } .module-featured.static figure { left: 32px; top: 44px; bottom: 44px; width: 202px; min-height: 202px; background: var(--white); } .module-featured.static figure img, .module-featured.static figure video { width: auto !important; } .module-featured.text-center { max-width: 720px; margin-left: auto; margin-right: auto; /*margin-bottom: 63px;*/ padding: 31px 40px 16px; } .module-featured.text-center:before { left: -8px; right: -8px; top: 14px; bottom: 14px; } .module-featured.text-center > * { max-width: 536px; margin-left: auto; margin-right: auto; } .module-featured.text-center > figure:first-child { max-width: 80px; min-height: 80px; margin: -63px auto 10px; } .module-featured.text-center > figure:first-child img, #root .module-featured figure.foreground img { width: auto !important; height: auto !important; } .module-featured.text-center figure { position: relative; left: 0; top: 0; bottom: 0; width: auto; max-width: none; margin: 0; } .module-featured.text-center h1, .module-featured.text-center h2, .module-featured.text-center h3, .module-featured.text-center h4, .module-featured.text-center h5, .module-featured.text-center h6 { margin-bottom: 12px; } .module-featured.text-center .link-btn, .module-featured.background .link-btn { max-width: none; margin-top: 23px; margin-left: 0; margin-right: -16px; } .module-featured.text-center, .module-landing + .module-featured.text-center { margin-top: 84px; } .module-wide .module-featured { color: var(--black); } .module-wide .module-featured:last-child { margin-bottom: 15px; } .module-wide .module-featured h1, .module-wide .module-featured h2, .module-wide .module-featured h3, .module-wide .module-featured h4, .module-wide .module-featured h5, .module-wide .module-featured h6, .module-wide .module-featured .heading { color: var(--coal); } .module-wide .module-featured p { max-width: 612px; } .module-wide .module-featured.text-center:before { background: var(--white); opacity: .5; } .module-wide .module-featured.text-center:after { background: var(--white); } .module-featured.welcome { padding: 79px 310px 59px 0; line-height: 1.4444444444; text-align: left; } .module-featured.welcome h1, .module-featured.welcome h2, .module-featured.welcome h3, .module-featured.welcome h4, .module-featured.welcome h5, .module-featured.welcome h6 { margin: 44px 0 20px; color: var(--white); font-size: 42px; line-height: 1.1428571429; } .module-featured.welcome h1 span, .module-featured.welcome h2 span, .module-featured.welcome h3 span, .module-featured.welcome h4 span, .module-featured.welcome h5 span, .module-featured.welcome h6 span { display: block; margin-top: 15px;font-size: 0.6666666667em; } .module-featured.welcome h1 span:not([class*="overlay-"]), .module-featured.welcome h2 span:not([class*="overlay-"]), .module-featured.welcome h3 span:not([class*="overlay-"]), .module-featured.welcome h4 span:not([class*="overlay-"]), .module-featured.welcome h5 span:not([class*="overlay-"]), .module-featured.welcome h6 span:not([class*="overlay-"]) { color: var(--mint); } .module-featured.welcome h1:first-child, .module-featured.welcome h2:first-child, .module-featured.welcome h3:first-child, .module-featured.welcome h4:first-child, .module-featured.welcome h5:first-child, .module-featured.welcome h6:first-child, .module-featured.welcome footer:first-child { margin-top: 0; } .module-featured.welcome h1 + h2 { margin-top: -5px; color: var(--mint); font-size: 28px; } .module-featured.welcome footer { margin-top: 44px; } .module-featured.welcome p { max-width: 720px; margin-bottom: 20px; font-size: 18px; } #root .module-featured.welcome .double, #root .module-featured.welcome .double > * { position: static; } #root .module-featured.welcome .scheme-box { position: absolute; right: 0; top: 50%; /*width: 276px;*/ } #root .module-featured.welcome .scheme-box.align-bottom { top: auto; bottom: 85px; -webkit-transform: none; transform: none; } #root .module-featured.welcome .double .scheme-box { position: relative; top: 0; bottom: 0; -webkit-transform: none; transform: none; } #root .module-featured.welcome .scheme-box.inline, #root .module-featured.welcome .scheme-box.inline a { display: block; max-width: 184px; text-align: right; } #root .module-featured.welcome .scheme-box.inline .img { min-height: 77px; margin: 15px 0 0; padding: 14px; background: var(--white); } #root .module-featured.welcome.w905 .scheme-box { right: -97px; } #root .module-featured.welcome.w905 .scheme-box.inline, #root .module-featured.welcome.w905 .scheme-box.inline a { max-width: 240px; } #root .module-featured.welcome.w905 .scheme-box.inline .img { min-height: 100px; } /*#root .module-featured.welcome .double .scheme-box { position: relative; top: 0; width: auto;}*/ .module-featured.welcome .list-logo li:first-child:last-child { width: 216px; max-width: none; } .module-featured.welcome:not(.text-center) .list-logo li:first-child:last-child { margin-right: auto; } .nav-breadcrumbs + .module-featured.welcome { margin-top: 16px; } .module-featured.welcome + .form-tabs { margin-top: -21px; } #root #content > .module-featured.welcome:last-child, #root #content > .module-featured.welcome.m25:last-child { margin-bottom: 0; } .module-featured.welcome.a { max-width: none; padding-top: 59px; padding-bottom: 34px; padding-right: 0; padding-left: 0; } .module-featured.welcome.a:before { z-index: -4; } .module-featured.welcome.a h1, .module-featured.welcome.a h2, .module-featured.welcome.a h3, .module-featured.welcome.a h4, .module-featured.welcome.a h5, .module-featured.welcome.a h6 { max-width: none; } .module-featured.welcome.b { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .module-featured.welcome.b h1, .module-featured.welcome.b h2, .module-featured.welcome.b h3, .module-featured.welcome.b h4, .module-featured.welcome.b h5, .module-featured.welcome.b h6 { max-width: none; font-size: 28px; } .module-featured.welcome.b h1 span, .module-featured.welcome.b h2 span, .module-featured.welcome.b h3 span, .module-featured.welcome.b h4 span, .module-featured.welcome.b h5 span, .module-featured.welcome.b h6 span { display: inline; margin: 0; padding: 0; font-size: 1em; } .module-featured.welcome.b.w720 { margin-left: auto; margin-right: auto; } .module-featured.welcome.c { padding: 50px 320px 30px 0; } #root .module-featured.welcome.c .scheme-box { padding-left: 20px; padding-right: 20px; border-radius: 3px; background: rgba(217,217,217,.95); } .module-featured.welcome.d { max-width: none; padding: var(--pd) 0 calc(var(--pd) - var(--mr_main)); font-size: 18px; --fll: right; --maw: min(680px, calc(100% - var(--iw) - 30px)); --iw: 415px; --pd: 45px; } .module-featured.welcome.d:before { z-index: -2; background: var(--coal); } .module-featured.welcome.d:after { background: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0.00) 0%, var(--black) 100%); opacity: .2; } .module-featured.welcome.d > * { max-width: var(--maw); margin-left: 0; margin-right: 0; } .module-featured.welcome.d h1, .module-featured.welcome.d h2, .module-featured.welcome.d h3, .module-featured.welcome.d h4, .module-featured.welcome.d h5, .module-featured.welcome.d h6 { margin-bottom: var(--mr_main); font-size: 28px; } .module-featured.welcome.d > figure { overflow: hidden; position: absolute; left: auto; right: calc(-50vw + var(--glw) * 0.5); top: 0; bottom: 0; width: calc(var(--iw) + 50vw - var(--glw) * 0.5); max-width: none; margin: 0; text-align: right; } .module-featured.welcome.d > figure picture, .module-featured.welcome.d > figure img { float: var(--fll); width: auto !important; height: auto !important; } .module-featured.welcome.d.inv { padding-left: calc(var(--iw) + 30px); --fll: left; --maw: none; --iw: 213px; } .module-featured.welcome.d.inv > figure { right: auto; left: calc(-50vw + var(--glw) * 0.5); } .module-featured.welcome.text-center { max-width: none; padding: 43px 0 11px; text-align: center; } .module-featured.welcome.text-center > * { max-width: none; margin-left: auto; margin-right: auto; } .module-featured.welcome.text-center > .list-logo.plain { margin-left: -16px; margin-right: 0; } #root .module-featured.welcome.text-center > .link-btn { max-width: none; margin-left: 0; margin-right: -16px; } .module-featured.welcome.text-center h1, .module-featured.welcome.text-center h2, .module-featured.welcome.text-center h3, .module-featured.welcome.text-center h4, .module-featured.welcome.text-center h5, .module-featured.welcome.text-center h6, .module-featured.welcome .s28 { font-size: 28px; line-height: 1.3571428571; } .module-featured.welcome.text-center h1 + .link-btn, .module-featured.welcome.text-center h2 + .link-btn, .module-featured.welcome.text-center h3 + .link-btn, .module-featured.welcome.text-center h4 + .link-btn, .module-featured.welcome.text-center h5 + .link-btn, .module-featured.welcome.text-center h6 + .link-btn { margin-top: 36px; } .module-featured.welcome.text-center figure { width: 184px; max-width: none; height: 77px; margin: 0 auto 36px; background: var(--white); } .module-featured.welcome.text-center figure.background { max-width: none; width: auto; height: auto; background: none; } .module-featured .list-cols { position: relative; z-index: 2; margin-top: 32px; margin-left: -16px; color: var(--black); font-size: 16px; line-height: 1.5; text-align: left; } .module-featured .list-cols:first-child { margin-top: 0; } .module-featured .list-cols:last-child, .module-featured .list-cols:nth-last-child(2) { margin-bottom: -85px; } .module-featured .list-cols:last-child:before, .module-featured .list-cols:nth-last-child(2):before { top: 95px; background: var(--white); } .module-featured .list-cols li { position: relative; z-index: 2; padding: 28px 28px 4px; border-left-width: 16px; } .module-featured .list-cols li:before { box-shadow: 0 3px 6px rgba(112,144,176,0.101); background: var(--white); } [data-whatintent="mouse"] .module-featured .list-cols li:hover:before { box-shadow: 0 4px 10px rgba(112,144,176,0.101); } #root .module-featured p:not(.scheme-box) { font-size: 1em; } #root .module-featured .list-cols figure { margin: -28px -28px var(--mr_main); } .module-featured .list-cols h1, .module-featured .list-cols h2, .module-featured .list-cols h3, .module-featured .list-cols h4, .module-featured .list-cols h5, .module-featured .list-cols h6 { min-height: 60px; margin: 0 0 12px; color: var(--coal); font-size: 20px; line-height: 1.5; } .module-featured .list-cols h1 a:before, .module-featured .list-cols h2 a:before, .module-featured .list-cols h3 a:before, .module-featured .list-cols h4 a:before, .module-featured .list-cols h5 a:before, .module-featured .list-cols h6 a:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; } .module-featured .list-cols h1 a, .module-featured .list-cols h2 a, .module-featured .list-cols h3 a, .module-featured .list-cols h4 a, .module-featured .list-cols h5 a, .module-featured .list-cols h6 a { text-decoration: none; } [data-whatintent="mouse"] .module-featured .list-cols h1 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h2 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h3 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h4 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h5 a:hover, [data-whatintent="mouse"] .module-featured .list-cols h6 a:hover { color: var(--mint); text-decoration: underline; } .module-featured.wide { max-width: none; } .module-fixed { position: fixed; left: 50%; bottom: 0; z-index: 91 !important; width: var(--glw); height: 72px; margin: 0 0 0 calc(0px - var(--glw) * 0.5); color: var(--white); font-family: var(--font_headers); font-weight: 700; font-size: 16px; text-transform: uppercase; } .module-fixed:before { box-shadow: 0 4px 20px rgba(112,144,176,0.301); background: var(--btn_def); } .module-fixed a, .module-fixed button { margin: 0 0 0 25px; } .module-fixed button { min-width: 184px; height: 48px; padding-top: 0; padding-bottom: 0; border-width: 0; background: var(--white); color: var(--btn_def); } #root .module-fixed button:active { color: var(--white); } .module-fixed i { display: inline-block; position: relative; top: .075em; margin: 0 3px 0 0; line-height: 1px; } .module-fixed .icon-check:before { content: "\e959"; } .has-module-fixed #root { border-bottom: 72px solid rgba(0,0,0,0); } .module-has-background { position: relative; z-index: 2; } .module-has-background > .background img, .module-has-background > .background video, .module-has-background > .background iframe { -o-object-fit: contain; object-fit: contain; -o-object-position: center 0; object-position: center 0;} .module-header { position: relative; z-index: 3; padding: 41px 0 29px; color: var(--white); --hz: 48px; --hm: 18px; } .module-header:not(.a):before { z-index: -2; background: var(--night); } #content > .module-header:first-child, #content > .mobile-switch:first-child > .module-header:first-child, #content > .media-overlay:first-child { margin-top: -16px; } .theme-compact #content > .module-header:first-child, .theme-compact #content > .mobile-switch:first-child > .module-header:first-child, .theme-compact #content > .media-overlay:first-child, .theme-compact #content > .module-welcome:first-child { margin-top: -24px; } .module-header h1, .module-header h2, .module-header h3, .module-header h4, .module-header h5, .module-header h6 { margin: 0 0 var(--hm); color: inherit; font-size: var(--hz); font-weight: 900; line-height: 1; text-transform: uppercase; } .module-header > div { position: relative; max-width: 640px; margin: 32px 0 37px; padding: 36px 40px 16px 46px; box-shadow: 0 4px 20px rgba(112,144,176,.301); background: var(--white); color: var(--black); } .module-header > div h1, .module-header > div h2, .module-header > div h3, .module-header > div h4, .module-header > div h5, .module-header > div h6 { margin-bottom: 21px; color: var(--mint); font-size: 28px; font-weight: 700; line-height: 1.3571428571; text-transform: none; } .module-header > div p { max-width: 536px; } .module-header > div .link-btn:last-child { margin-bottom: 16px; } #root .module-header > div .scheme-box { display: block; position: absolute; right: -460px; top: 50%; width: 276px; padding: 18px 20px 25px 16px; background: var(--white); font-size: 14px; text-align: right; text-transform: none; } .module-header .scheme-box a { display: block; } .module-header .scheme-box .img { display: block; margin-top: 13px; margin-left: 0; margin-right: 0; } .module-header > i { display: block; margin-bottom: 32px; font-size: 74px; line-height: 74px; } .module-header + * { margin-top: 26px; } .module-header .link-btn a { min-width: 0; } .module-header span.scheme-rating { margin-right: 10px; } .module-header.a { padding: 62px 0 0; --hz: 52px; --hm: 22px; --btn_dist: 30px; --btn_dist2: 16px; --ff: var(--font_content); } .module-header.a .link-btn + p:not(.scheme-box) { margin-top: 10px; } .module-header.a > *:not(.link-btn) { max-width: 720px; margin-left: auto; margin-right: auto; } .module-header.a > p:not([class]) { max-width: 620px; } .module-header.a h1, .module-header.a h2, .module-header.a h3, .module-header.a h4, .module-header.a h5, .module-header.a h6 { font-weight: 700; line-height: 1.1923076923; text-transform: none; } .module-header.a h1 + p, .module-header.a h2 + p, .module-header.a h3 + p, .module-header.a h4 + p, .module-header.a h5 + p, .module-header.a h6 + p { font-weight: 700; font-size: 20px; line-height: 1.5; font-family: var(--ff); } .module-inpage { position: relative; z-index: 3; min-height: 412px; margin: var(--mr) 0; padding: .1px 0; font-size: 18px; line-height: var(--lh_main); --h1s: 34px; --h1w: 800; --h1l: 1.2; --h1m: 14px; --inp: 45px; --bxp: 30px; --mr: 66px; --w: 680px; } .module-inpage:before { z-index: -2; background: var(--coal); } .module-inpage .content { padding: var(--inp) 0 calc(var(--inp) - var(--mr_main)); } .module-inpage .link-btn { margin-bottom: calc(var(--mr_main) - 16px); } .module-inpage .double { position: static; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-align-items: flex-start; align-items: flex-start; } .module-inpage:not(.box) .double { -webkit-align-items: center; align-items: center; } .module-inpage .double > * { position: relative; z-index: 2; margin-right: auto; -webkit-flex-shrink: initial; -ms-flex-shrink: initial; flex-shrink: initial; } .module-inpage .double > *:not(figure) { z-index: 8; width: var(--w); min-width: var(--w); max-width: var(--w); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .module-inpage .double > figure { position: absolute; right: -50px; bottom: 0; margin-bottom: 0; padding-top: 45px; -webkit-align-self: flex-end; align-self: flex-end; } h1 + .module-inpage, h2 + .module-inpage, h3 + .module-inpage, h4 + .module-inpage, h5 + .module-inpage, h6 + .module-inpage, .module-inpage:first-child, .module-inpage header h1, .module-inpage header h2, .module-inpage header h3, .module-inpage header h4, .module-inpage header h5, .module-inpage header h6 { margin-top: 0; } .module-inpage header h1:first-child, .module-inpage header h2:first-child, .module-inpage header h3:first-child, .module-inpage header h4:first-child, .module-inpage header h5:first-child, .module-inpage header h6:first-child { margin-bottom: var(--h1m); font-weight: var(--h1w); line-height: var(--h1l); } .module-inpage header h1:not([class*="s"]):first-child, .module-inpage header h2:not([class*="s"]):first-child, .module-inpage header h3:not([class*="s"]):first-child, .module-inpage header h4:not([class*="s"]):first-child, .module-inpage header h5:not([class*="s"]):first-child, .module-inpage header h6:not([class*="s"]):first-child { font-size: var(--h1s); } .module-inpage header h1, .module-inpage header h2, .module-inpage header h3, .module-inpage header h4, .module-inpage header h5, .module-inpage header h6, .module-inpage header { margin-bottom: 18px; font-weight: 700; line-height: 1.1428571429; } .module-inpage header h1:not([class*="s"]), .module-inpage header h2:not([class*="s"]), .module-inpage header h3:not([class*="s"]), .module-inpage header h4:not([class*="s"]), .module-inpage header h5:not([class*="s"]), .module-inpage header h6:not([class*="s"]) { font-size: 24px; } #root .module-inpage .scheme-box { margin: 6px 0 22px; background: none; color: var(--coal); } .module-inpage .scheme-box:after { border-radius: 3px; background: var(--white); opacity: .77; } #root .module-inpage .scheme-box a { color: inherit; } #root .module-inpage > .scheme-box { position: absolute; right: 0; bottom: 19.5%; z-index: 7; margin: 0; } #content > .module-inpage:first-child { margin-top: -16px; } .module-inpage:not(.box), .module-inpage:not(.box) h1, .module-inpage:not(.box) h2, .module-inpage:not(.box) h3, .module-inpage:not(.box) h4, .module-inpage:not(.box) h5, .module-inpage:not(.box) h6, .module-inpage:not(.box) p:not(.link-btn, .scheme-box) a { color: var(--white); } .module-inpage:not(.box) header h1:not(:first-child), .module-inpage:not(.box) header h2:not(:first-child), .module-inpage:not(.box) header h3:not(:first-child), .module-inpage:not(.box) header h4:not(:first-child), .module-inpage:not(.box) header h5:not(:first-child), .module-inpage:not(.box) header h6:not(:first-child), .module-inpage:not(.box) header p { color: var(--mint); } .module-inpage.box .content { padding: calc(var(--inp) + var(--bxp)) var(--bxp) calc(var(--inp) + var(--bxp) - var(--mr_main)); } .module-inpage.box .content:before { top: var(--inp); bottom: var(--inp); border-radius: 3px; background: var(--white); } #root .module-inpage.box .content .scheme-box { padding: 0; } .module-landing { position: relative; z-index: 2; margin: 66px 0 33px; color: var(--black); font-size: 16px; line-height: 1.5; --hm: 16px; } .module-landing h1, .module-landing h2, .module-landing h3, .module-landing h4, .module-landing h5, .module-landing h6 { margin: 0 0 var(--hm); font-size: 24px; line-height: 1.4583333333; } .module-landing header { max-width: 930px; margin-bottom: 28px; padding-right: 210px; } .module-landing footer { position: absolute; right: 0; top: 40px; } .module-landing .list-btn.a { margin-top: 0; padding-top: 0; } .module-landing .list-btn.a li { width: 33.33333333%; } .module-landing + * { margin-top: 55px; } /*.module-landing + .module-landing { margin-top: 0; padding-top: 56px; border-top: 2px solid var(--venus); }*/ .module-landing.aside + .module-landing { padding-top: 0; border-top-width: 0; } .module-landing.aside { padding-left: 368px; } .module-landing.aside > * { position: relative; z-index: 3; float: right; clear: right; width: 100%; } .module-landing.aside > .list-btn { width: calc(100% + 16px); } .module-landing.aside > .list-btn.b { margin-top: 0; padding-top: 42px; border-top-width: 0; } .module-landing.aside > header { z-index: 1; float: left; width: 352px; margin: -3px 0 0 -368px; padding: 0 0 76px; } .module-landing.aside > footer { position: absolute; left: 0; bottom: -17px; top: auto; z-index: 2; } .module-landing.aside .list-btn.a li { width: 50%; } .module-landing.aside .double { width: 100%; } .module-landing.aside .double > * { max-width: 352px; margin-top: 0; } .module-landing.aside .double > figure { margin-bottom: 15px; } .module-landing.aside .double .list-btn { margin-left: 0; } .module-landing.aside .double .list-btn.a li { width: 100%; border-left-width: 0; } .module-landing.aside + * { margin-top: 39px; } .module-landing.aside + h1, .module-landing.aside + h2, .module-landing.aside + h3, .module-landing.aside + h4, .module-landing.aside + h5, .module-landing.aside + h6, .module-landing.aside + * > h1:first-child, .module-landing.aside + * > h2:first-child, .module-landing.aside + * > h3:first-child, .module-landing.aside + * > h4:first-child, .module-landing.aside + * > h5:first-child, .module-landing.aside + * > h6:first-child { margin-top: 41px; } .module-landing.aside.a { padding-left: 552px; font-size: 18px; line-height: var(--lh_main); } .module-landing.aside.a > header { width: 444px; margin-left: -552px; } .module-note { position: relative; z-index: 2; float: left; width: 230px; margin: 8px 45px 14px -185px; padding: 12px 17px 6px; color: var(--black); line-height: 1.5; text-align: left; } [data-whatintent="mouse"] .module-note:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .module-note a:before { box-shadow: 0 1px 2px rgba(112,144,176,0.4); background: var(--press); } [data-whatintent="mouse"] .module-note a:before { box-shadow: 0 8px 20px rgba(112,144,176,0.2); } [data-whatintent="mouse"] .module-note a:after { bottom: -5px; } #root .module-note figure { margin: -12px -17px 12px; } .module-note h1, .module-note h2, .module-note h3, .module-note h4, .module-note h5, .module-note h6 { margin: 0 0 8px; font-size: 20px; line-height: 1.5; } .module-note p { margin-bottom: 9px; font-size: 16px; } .module-note p a { display: block; overflow: hidden; padding-right: 30px; color: var(--btn_def); font-family: var(--font_headers); font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: right; } .module-note p a i { display: block; position: relative; top: .2em; float: right; margin-right: -30px; } .module-note.text-right { float: right; margin-right: -185px; margin-left: 45px; text-align: left; } .module-register { position: relative; z-index: 3; margin: 0 0 46px -15px; padding: 64px 0 59px; color: var(--white); font-size: 20px; line-height: 1.4; --hp: 36px; --hz: 50px; } .module-register:before { z-index: -2; background: var(--mint); } .module-register > * { position: relative; z-index: 1232; float: left; width: 443px; margin: 0 0 15px; padding: 40px 42px 12px; border-left: 15px solid rgba(0,0,0,0); } .module-register > *:before { background: var(--fiord); } .module-register > header, .module-register > *:last-child { float: none; clear: both; width: 100%; } .module-register > header { width: calc(100% + 15px); margin: 0 -15px 0 0; padding: 0; font-family: var(--font_headers); line-height: 1.2222222222; text-align: center; } .module-register > header > * { margin: 0 15px 15px 0; } .module-register > header h1, .module-register > header h2, .module-register > header h3, .module-register > header h4, .module-register > header h5, .module-register > header h6, .module-register > header .heading { padding: var(--hp); border: 4px solid var(--coal); background: var(--white); font-size: var(--hz); line-height: 1.12; text-transform: none; } .module-register > header h1 span, .module-register > header h2 span, .module-register > header h3 span, .module-register > header h4 span, .module-register > header h5 span, .module-register > header h6 span, .module-register > header .heading span { display: inline-block; margin: 0; padding: 0; color: var(--perfume); font-size: 1em; } .module-register h1 a, .module-register h2 a, .module-register h3 a, .module-register h4 a, .module-register h5 a, .module-register h6 a, .module-register .heading a { font-weight: inherit; } .module-register > header p { min-width: 194px; margin-bottom: 15px; padding: 3px 0 1px; border: 4px solid var(--coal); background: var(--coal); font-weight: 700; font-size: 20px; text-transform: uppercase; } .module-register > header p span { display: block; margin: 8px 0 9px; padding: 7px 0 3px; background: var(--white); color: var(--coal); font-size: 2.4em; line-height: 1; } .module-register > header p span span { display: inline; position: relative; top: -.15em; margin: 0 0 0 2px; padding: 0; background: none; font-size: 0.6666666667em; text-transform: none; } /*.module-register ul {}*/ .module-register ul li { margin-bottom: 20px; } .module-register ul li:after { background: var(--white); } .module-register > .module-box { float: none; width: 100%; max-width: 735px; margin-bottom: 90px; color: var(--coal); --pd: 46px; --pt: 24px; --pb: 28px; } .module-register > .module-box header { margin: -24px calc(0px - var(--pd)) 24px; padding: 28px var(--pd) 4px; border-radius: 6px 6px 0 0; background: var(--coal); color: var(--white); } .module-register > .module-box header h1, .module-register > .module-box header h2, .module-register > .module-box header h3, .module-register > .module-box header h4, .module-register > .module-box header h5, .module-register > .module-box header h6 { color: inherit; font-size: 36px; } .module-register > .module-box:before { box-shadow: 2px 3px 0 rgba(0,0,0,0.2); border: 4px solid var(--coal); background: var(--white); } .module-register > .module-box:after { bottom: -44px; top: -34px; z-index: -2; width: 150vw; margin-left: -75vw; background: var(--mint); opacity: .8; } .module-register > .module-box .link-btn a { min-width: 0; } #root .module-register > footer { float: right; clear: none; width: calc(100% - 443px); padding: 41px 60px 6px 40px; font-weight: 700; font-size: 36px; font-family: var(--font_headers); line-height: 1.2222222222; } .module-register > footer:before { background: var(--indigo); } .module-register > footer .strong { color: var(--aqua); font-weight: 700; text-transform: uppercase; } .module-register .link-btn { margin-top: 33px; } .module-register .link-btn a, .module-header:not(.a) .link-btn a { min-width: 0; padding: 15px; font-size: 14px; } .module-register .link-btn a { min-width: 177px; } .module-register > figure { margin: 0; padding: 0; } .module-register p { margin-bottom: 28px; } #content > .module-register:last-child { margin-bottom: 0; } /*.module-register.a {}*/ .module-register.a > *:before { background: var(--perfume); } .module-register.a > footer:before { background: var(--burst); } .module-results { position: relative; z-index: 2; margin: 0 0 152px; padding: 50px 0 38px; color: var(--mint); font-family: var(--font_headers); font-weight: 700; font-size: 28px; line-height: 1.35714285714; --hm: 16px; --hz: 42px; } .module-results h1, .module-results h2, .module-results h3, .module-results h4, .module-results h5, .module-results h6 { margin: 0 0 var(--hm); color: var(--white); font-size: var(--hz); } .module-results .background:before { background: var(--coal); } .module-results p { max-width: 444px; } .module-results .list-results { margin-bottom: -185px; } .nav-breadcrumbs + .module-results { margin-top: -34px; } .module-scroll { overflow: hidden; position: relative; z-index: 2; } .module-scroll:before { display: none; top: auto; height: 50px; border-bottom: 24px solid var(--white); background: rgba(255,255,255,.63); } #root .module-scroll .strong:last-child { display: none; position: absolute; right: 6px; bottom: 0; z-index: 10; margin: 0; } #root .module-scroll .strong:last-child a, #root .module-scroll a.strong { display: block; position: relative; padding: 0 20px 0 0; color: var(--mint); font-size: 12px; font-family: var(--font_headers); font-weight: 700; text-transform: uppercase; text-decoration: none; } #root .module-scroll .strong:last-child a:before, .module-scroll a.strong:before { content: "\e90e"; left: auto; font-size: 6px; } .module-scroll .expand { display: none; position: absolute; left: 0; right: 0; bottom: 0; z-index: 11; height: 18px; margin: 0; } .module-scroll.long { height: 88px; margin-bottom: 14px; } .module-sponsors { position: relative; z-index: 2; margin: 0 0 46px; padding: 50px 0; text-align: center; --of: 350px; --dist_li: 24px; --dist_li_2: 35px; --hz: 18px; } .module-sponsors:before { box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .module-sponsors h1, .module-sponsors h2, .module-sponsors h3, .module-sponsors h4, .module-sponsors h5, .module-sponsors h6 { margin: 0 0 30px; color: var(--mint); font-size: var(--hz); } .module-sponsors > header h1, .module-sponsors > header h2, .module-sponsors > header h3, .module-sponsors > header h4, .module-sponsors > header h5, .module-sponsors > header h6, .module-sponsors.cols h1, .module-sponsors.cols h2, .module-sponsors.cols h3, .module-sponsors.cols h4, .module-sponsors.cols h5, .module-sponsors.cols h6 { margin-bottom: 10px; } .module-sponsors .list-logo { min-height: 0; margin: 0 0 20px calc(0px - var(--dist_li)); padding: 0; } .module-sponsors .list-logo li, #root .module-sponsors.cols .list-logo li { width: 16.6666666667%; margin: var(--dist_li_2) 0 0; border-left-width: var(--dist_li); } #root .module-sponsors .list-logo li:first-child:last-child { width: auto; } .module-sponsors .list-logo img { max-width: 100% !important; } .module-sponsors + .module-wide { margin-top: 0; } .module-sponsors.cols { padding-left: var(--of); text-align: left; } .module-sponsors.cols > * { width: 100%; border-width: 0; } .module-sponsors.cols > header { width: var(--of); margin-left: calc(0px - var(--of)); padding-right: var(--dist_li); } #root .module-sponsors.cols .list-logo li { /*width: 25%;*/ width: auto; max-width: 33.33333333333%; min-height: 100px; } #root .module-sponsors.cols .list-logo li:first-child:last-child { width: 100%; max-width: none; margin-right: auto; } .module-sponsors.a { margin-bottom: 0; padding-top: .1px; padding-bottom: 30px; --of: 315px; --dist_li: 20px; --dist_li_2: var(--dist_li); } /*.module-sponsors.a:before { box-shadow: none; border-bottom: 40px solid var(--coal); }*/ #root .module-sponsors.a .list-logo li { min-height: 78px; padding: 16px; } .module-sponsors.a .list-logo li:before { background: var(--white); } .module-sponsors.module-wide { padding-top: 44px; } .module-sticky { position: relative; z-index: 9; margin: 0 0 26px; padding: 16px 0 .1px; } .module-sticky:before { box-shadow: 0 1px 2px rgba(112,144,176,.4); background: var(--white); } .module-sticky .list-inline { margin: 0 -36px 0 0; color: var(--mint); font-weight: 700; font-family: var(--font_headers); text-transform: uppercase; } .module-sticky .list-inline li { margin: 0 36px 16px 0; font-size: 14px; } .module-sticky .list-inline i { display: inline-block; position: relative; top: .25em; z-index: 2; margin: -30px 8px 0 0; font-size: 1.8571428571em; line-height: 1px; } .module-sticky .list-inline i[class*="people-"] { top: .35em; font-size: 2.8571428571em; } .module-sticky .list-inline i[class*="duration-"]:after { content: "\e931"; position: absolute; left: 0; bottom: 0; z-index: -1; color: var(--press); } .module-sticky.scroll-to-fixed-fixed .list-inline i { top: .1em; margin-right: 5px; font-size: 16px; } .module-sticky.scroll-to-fixed-fixed .list-inline i[class*="people-"] { top: .1em; margin-right: 4px; font-size: 16px; } .module-sticky.scroll-to-fixed-fixed .list-inline i[class*="people-"]:before { content: "\e92a"; } .module-sticky.scroll-to-fixed-fixed .list-inline i[class*="duration-"]:before { content: "\e938"; } .module-sticky .form-sort p { margin-bottom: 16px; } .module-sticky.scroll-to-fixed-fixed + div[style] { margin-bottom: 26px; } .module-timeline { position: relative; z-index: 3; padding: 42px 0 54px; } /*.module-timeline:before { z-index: -2; background: var(--cloudy); }*/ .module-timeline header { position: relative; z-index: 2; max-width: 720px; margin: 0 auto 54px; font-size: 18px; line-height: var(--lh_main); text-align: center; } .module-timeline header:before, .module-timeline header:after { content: "\e980"; top: 0; z-index: -1; margin: 0; color: var(--mint); font-size: 92px; line-height: 1; opacity: .45; } .module-timeline header:before { right: auto; left: -65px; top: 100px; } .module-timeline header:after { left: auto; right: -65px; top: 170px; } .module-timeline header:after { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .module-timeline header h1, .module-timeline header h2, .module-timeline header h3, .module-timeline header h4, .module-timeline header h5, .module-timeline header h6 { margin-bottom: 40px; font-weight: 800; font-size: 95px; font-style: italic; line-height: 0.9473684211; text-transform: uppercase; } .module-timeline header h1 span, .module-timeline header h2 span, .module-timeline header h3 span, .module-timeline header h4 span, .module-timeline header h5 span, .module-timeline header h6 span { display: block; position: relative; z-index: 2; padding: 0 24px; color: var(--white); } .module-timeline header h1 span:not(.small):before, .module-timeline header h2 span:not(.small):before, .module-timeline header h3 span:not(.small):before, .module-timeline header h4 span:not(.small):before, .module-timeline header h5 span:not(.small):before, .module-timeline header h6 span:not(.small):before { content: ""; display: block; position: absolute; left: 10px; right: 10px; top: 0; bottom: 0; z-index: -1; background: var(--firefly); } .module-timeline header h1 span:not(.small):before, .module-timeline header h2 span:not(.small):before, .module-timeline header h3 span:not(.small):before, .module-timeline header h4 span:not(.small):before, .module-timeline header h5 span:not(.small):before, .module-timeline header h6 span:not(.small):before { -webkit-transform: skewX(-6deg); transform: skewX(-6deg); } .module-timeline header h1 span.em:before, .module-timeline header h2 span.em:before, .module-timeline header h3 span.em:before, .module-timeline header h4 span.em:before, .module-timeline header h5 span.em:before, .module-timeline header h6 span.em:before { background: var(--coal); } .module-timeline header h1 span.small, .module-timeline header h2 span.small, .module-timeline header h3 span.small, .module-timeline header h4 span.small, .module-timeline header h5 span.small, .module-timeline header h6 span.small { margin: 0 0 13px; font-size: 52px; font-style: normal; line-height: 1; font-weight: 800; } .module-timeline header h1 span.small span, .module-timeline header h2 span.small span, .module-timeline header h3 span.small span, .module-timeline header h4 span.small span, .module-timeline header h5 span.small span, .module-timeline header h6 span.small span { padding: 0 12px; } .module-timeline header h1 span.small span:before, .module-timeline header h2 span.small span:before, .module-timeline header h3 span.small span:before, .module-timeline header h4 span.small span:before, .module-timeline header h5 span.small span:before, .module-timeline header h6 span.small span:before { left: 0; right: 0; background: var(--mint); } .module-timeline header h1 span.small span:before, .module-timeline header h2 span.small span:before, .module-timeline header h3 span.small span:before, .module-timeline header h4 span.small span:before, .module-timeline header h5 span.small span:before, .module-timeline header h6 span.small span:before { -webkit-transform: none; transform: none; } .module-timeline footer { position: relative; z-index: 2; width: 100%; max-width: 858px; margin: 0 auto 24px; padding: 40px 20px 117px; background: var(--coal); color: var(--white); font-size: 18px; line-height: var(--lh_main); text-align: center; } .module-timeline footer > * { max-width: 720px; margin-left: auto; margin-right: auto; } .module-timeline footer:before { content: "\e904"; top: auto; bottom: 34px; margin: 0; color: var(--mint); font-size: 66px; line-height: 1; } .module-welcome { position: relative; z-index: 3; margin: 0 0 46px; padding: 78px var(--pd) 46px 0; color: var(--white); line-height: 1.4444444444; --bg: var(--coal); --bg_op: 1; --pd: 440px; --hz: 64px; } .module-welcome:before, .module-wide:before { z-index: -2; background: var(--bg); opacity: var(--bg_op); } .module-welcome h1, .module-welcome h2, .module-welcome h3, .module-welcome h4, .module-welcome h5, .module-welcome h6 { margin-bottom: 28px; color: var(--white); font-size: var(--hz); font-weight: 700; line-height: 1; } .module-welcome h1 .small, .module-welcome h2 .small, .module-welcome h3 .small, .module-welcome h4 .small, .module-welcome h5 .small, .module-welcome h6 .small { display: block; margin-top: 29px; color: var(--mint); font-size: 24px; } .module-welcome h1 + h2, .module-welcome h1 + p { margin-top: -10px; margin-bottom: 15px; font-size: 28px; line-height: 1.1428571429; letter-spacing: normal; } #root .module-welcome .scheme-box { display: block; overflow: hidden; position: absolute; right: 0; top: 84px; z-index: 2; width: 276px; height: 113px; padding: 17px 20px .1px; font-size: 14px; } #root .module-welcome .scheme-box:not(.square) { text-transform: none; text-align: right; } .module-welcome .scheme-box a { display: block; } .module-welcome .scheme-box .img { display: block; position: absolute; left: 0; right: 0; top: 29px; bottom: 5px; z-index: -1; margin: 0; background: var(--white); text-align: center; } .module-welcome .scheme-box img { display: block; margin: 0 auto; } #root .module-welcome .scheme-box.square { height: auto; padding: 20px; } #root .module-welcome .scheme-box.square .img { position: relative; top: 0; bottom: 0; } .module-welcome .link-btn { margin-bottom: 19px; } .module-welcome h1 + p, .module-welcome h2 + p, .module-welcome h3 + p, .module-welcome h4 + p, .module-welcome h5 + p, .module-welcome h6 + p { margin-bottom: 25px; color: var(--mint); font-weight: 700; font-family: var(--font_headers); line-height: 1.1428571429; } .module-welcome li:after { background: var(--white); } .module-welcome .icon-diversity, .module-wide .icon-diversity { display: block; position: relative; margin: 0 0 49px; font-size: 80px; line-height: 1; } .module-welcome .icon-diversity.small, #root .module-welcome .icon-diversity.small:after, .module-wide .icon-diversity.small, #root .module-wide .icon-diversity.small:after { font-size: 55px; line-height: 1; } #root .module-welcome .icon-diversity:after, #root .module-wide .icon-diversity:after { top: 0; margin: 0; line-height: 80px; } .module-welcome + .module-wide, .module-welcome + .media-overlay, .module-welcome + .module-wide, .module-welcome + .media-overlay, .module-welcome + .module-welcome, .module-wide + .module-wide, .module-wide + .module-welcome, .module-wide + .media-overlay, .media-overlay + .media-overlay, .media-overlay + .module-wide, .media-overlay + .module-welcome { margin-top: -46px; } #content.w1030 .module-welcome { --pd: 320px; } .module-welcome.a { max-width: 592px; margin-left: auto; margin-right: auto; padding: 53px 0 42px; line-height: 1.3333333333; } .module-welcome.a h1, .module-welcome.a h2, .module-welcome.a h3, .module-welcome.a h4, .module-welcome.a h5, .module-welcome.a h6 { margin-top: 28px; margin-bottom: 27px; color: var(--mint); font-family: var(--font_headers); text-transform: uppercase; } .module-welcome.a p { color: inherit; font-weight: 400; font-family: var(--font_content); line-height: 1.3333333333; } .module-welcome.a .link-btn { margin-top: 45px; } /*.module-welcome.b {}*/ .module-welcome.b p { font-size: 20px; } /*.module-welcome.transparent {}*/ .module-welcome.transparent:before, .module-wide.transparent:before { display: none; } #root #content .module-welcome.wide { --pd: 0px; } .module-wide { position: relative; z-index: 3; margin: 46px 0; padding: var(--p1) 0 max(0.1px, calc(var(--p1) - var(--mr_main))); color: var(--white); --p1: 55px; --bg: var(--coal); --bg_op: 1; } .module-wide + .module-featured.text-center { margin-top: 90px; } .module-wide .header-line > span { background: var(--bg); } .module-wide > .s24:first-child { margin-top: 8px; } .module-wide > .s52:first-child { margin-top: -6px; } .module-wide + .module-external { margin-top: -46px; } .module-wide .link-btn.sticky, #root .module-wide .link-btn.sticky { visibility: hidden; position: absolute; left: 0; top: 72px; right: auto; bottom: auto; height: auto; margin: 0; padding: 0; background: none; opacity: 0; } #root .w720 .module-wide .link-btn.sticky { left: -184px; } #root .w905 .module-wide .link-btn.sticky { left: -118px; } #root .module-wide .link-btn.sticky a { min-width: 112px; height: 58px; } #root .w905 .module-wide .link-btn.sticky a { min-width: 96px; } .module-wide .link-btn.sticky a.inv { border-color: var(--mint); color: var(--mint); } [data-whatintent="mouse"] .module-wide .link-btn.sticky a.inv:hover { border-color: var(--mint); background: var(--white); color: var(--mint); } .module-wide > .list-cols:last-child, .module-wide > .list-cols.last-child { margin-bottom: -24px; } .module-wide > .nav-breadcrumbs:first-child { margin-top: calc(0px - var(--p1)); padding-top: 17px; } .module-wide > .nav-breadcrumbs + * { margin-top: var(--p1); } #root .module-wide > .header-line:first-child { margin-top: calc(0px - var(--p1) + 30px); } #root .module-wide > .header-line:last-child { margin-bottom: calc(0px - var(--p1) + var(--mr_main) + 30px); } #root .module-wide > .list-box.m0 { margin-bottom: calc(0px - var(--p1) + var(--mr_main) + 20px); } #root .module-wide > .list-box:first-child { margin-top: calc(0px - var(--p1) + 40px); } #content > .module-wide:first-child { margin-top: -16px; } .module-wide.inv { color: inherit; } .module-wide.inv:before { background: var(--press); } .module-wide.compact { --p1: 35px; } /*.module-wide.text-center {}*/ .module-wide.text-center p:not([class*="w"], .link-btn) { max-width: 536px; } .module-wide.text-center p:not(.link-btn) { margin-left: auto; margin-right: auto; } .nav-breadcrumbs { position: relative; z-index: 2; color: var(--coal); } .nav-breadcrumbs:before { bottom: -14px; background: var(--white); } #content > .nav-breadcrumbs:first-child:before { top: -16px; } .nav-breadcrumbs ul, .nav-breadcrumbs ol { overflow: hidden; list-style: none; margin: 0 -22px 14px 0; padding: 0; } .nav-breadcrumbs li { position: relative; margin: 0 22px 0 0; font-size: 13px; } .nav-breadcrumbs li:before { content: ">"; display: block; position: absolute; right: 100%; top: 0; width: 22px; text-align: center; } .nav-breadcrumbs + .cols-a { margin-top: 52px; } .nav-content { position: relative; z-index: 2; margin: 53px 0 46px; padding: 27px 37px 3px; } .nav-content:before { box-shadow: 0 8px 24px rgba(112,144,176,.1); } .nav-content h1, .nav-content h2, .nav-content h3, .nav-content h4, .nav-content h5, .nav-content h6, .nav-content p { margin: 0 0 15px; font-size: 20px; line-height: var(--lh_head); } .nav-content ul, .nav-content ol { list-style: none; padding: 0; counter-reset: counter; } .nav-content li a { display: block; overflow: hidden; position: relative; margin: 0 -37px; padding: 12.5px 37px; color: var(--black); text-decoration: none; } .nav-content li a:before { counter-increment: counter; content: counters(counter, '.') '. '; } .nav-content li a:after { content: "\e911"; display: inline-block; visibility: hidden; position: relative; left: 0; top: 0; margin-left: -14px; color: var(--mint); font-family: i; font-weight: 400; font-size: 14px; line-height: 1px; opacity: 0; } [data-whatintent="mouse"] .nav-content li a:hover { background: var(--squeeze); } [data-whatintent="mouse"] .nav-content li a:hover:after { left: 48px; } .nav-content + .module-entry { margin-top: 58px; } .link-btn + .nav-content { margin-top: 36px; } .lead + .nav-content { margin-top: 28px; } .nav-pagination { font-family: var(--font_headers); text-transform: uppercase; } .nav-pagination ul, .nav-pagination ol { list-style: none; margin: 0 -7px 31px; padding: 0; } .nav-pagination li { margin: 0 7px; font-size: 14px; } .nav-pagination li a { color: var(--mint); font-weight: 700; text-decoration: none; } .nav-pagination li i { display: inline-block; position: relative; top: .1em; margin: 0 7px; line-height: 1px; } [data-whatintent="mouse"] .nav-pagination li a:hover i.icon-arrow-left, [data-whatintent="mouse"] .header-profile > ul li a:hover i.icon-arrow-left { -webkit-transform: translateX(-5px); transform: translateX(-5px); } [data-whatintent="mouse"] .nav-pagination li a:hover i.icon-arrow-right, [data-whatintent="mouse"] .header-profile > ul li a:hover i.icon-arrow-right { -webkit-transform: translateX(5px); transform: translateX(5px); } .nav-pagination li.prev { margin-right: 30px; } .nav-pagination li.next { margin-left: 30px; } .section-about { font-size: 18px; line-height: 1.4444444444; text-align: center; } .section-about > * { max-width: 720px; margin-left: auto; margin-right: auto; } .section-about > header { max-width: 904px; } .section-about > figure, .section-about > .nav-breadcrumbs { max-width: none; } .section-about h1, .section-about h2, .section-about h3, .section-about h4, .section-about h5, .section-about h6 { position: relative; margin-top: -7px; margin-bottom: 27px; padding: 110px 0 0; color: var(--mint); font-size: 28px; line-height: 1.5; } .section-about h1:before, .section-about h2:before, .section-about h3:before, .section-about h4:before, .section-about h5:before, .section-about h6:before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 2px; height: 100px; margin: 0 0 0 -1px; background: var(--smalt); } .section-about h1:first-child, .section-about h2:first-child, .section-about h3:first-child, .section-about h4:first-child, .section-about h5:first-child, .section-about h6:first-child { margin-top: 0; padding-top: 0; } .section-about header + h1, .section-about header + h2, .section-about header + h3, .section-about header + h4, .section-about header + h5, .section-about header + h6 { margin-top: -14px; } .section-about header h1, .section-about header h2, .section-about header h3, .section-about header h4, .section-about header h5, .section-about header h6 { margin-top: 0; padding-top: 0; font-size: 42px; line-height: 1.2380952381; } .section-about h1 .small, .section-about h2 .small, .section-about h3 .small, .section-about h4 .small, .section-about h5 .small, .section-about h6 .small { display: block; margin-bottom: 16px; color: var(--smalt); font-size: 18px; } .section-about.module-wide header h1, .section-about.module-wide header h2, .section-about.module-wide header h3, .section-about.module-wide header h4, .section-about.module-wide header h5, .section-about.module-wide header h6 { color: var(--white); } .section-about p a { color: var(--mint); text-decoration: none; } .w100, .width-100 { width: 100%; --width: 100%; } .w240, .module-featured.welcome.a .w240, .popup-a.w240 .box-inner, .double.w240 > * { width: 100%; max-width: 240px; } .w295, .module-featured.welcome.a .w295, .popup-a.w295 .box-inner, .double.w295 > * { width: 100%; max-width: 295px; } .w320, .module-featured.welcome.a .w320, .popup-a.w320 .box-inner, .double.w320 > * { width: 100%; max-width: 320px; } .w350, .module-featured.welcome.a .w350, .popup-a.w350 .box-inner, .double.w350 > * { width: 100%; max-width: 350px; } .double.w350 { max-width: none; } .w440, .module-featured.welcome.a .w440, .popup-a.w440 .box-inner, .double.w440 > * { width: 100%; max-width: 440px; } .w505, .module-featured.welcome.a .w505, .popup-a.w505 .box-inner, .double.w505 > * { width: 100%; max-width: 505px; } .w540, .module-featured.welcome.a .w540, .popup-a.w540 .box-inner, .double.w540 > * { width: 100%; max-width: 540px; } .w560, .module-featured.welcome.a .w560, .popup-a.w560 .box-inner, .double.w560 > * { width: 100%; max-width: 560px; } .w580, .module-featured.welcome.a .w580, .popup-a.w580 .box-inner, .double.w580 > * { width: 100%; max-width: 580px; } .w610, .module-featured.welcome.a .w610, .popup-a.w610 .box-inner, .double.w610 > * { width: 100%; max-width: 610px; } .w620, .module-featured.welcome.a .w620, .popup-a.w620 .box-inner, .double.w620 > * { width: 100%; max-width: 620px; } .module-featured.text-center .w620, .scheme-wide.text-center.w620 { margin-left: auto; margin-right: auto; } .w650, .module-featured.welcome.a .w650, .popup-a.w650 .box-inner, .double.w650 > * { width: 100%; max-width: 650px; } .w680, .module-featured.welcome.a .w680, .popup-a.w680 .box-inner, .double.w680 > * { width: 100%; max-width: 680px; } .w720, .module-featured.welcome.a .w720, .popup-a.w720 .box-inner, .popup-a.form-register .box-inner, .w720 .module-featured.welcome.text-center > *, .module-featured.welcome.text-center > .w720, .w720.module-featured.welcome.text-center > * { max-width: 720px; } .w780, .module-featured.welcome.a .w780, .popup-a.w780 .box-inner { max-width: 780px; } .w800, .module-featured.welcome.a .w800, .popup-a.w800 .box-inner { max-width: 800px; } .w820, .module-featured.welcome.a .w820, .popup-a.w820 .box-inner { max-width: 820px; } .w880, .module-featured.welcome.a .w880, .popup-a.w880 .box-inner { max-width: 880px; } .w885, .module-featured.welcome.a .w885, .popup-a.w885 .box-inner { max-width: 885px; } .w905, .module-featured.welcome.a .w905 { max-width: 905px; } .w950, .module-featured.welcome.a .w950 { max-width: 950px; } .w1205, .popup-a.w1205 .box-inner, .w1205 .module-featured.welcome.text-center > *, .popup-a.form-aside-wide .box-inner { max-width: 1205px; } .w720.text-center .s20, .w720 .text-center .s20 { max-width: 720px; margin-left: auto; margin-right: auto; } .w720.text-center, .w880.text-center, .w1205.text-center, .w905.text-center { margin-left: auto; margin-right: auto; text-align: left; } .w720.align-center, .w880.align-center, .w1205.align-center, .w1030.align-center, .w905.align-center { margin-left: auto; margin-right: auto; } .w1240:not(#content, #top) { width: 100%; max-width: 1240px; } /*! Headers --------- */ .header-line { overflow: hidden; position: relative; z-index: 1; line-height: var(--lh_head); text-transform: none; --line: var(--mint); } .header-line:not(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) { font-size: 18px; } #root .header-line { line-height: var(--lh_head); } .header-line .hr { display: block; position: relative; z-index: 2; height: 2px; } .header-line .hr:after { background: var(--line); } .module-entries .header-line span { margin: 0; color: inherit; font-size: 1em; font-weight: inherit; text-transform: inherit; } #root .header-line .link-btn { margin: 0 -16px -16px auto; padding: 0 0 0 22px; -webkit-order: 3; order: 3; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #root .header-line .link-btn a, #root .header-line .link-btn a i { -webkit-transform: none; transform: none; } /* .header-line:before { top: 50%; bottom: auto; height: 2px; margin-top: -1px; background: var(--mint); }*/ .header-line > * { display: block; position: relative; z-index: 2; float: left; padding: 0 12px 0 0; /*background: var(--white);*/ -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .header-line:has(.link-btn) > *:not(.link-btn) { -webkit-flex-shrink: 3; -ms-flex-shrink: 3; flex-shrink: 3; } .header-line:has(.link-btn) > *:not(.link-btn):has(img) { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .header-line > *:before { left: 100%; right: auto; top: 50%; bottom: auto; width: 1000em; height: 2px; margin-top: -1px; background: var(--line); } .header-line.overlay + .module-entries.overlay { margin-top: -18px; } /*.header-line.cols {}*/ .header-line.cols > * ~ *:last-child { padding-right: 0; } .header-line.hr { padding-bottom: 20px; } .header-line.hr > * { float: none; padding: 0; background: none; } .header-line.hr:before { top: auto; bottom: 0; width: 100%; max-width: 82px; height: 2px; background: var(--mint); } .header-line.hr > *:before { display: none; } .header-line.hr.s20, .header-line.hr.s14 { padding-bottom: 12px; } .text-center .header-line.hr:before, .text-center.header-line.hr:before { left: 50%; width: 82px; max-width: none; margin-left: -41px; } .header-line.overlay { margin-left: -1000px; margin-right: -1000px; padding: 35px 0; box-shadow: 0 1px 2px rgba(112,144,176,.4); border: 0 solid var(--coal); border-left-width: 1000px; border-right-width: 1000px; background: var(--coal); color: var(--white); } /*.header-line.overlay > * { background: var(--coal); }*/ .header-line.s24 { font-size: 24px; } .header-line.s24 > * { padding-right: 24px; } .header-line.s24.text-center > * { padding-left: 24px; } .header-line.s20 { font-size: 20px; } .header-line.s28, .module-entries .header-line.s28 { font-size: 28px; } .header-line.s28 > * { padding-right: 18px; } .header-line.s28 > *:before { background: var(--alto); } .header-line.s28.text-center > * { padding-left: 42px; } /*.header-line.text-center {}*/ .header-line.text-center > * { padding-left: 12px; } .header-line.a { overflow: visible; } .header-line.a > * { padding-right: 22px; } .header-line.a:after { content: ""; display: block; position: relative; width: 100%; height: 2px; background: var(--mint); } #root .header-line.a > * { background: none; } .header-line.a > *:before { display: none; } .module-wide > .header-line.a:first-child { margin-top: -20px; } .header-line.no-border:after, .no-border.header-line > *:before { display: none; } #root .header-line.no-border .link-btn { padding: 0; } /*! Content --------- */ q { quotes: none; display: block; position: relative; z-index: 2; margin: 44px 0; padding: 0 0 0 26px; font-weight: 700; font-size: 28px; font-weight: 700; font-family: var(--font_headers); line-height: 1.5; } q:before { top: 10px; bottom: 5px; border-left: 3px solid var(--mint); } .font-medium { font-weight: 500; } .strong, .list-search .list-inline li > span:first-child { font-weight: 700; } .font-stronger, .stronger, h1 .stronger, h2 .stronger, h3 .stronger, h4 .stronger, h5 .stronger, h6 .stronger { font-weight: 800; } .s48.stronger, .s48.font-stronger { line-height: 1; } .s64.stronger, .s64.font-stronger { line-height: 1.2; } .font-strongest, .strongest, .module-featured.welcome h1.strong, .module-featured.welcome h2.strong, .module-featured.welcome h3.strong, .module-featured.welcome h4.strong, .module-featured.welcome h5.strong, .module-featured.welcome h6.strong, .module-header h1.strong, .module-header h2.strong, .module-header h3.strong, .module-header h4.strong, .module-header h5.strong, .module-header h6.strong, .s64.strong { font-weight: 900; } .em { font-style: italic; } .text-left { text-align: left; } .text-center, #root .module-alert.position-top-left > .close:before, #root .module-alert.position-top-right > .close:before, #root .module-alert.position-bottom-left > .close:before, #root .module-alert.position-bottom-right > .close:before, .module-welcome.text-center .icon-diversity:after, .module-wide.text-center .icon-diversity:after { text-align: center; } .text-right, .module-alert a.close:before { text-align: right; } .text-justify { text-align: justify; } .text-uppercase, .scheme-label.text-uppercase, .text-uppercase.check label { text-transform: uppercase; } .s14, .size-14, .heading.s14, .check.s14, .s14.text-uppercase, .module-featured.welcome .s14, #root .scheme-box.s14, .list-icon.s14 li, #root .form-box.s14, size-14 { font-size: 14px; } .s14.text-uppercase { font-weight: 700; font-family: var(--font_headers); line-height: var(--lh_head); } h1.s14, h2.s14, h3.s14, h4.s14, h5.s14, h6.s14, .s14.text-uppercase { /*color: var(--mint);*/ text-transform: uppercase; } .s14.overlay-mint.strong, .scheme-heading, .scheme-heading .check label, .scheme-heading.check label, .strong.size-14.text-uppercase, .s64.strongest { font-family: var(--font_headers); --input_h: calc(var(--fz) * 2.0714285714); --fz: 28px; } .scheme-heading label, .scheme-heading .label, .scheme-heading, .scheme-heading .check label, .scheme-heading.check label { margin: 0; line-height: var(--lh_head); text-transform: none; } .scheme-heading label:not([class*="size-"]), .scheme-heading .label:not([class*="size-"]), .scheme-heading:not([class*="size-"]), .scheme-heading .check label:not([class*="size-"]), .scheme-heading.check label:not([class*="size-"]) { font-size: 1em; } .strong.scheme-heading:not(:first-child) { margin-top: 30px; } header + .strong.scheme-heading:not(:first-child) { margin-top: 0; } #root .scheme-heading input { max-width: 445px; height: var(--input_h); min-height: var(--input_h); padding: 0; box-shadow: none; border-width: 0; border-bottom-width: 1px; background: none; color: inherit; font-weight: 700; font-family: var(--font_headers); line-height: var(--lh_head); } #root .scheme-heading input, .scheme-heading .input-prefix { font-size: var(--fz); } .scheme-heading textarea { max-width: 565px; height: 182px; min-height: 182px; padding: 12px 20px; background: rgba(154,214,194,.1); font-weight: 700; font-size: 18px; font-family: var(--font_header); line-height: var(--lh_head); } #root .overlay-white .scheme-heading input, #root .overlay-white .scheme-heading textarea { color: var(--white); } .scheme-heading ::-webkit-input-placeholder { opacity: .5; } .scheme-heading :-ms-input-placeholder { opacity: .5; } .scheme-heading ::-ms-input-placeholder { opacity: .5; } .scheme-heading ::placeholder { opacity: .5; } .s16, .size-16, .heading.s16, .check.s16, #root .form-box .s16, .size-16 { font-size: 16px; } .s16 + h1, .s16 + h2, .s16 + h3, .s16 + h4, .s16 + h5, .s16 + h6 { margin-top: 20px; } .s16 + h1 .small, .s16 + h2 .small, .s16 + h3 .small, .s16 + h4 .small, .s16 + h5 .small, .s16 + h6 .small { margin-top: 25px; } .s18, .size-18, .heading.s18, .check.s18, .module-featured.welcome.s18 p, .module-event .s18, .form-box.c.s18 { font-size: 18px; } .s20, .size-20, .heading.s20, .check.s20, .module-featured.welcome.s20 p, .module-event .s20 { font-size: 20px; } h1.s20, h2.s20, h3.s20, h4.s20, h5.s20, h6.s20 { margin: 28px 0; } .s24, .size-24, .list-box.featured p.strong, .check.s25, .form-register .s24, .heading.s25, .module-featured.welcome .s24, .module-event .s24, .form-quiz.b .s24 { font-size: 24px; } h1.s24, h2.s24, h3.s24, h4.s24, h5.s24, h6.s24 { margin-top: 72px; } h1 .s24, h2 .s24, h3 .s24, h4 .s24, h5 .s24, h6 .s24 { display: block; margin-bottom: 25px; } .s24 .strong { display: block; margin-top: var(--mr_main); color: var(--mint); font-size: 0.8333333333em; line-height: 1.5; } #content > .s24:first-child { margin-top: var(--mr_main); } .s25, .size-25, .check.s25 { font-size: 25px; } .s26, .size-26, .header-line.s26, .module-article-aside .s26, .heading.s26, .module-featured.welcome .s26, .module-event .s26, .popup-a .s26 { font-size: 26px; } .s28, .size-28, .header-line.s28, .module-article-aside .s28, .heading.s28, .module-featured.welcome .s28, .module-event .s28, .popup-a .s28 { font-size: 28px; } .s34, .size-34, .header-line.s34, .module-article-aside .s34, .heading.s34, .module-featured.welcome .s34, .module-event .s34, .popup-a .s34 { font-size: 34px; } .s36, .size-36, .header-line.s36, .module-article-aside .s36, .heading.s36, .module-featured.welcome .s36, .module-event .s36, .popup-a .s36 { font-size: 36px; } .s45, .size-45, .header-line.s45, .module-article-aside .s45, .heading.s45, .module-featured.welcome .s45, .module-event .s45, .popup-a .s45 { font-size: 45px; } .s48, .size-48, .header-line.s48, .module-article-aside .s48, .heading.s48, .module-featured.welcome .s48, .module-event .s48, .popup-a .s48 { font-size: 48px; } .s52, .size-52, .header-line.s52, .module-article-aside .s52, .heading.s52, .module-featured.welcome .s52, .module-event .s52, .popup-a .s52 { font-size: 52px; } .s56, .size-56, .header-line.s56, .module-article-aside .s56, .heading.s56, .module-featured.welcome .s56, .module-event .s56, .popup-a .s56 { font-size: 56px; } .s62, .size-62, .header-line.s62, .module-article-aside .s62, .heading.s62, .module-featured.welcome .s62, .module-event .s62, .popup-a .s62 { font-size: 62px; } .s64, .size-64, .header-line.s64, .module-article-aside .s64, .heading.s64, .module-featured.welcome .s64, .module-event .s64, .popup-a .s64 { font-size: 64px; } .s64.strong { line-height: 1.02; } .s70, .size-70 { --fz: 72px; } .s70, .header-line.s70, .module-article-aside .s70, .heading.s70, .module-featured.welcome .s70, .module-event .s70 { font-size: var(--fz); } h1.s70, h2.s70, h3.s70, h4.s70, h5.s70, h6.s70 { letter-spacing: -.025em; } #root h1.s70 .small, #root h2.s70 .small, #root h3.s70 .small, #root h4.s70 .small, #root h5.s70 .small, #root h6.s70 .small { margin-top: 5px; font-size: 0.4571428571em; letter-spacing: normal; } .overlay-a, .overlay-mint, .header-line.overlay-a, .header-line.overlay-mint, [data-whatintent="mouse"] #root .header-top nav ul ul a:hover, .header-top.toggle nav p a, [data-whatintent="mouse"] .module-entry .lead a:hover, [data-whatintent="mouse"] .module-entry h1 a:hover, [data-whatintent="mouse"] .module-entry h2 a:hover, [data-whatintent="mouse"] .module-entry .heading a:hover, [data-whatintent="mouse"] .module-entry h3 a:hover, [data-whatintent="mouse"] .module-entry h4 a:hover, [data-whatintent="mouse"] .module-entry h5 a:hover, [data-whatintent="mouse"] .module-entry h6 a:hover, .form-sort .semantic-select ul li.active a, .form-sort .semantic-select ul li a.active, [data-whatintent="mouse"] .form-sort .semantic-select ul li a:hover, [data-whatintent="mouse"] .list-inline a:hover, [data-whatintent="mouse"] .list-search h1 a:hover, [data-whatintent="mouse"] .list-search h2 a:hover, [data-whatintent="mouse"] .list-search h3 a:hover, [data-whatintent="mouse"] .list-search h4 a:hover, [data-whatintent="mouse"] .list-search h5 a:hover, [data-whatintent="mouse"] .list-search h6 a:hover, [data-whatintent="mouse"] .list-title a:hover, .ais-Pagination-list .ais-Pagination-item--selected, [data-whatintent="mouse"].theme-compact #root #nav > ul > li > a:hover, [data-whatintent="mouse"].theme-compact #nav > ul > li ul a:hover, [data-whatintent="mouse"].theme-compact #root #nav > ul > li:hover > a, .theme-compact #footer p:first-child a, .theme-compact #root #nav > ul > li.overlay-a > a, [data-whatintent="mouse"].theme-compact.v1 #footer nav ul li a:hover, .module-box.inv h1, .module-box.inv h2, .module-box.inv h3, .module-box.inv h4, .module-box.inv h5, .module-box.inv h6, #root .header-profile .link-btn a.inline, [data-whatintent="mouse"] #root .header-profile .link-btn a.inline:hover, .module-wide .overlay-a, .module-welcome .icon-diversity:before, [data-whatintent="mouse"] .form-filter .semantic-select .input:hover .ticker:before, [data-whatintent="mouse"] #footer-new .list-contact a:hover, .module-wide .icon-diversity:before, .module-featured.welcome .overlay-mint, #root .link-btn a.inline.overlay-mint { color: var(--mint); --theme: var(--mint); } .overlay-b, .overlay-coal, .list-search li *, .module-featured.background h1, .module-featured.background h2, .module-featured.background h3, .module-featured.background h4, .module-featured.background h5, .module-featured.background h6, .module-featured.aside h1, .module-featured.aside h2, .module-featured.aside h3, .module-featured.aside h4, .module-featured.aside h5, .module-featured.aside h6, .module-featured.box h1, .module-featured.box h2, .module-featured.box h3, .module-featured.box h4, .module-featured.box h5, .module-featured.box h6, .list-logo.box a, .module-countdown p, [data-whatintent="mouse"] #footer-new > ul li.inv a:hover, .module-featured.aside .heading { color: var(--coal); --theme: var(--coal); } .overlay-c, .overlay-pink { color: var(--pink); --theme: var(--pink); } .overlay-d, .overlay-black { color: var(--black); --theme: var(--black); } .overlay-azure, .s14.overlay-azure { color: var(--azure); --theme: var(--azure); } .overlay-salmon, .s14.overlay-salmon { color: var(--salmon); --theme: var(--salmon); } .overlay-algae, .s14.overlay-algae { color: var(--algae); --theme: var(--algae); } .overlay-tango, .s14.overlay-tango { color: var(--tango); --theme: var(--tango); } .overlay-biscay, .s14.overlay-biscay { color: var(--biscay); --theme: var(--biscay); } .overlay-royal, .s14.overlay-royal { color: var(--royal); --theme: var(--royal); } .overlay-plum, .s14.overlay-plum { color: var(--plum); --theme: var(--plum); } .overlay-fuscia, .s14.overlay-fuscia { color: var(--fuscia); --theme: var(--fuscia); } .overlay-arctic, .s14.overlay-arctic { color: var(--arctic); --theme: var(--arctic); } .overlay-blush, .s14.overlay-blush { color: var(--blush); --theme: var(--blush); } .overlay-neon, .s14.overlay-neon { color: var(--neon); --theme: var(--neon); } .overlay-iris, .s14.overlay-iris { color: var(--iris); --theme: var(--iris); } .overlay-gold, .s14.overlay-gold { color: var(--gold); --theme: var(--gold); } .overlay-leaf, .s14.overlay-leaf { color: var(--leaf); --theme: var(--leaf); } .overlay-orange, .s14.overlay-orange { color: var(--orange); --theme: var(--orange); } .overlay-violet, .s14.overlay-violet { color: var(--violet); --theme: var(--violet); } .overlay-pine, .s14.overlay-pine { color: var(--pine); --theme: var(--pine); } .overlay-cyan, .s14.overlay-cyan { color: var(--cyan); --theme: var(--cyan); } .overlay-lemon, .s14.overlay-lemon { color: var(--lemon); --theme: var(--lemon); } .overlay-orchid, .s14.overlay-orchid { color: var(--orchid); --theme: var(--orchid); } .overlay-mustard, .s14.overlay-mustard { color: var(--mustard); --theme: var(--mustard); } .overlay-aqua, .s14.overlay-aqua { color: var(--aqua); --theme: var(--aqua); } .overlay-orange, .s14.overlay-orange { color: var(--orange); --theme: var(--orange); } .overlay-lavender, .s14.overlay-lavender { color: var(--lavender); --theme: var(--lavender); } .overlay-gray, .s14.overlay-gray { color: var(--alto); --theme: var(--alto); } .overlay-white, .s14.overlay-white, .overlay-white .heading:not([class*="overlay-"]) { color: var(--white); --theme: var(--white); } .overlay-white h1, .overlay-white h2, .overlay-white h3, .overlay-white h4, .overlay-white h5, .overlay-white h6 { color: inherit; --theme: inherit; } .overlay-wine, .s14.overlay-wine { color: var(--wine); --theme: var(--wine); } .overlay-smoke, .s14.overlay-smoke { color: var(--smoke); --theme: var(--smoke); } .lead { margin: 25px 0; font-weight: 700; font-size: 18px; font-family: var(--font_headers); line-height: 1.4444444444; } .scheme-box, #root .scheme-box { position: relative; padding: 14px; background: var(--white); font-weight: 700; font-family: var(--font_headers); font-size: 12px; line-height: var(--lh_head); text-transform: uppercase; text-align: center; white-space: nowrap; } #root .scheme-box:not([class*="overlay-"]) { color: var(--mint); } .scheme-box a { width: 100%; } .scheme-box a + a { margin-top: 16px; } .scheme-box a:first-child:not(:last-child), .scheme-box a + a { position: relative; z-index: 2; } .scheme-box a:not([class*="overlay-"]) { color: inherit; } .scheme-box img { display: block; width: auto !important; max-width: 135px !important; height: auto !important; margin-left: 14px; } .scheme-box .img { display: block; margin-left: 14px; } #root .scheme-box .img img, #root .scheme-box.strong .img img { margin: 0; } #root .text-center .scheme-box .img img { margin-left: auto; margin-right: auto; } .scheme-box .img.strong { width: 240px; height: 100px; padding: 10px; background: var(--white); } .scheme-box .img.strong img { max-width: none !important; } .scheme-box.overlay-coal, #root .scheme-box.overlay-coal { background: rgba(217,217,217,.95); color: var(--coal); } .scheme-box.overlay-smoke, #root .scheme-box.overlay-smoke { background: rgba(42,60,83,.80); color: var(--white); } .scheme-box.overlay-mint, #root .scheme-box.overlay-mint { background: rgba(142,202,182,.5); color: var(--white); } .scheme-box.inline, #root .scheme-box.inline { padding: 0; background: none; } .scheme-box.inline.strong, #root .scheme-box.inline.strong { border-width: 0; } .scheme-box.inline.strong:before { display: none; } #root .scheme-box.inline.strong .img { height: 90px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .scheme-box.rounded { border-radius: 4px; } /*.scheme-box.s14 {}*/ /*.scheme-box.s14 .img, .scheme-box.s14 .img { margin-left: 28px; }*/ .scheme-box.square, #root .scheme-box.square { display: block; max-width: 250px; padding: 15px 20px 20px; border-radius: 3px; font-weight: 700; font-size: 14px; } .scheme-box.square a { display: block; } .scheme-box.square .img { width: 100%; min-height: 86px; margin: 12px 0 0; padding: 10px; background: var(--white); } .scheme-box.strong, #root .scheme-box.strong { border: 0 solid var(--press); border-top-width: 2px; border-bottom-width: 2px; font-size: 14px; } .scheme-box.strong { margin-top: 24px; margin-bottom: 26px; } .scheme-box.strong img, .scheme-box.strong .img { margin-left: 18px; } /*.scheme-box.static, #root .scheme-box.static {}*/ .scheme-box.static img { margin: 0; } .scheme-box-a, #root .scheme-box-a { display: block; padding: 0; background: none; font-size: 14px; } .scheme-box-a .img { display: block; margin: 15px 0 0; } .scheme-box-a:not(:first-child) { margin-top: 20px; } .scheme-content { margin-top: 0; margin-bottom: var(--mr_main); font-weight: 400; font-family: var(--font_content); line-height: var(--lh_main); } .scheme-countdown { display: block; position: relative; z-index: 2; margin: 0 0 45px; padding: 30px 0 57px; /*color: var(--white);*/ font-weight: 700; font-family: var(--font_headers); font-size: 28px; text-align: center; } .scheme-countdown > span { display: block; margin-top: 35px; } .scheme-countdown .count { max-width: 670px; margin: 0 auto; } .scheme-countdown .item { min-width: 33.3333333333%; font-size: 100px; line-height: 1; } .scheme-countdown .name { display: block; padding: 20px 0 0; color: var(--mint); font-size: 14px; text-transform: uppercase; } .scheme-countdown.a { padding: 0; color: var(--mint); font-size: 18px; text-align: center; } .scheme-countdown.a > span { margin-top: 23px; } .scheme-countdown.a > .link-btn { margin-top: 30px; } .scheme-countdown.a .link-btn a { width: auto; } .scheme-countdown.a .count { max-width: none; } .scheme-countdown.a .count .item { width: 98px; color: var(--coal); font-size: 62px; text-align: center; } .scheme-countdown.a .count .item .name { margin-top: 4px; padding-top: 0; } .cols-b > aside .scheme-countdown.a .count .item { color: var(--white); } .scheme-countdown.b { margin-bottom: var(--mr_main); padding: 9px 18px; color: var(--white); font-size: 28px; } .scheme-countdown.b:before { box-shadow: 0 3px 6px rgba(0,0,0,0.16); background: var(--btn_def); } .scheme-countdown.b > span { overflow: hidden; margin: 9px -18px -9px; padding: 30px 0 24px; background: var(--white); color: var(--coal); font-size: 1.5em; } .scheme-countdown.b > span.link-btn { display: block; padding: 9px 32px 16px; } .scheme-countdown.b > span.link-btn a { float: none; width: 100%; } .scheme-countdown.b .item { min-width: 0; padding: 0 18px; font-size: 1em; } .scheme-countdown.b .name { padding: 8px 0 0; } .scheme-countdown.b + * { margin-top: 45px; } .scheme-header { font-family: var(--font_headers); } /*.scheme-heading {}*/ .scheme-heading .form-quiz.b .check.box { max-width: 564px; } .scheme-heading .check.box:not(.inline) > * { margin-bottom: 20px; } #root .scheme-heading .form-quiz.b .check.box label { padding: 19px; font-size: 28px; } .scheme-heading.module-box { color: var(--mint); font-weight: 700; } .scheme-heading.module-box:before { border-width: 0; background: rgba(142,202,182,.1); } .scheme-label { display: inline-block; position: relative; z-index: 2; padding: 2px 11px; border-radius: 4px; border: 1px solid var(--mint); background: none; color: var(--mint); font-size: 14px; font-family: var(--font_content); font-weight: 400; text-transform: none; text-align: center; } #root .scheme-label a { display: block; color: inherit; text-decoration: none; } #root a.scheme-label { text-decoration: none; } #root .scheme-label { font-size: 14px; } #root .scheme-label.overlay-orange { --mint: var(--orange); } #root .scheme-label.overlay-cyan { --mint: var(--cyan); } #root .scheme-label.overlay-orchid { --mint: var(--orchid); } #root .scheme-label.overlay-neon { --mint: var(--neon); } #root .scheme-label.overlay-leaf { --mint: var(--leaf); } #root .scheme-label.overlay-lemon { --mint: var(--lemon); } #root .scheme-label.overlay-wine { --mint: var(--wine); } #root .scheme-label.overlay-teal { --mint: var(--teal); } #root .scheme-label.overlay-lapis { --mint: var(--lapis); } #root .scheme-label.overlay-lilac { --mint: var(--lilac); } #root .scheme-label.overlay-azure { --mint: var(--azure); } #root .scheme-label.overlay-cerulean { --mint: var(--cerulean); } [data-whatintent="mouse"] #root a.scheme-label.overlay-cerulean:hover { border-color: var(--downy); color: var(--downy); } .scheme-label.full { background: var(--mint); color: var(--white); } #root .scheme-label.full[class*="overlay"] { background: var(--mint); color: var(--white); } #root .scheme-label.semi[class*="overlay"] { border-color: rgba(0,0,0,0); background: none; } #root .scheme-label.semi[class*="overlay"]:before, #root .scheme-label.bg[class*="overlay"]:before { content: ""; display: block; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: -1; border-radius: 4px; background: var(--mint); opacity: .05; } #root .scheme-label.bg[class*="overlay"] { background: none; } [data-whatintent="mouse"] #root a.scheme-label.overlay-cerulean.full:hover { background: var(--downy); color: var(--white); } #root .scheme-label i { display: inline-block; position: relative; top: .1em; min-width: 0; margin: 0 2px 0 0; font-size: 1em; line-height: 1px; } #root .scheme-label .icon-signpost { top: .15em; font-size: 1.1428571429em; } #root .scheme-label i[class*="icon-calendar"] { top: .075em; } #root .scheme-label i[class*="icon-star"] { top: .075em; } #root .scheme-label i[class*="icon-pointer"] { top: .2em; font-size: 1.2857142857em; } .scheme-label.strong { font-family: var(--font_headers); font-weight: 700; } .scheme-label.strong.text-uppercase { min-width: 100px; padding-top: 4px; padding-bottom: 4px; border-radius: 16px; border-width: 2px; } .scheme-profile { display: block; position: relative; z-index: 2; margin: 40px 0 6px; font-size: 24px; font-weight: 700; font-family: var(--font_headers); line-height: 1.5; } .scheme-profile img { display: block; margin: 0 32px 32px 0; } .scheme-profile span { display: block; margin-bottom: 32px; } .scheme-profile span span { display: block; margin: 5px 0 0; font-weight: 400; font-size: 0.75em; font-family: var(--font_content); } .scheme-rating { display: inline-block; position: relative; font-size: 14px; font-weight: 700; line-height: 1.2; text-transform: uppercase; } .scheme-rating .rating { display: block; overflow: hidden; position: relative; top: -2px; height: 17px; margin: 0 -3px 0 0; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em; } .scheme-rating .rating > * { display: block; position: relative; z-index: 2; float: left; width: 18px; height: 100%; margin: 0 3px 0 0; } .scheme-rating .rating > *:before { content: ""; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 18 17' viewBox='0 0 18 17'%3E%3Cpath d='M14.1 17c-.1 0-.2 0-.3-.1L9 14.4l-4.8 2.5c-.3.1-.5.1-.7-.1l-.1-.1-.1-.2c-.1-.1-.1-.3 0-.4l.9-5.3-4-3.7C.1 7 0 6.8 0 6.6s.1-.3.2-.5c.1 0 .2-.1.4-.1L6 5.2 8.4.4c.2-.4.6-.5.9-.3l.3.3L12 5.2l5.4.8c.2 0 .3.1.5.3.1.1.1.3.1.4 0 .2-.1.3-.2.4l-3.9 3.8.9 5.3c0 .3-.1.6-.4.7v.1h-.3c.1 0 0 0 0 0zM9 13.3l4.7 2.4-.9-5.2 3.8-3.7-5.3-.8L9 1.4 6.6 6.1l-5.2.8 3.8 3.7-.9 5.2L9 13.3zM.7 7zm16.4-.6zM.9 6.4z' style='fill:%23ffc700'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto 100%; } .scheme-rating .rating > * .fill { right: auto; z-index: 2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 18 17' viewBox='0 0 18 17'%3E%3Cpath d='M17.4 6 12 5.2 9.6.4C9.4 0 9-.1 8.7.1c-.1 0-.2.1-.3.3L6 5.2.6 6c-.4 0-.6.4-.6.7 0 .2.1.3.2.4l3.9 3.8-.9 5.3c0 .3.1.5.3.7.2.2.5.2.7 0L9 14.4l4.8 2.5c.2.1.3.1.5.1.4-.1.6-.4.6-.8l-.9-5.3 3.9-3.8c.3-.3.3-.7 0-.9-.2-.1-.3-.2-.5-.2z' style='fill:%23ffc700'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto 100%; } .scheme-rating .rating-label { margin-right: 10px; } .scheme-rating:not([class*="overlay-"]) { color: var(--sun); } .scheme-progress { display: block; position: relative; z-index: 2; width: var(--w); height: var(--w); margin-bottom: 27px; color: var(--coal); font-size: 42px; font-family: var(--font_headers); font-weight: 700; line-height: var(--lh_head); text-transform: uppercase; text-align: center; --w: 204px; --bd: 15px; } .scheme-progress:not(.done):before { border-radius: 999px; border: calc(var(--w) * 0.15) solid var(--mint); } .scheme-progress:not(.done) > span, .scheme-progress .rating-label span { display: block; font-size: 14px; } .scheme-progress .circle-progress { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; } .scheme-progress:not(.loading) .circle-progress { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .scheme-progress .circle-progress-text { display: none; } .scheme-progress .circle-progress-value { stroke-width: var(--bd); stroke: var(--mint); } .scheme-progress .circle-progress-circle { stroke-width: var(--bd); stroke: rgba(0,0,0,0); } .text-center .scheme-progress { margin-left: auto; margin-right: auto; } .s64 .scheme-progress { --w: 124px; } h1 .scheme-progress, h2 .scheme-progress, h3 .scheme-progress, h4 .scheme-progress, h5 .scheme-progress, h6 .scheme-progress { margin-top: 34px; } .scheme-progress.loading { } .scheme-progress .circle-progress-circle { stroke: rgba(217,217,217,.20); } .scheme-score { position: relative; z-index: 2; margin: 25px 0; padding: 18px 32px; color: var(--white); font-size: 36px; font-weight: 700; font-family: var(--font_headers); line-height: 1.2; text-transform: uppercase; } .scheme-score:before { background: var(--coal); } .scheme-score > span { margin-right: 24px; margin-left: -8px; color: var(--mint); font-size: 0.5em; } .module-box + .scheme-score { margin-top: -6px; } .scheme-tip { display: block; position: relative; z-index: 99; margin-top: 10px; } .scheme-tip > a { color: var(--orchid); text-decoration: underline; } .scheme-tip > span { display: block; position: absolute; left: -48px; top: 100%; width: 400px; padding: 24px 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.149); border-radius: 6px; background: var(--orchid); color: var(--white); font-size: 16px; font-weight: 400; line-height: 1.625; text-align: left; } .scheme-tip > span { -webkit-transform: translateY(6px); transform: translateY(6px); } .scheme-tip.toggle > span { -webkit-transform: translateY(9px); transform: translateY(9px); } .scheme-underline { display: inline-block; position: relative; z-index: 2; --su: 4px; } .scheme-underline:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 105 7' preserveAspectRatio='none' viewBox='0 0 105 7'%3E%3Cpath d='M57.8.1c-1.8.3-3.4 1.5-5 2.6-.5.4-1.2.5-1.7.2-1-.5-1.9-1.1-2.9-1.6C47.1.7 46 .2 44.7.2c-.7 0-1.5.3-2.1.7-.7.5-1.3 1.2-2.1 1.4-.8.1-1.6-.4-2.4-.7L36.3 1C35.2.7 34.1.6 33 .8c-1 .2-1.9.8-2.9 1.1-.4.1-.7 0-1.1 0-1.7-.5-3.3-1.3-5-1.6-1.9-.4-3.7.3-5.3 1.5-.7.5-1.6.8-2.4.6-2.9-1-6.1-3-9-1-1.2.6-2 2.1-3.3 2.4-.9 0-1.6-.7-2.4-1.2C1.2 2.2.2 1.4 0 2.5c0 1.1.7 2 1.2 2.7 1 1.3 2.6 2.1 4 1.6 1.3-.3 2.3-1.5 3.5-2.3 2.6-1.3 5.8 2 8.5 1.7 1.6-.1 3-1.2 4.4-2 3-1 5.7 2 8.6 1.5.9-.1 1.8-.6 2.7-1 1.8-.6 3.6.5 5.4 1 .9.3 1.9.5 2.8.3.9-.2 1.8-.9 2.6-1.5.6-.6 1.4-.6 2.1-.2 0 0-.1 0-.1-.1 2.3.9 4.3 3.2 6.8 2.6 1.3-.2 2.4-1.2 3.6-2 3-2 6.4-.4 9.5.3 1.5.4 2.5 0 3.8-.9 1.1-.4 2.1.2 3.2.5 1.6.6 3.2 1.4 5 1.3 1.7 0 3.3-.6 5-.9 1.1-.2 2.2-.3 3.3-.3 2.9 0 5.7.6 8.6.8.8 0 1.5-.2 2.3-.2h2.4c1.5 0 2.9.1 4.4.3.7.1 1.5-.5 1.6-1.4.1-.9-.4-1.8-1.2-1.9-1.5-.3-3-.4-4.5-.7-1.2-.2-2.3-.2-3.5-.1-.6.1-1.2.2-1.7.1-3-.3-6-.9-9-.8-1.9 0-3.8.5-5.6.9-3.3.9-5.4-1.1-8.4-1.6-1.4-.3-2.8.1-3.9 1.1-.3.1-.7 0-1-.1-.9-.2-1.7-.5-2.6-.7-2.2-.3-4.1-.7-6-.4z' style='fill:%238ecab6'/%3E%3C/svg%3E"); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% var(--su); } .scheme-wide { display: block; position: relative; z-index: 2; margin: 0 0 32px; padding: 29px 0; color: var(--white); } #root .scheme-wide { color: var(--white); } .scheme-wide:before { background: var(--coal); } .scheme-wide.overlay-orange:before { background: var(--mango); } .module-featured + .scheme-wide { margin-top: -55px; } .scheme-wide.strong { font-family: var(--font_headers); font-size: 1.4583333333em; } /*! Links --------- */ a .icon-chevron-left, a .icon-chevron-right { display: inline-block; position: relative; top: -.1em; font-size: 0.5625em; line-height: 1px; } a .icon-chevron-left { margin-right: 5px; } a .icon-chevron-right { margin-left: 5px; } span.hover-show, [data-whatintent="mouse"] a:hover span.hover-hide { display: none; } [data-whatintent="mouse"] a:hover span.hover-show { display: inline; } .link-btn { position: relative; z-index: 2; margin: 23px calc(0px - var(--btn_dist)) calc(var(--mr_main) - var(--btn_dist2)) 0; } .link-btn.disabled:before { z-index: 9; } .link-btn a, .link-btn > span { margin: 0 16px 16px 0; } .link-btn a.overlay-a, .module-featured.box .link-btn a { border-color: var(--mint); background: var(--mint); } [data-whatintent="mouse"] .link-btn a.overlay-a:hover, [data-whatintent="mouse"] .form-search button:hover { border-color: var(--fern); background: var(--fern); } .link-btn a.overlay-wine { border-color: var(--wine); background: var(--wine); } .link-btn a.overlay-cerulean { border-color: var(--cerulean); background: var(--cerulean); } .link-btn a.overlay-mint, .link-btn button.overlay-mint { border-color: var(--mint); background: var(--mint); color: var(--white); } #root .link-btn a.overlay-white { border-color: var(--white); background: var(--white); color: var(--mint); } .link-btn a.overlay-coal { border-color: var(--coal); background: var(--coal); --btn_def: var(--coal); --btn_hov: var(--coal); --btn_foc: var(--coal); } .link-btn a.overlay-orange { border-color: var(--tahiti); background: var(--tahiti); --btn_def: var(--orange); --btn_hov: var(--orange); --btn_foc: var(--orange); } .link-btn a.overlay-gray { border-color: var(--alto); background: var(--alto); color: var(--white); } #root .link-btn a.overlay-gray.inv { border-color: var(--alto); background: none; color: var(--alto); } #root .link-btn a.overlay-gray.inline, [data-whatintent="mouse"] #root .link-btn a.overlay-gray.inline:hover { color: var(--alto); } [data-whatintent="mouse"] #root .link-btn a.overlay-gray:hover { border-color: var(--sage); background: var(--sage); color: var(--white); } .link-btn a.overlay-plum { border-color: var(--plum); background: var(--plum); } [data-whatintent="mouse"] .link-btn a.overlay-plum:hover { border-color: var(--lavenda); background: var(--lavenda); } #root .link-btn a.overlay-plum:active { border-color: var(--plumer); background: var(--plumer); } .link-btn a.inv, button.inv { box-shadow: none; border-color: var(--btn_def); background: none; color: var(--btn_def); } .link-btn a.inv.overlay-mint, button.inv.overlay-mint { border-color: var(--mint); background: none; color: var(--mint); } [data-whatintent="mouse"] .link-btn a.inv.overlay-mint:hover, [data-whatintent="mouse"] button.inv.overlay-mint:hover { border-color: var(--mint); background: rgba(154,214,194,.20); color: var(--white); } #root .link-btn a.inv.overlay-mint:active, #root button.inv.overlay-mint:active { border-color: var(--mint); background: var(--mint); color: var(--white); } #root .link-btn a.overlay-a.inv, .module-entry.plain .list-entry li.link-btn a { box-shadow: none; border-color: var(--mint); background: none; color: var(--mint); } [data-whatintent="mouse"] #root .link-btn a.overlay-a.inv:hover, [data-whatintent="mouse"] .module-entry.plain .list-entry li.link-btn a:hover, [data-whatintent="mouse"] .module-featured.box .link-btn a:hover { border-color: var(--fern); background: var(--fern); color: var(--white); } #root .link-btn a.overlay-a:active, #root .link-btn a.overlay-a.inv:active, [data-whatintent="mouse"] #root .link-btn a.overlay-a.inv:active, #root .module-entry.plain .list-entry li.link-btn a:active, [data-whatintent="mouse"] #root .module-entry.plain .list-entry li.link-btn a:active, [data-whatintent="mouse"] #root .link-btn a.overlay-a.inv:active, #root .module-featured.box .link-btn a:active { box-shadow: 0 1px 2px rgba(112,144,176,.4); border-color: var(--gulf); background: var(--gulf); color: var(--white); } .link-btn a.inv.overlay-white { --btn_def: var(--white); } .link-btn a.compact { min-width: 0; padding: 6px 12px; border-radius: 4px; border-width: 1px; font-size: 14px; font-family: var(--font_content); font-weight: 400; text-transform: none; } .link-btn a.compact i { top: 0; margin-right: 3px; margin-left: 0; font-size: 0.8571428571em; } .link-btn a.compact i.icon-chevron-down, .link-btn a.compact i.icon-chevron-up { top: -.25em; margin-left: 2px; margin-right: 0; font-size: .5em; } #root .link-btn a.compact:hover, #root .link-btn a.compact:hover i { -webkit-transform: none; transform: none; } .link-btn a.compact2 { min-width: 0; margin-top: 0; padding: 11px 15px; border-radius: 4px; border-width: 1px; font-size: 14px; } .link-btn a.wide, .link-btn.wide a { width: 100%; } .link-btn a.inline { min-width: 0; padding: 0; box-shadow: none; border-width: 0; background: none; } [data-whatintent="mouse"] #root .link-btn a.inline:hover { box-shadow: none; border-width: 0; background: none; text-decoration: underline; } .link-btn a.inline:not([class*="overlay-"]), [data-whatintent="mouse"] #root .link-btn a.inline:not([class*="overlay-"]):hover { color: var(--btn_def); } #root .link-btn a.inline i { margin-left: 0; } .link-btn a i, button i, .list-title i { display: inline-block; position: relative; top: .075em; min-width: 0; margin: 0 8px 0 -5px; font-size: 1em; line-height: 1px; } [data-whatintent="mouse"] .link-btn a:hover i, [data-whatintent="mouse"] button:hover i { -webkit-transform: translateX(-4px); transform: translateX(-4px); } .link-btn a i.icon-calendar:before, .list-title i.icon-calendar:before { content: "\e92c"; } .link-btn a i.icon-check, button i.icon-check, .list-title i.icon-check { top: .2em; margin-right: 7px; font-size: 1.125em; } .link-btn a i.icon-check:before, button i.icon-check:before, .list-title i.icon-check:before { content: "\e959"; } .link-btn a i.icon-award-check, button i.icon-award-check, .list-title i.icon-award-check { top: .2em; margin-right: 9px; font-size: 20px; } .link-btn a i.icon-award-check-empty, button i.icon-award-check-empty, .list-title i.icon-award-check-empty { top: .2em; margin-left: -4px; margin-right: 4px; font-size: 24px; } .link-btn a i.icon-user, .link-btn a i.icon-user2, .list-title i.icon-user, .list-title i.icon-user2 { font-size: 1.125em; } .link-btn a i.icon-check, .list-title i.icon-check { top: .1em; font-size: 0.9285714286em; } .link-btn a i.icon-check:before, .list-title i.icon-check:before { content: "\e947"; } .link-btn a i[class*="icon-check-circle"], button i[class*="icon-check-circle"], .list-title i[class*="icon-check-circle"] { margin-left: 8px; } .link-btn a i.icon-arrow-right, button i.icon-arrow-right, .list-title i.icon-arrow-right { margin-left: 12px; margin-right: 0; } .link-btn a i[class*="icon-chevron"][class*="down"], button i[class*="icon-chevron"][class*="down"], .list-title i[class*="icon-chevron"][class*="down"] { top: -.25em; font-size: 8px; } [data-whatintent="mouse"] .link-btn a:hover .icon-arrow-right, [data-whatintent="mouse"] button:hover .icon-arrow-right { -webkit-transform: translateX(8px); transform: translateX(8px); } [data-whatintent="mouse"] .link-btn a:hover i.icon-award-check, [data-whatintent="mouse"] button:hover i.icon-award-check, [data-whatintent="mouse"] .link-btn a:hover i.icon-award-check-empty, [data-whatintent="mouse"] button:hover i.icon-award-check-empty { -webkit-transform: scale(1.3); transform: scale(1.3); } .link-btn > span.strong { display: block; width: 100%; font-weight: 900; font-family: var(--font_headers); line-height: var(--lh_head); } .link-btn > span.strong.s62 { margin-bottom: 36px; } .link-btn + h1, .link-btn + h2, .link-btn + h3, .link-btn + h4, .link-btn + h5, .link-btn + h6 { margin-top: 25px; } .link-btn + hr { margin-top: 54px; } .link-btn.box { display: block; position: relative; z-index: 2; margin-right: 0; padding: 32px 32px 14px; color: var(--white); font-size: 18px; text-align: center; } .link-btn.box:before { background: var(--pine); } .link-btn.box > * { display: block; float: none; width: 100%; margin: 0 0 18px; } .link-btn.box > .img, .link-btn.box > img { display: block; margin: 0 auto 8px; } .link-btn.box > .img:first-child, .link-btn.box > img:first-child { position: relative; top: -10px; margin-top: -32px; } /*.link-btn.compact {}*/ .link-btn.compact a, .link-btn a.compact, .submit.compact > *, button.compact, .compact button { min-width: 0; } .link-btn.cta { position: relative; z-index: 2; margin-bottom: 30px; padding-top: 47px; padding-bottom: 31px; font-size: 36px; font-family: var(--font_headers); font-weight: 700; } .link-btn.cta:before { right: 16px; border: 0 solid var(--mint); border-top-width: 3px; border-bottom-width: 3px; } .link-btn.cta > span:first-child { margin-right: 40px; } #root .link-btn.cta > .anchor { top: 2px; } .link-btn.sticky, #root .link-btn.sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 8; height: 82px; padding: 12px 4px .1px 20px; background: var(--coal); font-size: 16px; font-weight: 700; font-family: var(--font_headers); line-height: 1.25; } .link-btn.sticky a, #root .link-btn.sticky > * { display: block; position: relative; z-index: 2; width: auto; min-width: 0; margin: 0 16px 12px 0; } #root .link-btn.sticky > span { max-width: 170px; } .link-btn.sticky a { padding-left: 10px; padding-right: 10px; white-space: nowrap; } #root .link-btn.sticky, #root > .list-usp ~ .sticky.link-btn { -webkit-transform: none; transform: none; } #root .link-btn.sticky ~ #footer, #root .link-btn.sticky ~ #content:last-child { border-bottom: 82px solid rgba(0,0,0,0); } #root .link-btn.sticky .background { width: 110vw !important; } #root .link-btn.sticky.mobile-hide { left: auto; } .link-chat, .link-chat a { display: block; position: relative; z-index: 2; color: var(--white); font-size: 12px; font-family: var(--font_headers); font-weight: 700; line-height: 1.1666666667; text-align: center; text-transform: uppercase; } .link-chat a:not(.close) { width: 82px; height: 82px; color: inherit; text-decoration: none; } .link-chat a:not(.close):before { box-shadow: 0 4px 10px rgba(0,0,0,.07); border-radius: 90px; background: var(--tahiti); } .link-chat a span { display: block; width: 100%; height: 100%; } .link-chat a i { display: block; position: absolute; right: -38px; top: -24px; width: 68px; height: 68px; border-radius: 90px; background: var(--tahiti); font-size: 28px; line-height: 68px; } [data-whatintent="mouse"] .link-chat a:hover { --tahiti: var(--orange); } [data-whatintent="mouse"] .link-chat a:hover:before, [data-whatintent="mouse"] .link-chat a:hover span { -webkit-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } [data-whatintent="mouse"] .link-chat a:not(.close):hover i { font-size: 32px; -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } .link-chat a.close { display: block; overflow: hidden; position: absolute; left: -13px; top: -44px; z-index: 99; width: 44px; height: 44px; color: var(--tahiti); font-size: 14px; text-align: left; text-indent: -3000em; } #root .link-chat a.close:before { content: "\e902"; -webkit-transform: none; transform: none; } #root > .link-chat { position: fixed; left: 52px; bottom: 52px; margin: 0; z-index: 9; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } iframe, picture { width: 100%; } figure img ~ iframe { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; width: auto !important; height: auto !important; } figure { position: relative; z-index: 2; margin: 23px 0; } figure .img-overlay { display: block; background: var(--black); opacity: .3; background: radial-gradient(50% 50.00% at 50% 50.00%, rgba(217, 217, 217, 0.00) 0%, var(--black) 100%); } figure > a { display: block; position: relative; z-index: 2; } figure img ~ iframe { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; width: 100% !important; height: 100% !important; } figure:has(iframe[style*="aspect-ratio"]:first-child) { width: 100%; padding-top: 56.25%; } figure:has(iframe[style*="aspect-ratio"]:first-child) iframe { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; width: 100% !important; height: 100% !important; } figure:has(img ~ iframe), figure:has(iframe[style*="aspect-ratio"]:first-child) { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } figure .icon-play { display: block; position: absolute; left: 0; right: 0; top: 50%; z-index: 2; margin-top: -72px; border-radius: 999px; color: var(--white); font-size: 144px; line-height: 144px; text-align: center; } figure .icon-play { -webkit-transform: scale(0.875); transform: scale(0.875); } figure .icon-play:not(.overlay-fuscia) { mix-blend-mode: overlay; } figure .icon-play.small { font-size: 102px; opacity: .85; } figure .icon-play.small { -webkit-transform: scale(0.9); transform: scale(0.9); } figure .icon-play.small:before { content: "\e977"; } [data-whatintent="mouse"] #root figure a:hover .icon-play:before, [data-whatintent="mouse"] #root figure a:hover .icon-play:after { visibility: visible; opacity: 1; } figure .icon-play.overlay-fuscia { margin-top: -45px; font-size: 100px; line-height: 100px; } figure .icon-play.overlay-fuscia:after { left: 50%; right: auto; width: 100px; margin-left: -50px; border-radius: 99px; background: var(--fuscia); opacity: .5; } figure .icon-play.overlay-fuscia:before { content: "\e990"; display: block; opacity: .8; } [data-whatintent="mouse"] figure a:hover .icon-play.overlay-fuscia { font-size: 80px; } [data-whatintent="mouse"] figure a:hover .icon-play.overlay-fuscia:before, #root figure a:active .icon-play.overlay-fuscia:before { opacity: 1; } #root figure a:active .icon-play.overlay-fuscia { font-size: 120px; opacity: 1; -webkit-transform: scale(0.9); transform: scale(0.9); } [class*="orientation"] picture, picture[class*="orientation"], picture[style*="--ratio"], [style*="--ratio"] picture { display: block; position: relative; z-index: 2; width: 100%; padding-top: calc(var(--ratio) * 100%); } .orientation-stripe { --ratio: 0.62; } .orientation-landscape { --ratio: 0.75; } .orientation-square { --ratio: 1; } .orientation-portrait { --ratio: 1.25; } [class*="orientation"] img, [class*="orientation"] svg, [class*="orientation"] iframe, [class*="orientation"] video, [style*="--ratio"] img, [style*="--ratio"] svg, [style*="--ratio"] iframe, [style*="--ratio"] video, [class*="orientation"] picture video { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root [class*="orientation"] img, #root [style*="--ratio"] img { height: 100% !important; } /*.media-border {}*/ .media-border img, .media-border video, .media-border iframe, iframe.media-border, video.media-border, img.media-border { border: 1px solid var(--dove); } .media-box { width: 168px; height: 70px; margin: 0 auto 25px; padding: 5px; box-shadow: 0 3px 10px rgba(32,68,113,0.16); background: var(--white); } .media-box img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .media-enlarge { display: block; position: relative; z-index: 2; color: var(--mint); font-weight: 700; font-size: 14px; font-family: var(--font_headers); line-height: 1.5; text-align: right; text-transform: uppercase; letter-spacing: normal; } .media-enlarge > *, .media-enlarge > a > * { display: block; position: relative; z-index: 2; } .media-enlarge > * + *, .media-enlarge > a > * + * { margin-top: 20px; } #root .media-enlarge span.hover { visibility: hidden; position: absolute; left: -20px; right: -20px; top: -20px; bottom: -20px; z-index: 9; margin: 0; padding: 20px; background: rgba(0,0,0,.25); color: var(--white); opacity: 0; } .media-enlarge a { display: block; text-decoration: none; } .media-enlarge i { margin-left: 8px; } .media-enlarge .icon-resize:before { content: "\e98b"; } .media-overlay { position: relative; z-index: 2; margin-bottom: 46px; color: var(--white); } .media-overlay:before { background: var(--black); } .media-overlay + .cols-a { margin-top: 54px; } #root .media-overlay + .cols-a > aside > h1:first-child, #root .media-overlay + .cols-a > aside > h2:first-child, #root .media-overlay + .cols-a > aside > h3:first-child, #root .media-overlay + .cols-a > aside > h4:first-child, #root .media-overlay + .cols-a > aside > h5:first-child, #root .media-overlay + .cols-a > aside > h6:first-child { margin-top: -26px; } .media-overlay iframe { display: block; position: relative; z-index: 1; width: 100% !important; } .media-overlay img + iframe { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; width: 100% !important; height: 100% !important; background: var(--black); } .media-overlay.strong { max-width: 886px; margin-left: auto; margin-right: auto; padding-top: 90px; padding-bottom: 90px; } .media-wide { overflow: hidden; position: relative; z-index: 2; margin: 59px -184px; } .media-wide img, .media-wide img { max-width: 100vw !important; margin-left: auto; margin-right: auto; } .media-wide.text-start > * { float: left; } .media-wide.text-end > * { float: right; } .media-wide.offset { margin-left: var(--offset); margin-right: var(--offset); --offset: min(calc(-50vw + var(--glw) * 0.5), var(--rpn)); } .media-wide.overlay { margin-top: 35px; margin-bottom: 35px; padding: 26px 0; } .media-wide.overlay:before { background: var(--cerulean); } .module-featured + .media-wide.overlay, .module-landing + .media-wide.overlay { margin-top: -20px; } .form-tabs + .media-wide.overlay { margin-top: -23px; } /*! Lists --------- */ .list-answers { list-style: none; margin-top: 37px; font-size: 20px; } .list-answers:not(.module-box) { padding: 0; } .list-answers > li { margin: 0 0 44px; padding: 0 44px 5px; background: var(--press); } .list-answers > li:after { display: none; } .list-answers header { margin: 0 -44px 30px; padding: 30px 44px 5px; background: var(--fiord); color: var(--white); } .list-answers header h1, .list-answers header h2, .list-answers header h3, .list-answers header h4, .list-answers header h5, .list-answers header h6, .list-answers header .heading { color: var(--arctic); } #root .list-answers:not(.b) header p:not(.heading) { color: inherit; font-weight: 400; font-family: inherit; font-size: 1em; line-height: 1.5; text-transform: none; } #root .list-answers h1, #root .list-answers h2, #root .list-answers h3, #root .list-answers h4, #root .list-answers h5, #root .list-answers h6, #root .list-answers .heading { margin: 0 0 12px; font-size: 24px; } .list-answers:first-child { margin-top: 0; } .list-answers .list-tags { margin-bottom: 11px; font-family: var(--font_headers); font-size: 25px; } #root .list-answers .list-tags li { min-width: 110px; padding: 7px 20px; text-align: center; } #root .list-answers .list-tags li:before, #root .list-answers .list-tags li[class]:before { border-radius: 0; border-width: 1px; background: none; opacity: 1; } .list-answers.a { margin-top: 31px; color: var(--alto); font-family: var(--font_headers); font-weight: 700; font-size: 20px; line-height: 1.5; } .list-answers.a li { margin: 0; padding: 0; background: none; } .list-answers.a li + li { margin-top: 23px; } .list-answers.a li > span:first-child { display: block; margin: 0 0 14px; color: var(--pink); font-size: 14px; text-transform: uppercase; } .list-answers.module-box { color: var(--white); } .list-answers.module-box:before { border-width: 0; background: var(--firefly); } .list-answers.b { position: relative; z-index: 2; } .list-answers.b > li { margin: 0 0 16px; padding: 0 0 0 105px; background: none; } #root .list-answers.b > li.heading { margin-bottom: 26px; } .list-answers.b > li > div { width: 100%; max-width: 564px; } .list-answers.b > li > header { width: 105px; max-width: none; margin: 0 0 0 -105px; padding: 4px 0 0; background: none; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-answers.b > li > header, .list-answers.b > li > header * { font-size: 14px; font-family: var(--font_headers); font-weight: 700; line-height: var(--lh_head); text-transform: uppercase; } .list-answers.b .check.box { width: 100%; } .list-answers.b .scheme-heading textarea { height: 150px; min-height: 150px; } .list-answers.b.module-box { padding-bottom: var(--pt); } .list-answers.b > .close, .list-answers.b a { display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; color: var(--white); font-size: 10px; text-align: left; text-indent: -3000em; } .list-answers.b a:before { content: "\e915"; } html:has(.list-answers.b.module-box) #top, .cols:has(.list-answers.b.module-box) > figure { opacity: .25; pointer-events: none; } .list-box { list-style: none; width: auto; margin: 0 0 16px -16px; padding: 0; color: var(--white); line-height: 1.75; --pd: 8px; --pt: var(--pd); } .list-box:not(.text-center) { text-align: left; } .list-box:not([class*="width-"]) { --width: 50%; } .list-box li { position: relative; z-index: 3; width: var(--width); max-width: none; margin: 0 0 16px; padding: var(--pt) var(--pd) 10px; border-left: 16px solid rgba(0,0,0,0); font-size: 16px; } .list-box li:before { z-index: -2; background: var(--coal); } .list-box i { display: inline-block; position: relative; top: .3em; z-index: 2; min-width: 40px; margin: 0 10px 0 0; font-size: 40px; line-height: 1px; } .list-box i.icon-salary { top: .25em; font-size: 33px; } .list-box i.icon-office { top: .25em; font-size: 34px; } .list-box i.icon-retention { top: .25em; font-size: 35px; } .list-box i:before { background-size: 100% 100%; } .list-box i.icon-coin:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23ea9b0f' d='M40 20c0 11-9 20-20 20S0 31 0 20 9 0 20 0s20 9 20 20z'/%3E%3Cpath fill='%23ffaa01' d='M37.1 20a17.1 17.1 0 11-34.18.02A17.1 17.1 0 0137.1 20z'/%3E%3Cpath fill='%23fa9401' d='M21 9.5c4.4 0 6.6 2.6 6.8 6.1h-5.2c-.1-.9-.5-1.5-1.4-1.5-1 0-1.3.7-1.3 1.8 0 .7.3 1.6.6 2.6h4.3v3.8H21c-.2.9-.6 2-1.6 2.8H28v4.4H13.8l-.7-2.7c1.6-1.2 2.3-2.5 2.5-4.5H13v-3.8h2c-.2-1-.4-2.1-.4-3.2-.1-3.7 2.6-5.8 6.4-5.8z'/%3E%3Cpath fill='%23f9d511' d='M20.6 9c4.4 0 6.6 2.6 6.8 6.1h-5.2c-.1-.9-.5-1.5-1.4-1.5-1 0-1.3.7-1.3 1.8 0 .7.3 1.6.6 2.6h4.3v3.8h-3.8c-.2.9-.6 2-1.6 2.8h8.6V29H13.3l-.7-2.7c1.6-1.2 2.3-2.5 2.5-4.5h-2.6V18h2c-.2-1-.4-2.1-.4-3.2C14 11.1 16.7 9 20.6 9z'/%3E%3C/svg%3E"); color: rgba(0,0,0,0); } .list-box i.icon-salary:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 33.3'%3E%3Cpath fill='%23ea9b0f' d='M29.8 3.6A12.31 12.31 0 0112.4 21 12.31 12.31 0 0129.8 3.6z'/%3E%3Cpath fill='%23ffaa01' d='M28.5 4.9c4.1 4.1 4.1 10.8 0 14.9s-10.8 4.1-14.9 0c-4-4.2-4-10.8.1-14.9s10.7-4.1 14.8 0z'/%3E%3Cpath fill='%23fa9401' d='M17 7.3c1.9-1.9 4-1.7 5.6-.3l-2.3 2.3c-.4-.3-.9-.5-1.3-.1s-.3.9.2 1.3c.3.3.8.6 1.4.9l1.9-1.9 1.6 1.6-1.7 1.7c.3.5.6 1.1.5 1.9l3.7-3.7 1.9 1.9-6.1 6.1-1.4-.8c.2-1.2-.1-2.1-.9-3L19 16.3l-1.6-1.6.9-.9c-.6-.3-1.1-.8-1.6-1.2-1.6-1.6-1.3-3.7.3-5.3z'/%3E%3Cpath fill='%23f9d511' d='M16.6 7.3c1.9-1.9 4-1.7 5.6-.3L20 9.2c-.4-.3-.9-.5-1.3-.1s-.3.9.2 1.3c.3.3.8.6 1.4.9l1.9-1.9 1.6 1.6-1.7 1.7c.3.5.6 1.1.5 1.9l3.7-3.7 1.9 1.9-6.1 6.1-1.5-.9c.2-1.2-.1-2.1-.9-3l-1.1 1.1-1.6-1.4.9-.9c-.6-.3-1.1-.8-1.6-1.2-1.7-1.6-1.4-3.7.3-5.3z'/%3E%3Cpath fill='%23f39c56' d='M22.5 26.5l11.9-5.2c4.4-2.1 5.1.9 1.8 2.7-3.7 2-10.8 5-10.8 5l-2.8-.8v-1.7z'/%3E%3Cpath fill='%23fab67a' d='M22.5 33.3c-4.1-.5-20-3.3-20.4-3.3h-2v-9.4h2.4c4.3-1.1 5.5-2.9 11.4-1.9 1.6.3 9.7.7 13.7 1.2 2.7.3 3.4 3.6-2.3 3.9-6.1.2-8.9.3-8.9.3s5.5 2.3 7.3 2.9l13.1-4.7c3.6-1.7 4.1 1.4 1.8 2.7-2.1 1.2-9.3 5.4-16.1 8.3z'/%3E%3C/svg%3E"); color: rgba(0,0,0,0); } .list-box i.icon-office:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' version='1.1' viewBox='0 0 40 33.4' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:%234470a0%7D.st2%7Bfill:%232a3c53%7D.st3%7Bfill:%23dee2e4%7D.st4%7Bfill:%23d8d8d7%7D.st5%7Bfill:%23f0f0f0%7D.st6%7Bfill:%23b3b3b3%7D.st7%7Bfill:%23666%7D.st8%7Bfill:%238ecab6%7D.st9%7Bfill:%2365a890%7D.st12%7Bfill:%23ffaa01%7D%3C/style%3E%3Cpath d='M15.6 8.3h7.8v24.8h-7.8z' class='st1'/%3E%3Cpath d='M16.4 8.3h6.2v24.8h-6.2z' class='st2'/%3E%3Cpath d='M15.6 25h7.8v8.1h-7.8z' class='st1'/%3E%3Cpath d='M18.2 27.8c0 .7.6 1.3 1.3 1.3s1.3-.6 1.3-1.3c0-.7-.6-1.3-1.3-1.3-.7.1-1.3.6-1.3 1.3zm-.4 0c0-1 .8-1.7 1.7-1.7 1 0 1.7.8 1.7 1.7 0 1-.8 1.7-1.7 1.7-1 0-1.7-.7-1.7-1.7z' class='st2'/%3E%3Cpath d='M16.9 30.2H22V32h-5.1z' class='st3'/%3E%3Cpath d='M21.8 7.6h.4v17.5h-.4zM21 7.6h.4v17.5H21zM20.1 7.6h.4v17.5h-.4zM19.3 7.6h.4v17.5h-.4zM18.4 7.6h.4v17.5h-.4zM17.6 7.6h.4v17.5h-.4zM16.7 25h.5V7.6h-.5v15.5z' class='st4'/%3E%3Cpath d='M21.4 7.6h.4v17.5h-.4zM20.6 7.6h.4v17.5h-.4zM19.7 7.6h.4v17.5h-.4zM18.9 7.6h.4v17.5h-.4zM18 7.6h.4v17.5H18zM17.2 7.6h.4v17.5h-.4z' class='st5'/%3E%3Cpath d='M7.8 8.3h7.8v24.8H7.8z' class='st6'/%3E%3Cpath d='M8.6 8.3h6.2v24.8H8.6z' class='st7'/%3E%3Cpath d='M7.8 25h7.8v8.1H7.8z' class='st6'/%3E%3Cpath d='M10.4 27.8c0 .7.6 1.3 1.3 1.3.7 0 1.3-.6 1.3-1.3s-.6-1.3-1.3-1.3c-.7.1-1.3.6-1.3 1.3zm-.4 0c0-1 .8-1.7 1.7-1.7 1 0 1.7.8 1.7 1.7s-.8 1.7-1.7 1.7c-1 0-1.7-.7-1.7-1.7z' class='st7'/%3E%3Cpath d='M9.1 30.2h5.1V32H9.1z' class='st3'/%3E%3Cpath d='M14 7.6h.4v17.5H14zM13.2 7.6h.4v17.5h-.4zM12.3 7.6h.4v17.5h-.4zM11.5 7.6h.4v17.5h-.4zM10.6 7.6h.4v17.5h-.4zM9.8 7.6h.4v17.5h-.4zM8.9 7.6h.4v17.5h-.4z' class='st4'/%3E%3Cpath d='M13.6 7.6h.4v17.5h-.4zM12.8 7.6h.4v17.5h-.4zM11.9 7.6h.4v17.5h-.4zM11.1 7.6h.4v17.5h-.4zM10.2 7.6h.4v17.5h-.4zM9.4 7.6h.4v17.5h-.4z' class='st5'/%3E%3Cpath d='M0 8.3h7.8v24.8H0z' class='st8'/%3E%3Cpath d='M.8 8.3h6.1v24.8H.8z' class='st9'/%3E%3Cpath d='M0 25h7.8v8.1H0z' class='st8'/%3E%3Cpath d='M2.6 27.8c0 .7.6 1.3 1.3 1.3s1.3-.6 1.3-1.3-.6-1.3-1.3-1.3c-.7.1-1.3.6-1.3 1.3zm-.4 0c0-1 .8-1.7 1.7-1.7 1 0 1.7.8 1.7 1.7 0 1-.8 1.7-1.7 1.7-1 0-1.7-.7-1.7-1.7z' class='st9'/%3E%3Cpath d='M1.3 30.2h5.1V32H1.3z' class='st3'/%3E%3Cpath d='M6.2 7.6h.4v17.5h-.4zM5.4 7.6h.4v17.5h-.4zM4.5 7.6h.4v17.5h-.4zM3.7 7.6h.4v17.5h-.4zM2.8 7.6h.4v17.5h-.4zM2 7.6h.4v17.5H2zM1.1 7.6h.4v17.5h-.4z' class='st4'/%3E%3Cpath d='M5.8 7.6h.4v17.5h-.4zM5 7.6h.4v17.5H5zM4.1 7.6h.4v17.5h-.4zM3.3 7.6h.4v17.5h-.4zM2.4 7.6h.4v17.5h-.4zM1.6 7.6H2v17.5h-.4z' class='st5'/%3E%3Cpath fill='%23ccc' d='M26.2 32.3v-8.1l11.7-9.8L27.8 2.2l-4.9 4.1-.8-1 5.9-5 11.8 14.3-12.3 10.2.1 7.5z'/%3E%3Cpath fill='%2374b79f' d='M22.1 3.1h3.5v3.4h-3.5z' transform='rotate(-42.904 23.888 4.846)'/%3E%3Cpath d='M12.1 9.4l5.1-4.8c1.9-1.8 4.8-1.7 6.6.2 1.8 1.9 1.7 4.8-.2 6.6L18.1 16l-6-6.6zM23.1 31.2H31v2.3h-7.9z' class='st8'/%3E%3Cpath d='M37.5 14.2c0 .7.6 1.3 1.3 1.3.7 0 1.3-.6 1.3-1.3s-.7-1.2-1.4-1.2c-.3 0-.7.1-.9.4-.2.2-.3.5-.3.8zM26.7 1.3c0 .7.6 1.3 1.3 1.3.7 0 1.3-.6 1.3-1.3C29.3.6 28.7 0 28 0c-.8 0-1.3.6-1.3 1.3zM25.8 24.7c0 .7.6 1.3 1.3 1.3.7 0 1.3-.6 1.3-1.3s-.6-1.3-1.3-1.3c-.3 0-.7.1-.9.4s-.4.5-.4.9z' class='st12'/%3E%3C/svg%3E"); color: rgba(0,0,0,0); } .list-box i.icon-retention:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' version='1.1' viewBox='0 0 40 34.7' xml:space='preserve'%3E%3Cstyle%3E.st2%7Bfill:%2378b59f%7D.st5%7Bfill:%23221f1f%7D%3C/style%3E%3Cpath fill='none' d='M19.3 2L9.4 4.8c-.9.2-1.5.9-1.3 1.6l.7 2.4 13.1-3.7-.7-2.4c-.2-.6-1-.9-1.9-.7z'/%3E%3Cpath d='M8.1 6.4c-.2-.7.4-1.4 1.3-1.6L19.3 2c.9-.3 1.8.1 1.9.7l.7 2.4 1.7-.5-1-3.5C22.4.5 21.4-.2 20.5 0L7.3 3.7c-.9.3-1.3 1.4-1.2 2l1 3.5 1.7-.5-.7-2.3zM35.4 21.5L32.1 9.7l-14.4 5.5-15.2 2.6 3.3 12z' class='st2'/%3E%3Cpath fill='%238ecab6' d='M32.1 9.7l.6-.2-2-6.9-7.2 2-1.6.5L8.8 8.7l-1.7.5-7.1 2 1.9 6.7.6-.1 15.2-2.6z'/%3E%3Cpath fill='%23ffaa01' d='M16.4 13.3h3.3v3.5h-3.3z' transform='rotate(-15.549 18.065 15.046)'/%3E%3Cpath d='M18.6 14.5c.1.3-.1.7-.4.8-.3.1-.7-.1-.8-.4s.1-.7.4-.8c.2 0 .3 0 .5.1.1 0 .2.1.3.3z' class='st5'/%3E%3Cpath d='M17.8 14.7h.6v1.2h-.6z' class='st5' transform='rotate(-15.557 18.148 15.306)'/%3E%3Cpath fill='%234470a0' d='M36.9 11.3c-.6-.3-1.3-.2-1.8.2-.5.5-.6 1.2-.3 1.8.3-.2.6-.2.9-.1.3.2.4.5.4.8.7 0 1.2-.5 1.4-1.1.3-.6 0-1.3-.6-1.6zM19 19.6l3-3.3-.2 4.5-.9-.4c-.2 3.1 1 6.2 3.4 8.3l8.2-12.6-.9-.5c-.3.2-.7.1-1-.1-.3-.3-.3-.7-.1-1 .2-.3.6-.5.9-.3.4.1.6.5.6.8l.9.5.7-1.1c-.8-1.2-.7-2.8.3-3.9s2.6-1.3 3.9-.6c1.3.7 1.9 2.3 1.4 3.7-.4 1.4-1.8 2.3-3.2 2.2l-.6 1.2.9.5c.3-.2.7-.2 1 .1.3.3.3.7.2 1-.2.3-.6.5-.9.4-.4-.1-.6-.4-.6-.8l-1-.7-7 13.4c3 1 6.3.5 8.9-1.2l-.7-.5 3.8-2.4-1.4 4.2-.8-.6a10.5 10.5 0 01-13.7 2.9c-4.6-2.7-6.5-8.4-4.3-13.3l-.8-.4z'/%3E%3C/svg%3E"); color: rgba(0,0,0,0); } .list-box i.icon-pin:before { content: "\e91b"; color: var(--wine); } .list-box i.icon-check-circle:before { top: .35em; color: var(--mint); font-size: 62px; } .list-box a { display: block; position: relative; color: var(--white); text-decoration: none; } .list-box img { margin-bottom: 7px; } .list-box .header-line:before { max-width: 40px; } .list-box li > figure:first-child:last-child { margin-bottom: 0; padding: 6px; } .list-box li.border > figure { background: none; } .list-box figure.border { position: relative; z-index: 2; min-height: 140px; padding: 10px; border: 20px solid var(--coal); background: var(--coal); } .list-box figure.border:before { border-radius: 4px; background: var(--white); } .list-box li.border > figure img, .list-box figure.border img { width: auto !important; } .list-box .compact img { height: 40px !important; } .list-box ul { margin-bottom: 14px; } .list-box h1 + ul, .list-box h2 + ul, .list-box h3 + ul, .list-box h4 + ul, .list-box h5 + ul, .list-box h6 + ul { margin-top: 4px; } .list-box .scheme-label + .link-btn, .list-box .scheme-label + .scheme-label { margin-top: 4px; } #root .list-box li.link { display: block; width: 100%; padding: 0; text-align: right; } #root .list-box li.link:not(:first-child) { margin-top: 8px; } .list-box li.link:before { display: none; } .list-box li.link a { margin: 0; color: var(--mint); } .list-box li.link a:before { content: "\e911"; left: auto; right: -40px; visibility: hidden; width: auto; font-size: 12px; opacity: 0; -webkit-transform: translateX(-40px); transform: translateX(-40px); } #root .list-box .s18 { margin-bottom: 13px; font-size: 18px; } #root .list-box .s18 + .link-btn { margin-top: 8px; } #root .list-box figure + .s18 { margin-top: -6px; } #root .list-box .s20 { margin-bottom: 14px; font-size: 20px; } h1 + .list-box, h2 + .list-box, h3 + .list-box, h4 + .list-box, h5 + .list-box, h6 + .list-box { margin-top: -2px; } .list-box + h1, .list-box + h2, .list-box + h3, .list-box + h4, .list-box + h5, .list-box + h6 { margin-top: 26px; } .list-box + .link-btn { margin-top: 28px; } .list-box.a { margin-top: 34px; margin-bottom: 18px; margin-left: -18px; color: var(--coal); font-weight: 700; font-size: 20px; font-weight: 700; font-family: var(--font_headers); line-height: 1.5; text-align: center; --width: 20%; --pd: 10px; --pt: 18px; } .list-box.a li { min-height: 168px; margin-bottom: 18px; padding: var(--pt) var(--pd) .1px; border-left-width: 18px; font-size: 1em; } .list-box.a li:before { border: 1px solid var(--dove); background: var(--white); } .list-box.a li:after { width: auto; height: auto; border-radius: 0; background: none; } [data-whatintent="mouse"] .list-box.a li.has-link:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } [data-whatintent="mouse"] .list-box.a li.has-link:hover:after { bottom: -5px; } .list-box.a li > span { display: block; width: 100%; margin: auto 0; } .list-box.a .link-btn { margin-top: 0; margin-bottom: 0; padding-top: 22px; } .list-box.a .link-btn a { width: 100%; min-width: 0; margin-bottom: 10px; } .module-wide .list-box.a { color: var(--white); } .module-wide .list-box.a li:before { background: rgba(255,255,255,.25); } [data-whatintent="mouse"] .module-wide .list-box.a li.has-link:hover { color: var(--coal); } [data-whatintent="mouse"] .module-wide .list-box.a li.has-link:hover:before { background: var(--white); } .list-box.b { margin-left: -20px; margin-bottom: 10px; font-size: 18px; line-height: var(--lh_main); --pd: 20px; } .list-box.b li { margin-bottom: 20px; padding: var(--pt) var(--pd) .1px; border-left-width: 20px; } .list-box.b li:before { border-radius: 6px; } .list-box.b figure { width: calc(100% + 40px); margin: 0 calc(0px - var(--pd)) var(--pt); } .list-box.b figure:first-child { overflow: hidden; margin-top: calc(0px - var(--pt)); border-radius: 6px 6px 0 0; } .list-box.b img { margin-bottom: 0; } /*.list-box.b .link-btn {}*/ .list-box.b .link-btn:not(:first-child) { margin-top: auto; padding-top: 4px; } .list-box.b .link-btn:last-child { margin-bottom: 4px; } .list-box.b .link-btn/*, .list-box.b .link-btn a*/ { width: calc(100% + 16px); border-radius: 4px; } .list-box.b p { margin-bottom: 15px; } .list-box.b .scheme-label { margin-bottom: 16px; margin-right: 16px; } #root .list-box.b .scheme-label.m10 { margin-bottom: 11px; } .list-box.b .scheme-rating { margin-top: auto; } .list-box.b h1, .list-box.b h2, .list-box.b h3, .list-box.b h4, .list-box.b h5, .list-box.b h6, .list-box.b .heading { margin: 0 0 9px; font-size: 24px; line-height: 1.5; } .list-box.b h1 + .scheme-rating, .list-box.b h2 + .scheme-rating, .list-box.b h3 + .scheme-rating, .list-box.b h4 + .scheme-rating, .list-box.b h5 + .scheme-rating, .list-box.b h6 + .scheme-rating { margin-top: 8px; } .list-box.b + * { margin-top: 0; } /*.list-box.desktop-wide-c {}*/ #root .list-box.desktop-wide-c > li:before { z-index: -2; border-radius: 5px; /*border: 5px solid var(--coal);*/ background: var(--coal); } #root .list-box.desktop-wide-c > li:after { content: ""; display: block; position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; z-index: -1; width: auto; height: auto; border-radius: 3px; background: var(--white); } .list-box.desktop-wide-c h1, .list-box.desktop-wide-c h2, .list-box.desktop-wide-c h3, .list-box.desktop-wide-c h4, .list-box.desktop-wide-c h5, .list-box.desktop-wide-c h6 { font-size: 20px; } .list-box.featured { margin-left: -16px; margin-bottom: 34px; color: var(--mint); font-weight: 700; font-family: var(--font_headers); line-height: 1.4444444444; --width: 33.3333333%; --pd: 20px; --pt: 26px; --hz: 52px; --hm: 18px; } .w720 .list-box.featured:not(.fta) { margin-left: -201px; margin-right: -185px; } .list-box.featured li { padding: var(--pt) var(--pd) .1px; font-size: 18px; } .list-box.featured li.wide { width: 100%; } .list-box.featured h1, .list-box.featured h2, .list-box.featured h3, .list-box.featured h4, .list-box.featured h5, .list-box.featured h6, .list-box.featured .heading { width: 100%; margin: 0 0 var(--hm); color: var(--white); font-size: var(--hz); line-height: 1; } .list-box.featured p { width: 100%; margin: 0 0 24px; font-size: 18px; } .list-box.featured h1 + p.strong, .list-box.featured h2 + p.strong, .list-box.featured h3 + p.strong, .list-box.featured h4 + p.strong, .list-box.featured h5 + p.strong, .list-box.featured h6 + p.strong, .list-box.featured .heading + p.strong { margin-top: -6px; } .list-box.featured .link-btn { margin-bottom: 3px; padding: 0 5px; } .list-box.featured .link-btn:last-child { margin-top: auto; } .list-box.featured .link-btn a { margin-right: 0; } .module-featured.welcome + .list-box.featured { margin-top: -39px; } .list-box.featured + h1, .list-box.featured + h2, .list-box.featured + h3, .list-box.featured + h4, .list-box.featured + h5, .list-box.featured + h6, .list-box.featured + *:not(.module-wide) > h1:first-child, .list-box.featured + *:not(.module-wide) > h2:first-child, .list-box.featured + *:not(.module-wide) > h3:first-child, .list-box.featured + *:not(.module-wide) > h4:first-child, .list-box.featured + *:not(.module-wide) > h5:first-child, .list-box.featured + *:not(.module-wide) > h6:first-child { margin-top: 46px; } .list-box.featured.m20 + * > h1:first-child, .list-box.featured.m20 + * > h2:first-child, .list-box.featured.m20 + * > h3:first-child, .list-box.featured.m20 + * > h4:first-child, .list-box.featured.m20 + * > h5:first-child, .list-box.featured.m20 + * > h6:first-child, .list-box.featured.m0 + * > h1:first-child, .list-box.featured.m0 + * > h2:first-child, .list-box.featured.m0 + * > h3:first-child, .list-box.featured.m0 + * > h4:first-child, .list-box.featured.m0 + * > h5:first-child, .list-box.featured.m0 + * > h6:first-child { margin-top: 0; } /*.list-box.featured.fta {}*/ .list-box.featured.fta li { min-height: 300px; } .list-box.inv { color: var(--coal); } .list-box.inv li:before { box-shadow: 0 8px 24px rgba(112,144,176,.1); background: var(--white); } .list-box.inv li.border:before { box-shadow: none; border: 1px solid var(--venus); } .list-box.strong { font-weight: 700; font-family: var(--font_headers); line-height: 1.5; --pd: 30px; --pt: 11px; } .list-box.strong li { min-height: 131px; padding: 11px var(--pd); font-size: 30px; } .list-box.strong li > span:first-child { display: block; width: 100%; margin: 14px 0; color: var(--mint); font-size: 16px; text-transform: uppercase; } .list-box.strong.inv li > span:first-child { margin-bottom: 2px; } .list-box.strong.aside i { top: 0; margin-right: 34px; line-height: 1; } .list-box.wide { margin-top: 20px; --width: 100%; --pt: 20px; } .list-box.wide li { min-height: 131px; padding-bottom: 20px; font-size: 28px; } .list-box.wide i { top: 0; margin-right: 26px; font-size: 2.1428571429em; line-height: 1; } .list-box.wide.featured li { width: 100%; min-height: 210px; } /*#root .aal-list-box {}*/ #root .aal-list-box li { min-height: 164px; --mr_main: 10px; } #root .aal-list-box p { margin-bottom: var(--mr_main); } #root .aal-list-box li[class*="step-"] { color: var(--white); } #root .aal-list-box li[class*="step-"]:before, #root .aal-list-box li[class*="step-"]:after { background: var(--coal); } #root .aal-list-box li[class*="step-"] #root .aal-list-box li[class*="step-"] figure { border-color: rgba(0,0,0,0); background: none; } #root .aal-list-box li[class*="step-"] footer { margin-top: 0; padding-top: 0; } #root .aal-list-box li[class*="step-"] .check label { font-size: 14px; line-height: 1.5; pointer-events: none; } #root .aal-list-box li[class*="step-"] .check label:before { pointer-events: auto; } #root .aal-list-box li[class*="step-"] .check a { display: inline; color: var(--mint); text-decoration: underline; pointer-events: auto; } #root .aal-list-box li[class*="step-"] * .link-btn { display: block; } #root .aal-list-box li[class*="step-"] .link-btn > * { margin-bottom: 12px; } #root .aal-list-box li[class*="step-"] .link-btn button[disabled] { color: var(--smoke); opacity: 1; --btn_def: var(--venus); pointer-events: none; } #root .aal-list-box li[class*="step-"] .link-btn a.inline { color: var(--white); font-size: 14px; font-weight: 400; font-family: var(--font_content); text-decoration: underline; text-transform: none; opacity: .5; --btn_def: var(--white); } [data-whatintent="mouse"] #root .aal-list-box li[class*="step-"] .link-btn a.inline:hover, [data-whatintent="mouse"] #root .aal-list-box li[class*="step-"] .check a:hover { text-decoration: none; } #root .aal-list-box li[class*="step-"] .heading { margin-bottom: var(--mr_main); color: var(--white); font-size: 18px; line-height: 1.5; } #root .aal-list-box li.step-success p.heading { font-size: 20px; } #root .aal-list-box li[class*="step-"] > div, #root .aal-list-box li[class*="step-"] > .link-btn, #root .aal-list-box li[class*="step-"] figure:before { display: none; } #root .aal-check-panels li[class*="step-"] { padding: 21px 16px 21px 34px; color: var(--white); -webkit-transform: none; transform: none; } #root .aal-check-panels li[class*="step-"] { transition-property: transform; } #root .aal-check-panels li[class*="step-"] > label, #root .aal-check-panels li[class*="step-"] > figure ,#root .aal-check-panels li[class*="step-"]:after { display: none; } #root .aal-check-panels li[class*="step-"]:before { border-width: 0; background: var(--coal); } #root .aal-check-panels li[class*="step-"] p { margin: 0; } #root .aal-check-panels li[class*="step-"] label { margin: 0; padding-left: 64px; color: inherit; /*font-weight: var(--fw); font-family: var(--ff);*/ font-size: 14px; font-weight: 400; font-family: var(--font_content); line-height: var(--lh_main); pointer-events: none; } .aal-check-panels li[class*="step-"] label:before, .aal-check-panels li[class*="step-"] label a { pointer-events: auto; } .aal-check-panels li[class*="step-"] label:after { display: none; } /*.aal-check-panels li[class*="step-"] label:after { top: 50%; margin-top: -14px; pointer-events: auto; } .aal-check-panels li[class*="step-"] label svg { top: 50%; margin-top: -7px; }*/ [data-whatintent="mouse"] #root .check.panels.aal-check-panels li:hover label:before { content: ""; } #root .aal-check-panels .step-success p { font-size: 18px; font-weight: 700; font-family: var(--font_headers); line-height: 1.5; text-align: center; } #root .aal-check-panels .step-success svg { display: block; width: 100%; height: 38px; margin: 0 auto 30px; fill: var(--mint); } .list-box-inline { list-style: none; padding: 0; --bg: var(--coal); --pd: 30px; --pd2: 13px; } .list-box-inline li { position: relative; z-index: 3; margin: 0 0 20px; padding: 0 var(--pd2) 5px var(--pd); } .list-box-inline li:before { left: 2px; right: 2px; top: 2px; bottom: 2px; z-index: -1; border-radius: 5px; background: var(--press); } .list-box-inline li:after { z-index: -2; width: auto; height: auto; border-radius: 7px; background: var(--bg); } .list-box-inline header { margin: 0 calc(0px - var(--pd2)) 20px calc(0px - var(--pd)); padding: 12px var(--pd2) .1px var(--pd); border-radius: 7px 7px 0 0; background: var(--bg); color: var(--white); font-family: var(--font_headers); } .list-box-inline header .scheme-label { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-box-inline header p { margin-bottom: 12px; font-size: 14px; } .list-box-inline header a { color: inherit; } .list-box-inline h1, .list-box-inline h2, .list-box-inline h3, .list-box-inline h4, .list-box-inline h5, .list-box-inline h6 { margin: 0 0 12px; color: inherit; font-size: 20px; line-height: 1.5; } .list-box-inline h1 a, .list-box-inline h2 a, .list-box-inline h3 a, .list-box-inline h4 a, .list-box-inline h5 a, .list-box-inline h6 a { color: inherit; text-decoration: none; } [data-whatintent="mouse"] .list-box-inline h1 a:hover, [data-whatintent="mouse"] .list-box-inline h2 a:hover, [data-whatintent="mouse"] .list-box-inline h3 a:hover, [data-whatintent="mouse"] .list-box-inline h4 a:hover, [data-whatintent="mouse"] .list-box-inline h5 a:hover, [data-whatintent="mouse"] .list-box-inline h6 a:hover { text-decoration: underline; } .list-box-inline .s14 { font-family: var(--font_headers); white-space: nowrap; } .list-box-inline p.s14 { margin-bottom: 6px; } .list-box-inline .double .s14 { margin-top: -12px; } .list-box-inline .s14 img, .list-box-inline .s14 .img { display: block; max-width: none !important; margin: 6px auto 0; background: var(--white); } .list-box-inline .s14 .img img { margin: 0; } .list-btn { position: relative; z-index: 2; list-style: none; margin: 29px 0 10px -16px; padding: 27px 0 0; color: var(--white); font-weight: 700; font-family: var(--font_headers); line-height: 1.5; } .list-btn:before, .cols-a + .w720 > .list-btn:first-child:before { display: block; left: 16px; border-top: 2px solid var(--venus); } .list-btn li { position: relative; z-index: 2; width: 50%; max-width: none; margin: 0 0 16px; border-left: 16px solid rgba(0,0,0,0); font-size: 20px; } .list-btn a { display: block; overflow: hidden; position: relative; z-index: 2; padding: 14px 56px 14px 23px; background: var(--mint); color: var(--white); text-decoration: none; } .list-btn a:before { content: "\e911"; left: auto; right: 23px; font-size: 15px; } [data-whatintent="mouse"] .list-btn a:hover { box-shadow: 0 8px 20px rgba(112,144,176,.2); background: var(--fern); } [data-whatintent="mouse"] .list-btn a:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } [data-whatintent="mouse"] .list-btn a:hover:before { right: 18px; } [data-whatintent="mouse"] .list-btn a:hover:after { bottom: -3px; } [data-whatintent="mouse"] .list-btn a:active, #root .list-btn a:active { box-shadow: none; background: var(--gulf); color: var(--aca); } #root .list-btn a:active:after, #root link-btn a:active:before, #root button:active:before { bottom: 0; } #root .list-btn a:active:before { -webkit-transform: translate(150%) scale(1.75, 1); transform: translate(150%) scale(1.75, 1); } .list-btn:first-child { margin-top: 0; padding-top: 0; } .link-btn + .list-btn { margin-top: -10px; } #root .list-btn + h1, #root .list-btn + h2, #root .list-btn + h3, #root .list-btn + h4, #root .list-btn + h5, #root .list-btn + h6 { margin-top: 34px; } #root .m30 + .list-btn { margin-top: 0; padding-top: 0; } #root .m30 + .list-btn:before { display: none; } .list-btn.a { line-height: 1.5; } .list-btn.a li { margin-bottom: 11px; font-size: 16px; } .list-btn.a a { min-height: 74px; padding: 13px /*50px*/ 30px 13px 30px; box-shadow: 0 4px 20px rgba(112,144,176,0.301); background: var(--white); color: var(--mint); } [data-whatintent="mouse"] .list-btn.a a:hover { box-shadow: 0 8px 20px rgba(112,144,176,0.2); background: var(--white); } #root .list-btn.a a:before { content: ""; left: 0; right: auto; top: 0; bottom: 0; width: 7px; margin: 0; padding: 0; background: var(--mint); } #root .list-btn.a a:active { box-shadow: 0 1px 2px rgba(112,144,176,0.4); background: var(--press); } .list-btn.b { line-height: var(--lh_main); } .list-btn.b li { padding: 46px 28px .1px; font-size: 18px; } .list-btn.b li:before { background: var(--coal); } .list-btn.b li > * { display: block; margin-bottom: 28px; } .list-btn.b a { width: 100%; margin-right: 0; margin-top: auto; padding: 17px; background: var(--btn_def); font-size: 16px; text-transform: uppercase; text-align: center; } #root .list-btn.wide li { width: 100%; max-width: none; } .list-chat { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; font-size: 14px; font-family: var(--font_extra_3); line-height: 1.7142857143; } .list-chat li { margin: 0 0 4px; padding-right: 22px; font-size: 1em; font-weight: 400; text-align: left; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; } .list-chat li h1, .list-chat li h2, .list-chat li h3, .list-chat li h4, .list-chat li h5, .list-chat li h6 { width: 100%; margin: 0 0 6px; color: inherit; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.7142857143; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; } .list-chat li h1 span, .list-chat li h2 span, .list-chat li h3 span, .list-chat li h4 span, .list-chat li h5 span, .list-chat li h6 span { margin-left: 4px; font-weight: 400; } #root .list-chat h1 .scheme-label, #root .list-chat h2 .scheme-label, #root .list-chat h3 .scheme-label, #root .list-chat h4 .scheme-label, #root .list-chat h5 .scheme-label, #root .list-chat h6 .scheme-label { display: block; position: relative; top: 5px; margin: -10px 0 0 auto; padding: 3px 7px; font-family: var(--font_extra_4); font-size: 13px; font-weight: 900; line-height: 1.2; } #root .list-chat h1 .scheme-label span, #root .list-chat h2 .scheme-label span, #root .list-chat h3 .scheme-label span, #root .list-chat h4 .scheme-label span, #root .list-chat h5 .scheme-label span, #root .list-chat h6 .scheme-label span { color: inherit; font-weight: inherit; } .list-chat .icon-pin:before { content: "\e970"; } .list-chat p, .list-chat figure { position: relative; width: 100%; margin: 0 0 10px; padding: 13px 18px; border-radius: 7px; background: var(--gallery); font-size: 1em; line-height: inherit; } .list-chat figure { width: auto; padding: 18px; } .list-chat img + *, .list-chat * + img { display: block; margin-top: 10px; } .list-chat p a .list-chat figure a { color: var(--btn_def); } .list-chat li.strong p, .list-chat li.strong figure { background: var(--lavenda); color: var(--white); } .list-chat li.strong p a, .list-chat li.strong figure a { color: inherit; } .list-chat li.strong .link-btn:before { background: var(--lavenda); } .list-chat img { display: block; } .list-chat p .link-btn, .list-chat figure .link-btn { visibility: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; margin: 0; padding: 7px 3px 0 10px; opacity: 0; } .list-chat p .link-btn, .list-chat figure .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; } .list-chat p .link-btn, .list-chat figure .link-btn, .list-chat p .link-btn a i, .list-chat figure .link-btn a i { transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: -.1s; } .list-chat p .link-btn:before, .list-chat figure .link-btn:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; border-radius: 7px; background: var(--gallery); text-align: left; text-indent: -3000em; direction: ltr; opacity: .9; } .list-chat p .link-btn a, .list-chat figure .link-btn a { display: block; width: auto; min-width: 0; margin: 0 7px 7px 0; padding: 7px 11px; border-radius: 7px; color: var(--white); font-weight: 900; font-family: var(--font_extra_4); font-size: 12px; text-transform: none; } .list-chat p .link-btn a, .list-chat figure .link-btn a { -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: scaleX(.9); transform: scaleX(.9); } #root .list-chat p .link-btn a i, #root .list-chat figure .link-btn a i { display: inline-block; position: relative; top: .1em; margin: 0 5px 0 0; padding: 0; font-size: 1em; line-height: 1px; } #root .list-chat p .link-btn a i, #root .list-chat figure .link-btn a i { -webkit-transform: none; transform: none; } #root .list-chat p .link-btn a i.icon-trash, #root .list-chat figure .link-btn a i.icon-trash { top: .15em; font-size: 1.25em; } [data-whatintent="mouse"] #root .list-chat p .link-btn a:hover i.icon-trash, [data-whatintent="mouse"] #root .list-chat figure .link-btn a:hover i.icon-trash { -webkit-transform: scale(1.11111111); transform: scale(1.11111111); } [data-whatintent="mouse"] .list-chat p .link-btn a.overlay-cerulean:hover { border-color: var(--cerulean); background: var(--cerulean); color: var(--white); } [data-whatintent="mouse"] .list-chat p .link-btn a.overlay-wine:hover { border-color: var(--wine); background: var(--wine); color: var(--white); } .list-chat p .link-btn a.compact, .list-chat figure .link-btn a.compact { width: 32px; height: 32px; padding-left: 0; padding-right: 0; } #root .list-chat p .link-btn a.compact i, #root .list-chat figure .link-btn a.compact i { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; margin: 0; line-height: 28px; text-align: center; } [data-whatintent="mouse"] .list-chat p:hover .link-btn, [data-whatintent="mouse"] .list-chat figure:hover .link-btn, .mobile .list-chat .toggle-link-btn .link-btn { visibility: visible; opacity: 1; } [data-whatintent="mouse"] .list-chat p:hover .link-btn a, [data-whatintent="mouse"] .list-chat figure:hover .link-btn a, .mobile .list-chat .toggle-link-btn .link-btn a { -webkit-transform: none; transform: none; } .list-chat li.text-right { padding-right: 0; padding-left: 64px; } .list-chat li.text-right { -webkit-align-items: flex-end; align-items: flex-end; } .list-chat li:before, .list-chat li:after { display: none; } .list-cols { list-style: none; margin: 0 0 3px -16px; padding: 0; text-align: center; } .list-cols li { position: relative; z-index: 2; width: 25%; margin: 0 0 37px; border-left: 16px solid rgba(0,0,0,0); } .list-cols figure { margin: 0 0 28px; text-align: center; } #root .list-cols figure { position: relative; left: 0; top: 0; width: auto; margin-left: 0; } .list-cols h1, .list-cols h2, .list-cols h3, .list-cols h4, .list-cols h5, .list-cols h6, .list-cols .heading { margin: 0 0 14px; font-size: 24px; line-height: 1.4166666667; } .list-cols p { margin-bottom: 14px; } .list-cols.a { margin-bottom: 0; margin-left: -32px; font-size: 16px; line-height: 1.5; text-align: left; } .list-cols.a li { margin-bottom: 30px; border-left-width: 32px; } .list-cols.a h1, .list-cols.a h2, .list-cols.a h3, .list-cols.a h4, .list-cols.a h5, .list-cols.a h6, .list-cols.a .heading { margin-bottom: 9px; font-size: 14px; text-transform: uppercase; } /*.list-cols.b {}*/ .list-cols.b figure { margin-bottom: 24px; } .list-cols.b h1, .list-cols.b h2, .list-cols.b h3, .list-cols.b h4, .list-cols.b h5, .list-cols.b h6, .list-cols.b .heading { color: var(--mint); font-size: 18px; line-height: 1.4444444444; } .list-cols.c { font-size: 16px; line-height: 1.5; text-align: left; } .list-cols.c li { margin-bottom: 10px; } .list-cols.c figure { margin-bottom: 20px; } .list-cols.c h1, .list-cols.c h2, .list-cols.c h3, .list-cols.c h4, .list-cols.c h5, .list-cols.c h6 { margin-bottom: 14px; font-size: 20px; line-height: 1.5; } /*.list-cols.double {}*/ .list-cols.double li { width: 50%; } /*.list-cols.triple {}*/ .list-cols.triple li { width: 33.3333333333%; } .list-companies { list-style: none; margin: 0 0 0 -16px; padding: 0; } .list-companies li { position: relative; z-index: 2; width: 25%; margin: 0 0 47px; border-left: 16px solid rgba(0,0,0,0); } .list-companies li:before { left: -16px; top: -31px; border-top: 2px solid var(--alto); } .list-companies li:nth-child(4n+1):before { left: 0; } .list-companies figure { height: 108px; margin-bottom: 14px; padding: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.16); background: var(--white); } .list-companies figure a { width: 100%; height: 100%; text-decoration: none; } .list-companies .link-btn { display: block; margin-bottom: 0; margin-right: 0; } .list-companies .link-btn a { float: none; margin-bottom: 14px; margin-right: 0; } .list-companies .link-btn a.inv { background: var(--white); } .module-wide > .list-companies:last-child { margin-bottom: -14px; } .list-contact { list-style: none; margin-bottom: 8px; padding: 0; font-weight: 400; line-height: 1.2857142857; } .list-contact li { position: relative; z-index: 2; margin: 0 0 18px; padding: 0 0 0 43px; background: none; font-size: 14px; } .list-contact i { display: block; position: absolute; left: 0; top: -5px; width: 26px; height: 26px; margin: 0 auto 4px; border-radius: 26px; background: var(--white); color: var(--black); font-size: 13px; line-height: 26px; text-align: center; } .list-contact i[class*="plane"] { font-size: 12px; } .list-contact i[class*="pin"] { font-size: 15px; } .list-entry { position: relative; z-index: 2; list-style: none; margin: 36px 0 7px -10px; padding: 0 300px 0 0; line-height: 1.3333333333; } .list-entry:before { bottom: 24px; border-bottom: 2px solid var(--venus); } .list-entry:after { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 9; width: 10px; background: var(--white); } .list-entry li { position: relative; z-index: 2; width: 50%; margin-bottom: 26px; padding: 0 0 20px; border-left: 10px solid rgba(0,0,0,0); font-size: 18px; } .list-entry li.wide { width: 110%; } .list-entry li.link-btn { position: absolute; right: 0; bottom: 20px; width: auto; margin-top: 0; margin-bottom: 0; border-width: 0; } .list-entry li:before { left: -10px; bottom: -2px; border-bottom: 2px solid var(--venus); } .list-entry li > span:first-child { display: block; margin: 0 0 2px; color: var(--mint); font-weight: 700; font-family: var(--font_headers); font-size: 14px; text-transform: uppercase; } .list-entry.inline, .module-entry.compact .list-entry { margin-bottom: 25px; } .list-entry.inline li, .module-entry.compact .list-entry li { padding-bottom: 0; } .list-entry.inline li.link-btn, .module-entry.compact .list-entry li.link-btn { bottom: 6px; } .list-entry.static { display: block; margin-top: 34px; margin-bottom: 55px; padding-right: 0; } #root .list-entry.static li { width: 100%; margin-bottom: 10px; padding-bottom: 0; } .list-entry.static li:before { bottom: 0; } .list-events { list-style: none; margin-bottom: 64px; padding: 0; --hm: 14px; } .list-events li { position: relative; z-index: 2; width: 100%; min-height: 135px; margin: 0 0 32px; padding: 32px 32px 18px 276px; } .list-events li:before { box-shadow: 0 8px 20px rgba(9,11,3,.11); border: 4px solid var(--pickle); border-left-width: 260px; background: var(--white); } .list-events li > * { border-left: 32px solid rgba(0,0,0,0); } .list-events figure { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 260px; margin: 0; border: 20px solid var(--pickle); background: var(--white); } .list-events figure img { height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .list-events h1, .list-events h2, .list-events h3, .list-events h4, .list-events h5, .list-events h6, .list-events .heading { margin-bottom: var(--hm); font-size: 20px; } .list-events h1 a, .list-events h2 a, .list-events h3 a, .list-events h4 a, .list-events h5 a, .list-events h6 a, .list-events .heading a { font-weight: inherit; text-decoration: none; } [data-whatintent="mouse"] .list-events h1 a:hover, [data-whatintent="mouse"] .list-events h2 a:hover, [data-whatintent="mouse"] .list-events h3 a:hover, [data-whatintent="mouse"] .list-events h4 a:hover, [data-whatintent="mouse"] .list-events h5 a:hover, [data-whatintent="mouse"] .list-events h6 a:hover, [data-whatintent="mouse"] .list-events .heading a:hover { text-decoration: underline; } .list-events .link-btn { margin-left: auto; margin-bottom: -2px; margin-top: 0; } .list-events .link-btn a { min-width: 0; padding: 14px 16px; font-size: 14px; white-space: nowrap; } #root .list-events .link-btn a i, .popup-a .box-inset > footer .link-btn a i { display: inline-block; position: relative; top: .15em; margin-right: 8px; font-size: 1.1428571429em; line-height: 1px; } #root .list-events .link-btn a i:not(.icon-arrow-left), .popup-a .box-inset > footer .link-btn a i:not(.icon-arrow-left) { -webkit-transform: none; transform: none; } #root .list-events .link-btn a i.icon-calendar, .popup-a .box-inset > footer .link-btn a i.icon-calendar { top: 0; } #root .list-events .link-btn a i.icon-logout, .popup-a .box-inset > footer .link-btn a i.icon-logout { top: .2em; font-size: 1.4285714286em; } #root .list-events .link-btn a i.icon-logout:before { content: "\e989"; } #root .list-events .link-btn a i.icon-logout:after { content: "\e98a"; display: block; position: absolute; left: 0; right: 0; bottom: 0; } [data-whatintent="mouse"] #root .list-events .link-btn a:hover i.icon-logout:after { -webkit-transform-origin: 100% center; transform-origin: 100% center; -webkit-transform: scaleX(.7); transform: scaleX(.7); } #root .list-events .link-btn a i.icon-stop, .popup-a .box-inset > footer .link-btn a i.icon-stop { top: .2em; font-size: 1.2857142857em; } [data-whatintent="mouse"] #root .list-events .link-btn a:hover i.icon-stop, [data-whatintent="mouse"] .popup-a .box-inset > footer .link-btn a:hover .icon-stop { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .list-featured { list-style: none; margin: 62px 0 26px -66px; padding: 0; } .list-featured li { width: 33.33333333333%; margin: 0 0 32px; border-left: 66px solid rgba(0,0,0,0); font-size: 16px; } .list-featured figure { min-height: 110px; margin: 0 0 40px; } .list-featured .link-btn { display: block; margin: 0 0 27px; padding: 0 20px; } .list-featured .link-btn a { float: none; margin-right: 0; } .w720 .list-featured { margin-left: -225px; margin-right: -159px; } .list-featured.a { margin-left: -16px; margin-top: 0; margin-bottom: 25px; line-height: var(--lh_main); --hm: 18px; } .list-featured.a li { margin-bottom: 12px; border-left-width: 16px; font-size: 18px; } .list-featured.a h1, .list-featured.a h2, .list-featured.a h3, .list-featured.a h4, .list-featured.a h5, .list-featured.a h6 { width: 100%; margin-bottom: var(--hm); font-size: 18px; line-height: 1.4444444444; } .list-featured.a h1 + figure, .list-featured.a h2 + figure, .list-featured.a h3 + figure, .list-featured.a h4 + figure, .list-featured.a h5 + figure, .list-featured.a h6 + figure { padding-top: 0; } .list-featured.a figure { width: 100%; margin-top: auto; margin-bottom: 20px; padding-top: 13px; } .list-featured.a figure img { border: 1px solid var(--dove); } .list-featured.a figure:first-child { margin-top: 0; padding-top: 0; } .w720 .list-featured.a { margin-left: -16px; margin-right: 0; } .w720 .list-featured.a li { width: 50%; } .list-features { position: relative; z-index: 2; list-style: none; margin-bottom: 24px; padding: 0; font-size: 16px; line-height: 1.5; --hc: var(--mint); --hm: var(--mr_main); --fm: 0px; } .list-features li:after { display: none; } .list-features li { margin-left: -32px; margin-bottom: 10px; } .list-features li { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .list-features li:nth-child(2n-1) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .list-features li > * { width: 100%; max-width: 352px; border-left: 32px solid rgba(0,0,0,0); } .list-features figure { margin-bottom: var(--fm); } #root .list-features h1, #root .list-features h2, #root .list-features h3, #root .list-features h4, #root .list-features h5, #root .list-features h6, #root .list-features .heading { margin: 0 0 0 var(--hm); color: var(--hc); font-size: 20px; --white: var(--mint); } .list-features.a { margin-left: calc(0px - var(--dist)); padding: 40px var(--dist) 5px 0; font-size: 18px; line-height: 1.5555555556; text-align: center; --hc: inherit; --hm: 4px; --w: 33.333333333%; --fm: 14px; --dist: 22px; } .list-features.a:before { left: calc(-25px + var(--dist)); right: -25px; border-radius: 10px; border: 1px solid rgba(142,202,182,.25); background: rgba(142,202,182,.1); } .list-features.a li { display: block; width: var(--w); margin: 0 0 var(--dist); border-left: var(--dist) solid rgba(0,0,0,0); } .list-features.a li > * { width: auto; max-width: none; border-left-width: 0; } figure + .list-features.a { margin-top: -10px; padding-top: 0; } figure + .list-features.a:before { top: -90px; } figure:has(+.list-features.a) { z-index: 3; } .list-gallery { list-style: none; margin: 0 0 8px -16px; padding: 0; text-align: center; } .list-gallery li { position: relative; z-index: 2; width: 50%; margin: 0 0 30px; border-left: 16px solid rgba(0,0,0,0); } .list-gallery a { display: block; position: relative; z-index: 2; color: var(--white); text-decoration: none; } .list-gallery a i { left: auto; right: 10px; top: auto; bottom: 10px; z-index: 9; width: 24px; height: 24px; margin: 0; font-size: 24px; line-height: 24px; } .list-gallery a i.icon-resize:before, .list-gallery a i.icon-resize:after { display: block; position: absolute; font-size: 1em; line-height: 1; } .list-gallery a i.icon-resize:before { content: "\e974"; left: 0; top: 0; } .list-gallery a i.icon-resize:after { content: "\e975"; right: 0; bottom: 0; } [data-whatintent="mouse"] .list-gallery a:hover i.icon-resize:before { left: -3px; top: -3px; } [data-whatintent="mouse"] .list-gallery a:hover i.icon-resize:after { right: -3px; bottom: -3px; } [data-whatintent="mouse"] .list-gallery a:hover img, [data-whatintent="mouse"] .list-gallery a:hover .img { -webkit-transform: translateY(-3px); transform: translateY(-3px); } /*[data-whatintent="mouse"] .list-gallery a:hover:after { bottom: -3px; }*/ .list-gallery .img { display: block; height: 108px; margin-bottom: 10px; background: var(--white); } .list-gallery .img img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .list-gallery span { display: block; } .list-gallery span + span { margin-top: 18px; } /*.list-gallery.w25 {}*/ .list-gallery.w25 li { width: 25%; } .list-gallery.w50 li { width: 50%; } .list-hr { list-style: none; margin: 0 0 58px; padding: 0; color: var(--black); } .list-hr li { position: relative; z-index: 2; margin: 0 0 2px; font-size: 18px; } .list-hr li > a { display: block; position: relative; z-index: 2; padding: 9px 20px; } .list-hr li > a:after, #root .list-hr li.toggle > a:after { background: var(--sand); } .list-hr li:nth-child(2n) > a:after { background: var(--alabaster); } [data-whatintent="mouse"] .list-hr li > a:hover:after { background: var(--gallery); } [data-whatintent="mouse"] .list-hr li:nth-child(2n) > a:hover:after { background: var(--cloudy); } .list-hr li > a i { display: inline-block; position: relative; top: .125em; margin-left: auto; color: var(--mint); font-size: 1.3333333333em; } .list-hr ul { position: relative; z-index: 2; list-style: none; margin: 0 0 14px; padding: 26px 15px 0 25px; background: var(--rice); } .list-hr ul li { max-width: 271px; margin: 0 15px 19px 0; padding: 0 0 0 43px; } .list-hr ul li a { padding: 0; } .list-hr ul li i { display: block; position: absolute; left: 0; top: 0; font-size: 30px; line-height: 30px; } .form-sort + .list-hr { margin-top: -10px; } .list-inline { list-style: none; margin-right: -42px; padding: 0; } .list-inline li { position: relative; z-index: 2; margin: 0 42px 0 0; font-size: 16px; } .list-inline .countdown .item, .list-inline .countdown .val, .inline.countdown .item, .inline.countdown .val { margin-right: 4px; } .list-inline.s25 { margin-right: -16px; } .list-inline.s25 li { margin-right: 16px; font-size: 1em; } .list-inline.strong { margin-right: -22px; margin-bottom: 12px; font-weight: 700; font-family: var(--font_headers); line-height: 1.4444444444; } .list-inline.strong li { margin: 0 22px 18px 0; padding-left: 35px; font-size: 18px; } .list-inline.strong i { display: block; position: absolute; left: 0; top: 2px; color: var(--mint); font-size: 1.1111111111em; line-height: 20px; } .list-logo { position: relative; z-index: 2; list-style: none; min-height: 94px; margin: 22px -24px 25px 0; padding: 17px 0 1px; color: var(--mint); font-weight: 700; font-family: var(--font_headers); line-height: var(--lh_head); text-transform: uppercase; } .list-logo:before { right: 24px; } .list-logo li { position: relative; z-index: 2; margin: 0 24px 16px 0; border: 0 solid rgba(0,0,0,0); font-size: 14px; } .list-logo img { max-width: 145px !important; } [data-whatintent="mouse"] .list-logo a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .list-logo ul:not(.list-tags) { position: absolute; right: 13px; bottom: 8px; list-style: none; margin: 0; padding: 0; color: var(--mint); } #root .list-logo ul:not(.list-tags) li { display: block; width: auto; height: auto; margin: 0; padding: 0; border-width: 0; font-size: 14px; } .list-logo ul:not(.list-tags) li i { display: inline-block; position: relative; top: -.1em; margin-right: 2px; line-height: 1px; } .list-logo ul:not(.list-tags) li .icon-eye { font-size: 0.7142857143em; } #root .list-logo li.strong { display: block; width: 100%; max-width: none; height: auto; margin-bottom: 10px; padding: 0; box-shadow: none; text-align: left; } .list-logo.a { min-height: 0; margin: 46px -16px 15px 0; padding: 0; } .list-logo.a li { width: 168px; height: 62px; margin: 0 16px 16px 0; } .list-logo.a li:before { box-shadow: 0 2px 3px rgba(112,144,176,.101); background: var(--white); } .list-logo.a a { width: 100%; height: 100%; } .list-logo.a img, .list-logo.b img, .list-logo.plain img, .list-logo.c img { max-width: 100% !important; } #root .list-logo.a li.strong { width: auto; height: auto; } #root .label + .list-logo.a { margin-top: 10px; } .list-logo.a + .label { margin-top: 0; } .list-logo.b { margin: 0 0 0 -36px; padding-top: 0; text-align: center; } .list-logo.b li { width: 25%; margin: 0 0 36px; border-left-width: 36px; } h1 + .list-logo.b, h2 + .list-logo.b, h3 + .list-logo.b, h4 + .list-logo.b, h5 + .list-logo.b, h6 + .list-logo.b { margin-top: 27px; } .list-logo.c { margin: 30px 0 0 -16px; padding: 0; } .list-logo.c li { width: 20%; margin: 0 0 16px; border-left-width: 16px; } .list-logo.plain { margin: 22px 0 6px -16px; padding: 0; } .list-logo.plain li { width: 16.6666666667%; margin: 0 0 16px; border-left-width: 16px; } h1 + .list-logo.plain, h2 + .list-logo.plain, h3 + .list-logo.plain, h4 + .list-logo.plain, h5 + .list-logo.plain, h6 + .list-logo.plain { margin-top: 36px; } /*.list-logo.plain.w25 {}*/ .list-logo.plain.w25 li { width: 25%; } .list-logo.box { margin: 32px 0 27px -16px; padding: 0;text-align: center; } .list-logo.box li { width: 25%; height: 124px; margin: 0 0 16px; border-left-width: 16px; } .list-logo.box li:before { box-shadow: 0 1px 2px rgba(112,144,176,.4); background: var(--white); } .list-logo.box a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; padding: 25px 20px; } .list-logo.box span { display: block; visibility: hidden; position: absolute; left: 0; right: 0; top: 50%; z-index: 9; margin-top: -10px; color: var(--coal); font-size: 18px; line-height: 20px; opacity: 0; } .list-logo.box img { width: 100% !important; max-width: 100% !important; height: 100% !important; } .list-logo.box img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } [data-whatintent="mouse"] .list-logo.box a:hover img { -webkit-filter: blur(30px); filter: blur(30px); } .list-logo.box.compact { margin-top: 20px; } .list-logo.box.compact li { width: 20%; height: 106px; } .list-news { list-style: none; margin-top: 30px; padding: 0; } .list-news li { padding: 49px 368px 19px 0; border-top: 1px solid var(--clover); } .list-news li:first-child { padding-top: 0; border-top-width: 0; } .list-news li > * { float: left; clear: left; } #root .list-news figure { float: right; clear: none; width: 368px; min-width: 368px; max-width: 368px; margin-top: -13px; margin-right: -368px; margin-bottom: 16px; padding-left: 16px; } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin: 0 0 15px; font-size: 20px; } .list-news .link-btn { margin-bottom: 1px; } .list-quiz { list-style: none; padding: 0; } .list-quiz li { margin: 0 0 14px; } .list-quiz ul { list-style: none; margin: 0 -38px 0 0; padding: 18px 0 0; } .list-quiz ul li { margin: 0 38px 20px 0; } .form-quiz .list-quiz p { margin-bottom: 0; } /*.list-quiz label {}*/ #root .list-quiz label { min-width: 130px; margin: 0; padding: 17px; box-shadow: none; border-color: var(--mint); border-width: 3px; background: none; color: var(--mint); } #root .list-quiz ul li:nth-child(1):nth-last-child(2) label, #root .list-quiz ul li:nth-child(2):nth-last-child(1) label { min-width: 184px; } #root .list-quiz input:checked ~ label { border-color: var(--summer); background: var(--summer); color: var(--white); } [data-whatintent="mouse"] .list-btn a:hover:after, [data-whatintent="mouse"] .list-quiz label:hover:before { bottom: -6px; } .list-quiz input { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .list-quiz li:after { display: none; } .list-plain { list-style: none; padding: 0; } .list-plain.strong li + li { margin-top: 20px; } .list-plain.a { overflow: hidden; } .list-plain.a li { width: 100%; float: right; clear: both; max-width: 720px; } .list-plain.a li:nth-child(2n-1) { float: left; } .list-plain.a li + li { margin-top: 16px; } .list-plain.a h1, .list-plain.a h2, .list-plain.a h3, .list-plain.a h4, .list-plain.a h5, .list-plain.a h6, .list-plain.a .heading { margin-bottom: 12px; color: var(--mint); font-size: 18px; } .list-programms { list-style: none; margin-bottom: 58px; padding: 0; color: var(--white); } .list-programms:not(:first-child) { margin-top: 35px; } .list-programms li { position: relative; z-index: 3; min-height: 490px; margin: 0 0 26px; padding: 40px 28px .1px; } .list-programms li:after { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); } .list-programms li > figure { z-index: -2; } [data-whatintent="mouse"] .list-programms li:hover > figure img { -webkit-transform: scale(1.1); transform: scale(1.1); } .list-programms li > div { margin-top: auto; } .list-programms li > div > .link-btn:last-child { margin-bottom: 12px; } .list-programms h1, .list-programms h2, .list-programms h3, .list-programms h4, .list-programms h5, .list-programms h6 { margin-bottom: 54px; color: inherit; font-size: 45px; } .list-programms h1 a, .list-programms h2 a, .list-programms h3 a, .list-programms h4 a, .list-programms h5 a, .list-programms h6 a { display: block; text-decoration: none; } [data-whatintent="mouse"] .list-programms h1 a:hover, [data-whatintent="mouse"] .list-programms h2 a:hover, [data-whatintent="mouse"] .list-programms h3 a:hover, [data-whatintent="mouse"] .list-programms h4 a:hover, [data-whatintent="mouse"] .list-programms h5 a:hover, [data-whatintent="mouse"] .list-programms h6 a:hover { text-decoration: underline; } .list-programms h1 a:before, .list-programms h2 a:before, .list-programms h3 a:before, .list-programms h4 a:before, .list-programms h5 a:before, .list-programms h6 a:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; } .list-programms p { margin-bottom: 25px; } .list-programms p + .link-btn { margin-top: -3px; } .list-programms .link-btn a { min-width: 296px; } #root .list-programms .scheme-box { display: block; margin-bottom: 23px; padding: 0; background: none; color: inherit; font-weight: 400; font-size: 25px; text-decoration: none; text-align: left; text-transform: none; white-space: normal; } .list-programms .scheme-box img, .list-programms .scheme-box .img { margin: 7px 0 0; } .list-programms .scheme-box .img { width: 100%; max-width: 231px; min-height: 77px; padding: 5px; background: var(--white); } .list-programms .scheme-box .img img { margin: 0; } .list-programms.a { display: block; margin: 32px 0; color: var(--coal); font-size: 20px; font-weight: 700; font-family: var(--font_headers); --pd_1: 30px; --pd_2: 16px; } .list-programms.a li { min-height: 0; margin: 0 0 24px; padding: var(--pd_2) var(--pd_1); } .list-programms.a li:after { box-shadow: 0 4px 10px rgba(0,0,0,.07); border-radius: 3px; background: var(--white); } .list-programms.a h1, .list-programms.a h2, .list-programms.a h3, .list-programms.a h4, .list-programms.a h5, .list-programms.a h6 { margin: 0; font-size: 1em; } .list-programms.a a { display: block; text-decoration: none; } .list-programms.a ul { margin: calc(0px - var(--pd_2)) calc(0px - var(--pd_1)) var(--pd_2); padding: 13px calc(var(--pd_1) - 20px) 2px var(--pd_1); border-radius: 3px 3px 0 0; background: var(--coal); color: var(--white); font-size: 14px; text-transform: uppercase; } .list-programms.a ul li { margin: 0 20px 10px 0; padding: 0; } .list-programms.a ul i { display: inline-block; position: relative; top: .15em; margin: 0 7px 0 0; color: var(--mint); font-size: 1.1428571429em; line-height: 1px; } .list-profile { list-style: none; margin: 50px 0 var(--mr_main) -16px; padding: 0; font-weight: 700; font-family: var(--font_headers); line-height: 1.5; } .list-profile li { position: relative; z-index: 2; width: 50%; margin: 0 0 19px; border-left: 16px solid rgba(0,0,0,0); font-size: 20px; } .list-profile li:first-child:last-child { width: 100%; max-width: 460px; margin-right: auto; } .list-profile a, .list-profile li > span { display: block; position: relative; z-index: 2; width: 100%; min-height: 117px; padding: 16px 50px 16px 16px; color: inherit; text-decoration: none; } .list-profile a:before, .list-social a:before, .list-profile li > span:before { box-shadow: 0 4px 20px rgba(112,144,176,.301); background: var(--white); } aside .list-profile a:before, aside .list-profile li > span:before { box-shadow: 0 1px 2px rgba(112,144,176,.301); } .list-profile li > span:before { box-shadow: 0px 1px 2px rgba(27,121,214,0.301); } .list-profile a:after { content: "\e908"; left: auto; right: 27px; color: var(--mint); font-size: 8px; } [data-whatintent="mouse"] .list-profile a:hover, [data-whatintent="mouse"] aside .list-profile a:hover, [data-whatintent="mouse"] .list-social a:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } [data-whatintent="mouse"] .list-profile a:hover:before, [data-whatintent="mouse"] .list-social a:hover:before { box-shadow: 0 8px 20px rgba(112,144,176,.2); } [data-whatintent="mouse"] .list-profile a:hover:after { right: 17px; } #root .list-profile a:active:before, #root .list-social a:active:before { box-shadow: 0 1px 2px rgba(112,144,176,.4); background: var(--press); } #root .list-profile a:active:after { right: 0; } .list-profile img { display: block; margin: 0 20px 0 0; } .list-profile li > span > span { margin: 0; font-size: 1em; font-weight: 700; font-family: var(--font_headers); } .list-profile span span, .list-profile li > span span span { margin: 5px 0 0; font-weight: 400; font-size: 16px; font-family: var(--font_content); } .w720 .list-profile { margin-left: -106px; margin-right: -90px; } .w720 .list-profile li:first-child:last-child { margin-left: 90px; } h1 + .list-profile, h2 + .list-profile, h3 + .list-profile, h4 + .list-profile, h5 + .list-profile, h6 + .list-profile { margin-top: 26px; } .list-profile.compact { margin-top: 21px; margin-bottom: 26px; } .list-profile.compact li { margin-bottom: 16px; font-size: 18px; } .list-profile.compact a, .list-profile.compact li > span { min-height: 92px; padding-right: 16px; } .list-profile.compact span span, .list-profile li > span span span { margin-top: 3px; } .list-profile.compact img { width: 50px !important; margin-right: 25px; } .list-rating { position: relative; z-index: 2; list-style: none; margin-left: calc(0px - var(--dist)); padding: 0 0 calc(31px - var(--dist)); --dist: var(--rpp); } .list-rating li { width: 25%; margin-bottom: var(--dist); border-left: var(--dist) solid rgba(0,0,0,0); } .list-rating li:after, .list-rating .rating-label { display: none; } .list-rating q + .scheme-rating { display: block; margin-top: 24px; } .list-rating q { display: block; margin: 0; padding: 0; color: inherit; font-size: 20px; font-family: var(--font_headers); font-weight: 700; line-height: var(--lh_head); } .list-rating q:before { display: none; } .list-rating:before { left: 20px; border-bottom: 1px solid var(--mint); } .list-results { list-style: none; margin: 50px 0 0 -50px; padding: 0; color: var(--coal); font-family: var(--font_headers); font-size: 18px; font-weight: 700; line-height: 1.5; text-align: center; text-transform: uppercase; } .list-results li { position: relative; z-index: 2; width: 310px; margin: 0 0 50px; padding: 28px 20px 20px; border-left: 50px solid rgba(0,0,0,0); } .list-results li:before { box-shadow: 0 4px 20px rgba(112,144,176,0.101); background: var(--white); } .list-results li:after { display: none; } .list-results li.strong { font-size: 36px; } .list-results li.strong .overlay-mint { display: block; font-size: .5em; } .list-results i, .list-results img { display: block; margin: 0 auto 22px; font-size: 180px; line-height: 1; } .list-results i.icon-time { color: rgba(0,0,0,0); } .list-results .scheme-progress { margin: 0 auto 27px; } .list-results:first-child { margin-top: 0; } .list-reviews { list-style: none; padding: 0; font-size: 16px; line-height: 1.75; } .list-reviews li { padding: 0; } .list-reviews li:not(:last-child) { margin-bottom: 40px; } .list-reviews q { display: block; max-width: 380px; margin: 0; padding: 0; font-size: 1em; font-weight: 400; font-family: inherit; line-height: 1.75; } .list-reviews q:before { content: "\201C"; display: inline; position: relative; left: 0; top: 0; bottom: 0; border-width: 0; } .list-reviews q:after { content: "\201D"; display: inline; } .list-reviews .scheme-rating { margin-top: 12px; } .list-ribbon { overflow: hidden; list-style: none; margin: 0 0 0 -37px; padding: 0; } .list-ribbon li { position: relative; z-index: 2; float: left; height: 36px; margin: 0 37px 37px 0; padding: 0; font-size: 20px; font-weight: 900; font-family: var(--font_extra_1); line-height: 38px; text-transform: uppercase; text-align: center; } .list-ribbon a { display: block; padding: 0 8px; background: var(--white); color: inherit; text-decoration: none; } #root .list-ribbon .overlay-azure a:hover { background: var(--azure); color: var(--white); } #root .list-ribbon .overlay-salmon a:hover { background: var(--salmon); color: var(--white); } #root .list-ribbon .overlay-algae a:hover { background: var(--algae); color: var(--white); } #root .list-ribbon .overlay-tango a:hover { background: var(--tango); color: var(--white); } #root .list-ribbon .overlay-biscay a:hover { background: var(--biscay); color: var(--white); }f #root .list-ribbon .overlay-royal a:hover { background: var(--royal); color: var(--white); } #root .list-ribbon li[class*="overlay"] a:hover { color: var(--white); } .list-search { list-style: none; max-width: 720px; margin: 39px auto; padding: 0; line-height: 1.5; } .list-search li { position: relative; z-index: 3; margin: 0 0 23px; padding: 25px 34px 12px; font-size: 16px; font-weight: 400; } .list-search li:before { z-index: -2; background: var(--mint); } .list-search li:after { content: ""; left: 5px; right: 5px; top: 5px; bottom: 5px; width: auto; height: auto; margin: 0; border-radius: 0; background: var(--white); } .list-search li.overlay-azure:before, .list-search li.overlay-azure figure, #root .list-search li.overlay-azure .img { background-color: var(--azure); } .list-search li.overlay-salmon:before, .list-search li.overlay-salmon figure, #root .list-search li.overlay-salmon .img { background-color: var(--salmon); } .list-search li.overlay-algae:before, .list-search li.overlay-algae figure, #root .list-search li.overlay-algae .img { background-color: var(--algae); } .list-search li.overlay-tango:before, .list-search li.overlay-tango figure, #root .list-search li.overlay-tango .img { background-color: var(--tango); } .list-search li.overlay-biscay:before, .list-search li.overlay-biscay figure, #root .list-search li.overlay-biscay .img { background-color: var(--biscay); } .list-search li.overlay-royal:before, .list-search li.overlay-royal figure, #root .list-search li.overlay-royal .img { background-color: var(--royal); } .list-search li.overlay-plum:before, .list-search li.overlay-plum figure, #root .list-search li.overlay-plum .img { background-color: var(--plum); } .list-search li.overlay-fuscia:before, .list-search li.overlay-fuscia figure, #root .list-search li.overlay-fuscia .img, #root .list-search li.strong .img, .list-search li.strong:before, .list-search li.strong figure { background-color: var(--fuscia); } .list-search li.overlay-arctic:before, .list-search li.overlay-arctic figure, #root .list-search li.overlay-arctic .img { background-color: var(--arctic); } .list-search li.overlay-blush:before, .list-search li.overlay-blush figure, #root .list-search li.overlay-blush .img { background-color: var(--blush); } .list-search li.overlay-iris:before, .list-search li.overlay-iris figure, #root .list-search li.overlay-iris .img { background-color: var(--iris); } .list-search li.overlay-cerulean:before, .list-search li.overlay-cerulean figure, #root .list-search li.overlay-cerulean .img { background-color: var(--cerulean); } .list-search li.overlay-gold:before, .list-search li.overlay-gold figure, #root .list-search li.overlay-gold .img { background-color: var(--gold); } .list-search li.overlay-leaf:before, .list-search li.overlay-leaf figure, #root .list-search li.overlay-leaf .img { background-color: var(--leaf); } .list-search li.module-external { margin: -10px 0 48px; padding: 19px 0 9px; color: var(--mercury); font-weight: 700; font-family: var(--font_headers); line-height: 1.5; text-align: center; text-transform: uppercase; } #root .list-search li.module-external figure img { top: 0; margin: 0; padding: 0; } #root .list-search figure { position: relative; z-index: 2; margin: -25px -34px 20px; padding: 10.5px 34px 10.5px 84px; color: var(--white); font-weight: 800; font-family: var(--font_headers); line-height: 1.2; text-transform: uppercase; } .list-search figure { background: var(--mint); } .list-search img { display: block; position: absolute; left: 20px; top: 50%; } .list-search p, .module-featured p { margin-bottom: 12px; font-size: 1em; line-height: inherit; } .list-search .link-btn a, .module-featured .link-btn a { margin-bottom: 12px; } .list-search h1, .list-search h2, .list-search h3, .list-search h4, .list-search h5, .list-search h6 { margin: 0 0 19px; font-size: 24px; line-height: 1.4583333333; } .list-search h1 .img, .list-search h2 .img, .list-search h3 .img, .list-search h4 .img, .list-search h5 .img, .list-search h6 .img { display: block; position: absolute; left: 0; top: -16px; z-index: 2; width: 175px; height: 73px; padding: 9px; background: var(--mint); } .list-search h1 .img:before, .list-search h2 .img:before, .list-search h3 .img:before, .list-search h4 .img:before, .list-search h5 .img:before, .list-search h6 .img:before { left: 4px; right: 4px; top: 4px; bottom: 4px; z-index: 1; background: var(--white); } .list-search h1 .img img, .list-search h2 .img img, .list-search h3 .img img, .list-search h4 .img img, .list-search h5 .img img, .list-search h6 .img img { position: relative; left: 0; top: 0; z-index: 3; max-width: 100% !important; } .list-search li.strong { margin-left: -32px; margin-right: -32px; } .list-search li.strong:after { background: var(--crepe); } #root .list-search .link-btn { position: static; z-index: auto; margin-top: 0; margin-bottom: 3px; } .list-search .link-btn a { position: relative; z-index: 999; } .list-search li.featured { min-height: 219px; margin: 38px -84px 44px; padding: 12px 30px .1px 368px; color: var(--white); font-size: 18px; line-height: var(--lh_main); } .list-search li.featured * { color: var(--white); } .list-search li.featured:before, .module-featured:before { left: -8px; right: -8px; top: 10px; bottom: 10px; z-index: -2; background: var(--mint); } .list-search li.featured:after, .module-featured:after { left: 0; right: 0; top: 0; bottom: 0; background: var(--coal); } #root .list-search li.featured figure, .module-featured figure { position: absolute; left: 12px; top: 12px; bottom: 12px; width: 328px; margin: 0; padding: 0; background: none; } .list-search li.featured img { position: relative; left: 0; top: 0; } .list-search li.featured h1, .list-search li.featured h2, .list-search li.featured h3, .list-search li.featured h4, .list-search li.featured h5, .list-search li.featured h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6, .module-featured .heading { max-width: none; margin: 0 0 6px; color: var(--mint); font-size: 24px; line-height: 1.4583333333; } .list-search .list-inline { margin: 0 -30px 2px 0; } #root .list-search .list-inline li { margin: 0 30px 14px 0; padding: 0; font-size: 1em; } .list-search .list-inline li > span:first-child { font-family: var(--font_headers); } .list-search.a { margin-bottom: 32px; } .list-search.a li { margin-bottom: 48px; padding-bottom: 16px; padding-top: 78px; } .list-search.a li:after { top: 41px; } #root .list-search.a figure { margin-bottom: 37px; margin-top: -78px; text-align: right; } #root .list-search.a figure img { position: relative; left: 0; top: 15px; margin: -30px 13px 0 0; } /*[class*="cols"] .list-search {}*/ [class*="cols"] .list-search:last-child { margin-bottom: 55px; } [class*="cols"] .list-search li { max-width: none; margin-left: 0; margin-right: 0; } .list-slider { list-style: none; width: 100%; margin: 0 auto 36px; padding: 0; } .list-slider li { margin-bottom: 24px; } .list-social { list-style: none; margin-top: 21px; padding: 0; } .list-social li { position: relative; z-index: 2; margin: 0 0 16px; border: 0 solid rgba(0,0,0,0); } .list-social a { display: block; position: relative; z-index: 2; min-height: 92px; padding: 16px 16px 16px 93px; color: var(--coal); text-decoration: none; } .list-social i { left: 16px; right: auto; min-width: 49px; margin-top: -25px; font-size: 49px; line-height: 50px; text-align: center; } .list-social i:after { left: 0; top: 0; margin: 0; font-size: 1em; line-height: inherit; } .list-social i.icon-instagram:before { content: "\e941"; color: var(--sun); } .list-social i.icon-instagram:after { content: "\e942"; color: var(--lavenda); } .list-social i.icon-twitter { color: var(--twitter); font-size: 41px; } .list-social i.icon-facebook, .list-social i.icon-linkedin, .list-social i.icon-facebook-square { color: var(--facebook); } .list-social i.icon-youtube { color: var(--youtube); font-size: 34px; } .list-steps { list-style: none; margin-top: 63px; margin-bottom: 117px; padding: 0; font-size: 18px; line-height: 1.3333333333; counter-reset: counter; } .list-steps li { position: relative; max-width: 780px; margin: 0 0 77px; padding: 0 0 0 225px; } .list-steps li:before { counter-increment: counter; content: counters(counter, '.') ' '; display: block; position: absolute; left: 72px; top: 50%; width: 174px; margin-top: -60px; color: var(--mint); font-family: var(--font_headers); font-weight: 700; font-size: 120px; line-height: 120px; text-align: center; } .list-steps li:after { content: ""; display: block; position: absolute; left: 68px; top: 50%; width: 9px; height: 9px; margin: -4.5px 0 0; border-radius: 9px; background: var(--coal); } .list-steps li > * + * { margin-top: 11px; } .list-steps h1, .list-steps h2, .list-steps h3, .list-steps h4, .list-steps h5, .list-steps h6, .list-steps .heading { position: static; max-width: none; margin-bottom: 0; padding: 0; font-size: 24px; line-height: 1.4166666667; } .list-steps h1:before, .list-steps h2:before, .list-steps h3:before, .list-steps h4:before, .list-steps h5:before, .list-steps h6:before, .list-steps .heading:before { content: ""; display: block; position: absolute; left: -1000px; top: 50%; width: 1072px; height: 1px; margin: -.5px 0 0; background: var(--coal); } .list-steps p { padding: 0; } .list-steps.a { margin: 22px 0 30px; line-height: var(--lh_main); } .list-steps.a li { position: relative; z-index: 2; max-width: none; margin: 0 0 22px; padding: 0; } .list-steps.a h1, .list-steps.a h2, .list-steps.a h3, .list-steps.a h4, .list-steps.a h5, .list-steps.a h6 { margin: 0 0 20px; padding: 22px 30px; box-shadow: 0 4px 10px rgba(0,0,0,.07); border-radius: 3px; font-size: 20px; } .list-steps.a ul { list-style: none; padding: 0 0 0 28px; } .list-steps.a ul li { margin: 0; } .list-steps.a ul li:after { content: ""; display: block; position: absolute; left: -18px; top: 14px; width: 4px; height: 4px; margin: 0; border-radius: 4px; background: var(--coal); } .list-tags { list-style: none; margin: 0 -16px -2px 0; padding: 0; font-size: 15px; --theme: var(--coal); } #root .list-tags li { display: block; position: relative; z-index: 2; width: auto; min-height: 0; margin: 0 16px 16px 0; padding: 3px 12px; border-width: 0; } #root .list-tags li:before { border-radius: 6px; border-width: 0; border: 0 solid var(--theme); background: var(--theme); opacity: .05; } /*#root .list-tags li.overlay-mint:before { --bd: var(--mint); } #root .list-tags li.overlay-leaf:before { --bd: var(--leaf); } #root .list-tags li.overlay-lavender:before { --bd: var(--lavender); } #root .list-tags li.overlay-orange:before { --bd: var(--orange); } #root .list-tags li.overlay-orchid:before { --bd: var(--orchid); } #root .list-tags li.overlay-neon:before { --bd: var(--neon); } #root .list-tags li.overlay-cyan:before { --bd: var(--cyan); } #root .list-tags li.overlay-lemon:before { --bd: var(--lemon); } #root .list-tags li.overlay-pink:before { --bd: var(--pink); }*/ .list-tags i { display: inline-block; position: relative; margin-right: 5px; font-size: 0.9333333333em; line-height: 1px; } #root .list-tags li > * { border-width: 0; } .list-tags + * { margin-top: 16px; } /*.list-tags.inline {}*/ #root .list-tags.inline li { padding: 0; } #root .list-tags.inline li:before { display: none; } .list-tags.inline i { top: .15em; margin-right: 8px; color: var(--mint); font-size: 1.1111111111em; } .list-tags.inline i.icon-calendar { top: .1em; } /*.list-tags.inv {}*/ #root .list-tags.inv li:before { border-width: 2px; background: none; opacity: 1; } .list-tags.s14 { font-size: 14px; } #root .list-tags.s14.inv li:before { border-width: 1px; } .list-team { list-style: none; margin: 86px 0 62px; padding: 0; font-size: 18px; line-height: var(--lh_main); } .list-team li { position: relative; z-index: 2; min-height: 235px; margin: 0 0 141px; padding: 0 0 0 290px; } .list-team li:before { content: ""; display: block; position: absolute; left: -1000px; right: 50%; bottom: -71px; height: 3px; background: var(--mint); } .list-team li:after { content: ""; display: block; position: absolute; left: 50%; top: auto; bottom: -80px; width: 21px; height: 21px; margin: 0 0 0 -10.5px; border-radius: 20px; background: var(--mint); } .list-team li:nth-child(2n):before { left: 50%; right: -1000px; } .list-team figure { position: absolute; left: 0; top: 0; width: 235px; margin: 0; } .list-team figure img { display: block; border-radius: 999px; } .list-team h1, .list-team h2, .list-team h3, .list-team h4, .list-team h5, .list-team h6, .list-team .heading { margin: 0 0 21px; color: var(--mint); font-size: 24px; font-weight: 700; font-family: var(--font_headers); line-height: 1.4166666667; } .list-team p { margin-bottom: 28px; padding: 0; } .list-timeline { position: relative; z-index: 2; width: 100%; max-width: 1088px; margin: 0 auto 8px; padding: 25px 0 .1px; font-size: 14px; font-weight: 700; line-height: 1.5; text-transform: uppercase; } .list-timeline:before { content: ""; display: block; position: absolute; left: 50%; top: 38px; bottom: -8px; z-index: -1; width: 2px; margin: 0 0 0 -1px; background: var(--coal); } .list-timeline:after { content: ""; display: block; overflow: hidden; position: absolute; left: 50%; top: 0; z-index: 1; width: 38px; height: 38px; margin: 0 0 0 -19px; padding: 0; border-radius: 38px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38' xml:space='preserve'%3E%3Cpath d='M12.4 18.9a6.7 6.7 0 1 1 13.4 0 6.7 6.7 0 0 1-13.4 0zm2.9 11.5c-6.4-2.1-9.9-8.9-7.8-15.3 2.1-6.4 8.9-9.9 15.3-7.8 6.4 2.1 9.9 8.9 7.8 15.3l-.9-.6c-.2-.1-.4-.2-.5-.3l-.1-.1c-.8-.3-1.2-.8-1.5-1.3-.2-.4-.3-.8-.3-1.2v-.2c0-3.4-2.1-6.4-5.2-7.6-4.2-1.6-9 .4-10.6 4.6-1.6 4.2.4 9 4.6 10.6 4.2 1.6 9-.4 10.6-4.6.5.5 1.1 1 1.7 1.2.3.1.6.3.9.5.4.3.5.6.5.6v.1C27.7 28.6 23.5 31 19 31c-1.2 0-2.5-.2-3.7-.6zm.6 4.7C7 33.3 1.1 24.6 2.9 15.7 4.7 6.8 13.4.9 22.3 2.7c8.9 1.8 14.7 10.4 13 19.4-.1-.1-.3-.2-.4-.3-.1-.1-.1-.1-.2-.1h-.1c-1-.4-1.4-.9-1.6-1.5-.1-.3-.1-.5-.2-.8v-.5c0-5.1-2.9-9.8-7.4-12.1-6.8-3.5-15-.8-18.5 5.9-3.4 6.7-.8 14.9 5.9 18.3 6.7 3.4 14.9.8 18.4-5.9.5-1 .9-2 1.1-3.1.5.5 1 .8 1.6 1 .2.1.3.2.4.3.2.2.3.4.3.7 0 .1 0 .2-.1.3-2.4 6.7-8.7 11-15.6 11-.9.1-1.9 0-3-.2z' fill='%238ecab6'/%3E%3C/svg%3E") center center no-repeat var(--coal); background-size: auto 38px; color: var(--mint); font-weight: 400; font-size: 34px; font-family: i; line-height: 38px; text-align: center; } .list-timeline li { clear: both; position: relative; z-index: 2; margin: 0 0 65px; } .list-timeline li > * { display: block; position: relative; z-index: 2; float: left; clear: both; width: 444px; } .list-timeline li > p { font-family: var(--font_headers); } .list-timeline li:nth-child(2n) { text-align: right; } .list-timeline li:nth-child(2n) > * { float: right; } .list-timeline li > figure { display: block; position: absolute; right: 50px; top: 0; bottom: -35px; max-width: 425px; margin: 0; } .list-timeline li:nth-child(2n) > figure { left: 50px; right: auto; } .list-timeline li > div { margin-top: 5px; padding: 0 22px 5px; box-shadow: 0 3px 6px rgba(112,144,176,0.101); background: var(--white); color: var(--black); font-weight: 400; font-size: 16px; text-transform: none; text-align: left; } .list-timeline li > div:before, .list-timeline li > div:after { content: ""; display: block; position: absolute; top: 100%; height: 36px; border: 0 solid rgba(0,0,0,0); border-top-width: 18px; border-bottom-width: 18px; } .list-timeline li > div:before { right: 0; width: 140px; z-index: 3; border-left-width: 70px; border-right-width: 70px; border-top-color: var(--gulf); border-left-color: var(--gulf); } .list-timeline li > div:after { right: -50px; width: 190px; z-index: 2; border-left-width: 95px; border-right-width: 95px; border-bottom-color: var(--mint); border-left-color: var(--mint); } .list-timeline li:nth-child(2n) > div:before, .list-timeline li:nth-child(2n) > div:after { -webkit-transform: scale(-1,1); transform: scale(-1,1); } .list-timeline li:nth-child(2n) > div:before { right: auto; left: 0; } .list-timeline li:nth-child(2n) > div:after { right: auto; left: -50px; } .list-timeline li:nth-child(4n-3) > div:before { border-top-color: var(--cornfl); border-left-color: var(--cornfl); } .list-timeline li:nth-child(4n-3) > div:after { border-bottom-color: var(--orchid); border-left-color: var(--orchid); } .list-timeline li:nth-child(4n-1) > div:before { border-top-color: var(--tango); border-left-color: var(--tango); } .list-timeline li:nth-child(4n-1) > div:after { border-bottom-color: var(--orange); border-left-color: var(--orange); } .list-timeline li:nth-child(4n-0) > div:before { border-top-color: var(--curious); border-left-color: var(--curious); } .list-timeline li:nth-child(4n-0) > div:after { border-bottom-color: var(--java); border-left-color: var(--java); } .list-timeline li > div > h1, .list-timeline li > div > h2, .list-timeline li > div > h3, .list-timeline li > div > h4, .list-timeline li > div > h5, .list-timeline li > div > h6 { margin: 0 -22px 14px; padding: 12px 22px; background: var(--gulf); color: var(--white); font-size: 20px; line-height: 1.5; } .list-timeline li:nth-child(4n-3) h1, .list-timeline li:nth-child(4n-3) h2, .list-timeline li:nth-child(4n-3) h3, .list-timeline li:nth-child(4n-3) h4, .list-timeline li:nth-child(4n-3) h5, .list-timeline li:nth-child(4n-3) h6 { background: var(--orchid); } .list-timeline li:nth-child(4n-1) h1, .list-timeline li:nth-child(4n-1) h2, .list-timeline li:nth-child(4n-1) h3, .list-timeline li:nth-child(4n-1) h4, .list-timeline li:nth-child(4n-1) h5, .list-timeline li:nth-child(4n-1) h6 { background: var(--orange); } .list-timeline li:nth-child(4n-0) h1, .list-timeline li:nth-child(4n-0) h2, .list-timeline li:nth-child(4n-0) h3, .list-timeline li:nth-child(4n-0) h4, .list-timeline li:nth-child(4n-0) h5, .list-timeline li:nth-child(4n-0) h6 { background: var(--java); } .list-timeline li > div p { margin-bottom: 14px; } .list-timeline li > div .link-btn { display: block; margin: 0 0 5px; } .list-timeline li > div .link-btn a { display: block; float: none; width: 100%; margin-right: 0; } .list-title { list-style: none; margin: 20px 0 21px; padding: 0; color: var(--coal); font-size: 18px; font-weight: 700; font-family: var(--font_headers); line-height: var(--lh_head); counter-reset: counter; } .list-title li { margin: 0 0 16px; } .list-title a { display: block; position: relative; z-index: 2; padding: 0 0 0 17px; } .list-title a:before { top: 3px; bottom: 3px; border-left: 2px solid var(--mint); } [data-whatintent="mouse"] .list-title a:hover:before { left: 5px; } .list-title a[rel*="external"], .list-title a.external { padding-left: 0; text-indent: 46px; } #root .list-title a[rel*="external"]:before, #root .list-title a.external:before { content: "ad"; left: 0; right: auto; bottom: auto; top: 0; width: 38px; height: 26px; border-radius: 6px; border-width: 0; background: var(--mint); color: var(--white); font-size: 14px; line-height: 26px; text-align: center; text-transform: uppercase; text-indent: 0; } /*.list-title .link-btn {}*/ .list-title .link-btn a, [data-whatintent="mouse"] #root .list-title .link-btn a:hover, #root .list-title .link-btn a:active { border-color: var(--mint); background: var(--mint); color: var(--white); } .list-title .link-btn a.inv { background: none; color: var(--mint); } #root .list-title .link-btn a { min-width: 135px; padding: 14px 16px; font-size: 14px; } #root .list-title .link-btn a.inline, [data-whatintent="mouse"] #root .list-title .link-btn a.inline:hover { min-width: 0; padding: 0; border-width: 0; background: none; color: var(--mint); } .list-title + h1, .list-title + h2, .list-title + h3, .list-title + h4, .list-title + h5, .list-title + h6 { margin-top: 50px; } .list-title + .module-external { margin-top: 63px; } .list-title i { margin-left: 0; } .list-title.a { max-height: 500px; font-size: 24px; } .list-title.a li { margin: 0 0 30px; } .list-title.a li > span:first-child { display: block; margin: 0 0 15px; color: var(--mint); font-size: 14px; text-transform: uppercase; } .list-title.a a { padding: 0; } .list-title.a + * { position: relative; z-index: 3; } .list-title.a.hidden { display: block; visibility: hidden; position: relative; left: 0; top: 0; z-index: 1; margin-top: 0; margin-bottom: 0; opacity: 0; } /*#root .list-title.a.hidden + * { margin-top: -20px; }*/ .list-title.b { margin: 65px 0 0 -18px; padding: 0 96px; font-weight: 400; font-family: var(--font_content); line-height: var(--lh_main); } .list-title.b li { width: 50%; margin: 0 0 36px; padding: 1px 0 0 94px; border-left: 18px solid rgba(0,0,0,0); } .list-title.b li:before { counter-increment: counter; content: counters(counter, '.') ' '; display: block; position: absolute; left: 0; top: 0; width: 53px; height: 53px; border-radius: 53px; background: var(--mint); color: var(--white); font-size: 18px; font-weight: 700; font-family: var(--font_headers); line-height: 52px; text-align: center; } .list-title.b h1, .list-title.b h2, .list-title.b h3, .list-title.b h4, .list-title.b h5, .list-title.b h6 { margin: 0 0 15px; font-size: 24px; line-height: 1.4166666667; } .list-title.b h1 span, .list-title.b h2 span, .list-title.b h3 span, .list-title.b h4 span, .list-title.b h5 span, .list-title.b h6 span { display: block; margin: 0 0 15px; padding: 0 0 19px; border-bottom: 1px solid var(--mint); font-size: 14px; text-transform: uppercase; } .list-title.b p { margin-bottom: 15px; } .list-title.c { margin: 0 0 40px; font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: right; } .list-title.c li { overflow: hidden; min-height: 0; margin: 0; padding: 14px 0 13px; border-top: 1px solid var(--alto); } .list-title.c li:first-child { padding-top: 0; border-top-width: 0; } .list-title.c li > span:first-child { display: block; float: left; color: var(--mint); } .list-title.c + * { margin-top: 0; } .list-usp { list-style: none; margin-right: -50px; padding: 0; color: var(--coal); font-family: var(--font_headers); font-weight: 700; line-height: 1.2; text-transform: uppercase; text-align: left; letter-spacing: normal; } .list-usp li { position: relative; margin: 0 50px 0 0; padding: 0 0 0 32px; font-size: 12px; } #root .list-usp a { display: block; color: inherit; text-decoration: none; cursor: pointer; } #root .list-usp a * { cursor: pointer; } .list-usp i { display: block; position: absolute; left: 0; top: 50%; z-index: 9; margin-top: -20px; color: var(--mint); font-size: 21px; line-height: 40px; } .list-usp i.icon-certificate { font-size: 26px; } .list-usp a:hover i { left: 21px; color: var(--magenta); } .list-usp span span { display: block; padding: 5px 0 0; color: var(--black); font-size: 0.8333333333em; font-family: var(--font_content); font-weight: 400; text-transform: none; } .list-usp span.strong { display: block; visibility: hidden; position: absolute; left: 0; top: 50%; z-index: 8; height: 48px; margin-top: -24px; padding: 0 44px; border: 2px solid var(--magenta); background: var(--white); color: var(--magenta); font-size: 12px; font-family: var(--font_headers); font-weight: 700; line-height: 44px; text-transform: uppercase; text-align: center; opacity: 0; } #root .list-usp a:hover, .list-usp a:hover span span { color: rgba(0,0,0,0); } .list-usp a:hover span.strong { visibility: visible; left: 8px; padding-right: 20px; opacity: 1; } .list-usp li.text-right { margin-left: auto; padding-left: 0; color: var(--mint); font-size: 10px; text-transform: uppercase; } .list-usp li.text-right .img, .list-usp li.text-right img { display: block; width: 120px; margin-left: 8px; } .list-usp li.text-right .img img { margin: 0; } #root .list-usp > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 34px; height: 34px; color: var(--white); font-size: 12px; text-align: left; text-indent: -3000em; direction: ltr; } #root .list-usp > .close:before { content: "\e943"; } /*#root .list-usp > .close { display: none; position: absolute; right: 0; bottom: 100%; height: 25px; padding: 0 25px 0 15px; background: var(--coal); color: var(--white); font-size: 12px; font-weight: 700; line-height: 25px; text-decoration: none; text-transform: none; } #root .list-usp > .close:before { content: "\e902"; left: auto; right: 10px; font-size: 10px; }*/ #root > .list-usp { position: absolute; left: 50% !important; top: 0; z-index: 1498; width: var(--glw); margin: 0 0 0 calc(0px - var(--glw) * 0.5) !important; padding-left: 100px; padding-top: 10px; } #root > .list-usp:before { border-width: 0; border-top: 10px solid var(--coal); background: var(--white); } #root > .list-usp:after { content: "\e904"; display: block; overflow: hidden; position: absolute; left: -1px; top: 50%; width: 55px; margin: -25px 0 0; padding: 5px 0 0 1px; color: var(--mint); font-weight: 400; font-family: i; font-size: 50px; line-height: 50px; text-align: center; text-indent: 0; letter-spacing: normal; } #root > .list-usp li { margin-right: 0; padding-top: 15px; padding-bottom: 15px; } #root > .list-usp li.text-right { margin-left: 0; margin-right: 0; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } /*input {}*/ input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } #root button[disabled], #root input[type="button"][disabled], #root input[type="reset"][disabled], #root input[type="submit"][disabled] { border-color: var(--btn_def); background: var(--btn_def); color: var(--white); opacity: .2; } .link-btn a.disabled, .link-btn.disabled a, .link-btn a.inactive, .link-btn.inactive a { pointer-events: none; } #root .link-btn a.disabled:not(.overlay-gray), #root .link-btn.disabled a:not(.overlay-gray), #root .link-btn a.disabled:not(.overlay-gray):focus, #root .link-btn.disabled a:not(.overlay-gray):focus { min-width: 0; box-shadow: none; padding-left: 0; padding-right: 0; border-color: rgba(0,0,0,0); border-left-width: 0; border-right-width: 0; background: none; color: inherit; text-decoration: none; cursor: default; } #root .link-btn a.inline.disabled, #root .link-btn.disabled a.inline, #root .link-btn a.disabled.inline:focus, #root .link-btn.disabled a.inline:focus, [data-whatintent="mouse"] #root .link-btn a.disabled.inline:hover, [data-whatintent="mouse"] #root .link-btn.disabled a.inline:hover { color: var(--btn_def); text-decoration: none; } ::-webkit-input-placeholder { opacity: 1; color: var(--input_pl); } :-ms-input-placeholder { opacity: 1; color: var(--input_pl); } ::-ms-input-placeholder { opacity: 1; color: var(--input_pl); } ::placeholder { opacity: 1; color: var(--input_pl); } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } /*form {}*/ label, .label, h1.label, h2.label, h3.label, h4.label, h5.label, h6.label, .form-box .label, input + a.show { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 6px; color: var(--mint); font-weight: 700; font-size: 16px; font-family: var(--font_headers); line-height: 1.5; text-transform: uppercase; letter-spacing: normal; } h1.label, h2.label, h3.label, h4.label, h5.label, h6.label { margin-bottom: 0; } form-box h1.label, .form-box h2.label, .form-box h3.label, .form-box h4.label, .form-box h5.label, .form-box h6.label, .form-box .label { margin-bottom: 16px; } #root label.error { display: block; z-index: 1; clear: both; margin-bottom: 0; padding-top: 10px; color: var(--wine); font-family: var(--font_content); font-weight: 700; font-size: 14px; font-style: normal; line-height: 1.2; text-transform: none; } input, select, textarea, .semantic-select .input { display: block; width: 100%; border-radius: var(--input_br); border: 1px solid var(--input_bd); background: 100% 50% no-repeat var(--input_bg); background-size: auto 6px; color: var(--input_fg); font-size: var(--input_fz); } input, select, .semantic-select .input { height: 49px; padding: 0 19px; } input[type="date"] { line-height: 56px; } [data-whatintent="mouse"] input:not([readonly]):hover, [data-whatintent="mouse"] select:not([readonly]):hover, [data-whatintent="mouse"] textarea:not([readonly]):hover, [data-whatintent="mouse"] .semantic-select .input:hover, [data-whatintent="mouse"] .check label:hover:before { box-shadow: inset 1px 1px 0 var(--mint), inset -1px 1px 0 var(--mint), inset -1px -1px 0 var(--mint), inset 1px -1px 0 var(--mint); border-color: var(--mint); } [data-whatintent="mouse"] .check input[type="radio"] ~ label:hover:before { box-shadow: none; } [readonly] { cursor: default; } select, .semantic-select .input { padding-right: 47px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiM4ZWNhYjYiIGQ9Ik05LjQgMS40TDggMCA0LjcgMy4zIDEuNCAwIDAgMS40bDQuNyA0Ljd6Ii8+PC9zdmc+); line-height: normal; } [data-whatintent="mouse"] select:hover, [data-whatintent="mouse"] .semantic-select .input:hover { background-position: 100% calc(50% + 3px); } select:focus, .semantic-select.active .input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiM4ZWNhYjYiIGQ9Ik0wIDQuN2wxLjQgMS40IDMuMy0zLjNMOCA2LjFsMS40LTEuNEw0LjcgMHoiLz48L3N2Zz4=); } #root select:focus { background-position: 100% 50%; } textarea { height: 255px; min-height: 255px; padding: 16px 16px 16px 19px; line-height: var(--lh_main); } textarea + span.maxlength { display: block; position: absolute; right: 0; bottom: 0; z-index: 9; margin: 0; padding: 0 18px 9px; color: var(--dove); font-size: 14px; text-align: right; } input + a.show { position: absolute; left: auto; right: 0; top: 0; z-index: 9; font-size: 14px; line-height: 1.7142857143; } .submit { margin-right: -16px; margin-bottom: 23px; } button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, .list-quiz label, .check.panels.panels-b label { display: block; position: relative; min-width: 184px; margin: 0 var(--btn_dist) var(--btn_dist2) 0; padding: 18.5px 26px; box-shadow: 0 4px 20px rgba(112,144,176,.3); border-radius: 3px; border: 2px solid var(--btn_def); background: var(--btn_def); color: var(--white); font-weight: 700; font-size: 16px; font-family: var(--font_headers); line-height: 1.1; text-transform: uppercase; text-align: center; text-decoration: none; cursor: pointer; } [data-whatintent="mouse"] button:hover, [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover, [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] #root .module-alert.inv .link-btn a:hover, [data-whatintent="mouse"] .link-btn a.inv:hover, [data-whatintent="mouse"] #root .module-alert.overlay-aqua .link-btn a:hover, [data-whatintent="mouse"] .list-btn.b a:hover, [data-whatintent="mouse"] .input-copy a.copy:hover, [data-whatintent="mouse"] .check.panels.panels-b label:hover { box-shadow: 0 8px 20px rgba(112,144,176,.2); border-color: var(--btn_hov); background: var(--btn_hov); color: var(--white); -webkit-transform: translateY(-3px); transform: translateY(-3px); } #root .input-copy a.copy, #root .input-copy a.copy:active:before { -webkit-transform: none; transform: none; } [data-whatintent="mouse"] .input-copy a.copy:hover:before { -webkit-transform: translateY(-3px); transform: translateY(-3px); } #root button:active, #root input[type="button"]:active, #root input[type="reset"]:active, #root input[type="submit"]:active, #root .link-btn a:active, #root .list-usp a:active span.strong, [data-whatintent="mouse"] #root .module-alert.inv .link-btn a:active, #root .list-btn.b a:active, #root .form-filter input:checked + label, #root .input-copy a.copy:active, .check.panels.panels-b input:checked ~ label { box-shadow: 0 1px 2px rgba(112,144,176,.4); border-color: var(--btn_foc); background: var(--btn_foc); color: var(--white); -webkit-transform: none; transform: none; } [data-whatintent="mouse"] .link-btn a:hover:before, [data-whatintent="mouse"] button:hover:before { bottom: -4px; } #root button.compact { width: auto; min-width: 0; padding: 13px 18px; font-size: 14px; } button.compact i { margin: 0 8px 0 0; font-size: 1.1428571429em; } button.compact .icon-calendar:before { content: "\e92c"; } #root button.inline { width: auto; min-width: 0; padding: 0; box-shadow: none; border-width: 0; background: none; color: var(--coal); opacity: .25; } button.wide { width: 100%; } .semantic-select { display: block; position: relative; z-index: 2; } .semantic-select span { display: block; } .semantic-select .input { line-height: 47px; } #root .semantic-select .input { background-position: -3000em -3000em; } .semantic-select .input .text, .semantic-select .input .text span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } .semantic-select .ticker { position: absolute; right: 0; top: 0; bottom: 0; width: 58px; cursor: pointer; } .semantic-select .ticker:before { content: "\e90e"; right: 20px; left: auto; color: var(--mint); font-size: 6px; } [data-whatintent="mouse"] .semantic-select .input:hover .ticker:before { padding-top: 2px; } #root .semantic-select.active .ticker:before { padding-top: 0; } .semantic-select.active .ticker:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .semantic-select .ticker > * { display: none; position: absolute; top: 50%; width: 2px; height: 18px; margin-top: -9px; background: var(--mint); } .semantic-select .ticker > .t1 { right: 36px; } [data-whatintent="mouse"] .semantic-select .input:hover .ticker > .t1 { -webkit-transform: translateY(5px); transform: translateY(5px); } [data-whatintent="mouse"] .semantic-select .input:hover .ticker > .t2 { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .semantic-select .ticker > .t2 { right: 26px; } .semantic-select .ticker > *:before, .semantic-select .ticker > *:after { content: ""; display: block; position: absolute; width: 8px; height: 2px; background: var(--mint); } .semantic-select .ticker > .t1:before { left: 0; bottom: -1px; } .semantic-select .ticker > .t1:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .semantic-select .ticker > .t1:after { right: -.25px; bottom: -1px; } .semantic-select .ticker > .t1:after { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .semantic-select .ticker > .t2:before { left: -.5px; top: 1px; } .semantic-select .ticker > .t2:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .semantic-select .ticker > .t2:after { right: -.5px; top: 1px; } .semantic-select .ticker > .t2:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #root .semantic-select.active .ticker > *:before, #root .semantic-select.active .ticker > *:after { -webkit-transform: scale(0); transform: scale(0); } /*.semantic-select.active .ticker > * {}*/ .semantic-select.active .ticker > .t1 { right: 26px; } #root .semantic-select.active .ticker > .t1 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #root .semantic-select.active .ticker > .t2 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .semantic-select .ul { display: block; visibility: hidden; position: absolute; right: 0; top: 100%; min-width: 100%; padding: 0; opacity: 0; white-space: nowrap; } .semantic-select .ul { left: 0; white-space: normal; } .semantic-select .ul, .ui-autocomplete[style*="none"] { -webkit-transform: translateY(-9px); transform: translateY(-9px); } .semantic-select .ul:before, .semantic-select .ul:after { content: "\e914"; display: none; left: auto; right: 23px; top: 0; margin: 0; padding: 9px 0 0; font-size: 12px; line-height: 12px; } .semantic-select .ul:before { z-index: 9; padding-top: 9px; color: var(--white); } .semantic-select .ul:after { z-index: 1; padding-top: 8px; text-shadow: 0 4px 20px rgba(112,144,176,.2); color: var(--alto); } .semantic-select ul { overflow-x: hidden; overflow-y: auto; position: relative; z-index: 2; list-style: none; max-height: 250px; margin: 0; padding: 1px 0; box-shadow: 0 4px 20px rgba(112,144,176,.2); border: 1px solid var(--input_bd); border-top-width: 0; background: var(--white); } .semantic-select ul::-webkit-scrollbar, .ui-autocomplete::-webkit-scrollbar { width: 14px; } .semantic-select ul::-webkit-scrollbar-track, .ui-autocomplete::-webkit-scrollbar-track { background: var(--sand); } .semantic-select ul::-webkit-scrollbar-thumb, .ui-autocomplete::-webkit-scrollbar-thumb { background: var(--mint); } .semantic-select ul li { font-size: 16px; } .semantic-select ul li a, .ui-autocomplete li { display: block; padding: 7px 19px 7px 0; color: var(--dove); font-size: 16px; text-decoration: none; cursor: pointer; } .semantic-select.active ul li a, .ui-autocomplete li { padding-left: 19px; } .ui-autocomplete[style*="none"] li { padding-left: 0; } [data-whatintent="mouse"] .semantic-select ul li a:hover, .semantic-select ul li.active a, .semantic-select ul li a.active, [data-whatintent="mouse"] .ui-autocomplete li:hover { background: var(--steel); } .check { position: relative; list-style: none; padding: 0; font-size: 1em; --dist: 16px; --d: 24px; --pd: calc(var(--d) + 18px); } .check label { position: relative; z-index: 2; margin: 0; padding: 0 0 0 var(--pd); color: inherit; font-size: 1em; font-family: var(--font_content); font-weight: 400; line-height: 1.3333333333; text-transform: none; letter-spacing: normal; } .check label:before/*, .check input[type="radio"]:checked ~ label:after*/ { content: ""; display: block; position: absolute; left: 0; right: auto; top: 11px; width: var(--d); height: var(--d); margin-top: -10px; border: 1px solid var(--input_bd); background: 100% 50% no-repeat var(--input_bg); color: var(--elm); font-size: calc(var(--d) * 0.4583333333); line-height: calc(var(--d) - 2px); cursor: pointer; } .check input.align-middle ~ label:before { top: 50%; margin-top: calc(0px - var(--d) * 0.5); } .check input:checked ~ label:before { content: "\e919"; } .check input[type="radio"] ~ label:before { border-radius: 99px; } .check input[type="radio"]:checked ~ label:before { content: ""; border-color: var(--mint); background: var(--mint); } #root .check input[type="radio"]:checked ~ label:before { box-shadow: inset 2px 2px 0 var(--porcelain), inset -2px 2px 0 var(--porcelain), inset 0 3px 0 var(--porcelain), inset 2px -2px 0 var(--porcelain), inset -2px -2px 0 var(--porcelain), inset 0 -3px 0 var(--porcelain), inset 3px 0 0 var(--porcelain), inset -3px 0 0 var(--porcelain); } /*.check input[type="radio"]:checked ~ label:after { border-radius: 22px; border-width: 0; background: var(--mint); cursor: default; } .check input[type="radio"]:checked ~ label:after { -webkit-transform: scale(.75); transform: scale(.75); }*/ .check input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .check p:not(.check) input { visibility: visible; position: relative; opacity: 1; } .check input.strong ~ label { padding-left: 52px; } .check.s16 input.strong ~ label { line-height: 1.75; } .check input.strong ~ label:before { top: 50%; width: 30px; height: 30px; margin-top: -15px; line-height: 28px; } .module-box .check input.strong ~ label:before { border-radius: 3px; background: none; } #root .check.align-middle label:before { top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .check li { margin-bottom: 21px; } .check label + p { margin-top: 30px; } .check label ~ p:last-child { margin-bottom: 0; } #root .check li label.error { padding-top: 12px; } #root .check li + label.error { padding-top: 0; padding-left: 0; } h1 + .check, h2 + .check, h3 + .check, h4 + .check, h5 + .check, h6 + .check, .label + .check, aside .form-box h1 + .check, aside .form-box h2 + .check, aside .form-box h3 + .check, aside .form-box h4 + .check, aside .form-box h5 + .check, aside .form-box h6 + .check, aside .label + .check, .form-box .heading + .check { margin-top: 16px; } .check:not(.panels) + h1, .check:not(.panels) + h2, .check:not(.panels) + h3, .check:not(.panels) + h4, .check:not(.panels) + h5, .check:not(.panels) + h6, .check:not(.panels) + .heading, .check:not(.panels) + .label, .check:not(.panels) + p > label:first-child { margin-top: 35px; } .s16 .check label:before, .s16.check label:before { top: 8px; } .s18 .check label:before, .s18.check label:before { top: 11px; } .check:has(input.strong) + p.strong { margin-top: 26px; } .check.inline { margin-right: calc(0px - var(--dist)); margin-bottom: calc(var(--mr_main) - var(--dist)); } .check.inline > * { margin-right: var(--dist); margin-bottom: var(--dist); } .check.inline:has(input.strong) { --dist: 24px; } .check.inline:has(input.strong) + p.strong { margin-top: 9px; } /*.check.box {}*/ .check.box:not(.inline) > * { margin-bottom: 30px; } .check.box label { padding: 10px 20px; border-width: 0; font-size: 20px; font-weight: 700; line-height: 1.5; text-align: center; } [data-whatintent="mouse"] #root .check.box input:not(:checked) ~ label:hover { cursor: pointer; } [data-whatintent="mouse"] #root .check.box input:not(:checked) ~ label:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } #root .check.box label:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; width: auto; height: auto; margin: 0; box-shadow: none; border-radius: 0; border: 2px solid var(--mint); background: none; } [data-whatintent="mouse"] #root .check.box input:not(:checked) ~ label:hover:before { background: var(--mint); } #root .check.box input:checked ~ label:before { box-shadow: none; border-color: var(--gulf); background: var(--gulf); } #root #background ~ #content .check.box:not(.inline) input:not(:checked) ~ label:hover { color: var(--black); } #root #background ~ #content .check.box:not(.inline) input:not(:checked) ~ label:hover:before { background: var(--white); } #root #background ~ #content .check.box:not(.inline) input:checked ~ label { color: var(--black); } #root #background ~ #content .check.box:not(.inline) input:checked ~ label:before { background: var(--white); } .check.panels { margin: 24px 0 10px -16px; color: var(--black); font-size: 16px; line-height: 1.5; text-align: left; } .check.panels li { position: relative; z-index: 3; width: 33.333333333333%; margin: 0 0 16px; padding: 16px 16px 8px 92px; border-left: 16px solid rgba(0,0,0,0); } .check.panels li:before { z-index: -2; box-shadow: 0 2px 4px rgba(0,0,0,0.16); border-radius: 6px; border: 0 solid var(--mint); border-left-width: 76px; background: var(--white); } .check.panels li:after { visibility: hidden; border-radius: 6px; border: 3px solid var(--btn_def); background: none; opacity: 0; } [data-whatintent="mouse"] .check.panels li:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .check.panels figure { height: 96px; margin: 0 0 20px; box-shadow: 0 3px 6px rgba(112,144,176,0.101); border-radius: 3px; } .check.panels h1, .check.panels h2, .check.panels h3, .check.panels h4, .check.panels h5, .check.panels h6, .check.panels label { position: static; margin: 0 0 14px; padding: 0; color: var(--coal); font-size: 20px; font-weight: 700; font-family: var(--font_headers); line-height: var(--lh_head); } #root .check.panels label:before { content: ""; display: block; position: absolute; left: 16px; top: 16px; width: 44px; height: 44px; margin: 0; box-shadow: none !important; border-radius: 6px; border-width: 0; background: var(--white); color: var(--taffy); font-family: i; font-size: 24px; font-weight: 400; line-height: 44px; text-align: center; } #root .check.panels p.check label:before { left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .check.panels label:after { cursor: pointer; } [data-whatintent="mouse"] #root .check.panels li:hover label:before { content: "\e919"; } #root .check.panels input:checked ~ label:before { content: "\e919"; color: var(--btn_def); } .check.panels ul { list-style: none; margin: 0 0 14px; padding: 0; } .check.panels ul li { width: auto; margin: 0; padding: 0; border-width: 0; text-indent: 14px; } #root .check.panels ul li:before { left: 0; right: auto; top: 10px; bottom: auto; width: 4px; height: 4px; border-radius: 4px; border-width: 0; background: var(--black); } /*.check.panels.panels-small {}*/ .check.panels.panels-small li { padding-top: 102px; padding-bottom: .1px; } .check.panels.panels-small li:before { border-width: 0; border-top-width: 88px; } .check.panels.panels-small label { margin-left: -76px; } #root .check.panels.panels-small label:before { top: 30px; width: 27px; height: 27px; font-size: 14px; line-height: 27px; } .check.panels.panels-small figure { position: absolute; left: 58px; right: 16px; top: 16px; height: 56px; border-radius: 4px; background: var(--white); } .check.panels.panels-small figure img { max-height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .check.panels.panels-a { --pd: 30px; --pd2: 22px; } .check.panels.panels-a li { padding: var(--pd2) var(--pd) calc(var(--pd) - var(--mr_main)); } .check.panels.panels-a li:before { border-width: 0; } .check.panels.panels-a li:after { display: none; } .check.panels.panels-a li:has(header .link-btn) { z-index: 4; } .check.panels.panels-a header { min-height: 101px; margin: calc(0px - var(--pd2)) calc(0px - var(--pd)) var(--pd2); padding: var(--pd2) var(--pd) .1px; border-radius: 6px 6px 0 0; background: var(--coal); color: var(--white); } .check.panels.panels-a header:has(.link-btn) { padding-right: 120px; } .check.panels.panels-a header.overlay-fuscia { background: var(--fuscia); } .check.panels.panels-a header h1, .check.panels.panels-a header h2, .check.panels.panels-a header h3, .check.panels.panels-a header h4, .check.panels.panels-a header h5, .check.panels.panels-a header h6 { margin: 0 0 var(--pd2); color: inherit; font-size: 24px; line-height: 1.2; } .check.panels.panels-a header .link-btn { position: absolute; right: -20px; top: -14px; margin-top: 0; pointer-events: none; -webkit-transform: rotate(7deg); transform: rotate(7deg); } .check.panels.panels-a header .link-btn a { padding: 14px 18px; } .check.panels.panels-a footer { position: relative; z-index: 2; margin: auto calc(0px - var(--pd)) calc(0px - var(--pd) + var(--mr_main)); padding: 19px 20px 14px; color: var(--white); font-family: var(--font_headers); font-weight: 700; font-size: 14px; text-transform: uppercase; } .check.panels.panels-a footer:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 5px; bottom: 0; z-index: -1; border-radius: 0 0 6px 6px; background: var(--coal); } .check.panels.panels-a footer p { margin: 0 0 0 -20px; } .check.panels.panels-a footer p > * { border-left: 20px solid rgba(0,0,0,0); } .check.panels.panels-a .link-btn { margin-top: 8px; margin-bottom: 9px; } .check.panels.panels-a .link-btn:last-child { margin-bottom: calc(var(--mr_main) - var(--btn_dist2)); } .check.panels.panels-a .link-btn a:not(.inline) { min-width: 0; } .check.panels.panels-a label { position: relative; margin: 17px 0 34px; padding-left: 60px; color: var(--btn_def); font-family: var(--font_headers); font-size: 18px; font-weight: 700; text-transform: uppercase; } .check.panels.panels-a label a { color: inherit; pointer-events: auto; } .check.panels.panels-a label:has(a) { pointer-events: none; } .check.panels.panels-a label.box { padding: 0; background: var(--btn_def); color: var(--white); } #root .check.panels.panels-a label.box:before { display: none; } .check.panels.panels-a label:last-child { margin-bottom: calc(var(--mr_main) + 10px); } #root .check.panels.panels-a label:before { left: 0; top: 50%; margin-top: -22px; border-radius: 3px; border: 2px solid var(--btn_def); line-height: 40px; } .check.panels.panels-b { --pd: 30px; --pd2: 22px; } .check.panels.panels-b li { padding: var(--pd2) var(--pd) calc(var(--pd) - var(--mr_main)); } .check.panels.panels-b li:before { border-width: 0; } .check.panels.panels-b li:after, #root .check.panels.panels-b label:before { display: none; } .check.panels.panels-b label { position: relative; width: 100%; margin: 0 0 var(--mr_main); } .check.panels.panels-b label:last-child { margin-bottom: calc(0px - var(--pd2) + var(--mr_main) + var(--pd)); } .check.panels.panels-b figure { height: 75px; margin: 0 0 14px; box-shadow: none; border-radius: 0; background: var(--white); } .check.rating { z-index: 2; margin-right: calc(0px - var(--dist)); margin-bottom: calc(var(--mr_main) - var(--dist)); --w: 82px; --h: calc(var(--w) * 0.9542716656); --dist: 16px; } .check.rating input { position: absolute; left: 0; top: 0; } .check.rating label { display: block; width: calc(var(--w) + var(--dist)); height: var(--h); margin: 0 0 var(--dist); border-right: var(--dist) solid rgba(0,0,0,0); text-align: left; text-indent: -3000em; cursor: pointer !important; } #root .check.rating label:before { content: "\e9a0"; top: 0; width: 100%; height: 100%; margin: 0; box-shadow: none !important; border-radius: 0; border-width: 0; background: none; font-size: var(--h); line-height: var(--h); } [data-whatintent="mouse"] #root .check.rating:hover label:before { content: "\e95c"; } [data-whatintent="mouse"] #root .check.rating:hover label:hover ~ label:before { content: "\e9a0"; } #root .check.rating:has(input:checked) label:before { content: "\e95c"; } #root .check.rating:has(input:checked) input:checked + label ~ label:before { content: "\e9a0"; } #root .check.rating:has(input:checked) input:not(:checked) + label:hover:before { cursor: pointer; } ul.check.strong { margin: 0 -30px 0 0; font-family: var(--font_headers); line-height: 1.4444444444; text-align: center; } ul.check.strong li { max-width: 170px; margin: 0 30px 20px 0; font-size: 18px; } #root ul.check.strong label { padding: 54px 0 0; color: var(--coal); font-family: inherit; font-weight: 700; line-height: 1.4444444444; } #root ul.check.strong label:before { left: 50%; top: 0; width: 39px; height: 39px; margin: 0 0 0 -19.5px; font-size: 23px; line-height: 37px; } [data-whatintent="mouse"] #root ul.check.strong label:hover:before { content: "\e959"; color: var(--swans); } #root ul.check.strong input:checked ~ label:before, [data-whatintent="mouse"] #root ul.check.strong input:checked ~ label:hover:before { content: "\e959"; border-color: var(--mint); background: var(--mint); color: var(--white); } #root ul.check.strong input:checked ~ label:after { display: none; } .input-copy { display: block; position: relative; } .input-copy label { width: 100%; } .input-copy input { max-width: 298px; } .input-copy a.copy { display: block; position: relative; width: 49px; height: 49px; background: var(--mint); color: var(--white); text-align: left; text-indent: -3000em; direction: ltr; } .input-copy a.copy:before { content: "\e981"; } .input-copy a.copy > span { display: block; visibility: hidden; position: absolute; left: calc(100% + 30px); top: 50%; min-width: 162px; padding: 7px 14px; box-shadow: 2px 2px 5px rgba(0,0,0,.1); border-radius: 5px; background: var(--white); color: var(--coal); font-size: 16px; font-weight: 400; line-height: 1.3; text-indent: 0; text-align: center; white-space: nowrap; opacity: 0; } .input-copy a.copy > span { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .input-copy a.copy > span:before { content: "\e976"; overflow: hidden; left: -11px; right: auto; color: var(--white); text-shadow: 2px 2px 5px rgba(0,0,0,.1); } .input-copy a.copy.copied > span span { display: none; position: relative; left: 0; top: 0; } .input-copy a.copy.copied > span span.hidden { display: block; } .input-copy.strong { margin-bottom: 45px; padding: 40px 30px; } .input-copy.strong:before { border: 2px solid var(--mint); background: var(--black); } .input-copy.strong label { margin: 0 0 35px; color: inherit; font-size: 28px; line-height: 1.3571428571; text-transform: none; } .input-copy.strong input { height: 60px; font-family: var(--font_headers); font-size: 32px; font-weight: 700; text-align: center; } .input-copy.strong a.copy { width: 60px; height: 60px; font-size: 23px; } .input-disabled:not(.was-disabled) { position: relative; z-index: 2; } .input-disabled:not(.was-disabled) label, .input-disabled:not(.was-disabled) .label { position: relative; z-index: 3; } .input-disabled:not(.was-disabled) input, .input-disabled:not(.was-disabled) select, .input-disabled:not(.was-disabled) textarea, .input-disabled:not(.was-disabled) .select, .input-disabled:not(.was-disabled) .semantic-select-wrapper { opacity: .25; pointer-events: none; cursor: default; } .check input:checked ~ .input-disabled input, .check input:checked ~ .input-disabled select, .check input:checked ~ .input-disabled textarea, .check input:checked ~ .input-disabled .select, .check input:checked ~ .input-disabled .semantic-select-wrapper { opacity: 1; pointer-events: auto; cursor: inherit; } .input-file, #root .input-file { max-width: none; margin: 40px -16px 54px 0; color: var(--black); } #root .input-file > *, #root .input-file > label { margin: 0 16px 16px 0; } #root .input-file .label { display: block; position: relative; z-index: 9; width: 100%; margin: 0 0 22px; color: var(--coal); font-weight: 700; font-family: var(--font_headers); font-size: 20px; text-transform: none; } #root .input-file label { display: block; position: relative; z-index: 2; padding: 14px 30px; border: 2px solid var(--orchid); color: var(--orchid); font-size: 14px; font-weight: 700; line-height: 1.1; text-transform: uppercase; text-align: center; cursor: pointer; } .input-file label i { display: block; position: relative; left: -13px; font-size: 18px; line-height: 18px; } .input-file label i.icon-upload:before { content: "\e94b"; } .input-file label i.icon-upload:after { content: "\e94a"; top: 0; margin: 0; font-size: 18px; line-height: 18px; } [data-whatintent="mouse"] #root .input-file label:hover i.icon-upload:after { top: -3px; } [data-whatintent="mouse"] #root .input-file label:hover { background: var(--orchid); color: var(--white); } [data-whatintent="mouse"] #root .input-file label:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .input-file label:before { bottom: -3px; } #root .input-file .scheme-tip { margin-left: 95px; font-size: 12px; } #root .input-file .scheme-tip:first-child { margin-left: 0; } #root .input-file .scheme-tip > span { left: auto; right: -40px; top: calc(100% + 20px); } #root .input-file .label .scheme-tip { display: inline-block; position: static; margin: 0 0 0 28px; } #root .input-file .label .scheme-tip > span { top: 100%; } .input-file label input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .input-partial { display: block; position: relative; } .input-partial input { padding-right: 56px; } .input-partial > input + span { position: absolute; right: 24px; top: 50%; z-index: 9; margin-top: -1px; color: var(--alto); } .input-partial.strong { width: 92px; margin-bottom: 20px; font-size: 32px; font-weight: 400; } .input-partial.strong input { padding-right: 53px; font-size: 1em; text-align: right; } .input-prefix { display: block; position: relative; z-index: 2; } .input-prefix > span { display: block; position: absolute; left: 0; top: 0; line-height: 49px; } .scheme-heading .input-prefix > span { line-height: var(--input_h); } #root .input-prefix input { padding-left: 36px; } .form-aside { text-align: left; --hm: 6px; } .form-aside header { margin-bottom: 29px; } .form-aside header h1, .form-aside header h2, .form-aside header h3, .form-aside header h4, .form-aside header h5, .form-aside header h6 { margin-bottom: var(--hm); color: inherit; font-size: 24px; line-height: 1.3333333333; } .form-aside header p { margin-bottom: 19px; } .form-aside header p a { color: var(--btn_def); font-family: var(--font_headers); font-weight: 700; text-decoration: none; } .form-aside header + .check { margin-top: 33px; } .form-aside p { position: relative; margin-bottom: 27px; } .form-aside button { width: 100%; } .form-aside .semantic-select .ul { white-space: normal; } .form-aside > form { position: relative; z-index: 2; opacity: .25; } .form-aside > form:before { z-index: 9999; } #background ~ #content .form-aside { color: var(--white); } .form-aside-sticky { margin-bottom: 60px; } .form-aside-sticky > * { position: relative; z-index: 2; max-width: calc(100% - 368px); margin-top: 0; margin-bottom: 0; } .form-aside-sticky > header, .form-aside-sticky > aside { position: sticky; top: auto; bottom: 0; z-index: 9; width: 368px; max-width: none; margin-right: -16px; padding: 95px 37px 68px; color: var(--black); } .form-aside-sticky > header, .form-aside-sticky > aside { -webkit-align-self: flex-end; align-self: flex-end; } .form-aside-sticky > header:before, .form-aside-sticky > aside:before { top: 58px; bottom: 58px; border: 5px solid var(--mint); background: var(--white); } .form-aside-sticky > header > h1:first-child, .form-aside-sticky > header > h2:first-child, .form-aside-sticky > header > h3:first-child, .form-aside-sticky > header > h4:first-child, .form-aside-sticky > header > h5:first-child, .form-aside-sticky > header > h6:first-child, .form-aside-sticky > header > .heading:first-child, .form-aside-sticky > aside > h1:first-child, .form-aside-sticky > aside > h2:first-child, .form-aside-sticky > aside > h3:first-child, .form-aside-sticky > aside > h4:first-child, .form-aside-sticky > aside > h5:first-child, .form-aside-sticky > aside > h6:first-child, .form-aside-sticky > aside > .heading:first-child { margin: -37px -32px 20px; padding: 18px 32px; background: var(--mint); color: var(--white); font-size: 24px; } .form-aside-sticky > header.static { padding: 0; } .form-aside-sticky > header.static:before { display: none; } .form-aside-sticky .form-box { margin-top: 0; margin-bottom: 0; } @media only screen and (min-width: 62.5em) { /* 1000 min */ .form-aside-sticky .form-box { margin-top: 0; margin-bottom: 0; padding: 64px 92px 38px; } } .form-aside-sticky .form-box:before { right: -92px; border-top-width: 0; } .form-aside-sticky .form-box > * { max-width: 294px; } .form-aside-sticky .form-box > figure { max-width: 260px; } .form-aside-sticky .form-box figure { height: auto; margin-top: 22px; } .form-aside-sticky .form-box > .check, .form-aside-sticky .form-box > header { max-width: 352px; } .form-aside-sticky .form-box > header.s16 { margin-bottom: 27px; } .form-aside-sticky .form-box header h1, .form-aside-sticky .form-box header h2, .form-aside-sticky .form-box header h3, .form-aside-sticky .form-box header h4, .form-aside-sticky .form-box header h5, .form-aside-sticky .form-box header h6, .form-aside-sticky .form-box header .heading { font-size: 28px; } .form-aside-sticky .form-box header a { color: var(--btn_def); font-weight: 700; text-decoration: none; } .form-aside-sticky .list-featured, .module-aside .list-featured { display: block; margin-left: 0; margin-right: 0; margin-top: 0; } .form-aside-sticky .list-featured li, .module-aside .list-featured li { width: auto; margin-bottom: 14px; border-left-width: 0; } .form-aside-sticky .list-featured h1, .form-aside-sticky .list-featured h2, .form-aside-sticky .list-featured h3, .form-aside-sticky .list-featured h4, .form-aside-sticky .list-featured h5, .form-aside-sticky .list-featured h6, .form-aside-sticky .list-featured .heading, .module-aside .list-featured h1, .module-aside .list-featured h2, .module-aside .list-featured h3, .module-aside .list-featured h4, .module-aside .list-featured h5, .module-aside .list-featured h6, .module-aside .list-featured .heading { margin-bottom: 8px; color: var(--coal); font-size: 14px; font-weight: 700; text-transform: uppercase; } #content > .form-aside-sticky:last-child { margin-bottom: 55px; } @media only screen and (min-width: 62.5em) { /* 1000 min */ .form-aside-sticky.w905 { max-width: 904px; margin-left: auto; margin-right: auto; } .form-aside-sticky.w905 > header, .form-aside-sticky.w905 > aside { top: 20px; bottom: auto; width: auto; max-width: 445px; margin-top: 170px; margin-right: -77px; } .list-usp ~ #content .form-aside-sticky.w905 > header, .list-usp ~ #content .form-aside-sticky.w905 > aside { top: 33%; } .form-aside-sticky.w905 > header, .form-aside-sticky.w905 > aside { -webkit-align-self: flex-start; align-self: flex-start; } } .form-aside-wide, .form-aside-wide .box-inset { padding: 0 0 0 515px; } .form-aside-wide .box-inset { padding-right: 15px; padding-top: 50px; padding-bottom: 25px; } .form-aside-wide > *, .form-aside-wide .box-inset > * { clear: right; float: right; width: 100%; padding-bottom: 8px; } .form-aside-wide > aside, .form-aside-wide .box-inset > aside { overflow: visible; float: left; width: 405px; max-height: none; margin-left: -515px; padding: 0; color: var(--coal); font-family: var(--font_headers); font-weight: 700; font-size: 20px; line-height: 1.5; } .form-aside-wide .box-inset > aside { clear: none; padding-left: 55px; } .form-aside-wide > aside h1, .form-aside-wide > aside h2, .form-aside-wide > aside h3, .form-aside-wide > aside h4, .form-aside-wide > aside h5, .form-aside-wide > aside h6, .form-aside-wide .box-inset > aside h1, .form-aside-wide .box-inset > aside h2, .form-aside-wide .box-inset > aside h3, .form-aside-wide .box-inset > aside h4, .form-aside-wide .box-inset > aside h5, .form-aside-wide .box-inset > aside h6, .form-aside-wide > aside .heading, .form-aside-wide .box-inset > aside .heading { margin-bottom: 0; color: var(--coal); font-size: 33px; text-align: center; } .form-aside-wide > aside figure, .form-aside-wide .box-inset > aside figure { margin-bottom: 5px; } .form-aside-wide > aside figure + figure, .form-aside-wide .box-inset > aside figure + figure { margin-bottom: 18px; } .form-aside-wide .box-inset:before { right: auto; width: 100%; max-width: 420px; background: var(--white); } .form-aside-wide .box-inset > * { overflow-x: hidden; overflow-y: auto; max-height: 615px; padding-right: 20px; } .form-aside-wide .box-inset > *::-webkit-scrollbar { width: 15px; } .form-aside-wide .box-inset > *::-webkit-scrollbar-track { background: rgba(255,255,255,.2); } .form-aside-wide .box-inset > *::-webkit-scrollbar-thumb { border-radius: 6px; background: rgba(255,255,255,.2); } .form-aside-wide .double { max-width: 550px; } .form-aside-wide header, .form-aside-wide p { max-width: 624px; margin-bottom: 22px; } #root .form-aside-wide .heading { max-width: none; } .form-aside-wide header h1, .form-aside-wide header h2, .form-aside-wide header h3, .form-aside-wide header h4, .form-aside-wide header h5, .form-aside-wide header h6, .form-aside-wide header .heading { font-size: 28px; line-height: 1.3571428571; } .form-aside-wide header a { color: var(--btn_def); font-weight: 700; text-decoration: none; } .form-aside-wide header aside { font-family: var(--font_headers); font-weight: 700; font-size: 18px; line-height: 1.4444444444; } .form-aside-wide header > aside:last-child { margin-bottom: -5px; } .form-aside-wide header h1 + aside, .form-aside-wide header h2 + aside, .form-aside-wide header h3 + aside, .form-aside-wide header h4 + aside, .form-aside-wide header h5 + aside, .form-aside-wide header h6 + aside, .form-aside-wide header .heading + aside { margin-top: -8px; } .form-aside-wide header figure { margin-bottom: 14px; } .form-aside-wide .box-inset header figure { min-height: 122px; background: var(--white); } /*.form-aside-wide .submit {}*/ .form-aside-wide button { min-width: 234px; margin-top: 16px; } .form-aside-wide .submit a { display: block; clear: both; width: 100%; padding-top: 33px; color: var(--aruba); font-family: var(--font_headers); font-size: 16px; font-weight: 700; text-transform: uppercase; text-decoration: none; } .form-aside-wide .submit a:first-child { padding-top: 0; } .form-aside-wide.compact, .form-aside-wide.compact .box-inset { padding-left: 790px; } .form-aside-wide.compact > aside, .form-aside-wide.compact .box-inset > aside { width: 645px; margin-left: -790px; } .form-aside-wide.compact .box-inset:before { max-width: 700px; } .form-aside-wide.compact header { margin-bottom: 30px; padding-top: 8px; font-size: 16px; line-height: 1.75; } .form-aside-wide.compact header h1, .form-aside-wide.compact header h2, .form-aside-wide.compact header h3, .form-aside-wide.compact header h4, .form-aside-wide.compact header h5, .form-aside-wide.compact header h6, .form-aside-wide.compact header .heading { margin-bottom: 20px; color: inherit; font-size: 24px; } .form-aside-wide.compact header p { max-width: none; margin-bottom: 20px; } .form-aside-wide.compact p { max-width: 294px; } .form-aside-wide.compact button { min-width: 184px; } #root .form-aside-wide.compact .box-inset > a.close { display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 70px; height: 70px; color: var(--mint); font-size: 18px; text-indent: -3000em; text-align: left; direction: ltr; } .form-aside-wide.compact .box-inset > a.close:before { content: "\e943"; display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /*.form-aside-wide.submit {}*/ .form-aside-wide.submit .box-inset:before { display: block; left: 0; right: 0; width: auto; max-width: none; border-top: 10px solid var(--btn_def); background: none; } #root .form-aside-wide .success { margin-top: -40px; padding-bottom: 12px; text-align: center; } .form-aside-wide .success h1, .form-aside-wide .success h2, .form-aside-wide .success h3, .form-aside-wide .success h4, .form-aside-wide .success h5, .form-aside-wide .success h6, .form-aside-wide .success .heading { margin-bottom: 12px; color: var(--white); font-size: 28px; font-weight: 700; line-height: 1.3571428571; } .form-aside-wide .success figure { display: none; } .form-box { position: relative; z-index: 2; margin: 50px 0 45px; padding: var(--pd) var(--pd) max(0.1px, calc(var(--pd) - var(--mr_main))); color: var(--white); --mr_main: 24px; --pd: 38px; --hm: 16px; } .form-box:before { border-top: 10px solid var(--btn_def); background: var(--coal); } .form-box.rounded:before { border-radius: 3px; } .form-box h1, .form-box h2, .form-box h3, .form-box h4, .form-box h5, .form-box h6, .form-box .heading { margin-bottom: var(--hm); color: inherit; font-size: 24px; line-height: 1.4166666667; } .form-box input, .form-box select, .form-box textarea, .form-box .semantic-select-wrapper { max-width: 294px; } .form-box.no-sidebar input, .form-box.no-sidebar select, .form-box textarea, .form-box.no-sidebar .semantic-select-wrapper { max-width: none; } .form-box p { max-width: none; } .form-box p > label:first-child, .form-box p + .label { padding-top: 3px; } .form-box figure { max-width: 294px; height: 110px; margin: 0 0 18px; background: var(--white); } .form-box figure + h1, .form-box figure + h2, .form-box figure + h3, .form-box figure + h4, .form-box figure + h5, .form-box figure + h6, .form-box figure + .heading { margin-top: 26px; } .form-box button { margin-top: 14px; } #root .form-box button.inline, #root .form-box .submit a { display: block; float: left; clear: both; width: 100%; margin-top: 36px; color: var(--white); font-weight: 700; font-size: 16px; font-family: var(--font_headers); line-height: 1.1; text-transform: uppercase; text-decoration: none; text-align: left; opacity: .25; } .form-box aside { position: absolute; right: -30px; top: 125px; } .form-box aside figure { max-width: none; height: auto; background: none; } .form-box aside.text-right { right: 20px; top: 105px; max-width: calc(100% - 356px); } .form-box .success { display: none; margin-top: 10px; font-size: 28px; font-weight: 700; font-family: var(--font_headers); line-height: 1.3571428571; text-align: center; } .form-box .success i, .form-aside-wide .success i { display: block; width: 106px; height: 106px; margin: 0 auto 34px; border-radius: 99px; background: var(--mint); color: var(--white); font-size: 46px; line-height: 106px; text-align: center; } .form-box .submit:last-child, .form-box .submit.last-child { margin-bottom: 18px; } .list-btn + .form-box, .form-box + figure { margin-top: 29px; } #root .form-box > .scheme-box.desktop-only:first-child { display: block; position: absolute; right: 0; left: 0; bottom: 100%; margin: 0; padding: 0 0 30px; background: none; color: var(--white); text-align: right; } .form-box > .scheme-box.desktop-only:first-child a { display: block; } .form-box > .scheme-box.desktop-only:first-child a:not([class*="overlay-"]) { color: inherit; } .form-box > .scheme-box.desktop-only:first-child img { max-width: 185px !important; } .form-box > .scheme-box.desktop-only:first-child .img { margin: 6px 0 0; } #root .form-box > .scheme-box.desktop-only.m45:first-child { margin-bottom: 15px; } .form-box.a { max-width: 352px; margin-left: auto; margin-right: auto; color: var(--black); font-size: 16px; --pd: 24px; } #root .form-box.a { margin-left: auto; margin-right: auto; --pd: 18px; } #root .form-box.a.text-start { margin-left: 0; margin-right: 0; } .form-box.a:before { border-width: 0; border-color: var(--mint); background: var(--press); } .form-box.a input, .form-box.a select, .form-box.a textarea, .form-box.a .semantic-select .input, .form-box.a .check label:before { --porcelain: var(--white); } .form-box.a .submit { margin-right: 0; } .form-box.a .submit:last-child, .form-box.a .submit.last-child { margin-bottom: 0; } .form-box.a button { width: 100%; min-width: 0; margin-right: 0; } .form-box.a figure { display: block; height: auto; background: none; } .form-box.a figure:not(:first-child) { margin-top: 22px; } .form-box.c { margin-left: 0; margin-right: 0; /*padding: 40px 40px 13px;*/ color: var(--black); font-size: 16px; } .form-box.c:before { border-radius: 3px; border-color: var(--mint); background: var(--press); } .form-box.c label { margin-bottom: 24px; color: inherit; font-size: 1em; text-transform: none; } .form-box.c input, .form-box.c select, .form-box.c textarea, .form-box.c .semantic-select-wrapper { max-width: 392px; } .form-box.c input, .form-box.c select, .form-box.c textarea, .form-box.c .semantic-select .input { border-radius: 3px; border-color: var(--smoke); background-color: var(--white); } .form-box.c ::-webkit-input-placeholder { color: var(--smoke); } .form-box.c :-ms-input-placeholder { color: var(--smoke); } .form-box.c ::-ms-input-placeholder { color: var(--smoke); } .form-box.c ::placeholder { color: var(--smoke); } .form-box.c button { min-width: 0; margin-top: 26px; padding-left: 21px; padding-right: 21px; border-radius: 3px; } .form-box.c.s18 { font-family: var(--font_headers); } .form-box.c.s18 h1, .form-box.c.s18 h2, .form-box.c.s18 h3, .form-box.c.s18 h4, .form-box.c.s18 h5, .form-box.c.s18 h6 { margin: 20px 0 18px; padding: 25px 0 0; border-top: 1px solid var(--alto); } .form-box.c.s18 h1:first-child, .form-box.c.s18 h2:first-child, .form-box.c.s18 h3:first-child, .form-box.c.s18 h4:first-child, .form-box.c.s18 h5:first-child, .form-box.c.s18 h6:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } .form-box.c.s18 p:not(:last-child, .last-child) { margin-bottom: 10px; } .form-box.d { max-width: 315px; min-width: 315px; color: var(--black); font-size: 16px; --pd: 20px; --input_fz: 16px; --input_bd: var(--smoke); --input_bg: var(--white); --input_br: 3px; --input_pl: var(--smoke); } .form-box.d:before { border-radius: 3px; border-width: 0; background: var(--press); } .form-box.d h1, .form-box.d h2, .form-box.d h3, .form-box.d h4, .form-box.d h5, .form-box.d h6, .form-box.d .heading { color: var(--black); font-size: 20px; } .form-box.d header { margin-bottom: 16px; --mint: var(--persian); } .form-box.d p { margin-bottom: 10px; } .form-box.d p > label, .form-box.d .label { color: inherit; font-weight: 700; text-transform: none; } .form-box.d .show ~ input { width: calc(100% - 60px); } .form-box.d label ~ a.show { left: auto; right: 0; } .form-box.d select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 16.3 9.3' viewBox='0 0 16.3 9.3'%3E%3Cpath d='M15.9.4c-.3-.3-.6-.4-1-.4s-.8.1-1 .4L8.2 5.9 2.5.4C2.2.1 1.8 0 1.4 0 1 0 .7.1.4.4S0 1 0 1.4s.1.7.4 1L7.1 9c.1.1.3.2.5.3h.6c.2 0 .4 0 .5-.1.2 0 .3-.1.5-.3l6.7-6.6c.3-.3.4-.6.4-1 0-.3-.1-.6-.4-.9z'/%3E%3C/svg%3E"); background-size: auto 8px; background-position: calc(100% - 16px) center; } .form-box.d select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 16.3 9.3' viewBox='0 0 16.3 9.3'%3E%3Cpath d='M.4 8.9c.3.3.6.4 1 .4s.8-.1 1-.4l5.7-5.6 5.7 5.6c.3.3.6.4 1 .4s.8-.1 1-.4.4-.6.4-1-.1-.7-.4-1L9.2.4C9.1.3 8.9.2 8.7.1 8.6 0 8.4 0 8.2 0s-.4 0-.6.1c-.2 0-.3.1-.5.3L.4 6.9c-.3.3-.4.6-.4 1s.1.8.4 1z'/%3E%3C/svg%3E"); } .form-box.d .semantic-select .ticker:before { right: 16px; color: var(--black); font-size: 8px; } .form-box.d .check { --d: 30px; } .form-box.d .check a { color: inherit; } .form-box.inv { color: inherit; } .form-box.inv:before { border: 2px solid var(--calypso); background: none; } .form-box.inv > header:first-child { margin: 0 -38px 12px; padding: 0 38px 15px; border-bottom: 2px solid var(--calypso); } .form-box.inv > header:first-child > h1:first-child, .form-box.inv > header:first-child > h2:first-child, .form-box.inv > header:first-child > h3:first-child, .form-box.inv > header:first-child > h4:first-child, .form-box.inv > header:first-child > h5:first-child, .form-box.inv > header:first-child > h6:first-child { margin: -37px -38px 26px; padding: 9px 38px; background: var(--calypso); color: var(--white); font-size: 20px; line-height: 1.5; } .form-box.inv > header:first-child > *:last-child { margin-bottom: 0; } .form-box.inv > header:first-child figure { max-width: none; height: auto; } .form-box.inv input, .form-box.inv select, .form-box.inv textarea, .form-box.inv .check label:before, .form-box.inv .semantic-select .input { background-color: var(--ice); } .form-box.overlay-coal { padding-top: 18px; color: var(--coal); } .form-box.overlay-coal:before { border-width: 0; background: var(--press); } .form-box.overlay-coal input, .form-box.overlay-coal select, .form-box.overlay-coal textarea, .form-box.overlay-coal .check label:before, .form-box.overlay-coal .semantic-select .input { background-color: var(--white); } aside .form-box { /*padding: 31px 24px 4px;*/ --pd: 24px; } aside .form-box > figure:first-child { margin-top: -7px; } aside .form-box .check { margin-top: -4px; } aside .form-box.inv > header:first-child, aside .form-box.inv > header:first-child > h1:first-child, aside .form-box.inv > header:first-child > h2:first-child, aside .form-box.inv > header:first-child > h3:first-child, aside .form-box.inv > header:first-child > h4:first-child, aside .form-box.inv > header:first-child > h5:first-child, aside .form-box.inv > header:first-child > h6:first-child { margin-top: -37px; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; } /*.form-disabled {}*/ .js .form-disabled fieldset p:not(:first-child, .ready) { opacity: .25; } .form-featured { position: relative; z-index: 5; min-height: 600px; margin: 33px -184px 64px; padding: 0 35px 0 368px; color: var(--white); } .form-featured:before { left: 325px; background: var(--coal); } .form-featured > * { float: right; width: 100%; margin: 0; padding: 35px 0 16px; } .form-featured > * > div { width: 361px; padding: 0 34px 0 0; } .form-featured > * > footer { width: calc(100% - 361px); } .form-featured > aside { display: block; float: left; width: 300px; margin: 0 0 0 -368px; padding: 0; } .form-featured > aside figure { margin: 0; } .form-featured h1, .form-featured h2, .form-featured h3, .form-featured h4, .form-featured h5, .form-featured h6 { width: 100%; margin-bottom: 21px; color: var(--white); font-size: 28px; line-height: 1.4583333333; } .form-featured p { margin-bottom: 22px; } .form-featured button { margin-top: 16px; } .form-featured footer { margin: 0 0 22px; padding: 18px 26px 13px; background: var(--burst); } .form-featured footer h1, .form-featured footer h2, .form-featured footer h3, .form-featured footer h4, .form-featured footer h5, .form-featured footer h6 { margin-bottom: 9px; font-size: 20px; } .form-featured footer ul { padding-left: 17px; font-weight: 700; font-family: var(--font_headers); } .form-featured footer ul li { margin: 0 0 9px; font-size: 20px; } .form-featured footer ul li:after { left: -17px; width: 6px; height: 6px; border-radius: 6px; background: var(--mint); } .form-filter { position: relative; z-index: 9; margin: 0 0 25px; --dist: 46px; --maw: 25%; } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6, .form-filter .heading { width: 100%; margin: 0 0 30px; font-size: 14px; text-transform: uppercase; } .form-filter h1:not([class*="overlay-"]), .form-filter h2:not([class*="overlay-"]), .form-filter h3:not([class*="overlay-"]), .form-filter h4:not([class*="overlay-"]), .form-filter h5:not([class*="overlay-"]), .form-filter h6:not([class*="overlay-"]) { color: var(--mint); } .form-filter > div { position: relative; z-index: 2; margin: 0 0 0 calc(0px - var(--dist)); } .form-filter > div > * { max-width: var(--maw); min-width: 0; margin-top: 0; border-left: var(--dist) solid rgba(0,0,0,0); } .form-filter > div > .s14 { -webkit-align-self: center; align-self: center; } .form-filter input, .form-filter select, .form-filter textarea, .form-filter .semantic-select .input, .form-filter input + label { display: block; position: relative; min-width: 91px; margin: 0; box-shadow: none; border: 2px solid var(--pine); background-color: var(--white); color: var(--pine); font-size: 16px; font-family: var(--font_headers); font-weight: 700; text-transform: uppercase; text-align: center; } #root .form-filter input, #root .form-filter select, #root .form-filter textarea, #root .form-filter .semantic-select .input, #root .form-filter input + label { box-shadow: none; border-color: var(--pine); } .form-filter option { text-align: left; text-transform: none; } #root .form-filter:not(.c) select { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiMyZTQwNTkiIGQ9Ik05LjQgMS40TDggMCA0LjcgMy4zIDEuNCAwIDAgMS40bDQuNyA0Ljd6Ii8+PC9zdmc+); } #root .form-filter:not(.c) select:focus { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiMyZTQwNTkiIGQ9Ik0wIDQuN2wxLjQgMS40IDMuMy0zLjNMOCA2LjFsMS40LTEuNEw0LjcgMHoiLz48L3N2Zz4=); } .form-filter input, .form-filter select, .form-filter .semantic-select .input, .form-filter input + label { height: 58px; } .form-filter .semantic-select .input, .form-filter input + label { padding-left: 19px; line-height: 54px; } .form-filter input + label { padding-right: 19px; } .form-filter:not(.c) .semantic-select.active .input, [data-whatintent="mouse"] .form-filter input + label:hover, [data-whatintent="mouse"] .form-filter:not(.c) .semantic-select:hover .input { -webkit-transform: translateY(-3px); transform: translateY(-3px); } [data-whatintent="mouse"] #root .form-filter .semantic-select:hover .ul { display: block; visibility: visible; opacity: 1; } [data-whatintent="mouse"] #root .form-filter .semantic-select:hover .ticker:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .form-filter input + label { cursor: pointer; } .form-filter input + label:before { z-index: 9; } [data-whatintent="mouse"] .form-filter input + label:hover:before { bottom: -5px; } #root .form-filter .semantic-select .ticker:before { padding-top: 0; color: var(--pine); } [data-whatintent="mouse"] .form-filter input + label:hover { border-color: var(--mint); } .form-filter .semantic-select .ul { left: auto; right: -6px; top: calc(100% + 25px); min-width: /*calc(100% + 30px)*/ calc(100% + 12px); padding: 0; /*white-space: nowrap;*/ } .form-filter .semantic-select .ul:before { content: "\e967"; overflow: hidden; left: auto; right: 0; top: -8px; bottom: auto; z-index: 9; height: 20px; padding: 13px 21px 0; color: var(--white); font-size: 16px; line-height: 16px; text-shadow: 0 -4px 0 var(--alto); } .form-filter .semantic-select ul { max-height: none; padding: 18px 0 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.16); border: 2px solid var(--alto); } #root .form-filter .semantic-select ul li a { display: block; padding-left: 25px; padding-right: 22px; color: var(--black); } .form-filter p > input[type="checkbox"], .form-filter p > input[type="radio"] { display: block; visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } /*.form-filter .link-btn {}*/ .form-filter .link-btn a i { top: -.0125em; margin-right: 5px; font-size: 12px; } .form-filter .link-btn a i.icon-x:before { content: "\e915"; } .form-filter.c { margin-top: 42px; margin-bottom: 38px; --dist: 16px; --pine: var(--mint); } #root .form-filter.c > div > * { max-width: none; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .form-filter.c select { max-width: 200px; } .form-filter.c p, .form-filter.c .semantic-select { position: static; } .form-filter.c .semantic-select .ul { left: var(--dist); right: 0; top: 100%; min-width: 0; margin-top: -17px; padding-top: 17px; } .form-filter.c .semantic-select ul { max-height: 200px; padding: 0; border-width: 0; background: var(--press); } .form-filter.c .semantic-select .ul:before { display: none; } .form-filter.a { margin-bottom: 50px; padding-top: 31px; padding-bottom: 19px; } .form-filter.a:before { width: 200vw; margin-left: -100vw; /*border-bottom: 1px solid var(--venus);*/ background: var(--press); } .form-filter.aside { margin-top: 10px; } #root .form-filter.aside p { max-width: none; width: auto; } .form-filter.aside button { margin-top: 4px; } .form-filter.aside > div { display: block; } .form-filter.aside label { display: block; } .form-filter.b { --dist: 20px; } .form-filter.b > div > * { max-width: none; } @media only screen and (min-width: 1001px) { #root .form-filter.c > div > .s14:last-child { position: absolute; left: 100%; top: 50%; margin-top: -8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media only screen and (min-width: 761px) { .form-filter.b .semantic-select .input, .form-filter.b select { padding-left: 36px; padding-right: 48px; } } [class*="cols"] .form-filter:not(.c) { --dist: 36px; --maw: 228px; } [class*="cols"] .form-filter:not(.c) > div > * { width: var(--maw); min-width: var(--maw); max-width: var(--maw); } .form-inline { margin-left: -15px; margin-bottom: 20px; } .form-inline { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; } .form-inline > * { border-left: 15px solid rgba(0,0,0,0); } .form-inline input, .form-inline select { width: 260px; min-width: 260px; max-width: 260px; } .form-inline label ~ .show { display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 99; width: 50px; color: var(--black); text-indent: -3000em; text-align: left; direction: ltr; } .form-inline label ~ .show:before { content: "\e982"; display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -20px 0 0; font-weight: 400; font-size: 25px; font-family: i; line-height: 40px; text-align: center; text-indent: 0; letter-spacing: normal; } .form-inline label ~ .show-clicked:before { content: "\e983"; } .form-inline label ~ .show ~ input { padding-right: 48px; } .form-inline button { height: 49px; } /*.form-panels {}*/ .form-panels .submit { display: block; width: 100%; max-width: 260px; margin-right: 0; text-align: center; } .form-panels .submit > * { display: block; float: none; width: 100%; margin-right: 0; } .form-panels a.overlay-white { opacity: .2; } .form-quiz { position: relative; z-index: 2; margin: 45px 0 0; --hmr: -20px; } .form-quiz header p:not(.heading) { margin: 0 0 20px; color: var(--mint); font-weight: 700; font-size: 14px; font-family: var(--font_headers); text-transform: uppercase; } .form-quiz h1, .form-quiz h2, .form-quiz h3, .form-quiz h4, .form-quiz h5, .form-quiz h6 { margin: 0 var(--hmr) 20px 0; font-size: 20px; } .form-quiz h1 label, .form-quiz h2 label, .form-quiz h3 label, .form-quiz h4 label, .form-quiz h5 label, .form-quiz h6 label { margin: 0; color: inherit; font-weight: 700; font-size: 1em; text-transform: none; } .form-quiz h1.s28, .form-quiz h2.s28, .form-quiz h3.s28, .form-quiz h4.s28, .form-quiz h5.s28, .form-quiz h6.s28 { margin-bottom: 39px; } .form-quiz h1.s28 + figure, .form-quiz h2.s28 + figure, .form-quiz h3.s28 + figure, .form-quiz h4.s28 + figure, .form-quiz h5.s28 + figure, .form-quiz h6.s28 + figure, .form-quiz h1.s28 + .module-box, .form-quiz h2.s28 + .module-box, .form-quiz h3.s28 + .module-box, .form-quiz h4.s28 + .module-box, .form-quiz h5.s28 + .module-box, .form-quiz h6.s28 + .module-box, .form-quiz h1.s28 + article > figure:first-child, .form-quiz h2.s28 + article > figure:first-child, .form-quiz h3.s28 + article > figure:first-child, .form-quiz h4.s28 + article > figure:first-child, .form-quiz h5.s28 + article > figure:first-child, .form-quiz h6.s28 + article > figure:first-child { margin-top: -10px; } .form-quiz .header-line { margin-right: 0; } .form-quiz figure { margin-bottom: 28px; } .form-quiz input, .form-quiz select, .form-quiz textarea, .form-quiz .semantic-select .input { background-color: var(--white); color: var(--fedora); } .form-quiz ::-webkit-input-placeholder { color: var(--alto); } .form-quiz :-ms-input-placeholder { color: var(--alto); } .form-quiz ::-ms-input-placeholder { color: var(--alto); } .form-quiz ::placeholder { color: var(--alto); } .form-quiz form { position: relative; z-index: 9; } .form-quiz footer { margin: 30px -19px 0 0; } .form-quiz footer .link-btn a { margin: 0 19px 19px 0; } .form-quiz footer .link-btn { margin: 0; } .form-quiz .module-box { margin-bottom: 44px; --pt: 18px; --pd: 20px; } .form-quiz .module-box.inv h1, .form-quiz .module-box.inv h2, .form-quiz .module-box.inv h3, .form-quiz .module-box.inv h4, .form-quiz .module-box.inv h5, .form-quiz .module-box.inv h6 { color: var(--white); } .form-quiz .module-box h1, .form-quiz .module-box h2, .form-quiz .module-box h3, .form-quiz .module-box h4, .form-quiz .module-box h5, .form-quiz .module-box h6 { font-size: 20px; } .form-quiz .module-box + .label { margin-top: -16px; } .form-quiz .module-box p.strong:last-child { margin-top: 47px; color: var(--mint); font-size: 20px; font-weight: 700; font-family: var(--font_headers); } .form-quiz .module-box + .module-box { margin-top: -19px; } .form-quiz .module-box:last-child { margin-bottom: 25px; } .form-quiz .module-box + .scheme-score { margin-top: -25px; } .form-quiz > article + article, .form-quiz > div + div { margin-top: 20px; } .form-quiz .module-featured.background { margin-top: 48px; margin-bottom: 25px; padding-bottom: 84px; } .form-quiz .module-featured.background h1, .form-quiz .module-featured.background h2, .form-quiz .module-featured.background h3, .form-quiz .module-featured.background h4, .form-quiz .module-featured.background h5, .form-quiz .module-featured.background h6 { margin-bottom: 21px; } .form-quiz .module-featured.background .link-btn { margin-top: 40px; } .list-title.a + .form-quiz.wide { margin-top: 32px; } .form-quiz.a { counter-reset: counter; } .form-quiz.a section { position: relative; z-index: 2; margin: 0 0 30px; padding: 0 30px 2px; box-shadow: 0px 4px 10px rgba(112,144,176,0.101); background: var(--white); } .form-quiz.a section:after { counter-increment: counter; content: counters(counter, '.') ' '; display: block; position: absolute; left: 29px; top: 28px; z-index: 9; color: var(--mint); font-weight: 700; font-size: 18px; line-height: var(--lh_main); } .form-quiz.a section header { margin: 0 -30px 24px; padding: 28px 30px 11px 70px; background: var(--coal); color: var(--white); font-size: 18px; line-height: var(--lh_main); } .form-quiz.a section header h1, .form-quiz.a section header h2, .form-quiz.a section header h3, .form-quiz.a section header h4, .form-quiz.a section header h5, .form-quiz.a section header h6, .form-quiz.a section header p { max-width: 678px; margin: 0 0 var(--mr_main); color: inherit; font-family: var(--font_content); font-weight: 400; font-size: 18px; line-height: var(--lh_main); } .form-quiz.a section footer { display: none; margin: 25px -30px 30px; padding: 25px 25px 3px; border: 5px solid var(--mint); } .form-quiz.a section footer p { max-width: 684px; } .form-quiz.a section footer h1, .form-quiz.a section footer h2, .form-quiz.a section footer h3, .form-quiz.a section footer h4, .form-quiz.a section footer h5, .form-quiz.a section footer h6, .form-quiz.a section footer p.header { margin-bottom: 20px; font-size: 24px; font-weight: 700; } .form-quiz.a section footer.overlay-wine { border-color: var(--wine); } .form-quiz.a.done section footer, .form-quiz.a section.done footer { display: block; } .form-quiz.a section > footer:last-child { margin-bottom: -2px; } .form-quiz.a section + footer { margin-top: 40px; } .form-quiz.b, #content > .form-quiz.b { margin-top: 0; } .form-quiz.b, #content > .form-quiz.b:not(.m40) { margin-bottom: 60px; } .form-quiz.b > *:first-child:not(header) { margin-top: 70px; } .form-quiz.b.w720 > *:first-child:not(header) { margin-top: 40px; } .scheme-heading .form-quiz.b > *:first-child:not(header) { margin-top: 0; } .form-quiz.b > header { position: relative; z-index: 2; margin: 0 0 47px -20px; padding: 23px 0 3px; } .form-quiz.b > header:before { background: var(--black); opacity: .2; } .form-quiz.b > header > * { border-left: 20px solid rgba(0,0,0,0); } .form-quiz.b > header .heading, .form-quiz.b > header h1, .form-quiz.b > header h2, .form-quiz.b > header h3, .form-quiz.b > header h4, .form-quiz.b > header h5, .form-quiz.b > header h6 { margin: 0 0 20px; color: inherit; font-weight: 700; font-size: 20px; line-height: 1.5625; text-transform: none; text-align: left; } #root .form-quiz.b > header .scheme-box { padding: 0; background: none; font-size: 14px; } .form-quiz.b .scheme-box .img { margin-left: 18px; } .form-quiz.b > h1:first-child .small, .form-quiz.b > h2:first-child .small, .form-quiz.b > h3:first-child .small, .form-quiz.b > h4:first-child .small, .form-quiz.b > h5:first-child .small, .form-quiz.b > h6:first-child .small, .form-quiz.b > .heading:first-child .small { text-transform: none; } .form-quiz.b > section:not(.wide) p:not(.heading), .form-quiz.b > section:not(.wide) .check { max-width: 720px; margin-left: auto; margin-right: auto; } .form-quiz.b > section:not(.wide) .check:not(.box) { max-width: 596px; } .form-quiz.b .heading, .form-quiz.b h1, .form-quiz.b h2, .form-quiz.b h3, .form-quiz.b h4, .form-quiz.b h5, .form-quiz.b h6 { margin: 0 0 40px; color: inherit; font-size: 28px; text-align: center; } .form-quiz.b .heading a, .form-quiz.b h1 a, .form-quiz.b h2 a, .form-quiz.b h3 a, .form-quiz.b h4 a, .form-quiz.b h5 a, .form-quiz.b h6 a { color: var(--mint); } .form-quiz.b .text-left { text-align: left; } .form-quiz.b .heading .small, .form-quiz.b h1 .small, .form-quiz.b h2 .small, .form-quiz.b h3 .small, .form-quiz.b h4 .small, .form-quiz.b h5 .small, .form-quiz.b h6 .small { display: block; margin: 0 0 13px; color: var(--mint); font-size: 20px; } .form-quiz.b .heading label, .form-quiz.b h1 .label, .form-quiz.b h2 .label, .form-quiz.b h3 .label, .form-quiz.b h4 .label, .form-quiz.b h5 .label, .form-quiz.b h6 .label { margin: 0; color: inherit; font-size: 1em; font-weight: inherit; line-height: 1.3571428571; text-transform: none; } .form-quiz.b input, .form-quiz.b select, .form-quiz.b .semantic-select .input { height: 90px; padding: 0 32px; background-size: auto 20px; color: var(--coal); font-size: 20px; font-weight: 700; font-family: var(--font_headers); } .form-quiz.b .semantic-select .input, .form-quiz.b select { padding-right: 90px; } .form-quiz.b .semantic-select .input { line-height: 90px; } .form-quiz.b select, .form-quiz.b .semantic-select .input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NC41IDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NC41IDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBzdHlsZT0iZmlsbDojOGVjYWI2IiBkPSJNMTEuOCAxNS4xVjBIOS4ydjE1LjFMMi4zIDguMi41IDEwbDEwIDEwIDEwLTEwLTEuOC0xLjh6Ii8+PC9zdmc+); } .form-quiz.b .semantic-select .ticker { bottom: auto; height: 90px; } .form-quiz.b .semantic-select .ticker:before { content: "\e913"; right: 34px; font-size: 20px; } .form-quiz.b .semantic-select .ul { top: calc(100% + 6px); } .form-quiz.b .semantic-select.active .ul { position: relative; left: 0; right: 0; top: 0; margin-top: 6px; } .form-quiz.b .semantic-select ul { max-height: /*450px*/ none; padding: 20px 0; } .form-quiz.b .semantic-select ul li a { padding: 9px 32px; color: var(--black); font-size: 18px; } /*#root .form-quiz.b p.text-center { width: 100%; max-width: 294px; margin-left: auto; margin-right: auto; }*/ .form-quiz.b p.text-center input { height: 49px; padding: 0 19px; --dove: var(--iron); background: var(--porcelain); color: var(--black); font-size: 18px; font-weight: 400; font-family: var(--font_content); text-align: center; } .form-quiz.b p.text-center ::-webkit-input-placeholder { color: var(--black); } .form-quiz.b p.text-center :-ms-input-placeholder { color: var(--black); } .form-quiz.b p.text-center ::-ms-input-placeholder { color: var(--black); } .form-quiz.b p.text-center ::placeholder { color: var(--black); } /*.form-quiz.b .check:not(.box) {}*/ .form-quiz.b .check:not(.box) > * + * { margin-top: 38px; } .form-quiz.b .check:not(.box) label { padding-left: 54px; font-weight: 700; line-height: var(--lh_main); } .form-quiz.b .check:not(.box) label:before, .form-quiz.b .check:not(.box) label:after { content: ""; display: block; position: absolute; left: 0; top: 50%; z-index: 9; width: 32px; height: 32px; margin-top: -16px; border-radius: 3px; border-color: var(--white); background: none; color: var(--white); font-size: 16px; line-height: 30px; cursor: pointer; } [data-whatintent="mouse"] .form-quiz.b .check:not(.box) label:hover:before { content: "\e919"; box-shadow: none; border-color: var(--mint); } .form-quiz.b .check:not(.box) input:checked ~ label:before { content: "\e919"; border-color: var(--mint); background: var(--mint); color: var(--white); } .form-quiz.b .check:not(.box) input[type="radio"] ~ label:before, .form-quiz.b .check:not(.box) input[type="radio"] ~ label:after { border-radius: 99px; } [data-whatintent="mouse"] .form-quiz.b .check:not(.box) input[type="radio"] ~ label:hover:before { content: ""; } [data-whatintent="mouse"] .form-quiz.b .check:not(.box) input[type="radio"] ~ label:hover:after, .form-quiz.b .check:not(.box) input[type="radio"]:checked ~ label:after { z-index: 2; background: var(--white); -webkit-transform: scale(0.75); transform: scale(0.75); } #root .form-quiz.b .check:not(.box) input[type="radio"]:checked ~ label:before { content: ""; box-shadow: none; background: none; } #root .form-quiz.b .check:not(.box) input[type="radio"]:checked ~ label:after { background: var(--mint); } #root .form-quiz.b .check:not(.box) input[type="radio"]:checked ~ label:before, #root .form-quiz.b .check:not(.box) input[type="radio"]:checked ~ label:after { cursor: default; } .form-quiz.b .check.box:last-child { margin-bottom: -8px; } .form-quiz.b .check.box label { padding: 30px 44px; font-family: var(--font_headers); font-weight: 700; } .form-quiz.b .check.box.inline label { min-width: 200px; padding-top: 22px; padding-bottom: 22px; } .form-quiz.b .submit:not(:first-child) { margin-top: 74px; } .form-quiz.b .submit, .form-quiz.b > header { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .form-quiz.b > footer { display: block; width: 100%; max-width: 720px; margin-left: auto; margin-right: auto; font-family: var(--font_headers); font-weight: 700; font-size: 20px; line-height: 1.5; text-align: center; } .form-quiz.b > footer h1, .form-quiz.b > footer h2, .form-quiz.b > footer h3, .form-quiz.b > footer h4, .form-quiz.b > footer h5, .form-quiz.b > footer h6, .form-quiz.b > footer .heading { margin-bottom: 30px; } .form-quiz.b > header { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .form-quiz.b .list-plain li:before { content: "- "; } .form-quiz.b .submit, .form-quiz.b .check.inline { -webkit-justify-content: center; justify-content: center; } .form-quiz.b > header { -webkit-justify-content: space-between; justify-content: space-between; } .form-quiz.b > header { -webkit-align-items: center; align-items: center; } .form-quiz.b button { min-width: 158px; } #background ~ #content .form-quiz { color: var(--white); } #background ~ #content .form-quiz.b .semantic-select ul { border-width: 0; } #background ~ #content .form-quiz.b .semantic-select ul li a { padding-left: 33px; padding-right: 33px; } #background ~ #content .form-quiz.b input:not(:hover), #background ~ #content .form-quiz.b select:not(:hover), #background ~ #content .form-quiz.b .semantic-select .input:not(:hover) { border-color: var(--dove); } /*.form-quiz.c {}*/ .form-quiz.c:not(:first-child) { margin-top: 57px; } .form-quiz.c > * { position: relative; z-index: 2; } #root .form-quiz.c header p:not(.heading) { color: inherit; font-weight: 400; font-size: 1em; font-family: var(--font_content); line-height: var(--lh_main); text-transform: none; } .form-quiz.c > section > * { position: relative; z-index: 2; margin: 0 0 18px; padding: 36px 34px 18px; color: var(--black); } .form-quiz.c > section > *:before, .form-quiz.c > footer:before { border-radius: 5px; border: 0 solid var(--mint); background: var(--white); } .form-quiz.c > section > header:before { border-top-width: 10px; } .form-quiz.c > section h1, .form-quiz.c > section h2, .form-quiz.c > section h3, .form-quiz.c > section h4, .form-quiz.c > section h5, .form-quiz.c > section h6, .form-quiz.c > section .heading, .form-quiz.c > footer { margin-bottom: 18px; color: var(--coal); font-family: var(--font_headers); font-size: 20px; font-weight: 700; line-height: 1.5; } .form-quiz.c > section h1:not(:first-child), .form-quiz.c > section h2:not(:first-child), .form-quiz.c > section h3:not(:first-child), .form-quiz.c > section h4:not(:first-child), .form-quiz.c > section h5:not(:first-child), .form-quiz.c > section h6:not(:first-child), .form-quiz.c > section .heading:not(:first-child) { margin-top: 34px; } .form-quiz.c h1 label, .form-quiz.c h2 label, .form-quiz.c h3 label, .form-quiz.c h4 label, .form-quiz.c h5 label, .form-quiz.c h6 label, .form-quiz.c .heading label { display: block; margin: 0; padding: 0; color: inherit; font-size: 1em; font-weight: inherit; font-family: inherit; line-height: inherit; text-transform: none; } .form-quiz.c > section header h1, .form-quiz.c > section header h2, .form-quiz.c > section header h3, .form-quiz.c > section header h4, .form-quiz.c > section header h5, .form-quiz.c > section header h6, .form-quiz.c > section header .heading { margin-bottom: 25px; font-size: 28px; line-height: 1.3571428571; } .form-quiz.c > section header h1:last-child, .form-quiz.c > section header h2:last-child, .form-quiz.c > section header h3:last-child, .form-quiz.c > section header h4:last-child, .form-quiz.c > section header h5:last-child, .form-quiz.c > section header h6:last-child, .form-quiz.c > section header .heading:last-child { margin-bottom: 10px; } .form-quiz.c > section header p:not(.heading) { max-width: 720px; } .form-quiz.c > header { margin-bottom: 40px; } .form-quiz.c > header h1, .form-quiz.c > header h2, .form-quiz.c > header h3, .form-quiz.c > header h4, .form-quiz.c > header h5, .form-quiz.c > header h6, .form-quiz.c > header .heading { margin-bottom: 28px; font-weight: 800; font-size: 56px; line-height: 1; text-transform: uppercase; } .form-quiz.c > header h1:not([class*="overlay-"]), .form-quiz.c > header h2:not([class*="overlay-"]), .form-quiz.c > header h3:not([class*="overlay-"]), .form-quiz.c > header h4:not([class*="overlay-"]), .form-quiz.c > header h5:not([class*="overlay-"]), .form-quiz.c > header h6:not([class*="overlay-"]), .form-quiz.c > header .heading:not([class*="overlay-"]) { color: inherit; } .form-quiz.c > header h1 + .heading, .form-quiz.c > header h2 + .heading, .form-quiz.c > header h3 + .heading, .form-quiz.c > header h4 + .heading, .form-quiz.c > header h5 + .heading, .form-quiz.c > header h6 + .heading { margin-top: 35px; } .form-quiz.c > header h1 span, .form-quiz.c > header h2 span, .form-quiz.c > header h3 span, .form-quiz.c > header h4 span, .form-quiz.c > header h5 span, .form-quiz.c > header h6 span, .form-quiz.c > header .heading span { display: block; } .form-quiz.c > header p { max-width: 720px; } .form-quiz.c > footer { display: block; margin: 0; padding: 20px 20px .1px 34px; color: var(--black); } #root .form-quiz.c > footer p { margin-bottom: 20px; } .form-quiz.c > footer p:not(.submit) { margin-bottom: 28px; color: var(--coal); font-size: 24px; line-height: 1.4166666667; } .form-quiz.c > footer .double { margin-left: -24px; } .form-quiz.c > footer .double { -webkit-align-items: center; align-items: center; } .form-quiz.c > footer .double { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .form-quiz.c > footer .double > * { border-left-width: 24px; } .form-quiz.c > footer button { white-space: nowrap; } .form-quiz.c > footer.compact { text-align: center; } .form-quiz.c > footer.compact p:not(.link-btn, .submit) { max-width: 720px; margin-left: auto; margin-right: auto; } .form-quiz.c > footer.compact .double { display: block; } .form-quiz.c > footer.compact .double > * { float: none; width: auto; } @media only screen and (min-width: 1001px) { .form-quiz.c > footer.compact { max-width: 904px; margin: 68px auto; padding-top: 45px; padding-bottom: 25px; } #root .form-quiz.c > footer.compact .double > * + * { margin-top: 27px; } } .form-quiz.c p, .form-quiz.c ul, .form-quiz.c ol { margin-bottom: 28px; } .form-quiz.c .double { max-width: 956px; margin-left: 0; } /*.form-quiz.c .double.a {}*/ .form-quiz.c .double.a > * { max-width: 460px; } .form-quiz.c .double.a > * > figure:first-child { margin-top: 14px; } .form-quiz.c .double.a > * > figure:last-child { margin-bottom: 32px; } /*.form-quiz.c .double.b {}*/ .form-quiz.c .double.b > * { width: 59%; border-left-width: 24px; } .form-quiz.c .double.b > *:first-child { width: 35%; } .form-quiz.c .double.b > * > figure:first-child { margin-top: 10px; } .form-quiz.c ::-webkit-input-placeholder { color: var(--black); } .form-quiz.c :-ms-input-placeholder { color: var(--black); } .form-quiz.c ::-ms-input-placeholder { color: var(--black); } .form-quiz.c ::placeholder { color: var(--black); } #root .form-quiz .list-answers + h1, #root .form-quiz .list-answers + h2, #root .form-quiz .list-answers + h3, #root .form-quiz .list-answers + h4, #root .form-quiz .list-answers + h5, #root .form-quiz .list-answers + h6, #root .form-quiz .list-answers + .heading { margin-top: 0; padding-top: 28px; border-top: 2px solid var(--alto); } .form-quiz.c label, .form-quiz.c .label { font-size: 14px; } .form-quiz.c p.label { margin-bottom: 23px; } #root .form-quiz.c .label + .heading, #root .form-quiz.c .label + h1, #root .form-quiz.c .label + h2, #root .form-quiz.c .label + h3, #root .form-quiz.c .label + h4, #root .form-quiz.c .label + h5, #root .form-quiz.c .label + h6 { margin-top: 0; } /*.form-quiz.c .check {}*/ .form-quiz.c .check li { margin-bottom: 16px; } .form-quiz.c .check label { font-size: 16px; line-height: 1.5; --porcelain: var(--white); } .form-quiz.c .check label:before { top: 50%; margin-top: -12px; background: var(--white); } .form-quiz.c .check label:before { -webkit-transform: scale(.9166666667); transform: scale(.9166666667); } .form-quiz.c h1 + .check, .form-quiz.c h2 + .check, .form-quiz.c h3 + .check, .form-quiz.c h4 + .check, .form-quiz.c h5 + .check, .form-quiz.c h6 + .check, .form-quiz.c .heading + .check { margin-top: 20px; } .form-quiz.c .check.box { display: block; } .form-quiz.c .check.box > * { margin-bottom: 20px; } .form-quiz.c .check.box label { margin: 0; padding-top: 11px; padding-bottom: 11px; border-width: 0; font-weight: 400; font-size: 1em; text-align: left; } #root .form-quiz.c .check.box label:before { border: 1px solid var(--iron); } .form-quiz.c .check.box label:before { -webkit-transform: none; transform: none; } #root .form-quiz.c .check.box input:checked ~ label:before { border-width: 2px; border-color: var(--mint); } .form-quiz.wide { padding-top: 40px; padding-bottom: 40px; } .form-quiz.wide:before, .form-quiz.wide .header-line > * { background: var(--press); } .form-quiz.wide > article + article, .form-quiz.wide> div + div { margin-top: 15px; padding-top: 38px; border-top: 1px solid var(--alto); } .form-register { color: var(--black); --hmt: 48px; } .form-register h1, .form-register h2, .form-register h3, .form-register h4, .form-register h5, .form-register h6 { margin: var(--hmt) 0 25px; font-size: 20px; } .form-register p { position: relative; max-width: 294px; margin-bottom: 28px; } .form-register p.link-btn { margin-top: 0; } .form-register input, .form-register select, .form-register textarea, .form-register .semantic-select .input { background-color: var(--white); } .form-register label, .form-register .label { position: relative; z-index: 8; margin: 0 0 6px; font-size: 16px; } .form-register .check + h1, .form-register .check + h2, .form-register .check + h3, .form-register .check + h4, .form-register .check + h5, .form-register .check + h6, .form-register .check + p > label:first-child { margin-top: 29px; } .form-register a.show, .form-box a.show { display: block; position: absolute; left: 100%; top: 0; padding-left: 15px; font-size: 14px; font-weight: 700; font-family: var(--font_headers); line-height: 49px; text-transform: uppercase; text-decoration: none; white-space: nowrap; } .form-register label ~ a.show { top: 28px; } .form-box label ~ a.show { top: 33px; } .form-register a.s14.strong { display: block; clear: both; width: 100%; margin-top: 23px; text-decoration: none; } .form-register a.strong { font-family: var(--font_headers); } .form-register button + a.s14.strong { margin-top: 0; padding-top: 27px; } .form-register .check { margin-bottom: 0; } .form-register .check li { margin-bottom: 11px; } .form-register .check label:before { top: 9px; width: 22px; height: 22px; background: var(--ice); line-height: 22px; } .form-register .check input[type="radio"]:checked ~ label:after { top: 9px; width: 22px; height: 22px; } .form-register .check + h1, .form-register .check + h2, .form-register .check + h3, .form-register .check + h4, .form-register .check + h5, .form-register .check + h6 { margin-top: 36px; } .form-register .submit { max-width: none; } .form-register .submit > span { display: block; clear: both; width: 100%; max-width: 536px; } .form-register .submit > span + * { margin-top: 40px; } .form-register .check + .submit { margin-top: 49px; } aside .form-register { display: block; } #content > .form-register:first-child { margin-top: 35px; } #content > .form-register:last-child { margin-bottom: 50px; } .form-register .module-box { max-width: 604px; margin-bottom: 42px; color: var(--black); font-size: 16px; line-height: 1.5; --pt: 52px; --pd: 68px; --pb: 20px; } .form-register .module-box:before { box-shadow: 0 4px 10px rgba(0,0,0,.149); border-radius: 6px; border-width: 0; background: var(--white); } .form-register .module-box h1, .form-register .module-box h2, .form-register .module-box h3, .form-register .module-box h4, .form-register .module-box h5, .form-register .module-box h6 { position: relative; z-index: 1; margin-bottom: 20px; margin-right: -40px; } .form-register .module-box > h1:first-child, .form-register .module-box > h2:first-child, .form-register .module-box > h3:first-child, .form-register .module-box > h4:first-child, .form-register .module-box > h5:first-child, .form-register .module-box > h6:first-child { margin-top: -5px; } .form-register .module-box p { max-width: 352px; margin-bottom: 37px; } .form-register .module-box label, .form-register .module-box .label, #root .form-register .module-box .input-file .label { margin-bottom: 9px; color: var(--elm); font-size: 14px; text-transform: uppercase; } .form-register .module-box a.show { padding-left: 18px; color: var(--elm); font-size: 14px; line-height: 38px; } .form-register .module-box label ~ a.show { top: 30px; } .form-register .module-box input, .form-register .module-box select, .form-register .module-box .semantic-select .input, .form-register .module-box textarea { background-color: var(--pearl); font-size: 16px; } .form-register .module-box input, .form-register .module-box select, .form-register .module-box .semantic-select .input { height: 38px; padding-left: 12px; padding-right: 38px; } .form-register .module-box input { padding-right: 12px; } .form-register ::-webkit-input-placeholder { color: var(--dove); } .form-register :-ms-input-placeholder { color: var(--dove); } .form-register ::-ms-input-placeholder { color: var(--dove); } .form-register ::placeholder { color: var(--dove); } .form-register .module-box select { background-position: calc(100% + 5px) center; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIGQ9Ik05LjQgMS40TDggMCA0LjcgMy4zIDEuNCAwIDAgMS40bDQuNyA0Ljd6Ii8+PC9zdmc+); } .form-register .module-box select:focus { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIGQ9Ik0wIDQuN2wxLjQgMS40IDMuMy0zLjNMOCA2LjFsMS40LTEuNEw0LjcgMHoiLz48L3N2Zz4=); } .form-register .module-box .semantic-select .input { color: var(--dove); line-height: 36px; } .form-register .module-box .semantic-select .ticker:before { right: 15px; color: var(--dove); } .form-register .module-box .semantic-select.chosen .input { color: var(--black); } .form-register .module-box .scheme-tip, .form-register label .scheme-tip, .form-register .label .scheme-tip { margin-top: 7px; font-size: 12px; font-weight: 400; text-transform: none; } .form-register .module-box .scheme-tip > span { left: -24px; right: -24px; width: auto; } .form-register .module-box label .scheme-tip { display: block; position: static; float: right; margin-top: 0; } .form-register label .scheme-tip, .form-register .label .scheme-tip { display: block; position: static; float: right; margin-top: 2px; } .form-register .module-box .check { z-index: 1; margin-bottom: 45px; font-size: 18px; line-height: 1.4444444444; } .form-register .module-box .check li { margin-bottom: 9px; } .form-register .module-box .check label { margin: 0; color: var(--dove); font-size: 1em; line-height: 1.4444444444; text-transform: none; } .form-register .module-box .label + .check { margin-top: 10px; } .form-register .module-box .check + figure { margin-top: -20px; } #root .form-register .module-box .input-file { margin-bottom: 16px; } #root .form-register .module-box .input-file .label { margin-bottom: 13px; } #root .form-register .module-box .input-file .label .scheme-tip > span { left: -24px; right: auto; width: 400px; } .form-register .module-box button { margin-top: 7px; padding: 14px 17px; border-color: var(--orchid); background: var(--orchid); font-size: 14px; } #root .form-register .module-box button:active { border-color: var(--orchid); background: var(--orchid); } .form-register .module-box section { position: relative; } .form-register .module-box section > header { position: absolute; right: -564px; top: 34px; width: 400px; padding: 22px 32px 21px; box-shadow: 0 4px 10px rgba(0,0,0,.149); border-radius: 6px; background: var(--white); color: var(--coal); font-size: 16px; line-height: 1.625; } .form-register .module-box section > header h1, .form-register .module-box section > header h2, .form-register .module-box section > header h3, .form-register .module-box section > header h4, .form-register .module-box section > header h5, .form-register .module-box section > header h6 { margin-bottom: 14px; font-size: 18px; } .form-register .module-box section > header p { max-width: none; margin-bottom: 26px; } .form-register .module-box section > header a { color: var(--orchid); } .form-register .module-box.wide { max-width: none; } .form-register .module-box.wide p { max-width: 657px; } /*.form-register.a {}*/ .form-register.a header { margin-bottom: 37px; } .form-register.a header h1, .form-register.a header h2, .form-register.a header h3, .form-register.a header h4, .form-register.a header h5, .form-register.a header h6 { font-size: 24px; } .form-register.a p, .form-register.a .check { margin-bottom: 35px; } .form-register.a .submit, .form-register.a .link-btn { margin-bottom: 19px; } .form-register.double { position: static; } .form-register.double > * { position: relative; z-index: 2; width: 532px; } .form-register.double > *:first-child { width: 294px; } .form-register.double > *:first-child + * { padding-top: 70px; } .form-register.double > *:first-child + *, .form-register.double > *:first-child + * h1, .form-register.double > *:first-child + * h2, .form-register.double > *:first-child + * h3, .form-register.double > *:first-child + * h4, .form-register.double > *:first-child + * h5, .form-register.double > *:first-child + * h6 { color: var(--white); } .form-register.double > .background { left: 460px; right: calc(-50vw + 550px); width: auto; margin: 0; background: var(--coal); } .form-search { position: relative; z-index: 5; margin: 26px -58px 38px; padding: 0 0 7px; --hm: 18px; } .form-search:before { box-shadow: 0 1px 2px rgba(190,204,219,0.4); } .form-search h1, .form-search h2, .form-search h3, .form-search h4, .form-search h5, .form-search h6 { margin: 0 0 var(--hm); font-size: 28px; } .form-search p { position: relative; margin-bottom: 25px; padding: 0 202px 0 0; } .form-search input { height: 48px; padding-left: 46px; border-color: var(--dove); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.9'%3E%3Cpath fill='%238ecab6' d='M8.8 17.5c2 0 3.8-.6 5.3-1.8l4.1 4.1L20 18l-4.2-4a8.75 8.75 0 00-7-14.1C3.9 0 0 3.9 0 8.8s3.9 8.7 8.8 8.7zm0-15c3.5 0 6.3 2.8 6.3 6.3S12.3 15 8.8 15s-6.3-2.8-6.3-6.3 2.8-6.2 6.3-6.2z'/%3E%3C/svg%3E") 13px center no-repeat var(--pearl); background-size: auto 20px; color: var(--dove); font-size: 16px; font-weight: 400; text-transform: none; } .form-search button { position: absolute; right: 0; top: 50%; width: 184px; min-width: 0; height: 58px; margin: -29px 0 0; padding: 0 10px; border-color: var(--mint); background: var(--mint); } #root .form-search button:active { border-color: var(--gulf); background: var(--gulf); color: var(--white); } .form-search .list-inline a, .form-tabs .list-inline a { display: block; position: relative; padding-right: 21px; } .form-search .list-inline a:before, .form-tabs .list-inline a:before { content: "\e911"; left: auto; font-size: 12px; } [data-whatintent="mouse"] .form-search .list-inline a:hover:before, [data-whatintent="mouse"] .form-tabs .list-inline a:hover:before { right: 2px; } .form-sort { position: relative; z-index: 99; margin: 38px -22px var(--mr_main) 0; } .form-sort p { margin: 0 22px 22px 0; } .form-sort select { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 44 19.5' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%238ecab6%7D%3C/style%3E%3Cpath class='st0' d='M6.8 16.6V0H5.2v16.6l-4.1-4.2L0 13.5l6 6 6-6-1.1-1.1zM17 0l-6 6 1.1 1.1L16.2 3v16.5h1.6V3l4.1 4.1L23 6z'/%3E%3C/svg%3E"); text-align: left; } .form-sort select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 19.5'%3E%3Cpath fill='%238ecab6' d='M12.8 4.5l-1.1-1.1-5.3 5.3-5.3-5.3L0 4.5l5.3 5.3L0 15.1l1.1 1.1 5.3-5.3 5.3 5.3 1.1-1.1-5.3-5.3z'/%3E%3C/svg%3E"); } .form-sort select, .form-sort .semantic-select .input { width: 182px; height: 56px; padding-right: 62px; box-shadow: none; border-color: var(--mint); background-color: var(--white); background-size: auto 18px; color: var(--mint); font-size: 16px; font-family: var(--font_headers); font-weight: 700; text-transform: uppercase; text-align: left; } #root .form-sort .semantic-select .input, #root .form-sort .semantic-select.active .input { box-shadow: none; background-position: -3000em -3000em; } #root .form-sort select, #root .form-sort select:focus { box-shadow: none; background-position: 100% center; } .form-sort .semantic-select .input { line-height: 54px; } .form-sort .semantic-select .ul { left: auto; padding-top: 18px; white-space: nowrap; text-align: left; } .form-sort .semantic-select .ul { -webkit-transform: translateY(-18px); transform: translateY(-18px); } .form-sort .semantic-select ul { padding: 6px 0; border-color: var(--alto); border-top-width: 1px; } .form-sort .semantic-select ul li { font-size: 18px; } .form-sort .semantic-select ul li a { color: var(--black); } #root .form-sort .semantic-select ul li a { padding: 11px 20px; } #root .form-sort .semantic-select ul li a { background: none; } .form-sort .link-btn { margin: 0; } .form-sort .link-btn a { margin-right: 22px; margin-bottom: 22px; padding-left: 20px; padding-right: 20px; box-shadow: none; border: 1px solid var(--mint); background: none; color: var(--mint); } [data-whatintent="mouse"] .form-sort .link-btn a:hover, #root .form-sort .link-btn a:active { border-color: var(--mint); background: var(--mint); color: var(--white); } .form-sort .link-btn a i { margin-left: 15px; margin-right: 0; } .form-sort .icon-eye, .form-sort .icon-eye-close { font-size: 18px; } .form-sort .icon-eye-close:before { content: "\e957"; } .form-sort .icon-eye:before { content: "\e950"; } [data-whatintent="mouse"] .form-sort .link-btn a:hover i { -webkit-transform: scale(1.2222222222); transform: scale(1.2222222222); } #root .form-sort + h1, #root .form-sort + h2, #root .form-sort + h3, #root .form-sort + h4, #root .form-sort + h5, #root .form-sort + h6 { margin-top: -7px; } .form-tabs { position: relative; z-index: 8; margin: 38px 0; } .form-tabs > nav { width: 100%; font-weight: 700; font-family: var(--font_headers); line-height: var(--lh_head); } .form-tabs > nav ul { list-style: none; margin: 0 -5px 0 0; padding: 0; } .form-tabs > nav ul li { margin: 0 5px 0 0; padding: 5px 0 0; font-size: 20px; } .form-tabs > nav ul li a, .form-tabs > nav ul li > span { display: block; padding: 12px 26px; border-radius: var(--b2r) var(--b2r) 0 0; background: var(--mint); color: var(--white); text-decoration: none; text-align: center; } .form-tabs > nav ul li.active { padding-top: 0; } .form-tabs > nav ul li.active a, .form-tabs > nav ul li > span { padding-top: 14.5px; padding-bottom: 14.5px; background: var(--coal); cursor: default; } .form-tabs form { position: relative; margin: 0 0 20px; padding: 29px 232px 2px 3px; border-radius: 0 var(--b2r) var(--b2r) var(--b2r); background: var(--coal); } .form-tabs form p { margin-bottom: 24px; border-left: 22px solid rgba(0,0,0,0); } .form-tabs input, .form-tabs select, .form-tabs textarea, .form-tabs .semantic-select .input { border-radius: var(--b2r); } .form-tabs form .submit { position: absolute; right: 25px; bottom: 22px; width: 184px; margin-bottom: 0; margin-right: 0; border-width: 0; } .form-tabs form .submit button { min-width: 0; width: 100%; height: 58px; margin-bottom: 0; padding: 0 10px; border-radius: var(--b2r); } .form-tabs form .submit button i { margin-right: 8px; font-size: 1.125em; line-height: 1px; } .form-tabs > header { padding: 7px 0 0; } .form-tabs > header h1, .form-tabs > header h2, .form-tabs > header h3, .form-tabs > header h4, .form-tabs > header h5, .form-tabs > header h6 { margin-bottom: 29px; font-size: 28px; } .form-tabs > header + nav { width: auto; } .form-tabs > div { width: 100%; } .form-tabs > div > .hidden { visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .form-tabs .ui-autocomplete { display: block !important; visibility: visible; position: absolute; left: 0 !important; right: 0; top: 100% !important; width: auto !important; opacity: 1; } .form-tabs .list-inline, .form-tabs > footer { margin-top: 12px; } .form-tabs.a { margin-bottom: 54px; padding-bottom: 15px; } .form-tabs.a:before { box-shadow: 0 1px 2px rgba(190,204,219,.4); } .form-tabs.b { max-width: 1030px; /*--b2r: 3px; --h: 52px;*/ } .form-tabs.b > figure { position: absolute; left: 100%; top: -65px; z-index: -1; width: 300px; margin-left: -16px; } /*.form-tabs.b input, .form-tabs.b select, .form-tabs.b .semantic-select .input { height: var(--h); } .form-tabs.b .semantic-select .input { line-height: calc(var(--h) - 2px); } .form-tabs.b form .submit { bottom: 26px; } .form-tabs.b form .submit button { min-width: 132px; height: var(--h); }*/ /*! Helpers --------- */ summary::-webkit-details-marker { display: none; } .link-btn a i:before, .link-btn a i:after, button i:before, button i:after, .list-title a:before, .header-profile > ul i, .list-title.a, #mobile-compact, .module-alert, .list-title.a + *, .list-logo.box img, .module-countdown, .theme-compact #nav > ul > li ul, #nav > ul > li > a, #nav > ul > li > a:before, #nav > ul > li > a img, #logo a, #top > form button, #mobile > ul > li, #mobile, #mobile > .close, #mobile > .close:before, .list-usp img, .list-usp a, .list-usp i, .list-usp spazmn, .list-usp, .list-usp ~ #footer, #top, #content, #footer, .list-btn a, .list-btn a:after, .list-btn a:before, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, .nav-content li a:after, .header-top ul a, .header-top ul a:before, .header-top nav li.sub > a:after, .header-top nav p, .header-top nav p a:before, .header-top nav ul, .link-btn a i, button i, .list-profile a, .list-profile a:after, .list-profile a:before, .semantic-select .ticker > *, .semantic-select .ticker > *:before, .semantic-select .ticker > *:after, .semantic-select .ul, .form-search .list-inline a:before, select, .semantic-select .input, .semantic-select .ticker:before, .semantic-select ul li a, .semantic-select .ticker:before, .module-note a:before, .module-note, .module-note a:after, .ui-autocomplete, .ui-autocomplete li, .form-tabs .list-inline a:before, .scheme-box img, #logo a i, .theme-compact #root #nav > ul > li.sub > a:after, .theme-compact #footer p:first-child a, .theme-compact #root #nav > ul > li.btn > a, #root #footer nav li.btn > a, .list-social a, .list-social a:before, .scheme-tip > span, .theme-compact.v1 #root #nav > ul > li > a, .theme-compact.v1 #footer nav ul li a:hover, .nav-pagination li i, .input-file label, .input-file label i:before, .input-file label i, .input-file label i:after, .header-user li a, .header-user li a:before, .header-user i, .header-user i:before, .header-user i:after, .form-filter .semantic-select .input, .form-filter input + label, .form-filter input + label:before, .module-box-sticky, figure .icon-play, figure .icon-play:before, figure .icon-play:after, #footer-new > ul a, #footer-new > ul a:before, #footer-new, #logo img, .list-box.a li.has-link, .list-box.a li.has-link:before, .list-box.a li.has-link:after, .list-gallery a, .list-gallery a i:after, .list-gallery a i:before, .list-gallery img, .list-gallery .img, .list-quiz label, .list-quiz label:before, .list-quiz label:before, .form-filter .semantic-select .input, .form-filter label, .list-programms li > figure img, .check.box label:before, .check.box label, .input-copy a.copy, .input-copy a.copy:before, .input-copy a.copy > span, .media-enlarge span.hover, .check.panels li, .check.panels li:after, .list-logo img, .list-box li.link a:before, .link-chat a, .link-chat a:before, .link-chat a *, .check.panels.panels-b label { transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: -.1s; } select, .semantic-select .input { transition-property: background-position; } .semantic-select ul li a { transition-property: padding; } #footer-new { transition-property: margin-bottom; } .list-usp img, .list-usp i, .list-usp span, .list-btn a:active:before, .link-chat a, .link-chat a:before, .link-chat a * { transition-duration: .5s; } figure .icon-play { transition-duration: .5s; transition-timing-function: ease; } .header-top nav ul ul a, .header-top nav li.sub > a.toggle, .theme-compact #root #nav > ul > li > a, #root .link-btn a.disabled, #root .link-btn.disabled a { transition: none; } .clear { clear: both; } #root .desktop-hide, #root .tablet-only, #root .mobile-only, #root label.error ~ label.error, select.hidden { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .hidden, [hidden], template, #nav em, #nav em, #top li:after, #nav > ul > li.btn > a:before, #root #footer nav li.btn > a:before, #nav > ul > li.text-right > a:before, #nav > ul > li.mobile-only, #mobile, #mobile em, #mobile li:after, .list-usp li:after, .list-usp span.strong i, .list-btn li:after, .list-btn:first-child:before, .header-top nav p, .nav-content li:after, .nav-breadcrumbs li:after, .header-top li:after, .header-top nav li.link-btn a:before, .header-top nav ul ul a:before, .header-top nav li.link-btn.mobile-only, .list-ribbon li:before, .list-ribbon li:after, #footer > ul li:before, #footer > ul li:after, .list-contact li:before, .list-contact li:after, .module-article > .background[style] img, q:after, .list-profile li:after, .list-box li:after, .list-entry li:after, .list-entry li.link-btn:before, .module-entry + .list-btn:before, .list-entry.inline:before, .module-entry.compact .list-entry:before, .list-entry.inline li:before, .module-entry.compact .list-entry li:before, .semantic-select ul li:after, .header-top nav li.sub > a.toggle:before, .header-top nav li.sub > a.toggle:after, .list-inline li:after, .form-search label, .module-landing .list-btn.a:before, .form-sort .semantic-select .ticker:before, .module-featured.aside > div:before, .list-logo li:after, .header-article .list-logo:before, .list-title li:after, .ais-Pagination-list li:after, .ais-Pagination-list .ais-Pagination-item--firstPage, .ais-Pagination-list .ais-Pagination-item--lastPage, .ais-Pagination-list .ais-Pagination-item--previousPage.ais-Pagination-item--disabled, .form-tabs > nav ul li:after, .tabs-header, .ui-helper-hidden-accessible, .list-search .list-inline li:before, aside .form-box aside, .module-entry.plain .list-entry:before, .module-entry.plain .list-entry li:before, .module-featured.welcome:before, .module-featured.welcome:after, .theme-compact #nav:before, .theme-compact #nav > ul > li > a:before, .theme-compact #root #logo a:before, .theme-compact #root #nav > ul > li.sub > a.toggle:after, .theme-compact #footer *, .theme-compact #footer p:first-child a span, .module-entries .list-logo:before, .list-logo.a:before, #root > .link-btn.sticky, .list-logo ul:not(.list-tags) li:before, .list-logo ul:not(.list-tags) li:after, .list-logo.box:before, .module-sticky.scroll-to-fixed-fixed .list-inline i[class*="duration-"]:after, .list-cols li:after, .list-logo.b:before, .module-wide-mobile:before, #root .module-entry.hr .list-entry li.link-btn:before, .list-social li:after, .list-profile.compact a:after, .module-alert a.close, .module-alert.removed, .scheme-countdown .sec, .module-countdown .day, .module-countdown .count .name, .module-countdown .count .item.sec:after, .module-entries > header:before, .module-entries > figure:before, .module-entries > .featured > footer, .module-sponsors .list-logo:before, #root label.error:before, #root label.error ~ label.error, .list-logo.a li.strong:before, #root .list-logo li.strong:before, .check li:after, .list-hr li:after, .nav-pagination li:after, .list-hr ul.hidden, .theme-compact.v1 #footer nav:before, .theme-compact.v1 #footer nav:after, #mobile-compact, #mobile-compact em, #root .input-file.toggle .scheme-tip, .list-featured li:after, .header-profile > ul li:after, .header-profile > ul:before, .list-title.a a:before, .list-logo.plain:before, .list-team li:last-child:before, .list-team li:last-child:after, .scheme-countdown.a .count .item:first-child:before, .scheme-countdown.a .count .item:first-child, .scheme-countdown.a .count .item:first-child + .item:before, .list-logo.c:before, .module-entries h1 span.hidden, .module-entries h2 span.hidden, .module-entries h3 span.hidden, .module-entries h4 span.hidden, .module-entries h5 span.hidden, .module-entries h6 span.hidden, .module-register > header:before, body > figure .mobile-only, .header-user li:after, .header-user .link-btn, .list-inline .count .item.sec, .count [data-val="1"] .pl, .count [data-val="01"] .pl, .count [data-val="001"] .pl, .count [data-val="0001"] .pl, .count .day[data-val="0"], .count .day[data-val="00"], .count .day[data-val="00"], .count .day[data-val="000"], .count .day[data-val="0000"], .list-btn.b a:before, .module-landing.aside > .list-btn.b:before, #root #nav > ul > li ul.mobile-only, #root #nav > ul > li ul.mobile-only ~ a.toggle, .link-btn.hidden, .list-search li.module-external:after, .list-search li.module-external figure a:before, #root #footer .logo a span, #logo a span, .countdown .item.hour[data-val="0"], .countdown .item.day[data-val="0"], .countdown .item.min[data-val="0"], .form-filter .semantic-select ul li.active, .list-companies li:after, .list-companies li:nth-child(-n+4):before, .module-entries:empty, .no-mobile .module-wide > .background[style*="background-image"] img, .module-entry.reduced .list-entry:before, .module-entry.reduced .list-entry:after, .module-entry.reduced .list-entry li, .module-box-sticky .mobile-only, #footer-new li:after, #root .module-entries > .s28 .scheme-label.mobile-hide, .form-box.submit > *, hr.mobile-only, .file .remove, .section-about h1:first-child:before, .section-about h2:first-child:before, .section-about h3:first-child:before, .section-about h4:first-child:before, .section-about h5:first-child:before, .section-about h6:first-child:before, .module-wide .nav-breadcrumbs:before, .form-aside-wide .success, .form-aside-wide.submit > *, .form-aside-wide.submit .box-inset > *, .hidden[data-step], .list-entry.static:before, .list-plain li:after, .module-article-aside > header .nav-content:before, .module-article-aside > header .nav-content a:after, #footer .logo span, .list-tags li:after, .list-events li:after, .form-register form.hidden, #root .check.panels ul li:after, .theme-compact #top > form, .list-box .list-icon li:before, .img-overlay, .list-steps.a h1:before, .list-steps.a h2:before, .list-steps.a h3:before, .list-steps.a h4:before, .list-steps.a h5:before, .list-steps.a h6:before, .list-steps.a li:before, .list-steps.a li:after, .list-programms.a ul li:after, .list-slider li:after, .list-slider li ~ li, li:not(.step-confirm) .step-confirm, li:not(.step-success) .step-success, .popup-a, .list-reviews li:after, .scheme-rating.clipped .rating-label { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .header-top nav img, [data-whatintent="mouse"] .header-top nav ul li:hover > ul, .header-top nav p a, .list-profile span, .module-entry.compact + .list-btn:before, .semantic-select.active .ul, .header-top nav ul li.toggle > ul, .form-sort .semantic-select .ticker > *, .form-sort .semantic-select .ul:before, .form-sort .semantic-select .ul:after, .theme-compact #footer p:first-child a, .theme-compact #footer p:first-child a i , .module-entries.compact .link-btn, select.hidden, .theme-compact.v1 #footer nav ul li a, #root .module-scroll.long .strong:last-child, .module-scroll.long:before, .module-scroll.long .expand, .scheme-countdown.a .count .item.day, body > figure.active, .form-box.submit .success, #root .has-anchor > .anchor, #root .has-anchor > .anchor-link { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 23px 0 26px; padding: 0; border: 0; border-top: 2px solid var(--venus); background: none; font-size: 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, legend:first-child, .link-btn:first-child, .list-btn:first-child, .link-btn + figure, .nav-content:first-child, .header-top + *, .module-external:first-child, figure:first-child, .list-btn + .module-external, .list-btn:first-child, .module-article:first-child, .background + *, .media-wide.wider:first-child, .media-wide:first-child, *:first-child > q, .scheme-profile:first-child, .list-profile + *, .list-profile:first-child, .list-entry + *, .module-entry + *, .module-entry:first-child, .list-box + *, .list-entry:first-child, .module-entry.compact:first-child, .module-entry.compact + .module-entry.compact, .module-entry + .module-entry.compact, .form-sort:first-child, #root .form-sort + *, .link-btn.mobile-only + h1, .link-btn.mobile-only + h2, .link-btn.mobile-only + h3, .link-btn.mobile-only + h4, .link-btn.mobile-only + h5, .link-btn.mobile-only + h6,.list-search .link-btn, .list-search li.featured:first-child, .form-search:first-child, .list-search .link-btn:first-child, .module-featured .link-btn, .module-featured:first-child, .module-landing:first-child, .module-featured + .module-landing.aside, .module-featured.text-center .link-btn:first-child, .module-featured.text-center:first-child, .module-featured.background .link-btn:first-child, .module-featured.aside .link-btn:first-child, .form-featured:first-child, .form-featured footer:first-child, #root .module-landing:first-child, #root .form-featured + .module-landing, #root .module-featured + .module-landing, .header-article:first-child, .header-article + *, .lead:first-child, .list-title:first-child, .list-logo + *, .module-entry.wide:first-child, .list-title + .link-btn, #pagination:first-child .ais-Pagination-list, .form-tabs:first-child, .form-tabs form .submit:first-child, .form-tabs > footer:first-child, .form-tabs .list-inline:first-child, .form-tabs:first-child > header, aside .form-box .check:first-child, aside .form-box button, .module-entry.plain:first-child, .module-entry.plain .list-entry:first-child, .list-box.wide:first-child, .cols-a .module-external:first-child, hr:first-child, .form-box:first-child, .nav-content p:first-child, .s14.text-uppercase:first-child, .media-wide.overlay:first-child, .media-wide.overlay + *, .media-wide.overlay + .module-featured, .module-entries:first-child, #root .cols-a > .m0 ~ * > .module-external:first-child, .list-logo.a:first-child, h1.s20:first-child, h2.s20:first-child, h3.s20:first-child, h4.s20:first-child, h5.s20:first-child, h6.s20:first-child, #root .module-sticky, .module-sticky .form-sort, .module-header > div:first-child, .module-header + .scheme-countdown, .list-profile.compact:first-child, .list-social:first-child, #root .media-overlay + .cols-a > aside ~ aside > h1:first-child, #root .media-overlay + .cols-a > aside ~ aside > h2:first-child, #root .media-overlay + .cols-a > aside ~ aside > h3:first-child, #root .media-overlay + .cols-a > aside ~ aside > h4:first-child, #root .media-overlay + .cols-a > aside ~ aside > h5:first-child, #root .media-overlay + .cols-a > aside ~ aside > h6:first-child, .module-alert.removed + *, #root > .module-countdown, #root > .module-alert, .list-profile li > span > span, #root .scheme-countdown .img, #root .form-sort.mobile-only + h1, #root .form-sort.mobile-only + h2, #root .form-sort.mobile-only + h3, #root .form-sort.mobile-only + h4, #root .form-sort.mobile-only + h5, #root .form-sort.mobile-only + h6, .module-entries > .aside h1 + div, .module-entries > .aside h2 + div, .module-entries > .aside h3 + div, .module-entries > .aside h4 + div, .module-entries > .aside h5 + div, .module-entries > .aside h6 + div, .module-entries.aside > * h1 + div, .module-entries.aside > * h2 + div, .module-entries.aside > * h3 + div, .module-entries.aside > * h4 + div, .module-entries.aside > * h5 + div, .module-entries.aside > * h6 + div, .module-entries > .featured > header h1:first-child, .module-entries > .featured > header h2:first-child, .module-entries > .featured > header h3:first-child, .module-entries > .featured > header h4:first-child, .module-entries > .featured > header h5:first-child, .module-entries > .featured > header h6:first-child, .header-line.overlay + .module-entries, .module-welcome h1 + .link-btn, .module-welcome h2 + .link-btn, .module-welcome h3 + .link-btn, .module-welcome h4 + .link-btn, .module-welcome h5 + .link-btn, .module-welcome h6 + .link-btn, .module-sponsors .list-logo li:nth-child(-n+6), #root .module-sponsors.cols .list-logo li:nth-child(-n+4), #root .module-welcome .scheme-box:first-child, .scheme-tip:first-child, #root .module-header > div .scheme-box:first-child, .form-sort.text-right:first-child, .form-register a.s14.strong:first-child, .form-register h1:first-child, .form-register h2:first-child, .form-register h3:first-child, .form-register h4:first-child, .form-register h5:first-child, .form-register h6:first-child, .form-register .submit:first-child, .form-quiz button, #root .input-file:first-child, .form-quiz:first-child, .form-quiz .module-box p.strong:first-child:last-child, .module-box:first-child, .form-quiz .module-featured.background:first-child, h1.s24:first-child, h2.s24:first-child, h3.s24:first-child, h4.s24:first-child, h5.s24:first-child, h6.s24:first-child, #root .double > *, .module-box .link-btn:first-child, .list-featured:first-child, .scheme-score:first-child, .form-register .module-box .scheme-tip:first-child, #root ul.check.strong:first-child, .module-welcome.a .link-btn:first-child, .module-welcome.a h1:first-child, .module-welcome.a h2:first-child, .module-welcome.a h3:first-child, .module-welcome.a h4:first-child, .module-welcome.a h5:first-child, .module-welcome.a h6:first-child, .list-box.a:first-child, .list-logo.plain:first-child, .list-title.b:first-child, .list-team:first-child, .list-logo.c:first-child, .module-register .link-btn:first-child, .form-register.a .submit, .header-user li:first-child, .list-news:first-child, #root .m30 + *, #root .m35 + *, #root .m40 + *, #root .m50 + *, .list-featured.a + h1, .list-featured.a + h2, .list-featured.a + h3, .list-featured.a + h4, .list-featured.a + h5, .list-featured.a + h6, .list-featured.a:first-child, .module-landing.aside.m20 + *, .module-landing.aside.m20 + * > h1:first-child, .module-landing.aside.m20 + * > h2:first-child, .module-landing.aside.m20 + * > h3:first-child, .module-landing.aside.m20 + * > h4:first-child, .module-landing.aside.m20 + * > h5:first-child, .module-landing.aside.m20 + * > h6:first-child, #root .module-landing.m25 + .module-external, .list-search.m35 + .module-landing, .list-search li.module-external:first-child, .scheme-box.strong:first-child, #root .m20 + *, .module-academy:first-child, .module-academy figure + .link-btn, #root .m0 + .module-wide, #root .m20 + .module-wide, .module-entry.box:first-child, .module-entry.box .list-entry li.link-btn:first-child, .module-entry-container:first-child, aside .form-box.inv > header:first-child, .m50 + .header-line, .module-entries > .s28 .scheme-label.mobile-hide + p, .nav-breadcrumbs + .module-wide, .form-aside-wide .success h1:first-child, .form-aside-wide .success h2:first-child, .form-aside-wide .success h3:first-child, .form-aside-wide .success h4:first-child, .form-aside-wide .success h5:first-child, .form-aside-wide .success h6:first-child, #root .m0 + *, #root .m8 + *, .form-box .heading:first-child, .heading:first-child, .form-aside-sticky .form-box figure:first-child, #root .form-aside-sticky + *, .form-box button.inline:first-child, .module-aside + *, .list-entry.static:first-child, .module-article-aside figure:first-child, #root .m15 + *, #root .m25 + *, #root .m10 + *, #root .module-article-aside.strong:first-child, #root .m5 + *, .module-entry .list-entry, #root .cols-a > .m0 + *, #root .triple > *, #root .m60 + *, .form-register figure:first-child, .form-register:first-child, .module-box .header:first-child, .list-search:first-child, .cols-d:first-child, .list-timeline li > div:first-child, h1 + .heading, h2 + .heading, h3 + .heading, h4 + .heading, h5 + .heading, h6 + .heading, .list-answers.a:first-child, .mobile-only:first-child + .lead, .check.panels:first-child, .list-box.b .scheme-rating + .link-btn, .form-filter.c:first-child, .list-steps.a:first-child, .list-slider + *, #root .module-inpage .scheme-box:first-child, #root [class*="margin-"] + *, .cols > .link-btn { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, #footer .list-ribbon li, #content > .module-article:last-child, #content > *:last-child > q:last-child, .list-search .link-btn, .module-featured .link-btn, .module-entry.wide .list-title li:last-child, .list-search.a li:last-child, .list-box.featured figure, #root #background, .module-sticky .form-sort, #content > .list-logo.b:last-child, #content > .module-wide-mobile:last-child, #content > .module-wide-mobile:last-child > .list-logo.b:last-child, .module-countdown .link-btn, #root > .module-countdown, #root > .module-alert, .module-entries > .aside .link-btn:last-child, .module-entries.aside > * .link-btn:last-child, .module-entries > .featured .link-btn:last-child, #root > .cols-b > aside:last-child, .form-quiz > *:last-child > .scheme-score:last-child, .form-quiz > *:last-child > *:last-child .input-partial.strong:last-child, .form-register .module-box section > header > *:last-child, #root ul.check.strong, .list-steps p, .list-steps li:last-child, .list-steps:first-child, .list-team li:last-child, #content > .module-wide:last-child, #content > .module-welcome:last-child, .cols-b > aside > .link-btn.offset > .img:last-child, .module-register ul li:last-child, #root #content > .m0:last-child, .link-btn > .s34:last-child, .form-aside-wide .submit:last-child, #root .m0 > .module-featured:last-child, .list-entry.static li > span:first-child, #content > .form-quiz.wide:last-child, #content > .module-timeline:last-child, .list-events li.list-events li:last-child, #root .list-icon.plain li:last-child, .list-programms.a > li:last-child, .list-answers.b .form-quiz { margin-bottom: 0; } #root .m5, #root .margin-5, #root #content > .m5:last-child { margin-bottom: 5px; } #root .m8, #root .margin-8, #root #content > .m8:last-child { margin-bottom: 8px; } #root .m10, #root .margin-10, #root #content > .m10:last-child { margin-bottom: 10px; } #root .m15, #root .margin-15, #root #content > .m15:last-child { margin-bottom: 15px; } #root .m15 + h1, #root .m15 + h2, #root .m15 + h3, #root .m15 + h4, #root .m15 + h5, #root .m15 + h6 { margin-top: var(--mr_main); } #root .m20, #root .margin-20, #root #content > .m20:last-child { margin-bottom: 20px; } #root.m20 + .form-sort { margin-top: 22px; } #root .m25, #root .margin-25, #root #content > .m25:last-child { margin-bottom: 25px; } #root .m30, #root .margin-30, #root #content > .m30:last-child { margin-bottom: 30px; } #root .m35, #root .margin-35, #root #content > .m35:last-child { margin-bottom: 35px; } #root .m40, #root .margin-40, #root #content > .m40:last-child { margin-bottom: 40px; } #root .m45, #root .margin-45, #root #content > .m45:last-child { margin-bottom: 45px; } #root .m50, #root .margin-50, #root #content > .m50:last-child { margin-bottom: 50px; } #root .m55, #root .margin-55, #root #content > .m55:last-child { margin-bottom: 55px; } #root .m60, #root .margin-60, #root #content > .m60:last-child { margin-bottom: 60px; } #root .m70, #root .margin-70, #root #content > .m70:last-child { margin-bottom: 70px; } #root .m75, #root .margin-75, #root #content > .m75:last-child { margin-bottom: 75px; } #root .m80, #root .margin-80, #root #content > .m80:last-child { margin-bottom: 80px; } #root .m85, #root .margin-85, #root #content > .m85:last-child { margin-bottom: 85px; } #root .m90, #root .margin-90, #root #content > .m90:last-child { margin-bottom: 90px; } #root .m95, #root .margin-95, #root #content > .m95:last-child { margin-bottom: 95px; } #root .m100, #root .margin-100, #root #content > .m100:last-child { margin-bottom: 100px; } #root .m125, #root .margin-125, #root #content > .m125:last-child { margin-bottom: 125px; } #root .margin-content { margin-bottom: var(--mr_main); } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } video { display: block; max-width: 100% !important; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--mint); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--mint); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .list-features.a, .check.rating, .list-rating, .check.panels.panels-a header, .check.panels.panels-a footer p, .check.panels.panels-a li, .list-answers.b > li, .cols, .link-chat a span, .aal-list-box li.step-confirm .step-confirm, .aal-list-box li.step-success .step-success, #root .aal-check-panels li.step-confirm, #footer-new > nav > ul, .list-programms.a ul, .list-box li.border > figure, .list-box figure.border, #root .module-featured figure.foreground, .form-filter.c, .list-box-inline header, .scheme-box-a a, .scheme-box .img, #root .form-box > .scheme-box.desktop-only:first-child, #root .form-box > .scheme-box.desktop-only:first-child a, .list-info li, .list-icon.inline, .scheme-rating, .list-box.b li, #root .scheme-box.inline.strong .img, .check.panels figure, .check.panels, .form-box > .scheme-box.desktop-only:first-child .img, #root .module-featured.welcome .scheme-box.inline .img, .module-contract.cols-a > article, .module-contract.cols-a, .form-quiz.c > footer.compact .link-btn, .form-quiz.c > footer.compact .submit, .media-enlarge span.hover, .list-tags.inline li, .input-copy, .check.inline, .list-programms .scheme-box .img, .list-programms > li, #logo a.img, .module-timeline header h1 span, .module-timeline header h2 span, .module-timeline header h3 span, .module-timeline header h4 span, .module-timeline header h5 span, .module-timeline header h6 span, .module-timeline header h1, .module-timeline header h2, .module-timeline header h3, .module-timeline header h4, .module-timeline header h5, .module-timeline header h6, .list-timeline li > figure, .cols-d, .list-events figure, .list-events li, .list-tags, #announcement .outer, #announcement .inner, #announcement > div, #announcement.has-ticker, #announcement ul, .scheme-progress, .list-results li, .list-results, .list-quiz ul, #content.align-stretch, #logo, .list-gallery .img, .triple, .module-article-aside .list-social, .module-article-aside > header, #root .module-article-aside > header .scheme-box .img, .module-article-aside > header .nav-content, .module-article-aside, .module-entry figure.img, .media-box, #root .list-entry.static li, .module-aside, .form-aside-sticky, .module-featured.static figure, .module-featured.static, .list-gallery, .form-aside-wide.submit > .success, .form-aside-wide.submit .box-inset > .success, .form-aside-wide header figure, .list-box.strong li > span:first-child, .list-companies figure a, #footer-new > ul, #footer-new > nav, #footer-new > ul, .module-box-sticky figure, .module-entry .heading .img, .module-entry h1 .img, .module-entry h2 .img, .module-entry h3 .img, .module-entry h4 .img, .module-entry h5 .img, .module-entry h6 .img, .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6, .module-entry .heading, .module-academy > header, .module-academy, .form-filter > div, .list-companies figure, .list-companies, .list-btn.b li, .list-featured.a li, .header-user ul, .header-user, .cols-c, .module-register > header, .module-register, .module-alert.compact figure, .module-alert figure, .list-logo.c li, .list-logo.c a, .scheme-countdown.a .link-btn, .cols-b > aside, #root > .link-btn.sticky-desktop, .list-title.b h1, .list-title.b h2, .list-title.b h3, .list-title.b h4, .list-title.b h5, .list-title.b h6, .list-title.b, .module-featured.aside > *, .list-logo.plain li, .list-logo.plain li a, .list-box.a li, ul.check.strong, .theme-compact #top h1, .theme-compact #top h2, .theme-compact #top h3, .theme-compact #top h4, .theme-compact #top h5, .theme-compact #top h6, .module-fixed, .module-fixed p, .scheme-score, .header-profile > ul, .header-profile, .double, .list-featured figure, .list-featured, .form-quiz footer, #root .input-file label, .input-file, .list-hr ul, .theme-compact.v1 #root #footer, .theme-compact.v1 #root #footer nav ul, .nav-pagination, .nav-pagination ol, .nav-pagination ul, .list-hr li > a, #root .module-sponsors.cols .list-logo li, .module-sponsors.cols, .module-welcome .scheme-box .img, .module-entries > .featured > header, .module-entries > .featured > div, .module-entries > .featured, .module-entries > .aside > header, .module-entries.aside > * > header, .module-entries > .aside, .module-entries.aside > *, .module-entries > * > div, #root, .module-countdown .link-btn, .module-alert.position-top-left.removed, .module-alert.position-top-right.removed, .module-alert.position-bottom-left.removed, .module-alert.position-bottom-right.removed, .module-alert.position-top, .module-alert.position-bottom, .module-alert, .list-social a, .list-cols, .scheme-countdown .count, .list-logo ul:not(.list-tags), .list-logo.box a, .list-logo.box li, .module-sticky, list-logo.a li, .list-logo.a a, .module-entries > *, .module-entries .list-logo li, .module-entries > * > footer, .module-entries .scheme-box .img, .module-entries > * > header, .module-entries, .header-line, .list-box.featured li, .scheme-box, .scheme-box a, .header-top nav ul, .list-box.aside.strong li, .list-box.wide li, .form-box figure, .list-search h1 .img, .list-search h2 .img, .list-search h3 .img, .list-search h4 .img, .list-search h5 .img, .list-search h6 .img, #root .list-search.a figure, .form-tabs, .form-tabs form, .form-tabs > nav ul, .ais-Pagination-list, .list-logo, .header-article, .form-featured > *, .module-featured.text-center > figure:first-child, .module-landing.aside .double, .list-btn.a a, .list-inline, #root .header-top nav li.link-btn a, .form-sort, #root > .sticky > span.link-btn, #root > .sticky, .list-box, .list-entry, .list-profile, .list-profile li, .list-profile a, .scheme-profile, .list-ribbon, #footer .list-ribbon, .header-top nav > figure, .header-top nav, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .header-top ul, .link-btn, .list-btn, .module-external, #nav > ul, #nav > ul > li > a, #root .list-usp li.text-right a, .list-usp, .list-profile li > span { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .module-header .scheme-rating, .scheme-score, .scheme-box { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:wn */ .check.panels.panels-a header, .check.panels.panels-a li, .list-answers.b > li, .cols, .aal-list-box li.step-confirm .step-confirm, .aal-list-box li.step-success .step-success, #root .aal-check-panels li.step-confirm, .form-filter.c > div, #root .module-featured figure.foreground, .list-box-inline header, .cols-e, .header-line.a, .scheme-box-a a, #root .form-box > .scheme-box.desktop-only:first-child, #root .form-box > .scheme-box.desktop-only:first-child a, .scheme-rating, .list-info li, .list-box.b li, .double, .module-featured.welcome .double, .module-contract.cols-a > article, .list-tags.inline li, .list-programms > li, .module-timeline header h1 span, .module-timeline header h2 span, .module-timeline header h3 span, .module-timeline header h4 span, .module-timeline header h5 span, .module-timeline header h6 span, .module-timeline header h1, .module-timeline header h2, .module-timeline header h3, .module-timeline header h4, .module-timeline header h5, .module-timeline header h6, .cols-d, .list-events li, #announcement ul, .scheme-progress, .list-results li, .module-entry .heading, .module-article-aside > header, .module-article-aside > header .nav-content, .module-article-aside, .module-aside, .module-featured.static, .form-aside-wide.submit > .success, .form-aside-wide.submit .box-inset > .success, .list-box.strong li > span:first-child, .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6, .form-filter > div, .cols-c, .module-register > header, .theme-compact #footer nav ul li a, .list-hr li > a, .module-sponsors.cols, .module-entries > .featured, .module-entries > .aside > header, .module-entries.aside > * > header, .module-entries > .aside, .module-entries.aside > *, #root .module-entries > * > div, #root .module-alert, #root .link-btn.sticky, .module-entries > * > footer, .scheme-box, .scheme-box a, .header-top nav, .list-box.strong.aside li, .list-box.form-tabs form, .module-landing.aside .double, #root > .sticky, #nav > ul, #nav > ul > li > a, #root .list-usp li.text-right a, .list-profile li, .list-profile a, .list-profile li > span, #root > .link-btn.sticky, #root .list-entry.static li { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:dr */ .module-entry.reduced .heading, .module-entries > .featured > header, .module-entries > .featured, .module-entries > .aside, .module-entries.aside > *, .list-box.strong.aside li, .module-entry.reduced h1, .module-entry.reduced h2, .module-entry.reduced h3, .module-entry.reduced h4, .module-entry.reduced h5, .module-entry.reduced h6 { -webkit-flex-direction: row; flex-direction: row; } /* f:ds */ .module-aside.inv, .double.inv, .cols-d.inv, .form-aside-sticky { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* f:dc */ .check.panels.panels-a header, .check.panels.panels-a li, #root .aal-check-panels li.step-confirm, #root .module-featured figure.foreground, .scheme-box-a a, #root .form-box > .scheme-box.desktop-only:first-child, #root .form-box > .scheme-box.desktop-only:first-child a, .list-box.b li, .module-contract.cols-a > article, .list-programms > li, .module-timeline header h1 span, .module-timeline header h2 span, .module-timeline header h3 span, .module-timeline header h4 span, .module-timeline header h5 span, .module-timeline header h6 span, .module-timeline header h1, .module-timeline header h2, .module-timeline header h3, .module-timeline header h4, .module-timeline header h5, .module-timeline header h6, .scheme-progress, .list-results li, .module-article-aside > header, .module-article-aside > header .nav-content, .module-featured.static, .form-aside-wide.submit > .success, .form-aside-wide.submit .box-inset > .success, .module-academy > header, .list-btn.b li, .list-featured.a li, .header-user ul, .header-user, .module-alert figure, .cols-b > aside, .list-title.b h1, .list-title.b h2, .list-title.b h3, .list-title.b h4, .list-title.b h5, .list-title.b h6, .module-featured.aside > *, .list-box.a li, .module-entries > .featured > header, .module-entries > .featured > div, .module-entries > .aside > header, .module-entries.aside > * > header, .module-entries > * > div, #root, .module-countdown .link-btn, .module-alert, .module-entries > * { -webkit-flex-direction: column; flex-direction: column; } /* f:js */ #root .form-box > .scheme-box.desktop-only:first-child, #root .form-box > .scheme-box.desktop-only:first-child a, .form-quiz .wide + .link-btn, .form-quiz .wide + .submit, .double.text-start, .module-contract.cols-a > article, .scheme-box.text-left, .scheme-box.text-left > a, .list-logo.text-left, .scheme-box.strong, .scheme-box.strong a, .list-featured.a li, .module-entries > .featured > header, .list-logo.box, .list-logo.a, .module-entries .list-logo, #root .module-entries .scheme-box, #root .module-entries .scheme-box a { -webkit-justify-content: flex-start; justify-content: flex-start; } /* f:jc */ .check.panels.panels-a header, .cols.text-center, .link-chat a span, #root .aal-check-panels li.step-confirm, .list-box li.border > figure, .list-box figure.border, .scheme-box-a.text-center a, .scheme-box .img, #root .scheme-box.inline.strong .img, .check.panels figure, #root .module-featured.welcome .scheme-box.inline .img, .form-quiz.c > footer.compact .link-btn, .form-quiz.c > footer.compact .submit, .media-enlarge span.hover, .module-event .input-copy, .list-programms .scheme-box .img, .module-timeline header h1 span, .module-timeline header h2 span, .module-timeline header h3 span, .module-timeline header h4 span, .module-timeline header h5 span, .module-timeline header h6 span, .module-timeline header h1, .module-timeline header h2, .module-timeline header h3, .module-timeline header h4, .module-timeline header h5, .module-timeline header h6, .list-timeline li > figure, .list-logo.text-center, .text-center .list-logo, .list-events figure, .scheme-progress, .list-results li, .list-gallery .img, #root .module-article-aside > header .scheme-box .img, .text-center .list-inline, .list-inline.text-center, .module-entry figure.img, .text-center.media-box, .text-center .media-box, .module-featured.static figure, .module-featured.static, .form-aside-wide.submit > .success, .form-aside-wide.submit .box-inset > .success, .form-aside-wide header figure, .list-companies figure a, .module-box-sticky figure, .module-featured.welcome.text-center > .link-btn, .module-entry .heading .img, .module-entry h1 .img, .module-entry h2 .img, .module-entry h3 .img, .module-entry h4 .img, .module-entry h5 .img, .module-entry h6 .img, .list-companies figure, .header-line.text-center, .module-alert figure, .list-logo.c li, .list-logo.c a, .scheme-countdown.a .count, .scheme-countdown.a .link-btn, .list-logo.plain, .list-logo.plain li, .list-logo.plain li a, .list-box.a li, .list-featured figure, .nav-pagination, .nav-pagination ol, .nav-pagination ul, #root .module-sponsors.cols .list-logo li, .module-welcome .scheme-box .img, .module-alert, .scheme-countdown .count, .scheme-countdown.b .count, .list-logo.box a, .list-logo.box li, .list-logo.a li, .list-logo.a a, .module-entries .list-logo li, .module-entries .scheme-box .img, .list-box.featured li, .scheme-box, .scheme-box a, .form-box figure, .list-search h1 .img, .list-search h2 .img, .list-search h3 .img, .list-search h4 .img, .list-search h5 .img, .list-search h6 .img, .list-logo, .module-featured.background .link-btn, .module-featured.text-center > figure:first-child, #root .header-top nav li.link-btn a, .list-profile, .header-top nav > figure, .link-btn.text-center, .text-center .link-btn, .module-external { -webkit-justify-content: center; justify-content: center; } /* f:je */ .link-btn.text-end, #root .module-featured figure.foreground, .module-fixed, .module-fixed p, .form-quiz footer, #root .list-search.a figure, .form-sort.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ .cols, .list-box-inline header, .cols-e, .list-info li, .cols-d, .form-quiz footer.double, .list-logo.wide, #root .list-entry.static li, .module-aside, .form-aside-sticky, #footer-new > ul, #footer-new > ul, .module-academy, .cols-c, .module-register > header, .module-register, ul.check.strong, .double, .list-hr ul, .theme-compact.v1 #root #footer, .module-sticky, .link-btn.sticky, #root > .link-btn.sticky, .module-entries > * > header, .header-top nav ul, .cols-a, .form-tabs, .ais-Pagination-list, .header-article, .module-landing.aside .double, #root > .sticky, .header-top nav, #root > .list-usp, #nav > ul { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .cols.sticky, .check.panels.panels-a, .list-box.b li, .cols-d, .module-article-aside, .module-article-aside > header .nav-content, .form-aside-sticky, .list-featured.a li, .cols-c, .module-register > header, .list-title.b h1, .list-title.b h2, .list-title.b h3, .list-title.b h4, .list-title.b h5, .list-title.b h6, .module-entries > .featured > header, .module-entries > .featured > div, .module-entries > .aside > *, .module-entries.aside > * > *, .list-box.featured li, .list-box.strong li, .cols-a, .module-landing.aside .double { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ .cols.align-middle, .link-chat a span, .aal-list-box li.step-confirm .step-confirm, .aal-list-box li.step-success .step-success, .aal-list-box li.step-success .step-success, #footer-new.double, .list-box li.border > figure, .list-box figure.border, .list-box-inline header, .header-line, .scheme-box .img, .list-info li, .scheme-rating, #root .scheme-box.inline.strong .img, .check.panels figure, .form-box > .scheme-box.desktop-only:first-child .img, .double.align-middle, #root .module-featured.welcome .scheme-box.inline .img, .media-enlarge span.hover, .list-programms .scheme-box .img, .module-timeline header h1 span, .module-timeline header h2 span, .module-timeline header h3 span, .module-timeline header h4 span, .module-timeline header h5 span, .module-timeline header h6 span, .module-timeline header h1, .module-timeline header h2, .module-timeline header h3, .module-timeline header h4, .module-timeline header h5, .module-timeline header h6, .list-timeline li > figure, .cols-d.align-center, .list-events figure, .list-events li, .scheme-progress, #logo, #logo a, .module-entry .heading, .list-gallery .img, .form-filter.aside, #root .module-article-aside > header .scheme-box .img, .module-entry figure.img, #root .list-entry.static li, .module-featured.static figure, .form-aside-wide header figure, .list-companies figure a, .module-box-sticky figure, .module-entry h1 .img, .module-entry .heading .img, .module-entry h2 .img, .module-entry h3 .img, .module-entry h4 .img, .module-entry h5 .img, .module-entry h6 .img, .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6, .list-companies figure, .module-alert figure, .list-logo.c li, .list-logo.c a, .list-logo.plain li, .list-logo.plain li a, .theme-compact #top h1, .theme-compact #top h2, .theme-compact #top h3, .theme-compact #top h4, .theme-compact #top h5, .theme-compact #top h6, .module-fixed, .module-fixed p, .scheme-score, .link-btn, .header-profile, .list-featured figure, .form-quiz footer, .input-file, #root .input-file label, .input-file, .theme-compact #footer nav ul li a, .theme-compact.v1 #root #footer, .form-sort .link-btn, .form-sort, #root .module-sponsors.cols .list-logo li, .module-welcome .scheme-box .img, .module-countdown .link-btn, .list-social a, .list-logo.box a, .list-logo.box li, .module-sticky, .link-btn.sticky, .list-logo.a li, .list-logo.a a, .module-entries .list-logo li, .module-entries > * > footer, .module-entries .scheme-box .img, .module-entries > * > header, .scheme-box, .scheme-box a, .header-top nav ul, .list-box.strong.aside li, .list-box.wide li, .form-box figure, .list-search h1 .img, .list-search h2 .img, .list-search h3 .img, .list-search h4 .img, .list-search h5 .img, .list-search h6 .img, #root .list-search.a figure, .ais-Pagination-list, .list-logo, .header-article, .module-featured.text-center > figure:first-child, .list-btn.a a, #root .header-top nav li.link-btn a, #root > .sticky, .list-profile li, .list-profile a, .list-profile li > span, .scheme-profile, .header-top nav > figure, .header-top nav, .list-usp, #root .list-usp li.text-right a { -webkit-align-items: center; align-items: center; } /* f:ae */ #root .form-box > .scheme-box.desktop-only:first-child, #root .form-box > .scheme-box.desktop-only:first-child a, .module-aside.align-bottom, .form-tabs, .form-featured > *, .double.align-bottom { -webkit-align-items: flex-end; align-items: flex-end; } /* f:ab */ .check.panels.panels-a footer p, .list-tags.inline li { -webkit-align-items: baseline; align-items: baseline; } .module-contract.cols-a { -webkit-align-items: stretch; align-items: stretch; } /* f:b0 */ .module-sponsors.cols .list-logo li, .form-tabs form p { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g3 */ .form-box.d button, .cols > .header-line, .header-line .hr, .module-sponsors.cols .list-logo li, .list-box .link-btn a, .link-btn.wide > *:not(.inline), .link-btn > .wide, .form-filter:not(.fta) > div > *, .header-user ul, .module-register > header .heading, .module-register > header h1, .module-register > header h2, .module-register > header h3, .module-register > header h4, .module-register > header h5, .module-register > header h6, .module-entries > * > div, .link-btn.sticky a, .form-tabs form p, #footer .list-ribbon li, .list-box.featured .link-btn, .list-box.featured .link-btn a, #content:not(.align-center) { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .dont-shrink, .module-aside.a > figure, .scheme-rating, .double > figure { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: swap; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\e913"; } .icon-arrow-left:before { content: "\e910"; } .icon-arrow-right:before { content: "\e911"; } .icon-arrows:before { content: "\e912"; } .icon-arrow-up:before { content: "\e90f"; } .icon-award:before { content: "\e91e"; } .icon-award-check:before { content: "\e955"; } .icon-award-check-empty:before { content: "\e95b"; } .icon-books:before { content: "\e956"; } .icon-bulb:before { content: "\e91d"; } .icon-bulb2:before { content: "\e91c"; } .icon-calendar:before { content: "\e929"; } .icon-calendar2:before { content: "\e92c"; } .icon-calendar3:before { content: "\e994"; } .icon-caret-down:before { content: "\e964"; } .icon-caret-left:before { content: "\e965"; } .icon-caret-right:before { content: "\e966"; } .icon-caret-up:before { content: "\e967"; } .icon-certificate:before { content: "\e90c"; } .icon-charts:before { content: "\e90d"; } .icon-chat:before { content: "\e96e"; } .icon-chat-outline:before { content: "\e999"; } .icon-check:before { content: "\e919"; } .icon-check-circle:before { content: "\e91a"; } .icon-check-circle-outline:before { content: "\e9a2"; } .icon-check-rounded:before { content: "\e959"; } .icon-check-thin:before { content: "\e947"; } .icon-chevron-down:before { content: "\e90e"; } .icon-chevron-left:before { content: "\e90b"; } .icon-chevron-right:before { content: "\e908"; } .icon-chevron-up:before { content: "\e909"; } .icon-chevron-thin-down:before { content: "\e986"; } .icon-chevron-thin-left:before { content: "\e987"; } .icon-chevron-thin-right:before { content: "\e984"; } .icon-chevron-thin-up:before { content: "\e985"; } .icon-circle:before { content: "\e931"; } .icon-cog:before { content: "\e960"; } .icon-coin:before { content: "\e90a"; } .icon-coin-strong:before { content: "\e997"; } .icon-copy:before { content: "\e981"; } .icon-copy2:before { content: "\e99e"; } .icon-cv:before { content: "\e954"; } .icon-digital-campus:before { content: "\e92d"; } .icon-diversity:before { content: "\e952"; } .icon-diversity-1:before { content: "\e953"; } .icon-diversity-2:before { content: "\e951"; } .icon-duration:before { content: "\e92b"; } .icon-duration-1:before { content: "\e932"; } .icon-duration-2:before { content: "\e933"; } .icon-duration-4:before { content: "\e934"; } .icon-edit:before { content: "\e99f"; } .icon-error:before { content: "\e926"; } .icon-error-inside:before { content: "\e939"; } .icon-error-strong:before { content: "\e948"; } .icon-error-strong-inside:before { content: "\e949"; } .icon-exit:before { content: "\e95e"; } .icon-exit-1:before { content: "\e95f"; } .icon-exit-2:before { content: "\e95d"; } .icon-events:before { content: "\e961"; } .icon-eye:before { content: "\e927"; } .icon-eye-outline-close2:before { content: "\e94f"; } .icon-eye-outline-close:before { content: "\e957"; } .icon-eye-outline:before { content: "\e950"; } .icon-eye2:before { content: "\e982"; } .icon-eye-2-close:before { content: "\e983"; } .icon-facebook:before { content: "\e93d"; } .icon-facebook-square:before { content: "\e93e"; } .icon-flag:before { content: "\e99c"; } .icon-gamepad:before { content: "\e991"; } .icon-growth:before { content: "\e992"; } .icon-icon:before { content: "\e980"; } .icon-image:before { content: "\e96f"; } .icon-instagram:before { content: "\e93f"; } .icon-instagram-1:before { content: "\e941"; } .icon-instagram-2:before { content: "\e942"; } .icon-justice:before { content: "\e907"; } .icon-label:before { content: "\e97e"; } .icon-label2:before { content: "\e995"; } .icon-law:before { content: "\e920"; } .icon-leaf:before { content: "\e96d"; } .icon-linkedin:before { content: "\e940"; } .icon-live:before { content: "\e92f"; } .icon-live-now:before { content: "\e944"; } .icon-live-now-strong:before { content: "\e945"; } .icon-logo:before { content: "\e904"; } .icon-logo-ulaw:before, .icon-ulaw:before { content: "\e962"; } .icon-logo-ulaw-compact:before, .icon-ulaw-compact:before { content: "\e972"; } .icon-logout:before { content: "\e946"; } .icon-logout-1:before { content: "\e989"; } .icon-logout-2:before { content: "\e98a"; } .icon-loudspeaker:before { content: "\e91f"; } .icon-loudspeaker2:before { content: "\e921"; } .icon-menu:before { content: "\e958"; } .icon-menu2:before { content: "\e963"; } .icon-mobile:before { content: "\e918"; } .icon-networking-expo:before { content: "\e93a"; } .icon-noise-bottom-left:before { content: "\e969"; } .icon-noise-bottom-right:before { content: "\e96a"; } .icon-noise-top-left:before { content: "\e96b"; } .icon-noise-top-right:before { content: "\e968"; } .icon-office:before { content: "\e905"; } .icon-panel-discussions:before { content: "\e930"; } .icon-paper-plane:before { content: "\e916"; } .icon-pause:before { content: "\e99a"; } .icon-pause-play:before { content: "\e99b"; } .icon-people:before { content: "\e92a"; } .icon-people-300:before { content: "\e936"; } .icon-people-500:before { content: "\e937"; } .icon-people-7000:before { content: "\e935"; } .icon-pin:before { content: "\e917"; } .icon-pin2:before { content: "\e91b"; } .icon-pin3:before { content: "\e970"; } .icon-pin-plus:before { content: "\e998"; } .icon-planet-possibility:before { content: "\e97a"; } .icon-planet-possibility-1:before { content: "\e97b"; } .icon-play:before { content: "\e96c"; } .icon-play-inside:before { content: "\e990"; } .icon-play-outline:before { content: "\e98d"; } .icon-pointer:before { content: "\e922"; } .icon-pointer2:before { content: "\e98f"; } .icon-resize:before { content: "\e973"; } .icon-resize-shrink:before { content: "\e99d"; } .icon-resize2:before { content: "\e98b"; } .icon-resize-1:before { content: "\e974"; } .icon-resize-2:before { content: "\e975"; } .icon-retention:before { content: "\e906"; } .icon-salary:before { content: "\e900"; } .icon-signpost:before { content: "\e98e"; } .icon-star:before { content: "\e94e"; } .icon-star-outline:before { content: "\e993"; } .icon-star-rounded:before { content: "\e95c"; } .icon-star-rounded-outline:before { content: "\e9a0"; } .icon-stop:before { content: "\e97f"; } .icon-stop-thin:before { content: "\e988"; } .icon-thumb-up:before { content: "\e923"; } .icon-tiktok:before { content: "\e98c"; } .icon-time:before { content: "\e928"; } .icon-time2:before { content: "\e938"; } .icon-time3:before { content: "\e996"; } .icon-tip-arrow:before { content: "\e97c"; } .icon-tooltip:before { content: "\e914"; } .icon-trash:before { content: "\e971"; } .icon-triangle-down:before { content: "\e979"; } .icon-triangle-left:before { content: "\e976"; } .icon-triangle-right:before { content: "\e977"; } .icon-triangle-up:before { content: "\e978"; } .icon-twitter:before { content: "\e93c"; } .icon-university:before { content: "\e94d"; } .icon-upload:before { content: "\e94c"; } .icon-upload-1:before { content: "\e94a"; } .icon-upload-2:before { content: "\e94b"; } .icon-user:before { content: "\e901"; } .icon-user2:before { content: "\e95a"; } .icon-user-outline:before { content: "\e9a1"; } .icon-user-circle:before { content: "\e925"; } .icon-virtual-law-fair-2021:before { content: "\e92e"; } .icon-warning:before { content: "\e924"; } .icon-warning-triangle:before { content: "\e97d"; } .icon-x:before { content: "\e902"; } .icon-x-light:before { content: "\e943"; } .icon-x-strong:before { content: "\e915"; } .icon-youtube:before { content: "\e93b"; } .icon-zoom:before { content: "\e903"; } .list-social.box .icon-tiktok:before { background-size: 100% 100%; color: rgba(0,0,0,0); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 539.55 610.62'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fe2c55%7D.cls-2%7Bfill:%2325f4ee%7D%3C/style%3E%3C/defs%3E%3Cg id='LOGOS'%3E%3Cpath d='M210.09 241.02v-24.41c-8.17-1.11-16.48-1.81-24.95-1.81C83.05 214.8 0 297.86 0 399.95c0 62.64 31.3 118.07 79.04 151.59-30.82-33.08-49.11-77.4-49.11-126.06 0-100.62 80.1-182.11 180.17-184.45Z' class='cls-2'/%3E%3Cpath d='M214.46 510.64c45.55 0 83.35-36.84 85.04-81.99l.14-402.51 73.03-.62c-1.53-8.28-2.38-16.8-2.38-25.52H269.7l-.16 403.13c-1.69 45.14-38.85 81.37-84.39 81.37-14.16 0-27.49-3.54-39.22-9.72 15.37 21.3 40.33 35.85 68.54 35.85ZM510.23 163.02v-23.08c-28.1 0-54.26-8.35-76.21-22.66 19.54 22.44 46.08 39.29 76.21 45.74Z' class='cls-2'/%3E%3Cpath d='M434.02 117.28c-21.41-24.59-34.42-56.67-34.42-91.76h-26.95c7.1 38.33 29.84 71.21 61.36 91.76ZM185.14 315.39c-46.62 0-84.56 37.93-84.56 84.56 0 32.47 18.42 60.68 45.33 74.84-10.03-13.9-16.01-30.9-16.01-49.32 0-46.63 37.93-84.56 84.56-84.56 8.7 0 17.05 1.44 24.95 3.91V242.13c-8.17-1.11-16.48-1.81-24.95-1.81-1.47 0-2.91.08-4.37.11v78.86c-7.9-2.47-16.25-3.91-24.95-3.91Z' class='cls-1'/%3E%3Cpath d='M510.23 162.35v78.18c-52.16 0-100.49-16.69-139.94-45v204.42c0 102.09-83.05 185.14-185.14 185.14-39.45 0-76.03-12.44-106.1-33.56 33.82 36.31 82 59.08 135.42 59.08 102.09 0 185.14-83.05 185.14-185.14V221.05c39.45 28.32 87.79 45 139.94 45V165.46c-10.06 0-19.86-1.09-29.32-3.11Z' class='cls-1'/%3E%3Cpath d='M370.29 399.95V195.53c39.45 28.32 87.79 45 139.94 45v-78.18c-30.13-6.45-56.67-22.63-76.21-45.07-31.52-20.55-54.26-53.43-61.36-91.76h-73.64l-.16 403.13c-1.69 45.14-38.84 81.37-84.39 81.37-28.21 0-53.17-13.94-68.54-35.24-26.91-14.16-45.33-42.37-45.33-74.84 0-46.63 37.93-84.56 84.56-84.56 8.7 0 17.05 1.44 24.95 3.91v-78.86c-100.07 2.34-180.77 84.41-180.77 185.04 0 48.67 18.91 92.98 49.72 126.06 30.07 21.11 66.65 33.56 106.1 33.56 102.09 0 185.14-83.05 185.14-185.14Z'/%3E%3C/g%3E%3C/svg%3E"); } /*! Fonts --------- */ @font-face { font-family: 'Avenir_web'; src: url('fonts/avenir-roman.woff2') format('woff2'), url('fonts/avenir-roman.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Avenir_web'; src: url('fonts/avenir-oblique.woff2') format('woff2'), url('fonts/avenir-oblique.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Avenir_web'; src: url('fonts/avenir-heavy.woff2') format('woff2'), url('fonts/avenir-heavy.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Avenir_web'; src: url('fonts/avenir-heavyoblique.woff2') format('woff2'), url('fonts/avenir-heavyoblique.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Avenir_web'; src: url('fonts/avenir-black.woff2') format('woff2'), url('fonts/avenir-black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Avenir_web'; src: url('fonts/avenir-blackoblique.woff2') format('woff2'), url('fonts/avenir-blackoblique.woff') format('woff'); font-weight: 900; font-style: italic; } @font-face { font-family: 'ITC_Avant_Garde'; src: url('fonts/itcavantgardepro-bk.woff2') format('woff2'), url('fonts/itcavantgardepro-bk.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'ITC_Avant_Garde'; src: url('fonts/itcavantgardepro-bkobl.woff2') format('woff2'), url('fonts/itcavantgardepro-bkobl.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'ITC_Avant_Garde'; src: url('fonts/itcavantgardepro-md.woff2') format('woff2'), url('fonts/itcavantgardepro-md.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'ITC_Avant_Garde'; src: url('fonts/itcavantgardepro-mdobl.woff2') format('woff2'), url('fonts/itcavantgardepro-mdobl.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'ITC_Avant_Garde'; src: url('fonts/itcavantgardepro-bold.woff2') format('woff2'), url('fonts/itcavantgardepro-bold.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'ITC_Avant_Garde'; src: url('fonts/itcavantgardepro-boldobl.woff2') format('woff2'), url('fonts/itcavantgardepro-boldobl.woff') format('woff'); font-weight: 900; font-style: italic; } /*@font-face { font-family: 'museo-sans'; src: url('fonts/museosans_100.woff2') format('woff2'), url('fonts/museosans_100.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'museo-sans'; src: url('fonts/museosans_100_italic.woff2') format('woff2'), url('fonts/museosans_100_italic.woff') format('woff'); font-weight: 100; font-style: italic; } @font-face { font-family: 'museo-sans'; src: url('fonts/museosans_300.woff2') format('woff2'), url('fonts/museosans_300.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'museo-sans'; src: url('fonts/museosans_300_italic.woff2') format('woff2'), url('fonts/museosans_300_italic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'museo-sans'; src: url('fonts/museosans_500.woff2') format('woff2'), url('fonts/museosans_500.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'museo-sans'; src: url('fonts/museosans_500_italic.woff2') format('woff2'), url('fonts/museosans_500_italic.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'museo-sans'; src: url('fonts/museosans_700.woff2') format('woff2'), url('fonts/museosans_700.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'museo-sans'; src: url('fonts/museosans_700_italic.woff2') format('woff2'), url('fonts/museosans_700_italic.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'museo-sans'; src: url('fonts/museosans_900.woff2') format('woff2'), url('fonts/museosans_900.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'museo-sans'; src: url('fonts/museosans_900_italic.woff2') format('woff2'), url('fonts/museosans_900_italic.woff') format('woff'); font-weight: 900; font-style: italic; }*/ /*! Animations --------- */ @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }} @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }} @-webkit-keyframes sidebounce { 0%, 50%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } 25% { -webkit-transform: translateX(-1px); transform: translateX(-3px); } 75% { -webkit-transform: translateX(1px); transform: translateX(3px); } } @keyframes sidebounce { 0%, 50%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } 25% { -webkit-transform: translateX(-1px); transform: translateX(-3px); } 75% { -webkit-transform: translateX(1px); transform: translateX(3px); } } /* Responsive --------- */ @media only screen and (min-width: 1301px) { #content.w1240 { --glw: 1240px; } #top.w1240 { width: 1240px; margin-left: -620px; } #root .module-featured figure.foreground { right: 70px; } } @media only screen and (min-width: 1001px) { /*.cols-a {}*/ .cols-a .form-box { margin-top: 0; margin-bottom: 24px; } .cols-a > aside .form-box input, .cols-a > aside .form-box select, .cols-a > aside .form-box textarea, .cols-a > aside .form-box .semantic-select-wrapper, .cols-a > header:first-child .form-box input, .cols-a > header:first-child .form-box select, .cols-a > header:first-child .form-box textarea, .cols-a > header:first-child .form-box .semantic-select-wrapper { max-width: none; } .cols-a .module-entry.wide { margin-right: 50px; } .cols-a .module-entry.wide:before { left: -3000em; right: -50px; width: auto; margin: 0; } .cols-a .module-external { margin-left: 0; margin-right: 0; padding-left: 24px; padding-right: 24px; } .cols-a .module-external:before { left: 0; right: 0; width: auto; margin: 0; } .cols-a .module-featured { margin-left: 8px; margin-right: 8px; padding-top: 16px; padding-right: 12px; line-height: 1.5; } .cols-a .module-featured h1, .cols-a .module-featured h2, .cols-a .module-featured h3, .cols-a .module-featured h4, .cols-a .module-featured h5, .cols-a .module-featured h6, .cols-a .module-featured .heading { margin-bottom: 10px; font-size: 20px; } .cols-a .module-featured p { font-size: 16px; } .cols-a .module-featured + h1, .cols-a .module-featured + h2, .cols-a .module-featured + h3, .cols-a .module-featured + h4, .cols-a .module-featured + h5, .cols-a .module-featured + h6 { margin-top: -20px; } /*.cols-a .module-featured.box {}*/ .cols-a .module-featured.box:after { left: -8px; right: -8px; } .cols-a .module-featured.box figure { left: 4px; } .cols-a .module-featured.text-center { max-width: 720px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; } .cols-a .list-btn { max-width: 398px; } .cols-a .list-btn li, .cols-a .list-profile li { width: 100%; } .cols-a h1 + .list-btn, .cols-a h2 + .list-btn, .cols-a h3 + .list-btn, .cols-a h4 + .list-btn, .cols-a h5 + .list-btn, .cols-a h6 + .list-btn { margin-top: 26px; padding-top: 0; } .cols-a .list-btn.a { max-width: none; } .cols-a .list-btn.a li { width: 50%; } .cols-a .list-profile { max-width: 444px; } /*.form-aside-wide {}*/ #root .form-aside-wide .success, #root .form-aside-wide.submit .box-inset { margin-top: -24px; padding: 0; } #root .form-aside-wide.submit .box-inset { padding: 50px 15px 25px; background: var(--white); } #root .form-aside-wide.submit .box-inset > .close { display: block; position: absolute; left: 0; right: auto; top: 0; width: 68px; height: 68px; color: var(--mint); font-size: 18px; text-indent: -3000em; text-align: left; direction: ltr; } #root .form-aside-wide.submit .box-inset > .close:before { content: "\e943"; } #root .form-aside-wide .success { overflow: visible; max-height: none; padding: 0; color: var(--coal); font-size: 20px; font-family: var(--font_headers); font-weight: 700; line-height: 1.5; text-align: center; } .form-aside-wide .success figure { display: block; } .form-aside-wide .success h1, .form-aside-wide .success h2, .form-aside-wide .success h3, .form-aside-wide .success h4, .form-aside-wide .success h5, .form-aside-wide .success h6, .form-aside-wide .success .heading { max-width: 904px; margin: 20px auto 45px; color: inherit; font-size: 40px; line-height: 1.5; } .form-aside-wide .success p { max-width: 568px; margin-left: auto; margin-right: auto; } .form-aside-wide.submit > .success, .form-aside-wide.submit .box-inset > .success { min-height: 614px; } .form-aside-wide.submit .box-inset:before { display: none; } /*.module-header {}*/ #root .module-header > .scheme-box { position: absolute; right: 0; top: 0; } .cols-a h1 + .list-btn:before, .cols-a h2 + .list-btn:before, .cols-a h3 + .list-btn:before, .cols-a h4 + .list-btn:before, .cols-a h5 + .list-btn:before, .cols-a h6 + .list-btn:before { display: none; } } @media only screen and (max-width: 1500px) { /*.cols-d {}*/ .cols-d > * { top: 6vw; } .list-usp ~ #content .cols-d > * { top: calc(6vw + 75px); } } @media only screen and (max-width: 1400px) { #footer { width: var(--glw); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .lead { padding-left: 251px; padding-right: 251px; } #footer .list-ribbon { width: 395px; } #footer .list-ribbon li { margin-right: 10px; } } @media only screen and (max-width: 1300px) { #root .module-featured figure.foreground { right: -70px; } /*.form-aside-wide.compact, .form-aside-wide.compact .box-inset { padding-left: 515px; } .form-aside-wide.compact > aside, .form-aside-wide.compact .box-inset > aside { width: 405px; margin-left: -515px; } .form-aside-wide.compact .box-inset:before { max-width: 420px; } .form-aside-wide > aside h1, .form-aside-wide > aside h2, .form-aside-wide > aside h3, .form-aside-wide > aside h4, .form-aside-wide > aside h5, .form-aside-wide > aside h6, .form-aside-wide .box-inset > aside h1, .form-aside-wide .box-inset > aside h2, .form-aside-wide .box-inset > aside h3, .form-aside-wide .box-inset > aside h4, .form-aside-wide .box-inset > aside h5, .form-aside-wide .box-inset > aside h6 { font-size: 26px; } .popup-a.form-aside-wide.compact .box-inner { max-width: 930px; }*/ /*.form-aside-wide .double { max-width: 550px; } .form-aside-wide header, .form-aside-wide p { max-width: 624px; margin-bottom: 22px; } .form-aside-wide header h1, .form-aside-wide header h2, .form-aside-wide header h3, .form-aside-wide header h4, .form-aside-wide header h5, .form-aside-wide header h6 { font-size: 28px; line-height: 1.3571428571; } .form-aside-wide header a { color: var(--btn_def); font-weight: 700; text-decoration: none; } .form-aside-wide.popup-a, .form-aside-wide.popup-a header h1, .form-aside-wide.popup-a header h2, .form-aside-wide.popup-a header h3, .form-aside-wide.popup-a header h4, .form-aside-wide.popup-a header h5, .form-aside-wide.popup-a header h6 { color: var(--white); } .form-aside-wide header aside { font-family: var(--font_headers); font-weight: 700; font-size: 18px; line-height: 1.4444444444; } .form-aside-wide header > aside:last-child { margin-bottom: -5px; } .form-aside-wide header h1 + aside, .form-aside-wide header h2 + aside, .form-aside-wide header h3 + aside, .form-aside-wide header h4 + aside, .form-aside-wide header h5 + aside, .form-aside-wide header h6 + aside { margin-top: -8px; } .form-aside-wide header figure { margin-bottom: 14px; } .form-aside-wide .box-inset header figure { min-height: 122px; background: var(--white); } .form-aside-wide .submit {} .form-aside-wide button { min-width: 234px; margin-top: 16px; } .form-aside-wide .submit a { display: block; clear: both; width: 100%; padding-top: 33px; color: var(--aruba); font-family: var(--font_headers); font-size: 16px; font-weight: 700; text-transform: uppercase; text-decoration: none; } .form-aside-wide .submit a:first-child { padding-top: 0; }*/ /* .form-aside-wide.compact, .form-aside-wide.compact .box-inset { padding-left: 790px; } .form-aside-wide.compact > aside, .form-aside-wide.compact .box-inset > aside { width: 645px; margin-left: -790px; } .form-aside-wide.compact .box-inset:before { max-width: 700px; } .form-aside-wide.compact header { margin-bottom: 30px; padding-top: 8px; font-size: 16px; line-height: 1.75; } .form-aside-wide.compact header h1, .form-aside-wide.compact header h2, .form-aside-wide.compact header h3, .form-aside-wide.compact header h4, .form-aside-wide.compact header h5, .form-aside-wide.compact header h6 { margin-bottom: 20px; font-size: 24px; } .form-aside-wide.compact header p { max-width: none; margin-bottom: 20px; } .form-aside-wide.compact p { max-width: 294px; } .form-aside-wide.compact button { min-width: 184px; } #root .form-aside-wide.compact .box-inset > a.close { display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 70px; height: 70px; color: var(--mint); font-size: 18px; text-indent: -3000em; text-align: left; direction: ltr; } .form-aside-wide.compact .box-inset > a.close:before { content: "\e943"; display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }*/ } @media only screen and (max-width: 1200px) { #footer-new { width: var(--glw); } #footer-new > nav { padding-left: 430px; } #footer-new > nav > *:first-child { width: 430px; min-width: 430px; max-width: 430px; margin-left: -430px; } .form-aside-wide, .form-aside-wide .box-inset, .form-aside-wide.compact, .form-aside-wide.compact .box-inset { padding-left: 450px; } .form-aside-wide .box-inset { padding-top: 20px; } .form-aside-wide > *, .form-aside-wide .box-inset > * { padding-bottom: 0; } .form-aside-wide > *:not(footer) > :last-child, .form-aside-wide .box-inset > *:not(footer) > *:last-child, .form-aside-wide .submit:last-child, .form-aside-wide .submit.last-child { margin-bottom: 0; } .form-aside-wide > aside, .form-aside-wide .box-inset > aside, .form-aside-wide.compact > aside, .form-aside-wide.compact .box-inset > aside { width: 405px; margin-left: -450px; } .form-aside-wide.compact .box-inset:before { max-width: 420px; } .form-aside-wide > aside h1, .form-aside-wide > aside h2, .form-aside-wide > aside h3, .form-aside-wide > aside h4, .form-aside-wide > aside h5, .form-aside-wide > aside h6, .form-aside-wide .box-inset > aside h1, .form-aside-wide .box-inset > aside h2, .form-aside-wide .box-inset > aside h3, .form-aside-wide .box-inset > aside h4, .form-aside-wide .box-inset > aside h5, .form-aside-wide .box-inset > aside h6, .form-aside-wide > aside .heading, .form-aside-wide .box-inset > aside .heading { font-size: 26px; } } @media only screen and (max-width: 1150px) { :root { --glw: 960px; } #root #content { width: calc(100% - var(--rpp) * 2); max-width: var(--glw); } #root > .sticky, .module-alert.position-top, .module-alert.position-bottom, #footer, #announcement > div { width: var(--glw); } #root > .sticky, .module-alert.position-top, .module-alert.position-bottom { margin-left: calc(0px - var(--glw) * 0.5); } /*#top {}*/ #nav > ul { margin-right: -29px; } #nav > ul > li { margin-right: 29px; } #top > form { left: 220px; right: 260px; } #root > .list-usp { margin-left: -480px !important; padding-left: 0; } /*#footer {}*/ #footer .list-ribbon { width: 295px; } /*#footer-new {}*/ #footer-new > nav { padding-left: 380px; } #footer-new > nav > *:first-child { width: 380px; min-width: 380px; max-width: 380px; margin-left: -380px; } #root > .sticky { font-size: 16px; } /*.cols-a {}*/ .cols-a .list-box.strong li { width: 100%; } /*.cols-a.b {}*/ .cols-a.b > * { max-width: calc(100% - 420px - 22px); } .cols-a.b > header:first-child, .cols-a.b > aside { width: 420px; } .cols-b, #content.cols-b { padding-right: 428px; } .cols-b > aside { right: calc(-50vw + 480px); width: calc(50vw + 352px - 430px); } .cols-b .list-logo.a { margin-left: -16px; margin-right: 0; } .cols-b .list-logo.a li { width: 33.3333333333%; margin-right: 0; border-left-width: 16px; } .cols-b > aside > .link-btn.offset { width: calc(100% + 12px); margin-left: 0; } .cols-b > aside > .offset:first-child { margin-top: 0; } .cols-c, #content.cols-c { padding-left: 305px; } .cols-c > header:first-child, .cols-c > nav:first-child, .cols-c > .aside { margin-left: -305px; } .form-aside-wide, .form-aside-wide .box-inset, .form-aside-wide.compact, .form-aside-wide.compact .box-inset { padding-left: 410px; } .form-aside-wide > aside, .form-aside-wide .box-inset > aside, .form-aside-wide.compact > aside, .form-aside-wide.compact .box-inset > aside { width: 390px; margin-left: -410px; padding-right: 20px; } .form-aside-wide .box-inset > aside { padding-left: 20px; } .form-aside-wide .box-inset:before, .form-aside-wide.compact .box-inset:before { width: 390px; } .form-box { /*padding-left: 22px; padding-right: 22px;*/ --pd: 22px; } .form-box aside { max-width: 260px; } .form-featured { min-height: 0; padding-left: 35px; } .form-featured:before { left: 0; } .form-featured > * > div { width: 500px; } .form-featured > * > footer { width: calc(100% - 500px); } .form-featured p { max-width: 327px; } .form-filter { --dist: 16px; } /*.form-quiz.c {}*/ .form-quiz.c .double, .form-quiz.c .double.a, .form-quiz.c .double.b { margin-left: -32px; } .form-quiz.c .double.a > *, .form-quiz.c .double.b > * { border-left-width: 32px; } /*.form-register {}*/ .form-register .module-box { max-width: 550px; --pd: 50px; } .form-register .module-box h1, .form-register .module-box h2, .form-register .module-box h3, .form-register .module-box h4, .form-register .module-box h5, .form-register .module-box h6 { margin-right: 0; } .form-register .module-box section > header { right: -460px; width: 370px; } /*.form-register.double {}*/ .form-register.double > * { width: 408px; } .form-register.double > .background { right: calc(-50vw + 480px); } /*.header-top {}*/ #root .header-top > figure .link-btn.desktop-hide { display: block; position: absolute; left: auto; right: 0; top: auto; bottom: 0; } .header-top > figure img { margin: 0 calc(-50vw + 480px); } .list-box.featured { --hz: 42px; } .list-box.featured li { font-size: 16px; } .list-box.featured p.strong { font-size: 20px; } /*.list-btn.a {}*/ .list-btn.a a { padding-right: 30px; } /*.list-events {}*/ .list-events li { padding-left: 260px; padding-right: 24px; } .list-events li > * { border-left-width: 24px; } .list-featured { margin-top: 40px; } .list-featured li { border-left-width: 30px; } .w720 .list-featured { margin-left: -150px; margin-right: -120px; } /*.list-timeline {}*/ .list-timeline li > figure { right: 0; width: 444px; max-width: none; } .list-timeline li:nth-child(2n) > figure { left: 0; right: auto; } .list-timeline li > div:after { right: 0; width: 140px; border-left-width: 70px; border-right-width: 70px; } .list-timeline li:nth-child(2n) > div:after { left: 0; } .list-title.b { padding-left: 0; padding-right: 0; } /*.module-academy.inv {}*/ .module-academy.inv > * { left: -360px; } .module-academy.inv > header { left: calc(100% - 360px); } .module-alert.position-top, .module-alert.position-bottom { left: 50%; right: auto; padding-left: 95px; } .module-alert figure ~ * { padding-left: 0; } .module-alert.position-top:before, .module-alert.position-bottom:before { left: 50%; right: auto; width: 100vw; margin-left: -50vw; } .module-alert.position-top:after, .module-alert.position-bottom:after { left: 0; } .module-alert.position-top .link-btn, .module-alert.position-bottom .link-btn { right: 0; } .module-alert.position-top-left, .module-countdown.position-top-left, .module-alert.position-bottom-left, .module-countdown.position-bottom-left { left: 32px; } .module-alert.position-top-right, .module-countdown.position-top-right, .module-alert.position-bottom-right, .module-countdown.position-bottom-right { right: 32px; } /*.module-article-aside.strong {}*/ .module-article-aside.strong > * { width: calc(100% - 246px); min-width: calc(100% - 246px); max-width: calc(100% - 246px); } .module-article-aside.strong > header { width: 246px; min-width: 246px; max-width: 246px; padding-right: 30px; } /*.module-entries {}*/ .module-entries footer .scheme-box { max-width: 220px; } .module-entries footer .scheme-box .img { width: 120px; max-width: 120px; min-width: 120px; padding: 5px; } .module-entries > .aside > div, .module-entries.aside > * > div { width: calc(100% - 230px); padding-right: 6px; } .module-entries > .aside > header, .module-entries.aside > * > header { width: 230px; } .module-entries.compact h1, .module-entries.compact h2, .module-entries.compact h3, .module-entries.compact h4, .module-entries.compact h5, .module-entries.compact h6 { font-size: 18px; line-height: 1.44444444; } /*.module-entry.plain {}*/ .module-entry.plain .list-entry li { max-width: none; } .module-entry.plain .list-entry li > span:first-child, .cols-a .module-entry.plain { margin-right: 0; } /*.module-featured.welcome {}*/ #root .module-featured.welcome.w905 .scheme-box { right: 0; } #root .module-featured figure.foreground { right: -200px; bottom: -35px; } /*.module-header {}*/ #root .module-header > div .scheme-box { right: -320px; } .module-landing.aside { padding-left: 320px; } .module-landing.aside > header { width: 300px; margin-left: -320px; } .module-landing.aside .double > * { max-width: 312px; } .module-landing.aside.a { padding-left: 368px; } .module-landing.aside.a > header { width: 352px; margin-left: -368px; } .module-note { margin-left: 0; margin-right: 30px; } .module-note.text-right { margin-right: 0; margin-left: 30px; } .module-register { --hp: 39px 20px; --hz: 45px; } .module-register > * { width: 390px; padding-left: 40px; padding-right: 40px; } #root .module-register > footer { width: calc(100% - 390px); padding-right: 40px; } .module-sponsors.cols { padding-left: 299px; } .module-sponsors.cols > header { width: 299px; margin-left: -299px; } .module-welcome { padding-right: 310px; --hz: 58px; } /*.w720 {}*/ .w720 .nav-breadcrumbs, .w720 .header-top, .w720 .module-landing, .form-featured, .w720 .form-tabs, .w720 .module-featured.welcome, .w720 .media-wide, .w720 .list-box.featured:not(.fta), .w720 .module-tablet-wide, .w720 .header-profile, .w720 .form-filter, .w720 .module-entries.strong.overlay, .w720 > header.text-center { margin-left: -120px; margin-right: -120px; } .w720 .module-entries.strong.overlay { margin-left: -136px; } .w720 .list-box.featured:not(.fta) { margin-left: -136px; } .w905 .form-tabs, .w905 .nav-breadcrumbs, .w905 .header-top, .w905 .module-tablet-wide, .w905 .module-landing, .w905 .form-filter, .w905 .list-search li.module-external, .w905 .module-featured.welcome { margin-left: -28px; margin-right: -28px; } #root .module-wide .link-btn.sticky { display: none; } .module-entries > .aside > div > .scheme-label:first-child, .module-entries.aside > * > div > .scheme-label:first-child { margin-top: 0; } #root > .list-usp:after, .header-top nav li.link-btn, #footer .list-ribbon li:first-child, .form-featured > aside, .module-entries > * > footer > figure:nth-child(2) ~ figure, .module-alert figure { display: none; } } @media only screen and (min-width: 1101px) { /*.module-aside {}*/ .module-aside > * { width: calc(100% - 644px); } .module-aside > figure { width: 644px; } .w1030 { max-width: 1030px; } .w1088 { max-width: 1088px; } .w905 .w1088 { margin-left: -92px; margin-right: -92px; } } @media only screen and (max-width: 1100px) { body > figure a.close { right: 0; top: 0; width: 59px; height: 59px; margin-right: 0; } } @media only screen and (max-width: 1000px) { :root { --glw: 720px; } .list-slider { max-width: var(--glw); } body > figure { padding: 60px 0; } body > figure a.close { width: 48px; height: 48px; font-size: 14px; } /*#top {}*/ #logo a i.icon-virtual-law-fair-2021 { font-size: 42px; } #nav > ul { margin-right: -15px; } #nav > ul > li { margin-right: 15px; } #nav > ul > li > a { font-size: 13px; } #nav > ul > li > a:hover { padding-bottom: 6px; } #top > form { left: 191px; right: 240px; } #root #nav > ul > li.text-right > a { line-height: 1.2; text-align: right; } #root #nav > ul > li.text-right > a { -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; } #nav > ul > li.text-right > a .img, #nav > ul > li.text-right > a img { margin: 3px 0 0; } .theme-no-top #background ~ #content { padding-top: 40px; } /*#footer {}*/ #footer nav { min-height: 0; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .lead { padding-top: 105px; padding-left: 72px; padding-right: 72px; } #footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before, #footer h5:before, #footer h6:before, #footer .lead:before { top: 34px; } #footer h1:after, #footer h2:after, #footer h3:after, #footer h4:after, #footer h5:after, #footer h6:after, #footer .lead:after { top: 0; } #footer .aag { height: 60px; } #footer .list-contact, #footer > ul { top: 267px; } #footer > ul { margin-top: -18px; } /*#footer-new {}*/ #footer-new > nav { padding-left: 260px; } #footer-new > nav > *:first-child { width: 260px; min-width: 260px; max-width: 260px; margin-left: -260px; } #background.text-right { width: calc(50vw - 68px); } #root > .sticky { font-size: 16px; } ul.check.strong { margin-right: -20px; margin-left: -10px; } ul.check.strong li { max-width: 160px; margin-right: 10px; } .check.panels li { width: 50%; } /*.cols {}*/ .cols.align-middle > .scheme-box { -webkit-align-self: flex-start; align-self: flex-start; } .cols-a, #root .cols-a { display: block; padding: 0; } #root .cols-a > * { float: none; width: auto; margin: 0; } #root .cols-a > * + * { margin-top: 50px; } .header-top + .cols-a > *:first-child > h1:first-child, .header-top + .cols-a > *:first-child > h2:first-child, .header-top + .cols-a > *:first-child > h3:first-child, .header-top + .cols-a > *:first-child > h4:first-child, .header-top + .cols-a > *:first-child > h5:first-child, .header-top + .cols-a > *:first-child > h6:first-child { margin-top: 0; } .cols-a .list-box.strong.wide li, .module-entries > *, .module-entries.triple > * { width: 100%; } /*.cols-a.b {}*/ #root .cols-a.b > * { display: block; width: 100%; max-width: none; } #root .cols-a.b > figure:first-child { position: relative; right: 0; margin: 0 min(var(--rpn), calc(-50vw + var(--glw) * 0.5)) -32px; width: auto; max-width: none; padding-top: 0; } #root .cols-a.b > figure:first-child img { width: 100% !important; } #root #content > .cols-a.b:first-child > figure:first-child { margin-top: calc(-60px - var(--cn_p)); } #root .cols-a.b > figure:first-child + * { margin-top: 0; } .cols-b, #content.cols-b { padding-right: 320px; } .cols-b .list-logo.a li { width: 50%; } .cols-b > aside { right: calc(-50vw + 360px); width: calc(50vw + 280px - 300px); padding-top: 18px; padding-right: 40px; } .cols-b > aside > * { width: 280px; } .cols-c, #content.cols-c { padding-left: 305px; } .cols-c > header:first-child, .cols-c > nav:first-child, .cols-c > .aside { margin-left: -305px; } /*.form-aside-sticky {}*/ .form-aside-sticky > * { max-width: calc(100% - 314px); } .form-aside-sticky > header, .form-aside-sticky > aside { width: 330px; } .cols-e { --cols_w: 20px; --aside: 260px; } .cols-e > footer { padding-top: 20px; } .cols-e.a { display: block; } #root .cols-e.a > * { width: 100%; max-width: none; } .form-aside-wide, .form-aside-wide .box-inset, .form-aside-wide.compact { padding: 0; font-size: 16px; } .form-aside-wide .box-inner { max-width: 720px; } .form-aside-wide .box-inset, .form-aside-wide.compact .box-inset { padding: 26px 26px 4px; } .form-aside-wide .box-inset > * { overflow: visible; max-height: none; padding: 0; } .form-aside-wide .check label:before { top: 8px; } .form-aside-wide header, .form-aside-wide p { max-width: none; } .form-aside-wide header h1, .form-aside-wide header h2, .form-aside-wide header h3, .form-aside-wide header h4, .form-aside-wide header h5, .form-aside-wide header h6, .form-aside-wide header .heading { font-size: 24px; line-height: 1.4166666667; } .form-aside-wide > *:not(footer) > :last-child, .form-aside-wide .box-inset > *:not(footer) > *:last-child, .form-aside-wide .submit:last-child, .form-aside-wide .submit.last-child { margin-bottom: 22px; } .form-aside-wide button { margin-top: 12px; } /*.form-aside-wide.compact {}*/ .form-aside-wide.compact header { padding-top: 0; } .form-aside-wide.compact p { max-width: none; } .form-box { /*padding-left: 38px; padding-right: 38px;*/ } .form-box aside { max-width: 320px; } /*.form-featured {}*/ .form-featured > * > div { width: 340px; } .form-featured > * > footer { width: calc(100% - 340px); } .form-filter > div { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .form-filter > div > * { max-width: 33.3333333333%; } .form-filter.aside { position: relative; z-index: 2; margin-bottom: 32px; padding: 18px 0 2px; color: var(--white); } .form-filter.aside:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 110vw; margin: 0 0 0 -55vw; background: var(--fiord); } #root .form-filter.aside h1, #root .form-filter.aside h2, #root .form-filter.aside h3, #root .form-filter.aside h4, #root .form-filter.aside h5, #root .form-filter.aside h6, #root .form-filter.aside .heading { width: auto; margin-bottom: 16px; color: var(--white); } .form-filter.aside .link-btn { margin-top: 0; margin-bottom: 0; } #root .form-filter.aside .link-btn a { color: var(--white); } .form-filter.aside > div { display: none; width: 100%; margin-left: 0; } .form-filter.aside > div > * { border-left-width: 0; } .form-filter.aside.toggle > div { display: block; padding-bottom: 10px; } .m40 + .cols-a > *:first-child > .form-filter.aside:first-child { margin-top: -10px; } .form-filter.c, #root .form-filter.c { margin-bottom: 20px; margin-top: 36px; } .form-filter.c label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .form-filter.c > div > p.s14 { position: absolute; left: auto; right: 0; bottom: 100%; margin: 0; padding-bottom: 20px; } .form-quiz { --hmr: 0px; } /*.form-quiz.c {}*/ .form-quiz.c > header h1, .form-quiz.c > header h2, .form-quiz.c > header h3, .form-quiz.c > header h4, .form-quiz.c > header h5, .form-quiz.c > header h6, .form-quiz.c > header .heading { font-size: 48px; } .form-quiz.c > header h1 + .heading, .form-quiz.c > header h2 + .heading, .form-quiz.c > header h3 + .heading, .form-quiz.c > header h4 + .heading, .form-quiz.c > header h5 + .heading, .form-quiz.c > header h6 + .heading { margin-top: 30px; } .form-quiz.c > footer { padding-left: 24px; } .form-quiz.c > section > * { padding: 26px 24px 8px; } .form-quiz.c > section > header { padding-top: 24px; } .form-quiz.c .double.a > * > figure:first-child { margin-top: 0; } .form-quiz.c .double.a > * > figure:last-child { margin-bottom: 28px; } /*.form-register {}*/ .form-register .module-box { max-width: 422px; --pt: 32px; --pd: 35px; --pb: 16px; } .form-register .module-box section > header { right: -333px; width: 278px; padding-left: 22px; padding-right: 22px; } .form-register .module-box a.show { left: auto; right: 0; } .form-register .module-box a.show ~ input { width: calc(100% - 53px); } .form-register .module-box > .submit:last-child { margin-bottom: 20px; } #content > .form-register:first-child { margin-top: 3px; } /*.form-register.double {}*/ .form-register.double > * { width: 280px; } .form-register.double > .background { left: 400px; right: calc(-50vw + 360px); } /*.form-tabs {}*/ .form-tabs form { padding-left: 10px; padding-right: 190px; } .form-tabs form p { border-left-width: 15px; } .form-tabs form .submit { width: 150px; } .header-profile { --hw: 140px; --hz: 20px; } .header-profile .link-btn a { min-width: 0; font-size: 14px; } .header-profile > ul li { margin-left: 20px; } .w720 .header-profile { margin-left: 0; margin-right: 0; } .header-strong { --hz: 48px; } /*.header-top {}*/ .header-top nav { z-index: 9; } .header-top nav ul { width: calc(100% + 22px); } .header-top nav ul ul { right: -4px; } .header-top nav li { margin-left: 20px; } .header-top nav figure { position: absolute; left: 0; top: -93px; width: 208px; height: 82px; background: var(--white); } .header-top > figure img { margin: 0 calc(-50vw + 360px); } .header-user { --hm: 20px; } /*.input-file {}*/ #root .input-file .label .scheme-tip { margin-left: 0; } /*.list-answers.b {}*/ .list-answers.b > li { display: block; padding: 0; } .list-answers.b > li > header { margin-left: 0; } .list-answers.b.module-box { padding: 0; } .list-answers.b.module-box:before { display: none; } .list-answers.b.module-box > li { margin-bottom: 2px; padding: var(--pd) var(--pd) var(--pb); } .list-answers.b.module-box > li:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border-radius: 3px; background: var(--firefly); } #root .list-answers.b.module-box > li.heading { margin-bottom: 0; padding-bottom: .1px; } .list-answers.b.module-box > li.heading:before, .list-answers.b.module-box > li:has(+.link-btn):before { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .list-answers.b.module-box > li.heading + li { padding-top: 32px; } .list-answers.b.module-box > li.heading + li:before, .list-answers.b.module-box > li + li.link-btn:before { border-top-left-radius: 0; border-top-right-radius: 0; } .list-answers.b.module-box > li:has(+.link-btn) { margin-bottom: 0; padding-bottom: .1px; } .list-answers.b.module-box > li + li.link-btn { padding-top: 10px; } .list-answers.b .scheme-heading textarea { height: 235px; min-height: 235px; } .link-btn.box { padding: 18px 18px .1px; } .link-btn.box > span { width: auto; margin-left: -8px; margin-right: -8px; } .link-btn.box > .img, .link-btn.box > a { margin-left: 0; margin-right: 0; } .link-btn.box > .img:first-child, .link-btn.box > img:first-child { top: 0; margin-top: 0; } /*.list-box.a {}*/ .list-box.a li { width: 33.33333333%; } .list-box.b.width-25 { --width: 50%; } .list-box.featured, .w720 .list-box.featured:not(.fta) { margin-left: -16px; margin-right: 0; } .list-box.featured li { font-size: 14px; } .list-box.featured p.strong { font-size: 18px; } .list-box.featured h1, .list-box.featured h2, .list-box.featured h3, .list-box.featured h4, .list-box.featured h5, .list-box.featured h6 { font-size: 30px; } .list-box.featured .link-btn { margin-left: -10px; margin-right: -10px; margin-bottom: 0; padding: 0; } .list-box.featured .link-btn a { padding-left: 0; padding-right: 0; } .list-box-inline { --pd: 20px; } /*.list-companies {}*/ .list-companies li { width: 33.333333333333%; } .list-companies li:nth-child(-n+4):before { display: block; } .list-companies li:nth-child(4n+1):before { left: -16px; } .list-companies li:nth-child(-n+3):before { display: none; } .list-companies li:nth-child(3n+1):before { left: 0; } /*.list-info {}*/ .list-info li { max-width: none; } .list-logo.b, #content > .list-logo.b:last-child, #content > .module-wide-mobile:last-child > .list-logo.b:last-child { margin-left: -20px; margin-bottom: 10px; } .list-logo.b li { margin-bottom: 26px; border-left-width: 26px; } .list-logo.box { margin-top: var(--mr_main); } .list-logo.box li, .list-gallery.w25 li { width: 33.3333333%; } .list-logo.box.compact li, .list-logo.b li { width: 25%; } /*.list-cols {}*/ .list-cols li { width: 50%; } /*.list-events {}*/ .list-events li { display: block; padding-left: 240px; } .list-events li:before { border-left-width: 240px; } .list-events figure { width: 240px; border-width: 20px; } #root .list-events li > div + * { margin-top: 10px; } /*.list-featured {}*/ .list-featured, .w720 .list-featured { margin-left: -30px; margin-right: 0; } .list-featured li { border-left-width: 30px; } .list-featured figure { margin-bottom: 20px; } .list-featured .link-btn { padding-left: 0; padding-right: 0; } /*.list-logo {}*/ .list-logo.c li { width: 25%; } /*.list-logo.plain {}*/ .list-logo.plain li { width: 20%; } .list-news { margin-top: 18px; } .list-news li { display: block; margin-bottom: 0; padding: 26px 0 10px; } #root .list-news li > * { float: none; clear: both; } #root .list-news figure { float: none; width: 100%; min-width: 0; max-width: none; margin: 22px 0; padding-left: 0; } #root .list-news figure:first-child { margin-top: 0; } .list-results { margin-left: -20px; } .list-results li { width: 33.3333333%; border-left-width: 20px; } /*.list-search {}*/ .list-search li { padding-left: 20px; padding-right: 20px; } #root .list-search figure { margin-left: -20px; margin-right: -20px; } .list-social { margin-left: -16px; } .list-social li { width: 50%; margin-bottom: 16px; border-left-width: 16px; } .list-timeline { padding-top: 0; } .list-timeline li { max-width: 374px; margin-left: auto; margin-right: auto; } #root .list-timeline li > * { position: relative; bottom: 0; float: none; width: auto; } .list-timeline li > figure { margin-bottom: 28px; } /*.list-title.b {}*/ .list-title.b li { width: 100%; } .media-overlay.strong { padding-top: 40px; padding-bottom: 40px; } .module-academy { display: block; } #root .module-academy:not(.a) > * { display: block; left: 0; width: 100%; max-width: none; margin-bottom: 6px; padding: 0; } #root .module-academy > footer { margin-top: 18px; margin-bottom: 0; } .module-academy > header .link-btn:last-child { margin-top: 23px; margin-bottom: -16px; } .module-academy.a { margin-left: 0; margin-right: 0; padding: 40px 20px .1px; } .module-academy.a > p:last-child { margin-bottom: 20px; } .module-alert { padding-left: 100px; } .module-alert:after { left: 20px; font-size: 58px; } .module-alert.position-top, .module-alert.position-bottom { padding-left: 80px; padding-right: 180px; } .module-alert.position-top h1, .module-alert.position-top h2, .module-alert.position-top h3, .module-alert.position-top h4, .module-alert.position-top h5, .module-alert.position-top h6, .module-alert.position-bottom h1, .module-alert.position-bottom h2, .module-alert.position-bottom h3, .module-alert.position-bottom h4, .module-alert.position-bottom h5, .module-alert.position-bottom h6 { margin-bottom: 4px; font-size: 18px; } .module-alert.position-top .link-btn a, .module-alert.position-bottom .link-btn a { min-width: 0; } /*.module-article-aside.strong {}*/ .module-article-aside.strong > * { width: calc(100% - 180px); min-width: calc(100% - 180px); max-width: calc(100% - 180px); } .module-article-aside.strong > header { width: 180px; min-width: 180px; max-width: 180px; } .module-article-aside.strong > header .scheme-box .img { height: 62px; } /*.module-aside {}*/ .module-aside > * { width: calc(100% - 360px); } .module-aside > figure { width: 360px; } .s28 + .module-aside { margin-top: 19px; } /*.module-contract {}*/ .module-contract > *:first-child header h1 span[class*="overlay"], .module-contract > *:first-child header h2 span[class*="overlay"], .module-contract > *:first-child header h3 span[class*="overlay"], .module-contract > *:first-child header h4 span[class*="overlay"], .module-contract > *:first-child header h5 span[class*="overlay"], .module-contract > *:first-child header h6 span[class*="overlay"], .module-contract > *:first-child header .heading span[class*="overlay"] { margin-right: 0; } /*.module-entries {}*/ .module-entries footer .scheme-box { max-width: none; } .module-entries footer .scheme-box .img { width: 151px; max-width: 151px; min-width: 131px; padding: 10px; } .module-entries > .aside > div, .module-entries.aside > * > div { width: calc(100% - 256px); padding-right: 16px; } .module-entries > .aside > header, .module-entries.aside > * > header { width: 256px; } .module-entries > .featured > header { width: 340px; } .module-entries > .featured > div { width: calc(100% - 340px); } .module-entries > .featured > header h1, .module-entries > .featured > header h2, .module-entries > .featured > header h3, .module-entries > .featured > header h4, .module-entries > .featured > header h5, .module-entries > .featured > header h6 { font-size: 28px; } .module-entries.compact > * { width: 50%; } .module-entries.compact h1, .module-entries.compact h2, .module-entries.compact h3, .module-entries.compact h4, .module-entries.compact h5, .module-entries.compact h6 { font-size: 20px; line-height: 1.5; } /*.module-entry.plain {}*/ .module-entry.plain .list-entry li { max-width: 210px; } .module-entry.plain .list-entry li > span:first-child { margin-right: -30px; } .module-event { --hz: 42px; } .module-event > header { margin-bottom: 50px; } .module-event > header .link-btn:last-child { margin-bottom: -30px; } .module-event > header > .s14:last-child { margin-bottom: -14px; } .module-external { margin-left: 0; margin-right: 0; } .module-featured.aside { padding-right: 355px; } .module-featured.aside:before { right: 330px; } .module-featured.aside > figure { width: 320px; } .module-featured + .module-external:after, .form-tabs + .module-external:after { left: 0; right: 0; width: auto; margin-left: 0; } .w720 .module-featured.aside { margin-left: 0; margin-right: 0; } .module-featured.welcome { padding-top: 40px; padding-bottom: 25px; } .module-featured.welcome h1, .module-featured.welcome h2, .module-featured.welcome h3, .module-featured.welcome h4, .module-featured.welcome h5, .module-featured.welcome h6 { max-width: 380px; } #root .module-featured.welcome .double .scheme-box { position: relative; top: 0; -webkit-transform: none; transform: none; } #root .module-featured.welcome .scheme-box.align-bottom { bottom: 40px; } #root .module-featured.welcome.w905 .scheme-box.inline, #root .module-featured.welcome.w905 .scheme-box.inline a { max-width: 184px; } #root .module-featured.welcome.w905 .scheme-box.inline .img { min-height: 0; } /* #root .module-featured.welcome .scheme-box.align-bottom { top: auto; bottom: 85px; -webkit-transform: none; transform: none; } #root .module-featured.welcome .scheme-box.inline, #root .module-featured.welcome .scheme-box.inline a { display: block; max-width: 184px; text-align: right; } #root .module-featured.welcome .scheme-box.inline .img { min-height: 77px; margin: 15px 0 0; padding: 14px; background: var(--white); } #root .module-featured.welcome.w905 .scheme-box { right: -97px; } #root .module-featured.welcome.w905 .scheme-box.inline, #root .module-featured.welcome.w905 .scheme-box.inline a { max-width: 240px; } #root .module-featured.welcome.w905 .scheme-box.inline .img { min-height: 100px; } */ .module-featured.welcome .s64 { font-size: 48px; line-height: 1; } .module-featured.welcome .s28 { font-size: 20px; } #root .module-featured.welcome .s64 + .s28 { margin-top: 12px; } .module-featured.welcome.d { --iw: 300px; } /*.module-header {}*/ .module-header > .scheme-box + div { margin-top: 25px; } #root .module-header > .scheme-box + * { margin-top: 70px; } .module-header.a { padding-top: 0; } /*.module-landing {}*/ .module-landing .list-btn.a li, .cols-a .list-box.strong li { width: 50%; } .module-landing.aside { padding-left: 368px; } .module-landing.aside > header { width: 352px; margin-left: -368px; } .module-landing.aside .list-btn.a li, .module-landing.aside .double > * { width: 100%; max-width: none; } .module-landing.aside.a { padding-left: 320px; } .module-landing.aside.a > header { width: 300px; margin-left: -320px; } .module-register { padding-top: 51px; padding-bottom: 36px; font-size: 14px; line-height: 1.5714285714; --hp: 18px; --hz: 36px; } .module-register > * { width: 300px; padding: 18px 20px 6px; } .module-register > * > p:last-child { margin-bottom: 16px; } .module-register > * > .link-btn:last-child { margin-bottom: 0; } .module-register > header h1 span, .module-register > header h2 span, .module-register > header h3 span, .module-register > header h4 span, .module-register > header h5 span, .module-register > header h6 span, .module-register > header .heading span { display: block; margin-top: 12px; color: inherit; font-size: 0.7777777778em; } .module-register > header h1 span.desktop-hide, .module-register > header h2 span.desktop-hide, .module-register > header h3 span.desktop-hide, .module-register > header h4 span.desktop-hide, .module-register > header h5 span.desktop-hide, .module-register > header h6 span.desktop-hide, .module-register > header .heading span.desktop-hide { color: var(--perfume); font-size: 0.6666666667em; } #root .module-register > footer { width: calc(100% - 300px); padding: 19px 20px .1px; font-size: 28px; line-height: 1.3571428571; } .module-register ul li { margin-bottom: var(--mr_main); font-size: 20px; } .module-register .link-btn { margin-top: -7px; } .module-register p { margin-bottom: 22px; } .module-register > .module-box { margin-bottom: 56px; --pd: 28px; --pt: 18px; --pb: var(--pt); } .module-register > .module-box header { margin-top: calc(0px - var(--pt)); padding-top: var(--pt); padding-bottom: .1px; } .module-register > .module-box header h1, .module-register > .module-box header h2, .module-register > .module-box header h3, .module-register > .module-box header h4, .module-register > .module-box header h5, .module-register > .module-box header h6 { margin-bottom: 16px; } .module-register > .module-box:after { top: -30px; bottom: -30px; } /*.module-register.a {}*/ .module-register.a h1 span, .module-register.a h2 span, .module-register.a h3 span, .module-register.a h4 span, .module-register.a h5 span, .module-register.a h6 span { color: var(--perfume); } /*.module-sponsors {}*/ .module-sponsors h1, .module-sponsors h2, .module-sponsors h3, .module-sponsors h4, .module-sponsors h5, .module-sponsors h6, .module-sponsors > header h1, .module-sponsors > header h2, .module-sponsors > header h3, .module-sponsors > header h4, .module-sponsors > header h5, .module-sponsors > header h6, .module-sponsors.cols h1, .module-sponsors.cols h2, .module-sponsors.cols h3, .module-sponsors.cols h4, .module-sponsors.cols h5, .module-sponsors.cols h6 { margin-bottom: 20px; } .module-sponsors .list-logo li, #root .module-sponsors.cols .list-logo li { width: 25%; min-height: 0; } .module-sponsors .list-logo li, .module-sponsors .list-logo li:nth-child(-n+6), #root .module-sponsors.cols .list-logo li { margin-top: 24px; } .module-sponsors.cols { display: block; padding-left: 0; text-align: center; } .module-sponsors.cols > *, .module-sponsors.cols > header { width: auto; margin-left: 0; padding-right: 0; } #root .module-sponsors.cols .list-logo li:first-child:last-child { margin-right: 0; } .module-welcome { padding-right: 230px; padding-top: 46px; padding-bottom: 36px; --hz: 46px; } #root .module-welcome .scheme-box { top: 56px; width: 200px; height: auto; padding: 10px; font-size: 13px; text-transform: uppercase; } .module-welcome .scheme-box .img { position: relative; top: 0; bottom: 0; padding: 8px 0 0; } .module-welcome.a { padding-bottom: 22px; } .media-wide { margin-top: 29px; margin-bottom: 39px; } /*.nav-breadcrumbs {}*/ #root .nav-breadcrumbs.m50 { margin-bottom: 40px; } .nav-breadcrumbs + .cols-a { margin-top: 32px; } .nav-breadcrumbs + .module-results { margin-top: -23px; } q { margin-top: 38px; margin-bottom: 38px; font-size: 24px; line-height: 1.4583333333; } q:before { bottom: 9px; } .s70 { --fz: 56px; } .module-featured.welcome .s70 { --fz: min(46px, 10vw); } #root h1.s70 .small, #root h2.s70 .small, #root h3.s70 .small, #root h4.s70 .small, #root h5.s70 .small, #root h6.s70 .small { margin-top: 3px; } /*.section-about {}*/ .section-about header h1, .section-about header h2, .section-about header h3, .section-about header h4, .section-about header h5, .section-about header h6 { font-size: 32px; line-height: 1.3125; } .section-about header h1 .small, .section-about header h2 .small, .section-about header h3 .small, .section-about header h4 .small, .section-about header h5 .small, .section-about header h6 .small { margin-bottom: 14px; } /*.theme-compact {}*/ .theme-compact #nav > ul { margin-right: -20px; } .theme-compact #nav > ul > li { margin-right: 20px; } /*.theme-compact.v1 {}*/ .theme-compact.v1 #top.strong, .theme-compact.v1 #top.strong #nav { height: 68px; } .theme-compact.v1 #root #top.strong #logo i { font-size: 40px; } .theme-compact #top h1, .theme-compact #top h2, .theme-compact #top h3, .theme-compact #top h4, .theme-compact #top h5, .theme-compact #top h6 { font-size: 24px; } .theme-compact.v1 #top.strong ~ #content { border-top-width: 0; } /*.w720 {}*/ .w720 .nav-breadcrumbs, .w720 .header-top, .form-search, #root .list-search li, .module-external.wide, #root .module-landing, .form-featured, .module-featured, .module-featured.aside, .form-featured, .w720 .form-tabs, .w720 .module-featured.welcome, .w720 .media-wide, .w720 .module-featured, .w720 .module-tablet-wide, .w720 .form-filter, .w720 .module-entry.reduced, .w720 .module-entries.strong.overlay, .w720 > header.text-center { margin-left: 0; margin-right: 0; } .w720 .module-entries.strong.overlay { margin-left: -16px; } .w905 .form-tabs, .w905 .nav-breadcrumbs, .w905 .header-top, .w905 .module-tablet-wide, .w905 .module-landing, .w905 .form-filter, .w905 .list-search li.module-external, .w905 .module-featured.welcome, .w905 .media-wide, .w905 .module-featured, .w905 .module-tablet-wide, .w905 .module-entry.reduced { margin-left: 0; margin-right: 0; } #root .media-overlay + .cols-a > aside > h1:first-child, #root .media-overlay + .cols-a > aside > h2:first-child, #root .media-overlay + .cols-a > aside > h3:first-child, #root .media-overlay + .cols-a > aside > h4:first-child, #root .media-overlay + .cols-a > aside > h5:first-child, #root .media-overlay + .cols-a > aside > h6:first-child, .module-sponsors .list-logo li:nth-child(-n+4), #root .module-sponsors.cols .list-logo li:nth-child(-n+4) { margin-top: 0; } .list-social, .form-filter > div, .form-filter.aside { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .header-top nav ul, .form-filter.aside { -webkit-justify-content: space-between; justify-content: space-between; } .form-filter > div > * { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } aside .form-box aside, .module-entries > * > footer > figure:nth-child(2) ~ figure, .module-header h1 span:not(.scheme-underline), .module-header h2 span:not(.scheme-underline), .module-header h3 span:not(.scheme-underline), .module-header h4 span:not(.scheme-underline), .module-header h5 span:not(.scheme-underline), .module-header h6 span:not(.scheme-underline) { display: block; } #nav > ul > li > a i, #root > .list-usp li.text-right, #footer .list-ribbon, #root > .sticky > span, .module-landing.aside .double > figure, .cols-a > aside.mobile-hide, .cols-a > header:first-child, .form-box.desktop-only, #root .module-header > div .scheme-box, .module-register > header p:not(.heading), #root .list-search figure.tablet-hide, .form-aside-wide .box-inset:before, .form-aside-wide > aside, .form-aside-wide .box-inset > aside, #root .form-aside-wide.compact .box-inset > a.close, .list-timeline:before, .list-timeline:after, #root .form-box > .scheme-box.desktop-only:first-child, #root .list-icon.plain li.desktop-only { display: none; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 59.375em) { /* 950 */ .w720 .list-profile, .w720 .double.a.offset { margin-left: -16px; margin-right: 0; } .w720 .list-profile li:first-child:last-child { margin-left: 0; } } @media only screen and (max-width: 53.75em) { /* 860 */ .module-article, .header-top + .module-article { margin-top: 0; padding-top: 0; } .module-article > .background { display: none; } } @media only screen and (min-width: 47.5em) and (max-width: 62.5em) { /* 760 - 1000 */ /*.list-results {}*/ .list-results i, .list-results img { font-size: 160px; } .list-results .scheme-progress { margin-bottom: 22px; } .scheme-progress { font-size: 38px; --w: 180px; --bd: 12px; } .scheme-progress:before { border-width: 24px; } } @media only screen and (min-width: 761px) { /* 760 */ .double + .check.panels { margin-top: 6px; } #root .form-quiz.b p.text-center:not(.link-btn) { width: 100%; max-width: 294px; margin-left: auto; margin-right: auto; } #root .aal-list-box[class] li[class*="step-"] { padding-top: 0; } #root .aal-list-box li[class*="step-"] .link-btn { margin-bottom: 0; padding: 0 0 0 28px; } #root .aal-list-box li[class*="step-"] .link-btn > *:last-child { margin-bottom: 0; } .cols > .check { --d: 30px; --pd: calc(var(--d) + 30px); } .cols.sticky > * { position: sticky; top: 170px; } #root .module-featured + .list-box.featured { position: relative; z-index: 9; margin-top: -75px; } #root .list-box.desktop-wide-a, #root .list-box.desktop-wide-b { margin-bottom: 42px; --pd: 20px; } #root .list-box.desktop-wide-a > li, #root .list-box.desktop-wide-b > li, #root .list-box.desktop-wide-c > li { width: 100%; margin-bottom: 20px; } #root .list-box.desktop-wide-a li:before, #root .list-box.desktop-wide-b li:before { box-shadow: 0 2px 2px rgba(0,0,0,.07); background: var(--press); } .list-box.desktop-wide-a header { width: calc(100% + var(--pd) * 2); margin: calc(0px - var(--pt)) calc(0px - var(--pd)) 10px; padding: 12px 12px .1px; border-radius: 4px 4px 0 0; background: var(--coal); color: var(--white); } .list-box.desktop-wide-a header h1, .list-box.desktop-wide-a header h2, .list-box.desktop-wide-a header h3, .list-box.desktop-wide-a header h4, .list-box.desktop-wide-a header h5, .list-box.desktop-wide-a header h6 { margin-bottom: 12px; color: inherit; font-size: 20px; } #root .list-box.desktop-wide-a header figure { width: 120px; height: 50px; margin: 0 16px 12px 0; border-radius: 4px; background: var(--white); } .list-box.desktop-wide-a header figure img, .list-box.desktop-wide-b header figure img { width: auto !important; } #root .list-box.desktop-wide-a header .link-btn { width: auto; margin-left: auto; margin-top: 0; margin-bottom: 0; padding: 0; } .list-box.desktop-wide-a header .link-btn a, .list-box.desktop-wide-b header .link-btn a { width: auto; min-width: 0; margin-bottom: 12px; padding: 14px 16px; } .list-box.desktop-wide-a .list-icon { margin-right: calc(0px - var(--li_dist)); margin-bottom: 4px; --li_dist: 30px; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .list-box.desktop-wide-a .list-icon li { width: auto; margin-right: var(--li_dist); } /*#root .list-box.desktop-wide-b {}*/ #root .list-box.desktop-wide-b > li { padding-bottom: .1px; } .list-box.desktop-wide-b li > div { width: 100%; } #root .list-box.desktop-wide-b h1, #root .list-box.desktop-wide-b h2, #root .list-box.desktop-wide-b h3, #root .list-box.desktop-wide-b h4, #root .list-box.desktop-wide-b h5, #root .list-box.desktop-wide-b h6 { margin-bottom: 10px; font-size: 24px; line-height: 1.5; } .list-box.desktop-wide-b header { display: block; width: 190px; height: calc(100% + var(--pt)); margin: calc(0px - var(--pt)) var(--pd) 0 calc(0px - var(--pd)); padding: var(--pd) var(--pd) 10px; border-radius: 4px 0 0 4px; background: var(--coal); color: var(--white); } #root .list-box.desktop-wide-b header figure { width: auto; height: 48px; margin: 0 0 10px; padding: 10px; border-radius: 4px; background: var(--white); } #root .list-box.desktop-wide-b header figure img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .list-box.desktop-wide-b header .link-btn { display: block; margin-bottom: 0; } #root .list-box.desktop-wide-c { --pd2: 236px; } #root .list-box.desktop-wide-c > li { padding-top: 30px; padding-right: 34px; padding-left: calc(var(--pd2) + 35px); } #root .list-box.desktop-wide-c figure { overflow: visible; position: absolute; left: 5px; top: 5px; bottom: 5px; width: var(--pd2); margin: 0; padding: 10px; border-radius: 0; border: 20px solid var(--press); background: var(--press); } .list-box.desktop-wide-c figure:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-shadow: 0 4px 10px rgba(0,0,0,.07); border-radius: 3px; background: var(--white); } #root .list-box.desktop-wide-c .link-btn { width: auto; margin-top: 0; margin-left: auto; margin-bottom: calc(var(--mr_main) - 16px); padding-top: 0; padding-bottom: 10px; } #root .list-box.desktop-wide-c li > .link-btn { padding-left: 20px; } .list-box.type-a { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } .list-box.type-a li { width: 100%; padding-left: calc(50% + var(--pd)); border-left-width: 0; } .list-box.type-a .link-btn > * { width: 100%; } #root .list-box.type-a li > figure { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; width: 50%; margin: 0; border-radius: 6px 0 0 6px; } /*.scheme-box.square {}*/ #root #content.pd-a > .double:first-child > * > .scheme-box.square:first-child, #root #content.pd-a > .module-academy-entry:first-child > .double:first-child > * > .scheme-box.square:first-child { margin-top: -70px; padding-top: 52px; border-top-left-radius: 0; border-top-right-radius: 0; } /*.module-welcome {}*/ #root #content > .module-welcome:first-child .scheme-box.square { top: 0; padding-top: 92px; border-top-left-radius: 0; border-top-right-radius: 0; } .input-prefix { --input_h: calc(var(--fz) * 2.75); } .module-header.a { --ff: var(--font_headers); } .scheme-box.desktop-static, .scheme-box.desktop-static a { display: block; } .scheme-box.desktop-static .img { margin: 15px 0 0; } /*.scheme-underline {}*/ h1 .scheme-underline, h2 .scheme-underline, h3 .scheme-underline, h4 .scheme-underline, h5 .scheme-underline, h6 .scheme-underline { --su: 7px; } .mobile-only:first-child + h1, .mobile-only:first-child + h2, .mobile-only:first-child + h3, .mobile-only:first-child + h4, .mobile-only:first-child + h5, .mobile-only:first-child + h6 { margin-top: 0; } .link-chat a.close { display: none; } .list-box.desktop-wide-a header, .list-box.desktop-wide-a .list-icon, .list-box.desktop-wide-a header figure, #root .list-box.desktop-wide-b > li, .list-box.desktop-wide-c figure, .list-box.desktop-wide-c > li { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-box.desktop-wide-c > li { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .list-box.desktop-wide-a header .link-btn, .list-box.desktop-wide-a header figure, .list-box.desktop-wide-b header, .list-box.desktop-wide-c .link-btn { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #root .list-box.desktop-wide-b > li, #root .list-box.desktop-wide-c > li { -webkit-flex-direction: row; flex-direction: row; } .list-box.desktop-wide-a header figure, .list-box.desktop-wide-c figure { -webkit-justify-content: center; justify-content: center; } .list-box.desktop-wide-a header figure, .list-box.desktop-wide-c figure, .list-box.desktop-wide-a header, #root .list-box.desktop-wide-c > li { -webkit-align-items: center; align-items: center; } } @media only screen and (max-width: 760px) { /* 760 */ :root { --cn_p: 10px; } #root #content, .theme-compact #footer, .cols-b, #footer-new, #announcement > div { width: 100%; padding-left: var(--rpp); padding-right: var(--rpp); } body { overflow-x: hidden; } #root { overflow: hidden; padding-top: 118px; } #top { position: fixed; left: 0; right: 0; z-index: 9997; width: auto; height: 118px; margin: 0; padding: 0; background: var(--coal); } figure ~ #root #top { position: absolute; } #top:before { box-shadow: none; border-width: 0; } #logo { overflow: hidden; left: 18px; width: 31px; height: 59px; } #root #logo a { margin: 0; line-height: 59px; } #root #logo a:before { font-size: 29px; line-height: 59px; } #root #logo a i { margin-left: 0; font-size: 29px; } #root #logo a i.icon-virtual-law-fair-2021 { font-size: 35px; } #root #logo a i.icon-ulaw, i.ulaw, #root #footer .logo i.icon-ulaw { font-size: 23px; } /*#logo img { height: 36px !important; }*/ #top > form { left: 0; right: 0; top: auto; bottom: 0; height: 59px; padding: 6px 4px; background: var(--mint); } #top > form input { border-width: 0; } #nav { position: absolute; left: 78px; right: 16px; top: 0; height: 59px; } #nav > ul { margin-right: -6px; text-transform: uppercase; } #nav > ul { -webkit-justify-content: space-between; justify-content: space-between; } #nav > ul > li { margin-right: 6px; font-size: 14px; } #root #nav > ul > li > a { height: 59px; padding: 0; color: var(--white); line-height: 59px; text-transform: uppercase; } #root #nav > ul > li > a:hover, #root #nav > ul > li.active > a, #root #nav > ul > li > a:focus, #root #nav > ul > li > a:active { color: var(--sage); } #nav > ul > li > a i.icon-menu { display: block; margin-left: 9px; font-size: 9px; } #nav > ul > li.mobile-only, #nav > ul > li.mobile-only > a { position: relative; z-index: 999; } .top-moved-143 #top { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .top-moved-143.scrolled-up #top, .top-moved-143 figure ~ #root #top { -webkit-transform: none; transform: none; } #announcement { padding-top: 11px; font-size: 16px; line-height: 1.25; text-align: left; } #announcement li { margin-bottom: 11px; } #announcement li { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #announcement li { -webkit-align-items: center; align-items: center; } #announcement li:first-child:last-child { text-align: left; } #announcement li > i { display: block; top: 0; margin: 0 8px 0 0; font-size: 22px; line-height: 1; } #announcement ~ #root #top { position: absolute; top: .1px; } #mobile { display: block; overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 21530; padding: 12vh 35px .1px 15px; background: rgba(38,54,75,.88); color: var(--white); font-weight: 700; font-family: var(--font_headers); line-height: 1.5; text-align: right; letter-spacing: 0.01em; opacity: 0; } #mobile, #mobile > ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; align-items: stretch; } #mobile > ul { position: relative; z-index: 2; list-style: none; height: 100%; max-height: 720px; margin: 0; padding: 0; } #mobile > ul { flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #mobile > ul > li { overflow: hidden; position: relative; width: 100%; margin: 0; font-size: 20px; } /*#root #mobile .mobile-hide { display: none; }*/ #mobile > ul > li { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #mobile > ul > li:nth-child(10n-9) { -webkit-transform: translateY(-15px); transform: translateY(-15px); } #mobile > ul > li:nth-child(10n-8) { -webkit-transform: translateY(-30px); transform: translateY(-30px); } #mobile > ul > li:nth-child(10n-7) { -webkit-transform: translateY(-45px); transform: translateY(-45px); } #mobile > ul > li:nth-child(10n-6) { -webkit-transform: translateY(-60px); transform: translateY(-60px); } #mobile > ul > li:nth-child(10n-5) { -webkit-transform: translateY(-75px); transform: translateY(-75px); } #mobile > ul > li:nth-child(10n-4) { -webkit-transform: translateY(-90px); transform: translateY(-90px); } #mobile > ul > li:nth-child(10n-3) { -webkit-transform: translateY(-105px); transform: translateY(-105px); } #mobile > ul > li:nth-child(10n-2) { -webkit-transform: translateY(-120px); transform: translateY(-120px); } #mobile > ul > li:nth-child(10n-1) { -webkit-transform: translateY(-135px); transform: translateY(-135px); } #mobile > ul > li:nth-child(10n-0) { -webkit-transform: translateY(-150px); transform: translateY(-150px); } #mobile > ul > li > a { display: block; overflow: hidden; position: relative; padding: 10px 0; color: var(--white); text-decoration: none; } #mobile > ul > li > a:hover, #mobile > ul > li > a:focus, #mobile > ul > li > a:active { color: var(--mint); } #mobile > ul > li > a i { display: inline-block; position: relative; top: .1em; margin: 0 10px 0 0; font-size: 1em; line-height: 1px; } #mobile > ul > li.text-uppercase { font-size: 16px; letter-spacing: normal; } #mobile > ul > li.text-uppercase > a { padding-top: 2px; color: var(--mint); } #mobile > ul > li.text-right { font-size: 13px; } #mobile > ul > li.text-right > a { padding-bottom: 9px; } #mobile > ul > li.text-right > a { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; align-items: flex-end; } #mobile > ul > li.text-right .img { display: block; width: 100%; max-width: 262px; margin: 8px 0 0; padding: 6px; background: var(--white); } #mobile > ul > li.text-right .img { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } #mobile > ul > li.btn { padding-top: 11px; padding-bottom: 35px; } #root #mobile > ul > li.btn > a { float: right; width: 100%; max-width: 280px; padding: 19.5px; background: var(--btn_def); color: var(--white); font-size: 16px; line-height: 1.2; text-transform: uppercase; text-align: center; letter-spacing: normal; } #mobile > .close { display: block; position: absolute; right: 0; top: 0; z-index: 1; height: 11vh; padding: 0 58px 0 0; color: var(--mint); font-size: 14px; line-height: 11vh; text-transform: uppercase; text-decoration: none; letter-spacing: 0.01em; opacity: 1; } #mobile > .close { -webkit-transform: translateX(35px); transform: translateX(35px); } #mobile > .close:before { content: "\e902"; left: auto; right: 35px; font-size: 11px; } #mobile > .close:before { -webkit-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); } .menu-active #mobile > .close { -webkit-transform: translateX(0); transform: translateX(0); } #mobile-compact { display: block; visibility: hidden; position: absolute; right: 0; top: 100%; width: 250px; padding: 13px 0 19px; background: var(--coal); text-align: right; opacity: 0; } #mobile-compact { -webkit-transform: translateX(50px); transform: translateX(50px); } #mobile-compact > ul { list-style: none; margin: 0; padding: 0; } #mobile-compact > ul > li { margin: 0; font-size: 14px; } #mobile-compact > ul > li > a { display: block; padding: 18px var(--rpp); color: var(--white); font-weight: 700; text-transform: uppercase; text-decoration: none; } .menu-active #root { height: 100vh; } .menu-active, .menu-active body, .menu-active #root { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } html.menu-active:not(.theme-caypho) #root > *:not(#mobile) { -webkit-filter: blur(12px); filter: blur(12px); } .menu-active body > figure { z-index: 1; } #root #top ~ * { transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: -.1s; } .menu-active.theme-compact.v1 #root { height: auto; } .menu-active.theme-compact.v1, .menu-active.theme-compact.v1 body, .menu-active.theme-compact.v1 #root { position: relative; } .menu-active.theme-compact.v1 #root > * { -webkit-filter: none; filter: none; } /*#content {}*/ #content > header:first-child > figure:first-child, #content > figure:first-child { margin-top: 14px; } /*#content > .nav-breadcrumbs.mobile-hide + * { margin-top: 20px; }*/ #content > .mobile-hide:first-child + .module-wide, #content > .mobile-hide:first-child + .mobile-hide + .module-wide { margin-top: -16px; } #content > .module-featured:first-child { margin-top: -10px; } #content.pd-a, #content.pd-b, .theme-no-top #background ~ #content { --cn_p: 20px; } /*#content.mobile-inv {}*/ #content.mobile-inv > *:last-child { margin-bottom: 31px; margin-top: 0; } .theme-blank.v1 #root figure + .form-box { margin-bottom: 20px; } .theme-blank.v1 #content { padding-top: 20px; } .theme-blank.v1 #content.mobile-inv > *:first-child { margin-bottom: 20px; } #footer { width: auto; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; } #footer nav { margin-bottom: 39px; padding-top: 38px; padding-bottom: 23px; } #footer nav:before { left: -20px; right: -20px; width: auto; margin: 0; background-image: url(../images/footer-mobile.webp); } .no-webp #footer nav:before { background-image: url(../images/footer-mobile.jpg); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .lead { margin-bottom: 31px; padding: 90px 0 0; } #footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before, #footer h5:before, #footer h6:before, #footer .lead:before { display: none; } #footer h1:after, #footer h2:after, #footer h3:after, #footer h4:after, #footer h5:after, #footer h6:after, #footer .lead:after { top: 0; height: 60px; } #footer nav p { overflow: hidden; margin-bottom: 35px; } #footer nav p:before { display: block; } #footer nav p .aag { margin-top: 24px; } #footer nav p > span { margin-top: 21px; font-size: 1em; } #footer .list-contact { position: relative; top: 0; text-align: center; } /*#footer > p {}*/ #footer > p a { text-decoration: none; } #footer > p + p, #footer > ul li:last-child:after { display: none; } #footer > ul { position: relative; top: 0; margin: 27px -16px 0 0; padding: 0; text-align: center; } #footer > ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer > ul { -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #footer > ul li { position: relative; margin: 0 16px 0 0; } #footer > ul li:after { content: "|"; display: block; position: absolute; left: 100%; top: 0; width: 16px; height: auto; border-radius: 0; background: none; text-align: center; } #root > .sticky.link-btn ~ #footer, #root > .list-usp.toggle ~ .sticky.link-btn ~ #footer, #root > .list-usp.no-active ~ .sticky.link-btn ~ #footer { margin-bottom: 82px; } #footer-new { text-align: center; } #footer-new h1 i, #footer-new h2 i, #footer-new h3 i, #footer-new h4 i, #footer-new h5 i, #footer-new h6 i, #footer-new nav > * > p:first-child i { margin-bottom: 20px; font-size: 62px; } #footer-new > nav { display: block; margin-left: 0; padding: 32px 0 1px; } #root #footer-new > nav > * { position: relative; z-index: 2; width: auto; min-width: 0; max-width: none; margin: 0 0 27px; border-left-width: 0; } #root #footer-new > nav > *:first-child + * { margin-top: 25px; padding-top: 22px; } #root #footer-new > nav > *:first-child + *:before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 180px; height: 2px; margin: 0 0 0 -90px; background: var(--mint); } #footer-new .list-contact { margin-left: auto; margin-right: auto; } #footer-new .list-contact li { margin-bottom: 19px; } #footer-new .list-contact i { top: 0; margin-bottom: 8px; } #footer-new > ul { margin-left: -20px; margin-right: -20px; padding-top: 17px; padding-bottom: 10px; } #footer-new > ul li { width: 100%; } #footer-new > ul li a { height: 38px; line-height: 38px; } #footer-new > ul li a:before { bottom: 6px; } [data-whatintent="mouse"] #footer-new > ul li a:hover { line-height: 30px; } #footer-new.compact { --h: 50px; } #root #footer-new.compact nav i { font-size: 28px; } #root > .sticky { left: 0; right: 0; width: auto; height: 86px; margin: 0; padding-left: 20px; padding-right: 20px; } #root > .sticky > * { position: relative; z-index: 2; } #root > .sticky > img:first-child { display: block; position: absolute; left: 20px; top: 20px; bottom: 20px; width: calc(100% - 170px) !important; height: calc(100% - 40px) !important; } #root > .sticky > img:first-child { -o-object-position: 0 center; object-position: 0 center; -o-object-fit: contain; object-fit: contain; } #root > .sticky > img:last-child, #root > .sticky > picture:last-child, #root > .sticky .background { display: block; left: 0; right: 0; z-index: 1; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root > .sticky ~ #footer, #root > .list-usp.toggle ~ .sticky ~ #footer { border-bottom-width: 86px; } #root > .list-usp ~ .sticky ~ #footer { border-bottom-width: 0; } #root > .list-usp ~ .sticky { -webkit-transform: translateY(100%); transform: translateY(100%); } #root > .link-btn.sticky-desktop { position: relative; bottom: 0; margin: 0; padding: 24px 4px 24px 20px; } #root > .link-btn.sticky-desktop:not(.a):before { border: 0 solid var(--coal); border-top-width: 8px; border-bottom-width: 8px; background: var(--white); } #root > .link-btn.sticky-desktop > * { width: auto; max-width: 150px; margin: 0 16px 0 0; } #root > .link-btn.sticky-desktop > span { margin-right: 5px; } #root > .link-btn.sticky-desktop > span { -ms-flex-shrink: 14; -webkit-flex-shrink: 14; flex-shrink: 14; } #root > .link-btn.sticky-desktop > a { max-width: none; margin-left: auto; white-space: nowrap; } #root > .link-btn.sticky-desktop ~ #content > .nav-breadcrumbs:first-child + .module-welcome, #root > .link-btn.sticky-desktop ~ #content > .nav-breadcrumbs:first-child + .module-wide, #root > .link-btn.sticky-desktop ~ #content > .module-welcome:first-child, #root > .link-btn.sticky-desktop ~ #content > .module-wide:first-child { margin-top: -10px; } h1, h2, h3, h4, h5, h6, legend, .heading { margin-top: 27px; margin-bottom: 9px; } hr.mobile-only + h1, hr.mobile-only + h2, hr.mobile-only + h3, hr.mobile-only + h4, hr.mobile-only + h5, hr.mobile-only + h6 { margin-top: -6px; } h1, .h1, .h2 { margin-bottom: 19px; font-size: 24px; } h2 { font-size: 20px; } h1 + figure, h2 + figure, h3 + figure, h4 + figure, h5 + figure, h6 + figure { margin-top: 12px; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 18px; } h1 + h1.label, h1 + h2.label, h1 + h3.label, h1 + h4.label, h1 + h5.label, h1 + h6.label, h2 + h1.label, h2 + h2.label, h2 + h3.label, h2 + h4.label, h2 + h5.label, h2 + h6.label, .h1 + h1.label, .h1 + h2.label, .h1 + h3.label, .h1 + h4.label, .h1 + h5.label, .h1 + h6.label { margin-top: 23px; } #root .cols:not(.cols-mobile) { display: block; } #root .cols:not(.cols-mobile) > * { width: auto; } /*.aal-list-box {}*/ .aal-list-box li.step-confirm .step-confirm, .aal-list-box li.step-success .step-success { display: block; } #root .aal-list-box li[class*="step-"] .link-btn { padding-top: 20px; padding-bottom: .1px; } #root .aal-list-box li[class*="step-"] .link-btn > * { width: 100%; } #root .aal-list-box li.step-success p.heading { font-size: 24px; } #root .aal-list-box li[class*="step-"] > figure { margin-bottom: 30px; } .ais-Pagination-list { margin: 47px 0; } /*.check {}*/ .check label:before, .s16 .check label:before, .s16.check label:before { top: 50%; margin-top: -12px; } .check.box:not(.inline) > * { margin-bottom: 20px; } /*.form-quiz.b > section .check:not(.box) label:before { top: 4px; margin-top: 0; }*/ .check.panels li { width: 100%; } .check input.strong ~ label:before { top: -2px; margin-top: 0; } .check.panels.panels-a { --pd: 20px; --pd2: 14px; } .check.panels.panels-a header { min-height: 0; } .check.panels.panels-a .link-btn { margin-top: 0; margin-bottom: 0; } .check.panels.panels-a label { margin: 3px 0 19px; } .check.panels.panels-a header .link-btn { right: -5px; top: 0; } .check.rating { --w: 55px; --dist: 8px; } ul.check.strong, #root ul.check.strong { display: block; margin: 34px 0 20px; text-align: left; } #root ul.check.strong li { max-width: none; min-height: 39px; margin: 0 0 19px; } #root ul.check.strong label { padding: 0 0 0 59px; } #root ul.check.strong label:before { left: 0; top: 50%; margin: -19.5px 0 0; } /*.cols-a {}*/ /*.cols-a h2 { font-size: 24px; }*/ .cols-a h1 + .list-btn, .cols-a h2 + .list-btn, .cols-a h3 + .list-btn, .cols-a h4 + .list-btn, .cols-a h5 + .list-btn, .cols-a h6 + .list-btn { margin-top: 23px; padding-top: 0; } .cols-a .list-btn { margin-bottom: 15px; } .cols-a .list-btn + * { margin-top: 32px; } /*.cols-a.b {}*/ #content > .cols-a.b:first-child { padding-top: 10px; } #root #content > .cols-a.b:first-child > figure:first-child { margin-top: calc(-10px - var(--cn_p)); } .cols-b { padding-right: 0; } #root .cols-b > *, #content > .cols-b:first-child > aside, #content > .cols-b:last-child > aside { overflow: visible; position: relative; right: 0; top: 0; bottom: 0; float: none; width: auto; } #root .cols-b > aside { display: block; position: relative !important; left: 0 !important; top: 0 !important; z-index: 1 !important; width: auto !important; height: auto; min-height: 0; max-height: none; margin: 30px -20px 0; margin-left: -20px !important; padding: 24px 20px .1px; background: var(--coal); color: var(--white); } #root .cols-b > aside > * { width: auto; } .cols-b > aside > .scheme-countdown { margin-top: 0; margin-bottom: 45px; } .cols-b > aside > .scheme-countdown:first-child { margin-top: 9px; } .cols-b > aside > .link-btn.offset { margin-bottom: 15px; } .cols-b > aside > .link-btn.offset:first-child:last-child { margin-top: 0; margin-bottom: 15px; } .cols-b > aside > .link-btn.offset:first-child { margin-top: 4px; } .cols-b > aside > .link-btn.offset > .img { margin-bottom: 40px; } .cols-b > aside > .link-btn.offset a { width: auto; } .cols-b > aside > .link-btn.offset > .img + * { margin-left: 0; } #content > .cols-b:last-child, #content.cols-b { margin-bottom: var(--mr_main); } #content.cols-b ~ #footer { margin-top: -17px; } #content > p.s16:first-child, #content > [class*="cols"]:first-child > *:first-child > p.s16:first-child { margin-top: -10px; } #root .cols-c { display: block; padding-left: 0; padding-right: 0; } #root .cols-c > * { display: block !important; position: relative !important; left: 0 !important; top: 0 !important; float: none; width: auto !important; min-height: 0; margin-left: 0 !important; margin-right: 0 !important; padding: 0; } #content > .cols-c:first-child { margin-top: -10px; } #content.cols-c > *, #content > .cols-c:first-child > * { border-top-width: 0; } .cols-d { display: block; margin-top: 20px; margin-bottom: 20px; } #root .cols-d > *, .list-usp ~ #content .cols-d > * { position: relative; top: 0; width: auto; } #root .cols-d > * + * { margin-top: 34px; } #content > .cols-d:last-child { margin-bottom: 24px; } #root .cols-d > aside > .form-box { margin-left: 0; margin-right: 0; } .cols-e { display: block; } #root .cols-e > * { display: block; width: 100%; max-width: none; } #root .cols-e > * + * { margin-top: 34px; padding-top: 0; } #root .cols-e.a > * + * { margin-top: 0; } .double, .triple { display: block; } #root .double > *, #root .triple > * { float: none; width: auto; max-width: none; } /*figure {}*/ figure .icon-play { margin-top: -40px; font-size: 75px; line-height: 80px; } figure .icon-play.small { font-size: 42px; } .form-aside { margin: 0 -20px; padding: 0 20px; --hm: 10px; } .form-aside header { margin-bottom: 26px; } .form-aside header p { margin-bottom: 28px; } .form-aside p { margin-bottom: 24px; } .form-aside-sticky { display: block; margin-bottom: 40px; } #root .form-aside-sticky > * { position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto; max-width: none; margin-left: 0; margin-right: 0; } .form-aside-sticky > header, .form-aside-sticky > aside { margin-bottom: 18px; padding: 37px 24px .1px; } .form-aside-sticky > header:before, .form-aside-sticky > aside:before { top: 0; bottom: 0; } .form-aside-sticky > header > h1:first-child, .form-aside-sticky > header > h2:first-child, .form-aside-sticky > header > h3:first-child, .form-aside-sticky > header > h4:first-child, .form-aside-sticky > header > h5:first-child, .form-aside-sticky > header > h6:first-child, .form-aside-sticky > header > .heading:first-child, .form-aside-sticky > aside > h1:first-child, .form-aside-sticky > aside > h2:first-child, .form-aside-sticky > aside > h3:first-child, .form-aside-sticky > aside > h4:first-child, .form-aside-sticky > aside > h5:first-child, .form-aside-sticky > aside > h6:first-child, .form-aside-sticky > aside > .heading:first-child { margin-left: -24px; margin-right: -24px; padding: 10px 24px; } #root .form-aside-sticky .form-box > * { max-width: none; } /*.form-aside-wide {}*/ .form-aside-wide .double { max-width: none; } .form-aside-wide button { width: 100%; min-width: 0; } #root .form-aside-wide .success, #root .form-aside-wide.submit .box-inset { margin-top: -10px; } .form-box { margin-top: 39px; } .form-box, #root .form-box { margin-left: -20px; margin-right: -20px; margin-bottom: 15px; /*padding: 34px 20px .1px;*/ --hm: 18px; } .form-box figure { max-width: none; /*height: 155px;*/ margin-bottom: 23px; } .form-box label ~ a.show { top: 30px; } .form-box input, .form-box select, .form-box textarea { max-width: none; } .form-box p { margin-bottom: 18px; } .form-box p > label:first-child, .form-box p + .label { padding-top: 0; } .form-box .submit { margin-right: 0; } .form-box button { float: none; width: 100%; margin-right: 0; } #root .form-box button.inline, #root .form-box .submit a { float: none; text-align: center; } #root .form-box .submit:last-child button.inline:last-child, #root .form-box .submit.last-child button.inline:last-child { margin-top: 36px; margin-bottom: 18px; } #root .cols-a > * > .form-box:not(.m0-mobile):last-child { margin-bottom: 30px; } .form-box.overlay-coal, #root .form-box.overlay-coal { padding-top: 24px; } .form-box.c, #root .form-box.c { margin-left: 0; margin-right: 0; padding: 36px 30px .1px; } .form-box.c input, .form-box.c select, .form-box.c textarea, .form-box.c .semantic-select-wrapper { max-width: none; } .form-box.d, #root .form-box.d { max-width: none; margin-left: 0; margin-right: 0; } .form-box.mobile-box, #root .form-box.mobile-box { max-width: none; margin-left: 0; margin-right: 0; } .form-box.mobile-box:before { border-radius: 3px; } .form-box.inv, #root .form-box.inv { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; } #root .form-box.inv > header:first-child, #root .form-box.inv > header:first-child > h1:first-child, #root .form-box.inv > header:first-child > h2:first-child, #root .form-box.inv > header:first-child > h3:first-child, #root .form-box.inv > header:first-child > h4:first-child, #root .form-box.inv > header:first-child > h5:first-child, #root .form-box.inv > header:first-child > h6:first-child { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .form-box .success { margin-bottom: 55px; } .form-featured { margin: 22px 0 26px; padding: 19px 0 10px; } .form-featured > *, #root .form-featured > * > * { display: block; float: none; width: auto; padding: 0; } .form-featured h1, .form-featured h2, .form-featured h3, .form-featured h4, .form-featured h5, .form-featured h6 { margin-bottom: 24px; font-size: 24px; line-height: 1.4583333333; } .form-featured p { max-width: none; margin-bottom: 19px; } .form-featured button { width: 100%; margin-top: 7px; } .form-featured footer { margin: 35px 0 0; padding: 0; background: none; } .form-featured footer h1, .form-featured footer h2, .form-featured footer h3, .form-featured footer h4, .form-featured footer h5, .form-featured footer h6 { margin-bottom: 19px; } .form-filter, #root .form-filter { margin-bottom: 27px; } #root .form-filter h1, #root .form-filter h2, #root .form-filter h3, #root .form-filter h4, #root .form-filter h5, #root .form-filter h6 { margin-bottom: 12px; } .form-filter > div { display: block; } .form-filter > div > * { position: static; z-index: auto !important; width: 100%; max-width: none; margin-bottom: 12px; } .form-filter > div > .link-btn ~ * { display: none; } #root .form-filter > div > * { width: 100%; max-width: none; } .form-filter > div > p:first-child:nth-last-child(2) { display: block; } .form-filter > div > *:last-child, .form-filter > div > .link-btn { display: block; margin-right: 0; } .form-filter > div > .link-btn { position: relative; z-index: 1 !important; } .form-filter > div > .link-btn a { position: static; margin: 12px 0 0; } .form-filter .semantic-select.active { z-index: 9; } .form-filter .submit button { width: 100%; } .form-filter .semantic-select .ul { left: 0; right: 0; top: 100%; width: auto; min-width: 0; } .form-filter .semantic-select .ul:before { padding-right: 15px; } .form-filter:not(.c) input, .form-filter:not(.c) select, .form-filter:not(.c) textarea, .form-filter:not(.c) .semantic-select .input, .form-filter:not(.c) input + label { text-align: left; } .form-filter.aside button { width: 100%; } .form-filter.a, #root .form-filter.a { margin-bottom: 40px; padding-top: 20px; padding-bottom: 8px; } .form-filter.a:before { border-width: 0; } #root .form-filter.a + .list-events { margin-top: -20px; } /*.form-filter.b {}*/ .form-filter.b > div { display: block; } .form-filter.c { display: block; --dist: 12px; } #root .form-filter.c > div > * { width: auto; } .form-inline { display: block; margin-bottom: 54px; } .form-inline input, .form-inline select, .form-inline button { width: 100%; min-width: 0; max-width: none; } .form-mobile-high { min-height: calc(100vh - 118px - var(--rpp) + var(--cn_p) - var(--btn_dist2)); } #root .form-mobile-high .link-btn:last-child, #root .form-mobile-high .submit:last-child, #root .form-mobile-high .link-btn.last-child, #root .form-mobile-high .submit.last-child { margin-top: auto; } .form-mobile-high button { -webkit-order: 1; -ms-order: 1; order: 1; } .form-mobile-high .link-btn a { -webkit-order: 2; -ms-order: 2; order: 2; } /*.form-panels {}*/ .form-panels .submit { max-width: none; } #root #content > .form-panels:last-child { margin-bottom: 34px; } .form-quiz { margin-top: 21px; } .form-quiz header p:not(.heading) { margin-bottom: 13px; } .form-quiz textarea { height: 440px; min-height: 440px; } .form-quiz footer { display: block; margin: 0; } .form-quiz footer button, .form-quiz footer .link-btn a { margin-bottom: 16px; } .form-quiz footer .link-btn a, .form-quiz footer button, .form-quiz footer .link-btn, .form-quiz footer p, .form-quiz footer .link-btn a { float: none; width: 100%; margin-right: 0; } .form-quiz .module-box { margin-top: 11px; } .form-quiz .module-box p.strong:last-child { margin-top: -4px; } .form-quiz .module-box + .mobile-hide + .module-box { margin-top: -19px; } .form-quiz figure + .mobile-hide + .module-box { margin-top: -3px; } .form-quiz .module-box.inv { margin-left: -20px; margin-right: -20px; padding: 27px 20px 5px; } .form-quiz .module-box.inv:before { border-left-width: 0; border-right-width: 0; } .form-quiz .module-featured.background { margin-top: 0; padding-bottom: 36px; } .form-quiz .module-featured.background h1, .form-quiz .module-featured.background h2, .form-quiz .module-featured.background h3, .form-quiz .module-featured.background h4, .form-quiz .module-featured.background h5, .form-quiz .module-featured.background h6 { margin-bottom: 44px; } .form-quiz .module-featured.background .link-btn { margin-top: 78px; } .form-quiz > *:last-child > .scheme-score:last-child { margin-bottom: 18px; } .form-quiz:last-child > *:last-child > .scheme-score:last-child { margin-bottom: 0; } .form-quiz h1.s28 + figure, .form-quiz h2.s28 + figure, .form-quiz h3.s28 + figure, .form-quiz h4.s28 + figure, .form-quiz h5.s28 + figure, .form-quiz h6.s28 + figure, .form-quiz h1.s28 + .module-box, .form-quiz h2.s28 + .module-box, .form-quiz h3.s28 + .module-box, .form-quiz h4.s28 + .module-box, .form-quiz h5.s28 + .module-box, .form-quiz h6.s28 + .module-box, .form-quiz h1.s28 + article > figure:first-child, .form-quiz h2.s28 + article > figure:first-child, .form-quiz h3.s28 + article > figure:first-child, .form-quiz h4.s28 + article > figure:first-child, .form-quiz h5.s28 + article > figure:first-child, .form-quiz h6.s28 + article > figure:first-child { margin-top: -20px; } .form-quiz.a { margin-left: -30px; margin-right: -30px; padding-top: 0; font-size: 16px; } .form-quiz.a section { margin-bottom: 20px; } .form-quiz.a section:after { top: 17px; } .form-quiz.a section header { margin-bottom: 20px; padding-left: 60px; padding-top: 18px; padding-bottom: 1px; font-size: 18px; } .form-quiz.a > footer { padding-left: 30px; padding-right: 30px; } .form-quiz.a section + footer { margin-top: 25px; } #root .form-quiz.a > footer.double > * { width: 100%; } .form-quiz.a section footer { margin-top: 20px; margin-left: -20px; margin-right: -20px; padding: 15px 16px 20px; } .form-quiz.a section footer h1, .form-quiz.a section footer h2, .form-quiz.a section footer h3, .form-quiz.a section footer h4, .form-quiz.a section footer h5, .form-quiz.a section footer h6, .form-quiz.a section footer p.header { margin-bottom: 15px; } .form-quiz.a.wide { padding-bottom: 10px; } /*.form-quiz.b {}*/ .form-quiz.b > header { margin-bottom: 42px; padding: 16px 0 .1px; } .form-quiz.b > header > * { margin-bottom: 16px; } .form-quiz.b > header .heading, .form-quiz.b > header h1, .form-quiz.b > header h2, .form-quiz.b > header h3, .form-quiz.b > header h4, .form-quiz.b > header h5, .form-quiz.b > header h6 { margin-bottom: 16px; font-size: 16px; } #root .form-quiz.c > header h1 + .heading, #root .form-quiz.c > header h2 + .heading, #root .form-quiz.c > header h3 + .heading, #root .form-quiz.c > header h4 + .heading, #root .form-quiz.c > header h5 + .heading, #root .form-quiz.c > header h6 + .heading { margin-top: -10px; font-size: 24px; } #root .form-quiz.b > header .scheme-box, #root .form-quiz.b > header .scheme-box a { display: block; font-size: 12px; text-align: right; } .form-quiz.b > header .scheme-box .img { margin: 9px 0 0; } .form-quiz.b .heading, .form-quiz.b h1, .form-quiz.b h2, .form-quiz.b h3, .form-quiz.b h4, .form-quiz.b h5, .form-quiz.b h6 { margin-bottom: 40px; font-size: 24px; } #root .form-quiz.b .m60 { margin-bottom: 40px; } .form-quiz.b .heading .small, .form-quiz.b h1 .small, .form-quiz.b h2 .small, .form-quiz.b h3 .small, .form-quiz.b h4 .small, .form-quiz.b h5 .small, .form-quiz.b h6 .small { margin-bottom: 20px; } .form-quiz.b .submit:not(:first-child) { margin-top: 30px; } .form-quiz.b .check.box label { padding: 22px; } .form-quiz.b.w720 > *:first-child:not(header) { margin-top: 12px; } #root .form-quiz.b p.text-center { text-align: left; } #root .form-quiz.b p.text-center.m40 { margin-bottom: 40px; } .form-quiz.c { font-size: 16px; line-height: 1.5; } .form-quiz.c:not(:first-child) { margin-top: 22px; } .form-quiz.c > header { margin-bottom: 25px; } .form-quiz.c > header h1, .form-quiz.c > header h2, .form-quiz.c > header h3, .form-quiz.c > header h4, .form-quiz.c > header h5, .form-quiz.c > header h6, .form-quiz.c > header .heading { margin-bottom: 12px; font-size: 32px; } .form-quiz.c > header h1 span[class*="overlay-"], .form-quiz.c > header h2 span[class*="overlay-"], .form-quiz.c > header h3 span[class*="overlay-"], .form-quiz.c > header h4 span[class*="overlay-"], .form-quiz.c > header h5 span[class*="overlay-"], .form-quiz.c > header h6 span[class*="overlay-"], .form-quiz.c > header .heading span[class*="overlay-"] { font-size: 0.75em; } .form-quiz.c > section > * { padding: 25px 28px 8px; } .form-quiz.c > section > header { padding: 25px 24px 4px; } .form-quiz.c .double.a > * > figure:last-child { margin-bottom: 25px; } .form-quiz.c > section header h1, .form-quiz.c > section header h2, .form-quiz.c > section header h3, .form-quiz.c > section header h4, .form-quiz.c > section header h5, .form-quiz.c > section header h6, .form-quiz.c > section header .heading { margin-bottom: 20px; font-size: 24px; line-height: 1.4166666667; } .form-quiz.c > section header h1:last-child, .form-quiz.c > section header h2:last-child, .form-quiz.c > section header h3:last-child, .form-quiz.c > section header h4:last-child, .form-quiz.c > section header h5:last-child, .form-quiz.c > section header h6:last-child, .form-quiz.c > section header .heading:last-child { margin-bottom: 12px; } .form-quiz.c > section h1, .form-quiz.c > section h2, .form-quiz.c > section h3, .form-quiz.c > section h4, .form-quiz.c > section h5, .form-quiz.c > section h6, .form-quiz.c > section .heading, .form-quiz.c > footer { font-size: 18px; line-height: 1.4444444444; } .form-quiz.c > section h1:not(:first-child), .form-quiz.c > section h2:not(:first-child), .form-quiz.c > section h3:not(:first-child), .form-quiz.c > section h4:not(:first-child), .form-quiz.c > section h5:not(:first-child), .form-quiz.c > section h6:not(:first-child), .form-quiz.c > section .heading:not(:first-child) { margin-top: 28px; } .form-quiz.c h1 + .check, .form-quiz.c h2 + .check, .form-quiz.c h3 + .check, .form-quiz.c h4 + .check, .form-quiz.c h5 + .check, .form-quiz.c h6 + .check, .form-quiz.c .heading + .check { margin-top: 28px; } .form-quiz.c h1 + .check, .form-quiz.c h2 + .check, .form-quiz.c h3 + .check, .form-quiz.c h4 + .check, .form-quiz.c h5 + .check, .form-quiz.c h6 + .check, .form-quiz.c .heading + .check { margin-top: 0; } .form-quiz.c p, .form-quiz.c ul, .form-quiz.c ol, .form-quiz.c header p:not(.heading) { margin-bottom: 24px; } .form-quiz.c .media-enlarge { padding: 12px 12px .1px; border: 2px solid var(--mint); } .form-quiz.c .media-enlarge a { position: static; } .form-quiz.c .media-enlarge img { display: block; max-height: 184px !important; margin: 0 auto 12px; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .form-quiz.c .media-enlarge span ~ span:not(.hover) { margin: 0 -12px; padding: 9px 12px 5px; background: var(--mint); color: var(--white); } #root .form-quiz.c .media-enlarge span.hover { left: 0; right: 0; top: 0; bottom: 0; } .form-quiz.c > footer { padding: 20px 28px .1px; text-align: center; } .form-quiz.c > footer.compact { margin: 40px 0; } #root .form-quiz.c > footer p { margin-bottom: 10px; } #root .form-quiz.c > footer .double > * + * { margin-top: 15px; } .form-quiz.c > footer p:not(.submit) { font-size: 20px; line-height: 1.5; } .form-quiz.b .text-left-mobile .heading, .form-quiz.b .text-left-mobile h1, .form-quiz.b .text-left-mobile h2, .form-quiz.b .text-left-mobile h3, .form-quiz.b .text-left-mobile h4, .form-quiz.b .text-left-mobile h5, .form-quiz.b .text-left-mobile h6 { text-align: inherit; } .form-quiz.b .link-btn a.inv.overlay-white { -webkit-order: 5; order: 5; } .form-quiz.wide { padding-top: 28px; padding-bottom: 18px; } .form-quiz.wide > article + article, .form-quiz.wide > div + div { margin-top: 0; padding-top: 17px; } .list-title.a + .form-quiz.wide { margin-top: -10px; } .form-register { --hmt: 32px; } .form-register p { max-width: none; } .form-register a.show, .form-box a.show { left: auto; right: 0; padding-left: 0; } .form-register a.show + input, .form-box a.show + input { width: calc(100% - 61px); } .form-register .check label:before { margin-top: -11px; } .form-register .submit { margin-right: 0; } .form-register .check + .submit { margin-top: 38px; } .form-register button { float: none; width: 100%; margin-right: 0; } .form-register .submit > span + * { margin-top: 84px; } #root .form-register .m60 { margin-bottom: 27px; } .form-register .module-box { max-width: none; --pt: 22px; --pd: 28px; --pb: 4px; } .form-register .module-box p, .form-register .module-box > .submit:last-child { max-width: none; margin-bottom: 24px; } #content > .form-register:first-child > .module-box:first-child { margin-top: 39px; } .form-register .module-box h1, .form-register .module-box h2, .form-register .module-box h3, .form-register .module-box h4, .form-register .module-box h5, .form-register .module-box h6 { margin-bottom: 13px; } .form-register .module-box > h1:first-child, .form-register .module-box > h2:first-child, .form-register .module-box > h3:first-child, .form-register .module-box > h4:first-child, .form-register .module-box > h5:first-child, .form-register .module-box > h6:first-child { margin-top: -3px; } .form-register .module-box .scheme-tip > span { left: 0; right: 0; width: auto; } #root .form-register .module-box .input-file .scheme-tip > span { left: auto; right: 0; width: calc(100vw - 48px - 48px); } .form-register .module-box label, .form-register .module-box .label { margin-bottom: 5px; } .form-register .module-box .check { margin-bottom: 31px; } .form-register .module-box .label + .check { margin-top: 8px; } .form-register .module-box .check + figure { margin-top: -4px; } .form-register .module-box .scheme-tip { margin-top: 15px; } .form-register .module-box section > header { position: relative; right: 0; top: 0; width: auto; margin: -3px 0 26px; padding: 0; box-shadow: none; border-radius: 0; background: none; } .form-register > .module-box button { width: auto; margin-top: 1px; } .form-register > .module-box:last-child { margin-bottom: 31px; } #content > .form-register:last-child { margin-bottom: 26px; } /*.form-register.a {}*/ .form-register.a header { margin-bottom: 10px; } .form-register.a header h1, .form-register.a header h2, .form-register.a header h3, .form-register.a header h4, .form-register.a header h5, .form-register.a header h6 { margin-bottom: 20px; } /*.form-register.double {}*/ #root .form-register.double > *:first-child + * { margin-top: 43px; margin-left: -20px; margin-right: -20px; padding: 36px 20px 5px; background: var(--coal); text-align: center; } .form-search { margin-top: 21px; margin-bottom: 30px; padding-bottom: 0; --hm: 10px; } .form-search p { padding-right: 58px; } .form-search input { padding: 0 19px; background-position: -3000em -3000em; } .form-search button { top: 0; width: 48px; height: 48px; margin: 0; padding: 0; box-shadow: none; text-indent: -3000em; text-align: left; } .form-search button:before { content: "\e911"; font-size: 15px; } .form-sort { margin-right: -11px; } .form-sort p, .form-sort .link-btn a { margin-right: 11px; margin-bottom: 11px; } #root .form-sort.mobile-only + h1, #root .form-sort.mobile-only + h2, #root .form-sort.mobile-only + h3, #root .form-sort.mobile-only + h4, #root .form-sort.mobile-only + h5, #root .form-sort.mobile-only + h6 { margin-top: -7px; } .form-sort.mobile-inv select, .form-sort.mobile-inv .semantic-select .input, .form-sort > .mobile-wide.link-btn a, .form-sort .mobile-wide ~ p .semantic-select .input, .form-sort .mobile-wide ~ p select { width: auto; min-width: 0; } #root .form-sort.mobile-inv select, #root .form-sort .mobile-wide ~ p select, .form-sort.mobile-inv select { width: 100%; } #root .form-sort + .list-hr { margin-top: 28px; } .form-sort > .mobile-wide { min-width: 100%; } #root .form-sort.m0 { margin-bottom: 14px; } /*.form-sort.mobile-inv {}*/ .form-sort.mobile-inv p, .form-sort .mobile-wide ~ p { width: 140px; min-width: 140px; max-width: 140px; } .form-sort.mobile-inv p.link-btn, .form-sort .mobile-wide ~ p.link-btn { width: calc(100% - 140px - 11px); min-width: calc(100% - 140px - 11px); max-width: calc(100% - 140px - 11px); } .form-sort.mobile-inv p.link-btn a, .form-sort .mobile-wide ~ p.link-btn a { padding-left: 5px; padding-right: 5px; } .form-sort.wide { margin: 0 -20px 29px 0; } .form-sort.wide:before { box-shadow: 0 1px 2px rgba(112,144,176,.4); background: var(--white); } .form-sort.wide p { margin: 0 0 0 auto; } .form-sort.wide select, .form-sort.wide .semantic-select .input { height: 53px; border-width: 0; text-align: right; text-align-last: right; } .form-sort.wide select, .form-sort.wide option { direction: rtl; } .form-sort.wide .semantic-select .input { line-height: 53px; } .form-sort.wide .semantic-select .ul { left: auto; white-space: nowrap; } .form-sort.wide .semantic-select .ul:before, .form-sort.wide .semantic-select .ul:after { right: 17px; } .form-tabs { display: block; margin: 27px 0; } .form-tabs > nav ul li a, .form-tabs > nav ul li > span { padding: 12px 18px; } .form-tabs form { display: block; padding-right: 25px; padding-left: 25px; } .form-tabs form p { border-left-width: 0; } .form-tabs form .submit { position: relative; right: 0; bottom: 0; width: auto; margin: -4px 0 24px; } .form-tabs form .submit button { height: auto; padding: 18.5px 26px; } .form-tabs > header { margin-top: -7px; padding: 0; } .form-tabs > header h1, .form-tabs > header h2, .form-tabs > header h3, .form-tabs > header h4, .form-tabs > header h5, .form-tabs > header h6 { margin-bottom: 19px; } .form-tabs .list-inline, .form-tabs > footer { margin-top: 21px; } #root .form-tabs ~ .module-featured .link-btn a, .list-social li, .module-entries.compact > * { width: 100%; } .form-tabs.a { margin-bottom: 46px; padding-bottom: 0; } /*.has-anchor {}*/ /*.has-anchor > .anchor { top: 0; } .scrolled-up*/ .has-anchor > .anchor { top: -59px; } /*.header-article {}*/ .header-article .list-logo { width: calc(100% + 24px); margin-bottom: 4px; } .header-article.mobile-hide + h1, .header-article.mobile-hide + h2, .header-article.mobile-hide + h3, .header-article.mobile-hide + h4, .header-article.mobile-hide + h5, .header-article.mobile-hide + h6 { margin-top: 27px; } h1 + .header-article, h2 + .header-article, h3 + .header-article, h4 + .header-article, h5 + .header-article, h6 + .header-article { margin-top: 29px; } figure + .header-article { margin-top: 23px; } .header-line:not(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) { font-size: 16px; } #root .m45.header-line { margin-bottom: 22px; } #root .m45.header-line + .list-featured.a { margin-top: 40px; } .header-line.overlay-a, .header-line.overlay-mint, .header-line.overlay, .module-entries .header-line { font-size: 16px; } .header-line.overlay { margin-bottom: 22px; padding: 18px 0; } .header-line.overlay + .module-entries { padding-top: 0; } .header-line.overlay + .module-entries.overlay { margin-top: -22px; padding-top: 18px; } .module-entries.overlay, .header-line + .module-entries.overlay { padding-top: 18px; } /*.header-line.s24 { font-size: 20px; } .header-line.s24 > * { padding-right: 16px; } .header-line.s24.text-center > * { padding-left: 16px; }*/ .header-line.s28, .module-entries .header-line.s28 { font-size: 20px; } .header-line.s28 > * { padding-right: 13px; } .header-profile { display: block; position: relative !important; left: 0 !important; top: 0 !important; margin-bottom: 0; margin-left: 0 !important; padding: 48px 0 0; --hm: 22px; } .header-profile > ul { position: relative; z-index: 2; margin: 0 0 15px; padding: 7.5px 0; } .header-profile > ul:before { display: block; background: var(--coal); } .header-profile > ul > li { margin: 0; } .header-profile, #content > .header-profile:first-child { margin-bottom: 29px; } #content > .header-profile:first-child { top: 0; margin-top: -2px; } .header-profile .link-btn { position: static; width: auto; margin: 0; } .header-profile .link-btn a { display: block; position: absolute; right: 0; top: -11px; width: auto; margin: 0; padding: 14.5px; } .header-profile .link-btn a.inline, [data-whatintent="mouse"] #root .header-profile .link-btn a.inline:hover { position: relative; top: 0; margin-left: auto; padding: 18px 20px; border-width: 2px; font-size: 16px; } .header-profile .link-btn a i { top: .15em; font-size: 1.1428571429em; } .header-profile .link-btn .icon-eye, .header-profile .link-btn .icon-eye-close { top: .1em; font-size: 1.125em; } .header-profile + .spacer { display: none !important; position: absolute; left: -3000em; top: 0; } .header-strong { margin-bottom: 28px; --hm: 19px; --hz: 28px; } #root .header-strong .scheme-box:not(:first-child) { margin-top: 20px; } .header-strong + * { margin-top: 0; } .header-strong:not(:first-child), .nav-breadcrumbs + * > .header-strong:first-child { margin-top: 50px; } .nav-breadcrumbs.mobile-hide + * > .header-strong:first-child { margin-top: 27px; } .header-top { margin-bottom: 32px; padding: 50px 0 0; color: var(--white); } .header-top:before { top: 0; box-shadow: none; background: var(--fiord); } .header-top > figure { height: 123px; border-width: 0; } .header-top > figure img { width: calc(100% + 40px) !important; margin: 0 -20px; } .header-top nav { position: absolute; left: 0; right: 0; top: 0; z-index: 2; height: 50px; padding: 5px 0; } .header-top nav > figure { display: block; position: relative; top: 0; height: 40px; background: none; } .header-top nav p { display: block; } .header-top.toggle nav p a:before { content: "\e915"; font-size: 8px; } .header-top.toggle nav p a:before { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .header-top nav ul { display: block; visibility: hidden; position: absolute; right: -20px; top: 100%; width: 100%; max-width: 300px; margin: 0; padding: 7px 0; background: var(--mirage); color: var(--white); opacity: 0; } .header-top nav ul { -webkit-transform: translateX(100%); transform: translateX(100%); } #root .header-top nav ul li { margin: 0; padding: 0; font-size: 18px; } #root .header-top nav ul li a, #root .header-top nav ul li.active a, #root .header-top nav ul li a:focus, #root .header-top nav ul li a:active { display: block; float: none; height: auto; padding: 18.5px 20px; color: var(--white); font-weight: 700; line-height: 1.2; text-transform: none; text-align: right; text-decoration: none; } #root .header-top nav ul li.active a, #root .header-top nav ul li.active a:focus, #root .header-top nav ul li.active a:active { color: var(--mint); } #root .header-top nav ul li.link-btn { padding: 16px 20px 22px 30px; } #root .header-top nav ul li.link-btn a { padding: 19px 20px; box-shadow: none; color: var(--white); font-size: 16px; text-align: center; text-transform: uppercase; } [data-whatintent="mouse"] #root .header-top nav ul li a:hover { color: var(--mint); } [data-whatintent="mouse"] #root .header-top nav ul li.link-btn a:hover { color: var(--white); } .header-top nav ul ul { display: block; position: relative; right: 0; top: 0; width: auto; padding: 0; } .header-user, #root .header-user { margin: 0 -20px !important; padding: 26px 20px .1px; background: var(--coal); color: var(--mint); } .header-user h1, .header-user h2, .header-user h3, .header-user h4, .header-user h5, .header-user h6 { margin: 0 0 20px; color: var(--white); font-size: 24px; } .header-user p { margin-bottom: 26px; font-size: 20px; } .header-user ul { margin: 0 -20px; padding: 12px 20px 50px; background: var(--bonaire); } .header-user li { margin: 0; border-top: 1px solid var(--aruba); } .header-user li:first-child { border-top-width: 0; } .header-user li a { padding-top: 27px; padding-bottom: 27px; padding-right: 0; } .header-user li a:before, .cols-c > .header-user li a:before { left: -20px; right: -20px; } hr { margin: 20px 0; } .input-copy.strong { margin-bottom: 20px; padding: 29px 17px 17px; } .input-copy.strong label { margin-bottom: 20px; } .input-copy.strong input { max-width: calc(100% - 60px); } .input-copy a.copy > span { left: auto; right: 12px; top: calc(100% + 12px); min-width: 113px; margin: 0; } .input-copy a.copy > span { -webkit-transform: none; transform: none; } .input-copy a.copy > span:before { content: "\e978"; overflow: hidden; left: auto; top: -9px; right: 5px; height: 10px; margin: 0; font-size: 20px; line-height: 20px; } /*.input-file {}*/ #root .input-file .scheme-tip { margin-left: auto; } #root .input-file .scheme-tip > span { right: 0; width: calc(100vw - 40px); } #root .m40 + .form-register > .input-file:first-child { margin-top: 45px; } .link-btn { margin-top: 20px; /*margin-bottom: 15px;*/ } .link-btn a, .link-btn button { width: 100%; min-width: 158px; } .link-btn a.inv { min-width: 124px; } .link-btn + h1, .link-btn + h2, .link-btn + h3, .link-btn + h4, .link-btn + h5, .link-btn + h6, .link-btn.mobile-only + h1, .link-btn.mobile-only + h2, .link-btn.mobile-only + h3, .link-btn.mobile-only + h4, .link-btn.mobile-only + h5, .link-btn.mobile-only + h6 { margin-top: 22px; } .link-btn + hr { margin-top: var(--mr_main); } .link-btn.mobile-wide > * { width: 100%; } .link-btn.cta { padding-top: 16px; padding-bottom: 25px; } .link-btn.cta > span:first-child { margin-right: 16px; } .list-answers { margin-top: 32px; } .list-answers > li { margin-bottom: 30px; padding: 0 24px .1px; } .list-answers header { margin-left: -24px; margin-right: -24px; margin-bottom: 26px; padding-left: 24px; padding-right: 24px; padding-top: 20px; } .list-answers.b.module-box { } .list-answers.b.module-box > li { padding-bottom: calc(var(--pd) - var(--mr_main)); } .list-answers.b .form-quiz.b .check.box:last-child { margin-bottom: 0; } .list-answers.b.module-box > li.heading + li { padding-top: 24px; } html:has(.list-answers.b.module-box) #content { z-index: 9998; } #content > .list-answers.b.module-box:first-child, #content > form:first-child > .list-answers.b.module-box, #content > .cols:first-child > *:first-child > .list-answers.module-box.b { margin-top: -73px; } .list-box { margin-top: 0; margin-bottom: 0; } .list-box li { display: block; width: 100%; margin-bottom: 20px; } h1 + .list-box, h2 + .list-box, h3 + .list-box, h4 + .list-box, h5 + .list-box, h6 + .list-box, .list-box + h1, .list-box + h2, .list-box + h3, .list-box + h4, .list-box + h5, .list-box + h6 { margin-top: 15px; } h1 + .list-box, .h1 + .list-box, .h2 + .list-box { margin-top: -1px; } .list-box.a { margin-top: 26px; font-size: 20px; line-height: 1.4166666667; } .list-box.a li { width: 100%; min-height: 145px; margin-bottom: 20px; padding: 15px 22px 12px; } .list-box.a .link-btn { width: auto; min-width: 100%; margin-left: -12px; margin-right: -12px; padding-top: 15px; } .list-box.a .link-btn:last-child { margin-bottom: -12px; } /*.list-box.aside {}*/ .list-box.aside li, .list-box.aside.strong li { min-height: 131px; } .list-box.featured { margin-bottom: 13px; --hz: 55px; --hm: 18px; } .list-box.featured li { width: 100%; font-size: 18px; } .list-box.featured h1 + p.strong, .list-box.featured h2 + p.strong, .list-box.featured h3 + p.strong, .list-box.featured h4 + p.strong, .list-box.featured h5 + p.strong, .list-box.featured h6 + p.strong, .list-box.featured .heading + p.strong { margin-top: 0; } .list-box.featured p.strong { font-size: 24px; } .list-box.featured .link-btn { margin-left: 0; margin-right: 0; margin-bottom: 3px; padding: 5px 5px 0; } .list-box.featured p.strong ~ .link-btn { padding-top: 23px; } .list-box.featured + h1, .list-box.featured + h2, .list-box.featured + h3, .list-box.featured + h4, .list-box.featured + h5, .list-box.featured + h6, .list-box.featured + * > h1:first-child, .list-box.featured + * > h2:first-child, .list-box.featured + * > h3:first-child, .list-box.featured + * > h4:first-child, .list-box.featured + * > h5:first-child, .list-box.featured + * > h6:first-child { margin-top: 33px; } /*.list-box.strong {}*/ .list-box.strong li { min-height: 0; padding-left: 20px; padding-right: 20px; } /*.list-box.type-a {}*/ #root .list-box.type-a li > figure { height: 70px; } /*.list-box.desktop-wide-c {}*/ #root .list-box.desktop-wide-c > li { padding: 30px 30px 4px; } #root .list-box.desktop-wide-c > li > .link-btn:last-child { margin-bottom: 10px; } #root .list-box.desktop-wide-c figure { width: 100%; margin: 0 0 22px; padding: 10px; box-shadow: 0 4px 10px rgba(0,0,0,.07); border-radius: 3px; background: var(--white) } .list-box.wide { margin-top: 0; } .list-box.wide li { font-size: 20px; } .list-box.wide i { margin-right: 25px; font-size: 55px; } /*.list-box-inline {}*/ .list-box-inline li { width: 100%; margin-bottom: 18px; } .list-box-inline header p { display: block; text-align: right; } .list-box-inline header p .img, .list-box-inline header img { margin-left: 15px; border-radius: 3px; background: var(--white); } .list-box-inline header p .img img { margin: 0; } .list-box-inline h1, .list-box-inline h2, .list-box-inline h3, .list-box-inline h4, .list-box-inline h5, .list-box-inline h6 { margin-bottom: 18px; } .list-btn { margin-top: 23px; margin-bottom: 32px; } .list-btn li { width: 100%; margin-bottom: 20px; } .link-btn + .list-btn { margin-top: 14px; } .list-btn.b { line-height: 1.4444444444; text-align: center; } .list-btn.b li { min-height: 220px; padding: 47px 20px 12px; } .list-btn.b a { width: auto; } .list-btn.b li > * { margin-bottom: 20px; } .module-landing > .list-btn.b:last-child { margin-bottom: 27px; } .list-btn.a { margin-bottom: 0; line-height: 1.4444444444; } .list-btn.a li { margin-bottom: 20px; font-size: 18px; } .list-btn.a a { min-height: 64px; padding-top: 19px; padding-bottom: 19px; } #root > .link-chat { left: 20px; bottom: 20px; } #root > .list-usp ~ .link-chat { bottom: 68px; } .list-cols { display: block; margin-bottom: 7px; text-align: left; } .list-cols li { width: 100%; } .list-cols.b figure { margin-bottom: 0; } .list-cols h1, .list-cols h2, .list-cols h3, .list-cols h4, .list-cols h5, .list-cols h6 { margin-bottom: 9px; } .list-cols + * { margin-top: 46px; } .list-cols.b { margin-left: -12px; text-align: center; } .list-cols.b li { width: 50%; margin-bottom: var(--mr_main); border-left-width: 12px; } .list-cols.b figure { margin-bottom: 16px; } .list-cols.b h1, .list-cols.b h2, .list-cols.b h3, .list-cols.b h4, .list-cols.b h5, .list-cols.b h6, .list-cols.b .heading { font-size: 16px; line-height: 1.5; } .module-wide > .list-cols.b:last-child, .module-wide > .list-cols.b.last-child { margin-bottom: 5px; } .list-companies { display: block; margin-left: 0; } .list-companies li { width: 100%; margin-bottom: 42px; border-left-width: 0; } .list-companies li:nth-child(-n+3):before { display: block; } #root .list-companies li:before { left: 0; top: -26px; } .list-companies li:first-child:before { display: none; } /*.list-contact {}*/ .list-contact li { margin: 0 0 4px; padding: 0; } .list-contact i { position: relative; top: 0; } .list-entry { margin: 21px 0 18px; padding: 0; } .list-entry:after { display: none; } .list-entry li, .list-entry li.link-btn { position: relative; bottom: 0; width: 100%; margin: 0 0 20px; padding: 0; border-left-width: 0; } .list-entry li.link-btn { margin-right: -16px; } .list-entry li.link-btn, .list-entry.inline li.link-btn, .module-entry.compact .list-entry li.link-btn, #root .module-entry.hr .list-entry li.link-btn { width: calc(100% + 16px); margin-bottom: 0; margin-right: -16px; } .module-entry + .list-btn { padding-top: 27px; } .list-entry.inline, .module-entry.compact .list-entry { margin-bottom: 0; padding-bottom: 26px; } .list-entry li:before, .module-entry.compact + .list-btn:before { bottom: 0; } .list-entry.inline li, .module-entry.compact .list-entry li { width: 50%; } .list-entry.inline li.link-btn, .module-entry.compact .list-entry li.link-btn { padding-top: 8px; } .list-entry.static { display: block; margin-top: 16px; margin-bottom: 25px; } #root .list-entry.static li { display: block; margin-bottom: 4px; padding-bottom: 10px; } .list-entry.static li:before { display: block; bottom: 0; } .list-entry.static li > span:first-child { margin-bottom: 2px; } .list-events { --hm: 18px; } .list-events figure { position: relative; width: auto; margin: 0 -20px 18px; border-width: 20px; } .list-events li { padding: 20px 20px 6px; } .list-events li > * { border-width: 0; } .list-events li > figure { border-width: 20px; } .list-events li > figure:first-child { margin-top: -20px; } .list-events li:before { border-left-width: 4px; } #root .list-events + .link-btn, #root .list-box + .link-btn { margin-top: -8px; } .list-featured { display: block; margin-top: 36px; } .list-featured li { width: 100%; margin-bottom: 20px; } .list-featured .link-btn { margin-bottom: 20px; } .list-featured.a { margin-bottom: 42px; --hm: 11px; } #root .list-featured.a li { display: block; width: 100%; margin-bottom: 22px; } .list-featured.a h1 + figure, .list-featured.a h2 + figure, .list-featured.a h3 + figure, .list-featured.a h4 + figure, .list-featured.a h5 + figure, .list-featured.a h6 + figure { margin-top: var(--mr_main); padding-top: 0; } #root .module-wide .list-featured.a.m5:last-child { margin-bottom: 60px; } #root .m45 + .list-featured.a { margin-top: -22px; } /*.list-features {}*/ .list-features li { display: block; } .list-features li > * { max-width: none; } .list-features li + li { margin-top: 28px; } .list-features figure { margin-bottom: 20px; text-align: center; } #root * + .list-features { margin-top: 20px; } .list-features.a { display: block; margin-left: 0; padding-left: 0; padding-right: var(--dist); --w: 100%; } .list-features.a:before { left: 0; right: 0; } .list-features.a li.mobile-only { margin: 32px 0 10px; padding-bottom: .1px; color: var(--mint); font-weight: 700; font-size: 16px; font-family: var(--font_headers); text-transform: uppercase; } .list-features.a li.mobile-only .link-btn + p { margin-top: 8px; } #root figure + .list-features.a { margin-top: -40px; } figure + .list-features.a:before { top: -200px; } figure:has(+.list-features.a) { margin-left: calc(var(--rpn) * 0.5); margin-right: calc(var(--rpn) * 0.5); } .list-gallery { margin-bottom: 6px; } .list-gallery li { width: 100%; margin-bottom: 20px; } .list-gallery .img { height: 76px; margin-bottom: 0; } .list-gallery.w25 li { width: 50%; } .list-gallery.w50 li { width: 100%; } .module-wide > .list-gallery:last-child, .module-wide > .list-gallery.last-child { margin-bottom: 18px; } /*.list-hr {}*/ .list-hr ul li { width: 100%; max-width: none; } .list-inline { margin-right: -32px; } .list-inline li { margin-right: 32px; } .list-inline.strong { margin-bottom: 1px; line-height: 1.5; } .list-inline.strong li { margin-bottom: 15px; font-size: 16px; } .list-inline.strong i { top: .05em; font-size: 1.125em; } .list-logo { margin-top: 25px; margin-bottom: 28px; } .list-logo img { max-width: 100% !important; } .list-logo ul:not(.list-tags) { right: 7px; bottom: 1px; } #root .list-logo ul:not(.list-tags) li { font-size: 16px; } .list-logo ul:not(.list-tags) li .icon-eye { top: -.25em; font-size: 0.625em; } .list-logo.a, #root .list-logo.a { margin: 0 0 var(--mr_main) -14px; } #root .list-logo.a li { width: 50%; height: auto; margin: 0 0 14px; border-left-width: 14px; } #root .label + .list-logo.a { margin-top: 15px; } .list-logo.a + .label { margin-top: -8px; } /*.list-logo.b {}*/ .list-logo.b li, .list-logo.c li { width: 50%; } .list-logo.c { margin-bottom: 25px; } .list-logo.box { margin-left: -10px; margin-bottom: 14px; } .list-logo.box li, .list-logo.box.compact li { width: 50%; height: 106px; margin-bottom: 10px; border-left-width: 10px; } .list-logo.box img { max-height: 100% !important; } h1 + .list-logo.box, h2 + .list-logo.box, h3 + .list-logo.box, h4 + .list-logo.box, h5 + .list-logo.box, h6 + .list-logo.box, h1 + .list-logo.box.compact, h2 + .list-logo.box.compact, h3 + .list-logo.box.compact, h4 + .list-logo.box.compact, h5 + .list-logo.box.compact, h6 + .list-logo.box.compact { margin-top: -11px; } .module-featured.welcome.text-center > .list-logo.plain { margin-left: -10px; } .list-logo.plain { margin-top: 41px; margin-left: -10px; } #root .list-logo.plain li { width: 25%; margin-bottom: 10px; border-left-width: 10px; } #root .list-logo.plain li:first-child:last-child { width: auto; } h1 + .list-logo.plain, h2 + .list-logo.plain, h3 + .list-logo.plain, h4 + .list-logo.plain, h5 + .list-logo.plain, h6 + .list-logo.plain { margin-top: 25px; } #root .module-featured.welcome .list-logo.plain { margin-bottom: 0; } .text-left-mobile + .list-logo.plain { -webkit-justify-content: flex-start; justify-content: flex-start; } .list-profile { margin-top: 29px; margin-bottom: 18px; } .list-profile li { width: 100%; margin-bottom: 23px; } .list-profile + .link-btn { margin-top: -10px; } h1 + .list-profile, h2 + .list-profile, h3 + .list-profile, h4 + .list-profile, h5 + .list-profile, h6 + .list-profile { margin-top: 23px; } /*.list-quiz {}*/ .list-quiz li { margin-bottom: 20px; } .list-quiz li:last-child { margin-bottom: 0; } .list-quiz ul { display: block; margin-right: 0; padding-top: 2px; } .list-quiz ul li { margin-right: 0; } #root .list-quiz label { float: none; width: 100%; } .list-quiz + * { margin-top: 20px; } .list-programms { margin-top: 24px; margin-bottom: 20px; } .list-programms li { min-height: 420px; } .list-programms > li:last-child { margin-bottom: 0; } .list-programms p + .link-btn { margin-top: -11px; } .list-programms.a { margin-top: 24px; --pd_1: 20px;--pd_2: 11px; } .list-programms.a li { margin-bottom: 20px; } .list-rating { padding-bottom: 0; } .list-rating li { width: 100%; } .list-rating q + .scheme-rating { margin-top: 14px; } .list-rating:before { display: none; } .list-results { display: block; margin-top: 28px; } .list-results li { width: 100%; min-height: 328px; margin-bottom: 22px; } /*.list-reviews {}*/ .list-reviews q { max-width: none; } .list-reviews li:not(:last-child) { margin-bottom: 20px; } .list-search { margin-bottom: 20px; } .list-search li { margin-bottom: 20px; padding-bottom: 11px; padding-top: 19px; } .list-search h1, .list-search h2, .list-search h3, .list-search h4, .list-search h5, .list-search h6 { margin-bottom: 11px; font-size: 20px; line-height: 1.5; } #root .list-search figure { margin-top: -19px; margin-bottom: 14px; padding: 12px 10px 12px 54px; font-size: 14px; } .list-search img { left: 16px; max-width: 32px !important; } .list-search .link-btn, .module-featured .link-btn { margin-top: var(--mr_main); } .list-search li.featured, .module-featured { min-height: 0; margin: 0 0 20px; padding: 20px 0 15px; } .list-search li.featured:before, .module-featured:before { left: 0; right: 0; } .list-search li.featured:after, .module-featured:after { left: -14px; right: -14px; } #root .list-search li.featured figure, .module-featured figure { position: relative; left: 0; top: 0; bottom: 0; width: auto; margin: 0 0 20px; text-align: center; } .list-search li.featured h1, .list-search li.featured h2, .list-search li.featured h3, .list-search li.featured h4, .list-search li.featured h5, .list-search li.featured h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6, .module-featured .heading { margin-bottom: 9px; font-size: 24px; } .list-search li.featured img { left: 0; width: 100% !important; max-width: 100% !important; } .list-search li.module-external { display: block; margin-bottom: 36px; padding-top: 13px; padding-bottom: 16px; } #root .list-search li.module-external figure { display: none; margin: 0 10px 20px; text-align: center; } #root .list-search li.module-external figure img { max-width: 100% !important; margin: 0 auto; } .list-search li.module-external p { margin-bottom: 12px; } .m50 + .list-search { margin-top: -4px; } .list-slider.s24 { font-size: 18px; } .list-slider li { margin-bottom: 14px; } .list-slider + .link-btn { margin-top: 0; } .list-slider.s4wi + .link-btn { margin-top: -10px; } .list-steps { margin-top: 29px; margin-bottom: 35px; } .list-steps li { max-width: none; margin: 0 0 23px; padding-left: 78px; } .list-steps li:before { left: 22px; top: 0; width: 50px; margin: 0; font-size: 46px; line-height: 1; } .list-steps li:after { left: 8px; top: 19px; width: 11px; height: 11px; margin: 0; background: var(--mint); } .list-steps li > * + * { margin-top: 14px; } .list-steps h1, .list-steps h2, .list-steps h3, .list-steps h4, .list-steps h5, .list-steps h6, .list-steps .heading { font-size: 20px; line-height: 1.5; } .list-steps h1:before, .list-steps h2:before, .list-steps h3:before, .list-steps h4:before, .list-steps h5:before, .list-steps h6:before, .list-steps .heading:before { left: -20px; top: 24px; width: 28px; margin: 0; background: var(--mint); } /*.list-steps.a {}*/ .list-steps.a h1, .list-steps.a h2, .list-steps.a h3, .list-steps.a h4, .list-steps.a h5, .list-steps.a h6 { padding: 12px 20px; } .list-team { margin-top: 40px; margin-bottom: 24px; } .list-team li { min-height: 0; margin-bottom: 30px; padding: 0; } .list-team li:before { right: 0; bottom: -1px; } .list-team li:after { left: auto; right: 0; bottom: -10px; margin-left: 0; } .list-team li:nth-child(2n):before { left: 0; right: -20px; } .list-team li:nth-child(2n):after { left: 0; right: auto; } /*#root .list-team li:before { left: -20px; right: -20px; bottom: -36px; } .list-team li:after { bottom: -45px; }*/ .list-team figure { position: relative; width: 86px; max-width: 86px; margin: 0 20px 13px 0; } .list-team h1, .list-team h2, .list-team h3, .list-team h4, .list-team h5, .list-team h6, .list-team .heading { width: calc(100% - 106px); margin-bottom: 13px; font-size: 24px; } .list-team p { width: 100%; } .module-wide > .list-team:last-child, .module-wide > .list-team.last-child { margin-bottom: -10px; } /*.list-timeline {}*/ .list-timeline li { margin-bottom: 57px; } .list-timeline li > figure { margin-bottom: 16px; } .list-timeline p { margin-bottom: 12px; } .list-title.b { margin-top: 35px; margin-bottom: 10px; text-align: center; } .list-title.b li { margin-bottom: var(--mr_main); padding: 53px 0 0; } .list-title.b li:before { left: 50%; top: 0; margin: 0 0 0 -26.5px; } .list-title.b h1, .list-title.b h2, .list-title.b h3, .list-title.b h4, .list-title.b h5, .list-title.b h6 { margin-bottom: 5px; font-size: 20px; line-height: 1.5; } .list-title.b h1 span, .list-title.b h2 span, .list-title.b h3 span, .list-title.b h4 span, .list-title.b h5 span, .list-title.b h6 span { margin-bottom: 14px; padding-bottom: 13px; font-size: 18px; font-family: var(--font_content); font-weight: 400; text-transform: none; } .list-title.c { margin-bottom: 48px; } .list-title.c li { padding: 18px 0 10px; font-size: 16px; text-align: left; } .list-title.c li > span:first-child { float: none; margin: 0 0 11px; font-size: 0.875em; } .list-usp { display: block; margin-right: 0; color: var(--mint); } .list-usp li { overflow: hidden; margin: 0 0 20px; padding: 0 150px 0 0; font-size: 16px; } .list-usp li, .list-usp a, .list-usp span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-usp span span { padding: 5px 0 0; font-size: 14px; } #root .list-usp a, #root .list-usp a:hover, #root .list-usp a:hover span span { overflow: hidden; color: var(--mint); } #root .list-usp span.strong { visibility: visible; left: auto; right: 8px; height: 44px; margin-top: -22px; width: 127px; padding: 0; border-color: var(--btn_def); background: var(--btn_def); color: var(--white); font-size: 14px; line-height: 40px; opacity: 1; } .list-usp ~ #background { top: 0; } #root > .list-usp { position: fixed !important; left: 0 !important; right: 10px !important; bottom: 0 !important; top: auto !important; width: auto !important; margin: 0 !important; padding: 0; color: var(--white); font-family: var(--font_content); font-size: 14px; font-weight: 400; line-height: 1.4285714286; text-transform: none; } #root > .list-usp:before { display: none; } #root > .list-usp li { height: 60px; margin: 0; padding: 0 32px 0 20px; border-radius: 0 10px 0 0; background: var(--bg); font-size: 1em; } #root > .list-usp li:not([style*="--bg"]) { --bg: var(--coal); } #root > .list-usp li { background-size: 100% auto !important; } #root > .list-usp li a { overflow: visible; width: 100%; color: var(--white); } #root > .list-usp li a:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #root > .list-usp span span, #root > .list-usp a:hover span span { display: block; padding: 0; color: inherit; font-weight: 700; font-family: var(--font_headers); font-size: 1em; } #root > .list-usp span span:after { content: "\e911"; display: inline-block; position: relative; margin-left: 8px; font-weight: 400; font-style: normal; font-family: i; line-height: 1px; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: sidebounce; animation-name: sidebounce; -webkit-animation-duration: 2s; animation-duration: 2s; } #root > .list-usp span.strong { display: none; } /*#root > .list-usp li { height: 70px; margin: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 16px; background: var(--coal); }*/ #root > .list-usp ~ #footer, #root > .list-usp ~ #footer-new { margin-bottom: 70px; } #root > .list-usp.toggle { -webkit-transform: translateY(150%); transform: translateY(150%); } #root > .list-usp.toggle ~ #footer, #root > .list-usp.no-active ~ #footer, #root > .list-usp.toggle ~ #footer-new, #root > .list-usp.no-active ~ #footer-new { margin-bottom: 0; } .list-title { margin-top: 28px; } .list-title li { margin-bottom: 21px; } .list-title + h1, .list-title + h2, .list-title + h3, .list-title + h4, .list-title + h5, .list-title + h6 { margin-top: 30px; } .list-title + .module-external { margin-top: 46px; } #root .m40 { margin-bottom: 28px; } /*#root .m50 {}*/ #root figure.m50 + h1, #root figure.m50 + h2, #root figure.m50 + h3, #root figure.m50 + h4, #root figure.m50 + h5, #root figure.m50 + h6 { margin-top: -12px; } #root .m60, #root .m80 { margin-bottom: 40px; } #root .scheme-box.m60 { margin-bottom: 40px; } #root .m40:not([class*="-mobile"]) + .scheme-box { margin-top: 40px; } #root .m70 + .module-external { margin-top: -20px; } #root .m125, #root #content > .m125:last-child { margin-bottom: 102px; } #root .m0-mobile, #root #content > .m0-mobile:last-child { margin-bottom: 0; } #root .m5-mobile, #root #content > .m5-mobile:last-child { margin-bottom: 5px; } #root .m10-mobile, #root #content > .m10-mobile:last-child { margin-bottom: 10px; } #root .m15-mobile, #root #content > .m15-mobile:last-child { margin-bottom: 15px; } #root .m20-mobile, #root #content > .m20-mobile:last-child { margin-bottom: 20px; } #root .m25-mobile, #root #content > .m25-mobile:last-child { margin-bottom: 25px; } #root .m30-mobile, #root #content > .m30-mobile:last-child { margin-bottom: 30px; } #root .m35-mobile, #root #content > .m35-mobile:last-child { margin-bottom: 35px; } #root .m40-mobile, #root #content > .m40-mobile:last-child { margin-bottom: 40px; } #root .m45-mobile, #root #content > .m45-mobile:last-child { margin-bottom: 45px; } #root .m50-mobile, #root #content > .m50-mobile:last-child { margin-bottom: 50px; } #root .m55-mobile, #root #content > .m55-mobile:last-child { margin-bottom: 55px; } #root .m70-mobile, #root #content > .m70-mobile:last-child { margin-bottom: 70px; } #root .m20-mobile + * { margin-top: 0; } .media-enlarge { font-size: 14px; } .media-overlay { overflow: hidden; margin-left: -20px; margin-right: -20px; margin-bottom: 36px; } .media-overlay:before { display: none; } .media-overlay.strong { padding-top: 20px; padding-bottom: 20px; } .media-wide { margin: 26px 0 36px; } .media-wide img { width: auto !important; max-width: 100% !important; } /*.mobile-wide {}*/ .mobile-wide img { display: block; width: 100% !important; } .module-academy { margin: 25px -20px; padding: 32px 20px 10px; } #root .module-academy > * { border-left-width: 0; } .module-featured + .module-academy { margin-top: -26px; } #content > .module-academy:last-child { margin-bottom: 25px; } .module-alert, .module-alert.compact { min-height: 0; padding: 20px 0 2px; text-align: center; } .module-alert:before { left: -20px; right: -20px; } .module-alert:after, .module-alert.compact:after, .module-alert.position-top:after, .module-alert.position-bottom:after { content: "\e939"; left: 50%; top: 0; width: 35px; height: 35px; margin: -17.5px 0 0 -17.5px; box-shadow: 0 8px 20px rgba(112,144,176,.2); border-radius: 99px; background: var(--white); color: var(--btn_def); font-size: 35px; line-height: 35px; text-shadow: none; } .module-alert h1, .module-alert h2, .module-alert h3, .module-alert h4, .module-alert h5, .module-alert h6, .module-alert.position-top h1, .module-alert.position-top h2, .module-alert.position-top h3, .module-alert.position-top h4, .module-alert.position-top h5, .module-alert.position-top h6, .module-alert.position-bottom h1, .module-alert.position-bottom h2, .module-alert.position-bottom h3, .module-alert.position-bottom h4, .module-alert.position-bottom h5, .module-alert.position-bottom h6 { margin-bottom: 10px; font-size: 24px; } .module-alert.compact h1, .module-alert.compact h2, .module-alert.compact h3, .module-alert.compact h4, .module-alert.compact h5, .module-alert.compact h6 { margin-bottom: 10px; } .module-alert + * { margin-top: 32px; } .module-alert figure { position: relative; left: 0; top: 0; bottom: 0; width: 100%; max-width: none; height: 57px; margin: 0 0 11px; padding: 10px 0; background: var(--coal); } #root .module-alert figure:before { left: -20px; right: -20px; top: 0; bottom: 0; border-width: 0; background: var(--coal); opacity: 1; } .module-alert figure img, .module-alert figure picture { display: block; width: 100% !important; height: 100% !important; } .module-alert > figure:first-child { margin-top: -20px; } .module-alert a { text-decoration: underline; } [data-whatintent="mouse"] .module-alert a:hover { text-decoration: none; } .module-alert.compact { padding-left: 16px; padding-right: 16px; padding-bottom: 10px; } .module-alert.compact:before { left: 0; right: 0; } .module-alert.compact:after { left: -10px; top: -10px; margin: 0; background: var(--btn_def); color: var(--white); } /*.module-alert.inv {}*/ .module-alert.inv a { color: var(--btn_def); text-decoration: underline; } [data-whatintent="mouse"] .module-alert.inv a:hover { text-decoration: none; } .module-alert.position-top, .module-alert.position-bottom { left: 20px; right: 20px; width: auto; height: auto; margin: 0; padding-left: 0; padding-right: 0; } #root .module-alert.position-top > .close, #root .module-alert.position-bottom > .close { left: auto; top: 0; right: -20px; z-index: 99; margin: 0; } #root .module-alert.position-top > .close { top: 0; margin-top: 0; } #root .module-alert.position-top:after { top: auto; bottom: -17.5px; margin-top: 0; } [data-whatintent="mouse"] #root .module-alert.position-bottom > .close:hover { color: var(--leaf); } .module-alert.position-top.removed { top: 0; } .module-alert.position-top.removed { -webkit-transform: translateY(calc(-100% - 30px)); transform: translateY(calc(-100% - 30px)); } .module-alert.position-bottom.removed { bottom: 0; } .module-alert.position-bottom.removed { -webkit-transform: translateY(calc(100% + 30px)); transform: translateY(calc(100% + 30px)); } .module-alert.position-top ~ #top { top: 0; } .module-alert.position-top ~ #content { border-top-width: 0; } .module-alert.position-bottom ~ #footer { border-bottom-width: 0; } .module-alert.position-top-left, .module-alert.position-top-right, .module-alert.position-bottom-left, .module-alert.position-bottom-right { left: 20px; right: 20px; } #root .module-alert.position-top.overlay-aqua > .close, #root .module-alert.position-bottom.overlay-aqua > .close { color: var(--alto); } #root .module-alert.position-top-left > .close, #root .module-alert.position-top-right > .close, #root .module-alert.position-bottom-left > .close, #root .module-alert.position-bottom-right > .close, #root .module-countdown.position-top-left > .close, #root .module-countdown.position-top-right > .close, #root .module-countdown.position-bottom-left > .close, #root .module-countdown.position-bottom-right > .close { right: -9px; width: 30px; height: 30px; } .module-alert.position-top-left, .module-countdown.position-top-left, .module-alert.position-top-right, .module-countdown.position-top-right { top: 30px; } .module-alert.position-bottom-left, .module-countdown.position-bottom-left, .module-alert.position-bottom-right, .module-countdown.position-bottom-right { bottom: 20px; } /*.module-article {}*/ .module-article p + .module-external { margin-top: 34px; } .module-article-aside, #root .module-article-aside { display: block; } #root .module-article-aside > * { display: block; width: auto; min-width: 0; max-width: none; padding-left: 0; padding-right: 0; } .module-article-aside figure { margin: 34px 0 30px; } .module-article-aside > header .nav-content { position: relative; top: 0; } #root .module-article-aside > header .scheme-box .img { max-width: 186px; margin: 0 0 0 18px; } #root .module-wide.m55 + .module-article-aside { margin-top: -25px; } .module-article-aside .list-social li { width: 100%; } #root .module-article-aside.m40 { margin-bottom: 40px; } .module-article-aside.strong, #root .module-article-aside.strong { margin-top: 40px; } #root .module-article-aside.strong > header .scheme-box .img { max-width: none; height: 156px; margin-left: 0; } .module-aside { display: block; margin-bottom: 56px; padding-bottom: 0; } #root .module-aside > * { float: none; width: auto; padding-left: 0; padding-right: 0; } .module-aside > figure { margin-bottom: 28px; } .module-aside.a { margin-bottom: 25px; } #root .module-aside.a > *:not(figure) { padding: 22px 20px .1px; } .module-aside.a > div > *:last-child { margin-bottom: 4px; } .module-aside.a h1, .module-aside.a h2, .module-aside.a h3, .module-aside.a h4, .module-aside.a h5, .module-aside.a h6 { font-size: 24px; } .module-aside.table { margin-bottom: var(--mr_main); padding-bottom: 0; border-width: 0; } .module-aside.table > *:not(:last-child) { margin-bottom: var(--mr_main); padding-bottom: 4px; border-bottom: 1px solid var(--mint); } .module-box { --pd: 22px; --pb: 5px; } .module-box .link-btn { margin-top: var(--mr_main); } #root .module-box + .module-box { margin-top: -12px; } label.module-box + textarea { padding-left: 30px; padding-right: 30px; } .module-box.wide { font-size: 16px; --pt: 24px; --pd: 0px; } .module-box.wide:before { left: -50px; right: -50px; box-shadow: 0 4px 20px rgba(112,144,176,0.101); } .module-box.wide h1, .module-box.wide h2, .module-box.wide h3, .module-box.wide h4, .module-box.wide h5, .module-box.wide h6, .module-box.wide .header { font-size: 20px; } .module-box-sticky, #root .module-box-sticky { left: 0; right: 0; bottom: 0; width: auto; padding: 20px 20px .1px; } .module-box-sticky figure { width: 133px; height: 56px; } .module-box-sticky > * { margin-bottom: 20px; } .module-box-sticky .link-btn { margin-bottom: 4px; } .module-box-sticky .link-btn a { height: 56px; padding-top: 0; padding-bottom: 0; line-height: 56px; } .module-contract { --hm: 10px; --hz: 32px; } .module-contract > *:first-child header { position: relative; z-index: 2; margin-bottom: 30px; font-size: 20px; line-height: 1.5; } .module-contract > *:first-child header > * { position: relative; z-index: 2; } .module-contract > *:first-child header > .media-wide { z-index: 1; } .module-contract > *:first-child header > .media-wide:last-child { margin-bottom: -30px; } .module-contract > *:first-child header p + .media-wide { margin-top: -36px; } .module-contract > *:first-child header h1 span[class*="overlay"], .module-contract > *:first-child header h2 span[class*="overlay"], .module-contract > *:first-child header h3 span[class*="overlay"], .module-contract > *:first-child header h4 span[class*="overlay"], .module-contract > *:first-child header h5 span[class*="overlay"], .module-contract > *:first-child header h6 span[class*="overlay"], .module-contract > *:first-child header .heading span[class*="overlay"] { margin-bottom: 11px; font-size: 0.75em; } #root .module-contract > *:first-child header > .scheme-box.m0 { margin-bottom: -42px; } .module-contract .overlay { z-index: 1; margin: 30px 0; padding-top: 27px; padding-bottom: .1px; } #root .module-contract .overlay figure.sticky { display: block; position: absolute; left: -20px; right: -20px; bottom: 100%; top: auto; margin: 0; text-align: right; } .module-contract .lead { margin-bottom: 34px; padding-bottom: 28px; } .module-contract .overlay .lead:last-child { padding-bottom: 0; } .module-contract figure .icon-play { font-size: 52px; } .module-contract .media-wide { margin-left: -20px; margin-right: -20px; } #root .nav-breadcrumbs + .module-contract, #root .nav-breadcrumbs + .module-contract-header { margin-top: 25px; } #root .cols-a.module-contract > * + * { margin-top: 32px; } #root .module-contract > *:first-child header figure.background { display: block; position: absolute; left: 0; right: 0; top: auto; bottom: 0; margin: 0; } .module-countdown { max-width: 240px; padding-bottom: 8px; font-size: 18px; } .module-countdown.position-top-left, .module-countdown.position-bottom-left { right: auto; left: 20px; } .module-countdown.position-bottom-right, .module-countdown.position-top-right { left: auto; right: 20px; } .module-countdown > h1, .module-countdown > h2, .module-countdown > h3, .module-countdown > h4, .module-countdown > h5, .module-countdown > h6 { margin-bottom: 15px; padding-top: 16px; padding-bottom: 16px; font-size: 18px; } .module-countdown > h1 > span, .module-countdown > h2 > span, .module-countdown > h3 > span, .module-countdown > h4 > span, .module-countdown > h5 > span, .module-countdown > h6 > span { margin-top: 12px; font-size: 42px; } .module-countdown p { margin-bottom: 15px; } .module-countdown .link-btn, .module-countdown .link-btn a { display: block; margin-right: 0; } /*.module-dashboard {}*/ .module-dashboard.toggle > .header-user .link-btn { margin-bottom: 6px; } #root .module-dashboard.toggle .header-user { margin-bottom: 0; padding-top: 20px; padding-bottom: 0; background: none; } #root .module-dashboard > div, #root .module-dashboard.toggle > div.spacer { display: none !important; } #root .module-dashboard.toggle > div { display: block !important; } .module-dashboard .submit + .link-btn { margin-top: -3px; } .module-entries { margin-top: var(--mr_main); padding-top: 21px; } .module-entries:before { display: block; box-shadow: inset 0px 1px 2px rgba(112,144,176,.2); } .module-entries:first-child { padding-top: 0; } #root .module-entries > * { min-height: 0; text-align: left; } #root .module-entries > header + * { margin-top: 27px; } .module-entries h1 span, .module-entries h2 span, .module-entries h3 span, .module-entries h4 span, .module-entries h5 span, .module-entries h6 span { margin-bottom: 18px; } .module-entries > * > header { color: var(--mint); } .module-entries > * > footer img { width: auto !important; max-height: 45px !important; } .module-entries > * > footer .link-btn a, .list-title .link-btn a { width: auto; } .module-entries > * > footer .link-btn:first-child:last-child, .module-entries > * > footer .mobile-hide:first-child + .link-btn:last-child { width: auto; } .module-entries > * > footer .link-btn:first-child:last-child, .module-entries > * > footer .mobile-hide:first-child + .link-btn:last-child, .module-entries > * > footer .link-btn:first-child:last-child a, .module-entries > * > footer .mobile-hide:first-child + .link-btn:last-child a, .module-entries > * > footer .scheme-box:first-child + .link-btn:last-child, .module-entries > * > footer .scheme-box:first-child + .link-btn:last-child a { float: none; -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .module-entries > * > footer > figure { -webkit-align-self: center; align-self: center; } #root .module-entries .scheme-box { margin-top: 3px; } #root .module-entries .scheme-box .img { width: auto; min-width: 0; max-width: none; height: 74px; margin-left: 16px; } .module-entries .list-logo { margin-bottom: 10px; margin-left: -5px; } .module-entries .list-logo li:first-child:last-child { width: 145px; height: 54px; } .module-entries h1 + .list-logo, .module-entries h2 + .list-logo, .module-entries h3 + .list-logo, .module-entries h4 + .list-logo, .module-entries h5 + .list-logo, .module-entries h6 + .list-logo { margin-top: -10px; margin-top: 0; } #root .module-entries > header:first-child { position: relative; margin-bottom: 22px; padding: 7px 0 .1px; } .module-entries > header:first-child:before { display: block; left: -20px; right: -20px; top: -25px; bottom: 0; box-shadow: 0 2px 2px rgba(112,144,176,.2); border-width: 0; background: var(--white); } .module-entries > header .form-sort { right: -20px; top: 7px; } .module-entries > header .form-sort p { padding: 0; } .module-entries > header .form-sort select, .module-entries > header .form-sort .semantic-select .input { height: 22px; min-width: 0; border-width: 0; } .module-entries > header .form-sort .semantic-select .input { line-height: 22px; } #root .module-entries > header .header-line { margin-bottom: 16px; } #root .module-entries > .header .header-line.s28, #root .module-entries > header .header-line.s28, #root .module-entries-header .header-line.s28 { font-size: 24px; } .module-entries > .s28 { padding-left: 15px; padding-right: 15px; padding-bottom: .1px; color: var(--white); font-size: 16px; } .module-entries > .s28 > header { display: block; margin: 4px -11px 10px; padding: 15px 22px 6px; background: var(--white); } .module-entries > .s28 > header h1, .module-entries > .s28 > header h2, .module-entries > .s28 > header h3, .module-entries > .s28 > header h4, .module-entries > .s28 > header h5, .module-entries > .s28 > header h6 { font-size: 28px; line-height: 1.3571428571; } .module-entries > .s28:before { background: var(--coal); } .module-entries > .s28 p { color: var(--white); } .module-entries.aside > .s28 > div { display: block; } .module-entries.aside > .s28 .link-btn a { height: auto; padding-top: 18px; padding-bottom: 18px; font-size: 16px; line-height: 1.1; } .module-entries.aside > .s28 .link-btn:last-child { margin-bottom: -2px; } .module-entries.mobile-static, #root .module-entries.mobile-static { margin-bottom: 0; padding-top: 0; } #root .module-entries.mobile-static > header:first-child, #root .module-entries.mobile-static > .header:first-child { margin-bottom: 10px; } header + .module-entries.mobile-static { margin-top: 20px; } .module-entries.overlay, #root .module-entries.overlay + .module-entries.overlay { padding-top: 19px; padding-bottom: 2px; } #root .module-entries.overlay > header:first-child { margin-bottom: 0; padding: 0; } .module-entries.overlay > header h1, .module-entries.overlay > header h2, .module-entries.overlay > header h3, .module-entries.overlay > header h4, .module-entries.overlay > header h5, .module-entries.overlay > header h6 { font-size: 28px; } #root .module-entries > .featured > *, .module-entries > .aside > header, .module-entries.aside > * > header, .module-entries > .aside > div, .module-entries.aside > * > div { width: auto; } .module-entries > .aside > div, .module-entries.aside > * > div { padding-right: 0; } .module-entries.overlay + .module-entries { margin-top: -8px; } .module-entries.overlay + .module-entries.overlay { margin-top: -14px; } #root .module-entries.overlay + .module-entries { padding-top: 0; } #root .module-entries.overlay + .module-landing { margin-top: 45px; } .module-entries > header .icon-live-now { margin-bottom: 34px; } .module-entries + .module-entries { padding-top: 0; } .module-header + .module-entries { margin-top: 35px; } /*.module-entries.strong {}*/ #root .module-entries.strong > article, #root .module-entries > .strong { padding-left: 20px; padding-right: 20px; } .module-entries.strong > article > header, #root .module-entries > .strong > header { margin-left: -20px; margin-right: -20px; margin-bottom: 16px; padding: 14px 20px 5px; color: var(--white); } .module-entries.strong > article > header h1, .module-entries.strong > article > header h2, .module-entries.strong > article > header h3, .module-entries.strong > article > header h4, .module-entries.strong > article > header h5, .module-entries.strong > article > header h6, #root .module-entries > .strong > header h1, #root .module-entries > .strong > header h2, #root .module-entries > .strong > header h3, #root .module-entries > .strong > header h4, #root .module-entries > .strong > header h5, #root .module-entries > .strong > header h6 { font-size: 32px; line-height: 1.3125; } .module-entries.strong > article > footer, #root .module-entries > .strong > footer { margin-left: -20px; margin-right: -20px; } .module-entries.strong > article > div > p + .link-btn, .module-entries > .strong > div > p + .link-btn { margin-top: -12px; } .module-entries.strong > article > div > .link-btn:last-child, .module-entries > .strong > div > .link-btn:last-child { margin-bottom: 4px; } .module-entries.strong.overlay > article:last-child { margin-bottom: 18px; } .module-entry { margin: 25px 0 18px; } .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6, .module-entry .lead, .module-entry.reduced h1, .module-entry.reduced h2, .module-entry.reduced h3, .module-entry.reduced h4, .module-entry.reduced h5, .module-entry.reduced h6, .module-entry .heading, .module-entry.reduced .heading { display: block; margin-bottom: 20px; padding: 17px 24px; border-top-width: 5px; font-size: 20px; } .module-entry h1 .img, .module-entry h2 .img, .module-entry h3 .img, .module-entry h4 .img, .module-entry h5 .img, .module-entry h6 .img, .module-entry.reduced h1 .img, .module-entry.reduced h2 .img, .module-entry.reduced h3 .img, .module-entry.reduced h4 .img, .module-entry.reduced h5 .img, .module-entry.reduced h6 .img, .module-entry .heading .img, .module-entry.reduced .heading .img { width: 100%; max-width: none; margin: 3px 0 15px; } .module-entry h1 + .list-title, .module-entry h2 + .list-title, .module-entry h3 + .list-title, .module-entry h4 + .list-title, .module-entry h5 + .list-title, .module-entry h6 + .list-title, .module-entry .lead + .list-title, .module-entry .heading + .list-title { margin-top: 28px; } .module-entry h1 + .list-entry, .module-entry h2 + .list-entry, .module-entry h3 + .list-entry, .module-entry h4 + .list-entry, .module-entry h5 + .list-entry, .module-entry h6 + .list-entry, .module-entry .heading + .list-entry { margin-top: 23px; } .module-wide .module-entry.reduced:last-child, .module-wide .module-entry.reduced.last-child { margin-bottom: -16px; } .cols-a > *:first-child:nth-last-child(3) > .module-entry:last-child, #root .module-entry.hr .list-entry li.link-btn, .module-entry.hr > .list-entry:last-child { margin-bottom: 0; } .cols-a > :first-child:nth-last-child(3) > .module-entry:last-child .list-entry { padding-bottom: 0; } .cols-a > :first-child:nth-last-child(3) > .module-entry:last-child .list-entry:before { bottom: -2px; } .module-entry.box { margin: 25px 0 18px; padding-left: 24px; padding-right: 24px; } .module-entry.box h1, .module-entry.box h2, .module-entry.box h3, .module-entry.box h4, .module-entry.box h5, .module-entry.box h6, .module-entry.box .heading { margin-left: -24px; margin-right: -24px; padding: 17px 24px; } .module-wide > .module-entry:first-child, .module-wide > .mobile-hide:first-child + .module-entry { margin-top: -15px; } .module-entry.box .list-entry { margin-bottom: 19px; } .module-entry.box .list-entry li { width: 100%; margin-bottom: 12px; padding-bottom: 0; } .module-entry.box .list-entry li.link-btn { width: 100%; bottom: 0; margin: 9px 0 0; } .module-entry.box .list-entry li.link-btn a { width: 100%; margin: 0; } .module-entry.box + .module-entry.box { margin-top: 25px; } /*.module-entry.reduced {}*/ .module-entry.reduced h1, .module-entry.reduced h2, .module-entry.reduced h3, .module-entry.reduced h4, .module-entry.reduced h5, .module-entry.reduced h6, .module-entry.reduced .heading { padding-bottom: 97px; } #root .module-entry.reduced .list-entry { position: absolute; right: 24px; left: 24px; top: auto; bottom: 24px; width: auto; padding: 0; } h1 + .module-entry.reduced, h2 + .module-entry.reduced, h3 + .module-entry.reduced, h4 + .module-entry.reduced, h5 + .module-entry.reduced, h6 + .module-entry.reduced { margin-top: -24px; } .module-entry.compact { margin-bottom: 3px; } .module-entry.compact + .list-btn { padding-top: 0; } .module-external + .module-entry.compact { margin-top: -8px; } .module-entry.hr { padding-bottom: 0; border-bottom-width: 0; } .module-entry.hr .list-entry { overflow: visible; } #root .module-entry.hr .list-entry li { width: 100%; margin-bottom: 20px; } .module-entry.plain { margin: 23px 0 27px; padding: 20px 20px .1px; } /*.module-entry.plain li {}*/ .module-entry.plain .list-entry { margin-top: 20px; padding-right: 0; } .module-entry.plain .list-entry li { width: 100%; max-width: none; } .module-entry.plain .list-entry li > span:first-child { margin-right: 0; } #root .module-entry.plain .list-entry li.link-btn { bottom: 0; margin-bottom: 2px; } .module-entry.wide { margin: 23px 0 33px; padding: 22px 18px 12px; } .module-entry.wide h1, .module-entry.wide h2, .module-entry.wide h3, .module-entry.wide h4, .module-entry.wide h5, .module-entry.wide h6, .module-entry.wide .lead, .module-entry.wide .heading { margin-left: -18px; margin-right: -18px; } .module-entry.wide:after { top: 22px; bottom: 22px; } .module-entry.wide .list-title li { margin-bottom: 21px; } .module-event { --hz: 28px; --hl: 1.3571428571; --hsm: 15px; } .module-event > header { margin-bottom: 29px; } .module-event > header .s20 { font-size: 24px; } .module-event > header .s36 { font-size: 28px; } .module-event > header + .cols-d { margin-top: 46px; } .module-event .list-logo:after { display: none; } /*.module-event .link-btn {}*/ .module-event .link-btn a { width: auto; } .module-event > header h1 + .link-btn, .module-event > header h2 + .link-btn, .module-event > header h3 + .link-btn, .module-event > header h4 + .link-btn, .module-event > header h5 + .link-btn, .module-event > header h6 + .link-btn, .module-event > header .heading + .link-btn { margin-top: 28px; } .module-event > header .link-btn:last-child { margin-bottom: -15px; } .module-event > header > .s14:last-child { margin-bottom: 35px; } #root .module-event .form-box { margin-left: 0; margin-right: 0; } #background ~ #content .nav-breadcrumbs + .module-event { margin-top: 45px; } #background ~ #content .nav-breadcrumbs.mobile-hide + .module-event { margin-top: 21px; } .module-featured { margin: 22px 0 26px; } .module-featured:after, .form-featured:before { left: -20px; right: -20px; } .module-featured.text-center, .module-landing + .module-featured.text-center { margin-top: 50px; } .module-featured .icon-diversity { right: -20px; width: 170px; height: 62px; border-bottom-width: 6px; font-size: 36px; line-height: 56px; } .module-featured .icon-diversity:after { line-height: 56px; } #root .module-featured .icon-diversity + * { margin-top: 45px; } #root .module-featured .icon-diversity + h1, #root .module-featured .icon-diversity + h2, #root .module-featured .icon-diversity + h3, #root .module-featured .icon-diversity + h4, #root .module-featured .icon-diversity + h5, #root .module-featured .icon-diversity + h6 { margin-bottom: 16px; font-size: 24px; } #root .module-featured .icon-diversity ~ p { font-size: 16px; } .module-featured + .module-external { margin-top: 42px; } .module-featured + .module-featured { margin-top: -5px; } /*.module-featured .list-cols {}*/ .module-featured .list-cols:last-child, .module-featured .list-cols:nth-last-child(2) { margin-bottom: -18px; } .module-featured .list-cols li { width: 100%; margin-bottom: 20px; padding: 20px 20px .1px; } #root .module-featured .list-cols figure { margin: -20px -20px var(--mr_main); } #root .module-featured .list-cols h1, #root .module-featured .list-cols h2, #root .module-featured .list-cols h3, #root .module-featured .list-cols h4, #root .module-featured .list-cols h5, #root .module-featured .list-cols h6 { min-height: 0; margin-bottom: 16px; font-size: 20px; } .module-featured .module-box { --pd: 20px; } .module-featured .header-line:before { max-width: 48px; } #root .module-featured figure.foreground { right: -20px; bottom: 0; } #root .module-featured.welcome .scheme-box.inline, #root .module-featured.welcome .scheme-box.inline a { max-width: 240px; text-align: left; } #root .module-featured.welcome .scheme-box.inline .img { min-height: 100px; } .module-featured.aside { margin-bottom: 36px; padding: 21px 0 23px; --hm: 9px; } .module-featured.aside > figure { position: relative; top: 0; bottom: 0; float: none; width: auto; margin: 0 0 19px; text-align: center; } .module-featured.aside > div { position: relative; z-index: 2; padding: 22px 0 12px; } .module-featured.aside > div:before { display: block; background: var(--white); } .module-featured.background { margin-bottom: 26px; padding: 44px 20px 37px; } .module-featured.background:after { left: 0; right: 0; top: 19px; bottom: 19px; } .module-featured.background + .double { margin-top: 0; } .module-featured.welcome.c { padding-top: 20px; padding-bottom: .1px; padding-right: 60px; } .module-featured.welcome.c .module-box { margin-bottom: 20px; } .module-featured.welcome.c h1 + h2 { font-size: 20px; line-height: 1.5; } #root .module-featured.welcome.c .scheme-box { display: block; position: relative; left: 0; top: 0; margin-top: 0; -webkit-transform: none; transform: none; } .module-featured.welcome.c.wide { padding-right: 0; } .module-featured.static { padding: 34px 24px 26px; } .module-featured.static figure { position: relative; left: 0; top: 0; bottom: 0; width: auto; } .module-featured.text-center { margin-bottom: 26px; padding: 25px 20px 20px; } .module-featured.text-center:before { left: -20px; right: -20px; } .module-featured.text-center:after { left: 0; right: 0; } .module-featured.text-center > figure:first-child { max-width: 60px; min-height: 60px; margin: -48px auto 5px; } .module-featured.text-center .link-btn, .module-featured.background .link-btn, .module-featured.aside .link-btn { margin-top: 16px; } #root .module-featured.text-center .link-btn.m0-mobile:last-child, #root .module-featured.background .link-btn.m0-mobile:last-child { margin-bottom: -10px; } .module-featured.text-center .link-btn.m0-mobile:last-child a, .module-featured.background .link-btn.m0-mobile:last-child a { width: 100%; } .module-featured.text-center .link-btn a, .module-featured.background .link-btn a, .module-featured.aside .link-btn a { width: auto; } /*.module-wide .module-featured {}*/ .module-wide .module-featured:first-child { margin-top: -15px; } .module-wide .module-featured:last-child { margin-bottom: 10px; } .module-wide .module-featured.text-center:before { display: none; } .cols-a > * > .module-featured.text-center:last-child { margin-bottom: 50px; } .module-featured.welcome { min-height: 0; padding-right: 0; padding-bottom: 23px; } .module-featured.welcome h1, .module-featured.welcome h2, .module-featured.welcome h3, .module-featured.welcome h4, .module-featured.welcome h5, .module-featured.welcome h6 { max-width: none; margin-bottom: 27px; } .module-featured.welcome h1:last-child, .module-featured.welcome h2:last-child, .module-featured.welcome h3:last-child, .module-featured.welcome h4:last-child, .module-featured.welcome h5:last-child, .module-featured.welcome h6:last-child, .module-featured.welcome h1:nth-last-child(2), .module-featured.welcome h2:nth-last-child(2), .module-featured.welcome h3:nth-last-child(2), .module-featured.welcome h4:nth-last-child(2), .module-featured.welcome h5:nth-last-child(2), .module-featured.welcome h6:nth-last-child(2) { margin-bottom: 15px; } .module-featured.welcome h1 span, .module-featured.welcome h2 span, .module-featured.welcome h3 span, .module-featured.welcome h4 span, .module-featured.welcome h5 span, .module-featured.welcome h6 span { margin-top: 29px; } .module-featured.welcome + .list-box.featured { margin-top: -5px; } .module-featured.welcome figure.offset { margin-left: -20px; margin-right: -20px; } .module-featured.welcome footer { position: relative; z-index: 2; margin: 30px -20px -23px; padding: 24px 20px .1px; background: var(--white); color: var(--coal); } #root .module-featured.welcome footer h1.overlay-mint, #root .module-featured.welcome footer h2.overlay-mint, #root .module-featured.welcome footer h3.overlay-mint, #root .module-featured.welcome footer h4.overlay-mint, #root .module-featured.welcome footer h5.overlay-mint, #root .module-featured.welcome footer h6.overlay-mint { color: var(--coal); } .module-featured.welcome.a { padding-top: 41px; padding-bottom: 12px; } #root .module-featured.welcome.d { padding-left: 0; padding-right: 0; --pd: 36px; } .module-featured.welcome.d > * { max-width: none; } .module-featured.welcome.text-center { padding-top: 35px; } .module-featured.welcome.text-center figure, .module-featured.welcome.text-center > figure:first-child { margin-top: 0; margin-bottom: 25px; } .module-featured.welcome.text-center h1, .module-featured.welcome.text-center h2, .module-featured.welcome.text-center h3, .module-featured.welcome.text-center h4, .module-featured.welcome.text-center h5, .module-featured.welcome.text-center h6 { font-size: 24px; line-height: 1.4166666667; } .module-featured.welcome.text-center h1 + .link-btn, .module-featured.welcome.text-center h2 + .link-btn, .module-featured.welcome.text-center h3 + .link-btn, .module-featured.welcome.text-center h4 + .link-btn, .module-featured.welcome.text-center h5 + .link-btn, .module-featured.welcome.text-center h6 + .link-btn { margin-top: 24px; } .module-featured.welcome.text-center .s28 { margin-bottom: 20px; font-size: 28px; } .module-featured.welcome.text-center .link-btn, .module-featured.welcome.text-center .link-btn a { display: block; float: none; width: 100%; margin-right: 0; } #root .module-featured.welcome.a .list-logo li { width: 50%; } #root .module-featured.welcome.a .list-logo li:first-child:last-child { width: 210px; } #root .module-featured.welcome.a.m55 + .cols-d { margin-top: -30px; } #root .module-featured.welcome .double .scheme-box { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; } .module-fixed { left: 20px; right: 20px; width: auto; margin: 0; } .module-header { padding: 21px 0 3px; --hz: 48px; --hm: 15px; } .module-header h1 span:not(.scheme-underline), .module-header h2 span:not(.scheme-underline), .module-header h3 span:not(.scheme-underline), .module-header h4 span:not(.scheme-underline), .module-header h5 span:not(.scheme-underline), .module-header h6 span:not(.scheme-underline) { margin-top: -3px; font-size: 0.8235294118em; } .module-header figure { left: -20px; right: -20px; width: auto; margin: 0; } .module-header > div { max-width: none; margin: 0 0 27px; padding: 0; box-shadow: none; background: none; color: var(--white); } .module-header > div h1, .module-header > div h2, .module-header > div h3, .module-header > div h4, .module-header > div h5, .module-header > div h6 { margin: 0 0 19px; color: var(--white); font-size: 24px; line-height: 1.4166666667; } .module-header > div p { max-width: none; margin: 0; padding: 16px 17px; /*box-shadow: 0 4px 20px rgba(112,144,176,.301);*/ color: var(--coal); background: var(--white); line-height: 1.4444444444; } .module-header > div p + p { padding-top: 8px; } .module-header > div .scheme-box + p { padding-top: 16px; } .module-header > div p.link-btn { padding-top: 16px; padding-bottom: .1px; box-shadow: none; } .module-header > div p + p.link-btn { padding-top: 5px; } .module-header > i { margin-bottom: 22px; } .module-header > i:first-child { margin-top: -4px; } #root .module-header > div .scheme-box { display: block; position: relative; right: 0; top: 0; width: 100%; margin: 30px 0 25px; text-align: center; } .module-header .scheme-box .img img { display: block; margin-left: auto; margin-right: auto; } .module-header.a { padding-top: 34px; padding-bottom: 96px; --hz: 28px; --hm: 20px; } .module-header.a h1 + p, .module-header.a h2 + p, .module-header.a h3 + p, .module-header.a h4 + p, .module-header.a h5 + p, .module-header.a h6 + p { font-size: 18px; font-weight: 400; line-height: 1.5555555556; } #root .module-header.a > .scheme-box { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; } .module-header.a * + .link-btn { margin-top: 34px; } .module-inpage { padding-top: var(--inp); --inp: 20px; --h1s: 28px; --h1m: 18px; --bxp: 20px; --w: 100%; } .module-inpage .double > figure { position: static; padding-top: 0; } .module-inpage h1.s48, .module-inpage h2.s48, .module-inpage h3.s48, .module-inpage h4.s48, .module-inpage h5.s48, .module-inpage h6.s48 { font-size: var(--h1s); } #content > .module-inpage:first-child { margin-top: -10px; } .module-landing, #root .module-landing { margin: 31px 0 0; padding: 0; --hm: 8px; } #root .module-landing.m25 { margin-bottom: 8px; } #root .module-landing > header, #root .module-landing > footer { position: relative; left: 0; right: 0; top: 0; bottom: 0; float: none; width: auto; margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; } .module-landing header { max-width: none; margin: 0; font-size: 18px; line-height: var(--lh_main); } .module-landing footer .link-btn:last-child { margin-bottom: 4px; } .module-landing .list-btn.a li, .cols-a .list-box.strong li { width: 100%; } .module-landing.aside > .list-btn.b { padding-top: 18px; } #root .module-landing + .module-landing { margin-top: 31px; padding-top: 0; border-top-width: 0; } .module-landing.aside .double > figure { text-align: center; } .module-landing > footer figure, .module-landing > footer figure a { display: block; text-align: center; } .module-landing > footer figure:last-child { margin-bottom: 0; } .module-landing > footer .link-btn + figure { margin-top: -4px; } .module-landing.aside + h1, .module-landing.aside + h2, .module-landing.aside + h3, .module-landing.aside + h4, .module-landing.aside + h5, .module-landing.aside + h6, .module-landing.aside + * > h1:first-child, .module-landing.aside + * > h2:first-child, .module-landing.aside + * > h3:first-child, .module-landing.aside + * > h4:first-child, .module-landing.aside + * > h5:first-child, .module-landing.aside + * > h6:first-child { margin-top: 33px; } .module-note, #root .module-note { width: min(182px, 50%); margin-bottom: 20px; } .module-note h1, .module-note h2, .module-note h3, .module-note h4, .module-note h5, .module-note h6 { font-size: 18px; } .module-note p { font-size: 14px; } .module-note p a { font-size: 16px; } .module-register { display: block; margin-bottom: 30px; padding-top: 22px; padding-bottom: .1px; } #root .module-register > *, .module-register > header > *, #root .module-register > footer { display: block; float: none; width: auto; margin-bottom: 22px; } #root .module-register > .module-box { margin-bottom: 56px; margin-top: 14px; } .module-register > .module-box:after { top: -34px; } .module-results { margin-bottom: 38px; padding-top: 27px; font-size: 24px; line-height: 1.45833333333; --hm: 10px; --hz: 28px; } .module-results .list-results { margin-bottom: -38px; } .nav-breadcrumbs + .module-results { margin-top: -26px; } .module-sponsors { padding: 13px 0 7px; --hz: 16px; } #root .module-sponsors .list-logo li, #root .module-sponsors.cols .list-logo li, #root .module-sponsors.cols .list-logo li:nth-child(n+3) { width: 50%; max-width: 50%; margin: 22px 0 0; -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } #root .module-sponsors .list-logo li:first-child:last-child, #root .module-sponsors.cols .list-logo li:first-child:last-child { width: 100%; max-width: 295px; } .module-sponsors:not(.a):after { content: ""; display: block; position: absolute; left: -20px; right: -20px; top: -10px; height: 20px; background: var(--white); } .module-sponsors.a { margin-bottom: 35px; padding-bottom: .1px; text-align: left; } /*.module-sponsors.a:before { display: none; }*/ /*.module-sponsors.cols {}*/ .module-sponsors.cols > * + * { margin-top: 26px; } .module-sponsors.module-wide { padding-top: 26px; } .module-sticky { display: block; position: relative !important; left: 0 !important; top: 0 !important; margin-left: 0 !important; margin-bottom: 24px; padding: 2px 0 8px; } .module-sticky.scroll-to-fixed-fixed + div[style] { display: none !important; } .module-sticky .list-inline li { margin-bottom: 24px; } .module-sticky .list-inline { margin-bottom: -8px; } /*.module-sticky .list-inline li + li { margin-top: 8px; }*/ .module-timeline { padding-top: 25px; padding-bottom: .1px; } .module-timeline header { margin-bottom: 34px; font-size: 16px; line-height: 1.5; } .module-timeline header h1, .module-timeline header h2, .module-timeline header h3, .module-timeline header h4, .module-timeline header h5, .module-timeline header h6 { margin-bottom: 46px; font-size: 72px; line-height: 1.0277777778; } .module-timeline header h1 span, .module-timeline header h2 span, .module-timeline header h3 span, .module-timeline header h4 span, .module-timeline header h5 span, .module-timeline header h6 span { padding: 0 20px; } .module-timeline header h1 span:not(.small):before, .module-timeline header h2 span:not(.small):before, .module-timeline header h3 span:not(.small):before, .module-timeline header h4 span:not(.small):before, .module-timeline header h5 span:not(.small):before, .module-timeline header h6 span:not(.small):before { top: -6px; bottom: -6px; } .module-timeline header h1 span.small, .module-timeline header h2 span.small, .module-timeline header h3 span.small, .module-timeline header h4 span.small, .module-timeline header h5 span.small, .module-timeline header h6 span.small { margin-bottom: 25px; font-size: 42px; } .module-timeline header h1 span.small span, .module-timeline header h2 span.small span, .module-timeline header h3 span.small span, .module-timeline header h4 span.small span, .module-timeline header h5 span.small span, .module-timeline header h6 span.small span { padding: 0 12px; } .module-timeline header h1 span.small span:before, .module-timeline header h2 span.small span:before, .module-timeline header h3 span.small span:before, .module-timeline header h4 span.small span:before, .module-timeline header h5 span.small span:before, .module-timeline header h6 span.small span:before { top: -7px; bottom: -7px; } .module-timeline footer { padding-top: 20px; padding-bottom: .1px; font-size: 16px; line-height: 1.5; } .module-timeline footer:before { display: none; } .module-welcome { margin-bottom: 36px; padding: 32px 0 7px; --hz: 50px; } .module-welcome .icon-diversity.small, #root .module-welcome .icon-diversity.small:after, .module-wide .icon-diversity.small, #root .module-wide .icon-diversity.small:after { font-size: 48px; } #root .module-welcome .icon-diversity.small, #root .module-wide .icon-diversity.small { margin-bottom: 27px; } #root .module-welcome .scheme-box { position: relative; top: 0; width: auto; height: auto; margin-top: 32px; padding: 17px 5px .1px; font-size: 14px; text-align: center; text-transform: none; } .module-welcome .scheme-box .img { margin-top: 0; } .module-welcome .scheme-box img { width: auto !important; max-height: 87px !important; } #root .module-welcome .link-btn + .scheme-box { margin-top: 59px; } .module-welcome + .module-wide, .module-welcome + .media-overlay, .module-welcome + .module-wide, .module-welcome + .media-overlay, .module-welcome + .module-welcome, .module-wide + .module-wide, .module-wide + .module-welcome, .module-wide + .media-overlay, .media-overlay + .media-overlay, .media-overlay + .module-wide, .media-overlay + .module-welcome { margin-top: -36px; } .module-welcome .icon-diversity { margin: 0 0 34px; font-size: 68px; } #root .module-welcome .icon-diversity:after { line-height: 68px; } .module-welcome.a { padding-top: 38px; padding-bottom: .1px; font-size: 16px; line-height: 1.5; } .module-welcome.a h1, .module-welcome.a h2, .module-welcome.a h3, .module-welcome.a h4, .module-welcome.a h5, .module-welcome.a h6 { margin: 0 0 21px; font-size: 36px; text-transform: none; } .module-welcome.a p { margin-bottom: 18px; } .module-welcome.a .link-btn { margin-top: 33px; } .module-wide { margin: 36px 0; --p1: 36px; } .module-wide > .list-box.a:last-child, .module-wide > .list-box.a.last-child { margin-bottom: -14px; } .module-wide .list-box.a li:before { border-width: 0; } .module-wide .s34 { font-size: 24px; } .module-wide .s24 + p, .module-wide .s34 + p { margin-top: 23px; } .module-wide + .module-featured.text-center { margin-top: 41px; } #root .m50 + .module-wide { margin-top: -22px; } #root .module-wide .link-btn.m0:last-child { margin-bottom: 16px; } .module-wide + .module-external { margin-top: -36px; } .module-external + .module-wide { margin-top: -11px; } .module-wide > .nav-breadcrumbs:first-child { margin-top: -35px; } .module-wide > .nav-breadcrumbs + * { margin-top: 46px; } #content > .module-wide:first-child > .nav-breadcrumbs:first-child { color: var(--coal); } #content > .module-wide:first-child > .nav-breadcrumbs:first-child:before { display: block; } #root .module-wide > .m5:last-child, #root .module-wide > .m5.last-child { margin-bottom: 25px; } #root .module-wide .list-inline.m30 { margin-bottom: 16px; } #root .m60 + .module-wide { margin-top: 57px; } #root .module-wide > .list-box:first-child, #root .module-wide > .mobile-hide:first-child + .list-box { margin-top: calc(0px - var(--p1) + 20px); } #root .module-wide > .list-box.m0 { margin-bottom: calc(0px - var(--p1) + var(--mr_main)); } .module-wide.compact { --p1: 32px; } .module-wide-mobile { position: relative; padding: 25px 0 2px; } .module-wide-mobile:before { display: block; box-shadow: 0 3px 6px rgba(0,0,0,.16); background: var(--white); } .module-wide-mobile, #content > .module-wide-mobile:last-child { margin-bottom: 20px; } .module-wide-mobile > h1:first-child, .module-wide-mobile > h2:first-child, .module-wide-mobile > h3:first-child, .module-wide-mobile > h4:first-child, .module-wide-mobile > h5:first-child, .module-wide-mobile > h6:first-child { font-size: 20px; } .media-wide.overlay { margin: 28px -15px; padding: 5px 0; } .module-featured + .media-wide.overlay { margin-top: 28px; } .form-tabs + .media-wide.overlay { margin-top: 0; } .module-landing + .media-wide.overlay { margin-top: 0; } .module-wide > .s24:first-child { margin-top: 0; } .media-wide.wider { margin: 29px -20px 39px; } .media-wide.wider img { min-height: 68.84vw !important; } .module-external { margin-left: -30px; margin-right: -30px; margin-bottom: 37px; padding: 13px 20px .1px; --hm: 12px; } /*.nav-breadcrumbs {}*/ .nav-breadcrumbs ul, .nav-breadcrumbs ol { margin-bottom: 11px; } .nav-breadcrumbs + .cols-a { margin-top: 27px; } .nav-breadcrumbs + .module-featured.welcome { margin-top: 14px; } .nav-content { max-width: none; margin: 27px 0 36px; padding-bottom: .1px; } .nav-content:not(.w505) { margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; } .link-btn + .nav-content { margin-top: 27px; } .nav-content + .module-entry { margin-top: 37px; } /*.nav-pagination {}*/ .nav-pagination ul, .nav-pagination ol { margin-bottom: 29px; } .list-hr + .nav-pagination { margin-top: 113px; } .s20 { font-size: 18px; } h1.s20, h2.s20, h3.s20, h4.s20, h5.s20, h6.s20 { margin: 22px 0 0; } /*.s24 {}*/ h1.s24, h2.s24, h3.s24, h4.s24, h5.s24, h6.s24 { margin-top: 43px; } #content > .s24:first-child { margin-top: 3px; } .s56 { font-size: 28px; } .sm16, .popup-a .sm16 { font-size: 16px; } #root .sm16.m45 { margin-bottom: 35px; } .sm24, .popup-a .sm24 { font-size: 24px; } .sm36, .popup-a .sm36 { font-size: 36px; } .sm40, .popup-a .sm40 { font-size: 40px; } #root .scheme-box.square { max-width: none; } .scheme-box.mobile-sticky, #root .scheme-box.mobile-sticky, #root .scheme-box.mobile-sticky a { display: block; position: relative; text-align: left; } .scheme-box.mobile-sticky img, .scheme-box.mobile-sticky .img { display: block; width: 100% !important; margin: 10px 0 0; } .scheme-box.mobile-sticky > span:not(.img), .scheme-box.mobile-sticky > a > span:not(.img) { position: absolute; left: 0; top: 2px; z-index: 99; } .scheme-countdown { margin-bottom: 40px; } .scheme-countdown .item, .form-register.double > *:first-child + * .link-btn a { width: auto; } .scheme-countdown img { left: -20px; right: -20px; width: calc(100% + 40px) !important; margin: 0; } .scheme-heading { --input_h: 50px; --fz: 24px; } #root .scheme-heading input { max-width: none; } .scheme-heading textarea { height: 235px; min-height: 235px; } .scheme-profile { margin-top: 31px; font-size: 20px; } .scheme-profile img { max-width: 135px !important; margin: 0 25px 25px 0; } .scheme-profile span { margin-bottom: 25px; } .scheme-profile span span { margin-top: 7px; font-size: 0.8em; } /*.scheme-tip {}*/ .scheme-tip > span { left: -13px; right: -13px; width: auto; } .scheme-wide { padding-top: 20px; padding-bottom: 20px; } .scheme-wide.s24 { font-size: 20px; line-height: 1.5; } .module-featured + .scheme-wide { margin-top: -26px; } .section-about.module-wide { padding-bottom: 20px; } .section-about h1, .section-about h2, .section-about h3, .section-about h4, .section-about h5, .section-about h6 { margin-top: 20px; margin-bottom: 11px; padding: 100px 0 0; } .section-about h1:before, .section-about h2:before, .section-about h3:before, .section-about h4:before, .section-about h5:before, .section-about h6:before { height: 80px; } .section-about header + h1, .section-about header + h2, .section-about header + h3, .section-about header + h4, .section-about header + h5, .section-about header + h6 { margin-top: 24px; } .text-center-mobile { text-align: center; } .text-left-mobile, .module-featured.welcome.text-left-mobile { text-align: left; } .module-featured.text-center.text-left-mobile .w620 { max-width: none; margin-left: 0; margin-right: 0; } /*.theme-blank.v1 {}*/ .theme-blank.v1 #root .form-box { max-width: 374px; } .theme-compact #root { padding-top: 59px; } .theme-compact #top, .theme-compact #nav { height: 59px; padding-top: 0; } .theme-compact #logo { overflow: visible; width: auto; } .theme-compact #top h1, .theme-compact #top h2, .theme-compact #top h3, .theme-compact #top h4, .theme-compact #top h5, .theme-compact #top h6 { left: 20px; } .theme-compact #top h1 ~ #logo, .theme-compact #top h2 ~ #logo, .theme-compact #top h3 ~ #logo, .theme-compact #top h4 ~ #logo, .theme-compact #top h5 ~ #logo, .theme-compact #top h6 ~ #logo { right: 20px; } .theme-compact #nav { left: auto; } .theme-compact #nav > ul { padding-right: 20px; } .theme-compact #nav > ul > li { font-size: 14px; } .theme-compact #mobile { background: rgba(38,54,75,.48); line-height: 1.4166666667; } .theme-compact #mobile > ul { height: auto; } .theme-compact #mobile > ul > li { font-size: 20px; } .theme-compact #mobile > ul > li > a { padding: 27px 0 23px; } .theme-compact #mobile > ul > li > a:before, .theme-compact #mobile > ul > li ul li a:before { content: ""; display: block; position: absolute; right: 0; top: 0; width: 42px; height: 2px; background: var(--mint); } .theme-compact #mobile > ul > li:first-child > a, .theme-compact #mobile > ul > li ul li:first-child a { padding-top: 0; } .theme-compact #mobile > ul > li.overlay-a { font-size: 16px; } .theme-compact #mobile > ul > li.overlay-a > a { padding: 0; color: var(--mint); text-transform: uppercase; } .theme-compact #mobile > ul > li.overlay-a, .theme-compact #mobile > ul > li.btn { margin-top: auto; padding: 15px 0; } .theme-compact #mobile > ul > li.overlay-a:last-child, .theme-compact #mobile > ul > li.btn:last-child { padding-bottom: 35px; } .theme-compact #mobile > ul > li ul { list-style: none; margin: 0; padding: 0; } .theme-compact #mobile > ul > li ul li { font-size: 1.2em; } .theme-compact #mobile > ul > li ul li a { display: block; position: relative; padding: 25px 0 22px; color: var(--white); text-decoration: none; } [data-whatintent="mouse"].theme-compact #mobile > ul > li ul li a:hover { color: var(--mint); } .theme-compact #mobile > ul > li ul li a span { display: block; } .theme-compact #mobile > ul > li ul li a span.small { padding: 24px 0 8px; font-size: 0.8333333333em; } .theme-compact #mobile > ul > li ul ul { display: block; position: relative; left: 0; top: 0; padding: 2px 0 18px; } .theme-compact #mobile > ul > li ul ul li { font-size: 20px; } .theme-compact #footer p:first-child { right: 0; text-align: center; } .theme-compact.v1 #root { padding-top: 65px; } .theme-compact.v1 #top, .theme-compact.v1 #nav { height: 65px; } .theme-compact.v1 #top:before, .theme-compact.v1 #footer:before { background: var(--coal); } .theme-compact.v1 #root #nav > ul > li > a { color: var(--mint); } .theme-compact.v1 .module-alert.position-bottom ~ #footer { min-height: 72px; } #footer i.icon-diversity:before, #footer i.icon-diversity:after { text-align: center; } .form-mobile-high, .module-entries .list-logo, .module-entries > * > div, #root > .link-btn.sticky, .mobile-switch, .module-entries > .featured > footer, .theme-compact #root #nav > ul > li > a, ul.check.strong li, .module-alert figure, .module-dashboard.toggle > .header-user > .link-btn, .form-filter > div, #root .module-box-sticky, #footer-new > ul li, .list-cols.b, .list-team li, #root .module-article-aside > header .scheme-box, #root .module-article-aside > header .scheme-box a, #root .double-mobile, .form-quiz.a > footer.double, #content.mobile-inv, .list-box-inline header p:not(.scheme-label), .list-box-inline header p a, #root > .list-usp li.active { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .module-featured.welcome.c .scheme-box, #root .form-filter.c > div { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .form-mobile-high, #root > .link-btn.sticky, .module-entries > * > footer, .module-entries > .featured > footer, #root > .link-btn.sticky-desktop, #root .module-box-sticky, #root .module-article-aside > header .scheme-box, #root .module-article-aside > header .scheme-box a, #root .double-mobile, .form-quiz.a > footer.double, #content.mobile-inv, .list-box-inline header p, .list-box-inline header p a { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #root .module-entries > .featured > header, .module-entries > .aside > header, .module-entries.aside > * > header { -webkit-flex-direction: row; flex-direction: row; } .form-sort.mobile-inv { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .form-mobile-high, .module-entries > .featured > header, .module-entries > .featured, .module-entries > .aside, .module-entries.aside > *, .cols-b > aside > .link-btn.offset { -webkit-flex-direction: column; flex-direction: column; } #content.mobile-inv { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .module-entries > * > div, .mobile-switch, .form-filter:not(.c) > div, .form-quiz.a > footer.double { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } #root .module-article-aside > header .scheme-box, #root .module-article-aside > header .scheme-box a { -webkit-justify-content: flex-start; justify-content: flex-start; } .form-tabs .list-inline, .form-register.double > *:first-child + * .link-btn, #footer-new > ul, #footer-new > ul li, .link-btn.cta, .text-center-mobile .scheme-rating { -webkit-justify-content: center; justify-content: center; } #root > .sticky, .form-sort.text-right > .link-btn.mobile-wide { -webkit-justify-content: flex-end; justify-content: flex-end; } .list-logo, .module-sticky .list-inline, .scheme-countdown .count, #root .module-entries > .featured > header, .module-entries > .aside > header, .module-entries.aside > * > header, .header-profile > ul, #root > .link-btn.sticky-desktop, #root .module-box-sticky { -webkit-justify-content: space-between; justify-content: space-between; } #root .module-entries > .featured > header, .module-entries > .aside > header, .module-entries.aside > * > header, ul.check.strong li, .list-title.b h1, .list-title.b h2, .list-title.b h3, .list-title.b h4, .list-title.b h5, .list-title.b h6, #root > .link-btn.sticky-desktop, .list-btn.b li, #root .module-box-sticky, .list-team li, #root .module-article-aside > header .scheme-box, #root .module-article-aside > header .scheme-box a, .list-box-inline header p, .list-box-inline header p a, #root > .list-usp li.active { -webkit-align-items: center; align-items: center; } .form-tabs:not(.b) > nav ul li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .form-tabs:not(.b) > nav ul li, #root .module-entries .scheme-box .img, #root > .link-btn.sticky a, .form-sort.mobile-inv p, .form-sort .mobile-wide ~ p, #root .form-filter.c > div > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .module-header > div .scheme-box, [data-whatintent="mouse"].theme-compact.v1 #root #nav > ul > li > a:hover, #root .module-entry.reduced .list-entry, .module-box-sticky, #root .module-box-sticky { -webkit-transform: none; transform: none; } .header-top + *, .nav-content + *, .module-external + *, .link-btn + *, figure, .module-entry.compact + .module-entry, .module-entry.compact + .module-external, .list-search + .module-external, .module-landing + .module-featured, .module-landing + .form-featured, .form-tabs + .module-external, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h1, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h2, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h3, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h4, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h5, #root .header-top + .cols-a > *:first-child > .mobile-only:first-child + h6, #root .list-box.featured + *, .module-featured.welcome + .form-tabs, .theme-compact #mobile > ul > li.overlay-a + li.btn, .media-overlay + .cols-a, .module-countdown .link-btn, .module-entries.overlay > header:first-child .icon-live-now, .module-entries h1 + figure, .module-entries h2 + figure, .module-entries h3 + figure, .module-entries h4 + figure, .module-entries h5 + figure, .module-entries h6 + figure, #root .module-sponsors .list-logo li:first-child, #root .module-sponsors .list-logo li:first-child + li, #root .module-sponsors.cols .list-logo li:first-child, #root .module-sponsors.cols .list-logo li:first-child + li, .list-cols + .module-wide-mobile, .form-aside header + .check, .form-filter > div > .link-btn a:first-child, .module-entries.strong.overlay > article:first-child, .mobile-hide:first-child + h1, .mobile-hide:first-child + h2, .mobile-hide:first-child + h3, .mobile-hide:first-child + h4, .mobile-hide:first-child + h5, .mobile-hide:first-child + h6, .m40 + .cols-a > *:first-child > .form-filter.aside:first-child, #root .m0-mobile + *, #root .module-header > .scheme-box + *, #content > .module-header.a:first-child { margin-top: 0; } #content > .module-wide-mobile:last-child > .list-logo.b:last-child, .module-box .link-btn:last-child, #content > .cols-c:last-child, #content > .module-dashboard:last-child, .form-filter > div > .link-btn, .module-academy > footer > .list-cols:last-child, #root .module-entries > * > footer > .link-btn, .module-sticky .list-inline:last-child { margin-bottom: 0; } #nav > ul > li.mobile-only, #mobile > ul > li.mobile-hide { display: block; position: relative; left: 0; top: 0; } #root > .list-usp > .close, .header-top nav li.link-btn.mobile-only, .module-entry + .list-btn:before, .list-entry.inline:before, .module-entry.compact .list-entry:before, .module-landing.aside .double, .theme-compact #nav > ul > li.mobile-only, .module-alert.compact a.close, #root .module-entries .module-scroll, body > figure .mobile-only, #root .list-search figure.tablet-hide, #root .list-search li.module-external a, #root .list-search li.module-external figure:first-child, #root .list-search li.module-external p + figure, .form-filter.toggle > div > *, .module-box-sticky .mobile-only, .module-entries.strong > article > div, .module-entries > .strong > div, hr.mobile-only { display: block; } #nav > ul > li.mobile-hide, #root #nav > ul > li > a:before, #nav > ul > li.btn, #nav > ul > li.text-right, #mobile > ul > li.mobile-only,#root > .list-usp li, .list-usp i, #nav:before, #root .header-top nav ul li.sub > a, #root .header-top nav ul li a:before, .header-top nav ul ul:before, .header-top nav ul ul:after, #root .header-top nav ul li a:after, .header-top > figure:before, .list-contact br, .list-entry:before, .list-entry li:before, .module-entry.compact + .list-btn:before, .form-search:before, .module-landing br, .module-featured.background:before, .module-featured + .module-external:after, .module-featured.aside:before, .form-tabs + .module-external:after, .form-tabs.a:before, #root .form-box aside, #root .header-top > figure .link-btn.desktop-hide, #root .module-featured.welcome .scheme-box, .theme-compact #nav > ul > li, .module-entries:first-child:before, .theme-compact #mobile > ul > li.sub > a, .theme-compact #mobile > ul > li:first-child > a:before, .theme-compact #mobile > ul > li ul li:first-child a:before, #root .list-usp.no-active > .close, #background.text-right, .list-logo.a li:before, .module-sticky:before, .module-alert .link-btn, .theme-compact #mobile > ul > li.btn > a:before, .theme-compact #mobile > ul > li.overlay-a > a:before, #root .module-entry.hr .list-entry li:before, #root .module-alert.position-top:after, .module-entries footer .scheme-box, .module-entries.overlay > header:first-child:before, .header-line.overlay + .module-entries:before, #root .module-sponsors:not(.a) > header, .theme-compact.v1 #footer nav, .theme-compact.v1 #mobile, #mobile-compact > ul > li.mobile-only, .cols-a h1 + .list-btn:before, .cols-a h2 + .list-btn:before, .cols-a h3 + .list-btn:before, .cols-a h4 + .list-btn:before, .cols-a h5 + .list-btn:before, .cols-a h6 + .list-btn:before, .header-profile:before, #root .input-file .label .scheme-tip.mobile-hide, .form-register.double > .background, #root > .link-btn.sticky-desktop ~ #content > .nav-breadcrumbs:first-child, .module-alert.position-top:after, .module-alert.position-bottom:after, body > figure .mobile-hide, #root .cols-c:before, .module-dashboard.toggle > .header-user > *, .module-entries.mobile-static:before, .module-entries.mobile-static > header:first-child:before, .form-aside-wide label br, .module-entry h1 > img, .module-entry h2 > img, .module-entry h3 > img, .module-entry h4 > img, .module-entry h5 > img, .module-entry h6 > img, hr.mobile-hide, .module-entry .heading > img, .form-tabs.b > figure, .list-box-inline p, .header-line.no-border-mobile:after, .list-box.desktop-wide-a header, .list-box.desktop-wide-b header, #root > .link-btn.sticky-desktop.a, #root .scheme-box.mobile-hide, .module-featured.welcome.d > figure:not(.background), .module-aside.table:before { display: none; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) and (orientation : landscape) { /* 760 & landscape */ #mobile { padding-top: 80px; } #mobile > .close { height: 80px; line-height: 80px; } } @media only screen and (max-width: 37.5em) { /* 600 */ /*.list-logo.b {}*/ .list-logo.b li { width: 50%; } /*.list-logo.plain {}*/ #root .list-logo.plain li { width: 33.33333333%; } #root .list-logo.plain li:first-child:last-child { width: auto; } } @media only screen and (max-width: 31.25em) { /* 500 */ /*.form-quiz.b {}*/ .form-quiz.b .check.box { display: block; } .form-quiz.b .check.box:last-child { margin-bottom: 60px; } .form-quiz.b .check.box > * + * { margin-top: 20px; } .form-quiz.b .check.box label { width: 100%; min-width: 0; } /*.list-chat {}*/ #root .list-chat li { padding-left: 0; padding-right: 0; } #root > .module-chat { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } #root > .module-chat > header:first-child > h1:first-child, #root > .module-chat > header:first-child > h2:first-child, #root > .module-chat > header:first-child > h3:first-child, #root > .module-chat > header:first-child > h4:first-child, #root > .module-chat > header:first-child > h5:first-child, #root > .module-chat > header:first-child > h6:first-child { margin-top: -25px; } .module-chat header h1, .module-chat header h2, .module-chat header h3, .module-chat header h4, .module-chat header h5, .module-chat header h6 { margin: 0 -18px 18px; padding: 18px; background: var(--cloudy); text-align: center; } #root > .module-chat .list-chat, #root > .module-chat footer { padding-left: 18px; padding-right: 18px; } .module-chat header > .close { right: auto; left: 18px; top: 0; height: 69px; line-height: 69px; } .module-chat header > .close a { padding: 0 0 0 26px; color: var(--black); } #root .module-chat header > .close a:before { content: "\e910"; left: 0; right: auto; width: auto; color: inherit; font-size: 14px; } #root > .module-chat .list-chat::-webkit-scrollbar { width: 0; } } @media only screen and (max-width: 28.125em) { /* 450 */ /*.form-sort {}*/ .form-sort.mobile-inv p.link-btn a i, .form-sort .mobile-wide ~ p.link-btn a i { margin-left: 8px; } .list-box.featured { --hz: 12vw; } /*.list-logo.plain {}*/ #root .list-logo.plain li { width: 50%; } .module-header { --hz: 10vw; } .module-welcome { --hz: 14vw; } .scheme-countdown .item { font-size: 18vw; } .module-header > i { font-size: 15vw; line-height: 1; } } @media only screen and (max-width: 25em) { /* 400 */ /*.form-sort {}*/ .form-sort.mobile-inv p.link-btn, .form-sort .mobile-wide ~ p.link-btn, .form-sort.mobile-inv p, .form-sort .mobile-wide ~ p, .form-sort.mobile-inv select, .form-sort.mobile-inv .semantic-select .input, .form-sort > .mobile-wide.link-btn a, .form-sort .mobile-wide ~ p .semantic-select .input, .form-sort .mobile-wide ~ p select { width: 100%; min-width: 0; max-width: none; } .form-sort.mobile-inv, .form-sort.mobile-inv p, .form-sort.mobile-inv .link-btn a { margin-left: 0; margin-right: 0; } /*.module-alert {}*/ .module-alert.position-top h1, .module-alert.position-top h2, .module-alert.position-top h3, .module-alert.position-top h4, .module-alert.position-top h5, .module-alert.position-top h6, .module-alert.position-bottom h1, .module-alert.position-bottom h2, .module-alert.position-bottom h3, .module-alert.position-bottom h4, .module-alert.position-bottom h5, .module-alert.position-bottom h6 { font-size: 18px; } /*.module-fixed {}*/ .module-fixed button { min-width: 0; } }