/* **************** COLOR GROUPS **************** */ /* BASE */ *, *:before, *:after { -moz-box-sizing: inherit; box-sizing: inherit; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } html { box-sizing: border-box; margin: auto; overflow-x: hidden; scroll-behavior: smooth; } body { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; position: relative; box-sizing: border-box; margin: 0; background: #FFF; -webkit-font-smoothing: antialiased; overflow-x: hidden; } body *::-moz-selection { color: #FFF; background: #449CE4; -webkit-text-fill-color: #fff; } body *::selection { color: #FFF; background: #449CE4; -webkit-text-fill-color: #fff; } section, header, footer { display: block; width: 100%; } .screen-reader-text { display: none; } h1 { font-family: rajdhani, sans-serif; font-weight: 300; font-style: normal; font-size: 72px; font-stretch: normal; line-height: 1.11; letter-spacing: normal; } h2 { font-family: rajdhani, sans-serif; font-weight: 400; font-style: normal; font-size: 48px; font-stretch: normal; line-height: 1.17; letter-spacing: normal; } h3 { font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; font-size: 36px; font-stretch: normal; line-height: 1.67; letter-spacing: normal; } h4 { font-family: rajdhani, sans-serif; font-weight: 600; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: 1px; text-transform: uppercase; } h5 { font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; font-size: 26px; font-stretch: normal; line-height: normal; letter-spacing: normal; text-transform: uppercase;} p { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #484C4F; } li { margin: 6px 0; } small { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #484C4F; } input[type=submit], input[type=text], input[type='email'], input[type='search'], textarea, select, button { -webkit-appearance: none; -moz-appearance: none; box-shadow: none !important; border-radius: 0; } input[type=submit] { cursor: pointer; -webkit-transition: all 0.50s ease-in-out; -moz-transition: all 0.50s ease-in-out; -o-transition: all 0.50s ease-in-out; transition: all 0.50s ease-in-out; } input[type=text] { font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; background: transparent; border: 1px #C8C8C9 solid; padding: 10px 30px; margin: 0 15px 0 0; border-radius: 4px; color: #484C4F; } input[type=text]::-webkit-input-placeholder { color: #727B85; opacity: 0.8; } select, textarea { font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; } select::-ms-expand { display: none; } a { text-decoration: none; color: #484C4F; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } a:hover { color: #0D2D73; } strong, b { font-weight: 700; } img, iframe { max-width: 100%; } img { height: auto; } hr.divider{ margin: 96px 0;border: 0;border-top: 1px solid #ccc; } .mt-12x{margin-top:96px;} .pt-5x{padding-top:40px;} .container { position: relative; padding-left: 60px; padding-right: 60px; } .inner-container { max-width: 1600px; margin: 0 auto; position: relative; padding-right: 60px; } .flex-container { display: flex; } .flex { display: flex; gap: 20px; } .flex > * { width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); } .float-wrapper:first-of-type .image { float: right; margin-left: 20px; width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); } .float-wrapper:first-of-type .text::after { content: ""; display: block; clear: both; } .float-wrapper:nth-of-type(2) .image { float: left; margin-right: 20px; width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); } .float-wrapper:nth-of-type(2) .text::after { content: ""; display: block; clear: both; } .download-btn { margin-top: 55px; width: 275px; font-size: 16px; font-stretch: normal; line-height: normal; letter-spacing: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #ffffff !important; background-color: transparent !important; padding: 15px 25px; border: 1px solid #ffffff; border-radius: 60px; display: inline-block; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: relative; position: relative; padding-right: 65px; } .download-btn::after { position: absolute; right: 5px; top: 5px; content: url(../../../../_resources/icons/arrow-down.svg); width: 37px; height: 37px; border-radius: 50%; background-image: linear-gradient(212deg, #449ce4 9%, #265fa6 82%); display: flex; flex-direction: column; justify-content: center; align-items: center; } .download-btn:hover { width: 280px; -webkit-transition: width 1s; transition: width 1s; } .button-email { margin-top: 10px; font-size: 16px; font-stretch: normal; line-height: normal; letter-spacing: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #fff !important; background-color: #47294e !important; text-align: center; padding: 10px 30px; border: 1px solid #47294e; display: inline-block; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .button-email:hover { font-size: 16px; font-stretch: normal; line-height: normal; letter-spacing: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #FFF !important; background-color: #73537b !important; border: 1px solid #73537b; } .button { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; font-size: 16px; align-items: center; border: 1px solid #c8c8c9; color: #0d2d73; border-radius: 80px; display: inline-block; justify-content: space-between; height: 48px; position: relative; padding: 10px 61px 10px 20px; z-index: 1; transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); text-decoration: none !important; background-color: #FFF; } .button:before { background-color: #265fa6; background-image: linear-gradient(212deg, #449ce4 9%, #265fa6 82%); border-radius: 50%; content: ''; height: 36px; position: absolute; width: 36px; right: 6px; top: 5px; z-index: 2; transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .button:after { content: url(../../../../_resources/icons/arrow-right.svg); position: absolute; line-height: 1.5; right: 16px; top: 12px; z-index: 3; transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .button:hover { cursor: pointer; padding-right: 69px; } .button:hover:before { background-image: linear-gradient(212deg, transparent 9%, transparent 82%); background-color: #0d2d73; } .button-presentation { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; margin-top: 55px; font-size: 16px; align-items: center; border: 1px solid #c8c8c9; color: #ffffff; border-radius: 80px; display: inline-block; justify-content: space-between; height: 48px; position: relative; padding: 10px 61px 10px 20px; z-index: 1; transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); text-decoration: none !important; background-color: transparent; } .button-presentation:before { background-color: #265fa6; background-image: linear-gradient(212deg, #449ce4 9%, #265fa6 82%); border-radius: 50%; content: ''; height: 36px; position: absolute; width: 36px; right: 6px; top: 5px; z-index: 2; transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .button-presentation:after { content: url(../../../../_resources/icons/arrow-down.svg); position: absolute; line-height: 1.5; right: 16px; top: 12px; z-index: 3; transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .button-presentation:hover { cursor: pointer; padding-right: 69px; color: #ffffff; } .button-view { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; font-size: 16px; align-items: center; border: 1px solid #c8c8c9; color: #ffffff; border-radius: 80px; display: inline-block; justify-content: space-between; height: 48px; position: relative; padding: 10px 61px 10px 20px; z-index: 1; transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); text-decoration: none !important; background-color: transparent; } .button-view:before { background-color: #265fa6; background-image: linear-gradient(212deg, #449ce4 9%, #265fa6 82%); border-radius: 50%; content: ''; height: 36px; position: absolute; width: 36px; right: 6px; top: 5px; z-index: 2; transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .button-view:after { content: url(../../../../_resources/icons/eye-icon.svg); position: absolute; line-height: 1.5; right: 10px; top: 14px; z-index: 3; transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .button-view:hover { cursor: pointer; padding-right: 69px; color: #ffffff; } /* UTILITY */ .white { color: #FFF; } .clear { clear: both; } .center { text-align: center; } .right { text-align: right; } .gradient-text { background-image: linear-gradient(271deg, #449CE4 0%, #449CE4 48%, #20549b 96%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } .dark-blue { color: #0D2D73; } .caption { font-size: 12px; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #47294e; font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; font-weight: 400; } .small-caption { font-size: 12px; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #47294e; font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; } .paragraph-small { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.14; letter-spacing: normal; color: #484C4F; } div.overflow { width: 100%; overflow-x: auto; } p.instruction i { margin-left: 15px; } /* Functions */ .column-1 { width: calc((((100% - (11 * 20px))/12) * 1) + ((1 - 1) * 20px)); } .column-2 { width: calc((((100% - (11 * 20px))/12) * 2) + ((2 - 1) * 20px)); } .column-3 { width: calc((((100% - (11 * 20px))/12) * 3) + ((3 - 1) * 20px)); } .column-4 { width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); } .column-5 { width: calc((((100% - (11 * 20px))/12) * 5) + ((5 - 1) * 20px)); } .column-6 { width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); } .column-7 { width: calc((((100% - (11 * 20px))/12) * 7) + ((7 - 1) * 20px)); } .column-8 { width: calc((((100% - (11 * 20px))/12) * 8) + ((8 - 1) * 20px)); } .column-9 { width: calc((((100% - (11 * 20px))/12) * 9) + ((9 - 1) * 20px)); } .column-10 { width: calc((((100% - (11 * 20px))/12) * 10) + ((10 - 1) * 20px)); } .column-11 { width: calc((((100% - (11 * 20px))/12) * 11) + ((11 - 1) * 20px)); } .column-12 { width: calc((((100% - (11 * 20px))/12) * 12) + ((12 - 1) * 20px)); } #hero { /*display: flex;*/justify-content: flex-start; position: relative; background-repeat: no-repeat; background-size: cover; height: 630px; width: 100%; z-index: 5; } #hero .text > * { max-width: 1116px; } #hero .text h1 { font-family: rajdhani, sans-serif; font-weight: 300; font-style: normal; font-size: 72px; font-stretch: normal; line-height: 1.11; letter-spacing: normal; margin: 0; color: #FFF; } #hero .text h5 { font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; font-size: 26px; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #FFF; text-transform: uppercase; } /* MODAL - GENERAL */ .popup-container { position: fixed; top: 0; left: 0; background-image: radial-gradient(circle at 100% 81%, #2963a7, #0c2764 51%, #0d2151 81%); width: 100%; height: 100%; z-index: 1000; color: #FFF; display: none; } .popup-container .content { max-width: 770px; padding: 0px 15px 0px 15px; margin: 300px auto 0px auto; } .popup-container .close { position: absolute; right: 45px; top: 35px; width: 30px; height: 30px; cursor: pointer; font-size: 30px; line-height: 30px; } .popup-container form.signup .textbox { float: none !important; width: 100% !important; } .popup-container form.signup .textbox input { padding: 0px !important; } .popup-container .error-tooltip { top: -50px !important; } .popup-container input { width: 100%; } /* SEARCH MODAL */ #search-popup .searchsubmit { position: absolute; height: 0px; width: 0px; border: none; padding: 0px; visibility: hidden; } #search-popup .s { background-color: transparent; border: 0px; font-size: 50px; color: #ffffff; } #search-popup .s:focus { outline: 0; } #search-popup .s::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } #search-popup .s:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } #search-popup .s::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } #search-popup .s:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } #search-popup fieldset { padding: 0px; border: 0px; } @-webkit-keyframes pulsatingCircleDarkBefore { 0% { box-shadow: 0 0 0 6px rgba(68, 156, 228, 0.4); } 50% { box-shadow: 0 0 0 8px rgba(68, 156, 228, 0.2); } 100% { box-shadow: 0 0 0 6px rgba(68, 156, 228, 0.3); } } @keyframes pulsatingCircleDarkBefore { 0% { box-shadow: 0 0 0 6px rgba(68, 156, 228, 0.4); } 50% { box-shadow: 0 0 0 8px rgba(68, 156, 228, 0.2); } 100% { box-shadow: 0 0 0 6px rgba(68, 156, 228, 0.4); } } @-webkit-keyframes pulsatingCircleDarkAfter { 0% { box-shadow: 0 0 0 14px rgba(9, 68, 88, 0.4); } 50% { box-shadow: 0 0 0 48px rgba(68, 156, 228, 0.2); } 100% { box-shadow: 0 0 0 14px rgba(68, 156, 228, 0.4); } } @keyframes pulsatingCircleDarkAfter { 0% { box-shadow: 0 0 0 14px rgba(68, 156, 228, 0.4); } 50% { box-shadow: 0 0 0 18px rgba(68, 156, 228, 0.2); } 100% { box-shadow: 0 0 0 14px rgba(68, 156, 228, 0.4); } } /* Link HUB Module - Common in Home and Investors Overview */ .button-primary { width: 170px; font-size: 16px; font-stretch: normal; line-height: normal; letter-spacing: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #0D2D73 !important; background-color: transparent !important; padding: 12px 25px; border: 1px solid #C8C8C9; border-radius: 80px; display: inline-block; cursor: pointer; position: relative; text-align: left; } .button-primary::after { position: absolute; right: 4px; top: 4px; content: url(../../../../_resources/icons/arrow-right.svg); width: 37px; height: 37px; border-radius: 50%; background-image: linear-gradient(212deg, #449ce4 9%, #265fa6 82%); display: flex; flex-direction: column; justify-content: center; align-items: center; } .button-primary:hover { width: 180px; -webkit-transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .button-primary:hover:after { background: #0D2D73; } .button-primary.mobile-text > span:nth-of-type(1) { display: inline-block; } .button-primary.mobile-text > span:nth-of-type(2) { display: none; } .button-primary-view { width: 120px; font-size: 16px; font-stretch: normal; line-height: normal; letter-spacing: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #0D2D73 !important; background-color: transparent !important; padding: 12px 25px; border: 1px solid #C8C8C9; border-radius: 80px; display: inline-block; cursor: pointer; position: relative; text-align: left; } .button-primary-view::after { position: absolute; right: 4px; top: 4px; content: url(../../../../_resources/icons/arrow-right.svg); width: 37px; height: 37px; border-radius: 50%; background-image: linear-gradient(212deg, #449ce4 9%, #265fa6 82%); display: flex; flex-direction: column; justify-content: center; align-items: center; } .button-primary-view:hover { width: 130px; -webkit-transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .button-primary-view:hover:after { background: #0D2D73; } .button-primary-view.mobile-text > span:nth-of-type(1) { display: inline-block; } .button-primary-view.mobile-text > span:nth-of-type(2) { display: none; } .link-hub { display: flex; flex-basis: calc(50% - 10px); overflow: hidden; position: relative; } .link-hub__link { align-items: center; display: flex; justify-content: center; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; clip-path: inset(0 0 0 0); transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1); } .link-hub__link.hover-reveal { /*right:27.75%;*/z-index: 2; } .link-hub__link.hover-reveal .link-hub__link--image { top: 0; left: 0; bottom: 0; right: 0; clip-path: inset(0 0 0 0); } .link-hub__link.hover-reveal .link-hub__link--button, .link-hub__link.hover-reveal .link-hub__link--title span:nth-of-type(2) { opacity: 1; visibility: visible; } .link-hub__link.hover-trigger { z-index: 1; left: 27.75%; } .link-hub__link.hover-trigger .link-hub__link--image { top: 0; right: 0; bottom: 0; left: 0; } .link-hub__link.hover-trigger .link-hub__link--button { opacity: 0; visibility: hidden; } .link-hub__link.hover-trigger .link-hub__link--title { left: 61.25%; height: 24px; overflow: hidden; transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1); } .link-hub__link.hover-trigger .link-hub__link--title span.arrow-icon img { transform: rotate(0); } .link-hub__link--image { height: 100%; position: absolute; transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1); } .link-hub__link--image > img { height: 100%; width: 100%; object-fit: cover; } .link-hub__link--image > img:nth-of-type(1) { display: block; } .link-hub__link--image > img:nth-of-type(2) { display: none; } .link-hub__link--button { z-index: 5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .link-hub__link .button-primary, .link-hub__link .button-primary-view { color: #FFF !important; } .link-hub__link .button-primary:before, .link-hub__link .button-primary-view:before { content: url(../../../../_resources/icons/eye-icon.svg); height: 17px; width: 23px; position: absolute; right: 10px; top: 14px; z-index: 3; } .link-hub__link .button-primary:after, .link-hub__link .button-primary-view:after { content: "" !important; } .link-hub__link--title { bottom: 28px; display: flex; left: 0; padding: 0 27px; position: absolute; right: 0; z-index: 3; } .link-hub__link--title span { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #FFF; transition: 0.325s all ease-in-out; } .link-hub__link--title span:nth-of-type(2) { padding-left: 22px; opacity: 0; } .link-hub__link--title span.arrow-icon { position: absolute; margin-left: auto; top: 1px; /*display:inline-block;*/ display: none; right: 20px; transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1); opacity: 1 !important; } .link-hub__link--title span.arrow-icon img { transform: rotate(180deg); transform-origin: center; } .link-hub__link--title span.doc-number { display: none; } @media (max-width:1024px) { .button-primary.mobile-text > span:nth-of-type(1) { display: none; } .button-primary.mobile-text > span:nth-of-type(2) { display: inline-block; } .button-primary-view.mobile-text > span:nth-of-type(1) { display: none; } .button-primary-view.mobile-text > span:nth-of-type(2) { display: inline-block; } .link-hub { flex-wrap: wrap-reverse; overflow: visible; } .link-hub__link { display: block; clip-path: unset; position: relative; top: unset; bottom: unset; left: unset; right: unset; width: 100%; z-index: 1; } .link-hub__link.hover-reveal { right: unset; } .link-hub__link.hover-reveal .link-hub__link--image { clip-path: unset; top: unset; bottom: unset; right: unset; left: unset; } .link-hub__link.hover-trigger { left: unset; margin-top: 1px; } .link-hub__link.hover-trigger .link-hub__link--image { top: unset; bottom: unset; right: unset; left: unset; } .link-hub__link.hover-trigger .link-hub__link--button { opacity: 1; visibility: visible; } .link-hub__link.hover-trigger .link-hub__link--title { height: unset; overflow: visible; left: 23px; } .link-hub__link.hover-trigger:hover .link-hub__link--title { margin-left: unset; left: unset; } .link-hub__link--image { position: relative; height: auto; width: 100%; } .link-hub__link--image { height: 235px; } .link-hub__link--image > img { position: relative; height: auto; width: 100%; object-fit: unset; } .link-hub__link--image > img:nth-of-type(1) { display: none; } .link-hub__link--image > img:nth-of-type(2) { display: block; } .link-hub__link--image > img { height: 100%; object-fit: cover; } .link-hub__link--button { top: unset; left: unset; bottom: 22px; right: 17px; transform: translate(0, 0); padding-left: 20px; } .link-hub__link .button-primary:before, .link-hub__link .button-primary-view:before { right: 11px; } .link-hub__link .button-primary:after, .link-hub__link .button-primary-view:after { height: 32px; width: 32px; right: 7px; top: 8px; } .link-hub__link .button-primary, .link-hub__link .button-primary-view { width: 114px; } .link-hub__link--title { padding: 0; left: 23px; width: calc(100% - 180px); bottom: 23px; right: unset; } .link-hub__link--title span:nth-of-type(2) { opacity: 1; padding-left: 0; } .link-hub__link--title span.arrow-icon { display: none; } .link-hub__link--title span.doc-number { display: none; } } @media (min-width:1025px) { .link-hub__link.hover-trigger:hover .link-hub__link--button, .link-hub__link.hover-trigger:hover .link-hub__link--title span:nth-of-type(2) { opacity: 1; visibility: visible; } .link-hub__link.hover-trigger:hover .link-hub__link--title { left: 0; margin-left: auto; width: auto; } .link-hub__link.hover-trigger:hover .link-hub__link--title span.arrow-icon img { transform: rotate(180deg); } .link-hub__link.hover-trigger:hover + .hover-reveal { -webkit-clip-path: inset(0 61.25% 0 0); clip-path: inset(0 61.25% 0 0); } .link-hub__link.hover-trigger:hover + .hover-reveal { -webkit-clip-path: unset; clip-path: unset; } .link-hub__link.hover-trigger:hover + .hover-reveal .link-hub__link--button, .link-hub__link.hover-trigger:hover + .hover-reveal .link-hub__link--title span:nth-of-type(2) { opacity: 0; visibility: hidden; } .link-hub__link.hover-trigger:hover + .hover-reveal .arrow-icon { margin-left: 0; right: calc(61.25% + 20px); transform: rotate(180deg); } } header.desktop { position: fixed; left: 0; top: 0; right: 0; width: 100%; z-index: 100; } header.desktop .stock-bar { color: #FFF; position: relative; padding: 3px 0; } header.desktop .stock-bar:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background-image: linear-gradient(0deg, #449CE4 0%, #449CE4 48%, #20549b 96%); } header.desktop .stock-bar .container { text-align: right; font-family: rajdhani, sans-serif; font-size: 16px; } header.desktop .stock-bar .container > span.item { padding-left: 50px; } header.desktop .nav-bar { background-image: radial-gradient(circle at 100% 81%, #2963a7, #0c2764 51%, #0d2151 81%); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } header.desktop .nav-bar .container { align-items: center; justify-content: flex-end; padding: 0 60px; max-width: 100%; } header.desktop .nav-bar .container .logo { padding: 0 20px 0 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-right: auto; } header.desktop .nav-bar .container .logo:hover { opacity: 0.8; } header.desktop .nav-bar .container .logo img { display: block; max-height: 40px; } header.desktop .nav-bar .container nav ul { list-style: none; padding: 0; margin: 0; } header.desktop .nav-bar .container nav > ul > li { display: inline-block; padding: 0; } header.desktop .nav-bar .container nav > ul > li a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 15px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; opacity: 0.8; color: #FFF; display: block; padding: 30px 16px; position: relative; z-index: 10; opacity: 0.8; } header.desktop .nav-bar .container nav > ul > li a:hover { opacity: 1; } header.desktop .nav-bar .container nav > ul > li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } header.desktop .nav-bar .container nav > ul > li > ul { opacity: 0; visibility: hidden; background: #081f4f; left: 0px; padding: 55px 55px; position: absolute; top: 100%; z-index: 9; transition: visibility 0s linear 0.1s, opacity 0.3s linear; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container { display: flex; justify-content: space-between; min-height: 290px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-left { flex-basis: 25%; display: flex; flex-wrap: wrap; position: relative; margin: 0 auto; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-left .stock-info { flex-basis: 33.33%; margin-right: 30px; color: #FFF; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-left .stock-info .ticker { display: block; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #FFF; opacity: 0.8; padding-bottom: 4px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 10px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-left .stock-info .ticker-symbol { display: block; font-family: rajdhani, sans-serif; font-weight: 400; font-style: normal; font-size: 32px; opacity: 1; color: #449CE4; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-left .stock-info .ticker-price { display: block; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; opacity: 1; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-left a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; opacity: 1; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 60px; white-space: nowrap; outline: none; padding: 10px 20px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-left a:hover { opacity: 0.8; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right { flex-basis: 65%; border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 34px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--title { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #FFF; display: block; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: wrap; max-height: 170px; margin-top: 14px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li { margin-bottom: 20px; min-width: 180px; padding-right: 45px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li a { border-bottom: none; display: inline-block; padding: 5px 0; position: relative; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li a:before { background: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0.8) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 4px); content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; width: 100%; z-index: 1; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li a:after { background-size: 0 1px; content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; width: 0; background-color: #449ce4; transition: 0.4s all cubic-bezier(0.19, 1, 0.22, 1); z-index: 2; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li a:hover:after { background-size: 100% 1px; width: calc(100% + 2px); } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li.has-children { height: 220px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li.has-children > ul { margin-top: 20px; padding-left: 17px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li.has-children > ul > li { margin-bottom: 20px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li.has-children > ul > li:last-of-type { margin-bottom: 0; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu.alt-menu { max-height: 220px; } header.desktop .nav-bar .container nav > ul > li > ul li:last-of-type { border-bottom: none; } header.desktop .nav-bar .container nav > ul > li > ul li a { display: block; padding: 13px 0px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; line-height: 18px; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); opacity: 0.8; } header.desktop .nav-bar .container nav > ul > li > ul li a:hover { opacity: 1; border-bottom: 1px solid #449CE4; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header.desktop .nav-bar .container nav > ul > li > ul li ul li { border-bottom: none; } header.desktop .nav-bar .container nav > ul > li > ul li ul li a { padding: 7px 20px; font-weight: 400; } header.desktop .nav-bar .container nav > ul > li > ul li.has-children > a { padding-bottom: 7px; color: #FFF; } header.desktop .nav-bar .container .search { font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #0D2D73; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; } header.desktop .nav-bar .container .search i { margin-left: 40px; color: #ffffff; } header.desktop .nav-bar .container .search a:hover { opacity: 0.8; } header.desktop .nav-bar .container .search a:hover i { color: rgba(255, 255, 255, 0.8); } header { background-image: radial-gradient(circle at 100% 81%, #2963a7, #0c2764 51%, #0d2151 81%); } header.mobile { display: none; position: fixed; left: 0; top: 0; right: 0; width: 100%; z-index: 100; } header.mobile > .top { display: flex; justify-content: space-between; padding: 20px 15px; width: 100%; align-items: center; height: 60px; } header.mobile > .top .hamburger { width: 33px; cursor: pointer; overflow: hidden; } header.mobile > .top .hamburger span { width: 100%; height: 2px; background-color: #ffffff; border-radius: 3px; margin-bottom: 9px; display: block; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header.mobile > .top .hamburger span:last-of-type { margin-bottom: 0; } header.mobile > .top .logo img { max-height: 30px; } header.mobile nav { display: none; width: 100%; height: 100vh; overflow-y: auto; background-image: radial-gradient(circle at 100% 81%, #2963a7, #0c2764 51%, #0d2151 81%); transform: translateX(0); } header.mobile nav ul { list-style: none; padding: 0; margin: 0; } header.mobile nav > ul { margin: 20px 0; } header.mobile nav > ul > li { position: relative; } header.mobile nav > ul > li a { font-family: rajdhani, sans-serif; font-weight: 400; font-style: normal; font-size: 24px; color: #FFF; display: block; margin: 0 20px; padding: 4px 0; position: relative; } header.mobile nav > ul > li > ul { display: none; padding-left: 20px; } header.mobile nav > ul > li > ul > li:last-of-type a { border-bottom: none; } header.mobile nav > ul > li > ul a { display: block; padding:0px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; line-height: 1.5; font-size: 16px; } header.mobile nav > ul > li > ul ul li { border-bottom: none; } header.mobile nav > ul > li > ul ul li a { padding: 7px 20px; font-weight: 400; } header.mobile nav > ul > li > ul.has-children > a { padding-bottom: 7px; } header.mobile nav > ul > li.has-children > a:after { content: "\f078"; right: 0; top: 12px; position: absolute; font-size: 15px; font-family: "Font Awesome\ 5 Pro"; } header.mobile nav > ul > li.has-children.active > a { border-bottom: none; } header.mobile nav > ul > li.has-children.active > a:after { content: "\f077"; right: 0; top: 12px; position: absolute; font-size: 15px; font-family: "Font Awesome\ 5 Pro"; } header.mobile nav > ul > li:last-of-type a { border-bottom: none; } header.mobile nav .mobile-menu-bottom .search { margin: 10px 20px; } header.mobile nav .mobile-menu-bottom .search a { color: #FFF; margin: 0px; } header.mobile nav .mobile-menu-bottom .search a:hover { color: rgba(255, 255, 255, 0.8); } header.mobile nav .mobile-menu-bottom .stock { color: #FFF; font-size: 14px; display: flex; gap: 24px; padding: 20px; border-top: 1px solid rgba(255, 255, 255, 0.2); } header.mobile nav .mobile-menu-bottom .stock__block { display: flex; flex-direction: column; } header.mobile nav .mobile-menu-bottom .stock__block > span:first-of-type { font-size: 12px; opacity: 0.8; } header.mobile nav .mobile-menu-bottom .stock__block > span:nth-of-type(2) { font-size: 36px; font-family: rajdhani, sans-serif; font-weight: 400; font-style: normal; } header.mobile.open .hamburger span { background-color: #ffffff; } header.mobile.open .hamburger span:nth-child(1) { margin-left: 50px; } header.mobile.open .hamburger span:nth-child(2) { transform: translate(0px, 0px) rotate(45deg); border-radius: 2px; } header.mobile.open .hamburger span:nth-child(3) { transform: translate(0px, -11px) rotate(-45deg); border-radius: 2px; } /* News */ #latest-news { padding-top: 120px; padding-bottom: 120px; position: relative; border-top: 1px solid #C8C8C9; } #latest-news h2 { background-image: linear-gradient(271deg, #449CE4 0%, #449CE4 48%, #20549b 96%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; margin-top: 0; } #latest-news .news-header { display: flex; justify-content: space-between; position: relative; margin-bottom: 50px; } #latest-news .news-header__button-wrap { position: absolute; width: 153px; right: -10px; } #latest-news .news-header__button-wrap .button-primary { width: 143px; transition: width 0.25s ease-in-out; } #latest-news .news-header__button-wrap .button-primary:hover { width: 153px; } #latest-news .news-releases { display: flex; justify-content: space-between; } #latest-news .news-releases .item { display: flex; flex-direction: column; border-left: 1px solid #C8C8C9; width: 25%; position: relative; padding-bottom: 20px; margin-bottom: 50px; } #latest-news .news-releases .item .date { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.14; letter-spacing: normal; color: #484C4F; margin-bottom: 20px; padding-left: 20px; } #latest-news .news-releases .item .title { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #484C4F; margin-bottom: 20px; padding-right: 20px; padding-left: 20px; } #latest-news .news-releases .item .image-card { height: 16rem; position: relative; margin-top: auto; overflow: hidden; } #latest-news .news-releases .item .image-card__inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition-property: -webkit-filter; transition-property: filter; transition-property: filter, -webkit-filter; -webkit-filter: grayscale(1); filter: grayscale(1); z-index: 1; } #latest-news .news-releases .item .image-card__inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } #latest-news .news-releases .item .image-card__overlay { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: block; z-index: 1; pointer-events: none; } #latest-news .news-releases .item .image-card__overlay:before, #latest-news .news-releases .item .image-card__overlay:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #FFFFFF; width: 20px; height: 20px; transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); } #latest-news .news-releases .item .image-card__overlay.overlay-1:before { height: auto; right: auto; -webkit-transform-origin: 0 0; transform-origin: 0 0; } #latest-news .news-releases .item .image-card__overlay.overlay-1:after { width: auto; top: auto; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } #latest-news .news-releases .item .image-card__overlay.overlay-2:before { width: auto; bottom: auto; -webkit-transform-origin: 0 0; transform-origin: 0 0; } #latest-news .news-releases .item .image-card__overlay.overlay-2:after { height: auto; left: auto; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } #latest-news .news-releases .item span.read-more { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; font-size: 16px; position: relative; margin-left: 20px; color: #484C4F; display: inline-block; padding-top: 16px; width: 92px; width: 84px; } #latest-news .news-releases .item span.read-more:before { background: repeating-linear-gradient(to right, rgba(13, 45, 115, 0.8) 0, rgba(13, 45, 115, 0.8) 1px, rgba(13, 45, 115, 0) 1px, rgba(13, 45, 115, 0) 4px); content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; width: 100%; z-index: 1; } #latest-news .news-releases .item span.read-more:after { background-size: 0 1px; width: 84px; content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; width: 0; background-color: #0D2D73; transition: 0.4s all cubic-bezier(0.19, 1, 0.22, 1); z-index: 2; } #latest-news .news-releases .item span.read-more:hover:after { background-size: 100% 1px; width: calc(100% + 2px); } #latest-news .news-releases .item:hover { border-left: 1px solid #0D2D73; } #latest-news .news-releases .item:hover .image-card__inner { -webkit-filter: grayscale(0); filter: grayscale(0); } #latest-news .news-releases .item:hover .image-card__overlay.overlay-1:before { -webkit-transform: scaleX(0); transform: scaleX(0); } #latest-news .news-releases .item:hover .image-card__overlay.overlay-1:after { -webkit-transform: scaleY(0); transform: scaleY(0); } #latest-news .news-releases .item:hover .image-card__overlay.overlay-2:before { -webkit-transform: scaleY(0); transform: scaleY(0); } #latest-news .news-releases .item:hover .image-card__overlay.overlay-2:after { -webkit-transform: scaleX(0); transform: scaleX(0); } #latest-news .news-releases .item:hover .date { color: #0D2D73; } #latest-news .news-releases .item:hover .title { color: #0D2D73; } #latest-news .news-releases .item:hover span.read-more { color: #0D2D73; } #latest-news .news-releases .item:hover span.read-more:after { background-size: 100% 1px; width: calc(100% + 2px); } /* EMAIL SIGNUP */ .signup-container { display: flex; justify-content: space-between; border-top: 1px solid #C8C8C9; } .signup-container .form-container { display: flex; flex-direction: column; justify-content: center; padding-left: 60px; } .signup-container .form-container h2 { background-image: linear-gradient(271deg, #449CE4 0%, #449CE4 48%, #20549b 96%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; margin-top: 0px; } .signup-container .form-container .flex-container .input-fields { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; } .signup-container .form-container .flex-container .input-fields .button-primary { width: 170px; font-size: 16px; font-stretch: normal; line-height: normal; letter-spacing: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #0D2D73 !important; background-color: transparent !important; padding: 12px 25px; border: 1px solid #C8C8C9; border-radius: 80px; display: inline-block; cursor: pointer; position: relative; text-align: left; } .signup-container .form-container .flex-container .input-fields .button-primary::after { position: absolute; right: 4px; top: 4px; content: url(../../../../_resources/icons/arrow-right.svg); width: 37px; height: 37px; border-radius: 50%; background-image: linear-gradient(212deg, #449ce4 9%, #265fa6 82%); display: flex; flex-direction: column; justify-content: center; align-items: center; } .signup-container .form-container .flex-container .input-fields .button-primary:hover { width: 180px; -webkit-transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .signup-container .form-container .flex-container .input-fields .button-primary:hover:after { background: #0D2D73; } .signup-container .form-container .flex-container .input-fields > div { position: relative; } .signup-container .form-container .flex-container .input-fields > div.success:after { content: '\f00c'; color: #39b54a; font-family: 'FontAwesome'; font-size: 18px; top: 8px; position: absolute; right: 30px; } .signup-container .form-container .flex-container .input-fields > div.error:after { content: '\f00d'; color: #730c00; font-family: 'FontAwesome'; font-size: 18px; top: 7px; position: absolute; right: 30px; } .signup-container .form-container .flex-container .input-fields input:-webkit-autofill, .signup-container .form-container .flex-container .input-fields input:-webkit-autofill:hover, .signup-container .form-container .flex-container .input-fields input:-webkit-autofill:focus, .signup-container .form-container .flex-container .input-fields input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #47294e !important; } .signup-container img { width: 30%; background-repeat: no-repeat; background-size: cover; background-position: center center; object-fit: cover; margin-left: 20px; } .signup-message { margin-top: 20px; color: #484C4F; opacity: 1; } .grecaptcha-badge { display: none !important; } .grecaptcha-badge.show { display: block !important; visibility: visible !important; z-index: 101; } /* FOOTER */ footer { -webkit-transition: all 0.50s ease-in-out; -moz-transition: all 0.50s ease-in-out; -o-transition: all 0.50s ease-in-out; transition: all 0.50s ease-in-out; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #FFF; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; padding-top: 90px; background-color: #0D2D73; } footer .container { display: flex; justify-content: space-between; } footer .container > div { width: 100%; } footer .container .logo { max-width: 200px; margin-right: 30px; padding: 0 20px 0 0; } footer .container .logo a { opacity: 1; } footer .container .logo a:hover { opacity: 0.8; } footer .container .logo a:hover img { opacity: 0.5; } footer .container .logo img { max-width: none; display: block; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; max-height: 40px; } footer .container nav { max-width: 1200px; } footer .container nav ul { margin-left: 0; padding-left: 0; list-style: none; } footer .container nav > ul > li > a + ul li a { display: block; } footer .container nav > ul { align-content: flex-start; display: flex; list-style-type: none; flex-direction: column; flex-wrap: wrap; padding: 0; position: relative; margin: 0; width: 100%; } footer .container nav > ul > li:not(.social-links) { padding-right: 10px; } footer .container nav > ul > li:not(.social-links):not(.full-height-column) > a { margin-bottom: 20px; } footer .container nav > ul > li:not(.social-links) > a { color: #FFF; opacity: 1; display: block; margin-bottom: 28px; font-weight: 500; } footer .container nav > ul ul > li:not(.social-links__link) + li { margin-top: 6px; } footer .container nav > ul ul > li a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: rgba(255, 255, 255, 0.8); } footer .container nav > ul ul > li a:hover { color: #FFF; opacity: 1; } footer .container .footer-nav-columns { display: flex; justify-content: space-between; flex-direction: row; } footer .container .footer-nav-columns li.full-height-column { flex: 1; list-style: none; } footer .container .footer-nav-columns li.full-height-column ul { padding: 0; } footer .container .footer-nav-columns li { list-style: none; } footer .social-links { justify-content: flex-end; display: flex; } footer .social-links ul { display: flex; justify-content: flex-end; } footer .social-links ul li { list-style: none; } footer .social-links ul li a { align-items: center; border-radius: 40px; color: #FFF; display: flex; justify-content: center; font-size: 14px; height: 40px; width: 40px; margin-left: 10px; background-color: rgba(255, 255, 255, 0.2); } footer .social-links ul li a:hover { background-color: #FFF; color: #081f4f; } footer hr { height: 1px; border: none; background-color: rgba(255, 255, 255, 0.2); margin-top: 30px; } footer .bottom { justify-content: space-between; height: 90px; } footer .bottom > a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: rgba(255, 255, 255, 0.8); } footer .bottom a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: rgba(255, 255, 255, 0.8); display: inline-flex; line-height: 1; position: relative; top: 1px; } footer .bottom a:hover { color: #FFF; opacity: 1; } footer .bottom a + a { border-left: 1px solid rgba(255, 255, 255, 0.6); margin-left: 12px; padding-left: 15px; } footer .bottom .blender { text-align: right; } footer .bottom .blender a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: rgba(255, 255, 255, 0.8); } footer .bottom .blender a:hover { opacity: 1; } footer .bottom .copyright { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: rgba(255, 255, 255, 0.8); } footer .bottom .copyright:hover { opacity: 1; } footer .bottom .copyright a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: rgba(255, 255, 255, 0.8); } footer .bottom .copyright a:hover { opacity: 1; } footer .bottom .copyright span { margin-right: 15px; margin-left: 15px; } #width-check { z-index: 0; position: relative; } #consent-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 100000; opacity: 0; pointer-events: none; transition: all 0.25s ease-in-out; } #consent-modal.show { opacity: 1; pointer-events: all; overflow-y: hidden; } #consent-modal::before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-color: #000000; opacity: 0.5; } #consent-modal > div { box-sizing: border-box; position: relative; z-index: 100001; width: 100%; max-width: 622px; background-color: #ffffff; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); padding: 40px 80px 40px 30px; } #consent-modal .close { position: absolute; top: 10px; right: 20px; cursor: pointer; display: block; } #consent-modal .close span { text-decoration: underline; } #consent-modal .content { display: flex; align-items: flex-start; } #consent-modal .content > div *:first-child { margin-top: 0px; } #consent-modal input[type="checkbox"] { -webkit-appearance: checkbox; margin: 10px 20px 0px 0px; min-width: 20px; } body.cat-corporate #hero { background-image: url(../../../../_resources/banners/corporate.jpg); } body.cat-projects #hero { background-image: url(../../../../_resources/banners/projects.jpg); } body.cat-investors #hero { background-image: url(../../../../_resources/banners/investors-V2.jpg); } body.cat-communities #hero { background-image: url(../../../../_resources/banners/communities.jpg); } body.cat-partnerships #hero { background-image: url(../../../../_resources/banners/partnerships.jpg); } body.cat-technology #hero { background-image: url(../../../../_resources/banners/technology.jpg); } body.cat-news #hero { background-image: url(../../../../_resources/banners/news.jpg); } body.cat-contact #hero { background-image: url(../../../../_resources/banners/contact.jpg); } #hero { position: relative; background-image: url(../../../../_resources/banners/banner-image.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; height: 384px; margin-top: 120px; } #hero .text { position: absolute; bottom: 80px; z-index: 2; } #hero .text .hero-cat { font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; font-size: 64px; font-stretch: normal; line-height: 1.67; letter-spacing: normal; color: #FFF; margin: 0; } #hero .text .hero-subcat { font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; font-size: 26px; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #FFF; margin: 0; } #hero::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } .header-button-wrap { display: flex; justify-content: space-between; align-items: center; } .header-button-wrap__button-wrap { position: absolute; width: 153px; right: 50px; } .header-button-wrap__button-wrap_mobile { display: none; } @media screen and (max-width:1024px) { .header-button-wrap__button-wrap{display: none;} .header-button-wrap__button-wrap_mobile { display: block; margin-top:24px; } } .header-button-wrap__button-wrap .button-primary { width: 143px; transition: width 0.25s ease-in-out; } .header-button-wrap__button-wrap .button-primary:hover { width: 153px; } .sidebar { background-color: #F8f8f8; width: 375px; max-width: 375px; height: auto; } .sidebar #subnavigation { border-bottom: 1px solid #C8C8C9; padding: 90px 0; } .sidebar #subnavigation .sidebar-title { font-family: rajdhani, sans-serif; font-weight: 600; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: 1px; padding: 0px 60px; margin-top: 0; margin-bottom: 1.3em; color: #0D2D73; text-transform: uppercase; } .sidebar #subnavigation ul { list-style: none; padding: 0; margin: 0; } .sidebar #subnavigation > ul li { padding: 0 0 0 60px; position: relative; margin-bottom: 30px; } .sidebar #subnavigation > ul li a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #484C4F; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; display: block; position: relative; color: #727B85; } .sidebar #subnavigation > ul li a:hover { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; color: #0D2D73; } .sidebar #subnavigation > ul li.active:not(.has-children) { position: relative; } .sidebar #subnavigation > ul li.active:not(.has-children):after { content: ''; width: 4px; height: 32px; background-color: #449CE4; position: absolute; top: 0; right: 0; } .sidebar #subnavigation > ul li.active:not(.has-children) > a { display: inline-block; color: #0D2D73; border-bottom: 1px solid #0D2D73; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .sidebar #subnavigation > ul li.active { position: relative; } .sidebar #subnavigation > ul li.active .has-children > a { display: inline-block; color: #0D2D73; border-bottom: 1px solid #0D2D73; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .sidebar #subnavigation > ul li > ul { margin-top: 10px; } .sidebar #subnavigation > ul li > ul > li { margin-bottom: 10px; } .sidebar .documents { padding: 90px 60px; border-bottom: 1px solid #C8C8C9; } .sidebar .documents .presentation { width: 250px; height: 220px; background-color: #FFF; border: 1px solid #C8C8C9; border-radius: 4px; overflow: hidden; position: relative; } .sidebar .documents .presentation a:before { background-image: url(../../../../_resources/presentations/Presentation.jpg); background-repeat: no-repeat; content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .sidebar .documents .presentation a span { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #0D2D73; position: absolute; bottom: 10%; left: 12%; transform: translateY(-10%); } .sidebar .documents .presentation a:hover:before { transform: scale(1.02); overflow: hidden; } .sidebar .documents .presentation p { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #0D2D73; text-align: center; font-size: 16px; } .sidebar .signup-sidebar { padding: 90px 60px; display: flex; flex-direction: column; } .sidebar .signup-sidebar .sidebar-title { font-family: rajdhani, sans-serif; font-weight: 600; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: 1px; margin-bottom: 1.3em; color: #0D2D73; text-transform: uppercase; } .sidebar .signup-sidebar .form-container { padding-left: 0; } .sidebar .signup-sidebar .form-container .flex-container .input-fields > div { margin-bottom: 20px; } main { display: block; } #content { width: calc(100% - 375px); max-width: 1500px; padding: 90px 0px 90px 60px; } #content h1, #content h2, #content h3, #content h4, #content h5{ margin: 0px 0px 24px 0px; } #content h2:not(.qmod-heading) { background-image: linear-gradient(271deg, #449CE4 0%, #449CE4 48%, #20549b 96%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; display: inline-block; } #content h3 { color: #0D2D73; } #content h4 { color: #0D2D73; } #content ul:not(div.tabs, .sub-tabs), #content ul li, #content ol li { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #484C4F; } #content a { text-decoration: underline; } #content > *:first-child { margin-top: 0px !important; } #content a:hover:not(.button) { opacity: 0.8; } #content .article-top { display: flex; justify-content: space-between; border-bottom: 1px solid #C8C8C9; border-top: 1px solid #C8C8C9; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; padding: 13px 0; } #content .article-top a { color: #0D2D73; display: flex; align-items: center; text-decoration: none; } #content .article-top a i { margin-right: 5px; color: #449CE4; } #content .contact-map { position: relative; z-index: 1; } #content .contact-map .contact-map__legend { position: absolute; top: 10px; left: 10px; background-color: #FFF; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0); padding: 5px 10px; } #content .contact-map .contact-map__legend p { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.14; letter-spacing: normal; color: #484C4F; } #content .contact-map .contact-map__legend p span { color: #000; } #content .contact-info { display: flex; gap: 20px; flex-wrap: wrap; } #content .contact-info div { margin-top: 48px; flex-basis: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); } #content .contact-info div p { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; } #content .contact-info div a { text-decoration: underline; } #content .bmcl-news-1 .news-item { position: relative; padding: 27px 0; border-top: 1px solid #C8C8C9; } #content .bmcl-news-1 .news-item .news-item__date { color: #484C4F; display: block; flex-basis: 150px; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.14; letter-spacing: normal; color: #484C4F; margin-bottom: 5px; padding-top: 3px; } #content .bmcl-news-1 .news-item .news-item__title { display: block; width: calc(100% - 130px); font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #484C4F; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #content .bmcl-news-1 .news-item .news-item__title a { color: #0D2D73; text-decoration: none; } #content .bmcl-news-1 .news-item .news-item__title a:hover { opacity: 0.8; } #content .bmcl-news-1 .news-item .news-item__arrow { background-image: linear-gradient(212deg, #449ce4 9%, #265fa6 82%); border-radius: 50%; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } #content .bmcl-news-1 .news-item .news-item__arrow:after { content: url(../../../../_resources/icons/arrow-right.svg); width: 36px; height: 36px; font-size: 20px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; } #content .bmcl-news-1 .news-item .news-item__arrow:hover:after { background: #0D2D73; } #content .bmcl-news-1 .news-item:hover .news-item__arrow { right: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #content .bmcl-news-1 .news-item:hover .news-item__arrow:after { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background: #0D2D73; } #content .bmcl-news-1 .news-item:last-of-type { border-bottom: 1px solid #C8C8C9; } #content .partners { border-top: 1px solid #C8C8C9; padding: 90px 0px 0px 0px; margin-top: 90px; } #content .partners h4 { text-transform: uppercase; } #content .partners .owl-theme .owl-thumb-item { margin-left: 50px; } #content .partners .owl-theme .owl-nav button.owl-prev { font-size: 40px; position: absolute; top: 25%; left: 0; color: #0D2D73; } #content .partners .owl-theme .owl-nav button.owl-next { font-size: 40px; position: absolute; top: 25%; right: 0; color: #0D2D73; } #content .partners .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; } #content .partners .owl-theme .owl-dots .owl-dot { display: none; } #content .expanded .bio { display: flex; border-bottom: 1px solid #C8C8C9; padding: 40px 0 24px 0; } #content .expanded .bio .profile { -webkit-flex-basis: 262px; flex-basis: 262px; margin-right: 48px; } #content .expanded .bio .profile.has-image { margin-top: 0px; } /*#content .expanded .bio .profile.has-image .image { background-image: none !important; }*/ #content .expanded .bio .profile img { max-width: 262px; /*object-fit:cover;*/ } #content .expanded .bio .profile .text { display: none; } #content .expanded .bio .body { -webkit-flex-basis: calc(100% - 310px); flex-basis: calc(100% - 310px); font-size: 16px; line-height: 1.5; } #content .expanded .bio .body .body__name { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; margin: 0px; color: #0D2D73; } #content .expanded .bio .body .body__title { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.5; color: #484C4F; margin: 5px 0px 26px 0px; } #content .expanded .bio .body p { font-size: 16px; line-height: 1.5; color: #484C4F; } #content .bmcl-bios-1 { display: flex; flex-wrap: wrap; margin-top: 56px; overflow: hidden; position: relative; margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } #content .bmcl-bios-1 .bio { margin: 0 10px 20px; width: calc((100% / 3) - 20px); } #content .bmcl-bios-1 .bio:nth-of-type(3n + 2) .body { transform: translateX(calc((-100% - 20px) / 3)); } #content .bmcl-bios-1 .bio:nth-of-type(3n + 3) .body { transform: translateX(calc((-100% - 20px) / 1.5)); } #content .bmcl-bios-1 .bio .body { border: 1px solid #C8C8C9; height: 0px; min-height: 0px; opacity: 0; overflow: hidden; padding: 0 24px; pointer-events: none; position: relative; transition: height 0.5s ease-in-out; z-index: 0; width: calc(300% + 40px); } #content .bmcl-bios-1 .bio .body__name { font-family: rajdhani, sans-serif; font-weight: 600; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: 1px; margin: 0px; color: #0D2D73; text-transform: uppercase; } #content .bmcl-bios-1 .bio .body__title { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.14; letter-spacing: normal; color: #484C4F; margin: 5px 0px 26px 0px; } #content .bmcl-bios-1 .bio:hover .text__name { color: #0D2D73; } #content .bmcl-bios-1 .bio.open .has-image { margin-bottom: 20px; } #content .bmcl-bios-1 .bio.open .no-image { border-top: 4px solid #449CE4; margin-bottom: 20px; } #content .bmcl-bios-1 .bio.open .body { padding: 33px 24px; height: auto; opacity: 1; pointer-events: all; transition: height 0.5s ease-in-out, opacity 0.5s ease-in; } #content .bmcl-bios-1 .bio.open .body p { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; } #content .bmcl-bios-1 .bio .profile { border-top: 3px solid transparent; border: 1px solid #C8C8C9; cursor: pointer; margin-top: 0px; overflow: hidden; position: relative; width: 100%; z-index: 1; min-height: 200px; box-sizing: border-box; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #content .bmcl-bios-1 .bio .profile.has-image { margin-top: 0px; } #content .bmcl-bios-1 .bio .profile.has-image .image { background-image: url(../img/placeholder.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 300px; position: relative; width: 100%; } #content .bmcl-bios-1 .bio .profile .image { display: none; } #content .bmcl-bios-1 .bio .profile .text { padding: 15px 24px; } #content .bmcl-bios-1 .bio .profile .text__name { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; font-size: 16px; margin-top: -5px; color: #0D2D73; } #content .bmcl-bios-1 .bio .profile .text__title { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.14; letter-spacing: normal; color: #484C4F; font-size: 14px; color: #484C4F; margin-top: 5px; } #content .bmcl-bios-1 .bio .profile:hover { border: 1px solid #0D2D73; outline-offset: -1px; } #content .bmcl-bios-1 .bio .no-image { border: 1px solid #C8C8C9; cursor: pointer; margin-top: 0px; overflow: hidden; position: relative; width: 100%; z-index: 1; min-height: 120px; box-sizing: border-box; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #content .bmcl-bios-1 .bio .no-image .image { display: none; } #content .bmcl-bios-1 .bio .no-image .text { padding: 50px 24px 10px; } #content .bmcl-bios-1 .bio .no-image .text__name { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; font-size: 16px; margin-top: -5px; color: #0D2D73; } #content .bmcl-bios-1 .bio .no-image .text__title { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.14; letter-spacing: normal; color: #484C4F; font-size: 14px; color: #484C4F; margin-top: 5px; } #content .bmcl-bios-1 .bio .no-image:hover { border: 1px solid #0D2D73; outline-offset: -1px; } #content .committees th { width: 20%; padding-top: 20px !important; padding-bottom: 20px !important; vertical-align: top; } #content .committees td span { font-size: 14px; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; display: inline-block; height: 28px; padding: 4px 16px; border-radius: 28px; display: inline-flex; align-items: center; } #content .committees td span::before { content: ""; display: inline-block; height: 12px; width: 12px; border-radius: 50%; margin-right: 8px; } #content .committees td span.oragnge { background-color: rgba(250, 175, 63, 0.1); color: #faaf3f; } #content .committees td span.oragnge::before { background-color: #faaf3f; } #content .committees td span.green { background-color: rgba(67, 151, 101, 0.1); color: #439765; } #content .committees td span.green::before { background-color: #439765; } #content .committees td span.blue { background-color: rgba(57, 130, 247, 0.1); color: #3982f7; } #content .committees td span.blue::before { background-color: #3982f7; } #content .gallery-container h2 { margin-top: 0; } #content .gallery-container .my-gallery { display: flex; flex-wrap: wrap; } #content .gallery-container .my-gallery figure { margin-right: 1px; margin-bottom: 1px; overflow: hidden; padding-top: 15%; padding-bottom: 15%; position: relative; width: -moz-calc(1/3 * 100% - 1px); width: calc(1/3 * 100% - 1px); display: flex; align-items: center; justify-content: center; float: none; height: auto; } #content .gallery-container .my-gallery figure:before { background: rgba(71, 41, 78, 0.05); content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 2; pointer-events: none; -webkit-transition: all 0.275s ease-in-out; -moz-transition: all 0.275s ease-in-out; transition: all 0.275s ease-in-out; } #content .gallery-container .my-gallery figure:after { content: "\f0b2"; color: #ffffff; font-family: Font Awesome\ 5 Pro; font-size: 30px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 0; z-index: 10; display: block; flex: 0 1 auto; } #content .gallery-container .my-gallery figure:hover:before { background: rgba(71, 41, 78, 0.85); } #content .gallery-container .my-gallery figure:hover:after { opacity: 1; } #content .flex-images { display: flex; justify-content: space-between; width: 100%; gap: 20px; } #content .flex-images img { width: 50%; } #content .embed-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 30px; } #content .embed-wrapper iframe, #content .embed-wrapper object, #content .embed-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #content .notes { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-stretch: normal; line-height: 1.14; letter-spacing: normal; color: #484C4F; color: #C8C8C9; padding: 20px 0; } #content .project-container { border: 1px solid #C8C8C9; border-radius: 8px; margin-bottom: 24px; } #content .project-container .project-map { display: block; width: 100%; height: 100%; border-top-left-radius: 7px; border-top-right-radius: 7px; object-fit: cover; background-repeat: no-repeat; background-position: center; } #content .project-container .project-inner-container { padding: 48px; } #content .project-container h4 { color: #0D2D73; } #content .project-container .document-links a span { color: #484C4F; } #content .project-container .document-links a:hover span { color: #FFF; } #content .project-container .document-links a:last-child { border-bottom: 1px solid #C8C8C9; } #content .project-container .project-snapshot tr:nth-child(odd) { background: #F8f8f8; } #content .project-container .project-snapshot tr:last-child { border-bottom: 1px solid #C8C8C9; } #content .project-container .project-snapshot tr:nth-child(even) { background: #FFF; } #content .project-container .project-snapshot td { color: #484C4F; } #content .project-details { padding: 100px 0; } #content .project-details h4 { color: #0D2D73; } #content .project-highlights { padding: 100px 0; border-top: 1px solid #C8C8C9; } #content .result-item > div:first-of-type { display: block; font-size: 12px; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #47294e; font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; margin-bottom: 5px; text-transform: uppercase; } #content .result-item a { font-weight: 700; } #content table:not(.stock-table) { border-collapse: collapse; } #content table:not(.stock-table) th { font-family: rajdhani, sans-serif; font-weight: bold; font-style: normal; font-size: 14px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; padding: 3px 10px; text-align: left; color: #0D2D73; } #content table:not(.stock-table) td { font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #0D2D73; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; padding: 15px;} #content table:not(.stock-table) tr:nth-child(even) { background: #F8f8f8; } #content table:not(.stock-table).styled { width: 100%; } #content table tr.bordertop td { border-top: 1px solid #333; } #content p.instruction { text-align: center; font-size: 12px; line-height: 16px; color: rgba(51, 63, 72, 0.7254901961); margin: 4px 0; pointer-events: none; display: none; } #content p.instruction.show { display: block; pointer-events: all; } #content .table-overflow{width:100%;overflow-x:auto} #content .overflow-instruction{font-size:12px;line-height:16px;color:rgba(51,63,72,.75);margin:4px 0;opacity:0;pointer-events:none} #content .overflow-instruction.show{opacity:1;pointer-events:all} .stock-container { border: 1px solid #C8C8C9; border-radius: 8px; } .stock-container .stock-table { padding: 40px; width: 100%; } .stock-container .stock-table tr:nth-child(even) { background: #F8f8f8; } .stock-container .stock-table tr:nth-of-type(1) td { background-image: linear-gradient(271deg, #449CE4 0%, #449CE4 48%, #20549b 96%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; font-family: Rajdhani, sans-serif !important; font-weight: 400; font-style: normal; font-size: 56px !important; width: 50%; vertical-align: bottom; } .stock-container .stock-table tr:nth-of-type(2) td { font-family: NeueHaasGroteskTextPro-55Roman, sans-serif !important; font-size: 20px !important; font-weight: 400; font-style: normal; color: #0D2D73; width: 50%; } .stock-container .stock-table tr:nth-of-type(3) td { font-family: NeueHaasGroteskTextPro-55Roman, sans-serif !important; font-size: 20px !important; font-weight: 400; font-style: normal; color: #0D2D73; width: 50%; } .stock-container .stock-table tr td { padding: 15px; } .stock-container .stock-table tr td span:not(.cad) { color: #727B85; display: inline-block; width: 30%; margin-right: 20px; } .stock-container .stock-table tr td .cad { font-size: 60%; } .stock-container .chart-wrapper { padding: 40px; position: relative; z-index: 1; } .stock-container .chart-wrapper .highStock { position: relative; z-index: 3; border-radius: 8px; } .stock-container .chart-wrapper .highcharts-graph { stroke: #449CE4; } .stock-container .chart-wrapper .highcharts-graph:last-of-type { stroke: #0D2D73; } .stock-container .chart-wrapper .highStock .highcharts-title, .stock-container .chart-wrapper .highStock .highcharts-credits { display: none !important; } .stock-container .stock-chart-footer { display: flex; justify-content: flex-end; } .stock-container .stock-chart-footer > span { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; color: #727B85; padding: 20px 40px; } body.cat-investors.str-overview .qm-wrap-info,body.cat-investors.str-overview .qm-wrap-ichart{background-color:#fff;border:1px solid #c8c8c9;padding:20px;border-radius:8px;} body.cat-investors.str-overview .stock-flex{display:flex;gap:20px; margin-top:24px;} body.cat-investors.str-overview .stock-flex > *{width:calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px));} @media (max-width:1024px) { body.cat-investors.str-overview .stock-flex{ display:block; } body.cat-investors.str-overview .stock-flex > *{width:100%;} body.cat-investors.str-overview .qm-wrap-info{margin-bottom:24px;} } /*=========== INVESTORD OVERVIEW ==========*/ #investors-overview * h2:not(.qmod-heading) { background-image: linear-gradient(271deg, #449CE4 0%, #449CE4 48%, #20549b 96%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; margin-top:0px;} #investors-overview #intro { position: relative; width: 100%; padding-right: 0; } #investors-overview #intro .intro { display: flex; } #investors-overview #intro .intro > * { min-height: 672px; } #investors-overview #intro .intro .info { flex-basis: calc(60% + 10px); padding: 120px 60px 83px; display: flex; flex-direction: column; justify-content: center; } #investors-overview #intro .intro .info h2 { margin: 0 0 40px 0; } #investors-overview #intro .intro .info .button { margin-top: 70px; } #investors-overview #intro .intro .info p { color: #484C4F; } #investors-overview #intro .intro .link-hub { flex-basis: calc(40% + 10px); } #investors-overview .why-invest { border-top: 1px solid #C8C8C9; padding-top: 90px; padding-bottom: 90px; } #investors-overview .why-invest .flex-container { justify-content: space-between; flex-wrap: wrap; } #investors-overview .why-invest .flex-container > div { flex-basis: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); margin-bottom: 50px; } #investors-overview .why-invest .flex-container > div div.image { position: relative; display: inline-flex; padding: 10px; margin: 10px; } #investors-overview .why-invest .flex-container > div div.image:before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; border-radius: 80px; box-shadow: 0 0 0 10px rgba(68, 156, 228, 0.08); z-index: 2; -webkit-animation: pulsatingCircleDarkBefore 3s ease-in-out infinite; animation: pulsatingCircleDarkBefore 3s ease-in-out infinite; } #investors-overview .why-invest .flex-container > div div.image:after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; border-radius: 80px; box-shadow: 0 0 0 20px rgba(68, 156, 228, 0.08); z-index: 1; -webkit-animation: pulsatingCircleDarkAfter 3s ease-in-out infinite; animation: pulsatingCircleDarkAfter 3s ease-in-out infinite; } #investors-overview .why-invest .flex-container > div h4 { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #0D2D73; text-transform: unset;} #investors-overview .why-invest .flex-container > div p { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; } #investors-overview #investors-stock-info { background-color: #F8f8f8; padding-top: 90px; padding-bottom: 90px; position: relative; } #investors-overview #investors-stock-info .nav-tabs { position: relative; } #investors-overview #investors-stock-info .stock-delay { position: absolute; right: 60px; top: 235px; color: #727B85; } #investors-overview #investors-stock-info .stock-container { border: none; } #investors-overview #investors-stock-info .stock-container .stock-wrapper { width: 100%; display: flex; gap: 20px; justify-content: space-between; border: none; } #investors-overview #investors-stock-info .stock-container .stock-wrapper .stock-table { width: 50%; border: 1px solid #C8C8C9 !important; border-radius: 8px; min-height: 500px; background-color: #FFF; margin-top: 20px; } #investors-overview #investors-stock-info .stock-container .stock-wrapper .stock-table tr:nth-child(even) { background-color: #F8f8f8; } #investors-overview #investors-stock-info .stock-container .stock-wrapper .stock-table tr:nth-of-type(3) td { border-bottom: 1px solid #C8C8C9; } #investors-overview #investors-stock-info .stock-container .stock-wrapper .chart-wrapper { width: 50%; border: 1px solid #C8C8C9; border-radius: 8px; min-height: 500px; background-color: #FFF; margin-top: 20px; padding: 40px; } #investors-overview #investors-stock-info .stock-container .stock-chart-footer > span { display: none; } #investors-filings { position: relative; padding-top: 90px; padding-bottom: 90px; } .document-links { margin-bottom: 30px; position: relative; } .document-links a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; text-decoration: none !important; font-size: 16px; line-height: 1.4; color: #0D2D73; padding: 15px; background-color: #FFF; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; } .document-links a > span:first-of-type { width: 300px; color: #484C4F; } .document-links a > span:last-of-type { width: 400px; color: #0D2D73; } .document-links a:nth-of-type(odd) { background-color: #F8f8f8; } .document-links a:after { content: "\f33d"; font-family: Font Awesome\ 5 Pro; background-image: linear-gradient(271deg, #449CE4 0%, #449CE4 48%, #20549b 96%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; font-size: 20px; font-weight: 100; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; position: absolute; right: 20px; border-radius: 50%; border: 1px solid #C8C8C9; background-color: #FFF; } .document-links a:hover:after { background-image: none; -webkit-background-clip: unset; -webkit-text-fill-color: #0D2D73; background-color: #FFF; } .document-links a:hover { background-color: #0D2D73; color: #FFF; } .document-links a:hover span { color: #FFF; } #investors-events { background-color: #F8f8f8; padding-top: 90px; padding-bottom: 90px; position: relative; } #investors-events h2{margin-top:0px;} /*=========== INVESTORD OVERVIEW - END ==========*/ /*==== COMPONENTS LIBRARY Event listing ====*/ .bmcl-events-1:not(#bmcl) > div { border: 1px solid #C8C8C9; margin-bottom: 10px; padding: 0; width: 100%; border-radius: 8px; background-color: #FFF; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div { border-right: unset; border-left: unset; border-bottom: unset; border-radius: unset; padding:10px;} } .bmcl-events-1:not(#bmcl) > div > span { display: flex; justify-content: space-between; transition: all 0.25s ease-in-out; border-bottom: 1px solid transparent; padding: 35px; } .bmcl-events-1:not(#bmcl) > div > span.more { cursor: pointer; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > span { padding: 15px 0px; } } .bmcl-events-1:not(#bmcl) > div > span > span.date-month { color: #0D2D73; border-radius: 6px; text-align: center; border: 1px solid #C8C8C9; border-radius: 4px; padding: 10px; width: 110px; font-size: 14px; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > span > span.date-month { padding: 10px; width: 80px; height: 80px; } } .bmcl-events-1:not(#bmcl) > div > span > span.date-month > span.date-day { font-size: 32px; padding-top: 5px; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > span > span.date-month > span.date-day { font-size: 20px; } } .bmcl-events-1:not(#bmcl) > div > span span.title-container { display: flex; flex-direction: column; justify-content: center; width: 100%; padding-left: 35px; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > span span.title-container { padding: 0 15px; } } .bmcl-events-1:not(#bmcl) > div > span span.details-container { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #484C4F; } @media (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > span span.details-container { font-size: 14px; display: flex; flex-direction: column; } } .bmcl-events-1:not(#bmcl) > div > span span.details-container span.event-location { color: #727B85; padding-left: 15px; border-left: 1px solid #727B85; margin-left: 15px; } @media (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > span span.details-container span.event-location { border-right: none !important; } } .bmcl-events-1:not(#bmcl) > div > span span.details-container span.event-date { color: #727B85; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > span span.details-container span.event-date { padding: 0 !important; } } .bmcl-events-1:not(#bmcl) > div > span span.details-container span.event-time { color: #727B85; padding-left: 15px; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > span span.details-container span.event-time { padding: 0 !important; } } .bmcl-events-1:not(#bmcl) > div h4 { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-stretch: normal; height: 52px; line-height: 1.4; letter-spacing: normal; color: #484C4F; color: #0D2D73; width: 100%; display: flex; justify-content: space-between; margin: 0; position: relative; transition: all .275s ease-in-out; text-transform: unset;} @media (max-width:767px) { .bmcl-events-1:not(#bmcl) > div h4 { font-size: 14px; } } .bmcl-events-1:not(#bmcl) > div .more h4:after { content: url(../../../../_resources/icons/plus.svg); } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div h4:after { display: none; } } .bmcl-events-1:not(#bmcl) > div .more:hover h4 { color: #449CE4; } .bmcl-events-1:not(#bmcl) > div.active h4:after { content: url(../../../../_resources/icons/minus.svg); } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div.active h4:after { display: none; } } .bmcl-events-1:not(#bmcl) > div .event-link-container { display: flex; justify-content: space-between; -webkit-align-items: center; align-items: center; margin-top: 30px; } .bmcl-events-1:not(#bmcl) > div p.learn-more a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; display: inline-block; padding-bottom: 3px; text-decoration: none; border-bottom: 1px solid #0D2D73; color: #0D2D73; font-size: 16px; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div p.learn-more a { font-size: 14px; } } .bmcl-events-1:not(#bmcl) > div > div { display: none; padding: 5px 50px 15px 30px; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > div { padding: 0; } } .bmcl-events-1:not(#bmcl) > div > div p { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #484C4F; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > div p { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; } } .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links { display: flex; align-items: flex-start; background-color: #f8f8f8; padding: 20px; margin-top: 25px; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links { margin-top: 0; padding: 16px; flex-wrap: wrap; } } .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links > span a { text-decoration: none; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links > span a { min-width: 50%; margin-bottom: 13px; font-size: 14px; } } .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links .event-presentation::before { content: "\f019"; font-size: 16px; font-family: "fontawesome"; font-weight: 100; font-style: normal; color: #449CE4; padding-left: 50px; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links .event-presentation::before { font-size: 14px; } } .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links .event-webcast::before { content: "\f390"; font-size: 16px; font-family: "fontawesome"; font-weight: 100; font-style: normal; color: #449CE4; padding-left: 50px; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links .event-webcast::before { font-size: 14px; } } .bmcl-events-1:not(#bmcl) > div.active > span { border-bottom: 1px solid #C8C8C9; padding: 35px; border-color: #C8C8C9; } @media screen and (max-width:767px) { .bmcl-events-1:not(#bmcl) > div.active > span { padding: 15px 0; border-bottom: unset; } } .fa-desktop, .fa-download { color: #449CE4; } /*==== COMPONENTS LIBRARY FAQ ====*/ .faq-accordion:not(#bmcl) > div { border: 1px solid #C8C8C9; margin-bottom: 10px; padding: 0; border-radius: 8px; } .faq-accordion:not(#bmcl) > div h4 { align-items: center; border-top: 4px solid #FFF; border-radius: 8px; color: #0D2D73; display: flex; justify-content: space-between; margin: 0; padding: 23px 24px 27px; position: relative; transition: all .275s ease-in-out; } .faq-accordion:not(#bmcl) > div h4:after { color: #0D2D73; font-family: FontAwesome; content: '\2b'; font-size: 24px; padding-left: 24px; position: relative; background-image: linear-gradient(271deg, #449CE4 0%, #449CE4 48%, #20549b 96%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } .faq-accordion:not(#bmcl) > div h4:hover { color: #449CE4; } .faq-accordion:not(#bmcl) > div h4 { font-family: rajdhani, sans-serif; font-weight: 600; font-style: normal; font-size: 20px; font-stretch: normal; line-height: 1.4; letter-spacing: 1px; cursor: pointer; } .faq-accordion:not(#bmcl) > div h4 + div { display: none; padding: 5px 24px 15px; } .faq-accordion:not(#bmcl) > div.active { border-top: 4px solid #0D2D73; } .faq-accordion:not(#bmcl) > div.active h4:after { content: '-'; font-family: FontAwesome; } .partner { border-top: 1px solid #CCC; padding-top: 20px; margin-top: 40px; } .partner h4, .partner h5{margin-top:24px !important; margin-bottom:24px !important;} .partner .flex > h3 { flex-basis: 75%; line-height: 1.25; } .jscb { -webkit-justify-content: space-between; justify-content: space-between; } .aic { -webkit-align-items: center; align-items: center; } .aifs { -webkit-align-items: flex-start; align-items: flex-start; } .partner-logo { text-align: right; } .partner-logo img { width: 300px; } .footnotes { font-size: 14px; margin-top: 5px; } .footnotes * { font-size: 14px; } .qmod-sec-filings .qmod-a11y-dropdown2-listbox-item[data-filingyear="2020"], .qmod-sec-filings .qmod-a11y-dropdown2-listbox-item[data-filingyear="2019"], .qmod-sec-filings .qmod-a11y-dropdown2-listbox-item[data-filingyear="2018"], .qmod-sec-filings .qmod-a11y-dropdown2-listbox-item[data-filingyear="2016"], .qmod-sec-filings .qmod-a11y-dropdown2-listbox-item[data-filingyear="2015"], .qmod-sec-filings .qmod-a11y-dropdown2-listbox-item[data-filingyear="2014"], .qmod-sec-filings .qmod-a11y-dropdown2-listbox-item[data-filingyear="2013"], .qmod-sec-filings .qmod-a11y-dropdown2-listbox-item[data-filingyear="2012"] { display: none !important; } #investors-overview .filings .document-links a:nth-child(n+3) { display: none; } .featured-presentation { border: 1px solid #c8c8c9; border-radius: 8px; padding: 32px; margin-bottom: 72px; } .featured-presentation a { display: flex; position: relative; text-decoration: none !important; -webkit-align-items: center; align-items: center; } .featured-presentation a:after { content: "\f33d"; font-family: Font Awesome\ 5 Pro; background-image: linear-gradient(271deg, #449CE4 0%, #449CE4 48%, #20549b 96%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; font-size: 20px; font-weight: 100; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; position: absolute; right: 0; bottom: 0; border-radius: 50%; border: 1px solid #C8C8C9; background-color: #FFF; } .featured-presentation a > span { flex-basis: 50%; } .featured-presentation a > span.image { padding-right: 32px; } .featured-presentation a > span.image img { border-radius: 8px; } .featured-presentation a > span span.title { max-width: 400px; font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; font-size: 36px; font-stretch: normal; line-height: 1.3; letter-spacing: normal; padding-right: 40px; } body.str-presentations .tabs .tab-content.first .document-links a:first-of-type { display: none; } .str-community-involvement .bmcl-photo-gallery-1 h3 { display: none; } /* MEDIA QUERIES */ @media screen and (max-width:1280px) { #content .bmcl-bios-1 .bio .profile.has-image .image { height: 250px; } } @media screen and (max-width:1400px) { header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-left { flex-basis: 35%; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right { flex-basis: 65%; margin: unset; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li { min-width: 150px; padding-right: 20px; } } @media screen and (max-width:1257px) { header.desktop .nav-bar .container nav > ul > li a { padding: 30px 8px; font-size: 14px; } header.desktop .nav-bar .container nav > ul > li > ul .subnav-container .subnav-right__hold--menu > li { min-width: 120px; } header.desktop .nav-bar .container .logo img { max-height: 30px; } } @media screen and (max-width:1200px) { .featured-presentation a > span.image { flex-basis: 40%; } .featured-presentation a > span.title { flex-basis: 60%; font-size: 28px; } footer .container { display: block; } footer .container .logo img { max-height: 30px; margin-bottom: 60px; } } @media screen and (max-width:1100px) { #content .bmcl-bios-1 .bio { width: calc((100% / 2) - 20px); } #content .bmcl-bios-1 .bio:nth-of-type(n) .body { transform: translateX(0); } #content .bmcl-bios-1 .bio:nth-of-type(even) .body { transform: translateX(calc((-50% - 10px))); } #content .bmcl-bios-1 .bio .body { width: calc(200% + 20px); } #content .bmcl-bios-1 .bio .profile { min-height: 170px; } #content .bmcl-bios-1 .bio .no-image { min-height: 100px; } } @media (max-width:1024px) { .flex { display: block; } .flex > * { width: 100%; } hr.divider{ margin: 50px 0;} .mt-12x{margin-top:48px;} .float-wrapper:first-of-type .image { width: 100%; } .float-wrapper:nth-of-type(2) .image { width: 100%; } .button:hover { padding: 10px 61px 10px 20px; } .button-presentation:hover { padding: 10px 61px 10px 20px; } .button-view:hover { padding: 10px 61px 10px 20px; } h1 { font-family: rajdhani, sans-serif; font-weight: 300; font-style: normal; font-size: 40px; font-stretch: normal; line-height: 1; letter-spacing: normal; } h2 { font-family: rajdhani, sans-serif; font-weight: 400; font-style: normal; font-size: 32px; font-stretch: normal; line-height: 1.2; letter-spacing: normal; } h3 { font-family: rajdhani, sans-serif; font-weight: 500; font-style: normal; font-size: 28px; font-stretch: normal; line-height: 1.14; letter-spacing: normal; } p { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; } ul li, ol li { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; } input[type=text] { width: 100%; } #search-popup .s { font-size: 20px; } .popup-container .close { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; cursor: pointer; font-size: 15px; line-height: 20px; } .recaptcha { transform-origin: top left; transform: scale(0.7); } .container { padding-right: 15px; padding-left: 15px; } .inner-container { padding: 0; } header.desktop { display: none !important; } header.mobile { display: block !important; } #latest-news .news-releases { flex-wrap: wrap; } #latest-news .news-releases .item { width: 50%; } #latest-news { padding-top: 64px; padding-bottom: 64px; } .signup-container .form-container { padding:36px 15px; } .signup-container .form-container .flex-container .input-fields { width: 100%; gap: 0; } .signup-container .form-container .flex-container .input-fields > div { width: 100%; margin-bottom: 20px; } .signup-container img { display: none; } #hero { height: 242px; margin-top: 60px; } #hero .text .hero-cat { font-size: 40px; } #hero .text .hero-subcat { font-size: 16px; } .sidebar { display: none; } main { padding: 0; } #content h1:first-of-type, #content h2:first-of-type{margin: 0px 0px 12px 0px;} #content { padding: 64px 15px; margin: 0; width: 100%; } #content ul:not(div.tabs, .sub-tabs), #content ul li, #content ol li { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; } #content .contact-info div { flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); margin-top:24px;} #content .contact-info div h4{margin-bottom:12px;} #content .contact-info div p{margin:0px;} #content .bmcl-news-1 .news-item { display: block; } #content .bmcl-news-1 .news-item .news-item__arrow:hover { right: 10px; } #content .bmcl-news-1 .news-item .news-item__title { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; } #content .committees th { min-width: auto; } #content table.committees td { white-space: nowrap; } #content .partners{margin-top:64px; padding-top:64px;} #content .project-container{margin-top:8px;} #content .project-container .project-inner-container { padding: 24px; } .document-links a { font-size: 16px; flex-wrap: wrap; } .document-links a > span { flex-basis: calc(100% - 50px); white-space: normal !important; } #investors-overview #intro .intro { display: block; } #investors-overview #intro .intro > * { min-height: unset; } #investors-overview #intro .intro .info { padding: 64px 15px 64px; } #investors-overview #intro .intro .info .button{margin-top:32px;} #investors-overview #intro .intro .info h2{ margin: 0 0 24px 0;} #investors-overview .why-invest { padding-bottom: 64px; padding-op:64px;} #investors-overview .why-invest .flex-container > div { flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); margin-bottom: 20px; } #investors-overview #investors-stock-info .stock-delay { display: none; } #investors-overview #investors-stock-info .stock-container { padding: 0 !important; } #investors-overview #investors-stock-info .stock-container .stock-wrapper { display: block; } #investors-overview #investors-stock-info .stock-container .stock-wrapper .stock-table { width: 100%; margin-bottom: 20px; min-height: 300px; } #investors-overview #investors-stock-info .stock-container .stock-wrapper .stock-table tr:nth-of-type(3) td { border: unset; } #investors-overview #investors-stock-info .stock-container .stock-wrapper .chart-wrapper { width: 100%; min-height: 300px; padding: 20px; } #investors-overview #investors-stock-info .stock-container .stock-chart-footer > span { display: block; } #investors-events{padding-top:64px; padding-bottom:64px;} #investors-filings{padding-top:64px; padding-bottom:64px;} #investors-overview #investors-stock-info{padding-top:64px; padding-bottom:64px;} #content .bmcl-bios-1{margin-top:16px;} #latest-news .news-header{margin-bottom:16px;} #content .expanded .bio:first-of-type{ padding: 16px 0 24px 0;} footer .container .footer-nav-columns li.full-height-column { flex: unset; } footer .container .footer-nav-columns li.full-height-column ul { display: none; } footer .social-links ul { padding: 0; justify-content: flex-start; } footer .social-links ul li:first-of-type a { margin-left: 0px; } } @media screen and (max-width:768px) { #content .expanded .bio { display: block; } #content .expanded .bio .profile { margin-right: 0; } } @media screen and (max-width:767px) { #content .contact-info div { flex-basis: 100%; } #content .flex-images { display: block; } #content .flex-images img { width: 100%; } .stock-container { padding: 30px; } .stock-container .stock-table { padding: 0; } .stock-container .stock-table tr:nth-of-type(1) td { font-size: 40px !important; } .stock-container .stock-table tr:nth-of-type(2) td { font-size: 16px !important; } .stock-container .stock-table tr:nth-of-type(3) td { font-size: 16px !important; } .stock-container .chart-wrapper { padding: 0; } .featured-presentation a > span.title { font-size: 24px; } .partner-logo img { display: none; } footer { padding-top: 50px; } footer .container { display: block; padding: 0; } footer .container nav { display: none; } footer .container .logo { margin: 0 auto; width: 150px; } footer .container .logo img { margin-bottom: unset; } footer .container.bottom > div { text-align: center !important; } footer .social-links ul { justify-content: center; } footer .social-links ul li:first-of-type a { margin: 0; } #consent-modal > div { padding: 40px 20px 40px 20px; max-width: 350px; } } @media screen and (max-width:600px) { .featured-presentation a { display: block;} .featured-presentation a > span.title { padding-right: 0;padding-bottom: 50px; display: block; } .featured-presentation { padding:16px; } #content .partners .owl-theme .owl-nav button.owl-prev, #content .partners .owl-theme .owl-nav button.owl-next{top:0px;} } @media screen and (max-width:550px) { #investors-overview .why-invest .flex-container > div { flex-basis: 100%; } #latest-news .news-releases .item { width: 100%; } #latest-news .news-releases .item:last-of-type{margin-bottom:0px;} #latest-news .news-releases .item .date { margin-bottom: 16px; } #latest-news .news-releases .item .title { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #484C4F; margin-bottom: 5px; } #latest-news .news-releases .item span.read-more { color: #0D2D73; } #latest-news .news-releases .item span.read-more:after { background-size: 100% 1px; width: calc(100% + 2px); } #latest-news .news-header__button-wrap .button-primary { display: none; } #content .bmcl-news-1 .news-item .news-item__title { width: calc(100% - 50px); } #content .bmcl-bios-1 .bio { margin-bottom: 10px; width: 100%; } #content .bmcl-bios-1 .bio:nth-of-type(n) .body { transform: translateX(0); } #content .bmcl-bios-1 .bio .body { width: 100%; } #content .bmcl-bios-1 .bio.open .has-image { margin-bottom: calc($bmcl-bios-1-gutter-width / 2); } #content .bmcl-bios-1 .bio.open .no-image { margin-bottom: calc($bmcl-bios-1-gutter-width / 2); } #content .bmcl-bios-1 .bio .profile.has-image .image { height: 200px; } .stock-container .stock-table tr td span:not(.cad) { width: 100%; } } @media screen and (max-width:400px) { header.mobile nav .stock { font-size: 10px; } }