@charset "UTF-8";

/* HOMEPAGE IMAGES */
body #hero { background-image: url(../../../../_resources/banners/hero.jpg?v1); }
section#projects .container .project:nth-of-type(1) .image { background-image: url(../../../../_resources/images/project1.jpg); }
section#projects .container .project:nth-of-type(2) .image { background-image: url(../../../../_resources/images/project2.jpg); }

/* INNERPAGE BANNER IMAGES */
body.cat-corporate #hero { background-image: url(../../../../_resources/banners/corporate.jpg?v2); }
body.cat-our-assets #hero { background-image: none !important; background-color: #6c8997; }
body.cat-sustainability #hero { background-image: url(../../../../_resources/banners/sustainability.jpg); }
body.cat-investors #hero { background-image: url(../../../../_resources/banners/investors.jpg?v2); }
body.cat-newsroom #hero { background-image: url(../../../../_resources/banners/newsroom.jpg?v2); }
body.cat-contact #hero { background-image: url(../../../../_resources/banners/contact.jpg?v2); }

/* ============================================================= // */

/* ***************************** COMMON ************************ // */

/* ============================================================= // */

/* BASE */
*,
*:before,
*:after { box-sizing: inherit; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
html { box-sizing: border-box; margin: auto; overflow-x: hidden; }
html.loading { overflow: hidden; }
body { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; position: relative; box-sizing: border-box; margin: 0; background: #FFF;  /*margin-top: 142px;*/ -webkit-font-smoothing: antialiased; }
section,
header,
footer { display: block; width: 100%; }
h1 { font-size: 78px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 400; font-style: normal; }
h2 { font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: 0.5px; color: #4d4d4f; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; }
h3 { font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; }
h4 { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; }
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; transition: all 0.5s ease-in-out; }
input[type=text] { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6c8997; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; background: transparent; border: none; border-bottom: 1px #6c8997 solid; padding: 10px 30px; margin: 0 25px 0 0; width: 100%; }
input[type=text]::-webkit-input-placeholder { color: #6c8997; }
select::-ms-expand { display: none; }
a { text-decoration: none; color: #4d4d4f; transition: all 0.25s ease-in-out; }
strong,
b { font-weight: 700; }
img,
iframe { max-width: 100%; }
img { height: auto; }
.container { max-width: 1500px; position: relative; padding-left: 70px; padding-right: 70px; }
.container.full { max-width: initial; }
.flex-container { display: flex; }
.button-primary, button, .button { margin-top: 10px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #ffffff !important; background-color: #418fde !important; text-align: center; padding: 10px 30px; border: 1px solid #418fde; display: inline-block; cursor: pointer; transition: all 0.25s ease-in-out; }
.button-primary:hover, button:hover, .button:hover { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; font-size: 18px; color: #4d4d4f !important; background-color: #ffffff !important; border: 1px solid #418fde; }
.button-email { margin-top: 10px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #ffffff !important; background-color: #4d4d4f !important; text-align: center; padding: 10px 30px; border: 1px solid #4d4d4f; display: inline-block; cursor: pointer; transition: all 0.25s ease-in-out; }
.button-email:hover { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; font-size: 18px; color: #4d4d4f !important; background-color: #ffffff !important; border: 1px solid #4d4d4f; }
.pdf-button { display: inline-block; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; padding: 17px 37px 17px 41px; border: solid 1px #1a91ad; background-color: transparent; transition: all 0.25s ease-in-out; border-radius: 4px; }
.pdf-button::before { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 18px; color: #1a91ad; font-weight: 900; margin-right: 10px; }
.pdf-button:hover { color: #1a91ad; background-color: #ffffff; }
p.large { font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.58; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
p.footnote { font-size: 12px; line-height: normal; }
h2.border { border-bottom: solid 1px #c8ced0; margin-top: 100px !important; }

/* UTILITY */
.white { color: #FFF; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.caption { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #6c8997; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-weight: 400; }
.small-caption { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #6c8997; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
div.overflow { width: 100%; overflow-x: auto; }
p.instruction i { margin-left: 15px; }
.play-icon { font-family: "Font Awesome 5 Pro"; font-size: 16px; color: #ffffff; display: block; width: 100px; height: 100px; border-radius: 100px; border: solid 1px #ffffff; background-color: rgba(255, 255, 255, 0.1); position: relative; }
.play-icon::before { content: ""; display: block; position: absolute; top: 50%; left: calc(50% + 2px); transform: translate(-50%, -50%); font-weight: 900; }
span.highlight { background-color: yellow; padding: 0px 5px; }
.grecaptcha-badge { display: none !important; }
.grecaptcha-badge.show { display: block !important; visibility: visible !important; }

/* HERO IMAGE / SLIDER */
#hero { display: flex; align-items: flex-end; position: relative; background-repeat: no-repeat; background-size: cover; height: 839px; width: 100%; z-index: 5; padding-top: 144px; }
#hero .text { position: relative; width: 100%; margin-bottom: 106px; }
#hero .text > * { max-width: 770px; }
#hero .text h1 { font-size: 78px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 400; font-style: normal; margin-top: 0; margin-bottom: 30px; }
#hero .text h3 { color: #FFF; margin-top: 0; }
#hero .text hr { width: 40px; height: 4px; border: none; border-top: 4px solid #6c8997; margin: 0 0 30px 0; }

/* MODAL - GENERAL */
.popup-container { position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.95); width: 100%; height: 100%; z-index: 10000; 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: 40px; top: 40px; 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; }

/* DOCUMENT LINKS */
.document-links { margin-bottom: 30px; border-bottom: solid 1px #6c8997; }
.document-links a { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; display: flex; background-color: transparent; align-items: center; justify-content: space-between; padding: 19px 15px; border-bottom: solid 1px #c8ced0; }
.document-links a:hover { opacity: 0.6; }
.document-links a:nth-of-type(odd) { background-color: #f6f8f8; }
.document-links a::after { content: ""; font-family: Font Awesome\ 5 Pro; font-size: 18px; display: block; font-weight: 700; color: #6c8997; }
.document-links a span:last-of-type { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal;  /*margin-left: auto;*/ white-space: nowrap; }
.document-links a span:last-of-type:nth-of-type(2n) { margin-left: auto; }
.document-links a:last-of-type { border-bottom: none; }
.document-links.zip a::after { content: ""; }

/* FANCY PRESENTATION LINK */
.presentation-link,.factsheet-link { width: 292px; background-color: #425563; background-position: bottom right; background-size: initial; background-repeat: no-repeat; background-image: url(../../../../_resources/bgs/presentation-bg-rs3.jpg); display: flex; flex-direction: column; justify-content: flex-end; min-height: 170px; margin-bottom: 15px; }
.presentation-link a,.factsheet-link a { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #ffffff; display: flex; justify-content: space-between; transition: all 0.25s ease-in-out; align-items: flex-end; padding: 0px 19px 17px 30px; height: 100%; }
.presentation-link a:hover,.factsheet-link a:hover { opacity: 0.6; }
.presentation-link a i,.factsheet-link a i { font-size: 24px; }
.presentation-link.factsheet-link,.factsheet-link.factsheet-link { background-image: url(../../../../_resources/bgs/factsheet-bg-rs.jpg); }

/* READ MORE */
.read-more-text > div:first-of-type { min-height: 0px; height: 0px; overflow: hidden; }
.read-more-text .read-more { cursor: pointer; transition: all 0.25s ease-in-out; display: inline-block; margin-top: 43px; }
.read-more-text .read-more:hover { opacity: 0.6; }
.read-more-text .read-more span { color: #1a91ad; }
.view-more-text > div:first-of-type { min-height: 0px; height: 0px; overflow: hidden; }
.view-more-text .view-more { cursor: pointer; transition: all 0.25s ease-in-out; display: inline-block; margin-top: 33px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
.view-more-text .view-more:hover { opacity: 0.6; }

/* ACCORDIONS */
.accordion > h4 { font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; margin: 0px; display: flex; justify-content: space-between; line-height: 26px; align-items: center; padding: 28px 0px 28px 0px; cursor: pointer; transition: all 0.25s ease-in-out; }
.accordion > h4::after { font-family: "Font Awesome 5 Pro"; content: ""; font-size: 26px; line-height: 26px; color: #1a91ad; font-weight: 100; }
.accordion > div { display: none; }
.accordion:not(:last-of-type) > h4 { border-bottom: solid 1px #c8ced0; }
.accordion.open > h4 { border: none; }
.accordion.open > h4::after { content: ""; }

/* VIDEO EMBED */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 30px; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* MEDIA QUERIES */
@media (max-width:1640px) {
  .container { padding-left: 40px; padding-right: 40px; width: 100%; }
  .flex-container { padding-left: 40px; padding-right: 40px; }
}
@media (max-width:1023px) {
  #width-check { z-index: 1; }
  #hero { height: 620px; padding-top: 77px; align-items: flex-start; }
  #hero .text { padding: 0 15px; width: 100%; margin-bottom: 0px; margin-top: 88px; }
  #hero .text h1 { font-size: 38px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 500; font-style: normal; max-width: 350px; }
  .container { padding-left: 15px; padding-right: 15px; width: 100%; }
  .read-more-text .read-more { margin-top: 18px; }
}
@media (max-width:767px) {
  h2 { font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.4px; color: #4d4d4f; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; }
  input[type=text] { font-size: 16px; }
  .container { padding-left: 15px; padding-right: 15px; }
  .play-icon { font-size: 14px; width: 76px; height: 76px; border-radius: 76px; }
  #hero .text { padding: 0 15px; }
  #hero .text h1 { font-size: 38px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 500; font-style: normal; color: #FFF; }
  .recaptcha { transform-origin: top left; transform: scale(0.7); }
  #search-popup .s { font-size: 20px; }
  .accordion > h4 { padding: 21px 0px 21px 0px; font-size: 20px; }
}

/* WOW CSS */
.wow { opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.wowBottom { opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.nowow { opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.delay-1 { -webkit-animation-delay: 0.13s; animation-delay: 0.13s; }
.delay-2 { -webkit-animation-delay: 0.26s; animation-delay: 0.26s; }
.delay-3 { -webkit-animation-delay: 0.39s; animation-delay: 0.39s; }
.delay-4 { -webkit-animation-delay: 0.52s; animation-delay: 0.52s; }
.delay-5 { -webkit-animation-delay: 0.65s; animation-delay: 0.65s; }
.delay-6 { -webkit-animation-delay: 0.78s; animation-delay: 0.78s; }
.delay-7 { -webkit-animation-delay: 0.91s; animation-delay: 0.91s; }
.delay-8 { -webkit-animation-delay: 1.04s; animation-delay: 1.04s; }
.delay-9 { -webkit-animation-delay: 1.17s; animation-delay: 1.17s; }
.delay-10 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.delay-11 { -webkit-animation-delay: 1.43s; animation-delay: 1.43s; }
.delay-12 { -webkit-animation-delay: 1.56s; animation-delay: 1.56s; }
.delay-13 { -webkit-animation-delay: 1.69s; animation-delay: 1.69s; }
.delay-14 { -webkit-animation-delay: 1.82s; animation-delay: 1.82s; }
.delay-15 { -webkit-animation-delay: 1.95s; animation-delay: 1.95s; }
.delay-16 { -webkit-animation-delay: 2.08s; animation-delay: 2.08s; }
.delay-17 { -webkit-animation-delay: 2.21s; animation-delay: 2.21s; }
.delay-18 { -webkit-animation-delay: 2.34s; animation-delay: 2.34s; }
.delay-19 { -webkit-animation-delay: 2.47s; animation-delay: 2.47s; }
.split-delay-1 { -webkit-animation-delay: 0.18s; animation-delay: 0.18s; }
.split-delay-2 { -webkit-animation-delay: 0.36s; animation-delay: 0.36s; }
.split-delay-3 { -webkit-animation-delay: 0.54s; animation-delay: 0.54s; }
.split-delay-4 { -webkit-animation-delay: 0.72s; animation-delay: 0.72s; }
.split-delay-5 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.split-delay-6 { -webkit-animation-delay: 1.08s; animation-delay: 1.08s; }
.split-delay-7 { -webkit-animation-delay: 1.26s; animation-delay: 1.26s; }
.split-delay-8 { -webkit-animation-delay: 1.44s; animation-delay: 1.44s; }
.split-delay-9 { -webkit-animation-delay: 1.62s; animation-delay: 1.62s; }
.split-delay-10 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.split-delay-11 { -webkit-animation-delay: 1.98s; animation-delay: 1.98s; }
.split-delay-12 { -webkit-animation-delay: 2.16s; animation-delay: 2.16s; }
.split-delay-13 { -webkit-animation-delay: 2.34s; animation-delay: 2.34s; }
.split-delay-14 { -webkit-animation-delay: 2.52s; animation-delay: 2.52s; }
.split-delay-15 { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; }
.split-delay-16 { -webkit-animation-delay: 2.88s; animation-delay: 2.88s; }
.split-delay-17 { -webkit-animation-delay: 3.06s; animation-delay: 3.06s; }
.split-delay-18 { -webkit-animation-delay: 3.24s; animation-delay: 3.24s; }
.split-delay-19 { -webkit-animation-delay: 3.42s; animation-delay: 3.42s; }
.delayedAnimation { opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: block; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

/* ANIMATION KEYFRAMES */
@-webkit-keyframes arrow {
  0% { top: -105%; }
  50%,
  51% { top: 0px; }
  100% { top: 210%; }
}
@keyframes arrow {
  0% { top: -105%; }
  50%,
  51% { top: 0px; }
  100% { top: 210%; }
}
@-webkit-keyframes circleDraw {
  0% { stroke: #c8ced0; stroke-dashoffset: 0; }
  49% { stroke: #c8ced0; stroke-dashoffset: -116.239; }
  50% { stroke: url(#Gradient); stroke-dashoffset: -116.239; }
  100% { stroke: url(#Gradient); stroke-dashoffset: -232.477; }
}
@keyframes circleDraw {
  0% { stroke: #c8ced0; stroke-dashoffset: 0; }
  49% { stroke: #c8ced0; stroke-dashoffset: -116.239; }
  50% { stroke: url(#Gradient); stroke-dashoffset: -116.239; }
  100% { stroke: url(#Gradient); stroke-dashoffset: -232.477; }
}
@-webkit-keyframes circleDash2 {
  0% { stroke: #c8ced0; stroke-dashoffset: 0; transform: rotate(90deg); }
  29% { stroke: #c8ced0; stroke-dashoffset: 116.239; transform: rotate(-180deg); }
  30% { stroke: url(#Gradient); stroke-dashoffset: 116.239; transform: rotate(-180deg); }
  100% { stroke: url(#Gradient); stroke-dashoffset: 0; transform: rotate(90deg); }
}
@keyframes circleDash2 {
  0% { stroke: #c8ced0; stroke-dashoffset: 0; transform: rotate(90deg); }
  29% { stroke: #c8ced0; stroke-dashoffset: 116.239; transform: rotate(-180deg); }
  30% { stroke: url(#Gradient); stroke-dashoffset: 116.239; transform: rotate(-180deg); }
  100% { stroke: url(#Gradient); stroke-dashoffset: 0; transform: rotate(90deg); }
}
@-webkit-keyframes circleDash3 {
  0% { stroke: #1a91ad; stroke-dashoffset: 0; transform: rotate(90deg); }
  29% { stroke: #1a91ad; stroke-dashoffset: 116.239; transform: rotate(-180deg); }
  30% { stroke: url(#Gradient); stroke-dashoffset: 116.239; transform: rotate(-180deg); }
  100% { stroke: url(#Gradient); stroke-dashoffset: 0; transform: rotate(90deg); }
}
@keyframes circleDash3 {
  0% { stroke: #1a91ad; stroke-dashoffset: 0; transform: rotate(90deg); }
  29% { stroke: #1a91ad; stroke-dashoffset: 116.239; transform: rotate(-180deg); }
  30% { stroke: url(#Gradient); stroke-dashoffset: 116.239; transform: rotate(-180deg); }
  100% { stroke: url(#Gradient); stroke-dashoffset: 0; transform: rotate(90deg); }
}
@-webkit-keyframes pulsatingCircleBefore {
  0% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); }
  50% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); }
  100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); }
}
@keyframes pulsatingCircleBefore {
  0% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); }
  50% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); }
  100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); }
}
@-webkit-keyframes pulsatingCircleAfter {
  0% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.05); }
  50% { box-shadow: 0 0 0 24px rgba(255, 255, 255, 0.1); }
  100% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.05); }
}
@keyframes pulsatingCircleAfter {
  0% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.05); }
  50% { box-shadow: 0 0 0 24px rgba(255, 255, 255, 0.1); }
  100% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.05); }
}
@-webkit-keyframes pulsatingCircleDarkBefore {
  0% { box-shadow: 0 0 0 10px rgba(9, 68, 88, 0.05); }
  50% { box-shadow: 0 0 0 12px rgba(9, 68, 88, 0.1); }
  100% { box-shadow: 0 0 0 10px rgba(9, 68, 88, 0.05); }
}
@keyframes pulsatingCircleDarkBefore {
  0% { box-shadow: 0 0 0 10px rgba(9, 68, 88, 0.05); }
  50% { box-shadow: 0 0 0 12px rgba(9, 68, 88, 0.1); }
  100% { box-shadow: 0 0 0 10px rgba(9, 68, 88, 0.05); }
}
@-webkit-keyframes pulsatingCircleDarkAfter {
  0% { box-shadow: 0 0 0 20px rgba(9, 68, 88, 0.05); }
  50% { box-shadow: 0 0 0 24px rgba(9, 68, 88, 0.1); }
  100% { box-shadow: 0 0 0 20px rgba(9, 68, 88, 0.05); }
}
@keyframes pulsatingCircleDarkAfter {
  0% { box-shadow: 0 0 0 20px rgba(9, 68, 88, 0.05); }
  50% { box-shadow: 0 0 0 24px rgba(9, 68, 88, 0.1); }
  100% { box-shadow: 0 0 0 20px rgba(9, 68, 88, 0.05); }
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeInDisplay {
  0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; }
}
@keyframes fadeInDisplay {
  0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; }
}
@-webkit-keyframes fadeOutDisplay {
  0% { display: block; opacity: 1; }
  99% { display: block; opacity: 0; }
  100% { display: none; opacity: 0; }
}
@keyframes fadeOutDisplay {
  0% { display: block; opacity: 1; }
  99% { display: block; opacity: 0; }
  100% { display: none; opacity: 0; }
}
@-webkit-keyframes fadeInOpacity {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeInOpacity {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeOutOpacity {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeOutOpacity {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes fadeInRightFix {
  0% { visibility: visible; opacity: 0; transform: translate(100%, 0); }
  100% { visibility: visible; opacity: 1; transform: translate(0, 0); }
}
@keyframes fadeInRightFix {
  0% { visibility: visible; opacity: 0; transform: translate(100%, 0); }
  100% { visibility: visible; opacity: 1; transform: translate(0, 0); }
}
@-webkit-keyframes drawLine {
  0% { width: 0%; }
  100% { width: 100%; }
}
@keyframes drawLine {
  0% { width: 0%; }
  100% { width: 100%; }
}

/* ORANGE GRADIENT MIXINS */

/* ARROW LINKS */
.arrow-button { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; position: relative; padding-right: 50px; display: inline-block; line-height: 37px; }
.arrow-button::after { position: absolute; right: 0px; top: 0px; content: ""; width: 37px; height: 37px; background-image: linear-gradient(233deg, #ff9900 100%, #d44d27); -webkit-mask-image: url(../../../../_resources/icons/arrow-right.svg); mask-image: url(../../../../_resources/icons/arrow-right.svg); -webkit-mask-size: 15px auto; mask-size: 15px auto; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-repeat: no-repeat; mask-position: center; }
.arrow-button svg { position: absolute; right: 0px; top: 0px; width: 37px; }
.arrow-button svg circle { stroke: #c8ced0; stroke-dasharray: 116.239; stroke-dashoffset: 0; transform-origin: center center; transform: rotate(90deg); transition: transform 1.3s cubic-bezier(0.19, 1, 0.22, 1); }
.arrow-button:hover {  /* svg circle {animation: circleDraw 0.5s linear forwards;}*/ }
.arrow-button:hover svg circle { -webkit-animation: circleDash2 1.3s cubic-bezier(0.19, 1, 0.22, 1) forwards; animation: circleDash2 1.3s cubic-bezier(0.19, 1, 0.22, 1) forwards; }
#projects-display .project-container .project-text > div .arrow-button svg circle, .featured .arrow-button svg circle { stroke:#FFF !important; }
#projects-display .project-container .project-text > div .arrow-button::after, .featured .arrow-button::after { background-image: linear-gradient(233deg, #FFF 100%, #FFF); }

/* FEATHER LIGHT */
.featherlight .featherlight-content { padding: 0% !important;  /*max-height: 90vh !important;*/ width: 90vw !important; border-bottom: none !important; background: none !important; }
.featherlight .featherlight-content iframe { min-height: 80vh !important; width: 100%; height: 100%; }
.featherlight .featherlight-content img { max-height: 90vh !important; max-width: 100%; width: auto; margin: 0px auto; }
.featherlight .featherlight-close-icon { color: #fff !important; font-size: 40px !important; line-height: 40px !important; width: 40px !important; }
@media screen and (1023px) {
  .featherlight .featherlight-inner { max-width: 90vw !important; }
  .featherlight .featherlight-content { max-width: 90vw !important; margin: 0 auto !important; }
}

/* ICON MIXINS */
header.desktop { position: fixed; left: 0; top: 0; width: 100%; z-index: 1001; }
header.desktop .top { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #6c8997; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; background-color: #4d4d4f;  /*color: $white;*/ height: 36px; }
header.desktop .top .container { align-items: center; justify-content: flex-end; padding-right: 0; padding: 10px 70px; max-width: 100%; }
header.desktop .top .container > * { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: normal; letter-spaing: 1px; padding: 0 15px; border-right: 1px solid #ffffff; line-height: 100%; color: #ffffff; }
header.desktop .top .container > * strong { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; }
header.desktop .top .container > *:last-of-type,
header.desktop .top .container > *:first-of-type { border-right: none; padding-right: 0; }
header.desktop .top .container .social { display: flex; justify-content: flex-end; margin-right: 20px; }
header.desktop .top .container .social a { margin-left: 40px; transition: all 0.25s ease-in-out; color: #fff; }
header.desktop .top .container .social a:hover { opacity: 0.6; }
header.desktop .top .container div:not(.social) > a { color: #ffffff; transition: all 0.25s ease-in-out; }
header.desktop .top .container div:not(.social) > a:hover { opacity: 0.6; }
header.desktop .bottom { background-color: #ffffff; transition: all 0.25s ease-in-out; }
header.desktop .bottom .container { transition: all 0.25s ease-in-out; align-items: center; justify-content: space-between; padding: 20px 70px; max-width: 100%; min-height: 110px; }
header.desktop .bottom .container .logo { padding: 0 20px 0 0; transition: all 0.25s ease-in-out; flex-grow: 0; position: relative; height: 60px; }
header.desktop .bottom .container .logo:hover { opacity: 0.6; }
header.desktop .bottom .container .logo img { height: 60px; display: block; transition: all 0.25s ease-in-out; opacity: 1; }
header.desktop .bottom .container .logo img.white { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0; }
header.desktop .bottom .container nav { flex-grow: 1; }
header.desktop .bottom .container nav ul { list-style: none; padding: 0; margin: 0; }
header.desktop .bottom .container nav > ul { text-align: right; }
header.desktop .bottom .container nav > ul > li { display: inline-block; padding: 0; position: relative; }
header.desktop .bottom .container nav > ul > li a { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.11; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; display: block; padding: 10px 20px; position: relative; z-index: 10; }
header.desktop .bottom .container nav > ul > li > a { margin-top: 4px; }
header.desktop .bottom .container nav > ul > li > a::after { content: ""; width: 0%; height: 1px; border-style: solid; border-width: 1px; border-image-source: linear-gradient(to left, #418fde, #418fde); border-image-slice: 1; display: block; margin-top: 10px; opacity: 0; transition: all 0.25s ease-in-out; }
header.desktop .bottom .container nav > ul > li > a.current-navigation::after { opacity: 1; -webkit-animation: drawLine 1.3s cubic-bezier(0.19, 1, 0.22, 1) forwards; animation: drawLine 1.3s cubic-bezier(0.19, 1, 0.22, 1) forwards; }
header.desktop .bottom .container nav > ul > li:hover > a::after { opacity: 1; -webkit-animation: drawLine 1.3s cubic-bezier(0.19, 1, 0.22, 1) forwards; animation: drawLine 1.3s cubic-bezier(0.19, 1, 0.22, 1) forwards; }
header.desktop .bottom .container nav > ul > li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; }
header.desktop .bottom .container nav > ul > li > ul { opacity: 0; visibility: hidden; background: #FFF; min-width: 300px; left: -35px; padding: 25px 55px; position: absolute; top: 100%; z-index: 1001; transition: visibility 0s linear 0.1s, opacity 0.3s linear; text-align: left; }
header.desktop .bottom .container nav > ul > li > ul li:last-of-type { border-bottom: none; }
header.desktop .bottom .container nav > ul > li > ul li a { display: block; padding: 13px 0px; transition: all 0.25s ease-in-out; line-height: 22px; }
header.desktop .bottom .container nav > ul > li > ul li a:hover { opacity: 0.5; }
header.desktop .bottom .container nav > ul > li > ul li ul li { border-bottom: none; }
header.desktop .bottom .container nav > ul > li > ul li ul li a { padding: 7px 20px; font-weight: 400; }
header.desktop .bottom .container nav > ul > li > ul li ul li:last-of-type a { padding-bottom: 13px; }
header.desktop .bottom .container nav > ul > li > ul li.has-children > a { padding-bottom: 7px; }
header.desktop .bottom .container nav > ul > li:last-of-type > ul { left: initial; right: 0px; }
header.desktop .bottom .container .search { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.93; letter-spacing: normal; color: #888888; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal;  /*margin-left: auto;*/ flex-grow: 0; font-size: 18px; }
header.desktop .bottom .container .search i { margin-left: 10px; color: #4d4d4f; }
header.desktop .bottom .container .search a:hover { opacity: 0.6; }
header.desktop .bottom .container .search a:hover i { color: #4d4d4f; }
header.desktop .bottom .container div.search { margin-left: 18px; }
header.desktop.home:not(.scrolled) .bottom { background-color: transparent; }
header.desktop.home:not(.scrolled) .bottom .container .logo img { opacity: 0; }
header.desktop.home:not(.scrolled) .bottom .container .logo img.white { opacity: 1; }
header.desktop.home:not(.scrolled) .bottom .container nav > ul > li > a { color: #ffffff; }
header.desktop.home:not(.scrolled) .bottom .container .search i { color: #ffffff; }
header.desktop.scrolled.desktop .bottom .container { min-height: 86px; max-height: 86px; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.38); }
header.desktop.scrolled.desktop .bottom .container .logo { height: 40px; } 
header.desktop.scrolled.desktop .bottom .container .logo img { height: 40px; }
header.mobile { display: none; position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; }
header.mobile > .top { display: flex; justify-content: space-between; padding: 20px 15px; width: 100%; align-items: center; background-color: #FFF; height: 77px; }
header.mobile > .top .hamburger { width: 33px; cursor: pointer; overflow: hidden; }
header.mobile > .top .hamburger span { width: 100%; height: 4px; background-color: #418fde; border-radius: 3px; margin-bottom: 7px; display: block; transition: all 0.25s ease-in-out; }
header.mobile > .top .hamburger span:last-of-type { margin-bottom: 0; }
header.mobile > .top .logo { padding-right: 20px; }
header.mobile > .top .logo img {  /*max-height:30px;*/
height: 36px; display: block; }
header.mobile nav { display: none; width: 100%; height: 100vh; overflow-y: auto; background-color: #4d4d4f; }
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-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.11; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; color: #FFF; display: block; margin: 0 20px; padding: 12px 0; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
header.mobile nav > ul > li > ul { display: none; padding-left: 20px; background-color: #418fde; }
header.mobile nav > ul > li > ul > li:last-of-type a { border-bottom: none; }
header.mobile nav > ul > li > ul a { display: block; padding: 13px 0px; transition: all 0.25s ease-in-out; line-height: 18px; }
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 ul li:last-of-type a { padding-bottom: 13px; }
header.mobile nav > ul > li > ul.has-children > a { padding-bottom: 7px; }
header.mobile nav > ul > li.has-children > a:after { content: "+"; right: 0; top: 12px; position: absolute; }
header.mobile nav > ul > li.has-children.active > a { border-bottom: none; }
header.mobile nav > ul > li.has-children.active > a:after { content: "-"; font-size: 18px; }
header.mobile nav > ul > li:last-of-type a { border-bottom: none; }
header.mobile nav .search { margin: 0px 20px; }
header.mobile nav .search a { color: #FFF; margin: 0px; }
header.mobile nav .stock { color: #FFF; font-size: 14px !important; justify-content: space-between; margin: 20px 0px; padding: 20px 0px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
header.mobile nav .stock a { color: #ffffff; }
header.mobile nav .stock .social { display: none; }
header.mobile nav .stock div > span { font-weight: 700; padding: 0 2px;  /* &.up { background-color: $stock-up; }*/  /* &.down { background-color: $stock-down; }*/ }
header.mobile nav .stock div i { margin-left: 6px;  /* &.fa-chevron-up { color: $stock-up; }*/  /* &.fa-chevron-down { color: $stock-down; }*/ }
header.mobile.open .hamburger span { background-color: #418fde; }
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; }

/* MEDIA QUERIES */
@media (max-width:1640px) {
  header.desktop .top .container { padding-left: 40px; padding-right: 40px; width: 100%; }
  header.desktop .bottom .container { padding-left: 40px; padding-right: 40px; width: 100%; }
}
@media (max-width:1290px) {
  header.desktop .bottom .container .logo { padding: 0 15px 0 0; }
  header.desktop .bottom .container .logo img { height: 45px; }
  header.desktop .bottom .container nav > ul > li a { font-size: 16px; }
}
@media (max-width:1145px) {
  header.desktop .bottom .container .logo img { height: 37px; }
  header.desktop .bottom .container nav > ul > li a { font-size: 14px; padding: 10px 15px; }
}
@media (max-width:1042px) {
  header.desktop .bottom .container .logo img { height: 34px; }
}
@media screen and (max-width:1023px) {
  header.desktop { display: none !important; }
  header.mobile { display: block !important; }
}
@media screen and (max-width:400px) {
  header.mobile nav .stock { font-size: 10px; }
}

/* EMAIL SIGNUP */
.signup-container { justify-content: space-between; max-width: initial; border: none !important; }
.signup-container .container {border-top: 1px solid #6c8997; width: 100%; display: flex; justify-content: space-between; padding: 40px 54px; position: relative; flex-wrap: wrap; align-items: center;}
.signup-container .container h2 { margin-right: 54px; }
.signup-container .container .input-fields { display: flex; justify-content: space-between; }
.signup-container .container .input-fields button { width: 124px; height: 48px; padding: 0px; margin-left: 54px; margin-top: 0px; }
.signup-container .container .input-fields > div { width: calc((100% - (54px + 16px)) / 2); }
.signup-container .container .input-fields > div:first-of-type { margin-right: 16px; }
.signup-container .container .input-fields input[type=text] { margin: 0px; padding: 10px 3px; height: 48px; display: block; }

/* MEDIA QUERIES */
@media (max-width:1640px) {
  .signup-container .flex-container { padding-left: 40px; padding-right: 40px; }
}
@media screen and (max-width:1170px) {
  .signup-container { padding: 0px 0px 29px 0px; }
  .signup-container .flex-container { display: block; }
  .signup-container .subscribe { width: 100%; padding: 33px 16px 48px 23px; }
}
@media screen and (max-width:1023px) {
  .signup-container .flex-container { padding-left: 15px; padding-right: 15px; }
  .signup-container .subscribe .input-fields { display: block; }
  .signup-container .subscribe .input-fields > div { width: 100%; margin-bottom: 15px; }
  .signup-container .subscribe .input-fields button { margin: 20px 0px 0px 0px; }
}
@media screen and (max-width:767px) {
  .container { max-width: 100%; }
  .signup-container { padding: 40px 15px 28px 15px; }
  .signup-container .container { border-top: 0px; box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.38); position: relative; padding: 13px 16px 48px 22px; }
  .signup-container .container::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; border-style: solid; border-width: 1px; border-image-source: linear-gradient(to left, #418fde, #418fde); border-image-slice: 1; }
  .signup-container .subscribe h2 { margin-bottom: 14px; }
  .signup-container .subscribe .input-fields > div { margin-bottom: 9px; }
  .signup-container .subscribe .input-fields input[type=text] { height: 43px; padding: 8px 7px; }
  .signup-container .subscribe .input-fields button { margin-top: 29px; }
}

/* FOOTER */
footer { transition: all 0.5s ease-in-out; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #898989; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; padding-top: 98px; background-color: #4d4d4f; }
footer .top { min-height: 336px; }
footer .top a { transition: all 0.25s ease-in-out; }
footer .top a:hover { opacity: 0.6; }
footer .top > div:nth-of-type(1) { width: 205px; padding-right: 15px; }
footer .top > div:nth-of-type(1) .logo { margin-top: 3px; margin-bottom: 20px; }
footer .top > div:nth-of-type(1) .logo img { width: 100%; max-width: 190px; }
footer .top > div:nth-of-type(1) .contact { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.86; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
footer .top > div:nth-of-type(1) .mobile-nav { display: none; text-align: left; max-width: 345px; width: 100%; margin: 33px auto 0px auto; justify-content: space-between; }
footer .top > div:nth-of-type(1) .mobile-nav > div {  /*width: 50%;*/
padding-right: 15px; }
footer .top > div:nth-of-type(1) .mobile-nav a { display: block; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 17px; }
footer .top > div:nth-of-type(1) .social { display: flex; justify-content: flex-start; margin-top: 57px; }
footer .top > div:nth-of-type(1) .social a { margin-right: 40px; color: #ffffff; transition: all 0.25s ease-in-out; }
footer .top > div:nth-of-type(1) .social a:hover { opacity: 0.6; }
footer .top > div:nth-of-type(1) .social a:last-of-type { margin-right: 0px; }
footer .top > div:nth-of-type(2) { width: calc(100% - 205px); }
footer .top > div:nth-of-type(2) nav { max-width: 925px; margin-left: auto; display: flex; }
footer .top > div:nth-of-type(2) nav > div { width: 25%; padding-right: 15px; }
footer .top > div:nth-of-type(2) nav .heading { margin-bottom: 14px; }
footer .top > div:nth-of-type(2) nav .heading a { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; }
footer .top > div:nth-of-type(2) nav .subnav { margin-bottom: 12px; }
footer .top > div:nth-of-type(2) nav .subnav > div { margin-bottom: 3px; }
footer .top > div:nth-of-type(2) nav .subnav a { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
footer hr { height: 1px; border: none; color: #FFF; background-color: #FFF; margin-top: 30px; }
footer .bottom { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.86; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; justify-content: space-between; padding-top: 10px; padding-bottom: 60px; }
footer .bottom a { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.86; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; transition: all 0.25s ease-in-out; }
footer .bottom a:hover { opacity: 0.6; }
footer .bottom .mobile { display: none; }
#terms-modal { display: none; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1000; padding: 15px; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.26); }
#terms-modal.show { display: flex; -webkit-animation: fadeInDisplay 0.5s ease-in-out forwards; animation: fadeInDisplay 0.5s ease-in-out forwards; }
#terms-modal > div { background-color: #ffffff; position: relative; width: 100%; max-width: 913px; box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.38); padding: 63px 90px 72px 90px; max-height: 90vh; overflow-y: scroll; }
#terms-modal > div::-webkit-scrollbar { display: none; }
#terms-modal > div::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; border-style: solid; border-width: 1px; border-image-source: linear-gradient(to left, #418fde, #418fde); border-image-slice: 1; }
#terms-modal > div .close { position: absolute; width: 24px; height: 23px; top: 26px; right: 33px; -webkit-mask-image: url(../../../../_resources/icons/modal-close.svg); mask-image: url(../../../../_resources/icons/modal-close.svg); -webkit-mask-size: 24px auto; mask-size: 24px auto; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-repeat: no-repeat; mask-position: center; background-color: #4d4d4f; cursor: pointer; }
#terms-modal > div .text h3 { margin-top: 0px; margin-bottom: 47px; }
#terms-modal > div .interact .checkbox { display: flex; align-items: center; justify-content: flex-start; position: relative; margin: 37px 0px 40px 0px; }
#terms-modal > div .interact .checkbox input[type=checkbox] { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 10; margin-left: 0px; cursor: pointer; }
#terms-modal > div .interact .checkbox input[type=checkbox]:checked + div { background-color: #4d4d4f; }
#terms-modal > div .interact .checkbox div { width: 25px; height: 23px; border: solid 1px #6c8997; margin-right: 17px; postiion: relative; z-index: 0; }
html.terms-modal { overflow: hidden; }
html.loaded #loader { display: none; pointer-events: none; }
#loader { display: flex; align-items: center; justify-content: center; position: fixed; top: 0px; left: 0px; right: 0px; height: 100%; background-color: #ffffff; z-index: 10000; transform: translateY(-100%); transition: all 0.5s ease-in-out; }
#loader > div { width: 100%; max-width: 400px; position: relative; padding: 20px; }
#loader > div > div { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
#loader > div > div.color { z-index: 1; }
#loader > div > div.color .loading-animation { opacity: 0; -webkit-animation-name: fadeInOpacity; animation-name: fadeInOpacity; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-duration: 0.06s; animation-duration: 0.06s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
#loader > div > div.grey { z-index: 0; }
#loader > div > div svg { width: 100%; }
#loader > div > div .fade-1 { -webkit-animation-delay: 0.56s; animation-delay: 0.56s; }
#loader > div > div .fade-2 { -webkit-animation-delay: 0.62s; animation-delay: 0.62s; }
#loader > div > div .fade-3 { -webkit-animation-delay: 0.68s; animation-delay: 0.68s; }
#loader > div > div .fade-4 { -webkit-animation-delay: 0.74s; animation-delay: 0.74s; }
#loader > div > div .fade-5 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
#loader > div > div .fade-6 { -webkit-animation-delay: 0.86s; animation-delay: 0.86s; }
#loader > div > div .fade-7 { -webkit-animation-delay: 0.92s; animation-delay: 0.92s; }
#loader > div > div .fade-8 { -webkit-animation-delay: 0.98s; animation-delay: 0.98s; }
#loader > div > div .fade-9 { -webkit-animation-delay: 1.04s; animation-delay: 1.04s; }
#loader > div > div .fade-10 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
#loader > div > div .fade-11 { -webkit-animation-delay: 1.16s; animation-delay: 1.16s; }
#loader > div > div .fade-12 { -webkit-animation-delay: 1.22s; animation-delay: 1.22s; }
#loader > div > div .fade-13 { -webkit-animation-delay: 1.28s; animation-delay: 1.28s; }
#loader.halfway > div > div.color .loading-animation { opacity: 1; -webkit-animation-name: fadeOutOpacity; animation-name: fadeOutOpacity; -webkit-animation-duration: 0.04s; animation-duration: 0.04s; }
#loader.halfway > div > div.grey { display: none; }
#loader.halfway > div > div .fade-1 { -webkit-animation-delay: 0.54s; animation-delay: 0.54s; }
#loader.halfway > div > div .fade-2 { -webkit-animation-delay: 0.58s; animation-delay: 0.58s; }
#loader.halfway > div > div .fade-3 { -webkit-animation-delay: 0.62s; animation-delay: 0.62s; }
#loader.halfway > div > div .fade-4 { -webkit-animation-delay: 0.66s; animation-delay: 0.66s; }
#loader.halfway > div > div .fade-5 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
#loader.halfway > div > div .fade-6 { -webkit-animation-delay: 0.74s; animation-delay: 0.74s; }
#loader.halfway > div > div .fade-7 { -webkit-animation-delay: 0.78s; animation-delay: 0.78s; }
#loader.halfway > div > div .fade-8 { -webkit-animation-delay: 0.82s; animation-delay: 0.82s; }
#loader.halfway > div > div .fade-9 { -webkit-animation-delay: 0.86s; animation-delay: 0.86s; }
#loader.halfway > div > div .fade-10 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
#loader.halfway > div > div .fade-11 { -webkit-animation-delay: 0.94s; animation-delay: 0.94s; }
#loader.halfway > div > div .fade-12 { -webkit-animation-delay: 0.98s; animation-delay: 0.98s; }
#loader.halfway > div > div .fade-13 { -webkit-animation-delay: 1.02s; animation-delay: 1.02s; }
html.loading #loader { transform: translateY(0%); }
#width-check { z-index: 0; position: relative; }

/* MEDIA QUERIES */
@media screen and (max-width:1023px) {
  footer { padding-top: 65px; }
  footer .top { min-height: initial; }
  footer .top > div:nth-of-type(1) { width: 100%; padding-right: 0px; text-align: center; }
  footer .top > div:nth-of-type(1) .logo { text-align: center; }
  footer .top > div:nth-of-type(1) .contact { display: none; }
  footer .top > div:nth-of-type(1) .mobile-nav { display: flex; }
  footer .top > div:nth-of-type(1) .social { width: -webkit-min-content; width: -moz-min-content; width: min-content; margin: 20px auto 17px auto; }
  footer .top > div:nth-of-type(2) { display: none; }
  footer .bottom { padding-bottom: 30px; }
  footer .bottom .mobile { display: inline; }
  footer .bottom .desktop { display: none; }
  footer .bottom .copyright { width: 100%; text-align: center; }
  footer .bottom .blender { display: none; }
  #terms-modal > div { padding: 30px 15px; }
  #terms-modal > div h3 { padding-right: 60px; }
  #width-check { z-index: 1 !important; }
}
@media screen and (max-width:767px) {
  #width-check { z-index: 2 !important; }
}
.container { position: relative; }

/* HERO */
#hero { position: relative; }
#hero .text h1 { margin-bottom: 20px; }
#hero .text h3 { font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; }
#hero .arrow { position: absolute; bottom: 130px; right: 85px; cursor: pointer; }
#hero .arrow > div { position: relative; overflow: hidden; height: 110px; width: 13px; }
#hero .arrow > div img { position: absolute; left: 0px; top: 0px; -webkit-animation: arrow 2.75s forwards infinite cubic-bezier(0.76, 0, 0.3, 1); animation: arrow 2.75s forwards infinite cubic-bezier(0.76, 0, 0.3, 1); }
#hero .arrow > div img.mobile { display: none; }
#signup-container-home { padding: 70px 0px; }
#signup-container-home .flex-container { justify-content: space-between; max-width: initial; }
#signup-container-home .subscribe { width: calc(100% - (292px + 28px)); display: flex; justify-content: space-between; padding: 40px 54px; position: relative; box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.38); flex-wrap: wrap; align-items: center; }
#signup-container-home .subscribe::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; border-style: solid; border-width: 1px; border-image-source: linear-gradient(to left, #418fde, #418fde); border-image-slice: 1; }
#signup-container-home .subscribe h2 { margin-right: 54px; }
#signup-container-home .subscribe .input-fields { display: flex; justify-content: space-between; }
#signup-container-home .subscribe .input-fields button { width: 124px; height: 48px; padding: 0px; margin-left: 54px; margin-top: 0px; }
#signup-container-home .subscribe .input-fields > div { width: calc((100% - (54px + 16px)) / 2); }
#signup-container-home .subscribe .input-fields > div:first-of-type { margin-right: 16px; }
#signup-container-home .subscribe .input-fields input[type=text] { margin: 0px; padding: 10px 3px; height: 48px; display: block; }
#signup-container-home .presentation { width: 292px; background-color: #425563; background-position: bottom right; background-size: contain; background-repeat: no-repeat; background-image: url(../../../../_resources/bgs/presentation-bg-rs3.jpg); display: flex; flex-direction: column; justify-content: flex-end; }
#signup-container-home .presentation a { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #ffffff; display: flex; justify-content: space-between; transition: all 0.25s ease-in-out; align-items: flex-end; padding: 0px 19px 17px 30px; height: 100%; }
#signup-container-home .presentation a:hover { opacity: 0.6; }
#signup-container-home .presentation a i { font-size: 24px; }

/* ABOUT */
section#about { position: relative; margin-bottom: 70px; }
section#about .container {max-width: initial; }
section#about .container > div {flex-basis: calc(33.33% - 0.666px); border-right: 1px solid #6c8997; padding: 62px 40px 100px 40px; position: relative; border: 1px solid #c8ced0; border-collapse: collapse; display: table-cell; min-height: 582px; }
section#about .container > div h2 { margin: 0px 0px 40px 0px; text-transform: uppercase; position: relative; padding-bottom: 11px; }
section#about .container > div h2::after { content: ""; border-style: solid; border-width: 1px; border-image-source: linear-gradient(to left, #418fde, #418fde); border-image-slice: 1; position: absolute; left: 0px; bottom: 0px; height: 1px; width: 18px; }
section#about .container > div .bottom { position: absolute; bottom: 50px; }
section#about .container .stock-info h2 { margin: 20px 0px 43px 0px; }
section#about .container .stock-info .symbols { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 38px; border-bottom: solid 1px #c8ced0; }
section#about .container .stock-info .symbols h5 { font-size: 14px; color: #c8ced0; margin: 0px 30px -1px 0px; }
section#about .container .stock-info .symbols h5.selected { color: #4d4d4f; border-bottom: solid 1px #418fde; }
section#about .container .stock-info .symbols > * { margin-bottom: 0; cursor: pointer; transition: all 0.25s ease-in-out;  /* &:hover { @include opacity-hover; } removed as the hover effect activates on mobile and causes confusion*/ }
/*section#about .container .stock-info .symbols > *:not(.selected) { opacity: 0.6; }*/
section#about .container .stock-info .info { display: none; justify-content: space-evenly; }
section#about .container .stock-info .info.selected { display: block; }
section#about .container .stock-info .info > div { display: flex; }
section#about .container .stock-info .info > div:first-of-type { margin-bottom: 33px; }
section#about .container .stock-info .info > div > div { width: 50%; }
section#about .container .stock-info .info > div > div:first-of-type { padding-right: 20px; }
section#about .container .stock-info .info > div > div > div { margin-bottom: 3px; }
section#about .container .stock-info .info h2 { padding: 0px; margin: 0px 0px 33px 0px;   /* span {font-size: 32px;}*/ }
section#about .container .stock-info .info h2::after { display: none; }
section#about .container .stock-info .info h3 { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; padding: 0px; margin: 0px; }
section#about .container .stock-info .last-updated { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #6c8997; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; padding-top: 29px; }
section#about .container .stock-info .bottom {  /*border-top:1px dashed $color-group-border-2;*/
width: calc(100% - 80px); font-weight: 500; padding-top: 20px; line-height: 22px;  /* &:before { content:""; border-top:1px dashed $color-group-border-2; position: absolute; top:-5px; width: 100%;}*/ }
section#about .container .stock-info .bottom .flex-container { align-items: center; }
section#about .container .stock-info .bottom .flex-container:hover { opacity: 0.6; }
section#about .container .stock-info .bottom .flex-container strong { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; }
section#about .container .stock-info .bottom .flex-container .fas { color: #4d4d4f; font-size: 36px; margin-right: 25px; }
section#about .container .about { flex-basis: calc(33.33% - 0.666px); border-right: none; }
section#about .container .news { padding-bottom: 120px; border-right: none; padding-right: 70px; position: relative; border-bottom: solid 1px #c8ced0;}
section#about .container .news h2 { margin: 0px 0px 33px 0px; }
section#about .container .news .news-item { display: block; padding: 13px 0px 22px 0; margin-bottom: 17px; }
section#about .container .news .news-item .date { display: block; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #6c8997; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 11px; }
section#about .container .news .news-item .title { display: block; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; overflow: hidden; position: relative; }
section#about .container .news .news-item .pdf { display: none; }
section#about .container .news .news-item:hover { opacity: 0.6; }
section#about .container .strategy { border-right: none;}
section#about .container .strategy h2 { margin: 0px 0px 33px 0px; }
/* PROJECT SECTION */
#projects-display { background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../../../../_resources/bgs/home-projects5.jpg); padding: 115px 40px 140px 40px; }
#projects-display .project-container { max-width: 1220px; width: 100%; margin: 0px auto; display: flex; }
#projects-display .project-container .project-text { width: 50%; padding-right: 40px; }
#projects-display .project-container .project-text > div { display: none; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; max-width: 470px; width: 100%; position: relative; padding-bottom: 50px; height: 100%; }
#projects-display .project-container .project-text > div.selected { display: block; -webkit-animation: fadeInDisplay 0.5s ease-in-out forwards; animation: fadeInDisplay 0.5s ease-in-out forwards; }
#projects-display .project-container .project-text > div h3 { font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; position: relative; padding-bottom: 29px; margin: 0px 0px 0px 0px; }
#projects-display .project-container .project-text > div h3::after { content: ""; border-style: solid; border-width: 2px; border-image-source: linear-gradient(to left, #418fde, #418fde); border-image-slice: 1; position: absolute; left: 0px; bottom: 0px; height: 2px; width: 18px; }
#projects-display .project-container .project-text > div .arrow-button { color: #ffffff; position: absolute; left: 0px; bottom: 0px; }
#projects-display .project-container .project-links { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; width: 50%; padding-right: 40px; }
#projects-display .project-container .project-links .link { max-width: 510px; width: 100%; display: flex; cursor: pointer; margin-bottom: 80px; color: rgba(255, 255, 255, 0.5); transition: all 0.25s ease-in-out; }
#projects-display .project-container .project-links .link > div:nth-of-type(1) { width: 120px; display: flex; align-items: center; justify-content: center; }
#projects-display .project-container .project-links .link > div:nth-of-type(1) > div { width: 80px; height: 80px; border: solid 1px rgba(255, 255, 255, 0.25); border-radius: 80px; position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; transition: all 0.25s ease-in-out; }
#projects-display .project-container .project-links .link > div:nth-of-type(1) > div::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; border-radius: 80px; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); z-index: 2; }
#projects-display .project-container .project-links .link > div:nth-of-type(1) > div::after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; border-radius: 80px; box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.05); z-index: 1; }
#projects-display .project-container .project-links .link > div:nth-of-type(2) { width: calc(100% - 120px); display: flex; align-items: center; padding-left: 15px; }
#projects-display .project-container .project-links .link:last-of-type { margin-bottom: 0px; }
#projects-display .project-container .project-links .link.selected,
#projects-display .project-container .project-links .link:hover { color: #ffffff; }
#projects-display .project-container .project-links .link.selected > div:nth-of-type(1) > div,
#projects-display .project-container .project-links .link:hover > div:nth-of-type(1) > div { background-color: rgba(255, 255, 255, 0.2); }
#projects-display .project-container .project-links .link.selected > div:nth-of-type(1) > div::before,
#projects-display .project-container .project-links .link:hover > div:nth-of-type(1) > div::before { -webkit-animation: pulsatingCircleBefore 1.5s ease-in-out infinite; animation: pulsatingCircleBefore 1.5s ease-in-out infinite; }
#projects-display .project-container .project-links .link.selected > div:nth-of-type(1) > div::after,
#projects-display .project-container .project-links .link:hover > div:nth-of-type(1) > div::after { -webkit-animation: pulsatingCircleAfter 1.5s ease-in-out infinite; animation: pulsatingCircleAfter 1.5s ease-in-out infinite; }
#projects-display .project-container .mobile { display: none; }
#projects-display .project-container .mobile .headings { margin-bottom: 52px; }
#projects-display .project-container .mobile .headings h3 { font-size: 24px; line-height: 1.5; color: #ffffff; text-align: center; display: none; position: relative; margin: 0px; padding-bottom: 15px; }
#projects-display .project-container .mobile .headings h3::after { content: ""; border-style: solid; border-width: 2px; border-image-source: linear-gradient(to left, #418fde, #418fde); border-image-slice: 1; position: absolute; left: calc(50% - 9px); bottom: 0px; height: 2px; width: 18px; }
#projects-display .project-container .mobile .headings h3.selected { display: block; -webkit-animation: fadeInDisplay 0.5s ease-in-out forwards; animation: fadeInDisplay 0.5s ease-in-out forwards; }
#projects-display .project-container .mobile .links .link-flex { display: flex; justify-content: space-between; margin-bottom: 61px; }
#projects-display .project-container .mobile .links .link-flex > div { width: 105px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
#projects-display .project-container .mobile .links .link-flex > div > div { width: 65px; height: 65px; border: solid 1px rgba(255, 255, 255, 0.25); border-radius: 65px; position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; transition: all 0.25s ease-in-out; }
#projects-display .project-container .mobile .links .link-flex > div > div::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; border-radius: 65px; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); z-index: 2; }
#projects-display .project-container .mobile .links .link-flex > div > div::after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; border-radius: 65px; box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.05); z-index: 1; }
#projects-display .project-container .mobile .links .link-flex > div.selected > div,
#projects-display .project-container .mobile .links .link-flex > div:hover > div { background-color: rgba(255, 255, 255, 0.2); }
#projects-display .project-container .mobile .links .link-flex > div.selected > div::before,
#projects-display .project-container .mobile .links .link-flex > div:hover > div::before { -webkit-animation: pulsatingCircleBefore 1.5s ease-in-out infinite; animation: pulsatingCircleBefore 1.5s ease-in-out infinite; }
#projects-display .project-container .mobile .links .link-flex > div.selected > div::after,
#projects-display .project-container .mobile .links .link-flex > div:hover > div::after { -webkit-animation: pulsatingCircleAfter 1.5s ease-in-out infinite; animation: pulsatingCircleAfter 1.5s ease-in-out infinite; }
#projects-display .project-container .mobile .links .link-text { margin-bottom: 22px; }
#projects-display .project-container .mobile .links .link-text div { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; text-align: center; display: none; }
#projects-display .project-container .mobile .links .link-text div.selected { display: block; -webkit-animation: fadeInDisplay 0.5s ease-in-out forwards; animation: fadeInDisplay 0.5s ease-in-out forwards; }

/* MEDIA SECTION */
#media { padding: 70px 0px; }
#media h2 { margin: 0px 0px 40px 0px; position: relative; padding-bottom: 11px; }
#media h2::after { content: ""; border-style: solid; border-width: 2px; border-image-source: linear-gradient(to left, #418fde, #418fde); border-image-slice: 1; position: absolute; left: 0px; bottom: 0px; height: 2px; width: 18px; }
#media .figures { display: flex; flex-wrap: wrap; border: solid 1px #c8ced0; margin-bottom: 70px; position: relative; }
#media .figures > a { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; }
#media .figures > div { width: calc(100% / 4); padding: 30px; min-height: 350px; }
#media .figures > div:not(:last-of-type) { border-right: solid 1px #c8ced0; }
#media .figures > div > div { position: relative; width: 100%; height: 100%; }
#media .figures h5 { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #4d4d4f; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; margin: 0px; }
#media .figures .figure { position: absolute; bottom: 0px; left: 0px; width: 100%; }
#media .figures .figure span { font-family: neue-haas-grotesk-display, sans-serif; font-weight: 400; font-style: normal; font-size: 50px; line-height: 50px; background-image: linear-gradient(245deg, #4d4d4f, #4d4d4f); -webkit-background-clip: text; background-clip: text; color: rgba(0, 0, 0, 0); }
#media .figures .figure span.small { font-size: 20px;  }
#media .figures .figure sup { font-size: 10px; vertical-align: text-top; /*line-height: 42px;*/ padding-left: 13px; }
#media .figures .figure.leaf::after { content: ""; width: 34px; height: 34px; -webkit-mask-image: url(../../../../_resources/icons/leaf.svg); mask-image: url(../../../../_resources/icons/leaf.svg); -webkit-mask-size: 17px auto; mask-size: 17px auto; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-repeat: no-repeat; mask-position: center; background-color: #35a65c; display: block; position: absolute; right: 0px; bottom: 3px; }
#media .figures .figure.leaf::before { content: ""; width: 34px; height: 34px; border: solid 1px #c8ced0; border-radius: 34px; display: block; position: absolute; right: 0px; bottom: 3px; }
#media .figures p{position: relative;    margin-left: 40px; font-size:16px;margin-bottom:0px;}
#media .figures p.leaf::after { content: ""; width: 34px; height: 34px; -webkit-mask-image: url(../../../../_resources/icons/leaf.svg); mask-image: url(../../../../_resources/icons/leaf.svg); -webkit-mask-size: 17px auto; mask-size: 17px auto; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-repeat: no-repeat; mask-position: center; background-color: #35a65c; display: block; position: absolute; left: -45px; top: 0px; }
#media .figures p.leaf::before { content: ""; width: 34px; height: 34px; border: solid 1px #c8ced0; border-radius: 34px; display: block; position: absolute; left: -45px; top: 0px;  }
#media .figures .figure.check::after { content: ""; width: 34px; height: 34px; -webkit-mask-image: url(../../../../_resources/icons/check.svg); mask-image: url(../../../../_resources/icons/check.svg); -webkit-mask-size: 18px auto; mask-size: 18px auto; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-repeat: no-repeat; mask-position: center; background-color: #1a91ad; display: block; position: absolute; right: 0px; bottom: 3px; }
#media .figures .figure.check::before { content: ""; width: 34px; height: 34px; border: solid 1px #c8ced0; border-radius: 34px; display: block; position: absolute; right: 0px; bottom: 3px; }
#media  div.disclaimer {margin-bottom: 70px;}
#media  p.small{font-size:12px;}

#media .featured { display: flex; flex-wrap: wrap; }
#media .featured > div { width: 50%; min-height: 504px; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 57px 52px 27px 52px; position: relative; overflow: hidden; }
#media .featured > div::before { content: ""; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all 0.25s ease-in-out; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; z-index: 0; }
#media .featured > div:hover::before { top: -2.5%; right: -2.5%; left: -2.5%; bottom: -2.5%; }
#media .featured > div.media::before { background-image: url(../../../../_resources/bgs/home-media4.jpg); }
#media .featured > div.media h3 { max-width: 270px; width: 100%; }
#media .featured > div.sustainability::before { background-image: url(../../../../_resources/bgs/home-sustainability2.jpg); }
#media .featured > div.sustainability h3 { max-width: 480px; width: 100%; }
#media .featured > div > div { width: 100%; height: 100%; color: #ffffff; position: relative; }
#media .featured > div h5 { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; margin: 0px; }
#media .featured > div h3 { color: #ffffff; margin: 0px 0px 43px 0px; }
#media .featured > div .corporate-video { position: absolute; top: calc(50% - 25px); left: 50%; transform: translate(-50%, -50%); transition: all 0.25s ease-in-out; }
#media .featured > div .corporate-video:hover { opacity: 0.6; }
#media .featured > div .bottom { position: absolute; left: 0px; bottom: 37px; }
#media .featured > div .arrow-button { color: #ffffff; }

/* PARTNERS SECTION */
#partners { display: flex; flex-wrap: wrap; border-top: solid 1px #c8ced0; min-height: 170px; }
#partners .heading { width: 20%; display: flex; align-items: center; justify-content: center; border-right: solid 1px #c8ced0; }
#partners .heading h4 { margin: 0px; text-transform: uppercase; }
#partners .logos { width: 80%; padding: 30px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
#partners .logos a { display: flex; padding: 15px; justify-content: center; align-items: center; transition: all 0.25s ease-in-out; }
#partners .logos a:hover { opacity: 0.6; }

/* MEDIA QUERIES */
@media (max-width:1640px) {
  #hero .container { padding-left: 40px; padding-right: 40px; }
  #signup-container-home .flex-container { padding-left: 40px; padding-right: 40px; }
  section#projects { height: auto !important; }
  section#projects .container { padding-left: 0; padding-right: 0; }
}
@media screen and (max-width:1500px) {
  #signup-form-home { width: 100%; }
}
@media screen and (max-width:1170px) {
  #signup-container-home .flex-container { display: block; }
  #signup-container-home .subscribe { width: 100%; padding: 33px 16px 48px 23px; }
  #signup-container-home .presentation { width: 100%; height: 150px; margin-top: 30px; }
  #signup-container-home .presentation a { padding: 0px 19px 17px 23px; }
  section#about .container > div { padding: 62px 20px 100px 20px; }
  #media .figures > div { padding: 15px; }
}
@media screen and (max-width:1140px) {
  #partners .logos a { padding: 5px; }
}
@media screen and (max-width:1023px) {
  #hero .container { padding-left: 15px; padding-right: 15px; }
  #hero .text h1 { margin-bottom: 30px; }
  #hero .arrow { bottom: 33px; right: initial; left: 21px; }
  #hero .arrow > div { height: 70px; }
  #hero .arrow > div img { display: none; }
  #hero .arrow > div img.mobile { display: block; }
  #signup-container-home { padding: 29px 0px; }
  #signup-container-home .flex-container { padding-left: 15px; padding-right: 15px; }
  #signup-container-home .subscribe .input-fields { display: block; }
  #signup-container-home .subscribe .input-fields > div { width: 100%; margin-bottom: 15px; }
  #signup-container-home .subscribe .input-fields button { margin: 20px 0px 0px 0px; }
  section#about { margin-bottom: 0px; }
  section#about .container { display: block; padding-left: 0; padding-right: 0; }
  section#about .container > div { border: none; padding: 36px 15px 70px 15px; display: block; min-height: auto; border-bottom: solid 1px #c8ced0; }
  section#about .container > div.stock-info { width: 100%; border-bottom: none; padding-top: 57px; }
  section#about .container > div.stock-info h2 { margin: 0px 0px 47px 0px; }
  section#about .container > div.stock-info .symbols { margin-bottom: 35px; }
  section#about .container > div.stock-info section#about .container .stock-info .info > div:first-of-type { margin-bottom: 30px; }
  section#about .container > div.stock-info .last-updated { font-size: 12px; padding-top: 36px; }
  section#about .container > div.about { width: 100%; }
  section#about .container > div.news { width: 100%; padding-top: 60px; }
  section#about .container > div .bottom { position: relative; bottom: inherit; width: 100% !important; margin-top: 42px; }
  section#about .container > div h2 { margin: 0px 0px 33px 0px; }
  section#about .container .news { padding-bottom: 57px; }
  section#about .container .news .news-item { padding: 13px 0px 10px 0; margin-bottom: 0px; }
  section#about .container .news .news-item .title:before { right: 6px; }
  section#about .container .news .bottom { margin-top: 34px; }
  #projects-display { padding: 115px 15px 140px 15px; }
  #media { padding-bottom: 66px; }
  #media .figures > div { padding: 25px; width: 100%; border-right: none !important; min-height: 300px; }
  #media .figures > div:not(:last-of-type) { border-bottom: solid 1px #c8ced0; }
  #partners { display: block; border: none; }
  #partners .heading { width: 100%; display: block; border-right: none; }
  #partners .heading h4 { text-align: center; }
  #partners .logos { width: 100%; }
}
@media screen and (max-width:767px) {
  .container { max-width: 100%; }
  #signup-container-home .subscribe { padding-top: 15px; }
  #signup-container-home .subscribe h2 { margin-bottom: 14px; }
  #signup-container-home .subscribe .input-fields > div { margin-bottom: 9px; }
  #signup-container-home .subscribe .input-fields input[type=text] { height: 43px; padding: 8px 7px; }
  #signup-container-home .subscribe .input-fields button { margin-top: 29px; }
  section#about .container .stock-info .info h3 { font-size: 24px; line-height: 1.5; }
  #projects-display { padding: 80px 15px 93px 15px; }
  #projects-display .project-container { display: block; }
  #projects-display .project-container .mobile { display: block; }
  #projects-display .project-container .project-text { width: 100%; padding-right: 0px; }
  #projects-display .project-container .project-text > div { max-width: initial; padding-bottom: 55px; text-align: center; }
  #projects-display .project-container .project-text > div .arrow-button { left: calc(50% - 100px); }
  #projects-display .project-container .project-text h3 { display: none; }
  #projects-display .project-container .project-links { display: none; }
  #media .featured > div { width: 100%; min-height: 330px; padding: 28px 23px 28px 23px; }
  #media .featured > div:first-of-type { margin-bottom: 16px; }
  #media .featured > div.media { background-image: url(../../../../_resources/bgs/home-media-mob.jpg); }
  #media .featured > div.media h3 { max-width: 280px; }
  #media .featured > div.sustainability { background-image: url(../../../../_resources/bgs/home-sustainability-mob.jpg); }
  #media .featured > div.sustainability h3 { max-width: 280px; }
  #media .featured > div .corporate-video { top: calc(50% - 12px); }
  #media .featured > div h3 { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; margin: 0px 0px 10px 0px; }
  #media .featured > div .bottom { bottom: 2px; }
  #partners .logos { padding: 13px 15px 35px 15px; }
  #partners .logos a { padding: 5px; }
  #partners .logos img { transform-origin: center; transform: scale(0.68); }
}
@media screen and (max-width:500px) {
  section#news-investors div.container > div#investors-section .price { font-size: 50px; }
  section#news-investors div.container > div#investors-section .more-info strong { display: block; }
}
@media screen and (max-width:370px) {
  #projects-display .project-container .mobile .links .link-flex > div > div { width: 50px; height: 50px; }
}



/****************** JUNE 2022 NEWS CHANGES ************************/
/*#hero .text > * {max-width: initial !important;}*/
#hero .block {max-width: 506px !important; width: 100%; padding: 30px 45px; position: relative;}
#hero .block h2 {color: #ffffff; font-size: 24px;}
#hero .block .arrow-button {color: #ffffff;}
#hero .block .arrow-button svg circle { stroke:#FFF !important; }
#hero .block .arrow-button::after { background-image: linear-gradient(233deg, #FFF 100%, #FFF); }
#hero .news-block {background-color: rgba(65,143,222,0.9);}
#hero .new-signup {background-color: rgba(142,194,81,0.9);}
#hero .flex-block {display: flex; align-items: flex-end; margin-top: 65px;}
#hero .text h1 {margin-bottom: 0px; padding-right: 50px;}
#hero .arrow {display: none;}
@media screen and (max-width: 1032px) {
  #hero {height: initial;}
  #hero .block {margin: 0px -15px; width: calc(100% + 30px); padding: 30px 15px;}
  #hero .text {margin-top: 0px;}
  #hero .flex-block {display: block; margin-top: 0px;}
  #hero .text h1 {padding: 50px 0px 130px 0px; }
  #hero .arrow {display: block;}
}



.fab.fa-twitter::before{ content:"𝕏"; }