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;
}
}