/* ------------------------------------------- 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-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 { overflow-x: hidden; 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; --dove: #707070; --black: #000000; --salmon: #f16464; --night: #170a0a; --youtube: #f44336; --gold: #efb36d; --tango: #e58d00; --orange_h: #5c91a4; /* uppdated */ --orange_a: #c91a4; /* uppdated */ --orange: #44778C; /* uppdated */ --sun: #ffc107; --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; --elm: #198685; --cyan: #00ffff; --steel: #f1f8f8; --leaf: #5c8385; --java: #00b5d9; --azure: #21bee3; --arctic: #8bc6d6; --sherpa: #004254; --cerulean: #0C2340; /* changed */ --calypso: #296884; --twitter: #03a9f4; --facebook: #1976d2; --yonder: #7090b0; --porcelain: #eaecee; --pickle: #30445b; --biscay: #1f4572; --burst: #223246; --gull: #98a7ba; --ribbon: #0070ff; --coal: #2a3c53; --aruba: #586678; --bonaire: #405065; --pine: #2e4059; --navy: #2a4f85; --mirage: #27354b; --fiord: #2d3c54; --pearl: #f7faff; --iris: #9aaee5; --iron: #dededf; --perfume: #8a80f6; --wistful: #b2a6d2; --violet: #582fb3; --indigo: #3b1983; --orchid: #9664ff; --royal: #8a71b2; --lavenda: #9c27b0; --fedora: #6c6b6c; --plum: #92288f; --crepe: #fef2f9; --jazz: #e00d87; --fuscia: #ec0b8d; --persian: #f72ea2; --magenta: #de006e; --pink: #fd3b94; --cranberry: #e25281; --blush: #c997a7; --cherry: #ec0b3f; --wine: #d81339; --teal: #90CBFB; --lilac: #AB24FF; --font_content: Open_Sans, 'Open Sans', Arial, Helvetica, sans-serif; --font_headers: Poppins, Arial, Helvetica, sans-serif; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--coal); font-family: var(--font_content); line-height: 1.5555555556; } 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: 17px; } h1, h2, h3, h4, h5, h6, legend, .nav-content p, .s14.text-uppercase { margin: 47px 0 18px; color: var(--coal); font-size: 18px; font-weight: 700; font-family: var(--font_headers); line-height: 1.39; } 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 { display: block; margin: 5px 0 10px; color: var(--yonder); font-size: 14px; font-weight: 700; text-transform: uppercase; } 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, .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 { 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); } /*! Mixins --------- */ /* cl:b */ .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 */ .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 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; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ .module-featured.welcome.a:before, .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: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 */ .form-filter .semantic-select .ul:before, .popup-a.form-register .box-inset > .close: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 */ .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 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, #logo img, .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 */ [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, .popup-a.shown .box-inset, #root .scheme-countdown.a .link-btn a i, #root .cols-b > aside .link-btn a i, #root > .link-btn.sticky-desktop 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"] figure > a:hover .icon-play { -webkit-transform: none; transform: none; } /* show */ .fancybox-container.fancybox-is-open, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-shown #root:after, .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 { 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 */ .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, .media-overlay iframe, .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-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 img, .module-entries > figure img, .scheme-countdown .img img, .module-header img, #root .link-btn.sticky > img, #background img, .list-box.featured img, .module-featured img, .module-featured.aside > figure img, .module-featured figure.background img, #background img, #background 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 */ .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"] #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 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 */ [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 { text-decoration: none; } /*! 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; } body > figure .close:before { content: "\e915"; } #root { overflow: hidden; 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: 1100px; z-index: 1500; height: 143px; margin: 0 0 0 -550px; 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-align: left; } #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-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 { content: "\e953"; text-align: left; } #logo a i.icon-diversity:after, #footer i.icon-diversity:after, .module-welcome .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: 50%; width: auto !important; max-width: none !important; height: 42px !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); }*/ #nav { display: block; position: relative; height: 62px; } #nav:before { background: var(--white); } #nav > ul { list-style: none; margin: 0 -49px 0 0; padding: 0; } #nav > ul > li { position: relative; margin: 0 49px 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; } #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(--fuscia); 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(--persian); 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(--jazz); 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; } #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: 2; width: 1100px; max-width: none; margin: 0 auto; padding: 16px 0 0; border: 0 solid rgba(0,0,0,0); } #content.w720 { width: 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, .media-wide.wider, .module-external.wide { margin-left: -184px; margin-right: -184px; } #content.w905 { width: 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.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; } #background { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: 0; } #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: 'Source Sans Pro', sans-serif; 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: Museo_Sans, Arial, sans-serif; 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: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDIuNCA4MC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNDIuNCA4MC4zIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMUI4Nzg1O30gLnN0MXtvcGFjaXR5OjAuODUxO2ZpbGw6IzFCODc4NTt9PC9zdHlsZT48cGF0aCBkPSJNMjM2LjYgMTkuOHYtMy4zaC0xLjF2LS42aDIuOXYuNmgtMS4ydjMuM3pNMjM5LjUgMTkuOGgtLjZ2LTMuOWguNWwxLjMgMS45IDEuMi0xLjloLjV2My45aC0uNnYtMi43bC0xIDEuNWgtLjNsLTEtMS41ek05NC45IDQ0LjRoMnYxNC4xaC0yek0xMDQuNiA0OS4xYy0yLjQgMC0zLjYgMS45LTMuNiAzLjggMCAyIDEuMyA0IDMuNyAzLjkgMS44IDAgMy41LTEuMyAzLjUtMy45LjEtMi41LTEuNy0zLjgtMy42LTMuOHptNS43LTEuNXYxMC45aC0yVjU3Yy0uOCAxLjItMi4zIDEuNi0zLjYgMS42LTMuOCAwLTUuNi0yLjctNS42LTUuNyAwLTIuOSAxLjktNS42IDUuNi01LjYgMS4zIDAgMi43LjMgMy43IDEuNnYtMS41bDEuOS4yek0xMjAuMiA1NC4zbC0uOS0zLjMtLjkgMy4zLTEuMyA0LjNoLTEuNWwtMy43LTExaDIuMWMuMyAxIC43IDIgMSAzIC41IDEuNi45IDMuMSAxLjMgNC43bDIuMi03LjRoMS44bDIuMiA3LjRjLjMtMS42LjgtMy4xIDEuMy00LjcuMy0xIC43LTIgMS0zaDIuMWwtMy43IDExaC0xLjVsLTEuNS00LjN6TTEwNC42IDI0LjZjLTQuMi4xLTYuMyAzLjQtNi4zIDYuOCAwIDMuNSAyLjIgNyA2LjYgNi45IDMuMi0uMSA2LjItMi4zIDYuMi02LjggMC00LjctMy4zLTctNi41LTYuOXptMTAtMi44VjQxaC0zLjV2LTIuNmMtMS40IDIuMS00IDIuOS02LjQgMi45LTYuNyAwLTkuOS00LjctOS45LTEwIDAtNS4yIDMuNC05LjggOS44LTkuOCAyLjQgMCA0LjguNiA2LjUgMi45di0yLjZoMy41ek0xMTkuMSAxNi4yaDMuNVY0MWgtMy41ek0xMjcuMiAxNi4yaDMuNVY0MWgtMy41ek0xNDQuMiAyNC42Yy00LjIuMS02LjMgMy40LTYuMyA2LjggMCAzLjUgMi4yIDcgNi42IDYuOSAzLjItLjEgNi4yLTIuMyA2LjItNi44IDAtNC43LTMuMi03LTYuNS02Ljl6bTEwLTIuOFY0MWgtMy41di0yLjZjLTEuNCAyLjEtNCAyLjktNi40IDIuOS02LjcgMC05LjktNC43LTkuOS0xMCAwLTUuMiAzLjQtOS44IDkuOC05LjggMi40IDAgNC44LjYgNi41IDIuOXYtMi42aDMuNXpNMTY4LjUgMzguMmM0LjQuMSA2LjYtMy40IDYuNi02LjkgMC0zLjQtMi4xLTYuNy02LjMtNi44LTMuMyAwLTYuNSAyLjItNi41IDYuOHMzLjEgNi45IDYuMiA2Ljl6bS02LjItMTMuOWMxLjYtMi4zIDQuMS0yLjggNi40LTIuOCA2LjUgMCA5LjggNC42IDkuOCA5LjggMCA1LjMtMy4yIDEwLTkuOSAxMC0yLjQgMC01LS44LTYuNC0yLjlWNDFoLTMuNVYxNi4yaDMuNXY4LjF6TTE5Ny42IDMxLjRjMC05LjEtMTIuOS05LjEtMTIuOSAwIC4xIDkuMSAxMi45IDkuMSAxMi45IDB6bS0xNi4zIDBjMC0xMy4yIDE5LjgtMTMuMiAxOS44IDBzLTE5LjggMTMuMy0xOS44IDB6TTIxOSA0MXYtMi41Yy0xLjQgMi4xLTMuNiAyLjgtNi4xIDIuOC01LjggMC04LjMtMy42LTguMy05LjFWMjEuOGgzLjV2MTAuM2MwIDMuNS45IDYgNC45IDYuMSAzLjguMSA1LjgtMi41IDUuOC01LjlWMjEuOGgzLjVWNDFIMjE5ek0yMzEuNSAxNy42djQuM2g0LjJ2Mi44aC00LjJ2MTAuOGMwIDIuOSAxLjggMyA0LjMgMi43VjQxYy00LjYuNC03LjgtLjYtNy44LTUuN1YyNC42aC0yLjl2LTIuOGgyLjl2LTMuNmwzLjUtLjZ6TTU5LjkgMzkuOXpNNzMuNCA0MS4zYy4xLjcuMiAxLjMuNCAxLjkuNSAxLjQgMS41IDIuOCA0IDMuNyAwIDAgLjEgMCAuMSAwbC4xLjFjLjEuMS4zLjEuNC4zLjMuMi43LjUgMSAuNyA0LjItMjEuMi05LjEtNDItMzAuMi00Ni45LTIwLjktNS00Mi4xIDcuNi00Ny44IDI4LjUtNS43IDIwLjkgNi4yIDQyLjUgMjYuOCA0OC45IDIwLjcgNi40IDQyLjctNC43IDQ5LjgtMjUuMS4xLS4yLjEtLjUuMS0uNyAwLS42LS4zLTEuMi0uOC0xLjYtLjMtLjMtLjctLjYtMS0uOC0xLjUtLjUtMi44LTEuNC00LTIuNS0uNiAyLjYtMS41IDUuMS0yLjggNy41LTcuNyAxNS0yNS4zIDIxLjgtNDEuMSAxNi0xNS42LTUuOS0yNC41LTIyLjYtMjAuNi0zOVMyNy4zIDUuMiA0NCA3LjFjMTYuNyAyIDI5LjMgMTYuMiAyOS4zIDMzIC4xLjQgMCAuNy4xIDEuMnpNNDAuMSAyNGMtOSAwLTE2LjIgNy4yLTE2LjIgMTYuMnM3LjIgMTYuMiAxNi4yIDE2LjIgMTYuMi03LjMgMTYuMi0xNi4yYzAtOS03LjItMTYuMi0xNi4yLTE2LjJ6TTYwLjEgNDAuOGMwIDEgLjIgMiAuNyAyLjkuNiAxLjIgMS41IDIuNCAzLjUgMy4yaC4xbC40LjJjLjMuMS43LjQgMS4yLjYuOC40IDEuNS45IDIuMSAxLjUgNC45LTE1LjEtMy0zMS4zLTE3LjktMzYuOC0xNC45LTUuNS0zMS40IDEuNy0zNy41IDE2LjQtNi4xIDE0LjYuNSAzMS41IDE0LjkgMzguMiAxNC40IDYuNyAzMS41LjggMzguNy0xMy4zLjEtLjEuMS0uMi4xLS40LjEtLjItLjMtLjktMS4yLTEuNS0uNy0uNS0xLjQtLjktMi4yLTEuM2gtLjFjLTEuNi0uNi0zLjEtMS42LTQuMi0yLjlDNTUgNTcgNDQuNSA2Mi4yIDM0LjYgNTkuM2MtOS45LTIuOC0xNi0xMi44LTE0LjEtMjIuOSAyLTEwLjEgMTEuMy0xNy4xIDIxLjUtMTYuMSAxMC4zIDEgMTguMSA5LjYgMTguMSAxOS45IDAgMCAwIC4xIDAgLjFzMCAwIDAgLjEgMCAuMSAwIC4yIDAgLjEgMCAuMnoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMTI5LjYgNTcuMWMwIC43LS42IDEuMi0xLjIgMS4yLS43IDAtMS4yLS41LTEuMi0xLjIgMC0uNS4yLS45LjYtMS4xLjQtLjIuOS0uMiAxLjMgMCAuMy4zLjUuNy41IDEuMXpNMTQyLjQgNTQuMWMtMS4yIDYuMy0xMS4yIDUuOS0xMS4yLTEuM3MxMC03LjUgMTEuMi0xLjNoLTJjLTEuMS0zLjktNy4yLTMuNS03LjIgMS4zczYuMSA1LjIgNy4yIDEuM2gyek0xNTMuMSA1Mi45YzAtNS4yLTcuNC01LjItNy40IDBzNy40IDUuMiA3LjQgMHptLTkuNCAwYzAtNy42IDExLjMtNy42IDExLjMgMHMtMTEuMyA3LjUtMTEuMyAwek0xNTguMyA1Ny4xYzAgLjctLjYgMS4yLTEuMiAxLjItLjcgMC0xLjItLjUtMS4yLTEuMiAwLS41LjItLjkuNi0xLjFzLjktLjIgMS4zIDBjLjMuMy41LjcuNSAxLjF6TTE2OC41IDU4LjN2LTEuNGMtLjggMS4yLTIgMS42LTMuNSAxLjYtMy4zIDAtNC44LTIuMS00LjgtNS4ydi01LjloMnY1LjljMCAyIC41IDMuNCAyLjggMy41IDIuMSAwIDMuMy0xLjUgMy4zLTMuNHYtNmgydjExaC0xLjh6TTE3NS4xIDUyLjZsMS43LTIgMy0zLjJoMi40bC00LjQgNC43IDQuNyA2di4yaC0yLjNsLTMuNy00LjgtMS40IDEuNXYzLjNoLTJWNDQuMWgyeiIgY2xhc3M9InN0MSIvPjwvc3ZnPg==) center center no-repeat; background-size: auto 100%; } #footer nav p { position: relative; color: var(--elm); font-size: 14px; font-weight: 900; font-family: Museo_Sans, Arial, sans-serif; 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: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjMuOSA4Ny43IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNjMuOSA4Ny43Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO30gLnN0MXtvcGFjaXR5OjAuNzQ5O2ZpbGw6I0ZGRkZGRjt9IC5zdDJ7b3BhY2l0eTowLjg1MTtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggZD0iTTY1LjMgNDMuNWMwIC4xIDAgLjEgMCAweiIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik04MC4xIDQ1Yy4xLjcuMiAxLjQuNSAyLjEuNiAxLjUgMS42IDMgNC4zIDQgMCAwIC4xIDAgLjEgMGguMWwuMi4xYy4xLjEuMy4yLjUuMy40LjIuNy41IDEuMS44IDQuNi0yMy4yLTEwLTQ1LjgtMzMtNTEuMi0yMy01LjMtNDYuMSA4LjQtNTIuMyAzMS4yczYuNyA0Ni40IDI5LjMgNTMuNGMyMi41IDcgNDYuNi01LjEgNTQuNC0yNy4zLjEtLjMuMS0uNS4xLS44IDAtLjctLjMtMS4zLS44LTEuOC0uMy0uMy0uNy0uNi0xLjEtLjktMS42LS42LTMuMS0xLjUtNC4zLTIuNy0uNyAyLjgtMS43IDUuNi0zIDguMS04LjQgMTYuMy0yNy42IDIzLjgtNDQuOSAxNy41QzE0IDcxLjQgNC4yIDUzLjEgOC41IDM1LjNTMjkuOCA1LjYgNDguMSA3LjhjMTguMiAyLjIgMzIgMTcuNiAzMiAzNi0uMS40LS4xLjcgMCAxLjJ6IiBjbGFzcz0ic3QxIi8+PHBhdGggZD0iTTQzLjggMjYuMmMtOS44IDAtMTcuNyA3LjktMTcuNyAxNy43UzM0IDYxLjUgNDMuOCA2MS41YzkuOCAwIDE3LjctNy45IDE3LjctMTcuNy0uMS05LjctOC0xNy42LTE3LjctMTcuNnoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNNjUuNiA0NC41YzAgMS4xLjMgMi4yLjcgMy4yLjYgMS4zIDEuNiAyLjYgMy45IDMuNWguMWwuNC4yYy4zLjIuOC40IDEuMy43LjguNSAxLjYgMSAyLjMgMS43IDUuMy0xNi41LTMuMi0zNC4yLTE5LjUtNDAuMnMtMzQuMyAxLjktNDEgMTcuOWMtNi42IDE2IC41IDM0LjQgMTYuMiA0MS42IDE1LjcgNy4zIDM0LjMuOSA0Mi4yLTE0LjUuMS0uMS4xLS4zLjEtLjQuMS0uMi0uNC0xLTEuMy0xLjctLjctLjYtMS41LTEtMi40LTEuNGwtLjEtLjFjLTEuOC0uNy0zLjQtMS44LTQuNi0zLjItNC4xIDEwLjUtMTUuNSAxNi4xLTI2LjMgMTMtMTAuOC0zLjEtMTcuNS0xMy45LTE1LjQtMjUgMi4xLTExIDEyLjItMTguNyAyMy40LTE3LjYgMTEuNCAxIDIwIDEwLjQgMjAgMjEuNiAwIC4xIDAgLjEgMCAuMnMwIC4xIDAgLjFjMCAuMSAwIC4xIDAgLjIgMCAwIDAgLjEgMCAuMnoiIGNsYXNzPSJzdDIiLz48cGF0aCBkPSJNMTE5LjggMzEuNmMtMS44LTIuNS00LjUtMy4xLTctMy4xLTcgMC0xMC43IDUtMTAuNyAxMC43IDAgNS43IDMuNSAxMC44IDEwLjggMTAuOCAyLjYgMCA1LjQtLjkgNi45LTMuMnYyLjhoMy44VjI4LjhoLTMuOHYyLjh6bS02LjcgMTVjLTQuOC4xLTcuMi0zLjctNy4yLTcuNSAwLTMuNyAyLjMtNy4zIDYuOC03LjMgMy41IDAgNy4xIDIuNCA3LjEgNy40IDAgNC45LTMuMyA3LjMtNi43IDcuNHpNMTI4LjUgMjIuN2gzLjh2MjYuOWgtMy44ek0xMzcuMyAyMi43aDMuOHYyNi45aC0zLjh6TTE2Mi44IDQ2Ljh2Mi44aDMuOFYyOC44aC0zLjh2Mi44Yy0xLjgtMi41LTQuNS0zLjEtNy0zLjEtNyAwLTEwLjcgNS0xMC43IDEwLjcgMCA1LjcgMy41IDEwLjggMTAuOCAxMC44IDIuNi0uMSA1LjQtLjkgNi45LTMuMnptLTEzLjktNy43YzAtMy43IDIuMy03LjMgNi44LTcuMyAzLjUgMCA3LjEgMi40IDcuMSA3LjQgMCA0LjktMy4zIDcuMy02LjggNy40LTQuNy4xLTcuMS0zLjctNy4xLTcuNXpNMTkzLjEgMzkuMWMwLTUuNi0zLjctMTAuNy0xMC43LTEwLjctMi42IDAtNS4yLjYtNyAzdi04LjhoLTMuOHYyNi45aDMuOHYtMi44YzEuNSAyLjMgNC4zIDMuMSA2LjkgMy4yIDcuMy4xIDEwLjgtNS4xIDEwLjgtMTAuOHptLTEwLjkgNy41Yy0zLjQtLjEtNi44LTIuNS02LjgtNy40IDAtNSAzLjUtNy41IDcuMS03LjQgNC41LjEgNi44IDMuNyA2LjggNy4zLjEgMy44LTIuNCA3LjYtNy4xIDcuNXpNMTk2LjEgMzkuMmMwIDE0LjMgMjEuNSAxNC4zIDIxLjUgMHMtMjEuNS0xNC4zLTIxLjUgMHptMy43IDBjMC05LjkgMTQtOS45IDE0IDBzLTE0IDkuOS0xNCAwek0yMzYuOCA0MC4xYzAgMy43LTIuMiA2LjUtNi4yIDYuNS00LjQtLjEtNS40LTIuNy01LjQtNi42VjI4LjhoLTMuOFY0MGMwIDYgMi43IDkuOSA5IDkuOSAyLjcgMCA1LS44IDYuNi0zdjIuN2gzLjZWMjguOGgtMy44djExLjN6TTI1MC42IDQzLjVWMzEuOGg0LjZ2LTNoLTQuNnYtNC42bC0zLjguN3YzLjloLTMuMXYzaDMuMXYxMS43YzAgNS41IDMuNCA2LjUgOC41IDYuMnYtMy4xYy0yLjguMi00LjcgMC00LjctMy4xek0yNTYuNiAyNC43aDEuMnYzLjZoLjZ2LTMuNmgxLjN2LS41aC0zLjF6TTI2My40IDI0LjJsLTEuMyAyLTEuNC0yaC0uNXY0LjFoLjZ2LTIuOWwxLjEgMS42aC4zbDEuMS0xLjZ2Mi45aC42di00LjF6TTExMS43IDU4LjZjLS44LTEuMi0yLjQtMS43LTMuOC0xLjctNCAwLTUuOSAyLjgtNS45IDYgMCAzLjEgMiA1LjcgNS45IDUuNyAxLjQgMCAyLjktLjMgMy45LTEuNnYuNmMwIDQtNi4zIDQuMi03IDEuM2gtMi4xYy40IDUgMTEuMiA1LjYgMTEuMi0xLjNWNTcuMWgtMi4xdjEuNXptLTMuOSA4LjFjLTIuNSAwLTMuOC0xLjgtMy44LTMuOSAwLTIuMSAxLjMtNC4yIDMuOS00LjEgMi41LjEgMy43IDEuOCAzLjcgMy44LjEgMi4yLTEuMiA0LjItMy44IDQuMnpNMTE4LjYgNTguNXYtMS40aC0yLjF2MTEuNGgyLjF2LTYuMmMwLTEuMS41LTIuMiAxLjQtMi45LjktLjcgMi4xLS45IDMuMi0uNlY1N2MtMS44LS40LTMuNSAwLTQuNiAxLjV6TTEyMy44IDYyLjhjMCA3LjkgMTEuOCA3LjkgMTEuOCAwIC4xLTcuOS0xMS44LTcuOS0xMS44IDB6bTIuMSAwYzAtNS40IDcuNy01LjQgNy43IDAgMCA1LjUtNy43IDUuNS03LjcgMHpNMTQ2LjIgNjMuM2MwIDItMS4yIDMuNi0zLjUgMy42LTIuNCAwLTMtMS41LTMtMy42di02LjJoLTIuMXY2LjJjMCAzLjMgMS41IDUuNSA1IDUuNSAxLjUgMCAyLjgtLjQgMy42LTEuN3YxLjVoMlY1Ny4xaC0yLjF2Ni4yek0xNTcgNTYuOWMtMS40IDAtMyAuNS0zLjggMS43di0xLjVoLTIuMXYxNC44aDIuMXYtNC44YzEgMS4zIDIuNCAxLjcgMy45IDEuNyAzLjkgMCA1LjktMi43IDUuOS01LjktLjEtMy4yLTItNi02LTZ6bS4xIDEwYy0yIDAtMy45LTEuMy0zLjktNC4xIDAtMi43IDEuOS00IDMuNy00LjEgMi42LS4xIDMuOSAyIDMuOSA0LjEgMCAyLjEtMS4yIDQuMS0zLjcgNC4xek0xNjcuNCA2Ni41Yy0uNC0uMy0xLS4zLTEuNCAwLS40LjMtLjcuNy0uNyAxLjIgMCAuNy42IDEuMyAxLjQgMS4zczEuMy0uNiAxLjQtMS4zYzAtLjQtLjItLjktLjctMS4yek0xNjkuOCA2My4xYzAgOC4yIDEyLjQgOC4yIDEyLjQgMHMtMTIuNC04LjMtMTIuNCAwem0xMC4yIDBjMCA1LjctOCA1LjctOCAwczgtNS43IDggMHpNMTg2LjcgNTguNnYtMS41aC0yLjJWNjloMi4ydi02LjVjMC0xLjIuNS0yLjMgMS41LTMuMSAxLS43IDIuMi0uOSAzLjMtLjZWNTdjLTEuOS0uNC0zLjcgMC00LjggMS42ek0yMDMgNTguN2MtLjktMS4zLTIuNS0xLjgtNC0xLjgtNC4yIDAtNi4yIDMtNi4yIDYuMnMyLjEgNS45IDYuMSA1LjljMS41IDAgMy0uMyA0LTEuN3YuN2MwIDQuMi02LjUgNC40LTcuMyAxLjRoLTIuMmMuNCA1LjIgMTEuNyA1LjggMTEuNy0xLjRWNTcuMUgyMDN2MS42em0tNCA4LjRjLTIuNiAwLTMuOS0xLjktNC00IDAtMi4yIDEuNC00LjQgNC4xLTQuMyAyLjYuMSAzLjkgMS45IDMuOSA0IDAgMi4yLTEuMyA0LjMtNCA0LjN6IiBjbGFzcz0ic3QwIi8+PC9zdmc+) center center no-repeat; background-size: auto 100%; 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: 1150px; margin: 0 auto; color: var(--white); font-size: 14px; line-height: 1.3571428571; letter-spacing: normal; } #footer-new:before { background: var(--coal); } #footer-new h1, #footer-new h2, #footer-new h3, #footer-new h4, #footer-new h5, #footer-new h6 { 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 { display: block; margin: -8px 0 22px -6px; 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: 480px; } #footer-new > nav > * { width: 33.333333%; margin-bottom: 17px; border-left: 20px solid rgba(0,0,0,0); } #footer-new > nav > figure { border-width: 0; } #footer-new > nav > *:first-child { width: 480px; min-width: 480px; max-width: 480px; margin-left: -480px; } #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 li { } #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); } #root > .sticky { position: fixed; left: 50%; bottom: 0; z-index: 10; width: 1100px; height: 70px; margin: 0 0 0 -550px; 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); } #root > .sticky img:last-child { 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(--fuscia); font-size: 16px; line-height: 50px; white-space: nowrap; } [data-whatintent="mouse"] #root > .sticky .link-btn a:hover { color: var(--persian); } #root > .sticky .link-btn a:active, [data-whatintent="mouse"] #root > .sticky .link-btn a:active { border-color: var(--press); background: var(--press); color: var(--jazz); } #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:before { background: var(--coal); opacity: .8; } #root > .link-btn.sticky-desktop a { min-width: 0; padding: 15px 25px; } #root > .link-btn.sticky-desktop a i { left: 0; margin-left: -5px; margin-right: 9px; } .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 #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; } [data-whatintent="mouse"].theme-compact #root #nav > ul > li.btn > a:hover { } .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: 1100px; 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); } /*! Modules --------- */ .cols-a { margin-bottom: 5px; padding-right: 368px; } .cols-a > * { float: left; clear: left; width: 100%; max-width: 720px; } .cols-a > header:first-child, .cols-a > aside { float: right; clear: right; width: 348px; margin: 0 -368px 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, .cols-a li { max-width: 668px; } #root .cols-a > * + * > .module-external:first-child { margin-top: 17px; } #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-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; } .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; margin-top: 0; border: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .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; } /*! 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: 1.39; 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; } .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; } .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: 1.39; text-transform: uppercase; } .header-article:before, .list-logo:before { border: 0 solid var(--press); 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; } .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: 190px; margin: 0 0 12px; padding: 0 10px 0 0; font-size: 28px; 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-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: 100vw !important; max-width: none !important; height: 100% !important; margin: 0 calc(-50vw + 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; font-size: 13px; } .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; } .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: 53px; font-weight: 700; font-size: 20px; line-height: 1.39; } .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.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(--fuscia); background: var(--fuscia); } .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(--fuscia); } .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(--fuscia); } .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(--fuscia); } #root .module-alert.overlay-aqua .link-btn a, #root .module-alert.overlay-aqua .link-btn a:active { border-color: var(--fuscia); background: var(--fuscia); 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(--fuscia); 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(--fuscia); background: var(--fuscia); 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: 3; 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.sticky, .module-featured > .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 { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .module-wide > .background.sticky img, .module-featured > .background.sticky img { -webkit-transform: perspective(0px); transform: perspective(0px); } .module-box { position: relative; z-index: 2; margin: 25px 0; padding: 32px 35px 16px; } .module-box:before { border: 1px solid var(--iron); background: var(--white); } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin-bottom: 20px; font-size: 24px; } .module-box > .link-btn:last-child { margin-bottom: 2px; } .label + .module-box { margin-top: 17px; } .module-box.inv { color: var(--white); } .module-box.inv:before { border-width: 0; background: var(--coal); } .module-box.textarea { min-height: 255px; } .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-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(--fuscia); 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: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNzguMSA2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDN7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggZmlsbD0iIzhlY2FiNiIgZD0iTTEwLjEgMTAuNUwwIDU2LjNoMTA2LjVsOS4yLTQ1Ljh6Ii8+PHBhdGggZD0iTTI2OS4xIDQ5LjNjMC04LjUtMi40LTE2LjgtNy0yNC00LjUtNy4yLTEwLjktMTMtMTguNS0xNi44LTIuMS0xLTMtMy42LTEuOS01LjcgMS0yLjEgMy42LTMgNS43LTEuOSA5IDQuNSAxNi42IDExLjMgMjIgMTkuOSA1LjQgOC42IDguMiAxOC40IDguMiAyOC41IDAgMi40LTEuOSA0LjMtNC4yIDQuMy0uMyAwLS43IDAtMS0uMS0xLjktLjUtMy4zLTIuMi0zLjMtNC4yem0tMTUuOS41Yy4xLTUuNy0xLjUtMTEuMi00LjUtMTYuMS0zLTQuOC03LjMtOC43LTEyLjUtMTEuMS0yLjEtMS0zLTMuNi0yLTUuN3MzLjUtMyA1LjctMmM2LjYgMy4xIDEyLjEgOC4xIDE2IDE0LjMgMy45IDYuMiA1LjkgMTMuNCA1LjggMjAuNyAwIDIuNC0xLjkgNC4yLTQuMyA0LjItLjMgMC0uNiAwLS45LS4xLTEuOS0uNC0zLjMtMi4xLTMuMy00LjJ6bS0xNS44LjNjLjEtMi44LS42LTUuNS0yLjEtNy45LTEuNS0yLjQtMy43LTQuMy02LjMtNS41LTIuMi0uOS0zLjItMy40LTIuMi01LjYuOS0yLjIgMy40LTMuMiA1LjYtMi4yIDQuMiAxLjggNy44IDQuOCAxMC4yIDguOCAyLjQgMy44IDMuNiA4LjIgMy40IDEyLjctLjEgMi40LTIuMSA0LjItNC40IDQuMS0uMyAwLS42IDAtLjgtLjEtMi4xLS41LTMuNS0yLjMtMy40LTQuM3oiIGZpbGw9IiM5NjY1ZmYiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjQuNSA0Mi41aDkuMWwtMS4xIDYuMkgxNS4xbDUuMi0yOS40aDguMnpNNDguMyAxOS4zbC01LjIgMjkuNGgtOC4ybDUuMi0yOS40ek01OSAxOS4zbDIuOSAyMS4yIDEwLjQtMjEuMkg4MUw2NS43IDQ4LjdINTUuMmwtNC45LTI5LjR6TTkwLjIgMjUuN2wtLjkgNC45aDkuNGwtMS4xIDYuMmgtOS40bC0xIDUuNGgxMC43bC0xLjIgNi41SDc3LjlsNS4yLTI5LjRoMTguOGwtMS4xIDYuNHoiLz48cGF0aCBmaWxsPSIjODJiY2E5IiBkPSJNMTEyIDE0LjJMMTAxLjkgNjBoMTA2LjZsOS4xLTQ1Ljh6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTE0MC4xIDQ4LjhoLTYuOGwtNi41LTEzLjYtMi40IDEzLjZoLTYuOGw0LjMtMjQuMmg2LjdsNi42IDEzLjcgMi40LTEzLjdoNi43ek0xNjAgNDEuN2MxLS43IDEuOC0xLjcgMi4zLTIuOC41LTEuMi44LTIuNS44LTMuOCAwLTEuNS0uNC0yLjYtMS4yLTMuNC0uOC0uOC0xLjktMS4yLTMuNC0xLjItMS40IDAtMi41LjMtMy42IDEtMSAuNy0xLjggMS42LTIuNCAyLjhzLS44IDIuNS0uOCAzLjhjMCAxLjQuNCAyLjYgMS4yIDMuNC44LjggMS45IDEuMyAzLjQgMS4zczIuNy0uNCAzLjctMS4xem0tMTAgNi4xYy0xLjYtLjgtMi44LTItMy42LTMuNi0uOC0xLjUtMS4zLTMuMy0xLjMtNS4zIDAtMi45LjYtNS40IDEuOC03LjYgMS4yLTIuMiAyLjktNCA1LjEtNS4yIDIuMi0xLjIgNC42LTEuOSA3LjQtMS45IDIuMSAwIDMuOS40IDUuNSAxLjMgMS42LjggMi44IDIgMy42IDMuNS44IDEuNSAxLjMgMy4zIDEuMyA1LjMgMCAyLjgtLjYgNS40LTEuOCA3LjYtMS4yIDIuMi0yLjkgNC01LjEgNS4zLTIuMiAxLjMtNC43IDEuOS03LjUgMS45LTItLjEtMy44LS41LTUuNC0xLjN6TTIwOCAyNC42bC0xMC4yIDI0LjJoLTguM2wtLjctMTQuOS02LjEgMTQuOWgtOC4zbC0xLjUtMjQuMmg3LjJ2MTYuNWw2LjctMTYuNWg3LjRsLjggMTYuNSA1LjctMTYuNXoiLz48L3N2Zz4=) 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;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyMzEuNCAyNjguOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7b3BhY2l0eTowO2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMH0uc3Qze2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGZpbGw9IiM4ZWNhYjYiIGQ9Ik0xMi45IDM0LjhMMCA5My41aDEzNi41bDExLjgtNTguN3oiLz48cGF0aCBkPSJNMjIyLjcgNDcuM2MwLTguMS0yLjMtMTYtNi43LTIzLTQuMy02LjktMTAuNC0xMi41LTE3LjctMTYtMi0xLTIuOC0zLjQtMS45LTUuNSAxLTIgMy40LTIuOSA1LjUtMS45IDguNiA0LjMgMTUuOSAxMC44IDIxIDE5czcuOSAxNy42IDcuOSAyNy4zYzAgMi4zLTEuOCA0LjEtNC4xIDQuMS0uMyAwLS42IDAtLjktLjEtMS43LS40LTMuMS0yLTMuMS0zLjl6bS0xNS4yLjRjMC01LjQtMS41LTEwLjgtNC40LTE1LjQtMi45LTQuNi03LTguMy0xMS45LTEwLjctMi0xLTIuOS0zLjQtMS45LTUuNCAxLTIgMy40LTIuOSA1LjQtMS45IDYuMyAzIDExLjYgNy43IDE1LjQgMTMuNyAzLjcgNiA1LjcgMTIuOCA1LjYgMTkuOCAwIDIuMy0xLjkgNC4xLTQuMSA0LS4zIDAtLjYgMC0uOS0uMS0xLjgtLjQtMy4yLTItMy4yLTR6bS0xNS4xLjJjLjEtMi43LS42LTUuMy0yLTcuNi0xLjUtMi4zLTMuNi00LjEtNi4xLTUuMi0yLjEtLjktMy0zLjMtMi4xLTUuNC45LTIuMSAzLjMtMyA1LjQtMi4xIDQgMS43IDcuNCA0LjYgOS44IDguNCAyLjMgMy43IDMuNCA3LjkgMy4zIDEyLjItLjEgMi4zLTIgNC00LjIgMy45LS4zIDAtLjUgMC0uOC0uMS0yLS40LTMuNC0yLjEtMy4zLTQuMXoiIGZpbGw9IiM5NjY1ZmYiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjIyLjcgNDcuM2MwLTguMS0yLjMtMTYtNi43LTIzLTQuMy02LjktMTAuNC0xMi41LTE3LjctMTYtMi0xLTIuOC0zLjQtMS45LTUuNSAxLTIgMy40LTIuOSA1LjUtMS45IDguNiA0LjMgMTUuOSAxMC44IDIxIDE5czcuOSAxNy42IDcuOSAyNy4zYzAgMi4zLTEuOCA0LjEtNC4xIDQuMS0uMyAwLS42IDAtLjktLjEtMS43LS40LTMuMS0yLTMuMS0zLjl6bS0xNS4yLjRjMC01LjQtMS41LTEwLjgtNC40LTE1LjQtMi45LTQuNi03LTguMy0xMS45LTEwLjctMi0xLTIuOS0zLjQtMS45LTUuNCAxLTIgMy40LTIuOSA1LjQtMS45IDYuMyAzIDExLjYgNy43IDE1LjQgMTMuNyAzLjcgNiA1LjcgMTIuOCA1LjYgMTkuOCAwIDIuMy0xLjkgNC4xLTQuMSA0LS4zIDAtLjYgMC0uOS0uMS0xLjgtLjQtMy4yLTItMy4yLTR6bS0xNS4xLjJjLjEtMi43LS42LTUuMy0yLTcuNi0xLjUtMi4zLTMuNi00LjEtNi4xLTUuMi0yLjEtLjktMy0zLjMtMi4xLTUuNC45LTIuMSAzLjMtMyA1LjQtMi4xIDQgMS43IDcuNCA0LjYgOS44IDguNCAyLjMgMy43IDMuNCA3LjkgMy4zIDEyLjItLjEgMi4zLTIgNC00LjIgMy45LS4zIDAtLjUgMC0uOC0uMS0yLS40LTMuNC0yLjEtMy4zLTQuMXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMzEuNCA3NS44aDExLjdsLTEuNSA4SDE5LjRsNi43LTM3LjdoMTAuNHpNNjEuOCA0Ni4xbC02LjYgMzcuN0g0NC43bDYuNi0zNy43ek03NS42IDQ2LjFsMy43IDI3LjEgMTMuMy0yNy4xaDExLjJMODQuMSA4My44SDcwLjhsLTYuNC0zNy43ek0xMTUuNSA1NC40bC0xLjEgNi4yaDEyLjFsLTEuNSA4aC0xMmwtMS4yIDYuOGgxMy42bC0xLjQgOC40SDk5LjhsNi43LTM3LjdoMjQuMWwtMS41IDguM3oiLz48cGF0aCBmaWxsPSIjODJiY2E5IiBkPSJNMjEuMiA4OS45TDguMyAxNDguNWgxMzYuNWwxMS44LTU4LjZ6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTU3LjIgMTM0LjFoLTguN2wtOC40LTE3LjMtMy4xIDE3LjNoLTguNmw1LjUtMzFoOC42bDguNCAxNy42IDMuMS0xNy42aDguNnpNODIuNyAxMjUuMWMxLjMtLjkgMi4zLTIuMSAzLTMuNi43LTEuNSAxLTMuMSAxLTQuOSAwLTEuOS0uNS0zLjMtMS41LTQuNC0xLTEtMi41LTEuNi00LjMtMS42LTEuNyAwLTMuMy40LTQuNiAxLjMtMS4zLjktMi4zIDIuMS0zIDMuNi0uNyAxLjUtMS4xIDMuMS0xLjEgNC45IDAgMS44LjUgMy4zIDEuNSA0LjQgMSAxLjEgMi41IDEuNiA0LjQgMS42IDEuOCAwIDMuMy0uNCA0LjYtMS4zem0tMTIuOCA3LjdjLTItMS4xLTMuNS0yLjYtNC42LTQuNi0xLjEtMi0xLjYtNC4yLTEuNi02LjggMC0zLjcuOC02LjkgMi4zLTkuOHMzLjctNS4xIDYuNS02LjdjMi44LTEuNiA2LTIuNCA5LjUtMi40IDIuNyAwIDUgLjUgNyAxLjZzMy42IDIuNiA0LjYgNC41YzEuMSAyIDEuNiA0LjIgMS42IDYuOCAwIDMuNi0uOCA2LjktMi4zIDkuOC0xLjYgMi45LTMuNyA1LjEtNi41IDYuNy0yLjggMS42LTYgMi40LTkuNiAyLjQtMi42LjEtNC45LS40LTYuOS0xLjV6TTE0NC4yIDEwMy4xbC0xMy4xIDMxaC0xMC42bC0uOS0xOS03LjggMTloLTEwLjZsLTItMzFoOS4zbC0uMSAyMS4yIDguNi0yMS4yaDkuNWwxIDIxLjEgNy4zLTIxLjF6Ii8+PHBhdGggZD0iTTg2LjUgMjUzYzE1LTMuNSAyOC43LTExLjIgMzkuNi0yMi4xIDEwLjktMTAuOSAxOC42LTI0LjYgMjIuMS0zOS42IDEtNC4yIDUuMi02LjcgOS4zLTUuOCA0LjIgMSA2LjcgNS4xIDUuOCA5LjMtNC4yIDE3LjgtMTMuMyAzNC0yNi4yIDQ3LTEzIDEzLTI5LjIgMjItNDcgMjYuMi00LjIgMS04LjMtMS42LTkuMy01LjgtLjEtLjYtLjItMS4yLS4yLTEuOC0uMS0zLjQgMi4zLTYuNSA1LjktNy40em0tNy40LTI3LjhjMTAuMS0yLjIgMTkuMy03LjMgMjYuNi0xNC42IDcuMy03LjMgMTIuNC0xNi41IDE0LjYtMjYuNi45LTQuMiA1LjEtNi44IDkuMi01LjkgNC4yLjkgNi44IDUgNS45IDkuMi0yLjkgMTMtOS40IDI0LjgtMTguOCAzNC4yLTkuNCA5LjQtMjEuMyAxNS45LTM0LjIgMTguOC00LjIuOS04LjMtMS43LTkuMi01LjktLjEtLjYtLjItMS4xLS4yLTEuNy4xLTMuNSAyLjUtNi43IDYuMS03LjV6bS02LjktMjhjNS0xIDkuNi0zLjQgMTMuMi03IDMuNy0zLjcgNi4xLTguMyA3LjEtMTMuNS44LTQuMiA0LjgtNyA5LTYuMiA0LjIuOCA3IDQuOCA2LjIgOS0xLjUgOC4yLTUuNCAxNS43LTExLjMgMjEuNi01LjggNS44LTEzLjEgOS43LTIxLjIgMTEuMy00LjIuOC04LjMtMS45LTkuMS02LjEtLjEtLjUtLjEtMS0uMS0xLjUgMC0zLjYgMi41LTYuOCA2LjItNy42eiIgZmlsbD0iI2UzNDQ5ZiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04Ni41IDI1M2MxNS0zLjUgMjguNy0xMS4yIDM5LjYtMjIuMSAxMC45LTEwLjkgMTguNi0yNC42IDIyLjEtMzkuNiAxLTQuMiA1LjItNi43IDkuMy01LjggNC4yIDEgNi43IDUuMSA1LjggOS4zLTQuMiAxNy44LTEzLjMgMzQtMjYuMiA0Ny0xMyAxMy0yOS4yIDIyLTQ3IDI2LjItNC4yIDEtOC4zLTEuNi05LjMtNS44LS4xLS42LS4yLTEuMi0uMi0xLjgtLjEtMy40IDIuMy02LjUgNS45LTcuNHptLTcuNC0yNy44YzEwLjEtMi4yIDE5LjMtNy4zIDI2LjYtMTQuNiA3LjMtNy4zIDEyLjQtMTYuNSAxNC42LTI2LjYuOS00LjIgNS4xLTYuOCA5LjItNS45IDQuMi45IDYuOCA1IDUuOSA5LjItMi45IDEzLTkuNCAyNC44LTE4LjggMzQuMi05LjQgOS40LTIxLjMgMTUuOS0zNC4yIDE4LjgtNC4yLjktOC4zLTEuNy05LjItNS45LS4xLS42LS4yLTEuMS0uMi0xLjcuMS0zLjUgMi41LTYuNyA2LjEtNy41em0tNi45LTI4YzUtMSA5LjYtMy40IDEzLjItNyAzLjctMy43IDYuMS04LjMgNy4xLTEzLjUuOC00LjIgNC44LTcgOS02LjIgNC4yLjggNyA0LjggNi4yIDktMS41IDguMi01LjQgMTUuNy0xMS4zIDIxLjYtNS44IDUuOC0xMy4xIDkuNy0yMS4yIDExLjMtNC4yLjgtOC4zLTEuOS05LjEtNi4xLS4xLS41LS4xLTEtLjEtMS41IDAtMy42IDIuNS02LjggNi4yLTcuNnoiLz48L3N2Zz4=); 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 { margin-bottom: 6px; } .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; } .module-entries .header-line { 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 .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 + .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: 17px; } .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 { 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: 1.39; } .module-entry h1 .img, .module-entry h2 .img, .module-entry h3 .img, .module-entry h4 .img, .module-entry h5 .img, .module-entry h6 .img { display: block; width: 180px; min-width: 180px; max-width: 180px; height: 66px; margin-right: -15px; margin-left: 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 { 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.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 { 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: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 { 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 { 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 { margin-bottom: 17px; 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 { margin-left: -28px; margin-right: -28px; } .module-entry.wide:after { top: 28px; bottom: 28px; background: var(--white); } .module-entry-container { margin-top: 37px; } .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; } .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 16px; font-weight: 700; font-size: 12px; font-family: inherit; line-height: 1.39; } .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: 4; max-width: 904px; margin: 37px auto 55px; padding: 12px 30px .1px 368px; color: var(--white); font-size: 18px; line-height: 1.5555555556; } .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.box { color: var(--black); } .module-featured.box:after { border: 1px solid var(--mercury); background: var(--sand); } .module-featured.aside { padding: 67px 552px 58px 35px; color: var(--coal); } .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 { margin-bottom: 21px; } .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; 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: -3; max-width: none; } .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 { 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-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: 0 0 20px; color: var(--white); font-size: 42px; line-height: 1; } .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; color: var(--mint); font-size: 0.6666666667em; } .module-featured.welcome p { max-width: 720px; margin-bottom: 20px; font-size: 18px; } #root .module-featured.welcome .scheme-box { position: absolute; right: 0; top: 50%; width: 276px; } .nav-breadcrumbs + .module-featured.welcome { margin-top: 16px; } .module-featured.welcome + .form-tabs { margin-top: -21px; } .module-featured.welcome.a { max-width: none; padding-top: 59px; padding-bottom: 34px; padding-right: 0; padding-left: 0; } .module-featured.welcome.a:before { } .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.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; } #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 { 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.wide { max-width: none; } .module-fixed { position: fixed; left: 50%; bottom: 0; z-index: 91 !important; width: 1100px; height: 72px; margin: 0 0 0 -550px; 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(--fuscia); } .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(--fuscia); } #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-header { position: relative; z-index: 3; padding: 41px 0 29px; color: var(--white); } .module-header: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 18px; color: inherit; font-size: 48px; 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; } .module-header > i { display: block; margin-bottom: 32px; font-size: 74px; line-height: 74px; } .module-header + * { margin-top: 26px; } .module-landing { position: relative; z-index: 2; margin: 66px 0 33px; color: var(--black); font-size: 16px; line-height: 1.5; } .module-landing h1, .module-landing h2, .module-landing h3, .module-landing h4, .module-landing h5, .module-landing h6 { margin: 0 0 16px; 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: 2; 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 { 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: 1; } .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: 1.5555555556; } .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(--fuscia); 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: 2; margin: 0 0 46px -15px; padding: 64px 0 59px; color: var(--white); font-size: 20px; line-height: 1.4; } .module-register:before { background: var(--mint); } .module-register > * { position: relative; z-index: 2; 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 { padding: 36px; border: 4px solid var(--coal); background: var(--white); font-size: 50px; line-height: 1.12; } .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 { color: var(--perfume); } .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); } #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 .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; } .module-register.a { } .module-register.a > *:before { background: var(--perfume); } .module-register.a > footer:before { background: var(--burst); } .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: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; 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; } .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: 18px; } .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 -24px; padding: 0; } .module-sponsors .list-logo li, #root .module-sponsors.cols .list-logo li { width: 16.6666666667%; margin: 35px 0 0; border-left-width: 24px; } #root .module-sponsors .list-logo li:first-child:last-child { width: auto; } .module-sponsors .list-logo img { max-width: 100% !important; } .module-sponsors.cols { padding-left: 350px; text-align: left; } .module-sponsors.cols > * { width: 100%; } .module-sponsors.cols > header { width: 350px; margin-left: -350px; } #root .module-sponsors.cols .list-logo li { width: 25%; min-height: 100px; } #root .module-sponsors.cols .list-logo li:first-child:last-child { margin-right: auto; } .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-welcome { position: relative; z-index: 3; margin: 0 0 46px; padding: 78px 440px 46px 0; color: var(--white); line-height: 1.4444444444; } .module-welcome:before, .module-wide:before { z-index: -2; background: var(--coal); } .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: 64px; 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; } #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; 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; } .module-welcome .link-btn { margin-bottom: 19px; } .module-welcome p { margin-bottom: 25px; color: var(--mint); font-weight: 700; font-family: var(--font_headers); } .module-welcome li:after { background: var(--white); } .module-welcome .icon-diversity { display: block; position: relative; margin: 0 0 49px; font-size: 80px; line-height: 1; } #root .module-welcome .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; } .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-wide { position: relative; z-index: 3; margin: 46px 0; padding: 55px 0 40px; color: var(--white); } .module-wide + .module-featured.text-center { margin-top: 90px; } .module-wide .header-line > span { background: var(--coal); } .module-wide > .s24:first-child { margin-top: 8px; } .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.inv { color: inherit; } .module-wide.inv:before { background: var(--press); } .module-wide.text-center { } .module-wide.text-center p { max-width: 536px; margin-left: auto; margin-right: auto; } .nav-breadcrumbs { position: relative; z-index: 2; } .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: 1.39; } .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; } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9998; color: var(--white); } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 20px; } .popup-a .box-outer > .close, #root:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 9998; text-indent: -3000em; cursor: pointer; opacity: 0; } #root:after { position: fixed; background: rgba(0,0,0,.75); } .popup-a .box-inner { position: relative; z-index: 9999; width: 100%; max-width: 558px; margin: 0; } .popup-a .box-inset { visibility: hidden; padding: 31px 70px 9px; background: var(--coal); opacity: 0; } .popup-a .box-inset > .link-btn.last-child { margin-bottom: 9px; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 9999; } .popup-a h1, .popup-a h2, .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { margin-bottom: 21px; color: var(--mint); font-size: 24px; } .popup-a .link-btn { margin-top: 34px; } .popup-a .link-btn a.inv { border-color: var(--white); color: var(--white); } .popup-a.form-register { } .popup-a.form-register .box-inset { padding: 57px 92px 38px; background: var(--white); color: var(--coal); } #root .popup-a.form-register .box-inset > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 54px; height: 50px; color: var(--dove); font-size: 16px; text-indent: -3000em; text-align: left; } .popup-a.form-register .box-inset > .close:before { content: "\e943"; } .popup-a.form-register h1, .popup-a.form-register h2, .popup-a.form-register h3, .popup-a.form-register h4, .popup-a.form-register h5, .popup-a.form-register h6 { color: inherit; } .popup-a.form-register header { margin-bottom: 32px; } .popup-a.form-register header h1, .popup-a.form-register header h2, .popup-a.form-register header h3, .popup-a.form-register header h4, .popup-a.form-register header h5, .popup-a.form-register header h6 { font-size: 24px; } .popup-a.form-register .check + .submit { margin-top: 38px; } .w720, .popup-a.form-register .box-inner, .w720 .module-featured.welcome.text-center > * { max-width: 720px; } .w720.text-center { margin-left: auto; margin-right: auto; text-align: left; } /*! Headers --------- */ .header-line { overflow: hidden; position: relative; z-index: 1; font-size: 18px; line-height: 1.39; text-transform: none; } #root .header-line { line-height: 1.39; } .module-entries .header-line span { margin: 0; color: inherit; font-size: 1em; font-weight: inherit; text-transform: inherit; } .header-line:before { top: 50%; bottom: auto; height: 2px; margin-top: -1px; background: var(--mint); } .header-line > * { display: block; float: left; padding: 0 12px 0 0; background: var(--white); } .header-line.overlay + .module-entries.overlay { margin-top: -18px; } .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.s28, .module-entries .header-line.s28 { font-size: 28px; } .header-line.s28:before { background: var(--alto); } .header-line.s28 > * { padding-right: 18px; } .header-line.s28.text-center > * { padding-left: 42px; } .header-line.text-center { } .header-line.text-center > * { padding-left: 12px; } /*! 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); } .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 { font-weight: 900; } .strong, .list-search .list-inline li > span:first-child { font-weight: 700; } .em { font-style: italic; } .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 { text-align: center; } .text-right, .module-alert a.close:before { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .s14, .s14.text-uppercase { font-size: 14px; } h1.s14, h2.s14, h3.s14, h4.s14, h5.s14, h6.s14, .s14.text-uppercase { color: var(--mint); text-transform: uppercase; } .s16 { 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 { font-size: 18px; } .s20 { font-size: 20px; } h1.s20, h2.s20, h3.s20, h4.s20, h5.s20, h6.s20 { margin: 28px 0; } .s24, .list-box.featured p.strong, .form-register .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: 17px; color: var(--mint); font-size: 0.8333333333em; line-height: 1.5; } #content > .s24:first-child { margin-top: 17px; } .s28 { font-size: 28px; } .s34 { font-size: 34px; } .s62 { font-size: 62px; } .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 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 { color: 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 { color: var(--coal); } .overlay-c, .overlay-pink { color: var(--pink); } .overlay-d, .overlay-black { color: var(--black); } .overlay-azure { color: var(--azure); } .overlay-salmon { color: var(--salmon); } .overlay-algae { color: var(--algae); } .overlay-tango { color: var(--tango); } .overlay-biscay { color: var(--biscay); } .overlay-royal { color: var(--royal); } .overlay-plum { color: var(--plum); } .overlay-fuscia { color: var(--fuscia); } .overlay-arctic { color: var(--arctic); } .overlay-blush { color: var(--blush); } .overlay-iris { color: var(--iris); } .overlay-gold { color: var(--gold); } .overlay-leaf { color: var(--leaf); } .overlay-orange { color: var(--orange); } .overlay-violet { color: var(--violet); } .overlay-pine { color: var(--pine); } .overlay-cyan { color: var(--cyan); } .overlay-lemon { color: var(--lemon); } .overlay-orchid { color: var(--orchid); } .overlay-mustard { color: var(--mustard); } .overlay-aqua { color: var(--aqua); } .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); color: var(--mint); font-weight: 700; font-family: var(--font_headers); font-size: 12px; line-height: 1.39; text-transform: uppercase; text-align: center; white-space: nowrap; } .scheme-box a { width: 100%; } .scheme-box img { display: block; width: auto !important; height: auto !important; margin-left: 14px; } .scheme-box .img { display: block; margin-left: 14px; } .scheme-box .img img, .scheme-box.strong .img img { margin: 0; } .scheme-box.inline, #root .scheme-box.inline { padding: 0; background: none; } .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-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-label { display: inline-block; position: relative; 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; } #root .scheme-label { font-size: 14px; } #root .scheme-label.overlay-orange { border-color: var(--orange); color: var(--orange); } #root .scheme-label.overlay-cyan { border-color: var(--cyan); color: var(--cyan); } #root .scheme-label.overlay-neon { border-color: var(--neon); color: var(--neon); } #root .scheme-label.overlay-lemon { border-color: var(--lemon); color: var(--lemon); } #root .scheme-label.overlay-wine { border-color: var(--wine); color: var(--wine); } #root .scheme-label.overlay-teal { border-color: var(--teal); color: var(--teal); } #root .scheme-label.overlay-lilac { border-color: var(--lilac); color: var(--lilac); } .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-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); } /*! 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; } .link-btn { position: relative; z-index: 2; margin: 23px -16px 23px 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.inv { box-shadow: none; border-color: var(--fuscia); background: none; color: var(--fuscia); } #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.inline { min-width: 0; padding: 0; box-shadow: none; border-width: 0; background: none; color: var(--fuscia); } [data-whatintent="mouse"] #root .link-btn a.inline:hover { box-shadow: none; border-width: 0; background: none; color: var(--fuscia); text-decoration: underline; } #root .link-btn a.inline i { margin-left: 0; } .link-btn a i, button i, .list-title i { display: inline-block; position: relative; top: .1em; margin: 0 12px 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(-8px); transform: translateX(-8px); } .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"; } [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: 1.39; } .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.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); } /*! 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; } picture { width: 100%; } figure { position: relative; z-index: 2; margin: 23px 0; } figure > a { display: block; position: relative; z-index: 2; } figure .icon-play { display: block; position: absolute; left: 0; right: 0; top: 50%; z-index: 2; margin-top: -72px; color: var(--white); font-size: 144px; line-height: 144px; text-align: center; mix-blend-mode: overlay; } figure .icon-play { -webkit-transform: scale(0.875); transform: scale(0.875); } .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-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.strong { max-width: 886px; margin-left: auto; margin-right: auto; padding-top: 90px; padding-bottom: 90px; } .media-wide { 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.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-box { list-style: none; margin: 0 0 16px -16px; padding: 0; color: var(--white); line-height: 1.75; } .list-box li { position: relative; z-index: 3; width: 50%; max-width: none; margin: 0 0 16px; padding: 8px 8px 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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI2VhOWIwZiIgZD0iTTQwIDIwYzAgMTEtOSAyMC0yMCAyMFMwIDMxIDAgMjAgOSAwIDIwIDBzMjAgOSAyMCAyMHoiLz48cGF0aCBmaWxsPSIjZmZhYTAxIiBkPSJNMzcuMSAyMGExNy4xIDE3LjEgMCAxMS0zNC4xOC4wMkExNy4xIDE3LjEgMCAwMTM3LjEgMjB6Ii8+PHBhdGggZmlsbD0iI2ZhOTQwMSIgZD0iTTIxIDkuNWM0LjQgMCA2LjYgMi42IDYuOCA2LjFoLTUuMmMtLjEtLjktLjUtMS41LTEuNC0xLjUtMSAwLTEuMy43LTEuMyAxLjggMCAuNy4zIDEuNi42IDIuNmg0LjN2My44SDIxYy0uMi45LS42IDItMS42IDIuOEgyOHY0LjRIMTMuOGwtLjctMi43YzEuNi0xLjIgMi4zLTIuNSAyLjUtNC41SDEzdi0zLjhoMmMtLjItMS0uNC0yLjEtLjQtMy4yLS4xLTMuNyAyLjYtNS44IDYuNC01Ljh6Ii8+PHBhdGggZmlsbD0iI2Y5ZDUxMSIgZD0iTTIwLjYgOWM0LjQgMCA2LjYgMi42IDYuOCA2LjFoLTUuMmMtLjEtLjktLjUtMS41LTEuNC0xLjUtMSAwLTEuMy43LTEuMyAxLjggMCAuNy4zIDEuNi42IDIuNmg0LjN2My44aC0zLjhjLS4yLjktLjYgMi0xLjYgMi44aDguNlYyOUgxMy4zbC0uNy0yLjdjMS42LTEuMiAyLjMtMi41IDIuNS00LjVoLTIuNlYxOGgyYy0uMi0xLS40LTIuMS0uNC0zLjJDMTQgMTEuMSAxNi43IDkgMjAuNiA5eiIvPjwvc3ZnPg==); color: rgba(0,0,0,0); } .list-box i.icon-salary:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAzMy4zIj48cGF0aCBmaWxsPSIjZWE5YjBmIiBkPSJNMjkuOCAzLjZBMTIuMzEgMTIuMzEgMCAwMTEyLjQgMjEgMTIuMzEgMTIuMzEgMCAwMTI5LjggMy42eiIvPjxwYXRoIGZpbGw9IiNmZmFhMDEiIGQ9Ik0yOC41IDQuOWM0LjEgNC4xIDQuMSAxMC44IDAgMTQuOXMtMTAuOCA0LjEtMTQuOSAwYy00LTQuMi00LTEwLjguMS0xNC45czEwLjctNC4xIDE0LjggMHoiLz48cGF0aCBmaWxsPSIjZmE5NDAxIiBkPSJNMTcgNy4zYzEuOS0xLjkgNC0xLjcgNS42LS4zbC0yLjMgMi4zYy0uNC0uMy0uOS0uNS0xLjMtLjFzLS4zLjkuMiAxLjNjLjMuMy44LjYgMS40LjlsMS45LTEuOSAxLjYgMS42LTEuNyAxLjdjLjMuNS42IDEuMS41IDEuOWwzLjctMy43IDEuOSAxLjktNi4xIDYuMS0xLjQtLjhjLjItMS4yLS4xLTIuMS0uOS0zTDE5IDE2LjNsLTEuNi0xLjYuOS0uOWMtLjYtLjMtMS4xLS44LTEuNi0xLjItMS42LTEuNi0xLjMtMy43LjMtNS4zeiIvPjxwYXRoIGZpbGw9IiNmOWQ1MTEiIGQ9Ik0xNi42IDcuM2MxLjktMS45IDQtMS43IDUuNi0uM0wyMCA5LjJjLS40LS4zLS45LS41LTEuMy0uMXMtLjMuOS4yIDEuM2MuMy4zLjguNiAxLjQuOWwxLjktMS45IDEuNiAxLjYtMS43IDEuN2MuMy41LjYgMS4xLjUgMS45bDMuNy0zLjcgMS45IDEuOS02LjEgNi4xLTEuNS0uOWMuMi0xLjItLjEtMi4xLS45LTNsLTEuMSAxLjEtMS42LTEuNC45LS45Yy0uNi0uMy0xLjEtLjgtMS42LTEuMi0xLjctMS42LTEuNC0zLjcuMy01LjN6Ii8+PHBhdGggZmlsbD0iI2YzOWM1NiIgZD0iTTIyLjUgMjYuNWwxMS45LTUuMmM0LjQtMi4xIDUuMS45IDEuOCAyLjctMy43IDItMTAuOCA1LTEwLjggNWwtMi44LS44di0xLjd6Ii8+PHBhdGggZmlsbD0iI2ZhYjY3YSIgZD0iTTIyLjUgMzMuM2MtNC4xLS41LTIwLTMuMy0yMC40LTMuM2gtMnYtOS40aDIuNGM0LjMtMS4xIDUuNS0yLjkgMTEuNC0xLjkgMS42LjMgOS43LjcgMTMuNyAxLjIgMi43LjMgMy40IDMuNi0yLjMgMy45LTYuMS4yLTguOS4zLTguOS4zczUuNSAyLjMgNy4zIDIuOWwxMy4xLTQuN2MzLjYtMS43IDQuMSAxLjQgMS44IDIuNy0yLjEgMS4yLTkuMyA1LjQtMTYuMSA4LjN6Ii8+PC9zdmc+); color: rgba(0,0,0,0); } .list-box i.icon-office:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MCAzMy40IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MXtmaWxsOiM0NDcwYTB9LnN0MntmaWxsOiMyYTNjNTN9LnN0M3tmaWxsOiNkZWUyZTR9LnN0NHtmaWxsOiNkOGQ4ZDd9LnN0NXtmaWxsOiNmMGYwZjB9LnN0NntmaWxsOiNiM2IzYjN9LnN0N3tmaWxsOiM2NjZ9LnN0OHtmaWxsOiM4ZWNhYjZ9LnN0OXtmaWxsOiM2NWE4OTB9LnN0MTJ7ZmlsbDojZmZhYTAxfTwvc3R5bGU+PHBhdGggZD0iTTE1LjYgOC4zaDcuOHYyNC44aC03Ljh6IiBjbGFzcz0ic3QxIi8+PHBhdGggZD0iTTE2LjQgOC4zaDYuMnYyNC44aC02LjJ6IiBjbGFzcz0ic3QyIi8+PHBhdGggZD0iTTE1LjYgMjVoNy44djguMWgtNy44eiIgY2xhc3M9InN0MSIvPjxwYXRoIGQ9Ik0xOC4yIDI3LjhjMCAuNy42IDEuMyAxLjMgMS4zczEuMy0uNiAxLjMtMS4zYzAtLjctLjYtMS4zLTEuMy0xLjMtLjcuMS0xLjMuNi0xLjMgMS4zem0tLjQgMGMwLTEgLjgtMS43IDEuNy0xLjcgMSAwIDEuNy44IDEuNyAxLjcgMCAxLS44IDEuNy0xLjcgMS43LTEgMC0xLjctLjctMS43LTEuN3oiIGNsYXNzPSJzdDIiLz48cGF0aCBkPSJNMTYuOSAzMC4ySDIyVjMyaC01LjF6IiBjbGFzcz0ic3QzIi8+PHBhdGggZD0iTTIxLjggNy42aC40djE3LjVoLS40ek0yMSA3LjZoLjR2MTcuNUgyMXpNMjAuMSA3LjZoLjR2MTcuNWgtLjR6TTE5LjMgNy42aC40djE3LjVoLS40ek0xOC40IDcuNmguNHYxNy41aC0uNHpNMTcuNiA3LjZoLjR2MTcuNWgtLjR6TTE2LjcgMjVoLjVWNy42aC0uNXYxNS41eiIgY2xhc3M9InN0NCIvPjxwYXRoIGQ9Ik0yMS40IDcuNmguNHYxNy41aC0uNHpNMjAuNiA3LjZoLjR2MTcuNWgtLjR6TTE5LjcgNy42aC40djE3LjVoLS40ek0xOC45IDcuNmguNHYxNy41aC0uNHpNMTggNy42aC40djE3LjVIMTh6TTE3LjIgNy42aC40djE3LjVoLS40eiIgY2xhc3M9InN0NSIvPjxwYXRoIGQ9Ik03LjggOC4zaDcuOHYyNC44SDcuOHoiIGNsYXNzPSJzdDYiLz48cGF0aCBkPSJNOC42IDguM2g2LjJ2MjQuOEg4LjZ6IiBjbGFzcz0ic3Q3Ii8+PHBhdGggZD0iTTcuOCAyNWg3Ljh2OC4xSDcuOHoiIGNsYXNzPSJzdDYiLz48cGF0aCBkPSJNMTAuNCAyNy44YzAgLjcuNiAxLjMgMS4zIDEuMy43IDAgMS4zLS42IDEuMy0xLjNzLS42LTEuMy0xLjMtMS4zYy0uNy4xLTEuMy42LTEuMyAxLjN6bS0uNCAwYzAtMSAuOC0xLjcgMS43LTEuNyAxIDAgMS43LjggMS43IDEuN3MtLjggMS43LTEuNyAxLjdjLTEgMC0xLjctLjctMS43LTEuN3oiIGNsYXNzPSJzdDciLz48cGF0aCBkPSJNOS4xIDMwLjJoNS4xVjMySDkuMXoiIGNsYXNzPSJzdDMiLz48cGF0aCBkPSJNMTQgNy42aC40djE3LjVIMTR6TTEzLjIgNy42aC40djE3LjVoLS40ek0xMi4zIDcuNmguNHYxNy41aC0uNHpNMTEuNSA3LjZoLjR2MTcuNWgtLjR6TTEwLjYgNy42aC40djE3LjVoLS40ek05LjggNy42aC40djE3LjVoLS40ek04LjkgNy42aC40djE3LjVoLS40eiIgY2xhc3M9InN0NCIvPjxwYXRoIGQ9Ik0xMy42IDcuNmguNHYxNy41aC0uNHpNMTIuOCA3LjZoLjR2MTcuNWgtLjR6TTExLjkgNy42aC40djE3LjVoLS40ek0xMS4xIDcuNmguNHYxNy41aC0uNHpNMTAuMiA3LjZoLjR2MTcuNWgtLjR6TTkuNCA3LjZoLjR2MTcuNWgtLjR6IiBjbGFzcz0ic3Q1Ii8+PHBhdGggZD0iTTAgOC4zaDcuOHYyNC44SDB6IiBjbGFzcz0ic3Q4Ii8+PHBhdGggZD0iTS44IDguM2g2LjF2MjQuOEguOHoiIGNsYXNzPSJzdDkiLz48cGF0aCBkPSJNMCAyNWg3Ljh2OC4xSDB6IiBjbGFzcz0ic3Q4Ii8+PHBhdGggZD0iTTIuNiAyNy44YzAgLjcuNiAxLjMgMS4zIDEuM3MxLjMtLjYgMS4zLTEuMy0uNi0xLjMtMS4zLTEuM2MtLjcuMS0xLjMuNi0xLjMgMS4zem0tLjQgMGMwLTEgLjgtMS43IDEuNy0xLjcgMSAwIDEuNy44IDEuNyAxLjcgMCAxLS44IDEuNy0xLjcgMS43LTEgMC0xLjctLjctMS43LTEuN3oiIGNsYXNzPSJzdDkiLz48cGF0aCBkPSJNMS4zIDMwLjJoNS4xVjMySDEuM3oiIGNsYXNzPSJzdDMiLz48cGF0aCBkPSJNNi4yIDcuNmguNHYxNy41aC0uNHpNNS40IDcuNmguNHYxNy41aC0uNHpNNC41IDcuNmguNHYxNy41aC0uNHpNMy43IDcuNmguNHYxNy41aC0uNHpNMi44IDcuNmguNHYxNy41aC0uNHpNMiA3LjZoLjR2MTcuNUgyek0xLjEgNy42aC40djE3LjVoLS40eiIgY2xhc3M9InN0NCIvPjxwYXRoIGQ9Ik01LjggNy42aC40djE3LjVoLS40ek01IDcuNmguNHYxNy41SDV6TTQuMSA3LjZoLjR2MTcuNWgtLjR6TTMuMyA3LjZoLjR2MTcuNWgtLjR6TTIuNCA3LjZoLjR2MTcuNWgtLjR6TTEuNiA3LjZIMnYxNy41aC0uNHoiIGNsYXNzPSJzdDUiLz48cGF0aCBmaWxsPSIjY2NjIiBkPSJNMjYuMiAzMi4zdi04LjFsMTEuNy05LjhMMjcuOCAyLjJsLTQuOSA0LjEtLjgtMSA1LjktNSAxMS44IDE0LjMtMTIuMyAxMC4yLjEgNy41eiIvPjxwYXRoIGZpbGw9IiM3NGI3OWYiIGQ9Ik0yMi4xIDMuMWgzLjV2My40aC0zLjV6IiB0cmFuc2Zvcm09InJvdGF0ZSgtNDIuOTA0IDIzLjg4OCA0Ljg0NikiLz48cGF0aCBkPSJNMTIuMSA5LjRsNS4xLTQuOGMxLjktMS44IDQuOC0xLjcgNi42LjIgMS44IDEuOSAxLjcgNC44LS4yIDYuNkwxOC4xIDE2bC02LTYuNnpNMjMuMSAzMS4ySDMxdjIuM2gtNy45eiIgY2xhc3M9InN0OCIvPjxwYXRoIGQ9Ik0zNy41IDE0LjJjMCAuNy42IDEuMyAxLjMgMS4zLjcgMCAxLjMtLjYgMS4zLTEuM3MtLjctMS4yLTEuNC0xLjJjLS4zIDAtLjcuMS0uOS40LS4yLjItLjMuNS0uMy44ek0yNi43IDEuM2MwIC43LjYgMS4zIDEuMyAxLjMuNyAwIDEuMy0uNiAxLjMtMS4zQzI5LjMuNiAyOC43IDAgMjggMGMtLjggMC0xLjMuNi0xLjMgMS4zek0yNS44IDI0LjdjMCAuNy42IDEuMyAxLjMgMS4zLjcgMCAxLjMtLjYgMS4zLTEuM3MtLjYtMS4zLTEuMy0xLjNjLS4zIDAtLjcuMS0uOS40cy0uNC41LS40Ljl6IiBjbGFzcz0ic3QxMiIvPjwvc3ZnPg==); color: rgba(0,0,0,0); } .list-box i.icon-retention:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MCAzNC43IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MntmaWxsOiM3OGI1OWZ9LnN0NXtmaWxsOiMyMjFmMWZ9PC9zdHlsZT48cGF0aCBmaWxsPSJub25lIiBkPSJNMTkuMyAyTDkuNCA0LjhjLS45LjItMS41LjktMS4zIDEuNmwuNyAyLjQgMTMuMS0zLjctLjctMi40Yy0uMi0uNi0xLS45LTEuOS0uN3oiLz48cGF0aCBkPSJNOC4xIDYuNGMtLjItLjcuNC0xLjQgMS4zLTEuNkwxOS4zIDJjLjktLjMgMS44LjEgMS45LjdsLjcgMi40IDEuNy0uNS0xLTMuNUMyMi40LjUgMjEuNC0uMiAyMC41IDBMNy4zIDMuN2MtLjkuMy0xLjMgMS40LTEuMiAybDEgMy41IDEuNy0uNS0uNy0yLjN6TTM1LjQgMjEuNUwzMi4xIDkuN2wtMTQuNCA1LjUtMTUuMiAyLjYgMy4zIDEyeiIgY2xhc3M9InN0MiIvPjxwYXRoIGZpbGw9IiM4ZWNhYjYiIGQ9Ik0zMi4xIDkuN2wuNi0uMi0yLTYuOS03LjIgMi0xLjYuNUw4LjggOC43bC0xLjcuNS03LjEgMiAxLjkgNi43LjYtLjEgMTUuMi0yLjZ6Ii8+PHBhdGggZmlsbD0iI2ZmYWEwMSIgZD0iTTE2LjQgMTMuM2gzLjN2My41aC0zLjN6IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTUuNTQ5IDE4LjA2NSAxNS4wNDYpIi8+PHBhdGggZD0iTTE4LjYgMTQuNWMuMS4zLS4xLjctLjQuOC0uMy4xLS43LS4xLS44LS40cy4xLS43LjQtLjhjLjIgMCAuMyAwIC41LjEuMSAwIC4yLjEuMy4zeiIgY2xhc3M9InN0NSIvPjxwYXRoIGQ9Ik0xNy44IDE0LjdoLjZ2MS4yaC0uNnoiIGNsYXNzPSJzdDUiIHRyYW5zZm9ybT0icm90YXRlKC0xNS41NTcgMTguMTQ4IDE1LjMwNikiLz48cGF0aCBmaWxsPSIjNDQ3MGEwIiBkPSJNMzYuOSAxMS4zYy0uNi0uMy0xLjMtLjItMS44LjItLjUuNS0uNiAxLjItLjMgMS44LjMtLjIuNi0uMi45LS4xLjMuMi40LjUuNC44LjcgMCAxLjItLjUgMS40LTEuMS4zLS42IDAtMS4zLS42LTEuNnpNMTkgMTkuNmwzLTMuMy0uMiA0LjUtLjktLjRjLS4yIDMuMSAxIDYuMiAzLjQgOC4zbDguMi0xMi42LS45LS41Yy0uMy4yLS43LjEtMS0uMS0uMy0uMy0uMy0uNy0uMS0xIC4yLS4zLjYtLjUuOS0uMy40LjEuNi41LjYuOGwuOS41LjctMS4xYy0uOC0xLjItLjctMi44LjMtMy45czIuNi0xLjMgMy45LS42YzEuMy43IDEuOSAyLjMgMS40IDMuNy0uNCAxLjQtMS44IDIuMy0zLjIgMi4ybC0uNiAxLjIuOS41Yy4zLS4yLjctLjIgMSAuMS4zLjMuMy43LjIgMS0uMi4zLS42LjUtLjkuNC0uNC0uMS0uNi0uNC0uNi0uOGwtMS0uNy03IDEzLjRjMyAxIDYuMy41IDguOS0xLjJsLS43LS41IDMuOC0yLjQtMS40IDQuMi0uOC0uNmExMC41IDEwLjUgMCAwMS0xMy43IDIuOWMtNC42LTIuNy02LjUtOC40LTQuMy0xMy4zbC0uOC0uNHoiLz48L3N2Zz4=); 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; } 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; } .list-box.a li { width: 20%; min-height: 199px; margin-bottom: 18px; padding: 33px 10px .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 > span { display: block; width: 100%; margin: auto 0; } .list-box.a .link-btn { margin-top: auto; margin-bottom: 0; padding-top: 37px; } .list-box.a .link-btn a { width: 100%; min-width: 0; margin-bottom: 10px; } .list-box.featured { margin-left: -201px; margin-right: -185px; margin-bottom: 34px; color: var(--mint); font-weight: 700; font-family: var(--font_headers); line-height: 1.4444444444; } .list-box.featured li { width: 33.33333333%; padding: 26px 20px .1px; 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 { width: 100%; margin: 0 0 18px; color: var(--white); font-size: 52px; line-height: 1; } .list-box.featured p { width: 100%; margin: 0 0 24px; } .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 { 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 + * > 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: 46px; } .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.strong { font-weight: 700; font-family: var(--font_headers); line-height: 1.5;; } .list-box.strong li { min-height: 131px; padding: 11px 30px; 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; } .list-box.wide li { width: 100%; min-height: 131px; padding-top: 20px; padding-bottom: 20px; font-size: 28px; } .list-box.wide i { top: 0; margin-right: 26px; font-size: 2.1428571429em; line-height: 1; } .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; } .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 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: 1.5555555556; } .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(--fuscia); font-size: 16px; text-transform: uppercase; text-align: center; } #root .list-btn.wide li { width: 100%; max-width: none; } .list-cols { list-style: none; margin: 0 0 3px -16px; padding: 0; text-align: center; } .list-cols li { 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; } .list-cols h1, .list-cols h2, .list-cols h3, .list-cols h4, .list-cols h5, .list-cols h6 { 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 { margin-bottom: 9px; font-size: 14px; text-transform: uppercase; } .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 .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; padding: 0 300px 0 0; line-height: 1.3333333333; } .list-entry:before { bottom: 24px; border-bottom: 2px solid var(--venus); } .list-entry li { position: relative; z-index: 2; width: 50%; margin-bottom: 26px; padding: 0 0 20px; 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 { 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-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: 1.5555555556; } .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: 18px; 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-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 { margin-right: 4px; } .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: 1.39; 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; } .list-logo ul { position: absolute; right: 13px; bottom: 8px; list-style: none; margin: 0; padding: 0; color: var(--mint); } #root .list-logo ul li { display: block; width: auto; height: auto; margin: 0; padding: 0; border-width: 0; font-size: 14px; } .list-logo ul li i { display: inline-block; position: relative; top: -.1em; margin-right: 2px; line-height: 1px; } .list-logo ul 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-profile { list-style: none; margin: 50px 0 17px -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 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-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: Museo_Sans, Arial, sans-serif; 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: 0 auto 39px; 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-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); } .list-search li.featured { min-height: 219px; margin: 38px -84px 44px; padding: 12px 30px .1px 368px; color: var(--white); font-size: 18px; line-height: 1.5555555556; } .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 { 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; } .list-search.a li:after { background: var(--white); } #root .list-search.a figure { margin-bottom: 37px; text-align: right; } #root .list-search.a figure img { position: relative; left: 0; top: 15px; margin: -30px 13px 0 0; } .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: 50px; } .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 { position: static; margin-bottom: 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 { content: ""; display: block; position: absolute; left: -1000px; top: 50%; width: 1072px; height: 1px; margin: -.5px 0 0; background: var(--coal); } .list-team { list-style: none; margin: 86px 0 62px; padding: 0; font-size: 18px; line-height: 1.5555555556; } .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 { 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; } .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: 1.39; 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: 1.5555555556; } .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: 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: 1100px; margin: 0 0 0 -550px !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; } input, select, textarea { -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(--fuscia); background: var(--fuscia); color: var(--white); opacity: .2; } #root .link-btn a.disabled, #root .link-btn.disabled a, #root .link-btn a.disabled:focus, #root .link-btn.disabled a: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(--fuscia); text-decoration: none; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } ::placeholder { opacity: 1; color: inherit; } :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, .form-box h1.label, .form-box h2.label, .form-box h3.label, .form-box h4.label, .form-box h5.label, .form-box h6.label { margin-bottom: 0; } #root label.error { display: block; z-index: 1; clear: both; margin-bottom: 0; padding-top: 10px; color: var(--wine); 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: 1px solid var(--iron); background: 100% 50% no-repeat var(--porcelain); background-size: auto 6px; color: var(--black); font-size: 18px; } input, select, .semantic-select .input { height: 49px; padding: 0 19px; } input[type="date"] { line-height: 56px; } [data-whatintent="mouse"] input:hover, [data-whatintent="mouse"] select:hover, [data-whatintent="mouse"] textarea: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; } 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: 1.5555555556; } input + a.show { position: absolute; left: auto; right: 0; top: 0; z-index: 9; font-size: 14px; line-height: 1.7142857143; } button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { display: block; position: relative; float: left; min-width: 184px; padding: 18.5px 26px; box-shadow: 0 4px 20px rgba(112,144,176,.3); border-radius: 0; border: 2px solid var(--fuscia); background: var(--fuscia); 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; } [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 { box-shadow: 0 8px 20px rgba(112,144,176,.2); border-color: var(--persian); background: var(--persian); color: var(--white); } [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 { -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 { box-shadow: 0 1px 2px rgba(112,144,176,.4); border-color: var(--jazz); background: var(--jazz); color: var(--white); } [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"; } .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: 246px; 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); } .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; } .check label { position: relative; z-index: 2; margin: 0; padding: 0 0 0 42px; 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 { content: ""; left: 0; right: auto; top: 11px; width: 24px; height: 24px; border: 1px solid var(--iron); background: 100% 50% no-repeat var(--porcelain); color: var(--elm); font-size: 11px; line-height: 23px; cursor: pointer; } .check input:checked ~ label:before { content: "\e919"; } .check input[type="radio"] ~ label:before { border-radius: 99px; } .check input[type="radio"]:checked ~ label:before { border-color: var(--mint); } .check input[type="radio"]:checked ~ label:after { content: ""; display: block; position: absolute; left: 3px; top: 4px; z-index: 2; width: 18px; height: 18px; border-radius: 22px; background: var(--mint); cursor: default; } .check input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .check li { margin-bottom: 21px; } #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 { margin-top: 16px; } .check + h1, .check + h2, .check + h3, .check + h4, .check + h5, .check + h6, .check + p > label:first-child { margin-top: 35px; } 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-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; } .form-aside { text-align: left; } .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: 6px; color: inherit; font-size: 24px; line-height: 1.3333333333; } .form-aside header p { margin-bottom: 19px; } .form-aside header p a { color: var(--fuscia); 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-box { position: relative; z-index: 2; margin: 50px 0 45px; padding: 37px 38px 9px; color: var(--white); } .form-box:before { border-top: 10px solid var(--fuscia); background: var(--coal); } .form-box h1, .form-box h2, .form-box h3, .form-box h4, .form-box h5, .form-box h6 { margin-bottom: 16px; 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; margin-bottom: 24px; } .form-box p > label:first-child, .form-box p + .label { padding-top: 3px; } .form-box figure { max-width: 294px; height: 123px; margin: 0 0 18px; background: var(--white); } .form-box button { margin-top: 14px; } .form-box aside { position: absolute; right: -30px; top: 125px; } .form-box aside figure { max-width: none; height: auto; background: none; } .list-btn + .form-box { margin-top: 29px; } .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); } aside .form-box { padding: 31px 24px 4px; } 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-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; } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { width: 100%; margin: 0 0 30px; color: var(--mint); font-size: 14px; text-transform: uppercase; } .form-filter > div { margin: 0 0 0 -46px; } .form-filter > div > * { max-width: 25%; min-width: 0; margin-top: 0; border-left: 46px solid rgba(0,0,0,0); } .form-filter input, .form-filter select, .form-filter textarea, .form-filter .semantic-select .input, .form-filter input + label { display: block; 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: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; 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); } #root .form-filter select { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCA2LjEiPjxwYXRoIGZpbGw9IiMyZTQwNTkiIGQ9Ik05LjQgMS40TDggMCA0LjcgMy4zIDEuNCAwIDAgMS40bDQuNyA0Ljd6Ii8+PC9zdmc+); } #root .form-filter 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 .semantic-select.active .input, [data-whatintent="mouse"] .form-filter input + label:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .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 { 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-quiz { position: relative; z-index: 2; margin: 45px 0 0; } .form-quiz header p { 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 -20px 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 footer { margin: 30px -19px 0 0; } .form-quiz footer p, .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; padding-top: 18px; padding-left: 20px; padding-right: 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.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); } .form-register h1, .form-register h2, .form-register h3, .form-register h4, .form-register h5, .form-register h6 { margin: 49px 0 25px; font-size: 20px; } .form-register p { max-width: 294px; margin-bottom: 28px; } .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 { 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-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: 2px; width: 16px; height: 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 { 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; } #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; padding: 52px 68px 20px; color: var(--black); font-size: 16px; line-height: 1.5; } .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; } .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 18px; 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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS45IDE5LjkiPjxwYXRoIGZpbGw9IiM4ZWNhYjYiIGQ9Ik04LjggMTcuNWMyIDAgMy44LS42IDUuMy0xLjhsNC4xIDQuMUwyMCAxOGwtNC4yLTRhOC43NSA4Ljc1IDAgMDAtNy0xNC4xQzMuOSAwIDAgMy45IDAgOC44czMuOSA4LjcgOC44IDguN3ptMC0xNWMzLjUgMCA2LjMgMi44IDYuMyA2LjNTMTIuMyAxNSA4LjggMTVzLTYuMy0yLjgtNi4zLTYuMyAyLjgtNi4yIDYuMy02LjJ6Ii8+PC9zdmc+) 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 17px 0; } .form-sort p { margin: 0 22px 22px 0; } .form-sort select { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA0NCAxOS41IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOiM4ZWNhYjZ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNi44IDE2LjZWMEg1LjJ2MTYuNmwtNC4xLTQuMkwwIDEzLjVsNiA2IDYtNi0xLjEtMS4xek0xNyAwbC02IDYgMS4xIDEuMUwxNi4yIDN2MTYuNWgxLjZWM2w0LjEgNC4xTDIzIDZ6Ii8+PC9zdmc+); text-align: left; } .form-sort select:focus { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAxOS41Ij48cGF0aCBmaWxsPSIjOGVjYWI2IiBkPSJNMTIuOCA0LjVsLTEuMS0xLjEtNS4zIDUuMy01LjMtNS4zTDAgNC41bDUuMyA1LjNMMCAxNS4xbDEuMSAxLjEgNS4zLTUuMyA1LjMgNS4zIDEuMS0xLjEtNS4zLTUuM3oiLz48L3N2Zz4=); } .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: 5; margin: 38px 0; } .form-tabs > nav { width: 100%; font-weight: 700; font-family: var(--font_headers); line-height: 1.39; } .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; 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; background: var(--coal); } .form-tabs form p { margin-bottom: 24px; border-left: 22px solid rgba(0,0,0,0); } .form-tabs form .submit { position: absolute; right: 25px; bottom: 22px; width: 184px; margin-bottom: 0; border-width: 0; } .form-tabs form .submit button { min-width: 0; width: 100%; height: 58px; padding: 0 10px; } .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); } /*! Helpers --------- */ .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, .popup-a .close, .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, #footer-new > ul a, #footer-new > ul a:before, #footer-new { 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 { 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 #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 li:before, .list-logo ul 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, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close, #root .popup-a .box-inset > .close, .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 { 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, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, body > figure.active { 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, .popup-a .link-btn:first-child, .module-register .link-btn:first-child, .form-register.a .submit, .header-user li:first-child, .popup-a.form-register .submit, .list-news:first-child, #root .m30 + *, #root .m35 + *, .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 { 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 { margin-bottom: 0; } #root .m5, #root #content > .m5:last-child { margin-bottom: 5px; } #root .m10, #root #content > .m10:last-child { margin-bottom: 10px; } #root .m15, #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: 17px; } #root .m20, #root #content > .m20:last-child { margin-bottom: 20px; } #root.m20 + .form-sort { margin-top: 22px; } #root .m25, #root #content > .m25:last-child { margin-bottom: 25px; } #root .m30, #root #content > .m30:last-child { margin-bottom: 30px; } #root .m35, #root #content > .m35:last-child { margin-bottom: 35px; } #root .m40, #root #content > .m40:last-child { margin-bottom: 40px; } #root .m45, #root #content > .m45:last-child { margin-bottom: 45px; } #root .m50, #root #content > .m50:last-child { margin-bottom: 50px; } #root .m55, #root #content > .m55:last-child { margin-bottom: 55px; } #root .m60, #root #content > .m60:last-child { margin-bottom: 60px; } #root .m70, #root #content > .m70:last-child { margin-bottom: 70px; } #root .m80, #root #content > .m80:last-child { margin-bottom: 80px; } /*! 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 */ #footer-new > ul, #footer-new > nav, #footer-new > ul, .module-box-sticky figure, .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-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, .popup-a .box-outer, .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, .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; } .scheme-score { display: inline-flex; } /* f:wn */ .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 { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:dr */ .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-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6 { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* f:dc */ .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 */ .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 */ .module-box-sticky figure, .module-featured.welcome.text-center > .link-btn, .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, .popup-a .box-outer, .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, .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 */ .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 */ #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 */ .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 */ .module-box-sticky figure, .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, .list-companies figure, .popup-a .box-outer, .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 */ .form-tabs, .form-featured > * { -webkit-align-items: flex-end; align-items: flex-end; } /* f:b0 */ .form-tabs form p { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g3 */ .form-filter > div > *, .header-user ul, .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 { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! 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-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-check:before { content: "\e919"; } .icon-check-circle:before { content: "\e91a"; } .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-circle:before { content: "\e931"; } .icon-cog:before { content: "\e960"; } .icon-coin:before { content: "\e90a"; } .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-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-facebook:before { content: "\e93d"; } .icon-facebook-square:before { content: "\e93e"; } .icon-instagram:before { content: "\e93f"; } .icon-instagram-1:before { content: "\e941"; } .icon-instagram-2:before { content: "\e942"; } .icon-justice:before { content: "\e907"; } .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-logout:before { content: "\e946"; } .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-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-play:before { content: "\e96c"; } .icon-pointer:before { content: "\e922"; } .icon-retention:before { content: "\e906"; } .icon-salary:before { content: "\e900"; } .icon-star:before { content: "\e94e"; } .icon-star-rounded:before { content: "\e95c"; } .icon-thumb-up:before { content: "\e923"; } .icon-time:before { content: "\e928"; } .icon-time2:before { content: "\e938"; } .icon-tooltip:before { content: "\e914"; } .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-circle:before { content: "\e925"; } .icon-virtual-law-fair-2021:before { content: "\e92e"; } .icon-warning:before { content: "\e924"; } .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"; } /*! 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 --------- */ .popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; } .popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; } @-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } /* Responsive --------- */ @media only screen and (min-width: 62.5em) { /* 1000 min */ .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 { 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; } .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: 87.5em) { /* 1400 */ #footer { width: 1100px; } #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: 75em) { /* 1200 */ #footer-new { width: 1100px; } #footer-new > nav { padding-left: 430px; } #footer-new > nav > *:first-child { width: 430px; min-width: 430px; max-width: 430px; margin-left: -430px; } } @media only screen and (max-width: 71.875em) { /* 1150 */ #top, #root > .list-usp, #root > .sticky, .module-alert.position-top, .module-alert.position-bottom, .module-fixed, #footer, #content, .theme-compact #footer, #footer-new { width: 960px; } #top, #root > .list-usp, #root > .sticky, .module-alert.position-top, .module-alert.position-bottom, .module-fixed { margin-left: -480px; } #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-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-box { padding-left: 22px; padding-right: 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 { } .form-filter > div { margin-left: -16px; } .form-filter > div > * { border-left-width: 16px; } .form-register { } .form-register .module-box { max-width: 550px; padding-left: 50px; padding-right: 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 { } .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: 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-featured { margin-top: 40px; } .list-featured li { border-left-width: 30px; } .w720 .list-featured { margin-left: -150px; margin-right: -120px; } .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-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-external.wide { } .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 { } .module-register > header h1, .module-register > header h2, .module-register > header h3, .module-register > header h4, .module-register > header h5, .module-register > header h6 { padding: 39px 20px; font-size: 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; } .module-welcome h1, .module-welcome h2, .module-welcome h3, .module-welcome h4, .module-welcome h5, .module-welcome h6 { font-size: 58px; } .w720 { } .w720 .nav-breadcrumbs, .w720 .header-top, .w720 .module-landing, .form-featured, .w720 .form-tabs, .w720 .module-featured.welcome, .w720 .media-wide, .list-box.featured, .w720 .module-tablet-wide, .w720 .header-profile, .w720 .form-filter { margin-left: -120px; margin-right: -120px; } .list-box.featured { 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 (max-width: 68.75em) { /* 1100 */ body > figure a.close { right: 0; top: 0; width: 59px; height: 59px; margin-right: 0; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #root > .list-usp, #root > .sticky, .module-alert.position-top, .module-alert.position-bottom, .module-fixed, #footer, #content, .theme-compact #footer, #content.w905, #footer-new { width: 720px; } #top, #root > .list-usp, #root > .sticky, .module-alert.position-top, .module-alert.position-bottom, .module-fixed { margin-left: -360px; } 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; } #root > .list-usp { margin-left: -360px !important; } #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; } .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-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-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-quiz { } .form-quiz h1, .form-quiz h2, .form-quiz h3, .form-quiz h4, .form-quiz h5, .form-quiz h6 { margin-right: 0; } .form-register { } .form-register .module-box { max-width: 422px; padding: 32px 35px 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 { } .header-profile h1, .header-profile h2, .header-profile h3, .header-profile h4, .header-profile h5, .header-profile h6 { width: 140px; font-size: 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-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 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 { } .header-user h1, .header-user h2, .header-user h3, .header-user h4, .header-user h5, .header-user h6, .header-user p { margin-bottom: 20px; } .input-file { } #root .input-file .label .scheme-tip { margin-left: 0; } .list-box.a { } .list-box.a li { width: 33.33333333%; } .list-box.featured { 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-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-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: 17px; } .list-logo.box li { width: 33.3333333%; } .list-logo.box.compact li, .list-logo.b li { width: 25%; } .list-cols { } .list-cols li { width: 50%; } .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-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-title.b { } .list-title.b li { width: 100%; } .media-overlay.strong { padding-top: 40px; padding-bottom: 40px; } .module-academy { display: block; } #root .module-academy > * { 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-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-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-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; } .module-header { } .module-header > .scheme-box + div { margin-top: 25px; } .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; } .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, .module-register > header h2, .module-register > header h3, .module-register > header h4, .module-register > header h5, .module-register > header h6 { padding: 18px; font-size: 36px; } .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 { 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 { 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: 17px; font-size: 20px; } .module-register .link-btn { margin-top: -7px; } .module-register p { margin-bottom: 22px; } .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; } #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; } .module-welcome h1, .module-welcome h2, .module-welcome h3, .module-welcome h4, .module-welcome h5, .module-welcome h6 { font-size: 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 { } .nav-breadcrumbs + .cols-a { margin-top: 32px; } q { margin-top: 38px; margin-bottom: 38px; font-size: 24px; line-height: 1.4583333333; } q:before { bottom: 9px; } .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 { margin-left: 0; margin-right: 0; } .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 { 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 { -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, .module-header h2 span, .module-header h3 span, .module-header h4 span, .module-header h5 span, .module-header h6 span { 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, #root .list-search figure.tablet-hide { 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 (max-width: 47.5em) { /* 760 */ #content, #root #content, .theme-compact #footer, .cols-b, #content.cols-b, #content.w905, #footer-new { width: 100%; padding-left: 20px; padding-right: 20px; } #root { 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; } #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(--fuscia); 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 20px; 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; } .menu-active #root > * { -webkit-filter: blur(12px); filter: blur(12px); } .menu-active #root > #mobile { -webkit-filter: none; filter: none; } .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 { padding-top: 10px; } #content > header:first-child > figure:first-child { margin-top: 14px; } #content > .nav-breadcrumbs.mobile-hide + * { margin-top: 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 { 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; } #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 { left: 0; right: 0; z-index: 1; width: 100% !important; margin: 0; } #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: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 { 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; } .ais-Pagination-list { margin: 47px 0; } .check { } .check label:before { top: 50%; margin-top: -12px; } 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-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: 17px; } #content.cols-b ~ #footer { margin-top: -17px; } #content > .s16:first-child, #content > [class*="cols"]:first-child > *:first-child > .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:first-child > * { } #content.cols-c > *, #content > .cols-c:first-child > * { border-top-width: 0; } .double { display: block; } #root .double > * { float: none; width: auto; } figure { } figure .icon-play { margin-top: -40px; font-size: 75px; line-height: 80px; } .form-aside { margin: 0 -20px; padding: 0 20px; } .form-aside header { margin-bottom: 26px; } .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: 10px; } .form-aside header p { margin-bottom: 28px; } .form-aside p { margin-bottom: 24px; } .form-box { margin-top: 39px; } .form-box, #root .form-box { margin-left: -20px; margin-right: -20px; margin-bottom: 15px; padding: 33px 20px .1px; } .form-box h1, .form-box h2, .form-box h3, .form-box h4, .form-box h5, .form-box h6 { margin-bottom: 18px; } .form-box figure { max-width: none; height: 155px; margin-bottom: 23px; } .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 button { width: 100%; margin-right: 0; } #root .cols-a > * > .form-box:last-child { margin-bottom: 30px; } .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-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 { 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 > * { display: none; position: static; z-index: auto !important; width: 100%; max-width: none; margin-bottom: 12px; } .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 .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 input, .form-filter select, .form-filter textarea, .form-filter .semantic-select .input, .form-filter input + label { text-align: left; } .form-quiz { margin-top: 21px; } .form-quiz header p { 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.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 { } .form-register h1, .form-register h2, .form-register h3, .form-register h4, .form-register h5, .form-register h6 { margin-top: 32px; } .form-register p { max-width: none; } .form-register a.show { left: auto; right: 0; padding-left: 0; } .form-register a.show + input { width: calc(100% - 61px); } .form-register .check label:before { margin-top: -11px; } .form-register .submit { } .form-register .check + .submit { margin-top: 38px; } .form-register button { width: 100%; } .form-register .submit > span + * { margin-top: 84px; } #root .form-register .m60 { margin-bottom: 27px; } .form-register .module-box { max-width: none; padding: 23px 28px 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; } .form-search h1, .form-search h2, .form-search h3, .form-search h4, .form-search h5, .form-search h6 { margin-bottom: 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%; } .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; } .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 { 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; } .header-profile h1, .header-profile h2, .header-profile h3, .header-profile h4, .header-profile h5, .header-profile h6 { margin-bottom: 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-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; } .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 { 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: 17px; } .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 { margin-top: 10px; } h1 + .list-box, .h1 + .list-box, .h2 + .list-box { margin-top: -1px; } .list-box + h1, .list-box + h2, .list-box + h3, .list-box + h4, .list-box + h5, .list-box + h6 { margin-top: 15px; } .list-box.a { font-size: 24px; line-height: 1.4166666667; } .list-box.a li { width: 100%; min-height: 197px; margin-bottom: 20px; padding: 15px 22px 12px; } .list-box.a .link-btn { padding-top: 15px; } .list-box.aside { } .list-box.aside li, .list-box.aside.strong li { min-height: 131px; } .list-box.featured { margin-bottom: 13px; } .list-box.featured li { width: 100%; 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 { margin-bottom: 18px; font-size: 55px; } .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 { 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.wide { margin-top: 0; } .list-box.wide li { font-size: 20px; } .list-box.wide i { margin-right: 25px; font-size: 55px; } .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; } .list-cols { display: block; margin-bottom: 7px; text-align: left; } .list-cols li { width: 100%; } .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-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 li, .list-entry li.link-btn { position: relative; bottom: 0; width: 100%; margin: 0 0 20px; padding: 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-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; } #root .list-featured.a li { display: block; width: 100%; margin-bottom: 22px; } .list-featured.a h1, .list-featured.a h2, .list-featured.a h3, .list-featured.a h4, .list-featured.a h5, .list-featured.a h6 { margin-bottom: 11px; } .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: 17px; padding-top: 0; } #root .module-wide .list-featured.a.m5:last-child { margin-bottom: 60px; } #root .m45 + .list-featured.a { margin-top: -22px; } .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 { right: 7px; bottom: 1px; } #root .list-logo ul li { font-size: 16px; } .list-logo ul li .icon-eye { top: -.25em; font-size: 0.625em; } .list-logo.a, #root .list-logo.a { margin: 0 0 17px -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; } .list-logo.plain { margin-top: 41px; margin-left: -10px; } #root .list-logo.plain li { width: 25%; margin-bottom: 10px; border-left-width: 10px; } 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; } .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-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: 17px; } .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 { 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-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 { 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 { left: -20px; top: 24px; width: 28px; margin: 0; background: var(--mint); } .list-team { margin-top: 50px; margin-bottom: 24px; } .list-team li { min-height: 0; margin-bottom: 99px; padding: 0; } #root .list-team li:before { left: -20px; right: -20px; bottom: -36px; } .list-team li:after { bottom: -45px; } .list-team figure { position: relative; width: auto; max-width: 236px; margin-bottom: 27px; } .list-team h1, .list-team h2, .list-team h3, .list-team h4, .list-team h5, .list-team h6 { margin-bottom: 21px; color: inherit; font-size: 20px; } .list-title.b { margin-top: 35px; margin-bottom: 10px; text-align: center; } .list-title.b li { margin-bottom: 17px; 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(--fuscia); background: var(--fuscia); color: var(--white); font-size: 14px; line-height: 40px; opacity: 1; } #root > .list-usp { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: auto !important; margin: 0 !important; padding: 0; } #root > .list-usp li { height: 70px; margin: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 16px; background: var(--coal); } #root > .list-usp span span, #root > .list-usp a:hover span span { color: var(--white); } #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: 27px; } #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: 30px; } #root .scheme-box.m60 { margin-bottom: 40px; } #root .m40 + .scheme-box { margin-top: 40px; } .media-overlay { margin-left: -20px; margin-right: -20px; margin-bottom: 36px; } .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; } .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(--fuscia); 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(--fuscia); color: var(--white); } .module-alert.inv { } .module-alert.inv a { color: var(--fuscia); 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-box { padding-left: 22px; padding-right: 22px; padding-bottom: 5px; } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin-bottom: 14px; } .module-box .link-btn { margin-top: 17px; } #root .module-box + .module-box { margin-top: -12px; } .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-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: 17px; 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 { 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 { 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 { 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 { 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 { 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 { 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 { margin-left: -18px; margin-right: -18px; } .module-entry.wide:after { top: 22px; bottom: 22px; } .module-entry.wide .list-title li { margin-bottom: 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 + .module-external { margin-top: 42px; } .module-featured + .module-featured { margin-top: -5px; } .module-featured.aside { margin-bottom: 36px; padding: 21px 0 23px; } .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.aside h1, .module-featured.aside h2, .module-featured.aside h3, .module-featured.aside h4, .module-featured.aside h5, .module-featured.aside h6 { margin-bottom: 9px; } .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.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; } .module-featured.text-center .link-btn a, .module-featured.background .link-btn a, .module-featured.aside .link-btn a { width: auto; } .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.a { padding-top: 41px; padding-bottom: 12px; } .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 .link-btn, .module-featured.welcome.text-center .link-btn a { display: block; float: none; width: 100%; margin-right: 0; } .module-fixed { left: 20px; right: 20px; width: auto; margin: 0; } .module-header { padding: 21px 0 3px; } .module-header h1, .module-header h2, .module-header h3, .module-header h4, .module-header h5, .module-header h6 { margin-bottom: 15px; font-size: 48px; } .module-header h1 span, .module-header h2 span, .module-header h3 span, .module-header h4 span, .module-header h5 span, .module-header h6 span { 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-landing, #root .module-landing { margin: 31px 0 0; padding: 0; } #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 h1, .module-landing h2, .module-landing h3, .module-landing h4, .module-landing h5, .module-landing h6 { margin-bottom: 8px; } .module-landing header { max-width: none; margin: 0; font-size: 18px; line-height: 1.5555555556; } .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 { float: none; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .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; } .module-sponsors { padding: 13px 0 7px; } .module-sponsors h1, .module-sponsors h2, .module-sponsors h3, .module-sponsors h4, .module-sponsors h5, .module-sponsors h6 { font-size: 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%; margin: 22px 0 0; } #root .module-sponsors .list-logo li:first-child:last-child { width: 100%; } .module-sponsors:after { content: ""; display: block; position: absolute; left: -20px; right: -20px; top: -10px; height: 20px; background: var(--white); } .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-welcome { margin-bottom: 36px; padding: 38px 0 .1px; } .module-welcome h1, .module-welcome h2, .module-welcome h3, .module-welcome h4, .module-welcome h5, .module-welcome h6 { margin-bottom: 37px; font-size: 64px; } #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; padding-top: 35px; padding-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-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: 20px; } .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; } .module-external h1, .module-external h2, .module-external h3, .module-external h4, .module-external h5, .module-external h6, .module-external p { margin-bottom: 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 { margin: 27px -40px 36px; padding-left: 40px; padding-right: 40px; padding-bottom: .1px; } .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; } .popup-a { } .popup-a .box-inner { max-width: 374px; } .popup-a .box-inset { padding-left: 30px; padding-right: 30px; } .popup-a .link-btn { margin-top: 26px; } .popup-a .link-btn a { width: auto; min-width: 0; } .popup-a.form-register { } .popup-a.form-register .box-outer { padding-left: 0; padding-right: 0; } .popup-a.form-register .box-inset { padding: 26px 20px 3px; } .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; } .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-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; } .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; } .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 { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root > .link-btn.sticky, .module-entries > * > footer, .module-entries > .featured > footer, #root > .link-btn.sticky-desktop, #root .module-box-sticky { -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; } .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; } .module-entries > * > div, .mobile-switch, .form-filter > div { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .form-tabs .list-inline, .form-register.double > *:first-child + * .link-btn, #footer-new > ul, #footer-new > ul li { -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 { -webkit-align-items: center; align-items: center; } .form-tabs > nav ul li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .form-tabs > nav ul li, #root .module-entries .scheme-box .img, #root > .link-btn.sticky a, .form-sort.mobile-inv p, .form-sort .mobile-wide ~ p, .popup-a .link-btn a { -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 { margin-top: 0; } #content > .module-wide-mobile:last-child > .list-logo.b:last-child, .form-quiz footer p, .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, #root > .list-usp li.active { 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 { 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 > 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 { 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%; } } @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 h1, .list-box.featured h2, .list-box.featured h3, .list-box.featured h4, .list-box.featured h5, .list-box.featured h6 { font-size: 12vw; } .list-logo.plain { } #root .list-logo.plain li { width: 50%; } .module-header h1, .module-header h2, .module-header h3, .module-header h4, .module-header h5, .module-header h6 { font-size: 10vw; } .module-welcome h1, .module-welcome h2, .module-welcome h3, .module-welcome h4, .module-welcome h5, .module-welcome h6 { font-size: 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; } }