: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/trekor-arrow-right.svg) no-repeat 50% 50%; mask: url(../../../../_resources/svg/trekor-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-trekor-talks) .listing-item { display: flex; }
@media (max-width:640px) {
  body:not(.str-trekor-talks) .listing-item { border-bottom: 2px solid var(--medium-grey); padding-bottom: 24px; }
  body:not(.str-trekor-talks) .listing-item:hover { background-color: var(--hover-grey); }
}
body:not(.str-trekor-talks) .listing-item span { display: block; }
body:not(.str-trekor-talks) .listing-item__thumbnail { min-height: 140px; width: 140px; }
@media (max-width:640px) {
  body:not(.str-trekor-talks) .listing-item__thumbnail { min-height: unset; height: 100px; width: 100px; }
}
@media (max-width:640px) and (max-width:450px) {
  body:not(.str-trekor-talks) .listing-item__thumbnail { height: 72px; width: 72px; }
}
body:not(.str-trekor-talks) .listing-item__thumbnail img { height: 100%; width: 100%; object-fit: cover; }
body:not(.str-trekor-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-trekor-talks) .listing-item__details { border-bottom: none; padding: 0 0 0 20px; width: calc(100% - 100px); }
}
@media (max-width:450px) {
  body:not(.str-trekor-talks) .listing-item__details { width: calc(100% - 72px); }
}
body:not(.str-trekor-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-trekor-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-trekor-talks) .listing-item:hover .listing-item__details { background-color: var(--hover-grey); border-color: var(--sky-blue); }
@media (max-width:640px) {
  body:not(.str-trekor-talks) .listing-item:hover .listing-item__details { background-color: transparent; }
}
body:not(.str-trekor-talks) .listing-item + .listing-item { margin-top: 20px; }

/* TREKOR TALKS - 3 POSTS */
#trekor-talks { margin: 140px 0 120px; }
@media (max-width:1024px) {
  #trekor-talks { margin: 96px 0 104px; }
}
@media (max-width:640px) {
  #trekor-talks { margin: 48px 0 56px; }
}
#trekor-talks .tt-articles { width: 100%; }
@media screen and (max-width:1024px) {
  #trekor-talks .tt-articles { display: block; }
}
#trekor-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) {
  #trekor-talks .tt-articles .item { padding: 32px 20px; margin-right: 0; margin-bottom: 20px; width: 100%; }
}
#trekor-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) {
  #trekor-talks .tt-articles .item .details { -webkit-flex-basis: calc(100% - 47px); flex-basis: calc(100% - 47px); }
}
#trekor-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); }
#trekor-talks .tt-articles .item .image { -webkit-flex-basis: 77px; flex-basis: 77px; }
@media screen and (max-width:1024px) {
  #trekor-talks .tt-articles .item .image { -webkit-flex-basis: 47px; flex-basis: 47px; }
}
#trekor-talks .tt-articles .item:last-of-type { margin-right: 0; }
#trekor-talks .tt-articles .item:hover { background-color: var(--hover-grey); border-bottom: 2px solid var(--sky-blue); }
#trekor-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; }
  }

  /*Termsfeed button styling*/
  .termsfeed-com---pc-dialog .cc-cp-foot-button .cc-cp-foot-save, .termsfeed-com---reset .cc-nb-buttons-container .cc-nb-okagree, .termsfeed-com---reset .cc-nb-buttons-container .cc-nb-reject { background-color: rgb(38, 220, 255); }