/* ------------------------------------------- Name: Virtual Law Fair 2020 Date: 2020/04/24 Author: http://psdhtml.me --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--law); transform-origin: center center; } html { overflow-y: scroll; overflow-x: hidden; 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; } html, body { scroll-behavior: smooth; } body { width: 100%; min-height: 100%; background: var(--carlo); font-size: 16px; -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; --sand: #f5f5f5; --alabaster: #FAFAFA; --gallery: #ECECEC; --mercury: #e6e6e6; --alto: #D1D1D1; --nobel: #B5B5B5; --dove: #707070; --black: #000000; --wine: #c74457; --crimson: #EA003F; --opal: #cae0e0; --carlo: #8ecab6; --aca: #88b3a6; --law: #198685; --para: #2d7776; --paras: #2d7776; --emerald: #65c778; --turquoise: #39e8ab; --heaven: #f1f8f8; --squeeze: #f7fbfc; --silver: #dedee0; --indigo: #3b1882; --daisy: #451f91; --lavender: #ce41e8; --zest: #e37e19; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--black); font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.75; } 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: 28px; } h1, h2, h3, h4, h5, h6, legend, #logo, .scheme-box, .form-register .success p, .heading { margin-bottom: 34px; color: var(--law); font-size: 24px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.3333333333; letter-spacing: -0.02em; } a { background: none; color: var(--law); text-decoration: none; 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, .heading a, legend a, #footer a, .list-speakers h1 a, .list-speakers h2 a, .list-speakers h3 a, .list-speakers h4 a, .list-speakers h5 a, .list-speakers h6 a, .module-entries h1 a, .module-entries h2 a, .module-entries h3 a, .module-entries h4 a, .module-entries h5 a, .module-entries h6 a, .list-entries h1 a, .list-entries h2 a, .list-entries h3 a, .list-entries h4 a, .list-entries h5 a, .list-entries h6 a, .scheme-box a, .nav-breadcrumbs li a, .theme-d #top a, .theme-d #footer p a, #root .module-quiz > aside > h1:first-child, #root .module-quiz > aside > h2:first-child, #root .module-quiz > aside > h3:first-child, #root .module-quiz > aside > h4:first-child, #root .module-quiz > aside > h5:first-child, #root .module-quiz > aside > h6:first-child, .module-popup header h1, .module-popup header h2, .module-popup header h3, .module-popup header h4, .module-popup header h5, .module-popup header h6 { color: inherit; } ul, ol, dd, blockquote { padding-left: 20px; } ul { list-style: none; } li { position: relative; } li:after { content: ""; display: block; position: absolute; left: -20px; top: 12px; width: 4px; height: 4px; border-radius: 4px; background: var(--black); } /*! Mixins --------- */ /* cl:b */ .list-progress:after, .module-quiz:after, .module-entries article:after, .module-entry:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, .cols-a > header:first-child, .cols-a > aside:after, .form-register.b:after, .module-wide:after, .cols-b:after, #content:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ .list-progress li:after, .list-progress li a, .check.quiz label:after, .module-quiz > aside > figure, .list-counts li:before, .list-results li:before, .form-register2 header figure, .form-register2 form:before, .cols-c:before, .link-btn.clicked:before, .form-filter .off, .form-filter > div:before, #nav > ul > li > ul:after, #nav > ul > li > ul:before, .form-filter a.toggle, .module-entries.a article > div:before, .list-info:before, .module-entries article:before, .list-jobs .link-btn a:after, .link-btn figure, .list-entries a:before, .scheme-box a:before, .list-entries li:before, .module-sticky-box:before, #nav li a i:after, #top.small ~ #footer p a, .list-speakers h1 a:before, .list-speakers h2 a:before, .list-speakers h3 a:before, .list-speakers h4 a:before, .list-speakers h5 a:before, .list-speakers h6 a:before, .list-logo a:before, #nav li a:before, #root:before, .scheme-box:before, .module-box:before, #logo:after, #logo a, #footer:after { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } /* wide */ .module-quiz > header:before, .module-wide > figure, .link-btn.sticky img, .module-wide:before, .cols-b:before, .module-cta:before, .heading-wide:before, .module-cta figure, .heading-wide > figure, #top:before, #footer:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; object-fit: cover; object-position: center center; } /* icon */ .form-register header p.s12 a:after, .list-progress li:before, .form-register header h1 a:after, .form-register header h2 a:after, .form-register header h3 a:after, .form-register header h4 a:after, .form-register header h5 a:after, .form-register header h6 a:after, .module-entries.dots:before, .module-entries.dots:after, .popup-a .box-inset > .close:before, .form-filter p.clear a:before, .form-filter a.toggle:before, .module-entries.a .list-info a.strong:before, #root .module-entries.a article > div .strong:last-child a:before, .list-entries ul li:before, .link-btn > span a.close:after, #root #nav li.btn > span a.close:after, .heading-wide.b:after, .module-success:before, #top:after, .form-register:before, #logo:before, #footer ul 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 */ .list-progress li a, .form-register2 form:before, .link-btn.clicked:before, #nav > ul > li > ul:before, .form-filter a.toggle, .module-entries.a article > div:before, .list-jobs .link-btn a:after, .list-entries a:before, .scheme-box a:before, #top.small ~ #footer p a, .list-speakers h1 a:before, .list-speakers h2 a:before, .list-speakers h3 a:before, .list-speakers h4 a:before, .list-speakers h5 a:before, .list-speakers h6 a:before, .list-logo a:before { z-index: 8; } /* tr:y */ .list-features.aside figure, .heading-wide.c .module-box, .heading-article figure { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* tr:n */ .popup-a.shown .box-inset, .form-filter.active > div, .heading-article figure.align-bottom, #root .link-btn a.done i, #root .form-submit .module-sticky-box, #root .module-sticky-box.shown, [data-whatintent="mouse"] #nav li a:hover:before, #root #top.toggle-btn #nav > ul > li.btn > span, #root .link-btn a.done i, #root .link-btn a.clicked i, .link-btn.sticky > span { -webkit-transform: none; transform: none; } /* hide */ [data-whatintent="mouse"] #nav > ul > li > ul li a:hover i.icon-live span:before, [data-whatintent="mouse"] #nav > ul > li > ul li a:hover i.icon-play:after, .fancybox-container, #nav li a.js .inner i, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy, .module-cta .link-btn.toggle-btn > a, #top.toggle-btn #nav > ul > li, #top.toggle-btn #nav > ul > li.btn > a, [data-whatintent="mouse"] a:hover .icon-live span:before { visibility: hidden; opacity: 0; } /* show */ #root .list-progress li.valid:after, #root .list-progress li.invalid:after, .module-quiz > aside .list-progress li.done:after, .module-quiz > aside .list-progress li.active:after, [data-active="section-adviser"] .section-adviser, [data-active="section-parent"] .section-parent, [data-active="section-student"] .section-student, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-shown #root:after, .form-filter.active > div, .fancybox-container.fancybox-is-open, .link-btn.toggle-btn > span, #top.toggle-btn #nav > ul > li.btn, #root #top.toggle-btn #nav > ul > li.btn > span { visibility: visible; opacity: 1; } /* i:wi */ .list-slider img, .list-slider iframe, .list-slider video { display: block; position: relative; z-index: 1; width: 100% !important; } /* i:ct */ .scheme-box.s12 img, .list-entries img, .list-logo img { width: auto; max-height: 100% !important; align-self: center; flex-shrink: 0; object-fit: contain; object-position: center center; } /* i:bg */ .module-quiz > aside > figure img, .module-wide > figure img, .form-register2 header img, .link-btn figure img, #root > .background img, .module-cta img, .heading-wide > figure img, .heading-wide > figure video, .heading-wide > figure iframe { display: block; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center center; } /* cu:d */ .list-progress li.active *, .check.quiz input[type="radio"]:checked ~ label, input[type="radio"]:checked ~ label:before, input[type="radio"]:checked ~ label:after, #root .link-btn a.done *, #root .link-btn a.clicked * { cursor: default; } /* td:u */ [data-whatintent="mouse"] .form-register header p.s12 a:hover, [data-whatintent="mouse"] .module-quiz .submit a:hover, [data-whatintent="mouse"] .form-register2 p a:hover, [data-whatintent="mouse"] .module-entry-single header p a:hover, [data-whatintent="mouse"] .list-info a:hover, [data-whatintent="mouse"] .form-filter p > a:hover, [data-whatintent="mouse"] .list-plain a:hover, [data-whatintent="mouse"] .nav-breadcrumbs li a:hover, [data-whatintent="mouse"] .form-register .submit a:hover, .form-register.c p a.small:hover, [data-whatintent="mouse"] .form-register.b p a.small:hover, [data-whatintent="mouse"] #footer a:hover, [data-whatintent="mouse"] a:hover, .check a, [data-whatintent="mouse"] .form-register header h1 a:hover, [data-whatintent="mouse"] .form-register header h2 a:hover, [data-whatintent="mouse"] .form-register header h3 a:hover, [data-whatintent="mouse"] .form-register header h4 a:hover, [data-whatintent="mouse"] .form-register header h5 a:hover, [data-whatintent="mouse"] .form-register header h6 a:hover { text-decoration: underline; } /* td:n */ .form-register2 p a, .module-entry-single header p a, .list-info a, .form-filter h1 a, .form-filter h2 a, .form-filter h3 a, .form-filter h4 a, .form-filter h5 a, .form-filter h6 a, .list-plain a, #root .list-entries a, #root .nav-breadcrumbs li:first-child a, .nav-breadcrumbs li a, .form-register .submit a, .form-register.b p a.small, #footer a, #root .link-btn a, [data-whatintent="mouse"] .check a:hover, .theme-d #top p a, .theme-d #root #footer p a { text-decoration: none; } /*! Layout --------- */ #root { position: relative; z-index: 2; width: 100%; min-height: 100vh; background: var(--white); } #top { position: relative; z-index: 5; width: 1088px; margin: 0 auto; padding: 131px 0 12px; } #top:before { z-index: -2; background: url(../images/top.webp) 100% 0 no-repeat var(--carlo); background-size: cover; } .no-webp #top:before { background-image: url(../images/top.png); } #logo { position: relative; margin-bottom: 28px; padding: 85px 0 0; } #logo.s24 { text-transform: none; } #logo:before { content: "\e906"; top: 0; margin: 0; background: 0 center no-repeat; background-size: auto 100%; color: var(--white); font-size: 51px; line-height: 51px; text-align: left; } .dc #logo { padding-top: 147px; } .dc #logo:before { content: "\e91b"; height: auto; color: rgba(0,0,0,0); font-size: 113px; line-height: 113px; } #top.small.dc #logo:before { background-size: auto 38px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAxNzQuMyAzNy41IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOiNmZmZ9LnN0MXtmaWxsOiM4ZWNhYjZ9PC9zdHlsZT48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUuNiAyOC4yYzAtMS4xLS4zLTIuMS0uOC0zLjEtLjYtLjktMS4zLTEuNi0yLjMtMi4xLTEuMS0uNi0yLjQtLjgtMy42LS44SDIuNkwwIDM3LjNoNi4zYzEuNSAwIDMtLjMgNC4zLTEgMS4zLS42IDIuNC0xLjUgMy4yLTIuNy45LTEuMSAxLjQtMi40IDEuNy0zLjkuMS0uNS4xLTEgLjEtMS41em0tNC45IDEuNmMtLjEgMS0uNiAxLjktMS40IDIuNS0uOC42LTEuNy45LTIuNy44SDUuNWwxLjItNi43aDEuMWMuOCAwIDEuNi4yIDIuMi43cy44IDEuMi44IDEuOWMwIC4zLS4xLjUtLjEuOHpNMTguMSAyMi4zbC0yLjYgMTUuMWg0LjdsMi42LTE1LjF6TTMwLjEgMjguN2wtLjYgMy4zaDMuOGMtLjcuOC0xLjggMS4zLTIuOSAxLjMtLjguMS0xLjYtLjEtMi4yLS42LS41LS41LS44LTEuMi0uNy0xLjkgMC0uMyAwLS43LjEtMSAuMS0uOS42LTEuNyAxLjItMi40LjYtLjYgMS41LS45IDIuMy0uOS40LS4xLjggMCAxLjIuMi4zLjIuNi40LjcuN2g1Yy0uMS0uOS0uMy0xLjktLjgtMi43LS41LS44LTEuMi0xLjUtMi4xLTEuOS0xLjEtLjUtMi4yLS43LTMuNC0uNy0xLjQtLjEtMi45LjMtNC4yLjktMS4yLjYtMi4zIDEuNS0zLjEgMi42LS44IDEuMi0xLjQgMi41LTEuNiAzLjktLjEuNi0uMSAxLjEtLjEgMS43IDAgMS4yLjMgMi4zLjggMy4zczEuMyAxLjcgMi4yIDIuMmMxLjEuNiAyLjMuOCAzLjUuOCAzLjIuMiA2LjItMS40IDcuOC00LjFsLjgtNC43aC03Ljd6TTM3LjYgMzcuNGg0LjdsMi42LTE1LjFoLTQuN3pNNTguOSAyMi4zdi0uMUg0Ni4ybC0uNyAzLjhoNGwtMiAxMS40aDQuN2wyLTExLjRoNHpNNjIuNSAyMi4zbC04LjIgMTUuMWg1bDEuMi0yLjNoNWwuNCAyLjNoNUw2OCAyMi4zaC01LjV6bS0uMiA5LjJsMi4xLTQuMi42IDQuMmgtMi43ek03OC4zIDIyLjNoLTQuN0w3MSAzNy40aDkuNGwuNi0zLjZoLTQuNnpNOTIuMSAzMS4zYy0uMy41LS43LjktMS4yIDEuMi0uNC4zLTEgLjQtMS41LjQtLjUuMS0xLjEtLjItMS41LS42LS40LS41LS41LTEuMS0uNS0xLjcgMC0xLjIuNC0yLjQgMS4yLTMuMy41LS42IDEuMi0uOSAyLS45LjUgMCAxIC4xIDEuNC40cy43LjcuOCAxLjJoNWMuMS0xLjEtLjItMi4xLS43LTMuMS0uNS0uOS0xLjMtMS42LTIuMi0yLjEtMS0uNS0yLjItLjctMy40LS45LTEuNCAwLTIuOC4zLTQuMSAxLTEuMy42LTIuMyAxLjYtMy4xIDIuNy0uOCAxLjItMS40IDIuNi0xLjYgNC0uMS42LS4yIDEuMS0uMiAxLjctLjEgMSAuMiAyLjEuNyAzLjEuNC45IDEuMiAxLjYgMi4xIDIuMSAxLjEuNSAyLjIuNyAzLjQuNyAxLjkuMSAzLjctLjUgNS4yLTEuNiAxLjUtMSAyLjYtMi42IDMuMi00LjNoLTV6TTEwMy43IDIyLjNsLTguMiAxNS4xaDVsMS4yLTIuM2g1bC40IDIuM2g1bC0yLjktMTUuMWgtNS41em0tLjIgOS4ybDIuMS00LjIuNiA0LjJoLTIuN3pNMTI3LjcgMjIuM2wtNC44IDkuMS0xLjctOS4xaC01LjhsLTIuNiAxNS4xaDQuN2wxLjMtNy41IDEgNy41aDQuMWwzLjYtNy41LTEuMyA3LjVoNC43bDIuNi0xNS4xek0xNDYuNCAyNi40YzAtMS4xLS40LTIuMi0xLjMtMy0xLjEtLjgtMi40LTEuMi0zLjctMS4xaC02LjZsLTIuNiAxNS4xaDQuN2wuOC00LjhoMS45YzEuMiAwIDIuMy0uMiAzLjMtLjcgMS44LS44IDMuMS0yLjUgMy40LTQuNC4xLS40LjEtLjcuMS0xLjF6bS01IDFjLS4xLjktLjggMS41LTEuOCAxLjVoLTEuM2wuNS0yLjhoMS4zYy45IDAgMS4zLjMgMS4zIDF2LjN6TTE1Ni43IDIyLjJsLTEuNSA4LjVjLS4xLjctLjQgMS4yLS44IDEuNy0uNC40LTEgLjYtMS42LjYtLjQuMS0uOS0uMS0xLjItLjQtLjMtLjMtLjQtLjctLjQtMS4xIDAtLjIuMS0uNS4xLS43bDEuNS04LjVIMTQ4bC0xLjUgOC41Yy0uMS41LS4yIDEuMS0uMiAxLjYtLjEgMS40LjUgMi44IDEuNSAzLjggMS4xLjkgMi41IDEuNCA0IDEuMyAxLjIgMCAyLjUtLjMgMy42LS44IDEuMi0uNSAyLjItMS4zIDIuOS0yLjMuOS0xLjEgMS40LTIuNCAxLjYtMy43bDEuNS04LjVoLTQuN3pNMTcwLjkgMjguOWMtLjYtLjMtMS4zLS42LTItLjktLjUtLjItMS0uNC0xLjUtLjctLjMtLjItLjUtLjUtLjUtLjh2LS4xYzAtLjUuNC0uOC44LS44LjYgMCAuOS40LjggMS4yaDUuMWMwLTEuNC0uNS0yLjctMS41LTMuNi0xLjMtMS0yLjgtMS40LTQuNC0xLjMtMS40IDAtMi44LjMtNCAxLTEuMS42LTEuOCAxLjYtMiAyLjggMCAuNC0uMS43LS4xIDEuMSAwIC43LjIgMS41LjYgMi4xLjQuNS44IDEgMS40IDEuMy42LjQgMS4zLjcgMiAxIC42LjIgMS4xLjUgMS42LjguMy4yLjUuNS41LjkgMCAuMy0uMS41LS4zLjctLjIuMS0uNS4yLS43LjItLjcgMC0xLS40LS45LTEuM2gtNWMwIDEuNC41IDIuOCAxLjYgMy43IDEuMy45IDIuOCAxLjQgNC40IDEuMyAxIDAgMi4xLS4xIDMtLjUuOC0uMyAxLjUtLjggMi4xLTEuNC41LS42LjgtMS4zLjktMi4yLjEtLjQuMS0uNy4xLTEuMSAwLS43LS4yLTEuNS0uNi0yLjEtLjQtLjUtLjgtMS0xLjQtMS4zeiIvPjxnPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04LjYuM2wtNS45IDE2SDhsLjgtMi40aDUuNGwuNyAyLjRoNS4zTDE0LjQuM0g4LjZ6bTEuNCA5LjhsMS40LTQuNSAxLjUgNC41SDEwek0yNi4zIDEyLjVWLjNoLTV2MTZoOS45di0zLjhoLTQuOHpNMzcuOCAxMi41Vi4zaC01djE2aDkuOXYtMy44aC00Ljh6TTUwIC4zbC01LjkgMTZoNS4zbC44LTIuNGg1LjNsLjggMi40aDUuM0w1NS44LjNINTB6bTEuNSA5LjhsMS40LTQuNSAxLjQgNC41aC0yLjh6TTczLjQgOC4xYy44LS4yIDEuNS0uNyAyLTEuMy41LS43LjctMS42LjctMi40LjEtMS4yLS41LTIuNC0xLjQtMy4xQzczLjYuNSA3Mi4zLjEgNzAuOS4yaC04LjJ2MTZoOC40YzEuNC4xIDIuOC0uMyA0LTEuMSAxLS44IDEuNS0yIDEuNC0zLjIgMC0uOC0uMy0xLjctLjgtMi40LS42LS43LTEuNC0xLjItMi4zLTEuNHptLTUuNi0zLjloMS45Yy40IDAgLjcuMSAxIC4zLjIuMy4zLjYuMy45IDAgLjMtLjEuNi0uMy44LS4zLjItLjYuMy0xIC4zaC0ybC4xLTIuM3pNNzEgMTJjLS4zLjItLjYuMy0xIC4yaC0yLjNWOS45SDcwYy45IDAgMS4zLjQgMS4zIDEuMi4xLjQtLjEuNy0uMy45ek04OS43IDEuMWMtMi42LTEuNS01LjctMS41LTguMyAwLTEuMy43LTIuMyAxLjctMyAyLjktLjcgMS4yLTEuMSAyLjctMS4xIDQuMiAwIDEuNC40IDIuOSAxLjEgNC4yLjcgMS4yIDEuOCAyLjIgMyAyLjkgMi42IDEuNCA1LjcgMS40IDguMyAwIDEuMy0uNiAyLjMtMS43IDMtMi45LjctMS4zIDEuMS0yLjcgMS4xLTQuMiAwLTEuNC0uNC0yLjktMS4xLTQuMi0uNy0xLjItMS44LTIuMi0zLTIuOXptLTEuOSA5LjdjLS42LjctMS40IDEuMS0yLjMgMS0uOCAwLTEuNy0uMy0yLjMtMS0uNi0uNy0uOS0xLjctLjgtMi42LS4xLS45LjItMS45LjgtMi42LjYtLjcgMS41LTEgMi4zLTEgLjkgMCAxLjcuMyAyLjMgMSAuNi43LjggMS43LjggMi42LjEuOS0uMiAxLjktLjggMi42ek0xMDMuOCA5LjNjLjEuNy0uMSAxLjMtLjUgMS44LS40LjQtMSAuNi0xLjYuNi0uNi4xLTEuMi0uMS0xLjYtLjYtLjQtLjYtLjUtMS4yLS41LTEuOHYtOWgtNS4xdjljMCAxLjMuMyAyLjcuOSAzLjkuNiAxIDEuNSAxLjkgMi41IDIuNCAxLjEuNSAyLjMuOCAzLjYuOHMyLjUtLjIgMy43LS44YzEuMS0uNSAyLTEuMyAyLjYtMi40LjctMS4yIDEtMi41IDEtMy45di05aC01djl6TTExMC4xIDQuM2g0LjJ2MTJoNXYtMTJoNC4zdi00aC0xMy41ek0xMjkuOCAxMi41Vi4zaC01djE2aDkuOXYtMy44aC00Ljh6TTE0MS4xLjNsLTUuOSAxNmg1LjNsLjgtMi40aDUuM2wuOCAyLjRoNS4zbC01LjgtMTZoLTUuOHptMS40IDkuOGwxLjUtNC41IDEuNCA0LjVoLTIuOXpNMTY4LjkuM2wtMS40IDEwLjFMMTY1LjMuM2gtNS41bC0yLjIgMTAuMUwxNTYuMS4zaC01LjRsMy43IDE2aDYuMmwxLjktOS4xIDEuOSA5LjFoNi4ybDMuNy0xNnoiLz48L2c+PC9nPjwvZz48L3N2Zz4=); color: rgba(0,0,0,0); } #logo:after { top: -83px; bottom: auto; height: 55px; background-repeat: no-repeat; background-size: auto 100%; } #logo a { display: block; z-index: 9; text-indent: -3000em; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul, #nav 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(--law); 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; } #nav { position: absolute; right: -60px; top: 0; height: 78px; padding: 15px 0; font-weight: 700; text-transform: uppercase; letter-spacing: 0.01em; } #nav li { position: relative; margin-right: 60px; font-size: 14px; } #nav li a { display: block; position: relative; z-index: 3; height: 48px; color: var(--white); line-height: 50px; text-decoration: none; text-align: center; } #nav li a:before { left: -14px; right: -14px; top: 4px; bottom: 4px; background: var(--indigo); } #nav li a:before { -webkit-transform: scale(0); transform: scale(0); } #nav li a.js { color: rgba(0,0,0,0); } #nav li a.js .inner { display: block; position: absolute; left: -10px; right: -10px; top: 0; color: var(--white); text-align: center; white-space: nowrap; } [data-whatintent="mouse"] #nav li a.js:hover .inner { letter-spacing: 0.03em; } #nav li a i { display: inline-block; position: relative; top: .21em; margin: 0 4px 0 0; color: var(--carlo); font-size: 1.5714285714em; line-height: 1px; } #nav li a i.icon-exhibitors { font-size: 1.4285714286em; } #nav li a i.icon-exhibitors:before { content: "\e914"; display: inline-block; } [data-whatintent="mouse"] #nav li a:hover i.icon-exhibitors { -webkit-transform: scale(1.2); transform: scale(1.2); } #nav li a i.icon-exhibitors span { display: block; position: absolute; width: 1px; bottom: -2px; background: var(--carlo); } #nav li a i.icon-exhibitors span.a { left: 5px; height: 3px; } #nav li a i.icon-exhibitors span.b { left: 9px; height: 8px; } #nav li a i.icon-exhibitors span.c { left: 13px; height: 6px; } [data-whatintent="mouse"] #root #nav li a:hover i.icon-exhibitors span { height: 2px; } [data-whatintent="mouse"] #root #nav li a:hover i.icon-exhibitors span.b { height: 3px; } #nav li a i.icon-auditorium { } #nav li a i.icon-auditorium:before { content: "\e916"; } #nav li a i.icon-auditorium:after { content: "\e917"; } [data-whatintent="mouse"] #nav li a:hover i.icon-auditorium:after { -webkit-transform: translateY(-2px); transform: translateY(-2px); } #nav li a i.icon-cog { } [data-whatintent="mouse"] #nav li a:hover i.icon-cog { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } #nav li a i.icon-logout { top: .15em; font-size: 1.2857142857em; } #nav li a i.icon-logout:before { content: "\e918"; } #nav li a i.icon-logout:after { content: "\e915"; } [data-whatintent="mouse"] #nav li a:hover i.icon-logout:after { -webkit-transform: translateX(3px); transform: translateX(3px); } #nav li a i:after { overflow: visible; z-index: 1; text-align: left; text-indent: 0; } #nav > ul > li > ul { display: none; overflow: hidden; position: absolute; left: -25px; top: 100%; z-index: 2; list-style: none; margin: 0; padding: 26px 0 16px; text-align: left; white-space: nowrap; } #nav > ul > li > ul:before { left: -40px; right: -40px; top: 15px; box-shadow: inset 0 3px 6px rgba(0,0,0,.29); } #nav > ul > li > ul:after { top: 15px; background: var(--para); } #nav > ul > li > ul li { position: relative; z-index: 9; margin: 0; font-size: 1em; } #nav > ul > li > ul li a { height: auto; padding: 12px 23px; color: var(--white); line-height: 1.2; } #nav > ul > li > ul li a i { display: block; position: relative; top: 0; z-index: 2; width: 21px; margin-right: 9px; font-size: 20px; line-height: 20px; text-align: center; } #nav > ul > li > ul li a i:before, #nav > ul > li > ul li a i span:before, #nav .icon-live:before, #nav .icon-live span:before { display: block; position: relative; z-index: 2; } #nav > ul > li > ul li a i:after, #nav > ul > li > ul li a i span, #nav > ul > li > ul li a i span:after, #nav .icon-live:after, #nav .icon-live span, #nav .icon-live span:after { display: block; position: absolute; left: 0; right: 0; top: 0; text-align: center; } #nav > ul > li > ul li a i.icon-play:before { content: "\e923"; } #nav > ul > li > ul li a i.icon-play:after { content: "\e924"; } [data-whatintent="mouse"] #nav > ul > li > ul li a:hover i.icon-play:before { -webkit-transform: scale(1.3); transform: scale(1.3); } [data-whatintent="mouse"] #nav > ul > li > ul li a:hover i.icon-play:after { -webkit-transform: rotate(60deg); transform: rotate(60deg); } #nav li a i.icon-live:before { content: "\e928"; } #nav li a i.icon-live:after { content: "\e921"; } #nav li a i.icon-live span:before { content: "\e91f"; } #nav li a i.icon-live span:after { content: "\e920"; } [data-whatintent="mouse"] #nav li a:hover i.icon-live span:after { opacity: .25; } [data-whatintent="mouse"] #nav li a:hover i.icon-live:after { opacity: .5; } #nav > ul > li > ul li a.js .inner { position: absolute; left: -20px; right: -20px; top: 50%; bottom: auto; margin-top: -10px; padding: 0 0 0 73px; line-height: 20px; text-align: left; } #nav .btn a { min-width: 174px; box-shadow: 0 3px 6px rgba(0,0,0,.2); background: var(--indigo); padding: 0 13px; font-size: 14px; text-transform: uppercase; letter-spacing: normal; white-space: nowrap; } #root #nav li.btn > span { visibility: hidden; position: absolute; right: 0; top: 0; opacity: 0; } #root #nav li.btn > span { -webkit-transform: translateX(-30px); transform: translateX(-30px); } #root #nav li.btn > span a, #root .link-btn > span a { min-width: 128px; padding-left: 22px; padding-right: 22px; } #root #nav li.btn > span a.w175, #root .link-btn > span a.w175 { min-width: 175px; padding-left: 10px; padding-right: 10px; } #root #nav li.btn > span a.w240, #root .link-btn > span a.w240 { min-width: 240px; padding-left: 10px; padding-right: 10px; } #root #nav li.btn > span a.close, #root .link-btn > span a.close { display: block; position: absolute; left: 100%; top: 0; width: 58px; min-width: 0; height: 48px; margin: 0 0 0 -17px; padding: 0; box-shadow: none; border-width: 0; background: none; font-size: 12px; } #root #nav li.btn > span a.close:after, #root .link-btn > span a.close:after { content: "\e90f"; } #top .scheme-box { position: relative; top: 35px; margin: -10px 0 -8px -28px; } #top.compact { padding-top: 49px; padding-bottom: 14px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; } #top.compact:before { background-image: url(../images/top-compact.webp); } .no-webp #top.compact:before { background-image: url(../images/top-compact.png); } #top.compact #logo { padding: 14px 0 0 462px; font-size: 20px; } #top.compact #logo:before { font-size: 36px; line-height: 36px; } #top.small { position: fixed; left: 50%; margin: 0 0 0 -544px; height: 78px; padding: 0; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; } #top.small:before { box-shadow: 0 3px 6px rgba(0,0,0,.2); background: var(--law); } #top.small #logo { position: absolute; left: 0; top: 0; bottom: 0; width: 258px; margin: 0; padding: 0; text-align: left; text-indent: -3000em; } #top.small #logo:before { font-size: 21px; line-height: 78px; } #top.small ~ #content { padding-top: 78px; } #top.small ~ #content > *:first-child { margin-top: 73px; } #root > .background { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: 0; } .background ~ #content, .background ~ #content h1, .background ~ #content h2, .background ~ #content h3, .background ~ #content h4, .background ~ #content h5, .background ~ #content h6, .background ~ #content a, .background ~ #content .form-register .success p, .background ~ #content .form-filter label, .background ~ #content .form-register2, .background ~ #content .form-register2 label { color: var(--white); } #root > .background.aside { right: calc(50% + 44px); } #root > .background.aside.a { right: calc(50% + 192px); } #content, #footer { position: relative; z-index: 4; width: 1088px; margin: 0 auto; } #content { padding-top: 33px; } #content > *:last-child { margin-bottom: 71px; } #footer { z-index: 3; margin-top: auto; padding: 23px 0 19px; color: var(--white); } #footer:before { z-index: -2; background: var(--carlo); } #footer:after, #top.small ~ #footer p a { z-index: -1; background-position: 0 center; background-repeat: no-repeat; background-size: auto 55px; } #footer ul { padding-left: 0; } #footer ul li { padding-left: 28px; } #footer ul a:before { left: 0; right: auto; min-width: 16px; margin-top: -9px; color: var(--law); font-size: 14px; text-align: center; cursor: default; } #footer ul a[href*="tel"]:before { content: "\e901"; font-size: 16px; } #footer ul a.email:before { content: "\e900"; font-size: 12px; } #footer > *:last-child { margin-bottom: 0; } #footer:after, #logo:after, .heading-wide.intro:after, .heading-wide.careers h1:before, .heading-wide.careers h2:before, .heading-wide.careers h3:before, .heading-wide.careers h4:before, .heading-wide.careers h5:before, .heading-wide.careers h6:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjYuOCA1NS4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNjYuOCA1NS4zIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMUI4Nzg1O30gLnN0MXtvcGFjaXR5OjAuNzQ5O2ZpbGw6IzFCODc4NTt9IC5zdDJ7b3BhY2l0eTowLjg1MTtmaWxsOiMxQjg3ODU7fTwvc3R5bGU+PHBhdGggZD0iTTE2Mi44IDEzLjZ2LTIuM2gtLjh2LS40aDJ2LjRoLS44djIuM3pNMTY0LjggMTMuNmgtLjR2LTIuN2guM2wuOSAxLjQuOS0xLjRoLjN2Mi43aC0uNHYtMS45bC0uNyAxLjFoLS4ybC0uNy0xLjF6TTY1LjMgMzAuNWgxLjR2OS43aC0xLjR6TTcyIDMzLjhjLTEuNiAwLTIuNSAxLjMtMi41IDIuNiAwIDEuNC45IDIuNyAyLjYgMi43IDEuMiAwIDIuNC0uOSAyLjQtMi43IDAtMS43LTEuMy0yLjYtMi41LTIuNnptMy45LTEuMXY3LjVoLTEuNHYtMWMtLjUuOC0xLjUgMS4xLTIuNSAxLjEtMi42IDAtMy45LTEuOC0zLjktMy45IDAtMiAxLjMtMy44IDMuOS0zLjguOSAwIDEuOS4yIDIuNSAxLjF2LTFoMS40ek04Mi43IDM3LjNsLS43LTIuMi0uNyAyLjMtLjkgMi45aC0xbC0yLjUtNy42aDEuNGMuMi43LjUgMS40LjcgMiAuNCAxLjEuNiAyLjEuOSAzLjJsMS41LTUuMWgxLjJsMS41IDUuMWMuMi0xLjEuNS0yLjEuOS0zLjIuMi0uNy41LTEuNC43LTJoMS40bC0yLjUgNy42aC0xbC0uOS0zek03MS45IDE2LjljLTIuOSAwLTQuMyAyLjMtNC4zIDQuNyAwIDIuNCAxLjUgNC44IDQuNSA0LjggMi4yIDAgNC4zLTEuNiA0LjMtNC43IDAtMy4zLTIuMi00LjgtNC41LTQuOHptNi45LTEuOXYxMy4yaC0yLjR2LTEuOGMtMSAxLjQtMi44IDItNC40IDItNC42IDAtNi44LTMuMi02LjgtNi45IDAtMy42IDIuMy02LjcgNi44LTYuNyAxLjYgMCAzLjMuNCA0LjUgMlYxNWgyLjN6TTgxLjkgMTEuMmgyLjR2MTcuMWgtMi40ek04Ny41IDExLjJoMi40djE3LjFoLTIuNHpNOTkuMiAxNi45Yy0yLjkgMC00LjMgMi4zLTQuMyA0LjcgMCAyLjQgMS41IDQuOCA0LjUgNC44IDIuMiAwIDQuMy0xLjYgNC4zLTQuNyAwLTMuMy0yLjMtNC44LTQuNS00Ljh6bTYuOS0xLjl2MTMuMmgtMi40di0xLjhjLS45IDEuNC0yLjggMi00LjQgMi00LjYgMC02LjgtMy4yLTYuOC02LjkgMC0zLjYgMi4zLTYuNyA2LjgtNi43IDEuNiAwIDMuMy40IDQuNSAyVjE1aDIuM3pNMTE1LjkgMjYuM2MzIC4xIDQuNi0yLjMgNC41LTQuOCAwLTIuMy0xLjUtNC42LTQuMy00LjctMi4yIDAtNC41IDEuNS00LjUgNC43czIuMiA0LjggNC4zIDQuOHptLTQuMy05LjZjMS4xLTEuNiAyLjgtMS45IDQuNC0xLjkgNC41IDAgNi44IDMuMiA2LjggNi43IDAgMy42LTIuMiA2LjktNi44IDYuOS0xLjYgMC0zLjQtLjYtNC40LTJ2MS44aC0yLjR2LTE3aDIuNHY1LjV6TTEzNiAyMS42YzAtNi4zLTguOS02LjMtOC45IDBzOC45IDYuMyA4LjkgMHptLTExLjMgMGMwLTkuMSAxMy42LTkuMSAxMy42IDAgLjEgOS4xLTEzLjYgOS4xLTEzLjYgMHpNMTUwLjcgMjguMnYtMS43Yy0xIDEuNC0yLjUgMS45LTQuMiAxLjktNCAwLTUuNy0yLjUtNS43LTYuM1YxNWgyLjR2Ny4xYzAgMi40LjYgNC4xIDMuNCA0LjIgMi42IDAgNC0xLjggNC00LjFWMTVoMi40djEzLjJoLTIuM3pNMTU5LjMgMTIuMVYxNWgyLjl2MS45aC0yLjl2Ny40YzAgMiAxLjIgMiAzIDEuOXYyYy0zLjIuMi01LjQtLjQtNS40LTMuOXYtNy40aC0yVjE1aDJ2LTIuNWwyLjQtLjR6TTQxLjIgMjcuNGMwIC4xIDAgLjEgMCAweiIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik01MC41IDI4LjRjMCAuNC4xLjkuMyAxLjMuNC45IDEgMS45IDIuNyAyLjUgMCAwIDAgMCAuMSAwaC4xYy4xIDAgLjIuMS4zLjIuMi4yLjUuMy43LjVDNTcuNiAxOC40IDQ4LjQgNC4xIDM0IC43UzQuOSA2IDEgMjAuNCA1LjIgNDkuNiAxOS40IDU0YzE0LjIgNC40IDI5LjQtMy4yIDM0LjMtMTcuMi4xLS4yLjEtLjMuMS0uNSAwLS40LS4yLS44LS41LTEuMS0uMi0uMi0uNS0uNC0uNy0uNS0xLS40LTItLjktMi43LTEuNy0uNCAxLjgtMS4xIDMuNS0xLjkgNS4xLTUuMyAxMC4zLTE3LjQgMTUtMjguMyAxMVMyLjcgMzMuNSA1LjQgMjIuMkM4LjEgMTEgMTguOCAzLjUgMzAuMyA0LjkgNDEuOCA2LjMgNTAuNCAxNiA1MC40IDI3LjZjLjEuMy4xLjUuMS44eiIgY2xhc3M9InN0MSIvPjxwYXRoIGQ9Ik0yNy42IDE2LjVjLTYuMiAwLTExLjIgNS0xMS4yIDExLjEgMCA2LjIgNSAxMS4yIDExLjEgMTEuMnMxMS4yLTUgMTEuMi0xMS4xYzAtNi4yLTQuOS0xMS4yLTExLjEtMTEuMnoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNNDEuMyAyOC4xYzAgLjcuMiAxLjQuNSAyIC40LjggMSAxLjYgMi40IDIuMmguMWwuMy4xYy4yLjEuNS4yLjguNC41LjMgMSAuNiAxLjQgMSAzLjQtMTAuNC0yLTIxLjYtMTIuMy0yNS4zUzEzIDkuNyA4LjggMTkuOEM0LjYgMjkuOSA5LjEgNDEuNCAxOSA0NnMyMS43LjUgMjYuNi05LjJjMC0uMS4xLS4yLjEtLjIgMC0uMS0uMi0uNi0uOC0xLjEtLjUtLjQtMS0uNy0xLjUtLjloLS4xYy0xLjEtLjQtMi4xLTEuMS0yLjktMi0yLjYgNi42LTkuOCAxMC4xLTE2LjYgOC4yLTYuOC0yLTExLTguOC05LjctMTUuNyAxLjMtNyA3LjctMTEuOCAxNC44LTExLjEgNy4xLjcgMTIuNCA2LjYgMTIuNCAxMy43IDAgMCAwIC4xIDAgLjFzMCAuMSAwIC4xIDAgLjEgMCAuMnpNODkuMiAzOS4zYzAgLjUtLjQuOC0uOS44cy0uOC0uNC0uOS0uOGMwLS4zLjEtLjYuNC0uOC4zLS4yLjYtLjIuOSAwIC4zLjIuNS41LjUuOHpNOTggMzcuMmMtLjggNC4zLTcuNyA0LTcuNy0uOXM2LjktNS4yIDcuNy0uOWgtMS40Yy0uNy0yLjctNC45LTIuNC00LjkuOXM0LjIgMy42IDQuOS45SDk4ek0xMDUuMyAzNi40YzAtMy42LTUuMS0zLjYtNS4xIDBzNS4xIDMuNSA1LjEgMHptLTYuNCAwYzAtNS4yIDcuOC01LjIgNy44IDBzLTcuOCA1LjItNy44IDB6TTEwOC45IDM5LjNjMCAuNS0uNC44LS45LjhzLS44LS40LS45LS44YzAtLjMuMS0uNi40LS44LjMtLjIuNi0uMi45IDAgLjQuMi41LjUuNS44ek0xMTUuOSA0MC4xdi0xYy0uNi44LTEuNCAxLjEtMi40IDEuMS0yLjMgMC0zLjMtMS40LTMuMy0zLjZ2LTQuMWgxLjR2NC4xYzAgMS40LjMgMi40IDEuOSAyLjQgMS41IDAgMi4zLTEgMi4zLTIuM3YtNC4xaDEuNHY3LjVoLTEuM3pNMTIwLjUgMzYuMmwxLjEtMS40IDIuMS0yLjJoMS43bC0zLjEgMy4yIDMuMyA0LjJ2LjFIMTI0bC0yLjYtMy4zLS45IDF2Mi4zaC0xLjR2LTkuN2gxLjR6IiBjbGFzcz0ic3QyIi8+PC9zdmc+); } #top.small ~ #footer { } #top.small ~ #footer p { display: block; position: absolute; left: -10px; top: 0; bottom: 0; width: 200px; margin: 0; text-indent: -3000em; text-align: left; direction: ltr; } [data-whatintent="mouse"] #top.small ~ #footer p a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } #top.small ~ #footer p a { display: block; text-indent: -3000em; text-align: left; direction: ltr; } #top.small ~ #footer ul a:before { color: var(--carlo); } #top.small ~ #footer:before { background: var(--law); } #top.small ~ #footer:after, #top.small ~ #footer p a, .heading-wide.b:after { z-index: 2; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjYuOCA1NS4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNjYuOCA1NS4zIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojZmZmO30gLnN0MXtvcGFjaXR5OjAuNzQ5O2ZpbGw6I2ZmZjt9IC5zdDJ7b3BhY2l0eTowLjg1MTtmaWxsOiNmZmY7fTwvc3R5bGU+PHBhdGggZD0iTTE2Mi44IDEzLjZ2LTIuM2gtLjh2LS40aDJ2LjRoLS44djIuM3pNMTY0LjggMTMuNmgtLjR2LTIuN2guM2wuOSAxLjQuOS0xLjRoLjN2Mi43aC0uNHYtMS45bC0uNyAxLjFoLS4ybC0uNy0xLjF6TTY1LjMgMzAuNWgxLjR2OS43aC0xLjR6TTcyIDMzLjhjLTEuNiAwLTIuNSAxLjMtMi41IDIuNiAwIDEuNC45IDIuNyAyLjYgMi43IDEuMiAwIDIuNC0uOSAyLjQtMi43IDAtMS43LTEuMy0yLjYtMi41LTIuNnptMy45LTEuMXY3LjVoLTEuNHYtMWMtLjUuOC0xLjUgMS4xLTIuNSAxLjEtMi42IDAtMy45LTEuOC0zLjktMy45IDAtMiAxLjMtMy44IDMuOS0zLjguOSAwIDEuOS4yIDIuNSAxLjF2LTFoMS40ek04Mi43IDM3LjNsLS43LTIuMi0uNyAyLjMtLjkgMi45aC0xbC0yLjUtNy42aDEuNGMuMi43LjUgMS40LjcgMiAuNCAxLjEuNiAyLjEuOSAzLjJsMS41LTUuMWgxLjJsMS41IDUuMWMuMi0xLjEuNS0yLjEuOS0zLjIuMi0uNy41LTEuNC43LTJoMS40bC0yLjUgNy42aC0xbC0uOS0zek03MS45IDE2LjljLTIuOSAwLTQuMyAyLjMtNC4zIDQuNyAwIDIuNCAxLjUgNC44IDQuNSA0LjggMi4yIDAgNC4zLTEuNiA0LjMtNC43IDAtMy4zLTIuMi00LjgtNC41LTQuOHptNi45LTEuOXYxMy4yaC0yLjR2LTEuOGMtMSAxLjQtMi44IDItNC40IDItNC42IDAtNi44LTMuMi02LjgtNi45IDAtMy42IDIuMy02LjcgNi44LTYuNyAxLjYgMCAzLjMuNCA0LjUgMlYxNWgyLjN6TTgxLjkgMTEuMmgyLjR2MTcuMWgtMi40ek04Ny41IDExLjJoMi40djE3LjFoLTIuNHpNOTkuMiAxNi45Yy0yLjkgMC00LjMgMi4zLTQuMyA0LjcgMCAyLjQgMS41IDQuOCA0LjUgNC44IDIuMiAwIDQuMy0xLjYgNC4zLTQuNyAwLTMuMy0yLjMtNC44LTQuNS00Ljh6bTYuOS0xLjl2MTMuMmgtMi40di0xLjhjLS45IDEuNC0yLjggMi00LjQgMi00LjYgMC02LjgtMy4yLTYuOC02LjkgMC0zLjYgMi4zLTYuNyA2LjgtNi43IDEuNiAwIDMuMy40IDQuNSAyVjE1aDIuM3pNMTE1LjkgMjYuM2MzIC4xIDQuNi0yLjMgNC41LTQuOCAwLTIuMy0xLjUtNC42LTQuMy00LjctMi4yIDAtNC41IDEuNS00LjUgNC43czIuMiA0LjggNC4zIDQuOHptLTQuMy05LjZjMS4xLTEuNiAyLjgtMS45IDQuNC0xLjkgNC41IDAgNi44IDMuMiA2LjggNi43IDAgMy42LTIuMiA2LjktNi44IDYuOS0xLjYgMC0zLjQtLjYtNC40LTJ2MS44aC0yLjR2LTE3aDIuNHY1LjV6TTEzNiAyMS42YzAtNi4zLTguOS02LjMtOC45IDBzOC45IDYuMyA4LjkgMHptLTExLjMgMGMwLTkuMSAxMy42LTkuMSAxMy42IDAgLjEgOS4xLTEzLjYgOS4xLTEzLjYgMHpNMTUwLjcgMjguMnYtMS43Yy0xIDEuNC0yLjUgMS45LTQuMiAxLjktNCAwLTUuNy0yLjUtNS43LTYuM1YxNWgyLjR2Ny4xYzAgMi40LjYgNC4xIDMuNCA0LjIgMi42IDAgNC0xLjggNC00LjFWMTVoMi40djEzLjJoLTIuM3pNMTU5LjMgMTIuMVYxNWgyLjl2MS45aC0yLjl2Ny40YzAgMiAxLjIgMiAzIDEuOXYyYy0zLjIuMi01LjQtLjQtNS40LTMuOXYtNy40aC0yVjE1aDJ2LTIuNWwyLjQtLjR6TTQxLjIgMjcuNGMwIC4xIDAgLjEgMCAweiIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik01MC41IDI4LjRjMCAuNC4xLjkuMyAxLjMuNC45IDEgMS45IDIuNyAyLjUgMCAwIDAgMCAuMSAwaC4xYy4xIDAgLjIuMS4zLjIuMi4yLjUuMy43LjVDNTcuNiAxOC40IDQ4LjQgNC4xIDM0IC43UzQuOSA2IDEgMjAuNCA1LjIgNDkuNiAxOS40IDU0YzE0LjIgNC40IDI5LjQtMy4yIDM0LjMtMTcuMi4xLS4yLjEtLjMuMS0uNSAwLS40LS4yLS44LS41LTEuMS0uMi0uMi0uNS0uNC0uNy0uNS0xLS40LTItLjktMi43LTEuNy0uNCAxLjgtMS4xIDMuNS0xLjkgNS4xLTUuMyAxMC4zLTE3LjQgMTUtMjguMyAxMVMyLjcgMzMuNSA1LjQgMjIuMkM4LjEgMTEgMTguOCAzLjUgMzAuMyA0LjkgNDEuOCA2LjMgNTAuNCAxNiA1MC40IDI3LjZjLjEuMy4xLjUuMS44eiIgY2xhc3M9InN0MSIvPjxwYXRoIGQ9Ik0yNy42IDE2LjVjLTYuMiAwLTExLjIgNS0xMS4yIDExLjEgMCA2LjIgNSAxMS4yIDExLjEgMTEuMnMxMS4yLTUgMTEuMi0xMS4xYzAtNi4yLTQuOS0xMS4yLTExLjEtMTEuMnoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNNDEuMyAyOC4xYzAgLjcuMiAxLjQuNSAyIC40LjggMSAxLjYgMi40IDIuMmguMWwuMy4xYy4yLjEuNS4yLjguNC41LjMgMSAuNiAxLjQgMSAzLjQtMTAuNC0yLTIxLjYtMTIuMy0yNS4zUzEzIDkuNyA4LjggMTkuOEM0LjYgMjkuOSA5LjEgNDEuNCAxOSA0NnMyMS43LjUgMjYuNi05LjJjMC0uMS4xLS4yLjEtLjIgMC0uMS0uMi0uNi0uOC0xLjEtLjUtLjQtMS0uNy0xLjUtLjloLS4xYy0xLjEtLjQtMi4xLTEuMS0yLjktMi0yLjYgNi42LTkuOCAxMC4xLTE2LjYgOC4yLTYuOC0yLTExLTguOC05LjctMTUuNyAxLjMtNyA3LjctMTEuOCAxNC44LTExLjEgNy4xLjcgMTIuNCA2LjYgMTIuNCAxMy43IDAgMCAwIC4xIDAgLjFzMCAuMSAwIC4xIDAgLjEgMCAuMnpNODkuMiAzOS4zYzAgLjUtLjQuOC0uOS44cy0uOC0uNC0uOS0uOGMwLS4zLjEtLjYuNC0uOC4zLS4yLjYtLjIuOSAwIC4zLjIuNS41LjUuOHpNOTggMzcuMmMtLjggNC4zLTcuNyA0LTcuNy0uOXM2LjktNS4yIDcuNy0uOWgtMS40Yy0uNy0yLjctNC45LTIuNC00LjkuOXM0LjIgMy42IDQuOS45SDk4ek0xMDUuMyAzNi40YzAtMy42LTUuMS0zLjYtNS4xIDBzNS4xIDMuNSA1LjEgMHptLTYuNCAwYzAtNS4yIDcuOC01LjIgNy44IDBzLTcuOCA1LjItNy44IDB6TTEwOC45IDM5LjNjMCAuNS0uNC44LS45LjhzLS44LS40LS45LS44YzAtLjMuMS0uNi40LS44LjMtLjIuNi0uMi45IDAgLjQuMi41LjUuNS44ek0xMTUuOSA0MC4xdi0xYy0uNi44LTEuNCAxLjEtMi40IDEuMS0yLjMgMC0zLjMtMS40LTMuMy0zLjZ2LTQuMWgxLjR2NC4xYzAgMS40LjMgMi40IDEuOSAyLjQgMS41IDAgMi4zLTEgMi4zLTIuM3YtNC4xaDEuNHY3LjVoLTEuM3pNMTIwLjUgMzYuMmwxLjEtMS40IDIuMS0yLjJoMS43bC0zLjEgMy4yIDMuMyA0LjJ2LjFIMTI0bC0yLjYtMy4zLS45IDF2Mi4zaC0xLjR2LTkuN2gxLjR6IiBjbGFzcz0ic3QyIi8+PC9zdmc+); } #top.small ~ #footer p a { background-position: 10px center; } .theme-a { } .theme-a #root:before, .theme-b #root:before, .theme-c #root:before { position: fixed; left: 50%; top: 0; width: 1191px; height: 855px; margin: 0 0 0 -656px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTkxIDQyMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE5MSA0MjIiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtvcGFjaXR5OjAuNTAyO2ZpbGw6Izk2NjRGRjt9IC5zdDF7ZmlsbDojOTY2NEZGO30gLnN0MntmaWxsOiM4RkNBQjY7fTwvc3R5bGU+PHBhdGggZD0iTTExMyA4OGMuOCAwIDEuNiAwIDIuNS4xczEuNi4yIDIuNC40Yy44LjIgMS42LjQgMi40LjZzMS42LjUgMi4zLjhjLjguMyAxLjUuNyAyLjIgMSAuNy40IDEuNC44IDIuMSAxLjMuNy41IDEuMy45IDIgMS41LjYuNSAxLjIgMS4xIDEuOCAxLjYuNi42IDEuMSAxLjIgMS42IDEuOHMxIDEuMyAxLjUgMiAuOSAxLjQgMS4zIDIuMWMuNC43LjcgMS41IDEgMi4yLjMuOC42IDEuNS44IDIuMy4yLjguNCAxLjYuNiAyLjQuMi44LjMgMS42LjQgMi40cy4xIDEuNi4xIDIuNWMwIC44IDAgMS42LS4xIDIuNS0uMS44LS4yIDEuNi0uNCAyLjQtLjIuOC0uNCAxLjYtLjYgMi40LS4yLjgtLjUgMS42LS44IDIuMy0uMy44LS43IDEuNS0xIDIuMi0uNC43LS44IDEuNC0xLjMgMi4xLS41LjctLjkgMS4zLTEuNSAyLS41LjYtMS4xIDEuMi0xLjYgMS44LS42LjYtMS4yIDEuMS0xLjggMS42LS42LjUtMS4zIDEtMiAxLjVzLTEuNC45LTIuMSAxLjNjLS43LjQtMS41LjctMi4yIDEtLjguMy0xLjUuNi0yLjMuOHMtMS42LjQtMi40LjZjLS44LjItMS42LjMtMi40LjQtLjguMS0xLjYuMS0yLjUuMS0uOCAwLTEuNiAwLTIuNS0uMS0uOC0uMS0xLjYtLjItMi40LS40LS44LS4yLTEuNi0uNC0yLjQtLjZzLTEuNi0uNS0yLjMtLjhjLS44LS4zLTEuNS0uNy0yLjItMS0uNy0uNC0xLjQtLjgtMi4xLTEuMy0uNy0uNS0xLjMtLjktMi0xLjUtLjYtLjUtMS4yLTEuMS0xLjgtMS42LS42LS42LTEuMS0xLjItMS42LTEuOC0uNS0uNi0xLTEuMy0xLjUtMnMtLjktMS40LTEuMy0yLjFjLS40LS43LS43LTEuNS0xLTIuMi0uMy0uOC0uNi0xLjUtLjgtMi4zLS4yLS44LS40LTEuNi0uNi0yLjQtLjItLjgtLjMtMS42LS40LTIuNHMtLjEtMS43LS4xLTIuNSAwLTEuNi4xLTIuNS4yLTEuNi40LTIuNC40LTEuNi42LTIuNGMuMi0uOC41LTEuNi44LTIuMy4zLS44LjctMS41IDEtMi4yLjQtLjcuOC0xLjQgMS4zLTIuMS41LS43LjktMS4zIDEuNS0yIC41LS42IDEuMS0xLjIgMS42LTEuOC42LS42IDEuMi0xLjEgMS44LTEuNi42LS41IDEuMy0xIDItMS41czEuNC0uOSAyLjEtMS4zYy43LS40IDEuNS0uNyAyLjItMSAuOC0uMyAxLjUtLjYgMi4zLS44czEuNi0uNCAyLjQtLjZjLjgtLjIgMS42LS4zIDIuNC0uNC45LS4xIDEuNy0uMSAyLjUtLjF6IiBjbGFzcz0ic3QwIi8+PHBhdGggZD0iTTExMDcgNzVjLTEuMiAwLTIuNC0uMS0zLjUtLjMtMS4yLS4yLTIuMy0uNi0zLjQtMS0xLjEtLjUtMi4xLTEtMy4xLTEuN3MtMS45LTEuNC0yLjctMi4yYy0uOC0uOC0xLjYtMS43LTIuMi0yLjctLjctMS0xLjItMi0xLjctMy4xcy0uOC0yLjItMS0zLjRjLS4yLTEuMi0uMy0yLjMtLjMtMy41cy4xLTIuNC4zLTMuNWMuMi0xLjIuNi0yLjMgMS0zLjQuNS0xLjEgMS0yLjEgMS43LTMuMXMxLjQtMS45IDIuMi0yLjdjLjgtLjggMS44LTEuNiAyLjctMi4yczItMS4yIDMuMS0xLjcgMi4yLS44IDMuNC0xYzIuMy0uNSA0LjctLjUgNyAwIDEuMi4yIDIuMy42IDMuNCAxIDEuMS41IDIuMSAxIDMuMSAxLjdzMS45IDEuNCAyLjcgMi4yYy44LjggMS42IDEuNyAyLjIgMi43LjcgMSAxLjIgMiAxLjcgMy4xcy44IDIuMiAxIDMuNGMuMiAxLjIuMyAyLjMuMyAzLjVzLS4xIDIuNC0uMyAzLjVjLS4yIDEuMi0uNiAyLjMtMSAzLjQtLjUgMS4xLTEgMi4xLTEuNyAzLjFzLTEuNCAxLjktMi4yIDIuN2MtLjguOC0xLjcgMS42LTIuNyAyLjItMSAuNy0yIDEuMi0zLjEgMS43cy0yLjIuOC0zLjQgMWMtMS4xLjItMi4zLjMtMy41LjN6bTAtMzFjLS44IDAtMS43LjEtMi41LjJzLTEuNy40LTIuNC43Yy0uOC4zLTEuNS43LTIuMiAxLjItLjcuNS0xLjQgMS0yIDEuNi0uNi42LTEuMSAxLjMtMS42IDJzLS45IDEuNS0xLjIgMi4yLS42IDEuNi0uNyAyLjRjLS4yLjgtLjMgMS43LS4zIDIuNXMuMSAxLjcuMyAyLjVjLjIuOC40IDEuNy43IDIuNHMuNyAxLjUgMS4yIDIuMmMuNS43IDEgMS40IDEuNiAyIC42LjYgMS4zIDEuMSAyIDEuNnMxLjUuOSAyLjIgMS4yYy44LjMgMS42LjYgMi40LjcgMS43LjMgMy40LjMgNS4xIDAgLjgtLjIgMS43LS40IDIuNC0uNy44LS4zIDEuNS0uNyAyLjItMS4yLjctLjUgMS40LTEgMi0xLjYuNi0uNiAxLjEtMS4zIDEuNi0ycy45LTEuNSAxLjItMi4yLjYtMS42LjctMi40Yy4yLS44LjMtMS43LjMtMi41cy0uMS0xLjctLjMtMi41Yy0uMi0uOC0uNC0xLjctLjctMi40cy0uNy0xLjUtMS4yLTIuMmMtLjUtLjctMS0xLjQtMS42LTItLjYtLjYtMS4zLTEuMS0yLTEuNnMtMS41LS45LTIuMi0xLjJjLS44LS4zLTEuNi0uNi0yLjQtLjctLjktLjEtMS44LS4yLTIuNi0uMnpNMTggMzZjLTEuMiAwLTIuNC0uMS0zLjUtLjMtMS4yLS4yLTIuMy0uNi0zLjQtMUMxMCAzNC4yIDkgMzMuNiA4IDMzYy0xLS43LTEuOS0xLjQtMi43LTIuMkM0LjQgMjkuOSAzLjcgMjkgMyAyOGMtLjctMS0xLjItMi0xLjctMy4xcy0uOC0yLjItMS0zLjRDLjEgMjAuNCAwIDE5LjIgMCAxOHMuMS0yLjQuMy0zLjVjLjItMS4yLjYtMi4zIDEtMy40QzEuOCAxMCAyLjQgOSAzIDhjLjctMSAxLjQtMS45IDIuMi0yLjdDNi4xIDQuNCA3IDMuNyA4IDNjMS0uNyAyLTEuMiAzLjEtMS43czIuMi0uOCAzLjQtMWMyLjMtLjUgNC43LS41IDcgMCAxLjEuMiAyLjMuNiAzLjQgMUMyNiAxLjggMjcgMi40IDI4IDNjMSAuNyAxLjkgMS40IDIuNyAyLjIuOS45IDEuNiAxLjggMi4zIDIuOC43IDEgMS4yIDIgMS43IDMuMXMuOCAyLjIgMSAzLjRjLjIgMS4yLjMgMi4zLjMgMy41cy0uMSAyLjQtLjMgMy41Yy0uMiAxLjItLjYgMi4zLTEgMy40QzM0LjIgMjYgMzMuNiAyNyAzMyAyOGMtLjcgMS0xLjQgMS45LTIuMiAyLjctLjkuOS0xLjggMS42LTIuOCAyLjMtMSAuNy0yIDEuMi0zLjEgMS43cy0yLjIuOC0zLjQgMWMtMS4xLjItMi4zLjMtMy41LjN6bTAtMzFjLS45IDAtMS43LjEtMi41LjJzLTEuNy41LTIuNS44Yy0uOC4zLTEuNS43LTIuMiAxLjItLjcuNS0xLjQgMS0yIDEuNi0uNi42LTEuMSAxLjMtMS42IDJTNi4zIDEyLjIgNiAxM2MtLjMuOC0uNiAxLjYtLjcgMi40LS4yLjktLjMgMS43LS4zIDIuNnMuMSAxLjcuMiAyLjVjLjIuOS41IDEuNy44IDIuNS4zLjguNyAxLjUgMS4yIDIuMi41LjcgMSAxLjQgMS42IDIgLjYuNiAxLjMgMS4xIDIgMS42czEuNS45IDIuMiAxLjJjLjguMyAxLjYuNiAyLjQuNyAxLjcuMyAzLjQuMyA1LjEgMCAuOC0uMiAxLjctLjQgMi40LS43LjgtLjMgMS41LS43IDIuMi0xLjIuNy0uNSAxLjQtMSAyLTEuNi42LS42IDEuMS0xLjMgMS42LTJzLjktMS41IDEuMi0yLjJjLjMtLjguNi0xLjYuNy0yLjQuMi0uOC4yLTEuNy4yLTIuNXMtLjEtMS43LS4yLTIuNWMtLjItLjgtLjQtMS43LS43LTIuNC0uMy0uOC0uNy0xLjUtMS4yLTIuMi0uNS0uNy0xLTEuNC0xLjYtMi0uNi0uNi0xLjMtMS4xLTItMS42LS42LS43LTEuMy0xLjEtMi4xLTEuNC0uOC0uMy0xLjYtLjYtMi40LS43LS45LS4yLTEuNy0uMy0yLjYtLjN6IiBjbGFzcz0ic3QxIi8+PHBhdGggZD0iTTExNzMgNDIyYy0xLjIgMC0yLjQtLjEtMy41LS4zLTEuMi0uMi0yLjMtLjYtMy40LTFzLTIuMS0xLTMuMS0xLjctMS45LTEuNC0yLjctMi4yYy0uOC0uOC0xLjYtMS43LTIuMi0yLjctLjctMS0xLjItMi0xLjctMy4xcy0uOC0yLjItMS0zLjRjLS4yLTEuMi0uMy0yLjMtLjMtMy41cy4xLTIuNC4zLTMuNWMuMi0xLjIuNi0yLjMgMS0zLjRzMS0yLjEgMS43LTMuMSAxLjQtMS45IDIuMi0yLjdjLjgtLjggMS44LTEuNiAyLjctMi4yczItMS4yIDMuMS0xLjcgMi4yLS44IDMuNC0xYzIuMy0uNSA0LjctLjUgNyAwIDEuMi4yIDIuMy42IDMuNCAxczIuMSAxIDMuMSAxLjcgMS45IDEuNCAyLjcgMi4yYy44LjggMS42IDEuOCAyLjIgMi43czEuMiAyIDEuNyAzLjEuOCAyLjIgMSAzLjRjLjIgMS4yLjMgMi4zLjMgMy41cy0uMSAyLjQtLjMgMy41Yy0uMiAxLjItLjYgMi4zLTEgMy40cy0xIDIuMS0xLjcgMy4xLTEuNCAxLjktMi4yIDIuNy0xLjcgMS42LTIuNyAyLjJjLTEgLjctMiAxLjItMy4xIDEuN3MtMi4yLjgtMy40IDFjLTEuMS4yLTIuMy4zLTMuNS4zem0wLTMxYy0uOCAwLTEuNy4xLTIuNS4zLS44LjItMS43LjQtMi40LjctLjguMy0xLjUuNy0yLjIgMS4yLS43LjUtMS40IDEtMiAxLjYtLjYuNi0xLjEgMS4zLTEuNiAycy0uOSAxLjUtMS4yIDIuMmMtLjMuOC0uNiAxLjYtLjcgMi40LS4yLjgtLjMgMS43LS4zIDIuNXMuMSAxLjcuMyAyLjVjLjIuOC40IDEuNy43IDIuNC4zLjguNyAxLjUgMS4yIDIuMi41LjcgMSAxLjQgMS42IDIgLjYuNiAxLjMgMS4xIDIgMS42czEuNS45IDIuMiAxLjJjLjguMyAxLjYuNiAyLjQuNyAxLjcuMyAzLjQuMyA1LjEgMCAuOC0uMiAxLjctLjQgMi40LS43czEuNS0uNyAyLjItMS4yYy43LS41IDEuNC0xIDItMS42czEuMS0xLjMgMS42LTIgLjktMS41IDEuMi0yLjJjLjMtLjguNi0xLjYuNy0yLjQuMi0uOC4zLTEuNy4zLTIuNXMtLjEtMS43LS4zLTIuNWMtLjItLjgtLjQtMS43LS43LTIuNC0uMy0uOC0uNy0xLjUtMS4yLTIuMi0uNS0uNy0xLTEuNC0xLjYtMi0uNi0uNi0xLjMtMS4xLTItMS42cy0xLjUtLjktMi4yLTEuMi0xLjYtLjYtMi40LS43Yy0uOS0uMi0xLjgtLjMtMi42LS4zeiIgY2xhc3M9InN0MiIvPjwvc3ZnPg==) center 100% no-repeat; background-size: 100% 100%; opacity: .25; } .theme-a #top > .shadow { display: block; overflow: hidden; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; width: 36px; margin: 0 0 0 -656px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzQuNCAyMzQuNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTExNy4yIDIzNC40Yy03LjcgMC0xNS40LS44LTIyLjktMi4zQTExOS42NSAxMTkuNjUgMCAwMTUyIDIxNC42Yy02LjQtNC4zLTEyLjQtOS4yLTE3LjgtMTQuNnMtMTAuMy0xMS40LTE0LjYtMTcuOGMtNC4zLTYuNC03LjktMTMuMi0xMC44LTIwLjMtMi45LTcuMS01LjItMTQuNS02LjctMjJDLjggMTMyLjUgMCAxMjQuOCAwIDExNy4yYTExNy44IDExNy44IDAgMDE5LTQ0LjljMi45LTcuMSA2LjYtMTMuOSAxMC44LTIwLjMgNC4zLTYuNCA5LjItMTIuMyAxNC42LTE3LjggNS40LTUuNCAxMS40LTEwLjMgMTcuOC0xNC42IDYuNC00LjMgMTMuMi03LjkgMjAuMy0xMC44IDcuMS0yLjkgMTQuNS01LjIgMjItNi43YTExNy4xNSAxMTcuMTUgMCAwMTY3LjcgNi43YzcuMSAyLjkgMTMuOSA2LjYgMjAuMyAxMC44IDYuNCA0LjMgMTIuNCA5LjIgMTcuOCAxNC42czEwLjMgMTEuNCAxNC42IDE3LjhjNC4zIDYuNCA3LjkgMTMuMiAxMC44IDIwLjMgMi45IDcuMSA1LjIgMTQuNSA2LjcgMjJzMi4zIDE1LjIgMi4zIDIyLjktLjggMTUuNC0yLjMgMjIuOWExMTkuNjUgMTE5LjY1IDAgMDEtMTcuNSA0Mi4zYy00LjMgNi40LTkuMiAxMi4zLTE0LjYgMTcuOC01LjQgNS40LTExLjQgMTAuMy0xNy44IDE0LjYtNi40IDQuMy0xMy4yIDcuOS0yMC4zIDEwLjgtNy4xIDIuOS0xNC41IDUuMi0yMiA2LjctNy43IDEuMy0xNS4zIDIuMS0yMyAyLjF6bTAtMjAxLjljLTUuNSAwLTExLjEuNS0xNi41IDEuNnMtMTAuOCAyLjctMTUuOSA0LjhjLTUuMSAyLjEtMTAgNC43LTE0LjYgNy44LTQuNiAzLjEtOC45IDYuNi0xMi44IDEwLjUtMy45IDMuOS03LjUgOC4yLTEwLjUgMTIuOC0zLjEgNC42LTUuNyA5LjUtNy44IDE0LjYtMi4xIDUuMS0zLjcgMTAuNS00LjggMTUuOS0xLjEgNS40LTEuNiAxMS0xLjYgMTYuNXMuNSAxMS4xIDEuNiAxNi41IDIuNyAxMC44IDQuOCAxNS45YzIuMSA1LjEgNC43IDEwIDcuOCAxNC42IDMuMSA0LjYgNi42IDguOSAxMC41IDEyLjggMy45IDMuOSA4LjIgNy40IDEyLjggMTAuNSA0LjYgMy4xIDkuNSA1LjcgMTQuNiA3LjggNS4xIDIuMSAxMC41IDMuNyAxNS45IDQuOCAxMC44IDIuMiAyMi4yIDIuMiAzMyAwIDUuNC0xLjEgMTAuOC0yLjcgMTUuOS00LjggNS4xLTIuMSAxMC00LjcgMTQuNi03LjggNC42LTMuMSA4LjktNi42IDEyLjgtMTAuNSAzLjktMy45IDcuNS04LjIgMTAuNS0xMi44IDMuMS00LjYgNS43LTkuNSA3LjgtMTQuNiAyLjEtNS4xIDMuNy0xMC41IDQuOC0xNS45IDEuMS01LjQgMS42LTExIDEuNi0xNi41cy0uNS0xMS4xLTEuNi0xNi41LTIuNy0xMC44LTQuOC0xNS45Yy0yLjEtNS4xLTQuNy0xMC03LjgtMTQuNi0zLjEtNC42LTYuNi04LjktMTAuNS0xMi44LTMuOS0zLjktOC4yLTcuNC0xMi44LTEwLjUtNC42LTMuMS05LjUtNS43LTE0LjYtNy44LTUuMS0yLjEtMTAuNS0zLjctMTUuOS00LjgtNS40LTEtMTEtMS42LTE2LjUtMS42eiIvPjwvc3ZnPg==) 0 216px no-repeat; background-size: 36px 36px; color: var(--white); font-size: 36px; line-height: 36px; } .theme-b { } .theme-b #root:before { width: 1257px; height: 650px; margin: 0 0 0 -637px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjU3IDUwMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTI1NyA1MDIiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM4RkNBQjY7fSAuc3Qxe2ZpbGw6Izk2NjRGRjt9PC9zdHlsZT48cGF0aCBkPSJNMTggMzZjLTEuMiAwLTIuNC0uMS0zLjUtLjMtMS4xLS4yLTIuMy0uNi0zLjQtMUMxMCAzNC4yIDkgMzMuNiA4IDMzYy0xLS43LTEuOS0xLjQtMi43LTIuMkM0LjQgMjkuOSAzLjcgMjkgMyAyOGMtLjctMS0xLjItMi0xLjctMy4xcy0uOC0yLjItMS0zLjRDLjEgMjAuNCAwIDE5LjIgMCAxOHMuMS0yLjQuMy0zLjVjLjItMS4yLjYtMi4zIDEtMy40QzEuOCAxMCAyLjQgOSAzIDhjLjctMSAxLjQtMS45IDIuMi0yLjdDNi4xIDQuNCA3IDMuNyA4IDNjMS0uNyAyLTEuMiAzLjEtMS43czIuMi0uOCAzLjQtMWMyLjMtLjUgNC43LS41IDcgMCAxLjEuMiAyLjMuNiAzLjQgMUMyNiAxLjggMjcgMi40IDI4IDNjMSAuNyAxLjkgMS40IDIuNyAyLjIuOS45IDEuNiAxLjggMi4zIDIuOC43IDEgMS4yIDIgMS43IDMuMXMuOCAyLjIgMSAzLjRjLjIgMS4yLjMgMi4zLjMgMy41cy0uMSAyLjQtLjMgMy41Yy0uMiAxLjItLjYgMi4zLTEgMy40QzM0LjIgMjYgMzMuNiAyNyAzMyAyOGMtLjcgMS0xLjQgMS45LTIuMiAyLjctLjkuOS0xLjggMS42LTIuOCAyLjMtMSAuNy0yIDEuMi0zLjEgMS43cy0yLjIuOC0zLjQgMWMtMS4xLjItMi4zLjMtMy41LjN6bTAtMzFjLS45IDAtMS43LjEtMi41LjJzLTEuNy41LTIuNS44Yy0uOC4zLTEuNS43LTIuMiAxLjItLjcuNS0xLjQgMS0yIDEuNi0uNi42LTEuMSAxLjMtMS42IDJTNi4zIDEyLjIgNiAxM2MtLjMuOC0uNiAxLjYtLjcgMi40LS4yLjktLjMgMS43LS4zIDIuNnMuMSAxLjcuMiAyLjVjLjIuOS41IDEuNy44IDIuNS4zLjguNyAxLjUgMS4yIDIuMi41LjcgMSAxLjQgMS42IDIgLjYuNiAxLjMgMS4xIDIgMS42czEuNS45IDIuMiAxLjJjLjguMyAxLjYuNiAyLjQuNyAxLjcuMyAzLjQuMyA1LjEgMCAuOC0uMiAxLjctLjQgMi40LS43LjgtLjMgMS41LS43IDIuMi0xLjIuNy0uNSAxLjQtMSAyLTEuNi42LS42IDEuMS0xLjMgMS42LTJzLjktMS41IDEuMi0yLjJjLjMtLjguNi0xLjYuNy0yLjQuMi0uOC4yLTEuNy4yLTIuNXMtLjEtMS43LS4yLTIuNWMtLjItLjgtLjQtMS43LS43LTIuNC0uMy0uOC0uNy0xLjUtMS4yLTIuMi0uNS0uNy0xLTEuNC0xLjYtMi0uNi0uNi0xLjMtMS4xLTItMS42LS42LS43LTEuMy0xLjEtMi4xLTEuNC0uOC0uMy0xLjYtLjYtMi40LS43LS45LS4yLTEuNy0uMy0yLjYtLjN6IiBjbGFzcz0ic3QwIi8+PHBhdGggZD0iTTEyMzkgNTAyYy0xLjIgMC0yLjQtLjEtMy41LS4zLTEuMi0uMi0yLjMtLjYtMy40LTEtMS4xLS41LTIuMS0xLTMuMS0xLjdzLTEuOS0xLjQtMi43LTIuMmMtLjgtLjgtMS42LTEuNy0yLjItMi43LS43LTEtMS4yLTItMS43LTMuMXMtLjgtMi4yLTEtMy40Yy0uMi0xLjItLjMtMi4zLS4zLTMuNXMuMS0yLjQuMy0zLjVjLjItMS4yLjYtMi4zIDEtMy40LjUtMS4xIDEtMi4xIDEuNy0zLjFzMS40LTEuOSAyLjItMi43Yy44LS44IDEuOC0xLjYgMi43LTIuMnMyLTEuMiAzLjEtMS43IDIuMi0uOCAzLjQtMWMyLjMtLjUgNC43LS41IDcgMCAxLjIuMiAyLjMuNiAzLjQgMSAxLjEuNSAyLjEgMSAzLjEgMS43czEuOSAxLjQgMi43IDIuMmMuOC44IDEuNiAxLjcgMi4yIDIuNy43IDEgMS4yIDIgMS43IDMuMXMuOCAyLjIgMSAzLjRjLjIgMS4yLjMgMi4zLjMgMy41cy0uMSAyLjQtLjMgMy41Yy0uMiAxLjItLjYgMi4zLTEgMy40LS41IDEuMS0xIDIuMS0xLjcgMy4xcy0xLjQgMS45LTIuMiAyLjdjLS44LjgtMS43IDEuNi0yLjcgMi4yLTEgLjctMiAxLjItMy4xIDEuN3MtMi4yLjgtMy40IDFjLTEuMS4yLTIuMy4zLTMuNS4zem0wLTMxYy0uOCAwLTEuNy4xLTIuNS4ycy0xLjcuNC0yLjQuN2MtLjguMy0xLjUuNy0yLjIgMS4yLS43LjUtMS40IDEtMiAxLjYtLjYuNi0xLjEgMS4zLTEuNiAycy0uOSAxLjUtMS4yIDIuMi0uNiAxLjYtLjcgMi40Yy0uMi44LS4zIDEuNy0uMyAyLjVzLjEgMS43LjMgMi41Yy4yLjguNCAxLjcuNyAyLjRzLjcgMS41IDEuMiAyLjJjLjUuNyAxIDEuNCAxLjYgMiAuNi42IDEuMyAxLjEgMiAxLjZzMS41LjkgMi4yIDEuMmMuOC4zIDEuNi42IDIuNC43IDEuNy4zIDMuNC4zIDUuMSAwIC44LS4yIDEuNy0uNCAyLjQtLjcuOC0uMyAxLjUtLjcgMi4yLTEuMi43LS41IDEuNC0xIDItMS42LjYtLjYgMS4xLTEuMyAxLjYtMnMuOS0xLjUgMS4yLTIuMi42LTEuNi43LTIuNGMuMi0uOC4zLTEuNy4zLTIuNXMtLjEtMS43LS4zLTIuNWMtLjItLjgtLjQtMS43LS43LTIuNHMtLjctMS41LTEuMi0yLjJjLS41LS43LTEtMS40LTEuNi0yLS42LS42LTEuMy0xLjEtMi0xLjZzLTEuNS0uOS0yLjItMS4yYy0uOC0uMy0xLjYtLjYtMi40LS43LS45LS4xLTEuOC0uMi0yLjYtLjJ6IiBjbGFzcz0ic3QxIi8+PC9zdmc+); opacity: .25; } .theme-c { } .theme-c #root:before { width: 1125px; height: 740px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTI1IDM1NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEyNSAzNTciPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM5NjY0RkY7fSAuc3Qxe2ZpbGw6IzhGQ0FCNjt9PC9zdHlsZT48cGF0aCBkPSJNMTEwNyA3NWMtMS4yIDAtMi40LS4xLTMuNS0uMy0xLjItLjItMi4zLS42LTMuNC0xLTEuMS0uNS0yLjEtMS0zLjEtMS43cy0xLjktMS40LTIuNy0yLjJjLS44LS44LTEuNi0xLjctMi4yLTIuNy0uNy0xLTEuMi0yLTEuNy0zLjFzLS44LTIuMi0xLTMuNGMtLjItMS4yLS4zLTIuMy0uMy0zLjVzLjEtMi40LjMtMy41Yy4yLTEuMi42LTIuMyAxLTMuNC41LTEuMSAxLTIuMSAxLjctMy4xczEuNC0xLjkgMi4yLTIuN2MuOC0uOCAxLjgtMS42IDIuNy0yLjJzMi0xLjIgMy4xLTEuNyAyLjItLjggMy40LTFjMi4zLS41IDQuNy0uNSA3IDAgMS4yLjIgMi4zLjYgMy40IDEgMS4xLjUgMi4xIDEgMy4xIDEuN3MxLjkgMS40IDIuNyAyLjJjLjguOCAxLjYgMS43IDIuMiAyLjcuNyAxIDEuMiAyIDEuNyAzLjFzLjggMi4yIDEgMy40Yy4yIDEuMi4zIDIuMy4zIDMuNXMtLjEgMi40LS4zIDMuNWMtLjIgMS4yLS42IDIuMy0xIDMuNC0uNSAxLjEtMSAyLjEtMS43IDMuMXMtMS40IDEuOS0yLjIgMi43Yy0uOC44LTEuNyAxLjYtMi43IDIuMi0xIC43LTIgMS4yLTMuMSAxLjdzLTIuMi44LTMuNCAxYy0xLjEuMi0yLjMuMy0zLjUuM3ptMC0zMWMtLjggMC0xLjcuMS0yLjUuMnMtMS43LjQtMi40LjdjLS44LjMtMS41LjctMi4yIDEuMi0uNy41LTEuNCAxLTIgMS42LS42LjYtMS4xIDEuMy0xLjYgMnMtLjkgMS41LTEuMiAyLjItLjYgMS42LS43IDIuNGMtLjIuOC0uMyAxLjctLjMgMi41cy4xIDEuNy4zIDIuNWMuMi44LjQgMS43LjcgMi40cy43IDEuNSAxLjIgMi4yYy41LjcgMSAxLjQgMS42IDIgLjYuNiAxLjMgMS4xIDIgMS42czEuNS45IDIuMiAxLjJjLjguMyAxLjYuNiAyLjQuNyAxLjcuMyAzLjQuMyA1LjEgMCAuOC0uMiAxLjctLjQgMi40LS43LjgtLjMgMS41LS43IDIuMi0xLjIuNy0uNSAxLjQtMSAyLTEuNi42LS42IDEuMS0xLjMgMS42LTJzLjktMS41IDEuMi0yLjIuNi0xLjYuNy0yLjRjLjItLjguMy0xLjcuMy0yLjVzLS4xLTEuNy0uMy0yLjVjLS4yLS44LS40LTEuNy0uNy0yLjRzLS43LTEuNS0xLjItMi4yYy0uNS0uNy0xLTEuNC0xLjYtMi0uNi0uNi0xLjMtMS4xLTItMS42cy0xLjUtLjktMi4yLTEuMmMtLjgtLjMtMS42LS42LTIuNC0uNy0uOS0uMS0xLjgtLjItMi42LS4yek0xOCAzNmMtMS4yIDAtMi40LS4xLTMuNS0uMy0xLjItLjItMi4zLS42LTMuNC0xQzEwIDM0LjIgOSAzMy42IDggMzNjLTEtLjctMS45LTEuNC0yLjctMi4yQzQuNCAyOS45IDMuNyAyOSAzIDI4Yy0uNy0xLTEuMi0yLTEuNy0zLjFzLS44LTIuMi0xLTMuNEMuMSAyMC40IDAgMTkuMiAwIDE4cy4xLTIuNC4zLTMuNWMuMi0xLjIuNi0yLjMgMS0zLjRDMS44IDEwIDIuNCA5IDMgOGMuNy0xIDEuNC0xLjkgMi4yLTIuN0M2LjEgNC40IDcgMy43IDggM2MxLS43IDItMS4yIDMuMS0xLjdzMi4yLS44IDMuNC0xYzIuMy0uNSA0LjctLjUgNyAwIDEuMS4yIDIuMy42IDMuNCAxQzI2IDEuOCAyNyAyLjQgMjggM2MxIC43IDEuOSAxLjQgMi43IDIuMi45LjkgMS42IDEuOCAyLjMgMi44LjcgMSAxLjIgMiAxLjcgMy4xcy44IDIuMiAxIDMuNGMuMiAxLjIuMyAyLjMuMyAzLjVzLS4xIDIuNC0uMyAzLjVjLS4yIDEuMi0uNiAyLjMtMSAzLjRDMzQuMiAyNiAzMy42IDI3IDMzIDI4Yy0uNyAxLTEuNCAxLjktMi4yIDIuNy0uOS45LTEuOCAxLjYtMi44IDIuMy0xIC43LTIgMS4yLTMuMSAxLjdzLTIuMi44LTMuNCAxYy0xLjEuMi0yLjMuMy0zLjUuM3ptMC0zMWMtLjkgMC0xLjcuMS0yLjUuMnMtMS43LjUtMi41LjhjLS44LjMtMS41LjctMi4yIDEuMi0uNy41LTEuNCAxLTIgMS42LS42LjYtMS4xIDEuMy0xLjYgMlM2LjMgMTIuMiA2IDEzYy0uMy44LS42IDEuNi0uNyAyLjQtLjIuOS0uMyAxLjctLjMgMi42cy4xIDEuNy4yIDIuNWMuMi45LjUgMS43LjggMi41LjMuOC43IDEuNSAxLjIgMi4yLjUuNyAxIDEuNCAxLjYgMiAuNi42IDEuMyAxLjEgMiAxLjZzMS41LjkgMi4yIDEuMmMuOC4zIDEuNi42IDIuNC43IDEuNy4zIDMuNC4zIDUuMSAwIC44LS4yIDEuNy0uNCAyLjQtLjcuOC0uMyAxLjUtLjcgMi4yLTEuMi43LS41IDEuNC0xIDItMS42LjYtLjYgMS4xLTEuMyAxLjYtMnMuOS0xLjUgMS4yLTIuMmMuMy0uOC42LTEuNi43LTIuNC4yLS44LjItMS43LjItMi41cy0uMS0xLjctLjItMi41Yy0uMi0uOC0uNC0xLjctLjctMi40LS4zLS44LS43LTEuNS0xLjItMi4yLS41LS43LTEtMS40LTEuNi0yLS42LS42LTEuMy0xLjEtMi0xLjYtLjYtLjctMS4zLTEuMS0yLjEtMS40LS44LS4zLTEuNi0uNi0yLjQtLjctLjktLjItMS43LS4zLTIuNi0uM3oiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMTEwNyAzNTdjLTEuMiAwLTIuNC0uMS0zLjUtLjMtMS4yLS4yLTIuMy0uNi0zLjQtMXMtMi4xLTEtMy4xLTEuNy0xLjktMS40LTIuNy0yLjJjLS44LS44LTEuNi0xLjctMi4yLTIuNy0uNy0xLTEuMi0yLTEuNy0zLjFzLS44LTIuMi0xLTMuNGMtLjItMS4yLS4zLTIuMy0uMy0zLjVzLjEtMi40LjMtMy41Yy4yLTEuMi42LTIuMyAxLTMuNHMxLTIuMSAxLjctMy4xIDEuNC0xLjkgMi4yLTIuN2MuOC0uOCAxLjgtMS42IDIuNy0yLjJzMi0xLjIgMy4xLTEuNyAyLjItLjggMy40LTFjMi4zLS41IDQuNy0uNSA3IDAgMS4yLjIgMi4zLjYgMy40IDFzMi4xIDEgMy4xIDEuNyAxLjkgMS40IDIuNyAyLjJjLjguOCAxLjYgMS44IDIuMiAyLjdzMS4yIDIgMS43IDMuMS44IDIuMiAxIDMuNGMuMiAxLjIuMyAyLjMuMyAzLjVzLS4xIDIuNC0uMyAzLjVjLS4yIDEuMi0uNiAyLjMtMSAzLjRzLTEgMi4xLTEuNyAzLjEtMS40IDEuOS0yLjIgMi43LTEuNyAxLjYtMi43IDIuMmMtMSAuNy0yIDEuMi0zLjEgMS43cy0yLjIuOC0zLjQgMWMtMS4xLjItMi4zLjMtMy41LjN6bTAtMzFjLS44IDAtMS43LjEtMi41LjMtLjguMi0xLjcuNC0yLjQuNy0uOC4zLTEuNS43LTIuMiAxLjItLjcuNS0xLjQgMS0yIDEuNi0uNi42LTEuMSAxLjMtMS42IDJzLS45IDEuNS0xLjIgMi4yYy0uMy44LS42IDEuNi0uNyAyLjQtLjIuOC0uMyAxLjctLjMgMi41cy4xIDEuNy4zIDIuNWMuMi44LjQgMS43LjcgMi40LjMuOC43IDEuNSAxLjIgMi4yLjUuNyAxIDEuNCAxLjYgMiAuNi42IDEuMyAxLjEgMiAxLjZzMS41LjkgMi4yIDEuMmMuOC4zIDEuNi42IDIuNC43IDEuNy4zIDMuNC4zIDUuMSAwIC44LS4yIDEuNy0uNCAyLjQtLjdzMS41LS43IDIuMi0xLjJjLjctLjUgMS40LTEgMi0xLjZzMS4xLTEuMyAxLjYtMiAuOS0xLjUgMS4yLTIuMmMuMy0uOC42LTEuNi43LTIuNC4yLS44LjMtMS43LjMtMi41cy0uMS0xLjctLjMtMi41Yy0uMi0uOC0uNC0xLjctLjctMi40LS4zLS44LS43LTEuNS0xLjItMi4yLS41LS43LTEtMS40LTEuNi0yLS42LS42LTEuMy0xLjEtMi0xLjZzLTEuNS0uOS0yLjItMS4yLTEuNi0uNi0yLjQtLjdjLS45LS4yLTEuOC0uMy0yLjYtLjN6IiBjbGFzcz0ic3QxIi8+PC9zdmc+); opacity: .25; } .theme-d #root { padding-top: 64px; border-width: 0; color: var(--black); } .theme-d #top { position: fixed; left: 50%; top: 0; height: 64px; margin: 0 0 0 -544px; padding: 0; color: var(--carlo); font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; } .theme-d #top:before, .theme-d #footer:before { background: var(--law); } .theme-d #top #logo, .theme-d #footer > p:first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 400px; height: 100%; margin: 0; padding: 0; background: 0 center no-repeat; background-size: auto 39px; color: var(--white); font-weight: 800; font-size: 24px; line-height: 64px; text-indent: 0; text-align: left; } .theme-d #top #logo, .theme-d #root #footer > p:first-child { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAxNjYuOCA1NS4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtvcGFjaXR5Oi44NTE7ZmlsbDojOGVjYWI2O2VuYWJsZS1iYWNrZ3JvdW5kOm5ld308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04Ny41IDExLjJoMi40djE3LjFoLTIuNHpNODUgMzQuN2MtLjQgMS4xLS43IDIuMS0uOSAzLjJsLTEuNS01LjFoLTEuMmwtMS41IDUuMWMtLjMtMS4xLS41LTIuMS0uOS0zLjItLjItLjYtLjUtMS4zLS43LTJoLTEuNGwyLjUgNy42aDFsLjktMi45LjctMi4zLjcgMi4yLjkgM2gxbDIuNS03LjZoLTEuNGMtLjIuNi0uNSAxLjMtLjcgMnpNNzQuNSAzMy43Yy0uNi0uOS0xLjYtMS4xLTIuNS0xLjEtMi42IDAtMy45IDEuOC0zLjkgMy44IDAgMi4xIDEuMyAzLjkgMy45IDMuOSAxIDAgMi0uMyAyLjUtMS4xdjFoMS40di03LjVoLTEuNHYxem0tMi40IDUuNGMtMS43IDAtMi42LTEuMy0yLjYtMi43IDAtMS4zLjktMi42IDIuNS0yLjYgMS4yIDAgMi41LjkgMi41IDIuNiAwIDEuOC0xLjIgMi43LTIuNCAyLjd6TTY1LjMgMzAuNWgxLjR2OS43aC0xLjR6TTc4LjggMjguMlYxNWgtMi4zdjEuOGMtMS4yLTEuNi0yLjktMi00LjUtMi00LjUgMC02LjggMy4xLTYuOCA2LjcgMCAzLjcgMi4yIDYuOSA2LjggNi45IDEuNiAwIDMuNC0uNiA0LjQtMnYxLjhoMi40em0tNi43LTEuOGMtMyAwLTQuNS0yLjQtNC41LTQuOHMxLjQtNC43IDQuMy00LjdjMi4zIDAgNC41IDEuNSA0LjUgNC44IDAgMy4xLTIuMSA0LjctNC4zIDQuN3pNMTI0LjcgMjEuNmMwIDkuMSAxMy43IDkuMSAxMy42IDAgMC05LjEtMTMuNi05LjEtMTMuNiAwem0yLjQgMGMwLTYuMyA4LjktNi4zIDguOSAwcy04LjkgNi4zLTguOSAwek0xNTkuMyAyNC4zdi03LjRoMi45VjE1aC0yLjl2LTIuOWwtMi40LjRWMTVoLTJ2MS45aDJ2Ny40YzAgMy41IDIuMiA0LjEgNS40IDMuOXYtMmMtMS44LjEtMyAuMS0zLTEuOXpNMTUwLjYgMjIuMmMwIDIuMy0xLjQgNC4xLTQgNC4xLTIuOC0uMS0zLjQtMS44LTMuNC00LjJWMTVoLTIuNHY3LjFjMCAzLjggMS43IDYuMyA1LjcgNi4zIDEuNyAwIDMuMi0uNSA0LjItMS45djEuN2gyLjNWMTVoLTIuNHY3LjJ6TTE2MiAxMS4zaC44djIuM2guNHYtMi4zaC44di0uNGgtMnpNMTY2LjUgMTAuOWwtLjkgMS40LS45LTEuNGgtLjN2Mi43aC40di0xLjlsLjcgMS4xaC4ybC43LTEuMXYxLjloLjR2LTIuN3pNODEuOSAxMS4yaDIuNHYxNy4xaC0yLjR6TTExMS42IDI2LjRjMSAxLjQgMi44IDIgNC40IDIgNC42IDAgNi44LTMuMyA2LjgtNi45IDAtMy41LTIuMy02LjctNi44LTYuNy0xLjYgMC0zLjMuMy00LjQgMS45di01LjVoLTIuNHYxN2gyLjR2LTEuOHptNC41LTkuNmMyLjguMSA0LjMgMi40IDQuMyA0LjcuMSAyLjUtMS41IDQuOS00LjUgNC44LTIuMSAwLTQuMy0xLjYtNC4zLTQuOHMyLjMtNC43IDQuNS00Ljd6TTk5LjMgMjguNGMxLjYgMCAzLjUtLjYgNC40LTJ2MS44aDIuNFYxNWgtMi4zdjEuOGMtMS4yLTEuNi0yLjktMi00LjUtMi00LjUgMC02LjggMy4xLTYuOCA2LjcgMCAzLjcgMi4yIDYuOSA2LjggNi45em0tLjEtMTEuNWMyLjIgMCA0LjUgMS41IDQuNSA0LjggMCAzLjEtMi4xIDQuNy00LjMgNC43LTMgMC00LjUtMi40LTQuNS00LjhzMS40LTQuNyA0LjMtNC43ek0zNCAuN0MxOS42LTIuNyA0LjkgNiAxIDIwLjQtMi45IDM0LjggNS4yIDQ5LjYgMTkuNCA1NGMxNC4yIDQuNCAyOS40LTMuMiAzNC4zLTE3LjIuMS0uMi4xLS4zLjEtLjUgMC0uNC0uMi0uOC0uNS0xLjEtLjItLjItLjUtLjQtLjctLjUtMS0uNC0yLS45LTIuNy0xLjctLjQgMS44LTEuMSAzLjUtMS45IDUuMS01LjMgMTAuMy0xNy40IDE1LTI4LjMgMTEtMTAuOS00LTE3LTE1LjYtMTQuMy0yNi45QzguMSAxMSAxOC44IDMuNSAzMC4zIDQuOSA0MS44IDYuMyA1MC40IDE2IDUwLjQgMjcuNmMuMS4zLjEuNS4xLjggMCAuNC4xLjkuMyAxLjMuNC45IDEgMS45IDIuNyAyLjVoLjJjLjEgMCAuMi4xLjMuMi4yLjIuNS4zLjcuNUM1Ny42IDE4LjQgNDguNCA0LjEgMzQgLjd6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI3LjYgMTYuNWMtNi4yIDAtMTEuMiA1LTExLjIgMTEuMSAwIDYuMiA1IDExLjIgMTEuMSAxMS4yczExLjItNSAxMS4yLTExLjFjMC02LjItNC45LTExLjItMTEuMS0xMS4yeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MS4zIDI3Ljl2LjJjMCAuNy4yIDEuNC41IDIgLjQuOCAxIDEuNiAyLjQgMi4yaC4xbC4zLjFjLjIuMS41LjIuOC40LjUuMyAxIC42IDEuNCAxIDMuNC0xMC40LTItMjEuNi0xMi4zLTI1LjNTMTMgOS43IDguOCAxOS44IDkuMSA0MS40IDE5IDQ2YzkuOSA0LjYgMjEuNy41IDI2LjYtOS4yIDAtLjEuMS0uMi4xLS4yIDAtLjEtLjItLjYtLjgtMS4xLS41LS40LTEtLjctMS41LS45aC0uMWMtMS4xLS40LTIuMS0xLjEtMi45LTItMi42IDYuNi05LjggMTAuMS0xNi42IDguMi02LjgtMi0xMS04LjgtOS43LTE1LjcgMS4zLTcgNy43LTExLjggMTQuOC0xMS4xIDcuMS43IDEyLjQgNi42IDEyLjQgMTMuN3YuMnpNMTE1LjggMzYuN2MwIDEuMy0uOCAyLjMtMi4zIDIuMy0xLjYgMC0xLjktMS0xLjktMi40di00LjFoLTEuNHY0LjFjMCAyLjIgMSAzLjYgMy4zIDMuNiAxIDAgMS44LS4zIDIuNC0xLjF2MWgxLjN2LTcuNWgtMS40djQuMXpNMTI1LjQgMzIuNmgtMS43bC0yLjEgMi4yLTEuMSAxLjR2LTUuOGgtMS40djkuN2gxLjR2LTIuM2wuOS0xIDIuNiAzLjNoMS42VjQwbC0zLjMtNC4yek04OC43IDM4LjVjLS4zLS4yLS42LS4yLS45IDBzLS40LjUtLjQuOGMuMS40LjQuOC45LjhzLjktLjMuOS0uOGMwLS4zLS4yLS42LS41LS44ek0xMDguNCAzOC41Yy0uMy0uMi0uNi0uMi0uOSAwcy0uNC41LS40LjhjLjEuNC40LjguOS44cy45LS4zLjktLjhjMC0uMy0uMS0uNi0uNS0uOHpNOTguOSAzNi40YzAgNS4yIDcuOCA1LjIgNy44IDBzLTcuOC01LjItNy44IDB6bTEuMyAwYzAtMy42IDUuMS0zLjYgNS4xIDAgMCAzLjUtNS4xIDMuNi01LjEgMHpNOTYuNiAzNS40SDk4Yy0uOC00LjMtNy43LTQtNy43LjlzNi45IDUuMiA3LjcuOWgtMS40Yy0uNyAyLjctNC45IDIuNC00LjktLjlzNC4yLTMuNiA0LjktLjl6Ii8+PC9zdmc+); } .theme-d #root #logo a { display: block; padding-left: 149px; color: var(--white); text-align: left; text-indent: 0; text-decoration: none; } .theme-d #top p, .theme-d #footer p { margin: 0 0 0 auto; font-size: 12px; } .theme-d #top p + p { margin-left: 19px; } .theme-d #top p img, .theme-d #footer p img { display: block; margin-left: 19px; } .theme-d #content { padding-top: 50px; } .theme-d #content > .heading-wide:first-child, .theme-d #content > .module-quiz:first-child { margin-top: -50px; } .theme-d #content > .module-quiz:first-child:last-child { min-height: calc(100vh - 64px - 64px); } .theme-d #footer { padding-top: 12px; padding-bottom: 12px; color: var(--carlo); font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; } .theme-d #footer > p:first-child { display: block; top: 50%; bottom: auto; z-index: 1; height: auto; margin-top: -20px; padding: 0 0 0 149px; background: 0 center no-repeat; background-size: auto 39px; line-height: 40px; } .theme-d .heading-wide:before, .theme-d .module-cta:before, .theme-d.no-webp .heading-wide:before { background: var(--law); } /*! Columns --------- */ .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child { float: left; width: 536px; } .cols-a > header:first-child, .cols-a > aside { position: sticky; bottom: 0; float: right; width: 352px; } .cols-a > header:first-child, .cols-a > aside { align-self: flex-end; } .cols-a > header:first-child, .cols-a > aside > figure { float: right; clear: right; } .cols-a > aside > .link-btn:first-child > img:first-child { margin-top: 66px; } .cols-a.a { } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: 400px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 460px; } .cols-a.b { } .cols-a.b > header:first-child + *, .cols-a.b > *:first-child { width: 610px; } .cols-a.b > header:first-child, .cols-a.b > aside { width: 445px; } @media only screen and (min-width: 1001px) { /* 760 */ .cols-a.b > header.w630:first-child, .cols-a.b > aside.w630 { width: 620px; margin-right: -87.5px; } } .cols-b { position: relative; z-index: 2; margin-bottom: 92px; padding: 0 0 21px 350px; } .cols-b:before, .module-wide:before { box-shadow: 0 3px 6px rgba(0,0,0,.2); background: var(--white); } .cols-b > header:first-child + *, .cols-b > *:first-child { float: right; width: 100%; } .cols-b > header:first-child, .cols-b > aside { float: left; width: 275px; margin: 0 0 0 -350px; } .heading-wide + .cols-b:before, .heading-wide + .module-wide:before { top: -50px; } .cols-c { position: relative; z-index: 2; padding: 0 552px 0 0; color: var(--black); } .cols-c:before { left: -3000em; right: 460px; background: var(--white); } .cols-c > *:first-child, .cols-c > header:first-child + * { float: left; max-width: 536px; margin-left: 0; margin-right: 0; } .cols-c > aside, .cols-c > header:first-child { overflow-x: hidden; overflow-y: auto; position: absolute; right: -500px; top: 0; bottom: 0; z-index: 9; float: right; width: 851px; padding: 59px 0 .1px; } .cols-c > aside::-webkit-scrollbar, .cols-c > header:first-child::-webkit-scrollbar { width: 0; } .cols-c > aside > *, .cols-c > header:first-child > * { max-width: 352px; } #root #content > .cols-c:first-child { margin-top: 15px; } #root #content > .cols-c:first-child:before, #root #content > .cols-c:first-child > aside, root #content > .cols-c:first-child > header:first-child { top: -15px; } #root #content > .cols-c:last-child { margin-bottom: 37px; } #root #content > .cols-c:last-child:before, #root #content > .cols-c:last-child > aside, root #content > .cols-c:last-child > header:first-child { bottom: -37px; } .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double.a { margin-left: -45px; } .double.a > * { float: left; width: 50%; border-left-width: 45px; } /*! Modules --------- */ .has-anchor { position: relative; } .has-anchor > .anchor { display: block; position: absolute; left: 0; top: -40px; } #top.small ~ #content .has-anchor > .anchor { top: -118px; } .heading-article { position: relative; z-index: 2; margin: 0 0 48px; padding: 0 460px 0 0; } .heading-article > * { max-width: 531px; } .heading-article h1, .heading-article h2, .heading-article h3, .heading-article h4, .heading-article h5, .heading-article h6 { margin-bottom: 20px; } .heading-article figure { position: absolute; right: 0; top: 50%; max-width: 440px; /*margin-top: -12px;*/ } .heading-article figure.align-bottom { top: 0; bottom: 16px; margin-bottom: 0; } .heading-article > *:last-child { margin-bottom: 0; } #root #content > .heading-article:first-child { margin-top: 47px /*99px*/; } .heading-article + .module-entries { margin-top: -7px; } .heading-wide { position: relative; z-index: 3; margin: 0 0 50px; padding: 72px 0 37px; color: var(--law); font-weight: 600; line-height: 1.75; } .heading-wide > * { position: relative; z-index: 4; } .heading-wide h1, .heading-wide h2, .heading-wide h3, .heading-wide h4, .heading-wide h5, .heading-wide h6 { max-width: 536px; margin: 0 0 19px; color: var(--white); font-size: 24px; font-weight: 700; letter-spacing: normal; } .heading-wide h1 i, .heading-wide h2 i, .heading-wide h3 i, .heading-wide h4 i, .heading-wide h5 i, .heading-wide h6 i { display: block; position: relative; z-index: 2; margin: 0 0 29px; background: 0 center no-repeat; background-size: auto 100%; color: var(--white); font-size: 51px; line-height: 1; } .heading-wide h1 .icon-aal-dc, .heading-wide h2 .icon-aal-dc, .heading-wide h3 .icon-aal-dc, .heading-wide h4 .icon-aal-dc, .heading-wide h5 .icon-aal-dc, .heading-wide h6 .icon-aal-dc { margin: -10px 0 65px; color: rgba(0,0,0,0); font-size: 113px; } .heading-wide h1 .icon-aal-dc, .heading-wide h2 .icon-aal-dc, .heading-wide h3 .icon-aal-dc, .heading-wide h4 .icon-aal-dc, .heading-wide h5 .icon-aal-dc, .heading-wide h6 .icon-aal-dc, .dc #logo:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1MjUuMSAxMTMuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojM2IxODgyfS5zdDF7ZmlsbDojOTY2NGZmfS5zdDJ7ZmlsbDojZmZmfTwvc3R5bGU+PGcgaWQ9IkxheWVyXzJfMV8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEzKSI+PGcgaWQ9IkxheWVyXzFfMV8iPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00Ny4xIDg1LjJjMC0zLjMtLjgtNi41LTIuNC05LjQtMS42LTIuOC00LTUtNi45LTYuNC0zLjQtMS42LTcuMS0yLjQtMTAuOC0yLjNIOGwtOCA0NS41aDE5YzQuNS4xIDktMSAxMy0zIDMuOS0xLjkgNy4yLTQuNyA5LjctOC4yczQuMi03LjUgNS0xMS42Yy4zLTEuNS40LTMuMS40LTQuNnptLTE1IDQuNWMtLjMgMi45LTEuOCA1LjYtNC4xIDcuNS0yLjMgMS44LTUuMiAyLjgtOC4yIDIuN2gtMy40TDIwIDc5LjZoMy40YzIuNC0uMSA0LjcuNiA2LjYgMiAxLjcgMS40IDIuNSAzLjUgMi40IDUuN2wtLjMgMi40ek01NC41IDY3LjFsLTggNDUuNWgxNC4ybDgtNDUuNXpNOTAuNSA4Ni41bC0xLjggMTAuMWgxMS40Yy0yLjIgMi41LTUuNCA0LTguNyA0LTMgMC01LjItLjctNi42LTEuOS0xLjQtMS4zLTIuMS0zLjItMi4xLTUuNyAwLTEuMS4xLTIuMS4zLTMuMS40LTIuNyAxLjctNS4zIDMuNi03LjMgMS45LTEuOCA0LjMtMi44IDYuOS0yLjcgMS4yLS4xIDIuNS4yIDMuNi43LjkuNSAxLjYgMS4yIDIgMi4xaDE1LjFjLS4xLTIuOS0uOS01LjgtMi4zLTguMy0xLjUtMi41LTMuNi00LjUtNi4yLTUuNy0zLjItMS41LTYuNi0yLjItMTAtMS44LTQuNC0uMS04LjguOS0xMi44IDIuOC0zLjggMS45LTcgNC42LTkuNSA4LTIuNSAzLjUtNC4yIDcuNS00LjkgMTEuNy0uMyAxLjctLjQgMy40LS40IDUuMSAwIDMuNC44IDYuOCAyLjQgOS44IDEuNSAyLjggMy45IDUgNi43IDYuNSAzLjIgMS43IDYuOSAyLjUgMTAuNSAyLjQgMTAuNSAwIDE4LjQtNC4yIDIzLjUtMTIuNGwyLjUtMTQuM0g5MC41ek0xMTMgMTEyLjZoMTQuMmw4LTQ1LjVIMTIxek0xNzcuNCA2Ny4xSDEzOWwtMiAxMS4zaDEybC02IDM0LjJoMTQuM2w2LTM0LjJoMTIuMXpNMTg4LjIgNjcuMWwtMjQuNiA0NS41aDE1bDMuNS02LjloMTUuMmwuOSA2LjloMTUuMWwtOC42LTQ1LjVoLTE2LjV6bS0uOCAyNy45bDYuNC0xMi43IDEuOSAxMi43aC04LjN6TTIzMC4yIDEwMS44bDYuMS0zNC43SDIyMmwtOCA0NS41aDI4bDEuOS0xMC44eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMykiLz48Zz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjc4IDk0LjljLS44IDEuNC0yLjEgMi42LTMuNSAzLjUtMS40LjktMyAxLjMtNC42IDEuMy0xLjguMS0zLjUtLjYtNC43LTEuOS0xLjItMS42LTEuNy0zLjQtMS42LTUuMyAwLTMuNyAxLjMtNy4zIDMuNi0xMC4xIDEuNS0xLjcgMy44LTIuNyA2LjEtMi43IDEuNCAwIDIuOS40IDQuMSAxLjNzMiAyLjEgMi4zIDMuNWgxNWMuMS0zLjMtLjctNi41LTIuMi05LjQtMS41LTIuNy0zLjctNC45LTYuNS02LjMtMy4yLTEuNS02LjYtMi4zLTEwLTIuMy00LjQtLjEtOC42LjktMTIuNSAyLjktMy44IDEuOS02LjkgNC43LTkuMyA4LjItMi41IDMuNy00LjEgNy44LTQuOCAxMi4xLS4zIDEuNy0uNSAzLjQtLjUgNS4xLS4xIDMuMy43IDYuNiAyLjIgOS41IDEuNSAyLjcgMy44IDQuOSA2LjUgNi4zIDMuMiAxLjYgNi43IDIuNCAxMC4yIDIuMyA1LjYuMSAxMS4xLTEuNiAxNS42LTQuOXM3LjgtNy45IDkuNi0xMy4xaC0xNXpNMzEyLjQgNjcuMWwtMjQuNiA0NS41aDE1bDMuNS02LjloMTUuMmwxIDYuOWgxNS4xTDMyOSA2Ny4xaC0xNi42em0tLjcgMjcuOWw2LjQtMTIuN0wzMjAgOTVoLTguM3pNNDAyLjMgNjdoLTE3LjVsLTE0LjUgMjcuM0wzNjUgNjdoLTE3LjRsLTcuOSA0NS42aDE0LjJsNC0yMi43IDMgMjIuN2gxMi4ybDExLTIyLjctNCAyMi43aDE0LjJsOC00NS41ek00MzcuMSA3MC40Yy0yLjUtMi4yLTYuMi0zLjMtMTEuMS0zLjNoLTE5LjlsLTggNDUuNWgxNC4zbDIuNS0xNC41aDUuNmMzLjQgMCA2LjctLjcgOS44LTIuMSA1LjQtMi41IDkuMy03LjQgMTAuMy0xMy4zLjItMS4xLjMtMi4yLjMtMy4zLjItMy40LTEuMi02LjctMy44LTl6bS0xMC45IDEyLjNjLS41IDIuOC0yLjMgNC4yLTUuMSA0LjNINDE3bDEuNS04LjRoNGMyLjUgMCAzLjggMSAzLjggMy4xIDAgLjMtLjEuNy0uMSAxek00NzIuNiA2Ny4xbC00LjUgMjUuN2MtLjMgMS45LTEuMSAzLjYtMi40IDUtMS4zIDEuMi0zLjEgMS45LTQuOSAxLjgtMS40LjEtMi43LS40LTMuNy0xLjMtLjktLjktMS4zLTIuMS0xLjItMy40IDAtLjcuMS0xLjQuMi0yLjFsNC41LTI1LjdoLTE0bC00LjUgMjUuN2MtLjMgMS42LS41IDMuMy0uNSA0LjkgMCA0LjkgMS41IDguNyA0LjUgMTEuNCAzIDIuNyA3IDQgMTIuMSA0IDMuNyAwIDcuNC0uOCAxMC44LTIuMyAzLjQtMS41IDYuMy0zLjkgOC42LTYuOSAyLjQtMy4zIDQuMS03LjEgNC43LTExLjFsNC41LTI1LjdoLTE0LjJ6TTUxNS4zIDg3LjdjLTItMS4xLTQtMi4xLTYuMS0yLjktMS42LS42LTMuMS0xLjMtNC42LTIuMi0uOS0uNS0xLjUtMS40LTEuNS0yLjR2LS4zYzAtMS4zIDEuMi0yLjQgMi41LTIuMyAxLjggMCAyLjYgMS4yIDIuNCAzLjZoMTUuNWMtLjEtNC43LTEuNy04LjMtNC41LTEwLjktMi44LTIuNi03LjItMy45LTEzLjEtMy45LTQuMS0uMS04LjMgMS0xMS45IDMtMy4yIDEuOC01LjQgNC44LTYgOC40LS4yIDEtLjQgMi4xLS40IDMuMi0uMSAyLjIuNSA0LjQgMS43IDYuMyAxIDEuNiAyLjQgMyA0LjEgNCAxLjkgMS4xIDMuOSAyLjEgNiAyLjkgMS43LjYgMy4zIDEuNCA0LjggMi40LjkuNiAxLjUgMS41IDEuNSAyLjYuMS44LS4yIDEuNi0uOCAyLjEtLjYuNS0xLjQuNy0yLjEuNy0yLjEgMC0zLjEtMS4zLTIuOC0zLjloLTE1LjJjLjEgNC44IDEuNyA4LjUgNC44IDExLjEgMy4xIDIuNiA3LjUgMy45IDEzLjEgMy45IDMgMCA2LjEtLjUgOC45LTEuNiAyLjQtLjkgNC42LTIuNCA2LjMtNC4zIDEuNi0xLjcgMi42LTMuOCAzLjEtNS45LjItMS4xLjMtMi4yLjMtMy4zLjEtMi4zLS42LTQuNS0xLjgtNi40LTEuMS0xLjYtMi41LTIuOS00LjItMy45eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMykiLz48L2c+PGc+PHBhdGggY2xhc3M9InN0MiIgZD0iTTI1LjkuOEw4LjMgNDkuMWgxNS44bDIuNC03LjNoMTYuMWwyLjQgNy4zaDE2TDQzLjQuOEgyNS45em00LjMgMjkuNkwzNC42IDE3IDM5IDMwLjRoLTguOHpNNzkuNi44SDY0LjR2NDguM2gyOS44VjM3LjZINzkuNnpNMTE0IDM3LjZWLjhIOTguOXY0OC4zaDI5LjhWMzcuNmgtMTQuNnpNMTUwLjUuOGwtMTcuNyA0OC4zaDE1LjlsMi40LTcuM2gxNi4xbDIuNCA3LjNoMTZMMTY4IC44aC0xNy41em00LjIgMjkuNmw0LjQtMTMuNCA0LjQgMTMuNGgtOC44ek0yMjEuMyAyNC4zYzIuMy0uNiA0LjQtMiA1LjktMy45IDEuNS0yIDIuMy00LjUgMi4yLTcuMSAwLTQtMS40LTcuMi00LjItOS4zLTIuOC0yLjEtNi43LTMuMi0xMS42LTMuMkgxODl2NDguM2gyNS4zYzUuMi4xIDkuMi0xLjEgMTItMy40IDIuOC0yLjMgNC4yLTUuNiA0LjItOS44LjEtMi42LS44LTUuMi0yLjQtNy4zLTEuNy0yLjItNC4xLTMuNy02LjgtNC4zem0tMTcuMi0xMS40aDUuOWMxIDAgMi4xLjMgMyAuOS43LjcgMS4xIDEuNiAxIDIuNi4xLjktLjMgMS45LTEgMi41LS45LjYtMS45LjktMyAuOGgtNS45di02Ljh6bTkuOSAyMy4zYy0uOS42LTIgLjktMyAuOGgtNi45di02LjloNi45YzIuNyAwIDQgMS4yIDQgMy41LjEgMS0uMyAxLjktMSAyLjZ6TTI3MC4zIDMuMmMtNy44LTQuMy0xNy4yLTQuMy0yNSAwLTMuNyAyLTYuOSA1LjEtOSA4LjgtMi4yIDMuOS0zLjQgOC4zLTMuMyAxMi44LS4xIDQuNSAxLjEgOC45IDMuMyAxMi44IDIuMSAzLjcgNS4yIDYuOCA5IDguOSA3LjggNC4zIDE3LjIgNC4zIDI1IDAgMy43LTIuMSA2LjktNS4yIDktOC45IDIuMi0zLjkgMy40LTguMyAzLjMtMTIuOC4xLTQuNS0xLjEtOC45LTMuMy0xMi44LTIuMi0zLjctNS4zLTYuNy05LTguOHptLTUuNCAyOS4zYy0xLjYgMS45LTMuOSAyLjktNyAyLjktMi43LjItNS4zLS45LTcuMS0yLjktMS44LTIuMi0yLjctNS0yLjUtNy44LS4xLTIuOC44LTUuNiAyLjUtNy44IDEuOC0yIDQuNC0zIDcuMS0yLjkgMi43LS4xIDUuMi45IDcgMi45IDEuOCAyLjIgMi42IDUgMi41IDcuOC4xIDIuOC0uOCA1LjYtMi41IDcuOHpNMzEyLjcgMjhjLjEgMS45LS41IDMuOC0xLjYgNS4zLTEuMiAxLjMtMyAyLTQuOCAxLjktMi4xIDAtMy43LS42LTQuNy0xLjktMS4xLTEuNi0xLjYtMy40LTEuNS01LjNWLjhIMjg1VjI4Yy0uMSA0LjEuOCA4LjIgMi43IDExLjggMS43IDMuMSA0LjIgNS43IDcuNCA3LjMgMy40IDEuNyA3LjEgMi42IDEwLjkgMi41IDMuOCAwIDcuNi0uOCAxMS4xLTIuNSAzLjItMS42IDYtNC4xIDcuOC03LjMgMi0zLjYgMy03LjcgMi45LTExLjhWLjhoLTE1LjFWMjh6TTMzMS42IDEyLjhoMTIuN3YzNi4zaDE1LjJWMTIuOGgxMi44Vi44aC00MC43ek0zOTEuNS44aC0xNS4xdjQ4LjNoMjkuN1YzNy42aC0xNC42ek00MjUuMi44bC0xNy43IDQ4LjNoMTUuOWwyLjQtNy4zaDE2LjFsMi40IDcuM2gxNkw0NDIuNy44aC0xNy41em00LjIgMjkuNmw0LjQtMTMuNCA0LjQgMTMuNGgtOC44ek01MDguOC44bC00LjQgMzAuNEw0OTcuOS44aC0xNi41bC02LjYgMzAuNEw0NzAuNC44aC0xNi4zbDExLjEgNDguM0g0ODRsNS43LTI3LjQgNS42IDI3LjRoMTguOGwxMS00OC4zeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMykiLz48L2c+PC9nPjwvZz48L3N2Zz4=); } .heading-wide > .s28 { max-width: 628px; } .heading-wide > .s28:first-child, .heading-wide > figure:first-child + .s28 { margin-top: -11px; } .heading-wide > figure.align-center:first-child { top: 0; bottom: 0; } .heading-wide p { max-width: 536px; margin-bottom: 18px; } .heading-wide .link-btn { margin-top: 18px; margin-bottom: 5px; } .heading-wide .link-btn a { min-width: 228px; padding-left: 6px; padding-right: 6px; } .heading-wide .link-btn a.inv { padding: 11.5px 5px; border-color: var(--white); border-width: 2px; color: var(--white); } .heading-wide .scheme-box { position: absolute; right: 0; top: 63px; bottom: auto; } .heading-wide .scheme-box:before { box-shadow: none; border-width: 0; background: var(--white); } .heading-wide:before, .module-cta:before { background: url(../images/heading-wide.webp) 100% center no-repeat; background-size: cover; } .no-webp .heading-wide:before { background-image: url(../images/heading-wide.png); } .heading-wide > figure:first-child { display: block; position: absolute; right: -85px; top: 0; left: auto; bottom: auto; z-index: 2; width: auto; max-width: 430px; margin: 0; } .heading-wide > figure:first-child img { height: auto !important; } .heading-wide + .module-entry { margin-top: -7px; } .heading-wide + .module-wide { padding-top: 0; } .heading-wide .double { margin-left: -32px; } .heading-wide .double > * { border-left-width: 32px; } .heading-wide.a { } .heading-wide.a:before { background-image: url(../images/heading-wide-a.webp); } .no-webp .heading-wide.a:before { background-image: url(../images/heading-wide-a.png); } .heading-wide.b { padding-top: 170px; padding-bottom: 35px; color: var(--carlo); font-weight: 700; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.2; letter-spacing: -0.02em; } .heading-wide.b:before { background-image: url(../images/heading-wide-navy.webp); } .no-webp .heading-wide.b:before { background-image: url(../images/heading-wide-navy.png); } .heading-wide.b h1, .heading-wide.b h2, .heading-wide.b h3, .heading-wide.b h4, .heading-wide.b h5, .heading-wide.b h6 { margin-bottom: 35px; } .heading-wide.b h1 i, .heading-wide.b h2 i, .heading-wide.b h3 i, .heading-wide.b h4 i, .heading-wide.b h5 i, .heading-wide.b h6 i { display: block; margin: 0; font-size: 64px; line-height: 1; } .heading-wide.b p { font-size: 24px; } .heading-wide.b .link-btn { margin-top: 72px; } .heading-wide.c { padding-bottom: 54px; color: var(--white); font-weight: 400; } .heading-wide.c h1, .heading-wide.c h2, .heading-wide.c h3, .heading-wide.c h4, .heading-wide.c h5, .heading-wide.c h6 { max-width: 464px; margin-bottom: 30px; font-size: 54px; line-height: 1.1111111111; } .heading-wide.c > h1:first-child, .heading-wide.c > h2:first-child, .heading-wide.c > h3:first-child, .heading-wide.c > h4:first-child, .heading-wide.c > h5:first-child, .heading-wide.c > h6:first-child { margin-top: -16px; } .heading-wide.c .module-box { position: absolute; right: 0; top: 50%; width: 461px; max-width: none; } .heading-wide.d { padding-top: 57px; padding-bottom: 38px; padding-right: 315px; color: var(--white); font-weight: 400; font-size: 18px; line-height: 1.5555555556; } .heading-wide.d h1, .heading-wide.d h2, .heading-wide.d h3, .heading-wide.d h4, .heading-wide.d h5, .heading-wide.d h6 { margin-bottom: 14px; font-size: 28px; line-height: 1.3571428571; } .heading-wide.d p { max-width: 720px; } .heading-wide.full { padding-left: 0; padding-right: 0; } /*.heading-wide.e { padding-top: 0; padding-bottom: .1px; } .heading-wide.e h1, .heading-wide.e h2, .heading-wide.e h3, .heading-wide.e h4, .heading-wide.e h5, .heading-wide.e h6 { font-size: 28px; line-height: 1.3571428571 }*/ .heading-wide.entry { padding-top: 32px; padding-bottom: 14px; } .no-mobile .heading-wide.entry { position: sticky; top: 78px; } .heading-wide.entry h1, .heading-wide.entry h2, .heading-wide.entry h3, .heading-wide.entry h4, .heading-wide.entry h5, .heading-wide.entry h6 { max-width: 225px; margin-bottom: 18px; } .heading-wide.entry .link-btn { margin-top: 0; } .heading-wide.entry .link-btn a { min-width: 200px; } .heading-wide.entry .link-btn a.inv { min-width: 220px; } .heading-wide.intro { padding-top: 151px; color: var(--white); font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; } .heading-wide.intro:after, .heading-wide.b:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 48px; height: 55px; background-position: 0 center; background-repeat: no-repeat; background-size: auto 100%; } .heading-wide.intro h1, .heading-wide.intro h2, .heading-wide.intro h3, .heading-wide.intro h4, .heading-wide.intro h5, .heading-wide.intro h6 { max-width: none; margin-bottom: 57px; color: var(--law); } .heading-wide.intro p { max-width: none; font-size: 18px; } .heading-wide.careers { padding-bottom: 42px; padding-top: 55px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.2; } .heading-wide.careers > * { max-width: none; } .heading-wide.careers h1, .heading-wide.careers h2, .heading-wide.careers h3, .heading-wide.careers h4, .heading-wide.careers h5, .heading-wide.careers h6 { margin: 0 0 1px; font-size: 75px; font-weight: 800; letter-spacing: -0.01em; } .heading-wide.careers h1:before, .heading-wide.careers h2:before, .heading-wide.careers h3:before, .heading-wide.careers h4:before, .heading-wide.careers h5:before, .heading-wide.careers h6:before { content: ""; display: block; position: relative; height: 76px; margin-bottom: 35px; background-position: 0 center; background-repeat: no-repeat; background-size: auto 100%; } .heading-wide.careers p { font-size: 24px; } .heading-wide.careers .link-btn { margin-top: 54px; } .heading-wide.careers + .module-box { z-index: 4; margin-top: -145px; } .heading-wide.before-module-box { padding-bottom: 160px; } #root .heading-wide.m25, #root .module-wide.m25 { margin-bottom: 29px; } .module-article { max-width: 628px; } .module-article h2, .module-article h3, .module-article h4, .module-article h5, .module-article h6, .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6 { margin: 31px 0 1px; font-size: 18px; } .module-article h1, .module-article > h1:first-child, .module-article > h2:first-child, .module-article > h3:first-child, .module-article > h4:first-child, .module-article > h5:first-child, .module-article > h6:first-child, .module-entry hx, .module-entry h1:first-child, .module-entry h2:first-child, .module-entry h3:first-child, .module-entry h4:first-child, .module-entry h5:first-child, .module-entry h6:first-child { margin: 0 0 28px; font-size: 24px; } .module-aside { margin: 55px 0 16px -25px; text-align: left; } .module-aside > * { padding-top: 22px; border-left: 25px solid rgba(0,0,0,0); text-align: left; } .module-aside > figure, .module-aside.text-center > * { padding-top: 0; } .module-aside img { max-width: none !important; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { margin-bottom: 24px; } hr + .module-aside { margin-top: 80px; } .module-aside.a { margin-top: 0; margin-left: -40px; font-weight: 700; font-size: 20px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.5; } .module-aside.a > * { width: 484px; max-width: 484px; min-width: 484px; border-left-width: 40px; } .module-aside.a > figure, .module-aside.a > aside { max-width: none; min-width: 0; max-width: none; } .module-aside.a img { max-width: 100% !important; } .module-aside.a h1, .module-aside.a h2, .module-aside.a h3, .module-aside.a h4, .module-aside.a h5, .module-aside.a h6 { margin-bottom: 24px; font-size: 28px; } .module-aside.a .link-btn { margin-top: 31px; } .module-box { position: relative; z-index: 2; margin: 0 0 50px; padding: 28px 35px 11px; color: var(--dove); } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin-bottom: 23px; } .module-box h1.label, .module-box h2.label, .module-box h3.label, .module-box h4.label, .module-box h5.label, .module-box h6.label { margin-bottom: 19px; } .module-box:before { border: 5px solid var(--carlo); background: var(--white); } .module-box > img, .module-box .captcha { display: block; margin: 29px 0 19px; } .module-box > .list-logo.b:last-child { margin-bottom: -1px; } .module-box.a { float: left; max-width: 904px; padding: 16px 17px .1px; } .module-box.a:before { box-shadow: 0 3px 6px rgba(0,0,0,.145); border-width: 0; } .module-box.a .list-logo li { width: 222px; } .module-box.a + * { clear: both; } .module-cta { position: relative; z-index: 2; margin: 55px 0; padding: 58px 0 36px; color: var(--white); text-align: center; } .module-cta h1, .module-cta h2, .module-cta h3, .module-cta h4, .module-cta h5, .module-cta h6 { margin-bottom: 32px; color: var(--white); font-size: 24px; font-weight: 700; } .module-cta .link-btn a { min-width: 228px; padding-left: 6px; padding-right: 6px; } @media only screen and (min-width: 47.5em) { /* 760 */ .module-cta .link-btn > span { left: 50%; box-shadow: none; background: none; white-space: nowrap; } .module-cta .link-btn > span { -webkit-transform: translate(-75%,-50%); transform: translate(-75%,-50%); } .module-cta .link-btn.toggle-btn > span { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .module-cta:before { background-image: url(../images/module-cta.webp); background-size: 100% 100%; } .no-webp .module-cta:before { background-image: url(../images/module-cta.png); } .list-logo + .module-cta { margin-top: 45px; } .module-entries { position: relative; z-index: 1; max-width: 812px; color: var(--black); } .module-entries .header-line { margin: 27px 0 29px; font-size: 18px; } .module-entries .header-line span { padding-right: 15px; } .module-entries .header-line.text-center span { padding-left: 15px; } .module-entries article { position: relative; z-index: 2; margin: 0 0 17px; padding: 18px 16px 0; border: 0 solid rgba(0,0,0,0); } .module-entries article:before { box-shadow: 0 3px 6px rgba(0,0,0,.145); background: var(--white); } .module-entries header { } #root .module-entries article h1, #root .module-entries article h2, #root .module-entries article h3, #root .module-entries article h4, #root .module-entries article h5, #root .module-entries article h6 { width: 100%; margin: 0 0 17px; color: var(--black); font-size: 20px; font-weight: 800; line-height: 1.4; } .module-entries header figure { margin: 0 16px 14px 0; } .module-entries header .list-entry-details { margin-bottom: 14px; } .module-entries p { margin-bottom: 24px; } .module-entries footer, .popup-a .box-inset > footer { margin: 0 -16px; padding: 18px 16px .1px; background: var(--para); color: var(--white); font-weight: 700; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.2; } .module-entries footer p, .module-entries footer figure, .popup-a .box-inset > footer p, .popup-a .box-inset > footer figure { margin-top: 0; margin-bottom: 18px; } .module-entries footer .link-btn, .module-entries.a footer .link-btn, .popup-a .box-inset > footer .link-btn { margin-bottom: 5px; padding-left: 10px; } .module-entries footer .link-btn a, .popup-a .box-inset > footer .link-btn a { min-width: 180px; padding-left: 8px; padding-right: 8px; } .module-entries footer .link-btn:last-child, .popup-a .box-inset > footer .link-btn:last-child { margin-left: auto; } .module-entries.a, .popup-a { font-size: 14px; line-height: 1.5714285714; } .module-entries.a article { min-height: 337px; } .module-entries.a header, .popup-a .box-inset > header { min-height: 93px; margin: 0 -16px 25px; padding: 18px 16px 2px; box-shadow: 0 3px 6px rgba(0,0,0,.29); background: var(--para); color: var(--white); } .module-entries.a article header:first-child, .popup-a .box-inset > header:first-child { margin-top: -18px; } #root .module-entries.a header h1, #root .module-entries.a header h2, #root .module-entries.a header h3, #root .module-entries.a header h4, #root .module-entries.a header h5, #root .module-entries.a header h6, .popup-a .box-inset > header h1, .popup-a .box-inset > header h2, .popup-a .box-inset > header h3, .popup-a .box-inset > header h4, .popup-a .box-inset > header h5, .popup-a .box-inset > header h6 { color: var(--white); } .module-entries.a article > header + figure, .popup-a .box-inset > header + figure { position: absolute; left: 20px; top: auto; bottom: 0; height: 95px; margin: 0; } .module-entries.a p, .popup-a p { margin-bottom: 22px; font-size: 14px; } .module-entries.a footer { min-height: 95px; } .module-entries.a article > div { overflow: hidden; position: relative; z-index: 2; } .module-entries.a article > div.long { height: 116px; margin: 0 0 14px; } .module-entries.a article > div:before { display: none; top: auto; height: 50px; border-bottom: 28px solid var(--white); background: rgba(255,255,255,.63); } .module-entries.a article > div a.expand { display: none; position: absolute; left: 0; right: 0; bottom: 0; z-index: 11; height: 18px; margin: 0; } #root .module-entries.a article > div .strong:last-child { display: none; position: absolute; right: 6px; bottom: 0; z-index: 10; margin: 0; } #root .module-entries.a article > div .strong:last-child a, #root .module-entries.a .list-info a.strong { display: block; position: relative; padding: 0 20px 0 0; color: var(--indigo); font-size: 12px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; text-decoration: none; } #root .module-entries.a .list-info a.strong { display: none; position: absolute; right: 0; bottom: 1px; top: auto; left: auto; padding-left: 10px; background: var(--white); } #root .module-entries.a article > div .strong:last-child a:before, .module-entries.a .list-info a.strong:before { content: "\e905"; left: auto; font-size: 6px; } [data-whatintent="mouse"] #root .module-entries.a article > div .strong:last-child a:hover, [data-whatintent="mouse"] .module-entries.a .list-info a.strong:hover, [data-whatintent="mouse"] .module-entries.a a.expand:hover ~ .inner p.strong a { letter-spacing: 0.02em; } [data-whatintent="mouse"] #root .module-entries.a article > div .strong:last-child a:hover:before, [data-whatintent="mouse"] .module-entries.a .list-info a.strong:hover:before, [data-whatintent="mouse"] .module-entries.a a.expand:hover ~ .inner p.strong a:before { -webkit-animation-name: updown; animation-name: updown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .module-entries.a .list-info li.wide { } .module-entries.a .list-info li.wide.long { overflow: hidden; height: 66px; } #content > .module-entries.a:last-child { margin-bottom: 25px; } .module-entries.dots { } .module-entries.dots:before, .module-entries.dots:after { content: "\e92a"; margin: 0; color: var(--aca); font-size: 183px; line-height: 183px; opacity: .4; } .module-entries.dots:before { left: -41px; right: auto; bottom: 33px; top: auto; } .module-entries.dots:after { left: auto; right: -64px; top: -56px; } .module-entries.dots.v1:before { top: 56px; bottom: auto; } .module-entries.grid { max-width: none; margin-left: -16px; } .module-entries.grid article { width: 50%; margin-bottom: 18px; border-left-width: 16px; } .module-entries.grid footer:last-child { margin-top: auto; } .module-entry { padding-right: 552px; } .module-entry > * { float: left; width: 100%; } .module-entry > header, .module-entry > footer { float: right; clear: right; width: 444px; margin-right: -552px; } .module-entry > header ~ footer { margin-top: 9px; } #root .module-entry > h1, #root .module-entry > h2, #root .module-entry > h3, #root .module-entry > h4, #root .module-entry > h5, #root .module-entry > h6 { float: none; clear: both; width: auto; margin-right: -552px; } #root .module-entry footer h1, #root .module-entry footer h2, #root .module-entry footer h3, #root .module-entry footer h4, #root .module-entry footer h5, #root .module-entry footer h6 { margin-bottom: 3px; font-size: 18px; } #content > .module-entry:last-child { margin-bottom: 39px; } .module-entry-single { } #root .module-entry-single h1, #root .module-entry-single h2, #root .module-entry-single h3, #root .module-entry-single h4, #root .module-entry-single h5, #root .module-entry-single h6 { margin: 30px 0 2px; color: var(--paras); font-size: 18px; font-weight: 700;} .module-entry-single header { } #root .module-entry-single header h1, #root .module-entry-single header h2, #root .module-entry-single header h3, #root .module-entry-single header h4, #root .module-entry-single header h5, #root .module-entry-single header h6 { margin: 22px 0 16px; color: var(--para); font-size: 24px; line-height: 1.3333333333; } .module-entry-single header i { display: inline-block; position: relative; top: -.1em; margin: 0 4px 0 0; font-size: 8px; line-height: 1px; } .module-entry-single .list-info { margin-bottom: 2px; padding-bottom: 0; } #root .module-entry-single a { color: var(--indigo); } .module-error { text-align: center; } .module-error h1, .module-error h2, .module-error h3, .module-error h4, .module-error h5, .module-error h6 { margin-bottom: 23px; } .module-error h1 span, .module-error h2 span, .module-error h3 span, .module-error h4 span, .module-error h5 span, .module-error h6 span { display: block; margin-bottom: -17px; font-size: 6.25em; line-height: 1; letter-spacing: -0.02em; } .module-error .link-btn a { min-width: 168px; } #content.align-center > .module-error:first-child:last-child { padding-top: 12.75vh; } .module-popup { position: relative; z-index: 2; max-width: 812px; margin: 0 auto 40px; padding: 30px 30px .1px; box-shadow: 0 4px 20px rgba(112,144,176,0.101); background: var(--alabaster); color: var(--law); font-size: 18px; line-height: 1.5555555556; } .module-popup header { margin: 0 -30px 26px; padding: 25px 30px 9px; background: var(--carlo); color: var(--white); } .module-popup > header:first-child { margin-top: -30px; } .module-popup header h1, .module-popup header h2, .module-popup header h3, .module-popup header h4, .module-popup header h5, .module-popup header h6 { } .module-popup h1, .module-popup h2, .module-popup h3, .module-popup h4, .module-popup h5, .module-popup h6 { margin: 0 0 17px; color: var(--law); font-size: 24px; } .module-popup p { margin-bottom: 23px; } .module-popup .link-btn { margin: 0 0 18px; } .module-popup-anchor { display: block; position: absolute; left: 0; top: -84px; } .module-quiz + .module-popup { margin-top: -24px; } #content > .module-popup:last-child { margin-bottom: 34px; } .module-quiz { position: relative; z-index: 2; padding: 0 0 0 552px; color: var(--black); font-size: 16px; line-height: 1.5555555556; } .module-quiz > * { position: relative; z-index: 2; width: 100%; float: right; padding: 42px 0 30px; } .module-quiz > * > figure:first-child { margin-top: -10px; } .module-quiz > header { clear: both; width: auto; float: none; margin: 0 0 0 -552px; padding: 29px 0 9px; color: var(--law); line-height: 1.3571428571; } .module-quiz > header:before { background: var(--alabaster); } .module-quiz > header h1, .module-quiz > header h2, .module-quiz > header h3, .module-quiz > header h4, .module-quiz > header h5, .module-quiz > header h6 { margin: 0 0 20px; padding: 0; font-size: 18px; line-height: 1.3571428571; } .module-quiz > header p { margin-bottom: 20px; font-size: 18px; } .module-quiz > header p + .list-progress { margin-left: 46px; } .module-quiz > aside { position: sticky; top: 64px; float: left; width: 552px; margin: 0 0 0 -552px; padding-top: 66px; padding-right: 108px; color: var(--white); } .module-quiz > aside h1, .module-quiz > aside h2, .module-quiz > aside h3, .module-quiz > aside h4, .module-quiz > aside h5, .module-quiz > aside h6 { margin: 19px 0 8px; color: var(--carlo); font-size: 28px; line-height: 1.3571428571; } .module-quiz > aside > h1:first-child:last-child, .module-quiz > aside > h2:first-child:last-child, .module-quiz > aside > h3:first-child:last-child, .module-quiz > aside > h4:first-child:last-child, .module-quiz > aside > h5:first-child:last-child, .module-quiz > aside > h6:first-child:last-child, .module-quiz > aside > h1:first-child:nth-last-child(2), .module-quiz > aside > h2:first-child:nth-last-child(2), .module-quiz > aside > h3:first-child:nth-last-child(2), .module-quiz > aside > h4:first-child:nth-last-child(2), .module-quiz > aside > h5:first-child:nth-last-child(2), .module-quiz > aside > h6:first-child:nth-last-child(2) { margin-top: -20px; } .module-quiz > aside.strong p, .module-quiz > aside p.strong { font-size: 20px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.5; } .module-quiz > aside.strong p + p, .module-quiz > aside p.strong + p.strong { margin-top: 30px; } .module-quiz > aside.strong > p:first-child, .module-quiz > aside > p.strong:first-child, .module-quiz > aside.strong > .mobile-only:first-child + p, .module-quiz > aside > .mobile-only:first-child + p.strong { margin-top: -22px; } .module-quiz figure, .module-quiz p { margin-bottom: 25px; } .module-quiz figure + p { font-size: 18px; } .module-quiz label, .module-quiz .label { margin-bottom: 5px; color: var(--carlo); font-size: 16px; } .module-quiz input, .module-quiz select, .module-quiz .semantic-select .input { max-width: 374px; height: 49px; padding-left: 19px; font-size: 1em; } .module-quiz input { padding-right: 19px; } .module-quiz ::-webkit-input-placeholder { color: var(--nobel); } .module-quiz :-ms-input-placeholder { color: var(--nobel); } .module-quiz ::-ms-input-placeholder { color: var(--nobel); } .module-quiz ::placeholder { color: var(--nobel); } .module-quiz select, .module-quiz .semantic-select .input { padding-right: 42px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSA3Ij48cGF0aCBkPSJNMS40IDBsNC4zIDQuM0wxMCAwbDEuNCAxLjQtNS43IDUuN0wwIDEuNCAxLjQgMHoiIGZpbGw9IiNmOWZjZmIiLz48cGF0aCBmaWxsPSIjNzA3MDcwIiBkPSJNMTEuNCAxLjRMMTAgMCA1LjcgNC4zIDEuNCAwIDAgMS40bDUuNyA1Ljd6Ii8+PC9zdmc+); background-size: auto 7px; color: var(--nobel); } .module-quiz .semantic-select-wrapper { max-width: 374px; } .module-quiz .semantic-select .input { max-width: none; line-height: 47px; } .module-quiz .check li, .module-quiz .list-progress li, .module-quiz .semantic-select li { text-indent: 0; } .module-quiz .list-progress li { text-indent: -3000em; } .module-quiz ul { padding-left: 14px; } .module-quiz li:after { left: -14px; top: 10px; } .module-quiz .submit { margin-right: -32px; margin-top: 28px; } .module-quiz .submit > * { margin: 0 32px 0 0; } .module-quiz .submit a { color: var(--law); font-weight: 700; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; text-decoration: none; } .module-quiz .submit button ~ a { display: block; clear: both; width: 100%; padding: 15px 0 0; color: var(--alto); font-weight: 400; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; text-transform: none; } .module-quiz .submit i { display: inline-block; position: relative; top: -.05em; margin: 0 5px 0 0; font-size: 9px; line-height: 1px; } .module-quiz.a { padding-left: 407px; } .module-quiz.a > header, .module-quiz.a > aside { margin-left: -407px; } .module-quiz.a > aside { width: 407px; padding-right: 147px; } .module-sticky-box { position: relative; z-index: 2; margin: 0 0 32px; padding: 0 17px 15px; } .module-sticky-box h1, .module-sticky-box h2, .module-sticky-box h3, .module-sticky-box h4, .module-sticky-box h5, .module-sticky-box h6 { position: relative; margin: 0 -17px 12px; padding: 11px 17px 7px; background: var(--indigo); color: var(--white); font-size: 24px; } .module-sticky-box h1 img, .module-sticky-box h2 img, .module-sticky-box h3 img, .module-sticky-box h4 img, .module-sticky-box h5 img, .module-sticky-box h6 img { display: block; position: absolute; right: 10px; bottom: -10px; top: auto; left: auto; max-width: 183px !important; margin: 0; } .module-sticky-box:before { box-shadow: 0 3px 6px rgba(0,0,0,.145); background: var(--white); } #root .module-sticky-box { position: fixed; right: 62px; bottom: 32px; z-index: 5; width: 348px; margin: 0; } #root .module-sticky-box { -webkit-transform: translateX(calc(100% + 68px)); transform: translateX(calc(100% + 68px)); } .module-success { position: relative; padding-top: 4px; } .module-success > * { max-width: 535px; } .module-success > h1, .module-success > h2, .module-success > h3, .module-success > h4, .module-success > h5, .module-success > h6 { max-width: 6300px; } .module-success > h1:first-child, .module-success > h2:first-child, .module-success > h3:first-child, .module-success > h4:first-child, .module-success > h5:first-child, .module-success > h6:first-child { margin-bottom: 39px; } .module-success:before { left: 100%; right: auto; top: 62%; margin-top: -20px; margin-left: -22px; color: var(--carlo); font-size: 36px; line-height: 40px; } .module-success .link-btn a { min-width: 174px; } .module-wide { position: relative; z-index: 2; margin-bottom: 92px; padding: 30px 0 21px; } .module-wide:before { z-index: -2; } .module-wide > figure ~ * { } .module-wide > .list-entries:last-child { margin-bottom: -2px; } .module-wide.a { color: var(--white); } .module-wide.a h1, .module-wide.a h2, .module-wide.a h3, .module-wide.a h4, .module-wide.a h5, .module-wide.a h6, .module-wide.a a { color: var(--white); } .module-wide.a:before { box-shadow: none; } .module-wide.a .link-btn a.inv { box-shadow: none; border-color: var(--white); background: none; color: var(--white); } [data-whatintent="mouse"] .module-wide.a .link-btn a.inv:hover { background: var(--indigo); } .nav-breadcrumbs { color: var(--carlo); } .nav-breadcrumbs ul, .nav-breadcrumbs ol { list-style: none; margin-right: -21px; padding: 0; } .nav-breadcrumbs li { margin: 0 21px 0 0; } .nav-breadcrumbs li i { display: inline-block; position: relative; top: -.1em; margin-right: 3px; font-size: 0.625em; line-height: 1px; } .nav-breadcrumbs li.btn { padding: 4px 14px; border-radius: 4px; border: 1px solid var(--law); color: var(--law); font-size: 14px; } #root .nav-breadcrumbs li.btn { background: none; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; text-indent: -3000em; text-align: left; } .owl-nav button { } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-dots { clear: both; } .owl-dots button.active { cursor: default; } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 998; background: rgba(0,0,0,.28); } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 30px; } .popup-a .box-outer > .close { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 997; text-indent: -3000em; cursor: pointer; opacity: 0; } .popup-a .box-inner { position: relative; z-index: 998; width: 100%; max-width: 904px; margin: 0; } .popup-a .box-inset { visibility: hidden; padding: 18px 20px .1px; box-shadow: 0 3px 6px rgba(0,0,0,.29); background: var(--white); opacity: 0; } .popup-a .box-inset > .close { display: block; position: absolute; left: 100%; top: -34px; width: 34px; height: 34px; color: var(--white); font-size: 15px; text-decoration: none; text-align: left; text-indent: -3000em; } .popup-a .box-inset > .close:before { content: "\e927"; } .popup-a .box-inset > header, .popup-a .box-inset > footer { position: relative; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .popup-a .box-inset > header h1, .popup-a .box-inset > header h2, .popup-a .box-inset > header h3, .popup-a .box-inset > header h4, .popup-a .box-inset > header h5, .popup-a .box-inset > header h6 { margin-bottom: 18px; font-size: 20px; } .popup-a .box-inset > header figure { position: absolute; right: 20px; bottom: -10px; margin: 0; } .popup-a .box-inset > footer { margin-top: 31px; } .popup-a .list-info:last-child, .popup-a .list-info.last-child { margin-bottom: 11px; } .popup-shown #top, .popup-shown #content, .popup-shown #footer, .popup-shown #background { -webkit-filter: blur(10px); filter: blur(10px); } .popup-a.a { } .popup-a.a .box-inner { max-width: 720px; } .popup-a.a .box-inset { padding-left: 30px; padding-right: 30px; } .popup-a.a .box-inset > header { min-height: 0; margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 200px; } .popup-a.a .box-inset > header figure { right: 30px; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 999; } .tabs-a { margin: 14px 0 23px; } .tabs-a > nav ul, .tabs-a > nav ol { overflow-x: auto; overflow-y: hidden; list-style: none; margin: 0 0 15px; padding: 0; } .tabs-a > nav li { width: 183px; min-width: 183px; max-width: 183px; border-left: 15px solid rgba(0,0,0,0); } .tabs-a > nav li:first-child { width: 168px; min-width: 168px; max-width: 168px; border-left-width: 0; } .tabs-a > div figure { margin-bottom: 15px; } .ui-autocomplete, .semantic-select ul { display: block; overflow-y: auto; overflow-x: hidden; position: absolute; left: -3000em; top: 0; z-index: 99; list-style: none; max-height: 190px; margin: 0; padding: 0; box-shadow: 0 3px 6px rgba(0,0,0,.15); border: 1px solid var(--silver); background: var(--white); line-height: 1.5; } .ui-autocomplete li, .semantic-select ul li a { display: block; padding: 7px 12px; color: var(--dove); font-size: 16px; font-weight: 400; text-decoration: none; cursor: pointer; } .background ~ #content .semantic-select ul li a { color: var(--dove); } [data-whatintent="mouse"] .ui-autocomplete li:hover, [data-whatintent="mouse"] .semantic-select ul li a:hover { background: var(--heaven); text-decoration: none; } .ui-autocomplete::-webkit-scrollbar, .semantic-select ul::-webkit-scrollbar { width: 13px; } .ui-autocomplete::-webkit-scrollbar-track, .semantic-select ul::-webkit-scrollbar-track { background: var(--sand); } .ui-autocomplete::-webkit-scrollbar-thumb, .semantic-select ul::-webkit-scrollbar-thumb { background: var(--opal); } .w630 { max-width: 630px; } .w720, .s18 p, .s18 ul, .s18 ol { max-width: 720px; } .w900, #content.w900 { max-width: 905px; width: 100%; } .w630.text-center, .w720.text-center, .w900.text-center { margin-left: auto; margin-right: auto; } /*! Headers --------- */ .header-a { margin-bottom: 25px; } .header-line { overflow: hidden; position: relative; margin-top: 42px; font-size: 24px; letter-spacing: -0.02em; } .header-line span { display: block; position: relative; padding: 0 28px 0 0; } .header-line span:before, .header-line span:after { content: ""; display: block; position: absolute; top: 50%; width: 1000em; height: 3px; margin-top: -1.5px; background: var(--carlo); } .header-line span:before { left: 100%; } .header-line span:after { right: 100%; } .header-line.text-center span { padding-left: 28px; } #root .header-line.has-anchor .anchor, #root #top.small ~ #content .header-line.has-anchor .anchor { top: -104px; } .header-line.s18 { margin-bottom: 28px; } .header-line.s18 span { padding-right: 15px; } .header-line.s18.text-center span { padding-left: 15px; } /*! Content --------- */ .strong, .list-entry-details span { font-weight: 700; } .em, .theme-d #logo span, .theme-d #footer > p:first-child span { font-style: italic; } .text-center, figure a[rel="external"] { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .s12, #root .scheme-box.s12 { font-size: 12px; } .s14, #root .heading-wide .s14 { font-size: 14px; line-height: 1.7142857143; } h1.s14, h2.s14, h3.s14, h4.s14, h5.s14, h6.s14 { letter-spacing: 0.01em; } .s14 li:after, li.s14:after { top: 9px; } .s16, #root .s16 { font-size: 16px; line-height: 1.4444444444; } .s16.strong { font-weight: 800; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; } .s18 { font-size: 18px; line-height: 1.5555555556; } .s24, .list-features .s24 { font-size: 24px; } .s28, .heading-wide .s28 { font-size: 28px; } h1.s28, h2.s28, h3.s28, h4.s28, h5.s28, h6.s28 { margin: 58px 0 24px; } .overlay-a, .scheme-box.overlay-a, .list-entries .overlay-a .scheme-box, .nav-breadcrumbs li.btn.overlay-a { color: var(--law); } .overlay-b, .scheme-box.overlay-b, .list-entries .overlay-b .scheme-box, .nav-breadcrumbs li.btn.overlay-b [data-whatintent="mouse"] #root .list-jobs ul li:hover, .form-register.d .semantic-select.chosen .input { color: var(--black); } .overlay-c, .scheme-box.overlay-c, .list-entries .overlay-c .scheme-box, .nav-breadcrumbs li.btn.overlay-c, .background ~ #content label, .module-entries header .list-entry-details, .background ~ #content .header-line, [data-whatintent="mouse"] #root .list-jobs li:hover h1, [data-whatintent="mouse"] #root .list-jobs li:hover h2, [data-whatintent="mouse"] #root .list-jobs li:hover h3, [data-whatintent="mouse"] #root .list-jobs li:hover h4, [data-whatintent="mouse"] #root .list-jobs li:hover h5, [data-whatintent="mouse"] .list-jobs li:hover ul li > span:first-child, .heading-wide .overlay-c, .theme-d #logo span, .theme-d #footer > p:first-child span { color: var(--carlo); } .overlay-d, .scheme-box.overlay-d, .list-entries .overlay-d .scheme-box, .nav-breadcrumbs li.btn.overlay-d { color: var(--turquoise); } .overlay-e, .scheme-box.overlay-e, .list-entries .overlay-e .scheme-box, .nav-breadcrumbs li.btn.overlay-e { color: var(--zest); } .overlay-f, .scheme-box.overlay-f, .list-entries .overlay-f .scheme-box, .nav-breadcrumbs li.btn.overlay-f { color: var(--lavender); } .overlay-g, .scheme-box.overlay-g, .list-entries .overlay-g .scheme-box, .nav-breadcrumbs li.btn.overlay-g { color: var(--aca); } .overlay-h, .scheme-box.overlay-h, .list-entries .overlay-h .scheme-box, .nav-breadcrumbs li.btn.overlay-h { color: var(--wine); } .scheme-box.overlay-a:before, .list-entries .overlay-a .scheme-box:before, .list-entries li.overlay-a a:before, .nav-breadcrumbs li.btn.overlay-a { border-color: var(--law); background: var(--law); } .scheme-box.overlay-b:before, .list-entries .overlay-b .scheme-box:before, .list-entries li.overlay-b a:before, .nav-breadcrumbs li.btn.overlay-b { border-color: var(--black); background: var(--black); } .scheme-box.overlay-c:before, .list-entries .overlay-c .scheme-box:before, .list-entries li.overlay-c a:before, .nav-breadcrumbs li.btn.overlay-c { border-color: var(--carlo); background: var(--carlo); } .scheme-box.overlay-d:before, .list-entries .overlay-d .scheme-box:before, .list-entries li.overlay-d a:before, .nav-breadcrumbs li.btn.overlay-d { border-color: var(--turquoise); background: var(--turquoise); } .scheme-box.overlay-e:before, .list-entries .overlay-e .scheme-box:before, .list-entries li.overlay-e a:before, .nav-breadcrumbs li.btn.overlay-e { border-color: var(--zest); background: var(--zest); } .scheme-box.overlay-f:before, .list-entries .overlay-f .scheme-box:before, .list-entries li.overlay-f a:before, .nav-breadcrumbs li.btn.overlay-f { border-color: var(--lavender); background: var(--lavender); } .scheme-box.overlay-g:before, .list-entries .overlay-g .scheme-box:before, .list-entries li.overlay-g a:before, .nav-breadcrumbs li.btn.overlay-g { border-color: var(--aca); background: var(--aca); } .scheme-box.overlay-h:before, .list-entries .overlay-h .scheme-box:before, .list-entries li.overlay-h a:before, .nav-breadcrumbs li.btn.overlay-h { border-color: var(--wine); background: var(--wine); } .module-quiz .semantic-select.chosen .input, .module-quiz select.done { color: var(--dove); } .scheme-box { display: inline-block; position: relative; z-index: 2; padding: 15px 28px; color: var(--white); } .scheme-box:before { box-shadow: 0 3px 6px rgba(0,0,0,.16); border: 1px solid var(--law); background: var(--law); } .scheme-box.s12 { min-height: 78px; padding: 19px; color: var(--carlo); font-weight: 700; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; } .scheme-box.s12 a { width: 100%; height: 100%; text-decoration: none; } .scheme-box.s12 span { display: block; margin-left: 19px; } [data-whatintent="mouse"] .scheme-box.s12 a:hover img, .theme-d[data-whatintent="mouse"] #footer p a:hover img, .theme-d[data-whatintent="mouse"] #top p a:hover img { -webkit-transform: scale(1.0508474576); transform: scale(1.0508474576); } .scheme-box.small { padding: 5px 12px; font-weight: 400; font-size: 14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; } /*! Links --------- */ .link-btn { position: relative; z-index: 2; margin-top: 35px; margin-right: -17px; margin-bottom: 15px; } .link-btn > span, #nav > ul > li.btn > span { display: block; margin-right: -17px; color: var(--carlo); font-size: 18px; font-weight: 700; line-height: 1.5; text-transform: none; letter-spacing: -0.02em; } .link-btn > span > span, #nav > ul > li.btn > span > span { display: block; margin: 0 40px 13px 0; white-space: nowrap; } .link-btn > span > a, #nav > ul > li.btn > span > a { margin-right: 17px; } .link-btn > span { visibility: hidden; position: absolute; left: 0; top: 50%; z-index: 3; margin-top: -6.5px; padding: 20px 8px 7px 25px; box-shadow: 0 3px 6px rgba(0,0,0,.145); background: var(--white); text-align: left; opacity: 0; } .link-btn > span { -webkit-transform: translate(-45px, -50%); transform: translate(-45px, -50%); } #root .link-btn > span a.close { left: 100%; top: -26px; width: 26px; height: 26px; margin: 0; } #root .link-btn > span a.close:after { font-size: 14px; } .link-btn.toggle-btn > span { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: hidden; position: relative; z-index: 2; min-width: 148px; margin: 0 17px 13px 0; padding: 12.5px 19px; box-shadow: 0 3px 6px rgba(0,0,0,.16); border-radius: 0; border: 1px solid var(--indigo); background: var(--indigo); color: var(--white); font-weight: 700; font-size: 14px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.5; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: normal; } [data-whatintent="mouse"] .link-btn a:hover, [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"] #nav .btn a:hover { border-color: var(--daisy); background: var(--daisy); letter-spacing: 0.03em; } #root .link-btn a.done, #root .link-btn a.clicked { border-color: var(--indigo); background: var(--indigo); letter-spacing: normal; cursor: default; } #root .link-btn a.done i, #root .link-btn a.clicked i { left: -6px; } .link-btn a i { display: inline-block; position: relative; left: -6px; top: .25em; margin-right: 3px; font-size: 1.5714285714em; line-height: 1px; } .link-btn a .icon-thunder { top: .3em; font-size: 1.8571428571em; } .link-btn a .icon-check { top: .1em; font-size: 1em; } #root .link-btn a.done .icon-check { left: -8px; } .link-btn a .icon-calendar, .link-btn a .icon-check { top: .1em; font-size: 1.0714285714em; } .link-btn a .icon-calendar:before { content: "\e929"; } .link-btn a.clicked .icon-calendar:before { content: "\e907"; } .link-btn a .icon-arrow-left, .link-btn a .icon-arrow-right { margin-left: 3px; font-size: 0.8571428571em; } [data-whatintent="mouse"] .link-btn a:hover i { left: -2px; } [data-whatintent="mouse"] .link-btn a:hover i { -webkit-transform: scale(0.8181818182); transform: scale(0.8181818182); } [data-whatintent="mouse"] .link-btn a:hover .icon-thunder { left: -3px; } [data-whatintent="mouse"] .link-btn a:hover .icon-thunder { -webkit-transform: scale(0.8461538462); transform: scale(0.8461538462); } .link-btn a.inv { box-shadow: none; background: none; color: var(--indigo); } [data-whatintent="mouse"] .link-btn a.inv:hover { border-color: var(--indigo); color: var(--white); } .link-btn img { display: block; position: relative; z-index: 1; margin: 0 5px 0 auto; } .link-btn img + a { margin-top: -87px; } h1 .link-btn, h2 .link-btn, h3 .link-btn, h4 .link-btn, h5 .link-btn, h6 .link-btn { position: relative; top: -.1em; margin-left: 44px; margin-bottom: 0; } h1 .link-btn a, h2 .link-btn a, h3 .link-btn a, h4 .link-btn a, h5 .link-btn a, h6 .link-btn a { margin-bottom: 0; } .link-btn.sticky { position: fixed; left: 50%; bottom: 0; z-index: 6; width: 1088px; margin: 0 0 0 -544px; padding: 16px 0 3px; font-weight: 700; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.4285714286; letter-spacing: normal; } .link-btn.sticky img { width: 100vw !important; max-width: none !important; height: 100% !important; } .link-btn.sticky > span { visibility: visible; position: relative; top: 0; margin: 0 20px 13px 0; padding: 0; box-shadow: none; background: none; color: var(--white); font-size: 1em; font-weight: 700; font-family: inherit; opacity: 1; letter-spacing: normal; } .link-btn.sticky a { min-width: 171px; margin-right: 0; height: 48px; padding-top: 0; padding-bottom: 0; font-size: 0.875em; line-height: 48px; } .link-btn.sticky ~ #footer { margin-bottom: 80px; } .link-btn.wide { } .link-btn.wide a { width: 100%; min-width: 0; padding-left: 5px; padding-right: 5px; } /*! 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; } figure img ~ iframe { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; width: 100% !important; height: 100% !important; } /*! Lists --------- */ .list-box { list-style: none; margin: 0 -53px 6px 0; padding: 0; color: var(--carlo); line-height: 1.2; } .list-box > li { margin: 0 33px 33px 0; font-size: 14px; } .list-box > li.title { margin-right: 40px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.01em; } .list-box > li > a { display: block; min-width: 105.6px; padding: 13px 10px 11px; box-shadow: 0 3px 6px rgba(0,0,0,.145); border: 2px solid var(--carlo); font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: -0.01em; } [data-whatintent="mouse"] .list-box > li > a:hover { background: var(--carlo); } .list-box select, .list-box .semantic-select .input { height: 38px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCA2LjEiPjxwYXRoIGZpbGw9IiM3Y2JlZDMiIGQ9Ik00LjcgNi4xTDAgMS40IDEuNCAwbDMuMyAzLjNMOCAwbDEuNCAxLjR6Ii8+PC9zdmc+); font-size: 16px; } .list-box .semantic-select .input { min-height: 36px; } .list-counts { list-style: none; margin: 36px 0 24px -16px; padding: 0; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.2; text-transform: uppercase; } .list-counts li { width: 50%; max-width: 276px; margin: 0 0 16px; padding: 30px 23px 28px; border-left: 16px solid rgba(0,0,0,0); font-size: 36px; } .list-counts li:before { box-shadow: 0 8px 24px rgba(112,144,176,.101); background: var(--white); } .list-counts span { display: block; margin: 9px 0 0; color: var(--carlo); font-size: 18px; } .list-entries { list-style: none; margin: 0 0 41px -16px; padding: 0; } .list-entries li { position: relative; z-index: 2; width: 25%; min-height: 276px; margin: 0 0 16px; padding: 0 20px 7px; border-left: 16px solid rgba(0,0,0,0); } .list-entries li:before { box-shadow: 0 3px 6px rgba(0,0,0,.29); background: var(--para); } .list-entries a:before { border: 0 solid var(--carlo); } #root .list-entries a:before { background: none; } [data-whatintent="mouse"] .list-entries a:hover:before { left: -3px; right: -3px; top: -3px; bottom: -3px; border-width: 3px; } .list-entries figure { height: 118px; margin: 0 -20px 12px; padding: 20px; background: var(--white); } #root .list-entries h1, #root .list-entries h2, #root .list-entries h3, #root .list-entries h4, #root .list-entries h5, #root .list-entries h6 { margin: 0 0 5px; color: var(--white); font-size: 20px; font-weight: 800; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.4; letter-spacing: -0.02em; } .list-entries ul { list-style: none; margin: 0 0 12px; padding: 0; color: var(--carlo); } .list-entries ul li { display: block; width: auto; min-height: 0; margin: 0; padding: 0 0 0 14px; border-left-width: 0; font-size: 14px; } .list-entries ul li:before { content: "\e903"; top: 9px; margin: 0; box-shadow: none; background: none; font-size: 8px; line-height: 8px; text-align: left; text-indent: 0; } .list-entries p { margin: auto 0 12px; } #root .list-entries .scheme-box:before { box-shadow: none; border-radius: 4px; background: none; } #content > .list-entries:last-child { margin-bottom: 4px; } .list-entry-details { list-style: none; padding: 0; } .list-entry-details li { font-size: 14px; } .list-entry-details span:after { content: " |"; margin: 0 4px; font-weight: 400; } .list-features { list-style: none; margin-left: -20px; margin-bottom: 0; padding: 0; } .list-features li { position: relative; width: 33.3333333333333%; margin: 0 0 38px; border-left: 20px solid rgba(0,0,0,0); } .list-features h1, .list-features h2, .list-features h3, .list-features h4, .list-features h5, .list-features h6 { margin: 0 0 15px; font-size: 28px; } .list-features figure { margin: 0 0 20px; } .list-features p { margin-bottom: 16px; } .heading-wide + .list-features { margin-top: 62px; } h1 + .list-features, h2 + .list-features, h3 + .list-features, h4 + .list-features, h5 + .list-features, h6 + .list-features { margin-top: 74px; } figure + .list-features { margin-top: 38px; } #content > .list-features:last-child { margin-bottom: -14px; } .list-features.aside { display: block; } .list-features.aside li { width: auto; margin: 0 0 65px; padding-right: 370px; } .list-features.aside li:nth-child(2n) { padding-right: 0; padding-left: 370px; } .list-features.aside figure { position: absolute; right: 0; top: 50%; } .list-features.aside li:nth-child(2n) figure { right: auto; left: 0; } .list-features.aside h1, .list-features.aside h2, .list-features.aside h3, .list-features.aside h4, .list-features.aside h5, .list-features.aside h6 { margin-bottom: 30px; font-size: 20px; } .list-features.aside p { margin-bottom: 28px; } #content > .list-features.aside:last-child { margin-bottom: 100px; } .list-features.w50 { max-width: none; } .list-features.w50 li { width: 50%; } .list-info { position: relative; z-index: 2; list-style: none; margin: 0 -35px 20px 0; padding: 0; font-weight: 700; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; } .list-info:before { right: 35px; bottom: 3px; border: 0 solid var(--mercury); border-bottom-width: 1px; } p.strong + .list-info:before { border-top-width: 1px; } .list-info:last-child:before, .list-info.last-child:before { top: -1px; border-bottom-width: 0; } .list-info li { position: relative; margin: 0 35px 19px 0; padding: 0 0 0 35px; font-size: 16px; } .list-info i { display: block; position: absolute; left: 0; top: 2px; font-size: 20px; line-height: 20px; } .list-info li.wide { width: calc(100% - 35px); font-size: 14px; } .list-info li.wide i { top: 0; } .list-info a { font-size: 0.875em; } p.strong + .list-info { padding-top: 21px; } .list-jobs { list-style: none; margin-top: 20px; padding: 0; } .list-jobs li { overflow: hidden; position: relative; z-index: 2; margin: 0 0 19px; border-bottom: 1px solid var(--opal); } #root .list-jobs li h1, #root .list-jobs li h2, #root .list-jobs li h3, #root .list-jobs li h4, #root .list-jobs li h5, #root .list-jobs li h6 { margin: 0 0 9px; color: var(--black); font-weight: 700; font-size: 18px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.5555555556; } .list-jobs ul { list-style: none; margin: 0 0 18px; padding: 0; } .list-jobs ul li { margin: 0; border-width: 0; } .list-jobs ul li > span:first-child { color: var(--para); font-weight: 700; } .list-jobs .link-btn { margin: 0 0 11px; } .list-jobs .link-btn a { overflow: visible; box-shadow: none; background: none; color: var(--indigo); } [data-whatintent="mouse"] .list-jobs .link-btn a:hover { background: var(--indigo); color: var(--white); } .list-jobs .link-btn a:after { top: -3000em; right: -3000em; } .list-logo { list-style: none; margin: 0 0 13px -15px; padding: 0; } .list-logo li { width: 20%; min-height: 100px; margin: 0 0 15px; border-left: 15px solid rgba(0,0,0,0); } [data-whatintent="mouse"] .list-logo a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .list-logo li:first-child:last-child { width: auto; max-width: 275px; margin-left: auto; margin-right: auto; } .cols-a .list-logo li, .cols-b .list-logo li { width: 25%; } .cols-a > aside .list-logo li, .cols-b > aside .list-logo li, .cols-a > header:first-child .list-logo li, .cols-b > header:first-child .list-logo li { width: 100%; } .heading-wide + .list-logo { margin-top: 75px; } .list-logo.is-slider { display: block; } .list-logo.a { } .list-logo.a li { width: 16.6666666667%; } .list-logo.b { margin-left: -18px; margin-bottom: 10px; } .list-logo.b li { width: 25%; min-height: 75px; margin-bottom: 18px; border-left-width: 18px; } .list-plain { list-style: none; padding: 0; } .list-plain li { margin-bottom: 3px; } .list-progress { list-style: none; margin: 0 0 14px -6px; padding: 0; } .list-progress li { position: relative; z-index: 2; float: left; width: 36px; height: 17px; margin: 0 0 6px 0; border-left: 6px solid rgba(0,0,0,0); text-align: left; text-indent: -3000em; } .list-progress li:after { left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; border-radius: 0; background: var(--gallery); } .list-progress li.active:after { background: var(--alto); } .list-progress li.active:before { content: "\e904"; top: 100%; margin: 0; padding: 12px 0 0; font-size: 6px; line-height: 6px; } .list-progress li.done:after { background: var(--law); } #root .list-progress li.valid:after { background: #8ECAB6; } #root .list-progress li.invalid:after { background: var(--crimson); } @media only screen and (min-width: 47.5em) { /* 760 */ .list-progress { } .list-progress li { width: 36px !important; } } .list-results { list-style: none; margin: 0 0 74px; padding: 0; } .list-results li { position: relative; z-index: 2; margin: 0 0 20px; padding: 18px 19px 5px; color: inherit; } .list-results li:before { border: 3px solid var(--carlo); } .list-results h1, .list-results h2, .list-results h3, .list-results h4, .list-results h5, .list-results h6 { margin-bottom: 17px; font-size: 20px; line-height: 1.5; } .list-results p { margin-bottom: 17px; } .list-results li.overlay-h:before { border-color: var(--wine); } h1 + .list-results, h2 + .list-results, h3 + .list-results, h4 + .list-results, h5 + .list-results, h6 + .list-results { margin-top: -5px; } ol.list-results { counter-reset: counter; } ol.list-results li { padding-left: 92px; } ol.list-results li:before { border-left-width: 76px; } ol.list-results li:after { counter-increment: counter; content: counters(counter, '.') ' '; display: block; position: absolute; left: 0; top: 18px; width: 76px; height: auto; border-radius: 0; background: none; color: var(--white); font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.5; text-align: center; } .list-slider { list-style: none; padding: 0; } .list-slider li { margin: 0 0 15px; } .list-slider .pager { list-style: none; margin: 0 0 0 -15px; padding: 0; } .list-slider .pager li { width: 50%; margin: 0 0 15px; border-left: 15px solid rgba(0,0,0,0); } .list-slider .pager.thumb-slider { margin-left: 0; } .list-slider .pager .item li { width: 168px; border-left-width: 0; } .list-speakers { list-style: none; margin: 0 0 13px; padding: 0; line-height: 1.8571428571; } .list-speakers li { margin: 0 0 36px; border-bottom: 1px solid var(--silver); font-size: 14px; } .list-speakers h1, .list-speakers h2, .list-speakers h3, .list-speakers h4, .list-speakers h5, .list-speakers h6 { position: relative; z-index: 2; min-height: 167px; padding: 0 0 0 192px; color: var(--black); font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.75; letter-spacing: -0.02em; } .list-speakers h1 img, .list-speakers h2 img, .list-speakers h3 img, .list-speakers h4 img, .list-speakers h5 img, .list-speakers h6 img { display: block; position: absolute; left: 0; width: 167px !important; border-radius: 99px; } .list-speakers h1 span, .list-speakers h2 span, .list-speakers h3 span, .list-speakers h4 span, .list-speakers h5 span, .list-speakers h6 span { display: block; margin: 9px 0 0; color: var(--law); font-weight: 400; font-size: 0.8888888889em; font-family: 'Open Sans', Arial, Helvetica, sans-serif; } .list-speakers + * { margin-top: 28px; } .list-speakers.small { margin-top: 52px; margin-left: -10px; margin-bottom: 24px; font-weight: 700; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; text-align: center; } .list-speakers.small li { width: 25%; margin-bottom: 19px; border-width: 0; border-left: 10px solid rgba(0,0,0,0); font-size: 18px; } .list-speakers.small img { display: block; width: 167px !important; margin: 0 auto 19px; border-radius: 99px; } .list-speakers.small li > span { display: block; margin: 7px 0 0; font-size: 0.7777777778em; font-weight: 400; font-family: 'Open Sans', Arial, Helvetica, sans-serif; } /*! 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; } ::-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 { } form p { margin-bottom: 24px; } label, .label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 8px; color: var(--law); font-weight: 700; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.7142857143; text-transform: uppercase; letter-spacing: 0.01em; } label a.small, .label a.small { display: block; position: absolute; right: 0; bottom: 1px; color: var(--indigo); font-size: 12px; font-weight: 400; text-transform: none; letter-spacing: normal; } input, select, textarea, .check label:before, .semantic-select .input { display: block; width: 100%; border: 1px solid var(--silver); background: 100% center no-repeat var(--squeeze); background-size: auto 6px; color: var(--dove); } input, select, .semantic-select .input { height: 38px; padding: 0 12px; } input[type="date"] { line-height: 36px; } select, .semantic-select .input { padding-right: 36px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCA2LjEiPjxwYXRoIGZpbGw9IiM3MTcxNzEiIGQ9Ik00LjcgNi4xTDAgMS40IDEuNCAwbDMuMyAzLjNMOCAwbDEuNCAxLjR6Ii8+PC9zdmc+); line-height: normal; } textarea { padding: 7px 7px 7px 12px; } button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; margin-top: 9px; box-shadow: 0 3px 6px rgba(0,0,0,.16); text-transform: uppercase; } #root button[disabled] { cursor: default; border-color: var(--indigo); background: var(--indigo); opacity: .15; } #root button[disabled] { -webkit-transform: none; transform: none; } #root label.error { display: block; clear: both; margin-bottom: 0; padding-top: 9px; color: var(--wine); font-weight: 700; font-size: 13px; font-style: normal; line-height: 1.2; text-transform: none; } #root .background ~ #content label.error { color: var(--wine); } .semantic-select { display: block; position: relative; } .semantic-select .input { line-height: 36px; } .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: 38px; cursor: pointer; } .semantic-select ul { } .semantic-select.active ul { left: 0; right: 0; top: calc(100% + 4px); } .check { position: relative; z-index: 2; list-style: none; margin-bottom: 24px; padding: 0; counter-reset: counter; } .check li { position: relative; z-index: 2; margin-bottom: 13px; font-size: 1em; } .check label { margin: 0; padding: 0 0 0 36px; color: inherit; font-weight: 400; font-size: 1em; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.375; text-transform: none; letter-spacing: normal; } .check label:before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; color: var(--carlo); font-size: 12px; font-family: i; font-weight: 400; line-height: 20px; text-align: center; counter-increment: counter; cursor: pointer; } [data-whatintent="mouse"] .check label:hover:before, .check input:checked ~ label:before { content: "\e907"; } .check input:checked ~ label:before { color: var(--law); } .check label a { color: var(--indigo); } .check input { display: block; visibility: hidden; position: absolute; left: -3000em; top: 0; z-index: -1; opacity: 0; } #root .check li + label.error { margin-top: -13px; } h1 + .check, h2 + .check, h3 + .check, h4 + .check, h5 + .check, h6 + .check { margin-top: 15px; } .check.quiz { margin-bottom: 33px; line-height: 1.5; } .check.quiz li { position: relative; min-height: 74px; margin: 0 0 8px; padding: 15px 0; font-size: 16px; } .check.quiz label { position: static; padding-left: 94px; cursor: pointer; } #root .check.quiz label:before { content: counter(counter, upper-alpha); left: 10px; top: 50%; width: 48px; height: 48px; margin-top: -24px; border: 1px solid var(--dove); background: none; color: var(--law); font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 20px; line-height: 46px; text-align: center; text-transform: uppercase; } #root .check.quiz li.br label:before { top: 24px; margin-top: 0; } [data-whatintent="mouse"] .check.quiz label:hover:after, .check.quiz input:checked ~ label:after { left: -15px; right: -15px; top: -10px; bottom: -10px; border: 3px solid var(--aca); background: var(--white); } .form-filter { margin-top: 40px; margin-right: -16px; } #root .form-filter { max-width: none; } #root .form-filter h1, #root .form-filter h2, #root .form-filter h3, #root .form-filter h4, #root .form-filter h5, #root .form-filter h6 { position: relative; z-index: 2; width: calc(100% - 16px); margin: 0; font-size: 14px; font-weight: 700; text-transform: uppercase; } .form-filter h1 i, .form-filter h2 i, .form-filter h3 i, .form-filter h4 i, .form-filter h5 i, .form-filter h6 i { display: inline-block; position: relative; top: .15em; margin-right: 9px; font-size: 1.2857142857em; line-height: 1px; } .form-filter label { margin-bottom: 4px; } .form-filter p { margin: 0 16px 20px 0; } .form-filter p.clear { width: auto; } .form-filter select, .form-filter .semantic-select .input { width: 260px; } .form-filter p > a { font-weight: 700; font-size: 14px; line-height: 38px; text-transform: uppercase; text-decoration: none; letter-spacing: 0.01em; } .form-register { position: relative; } .form-register:before { left: 100%; right: auto; margin-top: -20px; padding-left: 42px; color: var(--carlo); font-size: 36px; line-height: 40px; } .form-register > h1, .form-register > h2, .form-register > h3, .form-register > h4, .form-register > h5, .form-register > h6, .form-register > .heading { margin-bottom: 63px; margin-right: -50px; } .form-register header h1 a, .form-register header h2 a, .form-register header h3 a, .form-register header h4 a, .form-register header h5 a, .form-register header h6 a, .form-register header .heading a, .form-register header p.s12 { display: inline-block; position: relative; top: -.4em; margin: 0 0 0 30px; color: var(--daisy); font-size: 13px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.3333333333; text-transform: uppercase; text-decoration: none; letter-spacing: normal; } .form-register header h1 a:after, .form-register header h2 a:after, .form-register header h3 a:after, .form-register header h4 a:after, .form-register header h5 a:after, .form-register header h6 a:after, .form-register header p.s12 a:after, .form-register header .heading a:after { content: "\e903"; display: inline-block; position: relative; left: 0; right: 0; top: -.1em; margin: 0 0 0 10px; padding: 0; font-size: 9px; line-height: 1px; } [data-whatintent="mouse"] .form-register header h1 a:hover:after, [data-whatintent="mouse"] .form-register header h2 a:hover:after, [data-whatintent="mouse"] .form-register header h3 a:hover:after, [data-whatintent="mouse"] .form-register header h4 a:hover:after, [data-whatintent="mouse"] .form-register header h5 a:hover:after, [data-whatintent="mouse"] .form-register header h6 a:hover:after, [data-whatintent="mouse"] .form-register header p.s12 a:hover:after, [data-whatintent="mouse"] .form-register header .heading a:hover:after { left: 10px; } .form-register header p.s12 { display: block; top: 0; max-width: none; margin: 0 0 27px; line-height: 1.3333333333; } .form-register header p.s12 a { display: block; position: relative; padding-right: 16px; color: inherit; font-size: 1em; font-weight: 700; text-decoration: none; } .form-register header p.s12 a:after { display: block; position: absolute; left: auto; top: 50%; margin-top: -10px; line-height: 20px; } [data-whatintent="mouse"] .form-register header p.s12 a:hover:after { left: auto; right: -10px; } .form-register .s18 h1, .form-register .s18 h2, .form-register .s18 h3, .form-register .s18 h4, .form-register .s18 h5, .form-register .s18 h6, .form-register .s18 .heading { max-width: none; font-size: 28px; } .form-register .double { } .form-register .double > * { width: 100%; } .form-register .double > *:first-child { min-width: 489px; max-width: 489px; } .form-register .double.inv { max-width: 1030px; } .form-register .double.inv > * { min-width: 489px; width: 489px; } .form-register .double.inv > *:first-child { width: 100%; min-width: 0; max-width: none; } .form-register button, .form-register input[type="button"], .form-register input[type="reset"], .form-register input[type="submit"] { min-width: 260px; } #root .form-register .submit { max-width: none; margin-right: -33px; margin-top: 32px; font-size: 14px; } .form-register .submit > * { margin-right: 33px; } .form-register .submit button, .form-register .success button, .form-register .success .link-btn a { min-width: 168px; margin-top: 0; } .form-register .success { display: none; padding-top: 61px; } #root .form-register .success p { max-width: none; } .form-register .success p { margin-bottom: 28px; } hr + .form-register { margin-top: 76px; } #content > .form-register:last-child { margin-bottom: 21px; } #content.align-center > .form-register:first-child { padding-top: 8.5vh; } .form-register.a { padding-top: 55px; } .form-register.a .double { margin-left: -65px; } .form-register.a .double > * { border-left-width: 65px; } .form-register.a .double > *:first-child { min-width: 460px; max-width: 460px; } .form-register.a .check { max-width: 250px; } .form-register.a .module-box p, .form-register.a .module-box ul { margin-bottom: 22px; } .form-register.a button, .form-register.a input[type="button"], .form-register.a input[type="reset"], .form-register.a input[type="submit"] { min-width: 148px; margin-top: 0; padding-left: 10px; padding-right: 10px; } .form-register.b { } .form-register.b header { width: 100%; padding-bottom: 27px; } .form-register.b header p { max-width: 535px; } .form-register.b header.m25 { padding-bottom: 0; } .form-register.b p { max-width: 320px; } .form-register.b p .small, .form-register.c p a.small { display: block; position: absolute; right: auto; left: 100%; bottom: auto; top: 40px; padding-left: 17px; font-size: 14px; white-space: nowrap; } .form-register.b p .small.strong, .form-register.c p a.small.strong { color: var(--law); font-weight: 700; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; } .form-register.b p a.small.active span.hidden { display: block; position: relative; left: 0; } .form-register.b p.check { max-width: 400px; } .form-register.b .captcha { margin-bottom: 14px; } .form-register.c { } .form-register.c p { max-width: 373px; } .form-register.d { margin-top: 71px; } .form-register.d header { max-width: 547px; margin-bottom: 36px; } .form-register.d header h1, .form-register.d header h2, .form-register.d header h3, .form-register.d header h4, .form-register.d header h5, .form-register.d header h6 { min-width: 0; max-width: none; font-size: 28px; } .form-register.d header.double > * { width: auto; min-width: 0; max-width: none; margin-bottom: 0; } .form-register.d p { max-width: 327px; margin-bottom: 21px; } .form-register.d p > label:first-child, .form-register.d .label { margin-bottom: 5px; color: var(--carlo); font-size: 16px; } .form-register.d h1 + .check, .form-register.d h2 + .check, .form-register.d h3 + .check, .form-register.d h4 + .check, .form-register.d h5 + .check, .form-register.d h6 + .check { margin-top: 20px; } .form-register.d input, .form-register.d select, .form-register.d textarea, .form-register.d .semantic-select .input { padding-left: 16px; color: var(--black); } .form-register.d ::-webkit-input-placeholder { color: var(--nobel); } .form-register.d :-ms-input-placeholder { color: var(--nobel); } .form-register.d ::-ms-input-placeholder { color: var(--nobel); } .form-register.d ::placeholder { color: var(--nobel); } .form-register.d input, .form-register.d select, .form-register.d .semantic-select .input { height: 48px; } .form-register.d input { padding-right: 16px; } .form-register.d .semantic-select .input { color: var(--nobel); line-height: 46px; } [data-whatintent="mouse"] .form-register.d input:hover, [data-whatintent="mouse"] .form-register.d select:hover, [data-whatintent="mouse"] .form-register.d textarea:hover, [data-whatintent="mouse"] .form-register.d .semantic-select .input:hover { box-shadow: inset 1px 1px 0 var(--carlo), inset -1px -1px 0 var(--carlo); border-color: var(--carlo); } .form-register.d input ~ a.show { display: block; position: absolute; left: 100%; top: 32px; padding: 0 0 0 18px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; line-height: 48px; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .form-register.d .check { margin-bottom: 34px; font-size: 16px; } .form-register.d .check label { padding-left: 41px; line-height: 1.75; } .form-register.d .check label:before { top: 0; width: 28px; height: 28px; color: var(--carlo); line-height: 26px; } [data-whatintent="mouse"] .form-register.d .check label:hover:before { content: ""; border-width: 2px; border-color: var(--carlo); line-height: 24px; } #root .form-register.d input:checked ~ label:before { content: "\e907"; font-size: 16px; } .form-register.d .check input[type="radio"] + label:before { border-radius: 99px; } #root .form-register.d input[type="radio"]:checked ~ label:before { content: ""; border-width: 1px; border-color: var(--silver); } #root .form-register.d input[type="radio"]:checked ~ label:after { content: ""; display: block; position: absolute; left: 3px; top: 3px; width: 22px; height: 22px; border-radius: 99px; background: var(--carlo); } .form-register.d .check li { margin-bottom: 22px; } .form-register.d button { margin-top: 43px; } .form-register.offset-img { z-index: 99; } .form-register.offset-img .cols-a.b > aside, .form-register.offset-img .cols-a.b > header:first-child { margin-top: -100px; } .form-register2 { } .form-register2 header h1, .form-register2 header h2, .form-register2 header h3, .form-register2 header h4, .form-register2 header h5, .form-register2 header h6 { margin-bottom: 10px; } .form-register2 header form { z-index: 3; margin: 0 0 20px; padding: 0 0 2px; border-bottom: 1px solid var(--aca); opacity: 1; } .form-register2 form { position: relative; z-index: 2; max-width: 320px; opacity: .25; } .form-register2 form:before { z-index: 9999; } .form-register2 button { min-width: 174px; margin-top: 23px; border-color: var(--indigo); background: var(--indigo); color: var(--white); } #root [data-active="section-adviser"] .section-adviser button[disabled], #root [data-active="section-parent"] .section-parent button[disabled], #root [data-active="section-student"] .section-student button[disabled] { border-color: var(--indigo); background: var(--indigo); opacity: .25; letter-spacing: normal; cursor: default; } .form-register2 .text-right.strong { display: block; margin-top: 7px; font-weight: 700; font-size: 14px; } .form-register2 input[type="password"], .form-register2 input.is-password, .input-password input { float: left; width: calc(100% - 60px); } .form-register2 input[type="password"] + .small, .form-register2 input.is-password + .small, .input-password .small { display: block; float: right; width: 60px; font-weight: 700; font-size: 14px; line-height: 38px; text-align: right; text-transform: uppercase; } .form-register2 input[type="password"]:last-child, .form-register2 input.is-password:last-child, .input-password input:last-child { float: none; width: 100%; } /*! Helpers --------- */ .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"], #nav .btn a, #nav a:before, #top > .menu:before, #top > .menu:after, #nav > ul, #nav li a, #top.small ~ #footer p a, .list-logo img, #nav span.inner, #nav .btn a, #nav .btn span, .link-btn > span, .owl-height, #nav li a i:before, #nav li a i:after, #nav li a i, #nav li a i.icon-exhibitors span, .link-btn a i, .module-sticky-box, .form-filter > div, .popup-a .close, #top, #content, #footer, #background, #nav > ul > li > ul li a i, #nav > ul > li > ul li a i span, #nav > ul > li > ul li a i:before, #nav > ul > li > ul li a i:after, #nav > ul > li > ul li a i span:before, #nav > ul > li > ul li a i span:after, #nav > ul > li > ul, #root .module-entries.a article > div .strong:last-child a, #root .module-entries.a .list-info a.strong, #nav .icon-live span, #nav .icon-live:before, #nav .icon-live:after, #nav .icon-live span:before, #nav .icon-live span:after, .form-register header h1 a:after, .form-register header h2 a:after, .form-register header h3 a:after, .form-register header h4 a:after, .form-register header h5 a:after, .form-register header h6 a:after, .scheme-box img, #top p img, #footer p img, .form-register header p.s12 a:after { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } #nav > ul > li > ul li a i, #nav > ul > li > ul li a i span, #nav > ul > li > ul li a i:before, #nav > ul > li > ul li a i:after, #nav > ul > li > ul li a i span:before, #nav > ul > li > ul li a i span:after { transition-duration: 0.3s; } [data-whatintent="mouse"] #nav > ul > li > ul li a:hover i:after { transition-duration: .1s; } #top, #content, #footer, #background { transition-property: filter; } #nav > ul > li > ul { transition-property: max-height; } #nav > ul, #nav li, #logo, form-filter > div { transition-property: visibility, right, opacity, transform; } .owl-height { transition-property: height; } #root .link-btn a.done, #root .link-btn a.done i { transition: none; } .clear { clear: both; overflow: hidden; width: 100%; } .link-btn a.clicked span.hidden, #root [data-active="section-adviser"] .section-adviser, #root [data-active="section-parent"] .section-parent, #root [data-active="section-student"] .section-student { position: relative; left: 0; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em, #root .wide-hide { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } [hidden], template, .check li:after, #top.compact #logo:after, #top.compact:after, #skip li:after, #footer li:after, .ui-autocomplete li:after, #root label.error:before, .ui-helper-hidden-accessible, #nav li:after, #nav .btn a:before, .list-logo li:after, #top > .menu, .list-speakers li:after, #top.small ~ #footer:after, .cols-a:after, #root .module-cta .link-btn > span a.close, #root .owl-carousel .disabled, .form-register.b p a.small.active span.hidden, #root .form-register.submit > *, .nav-breadcrumbs li:after, .list-slider li:after, .list-entry-details li:after, .list-box li:after, .list-entries li:after, .link-btn figure, #root:after, .tabs-a > nav li:after, .tabs-a .tabs-header, .double.align-center:after, .list-plain li:after, .list-jobs li:after, .list-info li:after, #root .module-entries.a .list-info a.strong, .form-filter .clear, .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6, .form-filter a.toggle, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close, #nav > ul > li > ul li a.js .inner i, .form-filter > div:before, .form-filter .off, .link-btn a.clicked span, .form-register2 form.hidden, .module-entry-single .list-info:before, .form-register2 header form:before, [data-active="section-adviser"] .section-student, [data-active="section-adviser"] .section-parent, [data-active="section-parent"] .section-student, [data-active="section-parent"] .section-adviser, [data-active="section-student"] .section-parent, [data-active="section-student"] .section-adviser, [data-active="section-adviser"] .section-adviser:before, [data-active="section-parent"] .section-parent:before, [data-active="section-student"] .section-student:before, .form-register2 header figure, #root .link-btn.sticky > span .close, .link-btn.sticky.mobile-only, .theme-d #logo:before, .theme-d #footer:after, .list-features li:after, .list-results li:after, .list-results li:after, .list-counts li:after, .module-quiz > aside > figure, .module-quiz .semantic-select li:after, .module-quiz + .module-popup, .list-progress li a { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .semantic-select span, #root .form-register.submit > .success, .module-entries.a article > div.long:before, #root .module-entries.a article > div.long .strong:last-child, #root .module-entries.a .list-info li.long a.strong, .form-filter.chosen .clear, .form-filter[class*="chosen"] .clear, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, [data-whatintent="mouse"] #nav > ul > li:hover > ul, #root [data-active="section-adviser"] .section-adviser, #root [data-active="section-parent"] .section-parent, #root [data-active="section-student"] .section-student, .theme-d #footer > p:first-child a, .module-quiz.done + .module-popup, .list-progress li.done a, .list-progress li.valid a, .list-progress li.invalid a { display: block; } .link-btn a.clicked span.hidden { display: inline; } hr { display: block; overflow: hidden; width: 100%; height: 2px; margin: 40px 0; padding: 0; border: 0; border-top: 2px solid var(--carlo); background: none; font-size: 0; } .link-btn:first-child, .form-register .double > .module-box:first-child, #top .scheme-box:first-child, .module-cta:first-child, .module-box > img:first-child, .module-box .captcha:first-child, .list-speakers:first-child, .list-speakers.small:first-child, .list-logo + .link-btn, .module-aside:first-child, .list-logo:first-child, .header-line:first-child, .heading-wide.b .link-btn:first-child, #top.small ~ #content > .heading-wide:first-child, .form-register.b .captcha:first-child, .module-article h1:first-child, .module-article h2:first-child, .module-article h3:first-child, .module-article h4:first-child, .module-article h5:first-child, .module-article h6:first-child, #root .form-register .submit:first-child, .form-register .success .link-btn, .module-error .link-btn, .module-entry h1:first-child, .module-entry h2:first-child, .module-entry h3:first-child, .module-entry h4:first-child, .module-entry h5:first-child, .module-entry h6:first-child, .module-entries footer .link-btn, .module-entries .header-line:first-child, .module-entries .list-box + h1, .module-entries .list-box + h2, .module-entries .list-box + h3, .module-entries .list-box + h4, .module-entries .list-box + h5, .module-entries .list-box + h6, .list-entries + *, .module-sticky-box:first-child, #root > .module-sticky-box:first-child, #content > .module-sticky-box:first-child, .form-register .success .link-btn:first-child, .tabs-a:first-child, .list-jobs:first-child, #root .list-info li.wide:first-child, .form-filter:first-child, .module-entry-single h1:first-child, .module-entry-single h2:first-child, .module-entry-single h3:first-child, .module-entry-single h4:first-child, .module-entry-single h5:first-child, .module-entry-single h6:first-child, .module-entry-single header h1:first-child, .module-entry-single header h2:first-child, .module-entry-single header h3:first-child, .module-entry-single header h4:first-child, .module-entry-single header h5:first-child, .module-entry-single header h6:first-child, .form-register2 header form:first-child, .form-register.d:first-child, .heading-wide .scheme-box:first-child, .list-features:first-child, .list-features .link-btn, .module-aside.a .link-btn:first-child, .module-aside.a figure:first-child, h1.s28:first-child, h2.s28:first-child, h3.s28:first-child, h4.s28:first-child, h5.s28:first-child, h6.s28:first-child, .list-counts:first-child, .heading-wide > figure:first-child + *, .list-results:first-child, .module-quiz > aside > h1:first-child, .module-quiz > aside > h2:first-child, .module-quiz > aside > h3:first-child, .module-quiz > aside > h4:first-child, .module-quiz > aside > h5:first-child, .module-quiz > aside > h6:first-child, .module-quiz .check.quiz + .submit, .module-popup .link-btn:first-child, #root .m35 + *, #root .m35 + * button, #root .m50 + *, #root .m60 + * { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, .semantic-select ul li, #content > .module-cta:last-child, .list-speakers li:last-child, #nav > ul > li.btn > span > span, .module-sticky-box > *:last-child, .m25 > h1:last-child, .m25 > h2:last-child, .m25 > h3:last-child, .m25 > h4:last-child, .m25 > h5:last-child, .m25 > h6:last-child, .list-entries .scheme-box, .list-box p, .form-register.c .module-sticky-box > *:last-child, .link-btn.sticky.mobile-only ~ #footer, #content > .module-entries.m0:last-child, #content > .module-quiz:last-child { margin-bottom: 0; } #root .m5 { margin-bottom: 5px; } #root .m10 { margin-bottom: 10px; } #root .m15 { margin-bottom: 15px; } #root .m15 + .list-logo { margin-top: -1px; } #root .m20 { margin-bottom: 20px; } #root .m25 { margin-bottom: 25px; } #root .m30 { margin-bottom: 30px; } #root .m35 { margin-bottom: 35px; } #root .m40 { margin-bottom: 40px; } #root .m50 { margin-bottom: 50px; } #root .m60 { margin-bottom: 60px; } /*! 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); } } @-webkit-keyframes fade { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes updown { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 33% { -webkit-transform: translateY(-1px); transform: translateY(-1px); } 66% { -webkit-transform: translateY(1px); transform: translateY(1px); } } @keyframes updown { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 33% { -webkit-transform: translateY(-1px); transform: translateY(-1px); } 66% { -webkit-transform: translateY(1px); transform: translateY(1px); } } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--law); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--law); 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 */ .form-register.d header.double, .module-quiz > header > div, .list-progress, .module-quiz > header, .check.quiz li, .module-quiz .submit, .heading-wide > figure:first-child, .list-counts, .list-features, .scheme-box.s12, .scheme-box.s12 a, .theme-d #top p, .theme-d #footer p, .theme-d #top p a, .theme-d #footer p a, .theme-d #top, .theme-d #footer, #content.full, .link-btn.sticky, .cols-c, #nav > ul > li > ul li a, .popup-a .box-inset > footer, .popup-a .box-inset > header, .popup-a .box-outer, .form-filter > div, .form-filter, .heading-article figure.align-bottom, .module-entries.a article > header + figure, .list-info, .module-entries.a header, .module-entries.grid article, .module-entries.grid, .double.align-center, .tabs-a, .tabs-a > nav ul, .tabs-a > nav ol, .popup-a .box-outer, .list-entries figure, .list-entries li, .list-entries, .list-box, .module-entries header, .module-entries footer, .heading-wide.entry, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .form-register .submit, .list-logo .item, .link-btn > span, #nav > ul > li.btn > span, .header-line, .cols-a, .module-aside, .list-speakers.small, .list-speakers h1, .list-speakers h2, .list-speakers h3, .list-speakers h4, .list-speakers h5, .list-speakers h6, .list-logo li, .list-logo, #nav ul, .double, #root, #footer, .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* flix */ h1 .link-btn, h2 .link-btn, h3 .link-btn, h4 .link-btn, h5 .link-btn, h6 .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; } /* f:wr */ .module-quiz .submit, .scheme-box.s12, .scheme-box.s12 a, .form-filter > div, .form-filter, .list-info, .module-entries.grid, .list-entries, .list-box, .module-entries header, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .form-register .submit, .list-logo .item, .form-register.b, .list-speakers.small, .list-logo, #footer ul, .link-btn { flex-wrap: wrap; } /* f:nw */ .link-btn.sticky { flex-wrap: nowrap; } /* f:dr */ .module-aside.inv { flex-direction: row; } /* f:dv */ .module-aside, .double.inv { flex-direction: row-reverse; } /* f:dc */ .check.quiz li, .heading-wide > figure:first-child, #content.full, .popup-a .box-inset > header, .heading-article figure.align-bottom, .module-entries.a header, .module-entries.grid article, .list-entries li, .list-speakers h1, .list-speakers h2, .list-speakers h3, .list-speakers h4, .list-speakers h5, .list-speakers h6, #root, #footer { flex-direction: column; } /* f:dd */ .tabs-a { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } /* f:jc */ .check.quiz li, .heading-wide > figure.align-center, .popup-a .box-inset > header, .popup-a .box-outer, .module-entries.a article > header + figure, .module-entries.a header, .popup-a .box-outer, .list-entries figure, .module-error .link-btn, .header-line.text-center, .text-center .header-line, .list-speakers h1, .list-speakers h2, .list-speakers h3, .list-speakers h4, .list-speakers h5, .list-speakers h6, .module-cta .link-btn, .list-logo li, #footer ul { justify-content: center; } /* f:je */ .module-quiz .submit.text-right, .heading-article figure.align-bottom, .form-register.b, .link-btn.text-right { justify-content: flex-end; } /* j:jb */ .module-quiz > header > div, .module-quiz > header, .module-quiz, .scheme-box.s12, .scheme-box.s12 a, .theme-d #top, .theme-d #footer, .link-btn.sticky, .cols-c, .popup-a .box-inset > footer, .double.align-center, .module-entries footer, .heading-wide.entry, .cols-a, .double { justify-content: space-between; } /* f:as */ .cols-a, .link-btn { align-items: flex-start; } /* f:ac */ .form-register.d header, .module-quiz > header > div, .module-quiz > header, .module-quiz .submit, .module-aside.a, .scheme-box.s12, .scheme-box.s12 a, .theme-d #top p, .theme-d #footer p, .theme-d #top p a, .theme-d #footer p a, .theme-d #top, .theme-d #footer, .link-btn.sticky, #nav > ul > li > ul li a, .popup-a .box-inset > footer, .popup-a .box-outer, .module-entries.a article > header + figure, .double.align-center, .popup-a .box-outer, .list-entries figure, .list-box, .module-entries header, .module-entries footer, .heading-wide.entry, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .form-register .submit, .link-btn > span, #nav > ul > li.btn > span, .module-aside.text-center, .list-logo li, .form-register .double { align-items: center; } /* f:ae */ .form-filter > div, .form-filter, #footer { align-items: flex-end; } /* f:g1 */ .module-aside.a > figure, .module-aside.a > aside { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } /* f:g3 */ .module-aside.a > *, #content.full > .cols-c:first-child:last-child, #content, .module-aside > figure { 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-aal-dc:before { content: "\e91b"; } .icon-arrow-down:before { content: "\e90c"; } .icon-arrow-left:before { content: "\e909"; } .icon-arrow-right:before { content: "\e90a"; } .icon-arrow-up:before { content: "\e90b"; } .icon-auditorium:before { content: "\e911"; } .icon-auditorium-1:before { content: "\e916"; } .icon-auditorium-2:before { content: "\e917"; } .icon-calendar:before { content: "\e925"; } .icon-calendar2:before { content: "\e929"; } .icon-chat:before { content: "\e91a"; } .icon-check:before { content: "\e907"; } .icon-chevron-down:before { content: "\e905"; } .icon-chevron-left:before { content: "\e902"; } .icon-chevron-right:before { content: "\e903"; } .icon-chevron-up:before { content: "\e904"; } .icon-circle:before { content: "\e908"; } .icon-cog:before { content: "\e912"; } .icon-dots:before { content: "\e92a"; } .icon-envelope:before { content: "\e900"; } .icon-exhibitors:before { content: "\e913"; } .icon-exhibitors-empty:before { content: "\e914"; } .icon-live:before { content: "\e91e"; } .icon-live-0:before { content: "\e928"; } .icon-live-1:before { content: "\e91f"; } .icon-live-2:before { content: "\e920"; } .icon-live-3:before { content: "\e921"; } .icon-logo:before { content: "\e906"; } .icon-logo-careers:before { content: "\e90e"; } .icon-logo-scots:before { content: "\e90d"; } .icon-logout:before { content: "\e910"; } .icon-logout-1:before { content: "\e918"; } .icon-logout-2:before { content: "\e915"; } .icon-mobile:before { content: "\e901"; } .icon-play:before { content: "\e922"; } .icon-play-inside:before { content: "\e923"; } .icon-play-outside:before { content: "\e924"; } .icon-sort:before { content: "\e926"; } .icon-thunder:before { content: "\e919"; } .icon-time:before { content: "\e91d"; } .icon-user:before { content: "\e91c"; } .icon-x:before { content: "\e90f"; } .icon-x-strong:before { content: "\e927"; } /* Responsive --------- */ @media only screen and (max-width: 68.75em) { /* 1100 */ #top, #content, #footer, .link-btn.sticky { width: 980px; } #top.small, .link-btn.sticky, .theme-d #top { margin-left: -490px; } #top { } #nav { right: -40px; } #nav li { margin-right: 40px; } #root > .background.aside { right: calc(50% + 6px); } #root > .background.aside.a { right: calc(50% + 123px); } .check.quiz { } .check.quiz label { padding-left: 66px; } #root .check.quiz label:before { left: 0; } [data-whatintent="mouse"] .check.quiz label:hover:after, .check.quiz input:checked ~ label:after { right: -5px; top: -2px; bottom: -2px; } .cols-a.b { } .cols-a.b > header:first-child + *, .cols-a.b > *:first-child { width: 560px; } .cols-a.b > header:first-child, .cols-a.b > aside { width: 400px; } .cols-c { padding-right: 400px; } .cols-c:before { right: 382px; } .cols-c > aside, .cols-c > header:first-child { width: 820px; right: -500px; } .cols-c > aside > *, .cols-c > header:first-child > * { max-width: 320px; } .heading-wide.c { padding-bottom: 37px; } .heading-wide.c p { max-width: 464px; } .list-entries { } .list-entries li { padding-left: 16px; padding-right: 16px; } .list-entries figure { margin-left: -16px; margin-right: -16px; padding: 16px; } .list-features { } .list-features h1, .list-features h2, .list-features h3, .list-features h4, .list-features h5, .list-features h6 { font-size: 26px; } .module-entry { padding-right: 474px; } .module-entry > header, .module-entry > footer, #root .module-entry > h1, #root .module-entry > h2, #root .module-entry > h3, #root .module-entry > h4, #root .module-entry > h5, #root .module-entry > h6 { margin-right: -474px; } .module-quiz { padding-left: 524px; } .module-quiz > aside, .module-quiz > header { margin-left: -524px; } .module-quiz > aside { width: 524px; padding-right: 80px; } .form-filter { } .form-filter select, .form-filter .semantic-select .input { width: 220px; } #root .wide-hide { position: relative; left: 0; } #root .wide-only { position: absolute; left: -3000em; top: 0; } } @media only screen and (max-width: 1000px) { /* 1000 */ #top, #content, #footer, .link-btn.sticky, #content.w900 { width: 720px; } #top.small, .link-btn.sticky, .theme-d #top { margin-left: -360px; } #top { } #top:before { background-position: -3000em -3000em; } #nav { right: -20px; padding-top: 18px; } #nav li { margin-right: 20px; font-size: 12px; } #nav li a { height: 42px; line-height: 44px; } #nav li a i { margin-right: 2px; } #root #nav li.btn > span a.close { height: 42px; } #nav .btn a { min-width: 160px; } #top.toggle-btn #logo { visibility: hidden; opacity: 0; } #root > .background.aside { right: 50%; } #root > .background.aside.a { right: calc(50% + 80px); } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child, .cols-a.a > header:first-child + *, .cols-a.a > *:first-child, .cols-a.b > header:first-child + *, .cols-a.b > *:first-child { width: 350px; } .cols-a > header:first-child, .cols-a > aside, .cols-a.a > header:first-child, .cols-a.a > aside, .cols-a.b > header:first-child, .cols-a.b > aside { width: 350px; } .cols-a > aside > .link-btn:first-child > img:first-child, .list-speakers.small + .link-btn, .cols-b + .module-aside { margin-top: 0; } .cols-b { margin-bottom: 41px; padding: 0 0 .1px 250px; } .cols-b > header:first-child, .cols-b > aside { width: 220px; margin-left: -250px; } .cols-c { padding-right: 290px; } .cols-c:before { right: 270px; } .cols-c > aside, .cols-c > header:first-child { width: 750px; right: -500px; } .cols-c > aside > *, .cols-c > header:first-child > * { max-width: 250px; } .cols-c { display: block; padding-left: 0; padding-right: 0; } .cols-c:before { left: -20px; right: -20px; } #root .cols-c > * { overflow: visible; position: relative; float: none; right: 0; width: auto; max-width: none; margin-bottom: 0; padding: 0; } #root .cols-c > * + * { margin-top: 51px; } .cols-c > aside > *, .cols-c > header:first-child > * { max-width: none; } #root #content > .cols-c:first-child { margin-top: 18px; } #root #content > .cols-c:first-child:before { top: -18px; } #root #content > .cols-c:last-child { margin-bottom: 24px; } #root #content > .cols-c:last-child:before, #root #content > .cols-c:last-child > aside, root #content > .cols-c:last-child > header:first-child { bottom: -24px; } .double.a { margin-left: -30px; } .double.a > * { border-left-width: 30px; } .heading-article { padding-right: 400px; } .heading-article figure { max-width: 380px; margin-top: 0; } .heading-article figure.align-bottom { bottom: 0; } /*#root #content > .heading-article:first-child { margin-top: 73px; }*/ .heading-wide { margin-bottom: 35px; padding-top: 62px; } .heading-wide > figure:first-child { max-width: 340px; } .heading-wide h1 i, .heading-wide h2 i, .heading-wide h3 i, .heading-wide h4 i, .heading-wide h5 i, .heading-wide h6 i { font-size: 30px; } .heading-wide h1 .icon-aal-dc, .heading-wide h2 .icon-aal-dc, .heading-wide h3 .icon-aal-dc, .heading-wide h4 .icon-aal-dc, .heading-wide h5 .icon-aal-dc, .heading-wide h6 .icon-aal-dc { margin: 0 0 29px; font-size: 66px; } .heading-wide .link-btn:last-child { margin-bottom: 18px; } .heading-wide + .cols-b:before { top: -35px; } .heading-wide.b { padding-bottom: 21px; } .heading-wide.b h1, .heading-wide.b h2, .heading-wide.b h3, .heading-wide.b h4, .heading-wide.b h5, .heading-wide.b h6 { margin-bottom: 25px; } .heading-wide.b h1 i, .heading-wide.b h2 i, .heading-wide.b h3 i, .heading-wide.b h4 i, .heading-wide.b h5 i, .heading-wide.b h6 i { font-size: 48px; } .heading-wide.b p { font-size: 22px; } .heading-wide.b .link-btn { margin-top: 38px; } .heading-wide.c { padding-top: 32px; padding-bottom: 24px; } .heading-wide.c h1, .heading-wide.c h2, .heading-wide.c h3, .heading-wide.c h4, .heading-wide.c h5, .heading-wide.c h6 { margin-bottom: 21px; font-size: 32px; line-height: 1.25; } .heading-wide.c > h1:first-child, .heading-wide.c > h2:first-child, .heading-wide.c > h3:first-child, .heading-wide.c > h4:first-child, .heading-wide.c > h5:first-child, .heading-wide.c > h6:first-child { margin-top: 0; } .heading-wide.c p { max-width: none; } .heading-wide.c .module-box { position: relative; top: 0; float: left; width: auto; max-width: 100%; } .heading-wide.c + * { clear: both; } .heading-wide.intro, .heading-wide.b { padding-top: 131px; } .heading-wide.intro:after, .heading-wide.b:after { height: 45px; margin-top: 0; } .heading-wide.intro h1, .heading-wide.intro h2, .heading-wide.intro h3, .heading-wide.intro h4, .heading-wide.intro h5, .heading-wide.intro h6 { margin-bottom: 46px; font-size: 20px; } .heading-wide.careers { padding-bottom: 25px; padding-top: 22px; } .heading-wide.careers h1, .heading-wide.careers h2, .heading-wide.careers h3, .heading-wide.careers h4, .heading-wide.careers h5, .heading-wide.careers h6 { margin: 0 0 25px; font-size: 36px; letter-spacing: -0.01em; } .heading-wide.careers h1:before, .heading-wide.careers h2:before, .heading-wide.careers h3:before, .heading-wide.careers h4:before, .heading-wide.careers h5:before, .heading-wide.careers h6:before { height: 53px; } .heading-wide.careers p { font-size: 20px; letter-spacing: -0.02em; } .heading-wide.careers .link-btn { margin-top: 34px; } .heading-wide.careers + .module-box { margin-top: -55px; } .heading-wide.before-module-box { padding-bottom: 66px; } hr { margin-top: 23px; margin-bottom: 41px; } hr + .module-aside { margin-top: 0; } .list-box { margin-right: -15px; } .list-box li { margin: 0 15px 15px 0; } .list-box li.title { margin-right: 20px; } .list-logo { } .list-logo li, .list-logo.a li { width: 25%; min-height: 0; } .cols-a .list-logo li, .cols-b .list-logo li { width: 33.333333333333%; min-height: 0; } .heading-wide + .list-logo { margin-top: 30px; } #root .m15 + .list-logo { margin-top: -4px; } .list-logo.b { margin-left: -15px; margin-bottom: 13px; } .list-logo.b li { width: 25%; min-height: 58.63px; margin-bottom: 15px; border-left-width: 15px; } .list-entries { } .list-entries li { width: 33.3333333333333%; } .list-slider { margin-bottom: 8px; } .list-slider .pager .item li { width: 125px; } .list-speakers { margin-top: 40px; } .list-speakers h1, .list-speakers h2, .list-speakers h3, .list-speakers h4, .list-speakers h5, .list-speakers h6 { min-height: 96px; padding-left: 110px; } .list-speakers h1 img, .list-speakers h2 img, .list-speakers h3 img, .list-speakers h4 img, .list-speakers h5 img, .list-speakers h6 img { width: 96px !important; } .list-speakers.small { margin-top: 37px; margin-bottom: 7px; } .module-aside.a { } #root .module-aside.a > * { width: auto; min-width: 0; max-width: none; } .module-aside.a figure { margin: 26px 0; } .module-entries.a { } .module-entries.a header { min-height: 0; } .module-entries.grid { } .module-entries.grid article { width: 100%; } .module-aside { margin-bottom: 10px; } .module-aside > * { padding-top: 0; } .module-aside > figure { min-width: 340px; max-width: 340px; } .module-aside > figure img { max-width: 100% !important; } .module-box.a, #root .module-box.a.m60 { margin-bottom: 31px; } .module-box.a .list-logo li { width: 175.25px; } .module-entry { padding-right: 320px; } .module-entry > header, .module-entry > footer, #root .module-entry > h1, #root .module-entry > h2, #root .module-entry > h3, #root .module-entry > h4, #root .module-entry > h5, #root .module-entry > h6 { margin-right: -320px; } .module-entry > header, .module-entry > footer { width: 300px; } .module-quiz, .module-quiz.a { padding-left: 380px; } .module-quiz > aside, .module-quiz > header, .module-quiz.a > header, .module-quiz.a > aside { margin-left: -380px; } .module-quiz > aside { width: 380px; padding-right: 40px; } .module-quiz.a { padding-left: 300px; } .module-quiz.a > header, .module-quiz.a > aside { margin-left: -300px; } .module-quiz.a > aside { padding-right: 40px; } .module-wide { margin-bottom: 41px; padding-bottom: .1px; } .module-wide > .list-entries:last-child { margin-bottom: 20px; } .tabs-a { } .tabs-a > nav li { width: 140px; min-width: 140px; max-width: 140px; } .tabs-a > nav li:first-child { width: 125px; min-width: 125px; max-width: 125px; } .form-filter { } .form-filter select, .form-filter .semantic-select .input { width: 250px; } .form-register { } .form-register .double > *:first-child { min-width: 390px; max-width: 390px; } .form-register .double.inv > * { width: 390px; min-width: 0; } .form-register .double.inv > *:first-child { width: calc(100% - 390px); } .form-register.a { } .form-register.a .double { margin-left: -30px; } .form-register.a .double > * { border-left-width: 30px; } .form-register.a .double > *:first-child { min-width: 390px; max-width: 390px; } .form-register2 { color: var(--dove); } .form-register2 header { position: relative; margin: 0 -20px 28px; padding: 24px 20px .1px; color: var(--white); } .form-register2 form { max-width: none; } .form-register2 header form { margin-top: 22px; margin-bottom: 0; padding-bottom: 4px; border-width: 0; } .form-register2 header figure { display: block; margin: 0; } .background ~ #content .form-register2 label, .background ~ #content .form-register2 .label { color: var(--law); } .background ~ #content .form-register2 a { color: var(--indigo); } .background ~ #content .form-register2 header label { color: var(--white); } .heading-article figure.align-bottom { justify-content: center; } .module-aside.text-center { align-items: flex-start; } .list-entries li:nth-child(3n+1):last-child, .module-quiz > header p { display: none; } .heading-wide.c .module-box { -webkit-transform: none; transform: 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: 760px) { /* 760 */ #top, #content, #footer, #content[class], .theme-d #footer { width: 100%; padding-left: 20px; padding-right: 20px; } h1, h2, h3, h4, h5, h6 { margin-bottom: /*24px*/ 18px; } ul, ol, dd, blockquote { padding-left: 20px; } li:after { left: -20px; } body, html { overflow-x: hidden; } #root { overflow: hidden; } #top { padding-bottom: 16px; } #top:before { background-position: 100% 0; background-image: url(../images/top-mobile.webp); } .no-webp #top:before { background-image: url(../images/top-mobile.png); } #logo { padding-top: 53px; font-size: 20px; } #logo:before { font-size: 31px; line-height: 31px; } .dc #logo { padding-top: 88px; } .dc #logo:before { font-size: 66px; line-height: 66px; } #top.dc.small #logo:before { background-size: auto 28px; } #logo:after { height: 45px; } #top.toggle-btn #logo, #top #nav > ul > li.btn.has-span, #root #top #nav > ul > li.btn.has-span > span { visibility: visible; opacity: 1; } #top .scheme-box { top: 40px; margin: -49px 0 0; } #top > .menu { display: block; position: absolute; right: -20px; top: 0; z-index: 9; width: 58px; height: 58px; cursor: pointer; } #top > .menu:before, #top > .menu:after { content: ""; display: block; position: absolute; left: 50%; width: 16px; margin: 0 0 0 -8px; height: 8px; border-bottom: 2px solid var(--white); } #top > .menu:before { top: 22px; border-top: 2px solid var(--white); } #top > .menu:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; } #top > .menu:after { bottom: 22px; } #top > .menu:after { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .menu-active #top > .menu { } .menu-active #top > .menu:before { top: 23px; height: 2px; border-top-width: 0; border-bottom-width: 0; background: var(--white); } .menu-active #top > .menu:after { bottom: 22px; height: 2px; border-top-width: 0; border-bottom-width: 0; background: var(--white); } .menu-active #top > .menu:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-active #top > .menu:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #nav { width: 58px; height: 58px; } #nav > ul { display: block; visibility: hidden; position: absolute; right: -274px; top: 100%; width: 296px; padding: 15px 30px 14px; background: var(--para); text-align: left; opacity: 0; } #nav li { overflow: hidden; font-size: 14px; } #nav li a { height: auto; padding: 13.5px 0; line-height: 1.2; text-align: left; } #nav li a i { min-width: 23px; margin-right: 5px; text-align: center; } #nav li a i:after { text-align: center; } #nav li a i.icon-exhibitors span.a { left: 7px; } #nav li a i.icon-exhibitors span.b { left: 11px; } #nav li a i.icon-exhibitors span.c { left: 15px; } #nav li a.js { color: var(--white); } #nav > ul > li > ul { display: block; overflow: hidden; position: relative; left: 0; top: 0; max-height: 0; margin: -5px 0 -2px; padding: 0; white-space: normal; } .menu-active #nav > ul > li > ul { max-height: 90px; } #nav > ul > li > ul li { position: relative; } #nav > ul > li > ul li:before { content: ""; display: block; position: absolute; left: 25px; top: 15px; width: 4px; height: 4px; border-radius: 4px; background: var(--carlo); } #root #nav > ul > li > ul li a { padding: 8.5px 0 8.5px 34px; color: var(--carlo); } #nav .btn { padding: 10px 0; } #nav li.btn:last-child { margin-bottom: 18px; } #root #nav .btn a { float: left; min-width: 178px; height: 48px; padding: 0 22px; font-size: 14px; line-height: 48px; letter-spacing: normal; } #top.toggle-btn #nav > ul > li.btn, #top #nav > ul > li.btn.has-span { display: block; padding-bottom: 0; } #root #nav li.btn > span a { margin: 0 0 13px; text-align: center; } #root #nav li.btn > span { -webkit-transform: none; transform: none; } #root #nav li.btn { margin-right: 0; } #root #nav li.btn > span { display: none; position: relative; text-align: left; white-space: normal; } #nav > ul > li.btn > span > span { margin: 0 0 13px; } #nav > ul > li.btn > span > span.mobile-only { color: var(--white); text-transform: uppercase; } .menu-active #nav > ul { visibility: visible; right: 0; opacity: 1; } #top.compact { padding-top: 21px; padding-bottom: 5px; } #top.compact:before { background-image: url(../images/top-compact-mobile.webp); } .no-webp #top.compact:before { background-image: url(../images/top-compact-mobile.png); } #top.compact #logo { margin-bottom: 20px; padding: 36px 0 0; font-size: 16px; } #top.compact #logo:before { font-size: 27px; line-height: 27px; } #top.small { left: 20px; right: 20px; width: auto; height: 58px; margin: 0; } #top.small #logo:before { line-height: 58px; } #top.small ~ #content { padding-top: 58px; } #top.small ~ #content .has-anchor > .anchor { top: -98px; } #top.small ~ #content .has-anchor > #section-register.anchor { top: -58px; } #content { } #top.small ~ #content > *:first-child { margin-top: 32px; } #content > *:last-child { margin-bottom: 32px; } #footer { display: block; padding: 100px 10px 37px; } #footer ul { margin-right: -29px; } #footer ul li { margin-right: 29px; } #footer:after, #top.small ~ #footer p { left: 0; right: 0; top: 22px; bottom: auto; width: auto; height: 55px; background-position: center center; } #top.small ~ #footer p a { background-position: center center; } /*.check { margin-bottom: 26px; font-size: 16px; } .check li { margin-bottom: 30px; } .check li:last-child { margin-bottom: 0; } .check li + label.error { margin-top: -13px; } .check label { padding-left: 50px; line-height: 1.5; } .check label:before { top: -7px; width: 38px; height: 38px; font-size: 21px; line-height: 36px; } h1 + .check, h2 + .check, h3 + .check, h4 + .check, h5 + .check, h6 + .check { margin-top: 19px; }*/ .cols-a.a { display: block; } #root .cols-a.a > * { position: relative; top: 0; bottom: 0; width: auto; margin-left: 0; margin-right: 0; } .cols-b { padding-left: 0; padding-right: 0; } .cols-b h1, .cols-b h2, .cols-b h3, .cols-b h4, .cols-b h5, .cols-b h6, .module-quiz figure { text-align: center; } .cols-b > *:first-child > .list-logo:last-child { margin-bottom: 10px; } .cols-b > *:first-child + * h1 + .list-logo, .cols-b > *:first-child + * h2 + .list-logo, .cols-b > *:first-child + * h3 + .list-logo, .cols-b > *:first-child + * h4 + .list-logo, .cols-b > *:first-child + * h5 + .list-logo, .cols-b > *:first-child + * h6 + .list-logo { margin-top: 26px; } .heading-wide + .cols-b { margin-top: -12px; } .heading-wide + .cols-b:before { top: -23px; } .double, #root .double, .module-aside, #root .module-aside { display: block; } #root .double > *, #root .cols-a > *, #root .cols-b > * { position: static; top: 0; float: none; width: auto; min-width: 0; max-width: none; margin-left: 0; margin-right: 0; } h1.s28, h2.s28, h3.s28, h4.s28, h5.s28, h6.s28 { margin-top: 32px; } .header-a { font-size: 20px; } .header-line { margin-bottom: 30px; margin-top: 50px; font-size: 20px; } .header-line > span { padding-right: 20px; } .header-line.text-center > span { padding-left: 20px; } #root .header-line.has-anchor .anchor, #root #top.small ~ #content .header-line.has-anchor .anchor { top: -84px; } .header-line.s18 { margin-bottom: 20px; } .heading-article { margin-bottom: 41px; padding: 0; } .heading-article > * { max-width: none; } .heading-article h1, .heading-article h2, .heading-article h3, .heading-article h4, .heading-article h5, .heading-article h6 { margin-bottom: 17px; font-size: 36px; line-height: 1.1111111111; } #root .m25.heading-article { margin-bottom: 23px; } #content > .heading-article:first-child { /*padding-top: 4vh;*/ } .heading-wide { margin-bottom: 35px; padding: 35px 0 24px; } .heading-wide > figure:first-child { right: -20px; max-width: 165px; } .heading-wide h1, .heading-wide h2, .heading-wide h3, .heading-wide h4, .heading-wide h5, .heading-wide h6 { margin-bottom: 16px; font-size: 20px; } .heading-wide > .s28:first-child, .heading-wide > figure:first-child + .s28 { margin-top: -9px; } .heading-wide:before, .heading-wide.a:before { background-image: url(../images/heading-wide-mobile.webp); background-position: 100% 100%; } .no-webp .heading-wide:before, .no-webp .heading-wide.a:beforez { background-image: url(../images/heading-wide-mobile.png); } .heading-wide .scheme-box { position: relative; top: 0; margin-top: 27px; } .heading-wide + .list-logo { margin-top: -5px; } .heading-wide + figure, .heading-wide + .double > figure:first-child { margin-top: -15px; } .heading-wide .list-counts { margin-bottom: -15px; } #root .heading-wide.m25, #root .module-wide.m25 { margin-bottom: 25px; } #root .heading-wide.m50 { margin-bottom: 32px; } .heading-wide.b { } .heading-wide.b h1 i, .heading-wide.b h2 i, .heading-wide.b h3 i, .heading-wide.b h4 i, .heading-wide.b h5 i, .heading-wide.b h6 i { font-size: 32px; } .heading-wide.b p { max-width: 225px; } .heading-wide.c { } .heading-wide.c .module-box { max-width: 374px; } .heading-wide.d { padding-top: 34px; padding-bottom: 14px; padding-right: 0; } .heading-wide.entry, .no-mobile .heading-wide.entry { position: relative; top: 0; padding: 24px 0; } .heading-wide.entry h1, .heading-wide.entry h2, .heading-wide.entry h3, .heading-wide.entry h4, .heading-wide.entry h5, .heading-wide.entry h6 { width: 100%; max-width: none; margin: 0; background: var(--white); text-align: center; } .heading-wide.entry .link-btn { position: fixed; left: 0; right: 0; bottom: 0; z-index: 6; max-width: none; margin: 0; padding: 16px 0 3px 20px; background: var(--para); } #root .heading-wide.entry .link-btn a { position: relative; z-index: 2; min-width: 0; margin-right: 20px; padding-top: 14px; padding-bottom: 14px; font-size: 12px; } .heading-wide.entry .link-btn figure { display: block; } hr { margin-top: 28px; } .link-btn { margin-top: 45px; } .link-btn a i { font-size: 1.4166666667em; } .link-btn a .icon-thunder { font-size: 1.6666666667em; } .link-btn > span { display: block; left: 0; right: 17px; top: 0; margin: 0; padding-top: 15px; padding-bottom: 12px; } .link-btn > span > a { display: block; float: left; clear: left; } #root .link-btn > span { -webkit-transform: none; transform: none; } #root .link-btn > span a.close { left: auto; right: 0; top: 0; width: 48px; height: 48px; color: var(--carlo); } .heading-wide.toggle-btn { z-index: 9; } h1 .link-btn, h2 .link-btn, h3 .link-btn, h4 .link-btn, h5 .link-btn, h6 .link-btn { display: inline; position: relative; top: .025em; margin: 0; } #root h1 .link-btn a, #root h2 .link-btn a, #root h3 .link-btn a, #root h4 .link-btn a, #root h5 .link-btn a, #root h6 .link-btn a { display: inline; min-width: 0; margin: 0; padding: 0; border-width: 0; background: none; color: var(--indigo); letter-spacing: normal; } .form-register .link-btn:not(:first-child) { margin-top: 25px; } .link-btn.sticky, #root .link-btn.sticky.mobile-only { position: fixed; left: 0; right: 0; top: auto; bottom: 0; width: auto; margin: 0; padding-left: 20px; padding-right: 20px; background: var(--law); font-size: 14px; } .link-btn.sticky > * { position: relative; z-index: 2; } .link-btn.sticky a { font-size: 0.8571428571em; } .link-btn.sticky.mobile-only ~ #footer { margin-bottom: 80px; } .link-btn.sticky img { left: 0; right: 0; z-index: 1; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0; } .list-box { margin-bottom: 17px; } .list-box > li { margin-bottom: 7px; } .list-box > li.title, .list-box > li.mobile-only { width: 100%; text-align: left; } .list-box > li > a { min-width: 91px; margin-bottom: 8px; padding: 11px 9px 9px; font-size: 12px; } .list-counts { margin: 18px 0 0 -10px; text-align: center; } .list-counts li { max-width: none; margin: 0 0 10px; padding-top: 15px; padding-bottom: 18px; border-left-width: 10px; font-size: 28px; } .list-entries { display: block; margin-bottom: 18px; } .list-entries li { float: none; width: auto; margin-bottom: 25px; padding-left: 20px; padding-right: 20px; } #root .list-entries h1, #root .list-entries h2, #root .list-entries h3, #root .list-entries h4, #root .list-entries h5, #root .list-entries h6 { margin-bottom: 10px; } .list-entries figure { height: 144px; margin: 0 -20px 12px; } .list-entries ul { margin-bottom: 17px; } .list-entries ul li { font-size: 16px; } .list-entries ul li:before { top: 12px; } .list-entries .scheme-box { display: block; float: left; } .list-entries.compact { overflow: auto; overflow-y: hidden; margin-left: -20px; margin-right: -20px; } .list-entries.compact > li { width: 276px; min-width: 276px; min-height: 158px; border-right: 0 solid rgba(0,0,0,0); } .list-entries.compact > li:first-child { width: 280px; max-width: 280px; border-left-width: 20px; } .list-entries.compact > li:last-child { width: 296px; max-width: 296px; border-right-width: 20px; } .list-entries.compact > li:last-child { margin-bottom: 25px; } #root .list-entries.compact h1, #root .list-entries.compact h2, #root .list-entries.compact h3, #root .list-entries.compact h4, #root .list-entries.compact h5, #root .list-entries.compact h6 { margin-bottom: 5px; } .list-entries.compact figure { height: 118px; } .list-entries.compact ul { margin-bottom: 12px; } .list-entries.compact ul li { font-size: 14px; } .list-entries.compact ul li:before { top: 9px; } .list-features { display: block; } .list-features li + li { margin-top: 4.8px; } .list-features h1, .list-features h2, .list-features h3, .list-features h4, .list-features h5, .list-features h6 { font-size: 28px; } h1 + .list-features, h2 + .list-features, h3 + .list-features, h4 + .list-features, h5 + .list-features, h6 + .list-features { margin-top: 31px; } .list-features.aside { } #root .list-features.aside li { margin: 0 0 30px; padding: 0; } .list-features.aside figure { position: relative; top: 0; } .list-features.aside h1, .list-features.aside h2, .list-features.aside h3, .list-features.aside h4, .list-features.aside h5, .list-features.aside h6 { margin-bottom: 19px; } .list-features.aside p { margin-bottom: 23px; } #content > .list-features.aside:last-child { margin-bottom: 39px; } .list-info { margin-bottom: 17px; padding-bottom: 3px; } #root .list-info li { margin-bottom: 20px; font-size: 16px; } #root .list-info li.wide { margin-top: -3px; font-size: 14px; } .list-info { } p.strong + .list-info:before { top: -4px; } .list-info li:last-child a { display: block; text-align: right; text-decoration: underline; } .list-jobs { } #root .list-jobs li h1, #root .list-jobs li h2, #root .list-jobs li h3, #root .list-jobs li h4, #root .list-jobs li h5, #root .list-jobs li h6 { margin-bottom: 14px; } .list-logo, .list-logo.b { margin-top: 20px; margin-left: -10px; margin-bottom: 18px; } .list-logo li, .list-logo.a li, .list-logo.b li { width: 50%; min-height: 0; margin-bottom: 10px; border-left-width: 10px; } .list-logo li:nth-child(2n-1):last-child { margin-right: auto; } .list-logo + .link-btn { margin-top: -14px; } #root .m15 + .list-logo { margin-top: -10px; } .list-progress { margin-left: -8px; margin-bottom: 20px; } .list-progress li { width: 100%; height: 11px; margin: 0 0 8px; border-left-width: 8px; } .list-progress li.active:before { padding-top: 6px; } .list-results { margin-bottom: 36px; } #root .list-results li { margin: 0; padding: 0; } .list-results h1, .list-results h2, .list-results h3, .list-results h4, .list-results h5, .list-results h6 { margin-bottom: 19px; font-size: 18px; line-height: 1.4444444444; } h1 + .list-results, h2 + .list-results, h3 + .list-results, h4 + .list-results, h5 + .list-results, h6 + .list-results { margin-top: 30px; } .list-results ~ .list-features h1, .list-results ~ .list-features h2, .list-results ~ .list-features h3, .list-results ~ .list-features h4, .list-results ~ .list-features h5, .list-results ~ .list-features h6 { font-size: 24px; } ol.list-results { } #root ol.list-results li { padding-top: 62px; } ol.list-results li:after { left: -20px; right: -20px; top: 0; width: auto; height: 41px; padding: 0 20px; background: var(--carlo); line-height: 41px; text-align: left; } ol.list-results li.overlay-h:after { background: var(--wine); } .list-slider { } .list-slider li { margin-bottom: 11px; } .list-speakers { } .list-speakers h1, .list-speakers h2, .list-speakers h3, .list-speakers h4, .list-speakers h5, .list-speakers h6 { min-height: 125px; margin-bottom: 16px; padding-bottom: 29px; border-bottom: 1px solid var(--silver); } .list-speakers p { margin-bottom: 21px; } .list-speakers.small { } .list-speakers.small li, .cols-a .list-logo li, .cols-b .list-logo li { width: 50%; } #root .m60 { margin-bottom: 30px; } .module-article { } .module-article h1, .module-article > h1:first-child, .module-article > h2:first-child, .module-article > h3:first-child, .module-article > h4:first-child, .module-article > h5:first-child, .module-article > h6:first-child, .module-entry hx, .module-entry h1:first-child, .module-entry h2:first-child, .module-entry h3:first-child, .module-entry h4:first-child, .module-entry h5:first-child, .module-entry h6:first-child { margin-bottom: 39px; } .module-aside { margin-bottom: 34px; } .module-aside.a { } .module-aside.a .link-btn { display: block; margin-top: 27px; } #content > .module-aside.a:last-child { margin-bottom: 27px; } .module-box { margin-bottom: 37px; padding-bottom: 11px; } #root .module-box, #root .double > .module-box { position: relative; } .module-box > .list-logo.b:last-child { margin-bottom: 3px; } .module-box.a { float: none; width: auto; padding: 9px 13px .1px; } .module-box.a .list-logo li { width: 50%; } .module-cta { margin: 28px 0; padding: 36px 0 8px; } .module-cta .link-btn > span { left: 25%; right: -25%; } .module-cta .link-btn.toggle-btn > span { left: 0; right: 17px; top: -19px; } .module-cta:before { background-image: url(../images/module-cta-mobile.webp); background-position: 100% 100%; } .no-webp .module-cta:before { background-image: url(../images/module-cta-mobile.png); } .list-logo + .module-cta { margin-top: 15px; } .module-entries { line-height: 1.5714285714; } .module-entries .header-line { margin-top: 36px; margin-bottom: 27px; } .module-entries article { margin-bottom: 45px; padding-left: 22px; padding-right: 22px; } #root .module-entries article h1, #root .module-entries article h2, #root .module-entries article h3, #root .module-entries article h4, #root .module-entries article h5, #root .module-entries article h6 { margin-bottom: 21px; } .module-entries p, .module-entries li { font-size: 14px; } .module-entries article li { margin-bottom: 2px; } .module-entries header .list-entry-details { margin-bottom: 20px; } .module-entries footer { margin-left: -22px; margin-right: -22px; padding: 15px 22px .1px; line-height: 1.375; } .module-entries footer p { margin-bottom: 15px; font-size: 16px; } .module-entries footer .link-btn, .module-entries.a footer .link-btn { margin-bottom: 2px; } #root .module-entries.m5 { margin-bottom: -7px; } .module-entries.a { } .module-entries.a article, .module-entries.grid article { min-height: 0; margin-bottom: 26px; } .module-entries.a header { display: block; min-height: 0; margin-left: -22px; margin-right: -22px; margin-bottom: 24px; padding-left: 22px; padding-right: 22px; } #root .module-entries.a header h1, #root .module-entries.a header h2, #root .module-entries.a header h3, #root .module-entries.a header h4, #root .module-entries.a header h5, #root .module-entries.a header h6 { margin-bottom: 16px; } .module-entries.a article > header + figure { overflow: hidden; position: relative; left: 0; width: 160px; height: 59px; margin: 0 0 22px; border: 1px solid var(--mercury); } .module-entries.a footer { min-height: 0; } #content > .module-entries.a:last-child { margin-bottom: 3px; } .module-entries.a article > div.long { height: auto; margin: 0; } .module-entries.a article > div.mobile-long { height: 226px; margin: 0 0 14px; } .module-entries.a article > div.long:before, #root .module-entries.a article > div.long .strong:last-child, .module-entries.a article > div.long a.expand { display: none; } #root .module-entries.a article > div .strong:last-child { right: 0; } .module-entries.a .list-info li.wide.long { overflow: visible; height: auto; } .module-entries footer .link-btn a { min-width: 154px; } .module-entries.a.v1 { } .module-entries.a.v1 footer, .module-entries.compact footer { min-height: 95px; } .module-entries.a/*.v1*/ footer .link-btn a { min-width: 154px; height: 55px; padding-top: 0; padding-bottom: 0; line-height: 53px; } .module-entries.a.v1 article > header + figure, .module-entries.compact article > header + figure { position: absolute; left: 20px; width: 150px; height: 95px; margin: 0; border-width: 0; } .module-entries.compact { } .module-entries.compact .list-info { margin-bottom: 6px; padding-bottom: 0; } .module-entries.dots { } .module-entries.dots:before { left: -2px; top: -13px; bottom: auto; } .module-entries.dots:after { display: none; } .module-entries.dots.v1:before { left: auto; top: auto; bottom: 13px; right: -68px; } .module-entry { padding-right: 0; } #root .module-entry > * { float: none; clear: none; width: auto; margin-right: 0; } .module-entry .header-line span { padding: 0; } .module-entry > h1:first-child, .module-entry > h2:first-child, .module-entry > h3:first-child, .module-entry > h4:first-child, .module-entry > h5:first-child, .module-entry > h6:first-child { margin-bottom: 16px; } .module-entry-single { } #root .module-entry-single header h1, #root .module-entry-single header h2, #root .module-entry-single header h3, #root .module-entry-single header h4, #root .module-entry-single header h5, #root .module-entry-single header h6 { margin-top: 16px; } .module-popup { padding: 22px 22px .1px; } .module-popup header { margin: 0 -22px 22px; padding: 14px 22px .1px; } .module-popup > header:first-child { margin-top: -22px; } .module-popup > header h1, .module-popup > header h2, .module-popup > header h3, .module-popup > header h4, .module-popup > header h5, .module-popup > header h6 { margin-bottom: 13px; } .module-popup .link-btn { display: block; margin-top: 48px; margin-left: -22px; margin-right: -22px; } .module-quiz + .module-popup { margin-top: 6px; } #content > .module-popup:last-child { margin-bottom: 26px; } .module-quiz, #root .module-quiz { padding: 0 0 2px; font-size: 16px; line-height: 1.5; } #root .module-quiz > * { position: relative; top: 0; width: 100%; float: none; margin-left: 0; margin-right: 0; padding: 0; } #root .module-quiz > header { padding-top: 18px; padding-bottom: .1px; } .module-quiz > header h1, .module-quiz > header h2, .module-quiz > header h3, .module-quiz > header h4, .module-quiz > header h5, .module-quiz > header h6 { margin: 0 0 18px; font-size: 20px; } #root .module-quiz > aside { margin-bottom: 34px; padding: 25px 0 20px; } .module-quiz > aside h1, .module-quiz > aside h2, .module-quiz > aside h3, .module-quiz > aside h4, .module-quiz > aside h5, .module-quiz > aside h6 { margin-bottom: 14px; font-size: 24px; } .module-quiz > aside h1:first-child, .module-quiz > aside h2:first-child, .module-quiz > aside h3:first-child, .module-quiz > aside h4:first-child, .module-quiz > aside h5:first-child, .module-quiz > aside h6:first-child { margin-bottom: 8px; font-size: 28px; } .module-quiz > aside > figure { display: block; left: -20px; right: -20px; margin: 0; } .module-quiz > aside + * > figure:first-child, .module-quiz > aside > .has-list-progress:first-child { margin-top: -8px; } .module-quiz > aside .list-progress li:after { background: var(--alto); opacity: .35; } .module-quiz > aside .list-progress li.done:after { background: var(--white); } .module-quiz > * figure + p { font-size: 18px; line-height: 1.5555555556; } .module-quiz .has-list-progress { margin: 0 0 23px; } #root .module-quiz .has-list-progress p { margin: 0 0 19px; font-size: 24px; font-family: Poppins, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.3333333333; } .module-quiz .check.quiz { margin-bottom: 24px; } .module-quiz p + .check.quiz { margin-top: -10px; } .module-quiz .submit { } .module-quiz .submit a { font-size: 13px; } .module-quiz .submit button ~ a { padding-top: 18px; text-align: center; } .module-quiz .submit.text-right { margin-right: 0; } .module-quiz .submit.text-right > * { margin-right: 0; } .module-quiz .submit.text-right a { padding-top: 27px; } .module-sticky-box, #root .module-sticky-box { position: fixed; right: 20px; left: 20px; bottom: 20px; width: auto; max-width: none; margin-top: 63px; margin-left: auto; margin-right: auto; } #root .module-sticky-box { -webkit-transform: translateX(calc(100% + 26px)); transform: translateX(calc(100% + 26px)); } .module-success { padding-top: 0; } .module-success > h1:first-child, .module-success > h2:first-child, .module-success > h3:first-child, .module-success > h4:first-child, .module-success > h5:first-child, .module-success > h6:first-child { margin-bottom: 24px; font-size: 24px; line-height: 1.4166666667; } .module-wide { padding-top: 26px; } .module-wide > .list-entries:last-child { margin-bottom: 11px; } #root .module-wide .link-btn a { color: var(--white); } .nav-breadcrumbs { } .nav-breadcrumbs ul, .nav-breadcrumbs ol { margin-bottom: 19px; } .popup-a { } #root .popup-a .s16 { font-size: 18px; } .popup-a.a { } .popup-a.a .box-inner { max-width: 374px; } .popup-a.a .box-inset { padding-left: 22px; padding-right: 22px; } .popup-a.a .box-inset > header { margin-left: -22px; margin-right: -22px; padding-left: 22px; padding-right: 115px; } .popup-a.a .box-inset > header figure { right: -20px; bottom: 20px; max-width: 150px; } .popup-a.br { } .popup-a.br .box-outer { padding: 20px; } .s14 { font-size: 16px; line-height: 1.75; } .s14 li:after, li.s14:after { top: 12px; } .scheme-box { display: block; padding: 14px; font-size: 16px; text-align: center; } .scheme-box.small { padding: 5px 16px; } .tabs-a { margin-bottom: 10px; } .theme-d #top { left: 20px; right: 20px; width: auto; margin: 0; } .theme-d #top #logo, .theme-d #footer > p:first-child { overflow: hidden; width: 45px; } .theme-d #top #logo.s24 { left: 0; right: 0; width: auto; } .theme-d #content { padding-top: 30px; } .theme-d #content > .heading-wide:first-child, .theme-d #content > .module-quiz:first-child { margin-top: -30px; } .theme-d #content > .module-quiz:first-child:last-child { min-height: 0; } .theme-d #footer { } .theme-d #footer > p:first-child { left: 20px; top: 0; height: 64px; margin: 0; padding: 0; } .theme-d #footer > p:first-child a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; text-align: left; text-indent: -3000em; } .form-filter { position: relative; margin-top: 19px; margin-right: 0; } #root .form-filter h1, #root .form-filter h2, #root .form-filter h3, #root .form-filter h4, #root .form-filter h5, #root .form-filter h6 { position: relative; z-index: 9; float: right; width: 50%; margin-bottom: 0; text-align: right; } .form-filter p { margin-right: 0; } .form-filter > div { display: block; visibility: hidden; position: absolute; left: -20px; right: -20px; top: -28px; z-index: 3; padding: 66px 20px 10px; color: var(--white); opacity: 0; } .form-filter > div { -webkit-transform: translateY(-30px); transform: translateY(-30px); } .form-filter > div:before { display: block; z-index: -2; box-shadow: 0 3px 6px rgba(0,0,0,.2); background: var(--para); } .form-filter > div a.toggle, .form-filter p.clear { overflow: hidden; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 54px; height: 68px; color: var(--white); font-size: 16px; font-family: i; font-weight: 400; text-align: center; text-indent: 0; } .form-filter > div a.toggle:before, .form-filter p.clear a:before { content: "\e90f"; } .form-filter p.clear a { display: block; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 16px; text-decoration: none; text-indent: -3000em; text-align: left; } .form-filter select, .form-filter .semantic-select .input, #root .list-features li { width: 100%; } .form-register { } .form-register > h1, .form-register > h2, .form-register > h3, .form-register > h4, .form-register > h5, .form-register > h6 { margin-bottom: 37px; } .form-register header h1 a, .form-register header h2 a, .form-register header h3 a, .form-register header h4 a, .form-register header h5 a, .form-register header h6 a { display: block; margin: 27px 0 0; } .form-register .double > .module-box { margin-top: 34px; } .form-register .double > .module-box + * { margin-top: -14px; } hr + .form-register { margin-top: 41px; } #content > .form-register:last-child { margin-bottom: 34px; } #content > .form-register:last-child > .module-box:last-child, #content > .form-register:last-child > .double:last-child > .module-box:last-child { margin-bottom: -7px; } #root .form-register .m40 { margin-bottom: 25px; } .form-register .cols-a > aside > figure { max-width: 280px; } .form-register .cols-a > aside > figure:first-child { margin-top: -14px; } .form-register .cols-a > aside > figure:last-child { margin-bottom: 10px; } .form-register.b p .small, .form-register.c p a.small { position: relative; left: auto; right: 0; top: 0; bottom: auto; padding: 12px 0 0; text-align: right; } .form-register.b p label .small, .form-register.c p label a.small { position: absolute; padding-top: 0; } #root .form-register .submit { max-width: 336px; margin-top: 28px; margin-right: 0; } .form-register .submit > * { margin-right: 0; margin-bottom: 10px; } .background ~ #content .form-register p a.small.strong { color: var(--carlo); } .form-register .success .link-btn { margin-top: 35px; } #root .form-register .captcha.m35 { margin-bottom: 25px; } .form-register.a { padding-top: 12px; } .form-register.a .module-box { padding-bottom: 14px; } .form-register.a .check { font-size: 16px; } .form-register.a .check li { margin-bottom: 13px; } .form-register.a .check li + label.error { margin-top: -13px; } .form-register.a .check label { padding-left: 36px; } .form-register.a .check label:before { top: 0; width: 22px; height: 22px; font-size: 12px; line-height: 20px; } .form-register.a h1 + .check, .form-register.a h2 + .check, .form-register.a h3 + .check, .form-register.a h4 + .check, .form-register.a h5 + .check, .form-register.a h6 + .check { margin-top: 15px; } .form-register.b { } #content.align-center > .form-register.b:first-child, #content > .form-register.c:first-child { padding-top: 4.5vh; } .form-register.b header { padding-bottom: 0; } #root .form-register.b header h1.m0, #root .form-register.b header h2.m0, #root .form-register.b header h3.m0, #root .form-register.b header h4.m0, #root .form-register.b header h5.m0, #root .form-register.b header h6.m0 { margin-bottom: 6.5vh; } .form-register.b p, .form-register.b header p, .form-register.b p.check, .form-register.c p, .form-register.d p, .module-quiz input, .module-quiz select, .module-quiz .semantic-select-wrapper { max-width: none; } .form-register.b .captcha { margin-bottom: 14px; } .form-register.c { } .form-register.c header { margin-bottom: 4.75vh; } .form-register.c p { margin-bottom: 39px; } .form-register.c p a.small.strong:last-child { margin-bottom: -15px; } .form-register.b input[type="password"], .form-register.b input.is-password { float: left; width: calc(100% - 54px); } .form-register.b input[type="password"]:last-child, .form-register.b input.is-password:last-child, .module-quiz button { float: none; width: 100%; } .form-register.b input[type="password"] + a.small, .form-register.b input.is-password + a.small { display: block; float: right; width: 50px; padding: 0; font-size: 12px; line-height: 38px; text-align: right; } .form-register.d { margin-top: 0; } .form-register.d header.double > * { margin-bottom: 22px; } .form-register.d input ~ a.show { left: auto; right: 0; top: 0; z-index: 9; line-height: 1.9285714286; } .form-register.d button { min-width: 0; width: 100%; margin-top: 28px; } .heading-wide + .form-register.d { margin-top: -8px; } .form-register header p.s12 a { display: inline-block; } .list-box > li.title + li.mobile-only, .heading-wide + .list-features, .form-register.c button, #root .tabs-a + *, .module-cta .link-btn, .module-entry > header ~ footer, .module-success .link-btn, .heading-article + .header-line, .list-entries + h1, .list-entries + h2, .list-entries + h3, .list-entries + h4, .list-entries + h5, .list-entries + h6, .list-entries + h1 + .list-entries, .list-entries + h2 + .list-entries, .list-entries + h3 + .list-entries, .list-entries + h4 + .list-entries, .list-entries + h5 + .list-entries, .list-entries + h6 + .list-entries, .module-quiz > aside.strong > .mobile-only:first-child + p, .module-quiz > aside > .mobile-only:first-child + p.strong, .module-quiz > aside > h1:first-child:last-child, .module-quiz > aside > h2:first-child:last-child, .module-quiz > aside > h3:first-child:last-child, .module-quiz > aside > h4:first-child:last-child, .module-quiz > aside > h5:first-child:last-child, .module-quiz > aside > h6:first-child:last-child, .module-quiz > aside > h1:first-child:nth-last-child(2), .module-quiz > aside > h2:first-child:nth-last-child(2), .module-quiz > aside > h3:first-child:nth-last-child(2), .module-quiz > aside > h4:first-child:nth-last-child(2), .module-quiz > aside > h5:first-child:nth-last-child(2), .module-quiz > aside > h6:first-child:nth-last-child(2) { margin-top: 0; } #content > .form-register.d:last-child, .form-register.d header, #content > .form-register:last-child > *:last-child, .list-entries > li:last-child, .popup-a .list-info:last-child, .popup-a .list-info.last-child, #content > .module-entry:last-child > *:last-child > .list-jobs:last-child, #content > .module-entry:last-child > *:last-child > .list-jobs:last-child > li:last-child, .module-popup .link-btn:last-child, .module-popup .link-btn:last-child > *:last-child { margin-bottom: 0; } #footer ul, .list-logo li:nth-child(4n+1):last-child, .form-register .cols-a, .module-entries.a article > header + figure, .form-filter, .link-btn.sticky.mobile-only, .header-a, .list-entries.compact, .module-quiz .submit.text-right { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .heading-wide.entry .link-btn, .list-entries.compact { flex-wrap: nowrap; } .form-register .cols-a, .module-quiz .submit.text-right { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .list-logo + .link-btn.text-right { justify-content: flex-start; } .list-logo, .module-entries.a article > header + figure { justify-content: center; } .form-filter { justify-content: flex-end; } #root .form-register .submit, .header-a { justify-content: space-between; } .list-progress li { flex-basis: 0; } .list-progress li { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .heading-wide.entry .link-btn a { flex-grow: 3; } #root h1 .link-btn i, #root h2 .link-btn i, #root h3 .link-btn i, #root h4 .link-btn i, #root h5 .link-btn i, #root h6 .link-btn i, .list-features.aside figure { -webkit-transform: none; transform: none; } #root .module-cta .link-btn > span a.close, #root #top.toggle-btn #nav li.btn > span, .module-entries.a article > div.mobile-long:before, #root .module-entries.a article > div.mobile-long .strong:last-child, .module-entries.a article > div.mobile-long a.expand, .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6, .form-filter a.toggle, .form-filter .off, .module-entries .list-info, .module-entry .list-info, .list-features .link-btn, #root .list-progress, #root .form-register header.double { display: block; } .form-register:before, .theme-a #top > .shadow, #root:before, #nav li a:before, .module-cta figure, .cols-a:after, .cols-b:after, .module-aside > figure, #nav li a.js .inner, #top.toggle-btn #nav > ul > li, #top.toggle-btn #nav > ul > li.btn > a, .form-register .submit:after, .module-entry .header-line span:before, .heading-article figure, .list-box > li.mobile-only ~ *, .module-entries header figure, #root .module-entries.a .list-info li.wide.long a.strong, .heading-article figure.align-bottom, #nav > ul > li > ul li a i, #nav > ul > li > ul:before, #nav > ul > li > ul:after, .module-entries.compact .list-info:before, .module-entries.compact article > div, .module-entries.compact article ~ *, .cols-a.b > aside, .list-results li:before, #root > .background.mobile-hide, .module-quiz > header > div, .theme-d #footer > p:first-child a * { display: none; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #root .double > .wide-only { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 28.125em) { /* 450 */ #top { } #logo { padding-top: 46px; } #logo:before { font-size: 25px; line-height: 25px; } } @media only screen and (max-width: 26.25em) { /* 420 */ .heading-wide { } .heading-wide h1 .icon-aal-dc, .heading-wide h2 .icon-aal-dc, .heading-wide h3 .icon-aal-dc, .heading-wide h4 .icon-aal-dc, .heading-wide h5 .icon-aal-dc, .heading-wide h6 .icon-aal-dc, .dc #logo:before { font-size: 17vw; line-height: 17vw; } .module-entries.a { } .module-entries.a.v1 footer, .module-entries.compact footer { min-height: 78px; } .module-entries.a.v1 article > header + figure, .module-entries.compact article > header + figure { width: 131px; height: 78px; } .module-entries.a footer .link-btn a { min-width: 140px; height: auto; padding-top: 12.5px; padding-bottom: 12.5px; line-height: 1.5; } }