/***************** COLOR BRAND (PRIMITIVES) *****************/

/***************** COLOR SURFACE *****************/

/***************** COLOR TEXT *****************/

/* **************** COLOR BORDER *****************/

/* 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; scroll-behavior: smooth; }
body { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #33474e; position: relative; box-sizing: border-box; margin: 0; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html.open, html.open body { overflow: hidden; }
section, header, footer { display: block; width: 100%; }
.screen-reader-text { display: none; }
h1, .h1 { font-family: "montserrat", sans-serif; font-size: 88px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; }
h2, .h2 { font-family: "montserrat", sans-serif; font-size: 56px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-transform: uppercase; }
h3, .h3 { font-family: "montserrat", sans-serif; font-size: 42px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; }
h4, .h4, p.intro { font-family: "montserrat", sans-serif; font-size: 32px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; }
h5, .h5 { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; }
h6, .h6 { font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; }
p { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child { margin-top: 0; }
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child { margin-top: 0; }
h1, h2, h3 { margin-top: 0.55em; margin-bottom: 0.55em; }
.h1, .h2, .h3 { margin-top: 0.55em; margin-bottom: 0.55em; }
h4, h5 { margin-top: 0.55em; margin-bottom: 1.1em; }
.h4, .h5 { margin-top: 0.55em; margin-bottom: 1.1em; }
h6 { margin-top: 0.8em; margin-bottom: 1.6em; }
.h6 { margin-top: 0.8em; margin-bottom: 1.6em; }
a { text-decoration: none; color: #33474e; transition: all 0.25s ease-in-out; }
strong, b { font-weight: bold; }
.fw-medium { font-weight: 500; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
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; }
input[type=submit] { cursor: pointer; transition: all 0.5s ease-in-out; }
input[type=text] { background: transparent; padding: 10px; margin: 0; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; }
textarea, select { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; }
input[type=text]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.75); }
select::-ms-expand { display: none; }

/* GRID */
.grid { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: auto; -moz-column-gap: 20px; column-gap: 20px; }
@media (max-width:768px) {
  .grid { -moz-column-gap: 20px; column-gap: 20px; }
}

.grid-12 { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; -moz-column-gap: 20px; column-gap: 20px; }
@media (max-width:768px) {
  .grid-12 { -moz-column-gap: 20px; column-gap: 20px; }
}
.grid-collapse { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: auto; }
.cols-2 { grid-column: span 2; }
.cols-3 { grid-column: span 3; }
.cols-4 { grid-column: span 4; }
.cols-5 { grid-column: span 5; }
.cols-6 { grid-column: span 6; }
.cols-7 { grid-column: span 7; }
.cols-8 { grid-column: span 8; }
.cols-9 { grid-column: span 9; }
.cols-10 { grid-column: span 10; }
.cols-11 { grid-column: span 11; }
.cols-12 { grid-column: span 12; }
@media (max-width:1600px) {
  .xxl-cols-2 { grid-column: span 2; }
  .xxl-cols-3 { grid-column: span 3; }
  .xxl-cols-4 { grid-column: span 4; }
  .xxl-cols-5 { grid-column: span 5; }
  .xxl-cols-6 { grid-column: span 6; }
  .xxl-cols-7 { grid-column: span 7; }
  .xxl-cols-8 { grid-column: span 8; }
  .xxl-cols-9 { grid-column: span 9; }
  .xxl-cols-10 { grid-column: span 10; }
  .xxl-cols-11 { grid-column: span 11; }
  .xxl-cols-12 { grid-column: span 12; }
}
@media (max-width:1440px) {
  .xl-cols-2 { grid-column: span 2; }
  .xl-cols-3 { grid-column: span 3; }
  .xl-cols-4 { grid-column: span 4; }
  .xl-cols-5 { grid-column: span 5; }
  .xl-cols-6 { grid-column: span 6; }
  .xl-cols-7 { grid-column: span 7; }
  .xl-cols-8 { grid-column: span 8; }
  .xl-cols-9 { grid-column: span 9; }
  .xl-cols-10 { grid-column: span 10; }
  .xl-cols-11 { grid-column: span 11; }
  .xl-cols-12 { grid-column: span 12; }
}
@media (max-width:1280px) {
  .lg-cols-2 { grid-column: span 2; }
  .lg-cols-3 { grid-column: span 3; }
  .lg-cols-4 { grid-column: span 4; }
  .lg-cols-5 { grid-column: span 5; }
  .lg-cols-6 { grid-column: span 6; }
  .lg-cols-7 { grid-column: span 7; }
  .lg-cols-8 { grid-column: span 8; }
  .lg-cols-9 { grid-column: span 9; }
  .lg-cols-10 { grid-column: span 10; }
  .lg-cols-11 { grid-column: span 11; }
  .lg-cols-12 { grid-column: span 12; }
}
@media (max-width:1024px) {
  .md-cols-2 { grid-column: span 2; }
  .md-cols-3 { grid-column: span 3; }
  .md-cols-4 { grid-column: span 4; }
  .md-cols-5 { grid-column: span 5; }
  .md-cols-6 { grid-column: span 6; }
  .md-cols-7 { grid-column: span 7; }
  .md-cols-8 { grid-column: span 8; }
  .md-cols-9 { grid-column: span 9; }
  .md-cols-10 { grid-column: span 10; }
  .md-cols-11 { grid-column: span 11; }
  .md-cols-12 { grid-column: span 12; }
}
@media (max-width:768px) {
  .sm-cols-2 { grid-column: span 2; }
  .sm-cols-3 { grid-column: span 3; }
  .sm-cols-4 { grid-column: span 4; }
  .sm-cols-5 { grid-column: span 5; }
  .sm-cols-6 { grid-column: span 6; }
  .sm-cols-7 { grid-column: span 7; }
  .sm-cols-8 { grid-column: span 8; }
  .sm-cols-9 { grid-column: span 9; }
  .sm-cols-10 { grid-column: span 10; }
  .sm-cols-11 { grid-column: span 11; }
  .sm-cols-12 { grid-column: span 12; }
}
@media (max-width:480px) {
  .xs-cols-2 { grid-column: span 2; }
  .xs-cols-3 { grid-column: span 3; }
  .xs-cols-4 { grid-column: span 4; }
  .xs-cols-5 { grid-column: span 5; }
  .xs-cols-6 { grid-column: span 6; }
  .xs-cols-7 { grid-column: span 7; }
  .xs-cols-8 { grid-column: span 8; }
  .xs-cols-9 { grid-column: span 9; }
  .xs-cols-10 { grid-column: span 10; }
  .xs-cols-11 { grid-column: span 11; }
  .xs-cols-12 { grid-column: span 12; }
}

/* RECAPTCHA */
.grecaptcha-badge { display: none !important; }
.grecaptcha-badge.show { display: block !important; visibility: visible !important; }

/* ANIMATION */
.transition { animation-duration: 1s; animation-fill-mode: both; opacity: 0; position: relative; visibility: hidden; }
@keyframes fadeIn {
  0% { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeInLeft {
  0% { opacity: 0; transform: translate(-20px); }
  to { opacity: 1; transform: translate(0); }
}
@keyframes fadeInRight {
  0% { opacity: 0; transform: translate(20px); }
  to { opacity: 1; transform: translate(0); }
}
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(50px); }
  to { opacity: 1; transform: translate(0); }
}
.fadeIn { animation-name: fadeIn; transition: all 0.8s ease 0s; }
.fadeInRight { animation-name: fadeInRight; transition: all 0.8s ease 0s; }
.fadeInLeft { animation-name: fadeInLeft; transition: all 0.8s ease 0s; }
.fadeInUp { animation-name: fadeInUp; transition: all 0.8s ease 0s; }

/* CONTAINER */
.container { margin: 0 auto; position: relative; max-width: 100%; padding-left: 40px; padding-right: 40px; }
.flex-container { display: flex; }
main section.container { padding-left: 0; padding-right: 0; width: calc(100% - 40px * 2); margin-left: 40px; margin-right: 40px; }
main { padding-top: 0px; transition: all 0.25s ease-in-out; }
/*body.scrolled main { padding-top: 58px; }/*

/* BUTTON STYLES */
button:not(.featherlight-close) { cursor: pointer; padding: 8px 12px; border-radius: 4px; border: 1px solid #1a8ccb; display: inline-flex; justify-content: space-between; align-items: center; text-transform: uppercase; min-height: 32px; font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: 0.39px; transition: all 0.25s ease-in-out; }
.button-primary, .button { cursor: pointer; padding: 8px 12px; border-radius: 4px; border: 1px solid #1a8ccb; display: inline-flex; justify-content: space-between; align-items: center; text-transform: uppercase; min-height: 32px; font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: 0.39px; transition: all 0.25s ease-in-out; white-space: nowrap; background-color: #1a8ccb; color: #ffffff; }
.button-primary:hover, .button:hover { background-color: #33474e; color: #ffffff; border: 1px solid #33474e; }
.button-primary:focus, .button:focus { background-color: #33474e; color: #ffffff; border: 1px solid #33474e; }
.button-secondary { cursor: pointer; padding: 8px 12px; border-radius: 4px; border: 1px solid #1a8ccb; display: inline-flex; justify-content: space-between; align-items: center; text-transform: uppercase; min-height: 32px; font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: 0.39px; transition: all 0.25s ease-in-out; background-color: #eaf1f4; color: #33474e; }
.button-secondary:hover { background-color: #33474e; color: #ffffff; }
.button-secondary:focus { background-color: #33474e; color: #ffffff; }
.button-footer { cursor: pointer; padding: 8px 12px; border-radius: 4px; border: 1px solid #1a8ccb; display: inline-flex; justify-content: space-between; align-items: center; text-transform: uppercase; min-height: 32px; font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: 0.39px; transition: all 0.25s ease-in-out; background-color: #1a8ccb; color: #ffffff; }
.button-footer:hover { background-color: #ffffff; color: #33474e; border: 1px solid #ffffff; }
.button-footer:focus { background-color: #ffffff; color: #33474e; border: 1px solid #ffffff; }
.pdf::after { content: "\f1c1"; }

/* UTILITY */
.white { color: #ffffff; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.flex { display: flex; }
.flex.aic, .grid.aic { align-items: center; }
.flex.jcc, .grid.jcc { justify-content: center; }
.flex.jcsb, .grid.jcsb { justify-content: space-between; }
.flex.aifs, .grid.aifs { align-items: flex-start; }
.flex.aife, .grid.aife { align-items: flex-end; }
.overflow { width: 100%; overflow-x: auto; }
.caption { font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; }
.large { font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; }
.mt-4 { margin-top: 2em; }
.mtb-4 { margin-top: 4rem; margin-bottom: 4rem; }

/* MEDIA QUERIES */
@media (max-width:1024px) {
  h1, .h1 { font-family: "montserrat", sans-serif; font-size: 36px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; }
  h2, .h2 { font-family: "montserrat", sans-serif; font-size: 24px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: normal; }
  h3, .h3 { font-family: "montserrat", sans-serif; font-size: 24px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; }
  h4, .h4, p.intro { font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; }

  /* CONTAINER */
  .container { padding-left: 20px; padding-right: 20px; width: 100%; }
  main section.container { padding-left: 0; padding-right: 0; width: calc(100% - 20px * 2); margin-left: 20px; margin-right: 20px; }

  /* UTILITY */
  .large { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: normal; }
}

/* TABLES */
table { border-collapse: collapse; }
table tr { border-bottom: 1px solid #33474e; }
table th { padding: 12px 6px; text-align: left; font-weight: 700; }
table td { padding: 12px 6px; text-align: left; }
table td:last-child, table th:last-child { padding-right: 24px; }
p.instruction { font-size: 12px; line-height: 16px; color: rgba(51, 63, 72, 0.75); margin: 4px 0; opacity: 0; pointer-events: none; }
p.instruction.show { opacity: 1; pointer-events: all; }

/* FEATURED PROJECTS - Project Slider*/
section#featured-projects { padding-top: 104px; padding-bottom: 104px; border-bottom: 1px solid #33474e; }
section#featured-projects .summary { margin-top: 88px;  /*.owl-item { @include transition; margin-right: 20px; }*/ }
section#featured-projects .summary .item .image { height: 525px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 32px; overflow: hidden; position: relative; }
section#featured-projects .summary .item .image a { position: absolute; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 100; opacity: 0; pointer-events: none; transition: all 0.25s ease-in-out; }
section#featured-projects .summary .item .image a span { background-color: #eaf1f4; color: #33474e; padding: 8px 16px; border-radius: 6px; font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-transform: uppercase; font-weight: 700; }
section#featured-projects .summary .item .image a:focus { opacity: 1; pointer-events: all; }
@media (max-width:1024px) {
  section#featured-projects .summary .item .image a { display: none; }
}
section#featured-projects .summary .item .image:hover a { opacity: 1; pointer-events: all; }
section#featured-projects .summary .item .stats .name { margin-bottom: 16px; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-transform: uppercase; }
section#featured-projects .summary .item .stats .name strong { text-transform: uppercase; }
section#featured-projects .summary .item .stats .flex { font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-transform: uppercase; }
section#featured-projects .summary .item .stats .flex div span { display:inline-block;margin-top:4px; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; text-transform: initial; }
section#featured-projects .summary .item .stats .flex > * { padding-right: 40px; }
section#featured-projects .summary .item .stats .button.mobile { margin-top: 16px; display: none; }
@media (max-width:1024px) {
  section#featured-projects .summary .item .stats .button.mobile { display: inline-block; }
}
section#featured-projects .summary .item .video-hold { position: relative; overflow: visible; height: 100%; }
section#featured-projects .summary .item .video-hold .video { position: absolute; top: 0px; bottom: 0px; left: 0px; z-index: 1; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; }
section#featured-projects .summary .item .video-hold .video iframe { pointer-events: none; height: 100%; }
section#featured-projects .summary .owl-nav { position: absolute; top: 225px; width: 100%; }
section#featured-projects .summary .owl-nav button { position: absolute; width: 54px; height: 54px; border-radius: 50%; font-size: 24px; border: 1px solid #33474e; color: #ffffff; background-color: #56747f; display: flex; align-items: center; justify-content: center; }
section#featured-projects .summary .owl-nav button.owl-prev { left: -27px; }
section#featured-projects .summary .owl-nav button.owl-next { right: -27px; }
section#featured-projects .summary .owl-nav button.disabled { opacity: 0; pointer-events: none; }
section#featured-projects .summary .owl-nav button span { display: none; }
@media (max-width:1024px) {
  section#featured-projects .summary .owl-nav button { font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; width: auto; height: auto; padding: 8px 18px !important; border-radius: 8px; border: 0; }
  section#featured-projects .summary .owl-nav button.owl-prev { left: -8px; }
  section#featured-projects .summary .owl-nav button.owl-prev i { margin-right: 10px; }
  section#featured-projects .summary .owl-nav button.owl-next { right: -8px; }
  section#featured-projects .summary .owl-nav button.owl-next i { margin-left: 10px; }
  section#featured-projects .summary .owl-nav button span { display: inline; }
}
@media (max-width:480px) {
  section#featured-projects .summary .owl-nav button { font-size: 10px; padding: 8px 10px !important; }
}
@media (max-width:1024px) {
  section#featured-projects { padding-top: 72px; padding-bottom: 64px; }
  section#featured-projects .summary { margin-top: 64px; }
  section#featured-projects .summary .item .image { height: 350px; }
  section#featured-projects .summary .owl-nav { top: 160px; }
  section#featured-projects .intro .right { text-align: left; margin-top: 20px; }
}
.item#norway-uranium .image { background-image: url(../../../../_resources/backgrounds/norway_uranium_bg.jpg); }
.item#norway-sed-copper .image { background-image: url(../../../../_resources/backgrounds/norway_sedcopper_bg.jpg); }
.item#norway-vms .image { background-image: url(../../../../_resources/backgrounds/norway_vms_bg.jpg); }
.item#czech-vms .image { background-image: url(../../../../_resources/backgrounds/czech_vms_bg.jpg); }
.item#czech-lithium .image { background-image: url(../../../../_resources/backgrounds/czech_lithium_bg.jpg); }
.item#czech-nickel .image { background-image: url(../../../../_resources/backgrounds/czech_nickel_bg.jpg); }
.item#cameroon-gold .image { background-image: url(../../../../_resources/backgrounds/cameroon_gold_bg.jpg); }

/* FEATURED PROJECTS - Project Overview*/
section#our-projects { padding-top: 104px; padding-bottom: 104px; }
section#our-projects .summary { margin-top: 88px; }
section#our-projects .summary .item { margin-bottom: 40px; }
section#our-projects .summary .item .image { height: 396px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 24px; overflow: hidden; position: relative; }
section#our-projects .summary .item .image a { position: absolute; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 100; opacity: 0; pointer-events: none; transition: all 0.25s ease-in-out; }
section#our-projects .summary .item .image a span { background-color: #eaf1f4; color: #33474e; padding: 8px 16px; border-radius: 6px; font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-transform: uppercase; font-weight: 700; }
section#our-projects .summary .item .image a:focus { opacity: 1; pointer-events: all; }
@media (max-width:1024px) {
  section#our-projects .summary .item .image a { display: none; }
}
section#our-projects .summary .item .image:hover a { opacity: 1; pointer-events: all; }
section#our-projects .summary .item .stats .name { margin-bottom: 16px; font-family: "montserrat", sans-serif; font-size: 32px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; }
section#our-projects .summary .item .stats .name strong { text-transform: uppercase; }
section#our-projects .summary .item .stats .flex { font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-transform: uppercase; flex-wrap: wrap; gap: 36px; }
section#our-projects .summary .item .stats .flex div { width: calc((100% - 396px) / 12 * 6 + 180px); }
section#our-projects .summary .item .stats .flex div span {display:inline-block;margin-top:4px; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; text-transform: initial; }
section#our-projects .summary .item .stats .flex > * { margin-bottom: 20px; }
@media (max-width:480px) {
  section#our-projects .summary .item .stats .flex { gap: 16px; }
  section#our-projects .summary .item .stats .flex div { width: 100%; }
  section#our-projects .summary .item .stats .flex > * { margin-bottom: 8px; }
}
section#our-projects .summary .item .stats .button.mobile { margin-top: 16px; display: none; }
@media (max-width:1024px) {
  section#our-projects .summary .item .stats .button.mobile { display: inline-block; }
}
@media (max-width:1024px) {
  section#our-projects { padding-top: 72px; padding-bottom: 64px; }
  section#our-projects .summary { margin-top: 64px; }
  section#our-projects .summary .item .image { height: 350px; }
  section#our-projects .summary .owl-nav { top: 160px; }
  section#our-projects .intro .right { text-align: left; margin-top: 20px; }
}

/* LATEST NEWS MODULE */
section#latest-news { padding-top: 104px; padding-bottom: 104px; border-bottom: 1px solid #33474e; }
section#latest-news h2 { margin-bottom: 96px; }
section#latest-news .mobile { display: none; }
@media (max-width:1024px) {
  section#latest-news { padding-top: 64px; padding-bottom: 80px; }
  section#latest-news h2 { margin-bottom: 48px; }
  section#latest-news .flex .button { display: none; }
  section#latest-news .mobile { display: block; margin-top: 24px; }
}
.news-items .item { display: flex; flex-direction: column; justify-content: space-between; background-color: #56747f; color: #ffffff; transition: all 0.25s ease-in-out; min-height: 255px; padding: 16px; margin-bottom: 20px; }
.news-items .item .date { font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-transform: uppercase;}
.news-items .item .title { font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; }
@media (max-width:1024px) {
  .news-items .item .title { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: normal; }
}
.news-items .item .read-more { font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-transform: uppercase; font-weight: 700; }
.news-items .item:hover { background-color: #33474e; }
.news-items .item:focus { background-color: #33474e; }
header.desktop { position: fixed; left: 0; top: 0; right: 0; width: 100%; z-index: 101; background-color: #ffffff;}
header.desktop .top { background-color: #ffffff; height: 24px; position: relative; transition: all 0.25s ease-in-out; }
header.desktop .top .container { align-items: center; justify-content: flex-end; min-height: 24px; }
header.desktop .top div { color: #33474e; font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; }
header.desktop .top .subscribe-link { margin-right: auto; }
header.desktop .top .subscribe-link a { color: #33474e; }
header.desktop .top .subscribe-link i { display: inline-block; margin-right: 8px; }
header.desktop .top .stock-quote { margin-left: 32px; color: #33474e; }
header.desktop .top .stock-quote span { display: inline-block; margin-left: 8px; }
header.desktop .top .social span { font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; margin-right: 8px; }
header.desktop .top .social a i { font-size: 16px; }
header.desktop .bottom { background-color: #ffffff; border-top: 1px solid #33474e; border-bottom: 1px solid #33474e; position: relative; }
header.desktop .bottom .container { align-items: center; justify-content: flex-end; }
header.desktop .bottom .logo { padding-right: 20px; margin-right: auto; transition: all 0.25s ease-in-out; }
header.desktop .bottom .logo:hover { opacity: 0.65; }
header.desktop .bottom .logo img { max-height: 60px; width: auto; display: block; }
header.desktop .bottom nav ul { list-style: none; padding: 0; margin: 0; }
header.desktop .bottom nav > ul > li { display: inline-block; padding: 0; position: relative; }
header.desktop .bottom nav > ul > li a { color: #33474e; display: block; position: relative; z-index: 10; }
header.desktop .bottom nav > ul > li > a { text-transform: uppercase; padding: 32px 20px; position: relative; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; }
header.desktop .bottom nav > ul > li > a:after { content: ""; width: calc(100% - 12px); height: calc(100% - 40px); background-color: #56747f; border-radius: 8px; z-index: -1; position: absolute; top: 20px; left: 6px; opacity: 0; pointer-events: none; transition: all 0.25s ease-in-out; }
header.desktop .bottom nav > ul > li > a:focus:after { opacity: 1; }
header.desktop .bottom nav > ul > li:hover > a { color: #ffffff; }
header.desktop .bottom nav > ul > li:hover > a:after { opacity: 1; }
header.desktop .bottom nav > ul ul { pointer-events: none; opacity: 0; visibility: hidden; background: #eaf1f4; min-width: 186px; position: absolute; transition: visibility 0s linear 0.1s, opacity 0.3s linear, translate 0.25s linear; }
header.desktop .bottom nav > ul ul li { position: relative; padding: 0; transition: all 0.25s ease-in-out; }
header.desktop .bottom nav > ul ul li a { display: block; padding: 8px 16px; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; transition: all 0.25s ease-in-out; }
header.desktop .bottom nav > ul ul li a:hover { color: #ffffff; }
header.desktop .bottom nav > ul ul li.current { border-left: 3px solid #56747f; }
header.desktop .bottom nav > ul ul li.current a { padding-left: 13px; }
header.desktop .bottom nav > ul ul li:hover { background-color: #56747f; }
header.desktop .bottom nav > ul ul li:hover > a { color: #ffffff; }
header.desktop .bottom nav > ul > li > ul { top: 100%; left: 50%; z-index: 9; transform: translateX(-50%); }
header.desktop .bottom nav > ul > li:hover > ul { pointer-events: auto; opacity: 1; visibility: visible; transition-delay: 0s, 0s, 0.3s; }
header.desktop .bottom nav > ul > li > ul > li > ul { left: 100%; top: -1px; }
header.desktop .bottom nav > ul > li > ul > li:hover > ul { pointer-events: auto; opacity: 1; visibility: visible; transition-delay: 0s, 0s, 0.3s; }
header.desktop.scrolled .top { position: relative; opacity: 0; height: 0; }
header.desktop.scrolled .bottom { border-top: unset; }
header.mobile { display: none; position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; }
header.mobile > .top { position: relative; z-index: 9; display: flex; justify-content: space-between; padding: 8px 20px; width: 100%; height: 64px; align-items: center; background-color: #ffffff; border-bottom: 1px solid #33474e; }
header.mobile > .top .hamburger { width: 40px; cursor: pointer; overflow: hidden; padding: 3px 0; }
header.mobile > .top .hamburger span { width: 100%; height: 1px; background-color: #33474e; 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 img { max-height: 48px; width: auto; display: block; }
header.mobile nav { display: none; width: 100%; height: calc(100vh - 56px); height: calc(100dvh - 56px); overflow-y: auto; background-color: #ffffff; }
header.mobile nav ul { list-style: none; padding: 0; margin: 0; }
header.mobile nav > ul { position: relative; z-index: 2; padding-bottom: 80px; margin-top: 16px; }
header.mobile nav > ul > li { position: relative; }
header.mobile nav > ul > li > a { font-family: "montserrat", sans-serif; font-size: 24px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #33474e; display: block; margin: 0 20px; padding: 8px 0; position: relative; text-transform: uppercase; }
header.mobile nav > ul > li > a:hover { opacity: 1; }
header.mobile nav > ul > li > ul { display: none; margin-left: 24px; margin-bottom: 16px; }
header.mobile nav > ul > li > ul a { font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; line-height: 1; display: block; padding: 8px 20px; margin: 0; transition: all 0.25s ease-in-out; }
header.mobile nav > ul > li > ul ul li a { padding: 8px 32px; font-weight: 400; }
header.mobile nav > ul > li.has-children > a:after { content: "\f067"; right: 0; position: absolute; font-family: "Font Awesome 5 Pro"; font-weight: 400; line-height: 1; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 40px; }
header.mobile nav > ul > li.has-children.active > a:after { content: "\f068"; }
header.mobile nav .footer { width: 100%; padding: 0 20px; position: absolute; z-index: 10; bottom: 0; left: 0; right: 0; opacity: 0; background-color: #ffffff; transition: all 0.25s ease-in-out; }
header.mobile nav .search a { color: #33474e; }
header.mobile nav .social { margin-top: 8px; }
header.mobile nav .social a { color: #33474e; margin-right: 24px; }
header.mobile nav .stock-quote { color: #33474e; justify-content: flex-start; margin: 20px 0px 40px 0; font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; }
header.mobile nav .stock-quote div:first-of-type { margin-right: 32px; }
header.mobile.open { height: 100dvh; }
header.mobile.open .hamburger span:nth-child(1) { margin-left: 50px; }
header.mobile.open .hamburger span:nth-child(2) { transform: translate(0px, 0px) rotate(34deg); border-radius: 2px; }
header.mobile.open .hamburger span:nth-child(3) { transform: translate(0px, -8px) rotate(-34deg); border-radius: 2px; }
header.mobile.open nav .footer { opacity: 1; }

/* SEARCH */
nav:has(~ .search #search_toggle:checked) { opacity: 0; transition: opacity 0.25s ease; pointer-events: none; }
header .search { position: relative; height: 40px; display: flex; align-items: center; }
header .search-form { width: 0px; height: 100%; border: none; padding: 0px; visibility: hidden; transition: width 0.25s linear; }
header .search-form .s { border: none; height: 100%; width: 100%; color: #33474e; }
header .search-form .s:focus { outline: 0; }
header .search-form .s::-webkit-input-placeholder { color: rgba(51, 71, 78, 0.5); }
header .search-form .s:-moz-placeholder { color: rgba(51, 71, 78, 0.5); }
header .search-form .s::-moz-placeholder { color: rgba(51, 71, 78, 0.5); }
header .search-form .s:-ms-input-placeholder { color: rgba(51, 71, 78, 0.5); }
header.desktop .search { margin-left: 16px; }
header.desktop .search-icon { color: #33474e; cursor: pointer; }
header.desktop .search-icon i { font-family: "Font Awesome 5 Pro"; font-weight: 400; line-height: 1; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; }
header.desktop .search-icon:hover { opacity: 0.65; }
header.desktop .search-form { padding-left: 48px; position: absolute; z-index: 10; top: 0; right: 32px; }
header.desktop .search-form .s { border-left: 1px solid #33474e; padding: 8px 4px; color: #33474e; background-color: transparent; }
header.desktop #search_toggle { display: none; }
header.desktop #search_toggle:checked ~ .search-form { visibility: visible; width: 340px; }
header.desktop .hint { display: none; color: #33474e; font-size: 12px; position: absolute; top: 25px; right: 0; white-space: nowrap; transition: opacity 0.3s ease-in-out; }
header.desktop .hint.visible { display: block; opacity: 1; }
header.mobile .search { position: relative; }
header.mobile .search .search-icon { width: 32px; flex-shrink: 0; }
header.mobile .search-form { position: relative; width: 56px; height: 40px; }
header.mobile .search-form input { border-radius: 8px; padding: 4px; }
header.mobile .search-form input[type=submit] { padding: 4px 8px; position: absolute; top: 2px; right: 2px; height: 36px; opacity: 0; transition: all 0.25s ease-in-out; }
header.mobile #mobile_search_toggle { position: absolute; left: 0; width: 24px; height: 24px; opacity: 0; }
header.mobile #mobile_search_toggle:checked ~ .search-form { visibility: visible; width: 100%; }
header.mobile #mobile_search_toggle:checked ~ .search-form input[type=submit] { opacity: 1; }

/* MEDIA QUERIES */
@media screen and (max-width:1280px) {
  header.desktop .bottom .logo img { max-height: 44px; }
  header.desktop .bottom nav > ul > li > a { font-size: 14px; padding: 32px 12px; }
  header.desktop .bottom nav > ul > li > a:after { height: calc(100% - 44px); top: 22px; }
  header.desktop .search { margin-left: 8px; }
}
@media screen and (max-width:1024px) {
  header.desktop { display: none !important; }
  header.mobile { display: block !important; }
}

/* FOOTER */
footer { font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; padding-top: 64px; padding-bottom: 48px; border-top: 1px solid #33474e; background-color: #33474e; color: #ffffff; }
footer h6 { text-transform: uppercase; margin-bottom: 16px; }
footer .logo { margin-bottom: 32px; }
footer .logo img { width: 209px; }
footer .row1 { min-height: 110px; margin-bottom: 108px; }
footer .row2 { margin-bottom: 56px; }
footer .column1 { display: flex; flex-direction: column; justify-content: space-between; }
footer .column1 form { margin-bottom: 24px; }
footer .column1 input[type=text] { padding: 8px 0; border: 0; border-bottom: 0.5px solid #ffffff; font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #ffffff; width: 100%; max-width: 350px; }
footer .column1 input[type=text]::-webkit-input-placeholder { color: #fff; }
footer .column1 .button-footer { margin-top: 16px; }
footer .column1 .bottom { max-width: 400px; }
footer .column2 { display: flex; flex-direction: column; }
footer nav { position: relative; }
footer nav ul { list-style: none; padding: 0; margin: 0; }
footer nav ul.top-level { display: flex; flex-wrap: wrap; }
footer nav ul.top-level > li { flex-basis: 50%; margin-bottom: 56px; }
footer nav ul.top-level > li .top-title {font-family:"montserrat",sans-serif;font-size:14px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;text-transform:uppercase;display: inline-block;margin-bottom:16px;}
footer nav ul.top-level > li:nth-of-type(-n + 2) { min-height: 110px; }
footer .signup-message { padding-top: 16px; }
footer .bottom { flex-basis: 50%; display: flex; align-items: flex-end; padding-right: 40px; margin-top: 16px; }
footer .company-name { position: absolute; right: 0; bottom: 0; width: 50%; margin-top: 16px; }
footer a { color: #ffffff; }
footer a i { font-size: 16px; font-family: "Font Awesome 5 Pro"; font-weight: 400; line-height: 1; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; }
footer a:hover { opacity: 0.65; }
footer a:focus { opacity: 0.65; }
#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: 1000; 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.65; }
#consent-modal > div { width: calc(100% - 80px); max-width: 700px; max-height: 98vh; padding: 40px; padding-top: 80px; background-color: #ffffff; position: relative; cursor: default; z-index: 100001; }
#consent-modal .close { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; cursor: pointer; transition: all 0.25s ease-in-out; }
#consent-modal .close i { font-size: 22px; margin-left: 10px; }
#consent-modal .content { display: flex; align-items: flex-start; }
#consent-modal .content > div *:first-child { margin-top: 0px; }
#consent-modal .content .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
#consent-modal input[type=checkbox] { -webkit-appearance: checkbox; margin: 10px 20px 0px 0px; min-width: 20px; }
@media (max-width:1024px) {
  footer .column1 input[type=text], footer .column1 .bottom { max-width: 100%; }
  footer .column2 .row1, footer .column2 .row2 { display: none; }
  footer nav ul.top-level { display: none; }
  footer .bottom { flex-basis: 100%; }
  footer .company-name { position: relative; width: 100%; }
  #consent-modal > div { padding: 40px 40px 40px 20px; }
  #width-check { z-index: 1; }
}
#content a:not(.button) { text-decoration: underline; }
#content a:not(.button):hover { opacity: 0.65; }
.grid > a { text-decoration: none !important; }
.content-twocol { margin-bottom: 32px; }
section#content > .grid.content-twocol > div:first-of-type > .image img { max-width: 650px; width: 100%; margin-bottom: 16px; }

/* INNERPAGE BANNER IMAGES */
body #hero .background { background-image: url(../../../../_resources/hero/about_us.jpg); }
body.cat-about-us #hero .background { background-image: url(../../../../_resources/hero/about_us.jpg); }
body.cat-projects.str-overview #hero .background { background-image: url(../../../../_resources/hero/projects.jpg); }
body.cat-projects.str-norway-uranium #hero .background { background-image: url(../../../../_resources/hero/norway_uranium.jpg); }
body.cat-projects.str-norway-sed-copper #hero .background { background-image: url(../../../../_resources/hero/norway_sedcopper.jpg); }
body.cat-projects.str-norway-vms #hero .background { background-image: url(../../../../_resources/hero/norway_vms.jpg); }
body.cat-projects.str-czech-vms #hero .background { background-image: url(../../../../_resources/hero/czech_vms.jpg); }
body.cat-projects.str-czech-lithium #hero .background { background-image: url(../../../../_resources/hero/czech_lithium.jpg); }
body.cat-projects.str-czech-nickel-pge #hero .background { background-image: url(../../../../_resources/hero/czech_nickel.jpg); }
body.cat-projects.str-cameroon-gold #hero .background { background-image: url(../../../../_resources/hero/cameroon_gold.jpg); }
body.cat-investors #hero .background { background-image: url(../../../../_resources/hero/investors.jpg);background-position: top center;  }
body.cat-sustainability #hero .background { background-image: url(../../../../_resources/hero/sustainability-v2.jpg); }
body.cat-news-media #hero .background { background-image: url(../../../../_resources/hero/news_media.jpg); }
body.cat-contact #hero .background { background-image: url(../../../../_resources/hero/contact.jpg); }
@media (max-width:1024px) {
  body.cat-projects.str-norway-uranium #hero .background { background-image: url(../../../../_resources/hero/norway_uranium_mobile.jpg); }
  body.cat-projects.str-norway-sed-copper #hero .background { background-image: url(../../../../_resources/hero/norway_sedcopper_mobile.jpg); }
  body.cat-projects.str-norway-vms #hero .background { background-image: url(../../../../_resources/hero/norway_vms_mobile.jpg); }
  body.cat-projects.str-czech-vms #hero .background { background-image: url(../../../../_resources/hero/czech_vms_mobile.jpg); }
  body.cat-projects.str-czech-lithium #hero .background { background-image: url(../../../../_resources/hero/czech_lithium_mobile.jpg); }
  body.cat-projects.str-czech-nickel-pge #hero .background { background-image: url(../../../../_resources/hero/czech_nickel_mobile.jpg); }
  body.cat-projects.str-cameroon-gold #hero .background { background-image: url(../../../../_resources/hero/cameroon_gold_mobile.jpg); }
}

/* HERO */
section#hero { margin: 0px 0 0 0; }
section#hero h1 { text-transform: uppercase; position: absolute; bottom:75px; color: #FFF; margin-bottom: 0;z-index:1; }
body.cat-about-us.str-royalties-and-equity-holdings section#hero h1{max-width: 900px;}
section#hero .background { width: calc(100% + 40px * 2); position: relative; left: -40px; border-bottom: 1px solid #33474e; background-repeat: no-repeat; background-position: center; background-size: cover; height: 454px; border-bottom: none;  margin-top: 110px; }
section#hero .background .container { position: initial; }
section#hero .background .vimeo-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; overflow: hidden; }
section#hero .background .vimeo-wrapper iframe { width: 100vw; height: 100vw; min-height: 100vh; min-width: 230vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section#hero .background::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 0; }
@media (max-width:1024px) {
  section#hero { margin: 0; }
  section#hero .background { width: calc(100% + 20px * 2); position: relative; left: -20px; height: 280px;margin-top:60px; }
}
body.article section#hero { display: none; }
section#content { padding-top: 64px; padding-bottom: 46px; }
section#featured-projects { border-top: 1px solid #33474e; border-bottom: none; }

/* CORPORATE */
.bio-item { cursor: pointer; border-radius: 8px; padding: 8px; margin-bottom: 40px; transition: all 0.25s ease-in-out; }
.bio-item.no-image { transition: all 0.25s ease-in-out; margin-bottom: 16px; margin-top: 16px; border: 1px solid #33474e; min-height: 150px; padding: 0px 20px; }
.bio-item.no-image:hover { background-color: #33474e; }
.bio-item.no-image .bio-title { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.bio-item.no-image .bio-popup .name { margin-bottom: 20px; }
@media (max-width:1024px) {
  .bio-item.no-image:hover { background-color: #ffffff; }
}
.bio-item .bio-image { position: relative; width: 100%; height: 370px; margin-bottom: 16px; }
.bio-item .bio-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }
.bio-item .bio-title .name { font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; }
.bio-item .bio-title .name span{font-size: 16px;}
@media (max-width:1024px) {
  .bio-item .bio-title .name { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: normal; }
  .bio-item .bio-title{font-size: 14px;}
}
.bio-item .bio-title .read-more { text-transform: uppercase; color: #33474e; margin-top: 16px; font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; }
.bio-item .bio-title .linkedin::after { content: "\f08c"; font-family: "Font Awesome 5 Brands"; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; font-size: 16px; margin-top: 8px; }
.bio-item .bio-popup { visibility: hidden; opacity: 0; pointer-events: none; position: fixed; inset: 0; z-index: 103; background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; transition: all 0.25s ease-in-out; }
.bio-item .bio-popup .wrapper { width: calc(100% - 40px * 2); max-width: 800px; max-height: 98vh; padding: 40px; padding-top: 80px; background-color: #ffffff; position: relative; cursor: default; overflow-y: auto; }
@media (max-width:1024px) {
  .bio-item .bio-popup .wrapper { width: calc(100% - 20px * 2); padding: 20px; padding-top: 40px; max-height: calc(94vh - 88px); margin-top: 88px; overflow-y: scroll; }
}
.bio-item .bio-popup .wrapper p:last-of-type { margin-bottom: 0; }
.bio-item .bio-popup .wrapper .bio-image{height: 270px;}
.bio-item .bio-popup .wrapper .bio-image img{width: unset;}
.bio-item .bio-popup .image img { max-height: 350px; }
.bio-item .bio-popup .name { margin-top: 16px; font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; }
.bio-item .bio-popup .name span{font-size: 16px;}
@media (max-width:1024px) {
  .bio-item .bio-popup .name { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: normal; }
  .bio-item .bio-popup .title {font-size:14px;}
}
.bio-item .bio-popup .linkedin::after { content: "\f08c"; font-family: "Font Awesome 5 Brands"; color: #33474e !important; font-weight: 400; font-style: normal; display: inline-block; line-height: 1; font-size: 16px; margin-top: 8px; }
.bio-item .bio-popup .close { position: absolute; top: 40px; right: 40px; display: flex; align-items: center; cursor: pointer; transition: all 0.25s ease-in-out; }
.bio-item .bio-popup .close i { font-size: 22px; margin-left: 10px; }
.bio-item .bio-popup .close:hover { opacity: 0.65; }
@media (max-width:1024px) {
  .bio-item .bio-popup .close { top: 5px; right: 20px; }
}
.bio-item:hover { background-color: #33474e; }
.bio-item:hover .bio-title { color: #ffffff; }
.bio-item:hover .read-more { color: #ffffff; }
.bio-item:hover .linkedin::after { color: #ffffff; }
.bio-item:focus { background-color: #33474e; }
.bio-item:focus .bio-title { color: #ffffff; }
.bio-item:focus .read-more { color: #ffffff; }
.bio-item:focus .linkedin::after { color: #ffffff; }
.bio-item.active .bio-popup { visibility: visible; opacity: 1; pointer-events: all; }
@media (max-width:1024px) {
  .bio-item:hover { background-color: #ffffff; }
  .bio-item:hover .bio-title { color: #33474e; }
  .bio-item:hover .read-more { color: #33474e; }
  .bio-item:hover .linkedin::after { color: #33474e; }
  .bio-item:focus { background-color: #ffffff; }
  .bio-item:focus .bio-title { color: #33474e; }
  .bio-item:focus .read-more { color: #33474e; }
  .bio-item:focus .linkedin::after { color: #33474e; }
}

/* PROJECTS */
section#project-summary { padding-top: 0; padding-bottom: 80px; }
section#project-summary h2 { text-transform: uppercase; }
section#project-summary .summary { margin-top: 88px; }
section#project-summary .summary .item { margin-bottom: 72px; }
section#project-summary .summary .item .image { height: 525px; background-image: url(../../../../_resources/hero/home.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 32px; }
section#project-summary .summary .item .stats h5 { text-transform: uppercase; }
section#project-summary .summary .item .stats .flex { font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; }
section#project-summary .summary .item .stats .flex > * { padding-right: 20px; }
@media (max-width:1024px) {
  section#project-summary { padding-top: 72px; padding-bottom: 64px; }
  section#project-summary .summary { margin-top: 64px; }
  section#project-summary .summary .item .image { height: 350px; }
  section#project-summary .intro .right { text-align: left; margin-top: 20px; }
}
#project-tab-bar { width: calc(100% + 40px * 2); position: relative; left: -40px; background-color: #eaf1f4; margin-bottom: 64px; display: flex; justify-content: space-between; align-items: center; padding: 8px 40px; text-transform: uppercase; font-weight: 700; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; overflow: hidden; }
#project-tab-bar .nav-tabs-container { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; cursor: pointer; }
#project-tab-bar select { display: none; cursor: pointer; margin: 0; outline: none; }
#project-tab-bar .nav-tabs { margin: 0px; padding: 0; list-style: none; display: flex; background-repeat: repeat-y; }
#project-tab-bar .nav-tabs li { cursor: pointer; position: relative; display: block; border-radius: 6px; padding: 8px 12px; border: 1px solid #1a8ccb; background-color: #1a8ccb; color: #ffffff; text-transform: uppercase; font-weight: 700; margin-left: 16px; white-space: nowrap; font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; transition: all 0.25s ease-in-out; }
#project-tab-bar .nav-tabs li.addtab { width: 100px; }
#project-tab-bar .nav-tabs li.current, #project-tab-bar .nav-tabs li:hover { background-color: #33474e; color: #ffffff; border: 1px solid #33474e; }
#project-tab-bar .nav-tabs > li.has-sub::before { content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 400; position: absolute; right: 15px; top: 15px; }
#project-tab-bar .nav-tabs > li.has-sub:hover ul.sub-tabs { opacity: 1; pointer-events: all; }
@media (max-width:1024px) {
  #project-tab-bar .nav-tabs { padding: 0 20px; margin-top: 8px; }
  #project-tab-bar .nav-tabs > li:first-of-type { margin-left: 0; }
  #project-tab-bar .nav-tabs > li:last-of-type { margin-right: 20px; }
}
#project-tab-bar .sub-tabs { position: absolute; opacity: 0; pointer-events: none; transition: all 0.25s ease-in-out; padding: 15px 30px; margin: 0px; list-style: none; background-color: #ffffff; z-index: 1; width: 100%; left: 0px; top: 100%; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); }
#project-tab-bar .sub-tabs > li { text-align: left; padding: 4px 0px; background-color: white; color: black; }
@media (max-width:1024px) {
  #project-tab-bar { display: block; width: calc(100% + 20px * 2); position: relative; left: -20px; padding: 8px 0; }
  #project-tab-bar .page-title { padding: 0 20px; }
}
.tab-content { display: none; }
.tab-content.active { display: block; animation-duration: 0.5s; animation-name: fade-in; }
.tab-content .element-bar { display: none !important; }
.tab-content .element-bar.showit { display: block !important; }

/* INVESTORS */
section#info-resources .heading { padding-bottom: 24px; }
section#info-resources .resources > .grid { height: calc(100% - 48px); }
section#info-resources .resources > .grid .resource { border-top: 1px solid #33474e; border-bottom: 1px solid #33474e; padding: 24px 0; }
section#info-resources .resources > .grid .resource .image img { -o-object-fit: cover; object-fit: cover; }
section#info-resources .resources > .grid .resource .details { display: flex; flex-direction: column; }
section#info-resources .resources > .grid .resource .details .date { font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; }
section#info-resources .resources > .grid .resource .details .title { font-family: "montserrat", sans-serif; font-size: 32px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-transform: uppercase; padding: 18px 0; }
section#info-resources .resources > .grid .resource .details .link { margin-top: 24px; }
@media (max-width:1280px) {
  section#info-resources .resources > .grid .resource .details .title { font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; }
}
@media (max-width:1024px) {
  section#info-resources .resources { margin-top: 32px; }
  section#info-resources .resources > .grid .resource { margin-bottom: 24px; }
}
.grid.presentations a { grid-column: span 4; font-family: "montserrat", sans-serif; font-size: 32px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; margin-bottom: 16px; background-color: #56747f; color: #ffffff; transition: all 0.25s ease-in-out; min-height: 135px; padding: 24px 70px 24px 36px; position: relative; }
.grid.presentations a:after { content: "\e09f"; position: relative; font-family: "Font Awesome 6 Pro"; display: block; font-size: 28px; font-weight: 300; margin-top: 12px; }
.grid.presentations a:before { content: "\f1c1"; position: absolute; font-family: "Font Awesome 6 Pro"; right: 36px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 36px; }
.grid.presentations a i.fa-arrow-up-right { font-size: 28px; margin-top: 12px; }
.grid.presentations a:hover { background-color: #33474e; }
@media (max-width:1024px) {
  .grid.presentations a { font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; }
}
.grid.presentations .mobile { display: none; }
@media (max-width:1024px) {
  .grid.presentations a { grid-column: span 8; }
  .grid.presentations .flex .button { display: none; }
  .grid.presentations .mobile { display: block; margin-top: 24px; }
}

/* NEWS */
section#news-header { margin-top: 150px; }
section#news-header h1 { font-family: "montserrat", sans-serif; font-size: 56px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; }
section#news-header .links { width: calc(100% + 40px * 2); position: relative; left: -40px; border-top: 1px solid #33474e; border-bottom: 1px solid #33474e; padding: 12px 0; }
section#news-header .links a { font-family: "montserrat", sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-transform: uppercase; display: inline-block; }
section#news-header .links a:hover { opacity: 0.65; }
section#news-header .links a:first-of-type { margin-right: 30px; }
section#news-header .links i { font-size: 22px; position: relative; top: 3px; margin-right: 5px; }
@media (max-width:1024px) {
  section#news-header { margin-top: 24px; }
  section#news-header h1 { font-family: "montserrat", sans-serif; font-size: 24px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: normal; margin-bottom: 1.33em; }
  section#news-header .links { width: calc(100% + 20px * 2); position: relative; left: -20px; }
}
body .a2a_menu { margin-top: 15px !important; }
body .a2a_menu a { font-family: "montserrat", sans-serif; font-size: 15px; }

/* MEDIA */
.media-items .item { display: flex; flex-direction: column; justify-content: space-between; background-color: #56747f; transition: all 0.25s ease-in-out; min-height: 355px; padding: 16px 16px 24px 16px; margin-bottom: 20px; }
.media-items .item .image { background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 200px; }
.media-items .item .date { font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; }
.media-items .item .title { font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; }
@media (max-width:1024px) {
  .media-items .item .title { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: normal; }
}
.media-items .item:hover { background-color: #33474e; }
.media-items .item:focus { background-color: #33474e; }

/* CONTACT */
.cat-contact iframe { width: calc(100% - 75px); }
@media (max-width:1024px) {
  .cat-contact iframe { width: 100%; }
}

/* GENERAL */
table.document-listing { width: 100%; border: 0; }
table.document-listing tr { border-top: 1px solid #33474e; border-bottom: none; position: relative; }
table.document-listing tr td { padding: 5px 0; font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; white-space: nowrap; }
table.document-listing tr td:first-of-type { white-space: normal; }
table.document-listing tr td:last-of-type { text-align: right; font-size: 14px; padding-top: 4px; }
table.document-listing tr td:last-of-type a { font-weight: 700; text-decoration: none !important; }
table.document-listing tr td:last-of-type a:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
table.document-listing tr td:last-of-type a:hover { opacity: 0.65; }
@media (max-width:1024px) {
  table.document-listing tr { display: flex; flex-direction: column; }
  table.document-listing tr td { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: normal; }
  table.document-listing tr td:last-of-type { text-align: left; font-size: 16px; }
}
.document { display: flex; justify-content: space-between; border-top: 1px solid #33474e; padding: 3px 0; }
.document > * { font-family: "montserrat", sans-serif; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; }
.document > *:last-of-type { text-align: right; font-size: 12px; padding-top: 4px; }
.document > *:last-of-type a { font-weight: 700; }
@media (max-width:1024px) {
  .document > * { font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: normal; }
}

/*.featherlight .featherlight-content { width:800px; height:450px; background: url(../img/loading.gif?v2) center no-repeat #000 !important; background-size:100px !important; }*/
.qm-wrap-info * { font-family: "montserrat", sans-serif; }
section#latest-news { width: 100%; margin-left: 0; margin-right: 0; border-bottom: none; }

/* TABS - YEARLY */
.tabs .tab-container { width: calc(100% + 40px * 2); position: relative; left: -40px; border-bottom: 1px solid #33474e; margin-bottom: 48px; }
.tabs .tab-container .nav-tabs { display: none; }
.tabs .tab-container .select-tabs { margin-bottom: 7px; padding-top: 7px; }
.tabs .tab-container .select-tabs label { margin-left: 27px; text-transform: uppercase; font-family: "montserrat", sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; }
.tabs .tab-container .select-wrapper { position: relative; display: inline-block; }
.tabs .tab-container .select-wrapper select { cursor: pointer; margin: 0; outline: none; border: none; padding: 2px 25px 2px 10px; position: relative; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #000; }
.tabs .tab-container .select-wrapper:after { content: "\f078"; right: 5px; position: absolute; font-family: "Font Awesome 5 Pro"; top: 4px; font-size: 14px; pointer-events: none; }
@media (max-width:1024px) {
  .tabs .tab-container { width: calc(100% + 20px * 2); position: relative; left: -20px; }
}
.tabs .tab-content { display: none; }
.tabs .tab-content.active { display: block; animation-duration: 0.5s; animation-name: fade-in; }
.tabs .tab-content .element-bar { display: none !important; }
.tabs .tab-content .element-bar.showit { display: block !important; }
@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.map-caption { text-transform: uppercase; font-weight: 700; }
.linkedin-widget .Main__Inner-sc-129s5zi-0.epGgGS { max-width: unset !important; }

ul.icon-list { list-style: none; padding: 0; margin: 0; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
ul.icon-list li { -webkit-flex-basis: calc(50% - 12px); flex-basis: calc(50% - 12px); margin-top: 20px; margin-bottom: 20px; }
ul.icon-list li:nth-of-type(odd) { margin-right: 24px; }
ul.icon-list li strong { display: block; padding:12px 0; }
body.str-sustainability ul.icon-list li:before { content:""; background-repeat: no-repeat; height:52px; width: 52px; display: block; }
body.str-sustainability ul.icon-list li:nth-of-type(1)::before { background-image:url(../../../../_resources/icons/low-impact.svg); }
body.str-sustainability ul.icon-list li:nth-of-type(2)::before { background-image:url(../../../../_resources/icons/community.svg); }
body.str-sustainability ul.icon-list li:nth-of-type(3)::before { background-image:url(../../../../_resources/icons/recognition.svg); }
body.str-sustainability ul.icon-list li:nth-of-type(4)::before { background-image:url(../../../../_resources/icons/environmental.svg); }
body.str-sustainability ul.icon-list li:nth-of-type(5)::before { background-image:url(../../../../_resources/icons/energy-transition.svg); }
body.str-sustainability ul.icon-list li:nth-of-type(6)::before { background-image:url(../../../../_resources/icons/responsible-growth.svg); }

@media (max-width:768px) {
  ul.icon-list li { margin-right: 0 !important; -webkit-flex-basis: 100%; flex-basis: 100%; }
}