: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% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-213.885px); }
  100% {
    transform: translateY(-557.656px); } }
@keyframes scrollBrowser {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-213.885px); }
  100% {
    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 {
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html {
  box-sizing: border-box;
  margin: auto;
  overflow-x: hidden; }

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;
  box-sizing: border-box;
  margin: 0;
  background: #FFF;
  color: var(--earth);
  -webkit-font-smoothing: antialiased;
  -ms-overflow-y: hidden;
  overflow-x: hidden; }

html.open, html.open body {
  overflow: 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: 550px) {
    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: 550px) {
    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: 550px) {
    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: 550px) {
    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;
  margin-bottom: 24px; }
  @media (max-width: 550px) {
    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;
      margin-bottom: 20px; } }

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: 550px) {
    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";
  -webkit-font-smoothing: antialiased;
  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;
  box-shadow: none !important;
  border-radius: 0; }

input[type=submit] {
  cursor: pointer;
  -webkit-transition: all 0.50s ease-in-out;
  -moz-transition: all 0.50s ease-in-out;
  -o-transition: all 0.50s ease-in-out;
  transition: all 0.50s ease-in-out; }

input[type=text] {
  font-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;
  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: 550px) {
    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: flex; }

.aic {
  align-items: center; }

.jcc {
  justify-content: center; }

.jcsb {
  justify-content: space-between; }

.jcfe {
  justify-content: flex-end; }

.fw {
  flex-wrap: wrap; }

.fwwr {
  flex-wrap: wrap-reverse; }

.scrollHide {
  overflow-x: hidden; }

.fade:not(.bio) {
  opacity: 0;
  will-change: transform;
  /*transform: translateY(30px);*/ }

.only-mobile {
  display: none !important; }
  @media (max-width: 550px) {
    .only-mobile {
      display: inline-flex !important; } }

.container, .tab-system .tab-wrapper > li {
  max-width: 1960px;
  margin: 0 auto;
  position: relative;
  padding-left: 80px;
  padding-right: 80px; }
  .container.container__xl, .tab-system .tab-wrapper > li.container__xl {
    max-width: 1270px; }
    @media (max-width: 1285px) {
      .container.container__xl, .tab-system .tab-wrapper > li.container__xl {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (max-width: 767px) {
      .container.container__xl, .tab-system .tab-wrapper > li.container__xl {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (max-width: 550px) {
      .container.container__xl, .tab-system .tab-wrapper > li.container__xl {
        padding-left: 40px;
        padding-right: 40px; } }
  @media (max-width: 1280px) {
    .container, .tab-system .tab-wrapper > li {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (max-width: 1024px) {
    .container, .tab-system .tab-wrapper > li {
      padding-left: 20px;
      padding-right: 20px; } }
  .container.dark h1, .tab-system .tab-wrapper > li.dark h1, .container.dark h2, .tab-system .tab-wrapper > li.dark h2, .container.dark h3, .tab-system .tab-wrapper > li.dark h3, .container.dark h4, .tab-system .tab-wrapper > li.dark h4, .container.dark h5, .tab-system .tab-wrapper > li.dark h5, .container.dark h6, .tab-system .tab-wrapper > li.dark h6 {
    color: #FFF; }
  .container.dark p, .tab-system .tab-wrapper > li.dark p, .container.dark *, .tab-system .tab-wrapper > li.dark * {
    color: #FFF; }
  .container.center, .tab-system .tab-wrapper > li.center {
    justify-content: center; }
    .container.center *, .tab-system .tab-wrapper > li.center * {
      text-align: center; }
  .container.flex-jsb, .tab-system .tab-wrapper > li.flex-jsb {
    display: flex;
    justify-content: space-between; }
  .container.flex-w, .tab-system .tab-wrapper > li.flex-w {
    flex-wrap: wrap; }

.left-container {
  width: 50%; }

.right-container {
  width: 50%; }

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

.home section > .container, .home .tab-system section.tab-wrapper > li, .tab-system .home section.tab-wrapper > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .home section > .container.center, .home .tab-system section.tab-wrapper > li.center, .tab-system .home section.tab-wrapper > li.center, .home section > .container.jcc, .home .tab-system section.tab-wrapper > li.jcc, .tab-system .home section.tab-wrapper > li.jcc {
    justify-content: center; }
  .home section > .container.jcfe, .home .tab-system section.tab-wrapper > li.jcfe, .tab-system .home section.tab-wrapper > li.jcfe {
    justify-content: flex-end; }
.home section.dark {
  background-color: #000; }
  .home 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: 16px 44px;
  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; }
  @media (max-width: 850px) {
    .button {
      font-size: 14px;
      line-height: 1.43;
      padding: 8px 32px; } }

.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;
    transform: translate3d(0, 0, 0);
    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:focus {
    outline: 1px dashed var(--sky-blue);
    outline-offset: 3px; }
  .arrow:active {
    color: var(--sky-blue);
    outline: 0;
    outline-offset: 0; }
  .arrow:hover:after {
    animation: fadeOutRightInLeft 2s forwards;
    animation-iteration-count: 1; }
  .arrow:active:hover {
    color: var(--sky-blue);
    outline: 0;
    outline-offset: 0; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration: .675s; }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@keyframes fadeOutRightInLeft {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  50% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  51% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.fadeOutRightInLeft {
  animation-name: fadeOutRight; }

@keyframes clockwise {
  to {
    transform: rotate(360deg) translatez(0); } }
#information-hub {
  background-color: var(--light-grey);
  margin: 0 20px;
  padding-bottom: 102px;
  padding-top: 140px;
  width: calc(100% - 40px); }
  @media (max-width: 1024px) {
    #information-hub {
      padding: 96px 0 48px;
      margin: 0;
      width: 100%; } }

.recent-documents > h3 {
  margin: 0 0 60px;
  width: calc(50% - 50px); }
  @media (max-width: 1024px) {
    .recent-documents > h3 {
      margin-bottom: 48px;
      width: 100%; }
      .recent-documents > h3:nth-of-type(1) {
        order: 1; }
      .recent-documents > h3:nth-of-type(2) {
        order: 3; } }
.recent-documents > div {
  width: calc(50% - 50px); }
  @media (max-width: 1024px) {
    .recent-documents > div {
      width: 100%; }
      .recent-documents > div:nth-of-type(1) {
        margin-bottom: 48px;
        order: 2; }
      .recent-documents > div:nth-of-type(2) {
        order: 4; } }
  .recent-documents > div a.arrow {
    display: inline-block;
    margin-top: 60px; }
    @media (max-width: 1024px) {
      .recent-documents > div a.arrow {
        margin-top: 24px; } }

body:not(.str-taseko-talks) .listing-item {
  display: flex; }
  @media (max-width: 640px) {
    body:not(.str-taseko-talks) .listing-item {
      border-bottom: 2px solid var(--medium-grey);
      padding-bottom: 24px; }
      body:not(.str-taseko-talks) .listing-item:hover {
        background-color: var(--hover-grey); } }
  body:not(.str-taseko-talks) .listing-item span {
    display: block; }
  body:not(.str-taseko-talks) .listing-item__thumbnail {
    min-height: 140px;
    width: 140px; }
    @media (max-width: 640px) {
      body:not(.str-taseko-talks) .listing-item__thumbnail {
        min-height: unset;
        height: 100px;
        width: 100px; } }
  @media (max-width: 640px) and (max-width: 450px) {
    body:not(.str-taseko-talks) .listing-item__thumbnail {
      height: 72px;
      width: 72px; } }

    body:not(.str-taseko-talks) .listing-item__thumbnail img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  body:not(.str-taseko-talks) .listing-item__details {
    background-color: var(--light-grey);
    border-bottom: 2px solid var(--medium-grey);
    padding: 30px 24px 30px 30px;
    width: calc(100% - 140px);
    -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: 640px) {
      body:not(.str-taseko-talks) .listing-item__details {
        border-bottom: none;
        padding: 0 0 0 20px;
        width: calc(100% - 100px); } }
    @media (max-width: 450px) {
      body:not(.str-taseko-talks) .listing-item__details {
        width: calc(100% - 72px); } }
    body:not(.str-taseko-talks) .listing-item__details--date {
      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(--earth); }
    body:not(.str-taseko-talks) .listing-item__details--title {
      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(--dark-grey); }
  body:not(.str-taseko-talks) .listing-item:hover .listing-item__details {
    background-color: var(--hover-grey);
    border-color: var(--sky-blue); }
    @media (max-width: 640px) {
      body:not(.str-taseko-talks) .listing-item:hover .listing-item__details {
        background-color: transparent; } }
  body:not(.str-taseko-talks) .listing-item + .listing-item {
    margin-top: 20px; }

/* TASEKO TALKS - 3 POSTS */
#taseko-talks {
  margin: 140px 0 120px; }
  @media (max-width: 1024px) {
    #taseko-talks {
      margin: 96px 0 104px; } }
  @media (max-width: 640px) {
    #taseko-talks {
      margin: 48px 0 56px; } }
  #taseko-talks .tt-articles {
    width: 100%; }
    @media screen and (max-width: 1024px) {
      #taseko-talks .tt-articles {
        display: block; } }
    #taseko-talks .tt-articles .item {
      background-color: var(--light-grey);
      border-bottom: 2px solid var(--medium-grey);
      color: var(--dark-grey);
      display: flex;
      align-items: center;
      padding: 34px 36px;
      margin-right: 20px;
      width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); }
      @media screen and (max-width: 1024px) {
        #taseko-talks .tt-articles .item {
          padding: 32px 20px;
          margin-right: 0;
          margin-bottom: 20px;
          width: 100%; } }
      #taseko-talks .tt-articles .item .details {
        -webkit-flex-basis: calc(100% - 77px);
        flex-basis: calc(100% - 77px);
        padding-right: 20px; }
        @media screen and (max-width: 1024px) {
          #taseko-talks .tt-articles .item .details {
            -webkit-flex-basis: calc(100% - 47px);
            flex-basis: calc(100% - 47px); } }
      #taseko-talks .tt-articles .item .details .date {
        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(--earth); }
      #taseko-talks .tt-articles .item .image {
        -webkit-flex-basis: 77px;
        flex-basis: 77px; }
        @media screen and (max-width: 1024px) {
          #taseko-talks .tt-articles .item .image {
            -webkit-flex-basis: 47px;
            flex-basis: 47px; } }
      #taseko-talks .tt-articles .item:last-of-type {
        margin-right: 0; }
      #taseko-talks .tt-articles .item:hover {
        background-color: var(--hover-grey);
        border-bottom: 2px solid var(--sky-blue); }
    #taseko-talks .tt-articles + p {
      margin-top: 50px; }

.tab-system {
  background-color: var(--light-grey);
  margin: 150px 20px;
  width: calc(100% - 40px); }
  @media (max-width: 1024px) {
    .tab-system {
      margin: 96px 0;
      width: 100%; } }
  @media (max-width: 640px) {
    .tab-system {
      margin: 64px 0px 72px; } }
  .tab-system ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .tab-system .tabs {
    display: flex; }
    .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 (max-width: 1024px) {
      .tab-system .tabs {
        margin-left: 20px; } }
    @media screen and (max-width: 767px) {
      .tab-system .tabs {
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory; } }
    .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;
      margin-bottom: 24px;
      align-items: center;
      border-bottom: 2px solid var(--medium-grey);
      color: var(--earth);
      cursor: pointer;
      display: flex;
      flex: 1;
      height: 110px;
      justify-content: center; }
      .tab-system .tabs > li.active-tab {
        background-color: var(--light-blue);
        border-color: var(--sky-blue); }
      @media (max-width: 1024px) {
        .tab-system .tabs > li {
          padding: 40px 20px; } }
      @media screen and (max-width: 767px) {
        .tab-system .tabs > li {
          white-space: nowrap; } }
  .tab-system .tab-wrapper {
    padding: 120px 80px; }
    @media (max-width: 1024px) {
      .tab-system .tab-wrapper {
        padding: 64px 20px 56px; } }
    .tab-system .tab-wrapper > li {
      display: none;
      padding-left: 0;
      padding-right: 0; }
    .tab-system .tab-wrapper .tab-content__hold {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .tab-system .tab-wrapper .tab-content__hold--images {
        display: flex;
        justify-content: space-between;
        width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
        @media (max-width: 640px) {
          .tab-system .tab-wrapper .tab-content__hold--images {
            width: 100%; } }
        .tab-system .tab-wrapper .tab-content__hold--images img {
          display: block; }
        .tab-system .tab-wrapper .tab-content__hold--images .two-column {
          display: flex;
          flex-direction: column;
          width: calc((((100% - (5 * 20px))/6) * 2) + ((2 - 1) * 20px)); }
          .tab-system .tab-wrapper .tab-content__hold--images .two-column img + img {
            margin-top: 21px; }
        .tab-system .tab-wrapper .tab-content__hold--images .three-column {
          width: calc((((100% - (5 * 20px))/6) * 3) + ((3 - 1) * 20px)); }
        .tab-system .tab-wrapper .tab-content__hold--images .four-column {
          width: calc((((100% - (5 * 20px))/6) * 4) + ((4 - 1) * 20px)); }
      .tab-system .tab-wrapper .tab-content__hold--text {
        width: calc((((100% - (11 * 20px))/12) * 5) + ((5 - 1) * 20px)); }
        @media (max-width: 850px) {
          .tab-system .tab-wrapper .tab-content__hold--text {
            padding-left: 20px;
            width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); } }
        @media (max-width: 640px) {
          .tab-system .tab-wrapper .tab-content__hold--text {
            margin-top: 32px;
            padding-left: 0;
            width: 100%; } }
        .tab-system .tab-wrapper .tab-content__hold--text h1, .tab-system .tab-wrapper .tab-content__hold--text h2, .tab-system .tab-wrapper .tab-content__hold--text h3, .tab-system .tab-wrapper .tab-content__hold--text h4, .tab-system .tab-wrapper .tab-content__hold--text h5, .tab-system .tab-wrapper .tab-content__hold--text h6 {
          margin: 0 0 32px; }
        .tab-system .tab-wrapper .tab-content__hold--text p {
          margin-top: 0; }
          .tab-system .tab-wrapper .tab-content__hold--text p + p {
            margin-top: 1.2em; }
        .tab-system .tab-wrapper .tab-content__hold--text p, .tab-system .tab-wrapper .tab-content__hold--text span, .tab-system .tab-wrapper .tab-content__hold--text ol li, .tab-system .tab-wrapper .tab-content__hold--text ul li {
          font-family: 'Outfit', sans-serif;
          font-size: 18px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal; }
    .tab-system .tab-wrapper .tab-content-links {
      margin-top: 40px; }
      .tab-system .tab-wrapper .tab-content-links > div + div {
        margin-top: 16px; }

.tab-system {
  margin: 100px auto;
  width: 100%;
  position: relative;
  max-width: 1840px;
  padding-left: 20px;
  padding-right: 20px; }

.home .tab-system {
  margin-top: 0; }

.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 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 (max-width: 640px) {
  .tab-system .tab-wrapper > li {
    padding: 80px 0px; } }
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: 340px;
            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 16px; } }
    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 {
          margin-bottom: 0px;
          position: absolute;
          bottom: 0;
          left: 0; }
  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;
          margin-bottom: 20px;
          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;
          margin-bottom: 20px;
          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; } }
/* 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 {
    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 2px 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: flex;
    position: relative;
    width: 338px; }
    @media (max-width: 767px) {
      #signup-form .input-fields {
        width: 100%; } }
    #signup-form .input-fields > div {
      width: 100%; }
  #signup-form label {
    align-self: flex-end;
    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;
    -moz-transition: all 0.325s ease-in-out;
    -o-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; }

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

.container, .tab-system .tab-wrapper > li {
  position: relative; }

section h1, section h2, section h3, section h4, section h5, section h6 {
  margin-top: 0; }

/* PRELOADER */
.is-loading {
  height: 100%;
  overflow: hidden;
  pointer-events: none; }

#preloader {
  background-color: #FFF;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 101; }
  #preloader .txt {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }
    #preloader .txt .txt-perc {
      color: var(--earth);
      font-size: 42px;
      margin: 0 0 6px 0;
      max-width: 400px;
      opacity: 1;
      text-align: center; }
  #preloader .progress {
    background-color: rgba(175, 175, 175, 0.5);
    height: 3px;
    margin: 0 auto 15px auto;
    width: 100px; }
    #preloader .progress span {
      background-color: var(--sky-blue);
      display: block;
      height: 100%;
      width: 0; }
  #preloader.is-hidden {
    visibility: hidden;
    opacity: 0; }

/* HERO GSAP INTERACTIONS */
#hero-animate {
  position: relative;
  margin-top: 118px;
  /*height: calc(100vh - 118px);*/ }
  @media (max-width: 1024px) {
    #hero-animate {
      height: auto;
      margin-top: 80px; } }

section.full-height:not(.first) {
  /*opacity: 0;
  visibility: hidden;*/
  display: flex;
  align-items: center; }
  @media (max-width: 1024px) {
    section.full-height:not(.first) {
      opacity: 1 !important;
      visibility: visible !important; } }

.full-height {
  height: calc(100vh - 118px);
  position: relative;
  /*
  background-color: $white;
  // border-bottom: 1px dashed purple; // For testing purposes
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;

  @media (max-width: $mobile-large-break) {
    height: auto;
    position: relative;
  }
*/ }
  .full-height#fh1 {
    min-height: 800px; }
  .full-height#fh2 {
    height: calc(100vh - 58px); }
    .full-height#fh2 > .intro {
      /*padding-top: eight(20);*/ }
      @media (max-width: 1024px) {
        .full-height#fh2 > .intro {
          padding-top: 0; } }
    @media (max-width: 1024px) {
      .full-height#fh2 {
        height: auto; } }
  @media (max-width: 1350px) {
    .full-height.first {
      align-items: center;
      display: flex;
      justify-content: center; } }
  @media (max-width: 1024px) {
    .full-height {
      height: auto; } }

@media (max-width: 1024px) {
  .hero {
    padding-top: 80px; } }
.hero > div {
  position: relative;
  z-index: 5; }
.hero__content {
  align-items: center;
  display: flex;
  width: calc(((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)) + 20px); }
  @media (max-width: 1150px) {
    .hero__content {
      width: calc(((((100% - (11 * 20px))/12) * 7) + ((7 - 1) * 20px)) + 20px); } }
  @media (max-width: 550px) {
    .hero__content {
      width: 100%; } }
  .hero__content h1 + p, .hero__content h2 + p, .hero__content h3 + p, .hero__content h4 + p, .hero__content h5 + p, .hero__content h6 + p {
    max-width: 80%; }
    @media (max-width: 550px) {
      .hero__content h1 + p, .hero__content h2 + p, .hero__content h3 + p, .hero__content h4 + p, .hero__content h5 + p, .hero__content h6 + p {
        max-width: 100%; } }
.hero__figure {
  width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); }
  @media (max-width: 1150px) {
    .hero__figure {
      width: calc((((100% - (11 * 20px))/12) * 5) + ((5 - 1) * 20px)); } }
  @media (max-width: 550px) {
    .hero__figure {
      width: 100%; } }
  .hero__figure video {
    height: auto;
    max-height: 500px;
    max-width: 500px;
    width: 100%; }

.intro {
  position: relative;
  z-index: 3; }
  .intro__cta {
    margin-left: auto;
    width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
    @media (max-width: 1024px) {
      .intro__cta {
        margin: 0px auto;
        width: 100%;
        padding-top: 80px;
        padding-bottom: 80px; } }

.highlight-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 32px; }
  @media (max-width: 1024px) {
    .highlight-cards {
      padding-top: 60px; } }
  .highlight-cards .basic-card {
    background-color: var(--light-grey);
    border-bottom: 2px solid var(--medium-grey);
    display: flex;
    flex-direction: column;
    padding: 32px;
    width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); }
    .highlight-cards .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;
      margin: 0; }
    .highlight-cards .basic-card .arrow {
      margin-top: auto; }
    .highlight-cards .basic-card h4 {
      margin: 0 0 24px; }
    .highlight-cards .basic-card h5 {
      margin: 8px 0 48px; }
    @media screen and (max-width: 767px) {
      .highlight-cards .basic-card {
        width: 100%; }
        .highlight-cards .basic-card + .basic-card {
          margin-top: 20px; } }

.feature-chevron {
  height: 100%;
  left: -50%;
  /* min-width: 740px;*/
  position: absolute;
  width: 50%; }
  @media (max-width: 1024px) {
    .feature-chevron {
      height: 720px;
      position: relative;
      width: 740px; } }
  @media (max-width: 767px) {
    .feature-chevron {
      height: 360px !important;
      min-width: 0;
      width: 370px !important; } }
  .feature-chevron:before {
    content: "";
    background-image: url(../../../../_resources/masks/chevron-video-frame-portrait.png?v3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-size: cover;
    background-position: bottom right; }
  .feature-chevron video {
    height: 100%;
    width: calc(100% - 2px);
    object-fit: cover; }
  @media (max-width: 1024px) {
    .feature-chevron {
      display: none; } }

/* PROJECTS */
#projects-intro {
  text-align: center; }
  #projects-intro h1 + p, #projects-intro h2 + p, #projects-intro h3 + p, #projects-intro h4 + p, #projects-intro h5 + p, #projects-intro h6 + p {
    margin-left: auto;
    margin-right: auto;
    width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
    @media screen and (max-width: 1024px) {
      #projects-intro h1 + p, #projects-intro h2 + p, #projects-intro h3 + p, #projects-intro h4 + p, #projects-intro h5 + p, #projects-intro h6 + p {
        width: calc((((100% - (11 * 20px))/12) * 9) + ((9 - 1) * 20px)); } }
    @media screen and (max-width: 550px) {
      #projects-intro h1 + p, #projects-intro h2 + p, #projects-intro h3 + p, #projects-intro h4 + p, #projects-intro h5 + p, #projects-intro h6 + p {
        width: 100%; } }

#our-properties {
  margin-top: 80px;
  margin-bottom: 152px;
  text-align: center; }
  #our-properties > .container, .tab-system .tab-wrapper#our-properties > li {
    flex-wrap: wrap; }
  #our-properties .button {
    margin-top: 60px; }
  #our-properties .property {
    border-top: 2px solid var(--dark-grey);
    background-color: var(--light-grey);
    color: var(--dark-grey);
    display: flex;
    flex-direction: column;
    width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 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; }
    #our-properties .property:last-of-type {
      margin-right: 0; }
    #our-properties .property:hover {
      background-color: var(--hover-grey); }
    #our-properties .property:nth-of-type(1) {
      border-color: var(--sky-blue); }
    #our-properties .property:nth-of-type(2) {
      border-color: var(--orange); }
    #our-properties .property .details {
      display: flex;
      flex-direction: column;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 56px 42px 36px;
      min-height: 300px;
      text-align: left; }
      #our-properties .property .details p {
        margin: 0;
        font-size: 18px; }
        #our-properties .property .details p:first-of-type {
          font-weight: 500; }
        #our-properties .property .details p strong {
          font-size: 32px;
          line-height: 36px; } 
      @media (max-width: 768px) {
        #our-properties .property .details {
          -webkit-flex-basis: calc(100% - 256px);
          flex-basis: calc(100% - 256px);
          padding: 42px 26px;
          min-height: 250px; } }
    #our-properties .property .image {
      height: 440px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      @media (max-width: 768px) {
        #our-properties .property .image {
          -webkit-flex-basis: 256px;
          flex-basis: 256px; } }
    @media (max-width: 1024px) {
      #our-properties .property {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 16px; } }
  @media (max-width: 1024px) {
    #our-properties {
      margin-bottom: 104px;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 640px) {
    #our-properties {
      margin-bottom: 64px; } }

/*# sourceMappingURL=style.css.map */
#chatbotContainer { position: fixed; bottom: 20px; right: 20px; width: 500px; height: 450px; z-index: 1000; overflow: hidden; }
#chatbotIframe { width: 100%; height: 100%; border: 2px solid lightgray; }
 #toggleChatbot { position: absolute; bottom: 0; right: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 15px; padding: 10px 20px; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
@media (max-width: 600px) {
  #chatbotContainer { width: 75%; height: 80%; right: 0; }
}