/*=== Body ===*/
html,
body {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    background: #ffffff;
}

img {
    max-width: 100%;
}

#body-wrapper {
    position: relative;
    z-index: 1;
}

#side-panel-wrapper {
    display: block;
    position: relative;
    z-index: 6;
    height: 100%;
}
#page-wrapper {
    position: relative;
    z-index: 2;
}

#page-top {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
}
#page-middle {
    position: relative;
    z-index: 3;
}
#page-bottom {
    position: relative;
    z-index: 4;
    background: #000000;
}

/*=== Core elements ===*/
/* Header */
#page-top:before {
    content: '';
    display: block;
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        color-stop(0, rgba(0, 0, 0, 0.75)),
        color-stop(0.5, rgba(0, 0, 0, 0.75)),
        color-stop(1, rgba(0, 0, 0, 0))
    );
    background-image: -webkit-repeating-linear-gradient(
        top,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.75) 50%,
        rgba(0, 0, 0, 0) 100%
    );
    background-image: repeating-linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.75) 50%,
        rgba(0, 0, 0, 0) 100%
    );
    background-image: -ms-repeating-linear-gradient(
        top,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.75) 50%,
        rgba(0, 0, 0, 0) 100%
    );
}
#page-top:after {
    content: '';
    display: block;
    width: calc(100% - 30px);
    height: 1px;
    background: #fff;
    position: absolute;
    left: 15px;
    bottom: 0;
    opacity: 0.5;
    z-index: 2;
}
#page-top > * {
    position: relative;
    z-index: 2;
}
#page-top [class*='col-'] {
    position: static;
}

/* Logo */
.main-logo {
    width: 245px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 4;
}
.main-logo a {
    display: block;
    line-height: 1;
    padding: 12px 0;
}
.main-logo img {
    display: block;
    height: auto;
    width: 100%;
}

/* Side panel trigger */
#side-panel-trigger {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
#side-panel-trigger a.cross {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
#side-panel-trigger a.cross span.bar {
    width: 25px;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    top: calc(50% - 9px);
    left: 15px;
    overflow: hidden;
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}
#side-panel-trigger a.cross span.bar.two {
    top: calc(50% - 1px);
}
#side-panel-trigger a.cross span.bar.three {
    top: calc(50% + 7px);
}

/* Active */
#side-panel-trigger.active a.cross span.bar.one {
    -ms-transform: rotate(45deg);
    -ms-transform-origin: top left;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: top left;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: top left;
    transform: rotate(45deg);
    transform-origin: top left;
}
#side-panel-trigger.active a.cross span.bar.two {
    width: 0px;
}
#side-panel-trigger.active a.cross span.bar.three {
    top: calc(50% + 8px);
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: bottom left;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: bottom left;
    transform: rotate(-45deg);
    transform-origin: bottom left;
}

/* Slide panel */
#side-panel {
    display: block;
    position: absolute;
    top: 54px;
    left: -100%;
    height: calc(100vh - 54px);
    max-height: calc(100vh - 54px);
    width: 100%;
    padding: 0;
    overflow-x: auto;
    background: #000000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}
#side-panel.active {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

/* Menu */
#menu {
    position: relative;
    z-index: 1;
    display: block;
    height: auto;
}

/* Navigation */
/* Global */
nav ul {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1;
}
nav ul li {
    line-height: 1;
    display: block;
    width: 100%;
    padding: 0;
    position: relative;
}
nav ul li a {
    display: block;
    padding: 15px;
}
.main-navigation {
    width: 100%;
}

#desktop-navigation {
    display: none;
}
#mobile-navigation {
    display: block;
}

/* Search */
#search {
    width: 100%;
    display: block;
}

/* Search trigger */
#search-trigger {
    font-size: 0;
    width: 55px;
    height: 55px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    border: none;
    background: transparent
        url(/assets/svg/navigation_bar/search-icon-white.svg) no-repeat center
        right 15px;
    background-size: 18px 18px;
    -webkit-transition: background 0.65s ease;
    -moz-transition: background 0.65s ease;
    -o-transition: background 0.65s ease;
    transition: background 0.65s ease;
}

/* Search box */
#search-box-wrapper {
    position: absolute;
    right: 0;
    top: calc(100% - 1px);
    z-index: 3;
    width: 100%;
    visibility: hidden;
    overflow: hidden;
}
#search-box {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}
#search-box .field-validation-error {
    display: none;
}
#search-box .search-input {
    color: #ffffff;
    display: block;
    width: 100%;
    padding: 15px;
    padding-right: 49px;
    border: none;
    position: relative;
    z-index: 1;
    font-weight: 700;
    line-height: 1;
    font-size: 14px;
    background: #000000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-transition: background 0.35s ease;
    -moz-transition: background 0.35s ease;
    -o-transition: background 0.35s ease;
    transition: background 0.35s ease;
}
#search-box .search-input::-webkit-input-placeholder {
    text-transform: uppercase;
    color: #ffffff;
}
#search-box .search-input:-moz-placeholder {
    text-transform: uppercase;
    color: #ffffff;
}
#search-box .search-input::-moz-placeholder {
    text-transform: uppercase;
    color: #ffffff;
}
#search-box .search-input:-ms-input-placeholder {
    text-transform: uppercase;
    color: #ffffff;
}
#search-box .search-input:active,
#search-box .search-input:focus {
    outline: none;
    background: #000000;
    background: rgba(0, 0, 0, 1);
}
#search-box .search-input::-ms-clear {
    display: none;
}

/* Seach submit */
#search-box #search-submit {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    border: none;
    width: 47px;
    height: 47px;
    padding: 0;
    opacity: 0;
    cursor: default;
    font-size: 0;
    background: transparent url('/assets/svg/navigation_bar/search-icon-white.svg') no-repeat
        center right 15px;
    background-size: 18px 18px;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}
#search-box #search-submit:active,
#search-box #search-submit:focus {
    outline: none;
}

/* Search results */
#search-results {
    position: absolute;
    top: calc(100% + 46px);
    right: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}
#search-results ul#search-result-list {
    margin: 0;
    padding: 0;
    line-height: 1;
    list-style-type: none;
}
#search-results li.search-item-result {
    display: block;
    background: #000000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-transition: background 0.35s ease;
    -moz-transition: background 0.35s ease;
    -o-transition: background 0.35s ease;
    transition: background 0.35s ease;
}
#search-results li.search-item-result * {
    padding: 15px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #333333;
    font-size: 14px;
    color: #fff;
}
#search-results li.search-item-result:first-child * {
    border-top: 1px solid #333333;
}

/* Search active */
#search.active #search-trigger {
    background-image: url(/assets/svg/exit-white.svg);
}
#search.active #search-box-wrapper {
    visibility: visible;
}
#search.active #search-box {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
#search.active #search-submit.active {
    opacity: 1;
    cursor: pointer;
}
#search-results.active {
    opacity: 1;
}
#search.active #search-results li.search-item-result.selected {
    background: #000000;
    background: rgba(0, 0, 0, 1);
}

/* Social media */
.social-media {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.social-media li {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
    margin-left: -6px;
    margin-right: 15px;
}
.social-media li:last-child {
    margin-right: 0;
}
.social-media a {
    line-height: 1;
    font-size: 14px;
    color: #ff5e00 !important;
}
.social-media a:active,
.social-media a:focus,
.social-media a:hover {
    color: #ff5e00;
}
.social-media .social-media-link {
    width: 20px;
    height: 20px;
    font-size: 0;
    display: block;
    position: relative;
    margin: 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
}
.social-media .social-media-link.linkedin {
    background-image: url('/img/svg/linkedin-icon-white.svg');
}
.social-media .social-media-link.youtube {
    background-image: url('/assets/svg/social-media-icons/youtube-icon-white.svg');
}
.social-media .social-media-link[class*='email'] {
    background-image: url('/img/svg/email-icon-white.svg');
}
.social-media .social-media-link.google-plus {
    background-image: url('/img/svg/google-plus-icon-white.svg');
    width: 28px;
    height: 28px;
}
.social-media .social-media-link.twitter {
    background-image: url('/assets/svg/social-media-icons/twitter-icon-white.svg');
}
.social-media .social-media-link.rss {
    background-image: url('/img/svg/rss-icon-white.svg');
}
.social-media .social-media-link.facebook {
    background-image: url('/assets/svg/social-media-icons/facebook-icon-white.svg');
}
.social-media .social-media-link.instagram {
    background-image: url('/assets/svg/social-media-icons/instagram-icon-white.svg');
}
.social-media .social-media-link.pinterest {
    background-image: url('/assets/svg/social-media-icons/pinterest-icon-white.svg');
}

/* Page bottom social media */
#page-bottom .social-media a {
    font-size: 0;
}

/* Share */
.social-media.share .social-media-link {
    background-color: #000;
    padding: 20px;
    border-radius: 50%;
    background-size: 24px;
    background-position: center;
}
.social-media.share .social-media-link.facebook {
    background-size: 27px;
}
.content-area .social-media.share li:before {
    display: none;
}
.content-area .social-media.share li {
    padding: 5px 5px 15px;
}
.content-area .social-media.share li:first-child {
    padding: 5px 0 15px 5px;
}
.content-area .social-media.share li:last-child {
    padding: 5px 0 15px 0;
}

/* Large icons */
.social-media.icons-large .social-media-link {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    width: 30px;
    height: 30px;
}
.social-media.icons-large .social-media-link:last-child {
    margin-right: 0;
}
.social-media.icons-large .social-media-link.google-plus {
    width: 42px;
    height: 42px;
    margin-right: 0px;
}
.social-media.icons-large .social-media-link.pintrest {
    margin-right: 3px;
}

/* Footer */
#page-bottom * {
    text-align: center;
    color: #fff;
    font-size: 14px;
}
#page-bottom p:last-child {
    padding-bottom: 0;
}

/* Bootstrap overrides */
#page-bottom .container {
    padding-left: 0;
    padding-right: 0;
}
#page-bottom .row + .row {
    margin-top: 25px;
}
/* Spacing to match .spacing-top-large style */
#page-bottom [class*='col-xs']:nth-child(1n + 2) {
    padding-top: 25px;
}
/* Spacing to match .spacing-top-large style */
#page-bottom .hidden-phone + [class*='col-'] {
    padding-top: 0;
}
#page-bottom [class*='col-'].padding-none {
    padding: 0;
}

/* Back to top */
#back-to-top-wrapper {
    position: absolute;
    top: 0;
    left: calc(50% - 17.5px);
}
#back-to-top-trigger {
    width: 35px;
    height: 20px;
    margin: 0 auto;
    display: block;
    position: relative;
    background: transparent url('/assets/svg/arrow-up-white.svg') no-repeat
        center;
    background-size: 20px 20px;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}

/* Inactive state */
#back-to-top-wrapper.inactive #back-to-top-trigger {
    opacity: 0.25;
}

/* Company */
.company p {
    text-transform: uppercase;
}

/* Designed and Developed by */
#page-bottom .developers p {
    text-transform: uppercase;
}
#page-bottom .developers a {
    display: block; /*color: #ff5e00;*/
}

/* Footer links */
#footer-links {
    list-style-type: none;
    margin: 0;
    line-height: 1.2;
    padding: 40px 0 0 0;
}
#footer-links li {
    text-align: center;
    margin-bottom: 15px;
}
#footer-links li:last-child {
    margin-bottom: 0;
}

/* Investor links */
#investor-links ul {
    list-style-type: none;
    margin: 0;
    line-height: 1.2;
    padding: 0;
}
#investor-links ul li {
    margin-bottom: 15px;
}
#investor-links ul li:last-child {
    margin-bottom: 0;
}

/* Other links */
#other-links ul {
    list-style-type: none;
    margin: 0;
    line-height: 1.2;
    padding: 0;
}
#other-links ul li {
    margin-bottom: 15px;
}
#other-links ul li:last-child {
    margin-bottom: 0;
}
#other-links ul li a {
    color: #333333;
}

/* Logout */
#page-bottom .logout-panel {
    display: block;
    width: 100%;
}
#page-bottom .logout-panel .group-control {
    display: block;
}
#page-bottom .logout-panel .btn {
    margin: 0 auto;
}

/* Cookies */
/* Bar */
.cc-window {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #000000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}
.cc-window.cc-invisible {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

/* Message */
.cc-window .cc-message a {
    color: #fff;
}
.cc-window .cc-message p {
    text-align: center;
    color: #fff;
}

/* Compliance */
.cc-window .cc-compliance {
    text-align: center;
}
.cc-window .cc-compliance .cc-btn {
    color: #fff;
}

/* Browser update */
#browser-update-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 7;
    background: #000000;
    display: table;
}
#browser-update-wrapper .content-placement-middle {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}
#browser-update-wrapper a,
#browser-update-wrapper p {
    color: #fff;
}
#browser-update-wrapper p:last-child {
    padding-bottom: 0;
}

/*=== Content elements ===*/
/* Bootstrap overrides */
.container .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
/* Padding removed to keep alignement */
.row {
    margin-top: 0;
    margin-bottom: 0;
}
[class*='col-xs']:nth-child(1n + 2) {
    padding-top: 15px;
}
/* Defines the spacing between the grid columns */

/* Page header */
#page-header {
    background: #333333;
    min-height: 100vh;
    max-height: 100vh;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 55px 0 0 0;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    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;
}
/* Min height is 100% of the screen minus the height of the header, so the content is centered */
#page-header:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000;
    opacity: 0.5;
}
#page-header > * {
    position: relative;
    z-index: 2;
}

/* Page background */
#page-background {
    display: none;
}

/* Page banner */
#page-banner.banner-image {
    display: none;
}
#page-banner.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    transform: scale(1.75);
}
#page-banner.banner-video .iframe-wrapper {
    width: inherit;
    height: inherit;
    overflow: hidden;
}
#page-banner.banner-video .iframe-wrapper .video-iframe {
    padding-bottom: 0;
    overflow: hidden;
    height: inherit;
    width: inherit;
}
#page-banner.banner-video .iframe-wrapper .video-iframe iframe {
    min-width: 1443px;
    min-height: 812px;
    left: calc(50% - 721px);
    right: 0;
    bottom: 0;
    z-index: -1;
}
/* Centers the video within the viewport */

/* Page title */
#page-title {
    margin-top: auto;
}
#page-title h1 {
    color: #fff;
    letter-spacing: 1px;
}
#page-title .text-medium {
    letter-spacing: 1px;
    font-weight: 400;
}

/* Page jump */
#page-jump {
    display: block;
}
#page-jump .jump {
    position: relative;
    margin: 0 auto auto auto;
    width: 35px;
    height: 20px;
    display: block;
    font-size: 0;
    background: transparent url('/assets/svg/arrow-down-white.svg') no-repeat
        center;
    background-size: 20px 20px;
}

/* Page share price and social media */
#page-share-price-and-social-media {
    min-height: 55px;
    margin-top: auto;
}
#page-share-price-and-social-media [class*='col-xs'] {
    position: static;
}
#page-share-price-and-social-media [class*='col-xs']:nth-child(1n + 2) {
    padding-top: 0;
}

/* Share price */
#page-share-price {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: calc(100% - 55px);
}
#page-share-price #share-price-trigger {
    width: 55px;
    height: 55px;
    display: block;
    padding: 0;
    border: none;
    font-size: 0;
    margin-right: auto;
    background: #333333 url(/img/svg/share-price-white.svg) no-repeat center;
    background-size: 24px 24px;
}
#share-price-wrapper {
    position: absolute;
    bottom: 0;
    left: 55px;
    width: calc(100% - 55px);
    visibility: hidden;
    overflow: hidden;
}
#share-price-wrapper .share-price {
    padding-bottom: 12px;
    padding-left: 15px;
    text-align: left;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}
#share-price-wrapper .share-price p {
    line-height: 1;
    padding-bottom: 0;
}
#share-price-wrapper .share-price .time-stamp,
#share-price-wrapper .share-price .text-small {
    display: none;
}

/* Active */
#share-price-wrapper.active {
    visibility: visible;
}
#share-price-wrapper.active .share-price {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

/* Social media */
#page-social-media {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 55px);
    text-align: right;
}
#page-social-media [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}
#social-media-trigger {
    width: 55px;
    height: 55px;
    display: block;
    padding: 0;
    border: none;
    font-size: 0;
    margin-left: auto;
    background: #333333 url(/img/svg/social-media-share-white.svg) no-repeat
        center;
    background-size: 20px 20px;
}
#social-media-wrapper {
    position: absolute;
    bottom: 0;
    right: 55px;
    width: calc(100% - 55px);
    visibility: hidden;
    overflow: hidden;
}
#social-media-wrapper .social-media {
    padding-bottom: 5px;
    padding-top: 20px;
    padding-right: 15px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;
    transition: all 0.65s ease;
}
#social-media-wrapper .social-media li:first-child {
    padding-right: 9px;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 40px;
}
#social-media-wrapper .social-media li:first-child:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #ff5e00;
    position: absolute;
    top: 1px;
    right: 0;
}
#social-media-wrapper .social-media li:last-child {
    padding-left: 15px;
    position: absolute;
    top: 0;
    right: 14px;
}
#social-media-wrapper .social-media li:nth-last-child(2) {
    margin-right: 0;
}

/* Active */
#social-media-wrapper.active {
    visibility: visible;
}
#social-media-wrapper.active .social-media {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

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

/* Page content */
.content-area {
    position: relative;
    z-index: 2;
}
.content-area > div:first-child {
    padding-top: 25px;
}
.sustainability-section .content-area {
    padding-bottom: 82px;
}

.sustainability-section h1 {
    display: flex;
    flex-direction: column-reverse;
}
/* Commented out styling for now to hide sub-title */
/*.sustainability-section #page-header[style*="sustainability.jpg"] h1:before {content:'#GROWFUTURETHINKING';font-size:25px;display: block;}*/

/* Spacing matches spacing top large style */

/* Relates links */
#related-links {
    padding-top: 0;
}
.sustainability-section #related-links {
    display: none;
}
#related-links #related-links-background {
    display: none;
}
#related-links .related-links-wrapper .container {
    padding-left: 0;
    padding-right: 0;
}
#related-links .text-large {
    line-height: 1.1;
    padding-bottom: 25px;
}
#related-links ul {
    padding-bottom: 0;
}

/* Hidden elements */
.hidden-phone {
    display: none;
}

/* Iframes */
iframe {
    width: 100%;
    border: none;
}

/* Responsive iframe */
.iframe-wrapper .video-iframe {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.iframe-wrapper .video-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

/* Cell link */
.cell-link {
    position: relative;
    display: block;
}
.cell-link .umb-grid-cell {
    z-index: 1;
}

/* Modal */
.modal {
    z-index: 15;
    padding-right: 0 !important;
}
.modal .modal-dialog {
    width: calc(100% - 30px);
    margin: 30px auto;
    max-height: calc(100vh - 60px);
}
.modal .modal-dialog,
.modal.fade .modal-dialog {
    -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.5);
    -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: 100%;
    max-height: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.modal .modal-content > div:first-child {
    padding-top: 0;
}
.modal .modal-content > div:last-child {
    padding-bottom: 0;
}
.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: 8px;
}
.modal .modal-content::-webkit-scrollbar-track {
    background-color: #333333;
}
.modal .modal-content::-webkit-scrollbar-thumb {
    background-color: #ff5e00;
}

/* Images */
.inline-images img {
    display: inline-block;
    width: calc(20% - 1px);
    height: calc(20% - 1px);
    padding: 0 !important;
}

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

/* Active state */
.modal-open {
    padding-right: 0 !important;
}
.modal-open .modal {
    background: #000000;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    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;
}

/* Reports modal */
.modal.reports .modal-content {
    background: #e5e5e5;
}

/* Team modal */
.modal .team-member-modal {
    padding: 0;
}
.modal .team-member-modal .modal-loading-state {
    padding: 15px;
}
/* Padding matches padding-medium style */
.modal .team-member-modal h3 {
    padding-bottom: 5px;
    font-size: 21px;
}
.modal .team-member-modal .item-thumbnail {
    max-width: 400px;
    margin: 0 auto;
    padding-bottom: 15px;
}
.modal .team-member-modal .item-title,
.modal .team-member-modal .item-title p {
    padding-bottom: 0;
}

/* Video embeded modal */
.modal.video-embed .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
    background: #000000;
}
/* Full coloured black bacground added to replicate the loading background of the video */
.modal.video-embed .modal-close {
    background-color: #000000;
    background-image: url('/assets/svg/exit.svg');
    top: 12px;
    right: 18px;
}
/* Position to hide the share button on YouTube */

/* Carousel */
.carousel + * {
    margin-top: 15px;
}
.carousel.slide {
    opacity: 1;
}
.carousel-inner {
    height: 100%;
    z-index: 1;
}
.carousel-inner .item {
    display: block;
    height: 100%;
}

/* Controls */
.carousel .carousel-control {
    display: none;
}
.carousel .carousel-control {
    background: transparent;
    filter: none;
    opacity: 1;
    width: 20px;
    height: 20px;
    top: auto;
    bottom: 0;
    text-shadow: none;
    margin-top: 0;
    z-index: 3;
    font-size: 0;
    background: transparent url('/img/svg/arrow-left.svg') no-repeat center;
    background-size: cover;
}
.carousel .carousel-control.right {
    background-image: url('/img/svg/arrow-right.svg');
}
.carousel .carousel-control + .carousel-inner .carousel-caption,
.carousel
    .carousel-control
    + .carousel-indicators
    + .carousel-inner
    .carousel-caption {
    padding-bottom: 40px;
}
.content-area .carousel .carousel-indicators {
    left: 0;
    bottom: 2px;
    width: 100%;
    padding: 0;
    line-height: 1;
    margin: 0;
    z-index: 2;
}
.content-area .carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid #ff5e00;
    margin: 0;
    line-height: 1;
    padding: 0;
    border-radius: 0;
    -webkit-transition: background 0.35s ease;
    -moz-transition: background 0.35s ease;
    -o-transition: background 0.35s ease;
    transition: background 0.35s ease;
}
.content-area .carousel .carousel-indicators li.active {
    background: #ff5e00;
}
.content-area .carousel .carousel-indicators li + li {
    margin-left: 2px;
}

/* Content */
.carousel-caption {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    text-shadow: none;
    color: #333333;
    text-align: left;
    background-size: cover;
    background-position: center;
}
/* Overrite color inherited from Bootstrap. Background resizes to fit the size of the slide and positions it self in the center */

/* Legends */
.carousel.legends .item-content .item-thumbnail {
    position: relative;
}
.carousel.legends .item-content .item-thumbnail:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    background: #e5e5e5;
    padding: 10px;
    top: calc(50% - 5px);
    text-align: center;
}

.carousel.legends .item-content.passion .item-thumbnail:after {
    content: 'Passion icon';
}
.carousel.legends .item-content.creativation .item-thumbnail:after {
    content: 'Creativation icon';
}
.carousel.legends .item-content.quality .item-thumbnail:after {
    content: 'Quality icon';
}
.carousel.legends .item-content.family .item-thumbnail:after {
    content: 'Family icon';
}
.carousel.legends .item-content.individuality .item-thumbnail:after {
    content: 'Individuality icon';
}
.carousel.legends .item-content.fun .item-thumbnail:after {
    content: 'Fun icon';
}

/* Overlay */
.carousel.overlay .carousel-control {
    left: 15px;
    bottom: 15px;
}
.carousel.overlay .carousel-control.right {
    left: auto;
    right: 15px;
}
.carousel.overlay .carousel-caption {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}
/* Padding to match .padding-medium style */
.content-area .carousel.overlay .carousel-indicators {
    bottom: 15px;
}

/* CSS needed so that JS can detect the largest  */
.carousel-inner .concealed {
    display: none;
}
.carousel-inner .active.concealed,
.carousel-inner .next.concealed,
.carousel-inner .prev.concealed {
    display: block;
}
.carousel-inner,
.carousel-inner .item,
.carousel-caption {
    min-height: inherit;
}

/* Twitter */
.carousel.twitter .carousel-caption [class*='tweet-'] {
    display: block;
}
.carousel.twitter .carousel-caption [class*='tweet-'] + [class*='tweet-'] {
    padding-top: 15px;
}
/* Spacing between elements */
.carousel.twitter .carousel-caption .tweet-icon {
    display: inline-block;
    padding-top: 0;
    vertical-align: middle;
    padding-right: 5px;
}
.carousel.twitter .carousel-caption .tweet-header {
    display: inline-block;
    vertical-align: middle;
}
.carousel.twitter .carousel-caption .tweet-header h4,
.carousel.twitter .carousel-caption .tweet-header p {
    color: #333333;
}
/* Overrieds the colour inherited from the a tag style */
.carousel.twitter .carousel-caption .tweet-header a {
    display: block;
}
.carousel.twitter .carousel-caption .tweet-icon + .tweet-header {
    padding-top: 0;
}
.carousel.twitter .carousel-caption .tweet-links a {
    position: relative;
    font-size: 0;
    width: 25px;
    height: 25px;
    vertical-align: bottom;
    display: inline-block;
    margin-right: 10px;
    background: transparent no-repeat center bottom;
    background-size: cover;
}
.carousel.twitter .carousel-caption .tweet-links a:last-child {
    margin-right: 0;
}
.carousel.twitter .carousel-caption .tweet-links a.reply {
    background-image: url('/img/svg/twitter-tweet-reply.svg');
}
.carousel.twitter .carousel-caption .tweet-links a.retweet {
    background-image: url('/img/svg/twitter-tweet-retweet.svg');
}
.carousel.twitter .carousel-caption .tweet-links a.favorite {
    height: 20px;
    width: 20px;
    background-image: url('/img/svg/twitter-tweet-favorite.svg');
}

/* Dropdown */
.transition-trigger {
    display: block;
    position: relative;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    font-size: 0;
    background: #333333;
    margin-top: 15px;
    -webkit-transition: margin-top 0.35s ease, opacity 0.35s ease;
    -moz-transition: margin-top 0.35s ease, opacity 0.35s ease;
    -o-transition: margin-top 0.35s ease, opacity 0.35s ease;
    transition: margin-top 0.35s ease, opacity 0.35s ease;
}
.transition-trigger:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url('/assets/svg/plus.svg') no-repeat center center;
    background-size: 16px 16px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transition: transform 0.35s ease;
    -moz-transition: transform 0.35s ease;
    -o-transition: transform 0.35s ease;
    transition: transform 0.35s ease;
}
.transition-trigger.collapsed {
    margin-top: 0;
}
.transition-trigger.collapsed:after {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}

/* Google maps */
.jplist-google-maps-row {
    height: 100vh;
}
.jplist-google-maps-row .jplist-map {
    height: 100%;
}
.jplist-google-maps-row .gmnoprint,
.jplist-google-maps-row .gm-style-cc,
.jplist-google-maps-row button {
    display: none;
}

/* Lists (Generated automatically from list pages) */
/* Global */
.content-area .list ul {
    padding: 0;
}
.content-area .list ul.row {
    margin-left: -15px;
    margin-right: -15px;
}
/* Reverts back to the bootstrap style of .row */
.content-area .list .list-item,
.content-area .download-wrapper > li,
.content-area .policies-wrapper > li {
    padding-bottom: 0;
    position: relative;
    padding-left: 15px;
}

/* Reverts back to the bootstrap style of .col-* */
.content-area .list .list-item:before,
.content-area .download-wrapper > li::before,
.content-area .policies-wrapper > li::before {
    display: none;
}
/* Removes the bullet style applied to the list items */
.content-area .list .list-item .item-content-wrapper {
    position: relative;
    z-index: 2;
}
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-thumbnail
    + .item-content {
    margin-top: 15px;
}
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-thumbnail
    + .item-content[class*='theme-'] {
    margin-top: 0;
}
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    [class*='item'] {
    padding-bottom: 15px;
}
/* Spacing between the list item elements */
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    [class*='item']:last-child {
    padding-bottom: 0;
}
/* Spacing remvoed so the padding around the list item is consistent */
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h2,
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h3,
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h4 {
    padding-bottom: 0;
    font-size: 21px;
}
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h2
    > span {
    text-transform: capitalize;
}
/* Removes the spacing from the bottom of the headings so the spacing between the list item elements is consistent */
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-introduction
    p,
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-date
    * {
    display: block;
    padding-bottom: 0;
}
/* Sets the introduction and time to always be on induvidual lines */
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-introduction
    p,
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-content
    p:last-child {
    padding-bottom: 0;
}
/* Removes the spacing from the bottom of the text so the spacing between the list item elements is consistent */
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-link:after {
    content: ' ';
    display: block;
    height: 0;
    clear: both;
}
/* Stops the div from collapsing due to child floats */
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-link
    a {
    float: left;
    clear: both;
}
/* Displays the link on a single line */
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-link
    a
    + a {
    margin-top: 10px;
}
/* Spacing between a multiple of links */

/* Consistent height */
.content-area
    .list
    .list-item.consistent-height-list-item
    .item-content-wrapper,
.content-area
    .list
    .list-item.consistent-height-list-item
    .item-content-wrapper
    .item-content {
    min-height: inherit;
}

/* Lists housed within generated lists */
.content-area .list ul li ul {
    padding-bottom: 15px;
}

/* Dropdown */
.content-area
    .list
    .drop-down-wrapper
    .list-item
    .item-content-wrapper
    .item-content {
    position: relative;
    -webkit-transition: background 0.35s ease;
    -moz-transition: background 0.35s ease;
    -o-transition: background 0.35s ease;
    transition: background 0.35s ease;
}
.content-area
    .list
    .drop-down-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    [class*='item'] {
    padding-bottom: 0;
}
/* Spacing between elements */
.content-area
    .list
    .drop-down-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title {
    display: block;
    width: 100%;
    padding-right: 32px;
}
.content-area
    .list
    .drop-down-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-link {
    position: absolute;
    top: calc(50% - 8px);
    right: 15px;
}
.content-area
    .list
    .drop-down-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-link
    .transition-trigger {
    background: transparent;
    margin-top: 0;
    width: 16px;
    height: 16px;
    float: none;
    clear: none;
}
.content-area
    .list
    .drop-down-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-link
    .transition-trigger:after {
    -webkit-transition: transform 0.35s ease, background 0.35s ease;
    -moz-transition: transform 0.35s ease, background 0.35s ease;
    -o-transition: transform 0.35s ease, background 0.35s ease;
    transition: transform 0.35s ease, background 0.35s ease;
}

/* Active */
.content-area
    .list
    .drop-down-wrapper
    .list-item
    .item-content-wrapper
    .item-content.active {
    background: #ff5e00;
}
.content-area
    .list
    .drop-down-wrapper
    .list-item
    .item-content-wrapper
    .item-content.active
    .item-link
    .transition-trigger:after {
    background-image: url(/assets/svg/plus-white.svg);
}

/* Event */
.content-area .list .event-wrapper.row {
    margin-left: 0;
    margin-right: 0;
}
.content-area .list .event-wrapper .list-item {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.content-area .list .event-wrapper .list-item .item-content-wrapper:after {
    content: '';
    display: block;
    width: calc(100% - 30px);
    height: 2px;
    background: #cecece;
    position: absolute;
    bottom: 0;
    left: 15px;
}
.content-area
    .list
    .event-wrapper
    .list-item:last-child
    .item-content-wrapper:after {
    display: none;
}

.content-area
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    [class*='col-']
    + [class*='col-'] {
    padding-top: 7px;
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h2,
.content-area
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h3,
.content-area
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h4 {
    font-size: 15px;
    color: #333333;
}
/* Matches p tag style */
.content-area
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-link
    a {
    font-size: 0;
    padding-right: 0;
    width: 22px;
}

/* Add to clender */

.content-area .list .event-wrapper .list-item .item-calendar-options {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list {
    display: flex;
    background: #ececec;
    padding: 20px 15px;
    transition: transform 0.5s ease-in-out;
    transform: translateX(100%);
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list
    a {
    font-size: 0;
    width: 25px;
    height: 25px;
    margin: 0 8px;
    background: center / cover no-repeat;
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list
    a[data-calendar-type='google'] {
    background-image: url(/assets/svg/financial-calendar/google.svg?cdv=5);
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list
    a[data-calendar-type='outlook'] {
    background-image: url(/assets/svg/financial-calendar/outlook.svg?cdv=5);
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list
    a[data-calendar-type='yahoo'] {
    background-image: url(/assets/svg/financial-calendar/yahoo.svg?cdv=5);
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list
    a[data-calendar-type='apple'] {
    background-image: url(/assets/svg/financial-calendar/calendar.svg?cdv=5);
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list
    a[data-calendar-type='google']:hover {
    opacity: 1;
    background-image: url(/assets/svg/financial-calendar/google-orange.svg?cdv=5);
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list
    a[data-calendar-type='outlook']:hover {
    opacity: 1;
    background-image: url(/assets/svg/financial-calendar/outlook-orange.svg?cdv=5);
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list
    a[data-calendar-type='yahoo']:hover {
    opacity: 1;
    background-image: url(/assets/svg/financial-calendar/yahoo-orange.svg?cdv=5);
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .calendars-list
    a[data-calendar-type='apple']:hover {
    opacity: 1;
    background-image: url(/assets/svg/financial-calendar/calendar-orange.svg?cdv=5);
}

.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options
    .add-to-calendar {
    padding: 10px 30px 10px 68px;
    background: #fff url(/assets/svg/plus.svg) center left 40px / 16px no-repeat;
    z-index: 1;
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options:hover
    .add-to-calendar {
    box-shadow: inset 0px 0px 0px 2px #ff9e18;
}
.content-area
    .list
    .event-wrapper
    .list-item
    .item-calendar-options:hover
    .calendars-list {
    transform: translateX(0);
}

/* Simplified */
.content-area .list .event-wrapper.simplified {
}
.content-area .list .event-wrapper.simplified .list-item .item-content-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}
.content-area
    .list
    .event-wrapper.simplified
    .list-item
    .item-content-wrapper:after {
    width: 100%;
    left: 0;
}
.content-area
    .list
    .event-wrapper.simplified
    .list-item
    .item-content-wrapper
    .item-title {
    padding-bottom: 5px;
}
.content-area
    .list
    .event-wrapper.simplified
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h2,
.content-area
    .list
    .event-wrapper.simplified
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h3,
.content-area
    .list
    .event-wrapper.simplified
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h4 {
    font-size: 21px;
}
/* Matches h3 tag style */

/* Reports */
.content-area .list .reports-wrapper .list-item .item-content-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title-wrapper {
    padding-bottom: 15px;
    width: auto;
    display: inline-block;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title-wrapper
    [class*='item'] {
    padding-bottom: 0;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title-wrapper
    .item-title {
    display: inline-block;
    vertical-align: middle;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title-wrapper
    .item-link {
    display: inline-block;
    vertical-align: middle;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title-wrapper
    .item-link
    a {
    float: none;
    clear: none;
    margin: 0;
    background-color: transparent;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .dropdown-body
    .theme-light-grey {
    background: #e5e5e5;
    background: rgba(229, 229, 229, 0.95);
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .dropdown-body
    .list {
    padding-bottom: 0;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .dropdown-body
    .list
    .list-item {
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .dropdown-body
    .list
    .list-item:before {
    display: none;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .dropdown-body
    .list
    .list-item:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #cecece;
    position: absolute;
    bottom: 0;
    left: 0;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .dropdown-body
    .list
    .list-item:first-child {
    padding-top: 0;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .dropdown-body
    .list
    .list-item:last-child {
    padding-bottom: 0;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .dropdown-body
    .list
    .list-item:last-child:after {
    display: none;
}
.content-area
    .list
    .reports-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .dropdown-body
    .list
    .list-item
    .item-link {
    padding-bottom: 0;
}

/* Archive (modal) */
.modal.reports .modal-content .list {
    padding-bottom: 0;
}
.modal.reports .modal-content .list .list-item {
    padding-left: 0;
}
.modal.reports .modal-content .list .list-item {
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}
.modal.reports .modal-content .list .list-item:before {
    display: none;
}
.modal.reports .modal-content .list .list-item:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #cecece;
    position: absolute;
    bottom: 0;
    left: 0;
}
.modal.reports .modal-content .list .list-item:last-child {
    padding-bottom: 0;
}
.modal.reports .modal-content .list .list-item:last-child:after {
    display: none;
}

/* Results and Presentations */
.content-area .list .results-and-presentations-wrapper .list-item {
    padding-top: 0;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    [class*='col-']:nth-child(1n + 2) {
    padding-top: 5px;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-content-wrapper:after {
    content: '';
    display: block;
    width: calc(100% - 30px);
    height: 2px;
    background: #cecece;
    position: absolute;
    bottom: 0;
    left: 15px;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item:last-child
    .item-content-wrapper:after {
    display: none;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-date {
    padding-bottom: 5px;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-date
    * {
    text-transform: uppercase;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h2,
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h3,
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h4 {
    color: #333333;
    font-size: 15px;
}
/* Font size matches P tag */
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-link
    a {
    color: #ff5e00;
    float: none;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-link
    a:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transition: transform 0.35s ease;
    -moz-transition: transform 0.35s ease;
    -o-transition: transform 0.35s ease;
    transition: transform 0.35s ease;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-link
    a.collapsed:after {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}
.content-area .list .results-and-presentations-wrapper .list-item .item-links {
    padding-top: 15px;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-links
    .item-link {
    padding-bottom: 10px;
}
.content-area
    .list
    .results-and-presentations-wrapper
    .list-item
    .item-links
    .item-link:last-child {
    padding-bottom: 0;
}

/* Team */
/*.content-area .list .team-wrapper .list-item .item-thumbnail {max-width: 480px;}*/
.content-area
    .list
    .team-wrapper
    .list-item
    .item-content-wrapper
    .item-content {
    text-align: center;
}
.content-area
    .list
    .team-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title {
    padding-bottom: 5px;
}
.content-area
    .list
    .team-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-introduction
    p {
    text-transform: uppercase; /*color: #ff5e00;*/
}
.content-area
    .list
    .team-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    * {
    text-transform: uppercase;
}
.content-area
    .list
    .team-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-link
    a {
    float: none;
    font-size: 0;
    padding: 0;
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto;
}

/* Our Values */
.content-area .list .our-values-wrapper .list-item .item-content-wrapper {
}
.content-area
    .list
    .our-values-wrapper
    .list-item
    .item-content-wrapper
    .item-thumbnail {
}
.content-area
    .list
    .our-values-wrapper
    .list-item
    .item-content-wrapper
    .item-content {
    text-align: center;
    position: relative;
}
.content-area
    .list
    .our-values-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    * {
    color: #333333;
}

/* RNS */
.content-area #rns-list .list.padding-medium {
    padding: 15px;
}
/* Padding matches padding-medium style */
.content-area #rns-list .list li:before {
    display: none;
}
.content-area #rns-list .list .list-item {
    padding: 15px 0;
    display: block;
    border-bottom: 2px solid #cecece;
}
.content-area #rns-list .list .list-item:first-child {
    padding-top: 0;
}
.content-area #rns-list .list .list-item:last-child,
.content-area #rns-list .list .list-item.last-visible-item {
    padding-bottom: 0;
    border-bottom: none;
}
.content-area #rns-list .list .list-item [class*='col-']:nth-child(1n + 2) {
    padding-top: 0;
}
/* Removes space between coloumns */
.content-area #rns-list .list .list-item .item-title {
    padding-bottom: 5px;
}
.content-area #rns-list .list .list-item .item-title h3 {
    display: block;
    padding-bottom: 3px;
}
/* Decrease font size from default as it is too big */
.content-area #rns-list .list .list-item .item-title abbr {
    display: block;
    border-bottom: none;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
}
/* Font size matches the .text-small class */
.content-area #rns-list .list .list-item .item-date {
    padding-bottom: 5px;
}
.content-area #rns-list .list .list-item .item-date * {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}
/* Font size matches the .text-small class */
.content-area #rns-list .list .list-item .item-link a {
    color: #ff5e00;
}

/* Filter */
.content-area #rns-list .margin-top {
    margin-top: 15px;
}

/* Keyword */
.content-area #rns-list .text-filter-box input {
    display: inline-block;
    width: calc(100% - 39px);
    border-right: 0;
}
.content-area #rns-list .text-filter-box input + .btn {
    margin-left: -5px;
    padding: 0;
    width: 39px;
    height: 39px;
    font-size: 0;
    border-left: none;
    background: #333333 url('/assets/svg/rns/search-icon.svg') no-repeat center
        center;
    background-size: 18px;
}

/* Date picker */
.content-area #rns-list .date-picker {
    width: 100%;
}
.content-area #rns-list .date-picker + .date-picker {
    margin-top: 10px;
}
.ui-widget.ui-widget-content {
    width: calc(100% - 30px);
    max-width: 310px;
    margin-top: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    padding: 0;
}

/* Month title */
.ui-datepicker .ui-datepicker-header {
    background: #333333;
    border: none;
    font-weight: 700;
    padding: 7px;
    border-radius: 0;
}
.ui-widget-header .ui-datepicker-title {
    font-size: 14px;
    margin-left: 32px;
    margin-right: 32px;
    color: #ff5e00;
}

/* Month controls */
.ui-widget-header .ui-corner-all {
    background: transparent;
    top: calc(50% - 12.5px);
    left: 7px;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 0;
}
.ui-widget-header .ui-corner-all.ui-datepicker-next {
    left: auto;
    right: 7px;
}
.ui-widget-header .ui-corner-all .ui-icon {
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-image: url('/img/svg/arrow-left.svg');
    background-position: center;
    background-size: 16px 16px;
}
.ui-widget-header .ui-corner-all.ui-datepicker-next .ui-icon {
    background-image: url('/img/svg/arrow-right.svg');
}

/* Dates */
.ui-datepicker .ui-datepicker-calendar {
    color: #333333;
    font-size: 14px;
    margin: 0 5px;
    width: calc(100% - 10px);
}
.ui-datepicker .ui-state-default {
    background: #e5e5e5;
    color: #ff5e00;
    border-color: #e5e5e5;
}

/* Current date */
.ui-datepicker .ui-state-active {
    border: 1px solid #ff5e00;
    background: #ff5e00;
    color: #fff;
}

/* Selected date */
.ui-datepicker .ui-state-highlight {
    border: 1px solid #ff5e00;
}

/* Clear & Done buttons */
.ui-datepicker .ui-datepicker-buttonpane {
    border: none;
    margin: 0;
    padding: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    border: 2px solid #ff5e00;
    border-radius: 0;
    background: transparent;
    color: #333333;
    margin: 15px 5px 5px 5px;
    padding: 8px 25px;
    font-size: 14px;
    font-weight: 700;
}

/* Filter by type */
.content-area #rns-list .type-filter input {
    display: none;
}
.content-area #rns-list .type-filter label {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 35px 15px 15px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    opacity: 0.4;
    line-height: 1;
    background: #ff5e00 url('/img/svg/exit-white.svg') no-repeat center right
        10px;
    background-size: 15px 15px;
    -webkit-transition: opacity 0.35s ease, background 0.35s ease;
    -moz-transition: opacity 0.35s ease, background 0.35s ease;
    -o-transition: opacity 0.35s ease, background 0.35s ease;
    transition: opacity 0.35s ease, background 0.35s ease;
}
.content-area #rns-list .type-filter input + label .checked {
    display: none;
}

/* Type checked */
.content-area #rns-list .type-filter input:checked + label {
    opacity: 1;
    background-image: url('/assets/svg/rns/tick-white.svg');
}
.content-area #rns-list .type-filter input:checked + label .checked {
    display: inline-block;
}
.content-area #rns-list .type-filter input:checked + label .unchecked {
    display: none;
}

/* Number of items */
.content-area #rns-list #collapse-num-of-items ul {
    padding-bottom: 0;
}
.content-area #rns-list #collapse-num-of-items ul li {
    padding-left: 0;
}
.content-area #rns-list #collapse-num-of-items li:before {
    display: none;
}
.content-area #rns-list #collapse-num-of-items ul li button {
    color: #ff5e00;
    padding: 0;
}

/* Pagination */
.content-area .pagination {
    padding: 0;
    line-height: 1;
    display: block;
    text-align: center;
}
.content-area .pagination li {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 0;
    text-align: center;
    padding-left: 0;
}
.content-area .pagination li:before {
    display: none;
}
.content-area .pagination li + li {
    margin-left: 5px;
}
.content-area .pagination li button {
    color: #ff5e00;
    border: 2px solid #ff5e00;
    line-height: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 7px 0;
    text-align: center;
    font-size: 14px;
    background: transparent;
    -webkit-transition: background 0.35s ease, color 0.35s ease,
        opacity 0.35s ease;
    -moz-transition: background 0.35s ease, color 0.35s ease, opacity 0.35s ease;
    -o-transition: background 0.35s ease, color 0.35s ease, opacity 0.35s ease;
    transition: background 0.35s ease, color 0.35s ease, opacity 0.35s ease;
}
.content-area .pagination li button.active {
    background: #ff5e00;
    border-color: #ff5e00;
    color: #fff;
}
.content-area .pagination li button.disabled {
    opacity: 0.5;
    color: #ff5e00;
    border: 2px solid #ff5e00;
    background: transparent;
}
.content-area .pagination li button span {
    font-size: 24px;
    line-height: 0.5;
}

/* Tab */
/* Tab navigation */
.content-area .tab-navigation {
    padding-bottom: 15px;
}
.content-area .tab-navigation .tab-dropdown {
    position: relative;
    z-index: 11;
    background: #333333;
}
.content-area .tab-navigation .tab-dropdown .trigger-wrapper {
    width: 100%;
    padding: 18px 45px 15px 15px;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}
.content-area
    .tab-navigation
    .tab-dropdown
    .trigger-wrapper
    .transition-trigger {
    margin-top: 0;
    position: absolute;
    top: calc(50% - 13px);
    right: 15px;
}
.content-area .tab-navigation .tab-items {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #e5e5e5;
    -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.25);
}
.content-area .tab-navigation .tab-item {
    width: 100%;
    display: block;
    padding: 15px;
    text-align: left;
    background: transparent;
    border: none;
    position: relative;
    -webkit-transition: color 0.35s ease;
    -moz-transition: color 0.35s ease;
    -o-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.content-area .tab-navigation .tab-item.active {
    color: #ff5e00;
}
.content-area .tab-navigation .tab-item:after {
    content: '';
    display: block;
    height: 2px;
    width: calc(100% - 30px);
    background: #cecece;
    position: absolute;
    bottom: 0;
    left: 15px;
}
.content-area .tab-navigation .tab-item:last-child:after {
    display: none;
}

/* Sustainability Newsfeed */
.content-area .latest-newsfeed-articles-wrapper .list-item {
    padding-left: 0;
}
.content-area .newsfeed-article .latest-newsfeed-articles-wrapper .list-item {
    width: calc(50% - 30px);
}
.content-area
    .newsfeed-article
    .latest-newsfeed-articles-wrapper
    .list-item:first-child {
    margin-right: 15px;
}
.content-area
    .newsfeed-article
    .latest-newsfeed-articles-wrapper
    .list-item:last-child {
    margin-left: 15px;
}

.latest-newsfeed-articles-wrapper .item-content-wrapper .item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.content-area
    .list
    .latest-newsfeed-articles-wrapper
    .list-item
    .item-content-wrapper
    .item-thumbnail
    + .item-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100% !important;
    margin: 0;
}
.latest-newsfeed-articles-wrapper .item-content:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.56;
}

/* Date / Read estimate */
.content-area
    .list
    .list-item
    .item-content-wrapper
    .item-content
    .item-date-and-read-estimate {
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
}
.item-date-and-read-estimate .item-read-estimate {
    max-width: 140px;
    margin-left: 12px;
    padding-left: 20px;
    color: #ff5e00; /* position: relative; */
    text-align: right;
}
.item-date-and-read-estimate .item-read-estimate:before {
    display: block;
    content: '';
    height: 22px;
    width: 2px;
    background: #ff5e00;
    position: absolute;
    top: 20px;
    left: calc(50% + 10px);
}

/* Category */
.item-category {
    text-transform: uppercase;
    font-weight: 500;
}
.item-category p {
    color: #ff5e00 !important;
}

/* Title and summary */
.latest-newsfeed-articles-wrapper * {
    color: #fff;
}
.latest-newsfeed-articles-wrapper .article-item:before {
    display: none;
}
.latest-newsfeed-articles-wrapper
    .item-content-wrapper
    .item-heading-and-summary {
    width: calc(100% - 85px);
    transition: top 0.75s ease;
}
.latest-newsfeed-articles-wrapper
    .item-content-wrapper
    .item-heading-and-summary
    .item-summary {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.latest-newsfeed-articles-wrapper
    .item-content-wrapper
    .item-heading-and-summary
    .item-summary {
    opacity: 1;
    transition-delay: 0s;
}
.latest-newsfeed-articles-wrapper#most-read-articles
    .item-content-wrapper
    .item-title {
    max-width: 50%;
    transform: translateY(50%);
}
.latest-newsfeed-articles-wrapper#most-read-articles
    .item-content-wrapper
    .item-title {
    max-width: 50%;
    transform: translateY(0);
}

.content-area
    .list
    .latest-newsfeed-articles-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h2 {
    font-size: 23px;
}
.content-area
    .list
    .latest-newsfeed-articles-wrapper#most-read-articles
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h2 {
    font-size: 25px;
}

/* Links */
.latest-newsfeed-articles-wrapper .item-content-wrapper .item-link {
    position: absolute;
    bottom: 25px;
    transition: opacity 1s ease, transform 0.75s ease;
    transform: translateY(85px);
    opacity: 0;
}
.latest-newsfeed-articles-wrapper .item-content-wrapper .item-link .btn {
    padding: 16px 40px;
}

.latest-newsfeed-articles-wrapper .item-content-wrapper .item-link {
    transform: translateY(0);
    opacity: 1;
}

/* Videos */
.latest-newsfeed-articles-wrapper .video-item .item-content-wrapper {
    border: 8px solid #ff5e00;
}
.latest-newsfeed-articles-wrapper
    .video-item
    .item-content-wrapper
    .newsfeed-overlay-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.latest-newsfeed-articles-wrapper
    .video-item
    .item-content-wrapper
    .newsfeed-overlay-video
    iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(2.9);
    transform-origin: center;
}
.latest-newsfeed-articles-wrapper
    .video-item
    .item-content-wrapper
    .item-heading-and-summary {
    top: 100px;
}
.latest-newsfeed-articles-wrapper .video-item .item-content-wrapper .item-link {
    transform: translateY(25px);
}
.latest-newsfeed-articles-wrapper
    .video-item
    .item-content-wrapper
    .video-trigger:before {
    display: none;
}
.latest-newsfeed-articles-wrapper
    .video-item
    .item-content-wrapper
    .item-title {
    transform: translateY(0);
}
.newsfeed button {
    padding: 16px 40px;
    border: 2px solid #ff5e00;
}

/* Materials library */
.materials-wrapper .item-thumbnmail {
    min-height: 500px;
}

/* Policies */
/* 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;
    color: #fff;
    border: 3px solid #fff;
    background: transparent;
    border-radius: 0;
    line-height: 1;
    opacity: 1;
    text-align: center;
    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;
}
.policies-wrapper .item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Filter checked */
.filter-wrapper .filter-control input:checked + label {
    opacity: 1;
    color: #000;
    background-color: #ff5e00;
    border-color: #ff5e00;
}

.list-thumbnail-item .item-content-wrapper .item-thumbnail + .item-content {
    position: absolute;
    height: 100% !important;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 1;
}
.list-thumbnail-item .item-content {
    background: rgba(51, 51, 51, 0.5);
    border: 10px solid #333333;
}

/*=== Animation ===*/
/* Mobile fade in */
.fade-in-mobile {
    opacity: 0;
}
.fade-in-mobile.active {
    opacity: 1;
    -webkit-transition: opacity 2s ease;
    -moz-transition: opacity 2s ease;
    -o-transition: opacity 2s ease;
    transition: opacity 2s ease;
}

/*=== Themes ===*/
/* Theme grey */
/* Dropdown */
.theme-grey .transition-trigger {
    /* background-color: #000; */
}
.content-area
    .theme-grey
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h2,
.content-area
    .theme-grey
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h3,
.content-area
    .theme-grey
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h4 {
    color: #fff;
}

/* Theme orange */
/* Carousels */
.theme-orange .carousel .carousel-control {
    background-image: url('/img/svg/arrow-left-white.svg');
}
.theme-orange .carousel .carousel-control.right {
    background-image: url('/img/svg/arrow-right-white.svg');
}
.content-area .theme-orange .carousel .carousel-indicators li {
    border-color: #fff;
}
.content-area .theme-orange .carousel .carousel-indicators li.active,
.content-area .theme-orange .carousel .carousel-indicators li.active:hover {
    background: #fff;
}

/* List */
.content-area
    .list
    .drop-down-wrapper
    .list-item
    .item-content-wrapper
    .item-content.theme-orange
    .item-link
    .transition-trigger:after {
    background-image: url(/img/svg/plus-white.svg);
}
.content-area
    .list
    .team-wrapper
    .list-item
    .item-content-wrapper
    .item-content.theme-orange
    .item-introduction
    p {
    color: #fff;
}
.content-area
    .theme-orange
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h2,
.content-area
    .theme-orange
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h3,
.content-area
    .theme-orange
    .list
    .event-wrapper
    .list-item
    .item-content-wrapper
    .item-content
    .item-title
    h4 {
    color: #fff;
}

/**/
.theme-blue {
    background-color: #172d4b;
}
.theme-blue * {
    color: #ffffff;
}
.content-area .theme-blue ul > li:before {
    background-color: #ffffff;
}

/*=== Specific pages ===*/
/* Home (also inherits .section styles) */
.home #page-middle #breadcrumb,
.home #page-title {
    display: none;
}
.home #page-introduction {
    margin-top: auto;
}

/* Page content */
.home.section .share-price {
    text-align: left;
    padding-bottom: 0;
}

/* Section */
/* Introduction */
.section #page-introduction {
    color: #fff;
}
.section #page-introduction .text-extra-large {
    letter-spacing: 1px;
}
.section #page-introduction .text-medium {
    font-weight: 400;
    letter-spacing: 1px;
}
.section #page-introduction .video-trigger .button-text {
    color: #ff5e00;
}

/* Page content */
.section .content-area > div:first-child {
    padding-top: 15px;
}
.section .content-area > div:first-child.spacing-top-extra-large,
.section .content-area > div:first-child.spacing-top-and-bottom-extra-large {
    padding-top: 50px;
}
.section .content-area > div:first-child.spacing-top-large,
.section .content-area > div:first-child.spacing-top-and-bottom-large {
    padding-top: 25px;
}
.section .content-area > div:first-child.spacing-top,
.section .content-area > div:first-child.spacing-top-and-bottom {
    padding-top: 15px;
}
.section .share-price {
    text-align: center;
    padding-bottom: 15px;
}

/* Page bottom */
.section #page-bottom:after {
    content: '';
    display: block;
    width: calc(100% - 30px);
    height: 1px;
    background: #fff;
    position: absolute;
    left: 15px;
    top: 0;
    opacity: 0.5;
    z-index: 2;
}

/* Log in */
.login .login-wrapper {
    background: #fff;
    text-align: left;
}
.login .login-panel {
    border: none;
    padding: 0;
}
.login .control-group {
    margin-bottom: 15px;
    display: block;
    width: 100%;
}
.login .validation-summary-errors {
    width: 100%;
    padding-bottom: 15px;
    padding-top: 5px;
}
.login .field-validation-error {
    color: #a11837;
    display: block;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 700;
}
/* Font size to match .text-small style */
.login .content-area ul {
    padding-left: 0;
    padding-bottom: 0;
    list-style-type: none;
}
.login .content-area li {
    color: #a11837;
    text-align: left;
    padding-bottom: 0;
    padding-left: 0;
    font-weight: 700;
}
.login .content-area li:before {
    display: none;
}
.login #back-to-top-wrapper {
    position: relative;
    left: 0;
}
.login .btn {
    border-color: #000;
}

/* Site map */
#sitemap ul {
    padding: 0;
}
#sitemap li {
    padding-left: 0;
}
#sitemap li:before {
    display: none;
}
#sitemap li.level-2 {
    padding-bottom: 25px;
}
/* Spacing to match spacing-bottom-large class */
#sitemap li.level-2 > a {
    display: block;
    font-size: 24px;
    line-height: 1;
    color: #ff5e00;
}
/* Style to Font size to match h2 tag */
#sitemap li.level-2 ul {
    padding-left: 15px;
    padding-top: 15px;
}

/* Sustainability */
#sustainability-diagram {
    display: block;
    width: 100%;
    height: auto;
    max-width: 400px;
}

/* Interactive map */
#interactive-map .map-wrapper {
    display: none;
}
#interactive-map .disclaimer {
    display: none;
}
#interactive-map .section-trigger {
    display: none;
}

/* Side panel */
#interactive-map .side-panel {
    padding-bottom: 15px;
}

/* Sections */
/* Title */
#interactive-map .section-title {
    position: relative;
    padding: 15px 45px 15px 15px;
    background: #333;
}
#interactive-map .section-title h3 {
    padding-bottom: 0;
    line-height: 1;
    text-transform: uppercase;
}
#interactive-map .section-title .transition-trigger {
    position: absolute;
    top: calc(50% - 13px);
    right: 15px;
    z-index: 1;
    margin-top: 0;
}

/* Content */
#interactive-map .section-content {
    background: #ececec;
}
#interactive-map .section-content * {
    color: #333;
}
#interactive-map .section-content .section-content-wrapper {
    padding: 15px;
}

/* Section 1 */
#interactive-map #section-one .container {
    padding-left: 0;
    padding-right: 0;
}
#interactive-map #section-one p:nth-last-child(2) {
    padding-bottom: 0;
}

/* Section 2 */
#interactive-map #section-two {
    display: none;
}

/*social media icons*/
.content-area ul.social-media > li {
    padding-bottom: 15px;
}
.content-area ul.social-media > li:before {
    display: none;
}

/*========== Mobile devices only (No inheritance to larger devices) ==========*/
@media (max-width: 480px) {
    /*=== Core elements ===*/
    .social-media .shop-with-us,
    .social-media .blog {
        width: 20px !important;
        height: 20px !important;
    }

    /*=== Content elements ===*/
    [class*='col-xs-'] {
        width: 100%;
    }
    /* Overrides Boostrap so all xs columns are full width by default */
    [class*='col-xs-offset'] {
        margin-left: 0;
    }
    /* Overrides the offset columns, so all are aligned to the left by default */
}

/*========== Mobile and small tablet devices only (No inheritance to larger devices) ==========*/
@media (max-width: 767px) {
    /*=== Content Elements */
    /* Height overrides JavaScript injected height */
    [class*='consistent-height-'] {
        min-height: 0 !important;
        height: auto !important;
    }

    .inline-images img {
        width: calc(33% - 1px);
    }
}

/*========== Mobile and small tablet devices only (No inheritance to larger devices) ==========*/
@media (max-width: 991px) {
    /*=== Core elements ===*/
    .social-media .shop-with-us {
        width: 23px;
        height: 23px;
        font-size: 0;
        display: block;
        position: relative;
        margin: 0 auto;
        background: transparent url('/img/svg/shopping-cart-icon.svg') no-repeat;
        background-size: cover;
    }
    .social-media .blog {
        width: 23px;
        height: 23px;
        font-size: 0;
        display: block;
        position: relative;
        margin: 0 auto;
        background: transparent url('/img/svg/blog-icon.svg') no-repeat;
        background-size: cover;
    }
}

/*========== Mobile, small tablet and large tablet devices only (No inheritance to larger devices) ==========*/
@media (max-width: 992px) {
    /*=== Core elements ===*/
    /* Footer */
    #page-bottom .container {
        width: 100%;
    }

    /*=== Content Elements */
    /* Height overrides JavaScript injected height */
    .consistent-height-footer {
        min-height: 0 !important;
        height: auto !important;
    }
}

/*========== Small Tablet devices and up ==========*/
@media (min-width: 480px) {
    /*=== Core elements ===*/
    /* Logo */
    .main-logo {
        width: 260px;
    }
    .main-logo a {
        padding: 15px 0;
    }

    /* Side panel trigger */
    #side-panel-trigger {
        width: 65px;
        height: 65px;
    }
    #side-panel-trigger a.cross span.bar {
        width: 26px;
    }
    #side-panel-trigger a.cross span.bar.one {
        top: calc(50% - 10px);
    }
    #side-panel-trigger a.cross span.bar.three {
        top: calc(50% + 8px);
    }

    /* Side panel */
    #side-panel {
        top: 65px;
        left: -325px;
        width: 325px;
        height: calc(100vh - 65px);
        max-height: calc(100vh - 65px);
    }

    /* Search */
    #search-trigger {
        width: 65px;
        height: 65px;
        background-size: 20px 20px;
    }
    #search-box #search-submit {
        background-size: 20px 20px;
    }

    /* Social media */
    .social-media .social-media-link {
        width: 23px;
        height: 23px;
    }
    .social-media .social-media-link.google-plus {
        width: 32px;
        height: 32px;
    }

    /* Large icons */
    .social-media.icons-large .social-media-link {
        width: 35px;
        height: 35px;
    }
    .social-media.icons-large .social-media-link.google-plus {
        width: 47px;
        height: 47px;
    }

    /*=== Content elements ===*/
    /* Bootstrap overrides */
    .col-xs-3:nth-child(2),
    .col-xs-3:nth-child(3),
    .col-xs-3:nth-child(4),
    .col-xs-4:nth-child(2),
    .col-xs-4:nth-child(3),
    .col-xs-6:nth-child(2) {
        padding-top: 0;
    }
    .col-xs-3:nth-child(4n + 5),
    .col-xs-4:nth-child(3n + 4),
    .col-xs-6:nth-child(2n + 3),
    .col-xs-12 {
        clear: both;
    }

    /* Page header */
    #page-header {
        padding-top: 65px;
    }
    /* Padding top value matches the height of the header which vertically centers the page title */

    /* Page title */
    #page-title h1,
    #page-title .text-medium {
        letter-spacing: 2px;
    }

    /* Page share price and social media */
    #page-social-media {
        width: calc(100% - 65px);
    }
    #social-media-wrapper .social-media li:first-child {
        position: relative;
        right: 0;
        padding-right: 15px;
        margin-right: 15px;
    }
    #social-media-wrapper .social-media li:last-child {
        padding-left: 15px;
        position: relative;
        top: 0;
        right: 0;
    }
    #social-media-wrapper .social-media li:last-child:after {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background: #ff5e00;
        position: absolute;
        top: 1px;
        left: 0;
    }
    #social-media-wrapper .social-media li:nth-last-child(2) {
        margin-right: 15px;
    }
    #social-media-trigger {
        width: 65px;
        height: 65px;
    }
    #social-media-wrapper {
        right: 65px;
        width: calc(100% - 65px);
    }
    #social-media-wrapper .social-media {
        padding-bottom: 22px;
        padding-top: 0;
    }

    /* Page share price */
    #page-share-price-and-social-media {
        min-height: 65px;
    }
    #page-share-price {
        width: calc(100% - 65px);
    }
    #page-share-price #share-price-trigger {
        width: 65px;
        height: 65px;
    }
    #share-price-wrapper {
        left: 65px;
        width: calc(100% - 65px);
    }

    /* Page content */
    .content-area > div:first-child {
        padding-top: 30px;
    }
    /* Spacing matches spacing top large style */

    /* Modal */
    /* Team modal */
    .modal.team .modal-content .modal-loading-state {
        padding: 20px;
    }
    /* Padding matches padding-medium style */
    .modal.team .modal-content h2 {
        font-size: 22px;
    }

    /* Carousel */
    /* Controls */
    .carousel .carousel-control {
        width: 25px;
        height: 25px;
    }
    .content-area .carousel .carousel-indicators {
        bottom: 2px;
    }
    .content-area .carousel .carousel-indicators li {
        width: 14px;
        height: 14px;
    }
    .content-area .carousel .carousel-indicators li + li {
        margin-left: 3px;
    }

    /* Overlay */
    .carousel.overlay .carousel-control {
        bottom: auto;
        left: 20px;
    }
    .carousel.overlay .carousel-control.right {
        right: 20px;
    }
    .carousel.overlay .carousel-control + .carousel-inner .carousel-caption,
    .carousel.overlay
        .carousel-control
        + .carousel-indicators
        + .carousel-inner
        .carousel-caption {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .content-area .carousel.overlay .carousel-indicators {
        bottom: 20px;
    }

    /* Dropdown */
    .transition-trigger {
        width: 30px;
        height: 30px;
    }
    .transition-trigger:after {
        background-size: 18px 18px;
    }

    /* Lists */
    /* Global */
    .content-area
        .list
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2,
    .content-area
        .list
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h3,
    .content-area
        .list
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h4 {
        font-size: 22px;
    }

    /* Dropdown */
    .content-area
        .list
        .drop-down-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title {
        padding-right: 34px;
    }
    .content-area
        .list
        .drop-down-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-link {
        top: calc(50% - 9px);
        right: 20px;
    }
    .content-area
        .list
        .drop-down-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-link
        .transition-trigger {
        width: 18px;
        height: 18px;
    }

    /* Events */
    .content-area .list .event-wrapper .list-item .item-content-wrapper:after {
        width: calc(100% - 40px);
        left: 20px;
    }
    .content-area
        .list
        .event-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2,
    .content-area
        .list
        .event-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h3,
    .content-area
        .list
        .event-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h4 {
        font-size: 16px;
    }
    /* Matches p tag style */

    /* Simplfied */
    .content-area
        .list
        .event-wrapper.simplified
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2,
    .content-area
        .list
        .event-wrapper.simplified
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h3,
    .content-area
        .list
        .event-wrapper.simplified
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h4 {
        font-size: 22px;
    }
    /* Matches h3 tag style */

    /* Reports */
    .content-area
        .list
        .reports-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title-wrapper {
        padding-bottom: 20px;
    }
    .content-area
        .list
        .reports-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .dropdown-body
        .list
        .list-item {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* Archive (modal) */
    .modal.reports .modal-content .list .list-item {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    /* Results and Presentations */
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-links {
        padding-top: 20px;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-content-wrapper:after {
        width: calc(100% - 40px);
        left: 20px;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2,
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h3,
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h4 {
        font-size: 16px;
    }
    /* Font size matches P tag */

    /* Team */
    .content-area
        .list
        .team-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-link
        a {
        width: 24px;
        height: 24px;
    }

    /* RNS */
    .content-area #rns-list .list.padding-medium {
        padding: 20px;
    }
    /* Padding matches padding-medium style */
    .content-area #rns-list .list .list-item {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* Filter */
    /* Keyword */
    .content-area #rns-list .text-filter-box input {
        width: calc(100% - 40px);
    }
    .content-area #rns-list .text-filter-box input + .btn {
        width: 40px;
        height: 40px;
    }

    /* Date picker */
    .content-area #rns-list .date-picker {
        display: inline-block;
        width: calc(50% - 7.5px);
    }
    .content-area #rns-list .date-picker + .date-picker {
        margin-top: 0;
        margin-left: 10px;
    }

    /* Filter by type */
    .content-area #rns-list .type-filter [class*='col-xs']:nth-child(2n + 1) {
        padding-right: 7.5px;
    }
    /* Consistent spacing between the coloumns */
    .content-area #rns-list .type-filter [class*='col-xs']:nth-child(2n + 2) {
        padding-left: 7.5px;
    }
    /* Consistent spacing between the coloumns */
    .content-area #rns-list .type-filter label {
        min-height: 58px;
    }

    .rnsannouncement #page-top {
        background-color: #333;
    }
    .rnsannouncement main.content-area {
        padding-top: 90px;
    }
    /* Minimum height of the largest label for consistent heights */

    /* Pagination */
    .content-area .pagination li + li {
        margin-left: 8px;
    }
    .content-area .pagination li button {
        width: 35px;
        height: 35px;
        padding: 8px 0;
        font-size: 16px;
    }

    /* Tab */
    .content-area
        .tab-navigation
        .tab-dropdown
        .trigger-wrapper
        .transition-trigger {
        top: calc(50% - 15px);
    }

    /* Sustainability Newsfeed */
    .content-area
        .list
        .latest-newsfeed-articles-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2 {
        font-size: 24px;
    }
    .content-area
        .list
        .latest-newsfeed-articles-wrapper#most-read-articles
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2 {
        font-size: 26px;
    }

    /* Policies */
    /* Fiter */
    .filter-wrapper .filter-control {
        display: inline-block;
        width: calc(50% - 6px);
        margin-right: 10px;
    }
    .filter-wrapper .filter-control:nth-child(2n + 2) {
        margin-left: -3px;
        margin-right: 0;
    }
    .filter-wrapper .filter-control:nth-last-child(2) {
        padding-bottom: 0;
    }
    .filter-wrapper .filter-control label {
        font-size: 12px;
        border-radius: 0;
        padding: 12px 25px;
        font-size: 18px;
        text-transform: uppercase;
    }

    /*=== Specific pages ===*/
    /* Section */
    .section #page-introduction .text-extra-large,
    .section #page-introduction .text-medium {
        letter-spacing: 2px;
    }

    /* Sitemap */
    #sitemap li.level-2 > a {
        font-size: 28px;
    }
    /* Font size to match h2 tag */

    /* Login */
    .login .field-validation-error {
        font-size: 14px;
    }
    /* Font size to match .text-small style */

    /* Interactive map */
    #interactive-map .section-title .transition-trigger {
        top: calc(50% - 15px);
    }
}

/*========== Large Tablet devices and up ==========*/
@media (min-width: 768px) {
    /*=== Core Elements ===*/
    /* Header */
    #page-top:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
        background-image: -webkit-gradient(
            linear,
            0% 0%,
            0% 100%,
            color-stop(0, rgba(0, 0, 0, 0.75)),
            color-stop(1, rgba(0, 0, 0, 0))
        );
        background-image: -webkit-repeating-linear-gradient(
            top,
            rgba(0, 0, 0, 0.75) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: repeating-linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.75) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: -ms-repeating-linear-gradient(
            top,
            rgba(0, 0, 0, 0.75) 0%,
            rgba(0, 0, 0, 0) 100%
        );
    }
    #page-top:after {
        width: calc(100% - 60px);
        left: 30px;
    }

    /* Logo */
    .main-logo {
        width: 275px;
    }
    .main-logo a {
        padding: 17px 0;
    }

    /* Side panel trigger */
    #side-panel-trigger {
        width: 75px;
        height: 75px;
    }
    #side-panel-trigger a.cross span.bar {
        width: 28px;
    }
    #side-panel-trigger a.cross span.bar.one {
        top: calc(50% - 11px);
    }
    #side-panel-trigger a.cross span.bar.three {
        top: calc(50% + 9px);
    }

    /* Side panel */
    #side-panel {
        top: 75px;
        height: calc(100vh - 75px);
        max-height: calc(100vh - 75px);
    }

    /* Search */
    #search-trigger {
        width: 75px;
        height: 75px;
    }

    /* Footer */
    /* Bootstrap overrides */
    #page-bottom .row + .row {
        margin-top: 30px;
    }
    /* Spacing to match .spacing-top style */
    #page-bottom [class*='col-xs']:nth-child(1n + 2) {
        padding-top: 0px;
    }
    #page-bottom [class*='col-sm']:nth-child(1n + 2) {
        padding-top: 30px;
    }
    /* Spacing to match .spacing-top style */
    #page-bottom [class*='col-'].padding-none {
        padding: 0;
    }

    /* Back to top */
    #back-to-top-wrapper {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        margin-left: 15px;
        position: relative;
        left: 0;
    }
    #back-to-top-trigger {
        background-position: center top;
    }

    /* Footer links */
    #footer-links {
        display: inline-block;
        max-width: calc(100% - 50px);
        padding-top: 0;
    }
    #footer-links li {
        display: inline-block;
        margin-bottom: 0;
        line-height: 1;
        vertical-align: top;
    }
    #footer-links li:after {
        content: '|';
        display: inline-block;
        margin: 0 7px;
        color: #fff;
    }
    #footer-links li:last-child:after {
        display: none;
    }
    #footer-links a {
        line-height: 1;
    }

    /* Logout */
    #page-bottom .logout-panel p,
    #page-bottom .logout-panel form {
        display: inline-block;
        vertical-align: middle;
    }
    #page-bottom .logout-panel p {
        margin-right: 15px;
        padding-bottom: 0;
    }

    /*=== Content elements ===*/
    /* Bootstrap overrides */
    [class*='col-xs']:nth-child(1n + 2) {
        padding-top: 0;
    }
    [class*='col-sm']:nth-child(1n + 2) {
        padding-top: 30px;
    }
    .col-sm-3:nth-child(2),
    .col-sm-3:nth-child(3),
    .col-sm-3:nth-child(4),
    .col-sm-4:nth-child(2),
    .col-sm-4:nth-child(3),
    .col-sm-6:nth-child(2) {
        padding-top: 0;
    }
    .col-xs-3:nth-child(4n + 5),
    .col-xs-4:nth-child(3n + 4),
    .col-xs-6:nth-child(2n + 3),
    .col-xs-12 {
        clear: none;
    }
    .col-sm-12 + .col-sm-4 + .col-sm-4 + .col-sm-4 {
        clear: none;
    }
    .col-sm-3:nth-child(4n + 5),
    .col-sm-4:nth-child(3n + 4),
    .col-sm-6:nth-child(2n + 3),
    .col-sm-12 {
        clear: both;
    }

    /* Page header */
    #page-header {
        min-height: 600px;
        padding-top: 75px;
    }
    /* Padding top value matches the height of the header which vertically centers the page title */

    /* Page banner */
    #page-banner.banner-video .iframe-wrapper .video-iframe iframe {
        min-width: 1820px;
        min-height: 1024px;
        left: calc(50% - 910px);
    }

    /* Page share price and social media */
    #page-share-price-and-social-media {
        position: relative;
        margin-bottom: 30px;
        padding-bottom: 30px;
        min-height: 0;
    }
    #page-share-price-and-social-media:after {
        content: '';
        display: block;
        width: 750px;
        height: 1px;
        background: #fff;
        position: absolute;
        left: calc(50% - 375px);
        bottom: 0;
        opacity: 0.5;
        z-index: 2;
    }
    #page-share-price-and-social-media [class*='col-md'] {
        position: relative;
    }
    #page-share-price-and-social-media .col-md-6:nth-child(2) {
        padding-top: 0 !important;
    }

    /* Share price */
    #page-share-price {
        position: relative;
        width: 100%;
    }
    #page-share-price #share-price-trigger {
        display: none;
    }
    #share-price-wrapper {
        position: relative;
        left: 0;
        width: 100%;
        visibility: visible;
    }
    #share-price-wrapper .share-price {
        padding-left: 0;
        padding-bottom: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    #share-price-wrapper .share-price a {
        opacity: 0.65;
    }
    #share-price-wrapper .share-price p {
        padding-bottom: 4px;
    }
    #share-price-wrapper .share-price p:last-child {
        padding-bottom: 0;
    }
    #share-price-wrapper .share-price .time-stamp,
    #share-price-wrapper .share-price .text-small {
        display: block;
    }

    /* Social media */
    #page-social-media {
        position: relative;
        width: 100%;
    }
    #social-media-trigger {
        display: none;
    }
    #social-media-wrapper {
        position: relative;
        right: 0;
        width: 100%;
        visibility: visible;
        margin-top: 39px;
    }
    #social-media-wrapper .social-media {
        padding-right: 0;
        padding-bottom: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    #social-media-wrapper .social-media a {
        opacity: 0.65;
    }

    /* Breadcrumb */
    #breadcrumb {
        display: block;
        background: #000000;
        background: rgba(0, 0, 0, 0.75);
        text-align: left;
    }
    #breadcrumb li {
        position: relative;
        display: inline-block;
        vertical-align: baseline;
        width: auto;
        line-height: 0;
    }
    #breadcrumb li:before {
        display: none;
    }
    #breadcrumb li:after {
        content: '';
        display: block;
        background: #ff5e00;
        width: 1px;
        height: 12px;
        position: absolute;
        top: calc(50% - 6px);
        right: 0;
    }
    #breadcrumb li:first-child a {
        padding-left: 0;
    }
    #breadcrumb li:last-child:after {
        display: none;
    }
    #breadcrumb li + li {
        margin-left: -6px;
    }
    #breadcrumb p {
        display: block;
        padding-bottom: 0;
        padding-left: 15px;
        color: #fff;
        line-height: 1;
        text-transform: uppercase;
    }
    #breadcrumb a {
        line-height: 1;
        display: inline-block; /*color: #ff5e00;*/
        color: #ffffff;
    }

    /* Hidden elements*/
    .hidden-phone {
        display: block;
    }
    .hidden-desktop {
        display: none;
    }

    /* Related links */
    #related-links {
        position: relative;
        min-height: 100vh;
        background: #e5e5e5;
    }
    #related-links.background-active {
        padding-bottom: 0;
        background-size: cover;
    }
    #related-links .related-links-wrapper .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    #related-links .text-large {
        padding-bottom: 30px;
    }

    /* Modal  */
    .modal .modal-dialog {
        width: 670px;
    }
    /* The width is slight smaller then the container width for an indented effect */

    /* Team modal */
    .modal.team .modal-content h2 {
        font-size: 24px;
    }

    /* Google maps */
    .jplist-google-maps-row {
        height: 500px;
    }
    /* Height macthes the height of the page banner */

    /* Lists */
    /* GLobal */
    .content-area
        .list
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2,
    .content-area
        .list
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h3,
    .content-area
        .list
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h4 {
        font-size: 24px;
    }

    /* Events */
    .content-area
        .list
        .event-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        [class*='col-']
        + [class*='col-'] {
        padding-top: 0;
    }
    .content-area
        .list
        .event-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-link {
        text-align: right;
    }
    .content-area
        .list
        .event-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-link
        a {
        float: none;
        vertical-align: top;
    }

    /* Simplfied */
    .content-area
        .list
        .event-wrapper.simplified
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2,
    .content-area
        .list
        .event-wrapper.simplified
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h3,
    .content-area
        .list
        .event-wrapper.simplified
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h4 {
        font-size: 24px;
    }
    /* Matches h3 tag style */

    /* Reports */
    .content-area
        .list
        .reports-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .dropdown-body
        .list
        .list-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Archive (modal) */
    .modal.reports .modal-content .list .list-item .item-link {
        display: inline-block;
        padding-right: 10px;
    }
    .modal.reports .modal-content .list .list-item .item-date {
        display: inline-block;
        vertical-align: bottom;
    }

    /* Results and Presentations */
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        [class*='col-']:nth-child(1n + 2) {
        padding-top: 0;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-link {
        text-align: right;
        padding-top: 20px;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-links
        .item-link {
        padding-bottom: 0;
        padding-right: 30px;
        display: inline-block;
        vertical-align: top;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-links
        .item-link
        + .item-link {
        margin-left: -6px;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-links
        .item-link:last-child {
        padding-right: 0;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-links
        .item-link
        a {
        color: #ff5e00;
        min-height: 0;
        padding-right: 0;
        padding-top: 30px;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-links
        .item-link
        a:after {
        right: calc(50% - 12px);
    }

    /* RNS */
    .content-area #rns-list .list .list-item .item-title {
        padding-bottom: 0;
    }
    .content-area #rns-list .list .list-item .item-title h3 {
        display: inline-block;
        padding-bottom: 0;
        padding-right: 5px;
    }
    .content-area #rns-list .list .list-item .item-title abbr {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
    }
    /* Font size matches the .text-small class */
    .content-area #rns-list .list .list-item .item-date * {
        font-size: 15px;
    }
    .content-area #rns-list .list .list-item .item-link {
        text-align: right;
        margin-top: 32px;
    }
    /* Margin top to inline title and link */

    /* Simplified */
    .content-area #rns-list .list.simplified .list-item {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .content-area #rns-list .list.simplified .list-item:first-child {
        padding-top: 0;
    }
    .content-area #rns-list .list.simplified .list-item:last-child {
        padding-bottom: 0;
    }
    .content-area #rns-list .list.simplified .list-item .item-link {
        margin-top: 0;
        text-align: left;
    }
    .content-area #rns-list .list.simplified .list-item .item-title {
        padding-bottom: 5px;
    }

    /* Filter */
    .content-area #rns-list .reset {
        margin-top: 0;
    }

    /* Filter by type */
    .content-area #rns-list .type-filter [class*='col-xs']:nth-child(2n + 1) {
        padding-right: 15px;
    }
    /* Consistent spacing between the coloumns */
    .content-area #rns-list .type-filter [class*='col-xs']:nth-child(2n + 2) {
        padding-left: 15px;
    }
    /* Consistent spacing between the coloumns */

    /* Tab */
    /* Tab navigation */
    .content-area .tab-navigation {
        padding-bottom: 30px;
    }
    .content-area .tab-navigation .nav-tabs {
        border-bottom: none;
        padding-bottom: 0;
    }
    .content-area .tab-navigation .nav-tabs li {
        display: inline-block;
        padding-bottom: 0;
        padding-left: 0;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .content-area .tab-navigation .nav-tabs li:before {
        display: none;
    }
    .content-area .tab-navigation .nav-tabs li:last-child {
        margin-right: 0;
    }
    .content-area .tab-navigation .nav-tabs li a {
        margin-right: 0;
        border-radius: 0;
        padding: 10px 25px;
        line-height: 1;
        background: #e5e5e5;
        border: none;
        -webkit-transition: opacity 0.35s ease, background 0.35s ease,
            color 0.35s ease;
        -moz-transition: opacity 0.35s ease, background 0.35s ease,
            color 0.35s ease;
        -o-transition: opacity 0.35s ease, background 0.35s ease,
            color 0.35s ease;
        transition: opacity 0.35s ease, background 0.35s ease, color 0.35s ease;
    }
    /* Padding to match .btn class */
    .content-area .tab-navigation .nav-tabs li.active a {
        /*background: #ff5e00;*/
        background: #000000;
        color: #ffffff;
    }

    /* Sustainability newsfeed */
    .content-area
        .list
        .latest-newsfeed-articles-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .content-area
        .list
        .latest-newsfeed-articles-wrapper#most-read-articles
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2 {
        font-size: 28px;
    }

    /* Policies */
    /* Fiter */
    .filter-wrapper h3 {
        padding-bottom: 15px;
    }
    .filter-wrapper .filter-control {
        width: 25%;
        margin-right: 15px;
        padding-bottom: 0;
    }
    .filter-wrapper .filter-control:nth-child(2n + 2) {
        margin-right: 10px;
    }
    .filter-wrapper .filter-control:nth-child(1n + 2) {
        margin-left: -3px;
    }

    /* Dropdown disabled */
    .dropdown-disabled-desktop .filter-items {
        display: flex;
        height: 100% !important;
    }
    .dropdown-disabled-desktop .transition-trigger {
        display: none;
    }

    .policies-wrapper .item-content {
        height: 345px;
    }
    .filter-wrapper .filter-control:hover label {
        color: #ff5e00;
    }

    /*=== Specific pages ===*/
    /* Section */
    .section #page-header {
        min-height: 100vh;
        height: 100%;
    }
    .section #page-middle .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .section #page-middle .container-fluid .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .section #page-middle .row {
        margin-left: 0;
        margin-right: 0;
    }
    .section
        #page-middle
        .umb-block-grid__layout-item[data-col-span='6']:not(
            .list-item
        ):first-child {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .section
        #page-middle
        .umb-block-grid__layout-item[data-col-span='6']:not(
            .list-item
        ):last-child {
        padding-left: 0;
        margin-top: 30px;
    }

    .section #page-middle .col-md-6.list-item:first-child {
        padding-left: 0;
    }
    .section #page-middle .col-md-6.list-item:last-child {
        padding-right: 0;
    }

    .standard
        #page-middle
        .umb-block-grid__layout-item[data-col-span='6']:not(
            .list-item
        ):first-child {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .standard
        #page-middle
        .umb-block-grid__layout-item[data-col-span='6']:not(
            .list-item
        ):last-child {
        padding-left: 0;
        margin-top: 30px;
    }

    .standard #page-middle .col-md-6.list-item:first-child {
        padding-left: 0;
    }
    .standard #page-middle .col-md-6.list-item:last-child {
        padding-right: 0;
    }
    /*.section #page-middle .col-md-4:nth-child(1):not(.article-item), .section #page-middle .col-md-4:nth-child(3):not(.article-item), .section #page-middle .col-md-6:not(.list-item):nth-child(2) { padding-top: 30px; }*/
    /* Padding top value matches spacing-top-large style */
    .section #page-middle .col-sm-12 + .col-sm-4 + .col-sm-4 {
        padding-top: 0;
    }
    .section #page-middle .col-sm-12 + .col-sm-4,
    .section #page-middle .col-sm-12 + .col-sm-4 + .col-sm-4 + .col-sm-4 {
        padding-top: 30px;
    }

    /* Padding top value matches spacing-top-large style */
    .section #page-middle .col-sm-6.spacing-none {
        padding: 0;
    }
    .section #page-bottom:after {
        width: calc(100% - 60px);
        left: 30px;
    }
    .section .content-area > div:first-child {
        padding-top: 0;
    }
    .section .content-area > div:first-child.spacing-top-extra-large,
    .section
        .content-area
        > div:first-child.spacing-top-and-bottom-extra-large {
        padding-top: 60px;
    }
    .section .content-area > div:first-child.spacing-top-large,
    .section .content-area > div:first-child.spacing-top-and-bottom-large {
        padding-top: 30px;
    }
    .section .content-area > div:first-child.spacing-top,
    .section .content-area > div:first-child.spacing-top-and-bottom {
        padding-top: 30px;
    }

    /* Sitemap */
    #sitemap li.level-2 {
        padding-bottom: 30px;
    }
    /* Spacing to match spacing-bottom-large class */
    #sitemap li.level-2 > a {
        font-size: 30px;
    }
    /* Font size to match h2 tag */

    /* Sustainability */
    #sustainability-diagram {
        margin: 0 auto;
    }

    /* Interactive map */
    #interactive-map {
        position: relative;
        overflow: hidden;
        z-index: 1;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIHN0b3AtY29sb3I9IiNhYmM1ZGEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzM5NjE5OCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
        background-image: -webkit-gradient(
            linear,
            0% 100%,
            100% 0%,
            color-stop(0, rgb(171, 197, 218)),
            color-stop(1, rgb(57, 97, 152))
        );
        background-image: -webkit-linear-gradient(
            bottom left,
            rgb(171, 197, 218) 0%,
            rgb(57, 97, 152) 100%
        );
        background-image: linear-gradient(
            to top right,
            rgb(171, 197, 218) 0%,
            rgb(57, 97, 152) 100%
        );
        background-image: -ms-linear-gradient(
            bottom left,
            rgb(171, 197, 218) 0%,
            rgb(57, 97, 152) 100%
        );
    }
    #interactive-map:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwLjMzMjk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAuNjY1OTk5OTk5OTk5OTk5OSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
        background-image: -webkit-gradient(
            linear,
            0% 0%,
            0% 100%,
            color-stop(0, rgb(0, 0, 0)),
            color-stop(0.333, rgba(0, 0, 0, 0)),
            color-stop(0.666, rgba(0, 0, 0, 0)),
            color-stop(1, rgb(0, 0, 0))
        );
        background-image: -webkit-linear-gradient(
            top,
            rgb(0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 33.3%,
            rgba(0, 0, 0, 0) 66.6%,
            rgb(0, 0, 0) 100%
        );
        background-image: linear-gradient(
            to bottom,
            rgb(0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 33.3%,
            rgba(0, 0, 0, 0) 66.6%,
            rgb(0, 0, 0) 100%
        );
        background-image: -ms-linear-gradient(
            top,
            rgb(0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 33.3%,
            rgba(0, 0, 0, 0) 66.6%,
            rgb(0, 0, 0) 100%
        );
    }
    #interactive-map > * {
        position: relative;
        z-index: 2;
    }
    #interactive-map .disclaimer {
        display: block;
        margin-bottom: 30px;
        border-bottom: 2px solid #fff;
        text-transform: uppercase;
    }

    /* Map */
    #interactive-map .map-wrapper {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        z-index: 0;
        overflow: hidden;
    }
    #interactive-map #map {
        display: block;
        width: 100%;
        height: auto;
        -webkit-transition: all 1.5s ease;
        -moz-transition: all 1.5s ease;
        -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
    }
    #interactive-map #map .water {
        fill: none;
    }
    #interactive-map #map .land {
        fill: #333333;
        -webkit-transition: fill 0.65s ease;
        -moz-transition: fill 0.65s ease;
        -o-transition: fill 0.65s ease;
        transition: fill 0.65s ease;
    }
    #interactive-map #map .border {
        fill: #8a8a8a;
    }

    /* Active */
    #interactive-map #map .country.active .land {
        fill: #ff5e00 !important;
    }

    #interactive-map #map.austria {
        -webkit-transform: scale(10, 10) translate(0, 12%);
        -moz-transform: scale(10, 10) translate(0, 12%);
        -ms-transform: scale(10, 10) translate(0, 12%);
        -o-transform: scale(10, 10) translate(0, 12%);
        transform: scale(10, 10) translate(0, 12%);
    }

    #interactive-map #map.belgium {
        -webkit-transform: scale(10, 10) translate(2.5%, 14%);
        -moz-transform: scale(10, 10) translate(2.5%, 14%);
        -ms-transform: scale(10, 10) translate(2.5%, 14%);
        -o-transform: scale(10, 10) translate(2.5%, 14%);
        transform: scale(10, 10) translate(2.5%, 14%);
    }

    #interactive-map #map.cambodia {
        -webkit-transform: scale(10, 10) translate(-24%, -6%);
        -moz-transform: scale(10, 10) translate(-24%, -6%);
        -ms-transform: scale(10, 10) translate(-24%, -6%);
        -o-transform: scale(10, 10) translate(-24%, -6%);
        transform: scale(10, 10) translate(-24%, -6%);
    }

    #interactive-map #map.china {
        -webkit-transform: scale(2, 2) translate(-22%, 6%);
        -moz-transform: scale(2, 2) translate(-22%, 6%);
        -ms-transform: scale(2, 2) translate(-22%, 6%);
        -o-transform: scale(2, 2) translate(-22%, 6%);
        transform: scale(2, 2) translate(-22%, 6%);
    }

    #interactive-map #map.denmark {
        -webkit-transform: scale(10, 10) translate(1%, 18%);
        -moz-transform: scale(10, 10) translate(1%, 18%);
        -ms-transform: scale(10, 10) translate(1%, 18%);
        -o-transform: scale(10, 10) translate(1%, 18%);
        transform: scale(10, 10) translate(1%, 18%);
    }

    #interactive-map #map.france {
        -webkit-transform: scale(8, 8) translate(3%, 12%);
        -moz-transform: scale(8, 8) translate(3%, 12%);
        -ms-transform: scale(8, 8) translate(3%, 12%);
        -o-transform: scale(8, 8) translate(3%, 12%);
        transform: scale(8, 8) translate(3%, 12%);
    }

    #interactive-map #map.germany {
        -webkit-transform: scale(8, 8) translate(1%, 15%);
        -moz-transform: scale(8, 8) translate(1%, 15%);
        -ms-transform: scale(8, 8) translate(1%, 15%);
        -o-transform: scale(8, 8) translate(1%, 15%);
        transform: scale(8, 8) translate(1%, 15%);
    }

    #interactive-map #map.hong-kong {
        -webkit-transform: scale(40, 40) translate(-27%, -1%);
        -moz-transform: scale(40, 40) translate(-27%, -1%);
        -ms-transform: scale(40, 40) translate(-27%, -1%);
        -o-transform: scale(40, 40) translate(-27%, -1%);
        transform: scale(40, 40) translate(-27%, -1%);
    }

    #interactive-map #map.india {
        -webkit-transform: scale(4, 4) translate(-16%, -1%);
        -moz-transform: scale(4, 4) translate(-16%, -1%);
        -ms-transform: scale(4, 4) translate(-16%, -1%);
        -o-transform: scale(4, 4) translate(-16%, -1%);
        transform: scale(4, 4) translate(-16%, -1%);
    }

    #interactive-map #map.ireland {
        -webkit-transform: scale(8, 8) translate(5%, 17%);
        -moz-transform: scale(8, 8) translate(5%, 17%);
        -ms-transform: scale(8, 8) translate(5%, 17%);
        -o-transform: scale(8, 8) translate(5%, 17%);
        transform: scale(8, 8) translate(5%, 17%);
    }

    #interactive-map #map.italy {
        -webkit-transform: scale(8, 8) translate(0, 10%);
        -moz-transform: scale(8, 8) translate(0, 10%);
        -ms-transform: scale(8, 8) translate(0, 10%);
        -o-transform: scale(8, 8) translate(0, 10%);
        transform: scale(8, 8) translate(0, 10%);
    }

    #interactive-map #map.netherlands {
        -webkit-transform: scale(10, 10) translate(2%, 15%);
        -moz-transform: scale(10, 10) translate(2%, 15%);
        -ms-transform: scale(10, 10) translate(2%, 15%);
        -o-transform: scale(10, 10) translate(2%, 15%);
        transform: scale(10, 10) translate(2%, 15%);
    }

    #interactive-map #map.norway {
        -webkit-transform: scale(4, 4) translate(0, 24%);
        -moz-transform: scale(4, 4) translate(0, 24%);
        -ms-transform: scale(4, 4) translate(0, 24%);
        -o-transform: scale(4, 4) translate(0, 24%);
        transform: scale(4, 4) translate(0, 24%);
    }

    #interactive-map #map.spain {
        -webkit-transform: scale(6, 6) translate(5%, 8%);
        -moz-transform: scale(6, 6) translate(5%, 8%);
        -ms-transform: scale(6, 6) translate(5%, 8%);
        -o-transform: scale(6, 6) translate(5%, 8%);
        transform: scale(6, 6) translate(5%, 8%);
    }

    #interactive-map #map.sri-lanka {
        -webkit-transform: scale(6, 6) translate(-17%, -9%);
        -moz-transform: scale(6, 6) translate(-17%, -9%);
        -ms-transform: scale(6, 6) translate(-17%, -9%);
        -o-transform: scale(6, 6) translate(-17%, -9%);
        transform: scale(6, 6) translate(-17%, -9%);
    }

    #interactive-map #map.sweden {
        -webkit-transform: scale(4, 4) translate(-1%, 22%);
        -moz-transform: scale(4, 4) translate(-1%, 22%);
        -ms-transform: scale(4, 4) translate(-1%, 22%);
        -o-transform: scale(4, 4) translate(-1%, 22%);
        transform: scale(4, 4) translate(-1%, 22%);
    }

    #interactive-map #map.switzerland {
        -webkit-transform: scale(10, 10) translate(1%, 12%);
        -moz-transform: scale(10, 10) translate(1%, 12%);
        -ms-transform: scale(10, 10) translate(1%, 12%);
        -o-transform: scale(10, 10) translate(1%, 12%);
        transform: scale(10, 10) translate(1%, 12%);
    }

    #interactive-map #map.turkey {
        -webkit-transform: scale(4, 4) translate(-4%, 6%);
        -moz-transform: scale(4, 4) translate(-4%, 6%);
        -ms-transform: scale(4, 4) translate(-4%, 6%);
        -o-transform: scale(4, 4) translate(-4%, 6%);
        transform: scale(4, 4) translate(-4%, 6%);
    }

    #interactive-map #map.bulgaria {
        -webkit-transform: scale(4, 4) translate(-4%, 6%);
        -moz-transform: scale(4, 4) translate(-4%, 6%);
        -ms-transform: scale(4, 4) translate(-4%, 6%);
        -o-transform: scale(4, 4) translate(-4%, 6%);
        transform: scale(4, 4) translate(-4%, 6%);
    }

    #interactive-map #map.uk {
        -webkit-transform: scale(8, 8) translate(5%, 17%);
        -moz-transform: scale(8, 8) translate(5%, 17%);
        -ms-transform: scale(8, 8) translate(5%, 17%);
        -o-transform: scale(8, 8) translate(5%, 17%);
        transform: scale(8, 8) translate(5%, 17%);
    }

    #interactive-map #map.usa {
        -webkit-transform: scale(2, 2) translate(36%, 14%);
        -moz-transform: scale(2, 2) translate(36%, 14%);
        -ms-transform: scale(2, 2) translate(36%, 14%);
        -o-transform: scale(2, 2) translate(36%, 14%);
        transform: scale(2, 2) translate(36%, 14%);
    }

    #interactive-map #map.vietnam {
        -webkit-transform: scale(8, 8) translate(-24%, -4%);
        -moz-transform: scale(8, 8) translate(-24%, -4%);
        -ms-transform: scale(8, 8) translate(-24%, -4%);
        -o-transform: scale(8, 8) translate(-24%, -4%);
        transform: scale(8, 8) translate(-24%, -4%);
    }

    /* Side panel */
    #interactive-map .side-panel {
        display: block;
        position: absolute;
        top: 0;
        left: -250px;
        height: 100%;
        max-height: 100%;
        width: 250px;
        padding: 0;
        overflow-x: auto;
        padding: 20px;
        background: #333;
        background: rgba(51, 51, 51, 0.95);
        -webkit-transition: all 0.65s ease;
        -moz-transition: all 0.65s ease;
        -o-transition: all 0.65s ease;
        transition: all 0.65s ease;
    }
    #interactive-map .side-panel.active {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    #interactive-map .side-panel::-webkit-scrollbar {
        width: 8px;
    }
    #interactive-map .side-panel::-webkit-scrollbar-track {
        background-color: #000000;
    }
    #interactive-map .side-panel::-webkit-scrollbar-thumb {
        background-color: #ff5e00;
    }

    /* Triggers*/
    #interactive-map .section-trigger {
        display: inline-block;
    }
    #interactive-map .side-panel .section-trigger {
        border: none;
        padding: 8px 0 7px 0;
        display: block;
        text-align: left;
    }
    #interactive-map .side-panel .section-trigger:last-child {
        padding-bottom: 0;
    }
    #interactive-map .side-panel .disclaimer + .section-trigger {
        padding-top: 0;
    }
    #interactive-map .side-panel .back {
        border: none;
        padding: 0;
        color: #ff5e00;
        position: relative;
        padding-left: 20px;
        margin-bottom: 20px;
    }
    #interactive-map .side-panel .back:before {
        content: '';
        display: block;
        height: 16px;
        width: 16px;
        position: absolute;
        top: calc(50% - 10px);
        left: 0;
        background: transparent url('/assets/svg/arrow-left.svg') no-repeat
            center;
        background-size: cover;
    }

    /* Sections */
    /* Title */
    #interactive-map .section-title {
        padding: 0;
        background: transparent;
    }
    #interactive-map .section-title h3 {
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }
    #interactive-map .section-title .transition-trigger {
        display: none;
    }

    /* Content */
    #interactive-map .section-content {
        display: block;
        height: auto !important;
        background: transparent;
        padding-top: 20px;
    }
    #interactive-map .section-content * {
        color: #fff;
    }
    #interactive-map .section-content h4 {
        padding-bottom: 3px;
    }
    #interactive-map .section-content .section-content-wrapper {
        padding: 0;
    }

    /* Section 1 */
    #interactive-map #section-one {
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        -webkit-transition: opacity 0.65s ease 0.1s, visibility 0.1s ease;
        -moz-transition: opacity 0.65s ease 0.1s, visibility 0.1s ease;
        -o-transition: opacity 0.65s ease 0.1s, visibility 0.1s ease;
        transition: opacity 0.65s ease 0.1s, visibility 0.1s ease;
    }
    #interactive-map #section-one.deactivate {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.65s ease, visibility 0.1s ease 0.65s;
        -moz-transition: opacity 0.65s ease, visibility 0.1s ease 0.65s;
        -o-transition: opacity 0.65s ease, visibility 0.1s ease 0.65s;
        transition: opacity 0.65s ease, visibility 0.1s ease 0.65s;
    }
    #interactive-map #section-one p:nth-last-child(2) {
        padding-bottom: 15px;
    }
    /* Mtches P tag */

    /* Section 2 */
    #interactive-map #section-two {
        display: block;
    }

    /* Our Supply Chain */
    #interactive-map #map.supply-chain #india .land,
    #interactive-map #map.supply-chain #turkey .land,
    #interactive-map #map.supply-chain #china .land,
    #interactive-map #map.supply-chain #sri-lanka .land,
    #interactive-map #map.supply-chain #vietnam .land,
    #interactive-map #map.supply-chain #cambodia .land,
    #interactive-map #map.supply-chain #bulgaria .land,
    #interactive-map #map.supply-chain #mauritus .land {
        fill: #fff;
    }

    /* Our Opperations */
    #interactive-map #map.our-operations #austria .land,
    #interactive-map #map.our-operations #belgium .land,
    #interactive-map #map.our-operations #denmark .land,
    #interactive-map #map.our-operations #france .land,
    #interactive-map #map.our-operations #germany .land,
    #interactive-map #map.our-operations #hong-kong .land,
    #interactive-map #map.our-operations #italy .land,
    #interactive-map #map.our-operations #ireland .land,
    #interactive-map #map.our-operations #india .land,
    #interactive-map #map.our-operations #netherlands .land,
    #interactive-map #map.our-operations #norway .land,
    #interactive-map #map.our-operations #spain .land,
    #interactive-map #map.our-operations #sweden .land,
    #interactive-map #map.our-operations #switzerland .land,
    #interactive-map #map.our-operations #turkey .land,
    #interactive-map #map.our-operations #uk .land,
    #interactive-map #map.our-operations #usa .land {
        fill: #fff;
    }
}

/*========== Small Laptop devices and up ==========*/
@media (min-width: 992px) {
    /*=== Body ===*/
    #page-top {
        text-align: right;
    }
    #page-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.75);
    }
    #page-bottom.sustainability-section {
        padding-top: 25px;
    }

    /*=== Core elements ===*/
    /* Header */
    #page-top > * {
        padding: 0;
    }
    #page-top:after {
        width: calc(100% - 80px);
        left: 40px;
    }
    #page-top [class*='col-'] {
        position: relative;
    }

    /* Side panel trigger */
    #side-panel-trigger {
        display: none;
    }

    /* Side panel */
    #side-panel {
        display: none;
    }

    /* Logo */
    .main-logo {
        width: 185px;
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
        float: left;
    }
    .main-logo a {
        padding: 35px 0 25px 10px;
    }

    /* Navigation */
    /* Global */
    nav ul li {
        display: inline-block;
        width: auto;
        vertical-align: top;
    }

    #desktop-navigation {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }
    #mobile-navigation {
        display: none;
    }
    .container-navigation {
        width: 1050px;
    }

    /* Search */
    #search {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    /* Search trigger */
    #search-trigger {
        position: relative;
        vertical-align: top;
        width: 43px;
        height: 80px;
        margin-left: -6px;
        background-size: 18px 18px;
        -webkit-transition: background 0.35s ease, opacity 0.35s ease;
        -moz-transition: background 0.35s ease, opacity 0.35s ease;
        -o-transition: background 0.35s ease, opacity 0.35s ease;
        transition: background 0.35s ease, opacity 0.35s ease;
    }

    /* Search box */
    #search-box-wrapper {
        max-width: 400px;
        right: 15px;
        top: 100%;
    }
    #search-box .search-input:hover {
        background: rgba(0, 0, 0, 1);
    }

    /* Search submit */
    #search-box #search-submit {
        background-size: 18px 18px;
    }
    #search-box #search-submit.active:hover {
        opacity: 0.65;
    }

    /* Search results */
    #search-results {
        max-width: 400px;
        top: calc(100% + 47px);
        right: 15px;
    }
    #search-results li.search-item-result * {
        text-align: left;
    }

    /* Social media */
    .social-media .social-media-link {
        width: 25px;
        height: 25px;
    }
    .social-media .social-media-link.google-plus {
        width: 35px;
        height: 35px;
    }

    /* Large icons */
    .social-media.icons-large .social-media-link {
        width: 40px;
        height: 40px;
    }
    .social-media.icons-large .social-media-link.google-plus {
        width: 54px;
        height: 54px;
    }

    /* Footer */
    #page-bottom * {
        text-align: left;
    }

    /* Bootstrap overrides */
    #page-bottom .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    #page-bottom [class*='col-md']:nth-child(1n + 2) {
        padding-top: 0px;
    }

    /* Back to top */
    #back-to-top-wrapper {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
    }
    #back-to-top-trigger {
        width: 40px;
        background-size: 25px 25px;
    }

    /* Footer links */
    #footer-links {
        display: inline-block;
        max-width: calc(100% - 55px);
        padding-top: 6px;
    }

    /* Investor links */
    #investor-links * {
        text-align: right;
    }

    /* Other links */
    #other-links * {
        text-align: right;
    }

    #page-bottom .copyright-and-arrow {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    #page-bottom .copyright-and-arrow p {
        text-align: right;
    }

    /* Cookies */
    /* Message */
    .cc-window .cc-message {
        display: inline-block;
        width: calc(100% - 115px);
    }
    .cc-window .cc-message a {
        display: inline-block;
    }
    .cc-window .cc-message p {
        padding-bottom: 0;
        line-height: 1;
        text-align: left;
    }

    /* Compliance */
    .cc-window .cc-compliance {
        display: inline-block;
        vertical-align: middle;
    }

    /*=== Content elements ===*/
    /* Bootstrap overrides */
    [class*='col-md']:nth-child(1n + 2) {
        padding-top: 30px;
    }
    .col-md-3:nth-child(2),
    .col-md-3:nth-child(3),
    .col-md-3:nth-child(4),
    .col-md-4:nth-child(2),
    .col-md-4:nth-child(3),
    .col-md-6:nth-child(2) {
        padding-top: 0;
    }
    .col-sm-3:nth-child(4n + 5),
    .col-sm-4:nth-child(3n + 4),
    .col-sm-6:nth-child(2n + 3),
    .col-sm-12 {
        clear: none;
    }
    .col-md-3:nth-child(4n + 5),
    .col-md-4:nth-child(3n + 4),
    .col-md-6:nth-child(2n + 3),
    .col-md-12 {
        clear: both;
    }

    /* Page header */
    #page-header {
        min-height: 700px;
        padding-top: 81px;
    }
    /* Padding top value matches the height of the header which vertically centers the page title */

    /* Page banner */
    #page-banner.banner-video .iframe-wrapper .video-iframe iframe {
        min-width: 1920px;
        min-height: 1080px;
        left: calc(50% - 960px);
    }
    /* Centers the video within the viewport */

    /* Page jump */
    #page-jump .jump {
        width: 40px;
        background-size: 25px 25px;
    }
    #page-jump .jump:before {
        width: 25px;
        height: 25px;
    }

    /* Page social media and share price */
    #page-share-price-and-social-media:after {
        width: 970px;
        left: calc(50% - 485px);
    }

    /* Social media */
    #social-media-wrapper {
        margin-top: 40px;
    }
    #social-media-wrapper .social-media a:hover {
        opacity: 1;
    }

    /* Page content */
    .content-area > div:first-child {
        padding-top: 40px;
    }
    /* Spacing matches spacing top large style */
    .content-area > div:last-child {
        padding-bottom: 382px;
    }
    /* Padding bottom value matches the height of the page-bottom element */
    .content-area > div:last-child.spacing-top-and-bottom-large,
    .content-area > div:last-child.spacing-bottom-large {
        padding-bottom: 422px;
    }
    /* Padding bottom value matches the height of the page-bottom element plus the value of spacing-bottom-large */
    .content-area > div:last-child.spacing-top-and-bottom,
    .content-area > div:last-child.spacing-bottom {
        padding-bottom: 412px;
    }
    /* Padding bottom value matches the height of the page-bottom element plus the value of spacing-bottom */

    /* Modal */
    .modal .modal-dialog {
        width: 880px;
    }
    /* The width is slight smaller then the container width for an indented effect */
    .modal .modal-close {
        width: 30px;
        height: 30px;
        background-size: 15px 15px;
        top: 30px;
        right: 30px;
    }

    /* Bespoke scollbar */
    .modal .modal-content::-webkit-scrollbar {
        width: 10px;
    }

    /* Video embeded */
    .modal.video-embed .modal-close:hover {
        opacity: 1;
    }
    /* Opacity change on hover has been disabled as the YouTube share button would be visable */

    /* Team modal */
    .modal.team .modal-content .modal-loading-state {
        padding: 25px;
    }
    /* Padding matches padding-medium style */
    .modal.team .modal-content h2 {
        font-size: 26px;
    }

    /* Related links */
    #related-links .text-large {
        padding-bottom: 40px;
    }

    /* Carousel */
    /* Controls */
    .carousel .carousel-control {
        -webkit-transition: left 0.35s ease, right 0.35s ease;
        -moz-transition: left 0.35s ease, right 0.35s ease;
        -o-transition: left 0.35s ease, right 0.35s ease;
        transition: left 0.35s ease, right 0.35s ease;
    }
    .carousel .carousel-control.left {
        left: 5px;
    }
    .carousel .carousel-control.right {
        right: 5px;
    }
    .carousel .carousel-control.left:hover {
        left: 0;
    }
    .carousel .carousel-control.right:hover {
        right: 0;
    }
    .content-area .carousel .carousel-indicators li {
        width: 15px;
        height: 15px;
    }
    .content-area .carousel .carousel-indicators li:hover {
        background: rgba(236, 140, 53, 0.2);
    }
    .content-area .carousel .carousel-indicators li.active:hover {
        background: #ff5e00;
    }

    /* Overlay */
    .carousel.overlay .carousel-control.left {
        left: 30px;
    }
    .carousel.overlay .carousel-control.right {
        right: 30px;
    }
    .carousel.overlay .carousel-control.left:hover {
        left: 25px;
    }
    .carousel.overlay .carousel-control.right:hover {
        right: 25px;
    }
    .carousel.overlay .carousel-control + .carousel-inner .carousel-caption,
    .carousel.overlay
        .carousel-control
        + .carousel-indicators
        + .carousel-inner
        .carousel-caption {
        padding: 25px 75px 50px 75px;
    }
    .content-area .carousel.overlay .carousel-indicators {
        bottom: 25px;
    }

    /* Google maps */
    .jplist-google-maps-row {
        height: 600px;
    }
    /* Height macthes the height of the page banner */

    /* Lists */
    /* GLobal */
    .content-area
        .list
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2,
    .content-area
        .list
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h3,
    .content-area
        .list
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h4 {
        font-size: 26px;
    }

    /* Dropdown */
    .content-area
        .list
        .drop-down-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title {
        padding-right: 39px;
    }
    .content-area
        .list
        .drop-down-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-link {
        right: 25px;
    }

    /* Events */
    .content-area .list .event-wrapper .list-item .item-content-wrapper:after {
        width: calc(100% - 50px);
        left: 25px;
    }
    .content-area
        .list
        .event-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        > .row {
        display: flex;
        align-items: center;
    }

    /* Simplfied */
    .content-area
        .list
        .event-wrapper.simplified
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2,
    .content-area
        .list
        .event-wrapper.simplified
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h3,
    .content-area
        .list
        .event-wrapper.simplified
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h4 {
        font-size: 26px;
    }
    /* Matches h3 tag style */

    /* Reports */
    .content-area
        .list
        .reports-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .dropdown-body
        .list
        .list-item {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* Results and presentations */
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-links {
        padding-top: 25px;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-content-wrapper:after {
        width: calc(100% - 50px);
        left: 25px;
    }

    /* RNS */
    .content-area #rns-list .list.padding-medium {
        padding: 25px;
    }
    /* Padding matches padding-medium style */
    .content-area #rns-list .list .list-item {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .content-area #rns-list .list .list-item .item-link {
        margin-top: 33px;
    }

    /* Filter */
    .rnsfeed .margin-top {
        margin-top: 30px;
    }

    /* Keyword */
    .content-area #rns-list .text-filter-box input {
        width: calc(100% - 46px);
    }
    .content-area #rns-list .text-filter-box input + .btn {
        width: 46px;
        height: 46px;
    }

    /* Date picker */
    /* Month title */
    .ui-datepicker .ui-datepicker-header {
        padding: 10px;
    }
    .ui-widget-header .ui-corner-all {
        left: 10px;
    }
    .ui-widget-header .ui-corner-all.ui-datepicker-next {
        right: 10px;
    }

    [data-control-type='date-picker-range-filter'] {
        display: flex;
        flex-direction: row;
    }
    [data-control-type='date-picker-range-filter']
        .date-picker[data-type='prev'] {
        margin-right: 30px;
    }

    /* Filter by type */
    .content-area #rns-list .type-filter label {
        min-height: 0;
    }
    /* Min height removed as all options span across a single line */
    .content-area #rns-list .type-filter label:hover {
        opacity: 0.65;
    }
    /* Re-apply hover state */
    .content-area #rns-list .type-filter input:checked + label:hover {
        opacity: 0.65;
    }
    /* Re-apply hover state */

    /* Pagination */
    .content-area .pagination li button {
        width: 40px;
        height: 40px;
        padding: 11px 0;
    }

    /* Tab */
    /* Tab navigation */
    .content-area .tab-navigation .nav-tabs li {
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .content-area .tab-navigation .nav-tabs li a {
        padding: 12px 30px;
    }
    .content-area .tab-navigation .nav-tabs li.active a:hover {
        opacity: 1;
    }

    /* Sustainability newsfeed */
    .content-area
        .list
        .latest-newsfeed-articles-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .content-area
        .list
        .latest-newsfeed-articles-wrapper#most-read-articles
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2 {
        font-size: 30px;
        line-height: 36px;
    }

    /* Policies */
    .policies-wrapper .item-content {
        height: 293px;
    }
    .content-area
        .list
        .policies-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title
        h2 {
        font-size: 29px;
    }

    /*=== Themes ===*/
    /* Theme Orange */
    /* Carousels */
    .content-area .theme-orange .carousel .carousel-indicators li:hover {
        background: rgba(255, 255, 255, 0.2);
    }
    .content-area .theme-orange .carousel .carousel-indicators li.active:hover {
        background: #fff;
    }

    /*=== Animation ===*/
    /* Mobile fade-in */
    .fade-in-mobile {
        opacity: 1;
    }

    /* 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);
    }

    /* Active */
    .fade-in.active {
        opacity: 1;
        -webkit-transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -o-transition: opacity 2s ease;
        transition: opacity 2s 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 2s ease;
        -moz-transition: all 2s ease;
        -o-transition: all 2s ease;
        transition: all 2s ease;
    }

    /*=== Specific pages ===*/
    /* Section */
    /*.section #page-middle .col-md-4:nth-child(1):not(.article-item), .section #page-middle .col-md-4:nth-child(3):not(.article-item), .section #page-middle .col-md-6:not(.list-item):nth-child(2) { padding-top: 40px; }*/
    /* Padding top value matches spacing-top-large style */
    .section #page-middle .col-md-12 + .col-md-4,
    .section #page-middle .col-md-12 + .col-md-4 + .col-md-4 + .col-md-4 {
        padding-top: 40px;
    }
    /* Padding top value matches spacing-top-large style */
    .section .content-area > div:first-child.spacing-top-extra-large,
    .section
        .content-area
        > div:first-child.spacing-top-and-bottom-extra-large {
        padding-top: 80px;
    }
    .section .content-area > div:first-child.spacing-top-large,
    .section .content-area > div:first-child.spacing-top-and-bottom-large {
        padding-top: 40px;
    }
    .section .content-area > div:last-child {
        padding-bottom: 0;
    }
    .section .content-area > div:last-child.spacing-top-and-bottom-extra-large,
    .section .content-area > div:last-child.spacing-bottom-extra-large {
        padding-bottom: 80px;
    }
    .section .content-area > div:last-child.spacing-top-and-bottom-large,
    .section .content-area > div:last-child.spacing-bottom-large {
        padding-bottom: 40px;
    }
    .section .content-area > div:last-child.spacing-top-and-bottom,
    .section .content-area > div:last-child.spacing-bottom {
        padding-bottom: 30px;
    }
    .section #page-bottom {
        position: relative;
        background: #000000;
    }
    /* Reverts the page bottom from a position absolute element */
    .section #page-bottom:after {
        width: calc(100% - 80px);
        left: 40px;
    }
    .section
        #page-middle
        .umb-block-grid__layout-item[data-col-span='6']:not(
            .list-item
        ):last-child {
        padding-left: 0;
        margin-top: 60px;
    }
    .section
        #page-middle
        .umb-block-grid__layout-item[data-col-span='6']:not(
            .list-item
        ):first-child {
        padding-right: 0;
        margin-bottom: 60px;
    }

    /* Sitemap */
    #sitemap li.level-2 {
        padding-bottom: 40px;
    }
    /* Spacing to match spacing-bottom-large class */
    #sitemap li.level-2 > a {
        font-size: 32px;
    }
    /* Font size to match h2 tag */

    /* Login */
    .login #back-to-top-wrapper {
        margin-left: 0;
    }
    .login #back-to-top-trigger {
        background-position: center left;
    }
    .login #page-bottom [class*='col-md']:nth-child(1n + 2) {
        padding-top: 30px;
    }
    /* Spacing to match .spacing-top style */

    /* Sustainability */
    #sustainability-diagram {
        max-width: 450px;
    }

    /* Interactive map */
    /* Side panel */
    #interactive-map .side-panel {
        left: -310px;
        width: 310px;
        padding: 25px;
    }
    /* Padding to match padding-medium style */

    /* Sustainability */
    .sustainability-overview .col-md-4:first-child,
    .sustainability-overview .col-md-4:last-child {
        padding-top: 60px;
    }
}

/*========== Desktop devices and up ==========*/
@media (min-width: 1200px) {
    /*=== Core Elements ===*/
    /* Header */
    #page-top:after {
        width: calc(100% - 120px);
        left: 60px;
    }

    /* Navigation */
    nav ul li a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container-navigation {
        width: 1130px;
    }
    /* Logo */
    .main-logo {
        width: 155px;
    }
    .main-logo a {
        padding: 35px 0 20px 0;
    }

    /* Search */
    /* Search trigger */
    #search-trigger {
        height: 87px;
        width: 48px;
    }

    /* Social media */
    /* Large icons */
    .social-media.icons-large .social-media-link {
        width: 45px;
        height: 45px;
    }
    .social-media.icons-large .social-media-link.google-plus {
        width: 62px;
        height: 62px;
    }

    /* Footer */
    /* Back to top */
    #back-to-top-trigger {
        width: 45px;
        height: 23px;
        background-size: 28px 28px;
    }

    /* Footer links */
    #footer-links {
        max-width: calc(100% - 60px);
        padding-top: 8px;
    }

    /*=== Content Elements ===*/
    /* Page header */
    #page-header {
        min-height: 801px;
        padding-top: 88px;
    }
    /* Padding top value matches the height of the header which vertically centers the page title */

    /* Page jump */
    #page-jump .jump {
        width: 45px;
        height: 23px;
        background-size: 28px 28px;
    }

    /* Page social media and share price */
    #page-share-price-and-social-media:after {
        width: 1170px;
        left: calc(50% - 585px);
    }

    /* Social media */
    #social-media-wrapper {
        margin-top: 45px;
    }

    /* Page content */
    .content-area > div:first-child {
        padding-top: 60px;
    }
    /* Spacing matches spacing top large style */
    .content-area > div:last-child {
        padding-bottom: 395px;
    }
    /* Page content - standard page */
    .standard .content-area > div:first-child {
        padding-top: 0px;
    }
    /* Spacing matches spacing top large style - standard page */
    .standard .content-area > div:last-child {
        padding-bottom: 300px;
    }
    /* Padding bottom value matches the height of the page-bottom element */
    .content-area > div:last-child.spacing-top-and-bottom-large,
    .content-area > div:last-child.spacing-bottom-large {
        padding-bottom: 455px;
    }
    .sustainability-section .content-area > div:last-child {
        padding-bottom: 60px;
    }
    /* Padding bottom value matches the height of the page-bottom element plus the value of spacing-bottom-large */
    .content-area > div:last-child.spacing-top-and-bottom,
    .content-area > div:last-child.spacing-bottom {
        padding-bottom: 425px;
    }
    /* Padding bottom value matches the height of the page-bottom element plus the value of spacing-bottom */

    /* Carousel */
    /* Overlay */
    .carousel.overlay .carousel-control.left {
        left: 35px;
    }
    .carousel.overlay .carousel-control.right {
        right: 35px;
    }
    .carousel.overlay .carousel-control.left:hover {
        left: 30px;
    }
    .carousel.overlay .carousel-control.right:hover {
        right: 30px;
    }
    .carousel.overlay .carousel-control + .carousel-inner .carousel-caption,
    .carousel.overlay
        .carousel-control
        + .carousel-indicators
        + .carousel-inner
        .carousel-caption {
        padding: 30px 80px 60px 80px;
    }
    .content-area .carousel.overlay .carousel-indicators {
        bottom: 30px;
    }

    /* Modal */
    .modal .modal-dialog {
        width: 1050px;
    }
    /* The width is slight smaller then the container width for an indented effect */

    /* Team modal */
    .modal.team .modal-content .modal-loading-state {
        padding: 30px;
    }
    /* Padding matches padding-medium style */

    /* Google maps */
    .jplist-google-maps-row {
        height: 700px;
    }
    /* Height macthes the height of the page banner */

    /* Lists */
    /* Dropdown */
    .content-area
        .list
        .drop-down-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-title {
        padding-right: 44px;
    }
    .content-area
        .list
        .drop-down-wrapper
        .list-item
        .item-content-wrapper
        .item-content
        .item-link {
        right: 30px;
    }

    /* Events */
    .content-area .list .event-wrapper .list-item .item-content-wrapper:after {
        width: calc(100% - 60px);
        left: 30px;
    }

    /* Results and presentations */
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-links {
        padding-top: 30px;
    }
    .content-area
        .list
        .results-and-presentations-wrapper
        .list-item
        .item-content-wrapper:after {
        width: calc(100% - 60px);
        left: 30px;
    }

    /* RNS */
    .content-area #rns-list .list.padding-medium {
        padding: 30px;
    }
    /* Padding matches padding-medium style */
    .content-area #rns-list .list .list-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /*=== Specific pages ===*/
    /* Section */
    /* .section #page-middle .col-md-4:nth-child(1):not(.article-item), .section #page-middle .col-md-4:nth-child(3):not(.article-item), .section #page-middle .col-md-6:not(.list-item):nth-child(2) { padding-top: 60px; }*/
    /* Padding top value matches spacing-top-large style */
    .section #page-middle .col-md-12 + .col-md-4,
    .section #page-middle .col-md-12 + .col-md-4 + .col-md-4 + .col-md-4 {
        padding-top: 60px;
    }
    /* Padding top value matches spacing-top-large style */
    .section .content-area > div:first-child.spacing-top-extra-large,
    .section
        .content-area
        > div:first-child.spacing-top-and-bottom-extra-large {
        padding-top: 120px;
    }
    .section .content-area > div:first-child.spacing-top-large,
    .section .content-area > div:first-child.spacing-top-and-bottom-large {
        padding-top: 60px;
    }
    .section .content-area > div:last-child.spacing-top-and-bottom-extra-large,
    .section .content-area > div:last-child.spacing-bottom-extra-large {
        padding-bottom: 120px;
    }
    .section .content-area > div:last-child.spacing-top-and-bottom-large,
    .section .content-area > div:last-child.spacing-bottom-large {
        padding-bottom: 60px;
    }
    .section #page-bottom:after {
        width: calc(100% - 120px);
        left: 60px;
    }

    /* Sitemap */
    #sitemap li.level-2 {
        padding-bottom: 60px;
    }
    /* Spacing to match spacing-bottom-large class */
    #sitemap li.level-2 > a {
        font-size: 36px;
    }
    /* Font size to match h2 tag */

    /* Sustainability */
    #sustainability-diagram {
        max-width: 500px;
    }

    /* Interactive map */
    /* Side panel */
    #interactive-map .side-panel {
        left: -400px;
        width: 400px;
        padding: 30px;
    }
    /* Padding to match padding-medium style */
    #interactive-map .side-panel .back {
        margin-bottom: 40px;
    }
    #interactive-map .section-content {
        padding-top: 40px;
    }
}

/* Navigation bar issue */
@media (min-width: 1350px) {
    .container-navigation {
        width: 1250px;
    }
    /* Logo */
    .main-logo {
        width: 255px;
    }
    .main-logo a {
        padding: 30px 0;
    }
}

/*========== Large Desktop devices and up ==========*/
@media (min-width: 1500px) {
    /*=== Core elements ===*/
    /* Footer */
    /* Back to top */
    #back-to-top-trigger {
        width: 50px;
        height: 25px;
        background-size: 30px 30px;
    }

    /* Footer links */
    #footer-links {
        max-width: calc(100% - 65px);
        padding-top: 10px;
    }

    /*=== Content elements ===*/
    /* Page jump */
    #page-jump .jump {
        width: 50px;
        height: 25px;
        background-size: 30px 30px;
    }
}

/*========== Full HD devices and up ==========*/
@media (min-width: 1921px) {
    /*=== Specific pages ===*/
    /* Section */
    #page-banner.banner-video .iframe-wrapper .video-iframe iframe {
        min-width: 100vw;
        min-height: 113vh;
        left: calc(50% - 50vw);
    }
    /* Hack to force background video to fill viewport */
}