:root { --sky-blue: #00b6de; --medium-blue: #aae7f4; --light-blue: #baf2ff; --accessible-blue: #067fa5; --orange: #e98033; --near-black: #2f2e30; --earth: #414042; --dark-grey: #606870; --medium-grey: #becbd7; --hover-grey: #e3eaf1; --light-grey: #edf2f6; --almost-white: #fafafa; --black: #000000; --white: #FFFFFF; }
@-webkit-keyframes scrollBrowser {
  0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  50% { -webkit-transform: translateY(-213.885px); transform: translateY(-213.885px); }
  100% { -webkit-transform: translateY(-557.656px); transform: translateY(-557.656px); }
}
@keyframes scrollBrowser {
  0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  50% { -webkit-transform: translateY(-213.885px); transform: translateY(-213.885px); }
  100% { -webkit-transform: translateY(-557.656px); transform: translateY(-557.656px); }
}

/* Functions */
.column-1 { width: calc((((100% - (11 * 20px))/12) * 1) + ((1 - 1) * 20px)); }
.column-2 { width: calc((((100% - (11 * 20px))/12) * 2) + ((2 - 1) * 20px)); }
.column-3 { width: calc((((100% - (11 * 20px))/12) * 3) + ((3 - 1) * 20px)); }
.column-4 { width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); }
.column-5 { width: calc((((100% - (11 * 20px))/12) * 5) + ((5 - 1) * 20px)); }
.column-6 { width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
.column-7 { width: calc((((100% - (11 * 20px))/12) * 7) + ((7 - 1) * 20px)); }
.column-8 { width: calc((((100% - (11 * 20px))/12) * 8) + ((8 - 1) * 20px)); }
.column-9 { width: calc((((100% - (11 * 20px))/12) * 9) + ((9 - 1) * 20px)); }
.column-10 { width: calc((((100% - (11 * 20px))/12) * 10) + ((10 - 1) * 20px)); }
.column-11 { width: calc((((100% - (11 * 20px))/12) * 11) + ((11 - 1) * 20px)); }
.column-12 { width: calc((((100% - (11 * 20px))/12) * 12) + ((12 - 1) * 20px)); }
*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
html { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; overflow-x: hidden; }
body { font-family: "Outfit", sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; background: #FFF; color: var(--earth); -webkit-font-smoothing: antialiased; -ms-overflow-x: hidden; overflow-x: hidden; }
section, header, footer { display: block; width: 100%; }
#smooth-content { will-change: transform; }
h1 { font-family: "Outfit", sans-serif; font-size: 68px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.15; letter-spacing: normal; }
@media (max-width:1024px) {
  h1 { font-family: "Outfit", sans-serif; font-size: 46px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; }
}
h2 { font-family: "Outfit", sans-serif; font-size: 52px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; }
@media (max-width:1024px) {
  h2 { font-family: "Outfit", sans-serif; font-size: 40px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; }
}
h3 { font-family: "Outfit", sans-serif; font-size: 46px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; }
@media (max-width:1024px) {
  h3 { font-family: "Outfit", sans-serif; font-size: 34px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.12; letter-spacing: normal; }
}
h4 { font-family: "Outfit", sans-serif; font-size: 32px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; }
@media (max-width:1024px) {
  h4 { font-family: "Outfit", sans-serif; font-size: 26px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; }
}
h5 { font-family: "Outfit", sans-serif; font-size: 22px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; }
@media (max-width:1024px) {
  h5 { font-family: "Outfit", sans-serif; font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; }
}
h6 { font-family: "Outfit", sans-serif; font-size: 18px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
@media (max-width:1024px) {
  h6 { font-family: "Outfit", sans-serif; font-size: 16px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
}
i.fa { font-family: "Font Awesome 6 Pro"; font-style: normal; font-weight: normal; }
input[type=submit], input[type=text], input[type=email], input[type=search], textarea, select, button { -webkit-appearance: none; -moz-appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0; }
input[type=submit] { cursor: pointer; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
input[type=text] { font-family: "Outfit", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 14px 0px; margin: 25px 0; outline: none; }
input[type=text]::-webkit-input-placeholder { color: #FFF; }
select, textarea { color: #000; }
select::-ms-expand { display: none; }
a { text-decoration: none; color: var(--sky-blue); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
p { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
@media (max-width:550px) {
  p { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
}
li { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
@media (max-width:1024px) {
  li { font-family: "Outfit", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
}
strong, b { font-weight: 700; }
img, iframe { max-width: 100%; }
img { height: auto; }
#width-check { z-index: 0; }
.df { display: -webkit-box; display: -ms-flexbox; display: flex; }
.aic { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.jcsb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.jcfe { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.fw { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.fwwr { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }
.scrollHide { overflow-x: hidden; }
.fade { opacity: 0; will-change: transform; }
.only-mobile { display: none !important; }
@media (max-width:550px) {
  .only-mobile { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }
}
.container { max-width: 1960px; margin: 0 auto; position: relative; padding-left: 80px; padding-right: 80px; }
.container.container__xl { max-width: 1270px; }
@media (max-width:1285px) {
  .container.container__xl { padding-left: 15px; padding-right: 15px; }
}
@media (max-width:767px) {
  .container.container__xl { padding-left: 10px; padding-right: 10px; }
}
@media (max-width:550px) {
  .container.container__xl { padding-left: 25px; padding-right: 25px; }
}
@media (max-width:767px) {
  .container { padding-left: 20px; padding-right: 20px; }
}
.container.dark h1, .container.dark h2, .container.dark h3, .container.dark h4, .container.dark h5, .container.dark h6 { color: #FFF; }
.container.dark p, .container.dark * { color: #FFF; }
.container.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.container.center * { text-align: center; }
.container.flex-jsb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.container.flex-w { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.left-container { width: 50%; }
.right-container { width: 50%; }
section > .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
section > .container.center, section > .container.jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
section > .container.jcfe { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
section.dark { background-color: #000; }
section.dark > div * { color: #FFF; }
.button {  /*background-color: #FFF;*/
border: solid 2px var(--sky-blue); color: var(--earth); display: inline-block; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; outline: 0; padding: 18px 46px; margin-top: 24px; }
.button:focus { outline: 1px dashed var(--sky-blue); outline-offset: 8px; }
.button:active { background-color: var(--sky-blue); outline: 0; outline-offset: 0; }
.button:active:hover { background-color: var(--sky-blue); outline: 0; outline-offset: 0; }
.button:hover { background-color: var(--light-blue); outline: 0; outline-offset: 0; }
.arrow { font-family: "Outfit", sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: var(--earth); position: relative; }
.arrow:after { background-color: var(--sky-blue); content: ""; display: inline-block; height: 14px; margin-left: 14px; position: relative; top: 1px; width: 9px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.17, 0.17, 0.05, 1); transition: all 0.5s cubic-bezier(0.17, 0.17, 0.05, 1); -webkit-mask: url(../../../../_resources/svg/taseko-arrow-right.svg) no-repeat 50% 50%; mask: url(../../../../_resources/svg/taseko-arrow-right.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; }
.arrow:hover:after { -webkit-animation: fadeOutRightInLeft 2s forwards; animation: fadeOutRightInLeft 2s forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
@-webkit-keyframes fadeOutRightInLeft {
  0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  51% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeOutRightInLeft {
  0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  51% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeOutRightInLeft { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
header.desktop { background-color: #FFF; left: 0; position: fixed; right: 0; top: 0; z-index: 20; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container, header.desktop .tab-system .tab-wrapper > li, .tab-system header.desktop .tab-wrapper > li { align-items: center; display: flex; height: 100%; justify-content: flex-end; max-width: 1800px; padding: 0 20px; }
header.desktop .container .logo, header.desktop .tab-system .tab-wrapper > li .logo, .tab-system header.desktop .tab-wrapper > li .logo { margin-right: auto; padding: 0 20px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container .logo:hover, header.desktop .tab-system .tab-wrapper > li .logo:hover, .tab-system header.desktop .tab-wrapper > li .logo:hover { opacity: 0.5; }
header.desktop .container .logo img, header.desktop .tab-system .tab-wrapper > li .logo img, .tab-system header.desktop .tab-wrapper > li .logo img, header.desktop .container .logo svg, header.desktop .tab-system .tab-wrapper > li .logo svg, .tab-system header.desktop .tab-wrapper > li .logo svg { display: block; height: 27px; width: 170px; }
header.desktop .container nav, header.desktop .tab-system .tab-wrapper > li nav, .tab-system header.desktop .tab-wrapper > li nav { align-items: center; display: flex; }
header.desktop .container nav ul, header.desktop .tab-system .tab-wrapper > li nav ul, .tab-system header.desktop .tab-wrapper > li nav ul { list-style: none; margin: 0; padding: 0; }
header.desktop .container nav > ul, header.desktop .tab-system .tab-wrapper > li nav > ul, .tab-system header.desktop .tab-wrapper > li nav > ul { display: flex; justify-content: flex-end; }
header.desktop .container nav > ul > li, header.desktop .tab-system .tab-wrapper > li nav > ul > li, .tab-system header.desktop .tab-wrapper > li nav > ul > li { display: inline-block; padding: 0; position: relative; }
header.desktop .container nav > ul > li:last-of-type > ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li:last-of-type > ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li:last-of-type > ul { left: unset; right: 0; transform: translateX(0); }
header.desktop .container nav > ul > li a, header.desktop .tab-system .tab-wrapper > li nav > ul > li a, .tab-system header.desktop .tab-wrapper > li nav > ul > li a { color: var(--earth); font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; display: block; padding: 30.5px 20px; position: relative; z-index: 10; }
header.desktop .container nav > ul > li > a, header.desktop .tab-system .tab-wrapper > li nav > ul > li > a, .tab-system header.desktop .tab-wrapper > li nav > ul > li > a { white-space: nowrap; }
header.desktop .container nav > ul > li:hover > a, header.desktop .tab-system .tab-wrapper > li nav > ul > li:hover > a, .tab-system header.desktop .tab-wrapper > li nav > ul > li:hover > a { background-color: var(--light-grey); }
header.desktop .container nav > ul > li:hover > ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li:hover > ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li:hover > ul { opacity: 1; pointer-events: all; transition-delay: 0s, 0s, 0.3s; visibility: visible; }
header.desktop .container nav > ul > li > ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul { background: #FFF; border: 2px solid var(--light-grey); border-bottom: 0; left: 50%; min-width: 335px; opacity: 0; padding: 0; position: absolute; pointer-events: none; top: 84px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; transform: translateX(-50%); visibility: hidden; z-index: 9; }
header.desktop .container nav > ul > li > ul > li, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li { border-bottom: 2px solid var(--light-grey); position: relative; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container nav > ul > li > ul > li:hover, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li:hover, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li:hover { background-color: var(--light-blue); border-color: var(--sky-blue); }
header.desktop .container nav > ul > li > ul > li:hover > a, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li:hover > a, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li:hover > a { font-weight: bold; }
header.desktop .container nav > ul > li > ul > li a, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li a, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li a { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--earth); display: block; padding: 13px 20px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container nav > ul > li > ul > li:hover > ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li:hover > ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li:hover > ul { opacity: 1; pointer-events: all; transition-delay: 0s, 0s, 0.3s; visibility: visible; }
header.desktop .container nav > ul > li > ul > li ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li ul { background: #FFF; border: 2px solid var(--light-grey); border-bottom: 0; left: 150%; min-width: 335px; opacity: 0; pointer-events: none; position: absolute; top: -2px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; transform: translateX(-50%); visibility: hidden; z-index: 9; }
header.desktop .container nav > ul > li > ul > li ul > li, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li ul > li, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li ul > li { border-bottom: 2px solid var(--light-grey); position: relative; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container nav > ul > li > ul > li ul > li:hover, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li ul > li:hover, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li ul > li:hover { background-color: var(--light-blue); border-color: var(--sky-blue); }
header.desktop .container nav > ul > li > ul > li ul > li:hover > a, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li ul > li:hover > a, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li ul > li:hover > a { font-weight: bold; }
.navigation-bar { -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
.navigation-bar__top { border-bottom: 1px solid var(--light-grey); height: 34px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
.navigation-bar__top > .container, .tab-system .tab-wrapper.navigation-bar__top > li { align-items: center; display: flex; height: 100%; justify-content: flex-end; }
.navigation-bar__top > .container > div, .tab-system .tab-wrapper.navigation-bar__top > li > div { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--dark-grey); padding: 0 12px; }
.navigation-bar__top > .container > div span, .tab-system .tab-wrapper.navigation-bar__top > li > div span { color: var(--sky-blue); }
.navigation-bar__top > .container > div:last-of-type, .tab-system .tab-wrapper.navigation-bar__top > li > div:last-of-type { padding-right: 0; }
.navigation-bar__bottom { height: 84px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
.navigation-bar__bottom > .container, .tab-system .tab-wrapper.navigation-bar__bottom > li { padding-left: 0 !important; padding-right: 0 !important; }
.scrolled header.desktop { top: -34px; }
.scrolled header.desktop .navigation-bar__bottom { height: 58px; }
.scrolled header.desktop .container nav > ul > li > a, .scrolled header.desktop .tab-system .tab-wrapper > li nav > ul > li > a, .tab-system .scrolled header.desktop .tab-wrapper > li nav > ul > li > a { padding: 18px 20px; }
.scrolled header.desktop .container nav > ul > li > ul, .scrolled header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul, .tab-system .scrolled header.desktop .tab-wrapper > li nav > ul > li > ul { top: 58px; }
header.mobile { display: none; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1000; pointer-events: none; height: 100%; }
header.mobile .head { display: flex; justify-content: space-between; height: 80px; align-items: center; padding: 0px 20px; background-color: #FFF; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; pointer-events: all; }
@media screen and (max-width:550px) {
  header.mobile .head { padding: 0 eight(2); }
}
header.mobile .head .logo a { display: flex; position: relative; }
header.mobile .head .logo img { position: relative; width: 142px; }
header.mobile .head .logo img:nth-of-type(1) { display: block; }
header.mobile .head .logo img:nth-of-type(2) { display: none; }
header.mobile .head .menu-icon { position: relative; width: 50px; height: 35px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; cursor: pointer; pointer-events: all; z-index: 100; }
header.mobile .head .menu-icon span { height: 3px; width: 100%; background-color: var(--earth); margin-bottom: 13px; display: block; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.mobile .head .menu-icon span:last-of-type { position: absolute; bottom: 0; left: 0; margin-bottom: 0px; }
header.mobile .mobile-menu { position: relative; padding-bottom: 0; background-color: #FFF; height: calc(100% - 74px);    /*height: calc((var(--vh, 1vh) * 100) - 74px);*/ transform: translateX(-200%); -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
@media (max-width:350px) {
  header.mobile .mobile-menu { height: calc(100vh - 44px); height: calc((var(--vh, 1vh) * 100) - 44px); }
}
header.mobile .mobile-menu nav { overflow-y: auto; height: calc(100% - 185px);      /* max-height: calc(100vh - 130px); max-height: calc((var(--vh, 1vh) * 100) - 130px); max-height: calc(100vh - 60px); max-height: calc((var(--vh, 1vh) * 100) - 60px);*/ }
header.mobile .mobile-menu nav ul.top { list-style: none; margin: 0px; padding: 20px; }
header.mobile .mobile-menu nav ul.top > li > a { font-family: 'Outfit', sans-serif; font-size: 26px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; color: var(--earth); margin: 0; display: flex; justify-content: space-between; padding: 9px 0px; }
header.mobile .mobile-menu nav ul.top > li > a.has-submenu::after { align-self: center; color: #000; content: '\2b'; font-family: "Font Awesome 6 Sharp"; -webkit-font-smoothing: antialiased; font-size: 28px; font-weight: 300; position: relative; line-height: 1; }
header.mobile .mobile-menu nav ul.top > li > a.has-submenu.show::after { content: '\f068'; font-size: 28px; }
header.mobile .mobile-menu nav ul.sub { display: none; background-color: #FFF; list-style: none; margin: 4px 0px 12px; padding: 0; }
header.mobile .mobile-menu nav ul.sub > li > a { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: var(--earth); margin: 0; display: flex; justify-content: space-between; padding: 7px 0px; }
header.mobile .mobile-menu nav ul.sub > li > a.has-submenu::after { align-self: center; color: #000; content: '\2b'; font-family: "Font Awesome 6 Sharp"; -webkit-font-smoothing: antialiased; font-size: 22px; font-weight: 300; position: relative; line-height: 1; transition: all .275s ease-in-out; }
header.mobile .mobile-menu nav ul.sub > li > a.has-submenu.show::after { content: '\f068'; font-size: 22px; }
header.mobile .mobile-menu nav ul.subsub { display: none; list-style: none; margin: 4px 0px 12px; padding: 0 0 0 24px; }
header.mobile .mobile-menu nav ul.subsub > li > a { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: var(--earth); font-weight: 600; margin: 0; padding: 7px 0px; display: block; width: 100%; }
header.mobile .mobile-menu .bottom { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 185px; padding: 30px 20px; }
header.mobile .mobile-menu .bottom .flex { margin-top: 30px; }
header.mobile .mobile-menu .bottom .stock-info { display: block; margin-bottom: 32px; width: 100%; }
header.mobile .mobile-menu .bottom .stock-info > div { font-family: 'Outfit', sans-serif; font-size: 14px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; padding: 0; }
header.mobile .mobile-menu .bottom .stock-info > div + div { margin-top: 4px; }
header.mobile .mobile-menu .bottom .stock-info > div span { color: var(--sky-blue); }
header.mobile.open { pointer-events: all; }
header.mobile.open .head .menu-icon { width: 35px; height: 37px; }
header.mobile.open .head .menu-icon span { -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.mobile.open .head .menu-icon span:nth-of-type(1) { width: 50px; position: absolute; top: 0px; left: 0px; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
header.mobile.open .head .menu-icon span:nth-of-type(2) { position: absolute; width: 0px; height: 0px; top: 50%; opacity: 0; }
header.mobile.open .head .menu-icon span:nth-of-type(3) { width: 50px; position: absolute; bottom: 0px; left: 0px; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
header.mobile.open .head .logo a img:nth-of-type(1) { display: none; }
header.mobile.open .head .logo a img:nth-of-type(2) { display: block; }
header.mobile.open .mobile-menu { transform: translateX(0); }
header.mobile.sticky .head { background-color: var(--sky-blue); }

/* MEDIA QUERIES */
@media (max-width:2040px) {
  header.desktop .bottom .container, header.desktop .bottom .tab-system .tab-wrapper > li, .tab-system header.desktop .bottom .tab-wrapper > li { padding-left: 50px; padding-right: 50px; width: 100%; }
}
@media screen and (max-width:1024px) {
  header.desktop { display: none !important; }
  header.mobile { display: block !important; }
}
.blender-mobile-menu__toggle { cursor: pointer; display: inline-block; line-height: 25px; position: relative; top: -1px; vertical-align: middle; width: 25px; -webkit-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
.blender-mobile-menu__toggle:before { content: ""; bottom: -15px; display: block; left: -15px; position: absolute; right: -15px; top: -15px; }
.blender-mobile-menu__toggle span { background-color: #FFF; display: block; height: 2px; margin: 5px 0; position: relative; top: 0; width: 100%; z-index: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: top 0.3s 0.3s, -webkit-transform 0.3s; transition: top 0.3s 0.3s, -webkit-transform 0.3s; transition: top 0.3s 0.3s, transform 0.3s; transition: top 0.3s 0.3s, transform 0.3s, -webkit-transform 0.3s; }
.blender-mobile-menu__toggle.is-open span:first-child { -webkit-animation: mobile-menu-open-top 0.75s; animation: mobile-menu-open-top 0.75s; top: 4px; -webkit-transform: rotate(45deg) scaleX(1); transform: rotate(45deg) scaleX(1); -webkit-transition-duration: 0s, 0s; transition-duration: 0s, 0s; }
.blender-mobile-menu__toggle.is-open span:last-child { -webkit-animation: mobile-menu-open-bottom 0.75s; animation: mobile-menu-open-bottom 0.75s; top: -3px; -webkit-transform: rotate(-45deg) scaleX(1); transform: rotate(-45deg) scaleX(1); -webkit-transition-duration: 0s, 0s; transition-duration: 0s, 0s; }
@-webkit-keyframes mobile-menu-open-top {
  0% { opacity: 1; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(1); transform: rotate(0) scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; }
  30% { opacity: 1; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(0); transform: rotate(0) scaleX(0); }
  30.1% { opacity: 0; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(0); transform: rotate(0) scaleX(0); }
  31% { opacity: 1; top: -5px; left: 3px; -webkit-transform: rotate(45deg) scaleX(0); transform: rotate(45deg) scaleX(0); }
  100%, 80% { opacity: 1; top: -5px; left: 3px; -webkit-transform: rotate(45deg) scaleX(1); transform: rotate(45deg) scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; }
}
@keyframes mobile-menu-open-top {
  0% { opacity: 1; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(1); transform: rotate(0) scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; }
  30% { opacity: 1; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(0); transform: rotate(0) scaleX(0); }
  30.1% { opacity: 0; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(0); transform: rotate(0) scaleX(0); }
  31% { opacity: 1; top: -5px; left: 3px; -webkit-transform: rotate(45deg) scaleX(0); transform: rotate(45deg) scaleX(0); }
  100%, 80% { opacity: 1; top: -5px; left: 3px; -webkit-transform: rotate(45deg) scaleX(1); transform: rotate(45deg) scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; }
}
@-webkit-keyframes mobile-menu-open-bottom {
  0% { opacity: 1; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(1); transform: rotate(0) scaleX(1); -webkit-transform-origin: right center; transform-origin: right center; }
  50% { opacity: 1; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(0); transform: rotate(0) scaleX(0); }
  50.1% { opacity: 0; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(0); transform: rotate(0) scaleX(0); }
  51%, 55% { opacity: 1; top: -12px; left: -4px; -webkit-transform: rotate(-45deg) scaleX(0); transform: rotate(-45deg) scaleX(0); }
  100% { opacity: 1; top: -12px; left: -4px; -webkit-transform: rotate(-45deg) scaleX(1); transform: rotate(-45deg) scaleX(1); -webkit-transform-origin: right center; transform-origin: right center; }
}
@keyframes mobile-menu-open-bottom {
  0% { opacity: 1; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(1); transform: rotate(0) scaleX(1); -webkit-transform-origin: right center; transform-origin: right center; }
  50% { opacity: 1; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(0); transform: rotate(0) scaleX(0); }
  50.1% { opacity: 0; top: 0; left: 0; -webkit-transform: rotate(0) scaleX(0); transform: rotate(0) scaleX(0); }
  51%, 55% { opacity: 1; top: -12px; left: -4px; -webkit-transform: rotate(-45deg) scaleX(0); transform: rotate(-45deg) scaleX(0); }
  100% { opacity: 1; top: -12px; left: -4px; -webkit-transform: rotate(-45deg) scaleX(1); transform: rotate(-45deg) scaleX(1); -webkit-transform-origin: right center; transform-origin: right center; }
}

/* EMAIL SIGNUP */
#signup-form { margin-bottom: 50px; }
#signup-form input:-webkit-autofill, #signup-form input:-webkit-autofill:hover, #signup-form input:-webkit-autofill:focus, #signup-form input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #FFF !important; }
#signup-form h4 { color: #FFF; margin: 0 0 36px; }
#signup-form input[type=text] { background-color: var(--near-black); border-bottom: solid 1px var(--light-grey); color: var(--medium-grey); font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; height: 40px; line-height: normal; letter-spacing: normal; margin: 0; padding: 0 12px; width: 100%; }
#signup-form input[type=submit] { display: none; visibility: hidden; }
#signup-form .input-fields { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 338px; }
#signup-form .input-fields > div { width: 100%; }
#signup-form label { -ms-flex-item-align: end; align-self: flex-end; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 14px; margin-left: 20px; position: absolute; right: 12px; top: 13px; width: 9px; }
#signup-form svg { cursor: pointer; height: 14px; width: 9px; -webkit-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
.signup-message { color: #FFF; }
.grecaptcha-badge { display: none !important; z-index: 100; }
.grecaptcha-badge.show { display: block !important; visibility: visible !important; }
.grecaptcha-badge { display: none !important; z-index: 100; }
.grecaptcha-badge.show { display: block !important; visibility: visible !important; }
#consent-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 100000; opacity: 0; display: none; pointer-events: none; transition: all 0.25s ease-in-out; }
#consent-modal.show { opacity: 1; display: flex; pointer-events: all; overflow-y: hidden; }
#consent-modal::before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-color: #000000; opacity: 0.5; }
#consent-modal > div { box-sizing: border-box; position: relative; z-index: 100001; width: 100%; max-width: 700px; background-color: #ffffff;    /*border: solid 1px #000000;*/ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); padding: 40px 80px 40px 30px; }
#consent-modal .close { position: absolute; top: 10px; right: 20px; cursor: pointer; display: block; }
#consent-modal .close span { text-decoration: underline; }
#consent-modal .close::after { content: '\f00d'; margin-left: 6px; font-family: "Font Awesome 6 Pro"; display: inline-block; }
#consent-modal .content { display: flex; -webkit-align-items: flex-start; align-items: flex-start; }
#consent-modal .content > div *:first-child { margin-top: 0px; }
#consent-modal input[type="checkbox"] { -webkit-appearance: checkbox; margin: 10px 20px 0px 0px; min-width: 20px; }
@media screen and (max-width:767px) {
  #consent-modal > div { padding: 40px 40px 40px 20px; }
}

/* FOOTER */
footer { background-color: var(--earth); position: relative; }
footer:before { content: ''; background-repeat: no-repeat; background-image: url(../../../../_resources/backgrounds/footer-bg-static.png); background-size: 695px 705px; height: 705px; position: absolute; top: 0; bottom: 0; right: 80px; width: 695px; z-index: 3; }
@media (max-width:1280px) {
  footer:before { right: 40px; }
}
@media (max-width:1024px) {
  footer:before { right: -90px; }
}
@media (max-width:900px) {
  footer:before { background-size: 487px 494px; height: 494px; width: 487px; }
}
@media (max-width:767px) {
  footer:before { background-size: 279px 283px; bottom: 70px; height: 283px; right: 20px; top: unset; width: 279px; }
}
@media (max-width:480px) {
  footer:before { right: -32px; }
}
footer nav ul { display: grid; column-gap: 20px; grid-template-columns: repeat(2, calc((((100% - (11 * 20px))/12) * 2) + ((2 - 1) * 20px))); grid-template-rows: repeat(4, auto); grid-auto-flow: column; margin: 0; padding-left: 0; }
@media (max-width:900px) {
  footer nav ul { grid-template-columns: repeat(2, calc((((100% - (11 * 20px))/12) * 3) + ((3 - 1) * 20px))); }
}
@media (max-width:767px) {
  footer nav ul { display: block; grid-template-columns: unset; grid-template-rows: unset; grid-auto-flow: unset; }
}
footer nav ul li { margin: 10px 0; }
footer nav ul li a { color: #FFF; }
footer .footer-top { padding-top: 176px; height: 605px; position: relative; z-index: 2; }
@media (max-width:900px) {
  footer .footer-top { height: 424px; padding-top: 52px; }
}
@media (max-width:767px) {
  footer .footer-top { padding-bottom: 32px; padding-top: 48px; height: auto; }
}
footer .footer-bottom { background-color: var(--near-black); height: 100px; overflow: hidden; position: relative; z-index: 2; }
@media (max-width:900px) {
  footer .footer-bottom { height: 70px; }
}
@media (max-width:400px) {
  footer .footer-bottom { height: auto; padding-bottom: 8px; padding-top: 12px; }
}
footer .footer-bottom__links { align-items: center; display: flex; height: 100%; }
@media (max-width:550px) {
  footer .footer-bottom__links { justify-content: space-between; }
}
@media (max-width:400px) {
  footer .footer-bottom__links { flex-wrap: wrap; justify-content: flex-start; }
}
footer .footer-bottom__links span { font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--medium-grey); margin-left: auto; }
footer .footer-bottom__links a { font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--medium-grey); margin: 0; }
footer .footer-bottom__links--left a { margin-right: 18px; }
footer .footer-bottom__links--left i { color: #FFF; font-size: 22px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
@media (max-width:480px) {
  footer .footer-bottom__links--left i { font-size: 16px; }
}
footer .footer-bottom__links--right { margin-left: 70px; }
@media (max-width:550px) {
  footer .footer-bottom__links--right { margin-left: 0px; }
}
@media (max-width:400px) {
  footer .footer-bottom__links--right { margin-top: 4px; width: 100%; }
}
footer .footer-bottom__links--right a { margin-left: 36px; margin-right: 0; }
@media (max-width:400px) {
  footer .footer-bottom__links--right a { margin-left: 0; margin-right: 32px; }
}

/********************************/

/***** Inner Page Hero Banner ***/

/********************************/
.hero__background { background-image: url(); }
body.cat-sustainability .hero-jumbo__background { background-image: url(../../../../_resources/banners/sustainability.jpg); }
body.cat-sustainability .hero__background { background-image: url(../../../../_resources/banners/sustainability.jpg); }
.hero-jumbo, .hero { --header-height: 118px; --mobile-header-height: 68px; position: relative; margin-bottom: 120px; }
.hero-jumbo h1, .hero-jumbo h2, .hero-jumbo p, .hero h1, .hero h2, .hero p { color: #fff; }
.hero__background { position: absolute; inset: var(--header-height) 0 0 0; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.hero__content { min-height: 590px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.hero__headline { max-width: 738px; }
.hero__headline h1 { margin-bottom: 78px; }
@media screen and (max-width:1024px) {
  .hero__background { inset: var(--mobile-header-height) 0 0 0; }
  .hero__content { min-height: 398px; }
  .hero__headline h1 { margin-bottom: 48px; }
}
.hero-jumbo__background { position: absolute; top: var(--header-height); left: 0; right: 0; bottom: 56px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.hero-jumbo__content { min-height: calc(100vh + 56px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.hero-jumbo__headline { position: relative; max-width: 630px; height: 180px; margin-bottom: 136px; }
.hero-jumbo__headline h1 { margin: 0 0 80px; }
.hero-jumbo__headline::after { content: url(../img/thin-arrow.svg); position: absolute; bottom: 0; width: 40px; height: 16px; }
.hero-jumbo__card { max-width: 630px; width: 50%; background-color: var(--light-blue); border-bottom: 2px solid var(--medium-blue); padding: 56px; }
.hero-jumbo__card h4 { margin: 0 0 12px 0; }
.hero-jumbo__card p { margin: 12px 0 0; color: var(--dark-grey); }
@media screen and (max-width:1024px) {
  .hero-jumbo { margin-bottom: 80px; }
  .hero-jumbo__background { top: var(--mobile-header-height); bottom: unset; height: 568px; }
  .hero-jumbo__content { padding-top: 440px; min-height: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .hero-jumbo__headline { height: 110px; margin-bottom: 45px; }
  .hero-jumbo__headline h1 { margin: 0 0 40px; }
  .hero-jumbo__card { width: 100%; padding: 40px 20px; }
}
.highlight-cards-3x { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 80px; }
.highlight-cards-3x .basic-card { background-color: var(--light-grey); padding: 32px; width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); margin-bottom: 24px; }
.highlight-cards-3x .basic-card p { font-family: "Outfit", sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--dark-grey); margin: 0; }
.highlight-cards-3x .basic-card h4 { margin: 0 0 24px; min-height: 72px; }
@media screen and (max-width:1024px) {
  .highlight-cards-3x { margin-top: 48px; }
  .highlight-cards-3x .basic-card { padding: 32px 20px; width: 100%; }
  .highlight-cards-3x .basic-card h4 { min-height: auto; margin-bottom: 20px; }
}

/******************************************/

/*****      Sustainability Page      ******/

/******************************************/
body.cat-sustainability .flex-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
body.cat-sustainability .flex-block p { font-family: "Outfit", sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
body.cat-sustainability .flex-block p:first-child { margin-top: 0; }
body.cat-sustainability .flex-block h3:first-child { margin-top: 0; }
body.cat-sustainability .flex-block .left-col { -ms-flex-preferred-size: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); margin-bottom: 56px; }
body.cat-sustainability .flex-block .right-col { -ms-flex-preferred-size: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); margin-bottom: 56px; }
@media screen and (max-width:850px) {
  body.cat-sustainability .flex-block { display: block; }
  body.cat-sustainability .flex-block p { font-family: "Outfit", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
}
body.cat-sustainability .esg-downloads { background-color: var(--light-grey); -webkit-box-shadow: 0 0 0 25px var(--light-grey); box-shadow: 0 0 0 25px var(--light-grey); -webkit-clip-path: inset(0 -25px); clip-path: inset(0 -25px); margin-top: 80px; padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
body.cat-sustainability .esg-downloads > div { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 48px); flex: 0 0 calc(50% - 48px); margin-bottom: 20px; }
body.cat-sustainability .esg-downloads .download-item { -webkit-box-shadow: inset 0 -2px 0 0 var(--medium-grey); box-shadow: inset 0 -2px 0 0 var(--medium-grey); margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
body.cat-sustainability .esg-downloads .download-item img { margin-right: 32px; display: block; height: 140px; width: 140px; -o-object-fit: cover; object-fit: cover; }
body.cat-sustainability .esg-downloads .view-all-reports { margin-top: 64px; }
@media screen and (max-width:850px) {
  body.cat-sustainability .esg-downloads { margin-top: 64px; padding: 32px 0 48px; display: block; }
  body.cat-sustainability .esg-downloads .download-item { padding-bottom: 24px; }
  body.cat-sustainability .esg-downloads .download-item img { margin-right: 24px; height: 72px; width: 72px; }
}
body.cat-sustainability .intro-sub-pages { background-color: var(--light-grey); -webkit-box-shadow: 0 0 0 25px var(--light-grey); box-shadow: 0 0 0 25px var(--light-grey); -webkit-clip-path: inset(0 -25px); clip-path: inset(0 -25px); margin-top: 80px; padding: 72px 0; }
body.cat-sustainability .intro-sub-pages > h5 { margin: 0; }
body.cat-sustainability .intro-sub-pages > h5 a { display: inline-block; margin-right: 12px; text-decoration: underline; }
body.cat-sustainability .intro-sub-pages section { padding-top: 96px; }
body.cat-sustainability .intro-sub-pages section > h1:first-child { margin-top: 0; }
body.cat-sustainability .intro-sub-pages section > p { max-width: 848px; }
@media (max-width:767px) {
  body.cat-sustainability .intro-sub-pages > h5 a { display: block; margin-top: 12px; }
  body.cat-sustainability .intro-sub-pages section { padding-top: 64px; }
}
body.cat-sustainability .intro-sub-page { position: relative; margin-top: 96px; padding-right: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px) + 20px); -webkit-box-shadow: inset 0 2px 0 0 var(--sky-blue); box-shadow: inset 0 2px 0 0 var(--sky-blue); min-height: 400px; }
body.cat-sustainability .intro-sub-page > img { position: absolute; right: 0; top: 0; width: calc((((100% - (11 * 20px))/12) * 5) + ((5 - 1) * 20px)); height: 400px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
body.cat-sustainability .intro-sub-page h3 { padding-top: 20px; margin-top: 20px; }
body.cat-sustainability .intro-sub-page p { font-family: "Outfit", sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
@media (max-width:850px) {
  body.cat-sustainability .intro-sub-page { margin-top: 48px; padding-right: 0; -webkit-box-shadow: none; box-shadow: none; }
  body.cat-sustainability .intro-sub-page p { font-family: "Outfit", sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
  body.cat-sustainability .intro-sub-page h3 { border-top: 2px solid var(--sky-blue); }
  body.cat-sustainability .intro-sub-page > img { position: static; width: auto; height: auto; max-width: 100%; }
}

/* PROJECT CSS */
main { padding: 80px 0px; }
.flex { display: flex; }
.flex.wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex.aic { -webkit-align-items: center; align-items: center; }
.hero { height: 100vh; margin-bottom: 0; color: red; }
.hero__content { display: flex; justify-content: space-between; align-items: flex-end; min-height: 100vh; padding-bottom: 80px; color: #FFF; }
.hero__headline > * { opacity: 0; }
.hero__headline h1 { margin-bottom: 20px; }
.hero__headline .region { text-transform: uppercase; font-weight: 600; margin-bottom: 80px; }
.hero__headline .arrow-down { margin-bottom: 40px; }
body.cat-properties .hero__background { background-image: url(../../../../_resources/banners/properties_overview.jpg); }
body.str-gibraltar-mine .hero__background { background-image: url(../../../../_resources/banners/gibraltar-1.jpg); background-position: top center; }
body.str-florence-copper .hero__background { background-image: url(../../../../_resources/banners/florence_copper_12s.jpg); background-position: top center; }
body.str-yellowhead-project .hero__background { background-image: url(../../../../_resources/banners/yellowhead.jpg); }
body.str-aley-project .hero__background { background-image: url(../../../../_resources/banners/aley.jpg); }
body.str-new-prosperity .hero__background { background-image: url(../../../../_resources/banners/new_prosperity.jpg); }
.hero__right { width: 630px; position: relative; }
.hero__right ul { list-style: none; margin: 0; padding: 0; }
.hero__right ul li { background-color: #BAF2FF; padding: 60px; border-bottom: 2px solid #AAE7F4; color: #414042; opacity: 0; font-size: 24px; line-height: 30px; }
.hero__right ul li p { margin: 0; color: #414042; font-size: 24px; line-height: 30px; }
.hero__right ul li:last-of-type { border-bottom: none; }
.hero__right ul li strong { display: inline-block; font-size: 32px; line-height: 36px; font-weight: 700; margin-bottom: 12px; }
.notes, .footnote { font-size: 14px; line-height: normal; }
.half { width: 50%; }
@media screen and (max-width:1024px) {
  main { padding-left: 0; padding-right: 0; }
  .container { padding-left: 20px; padding-right: 20px; }
  .hero { height: auto; }
  .hero__content { flex-direction: column; min-height: 100px; padding-bottom: 0; }
  .hero__headline { -webkit-flex-basis: 530px; flex-basis: 530px; width: 100%; max-width: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 20px; }
  .hero__headline h1 { font-size: 46px; line-height: 52px; }
  .hero__headline .region { margin-bottom: 30px; }
  .hero__right { width: 100%; max-width: 100%; }
  .hero__right ul li { opacity: 1; padding: 40px 20px; font-size: 16px; line-height: 20px; color: #606870; }
  .hero__right ul li strong { display: inline-block; font-size: 26px; line-height: 30px; color: #414042; }
  .half { width: 100%; }
}
.hero__background { overflow: hidden; }
.hero__background .video { position: absolute; top: 0px; bottom: 0px; left: 0px; z-index: 0; height: 100%; width: 100%; }
.hero__background .video iframe { pointer-events: none; height: 100%; }

/* OUR PROPERTIES */
section#our-properties { margin-top: 48px margin-bottom:40px; }
section#our-properties h2 { margin-top: 0; }
section#our-properties .property { display: flex; flex-direction: column; -webkit-flex-basis: calc((100% / 3) - (40px / 3)); flex-basis: calc((100% / 3) - (40px / 3)); margin-right: 20px; border-top: 2px solid #636466; background-color: #EDF2F6; color: #606870; }
section#our-properties .property:last-of-type { margin-right: 0; }
section#our-properties .property:hover { background-color: #E3EAF1; }
section#our-properties .property:nth-of-type(1) { border-color: #00B6DE; }
section#our-properties .property:nth-of-type(2) { border-color: #E98033; }
section#our-properties .property .details { display: flex; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-basis: calc(100% - 440px); flex-basis: calc(100% - 440px); padding: 56px 42px 36px 42px; min-height: 300px; }
section#our-properties .property .details p { margin: 0; font-size: 18px; }
section#our-properties .property .details p:first-of-type { font-weight: 500; }
section#our-properties .property .details p strong { font-size: 32px; line-height: 36px; }
section#our-properties .property .image { -webkit-flex-basis: 440px; flex-basis: 440px; background-repeat: no-repeat; background-size: cover; background-position: center; }
@media screen and (max-width:1024px) {
  section#our-properties .property { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; margin-bottom: 16px; }
  section#our-properties .property .details { -webkit-flex-basis: calc(100% - 256px); flex-basis: calc(100% - 256px); padding: 42px 26px; min-height: 150px; }
  section#our-properties .property .details p:first-of-type { margin-bottom: 40px; }
  section#our-properties .property .image { -webkit-flex-basis: 256px; flex-basis: 256px; }
}

/* OTHER PROPERTIES */
section#other-properties { padding-bottom: 100px; }
section#other-properties .property-listing { margin-top: 34px; }
section#other-properties .property { -webkit-flex-basis: calc(50% - 10px); flex-basis: calc(50% - 10px); display: flex; background: #EDF2F6; }
section#other-properties .property:first-of-type { margin-right: 20px; }
section#other-properties .property .image { -webkit-flex-basis: 140px; flex-basis: 140px; min-height: 140px; background-repeat: no-repeat; background-size: cover; background-position: center; }
section#other-properties .property .details { -webkit-flex-basis: calc(100% - 140px); flex-basis: calc(100% - 140px); padding: 25px 30px; border-bottom: 2px solid #BECBD7; }
section#other-properties .property .details .title { text-transform: uppercase; font-size: 20px; font-weight: 600; }
section#other-properties .property .details .location { color: #606870; font-weight: 500; font-size: 18px; line-height: 24px; margin: 0 0 18px 0; }
section#other-properties .property .details .read-more a { color: #414042; font-weight: 600; }
@media screen and (max-width:1024px) {
  section#other-properties { padding-bottom: 0; }
  section#other-properties .property-listing { display: block; }
  section#other-properties .property { margin-right: 0 !important; margin-bottom: 20px; }
}

/* PROPERTY MAP */
section#property-map { position: relative; background-color: #EDF2F6; background-image: url(../../../../_resources/properties/properties_map.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: right top; height: 770px; overflow: hidden; }
section#property-map .marker { display: block; position: absolute; width: 30px; height: 40px; background-repeat: no-repeat; background-size: cover; }
section#property-map .marker.development { background-image: url(../../../../_resources/properties/pin_development.png); }
section#property-map .marker.near-term { background-image: url(../../../../_resources/properties/pin_near_term.png); }
section#property-map .marker.production { background-image: url(../../../../_resources/properties/pin_production.png); }
section#property-map .marker span { position: absolute; top: -25px; white-space: nowrap; color: #414042; font-weight: 700; transform: translate(-50%, -0%); text-align: center; left: 50%; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; pointer-events: none; }
section#property-map .marker:hover span { opacity: 1; }
section#property-map #pin-aley { top: 27px; right: 803px; }
section#property-map #pin-gibraltar { top: 68px; right: 835px; }
section#property-map #pin-new-prosperity { top: 107px; right: 861px; }
section#property-map #pin-yellowhead { top: 121px; right: 776px; }
section#property-map #pin-florence { top: 651px; right: 583px; }
section#property-map #legend { display: flex; position: absolute; bottom: 20px; left: 34px; }
section#property-map #legend .item { display: flex; -webkit-align-items: center; align-items: center; padding: 9px 25px; border: 2px solid #00B6DE; margin-right: 18px; background-color: #FFF; }
section#property-map #legend .item img { width: 12px; margin-right: 10px; }
section#property-map #legend .item span { color: #414042; font-weight: 700; }
@media screen and (max-width:1250px) {
  section#property-map { background-position: right -200px top; }
  section#property-map #markers { position: relative; left: 200px; }
}
@media screen and (max-width:1100px) {
  section#property-map #legend { flex-direction: column; }
  section#property-map #legend .item { margin-right: 0; margin-bottom: 20px; }
}
@media screen and (max-width:1024px) {
  section#property-map { display: none; }
}

/* RESERVES & RESOURCES */
section#rr-cta { margin-top: 100px; margin-bottom: 100px; }
section#rr-cta .image { flex-basis: calc(100% * (7 / 12)); min-height: 275px; background-image: url(../../../../_resources/properties/rr_image.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
section#rr-cta .details { flex-basis: calc(100% * (5 / 12)); padding: 70px 100px; background-color: #EDF2F6; }
section#rr-cta .details h4 { margin: 0; }
@media screen and (max-width:1024px) {
  section#rr-cta { display: block; }
  section#rr-cta .image { min-height: 170px; }
  section#rr-cta .details { padding: 30px 25px; }
}

/* TASEKO TALKS - 3 POSTS */
section#taseko-talks .tt-articles .item { -webkit-flex-basis: calc((100% / 3) - (40px / 3)); flex-basis: calc((100% / 3) - (40px / 3)); display: flex; align-items: center; padding: 34px 36px; margin-right: 20px; color: #606870; background-color: #EDF2F6; border-bottom: 2px solid #BECBD7; }
section#taseko-talks .tt-articles .item:last-of-type { margin-right: 0; }
section#taseko-talks .tt-articles .item:hover { background-color: #E3EAF1; border-bottom: 2px solid #00B6DE; }
section#taseko-talks .tt-articles .item .details { -webkit-flex-basis: calc(100% - 77px); flex-basis: calc(100% - 77px); padding-right: 20px; }
section#taseko-talks .tt-articles .item .details .date { font-weight: 500; }
section#taseko-talks .tt-articles .item .image { -webkit-flex-basis: 77px; flex-basis: 77px; }
@media screen and (max-width:1024px) {
  section#taseko-talks .tt-articles { display: block; }
  section#taseko-talks .tt-articles .item { padding: 32px 20px; margin-right: 0; margin-bottom: 20px; }
  section#taseko-talks .tt-articles .item .details { -webkit-flex-basis: calc(100% - 47px); flex-basis: calc(100% - 47px); }
  section#taseko-talks .tt-articles .item .image { -webkit-flex-basis: 47px; flex-basis: 47px; }
}

/* PROJECT TABS */
.tab-system { margin: 100px auto; width: 100%; position: relative; max-width: 1840px; padding-left: 20px; padding-right: 20px; }
.tab-system .tabs { list-style: none; margin: 0; padding: 0; display: flex; position: absolute; width: calc(100% - 40px); z-index: 1; transition: all 0.325s ease-in-out }
.tab-system .tabs > li { font-family: 'Outfit', sans-serif; font-size: 22px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; align-items: center; border-bottom: 2px solid var(--medium-grey); color: var(--earth); cursor: pointer; display: flex; flex: 1; height: 110px; justify-content: center; background-color: var(--light-grey); padding: 10px 20px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.tab-system .tabs > li:hover { background-color: #E3EAF1; border-color: var(--sky-blue); }
.tab-system .tabs > li.active-tab { background-color: var(--light-blue); border-color: var(--sky-blue); }
.tab-system.no-tabs .tabs { display: none; }
.tab-system .tab-wrapper { padding: 110px 0 0 0; list-style: none; margin: 0; background-color: var(--light-grey); }
.tab-system.no-tabs .tab-wrapper { padding-top: 0; }
.tab-system .tab-wrapper > li:not(:first-of-type) { display: none; }
.tab-system .tab-wrapper > li { padding: 120px 60px; }
.tab-system .tab-wrapper > li > *:not(.gallery):not(.timeline) { opacity: 0; }
.tab-system .tab-wrapper > li h1 { margin-top: 0; }
body.sticky-tabs .tab-system .tabs, body.sticky-tabs-scrolling .tab-system .tabs { position: fixed; /*top:118px;*/ max-width: 1800px; margin-right: auto; margin-left: auto; }
body.sticky-tabs .tab-system .tabs li, body.sticky-tabs-scrolling .tab-system .tabs li { height: 60px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
body.sticky-tabs .tab-system .tab-wrapper, body.sticky-tabs-scrolling .tab-system .tab-wrapper { padding-top: 110px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.tab-system .tabs::-webkit-scrollbar { width: 2px; height: 2px; }
.tab-system .tabs::-webkit-scrollbar-track { box-shadow: inset 0 0 1px grey; }
.tab-system .tabs::-webkit-scrollbar-thumb { background: var(--earth); }
@media screen and (max-width:1024px) {
  .tab-system { background-color: var(--light-grey); margin: 0 }
  .tab-system .tabs { padding-right: 20px; width: calc(100% - 20px); }
  .tab-system .tab-wrapper > li { padding: 40px 20px; }

/*.tab-system .tabs > li { flex:auto; }*/ }
@media screen and (max-width:768px) {
  .tab-system .tabs { overflow-x: scroll; overflow-y: hidden; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }
  .tab-system .tabs li { white-space: nowrap; }
}

/* PROJECT PAGE STYLES */
.content-image { display: flex; border-top: 2px solid #BECBD7; margin-top: 120px; }
.content-image:first-of-type { border-top: none; margin-top: 0; }
.content-image > * { -webkit-flex-basis: calc(50% - 10px); flex-basis: calc(50% - 10px); }
.content-image .content { margin-left: 20px; padding-left: 20px; padding-top: 40px; }
.content-image:first-of-type .content { padding-top: 0; }
.content-image.right .content { margin-left: 0; margin-right: 20px; padding-left: 0px; padding-right: 20px; }
.content-image.right .image { text-align: right; }
.content-image .image img { max-width: 630px; }
.content-image .content h1, .content-image .content h2, .content-image .content h3, .content-image .content h4, .content-image .content h5 { margin-top: 0; }

/*.content-image .content h5 { margin-bottom: 0; }*/
@media screen and (max-width:1024px) {
  .content-image { flex-wrap: wrap; }
  .content-image .content { -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important; margin-left: 0 !important }
  .content-image .image { -webkit-flex-basis: 100%; flex-basis: 100%; }
  .content-image.right .image { text-align: left; }
  .content-image .image img { max-width: 100%; }
}
.timeline { margin-top: 120px; }
.timeline .item { border-top: 2px solid #00b6de; display: flex; margin-top: 100px; }
.timeline .item .details { flex-basis: calc(100% * (7 / 12)); position: relative; padding-top: 25px; padding-right: 125px; }
.timeline .item .details .date { position: absolute; background-color: #EDF2F6; padding-right: 30px; transform: translate(0, -50%); top: -1px; }
.timeline .item .details .title { font-size: 46px; line-height: 52px; font-weight: 700; margin-bottom: 30px; }
body.str-new-prosperity .timeline .item .details .title { display: none; }
.timeline .item .details .description { font-size: 24px; line-height: 1.25; }
.timeline .item .image { flex-basis: calc(100% * (5 / 12)); background-repeat: no-repeat; background-size: cover; background-position: -100000px -100000px; }
.timeline .item .image img { width: 100%; }
@media screen and (max-width:1024px) {
  .timeline .item { flex-direction: column-reverse; border-top: none; margin-top: 56px; }
  .timeline .item .details { border-top: 2px solid #00b6de; -webkit-flex-basis: 100%; flex-basis: 100%; padding-right: 0; }
  .timeline .item .details .title { font-size: 34px; line-height: 38px; }
  .timeline .item .details .description { font-size: 16px; line-height: normal; }
  .timeline .item .image { background-position: center; min-height: 250px; margin-bottom: 20px; }
  .timeline .item .image img { display: none; }
  .timeline .item .image.no-image { display: none; }
}
.featured-videos { display: flex; flex-wrap: wrap; }
.featured-videos .item { display: flex; flex-direction: column; -webkit-flex-basis: calc((100% / 3) - (40px / 3)); flex-basis: calc((100% / 3) - (40px / 3)); margin-right: 20px; border-bottom: 2px solid #becbd7; padding-bottom: 20px; }
.featured-videos .item .image { height: 235px; -webkit-flex-basis: 235px; flex-basis: 235px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 30px; }
.featured-videos .item .details { -webkit-flex-basis: calc(100% - 235px); flex-basis: calc(100% - 235px); }
.featured-videos .item .details .title { font-weight: 700; font-size: 20px; margin-bottom: 10px; }
.featured-videos .item .details .description { font-size: 18px; }
.featured-videos .item .details .view { font-size: 16px; margin-top: 20px; }
.featured-videos .item:nth-child(3n+1) { margin-right: 0; }
.featured-videos .item:first-of-type { flex-direction: row; flex-wrap: wrap; -webkit-flex-basis: 100%; flex-basis: 100%; border-top: 2px solid #becbd7; border-bottom: none; margin-bottom: 60px; }
.featured-videos .item:first-of-type .image { height: 545px; -webkit-flex-basis: calc(((100% / 3) * 2) - 8px); flex-basis: calc(((100% / 3) * 2) - 8px); margin-bottom: 0; }
.featured-videos .item:first-of-type .details { -webkit-flex-basis: calc((100% / 3) + 8px); flex-basis: calc((100% / 3) + 8px); padding: 30px 0px 30px 60px; }
.featured-videos .item:first-of-type .details .title { font-size: 32px; margin-bottom: 30px; }
@media screen and (max-width:1024px) {
  .featured-videos .item { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; display: block; margin-bottom: 30px; }
  .featured-videos .item:first-of-type { border-top: none; border-bottom: 2px solid #becbd7; margin-bottom: 30px; }
  .featured-videos .item:first-of-type .image { height: 235px; margin-bottom: 30px; }
  .featured-videos .item:first-of-type .details { padding: 0; }
  .featured-videos .item:first-of-type .details .title { font-size: 20px; margin-bottom: 10px; }
}
.gallery .caption { position: absolute; width: calc(100% - 50px); background-color: #FFF; }
.gallery h4 { margin-top: 0; }
ul.lines { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
ul.lines li { -webkit-flex-basis: calc(50% - 10px); flex-basis: calc(50% - 10px); border-bottom: 1px solid #BECBD7; padding-top: 20px; padding-bottom: 20px; }
ul.lines li:nth-of-type(odd) { margin-right: 20px; }
ul.lines li:nth-of-type(-n+2) { border-top: 1px solid #BECBD7; }
hr { height: 0; border: 1px solid #BECBD7; }
@media screen and (max-width:1024px) {
  ul.lines li { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0 !important; }
  ul.lines li:nth-of-type(-n+2) { border-top: none; }
  ul.lines li:first-of-type { border-top: 1px solid #BECBD7; }
}

/* HERO MOBILE CHANGES */
@media screen and (max-width:1024px) {
  .hero__background { height: 500px; }
  #width-check { z-index: 1; }
}
@media screen and (max-width:500px) {
  body.str-yellowhead-project .hero__background { background-image: url(../../../../_resources/banners/yellowhead_mobile.jpg); }
  body.str-aley-project .hero__background { background-image: url(../../../../_resources/banners/aley_mobile.jpg); }
  body.str-new-prosperity .hero__background { background-image: url(../../../../_resources/banners/new_prosperity_mobile.jpg); }
}

/* REVISIONS ROUND 3 CHANGES */
.main__gibraltar-mine .tab-system, .main__florence-copper .tab-system { margin-bottom: 48px; }
.main__gibraltar-mine .tab-system + .container { margin-bottom: 80px; }
.main__florence-copper .tab-system + .container { margin-bottom: 80px; }
.content-image .content h3 ~ h4 { margin-top: 43px; }
@media screen and (max-width:1250px) {
  ul.lines li { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0 !important; }
}

/* Properties Cunstruction Updates */

/*
.updates .listing { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 20px; }
.updates .listing-item { flex-basis: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); background-color: #fff; padding: 254px 32px 56px 32px; position: relative; }
.updates .listing-item__thumbnail { position: absolute; inset: 0 0 auto 0; width: 100%; height: 220px; }
.updates .listing-item__thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.updates .listing-item .tags{ margin: 0;padding: 0;list-style: none;display: inline-flex;row-gap: 4px;column-gap: 16px;flex-wrap: wrap; }
.updates .listing-item .tags li{padding: 0 16px;font-size: 13px;line-height: 24px;text-transform: uppercase;}
.updates .listing-item .tags li:nth-child(odd){background-color: #aae7f4;}
.updates .listing-item .tags li:nth-child(even){background-color: #becbd7;}
.updates .listing-item time { display: block; margin-top: 16px; font-size: 16px; }
.updates .listing-item h6 { margin-top: 16px; margin-bottom: 16px; }
.updates .listing-item h6 a { color: var(--dark-grey); }
.updates .listing-item a.arrow { position: absolute; bottom: 32px; }
.updates .filter-controls {margin-bottom: 48px;}
.updates .filter-controls select { padding: 4px 28px 4px 4px; border: none; background-color: transparent; font-size: 16px; font-weight: 600; background-image: url(../img/arrow-down-blue.svg); background-repeat: no-repeat; background-position: right center; }

@media (max-width:1280px) {
  .updates .listing-item { flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
}
@media (max-width:767px) {
  .updates .listing-item { padding: 244px 20px 48px 20px; }
}
@media (max-width:640px) {
  .updates .listing-item { flex-basis: 100%; padding: 244px 20px 48px 20px; }
}
*/

/*.updates { margin-top: 120px; }*/

.updates .item { border-top: 2px solid #00b6de; display: flex; margin-top: 100px; }
.updates .item:first-of-type { margin-top: 0; }
.updates .item .details { flex-basis: calc(100% * (7 / 12)); position: relative; padding-top: 25px; padding-right: 125px; }
.updates .item .details .date { position: absolute; background-color: #EDF2F6; padding-right: 30px; transform: translate(0, -50%); top: -1px; }
.updates .item .details .title { font-size: 46px; line-height: 52px; font-weight: 700; margin-bottom: 10px; }
.updates .item .details .description { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow: hidden; min-height: 110px; }
.updates .item .details .description p { margin: 22px 0; line-height: 22px; }
body.str-new-prosperity .updates .item .details .title { display: none; }
.updates .item .details .description { font-size: 24px; line-height: 1.25; }
.updates .item .image { flex-basis: calc(100% * (5 / 12)); width: calc(100% * (5 / 12)); background-repeat: no-repeat; background-size: cover; background-position: -100000px -100000px; }
.updates .item .image img { width: 100%; }
.updates .filter-controls { margin-bottom: 48px; }
.updates .filter-controls select { display: none; padding: 4px 28px 4px 4px; border: none; border-bottom: 1px solid #becbd7; background-color: transparent; font-size: 16px; font-weight: 600; background-image: url(../img/arrow-down-blue.svg); background-repeat: no-repeat; background-position: right center; }
.updates .expand { display: none; padding-top: 10px; }
.updates .expand.active { display: block; }
.updates .owl-carousel { position: relative; }
.updates .owl-carousel:before { position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #edf2f6; z-index: 1111; content: ""; }
.updates .owl-carousel .owl-wrapper { display: flex !important; }
.updates .owl-carousel .owl-stage {/* display: flex;*/ overflow: hidden; }
.updates .owl-carousel .owl-item { height: 100%; min-height: 400px; }
.updates .owl-carousel .owl-item img { width: 100%; height: 100%; object-fit: cover; max-width: initial; }
.updates .owl-carousel .owl-nav { top: 50%; position: absolute; transform: translate(-0%, -50%); width: 100%; line-height: 0; }
.updates .owl-carousel .owl-nav button { position: absolute; width: 30px; height: 30px; background: #5e5d5e; border-radius: 50%; font-size: 12px; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; color: #FFF; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.updates .owl-carousel .owl-nav button:hover { background-color: #414042; }
.updates .owl-carousel .owl-nav .owl-prev { left: 20px; }
.updates .owl-carousel .owl-nav .owl-next { right: 20px; }
.updates .owl-carousel .owl-nav .disabled { color: #888; }
.updates .owl-carousel .owl-dots { position: absolute; bottom: 15px; display: flex; -webkit-justify-content: center; justify-content: center; width: 100%; }
.updates .owl-carousel .owl-dots .owl-dot { width: 10px; height: 10px; border-radius: 50%; border: 2px solid #FFF; margin: 12px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.updates .owl-carousel .owl-dots .owl-dot.active, .updates .owl-carousel .owl-dots .owl-dot:hover { background-color: #FFF; }
@media screen and (max-width:1200px) {
  .updates .item .details .description { min-height: 70px; }
  .updates .owl-carousel .owl-item { min-height: 100px; }
}
@media screen and (max-width:1024px) {
  .updates .item { flex-direction: column-reverse; border-top: none; margin-top: 56px; }
  .updates .item .details { border-top: 2px solid #00b6de; -webkit-flex-basis: 100%; flex-basis: 100%; padding-right: 0; }
  .updates .item .details .title { font-size: 34px; line-height: 38px; }
  .updates .item .details .description { font-size: 16px; line-height: normal; height: auto !important; min-height: 50px; }
  .updates .item .image { background-position: center; min-height: 250px; margin-bottom: 20px; display: none; }
  .updates .item .image.no-image { display: none; }
  .updates .expand { display: none !important; }
} 

.listing.construction-updates .caption { position: absolute; top: 0; text-align: center; color: white;background-color: rgba(0, 0, 0, 0.5); width: 100%; padding: 5px; font-size: 14px; }