/*- - - -|| COMMON START ||- - - - */

/* Colors */

/* Font Styles */

/*@font-face {
  font-family: 'Helvetica-Bold';
  src: url("fonts/HelveticaNeueLTStd-Bd.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Bd.woff") format("woff"); }*/

/* Text Styles */

/* Common Break Points */

/* Utility Variables */

/* Functions */

/* UTILITY MIXINS */

/* - - - -|| BASE STYLES ||- - - - */
html { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; overflow-x: hidden; }
html.modal { overflow-y: hidden; }
body { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-weight: 400; font-style: normal; background-color: #ffffff; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
section,
footer,
main { width: 100%; position: relative; z-index: 1; }
h1 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 60px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; color: #fff; font-weight: 400; font-style: normal; }
h2 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 48px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: 0.1px; color: #333743; font-weight: 400; }
h3 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 36px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333743; }
h4 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333743; }
h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; }
h6 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; text-align: left; color: #333743; font-weight: 700; }
p { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; }
p.large { font-family: neue-haas-grotesk-text, sans-serif; font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333743; }
p.footnote { font-size: 14px; line-height: normal; }
.footnote p,
.footnote li,
.footnote a { font-size: 14px; line-height: normal; }
td { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; }
th { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; text-align: left; }
h1,
h2,
h3,
h4,
h5,
p,
ul,
table:not(.fc-col-header) { margin-top: 0px; margin-bottom: 25px; }
h5,
h6 { margin-top: 0px; margin-bottom: 15px; }
input[type=text],
input[type='email'],
textarea,
select,
button { -webkit-appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; }
input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; }
select:focus { outline: none; }
input::placeholder { color: #ffffff; }
select::-ms-expand { display: none; }
input,
textarea,
select,
button { -webkit-appearance: none; border-radius: 0; }
*:focus { outline: 0 !important; }
a { text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-family: neue-haas-grotesk-text, sans-serif; font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #7db5cf; }
.fade { -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; }
.fade:hover { opacity: 0.7; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
body *::-moz-selection { background: #333743; color: #ffffff; font-weight: bold; }
body *::selection { background: #333743; color: #ffffff; font-weight: bold; }
img { max-width: 100%; }
strong { font-weight: bold; }
#width-check { position: relative; z-index: 0; display: none; }
div.table-overflow { width: 100%; overflow-x: auto; }
div.table-overflow.show { width: calc(100% + 15px); margin-right: -15px; }
div.table-overflow.show table { margin-bottom: 15px !important; }
div.supply-table-overflow { width: 100%; overflow-x: auto; }
p.instruction { display: none; }
p.instruction.show { display: block; margin-top: 10px; }
p.instruction i { margin-left: 15px; }
@media screen and (max-width:1023px) {
  h1 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; color: #fff; }
  h2 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 26px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: 0.05px; color: #333743; }
  h3 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333743; }
  h4 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
  h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #333743; }
  p { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #333743; }
  p.large { font-family: neue-haas-grotesk-text, sans-serif; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; color: #333743; }
  p.footnote { font-size: 10px; line-height: normal; }
  a{ font-size: 20px;}
}
.grecaptcha-badge { display: none !important; z-index: 100000; }
.grecaptcha-badge.show { display: block !important; visibility: visible !important; }
.cc-link {
  font-size: 18px;
}
/* - - - -|| UTILITY STYLES ||- - - - */
.grid1 { width: calc((((100% - (11 * 24px))/12) * 1) + ((1 - 1) * 24px)); }
.grid2 { width: calc((((100% - (11 * 24px))/12) * 2) + ((2 - 1) * 24px)); }
.grid3 { width: calc((((100% - (11 * 24px))/12) * 3) + ((3 - 1) * 24px)); }
.grid4 { width: calc((((100% - (11 * 24px))/12) * 4) + ((4 - 1) * 24px)); }
.grid5 { width: calc((((100% - (11 * 24px))/12) * 5) + ((5 - 1) * 24px)); }
.grid6 { width: calc((((100% - (11 * 24px))/12) * 6) + ((6 - 1) * 24px)); }
.grid7 { width: calc((((100% - (11 * 24px))/12) * 7) + ((7 - 1) * 24px)); }
.grid8 { width: calc((((100% - (11 * 24px))/12) * 8) + ((8 - 1) * 24px)); }
.grid9 { width: calc((((100% - (11 * 24px))/12) * 9) + ((9 - 1) * 24px)); }
.grid10 { width: calc((((100% - (11 * 24px))/12) * 10) + ((10 - 1) * 24px)); }
.grid11 { width: calc((((100% - (11 * 24px))/12) * 11) + ((11 - 1) * 24px)); }
.grid12 { width: calc((((100% - (11 * 24px))/12) * 12) + ((12 - 1) * 24px)); }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.half { width: 50%; }
.third { width: calc(100% / 3); }
.quarter { width: 25%; }
.container { max-width: 1330px; margin: 0px auto; width: 100%; padding: 0px 15px; }
.left-container { max-width: 665px; margin: 0px 0px 0px auto; width: 100%; padding: 0px 0px 0px 15px; }
.right-container { max-width: 665px; margin: 0px auto 0px 0px; width: 100%; padding: 0px 15px 0px 0px; }
.cover { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1; }
.animate { visibility: hidden; }
.animate.show { visibility: visible; }
.delay-1,
section.investors .news::before { -webkit-animation-delay: 0.5s !important; animation-delay: 0.5s !important; }
.delay-2,
section.investors .events::before { -webkit-animation-delay: 1s !important; animation-delay: 1s !important; }
.delay-3 { -webkit-animation-delay: 1.5s !important; animation-delay: 1.5s !important; }
.delay-4 { -webkit-animation-delay: 2s !important; animation-delay: 2s !important; }
.delay-5 { -webkit-animation-delay: 2.5s !important; animation-delay: 2.5s !important; }
.delay-6 { -webkit-animation-delay: 3s !important; animation-delay: 3s !important; }
.delay-7 { -webkit-animation-delay: 3.5s !important; animation-delay: 3.5s !important; }
.delay-8 { -webkit-animation-delay: 4s !important; animation-delay: 4s !important; }
.delay-9 { -webkit-animation-delay: 4.5s !important; animation-delay: 4.5s !important; }
.image-overlay { position: relative; }
.image-overlay::before { content: ''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-image: linear-gradient(199deg, rgba(0, 0, 0, 0.21) 70%, rgba(0, 0, 0, 0.3) 31%); z-index: 0; }
.image-overlay > * { position: relative; z-index: 1; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.small { font-size: 12px !important; }
.no-margin { margin: 0px !important; }

/* Repeatable Custom Styles */
.content .presentation-link,
.presentation-link,
.latest-news-link,
.content .latest-news-link { width: 100%; max-width: 250px; height: 176px; position: relative; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.17); }
.content .presentation-link::before,
.presentation-link::before,
.latest-news-link::before,
.content .latest-news-link::before { content: ''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(../../../../_resources/bgs/bg-presentation.jpg); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1; z-index: 1; }
.content .presentation-link::after,
.presentation-link::after,
.latest-news-link::after,
.content .latest-news-link::after { content: ''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(../../../../_resources/bgs/bg-presentation-hover.jpg); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 0; }
.content .presentation-link a,
.presentation-link a,
.latest-news-link a,
.content .latest-news-link a { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; z-index: 10; }
.content .presentation-link a::after,
.presentation-link a::after,
.latest-news-link a::after,
.content .latest-news-link a::after { font-family: "Font Awesome 5 Pro"; position: absolute; content: '\f019'; bottom: 16px; left: 26px;      /*width: 39px;
        height: 39px;*/ opacity: 1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;      /*-webkit-mask-image: url(../../../../_resources/icons/download.svg);
        mask-image: url(../../../../_resources/icons/download.svg);
        -webkit-mask-size: 39px auto;
        mask-size: 39px auto;
        background-color: #ffffff;*/ }
  .content .presentation-link a:hover,
  .presentation-link a:hover,
  .latest-news-link a:hover,
  .content .latest-news-link a:hover { opacity: 1; }
  .content .presentation-link a:hover::after,
  .latest-news-link a:hover::after,
  .content .latest-news-link a:hover::after {        /*color: #7db5cf;*/
  background-color: #7db5cf; }
  .content .presentation-link span,
  .presentation-link span,
  .latest-news-link span,
  .content .latest-news-link span { position: absolute; bottom: 46px; left: 26px; }
  .content .presentation-link:hover::before,
  .presentation-link:hover::before,
  .latest-news-link:hover::before,
  .content .latest-news-link:hover::before { opacity: 0; }
  .content .presentation-link:hover::after,
  .presentation-link:hover::after,
  .latest-news-link:hover::after,
  .content .latest-news-link:hover::after { opacity: 1; }
  .content .presentation-link:hover a::after,
  .presentation-link:hover a::after,
  .latest-news-link:hover a::after,
  .content .latest-news-link:hover a::after { opacity: 1; }
  .latest-news-link::before,
  .content .latest-news-link::before { background-image: url(../../../../_resources/bgs/bg-latest-news2.jpg); }
  .latest-news-link::after,
  .content .latest-news-link::after {  /*background-image: url(../../../../_resources/bgs/bg-latest-news-hover.jpg);*/
  background-image: none; background-color: #333743; z-index: 1; }
  .latest-news-link a::after,
  .content .latest-news-link a::after { content: '\f1ea'; font-weight: 900; }
  .latest-news-link:hover::before,
  .content .latest-news-link:hover::before { opacity: 1; }
  .latest-news-link:hover::after,
  .content .latest-news-link:hover::after { opacity: 0.2; }
  .box-link,
  .content .box-link { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 13px; }
  .box-link::before,
  .content .box-link::before { content: ''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(6, 50, 95, 0.2); opacity: 0; z-index: 0; pointer-events: none; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  .box-link a,
  .content .box-link a { width: 100%; min-height: 190px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 1; padding: 26px; text-decoration: none !important; }
  .box-link a span,
  .content .box-link a span { display: flex; justify-content: space-between; font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; align-items: flex-end; }
  .box-link a span::after,
  .content .box-link a span::after { font-family: "Font Awesome 5 Pro"; font-weight: 400; font-style: normal; content: '\f1c1'; font-weight: 900; margin-left: 15px; }
  .box-link.presentation-video-link,
  .content .box-link.presentation-video-link { background-image: url(../../../../_resources/bgs/bg-corporate-presentation-video-link.jpg); }
  .box-link.presentation-video-link a::before,
  .content .box-link.presentation-video-link a::before { content: ''; width: 77px; height: 77px; border-radius: 77px; background-color: #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.26); z-index: 1; }
  .box-link.presentation-video-link a::after,
  .content .box-link.presentation-video-link a::after { content: 'PLAY'; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #333743; font-size: 12px; letter-spacing: 2px; text-align: center; z-index: 2; }
  .box-link.presentation-video-link a span::after,
  .content .box-link.presentation-video-link a span::after { content: '\f04b'; }
  .box-link.presentation-video-link.side a::before,
  .content .box-link.presentation-video-link.side a::before { width: 58px; height: 58px; border-radius: 58px; }
  .box-link.presentation-pdf-link,
  .content .box-link.presentation-pdf-link { background-image: url(../../../../_resources/bgs/bg-corporate-presentation-pdf-link.jpg); }
  .box-link.conference-webcasts-link,
  .content .box-link.conference-webcasts-link { background-image: url(../../../../_resources/bgs/bg-conference-webcasts-link.jpg); }
  .box-link.conference-webcasts-link a span::after,
  .content .box-link.conference-webcasts-link a span::after { content: '\f073'; }
  .box-link.factsheet-link,
  .content .box-link.factsheet-link { background-image: url(../../../../_resources/bgs/bg-factsheet-link.jpg); }
  .box-link.latest-news-link-new,
  .content .box-link.latest-news-link-new { background-image: url(../../../../_resources/bgs/bg-latest-news-link.jpg); }
  .box-link.latest-news-link-new a span::after,
  .content .box-link.latest-news-link-new a span::after { content: '\f1ea'; }
  .box-link:hover::before,
  .box-link:hover a,
  .content .box-link:hover::before,
  .content .box-link:hover a { opacity: 1; }
  .button { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; display: inline-flex; background-color: #333743; border-color: #333743; padding: 0px 28px 0px 28px; height: 50px; align-items: center; border-style: solid; }
  .button.pdf::before { content: '\f1c1'; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-style: normal; font-size: 12px; font-weight: 900; color: #87b8dc; margin-right: 7px; display: inline-block; }
  .button:hover { background-color: #7db5cf; border-color: #7db5cf; }
  .white-button { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; font-weight: 500; font-style: normal; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; display: inline-flex; background-color: #ffffff; padding: 0px 28px 0px 28px; height: 50px; align-items: center; color: #333743; }
  .white-button:hover {    /*background-color: #333743;*/
  background-color: #7db5cf; color: #ffffff; }
  .slider-dots button { width: 16px; height: 16px; border: solid 1px transparent; border-radius: 16px; margin: 0px 5px; position: relative; padding: 2px; background-color: transparent; cursor: pointer; }
  .slider-dots button.active { border: solid 1px #333743; }
  .slider-dots button > span { border-radius: 10px; background-color: #333743; display: block; width: 10px; height: 10px; }
  .slider-nav .owl-prev { position: absolute; left: 0px; bottom: 0px; z-index: 10; width: 100px; }
  .slider-nav .owl-next { position: absolute; right: 0px; bottom: 0px; z-index: 10; width: 100px; }
  .list-item { display: flex; justify-content: space-between; align-items: flex-start; }
  .list-item > .date { width: 124px; border: solid 1px #c7cacc; border-radius: 4px; text-align: center; padding: 22px 0px 14px 0px; }
  .list-item > .date .month { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; line-height: normal; letter-spacing: 0.58px; color: #333743; text-transform: uppercase; margin-bottom: 9px; }
  .list-item > .date .day { font-family: neue-haas-grotesk-text, sans-serif; font-weight: normal; font-style: normal; font-size: 60px; line-height: normal; letter-spacing: normal; color: #7db5cf; }
  .list-item > .date .year { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; line-height: normal; letter-spacing: 0.58px; color: #333743; }
  .list-item .text { width: calc(100% - 124px); padding-left: 52px; }
  .list-item .text .title a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333743; }
  .list-item .text .location { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; margin-top: 14px; }
  .list-item .text .location::before { font-family: "Font Awesome 5 Pro"; font-weight: 400; font-style: normal; content: '\f3c5'; font-size: 16px; color: #7db5cf; display: inline-block; margin-right: 8px; font-weight: 900; position: relative; top: -1px; }
  .list-item .text.flex { align-items: center; }
  .list-item .text.flex .left { width: calc(100% - 180px); }
  .list-item .text.flex .right { width: 180px; text-align: right; }
  .list-item .text.flex .event-button { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; color: #333743; display: inline-block; border: solid 1px #c7cacc; border-radius: 21px; white-space: nowrap; padding: 12px 22px 11px 24px; }
  .list-item .text.flex .event-button:hover { border: solid 1px #333743; background-color: #333743; color: #ffffff; opacity: 1; }
  .list-item.all-events { border-top: solid 1px #c7cacc; padding: 9px 0px; align-items: center; }
  .list-item.media { padding: 10px 0px; align-items: center; position: relative; }
  .list-item.media:not(:last-of-type) { border-bottom: solid 1px #c7cacc; }
  .list-item.media a.cover { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1; }
  .list-item.media .icon,
  .list-item.media .icon-pdf { width: 124px; border: solid 1px #c7cacc; border-radius: 4px; text-align: center; display: flex; align-items: center; justify-content: center; min-height: 90px; }
  .list-item.media .icon::before { font-family: "Font Awesome 5 Pro"; font-weight: 400; font-style: normal; content: '\f144'; font-weight: 900; color: #7db5cf; font-size: 37px; }
  .list-item.media .text { display: flex; justify-content: space-between; align-items: center; }
  .list-item.media .text .title a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; text-decoration: none; }
  .list-item.media .text .date { white-space: nowrap; padding-left: 30px; font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
  .list-item.media:hover .title a { opacity: 0.6; }
  .content .document-links a,
  .document-links a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; display: flex; justify-content: flex-start; align-items: center; padding: 18px 20px; border-bottom: solid 1px #c7cacc; text-decoration: none; line-height: normal; flex-wrap: wrap; }
  .content .document-links a::before,
  .document-links a::before { font-family: "Font Awesome 5 Pro"; font-weight: 400; font-style: normal; color: #7db5cf; content: '\f1c1'; font-weight: 900; font-size: 22px; margin-right: 25px; }
  .content .document-links a:last-of-type,
  .document-links a:last-of-type { border-bottom: none; }
  .content .document-links a:hover,
  .document-links a:hover { background-color: #f2f2f2; opacity: 1.0 !important; }
  .content .document-links a span,
  .document-links a span { max-width: calc(100% - 24px); }
  .content .document-links a > span:nth-of-type(2),
  .document-links a > span:nth-of-type(2) { text-align: right; font-weight: 400; flex-grow: 1; }
  .content table { border-color: #c7cacc; border-style: solid; border-collapse: collapse; }
  .content table th { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; background-color: #f2f2f2; border-color: #c7cacc; border-style: solid; padding: 2px; line-height: normal; }
  .content table td { border-color: #c7cacc; border-style: solid; padding: 2px; line-height: normal; }
  .content table.styled { border: none; }
  .content table.styled th { text-align: right; border: none; border-bottom: solid 1px #c7cacc; padding: 19px 17px 16px 17px; }
  .content table.styled th:first-of-type { text-align: left; }
  .content table.styled td { text-align: right; border: none; border-bottom: solid 1px #c7cacc; padding: 18px 17px 16px 17px; }
  .content table.styled td:first-of-type { text-align: left; }
  .content table.styled tr:last-of-type td { border-bottom: solid 1px #7b8794; }
  .content .accordion,
  .accordion { border: solid 1px #c7cacc; border-radius: 6px; padding: 37px 32px 33px 24px; margin-bottom: 14px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  .content .accordion > h4,
  .accordion > h4 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; margin: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 26px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  .content .accordion > h4::after,
  .accordion > h4::after { font-family: "Font Awesome 5 Pro"; font-weight: 400; font-style: normal; content: '\f067'; font-size: 20px; line-height: 20px; color: #333743; font-weight: 900; margin-left: 30px; }
  .content .accordion > div,
  .accordion > div { display: none; }
  .content .accordion.open,
  .accordion.open { padding: 37px 32px 0px 24px; }
  .content .accordion.open > h4,
  .accordion.open > h4 { margin-bottom: 64px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  .content .accordion.open > h4::after,
  .accordion.open > h4::after { content: '\f068'; }
  .content .accordion.nocollapse > h4,
  .accordion.nocollapse > h4 { cursor: initial; }
  .expand { cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: 20px; display: block; text-transform: uppercase; font-weight: 600; margin-bottom: 30px; font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
  .expand p,
  .expand div { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
  .expand:hover { color: #001ca8; }
  .expand + .expandable { height: 0px; min-height: 0px; overflow: hidden; position: relative; }
  .video-hold { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 200px; max-width: 635px; padding-bottom: 58.9%; border-radius: 3px; }
  .video-hold::before { content: ''; width: 103px; height: 103px; border-radius: 103px; background-color: #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.26); }
  .video-hold::after { content: 'PLAY'; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #333743; font-size: 12px; letter-spacing: 2px; text-align: center; z-index: 1; }
  .video-hold a { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; }
  .video-hold img { display: none; }
  .video-hold > div { position: absolute; bottom: 22px; left: 32px; font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
  .two-columns { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .two-columns > div { width: calc(50% - 12px); margin-bottom: 50px; }
  table.styled th { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; background-color: #333743; color: #ffffff; padding: 12px 15px 9px 15px; }
  table.styled th:not(:first-of-type) { text-align: right; }
  table.styled th span { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; }
  table.styled td { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; padding: 10px 15px 9px 15px; }
  table.styled td:not(:first-of-type) { text-align: right; }
  table.supply th { color: #ffffff; }
  table.supply td { color: #ffffff; border-bottom: solid 1px rgba(255, 255, 255, 0.5); }
  table.supply .total td { border-top: solid 1px rgba(255, 255, 255, 0.5); border-bottom: none; }
  @media screen and (max-width:1280px) {
    .box-link.presentation-video-link.side a::before { top: calc(50% - 20px); }
    .box-link.presentation-video-link.side a::after { top: calc(50% - 20px); }
  }
  @media screen and (max-width:1023px) {
    #width-check { z-index: 1; }
    .presentation-link,
    .latest-news-link { width: 100%; max-width: 289px; height: 166px; }
    .button { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; padding: 0px 25px 0px 25px; }
    .white-button { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #333743; padding: 0px 25px 0px 25px; }
    .slider-dots button { width: 11px; height: 11px; border-radius: 11px; margin: 0px 8px; }
    .slider-dots button > span { border-radius: 7px; width: 7px; height: 7px; top: -1px; position: relative; left: -1px; }
    .content .document-links a,
    .document-links a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; line-height: normal; padding: 14px 0px; }
    .content .document-links a::before,
    .document-links a::before { font-size: 18px; margin-right: 10px; }
    .content .document-links a span:nth-of-type(2),
    .document-links a span:nth-of-type(2) { text-align: left; padding-left: 23px; width: 100%; }
    .content table th { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; }
    .content table td { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; }
    .content table.styled th { padding: 19px 11px 14px 11px; }
    .content table.styled td { padding: 19px 11px 14px 11px; }
    .content .accordion,
    .accordion { padding: 23px 20px 19px 14px; margin-bottom: 7px; }
    .content .accordion > h4,
    .accordion > h4 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
    .content .accordion > h4::after,
    .accordion > h4::after { font-size: 11px; line-height: 11px; }
    .content .accordion.open > h4,
    .accordion.open > h4 { margin-bottom: 31px; }
    .list-item.media { align-items: flex-start; padding: 22px 0px; }
    .list-item.media .icon { width: 46px; min-height: 46px; height: 46px; }
    .list-item.media .icon::before { font-size: 22px; }
    .list-item.media .text { padding-left: 12px; display: block; width: calc(100% - 46px); }
    .list-item.media .text .title a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; }
    .list-item.media .text .date { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; padding-left: 0px; padding-top: 0px; }
    .video-hold { max-width: 287px; padding-bottom: 0px; }
    .video-hold::before { width: 77px; height: 77px; border-radius: 77px; }
    .video-hold > div { bottom: 12px; left: 15px; font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
    .two-columns { display: block; }
    .two-columns > div { width: 100%; }
    table.styled th { font-size: 16px; padding: 10px 13px 7px 13px; }
    table.styled td { font-size: 16px; padding: 8px 13px 7px 13px; }
    .box-link.presentation-video-link.side a::before { top: 50%; }
    .box-link.presentation-video-link.side a::after { top: 50%; }
  }

  /* Media Queries*/

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

  /* - - - -|| ANIMATION KEYFRAMES / FOR HERO TEXT FADE IN ||- - - - */
  @-webkit-keyframes fadeIn {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: hidden; opacity: 0; }
    100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: visible; opacity: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  }
  @keyframes fadeIn {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: hidden; opacity: 0; }
    100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: visible; opacity: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  }
  @-webkit-keyframes fadeInArrows {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: hidden; display: none; opacity: 0; }
    100% { -webkit-transform: translateY(0%) translateX(0px) skew(-22deg); transform: translateY(0%) translateX(0px) skew(-22deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: visible; display: block; opacity: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  }
  @keyframes fadeInArrows {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: hidden; display: none; opacity: 0; }
    100% { -webkit-transform: translateY(0%) translateX(0px) skew(-22deg); transform: translateY(0%) translateX(0px) skew(-22deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: visible; display: block; opacity: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  }
  @-webkit-keyframes fadeInUp {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); visibility: hidden; display: none; opacity: 0; }
    100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; display: inline-block; opacity: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  }
  @keyframes fadeInUp {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); visibility: hidden; display: none; opacity: 0; }
    100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; display: inline-block; opacity: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  }
  @keyframes verticalBorderDraw {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; height: 1px; }
    100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; height: 100%; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  }
  @keyframes verticalBorderDrawShort {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; height: 1px; }
    100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; height: calc(100% - 190px); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  }
  @keyframes borderDraw {
    0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 0px; }
    100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 100%; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  }
  .preFadeInUp,
  .preFadeIn { opacity: 0; }
  .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .fadeInArrows { -webkit-animation-name: fadeInArrows; animation-name: fadeInArrows; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .verticalBorderDraw { position: relative; }
  .verticalBorderDraw::before { content: ''; position: absolute; top: 0px; left: 0px; width: 1px; background-color: #87b8dc; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-delay: 0s; visibility: hidden; }
  .verticalBorderDraw.show::before { visibility: visible; -webkit-animation-name: verticalBorderDraw; animation-name: verticalBorderDraw; }
  .verticalBorderDrawShort { position: relative; }
  .verticalBorderDrawShort::before { content: ''; position: absolute; top: 30%; left: 0px; width: 1px; background-color: #87b8dc; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-delay: 0s; visibility: hidden; }
  .verticalBorderDrawShort.show::before { visibility: visible; -webkit-animation-name: verticalBorderDrawShort; animation-name: verticalBorderDrawShort; }
  .border-link { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; position: relative; }
  .border-link::after { content: ''; position: absolute; left: 0px; bottom: -6px; height: 1px; background-color: #7db5cf; width: 0px; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .border-link:hover::after { -webkit-animation-name: borderDraw; animation-name: borderDraw; }
  .borderDrawTop { position: relative; padding-top: 9px; }
  .borderDrawTop::before { content: ''; height: 1px; position: absolute; top: 0px; left: 0px; width: 0px; background-color: #7db5cf; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-delay: 0s; visibility: hidden; }
  .borderDrawTop.show::before { visibility: visible; -webkit-animation-name: borderDraw; animation-name: borderDraw; }

  /* - - - -|| COMMON END ||- - - - */

  /* - - - -|| HEADER START ||- - - - */
  body.admin a.redirect { pointer-events: none !important; }
  header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 10000; }
  header.desktop > .top { background-color: #333743; height: 35px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  header.desktop > .top .container { justify-content: flex-end; align-items: center; height: 100%; padding-right: 0; }
  header.desktop > .top .top-flex { display: flex; justify-content: flex-end; align-items: center; height: 100%; margin-right: 0; }
  header.desktop > .top .top-flex .signup { margin-left: 24px; margin-right: 0; background-color: #7db5cf; width: 375px; font-family: neue-haas-grotesk-text, sans-serif; font-size: 12px; font-weight: 500; line-height: 2; color: #333f48; text-transform: uppercase; height: 35px; display: flex; align-items: center; justify-content: space-around; }
  header.desktop > .top .top-flex .signup a { font-size: 18px; color: #333743; }
  header.desktop > .top .top-flex .signup .fa-envelope { margin-right: 17px; }
  header.desktop > .top .stock { display: flex; justify-content: flex-end; font-family: neue-haas-grotesk-text, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: normal; letter-spacing: 1px; color: #fff; align-items: center; height: 100%; }
  header.desktop > .top .stock > div:not(:first-of-type) { border-left: solid 1px rgba(255, 255, 255, 0.58); margin-left: 16px; padding-left: 16px; }
  header.desktop > .top .stock > div > span { color: #7db5cf; }
  header.desktop > .bottom { background-color: #ffffff; height: 80px; border-bottom: solid 1px rgba(255, 255, 255, 0.5); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 1; }
  header.desktop > .bottom .container { height: 100%; align-items: center; }
  header.desktop > .bottom .logo { max-width: 306px; width: 100%; height: 72px; position: relative; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; }
  header.desktop > .bottom .logo:hover { opacity: 0.7; }
  header.desktop > .bottom .logo a { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; }
  header.desktop > .bottom .logo a:hover { opacity: 0.7; }
  header.desktop > .bottom .logo img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height: 72px; }
  header.desktop > .bottom .logo img.white { opacity: 0; }
  header.desktop > .bottom nav { display: flex; justify-content: flex-end; position: relative; width: calc(100% - 276px); }
  header.desktop > .bottom nav ul { list-style: none; padding: 0; margin: 0; }
  header.desktop > .bottom nav ul.top { display: flex; justify-content: space-between; padding-left: 30px; width: 100%; max-width: 830px; }
  header.desktop > .bottom nav ul.top > li { position: relative; }
  header.desktop > .bottom nav ul.top > li > a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; line-height: 18px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; color: #333743; padding: 31px 0px; display: block; }
  header.desktop > .bottom nav ul.top > li > a:hover { opacity: 0.7; }
  header.desktop > .bottom nav ul.top > li.search-icon { color: #333743; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; cursor: pointer; }
  header.desktop > .bottom nav ul.top > li.search-icon:hover { opacity: 0.7; }
  header.desktop > .bottom nav ul.top > li.search-icon i { padding: 31px 0px; }
  header.desktop > .bottom nav ul.top > li:hover ul.sub { opacity: 1; pointer-events: all; }
  header.desktop > .bottom nav ul.top > li.cat-connect > ul.sub { left: initial; right: -30px; }
  header.desktop > .bottom nav ul.sub { opacity: 0; pointer-events: none; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: absolute; background-color: #ffffff; list-style: none; min-width: 212px; padding: 10px 20px 14px 30px; top: calc(100% - 1px); left: -30px; z-index: 0; }
  header.desktop > .bottom nav ul.sub a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; opacity: 1; display: block; text-align: left; padding: 10px 0px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  header.desktop > .bottom nav ul.sub a:hover { opacity: 0.6; }
  header.desktop > .bottom nav ul.subsub { padding-left: 15px; }
  header.desktop > .bottom nav .search-hold { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 2; opacity: 0; pointer-events: none; background-color: transparent; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 830px; }
  header.desktop > .bottom nav .search-hold form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: solid 1px #333743; }
  header.desktop > .bottom nav .search-hold form input[type=search] { width: calc(100% - 20px); background-color: transparent; border: 0px; font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; height: 40px; color: #333743; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  header.desktop > .bottom nav .search-hold form input[type=search]::-webkit-input-placeholder { color: #333743; }
  header.desktop > .bottom nav .search-hold form input[type=search]:-moz-placeholder { color: #333743; }
  header.desktop > .bottom nav .search-hold form input[type=search]::-moz-placeholder { color: #333743; }
  header.desktop > .bottom nav .search-hold form input[type=search]:-ms-input-placeholder { color: #333743; }
  header.desktop > .bottom nav .search-hold form input[type=search]:focus { outline: 0px; }
  header.desktop > .bottom nav .search-hold form input[type=search]::-webkit-search-decoration,
  header.desktop > .bottom nav .search-hold form input[type=search]::-webkit-search-cancel-button,
  header.desktop > .bottom nav .search-hold form input[type=search]::-webkit-search-results-button,
  header.desktop > .bottom nav .search-hold form input[type=search]::-webkit-search-results-decoration { display: none; }
  header.desktop > .bottom nav .search-hold form .search-close { width: 20px; color: #333743; cursor: pointer; font-size: 18px; margin-top: -2px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; text-align: right; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  header.desktop > .bottom nav .search-hold form .search-close:hover { opacity: 0.7; }
  header.desktop > .bottom nav.search-active ul.top { opacity: 0; pointer-events: none; }
  header.desktop > .bottom nav.search-active .search-hold { opacity: 1; pointer-events: all; }
  header.desktop.sticky > .top { height: 0px; opacity: 0; }
  header.desktop.sticky > .bottom { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.17); }
  header.desktop.sticky > .bottom nav ul.sub { box-shadow: 0 15px 13px 0 rgba(0, 0, 0, 0.17); }
  header.desktop.home:not(.sticky) > .bottom { background-color: transparent; }
  header.desktop.home:not(.sticky) > .bottom .logo img { opacity: 0; }
  header.desktop.home:not(.sticky) > .bottom .logo img.white { opacity: 1; }
  header.desktop.home:not(.sticky) > .bottom nav ul.top > li > a { color: #ffffff; }
  header.desktop.home:not(.sticky) > .bottom nav ul.top > li.search-icon { color: #ffffff; }
  header.desktop.home:not(.sticky) > .bottom nav.search-active .search-hold form { border-bottom: solid 1px #ffffff; }
  header.desktop.home:not(.sticky) > .bottom nav.search-active .search-hold form input[type=search] { color: #ffffff; }
  header.desktop.home:not(.sticky) > .bottom nav.search-active .search-hold form input[type=search]::-webkit-input-placeholder { color: #ffffff; }
  header.desktop.home:not(.sticky) > .bottom nav.search-active .search-hold form input[type=search]:-moz-placeholder { color: #ffffff; }
  header.desktop.home:not(.sticky) > .bottom nav.search-active .search-hold form input[type=search]::-moz-placeholder { color: #ffffff; }
  header.desktop.home:not(.sticky) > .bottom nav.search-active .search-hold form input[type=search]:-ms-input-placeholder { color: #ffffff; }
  header.desktop.home:not(.sticky) > .bottom nav.search-active .search-hold form .search-close { color: #ffffff; }
  header.desktop.stuck > .bottom { box-shadow: none; }
  header.mobile { display: none; pointer-events: none; }
  header.mobile .head { background-color: #ffffff; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height: 52px; pointer-events: all; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.17); }
  header.mobile .head .container { align-items: center; height: 100%; }
  header.mobile .head .logo { max-width: 173px; width: 100%; height: 38px; position: relative; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; }
  header.mobile .head .logo:hover { opacity: 0.7; }
  header.mobile .head .logo a { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; }
  header.mobile .head .logo a:hover { opacity: 0.7; }
  header.mobile .head .logo img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height: 38px; }
  header.mobile .head .logo img.white { opacity: 0; }
  header.mobile .head .menu-icon { position: relative; width: 25px; height: 16px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; pointer-events: all; }
  header.mobile .head .menu-icon span { height: 2px; width: 100%; background-color: #333743; margin-bottom: 5px; display: block; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  header.mobile .head .menu-icon span:last-of-type { margin-bottom: 0px; }
  header.mobile .mobile-menu { position: relative; padding-bottom: 200px; background-color: #333743; height: calc(100vh - 52px); height: calc((var(--vh, 1vh) * 100) - 52px); -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  header.mobile .mobile-menu nav { overflow-y: auto; max-height: calc(100vh - 251px); max-height: calc((var(--vh, 1vh) * 100) - 251px); padding-top: 38px; }
  header.mobile .mobile-menu nav ul.top { list-style: none; margin: 0px; padding: 18px 0px; }
  header.mobile .mobile-menu nav ul.top > li > a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; margin: 0px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 9px 0px; }
  header.mobile .mobile-menu nav ul.top li.social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-start; text-align: center; padding-bottom: 3px; padding-top: 10px; }
  header.mobile .mobile-menu nav ul.top li.social a { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 16px; letter-spacing: 0.5px; text-align: right; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 25px; margin-right: 0px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; }
  header.mobile .mobile-menu nav ul.top li.social a:hover { opacity: 0.7; }
  header.mobile .mobile-menu nav ul.top li.social a:first-of-type { margin-left: 15px; }
  header.mobile .mobile-menu nav ul.sub { display: none; background-color: #7db5cf; list-style: none; margin: 9px 0px; padding: 9px 0px 13px 0px; }
  header.mobile .mobile-menu nav ul.sub > li > a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #333743; text-align: left; opacity: 0.6; margin: 0px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 11px 0px; }
  header.mobile .mobile-menu nav ul.sub > li > a.has-submenu::after { content: "\f078"; font-family: FontAwesome; margin-left: 10px; transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); }
  header.mobile .mobile-menu nav ul.sub > li > a.has-submenu.show:after { transform: rotate(180deg); }
  header.mobile .mobile-menu nav ul.subsub { list-style: none; margin: 0px; padding: 0px; display: none; }
  header.mobile .mobile-menu nav ul.subsub > li > a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #333743; text-align: left; opacity: 0.6; margin: 0px 20px 0px 30px; padding: 11px 0px; display: block; }
  header.mobile .mobile-menu .bottom { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 200px; padding: 30px 15px; }
  header.mobile .mobile-menu .bottom .search-hold { display: block; border-bottom: solid 1px #586e88; }
  header.mobile .mobile-menu .bottom .search-hold form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  header.mobile .mobile-menu .bottom .search-hold form input[type=search] { width: calc(100% - 30px); background-color: transparent; border: 0px; font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; height: 30px; }
  header.mobile .mobile-menu .bottom .search-hold form input[type=search]::-webkit-input-placeholder { color: #ffffff; }
  header.mobile .mobile-menu .bottom .search-hold form input[type=search]:-moz-placeholder { color: #ffffff; }
  header.mobile .mobile-menu .bottom .search-hold form input[type=search]::-moz-placeholder { color: #ffffff; }
  header.mobile .mobile-menu .bottom .search-hold form input[type=search]:-ms-input-placeholder { color: #ffffff; }
  header.mobile .mobile-menu .bottom .search-hold form input[type=search]:focus { outline: 0px; }
  header.mobile .mobile-menu .bottom .search-hold form input[type=search]::-webkit-search-decoration,
  header.mobile .mobile-menu .bottom .search-hold form input[type=search]::-webkit-search-cancel-button,
  header.mobile .mobile-menu .bottom .search-hold form input[type=search]::-webkit-search-results-button,
  header.mobile .mobile-menu .bottom .search-hold form input[type=search]::-webkit-search-results-decoration { display: none; }
  header.mobile .mobile-menu .bottom .search-hold form i { font-size: 16px; color: #586e88; margin-right: 2px; }
  header.mobile .mobile-menu .bottom .flex { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  header.mobile .mobile-menu .bottom .stock { padding-top: 18px; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; letter-spacing: 1px; color: #fff; }
  header.mobile .mobile-menu .bottom .stock > div { margin-bottom: 10px; }
  header.mobile .mobile-menu .bottom .stock span { color: #7db5cf; }
  header.mobile.open { pointer-events: all; }
  header.mobile.open .head { background-color: #333743; }
  header.mobile.open .head .logo img { opacity: 0; }
  header.mobile.open .head .logo img.white { opacity: 1; }
  header.mobile.open .head .menu-icon { width: 20px; height: 20px; }
  header.mobile.open .head .menu-icon span { -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: #ffffff; }
  header.mobile.open .head .menu-icon span:nth-of-type(1) { width: 26px; 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: 26px; 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 .mobile-menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  header.mobile.stuck .head { box-shadow: none; }
  header.mobile.home:not(.sticky):not(.open) .head { background-color: transparent; box-shadow: none; }
  header.mobile.home:not(.sticky):not(.open) .head .logo img { opacity: 0; }
  header.mobile.home:not(.sticky):not(.open) .head .logo img.white { opacity: 1; }
  header.mobile.home:not(.sticky):not(.open) .head .menu-icon span { background-color: #ffffff; }
  @media screen and (max-width:1023px) {
    header.desktop { display: none; }
    header.mobile { display: block; }
  }
  @media screen and (max-width:1120px) {
    header.desktop > .bottom nav ul.top > li > a { font-size: 16px; }
  }

  /* - - - -|| HEADER END ||- - - - */

  /* - - - -|| HOME START ||- - - - */

  /* HERO */
  section.hero { height: 828px; background-position: bottom center; background-repeat: no-repeat; background-size: cover; background-image: url(../../../../_resources/banners/home-banner.jpg); display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; }
  section.hero::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }
  section.hero .container { margin-bottom: 99px; align-items: flex-end; }
  section.hero .text { max-width: 742px; width: 100%; padding-right: 60px; position: relative; z-index: 2; }
  section.hero .text h1 { line-height: 1.1; margin-bottom: 0px; }
  section.hero .text p { color: #ffffff; }
  section.hero  .presentation-box { display: flex; flex-direction: row; }
  section.hero .presentation-link { margin-bottom: 14px; flex-shrink: 0; position: reltaive; z-index: 2; margin-right: 20px; width: 250px; }
  section.hero iframe { pointer-events: none; height: 100%; position: relative; z-index: 0; }
  section.hero .video { position: absolute; top: 0px; bottom: 0px; left: 0px; z-index: 0; }
  section.hero .video::after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #000000; z-index: 1; opacity: 0.18; }
  @media screen and (max-width:1023px) {
    section.hero { height: 598px; overflow: visible; }
    section.hero .container { display: block; margin-bottom: -100px; }
    section.hero .text { padding-right: unset; }
    section.hero .text h1 {      /*font-size: 30px; line-height: 1.27;*/
    font-size: 42px; line-height: 1.1; }
    section.hero .presentation-link { margin-bottom: 0px; margin-top: 65px; }
  }
  @media screen and (max-width:767px) {
    section.hero .presentation-link { width: 200px; height: 140px; }
    section.hero  .presentation-link span { top: 16px; left: 16px; }
    section.hero .presentation-link a::after { left: 16px; }
  }
  @media screen and (max-width:460px) {
    section.hero .presentation-link { width: 150px; height: 120px; }
  }
  @media screen and (max-width:350px) {
    section.hero .presentation-box { display: block; }
    section.hero .presentation-link { margin-top: 20px; }
  }

  /* ABOUT US SECTION & SLIDER */
  main { display: flex; margin: 140px 0px; }
  main .text { width: 50%; margin: 45px 0px 0px 0px; text-align: justify; }
  main .text .left-container { display: flex; flex-direction: column; justify-content: space-between; min-height: 631px; align-items: flex-start; position: relative; padding-left: 45px; }
  main .text .left-container::before { left: 15px; }
  main .text .left-container > div { flex-grow: 1; display: flex; flex-direction: column; }
  main .text .left-container > div p { flex-grow: 1; }
  main .text h5 { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #7db5cf; font-family: neue-haas-grotesk-text, sans-serif; margin-bottom: 19px; }
  main .text h2 { margin-bottom: 36px; }
  main .text p { font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; max-width: calc(100% - 105px); padding-right: 50px; }
  main .about-slider { width: 50%; position: relative; }
  main .about-slider::before { position: absolute; top: 0px; right: 0px; bottom: -141px; min-width: calc(100% - 230px); content: ''; background-color: #7db5cf; }
  main .about-slider .owl-carousel { position: absolute; left: -105px; top: 227px; width: calc(100% + 105px); }
  main .about-slider .about-slider-dots { position: absolute; top: 45px; right: 85px; }
  main .about-slider .about-slider-nav .owl-prev { display: none; }
  main .about-slider .about-slider-nav .owl-next { bottom: -26px; height: calc(450px + 26px); opacity: 0; width: 200px; }
  main .about-slider .about-slider-nav .owl-next:hover { cursor: url("../../../../_resources/icons/carousel-next.svg"), auto; }
  main .about-slider .owl-stage-outer { padding: 13px; }
  main .about-slider .video { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; min-width: 631px; max-width: 631px; width: 100%; height: 450px; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.23); }
  main .about-slider .video .overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 0; background-color: #000000; opacity: 0; }
  main .about-slider .video.slide1 { background-image: url(../../../../_resources/slides/about-slide-1.jpg); }
  main .about-slider .video.slide2 { background-image: url(../../../../_resources/slides/about-slide-2.jpg); }
  main .about-slider .video.slide3 { filter: brightness(50%); background-image: url(../../../../_resources/images/SKY_SaskProject_Locator_2025_12_16.jpg?v=0.1); }
  main .about-slider .video > div { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; position: absolute; bottom: 20px; left: 40px; z-index: 3; }

  /*   main .about-slider .video::before {
       content: '';
       width: 103px;
       height: 103px;
       border-radius: 103px;
       background-color: #ffffff;
       position: absolute;
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.26);
       z-index: 1; }*/

  /* main .about-slider .video::after {
     content: 'PLAY';
     font-family: neue-haas-grotesk-text, sans-serif;
     font-weight: 700;
     font-style: normal;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     color: #333743;
     font-size: 12px;
     letter-spacing: 2px;
     text-align: center;
     z-index: 2; }*/
  main .about-slider .video > a { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 4; }
  main .about-slider .video:hover .overlay { opacity: 0.1; }
  main .about-slider .button.mobile { display: none; margin-left: 15px; margin-top: 77px; }
  @media screen and (max-width:1095px) {
    main .about-slider .video { min-width: 600px; }
  }
  @media screen and (max-width:1023px) {
    main { display: block; padding-bottom: 96px; margin-bottom:20px; }
    main .text { width: 100%; }
    main .text .left-container { max-width: initial; min-height: initial; padding-right: 15px; padding-left: 15px; }
    main .text .left-container::before { display: none; }
    main .text .left-container > div { display: block; }
    main .text p { max-width: 100%; padding-right: 0px; font-size: 20px; }
    main .text .button { display: none; }
    main .about-slider { width: 100%; padding: 54px 0px 0px 0px; }
    main .about-slider::before { bottom: 89px; min-width: 50%; }
    main .about-slider .owl-carousel { position: relative; left: 0px; top: 0px; width: 100%; }
    main .about-slider .owl-stage-outer { padding: 0px; }
    main .about-slider .about-slider-dots { top: 35px; right: 15px; }
    main .about-slider .about-slider-nav { display: none; }
    main .about-slider .owl-item { padding: 15px; }
    main .about-slider .video { max-width: 100%; min-width: 100%; width: 100%; }
    main .about-slider .button.mobile { display: inline-flex; }
  }
  @media screen and (max-width:767px) {
    main .about-slider .video { height: 236px; }
    main .about-slider .video::before { width: 76px; height: 76px; }
    main .about-slider .video > div { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; bottom: 16px; left: 16px; }
  }
  @media screen and (max-width:530px) {
    main .about-slider .video > div { left: 20px; bottom: 10px; }
  }

  /* STOCK INFO / NEWS / EVENTS SECTIONS */
  section.investors { padding-top: 162px; }
  section.investors .container > div { width: calc(100% / 3); }
  section.investors .list-item { margin-bottom: 60px; }
  section.investors .list-item .date { width: 86px; padding: 23px 0px 19px 0px; }
  section.investors .list-item .date .month { font-size: 12px; letter-spacing: 0.5px; margin-bottom: 4px; font-weight: normal; }
  section.investors .list-item .date .day { font-size: 42px; }
  section.investors .list-item .text { width: calc(100% - 86px); padding-left: 20px; padding-top: 3px; }
  section.investors .list-item .text .title a { -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; }
  section.investors .list-item .text .title a:hover { opacity: 0.7; }
  section.investors .stock-info { padding: 9px 25px 0px 30px; position: relative; padding-bottom: 69px; }
  section.investors .stock-info h3 { margin-bottom: 59px; }
  section.investors .stock-info .symbols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: solid 1px #c7cacc; margin-bottom: 51px; }
  section.investors .stock-info .symbols h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; padding: 4px 24px; position: relative; }
  section.investors .stock-info .symbols h5::before { content: ''; position: absolute; height: 3px; background-color: #7db5cf; width: 100%; bottom: -3px; left: 0px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 0; }
  section.investors .stock-info .symbols h5.selected::before,
  section.investors .stock-info .symbols h5:hover::before { opacity: 1; }
  section.investors .stock-info .symbols > * { margin-bottom: 0; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  section.investors .stock-info .info { display: none; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
  section.investors .stock-info .info.selected { display: block; }
  section.investors .stock-info .info > div { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
  section.investors .stock-info .info > div:first-of-type { margin-bottom: 49px; }
  section.investors .stock-info .info > div > div { width: 50%; }
  section.investors .stock-info .info > div > div.marketcap { width: 100%; }
  section.investors .stock-info .info > div > div > div { display: flex; justify-content: space-between; font-family: neue-haas-grotesk-text, sans-serif; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; align-items: center; border-top: solid 1px #c7cacc; padding: 6px 0px 11px 0px; }
  section.investors .stock-info .info > div > div > div > span:first-of-type { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
  section.investors .stock-info .info > div > div:first-of-type > div { padding-right: 20px; }
  section.investors .stock-info .info h2 { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; font-size: 30px; line-height: normal; padding: 0px; margin: 0px; }
  section.investors .stock-info .info h3 { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; font-size: 30px; line-height: normal; padding: 0px; margin: 0px; }
  section.investors .stock-info .info h3 > span { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 300; font-style: normal; }
  section.investors .stock-info .last-updated { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: normal; color: #7db5cf; margin-top: 16px; margin-bottom: 36px; }
  section.investors .stock-info .bottom { position: absolute; bottom: 0px; left: 30px; }
  section.investors .news { padding: 9px 25px 0px 30px; position: relative; padding-bottom: 69px; }
  section.investors .news h3 { margin-bottom: 59px; }
  section.investors .news .bottom { position: absolute; bottom: 0px; left: 30px; }
  section.investors .events { padding: 9px 25px 0px 30px; position: relative; padding-bottom: 69px; }
  section.investors .events h3 { margin-bottom: 59px; }
  section.investors .events .bottom { position: absolute; bottom: 0px; left: 30px; }
  section.investors .events .event.list-item { display: flex; }
  @media screen and (max-width:1023px) {
    section.investors { padding-top: 0px; }
    section.investors .container { display: block; }
    section.investors .container > div { width: 100%; margin-bottom: 60px; }
    section.investors .container > div::before { display: none; }
    section.investors .container > div .bottom { position: relative; bottom: initial; left: initial; }
    section.investors .list-item { margin-bottom: 15px; }
    section.investors .list-item .date { width: 78px; }
    section.investors .list-item .text { width: calc(100% - 78px); padding-left: 15px; }
    section.investors .list-item .text .title a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
    section.investors .stock-info { padding: 0px; margin-bottom: 95px !important; }
    section.investors .stock-info > h3 { margin-bottom: 22px; }
    section.investors .stock-info .symbols { margin-bottom: 43px; }
    section.investors .stock-info .info h2,
    section.investors .stock-info .info h3 { font-size: 20px; }
    section.investors .stock-info .info > div:first-of-type { margin-bottom: 36px; }
    section.investors .stock-info .info > div > div > div { font-size: 20px; line-height: 1.5; }
    section.investors .stock-info .info > div > div > div > span:first-of-type { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
    section.investors .stock-info .last-updated { margin-bottom: 42px; }
    section.investors .news { padding: 0px; margin-bottom: 76px !important; }
    section.investors .news h3 { margin-bottom: 32px; }
    section.investors .news .bottom { margin-top: 60px; }
    section.investors .events { padding: 0px; }
    section.investors .events h3 { margin-bottom: 32px; }
    section.investors .events .bottom { margin-top: 52px; }
  }
  @media screen and (max-width:530px) {
    section.investors .stock-info .info > div:not(:first-of-type) { display: block; }
    section.investors .stock-info .info > div:not(:first-of-type) > div { width: 100%; }
    section.investors .stock-info .info > div:not(:first-of-type) > div:first-of-type > div { padding-right: 0px; }
    section.investors .stock-info .info > div:not(:first-of-type) > div:first-of-type > div:last-of-type { border-bottom: none; }
    section.investors .stock-info .info > div:first-of-type > div:last-of-type { text-align: right; }
  }
  section.projects { margin: 137px 0px 0px 0px; z-index: 2; text-align: justify; }
  section.projects .project-map { margin-bottom: 115px; }
  section.projects .project-slider { position: relative; box-shadow: 0 7px 24px -12px rgba(0, 0, 0, 0.5); }
  section.projects .project-slider h5 { color: #7db5cf; }
  section.projects .project-slider .project-slider-nav { position: absolute; right: 59px; bottom: 70px; width: 197px; height: 38px; display: flex; align-items: center; z-index: 2; }
  section.projects .project-slider .project-slider-nav .text { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
  section.projects .project-slider .project-slider-nav button { width: 38px; height: 38px; border-radius: 38px; border: solid 1px #87b8dc; background-color: #ffffff; color: #333743; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-style: normal; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; display: flex; justify-content: center; align-items: center; }
  section.projects .project-slider .project-slider-nav button:hover { opacity: 0.7; }
  section.projects .project-slider .project-slider-nav .owl-next { right: 0px; }
  section.projects .project-slider .project-slider-nav .owl-next::before { content: '\f30b'; }
  section.projects .project-slider .project-slider-nav .owl-prev { right: 44px; left: initial; }
  section.projects .project-slider .project-slider-nav .owl-prev::before { content: '\f30a'; }
  section.projects .project-slider .owl-item { background-color: #ffffff; }
  section.projects .project-slider .owl-item > div { display: flex; align-items: stretch; }
  section.projects .project-slider .owl-item > div > div { width: 50%; }
  section.projects .project-slider .owl-item > div.slide1 .image { background-image: url(../../../../_resources/slides/project-slide-russel.jpg); }
  section.projects .project-slider .owl-item > div.slide2 .image { background-image: url(../../../../_resources/slides/project-slide-moore.jpg); }
  section.projects .project-slider .owl-item > div.slide3 .image { background-image: url(../../../../_resources/slides/project-slide-projects-for-option.jpg); }
  section.projects .project-slider .owl-item > div .image { background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 695px; }
  section.projects .project-slider .owl-item > div .text { position: relative; padding: 67px 59px 84px 57px; position: relative; }
  section.projects .project-slider .owl-item > div .text h3 { margin-bottom: 55px; }
  section.projects .project-slider .owl-item > div .text p { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
  section.projects .project-slider .owl-item > div .text .button { position: absolute; left: 57px; bottom: 65px; }
  @media screen and (max-width:1023px) {
    section.projects { margin: 75px 0px 0px 0px; }
    section.projects .project-slider {      /*box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.5);*/
    box-shadow: none; }
    section.projects .project-slider .project-slider-nav { width: calc(100% + 22px); bottom: intial; top: 224px; right: -11px; left: -11px; }
    section.projects .project-slider .project-slider-nav .text { display: none; }
    section.projects .project-slider .project-slider-nav button { box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.26) !important; }
    section.projects .project-slider .project-slider-nav button:hover { opacity: 1.0; }
    section.projects .project-slider .project-slider-nav .owl-prev { right: initial; }
    section.projects .project-slider .owl-item > div { display: block; background-color: #ffffff; }
    section.projects .project-slider .owl-item > div > div { width: 100%; }
    section.projects .project-slider .owl-item > div .image { min-height: 178px; }
    section.projects .project-slider .owl-item > div .text { padding: 35px 30px 48px 30px; }
    section.projects .project-slider .owl-item > div .text h5 { margin-bottom: 7px; }
    section.projects .project-slider .owl-item > div .text h3 { margin-bottom: 30px; }
    section.projects .project-slider .owl-item > div .text p { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
    section.projects .project-slider .owl-item > div .text .button { position: relative; left: initial; bottom: initial; margin-top: 7px; }
  }

  /* WHY INVEST */
  section.why-invest { background-color: #333743; color: #ffffff; margin-top: -123px; padding: 286px 0px 0px 0px; display: flex; }
  section.why-invest > div { width: 50%; }
  section.why-invest .facts { display: flex; align-items: stretch; }
  section.why-invest .facts .left-container { padding-right: 80px; position: relative; }
  section.why-invest .facts .left-container .why-hold > h2 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 48px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -0.62px; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 24px; }
  section.why-invest .facts .left-container .why-hold > h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 36px; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #7db5cf; font-style: normal; padding-top: 11px; margin-bottom: 32px; }
  section.why-invest .facts .left-container .why-hold.sticky { position: fixed; top: 140px; }
  section.why-invest .facts .left-container .why-hold.stuck { position: absolute; bottom: 179px; left: 15px; }
  section.why-invest .facts .figures h2 { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 300; font-style: normal; font-size: 46px; line-height: normal; letter-spacing: normal; color: #7db5cf; margin-bottom: 20px; }
  section.why-invest .facts .figures h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333743; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; color: #ffffff; }
  section.why-invest .facts .figures > div { display: flex; margin-bottom: 12px; gap: 16px; }
  section.why-invest .facts .figures > div > div { width: 50%; }
  section.why-invest .facts .white-button { margin-top: 67px; }
  section.why-invest .why-slides { padding-bottom: 163px; }
  section.why-invest .why-slides .slide { width: 100%; height: 400px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 65px 60px; }
  section.why-invest .why-slides .slide.slide1 { background-image: url(../../../../_resources/bgs/bg-people.jpg); }
  section.why-invest .why-slides .slide.slide2 { background-image: url(../../../../_resources/bgs/bg-timing.jpg); }
  section.why-invest .why-slides .slide.slide3 { background-image: url(../../../../_resources/bgs/bg-projects.jpg); }
  section.why-invest .why-slides .text h3 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 36px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
  section.why-invest .why-slides .text p { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; }
  @media screen and (max-width:1023px) {
    section.why-invest { display: block; margin-top: -172px; padding: 240px 0px 0px 0px; }
    section.why-invest > div { width: 100%; }
    section.why-invest .facts .left-container { max-width: 100%; padding-right: 15px; }
    section.why-invest .facts .left-container .why-hold.sticky { position: relative; top: initial; left: initial; }
    section.why-invest .facts .left-container .why-hold.stuck { position: relative; bottom: initial; left: initial; }
    section.why-invest .facts .left-container .why-hold h2 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 26px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: 0.05px; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; margin-bottom: 46px; }
    section.why-invest .facts .left-container .why-hold h5 { margin-bottom: 37px; }
    section.why-invest .facts .left-container .why-hold .figures > div { display: block; }
    section.why-invest .facts .left-container .why-hold .figures > div > div { width: 100%; }
    section.why-invest .facts .left-container .why-hold .figures h2 { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 300; font-style: normal; font-size: 30px; line-height: normal; letter-spacing: normal; color: #7db5cf; margin-bottom: 16px; }
    section.why-invest .facts .left-container .why-hold .figures h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; margin-bottom: 22px; }
    section.why-invest .facts .white-button { margin-top: 7px; margin-bottom: 70px; }
    section.why-invest .why-slides { padding-bottom: 56px; }
    section.why-invest .why-slides .right-container { max-width: 100%; padding-left: 15px; }
    section.why-invest .why-slides .slide { height: 366px; padding: 40px 20px; }
    section.why-invest .why-slides .text h3 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; }
  }

  /* SUSTINABILITY SLIDER */
  section.sustainability { display: flex; padding: 83px 0px 194px 0px; flex-direction: row-reverse; }
  section.sustainability .sustainability-slider { width: 50%; position: relative; }
  section.sustainability .sustainability-slider::before { position: absolute; top: 0px; left: 0px; bottom: -102px; min-width: calc(100% - 248px); content: ''; background-color: #7db5cf; }
  section.sustainability .sustainability-slider .owl-carousel { position: absolute;      /*left: -105px; width: calc(100% + 105px); right: 0px;*/ width: calc(100% + 43px); top: 175px; }
  section.sustainability .sustainability-slider .sustainability-slider-dots { position: absolute; bottom: -48px; left: 70px; }
  section.sustainability .sustainability-slider .sustainability-slider-nav .owl-prev { bottom: 40px; height: 450px; opacity: 0; width: 200px; }
  section.sustainability .sustainability-slider .sustainability-slider-nav .owl-prev:hover { cursor: url("../../../../_resources/icons/carousel-prev.svg"), auto; }
  section.sustainability .sustainability-slider .sustainability-slider-nav .owl-next { display: none; }
  section.sustainability .sustainability-slider .owl-stage-outer { padding: 13px; }
  section.sustainability .sustainability-slider .slide { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; min-width: 631px; max-width: 631px; width: 100%; height: 450px; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.23); }
  section.sustainability .sustainability-slider .slide.slide1 { background-image: url(../../../../_resources/slides/sustainability-slide-1.jpg); }
  section.sustainability .sustainability-slider .slide.slide2 { background-image: url(../../../../_resources/slides/sustainability-slide-2.jpg); }
  section.sustainability .sustainability-slider .slide.slide3 { background-image: url(../../../../_resources/slides/sustainability-slide-3.jpg); }
  section.sustainability .sustainability-slider .button.mobile { display: none; margin-left: 15px; margin-top: 77px; }
  section.sustainability .text { width: 50%; margin: 45px 0px 0px 0px; padding: 0px 0px 0px 122px; }
  section.sustainability .text .right-container { display: flex; flex-direction: column; justify-content: space-between; min-height: 631px; align-items: flex-end; position: relative; padding-right: 45px; }
  section.sustainability .text .right-container::before { right: 15px; }
  section.sustainability .text .right-container > div { flex-grow: 1; display: flex; flex-direction: column; position: relative; width: 100%; }
  section.sustainability .text .right-container > div > div { position: absolute; bottom: 38px; left: 0px; opacity: 0; pointer-events: none; }
  section.sustainability .text .right-container > div > div.active { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; pointer-events: all; }
  section.sustainability .text h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #7db5cf; margin-bottom: 9px; }
  section.sustainability .text h2 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 36px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333743; margin-bottom: 47px; }
  section.sustainability .text p { font-family: neue-haas-grotesk-text, sans-serif; font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333743; font-style: normal; margin-bottom: 60px; }
  @media screen and (max-width:1095px) {
    section.sustainability .sustainability-slider .slide { min-width: 600px; }
  }
  @media screen and (max-width:1023px) {
    section.sustainability { display: block; padding: 65px 0px 99px 0px; }
    section.sustainability .text { width: 100%; padding: 0px 0px 52px 0px; margin: 0px; }
    section.sustainability .text .right-container { max-width: initial; min-height: initial; padding-right: 15px; padding-left: 15px; }
    section.sustainability .text .right-container::before { display: none; }
    section.sustainability .text .right-container > div { display: block; }
    section.sustainability .text .right-container > div > div { position: relative; bottom: initial; left: initial; display: none; }
    section.sustainability .text .right-container > div > div.active { display: block; }
    section.sustainability .text h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; color: #333743; margin-bottom: 3px; }
    section.sustainability .text h2 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 26px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: 0.05px; color: #333743; margin-bottom: 41px; }
    section.sustainability .text p { font-family: neue-haas-grotesk-text, sans-serif; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; color: #333743; max-width: 100%; padding-right: 0px; margin-bottom: 32px; }
    section.sustainability .sustainability-slider { width: 100%; padding: 54px 0px 0px 0px; }
    section.sustainability .sustainability-slider::before { bottom: -42px; min-width: 50%; left: initial; right: 0px; }
    section.sustainability .sustainability-slider .owl-carousel { position: relative; left: 0px; top: 0px; width: 100%; }
    section.sustainability .sustainability-slider .owl-stage-outer { padding: 0px; }
    section.sustainability .sustainability-slider .sustainability-slider-dots { top: 35px; right: 15px; left: initial; }
    section.sustainability .sustainability-slider .sustainability-slider-nav { display: none; }
    section.sustainability .sustainability-slider .owl-item { padding: 15px; }
    section.sustainability .sustainability-slider .slide { max-width: 100%; min-width: 100%; width: 100%; }
    section.sustainability .sustainability-slider .button.mobile { display: inline-flex; }
  }
  @media screen and (max-width:767px) {
    section.sustainability .sustainability-slider .slide { height: 236px; }
    section.sustainability .sustainability-slider .slide::before { width: 76px; height: 76px; }
    section.sustainability .sustainability-slider .slide > div { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #fff; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 500; font-style: normal; bottom: 16px; left: 16px; }
  }
  @media screen and (max-width:530px) {
    section.sustainability .sustainability-slider .slide > div { left: 20px; bottom: 10px; }
  }

  /* - - - -|| HOME END ||- - - - */

  /* - - - -|| FOOTER START ||- - - - */
  footer > div.top { display: flex; }
  footer > div.top > div { width: 50%; background-repeat: no-repeat; background-size: contain; background-position: left center; min-height: 424px; background-image: url(../../../../_resources/bgs/call-to-action-bg.png); padding-top: 83px; color: #ffffff; position: relative; padding-bottom: 143px; }
  footer > div.top > div.left { background-color: rgba(51, 55, 67, 0.8); padding-right: 60px; }
  footer > div.top > div.right { background-color: rgba(51, 55, 67, 0.9); padding-left: 95px; }
  footer > div.top > div h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #7db5cf; margin-bottom: 8px; }
  footer > div.top > div h4 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #fff; font-style: normal; margin-bottom: 38px; }
  footer > div.top > div p { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; }
  footer > div.top > div .flex { margin-top: -7px; margin-bottom: 25px; }
  footer > div.top > div .flex > div { width: calc(50% - 10px); }
  footer > div.top > div input[type=text] { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; font-style: normal; width: 100%; border: none; border-bottom: solid 1px #7db5cf; background-color: transparent; color: #ffffff; padding: 7px 0px; }
  footer > div.top > div input[type=text]::-webkit-input-placeholder { color: #ffffff; }
  footer > div.top > div .required-text { font-size: 12px;/*      margin-top: 10px; */ }
  footer > div.top > div button { border: none; cursor: pointer; }
  footer > div.top > div .white-button { position: absolute; bottom: 74px; }
  footer > div.bottom { background-color: #333743; padding-top: 125px; }
  footer > div.bottom > .top .container { align-items: flex-start; }
  footer > div.bottom .logo img { height: 72px; }
  footer > div.bottom .social a { display: inline-flex; width: 54px; height: 54px; border-radius: 54px; border: solid 1px #7db5cf; color: #ffffff; font-size: 16px; align-items: center; justify-content: center; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1.0; }
  footer > div.bottom .social a:hover { opacity: 0.7; }
  footer > div.bottom .social a:first-of-type { margin-right: 24px; }
  footer > div.bottom .social a:nth-of-type(2) { margin-right: 24px; }
  footer > div.bottom nav { margin-top: 68px; }
  footer > div.bottom nav .container { display: flex; justify-content: space-between; }
  footer > div.bottom nav .container > div { padding-right: 15px; }
  footer > div.bottom nav .top { margin-bottom: 21px; }
  footer > div.bottom nav .top a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; font-style: normal; }
  footer > div.bottom nav .sub { margin-bottom: 13px; }
  footer > div.bottom nav .sub a { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.25; letter-spacing: normal; color: #fff; }
  footer > div.bottom > .bottom { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: normal; letter-spacing: normal; color: #fff; border-top: solid 1px rgba(255, 255, 255, 0.5); margin-top: 103px; padding: 20px 0px 121px 0px; }
  footer > div.bottom > .bottom .container { display: flex; justify-content: space-between; }
  footer > div.bottom > .bottom a { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: normal; letter-spacing: normal; color: #fff; }
  .signup-wrapper .consent { display: flex; font-size: 12px; text-transform: uppercase; font-family: neue-haas-grotesk-text, sans-serif; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; color: #d8d8d8; }
  .signup-wrapper .consent input { cursor: pointer; border: 1px solid #D9E1E2; border-radius: 0; padding: 8px; margin-right: 20px; width: 24px; height: 24px; position: relative; }
  .signup-wrapper .consent input.checkbox:before { content: '\f00c'; font-family: fontawesome; width: 1em; height: 1em; position: absolute; top: 6px; right: 6px; display: none; color: #d8d8d8; }
  .signup-wrapper .consent input.checkbox.checked:before { display: block; transition: all 0.25s ease-in-out; }
  .signup-wrapper .signup-message { margin: 20px 0; color: #d8d8d8; }

  /*==== BMCL-Popup-1 ====*/

  /* Variables */

  /* Misc mixins */
  .popup-newsletter .popup-window.show { opacity: 1; display: flex; }
  @media (max-width:1024px) {
    .popup-newsletter .popup-window.show { display: none; }
  }
  .popup-newsletter .popup-window { padding: 10px; background-color: rgba(0, 0, 0, 0.51); position: fixed; inset: 0; z-index: 99999; opacity: 0; display: none; justify-content: center; align-items: center; }
  .popup-newsletter .popup-window .popup-dialog { overflow: auto; background-color: #333743; background-image: url(../../../../_resources/bgs/call-to-action-bg.png); background-position: center center; background-repeat: no-repeat; margin: auto; padding: 0; max-width: 680px; max-height: 100%; width: 100%; position: relative; -webkit-animation-name: zoom; animation-name: zoom; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
  @-webkit-keyframes zoom {
    from { transform: scale(0); }
    to { transform: scale(1); }
  }
  @keyframes zoom {
    from { transform: scale(0); }
    to { transform: scale(1); }
  }
  .popup-newsletter .popup-window .popup-close { font-size: 12px; line-height: 24px; font-weight: 600; color: #ffffff; position: absolute; inset: 0 0 auto auto; padding: 12px 32px; cursor: pointer; transition: all 0.25s ease-in-out; }
  .popup-newsletter .popup-window .popup-close:hover { opacity: 0.8; }
  .popup-newsletter .popup-window .popup-close .fal { line-height: 1; font-weight: 500; font-size: 16px; line-height: 24px; color: #ffffff; margin-right: 8px; vertical-align: bottom; }
  .popup-newsletter .popup-window .popup-content { padding: 50px 80px; object-fit: contain; background-color: rgba(255, 255, 255, 0.2); }
  .popup-newsletter .popup-window .popup-content h4 { color: #d9e1e2; font-size: 24px; line-height: 30px; font-weight: 500; margin: 0; }
  .popup-newsletter .popup-window .popup-content h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #7db5cf; margin-bottom: 8px; }
  .popup-newsletter .popup-window .popup-content .flex { margin: 30px 0; }
  .popup-newsletter .popup-window .popup-content .flex > div { width: calc(50% - 10px); }
  .popup-newsletter .popup-window .popup-content .flex > div input[type=text] { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; font-style: normal; width: 100%; border: none; border-bottom: solid 1px #7db5cf; background-color: transparent; color: #ffffff; }
  .popup-newsletter .popup-window .popup-content .consent { display: flex; font-size: 12px; text-transform: uppercase; font-family: neue-haas-grotesk-text, sans-serif; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; color: #d8d8d8; }
  .popup-newsletter .popup-window .popup-content .white-popupbutton { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; display: inline-flex; background-color: #ffffff; padding: 0px 28px 0px 28px; height: 50px; align-items: center; color: #333743; margin-top: 20px; border: none; }
  .popup-newsletter .popup-window .popup-content  .white-popupbutton:hover { background-color: #7db5cf; color: #ffffff; }
  .popup-newsletter .popup-window .popup-content .signup-message { font-size: 14px; color: #d8d8d8; }
  @media screen and (max-width:1023px) {
    footer > div.top > div.left { padding-right: 30px; }
    footer > div.top > div.right { padding-left: 30px; }
  }
  @media screen and (max-width:767px) {
    footer > div.top { display: block; }
    footer > div.top > div { width: 100%; min-height: initial; }
    footer > div.top > div.left { padding-right: 0px; padding-top: 46px; padding-bottom: 46px; }
    footer > div.top > div.right { padding-left: 0px; padding-top: 46px; padding-bottom: 46px; }
    footer > div.top > div .left-container,
    footer > div.top > div .right-container { padding-left: 15px; padding-right: 15px; max-width: 100%; }
    footer > div.top > div h5 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; color: #7db5cf; margin-bottom: 2px; }
    footer > div.top > div h4 { font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #fff; margin-bottom: 39px; }
    footer > div.top > div p { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #fff; }
    footer > div.top > div .flex { display: block; margin-bottom: 0; }
    footer > div.top > div .flex > div { width: 100%; }
    footer > div.top > div input[type=text] { font-family: neue-haas-grotesk-text, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #fff; padding: 3px 0px; margin-bottom: 20px; }
    footer > div.top > div .required-text { margin-top: 0px; }
    footer > div.top > div .white-button { position: relative; bottom: initial; margin-top: 23px; }
    footer > div.bottom { padding-top: 42px; }
    footer > div.bottom > .top .container { justify-content: center; }
    footer > div.bottom .logo { display: none; }
    footer > div.bottom nav { display: none; }
    footer > div.bottom > .bottom { margin-top: 35px; padding-bottom: 38px; }
    footer > div.bottom > .bottom .container { display: block; text-align: center; }
    footer > div.bottom > .bottom .copyright { margin-bottom: 13px; }
  }

  /* - - - -|| FOOTER END ||- - - - */

  /*# sourceMappingURL=style.css.map */