/*=== Body ===*/
html, body { width: 100%; overflow-x: hidden; position: relative; background-color: #fff; }
.no-scroll { overflow: hidden; }
.yes-scroll { overflow: visible !important; }
.yes-scroll-bar { overflow: scroll !important; }
.board-committee-terms-of-reference .margin-header-right { margin-right: -150px; }
.the-role-of-the-board-of-directors .margin-header-right { margin-right: -150px; }
#body-wrapper { position: relative; z-index: 1; }
img { max-width: 100%; }

.background-size-contain {
    background-size: contain !important;
}

#page-wrapper { position: relative; z-index: 2; }

#page-top { position: fixed; top: 0; left: 0; z-index: 5; width: 100%; padding: 10px; height: 80px; display: flex; align-items: center; transition: transform 1s ease; transform: translateY(-100%); -webkit-box-shadow: 0px -6px 7px 5px rgb(0 0 0 / 33%); box-shadow: 0px -6px 7px 5px rgb(0 0 0 / 33%); }
#page-top.active { transform: translateY(0); background: #FFFFFF; }
#page-top.solid { background: #FFFFFF; }

#page-middle { position: relative; z-index: 3; transition: transform .5s ease; display: inline-block; width: 100%; margin-top: 80px; }

/* Header */
#page-header { position: relative; background-color: #fff; }
.header-elements { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: nowrap; }

/* Logo */
.main-logo { width: 115px; }
.main-logo img { display: block; height: auto; width: 100%; }
#white-logo { display: none; }
.circle-rounder img { border-radius: 50%; width: 100%; transform: scale(.75); }
.logo-banner-image { background: white; padding: 15px; margin-top: 12px; width: 30%; }

/* Page banner */
#page-banner-wrapper { position: relative; }
#page-banner-wrapper-standard { position: relative; height: 60vh; /* padding: 0 9px; */ }

#page-banner { position: relative; z-index: 1; background-color: #333; /* height: 100vh; */ min-height: 400px; max-height: 560px; opacity: 0; transition: opacity 1s ease-in, background-size 3s ease; background: center/ cover no-repeat; }
#page-banner:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: transparent linear-gradient(178deg, #525D6600 30%, #292F33 100%) 0% 0% no-repeat padding-box; opacity: 0.6; z-index: 2; }
#page-banner-home { position: relative; z-index: 1; background-color: #333; /* height: 100vh; */ opacity: 0; min-height: 400px; /* max-height: 560px; */ opacity: 0; transition: opacity 1s ease-in, background-size 3s ease; background: center / cover no-repeat; }
#page-banner-home:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: transparent linear-gradient(178deg, #525D6600 20%, #292F33 100%) 0% 0% no-repeat padding-box; opacity: 0.51; z-index: 200; }
#page-banner-standard:after { background: transparent; }
#page-banner img { display: none; }
#page-banner.active { opacity: 1; }
#page-banner-home.active { opacity: 1; }

#page-banner-content-wrapper { overflow: hidden; position: absolute; width: calc(100% - 50px); top: 80%; z-index: 2; opacity: 0; transform: translateY(50%); transition: opacity 1s ease-in, transform 1s ease; transition-delay: .8s; left: 20px; }
.home #page-banner-content-wrapper{ top: 50%; }
#page-banner-content { top: 50%; /*transform: translateY(-14%);*/ }
#page-banner-content .text-xlarge + .text-xlarge { margin-top: 300px; }

#page-banner.active + #page-banner-inner-wrapper #page-banner-content-wrapper { opacity: 1;/* transform: translateY(-90%);*/ transform: translateY(50%); min-height: 250px; top: 0;    display: flex;    flex-direction: column;    justify-content: end; }
#page-banner-home.active + #page-banner-inner-wrapper #page-banner-content-wrapper { opacity: 1; transform: translateY(-14%); min-height: 300px; }

#page-banner-home .slick-list { max-height: 84vh; }
#page-banner-home .slick-list:after { content: ""; width: 60%; height: 100%; position: absolute; bottom: 0; left: 0; background: transparent linear-gradient(270deg, #525D6600 0%, #292F33 100%) 0% 0% no-repeat padding-box; opacity: 0.51; z-index: 200; }
#page-banner-home .slick-list .slick-slide img { width: 100%; min-height: 100%; object-fit: cover; }
.home-page-headings { flex-direction: column; }

/*.team-banner #page-banner.active + #page-banner-inner-wrapper #page-banner-content-wrapper{transform: translateY(-55%);}
.team-banner #page-banner-content{transform: translateY(-50%); }
.team-banner #page-banner:after{content: "";width: 100%;height: 100%;position: absolute; bottom: 0; left: 0; background: transparent linear-gradient(178deg, #525D6600 20%, #292F33 100%) 0% 0% no-repeat padding-box;
    opacity: 0.5; z-index: 2;}*/

/* Standard page banner*/
.standand-page-wrapper { flex-direction: column; position: relative; height: 100vh; }

/* Standard page banner text content*/
.standard-page-description { margin-top: 30px; }

/* Navigation */
/* Burger */
.hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 5px 0 0; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,filter; text-transform: none; color: inherit; border: 0; background-color: transparent; outline: 0; }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color: #44942b; }

.hamburger-box { position: relative; display: inline-block; width: 40px; height: 24px }

.hamburger-inner { top: 50%; display: block; margin-top: -2px }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 40px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #44942b; }
.hamburger-inner:after, .hamburger-inner:before { display: block; content: "" }
.hamburger-inner:before { top: -10px }
.hamburger-inner:after { bottom: -10px }

.hamburger--3dx .hamburger-box { perspective: 80px }
.hamburger--3dx .hamburger-inner { transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s }
.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before { transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s }
.hamburger--3dx.is-active .hamburger-inner { transform: rotateY(180deg); background-color: transparent !important }
.hamburger--3dx.is-active .hamburger-inner:before { transform: translate3d(0,10px,0) rotate(45deg) }
.hamburger--3dx.is-active .hamburger-inner:after { transform: translate3d(0,-10px,0) rotate(-45deg) }

/* Navigation menu */
nav.main { position: fixed; z-index: 1; top: 80px; right: 0; width: 80vw; height: 92vh; background-color: #DAECE4; transition: transform .5s ease; transform: translateX(100%); display: flex; flex-direction: column; }
nav.main.open { transform: translateX(0); }

nav.main ul { /* height: auto; */ overflow-y: initial; list-style-type: none; margin: 0; padding: 0; padding-bottom: 0; /* height: calc(100vh - 200px); */ overflow-y: scroll; }
nav.main ul li { /* padding: 15px; */ }
nav.main ul li a { color: #525D66; font-size: 15px; background: transparent; border: 0; padding: 0; outline: 0; margin: 15px 30px; padding: 5px 30px; position: relative; font-weight: 500; padding-bottom: 2px; }

nav.main #top-nav { margin-top: 20px; overflow-y: initial; display: flex; justify-content: space-evenly; align-items: baseline; }

.nav-link { position: relative; }
.nav-link:focus, .nav-link:hover { color: #525D66; }

/* Submenu */
nav.main ul.submenu { background: #B8D8CB; padding: 10px 0; /*display: none;*/ }
nav.main ul.submenu .nav-link { color: #509EA6; }
nav.main ul.submenu a.nav-link:before { display: none }

nav.main .featured-item { display: none; }
nav.main ul .submenu-tigger { display: block; width: 20px; height: 20px; position: absolute; top: 0; right: 0; background: transparent url("/img/svg/arrow-down-white.svg") no-repeat center; background-size: contain; }

/* Share price*/
#share-price-wrapper { height: 26px; /* margin-right: 10px; */ margin-left: 10px; margin-bottom: 14px; border: 0; }
.share-price-name { font-weight: 400 !important; }
.share-price-time { font-weight: 400 !important; visibility: hidden; }
.share-price-at { visibility: hidden; }

/* Sharing */
.share-list { /* display: none !important; */ position: absolute; height: 145px !important; margin-top: 40px !important; margin-left: -15px !important; top: -12px; left: -1px; width: 64px; padding-top: 45px; padding-bottom: 4px; background-color: #fff; border: 1px solid #d8d8d8; -webkit-box-shadow: 0 0 10px -4px rgb(32 34 35 / 30%); box-shadow: 0 0 10px -4px rgb(32 34 35 / 30%); z-index: 5; display: block; flex-direction: column !important; padding-left: 10px !important; }
.share-item { margin-bottom: 2px !important; height: 40px; widht: 40px; margin-left: -10px !important; }
.share-link { font-size: 18px; color: #44942b !important; line-height: 38px; text-align: center; padding-top: 4px; display: block; }
.share.active { /* background: #ffffff; */ /* box-shadow: rgb(0 0 0 / 40%) -1px 12px 6px 3px; */ /* z-index: 10; */ }
.share.active #sharing-trigger { background-image: url(/img/svg/exit-green.svg?v=2); }

/* Search */
#search-box-wrapper { margin: 25px 0 0 25px; position: relative; }
.search-trigger-wrapper { display: none }
#search-box-wrapper input[type="text"] { border-radius: 22px; border: 0; width: 160px; height: 29px; outline: 0; padding: 10px 10px 10px 35px; transition: opacity .5s ease; color: #47545d; }
#search-box-wrapper input[type="submit"] { background: transparent url(/img/svg/search-icon.svg) left 10px center / 18px no-repeat; font-size: 0; width: 29px; height: 29px; border: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 5; }

#search-results { margin-top: 20px; transition: opacity 1s ease; visibility: hidden; opacity: 0; background: #509ea6; }
#search-results.active { visibility: visible; opacity: 1; }
#search-results ul:before { content: 'Search results:'; color: #fff; padding-bottom: 10px; font-weight: 600; display: block; margin-top: -5px; }
#search-results ul li { padding: 4px 0; /* border-bottom: 1px solid #6b7077; */ }
#search-results ul li a { color: #fff; font-size: 16px; padding: 4px 0; border-bottom: 1px solid #6b7077; }
#search-results ul li a:hover { color: #000000; }
#search-results ul li:last-child { border: 0; }

/* Sharing */
#sharing-trigger-wrapper { width: 30px; display: none; }
#sharing-trigger-wrapper input { background: url(/img/svg/sharing-icon.svg) left 10px center / 18px no-repeat; border-radius: 22px; border: 0; width: 160px; height: 29px; outline: 0; padding: 10px 10px 10px 35px; transition: opacity .5s ease; }

/* Search trigger */
#search-trigger { width: 22px; height: 23px; /* margin-bottom: 28px; */ border: 0; background: transparent url(/img/svg/search-icon.svg) center / 100% no-repeat; }

/* Sharing trigger */
#sharing-trigger { width: 22px; height: 23px; margin-right: 10px; /* margin-bottom: 28px; */ border: 0; background: transparent url(/img/svg/sharing-icon.svg) center / 100% no-repeat; }
.share { position: relative; z-index: 30; }
.share .share-list { display: none; }
.share.active .share-list { display: block; }

#page-middle.nav-open,
#page-middle.nav-open + #page-bottom { transform: translateX(-80%); }
#page-middle.nav-open:before,
#page-middle.nav-open + #page-bottom:before { content: ''; display: block; position: fixed; left: 0; z-index: 2; width: calc(120% + 15px); height: 100%; background-color: #272727; opacity: .6; }

.watch-our-story { margin-top: 25px; }

/* Scroll message */
.scroll-message { display: none; position: absolute; left: 245px; bottom: 0; z-index: 3; transform: rotate(270deg) translateX(100px); }
.scroll-message p { color: #fff; text-transform: uppercase; animation: scroll-down-animation 5s; position: relative; top: -4px; font-size: 16px; }

.scroll-message:after { content: ''; display: block; position: absolute; bottom: 23px; left: -476px; height: 2px; width: 470px; background: #B8DBCB; animation: scroll-down-animation-line 5s infinite both; }

@keyframes scroll-down-animation {
    from { opacity: 0; transform: translateX(0) }
    to { opacity: 1; transform: translateX(-10px) }
}

@keyframes scroll-down-animation-line {
    from { transform: scaleX(0); transform-origin: 100%; }
    to { transform: scaleX(1); transform-origin: 100%; }
}

/* Modal */
#tab-button-wrapper button.active-button { background: #F2F2F2 !important; color: #e63329; border-color: #e63329; outline: none !important; }

/* Modal Backdrop */
#modal-backdrop { height: 100%; position: fixed; top: 70px; left: 0; width: 100%; background: rgba(57,52,52,0.7); z-index: 3001; }

/* Modal Sub Wrapper */
#modal-sub-wrapper { background: #F2F2F2; left: 50%; top: 50%; position: fixed; width: calc(100% - 20px); transform: translate(-50%,-50%); margin-top: 40px; z-index: 3002; -webkit-animation: fadein 500ms; animation: fadein 500ms; padding: 20px; }

/* Modal Header */
#modal-inner-container { overflow-y: scroll; height: 450px; margin-bottom: 25px; }

#modal-inner-container::-webkit-scrollbar { width: 7px; }
#modal-inner-container::-webkit-scrollbar-track { background-color: #f2f2f2; }
#modal-inner-container::-webkit-scrollbar-thumb { background-color: #f2f2f2; }
#modal-header-text { display: inline-block; font-size: 18px; }
#modal-settings-wrapper p { /* font-weight:300; */ line-height: 21px; }

/* Modal Body */
#modal-body { overflow: hidden; position: relative; /* height: 200px; */ }
#tab-button-wrapper { /* display: inline-block; */ max-width: 100%; /* float: left; */ }
.csm-tab { /* flex-direction: column-reverse; */ align-items: flex-end; display: flex; justify-content: space-between; position: relative; }
.csm-description { display: none; margin-top: 50px; }
.active-tab .csm-description { display: block; }
#tab-button-wrapper button { padding: 18px 20px 18px 0; width: 100%; border: 0; border-bottom: 1px solid #999; outline: none; border-radius: 0; text-align: left; position: relative; margin-bottom: 4px; background: #f2f2f2; }
#tab-button-wrapper #modal-tab-performance-button { border: 0 }
#tab-button-wrapper button:after { content: ''; width: 40px; height: 40px; /*background: url(/img/svg/accordion-arrow-down.svg) center / 18px no-repeat;*/ display: block; position: absolute; top: 7px; right: 0; transition: transform .6s ease; }
#tab-button-wrapper button:hover { background: transparent; color: #e63329; border-color: #e63329 }

#tab-button-wrapper button.active-button:after { transform: rotate(180deg) }

#tab-content-wrapper { display: inline-block; max-width: 70%; margin-left: 6%; height: 100%; overflow-y: auto; padding-right: 22px; max-height: 260px; }
.modal-tab-title { display: none; }
.cookies-used-header { font-weight: 600; }
/* Toggle Checkbox */
.csm-switch { position: absolute; /* display: inline-block; */ width: 60px; height: 30px; padding-right: 50px; /* margin-top: -68px; */ top: 7px; /* right: 0; */ }
.csm-switch[disabled] { opacity: .5; }
.csm-switch input { display: none; }
.csm-switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; width: 60px; background-color: #333; -webkit-transition: .4s; transition: .4s; border-radius: 34px; }
.csm-switch-slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.csm-input-checkbox:checked + .csm-switch-slider { background-color: #e63329; }
.csm-input-checkbox:focus + .csm-switch-slider { box-shadow: 0 0 1px #31bab5; }
.csm-input-checkbox:checked + .csm-switch-slider:before { -webkit-transform: translateX(28px); -ms-transform: translateX(28px); transform: translateX(28px); }

/* Modal Footer */
#modal-button-accept { margin-bottom: 25px; border-color: #333; position: static; }
#modal-button-accept:hover { text-decoration: none; color: #fff; background-color: #e63329; border-color: #e63329; }

/* Modal */
.modal { z-index: 15; padding-right: 0 !important; }
.modal .modal-dialog { width: calc(100% - 30px); margin: 40px auto; max-height: calc(100vh - 90px); max-width: 1050px; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
/* Removes inherited slide in transition */
.modal-backdrop { display: none; }

/* Loading state */
.modal .modal-loading-state { text-align: center; }
.modal .modal-loading-state p { display: inline-block; vertical-align: middle; padding-bottom: 0; margin-right: 5px; }
.modal .modal-loading-state img { display: inline-block; vertical-align: middle; height: auto; width: 40px; }

/* Content area */
.modal .modal-content { position: static; border-radius: 0; overflow-x: hidden; overflow-y: auto; border-radius: 0; border: 1px solid #cbcecf; height: inherit; max-height: inherit; -webkit-box-shadow: none; box-shadow: none; border: none; }
.modal .modal-body { padding: 0; z-index: 1; }
.modal .modal-body .fade-in { opacity: 1; }
/* Fade in effect removed from modal as it does not fire */
.modal .modal-body .container { width: 100%; padding: 0; }
.modal .modal-body .container-fluid { padding-left: 0; padding-right: 0; }

/* Bespoke scollbar */
.modal .modal-content::-webkit-scrollbar { width: 7px; }
.modal .modal-content::-webkit-scrollbar-track { background-color: #393434; }
.modal .modal-content::-webkit-scrollbar-thumb { background-color: #42697b; }

/* Close button */
.modal .modal-close { width: 30px; height: 30px; padding: 0; border: none; position: absolute; top: 0; right: -50px; z-index: 2; border-radius: 50%; border: 2px solid #ffffff; background: transparent url(/img/svg/exit-white.svg) no-repeat center; background-size: 13px 13px; }

/* Active state */
.modal-open { padding-right: 0 !important; }
.modal-open .modal { background-color: rgba(57,52,52,0.7); position: fixed; top: 85px; overflow: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

/* Video */
.modal.video .modal-content { -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0; background-color: #ffffff; }
.modal.video .modal-close { background-color: #fff; background-image: url("/img/svg/exit.svg"); top: 12px; right: 18px; }

/* External */
.modal.external .modal-content .external-iframe iframe { min-height: calc(100vh - 116px); overflow: auto; height: 100%; }
.modal.external .modal-content .external-iframe iframe::-webkit-scrollbar { width: 7px; }
.modal.external .modal-content .external-iframe iframe::-webkit-scrollbar-track { background-color: #393434; }
.modal.external .modal-content .external-iframe iframe::-webkit-scrollbar-thumb { background-color: #a1c854; }

/* Page content */
.content-area { position: relative; z-index: 2; }

/* Filter */
.filter-wrapper h3 {
    padding-bottom: 10px;
}
.filter-wrapper .filter-control {
    padding-bottom: 10px;
}
.filter-wrapper .filter-control:last-child {
    padding-bottom: 0;
}
.filter-wrapper .filter-control input {
    display: none;
}
.filter-wrapper .filter-control label {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 35px 15px 15px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    color: #509EA6;
    line-height: 1;
    opacity: 0.65;
    background: #F0F0F0 url("/img/svg/exit-green.svg") no-repeat center right 15px;
    background-size: 12px 12px;
    border-radius: 10px;
    -webkit-transition: opacity 0.35s ease, color 0.35s ease, background 0.35s ease;
    -moz-transition: opacity 0.35s ease, color 0.35s ease, background 0.35s ease;
    -o-transition: opacity 0.35s ease, color 0.35s ease, background 0.35s ease;
    transition: opacity 0.35s ease, color 0.35s ease, background 0.35s ease;
}
/* Font size matches text-small style */

/* Filter checked */
.filter-wrapper .filter-control input:checked + label {
    opacity: 1;
    color: #fff;
    background-image: url("/img/svg/tick-white.svg");
    background-color: #509EA6;
}

/* List */
.content-area .list { list-style-type: none; /* padding-left: 0; */ }
.list-filtered.jplist-hidden .list-item { display: none; }
.list-filtered.jplist-hidden:after { content: 'Sorry, no items match your selection. Please try a different filter.'; padding: 20px 20px 60px; text-align: center; margin: 0 auto; }


/* Team */
.team-wrapper .team-member { position: relative; }
.team-wrapper .team-member .item-thumbnail,
.team-wrapper .team-member-bio .item-thumbnail { width: 100%; height: 0; padding-bottom: 100%; background: #525D66; color: #fff; }
.team-wrapper .team-member-bio .item-thumbnail img { width: 100%; }
.team-wrapper .team-member .item-content { position: relative; padding-bottom: 18px; display: flex; flex-direction: column; justify-content: space-between; }
.team-wrapper .team-member .item-content .internal-link span { transition: opacity .5s ease; }
.team-wrapper .team-member .item-content .internal-link:before { transition: transform .5s ease; }

/* Active Team Member */
.team-wrapper .team-member.active .item-content .internal-link span { opacity: 0 }
.team-wrapper .team-member.active .item-content .internal-link:before { transform: rotate(90deg) }
.team-wrapper .team-member.active .item-content .internal-link:after { display: none }
.team-member-bio.reveal-content .item-introduction { padding: 15px; }
.team-member-bio.reveal-content .col-md-6 > p { padding: 0 15px; }

/* map */
#map { height: 500px; }


/* Iframe */
iframe { width: 100%; border: none; }
.iframe-wrapper .video-iframe { padding-bottom: 56.25%; position: relative }
.iframe-wrapper .video-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; }

.iframe-wrapper .video-iframe.default-video:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/media/r0vnhxva/sunny-street-houses.jpg) center / cover no-repeat; transition: opacity 1s ease; visibility: visible; }
.iframe-wrapper-people .video-iframe:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/media/jhibgpkp/two-people-outside-office.jpg) center / cover no-repeat; transition: opacity 1s ease; visibility: visible; }
.iframe-wrapper .video-iframe.active:after { opacity: 0; visibility: hidden; }

.video-play-trigger { position: absolute; top: 50%; left: 50%; z-index: 101; width: 150px; height: 150px; border: 0; transform: translate(-50%, -50%); background: url(/img/svg/play-icon.svg) center / 100% no-repeat; transition: transform .35s ease; }
.video-play-trigger:hover { transform: scale(1.05) translate(-50%, -50%) }

/* Iframe */
iframe { width: 100%; border: none; }
.iframe-wrapper .video-iframe { padding-bottom: 56.25%; position: relative; }

.video-play-trigger { /* position: absolute; */ /* top: 50%; */ /* left: 50%; */ /* z-index: 101; */ /* width: 150px; */ /* height: 150px; */ /* border: 0; */ /* transform: translate(-50%, -50%); */ /* background: url(/img/svg/forwards.svg) center / 100% no-repeat; */ /* transition: transform .35s ease; */ }
.video-play-trigger:hover { transform: scale(1.05) translate(-50%, -50%) }

/* Video Popout */
.video-popout-wrap { display: flex; align-items: center; }
.popout-heading { padding-top: 0; }
.popout-date, .popout-date > p, .popout-heading { font-weight: 500; }

/* Modal */
.video-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 100 !IMPORTANT; background: rgba(69,81,90,0.95); opacity: 0; visibility: hidden; overflow: hidden; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: visibility 0.1s ease 0.35s, opacity 0.35s ease; -moz-transition: visibility 0.1s ease 0.35s, opacity 0.35s ease; -o-transition: visibility 0.1s ease 0.35s, opacity 0.35s ease; transition: visibility 0.1s ease 0.35s, opacity 0.35s ease; }
.video-modal .video-modal-content { background: #fff; position: relative; width: calc(100% - 30px); margin: 40px auto; }

/* Close */
.video-modal .video-modal-content .video-modal-close-trigger { position: absolute; top: 12px; right: 18px; width: 26px; height: 26px; z-index: 1; padding: 0; border-radius: 50%; border: 2px solid #eda359; font-size: 0; background: #fff url(/img/svg/exit.svg) no-repeat center; background-size: 13px 13px; }

/* Active */
.video-modal-active #page-middle { z-index: 4; }
.video-modal-active #page-bottom { z-index: 3; }
.video-modal-active #page-top:after,
.video-modal-active .industrials-wrapper:after,
.video-modal-active .share-price-panel:after,
.video-modal.active { opacity: 1; visibility: visible; -webkit-transition: visibility 0.1s ease, opacity 0.35s ease 0.1s; -moz-transition: visibility 0.1s ease, opacity 0.35s ease 0.1s; -o-transition: visibility 0.1s ease, opacity 0.35s ease 0.1s; transition: visibility 0.1s ease, opacity 0.35s ease 0.1s; }

/* Modal */
.modal-dialog { max-width: 1170px; }
.modal-body { padding: 0 }
.modal-content { border: 0; border-radius: 20px; }
.video-embed .modal-content { background: transparent; }

/* Page tint */
.page-tint { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0d0c1c; z-index: 100; opacity: 0; visibility: hidden; transition: opacity 1.5s ease; }
.modal-backdrop { background: #0D0C1C; }
.modal-backdrop.show { opacity: .75; }
.page-tint.active { visibility: visible; opacity: .7; }

/* Close button */
.modal-close { font-size: 0; padding: 12px; border-radius: 50%; background: transparent url(/img/svg/exit-electric.svg) center / 14px no-repeat; border: 0; outline: 0; width: 25px; position: absolute; top: 25px; right: 25px; z-index: 3; }

/* Reports and Presentations */
.reports-presentations-lebels { display: none; }

/*.reports-wrapper li:nth-child(even) { background: #e8e8e8 }*/

.reports-wrapper li .item-heading { padding: 5px 0 10px; }
.reports-wrapper li .item-link { padding: 5px 0 10px; align-items: center; }
.reports-wrapper li .item-link.empty { display: none; }
.reports-wrapper li .item-link { padding: 8px 40px 8px 30px; }
.reports-wrapper li .item-link a:before { width: 30px; height: 30px; }
/*.reports-wrapper li .item-link.report-link a:before { background-image: url(/img/svg/documents.svg) }
.reports-wrapper li .item-link.presentation-link a:before { background-image: url(/img/svg/monitor-sand.svg) }*/

.reports-wrapper li .item-link.video-link button:active { background-color: transparent }

.reports-wrapper .list-item { display: flex; flex-direction: row; }
.reports-wrapper .btn { /*font-size: 0; display: block; width: 30px; height: 30px;*/ padding: 8px 30px 8px 30px; width: 160px; }

.reports-wrapper li > div { display: flex; flex-direction: column; justify-content: center; }
.reports-wrapper li div:nth-child(1) { width: 10% }
.reports-wrapper li div:nth-child(2) { width: 42% }
.reports-wrapper li div:nth-child(3) { width: 10% }
.reports-wrapper li div:nth-child(4) { width: 16% }
.reports-wrapper li div:nth-child(5) { width: 6% }
.reports-wrapper li div:nth-child(6) { width: 16% }

.reports-wrapper li .item-heading,
.reports-wrapper li .item-link { padding: 0 }
/*.reports-wrapper li .item-link button { border: 0; padding: 0; font-size: 0; display: block; width: 40px; height: 40px; position: relative; z-index: 2; }*/
.reports-wrapper li .item-link a:hover,
.reports-wrapper li .item-link button:hover { /* background: inherit; */ opacity: .6; }

.reports-wrapper li .item-link.empty { display: block; }

/* Breadcrumb */
#breadcrumb { display: none; }

/* Related pages */
.related-page { position: relative; overflow: hidden; }
.related-page-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; }
.related-page-info h2 { color: #fff; text-shadow: 2px 2px 3px rgb(36 36 36 / 33.3%); position: relative; z-index: 2; padding-bottom: 0; margin-bottom: 60px; }
.related-page-info h2:before { content: 'Related page'; position: absolute; top: -30px; left: 0; font-size: 18px; text-transform: uppercase; font-weight: 400; text-shadow: 2px 2px 3px rgb(36 36 36 / 10%); }

.related-page-info a { font-size: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.related-page-info a:after { content: ''; display: block; position: absolute; bottom: 20px; left: 20px; width: 32px; height: 32px; border-radius: 50%; border: 2px solid #fff; background: url(/img/svg/up-arrow-white.svg) center / 12px no-repeat; transform: rotate(90deg); }

/* Footer */
#page-bottom { position: relative; z-index: 4; transition: transform .5s ease; background: #DAECE4; color: #525d66; }
#page-bottom .footer-row { display: flex; flex-direction: column; text-align: center; align-items: center; }
#page-bottom .footer-row .footer-logo-wrapper { order: 2; }
#page-bottom .footer-row .main-logo { margin-bottom: 25px; }

/* Quick links */
#page-bottom .footer-panel { margin-bottom: 40px; text-align: center; }
#page-bottom .footer-panel ul#quick-links { list-style-type: none; padding: 0 }
#page-bottom .footer-panel ul#quick-links li { padding: 5px 0 }
#page-bottom .footer-panel ul#quick-links a { text-decoration: none; font-size: 15px; font-weight: 500; }
#page-bottom .footer-panel .text-intro { font-size: 18px; }

.quick-links-row { display: flex; flex-direction: row; justify-content: center; }

#page-bottom .footer-panel ul#investor-tools { list-style-type: none; padding: 0 }
#page-bottom .footer-panel ul#investor-tools li { padding: 5px 0 }
#page-bottom .footer-panel ul#investor-tools a { text-decoration: none; }

/* footer logo*/
.logo-row { display: flex; flex-direction: row; justify-content: center; margin-top: 30px; }

/* Subscribe */
#page-bottom .footer-panel .subscribe-btn { margin: 15px 0; }

#page-bottom .footer-row.margin-top { padding-top: 10px; }
#page-bottom .footer-row.margin-top .footer-items ul { list-style-type: none; padding: 0 }
#page-bottom .footer-row.margin-top .footer-items ul li { padding: 5px 0 }
#page-bottom .footer-row.margin-top .footer-items ul li a {font-weight: 300;color: #FFF;}
#page-bottom .footer-row.margin-top a:hover { color: #fff; opacity: .7 }

#page-bottom .footer-row.margin-top .copyright {margin-top: 0px;font-weight: 400;font-size: 12px;order: 1;}
#page-bottom .footer-row.margin-top .copyright p { margin: 1px 0 0; }

#page-bottom .footer-row.margin-top .power { order: 3; }

#page-bottom .footer-row.footer-bottom-section {color: #FFFFFF;padding-bottom: 10px;padding-left: 40px;padding-right: 40px;font-weight: 400;/* font-size: 12px; */}

#page-bottom .address { order: 3; max-width: 440px; }
#page-bottom #back-top-top-wrapper { order: 1; display: flex; justify-content: flex-end }
#page-bottom #back-top-top-wrapper button { display: block; width: 43px; height: 43px; margin-bottom: 25px; background: url(/img/svg/arrow-up.svg) center / 25px no-repeat, linear-gradient(180deg, #FDCC62 0%, #EDA359 100%); border: 0; border-radius: 5px; }


#page-bottom a { color: #525d66; text-decoration: none; }

/* Jones and palmer link */
#page-bottom .power a { color: #FFF; }

/* Share Price */
.share-price-panel p { font-size: 21px; font-weight: 400; }
.share-price-panel span { font-weight: 500; }
.share-price-details { margin-top: 30px; }
.share-price-details p { width: 200px; display: flex; flex-direction: row; justify-content: space-between; }
.share-price-panel p.shareprice-text-small { font-size: 12px; margin-top: 50px; }
.share-figure-move-right { margin-right: -17px; }
.feature-panel-bottom-overlap .share-price-panel .text-blue { color: #fff !important }

/* Bootstrap overrides/extensions */
.container-fluid { padding: 0; }
.g-6, .gx-6 { --bs-gutter-x: 5rem; }
.g-6, .gy-6 { --bs-gutter-y: 5rem; }

.stretch-columns .row .col-md-2 { width: 20% }
.stretch-columns .row .cell-content { width: 100%; }

/*=== Animation ===*/
/* Directional fade in */
.fade-in,
.fade-in-left,
.fade-in-right,
.fade-in-bottom,
.fade-in-top { opacity: 0; }
.fade-in-left { -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }
.fade-in-right { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
.fade-in-bottom { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); }
.fade-in-top { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); }
.slide-in-bottom { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); transition: transform .5s ease; transition-delay: .5s; }

/* Active */
.fade-in.active { opacity: 1; -webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease; -o-transition: opacity 2s ease; transition: opacity 1s ease; }
.fade-in-left.active,
.fade-in-right.active,
.fade-in-bottom.active,
.fade-in-top.active { opacity: 1; -webkit-transform: translate(0%); -moz-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); transform: translate(0%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.slide-in-bottom.active { transform: translateY(0) }

/* tabs */
.tabs-item-wrapper { display: flex; flex-direction: row; /* justify-content: space-between; */ border-bottom: 2px solid grey; margin-top: 75px; }
.tabs-item-wrapper button { padding: 0px 25px 15px 0px; margin: 0 15px; background: none; border: none; position: relative; bottom: -3px; text-align: left; color: #509ea6; font-size: 20px; text-align: center; }
.tabs-item-wrapper button.active { font-weight: 700; border-bottom: #509ea6 4px solid; transition: linear font-weight 0.5s; }
.financial-tabs { display: none; }
.financial-dropdown-item:active { background-color: #509ea6 !important; margin: 0 !important; }
.financial-dropdown-item.active { background-color: #509ea6 !important; margin: 0 !important; }
.financial-dropdown-item { margin: 0 !important; padding-left: 10px !important; }
.tab-content-items ul.tab-item { padding-left: 0; }
.tab-content-items ul.tab-item li { display: flex; flex-direction: row; font-size: 17px; justify-content: space-between; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid grey; position: relative; flex-wrap: nowrap; }
.tab-content-items ul.tab-item li:before { display: none; }
.tab-content-items ul.tab-item li .item-date-and-name { width: 80% }
.tab-content-items ul.tab-item li p { margin-bottom: 0; }
.tab-content-items ul.tab-item li .item-date { width: 15%; }
.tab-item { display: none; }
.tab-item.active { display: block; }

/* Financial calandar */
.small-feature-panel .cell-content.financial-calendar { display: flex; justify-content: flex-start; }
.cell-content.financial-calendar
.financial-calendar.cell-content .item-link { display: none; }

/* sdg tabbed funactionlaity */
.sdg-tab-master-wrapper { display: flex; flex-direction: row; width: 100%; position: relative; height: 800px; }
.sdg-tabs-wrapper { display: flex; align-items: center; }
.sdg-tabs { height: 100px; width: 100px; cursor: pointer; margin-bottom: 15px; display: flex; justify-content: center; align-items: center; }
.sdg-tabs:before { content: ''; display: block; height: 80px; width: 80px; background-size: contain; background-repeat: no-repeat !important; }
.sdg-tabs:after { content: ''; display: block; position: absolute; width: 100px; height: 100px; z-index: -1; border-radius: 25px; transition: width 1s ease; }
.sdg-tabs.active:after { width: 130px; /* margin-left: 25px; */ }

.sdg-tabs-one:after { background: #FA8812; }
.sdg-tabs-one:before { background: url(/img/png/sdg-icon-one.png); }

.sdg-tabs-two:after { background: #E8271D }
.sdg-tabs-two:before { background: url(/img/png/sdg-icon-two.png); }

.sdg-tabs-three:after { background: #7A0A2A; }
.sdg-tabs-three:before { background: url(/img/png/sdg-icon-three.png); }

.sdg-tabs-four:after { background: #47A035; }
.sdg-tabs-four:before { background: url(/img/png/sdg-icon-five.png); }

.sdg-tabs-five:after { background: #C5761A; }
.sdg-tabs-five:before { background: url(/img/png/sdg-icon-four.png); }

.sdg-tabs-six:after { background: #48773c; }
.sdg-tabs-six:before { background: url(/img/png/sdg-icon-climate-change.png?v=2); }

.sdg-content-master-wrapper { position: absolute; width: 100%; margin-left: 175px; }
.sdg-content-wrapper { position: relative; width: 50%; }
.sdg-content-slides { display: none; padding: 50px; box-sizing: border-box; position: absolute; top: 0; left: 0; background: #F7E4D0 !important; }
.sdg-content-slides.active { display: block; }

.sdg-content-slide-one { background: rgb(253 219 183); }
.sdg-content-slide-two { background: rgb(248 190 187); }
.sdg-content-slide-three { background: rgb(215 181 191); }
.sdg-content-slide-four { background: rgb(199 226 194); }
.sdg-content-slide-five { background: rgb(237 214 186); }
.sdg-content-slide-six { background: #c8d6c4; }

.sdg-content-image-master-wrapper { width: 50%; height: 800px; background: red; }

/* Dropdown */
.dropdown { margin-top: 0; display: initial; margin-left: 10%; }

/*Sitemap*/
ul.sitemap { list-style: none; }
ul.sitemap ul { padding-top: 15px; }
ul.sitemap li.level-2 a { font-size: 1.3em; }
ul.sitemap li.level-3 a { font-size: 1.1em; }
ul.sitemap li.level-4 a { font-size: 1em; }
ul.sitemap li.level-2:before { display: none; }


/*Specific Page*/



.communities .feature-panel-bottom-overlap .cell-content { overflow: hidden;}
.environment .feature-panel-bottom-overlap .cell-content { padding: 20px 20px 20px 20px; }

/* People */

.people .paula-case-study .cell-content {height: fit-content; justify-content: flex-start; position: unset; padding: unset;}
.people .paula-case-study.feature-panel-left-overlap:before {padding-bottom: unset}

@media (max-width: 480px) {

    #page-banner-home.active + #page-banner-inner-wrapper #page-banner-content-wrapper { opacity: 1; transform: translateY(-60%); min-height: 300px; }


    .col-md-6.column { margin-bottom: 15px; }
    .col-md-6.columnn:last-child { margin-bottom: 0; }
    nav.main #top-nav { flex-direction: column; padding-left: 15px; align-items: center; }
    nav.main #top-nav li { padding-bottom: 10px; }
    #share-price-wrapper { margin-left: 0; }

    .half-banner-image #page-banner { background: 50% 15% / 100% no-repeat; }
    #page-banner-content-standard h1 { padding-top: 15px; }
    .standand-page-wrapper { height: 100% !important; }
    .tall-feature-panel:hover .item-content p { max-height: 150px; overflow-Y: scroll; }
    .sdg-tabs-wrapper { display: inline-block; width: 100%; position: relative; }
    .sdg-tabs { display: inline-block; margin-left: 15px; position: relative; }
    .sdg-tabs:after { top: -12px; left: -6px }
    .sdg-tabs.active:after { margin-left: 0; width: 115px; }
}

@media (min-width: 480px) {
    .people .paula-case-study .col-md-6.column {margin-bottom: unset;}

    /* Logo */
    .main-logo { width: 137.5px; }

    /* Page top */
    #page-top { padding: 15px 30px; height: 70px; }

    nav.main { top: 70px; }

    /* Scroll down */
    .scroll-message { left: 245px; }

    /* Page banner */
    #page-banner { background: center / 110% no-repeat; }
    #page-banner.active { background-size: cover; }
    #page-banner-content { left: 0; }
    .half-banner-image #page-banner { background: 50% 20% / 100% no-repeat; }

    /* Standard page banner text content*/
    #page-banner-content-standard { /* width: 90%; */ /* transform: translateY(6%); */ /* margin-left: 32px; */ }
    .standard-page-description { margin-top: 30px; }
    
     /* Fiter */
    .filter-wrapper .filter-control {
        display: inline-block;
        width: calc(50% - 6px);
        margin-right: 10px;
    }
    .filter-wrapper .filter-control:nth-last-child(2) {
        padding-bottom: 0;
    }
    .filter-wrapper .filter-control label {
        font-size: 12px;
    }

    /* List */
    /* Team */
    .team-wrapper { display: flex; flex-wrap: wrap; }
    .team-wrapper .team-member { width: 50%; padding-left: 5px; padding-right: 5px; }
    .team-wrapper .team-member .item-content { height: 140px; margin-bottom: 20px }
    .team-wrapper .team-member .item-content:after { content: ''; display: block; position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; background: inherit; visibility: hidden; }
    .team-wrapper .team-member.active .item-content:after { visibility: visible }
    .team-wrapper .team-member-bio { margin: 0 5px; position: relative; }

    .team-wrapper .team-member:nth-child(1) { order: 1; }
    .team-wrapper .team-member-bio:nth-child(2) { order: 3; }
    .team-wrapper .team-member:nth-child(3) { order: 2; }
    .team-wrapper .team-member-bio:nth-child(4) { order: 4; }
    .team-wrapper .team-member:nth-child(5) { order: 5; }
    .team-wrapper .team-member-bio:nth-child(6) { order: 7; }
    .team-wrapper .team-member:nth-child(7) { order: 6; }
    .team-wrapper .team-member-bio:nth-child(8) { order: 8; }
    .team-wrapper .team-member:nth-child(9) { order: 9; }
    .team-wrapper .team-member-bio:nth-child(10) { order: 11; }
    .team-wrapper .team-member:nth-child(11) { order: 10; }
    .team-wrapper .team-member-bio:nth-child(12) { order: 12; }
    .team-wrapper .team-member:nth-child(13) { order: 13; }
    .team-wrapper .team-member-bio:nth-child(14) { order: 15; }
    .team-wrapper .team-member:nth-child(15) { order: 14; }
    .team-wrapper .team-member-bio:nth-child(16) { order: 16; }
}

@media (min-width: 576px) {

    /* Share Price */
    .share-price-panel p { font-size: 21px; }
    .share-price-details p { width: 200px; display: flex; flex-direction: row; justify-content: space-between; }

    #page-banner-content { left: 50px; }
    #page-banner-content-wrapper { /* left: calc((100% - 515px) / 2); */ left: 40px; }

    /* Standard page banner text content*/
    #page-banner-content-standard { /* width: 91%; */ /* transform: translateY(7%); */ /* margin-left: 42px; */ }
    .standard-page-description { margin-top: 30px; }

    /* List */
    /* Team */
    .team-wrapper .team-member-bio:before { content: ''; display: block; position: absolute; width: 100vw; height: 100%; top: 0; left: calc(1px - (100vw - 510px) / 2); z-index: -1; background: inherit; }
}

@media (min-width: 768px) {

    /* Share Price */
    .share-price-panel p { font-size: 21px; }
    .share-price-details p { width: 160px; display: flex; flex-direction: row; justify-content: space-between; }
    .share-price-time { font-weight: 400 !important; visibility: visible; }
    .share-price-at { visibility: visible; }

    /* Page top */
    #page-top { padding: 20px 60px; height: 85px; }

    /* Logo */
    .main-logo { width: 160px; }

    nav.main { top: 85px; }
    #search-form-wrapper input:hover { opacity: .75 }

    /* Page banner */

    #page-banner-content-wrapper { /* left: calc((100% - 720px) / 2); */ left: 40px; }
    #page-banner { height: 60vh; max-height: 800px; }
    #page-banner-home { /* height: 70vh; */ }
    #page-banner.active { background-size: cover; }
    #page-banner-home .slick-list { max-height: 47vh;}

    /* Standard page banner text content*/
    #page-banner-content-standard { /* width: 74%; */ /* transform: translateY(12%); */ /* margin-left: 124px; */ height: 60%; width: 100%; /*position: absolute;*/ display: flex; flex-direction: column; justify-content: center; }
    .standard-page-description { margin-top: 30px; }

    /* Breadcrumb */
    #breadcrumb { display: block; margin-top: 10px; }
    #breadcrumb ul { padding: 0; position: relative; margin: 0; }
    #breadcrumb li { padding: 0 10px 0 0; position: relative; display: inline-block; vertical-align: baseline; width: auto; line-height: 0; }
    #breadcrumb li:last-child { padding-right: 0; }
    #breadcrumb li:before { display: none; }
    #breadcrumb li + li { margin-left: -6px; }
    #breadcrumb p { display: block; padding-bottom: 0; line-height: 1; color: #fff; }
    #breadcrumb a { padding: 0; line-height: 1; display: inline-block; color: #fff; font-weight: 600; }
    #breadcrumb a:after { content: "|"; display: inline-block; padding: 0 5px; font-weight: 700; color: #fff; }

    /* UN SDG page */
    .sdg-tabs-wrapper { flex-direction: column; margin-left: 25px; }
    .sdg-tabs.active:after { width: 230px; /* margin-left: 35px; */ }
    /* share price */
    .share-price-details { margin-top: 10px; }
    .share-price-details p { font-size: 12px; }

    /* List */

    /* list prominent */
    .list-promin .item-content .item-date { display: flex; flex-direction: column; }
    .list-promin .item-content { display: flex; flex-direction: row-reverse; justify-content: flex-end; }
    .list-promin .item-content .item-heading { padding-left: 75px; }

    /* Team */
    .team-wrapper .team-member { width: 33.3%; }
    .team-wrapper .team-member .item-content { height: 200px; }
    .team-wrapper .team-member-bio:before { left: calc(1px - (100vw - 685px) / 2); }

    .team-wrapper .team-member:nth-child(1) { order: 1; }
    .team-wrapper .team-member-bio:nth-child(2) { order: 4; }
    .team-wrapper .team-member:nth-child(3) { order: 2; }
    .team-wrapper .team-member-bio:nth-child(4) { order: 5; }
    .team-wrapper .team-member:nth-child(5) { order: 3; }
    .team-wrapper .team-member-bio:nth-child(6) { order: 6; }
    .team-wrapper .team-member:nth-child(7) { order: 7; }
    .team-wrapper .team-member-bio:nth-child(8) { order: 10; }
    .team-wrapper .team-member:nth-child(9) { order: 8; }
    .team-wrapper .team-member-bio:nth-child(10) { order: 11; }
    .team-wrapper .team-member:nth-child(11) { order: 9; }
    .team-wrapper .team-member-bio:nth-child(12) { order: 12; }
    .team-wrapper .team-member:nth-child(13) { order: 13; }
    .team-wrapper .team-member-bio:nth-child(14) { order: 16; }
    .team-wrapper .team-member:nth-child(15) { order: 14; }
    .team-wrapper .team-member-bio:nth-child(16) { order: 16; }
    .team-wrapper .team-member:nth-child(17) { order: 15; }
    .team-wrapper .team-member-bio:nth-child(18) { order: 19; }
    .team-wrapper .team-member:nth-child(19) { order: 20; }
    .team-wrapper .team-member-bio:nth-child(20) { order: 21; }
    .team-wrapper .team-member:nth-child(21) { order: 20; }
    .team-wrapper .team-member-bio:nth-child(22) { order: 23; }
    .team-wrapper .team-member:nth-child(23) { order: 22; }
    .team-wrapper .team-member-bio:nth-child(24) { order: 24; }
    .team-wrapper .team-member:nth-child(25) { order: 25; }
    .team-wrapper .team-member-bio:nth-child(26) { order: 27; }
    .team-wrapper .team-member:nth-child(27) { order: 26; }
    .team-wrapper .team-member-bio:nth-child(28) { order: 28; }
    .team-wrapper .team-member:nth-child(29) { order: 29; }
    .team-wrapper .team-member-bio:nth-child(30) { order: 31; }
    .team-wrapper .team-member:nth-child(31) { order: 30; }
    .team-wrapper .team-member-bio:nth-child(32) { order: 32; }
    .team-wrapper .team-member:nth-child(33) { order: 33; }
    .team-wrapper .team-member-bio:nth-child(34) { order: 35; }
    .team-wrapper .team-member:nth-child(35) { order: 34; }
    .team-wrapper .team-member-bio:nth-child(36) { order: 36; }

    /* Reports and Presentations */
    .reports-presentations-lebels { display: flex; flex-direction: row; }
    .reports-presentations-lebels p:nth-child(1) { width: 10% }
    .reports-presentations-lebels p:nth-child(2) { width: 58% }
    .reports-presentations-lebels p:nth-child(3) { width: 10%; text-align: center; }
    .reports-presentations-lebels p:nth-child(4) { width: 16%; text-align: center; }
    .reports-presentations-lebels p:nth-child(5) { width: 6%; text-align: center; }

    .reports-wrapper .list-item { display: flex; flex-direction: row; }
    .reports-wrapper li .item-link a { /*font-size: 0; display: block; width: 30px; height: 30px;*/ }

    .reports-wrapper li > div { display: flex; flex-direction: column; justify-content: center; }
    .reports-wrapper li div:nth-child(1) { width: 10% }
    .reports-wrapper li div:nth-child(2) { width: 58% }
    .reports-wrapper li div:nth-child(3) { width: 10% }
    .reports-wrapper li div:nth-child(4) { width: 16% }
    .reports-wrapper li div:nth-child(5) { width: 6% }

    .reports-wrapper li .item-heading,
    .reports-wrapper li .item-link { padding: 0 }
    /*.reports-wrapper li .item-link button { border: 0; padding: 0; font-size: 0; display: block; width: 40px; height: 40px; position: relative; z-index: 2; }*/
    .reports-wrapper li .item-link a:hover,
    .reports-wrapper li .item-link button:hover { /* background: inherit; */ opacity: .6; }

    .reports-wrapper li .item-link.empty { display: block; }

    /* Footer */
    #page-bottom .footer-panel { text-align: left; margin: 30px 0 35px; }
    .social-media { justify-content: flex-start; }
    #page-bottom .footer-panel h4 { margin-bottom: 20px }

    #page-bottom a:not(.btn):hover { color: #44942b; }

    /* Dropdown */
    .dropdown { margin-top: 0; display: initial; margin-left: 0%; }
}

@media (max-width: 992px) {
    .reports-presentations-lebels { display: none; }
    .reports-wrapper li div:nth-child(1) { width: 100%; align-items: flex-start;}
    .reports-wrapper li div:nth-child(2) { width: 100%; align-items: flex-start; }
    .reports-wrapper li div:nth-child(3) { width: 100%; align-items: flex-start; }
    .reports-wrapper li div:nth-child(4) { width: 100%; align-items: flex-start; }
    .reports-wrapper li div:nth-child(5) { width: 100%; align-items: flex-start; }
    .reports-wrapper li div:nth-child(6) { width: 100%; align-items: flex-start; }
}

@media (min-width: 992px) {

    /* Logo */
    .main-logo { width: 175px; }

    nav.main { top: 80px; }
    .yes-scroll-bar { overflow: hidden !important; }

    /* Page top */
    #page-top { padding: 30px 30px; height: 110px; }
    #page-top.slim { padding: 5px 30px 5px 30px; height: 80px; display: flex; align-items: center; }
    #page-top.fixed { position: fixed; }

    .header-elements { width: 100%; }

    /* Page banner */
    #page-banner-home .slick-list { max-height: 64vh; min-height: 400px;}
    #page-banner-inner-wrapper { position: absolute; top: 0; left: 0; width: 100%; /*height: 100%;*/ height:60vh; z-index: 2; max-height: 600px; }
    #page-banner-content-wrapper { /* left: calc((100% - 960px) / 2); */ left: 40px; }
    #page-banner.active + #page-banner-inner-wrapper #page-banner-content-wrapper { height: 250px; }
    .home-page-headings { flex-direction: row; }

    /* Navigation */
    .nav-link:after { content: ""; display: block; position: absolute; margin: 0 auto; bottom: 0px; left: 15px; width: calc(100% - 30px); height: 6px; background: #509EA6; transition: transform .5s ease; transform: scaleX(0); }
    .nav-link:hover:after,
    .nav-link:active:after,
    .nav-link:focus:after,
    .nav-link.active:after { transform: scaleX(1) }

    /* Search form */
    #search { position: relative; }
    .search-trigger-wrapper { display: flex; }
    #search-box-wrapper { visibility: hidden; position: absolute; right: -30px; top: 19px; padding: 15px 30px 15px 15px; width: 600px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; display: flex; flex-direction: row; /*justify-content: flex-end;*/ right: calc(-8px - (100vw - 915px) / 2); padding-right: calc( (100vw - 915px) / 2); transition: visibility 0s linear 0.3s, opacity 1s ease-in-out, transform 0.1s ease-in-out; transform: translateX(40vw);}
    #search-box-wrapper input[type="text"] { width: 260px; }
    #search-box-wrapper input[type="submit"] { top: 0; left: 0; }
    #search-box-wrapper #search-box { position: relative; color: #334048; }
    #search-box-wrapper #search-box form { margin-bottom: 0;}

    #search-results { position: absolute; right: -30px; top: 90px; min-width: 315px; margin-top: 0; padding-top: 75px; }
    #search-result-list { display: flex; flex-direction: column; align-items: flex-start; padding: 0; height: auto; width: 400px; }

    /* Search trigger */
    #search-trigger { width: 19px; height: 21px; border: 0; background: transparent url(/img/svg/search-icon.svg) center / 100% no-repeat; font-size: 0; }

    /* Search active */
    #search.active #search-box-wrapper { visibility: visible; z-index: 1000;  opacity: 1; transform: translateX(0); transition-delay: 0s; }
    #search.active #search-trigger { background-image: url(/img/svg/exit-green.svg?v=2); }

    /* Standard page banner text content*/
    .standard-page-description { margin-top: 30px; }

    /* Scroll down */
    .scroll-message { /* display: block; */ left: 52px; }
    
    /* Filter */
    .filter-wrapper .filter-control label {
        min-width: 209px;
    }

    /* List */
    /* Team */
    .team-wrapper .team-member { cursor: pointer; transition: opacity .5s ease }
    .team-wrapper .team-member:hover { opacity: .75 }
    .team-wrapper .team-member.active:hover { opacity: 1 }

    .team-wrapper .team-member .item-content { height: 150px; }
    .team-wrapper .team-member-bio:before { left: calc(1px - (100vw - 925px) / 2); }

    /* Share price */
    .share-price-details p { width: 200px; display: flex; flex-direction: row; justify-content: space-between; }
    .share-price-details { margin-top: 30px; }
    .share-price-details p { font-size: 21px; }

    /* Related pages */
    .related-page-info { padding: 50px; }
    .related-page-info a:after { bottom: 50px; left: 50px; width: 50px; height: 50px; }
    .related-page-info h2 { max-width: 50% }
    .related-page:after { height: 50%; }

    /* Footer */
    #page-bottom .footer-row .main-logo { width: 120px; }
    #page-bottom .footer-row { flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
    #page-bottom .footer-row.margin-top { }


    #page-bottom .footer-row .footer-logo-wrapper { order: 1 }
    #page-bottom .address { order: 2; }
    #page-bottom #back-top-top-wrapper { order: 3; }

    #page-bottom .footer-row.margin-top .footer-items { display: flex; justify-content: flex-start; }
    #page-bottom .footer-row.margin-top .footer-items ul { display: flex; margin: 0; }
    #page-bottom .footer-row.margin-top .footer-items ul li { padding: 0 15px; position: relative; }
    #page-bottom .footer-row.margin-top .footer-items ul li:after { content: ""; width: 1px; height: 100%; position: absolute; right: 0; top: auto; background-color: white; }
    #page-bottom .footer-row.margin-top .footer-items ul li:last-child::after { display: none; }
    #page-bottom .footer-row.margin-top .footer-items ul li:first-child { padding-left: 0 }
    #page-bottom .footer-row.margin-top .powered-by { text-align: right; }
    #page-bottom .footer-row.margin-top .copyright { margin-top: 0; order: -1; }

    /* Reports and Presentations */
    .reports-wrapper .btn { /*font-size: 0; display: block; width: 30px; height: 30px;*/ padding: 8px 30px 8px 30px; width: initial; }

    .reports-presentations-lebels p:nth-child(1) { width: 16%; }
    .reports-presentations-lebels p:nth-child(2) { width: 36%; }
    .reports-presentations-lebels p:nth-child(3) { width: 16%; text-align: center; }
    .reports-presentations-lebels p:nth-child(4) { width: 16%; text-align: center; }
    .reports-presentations-lebels p:nth-child(5) { width: 16%; text-align: center; }
    .reports-presentations-lebels p:nth-child(6) { width: 16%; text-align: center; }

    .reports-wrapper li div:nth-child(1) { width: 16%; }
    .reports-wrapper li div:nth-child(2) { width: 36%; }
    .reports-wrapper li div:nth-child(3) { width: 16%; }
    .reports-wrapper li div:nth-child(4) { width: 16%; }
    .reports-wrapper li div:nth-child(5) { width: 16% }

    /* quick links */
    .quick-links-row { display: flex; flex-direction: row; justify-content: left; }

    /* footer logo */
    .logo-row { display: flex; flex-direction: row; justify-content: left; margin-top: 0px; }
    .social-media { margin-top: 20px }

    .tab-content-items ul.tab-item li { font-size: 18px; }
}


@media (min-width: 1080px) {
    /* Standard page banner*/
    .standand-page-wrapper { flex-direction: row; }
    .standand-page-wrapper .col-lg-7 { width: calc( 58.33333333% + (100vw - 1320px) / 2 ); position: absolute; right: calc(1px - (100vw - 1320px) / 2); }
    #page-banner-content-wrapper { top: 60%; }
    #page-banner-wrapper-standard { min-height: 400px; }
    

    /* Scroll down */
    .scroll-message { /* display: block; */ left: 71px; }

    #page-banner-content-wrapper { /* left: calc((100% - 1140px) / 2); */ }

    /* Standard page banner text content*/
    #page-banner-content-standard { /* width: 74%; */ /* transform: translateY(28%); */ /* margin-left: 87px; */ }
    .standard-page-description { margin-top: 30px; }
}

@media(max-width: 1080px) {
    #search-box-wrapper { margin: 0; }
    #search-box-wrapper.theme-green { background-color: transparent; }
    #search-results { margin-top: 0; }
    nav.main .submenu-wrapper { display: none; margin: 10px 0; transition: all 0.25s ease-in; }
    nav.main .submenu-wrapper.active { display: block; }
    nav.main ul li { padding: 15px; display: block; position: relative; }
    nav.main ul li a.nav-link { display: block; font-size: 15px; padding-left: 20px; margin: 0 15px 0 0; }
    nav.main ul li a.transition-trigger { display: block; width: 20px; height: 20px; padding: 0 15px; margin: 0; cursor: pointer; position: absolute; right: 15px; top: 20px; background: transparent url(/img/svg/arrow-right.svg)no-repeat center; background-size: contain; transition: transform 0.25s ease-in; }
    nav.main ul li a.transition-trigger.active { transform: rotate(90deg); }

    nav.main .submenu-wrapper .submenu .column { margin-bottom: 0px; }

    nav.main ul.submenu .nav-link.active { color: #ffffff; }
    .nav-link:after { display: none; }
    #page-banner-wrapper-standard { height: min-content; }
    .standand-page-wrapper { flex-direction: row; position: relative; height: 100%; align-items: center; justify-content: center; }
}

@media (min-width: 1200px) {

    /* Navigation */
    .hamburger { display: none }

    nav.main { top: 85px; }

    nav.main { position: static; width: calc(100% - 185.5px); height: auto; transform: none; transition: none; background: transparent; /* display: flex; */ flex-direction: column; justify-content: space-evenly; align-content: space-around; }
    nav.main ul { height: 41px; overflow-y: visible; display: flex; flex-direction: row; justify-content: flex-end; /* align-items: center; */ padding: 0 0 0 20px; }

    nav.main ul li a { padding: 0 8px; display: block; }
    .main-nav li { margin-bottom: -20px; }
    .top-nav li { /* margin-bottom: -20px; */ margin: 0px 15px; }

    nav.main ul li a { color: #525d66; font-size: 16px; padding: 0 0 0 11px; margin: 0; padding-bottom: 12px; }
    nav.main ul li a:hover,
    nav.main ul li a.active { color: #525D66; }
    nav.main ul li a:before { top: 2px; }

    nav.main #top-nav { margin-top: 0; justify-content: flex-end; align-items: initial; }

    /* Submenu */
    .header-elements { justify-content: space-between; }
    nav.main .submenu-wrapper { position: absolute; top: 45px; background: transparent; display: none; }
    nav.main li:hover .submenu-wrapper { display: block; }
    nav.main ul.submenu { padding: 0; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; background: transparent; max-height: 325px; height: 100%; }

    nav.main ul.submenu li { padding: 0 15px 8px 0; position: relative; margin-bottom: 0; width: 100%; max-width: 280px; /* max-height: 60px; */ }
    nav.main ul.submenu li a { font-weight: 500; /* margin-bottom: 20px; */ padding-bottom: 25px; display: block; }
    nav.main ul.submenu li a:after { display: none }

    nav.main ul.submenu li a:hover,
    nav.main ul.submenu li a.active { color: #6B7077; }
    #page-top.solid nav.main .submenu-wrapper { top: 62px; background: #daece4; width: 100vw; left: 0; padding: 40px; overflow: hidden; }
    #page-top.solid nav.main .submenu-wrapper .container { z-index: 1; }
    #page-top.solid nav.main ul.submenu { padding: 5px 0 0 56px; }

    nav.main ul.submenu.two-col { height: 350px; }

    nav.main .featured-item { display: block; position: relative; z-index: 2; padding: 0; }
    nav.main .featured-item:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #525D66; background: rgb(71 84 93); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(71 84 93) 100%); opacity: .4; }
    nav.main .featured-item .item-thumbnail { /* width: 340px; */ height: 300px; background: #334048 center / cover no-repeat; }
    nav.main .featured-item .item-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 6; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; }

    nav.main .featured-item a,
    nav.main .featured-item h2 { /* top: 195px; */ /* padding: 0 0 5px 30px; */ }
    nav.main ul li .featured-item a.internal-link.featured-item-readmore { color: #FFFFFF; margin-left: 30px; padding-right: 10px; font-weight: 400; font-size: 13px; }
    nav.main ul li .featured-item a.internal-link:before { width: 15px; height: 15px; left: 8px; top: 3px; }

    /* Navigation Transitions */
    #page-middle.nav-open, #page-middle.nav-open + #page-bottom { transform: none; transition: none; }
    #page-middle.nav-open:before, #page-middle.nav-open + #page-bottom:before { display: none }

    /* Sharing */
    #sharing-trigger-wrapper { width: 30px; display: block; }
    #sharing-trigger { width: 18px; height: 21px; margin-right: 0px; /* margin-bottom: 28px; */ border: 0; background: transparent url(/img/svg/sharing-icon.svg) center / 100% no-repeat; }

    .share-list { /* display: block !important; */ position: absolute; height: 148px !important; margin-top: 40px !important; margin-left: -18px !important; top: -12px; left: -1px; width: 64px; padding-top: 12px !important; padding-bottom: 4px; background-color: #fff; border: 1px solid #d8d8d8; -webkit-box-shadow: 0 0 10px -4px rgb(32 34 35 / 30%); box-shadow: 0 0 10px -4px rgb(32 34 35 / 30%); z-index: 5; display: block; flex-direction: column !important; padding-left: 10px !important; }
    .share-item { margin-bottom: 2px !important; /* height: 40px; */ /* width: 40px; */ margin-left: -12px !important; }
    .share-link { font-size: 18px; color: #44942b !important; line-height: 38px; text-align: center; padding-top: 4px; display: block; }
    .share-link :hover { color: #525d66; }
    .share.active { /* background: #ffffff; */ /* box-shadow: rgb(0 0 0 / 40%) -1px 12px 6px 3px; */ /* z-index: 10; */ }

    /* Share price trigger */
    #share-price-wrapper { height: 21px; /* margin-right: 10px; */ margin-bottom: 14px; border: 0; }

    #page-top { height: 130px; /* padding: 35px 37px; */ }
    #page-top.slim { padding: 5px 50px 0 50px; height: 95px; }

    /* Submenu */
    #page-top.solid nav.main .submenu-wrapper { top: 95px; padding: 50px; }

    /* Logo */
    .main-logo { width: 185px; }

    .header-elements { width: 100%; }

    /* Navigation */
    nav.main { width: calc(100% - 165px); }
    nav.main ul li a { padding: 0 14px 11px 14px; }
    nav.main ul li a { font-size: 17px 0px 15px 18px }
    nav.main .featured-item .item-thumbnail { /* width: 380px; */ height: 320px; }
    nav.main ul .submenu-tigger.submenu-tigger { visibility: hidden; }


    /* Search */
    #search-box-wrapper { top: 50px; right: calc(-8px - (100vw - 1140px) / 2); padding-right: calc( (100vw - 1140px) / 2); }
    #search-results { /* top: 127px; */ padding-top: 75px; }

    /* Page banner */
    #page-banner { /* max-height: 960px; */ }
    #page-banner-content-wrapper { /* left: calc((100% - 1140px) / 2); */ }

    /* Standard page banner text content*/
    #page-banner-content-standard { /* width: 78%; */ /* transform: translateY(24%); */ /* margin-left: 90px; */ }
    .standard-page-description { margin-top: 30px; }
    /* Standard page banner*/
    .standand-page-wrapper { flex-direction: row; }
    .standand-page-wrapper .col-lg-7 { width: calc( 58.33333333% + (100vw - 1320px) / 2 ); position: absolute; right: calc(1px - (100vw - 1320px) / 2); }

    /* List */
    /* Team */
    .team-wrapper .team-member .item-content { height: 165px; }
    .team-wrapper .team-member-bio:before { left: calc(1px - (100vw - 1105px) / 2); }

    /* reports page */
    .reports-wrapper .btn { /*font-size: 0; display: block; width: 30px; height: 30px;*/ padding: 8px 30px 8px 30px; width: 160px; }

    /* Scroll down */
    .scroll-message { left: 84px; }

    /* Related pages */
    .related-page .related-page-background { transition: transform 0.25s ease-in-out }
    .related-page:hover .related-page-background { transform: scale(1.08) }
}


@media (min-width: 1400px) {

    /* Logo */
    .main-logo { width: 195px; margin-top: 20px; }

    #page-top { height: 140px; }

    /* Navigation */
    nav.main { width: calc(100% - 180px); }
    nav.main ul li a { }
    nav.main ul li a { font-size: 18px; padding: 0px 15px 18px; }

    /* Search */
    #search-box-wrapper { right: calc(0px - (100vw - 1320px) / 2); padding-right: calc( (100vw - 1320px) / 2); }

    /* Scroll down */
    .scroll-message { left: 150px; }
    #page-banner-content-wrapper { /* left: calc((100% - 1320px) / 2); */ }

    /* Standard page banner text content*/
    #page-banner-content-standard { /* width: 74%; */ /* transform: translateY(38%); */ /* margin-left: 104px; */ }
    .standard-page-description { margin-top: 30px; }

    /* feature thumbnail nav sub-menu */
    nav.main .featured-item:after { /* width: 92%; */ }

    /* List */
    /* Team */
    .team-wrapper .team-member { width: 25%; }
    .team-wrapper .team-member .item-content { height: 180px; }
    .team-wrapper .team-member-bio:before { left: calc(1px - (100vw - 1285px) / 2); }

    .team-wrapper .team-member-bio:nth-child(2) { order: 5; }
    .team-wrapper .team-member:nth-child(3) { order: 2; }
    .team-wrapper .team-member-bio:nth-child(4) { order: 6; }
    .team-wrapper .team-member:nth-child(5) { order: 3; }
    .team-wrapper .team-member-bio:nth-child(6) { order: 7; }
    .team-wrapper .team-member:nth-child(7) { order: 4; }
    .team-wrapper .team-member-bio:nth-child(8) { order: 8; }
    .team-wrapper .team-member:nth-child(9) { order: 8; }
    .team-wrapper .team-member-bio:nth-child(10) { order: 12; }
    .team-wrapper .team-member:nth-child(11) { order: 9; }
    .team-wrapper .team-member-bio:nth-child(12) { order: 13; }
    .team-wrapper .team-member:nth-child(13) { order: 10; }
    .team-wrapper .team-member-bio:nth-child(14) { order: 14; }
    .team-wrapper .team-member:nth-child(15) { order: 11; }
    .team-wrapper .team-member-bio:nth-child(16) { order: 15; }
    .team-wrapper .team-member:nth-child(17) { order: 15; }
    .team-wrapper .team-member-bio:nth-child(18) { order: 19; }
    .team-wrapper .team-member:nth-child(19) { order: 16; }
    .team-wrapper .team-member-bio:nth-child(20) { order: 20; }
    .team-wrapper .team-member:nth-child(21) { order: 17; }
    .team-wrapper .team-member-bio:nth-child(22) { order: 22; }
    .team-wrapper .team-member:nth-child(23) { order: 18; }
    .team-wrapper .team-member-bio:nth-child(24) { order: 23; }
    .team-wrapper .team-member:nth-child(25) { order: 23; }
    .team-wrapper .team-member-bio:nth-child(26) { order: 27; }
    .team-wrapper .team-member:nth-child(27) { order: 24; }
    .team-wrapper .team-member-bio:nth-child(28) { order: 28; }
    .team-wrapper .team-member:nth-child(29) { order: 25; }
    .team-wrapper .team-member-bio:nth-child(30) { order: 29; }
    .team-wrapper .team-member:nth-child(31) { order: 26; }
    .team-wrapper .team-member-bio:nth-child(32) { order: 30; }
    .team-wrapper .team-member:nth-child(33) { order: 30; }
    .team-wrapper .team-member-bio:nth-child(34) { order: 33; }
    .team-wrapper .team-member:nth-child(35) { order: 32; }
    .team-wrapper .team-member-bio:nth-child(36) { order: 34; }

    .environment .feature-panel-bottom-overlap .cell-content { padding: 50px 74px 50px 74px; }
}

@media (min-width: 1500px) {

    #page-top { height: 160px; padding: 45px 30px; }
    #page-banner-home .slick-list { max-height: 68vh;}
    /* Logo */
    .main-logo { width: 205px; }

    .header-elements { max-width: 1320px; margin: auto; }

    /* Navigation */
    nav.main { width: calc(100% - 245px); }
    nav.main ul li a { font-size: 18px; }
    nav.main ul.submenu li a { /* font-size: 15px; */ }

    #page-top.solid nav.main .submenu-wrapper { padding: 60px; }

    #search-form-wrapper input { width: 170px; }

    /* Page banner */
    #page-banner { /* max-height: calc(100vh - 80px); */ }
    #page-banner-content-wrapper { /* left: calc((100% - 1450px) / 2); */ }
    #page-banner.active + #page-banner-inner-wrapper #page-banner-content-wrapper {/* height: 400px;*/ }
    

    /* Standard page banner text content*/
    .standard-page-description { margin-top: 30px; }

    /* Scroll down */
    .scroll-message { left: 165px; }
    .scroll-message:after { bottom: 30px; left: -476px; height: 2px; width: 470px; }

    /* Specific pages */
    /* Home */
    .home #page-banner { max-height: 60vh; }
}

@media (min-width: 1920px) {
    #page-banner-content { /* width: 59%; */ /* transform: translateY(140%); */ }

    /* Standard page banner text content*/
    .standard-page-description { margin-top: 30px; }

    /* Scroll down */
    .scroll-message { left: 204px; }
    .scroll-message:after { bottom: 31px; left: -483px; height: 3px; width: 470px; }
    #page-banner-content-wrapper { left: 0; }

    #page-bottom { padding-top: 50px; overflow: hidden; }
    #page-bottom .container { position: relative; }
    #page-bottom .footer-panel { margin: 20px 0 75px; }
    #page-banner.active + #page-banner-inner-wrapper #page-banner-content-wrapper{transform:translateY(90%);}
}

@media (min-width: 2100px) {
    #page-banner-home .slick-list { max-height: 60vh; min-height: 720px;}
}

@media (min-width: 3000px) {

    #page-banner-content-wrapper { left: calc((100% - 2590px) / 2); }
    #page-banner-home { max-height: 1000px; }
    /* Scroll down */
    .scroll-message { left: 475px; }
    .scroll-message:after { bottom: 30px; left: -476px; height: 2px; width: 470px; }
}