Untitled
unknown
plain_text
a year ago
23 kB
1
Indexable
Never
html body .cv_desktop_cta, html[lang="en-gb"] .cv_show *, html[lang="en"] .cv_show *, html[lang="es"] .cv_hide, html[lang="de"] .cv_hide, html[lang="fr"] .cv_hide{ display: none; } html body .cv_mobile_cta.cv_secondary{ font-weight: 500; font-size: 16px; color: #00BD82; background: rgba(0, 189, 130, 0.1) } /* default css */ .cv_header { position: fixed; top: 0; left: 0; right: 0; z-index: var(--nav-z); min-height: calc(var(--nav-height) + var(--nav-header-height)); background-color: var(--nav-bg) } .cv_header, .cv_header.light { --nav-bg: var(--white); --nav-color: #151a28; --nav-logo: var(--green-500) } .theme-dark .cv_header { --nav-bg: transparent; --nav-color: var(--white); border-bottom: none; background: none } .theme-dark .cv_header .cv_nav_logo path:last-child { fill: #fff } .theme-dark .cv_header .cv_nav { background-color: var(--cobalt) } .nav-active .theme-dark .cv_header { --nav-bg: var(--cobalt); background-color: var(--nav-bg) } .cv_mobile_toggle_btn,.cv_nav_logo { z-index: calc(var(--nav-z) + 1) } .cv_mobile_toggle_btn { cursor: pointer; position: absolute; right: var(--site-margins); top: 16px; height: 32px; width: 32px; padding: 4px } .cv_mobile_toggle_btn span { position: absolute; top: 50%; left: 50%; height: 2px; width: 18px; background-color: var(--nav-logo); transition: transform .4s } .cv_mobile_toggle_btn span:first-child { transform: translate(-50%,-50%) translateY(-2px) } .cv_mobile_toggle_btn span:last-child { transform: translate(-50%,-50%) translateY(2px) } .menu-open .cv_mobile_toggle_btn span:first-child { transform: translate(-50%,-50%) rotate(45deg) } .menu-open .cv_mobile_toggle_btn span:last-child { transform: translate(-50%,-50%) rotate(-45deg) } .cv_mobile_nav_cta { position: absolute; z-index: 999; top: 16px; right: 56px; margin: 0; padding: 0 12px; height: 32px; line-height: 32px } .cv_nav_logo { display: block; width: 140px } .cv_nav_logo svg { width: 100%; display: block } .cv_nav_logo.cv_nav_logo_desktop { display: none } .cv_nav_logo.cv_nav_logo_mobile { position: absolute; width: 90px; top: 20px; left: var(--site-margins) } .cv_nav { position: fixed; left: 0; top: var(--nav-header-height); bottom: 0; width: 100%; z-index: calc(var(--nav-z) - 1); background-color: var(--nav-bg); padding: 64px var(--site-margins) 32px; transition: transform .4s; transform: translateX(-110vw); overflow: auto; z-index: 1 } .menu-open .cv_nav { transform: translateX(0) } .cv_nav_menu>li>a, .cv_nav_menu>li>button { color: var(--nav-color); font-size: 20px; font-weight: 600; line-height: 32px; margin: 0 0 8px } .cv_nav_menu { margin-left: calc(-1*var(--site-margins)); margin-right: calc(-1*var(--site-margins)) } .cv_nav_menu:not(.only-mobile) { display: none } .theme-dark .cv_nav_menu.only-mobile { --nav-color: #151a28; background-color: #fff } .cv_nav_menu_list { position: relative; height: 100% } .cv_nav_menu_list.regular .cv_nav_menu_list_btn { color: var(--white) } .cv_nav_menu_list.regular:hover .cv_nav_menu_list_btn { color: var(--green-50) } .cv_nav_menu_list:hover .cv_nav_menu_list_btn.bubble { color: var(--white) } .cv_nav_menu_list:hover .menu-link_RegularLinkChildren__be__W { display: block } .cv_nav_menu_list .cv_nav_menu_list_btn svg { margin-left: 12px; display: none } .cv_nav_menu_list_btn { display: flex; align-items: center; height: 100%; padding-left: var(--horizontal-padding); padding-right: var(--horizontal-padding); text-align: center; transition: color .2s } .cv_nav_menu_link_group { position: static; padding: 16px; background-color: var(--grey-200); border-radius: 16px; transform: translateX(var(--horizontal-padding)) translateY(var(--offset-top)) } .cv_nav_menu_link_group, .cv_nav_menu_link_group li { margin: 0 0 16px } .cv_nav_menu_link_group_display>div { text-align: left; border-radius: 24px } .cv_menu_link_footer_title, .cv_nav_menu_title { display: block; font-weight: 700; font-size: 16px; line-height: 1.3; text-transform: uppercase } .cv_menu_link_footer_title { font-size: 14px; color: var(--white) } .cv_nav_menu_title { margin: 0 0 16px; color: var(--cobalt) } .menu-link_RegularLinkChildren__be__W .cv_menu_link_sublink, .menu-link_RegularLinkChildren__be__W .cv_nav_menu_title { padding: 8px 16px } .cv_menu_link_sublink { color: var(--cobalt); display: block } .cv_menu_link_sublink img { width: 100%; height: 100% } .cv_menu_link_groop_footer { display: flex; justify-content: space-between; align-items: center; padding: 24px 32px; color: var(--white); background-color: var(--cobalt); border-radius: 24px } .cv_menu_link_sublink_img { display: block; position: relative; z-index: 1 } .cv_menu_link_sublink_img:after { content: ""; display: block } .cv_menu_link_sublink_img .ResponsiveImg_Fit__qfvVX { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .cv_menu_link_sublink_img img,.ResponsiveImg_Img__BrNKH { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: block } .cv_menu_link_icon { width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 8px } *+.cv_nav_ctas { margin-top: 8px } .theme-dark *+.cv_nav_ctas { margin-top: 24px } .cv_nav_ctas>li>a { width: 100%; margin: 0 0 8px; height: 44px; line-height: 44px } /* default css end */ @media screen and (max-width: 1350px) { .cv_nav_menu_list:nth-child(1n+3) .cv_nav_menu_link_group { right:5px } } @media screen and (min-width: 1224px){ /* default css */ .cv_header { border-bottom: 1px solid var(--grey-300) } .nav-active .cv_header { background-color: var(--nav-bg) } .theme-dark .cv_header .cv_nav { background-color:var(--nav-bg) } .cv_nav_logo.cv_nav_logo_desktop { display: block } .cv_nav_logo.cv_nav_logo_desktop + div{ width: 120px; height: 40px; margin-left: 40px; position: relative; } .cv_nav_logo.cv_nav_logo_desktop + div::before{ content: "+"; font-size: 40px; line-height: 40px; font-weight: 600; position: absolute; left: -32px; top: 50%; transform: translateY(-50%); } .cv_nav_logo.cv_nav_logo_desktop + div img{ height: 100%; width: 100%; object-fit: contain; -o-object-position: 0 50%; object-position: 0 50%; } .cv_mobile_toggle_btn,.cv_nav_logo.cv_nav_logo_mobile { display: none; } .cv_mobile_nav_cta { display: none; } .cv_nav { position: static; background-color: transparent; transform: none; overflow: visible; overflow: initial; height: var(--nav-height); padding: 0; display: flex; align-items: center; flex-flow: row nowrap } .cv_nav>:first-child, .cv_nav>:last-child { flex: 0 0 auto } .cv_nav>:first-child{ display: flex; } .cv_nav>:nth-child(2) { flex: 1 1 auto } .cv_nav_menu.only-mobile { display:none } .cv_nav_menu:not(.only-mobile) { display: flex } .cv_nav_ctas, .cv_nav_menu { display: flex; align-items: center } .cv_nav_menu { height: 100%; margin-left: 64px; justify-content: flex-start } .cv_secondary_icon .cv_nav_menu{ margin-left: -30px; } .cv_nav_menu>li { --horizontal-padding: 16px } .cv_nav_menu>li>a,.cv_nav_menu>li>button { font-size: 16px; font-weight: 400; line-height: 20px; margin: 0 } .cv_nav_menu_list .cv_nav_menu_list_btn svg { display:block } .cv_nav_menu_list .cv_nav_menu_list_btn svg * { transition: fill .2s ease-in-out } .cv_nav_menu_list:not(.regular):hover .cv_nav_menu_list_btn svg * { fill: var(--green-500) } .cv_nav_menu_list { --offset-top:calc(var(--nav-height) + 1px) } .cv_nav_menu_list.regular { --horizontal-padding: 0px; --offset-top: 0px } .cv_nav_menu_list.regular .cv_nav_menu_link_group { transform: translateX(calc(var(--horizontal-padding) - 40px)) } .cv_nav_menu_list:before { position: absolute; left: var(--horizontal-padding); right: var(--horizontal-padding); bottom: 0; height: 2px; background-color: var(--green-500) } .cv_nav_menu_list:focus .cv_nav_menu_list_btn,.cv_nav_menu_list:hover .cv_nav_menu_list_btn { color: var(--green-500) } .cv_nav_menu_list.has-children:focus,.cv_nav_menu_list.has-children:hover { z-index: 1 } .cv_nav_menu_list.has-children:focus:after,.cv_nav_menu_list.has-children:hover:after { --size: 260px; position: absolute; top: 50%; left: 50%; content: ""; display: block; width: var(--size); height: var(--size); transform-origin: center center; transform: translateX(-50%) translateX(24px) rotate(30deg) } .cv_nav_menu_list:focus .cv_nav_menu_link_group, .cv_nav_menu_list:hover .cv_nav_menu_link_group { display: block } .cv_nav_menu_list.cv_nav_menu_list:not(.regular):hover:before { content: "" } .cv_nav_menu_link_group, .cv_nav_menu_link_group li { margin: 0 } .cv_nav_menu_link_group { position: fixed; z-index: 99; display: none; padding: 0; background-color: transparent; border-radius: 0; transform: translateX(calc(var(--horizontal-padding) - 40px)) translateY(1px); max-width: 900px } .cv_nav_menu_link_group_display { --gutter: 16px; --border-radius: 24px; position: relative; display: flex; flex-flow: row nowrap; white-space: nowrap; max-width: 100vw; padding: 16px; overflow: hidden; background-color: var(--white); box-shadow: -9px 53px 58px rgba(71,86,123,.22),-2px 11px 9px rgba(71,86,123,.11); border-radius: 0 0 var(--border-radius) var(--border-radius) } .cv_nav_menu_link_group_display>div { padding: var(--gutter); flex: 1 1 auto } .cv_nav_menu_link_group_display.menu-link_LinkGroup__DisplayColumn__YARyx { display: block; -moz-columns: 3; column-count: 3 } .cv_nav_menu_link_group_display.menu-link_LinkGroup__DisplayColumn__YARyx>div { page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid } .cv_nav_menu_link_group_display.menu-link_LinkGroup__DisplayColumn__YARyx>div.theme-light:nth-child(2n) { border-radius: 24px 24px 0 0 } .cv_nav_menu_link_group_display.menu-link_LinkGroup__DisplayColumn__YARyx>div.theme-light:nth-child(odd) { border-radius: 0 0 24px 24px; padding-top: 0 } .cv_nav_menu_link_group_display .cv_menu_link_sublink, .cv_nav_menu_link_group_display .cv_nav_menu_title { font-size: 16px; line-height: 24px; color: #151a28 } .cv_nav_menu_link_group_display>div.theme-light { background-color: var(--grey-200) } .cv_nav_menu_link_group_display>div.theme-dark { background-color: var(--cobalt) } .cv_nav_menu_link_group_display>div.theme-dark .cv_nav_menu_title, .cv_nav_menu_link_group_display>div.theme-dark a { color: var(--white) } .cv_nav_menu_link_group_display>div.theme-dark .cv_menu_link_sublink:hover { background-color: rgba(var(--white-rgb),.1) } .cv_nav_menu_title { margin: 0 0 8px } .cv_menu_link_sublink, .cv_nav_menu_title { padding: 8px 16px } .cv_menu_link_group_items { white-space: normal } .cv_menu_link_sublink.has-icon { display: grid; grid-template-columns: 30px 1fr } .cv_menu_link_sublink { border-radius: 8px; line-height: 20px; padding: 16px } .cv_menu_link_sublink:hover { background-color: rgba(var(--cobalt-rgb),.1) } .cv_menu_link_footer { margin-top: 24px; padding: 16px 16px 0 } .cv_menu_link_groop_footer .link { margin-left:16px } .cv_menu_link_groop_footer { border-radius: 0 0 24px 24px; margin-top: -24px; padding-top: 48px } *+.cv_nav_ctas, .theme-dark *+.cv_nav_ctas { margin-top: 0 } .cv_nav_ctas>li { margin-left: 8px } .cv_nav_ctas>li>a { margin: 0; height: 40px; line-height: 40px } /* default css end */ html body .cv_desktop_cta{ display: flex; gap: 16px; flex-direction: row-reverse; } html body .cv_desktop_cta a{ padding: 0 16px; } html body .cv_desktop_cta li:hover a, html body .cv_desktop_cta a:hover{ color: #fff !important; } html body .cv_header nav{ height: 80px; } html body.nav-active .cv_header nav{ height: 56px; } html body.nav-active, body.nav-active.--has-event-banner { --nav-header-height: 0; } html body .cv_mobile_cta{ display: none; } html body .cv_nav_logo.cv_nav_logo_mobile + div{ display: none; } } @media screen and (max-width: 1223px) { html[lang="en-gb"] .cv_show, html[lang="en"] .cv_show{ display: none !important; } html body .cv_nav_logo.cv_nav_logo_desktop + div{ display: none; } html body .cv_nav_logo.cv_nav_logo_mobile + div{ width: 120px; height: 30px; margin-left: 125px; position: relative; top: 17px; } html body.menu-open .cv_nav_logo.cv_nav_logo_mobile + div{ margin-left: 140px; } html body .cv_nav_logo.cv_nav_logo_mobile + div::before{ content: "+"; font-size: 30px; line-height: 40px; font-weight: 600; position: absolute; left: -25px; top: 50%; transform: translateY(-50%); } html body .cv_nav_logo.cv_nav_logo_mobile + div img{ height: 100%; width: 100%; object-fit: contain; -o-object-position: 0 50%; object-position: 0 50%; } /* default css */ body.menu-open .cv_mobile_bottom { position:absolute; z-index: 2; left: 0; right: 0; top: 0; height: 65px; background-color: #fff; border-bottom: 1px solid var(--grey-300) } body.menu-open .theme-dark .cv_mobile_bottom { background-color: transparent; background: var(--cobalt) } .only-mobile .cv_nav_menu_list:not(.regular) { overflow:hidden; border-top: 1px solid var(--grey-300) } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_list_btn { margin: 0; padding: 20px 0; width: 100%; font-size: 16px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_list_btn span { transition: color .3s ease-in-out; position: relative; padding: 0 calc(24px + var(--site-margins)) 0 var(--site-margins) } .only-mobile .cv_nav_menu_list:not(.regular).active .cv_nav_menu_list_btn span { color: var(--green-500) } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_list_btn.is-link { padding: 20px var(--site-margins) 20px var(--site-margins) } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_list_btn span { width: 100%; text-align: left } .only-mobile .cv_nav_menu_list:not(.regular):hover>a { color: var(--green-500) } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_list_btn span:after { content: ""; position: absolute; top: -2px; right: 5px; width: 35px; height: 36px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjgzIDEyLjAwNmwtMy44MTUtMy44OUwxMC4xMDEgNyAxNSAxMi4wMDIgMTAuMDk0IDE3IDkgMTUuODg0bDMuODMtMy44Nzh6IiBmaWxsPSIjMDBCRDgyIi8+PC9zdmc+Cg==); background-position: 100%; filter: brightness(0); background-size: 35px; transition: transform 525ms,opacity 525ms } .only-mobile .cv_nav_menu_list:not(.regular).active .cv_nav_menu_list_btn span:after { filter: none; transform: rotate(90deg); opacity: 1 } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_link_group { position: static; max-height: 0; padding: 0 16px; transition: all .3s ease-in-out; border-radius: 16px; transform: translateX(var(--horizontal-padding)) translateY(var(--offset-top)); margin: 0; background-color: var(--white) } .only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_sublink .cv_menu_link_icon.hide-mobile { display: none } .only-mobile .cv_nav_menu_list:not(.regular).active .cv_nav_menu_link_group { max-height: 1000px; padding-bottom: 20px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_link_group_display>div:not(:first-of-type) { margin-top: 16px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_link_group_display div.theme-light { background-color: var(--grey-200); padding: 24px 8px; margin-left: -8px; margin-right: -8px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_groop_footer { display: block; justify-content: space-between; align-items: center; background-color: var(--cobalt); color: var(--white); border-radius: 24px; padding: 24px 32px; margin-top: 16px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_groop_footer>a { margin-top: 8px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_groop_footer.unused { background-color: var(--white); padding: 1px 0 0; margin: 0 } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_title { padding: 0 8px; font-size: 14px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_title.hide-mobile { display: none } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_link_group_display div.theme-light .cv_nav_menu_title { padding: 0 16px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_group_items.display-grid { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 8px; gap: 8px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_footer,.only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_group_items:not(.display-grid) li:not(:first-of-type) { margin-top: 16px } .only-mobile .cv_menu_link_footer>a,.only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_group_items li a { font-size: 14px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_footer,.only-mobile .cv_nav_menu_list:not(.regular) .cv_menu_link_group_items { padding: 0 16px } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_link_group_display.menu-link_LinkGroup__DisplayColumn__YARyx>div.theme-light:nth-child(2n) { border-radius: 24px 24px 0 0; padding-bottom: 0 } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_link_group_display.menu-link_LinkGroup__DisplayColumn__YARyx>div.theme-light:nth-child(2n) :last-child { margin-bottom: 0 } .only-mobile .cv_nav_menu_list:not(.regular) .cv_nav_menu_link_group_display.menu-link_LinkGroup__DisplayColumn__YARyx>div.theme-light:nth-child(odd) { border-radius: 0 0 24px 24px; margin-top: 0 } /* default css end */ } @media screen and (max-width: 500px){ html body.cv_large_nav_cta .cv_header{ height: 100px; } html body.cv_large_nav_cta.landing-page .cv_nav, html body.cv_large_nav_cta.landing-page{ padding-top: 100px; } html body.cv_large_nav_cta.menu-open .cv_mobile_bottom{ height: 100px; } html body.cv_large_nav_cta .cv_mobile_nav_cta{ top: 55px; right: auto; left: 15px; } html body .cv_nav_logo.cv_nav_logo_mobile + div::before { content: "+"; font-size: 25px; line-height: 30px; font-weight: 600; position: absolute; left: -17px; top: 50%; transform: translateY(-50%); display: none; } html body .cv_nav_logo.cv_nav_logo_mobile + div { width: 80px; height: 25px; top: 18px; margin-left: 100px; position: relative; } html body.menu-open .cv_nav_logo.cv_nav_logo_mobile + div{ margin-left: 115px; } html body.cv_secondary_icon .cv_nav_logo.cv_nav_logo_mobile { width: 90px; } html body.cv_secondary_icon .cv_mobile_nav_cta{ font-size: 14px; } html body .cv_nav_logo.cv_nav_logo_mobile+div img { display: none; } } @media screen and (max-width: 395px){ html body.cv_secondary_icon .cv_header{ height: 100px; } html body.cv_secondary_icon.landing-page .cv_nav, html body.cv_secondary_icon.landing-page{ padding-top: 100px; } html body.cv_secondary_icon.menu-open .cv_mobile_bottom{ height: 100px; } html body.cv_secondary_icon .cv_mobile_nav_cta{ top: 55px; right: auto; left: 15px; } }