@charset "utf-8";
/* **************************************************
Name: app.min2.css
Description: sustainability
LastModify: 2024.09.13
Copyright 2024 Hitachi, Ltd.
***************************************************** */

html, body {
    /*font-size:1.69vh;*/
}

html, body, .FatBanner:not(.grey), .FooterArea {
    background-color: white;
}
/* .FatMenuWide:not(.grey),*/

.brave-videoclosing .videoplayer .ui, .brave-videoclosing .videoplayer video, .brave-videoopening .videoplayer .ui, .brave-videoopening .videoplayer video, .brave-videoexpanded #onetrust-consent-sdk {
    opacity: 0 !important;
}
/*,
.brave-videoexpanded #HeaderArea1,
.brave-videoexpanded #HeaderArea2,
.brave-videoexpanded #TopicPath*/

.brave-videoexpanded #onetrust-consent-sdk, .brave-videoexpanded #HeaderArea1, .brave-videoexpanded #HeaderArea2, .brave-videoexpanded #TopicPath, .brave-videoexpanded #onetrust-consent-sdk *, .brave-videoexpanded #HeaderArea1 *, .brave-videoexpanded #HeaderArea2 *, .brave-videoexpanded #TopicPath * {
    pointer-events: none !important;
}

#HeaderArea1, #HeaderArea2, #TopicPath {
    transform: translate(0, -25vh);
    -webkit-transform: translate(0, -25vh);
    -moz-transform: translate(0, -25vh);
    -ms-transform: translate(0, -25vh);
}

/*

#HorizontalLocalNavi



.brave-unloading #HeaderArea1, .brave-unloading #HeaderArea2, .brave-unloading #TopicPath {
    transform: translate(0, -25vh) !important;
    -webkit-transform: translate(0, -25vh) !important;
    -moz-transform: translate(0, -25vh) !important;
    -ms-transform: translate(0, -25vh) !important;
}*/
.forFooterPageTop {
    background-color: white !important;
}

.FatBanner, .FatMenuWide, .FooterArea {
    position: relative;
}

#brave .scrollbar-track-x, #brave .scrollbar-track-x .scrollbar-thumb {
    pointer-events: all !important;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#brave .scrollbar-track-x {
    height: 4px;
    border-radius: 1000px;
    background-color: rgba(255, 255, 255, 0.25);
    /*overflow:hidden;*/
}

#brave .scrollbar-track-x .scrollbar-thumb {
    height: 4px;
    background-color: #c02;
}

html.brave-mobile, .brave-mobile body {
    font-size: 1.69vh;
}

body > :not(#Contents) {
    font-size: 16px;
}
/* mvDownLoad----------------------- */

.mvDownLoad {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.mvDownLoad img {
    height: auto;
    width: 100%;
    max-width: 100%;
}

.mvDownLoad a {
    display: block;
    padding: 30px;
    padding-right: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.mvDownLoad a:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.mvDownLoad a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 100%;
    background: url("/sustainability/assets/image/icon/icon_top_donwload.png") center no-repeat #000;
    background-size: 36px 36px;
}

.mvDownLoad-image {
    margin: 0 50px 10px;
    width: 120px;
}


.mvDownLoad-title {
    /* font-size: 100%; */
    line-height: 1.3333333333;
    letter-spacing: 0em;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 1144px) {
    .mvDownLoad-image {
        margin-bottom: 5px;
        max-width: 200px;
    }

    .mvDownLoad-title {
        font-size: 100%;
    }

    .mvDownLoad a {
        padding: 15px;
        padding-right: 61px;
    }
}

@media (max-width: 767px) {
    .mvDownLoad {
        right: 15px;
        bottom: 15px;
        left: 15px;
    }

    .mvDownLoad a {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        font-size: 100%;
        padding: 10px;
        padding-right: 40px;
        text-align: left;
    }

    .mvDownLoad a::before {
        width: 30px;
        background-size: 24px 24px;
    }

    .mvDownLoad-image {
        -ms-flex-positive: 0;
        -webkit-box-flex: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 90px;
        flex-basis: 90px;
        max-width: 90px;
        margin: 0;
        margin-right: 15px;
    }
}

.mvDownLoad {
    z-index: 10;
}

html {
    overflow: auto !important;
    overflow-x: hidden !important;
    height: 100%;
}

body {
    background-color: white !important;
}

html:not(.brave-intro) {
    overflow: hidden !important;
}

html.brave-landscape.brave-mobile {
    overflow: visible !important;
}

.brave-mobile body {
    height: 100%;
}

.brave-mobile:not(.brave-intro):not(.brave-landscape) body {
    overflow: hidden !important;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.brave-desktop .overflow-auto.blackscrollbar::-webkit-scrollbar-track {
    background: black;
}

.brave-desktop .overflow-auto.greyscrollbar::-webkit-scrollbar-track {
    background: #adadad;
}

.brave-desktop .overflow-auto::-webkit-scrollbar-corner {
    background: transparent;
}

.brave-desktop .overflow-auto::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 6px;
}

.brave-desktop .overflow-auto.redscrollbar::-webkit-scrollbar-thumb {
    background: #dd0125;
}

.brave-desktop .overflow-auto.redscrollbar::-webkit-scrollbar-thumb:hover {
    background: #a02;
}

.brave-desktop .overflow-auto.hiddenscrollbar::-webkit-scrollbar {
    height: 0;
}

.brave-desktop .overflow-auto::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

#brave ::selection {
    /*background-color:#dd0125;
                        	color:white;*/
}

.brave-desktop .overflow-auto {
    scrollbar-base-color: #000000;
    scrollbar-face-color: #333333;
    scrollbar-3dlight-color: #333333;
    scrollbar-highlight-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-dark-shadow-color: #000000;
}

.brave-iphone video::cue {
    opacity: 1;
    background-color: white;
    font-size: 20px !important;
}

#brave #SiteID img[height="50"] {
    height: 50px;
    width: auto;
}

.brave-scrolled-down.brave-auto-hide-submenu.submenu {
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
}

#brave .mainandsubmenu {
    background-color: transparent;
}

#brave .mainmenu {
    z-index: 1;
    position: relative;
}

.submenu {
    position: relative;
}

#brave .mainmenu::before, .submenu::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.submenu::before {
    background-color: white;
    border-bottom: 1px solid #d9d9d9;
    top: auto;
    bottom: 0;
}

#brave .mainmenu::before {
    background-color: #f2f2f2;
}

#brave .mainmenu > *, .submenu > * {
    z-index: 1;
}

.submenu #GlobalNaviMenu > li > a, .submenu #GlobalNaviMenu > li > button > span {
    height: 45px;
}

.submenu #GlobalNaviMenu > li.Current > a > strong, .submenu #GlobalNaviMenu > li.Current > button > span > strong {
    height: 100%;
}

#brave .secondary #SiteID {
    margin-left: auto;
    font-size: 2.4rem;
    position: relative;
    top: 0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    pointer-events: none;
    padding: 0;
}

.brave-mobile.brave-lanjajp #brave .secondary #SiteID {
    font-size: 1.8rem;
    position: relative;
    height: auto;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    line-height: 1.2em;
}

.brave-mobile.brave-lanjajp #brave .secondary #SiteID a {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    height: auto;
    left: 0;
    width: 100%;
}

#brave .hidden {
    display: none;
}

#brave .secondary::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform: scale(1, 2);
    -webkit-transform: scale(1, 2);
    -ms-transform: scale(1, 2);
    -moz-transform: scale(1, 2);
}

.brave-mobile #brave .secondary::before {
    transform: scale(1, 1.66);
    -webkit-transform: scale(1, 1.66);
    -ms-transform: scale(1, 1.66);
    -moz-transform: scale(1, 1.66);
}

#brave .secondary #SiteID, #brave .secondary::before {
    transition: opacity 0.1s ease-in-out, transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.1s ease-in-out, -moz-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.1s ease-in-out, -ms-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
}

.brave-mobile #brave .secondary.unstuck::before, .brave-mobile #brave .secondary.stuck::before, #brave .secondary.unstuck::before, #brave .secondary.stuck::before {
    opacity: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .secondary.unstuck #SiteID, #brave .secondary.stuck #SiteID {
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
}

.brave-mobile #brave .secondary.unstuck #SiteID, .brave-mobile #brave .secondary.stuck #SiteID {
    transform: translate(0, 5%) scale(0.6, 0.6);
    -webkit-transform: translate(0, 5%) scale(0.6, 0.6);
    -ms-transform: translate(0, 5%) scale(0.6, 0.6);
    -moz-transform: translate(0, 5%) scale(0.6, 0.6);
}

.brave-mobile.brave-lanjajp #brave .secondary.unstuck #SiteID, .brave-mobile.brave-lanjajp #brave .secondary.stuck #SiteID {
    transform: translate(0, 0) scale(0.7, 0.7);
    -webkit-transform: translate(0, 0) scale(0.7, 0.7);
    -ms-transform: translate(0, 0) scale(0.7, 0.7);
    -moz-transform: translate(0, 0) scale(0.7, 0.7);
}

.brave-scrolledback.brave-iphone.brave-scrolleddirchanged #brave .secondary:not(.stuck):not(.unstuck) #SiteID {
    /*transition-delay:1s;
                        	-webkit-transition-delay:1s;
                        	-moz-transition-delay:1s;
                        	-ms-transition-delay:1s;*/
}

#brave .secondary #SiteID a {
    color: #2b2b2b;
}

#Contents {
    padding: 0 !important;
}

#HeaderArea2.sticky, #brave .sticky.row-full, #brave .sticky {
    position: sticky;
    top: -1px;
    /* z-index: 91;*/
}

.brave-portrait #HeaderArea2.sticky, .brave-portrait #brave .sticky, .brave-mobile #HeaderArea2.sticky, .brave-mobile #brave .sticky {
    position: relative;
}

#Contents ~ * {
    z-index: 2;
}

#brave .sticky.z0 {
    z-index: 0;
}

#brave .sticky.position-layer-1 {
    z-index: 1;
}

#top, #HeaderArea1 {
    display: block;
    position: relative;
    z-index: 100;
}

#brave .stickywash.half:not(.image-cover), #brave .stickywash {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)) !important;
}

#brave .stickywash.text-color-white.half:not(.image-cover), #brave .stickywash.text-color-white {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important;
}

#brave .stickywash.grey.half:not(.image-cover), #brave .stickywash.grey {
    background: linear-gradient(180deg, rgba(45, 45, 45, 0), rgba(45, 45, 45, 1), rgba(45, 45, 45, 1)) !important;
}

#brave * {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    pointer-events: none;
}

#brave *, #brave .seconday#HeaderArea2, #brave .seconday#HeaderArea2 * {
    pointer-events: none;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
/*#brave #HeaderArea2:not(.secondary) *,
#brave #HeaderArea2:not(.secondary){
	box-sizing:content-box;
	pointer-events:all;
}*/

#brave .padhalfleft {
    padding-left: 50%;
}

#brave .paddded {
    padding: 3rem;
}

#brave .transition-parallax {
    will-change: transform;
}

#brave .transition-parallax.box-absolute:not(.main), #brave .transition-parallax.bx:not(.main) {
    width: 100%;
    height: 110%;
}

#brave .videothumbnail .transition-parallax.bx:not(.main) {
    width: 100%;
    height: 140%;
}

#brave .section * :focus {
    /* outline: 0; */
}

#brave .section {
    font-family: inherit;
    font-size: 0.9rem;
    line-height: 1.5rem;
}

.brave-portrait.brave-auto-landscape #brave {
    font-size: 1.5vw;
}

.brave-fixed #brave {
    position: fixed;
    top: 0;
    z-index: 10000;
}

.brave-fixed.brave-landscape body::before, .brave-fixed.brave-landscape2 body::before {
    content: "";
    display: block;
    height: 591716rem;
}

#brave .section h1, #brave .section h2, #brave .section h3, #brave .section h4, #brave .section h5, #brave .section p, #brave .section label, #brave .section .label {
    margin: 0;
    padding: 0;
}

#brave .position-absolute {
    position: absolute;
}

#brave .whitespace-remove {
    font-size: 0;
    line-height: 0;
}

#brave .row-full.f, #brave .fixed, #brave .f {
    position: fixed;
}

#brave.position-relative, #brave .position-relative {
    position: relative;
}

#brave.row-absolute, #brave .row-absolute,
#brave.row-fixed, #brave .row-fixed,
#brave.row, #brave .row {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

#brave.row-fixed, #brave .row-fixed {
    position: fixed;
}

#brave.row-absolute, #brave .row-absolute {
    position: absolute;
}

#brave.box-fixed, #brave .box-fixed,
#brave.box, #brave .box {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#brave.box-fixed, #brave .box-fixed {
    position: fixed;
}

#brave.box.position-absolute, #brave .box.position-absolute, #brave.box-absolute, #brave .box-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#brave .inline-block {
    display: inline-block;
}

#brave .position-left {
    left: 0;
    text-align: left;
}

#brave .r180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

#brave .position-top {
    top: 0;
}

#brave .position-bottom {
    bottom: 0;
}

#brave .position-right {
    left: auto;
    right: 0px;
    text-align: right;
}

#brave .pc3, #brave .position-center {
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    text-align: center;
}

#brave .pc3.r45, #brave .position-center.r45 {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    -moz-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    -ms-transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

#brave .pc3 {
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
}

#brave .pt33, #brave .position-center.pt33 {
    top: 33%;
}

#brave .position-center.position-right {
    left: auto;
    right: 0;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
}

#brave .position-center.position-left {
    left: 0;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
}

#brave .position-center.position-top {
    top: 0;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
}

#brave .position-center.position-bottom {
    top: auto;
    bottom: 0;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
}

#brave .box.text-align-center, #brave .row.text-align-center, #brave .text-align-center {
    text-align: center;
}

#brave .box.text-align-right, #brave .row.text-align-right, #brave .text-align-right {
    text-align: right;
}

#brave .box.text-align-left, #brave .row.text-align-left, #brave .text-align-left {
    text-align: left;
}

#brave .bx {
    width: 100%;
    height: 100%;
}

#brave .vbx {
    width: 100vw;
    height: 59.2rem;
}

#brave .jf {
    text-align: justify;
    font-size: 0;
    line-height: 0;
}

#brave .row-full {
    width: 100%;
    height: auto;
}

#brave .vw {
    width: 100vw;
}

#brave .box-viewport-10 {
    height: 5.9rem;
}

#brave .box-viewport-15 {
    height: 8.9rem;
}

#brave .box-viewport-25 {
    height: 14.8rem;
}

#brave .box-viewport-33 {
    height: 19.5rem;
}

#brave .box-viewport-50 {
    height: 29.6rem;
}

#brave .box-viewport-75 {
    height: 44.4rem;
}

#brave .box-viewport-80 {
    height: 47.3rem;
}

#brave .box-viewport-85 {
    height: 50.3rem;
}

#brave .box-viewport-90 {
    height: 53.3rem;
}

#brave .box-viewport-100, #brave .box-viewport-100 {
    height: 100vh
}

#brave .vh100min {
	min-height:100vh;
}

#brave .section.home .box-viewport-75 {
    height: 75vh;
}

#brave .vh100mh {
    height: calc(59.2rem - 105px);
    /*headerarea1 + headerarea2 */
}

#brave .a169::before {
    content: "";
    display: block;
    padding-top: 60%;
}

#brave .a100::before {
    content: "";
    display: block;
    padding-top: 100%;
}

#brave .a143::before {
    content: "";
    display: block;
    padding-top: 14.30%;
}

#brave .a180::before {
    content: "";
    display: block;
    padding-top: 180.21%;
}

#brave .a75::before {
    content: "";
    display: block;
    padding-top: 75%;
}

#brave .a85::before {
    content: "";
    display: block;
    padding-top: 85%;
}

#brave .a535::before {
    content: "";
    display: block;
    padding-top: 69.24%;
}

#brave .a554::before {
    content: "";
    display: block;
    padding-top: 55.48%;
}

#brave .a478::before {
    content: "";
    display: block;
    padding-top: 47.89%;
}

#brave .a383::before {
    content: "";
    display: block;
    padding-top: 38.37%;
}

.brave-portrait #brave .readtime {
    /*display:none;*/
}

.brave-portrait #brave .share.sharetop {
    text-align: left;
    padding-top: 0.3rem;
    padding-bottom: 1.5rem;
    top: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .col {
    width: auto;
    height: 100%;
    border: 0;
    margin: 0;
}

#brave .position-absolute.row-full {
    position: absolute;
}

#brave .wa {
    width: auto;
}

#brave .ha {
    height: auto;
}

#brave .image-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#brave .image-cover:not(.transition-on-scroll) {
    opacity: 0;
}

#brave .image-cover:not(.transition-on-scroll).ready {
    opacity: 1;
}

#brave .roundarrow, #brave .image-contain {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#brave.overflow-hidden, #brave .overflow-hidden {
    overflow: hidden;
}

#brave .overflow-auto {
    overflow: auto;
}

#brave .oxh {
    overflow-x: hidden;
}

#brave .oyh {
    overflow-y: hidden;
}

#brave .vertical-align-top {
    vertical-align: top;
}

#brave .vertical-align-middle {
    vertical-align: middle;
}

#brave .vb {
    vertical-align: bottom;
}

#brave .position-center.t0, #brave .position-center.position-top.t0, #brave .t0 {
    top: 0;
}

#brave .position-center.t100, #brave .position-center.position-top.t100, #brave .t100 {
    top: 100%;
}

#brave .position-center.b100, #brave .position-center.position-bottom.b100, #brave .b100 {
    bottom: 100%;
}

#brave .position-center.l0, #brave .position-center.position-left.l0, #brave .l0 {
    left: 0;
}

#brave .position-center.l100, #brave .position-center.position-left.l100, #brave .l100 {
    left: 100%;
}

#brave .position-center.r100, #brave .position-center.position-right.r100, #brave .r100 {
    right: 100%;
}

#brave .row-content-width, #brave .col.row-content-width {
    margin: 0 auto;
    width: calc(100% - 30px);
    max-width: 1275px;
}
#brave .row-content-width{
    width: 100%;
}

#brave .row-content-width-narrowest, #brave .col.row-content-width-narrowest {
    margin: 0 auto;
    width: 100%;
    max-width: 53rem;
}

#brave .row-content-width-narrower, #brave .col.row-content-width-narrower {
    margin: 0 auto;
    width: 70%;
    max-width: 74rem;
}
#brave .row-content-width-narrow{
    margin: 0 auto;
    width: 75%;
    max-width: 53rem;
}

#brave .col.row-content-width-narrow {
    margin: 0 auto;
    width: 75%;
    max-width: 69rem;
}

.brave-portrait #brave .row-content-width-narrow, .brave-portrait #brave .col.row-content-width-narrow {
}

#brave .space {
    position: relative;
    display: block;
    height: 7.1rem;
}

#brave .space.small {
    height: 3.6rem;
}

#brave .space.smallish {
    height: 1.8rem;
}

#brave .space.smaller {
    height: 0.9rem;
}

#brave .space.smallest {
    height: 0.3rem;
}

#brave .space.big {
    height: 7.1rem;
}

#brave .pad {
    width: 2.4rem;
    display: inline-block;
}

#brave .pad.small {
    width: 0.9rem;
}

#brave .pad.smaller {
    width: 0.6rem;
}

#brave .pad.smallest {
    width: 0.3rem;
}

#brave .pad.smallish {
    width: 2vw;
}

#brave .pad.big {
    width: 8vw;
}

#brave .underline::before {
    content: "";
    /*text-decoration:underline;*/
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: white;
    margin-top: 2px;
}

#brave .cross::before, #brave .cross::after {
    content: "";
    position: absolute;
    left: 15%;
    top: 50%;
    width: 70%;
    height: 2px;
    margin-top: -1px;
    background-color: white;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

#brave .cross::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.brave-mobile.brave-landscape:not(.brave-videoexpanded) #brave::after {
}

.brave-mobile.brave-landscape.brave-videoexpanded #brave .header .landscapeitems {
    display: none;
}

.brave-mobile.brave-landscape.brave-videoexpanded #brave .header .portraititems {
    display: block;
    opacity: 0;
}

.brave-mobile.brave-landscape.brave-videoexpanded:not(.brave-idle) #brave .header .portraititems {
    opacity: 1;
}

.brave-mobile.brave-landscape.brave-videoexpanded #brave .header .burger {
    top: 3rem;
}

.brave-mobile.brave-landscape.brave-videoexpanded #brave .header .hitachilogo {
    display: none;
}

.brave-animations-enable #onetrust-consent-sdk, .brave-animations-enable #HeaderArea1, .brave-animations-enable #HeaderArea2, .brave-animations-enable #HorizontalLocalNavi, .brave-animations-enable #TopicPath, .brave-animations-enable #brave.submenu, .brave-animations-enable #brave .transition {
    transition: opacity 0.5s ease-in-out, filter 0.25s ease-in-out, background-color 0.25s ease-in-out, transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-filter 0.25s ease-in-out, background-color 0.25s ease-in-out, -webkit-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.5s ease-in-out, -moz-filter 0.25s ease-in-out, background-color 0.25s ease-in-out, -moz-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.5s ease-in-out, -ms-filter 0.25s ease-in-out, background-color 0.25s ease-in-out, -ms-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.faster {
    transition: opacity 0.25s ease-in-out, transform 0.25s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.25s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.25s ease-in-out, -ms-transform 0.25s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.fast.fade {
    transition: opacity 0.15s ease-in-out, transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.15s ease-in-out, -webkit-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.15s ease-in-out, -moz-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.15s ease-in-out, -ms-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.blur {
    transition: opacity 0.25s ease-in-out, transform 1s cubic-bezier(0.1, .61, 0, .98), filter 0.5s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 1s cubic-bezier(0.1, .61, 0, .98), -webkit-filter 0.5s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out, -moz-transform 1s cubic-bezier(0.1, .61, 0, .98), -moz-filter 0.5s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out, -ms-transform 1s cubic-bezier(0.1, .61, 0, .98), -ms-filter 0.5s ease-in-out;
}

.brave-animations-enable #brave .transition.slowish.fade {
    transition: opacity 0.5s ease-in-out, transform 1s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 1s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.5s ease-in-out, -moz-transform 1s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.5s ease-in-out, -ms-transform 1s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.transition-duration-slow.fade {
    transition: opacity 1s ease-in-out, transform 3s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 1s ease-in-out, -webkit-transform 3s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 1s ease-in-out, -moz-transform 3s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 1s ease-in-out, -ms-transform 3s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.transition-duration-slow {
    transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 1s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out, -webkit-transform 1s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.5s ease-in-out, -moz-filter 0.5s ease-in-out, -moz-transform 1s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.5s ease-in-out, -ms-filter 0.5s ease-in-out, -ms-transform 1s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.transition-duration-slower {
    transition: opacity 0.5s ease-in-out, filter 0.75s ease-in-out, transform 1.5s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-filter 0.75s ease-in-out, -webkit-transform 1.5s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.5s ease-in-out, -moz-filter 0.5s ease-in-out, -moz-transform 1.5s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.5s ease-in-out, -ms-filter 0.75s ease-in-out, -ms-transform 1.5s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.transition-duration-slowest {
    transition: opacity 1s ease-in-out, filter 1s ease-in-out, transform 2s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 1s ease-in-out, -webkit-filter 1s ease-in-out, -webkit-transform 2s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 1s ease-in-out, -moz-filter 1s ease-in-out, -moz-transform 2s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 1s ease-in-out, -ms-filter 1s ease-in-out, -ms-transform 2s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.transition-duration-glacial {
    transition: opacity 2s ease-in-out, filter 1s ease-in-out, transform 2s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 2s ease-in-out, -webkit-filter 1s ease-in-out, -webkit-transform 2s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 2s ease-in-out, -moz-filter 1s ease-in-out, -moz-transform 2s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 2s ease-in-out, -ms-filter 1s ease-in-out, -ms-transform 2s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.superglacial {
    transition: opacity 0.5s ease-in-out, filter 1s ease-in-out, transform 4s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-filter 1s ease-in-out, -webkit-transform 4s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.5s ease-in-out, -moz-filter 1s ease-in-out, -moz-transform 4s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.5s ease-in-out, -ms-filter 1s ease-in-out, -ms-transform 4s cubic-bezier(0.1, .61, 0, .98);
}

.brave-animations-enable #brave .transition.easeinout {
    transition: opacity 0.5s ease-in-out, filter 1s ease-in-out, transform 3s cubic-bezier(.92, .01, .41, .9);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-filter 1s ease-in-out, -webkit-transform 3s cubic-bezier(.92, .01, .41, .9);
    -moz-transition: opacity 0.5s ease-in-out, -moz-filter 1s ease-in-out, -moz-transform 3s cubic-bezier(.92, .01, .41, .9);
    -ms-transition: opacity 0.5s ease-in-out, -ms-filter 1s ease-in-out, -ms-transform 3s cubic-bezier(.92, .01, .41, .9);
}

.brave-animations-enable #brave .transition.easeout {
    transition: opacity 0.5s ease-in-out, filter 1s ease-in-out, transform 1.2s cubic-bezier(0.42, 0.41, 0.41, 0.9);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-filter 1s ease-in-out, -webkit-transform 1.2s cubic-bezier(0.42, 0.41, 0.41, 0.9);
    -moz-transition: opacity 0.5s ease-in-out, -moz-filter 1s ease-in-out, -moz-transform 1.2s cubic-bezier(0.42, 0.41, 0.41, 0.9);
    -ms-transition: opacity 0.5s ease-in-out, -ms-filter 1s ease-in-out, -ms-transform 1.2s cubic-bezier(0.42, 0.41, 0.41, 0.9);
}

.brave-animations-enable #brave .transition.ease {
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out, -ms-transform 0.25s ease-in-out;
}

.brave-animations-enable #brave .transition.ease.transition-duration-slow {
    transition: opacity 0.25s ease-in-out, transform 0.5s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.5s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.5s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out, -ms-transform 0.5s ease-in-out;
}

.brave-animations-enable #brave .transition.fast {
    transition: transform 0.8s cubic-bezier(.6, .2, 0.1, .99), opacity 0.25s ease-in-out;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(.6, .2, 0.1, .99), opacity 0.25s ease-in-out;
    -moz-transition: -moz-transform 0.8s cubic-bezier(.6, .2, 0.1, .99), opacity 0.25s ease-in-out;
    -ms-transition: -ms-transform 0.8s cubic-bezier(.6, .2, 0.1, .99), opacity 0.25s ease-in-out;
}

#brave {
    opacity: 1;
    background-color: white;
}

.brave-ready-10s #brave {
    /*background-color:black;*/
}

.brave-ready-10s #brave .load {
    fill: #fff;
    z-index: 2;
}

#brave .load.primary {
    /* top: 50vh !important;
                    position: fixed;*/
}

#brave .load {
    max-width: 80px;
    max-height: 80px;
    width: 5.9rem;
    height: 5.9rem;
    fill: #000;
    /*#b1000e;*/
    position: fixed;
}

#brave svg, #brave .load svg {
    width: 100%;
    height: 100%;
}

#brave .load {
    opacity: 0;
}

html:not(.brave-ready) #brave .load, .brave-video-loading #brave .load, .brave-loading #brave .load {
    opacity: 1;
}

.brave-loading.brave-ready-10s #brave .load {
    transition: opacity 0.33s 0.33s ease-in-out !important;
    -webbkit-transition: opacity 0.33s 0.33s ease-in-out !important;
    -moz-transition: opacity 0.33s 0.33s ease-in-out !important;
    -ms-transition: opacity 0.33s 0.33s ease-in-out !important;
}

html:not(.brave-ready-1000) #brave .load.primary rect, #brave .load.primary rect {
    animation: brave-preload 1s linear infinite;
    -webkit-animation: brave-preload 1s linear infinite;
    -moz-animation: brave-preload 1s linear infinite;
    -ms-animation: brave-preload 1s linear infinite;
}

.brave-ready #brave .load.primary {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.001, 0.001);
    -webkit-transform: translate(-50%, -50%) scale(0.001, 0.001);
    -moz-transform: translate(-50%, -50%) scale(0.001, 0.001);
    -ms-transform: translate(-50%, -50%) scale(0.001, 0.001);
}

#brave .toolbar {
    opacity: 0;
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    display: block !important;
}

#brave .toolbar .item {
    color: white;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1em;
    padding-left: 3.33%;
    padding-right: 3.33%;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    font-weight: bold;
}

#brave .disabled, #brave .disabled * {
    pointer-events: none !important;
}

#brave .disabled.menulink > div {
    opacity: 0.25;
}

#brave .toolbar .item.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.brave-section-energy #brave .toolbar .itemenergy.disabled, .brave-section-rail #brave .toolbar .itemrail.disabled, .brave-section-mobility #brave .toolbar .itemmobility.disabled {
    color: rgba(255, 255, 255, 1);
}

#brave .toolbar .itemshare {
    padding-right: 0.6rem;
}

#brave .toolbar .itememail {
    margin-left: 3.33%;
    margin-right: 3.33%;
}

#brave .toolbar .itemcollapse {
    margin-right: 3.33%;
}

html:not(.brave-captured) #brave .toolbar .itemcollapse {
    background-image: url("//possible.bravespark.com/-/media/project/hitachi/sib/en-gb/possible/m/i/expand_001.png") !important;
}

.brave-galleryexpanded #brave .toolbar .itemcollapse, .brave-videoexpanded #brave .toolbar .itemcollapse {
    background-image: url("//possible.bravespark.com/-/media/project/hitachi/sib/en-gb/possible/m/i/close_1_001.png") !important;
}

#brave .gallerywrapper.expanded.background.grey {
    background-color: black;
}

#brave .toolbar .items .item::after, #brave .toolbar .item.selected::after {
    background: rgba(204, 0, 34, 1);
    height: 3px;
}

.brave-chrome #brave .toolbar .items .item::after, .brave-chrome #brave .toolbar .item.selected::after {
    height: 4px;
}

#brave .blackgradient {
    width: 100vw;
    height: 44.4rem;
    position: fixed;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
    top: auto !important;
    bottom: -14.8rem !important;
}

#brave .toolbar .items .item {
    /*overflow:hidden;*/
}

#brave .toolbar .items .item::after {
    opacity: 1;
    transform: translate(-100%, 0) scale(0.0001, 1);
    -webkit-transform: translate(-100%, 0) scale(0.0001, 1);
    -moz-transform: translate(-100%, 0) scale(0.0001, 1);
    -ms-transform: translate(-100%, 0) scale(0.0001, 1);
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
}

.brave-animations-enable #brave .toolbar .items .item::after {
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    -webbkit-transition: opacity 0.25s ease-in-out, -webbkit-transform 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out, -ms-transform 0.25s ease-in-out;
}

#brave .article .menulink {
    height: 11.8rem;
}

#brave .article .menulink h2 {
    max-width: 75%;
    line-height: 1em;
    text-align: left;
}

.brave-section-mobility #brave .toolbar .items .itemhome::after, .brave-section-rail #brave .toolbar .items .itemhome::after, .brave-section-energy #brave .toolbar .items .itemhome::after, .brave-section-new-frontiers #brave .toolbar .items .itemhome::after, .brave-section-rail #brave .toolbar .items .itemmobility::after, .brave-section-energy #brave .toolbar .items .itemmobility::after, .brave-section-new-frontiers #brave .toolbar .items .itemmobility::after, .brave-section-energy #brave .toolbar .items .itemrail::after, .brave-section-new-frontiers #brave .toolbar .items .itemrail::after, .brave-section-new-frontiers #brave .toolbar .items .itemenergy::after {
    transform: translate(100%, 0) scale(0.0001, 1);
    -webkit-transform: translate(100%, 0) scale(0.0001, 1);
    -moz-transform: translate(100%, 0) scale(0.0001, 1);
    -ms-transform: translate(100%, 0) scale(0.0001, 1);
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
}

.brave-section-home.brave-from-section-energy #brave .toolbar .items .itemhome::after, .brave-section-home.brave-from-section-energy #brave .toolbar .items .itemmobility::after, .brave-section-energy.brave-from-section-home #brave .toolbar .items .itemenergy::after, .brave-section-energy.brave-from-section-home #brave .toolbar .items .itemrail::after {
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -ms-transition-delay: 0.15s;
}

.brave-section-home.brave-from-section-rail #brave .toolbar .items .itemhome::after, .brave-section-rail.brave-from-section-home #brave .toolbar .items .itemrail::after {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
}

.brave-section-home.brave-from-section-energy #brave .toolbar .items .itemrail::after, .brave-section-home.brave-section-rail #brave .toolbar .items .itemmobility::after, .brave-section-rail.brave-from-section-home #brave .toolbar .items .itemmobility::after, .brave-section-energy.brave-from-section-home #brave .toolbar .items .itemmobility::after {
    transition-delay: 0.05s;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -ms-transition-delay: 0.05s;
}

.brave-section-home .itemhome::after, .brave-section-energy .itemenergy::after, .brave-section-mobility .itemmobility::after, .brave-section-new-frontiers .itemnew-frontiers::after, .brave-section-new-frontiers .itemnewfrontiers::after, .brave-section-rail .itemrail::after, .brave-section-home #brave .toolbar .items .itemhome::after, .brave-section-energy #brave .toolbar .items .itemenergy::after, .brave-section-mobility #brave .toolbar .items .itemmobility::after, .brave-section-new-frontiers #brave .toolbar .items .itemnew-frontiers::after, .brave-section-new-frontiers #brave .toolbar .items .itemnewfrontiers::after, .brave-section-rail #brave .toolbar .items .itemrail::after {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

#brave .thumb.noafter::after, #brave .thumb.noafter::before, #brave .gallery.articles .thumb::after, #brave .gallery.articles .thumb::before, #brave .gallery.wide .thumb::after, #brave .gallery.wide .thumb::before {
    display: none;
}

#brave .menulink::before, #brave .gallery.wide .thumb::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
    background-color: rgba(255, 255, 255, 0.1);
}

#brave .menulink::before {
    backgrounc-color: #dd0125;
    transform: translate(0, 75%);
    -webkit-transform: translate(0, 75%);
    -moz-transform: translate(0, 75%);
    -ms-transform: translate(0, 75%);
    background: none;
    background-color: rgba(204, 0, 34, 1);
}

#brave .menulink::before, #brave .thumb::after {
    opacity: 0;
}

.brave-hover #brave .menulink:hover::before, #brave .thumb::after {
    transition: opacity 0.1s ease-in-out, transform 0.25s ease-in-out, color 0.25s ease-in-out;
    -webbkit-transition: opacity 0.1s ease-in-out, -webbkit-transform 0.25s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out, -moz-transform 0.25s ease-in-out, color 0.25s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out, -ms-transform 0.25s ease-in-out, color 0.25s ease-in-out;
}

#brave .thumb::after {
    height: 25%;
}

#brave .menulink .ico {
    filter: invert(1);
}

.brave-hover #brave .menulink:hover .ico {
    transform: translate(25%, 0);
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
}

#brave .backnext {
    z-index: 1;
}

.brave-hover #brave .backnext .menulink:first-child:hover .ico, .brave-hover #brave .menulink.moveleft:hover .ico {
    transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
    -moz-transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
}

.brave-hover #brave .menulink:hover .ico.position-center.position-right {
    transform: translate(25%, -50%);
    -webkit-transform: translate(25%, -50%);
    -moz-transform: translate(25%, -50%);
    -ms-transform: translate(25%, -50%);
}

.brave-hover #brave .menulink.external:hover .ico {
    transform: translate(25%, -60%);
    -webkit-transform: translate(25%, -75%);
    -moz-transform: translate(25%, -75%);
    -ms-transform: translate(25%, -75%);
}

.brave-hover #brave .menulink.external:hover .ico.position-center.position-right {
    transform: translate(25%, -60%);
    -webkit-transform: translate(25%, -75%);
    -moz-transform: translate(25%, -75%);
    -ms-transform: translate(25%, -75%);
}

.brave-hover #brave .menulink:hover::before, #brave .thumb.hover::before, #brave .thumb.hover::after, .brave-hover #brave .thumb:hover::after {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .thumb::before, #brave .thumb::after {
    transition: opacity 0.33s ease-in-out !important;
    -webbkit-transition: opacity 0.33s ease-in-out !important;
    -moz-transition: opacity 0.33s ease-in-out !important;
    -ms-transition: opacity 0.33s ease-in-out !important;
}

.brave-hover #brave .thumb:hover::before {
    opacity: 0;
}

#brave .toolbar .backing {
    background-color: black;
}

#brave .toolbar, #brave .toolbar .items {
    z-index: 1;
}

#brave .toolbar .backing, #brave .toolbar .items {
    border-bottom-left-radius: 0.9rem;
    border-bottom-right-radius: 0.9rem;
}

#brave .section:not(.overflow-visible) {
    overflow: hidden;
}

#brave .toolbar, #brave .section.topmost {
    z-index: 1;
}

.brave-portrait #brave .header {
    height: 100%;
}

.brave-portrait #brave .toolbar, .brave-portrait #brave .toolbar .backing {
    height: 100%;
}

.brave-portrait #brave .toolbar, .brave-portrait #brave .toolbar .backing, .brave-portrait #brave .toolbar .wrapper {
    max-width: none;
    width: 100%;
    border-radius: 0;
}

.brave-portrait #brave .toolbar .landscapeitems .backing {
    border-radius: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
}

.brave-portrait #brave .toolbar .items {
    overflow: visible;
}

.brave-portrait #brave .toolbar .item::after {
    display: none !important;
}

.brave-portrait #brave .toolbar .items .item::after {
    height: 1px;
    display: block !important;
    opacity: 1 !important;
}

.brave-portrait #brave .toolbar .landscapeitems {
    padding-top: 6.66%;
}

.brave-portrait #brave .toolbar .landscapeitems, #brave .toolbar .portraititems {
    position: absolute;
}

#brave .toolbar .landscapeitems, .brave-portrait #brave .toolbar .portraititems {
    position: relative;
}

.brave-portrait #brave .toolbar .portraititems {
    z-index: 1;
}

#brave .toolbar .portraititems, .brave-menu.brave-portrait #brave .toolbar .hitachilogo, .brave-portrait #brave .toolbar .landscapeitems .transition, .brave-portrait #brave .toolbar .landscapeitems {
    opacity: 0;
}

.brave-portrait #brave .toolbar .landscapeitems .transition {
    transform: translateY(-1.5rem);
    -webkit-transform: translateY(-1.5rem);
    -moz-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
}

.brave-portrait #brave .toolbar .portraititems, .brave-menu.brave-portrait #brave .toolbar .landscapeitems .transition, .brave-menu.brave-portrait #brave .toolbar .landscapeitems {
    opacity: 1;
}

.brave-menu.brave-portrait #brave .toolbar .landscapeitems .transition {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

.brave-page-home.brave-landscape #brave .toolbar {
    transition-delay: 0.5s !important;
    -webkit-transition-delay: 0.5s !important;
    -moz-transition-delay: 0.5s !important;
    -ms-transition-delay: 0.5s !important;
}

.brave-portrait.brave-ready #brave .toolbar, .brave-portrait.brave-ready #brave .toolbar .link-active:not(.burger) {
    pointer-events: none;
}

.brave-menu.brave-portrait.brave-ready #brave .toolbar, .brave-menu.brave-portrait.brave-ready #brave .toolbar .link-active {
    pointer-events: all;
}

.brave-portrait #brave .toolbar .backing {
    height: 59.2rem;
    top: auto;
    bottom: 0;
}

.brave-menu.brave-portrait #brave .toolbar .backing {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transition-delay: 0s !important;
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -ms-transition-delay: 0s !important;
}

.brave-menu.brave-portrait #brave .toolbar .backingwrapper {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transition-delay: 0s !important;
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -ms-transition-delay: 0s !important;
}

.brave-portrait #brave .toolbar .itemsright {
    position: relative;
    left: auto;
    top: auto;
    text-align: left;
}

.brave-portrait #brave .toolbar .item, .brave-portrait #brave .toolbar .itemcollapse {
    display: block;
    padding-left: 5vw;
    padding-right: 5vw;
}

.brave-portrait #brave .toolbar .item::after {
    left: 5vw;
    right: 5vw;
    width: auto;
}

.brave-portrait #brave .toolbar .itemshare {
    display: inline-block;
}

.brave-portrait #brave .toolbar .itememail {
    margin-left: 0;
    margin-right: 0;
}

.brave-portrait #brave .toolbar .item, .brave-portrait #brave .toolbar .ico {
    font-size: 1.5rem;
    line-height: 1em;
    padding-top: 5.5%;
    padding-bottom: 5.5%;
    height: auto;
    margin: 0;
    background-size: auto 1.8rem;
}

.brave-portrait #brave .toolbar .ico {
    width: 3rem;
}

.brave-portrait #brave .toolbar .ico::before {
    content: "";
    display: inline-block;
}

.brave-portrait #brave .toolbar .itemcollapse {
    background-position: 5vw center;
    width: 100%;
}

.brave-portrait #brave .toolbar .ico.linkedin {
    background-position: center 45%;
    background-size: auto 1.9rem;
}

.brave-portrait #brave .ico.facebook {
    background-position: 35% 42.5%;
}

.brave-portrait #brave .toolbar .itemhome, .brave-portrait #brave .toolbar .itemenergy, .brave-portrait #brave .toolbar .itemmobility, .brave-portrait #brave .toolbar .itemnewfrontiers, .brave-portrait #brave .toolbar .itemrail {
    font-size: 2.4rem;
    line-height: 1em;
    padding-top: 5.5%;
    padding-bottom: 5.5%;
}

.brave-page-home.brave-mobile.brave-landscape #HeaderArea1, .brave-page-home.brave-mobile.brave-landscape #HeaderArea2, .brave-page-home.brave-mobile.brave-landscape #TopicPath, .brave-page-home.brave-mobile.brave-landscape #HorizontalLocalNavi, .brave-page-home.brave-ready-1000 #HeaderArea1, .brave-page-home.brave-ready-1200 #HeaderArea2, .brave-page-home.brave-ready-1200 #TopicPath, .brave-page-home.brave-ready-1200 #HorizontalLocalNavi, html:not(.brave-page-home).brave-ready #HeaderArea1, html:not(.brave-page-home).brave-ready #HeaderArea2, html:not(.brave-page-home).brave-ready #TopicPath, html:not(.brave-page-home).brave-ready #HorizontalLocalNavi, .brave-ready #brave .toolbar, .brave-ready #brave main > .transition-on-scroll:not(.section), #brave .section.transition-on-scroll {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .section.stop {
    opacity: 0 !important;
    transition: opacity 0.33s ease-in-out !important;
    -webbkit-transition: opacity 0.33s ease-in-out !important;
    -moz-transition: opacity 0.33s ease-in-out !important;
    -ms-transition: opacity 0.33s ease-in-out !important;
}

#brave .opening {
    padding-right: 285px;
}

#brave .downloadplaceholder > * {
    position: relative;
    margin-right: 0;
    background-color: #2e2e2e;
}

#brave .downloadplaceholder a::before {
    display: none;
}

#brave .downloadplaceholder .cta {
    right: 1.6rem;
    bottom: 1.6rem;
}

.brave-ready #brave .downloadplaceholder * {
    text-decoration: none;
    text-align: center;
    font-size: 1.2rem;
}

#brave .scrolldown a {
    width: 100%;
    height: 100%;
}

.brave-ready:not(.brave-scrolled) #brave .downloadplaceholder *, .brave-ready #brave .toolbar, .brave-ready #brave .toolbar .link-active:not(.disabled), #brave .section.transition-on-scroll, #brave .overflow-auto, #brave .link-active:not(.disabled) {
    pointer-events: all;
}

.brave-ready #brave .downloadplaceholder *, .brave-ready #brave .toolbar .link-active:not(.disabled), #brave .link-active:not(.disabled) {
    cursor: pointer;
}

#brave .burger {
    width: 2.4rem;
    height: 1.3rem;
    display: inline-block;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.001);
}

#brave .burger .filler {
    width: 120%;
    height: 190%;
    pointer-events: all;
}

.playing #brave .burger {
    opacity: 0 !important;
    pointer-events: none !important;
}

#brave .hitachilogo {
    background-position: left center;
    top: -0.3rem;
    bottom: -0.3rem;
    height: auto;
}

#brave .burger::before, #brave .burger::after, #brave .burger em {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #fff;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    box-shadow: -1px 1px 0px rgba(0, 0, 0, 0.75);
}

#brave .burger::before {
    top: 0;
}

#brave .burger::after {
    top: 100%;
}

.brave-animations-enable #brave .burger::before, .brave-animations-enable #brave .burger::after, .brave-animations-enable #brave .burger em {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.1s ease-out, box-shadow 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.1s ease-out, box-shadow 0.1s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.1s ease-out, box-shadow 0.1s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.1s ease-out, box-shadow 0.1s ease-out;
}

.brave-portrait.brave-mobile.brave-videoexpanded #brave .burger::before, .brave-videoexpanded #brave .burger::before, .brave-portrait.brave-mobile.brave-menu #brave .burger::before, .brave-menu #brave .burger::before {
    transform: translate(0, 2.25vw) rotate(45deg);
    -webkit-transform: translate(0, 2.25vw) rotate(45deg);
    -moz-transform: translate(0, 2.25vw) rotate(45deg);
    -ms-transform: translate(0, 2.25vw) rotate(45deg);
    box-shadow: -1px 1px 0px rgba(0, 0, 0, 0);
    background-color: white;
}

.brave-portrait.brave-mobile.brave-videoexpanded #brave .burger::after, .brave-videoexpanded #brave .burger::after, .brave-portrait.brave-mobile.brave-menu #brave .burger::after, .brave-menu #brave .burger::after {
    transform: translate(0, -2.25vw) rotate(-45deg);
    -webkit-transform: translate(0, -2.25vw) rotate(-45deg);
    -moz-transform: translate(0, -2.25vw) rotate(-45deg);
    -ms-transform: translate(0, -2.25vw) rotate(-45deg);
    box-shadow: -1px 1px 0px rgba(0, 0, 0, 0);
    background-color: white;
}

.brave-portrait.brave-videoexpanded #brave .burger::before, .brave-portrait.brave-menu #brave .burger::before {
    transform: translate(0, 1.5vw) rotate(45deg);
    -webkit-transform: translate(0, 1.5vw) rotate(45deg);
    -moz-transform: translate(0, 1.5vw) rotate(45deg);
    -ms-transform: translate(0, 1.5vw) rotate(45deg);
    box-shadow: -1px 1px 0px rgba(0, 0, 0, 0);
    background-color: white;
}

.brave-portrait.brave-videoexpanded #brave .burger::after, .brave-portrait.brave-menu #brave .burger::after {
    transform: translate(0, -1.5vw) rotate(-45deg);
    -webkit-transform: translate(0, -1.5vw) rotate(-45deg);
    -moz-transform: translate(0, -1.5vw) rotate(-45deg);
    -ms-transform: translate(0, -1.5vw) rotate(-45deg);
    box-shadow: -1px 1px 0px rgba(0, 0, 0, 0);
    background-color: white;
}

.brave-videoexpanded #brave .burger em, .brave-menu #brave .burger em {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    box-shadow: -1px 1px 0px rgba(0, 0, 0, 0);
}

#brave .section a {
}

#brave .text-color-white {
    color: #fff;
}

#brave .section .text-color-white a:not(.cta) {
    color: #2b2b2b;
}

#brave .section a:not(.cta).text-color-white {
    color: #fff;
}

#brave .section h2 a {
    padding: 0;
    background-color: transparent;
    background-image: none;
}

.brave-hover #brave .section a:hover {
    /*text-decoration:underline;*/
}

#brave .transition-on-scroll {
    opacity: 0;
}

#brave .transition.scale, #brave .transition-on-scroll.scale {
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
}

.brave-desktop #brave .section.home .transition.scale, .brave-desktop #brave .section.home .transition-on-scroll.scale {
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
}

#brave .transition.in, #brave .transition-on-scroll.in {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
}

#brave .transition.blur, #brave .transition-on-scroll.blur {
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
}

#brave .transition.transition-direction-right, #brave .transition-on-scroll.transition-direction-right {
    transform: translateX(-3rem);
    -webkit-transform: translateX(-3rem);
    -moz-transform: translateX(-3rem);
    -ms-transform: translateX(-3rem);
}

#brave .transition.left, #brave .transition-on-scroll.left {
    transform: translateX(3rem);
    -webkit-transform: translateX(3rem);
    -moz-transform: translateX(3rem);
    -ms-transform: translateX(3rem);
}

#brave .transition.transition-direction-up, #brave .transition-on-scroll.transition-direction-up {
    transform: translateY(3rem);
    -webkit-transform: translateY(3rem);
    -moz-transform: translateY(3rem);
    -ms-transform: translateY(3rem);
}

#brave .transition.rotate, #brave .transition-on-scroll.rotate {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

#brave .valuecreation .rotateinfinite, #brave .valuecreation.rotate {
    transform-origin: 50.15% 54.33%;
    -webkit-transform-origin: 50.15% 54.33%;
    -moz-transform-origin: 50.15% 54.33%;
    -ms-transform-origin: 50.15% 54.33%;
}

#brave .section.article > :not(.hero) .transition.transition-direction-up, #brave .section.article > :not(.hero) .transition-on-scroll.transition-direction-up {
    transform: translateY(14.8rem);
    -webkit-transform: translateY(14.8rem);
    -moz-transform: translateY(14.8rem);
    -ms-transform: translateY(14.8rem);
}

#brave .transition.transition-direction-up.big, #brave .transition-on-scroll.transition-direction-up.big {
    transform: translateY(5.9rem);
    -webkit-transform: translateY(5.9rem);
    -moz-transform: translateY(5.9rem);
    -ms-transform: translateY(5.9rem);
}

#brave .transition.transition-direction-up.full, #brave .transition-on-scroll.transition-direction-up.full {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
}

#brave .transition.down, #brave .transition-on-scroll.down {
    transform: translateY(-3rem);
    -webkit-transform: translateY(-3rem);
    -moz-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
}

#brave .transition.down.big, #brave .transition-on-scroll.down.big {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
}

.brave-ie #brave .transition.transition-direction-up, .brave-ie #brave .transition-on-scroll.transition-direction-up {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
}

#brave .videoplayer video, #brave .section.home .video {
    /*opacity: 0;*/
}

#brave .section.home .video {
    /* padding-top:4.4rem; 
                    background-color: black;*/
}

#brave .video {
    opacity: 1;
}

#brave .transition.transition-on-scroll {
    opacity: 0;
}

#brave .transition.transition-on-scroll.titlewrapper, #brave .transition.transition-on-scroll.titlewrapper {
    opacity: 1;
    transform: translate(0, 6.7rem);
    -webkit-transform: translate(0, 6.7rem);
    -moz-transform: translate(0, 6.7rem);
    -ms-transform: translate(0, 6.7rem);
}

.brave-portrait #brave .transition.transition-on-scroll.titlewrapper, .brave-portrait #brave .transition.transition-on-scroll.titlewrapper {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .halfpanel {
    width: 50%;
}

#brave .halfpanel.onethird {
    width: 27%;
}

#brave .halfpanel.twothirds {
    width: 73%;
}

#brave .halfpanel.forty {
    width: 40%;
}

#brave .halfpanel.sixty {
    width: 60%;
}

.brave-portrait #brave .halfpanel.twothirds {
    width: 100%;
}

#brave .leftpanel {
    padding-right: 3rem;
}

#brave .rightpanel {
    padding-left: 3rem;
}

#brave .sticky.rightpanel, #brave .sticky.leftpanel {
    top: 10.4rem;
    z-index: 0;
}

.brave-portrait #brave .leftpanel, .brave-portrait #brave .rightpanel {
    padding-left: 0;
    padding-right: 0;
}

.brave-portrait #brave .position-absolute.leftpanel.halfpanel {
    position: relative;
    top: 0;
    height: 29.6rem;
    padding-bottom: 3rem;
}

.brave-portrait #brave .rightpanel {
    padding-top: 1.5rem;
}

#brave .environmenthome .rightpanel {
    padding-left: 0;
}

#brave .carousel .half {
    width: 23.7rem;
    min-width: calc(50% - 0.9rem);
    max-width: 100%;
    vertical-align: top;
}

#brave .carousel .half, #brave .carousel .half:not(.image-cover) {
    /* background-color: rgba(255, 255, 255, 0.1) !important;*/
}

#brave .carousel.expandable [data-tab]:not(.carouseltab) {
    position: relative !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    max-height: 1000px;
}

#brave .carousel.expandable [data-tab]:not(.selected):not(.carouseltab) {
    max-height: 0;
}

#brave .carousel.expandable [data-tab]:not(.selected):not(.carouseltab) > * {
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

#brave .carousel.expandable [data-tab].selected:not(.carouseltab) > * {
    opacity: 1;
    transition: all 0.25s 0.25s ease-in-out;
    -webkit-transition: all 0.25s 0.25s ease-in-out;
    -moz-transition: all 0.25s 0.25s ease-in-out;
    -ms-transition: all 0.25s 0.25s ease-in-out;
}

#brave .carousel.expandable .carouseltab, #brave .carousel.expandable .carouseltab.selected {
    border-bottom: none;
    padding-bottom: 0;
    font-size: 2.1rem;
    width: 100%;
    max-width: none;
    padding-right: 25%;
}

#brave .carousel.expandable .p, #brave .carousel.expandable p {
    font-size: 1.5rem;
}

.brave-portrait #brave .carousel.expandable .p, .brave-portrait #brave .carousel.expandable p {
    font-size: 1.8rem;
}

.brave-portrait #brave .carousel.expandable .p.small, .brave-portrait #brave .carousel.expandable p.small {
    font-size: 1.6rem;
}

.brave-portrait #brave .p.smaller, .brave-portrait #brave p.smaller {
    font-size: 1.3rem;
}

#brave .sdgicon {
    width: 14.2%;
    min-width: 2.5rem;
    height: auto;
    padding-right: 2%;
}

#brave .sdgicon img {
    width: 100%;
    height: auto;
}

#brave .carousel.expandable .carouseltab:not(.selected) .ico {
    transform: translate3d(0, -50%, 0) rotate(180deg);
    -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
    -moz-transform: translate3d(0, -50%, 0) rotate(180deg);
    -ms-transform: translate3d(0, -50%, 0) rotate(180deg);
}

#brave .underline {
    text-decoration: underline;
}

#brave .section.our-approach-our-strategic-priorities .carousel a.carouselitem:hover .background-grey-dark, #brave .section.strategicpriorities .carousel a.carouselitem:hover .background-grey-dark {
    background-color: #151515;
}

#brave .section.reporting-center-investor-relations-highlights a:not(.cta):hover h2, #brave .section.investor a:not(.cta):hover h2 {
    text-decoration: underline;
}

#brave .section a:not(.cta):not(.carouseltab):hover, #brave .section a:not(.cta):not(.carouseltab).text-color-black:hover, #brave .section a:not(.cta):not(.carouseltab).text-color-white:hover, #brave .text-color-black.underline:hover {
    color: #dd0125;
}

#brave .carousel .third {
    width: 23.7rem;
    /*min-width:calc(33.33% - 1.2rem);*/
    max-width: 100%;
    vertical-align: top;
}

#brave .carousel .third.expanded {
    height: auto;
}

#brave .carousel.thirds .third {
    width: calc(33.33% - 0.6rem);
    vertical-align: top;
}

.brave-portrait #brave .portraitoverflow.nw {
    white-space: normal;
}

.brave-portrait #brave .carousel.thirds .third {
    width: 100%;
    padding-bottom: 3rem;
}

#brave .carouselitem {
    height: 17.8rem;
    vertical-align: top;
    text-align: left;
}

#brave .section.our-approach-collaboration-and-partnerships .carousel .carouselitem, #brave .section.partners .carousel .carouselitem {
    overflow: visible;
}

#brave .carousel.center .carouselitem {
    width: 23.7rem;
    max-width: 100%;
}

#brave .carousel.center:not(.forcedcenter) .carouselitem:nth-child(1), #brave .carousel.center.allowcenter .carouselitem:nth-child(1) {
    margin-left: 25%;
}

#brave .carousel.center:not(.forcedcenter) .carouselitem:nth-last-child(2), #brave .carousel.center.allowcenter .carouselitem:nth-last-child(2) {
    margin-right: 25%;
}

#brave .primarystat {
    padding-left: 20.7rem;
}

.brave-portrait #brave .primarystat {
    padding-left: 0;
}

#brave .carouselitem .image-cover {
    height: 12rem;
}

#brave .carouselitem.expanded .copy {
    min-height: 33rem;
}

#brave .carouselitem.expanded .cta {
    left: 2.4rem;
    bottom: 1.5rem;
}

#brave .carouselitem.shorter {
    height: 14.8rem;
}

#brave .carouselitem:not(.expanded) .copy {
    transform: translate(0, 11.8rem);
    -webkit-transform: translate(0, 11.8rem);
    -moz-transform: translate(0, 11.8rem);
    -ms-transform: translate(0, 11.8rem);
}

#brave .carouselitem.taller {
    height: 29.6rem;
}

#brave .carouselitem.taller .image-cover {
    height: 14.8rem;
}
/*
.brave-lanjajp #brave .carouselitem.taller .image-cover {
    height: 11.8rem;
}
*/
#brave .carouselitem.taller .roundarrow {
    position: absolute;
    left: 2.4rem;
    bottom: 2.4rem;
    top: auto;
}

#brave .carouselitem.taller:not(.expanded) .copy {
    transform: translate(0, 14.8rem);
    -webkit-transform: translate(0, 14.8rem);
    -moz-transform: translate(0, 14.8rem);
    -ms-transform: translate(0, 14.8rem);
    padding: 2.4rem;
    padding-top: 2.1rem;
}
/*
.brave-lanjajp #brave .carouselitem.taller:not(.expanded) .copy {
    transform: translate(0, 11.8rem);
    -webkit-transform: translate(0, 11.8rem);
    -moz-transform: translate(0, 11.8rem);
    -ms-transform: translate(0, 11.8rem);
}
*/
#brave .carouselitem:not(.expanded) .copy .h2, #brave .carouselitem:not(.expanded) .copy h2 {
    transform: translate(0, -0.9rem);
    -webkit-transform: translate(0, -0.9rem);
    -moz-transform: translate(0, -0.9rem);
    -ms-transform: translate(0, -0.9rem);
}

#brave .carouselitem:not(.expanded) .copy p:not(.h2), #brave .carouselitem:not(.expanded) .copy .p, #brave .carouselitem:not(.expanded) .copy .roundarrow {
    transform: translate(0, 0.9rem);
    -webkit-transform: translate(0, 0.9rem);
    -moz-transform: translate(0, 0.9rem);
    -ms-transform: translate(0, 0.9rem);
    opacity: 0;
}

#brave .section.partners .carousel .carouselitem .image-cover {
    background-size: auto 200%;
    width: 108%;
    /* max-width: 100%; */
    height: auto;
    background-position: -3.25% 0%;
    /*border: 1px solid red;*/
}

#brave .section.partners .carouselitem .image-cover::before {
    content: "";
    display: block;
    padding-top: 50%;
}

#brave .section.partners .partners1 .partner.image-cover {
    width: 135%;
    background-size: auto 50%;
    background-position: center;
}

#brave .section.partners .partners1 .partner1.image-cover {
    background-position: -3.25% 0%;
    width: 135%;
}

#brave .section.partners .partners1 .partner2.image-cover {
    background-position: 15.5% 0%;
    width: 135%;
}

#brave .section.partners .partners1 .partner3.image-cover {
    background-position: 36.75% 0%;
    width: 135%;
}

#brave .section.partners .partners1 .partner4.image-cover {
    background-position: 58.75% 0%;
    width: 135%;
}

#brave .section.partners .partners1 .partner4.image-cover {
    background-position: 81.25% 0%;
    width: 135%;
}

#brave .section.partners .partners1 .partner5.image-cover {
    background-position: 102.25% 0%;
}

#brave .section.partners .partners1 .partner6.image-cover {
    background-position: 0% 100%;
}

#brave .section.partners .partners1 .partner7.image-cover {
    background-position: 21.5% 100%;
}

#brave .section.partners .partners1 .partner8.image-cover {
    background-position: 45.5% 100%;
}

#brave .section.partners .partners1 .partner9.image-cover {
    background-position: 72.5% 100%;
}

#brave .section.partners .partners1 .partner10.image-cover {
    background-position: 98% 100%;
}

#brave .section.partners .partners2 .partner0.image-cover {
    background-position: -7.75% -10%;
    width: 135%;
}

#brave .section.partners .partners2 .partner1.image-cover {
    background-position: 16.25% -10%;
    width: 135%;
}

#brave .section.partners .partners2 .partner2.image-cover {
    background-position: 44.25% -10%;
    width: 135%;
}

#brave .section.partners .partners2 .partner3.image-cover {
    background-position: 68.25% -10%;
    width: 135%;
}

#brave .section.partners .partners2 .partner4.image-cover {
    background-position: 88% -10%;
    width: 135%;
}

#brave .section.partners .partners2 .partner5.image-cover {
    background-position: 108% -10%;
    width: 135%;
}

#brave .section.partners .partners2 .partner6.image-cover {
    background-position: 3.5% 95%;
}

#brave .section.partners .partners2 .partner7.image-cover {
    background-position: 25.75% 95%;
}

#brave .section.partners .partners2 .partner8.image-cover {
    background-position: 44% 95%;
}

#brave .section.partners .partners2 .partner9.image-cover {
    background-position: 64% 95%;
}

#brave .section.partners .partners2 .partner10.image-cover {
    background-position: 93.5% 102%;
    background-size: auto 180%;
}

#brave .section.partners .partners2 .partner11.image-cover {
    background-position: -7.75% 95%;
}

#brave .section.partners .partners2 .partner12.image-cover {
    background-position: 10.5% 95%;
}

#brave .section.partners .carousel .scrollbarplaceholder {
    display: none;
}

#brave .investorlink {
    padding-right: 5.9rem;
}

#brave .section a:not(.underline), #brave .section a:not(.underline) * {
    text-decoration: none;
}

#brave a.underline::before {
    display: none;
}

#brave .section.reporting-center-view-our-latest-sustainability-report a:not(.cta) p {
    padding-right: 5rem;
}

#brave .videothumbnail {
    height: 26rem;
    background-color: rgba(255, 255, 255, 0.1);
}

.brave-portrait #brave .videothumbnail {
    position: absolute;
    left: 0;
    top: 0;
}

.brave-portrait #brave .videostrip {
    padding-top: 25rem;
    padding-bottom: 3rem;
}

#brave .half {
    width: 50%;
}

#brave .half.withline {
    width: calc(50% - 1px);
}

.brave-portrait #brave .halfpanel, .brave-portrait #brave .halfpanel.onethird, .brave-portrait #brave .halfpanel.forty, .brave-portrait #brave .halfpanel.sixty, .brave-portrait #brave .halfpanel.twothirds, .brave-portrait #brave .half {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.brave-portrait #brave .section.sustainability-report .text-align-right {
    text-align: left;
}

.brave-portrait #brave .section.sustainability-report .halfpanel {
    max-width: 50rem;
}

.brave-portrait #brave .halfpanel.sticky, .brave-portrait #brave .half.sticky {
    position: relative;
    top: 0;
}

.brave-portrait #brave .half.paddedleft, .brave-portrait #brave .half.paddedright {
    padding-left: 0;
    padding-right: 0;
}

#brave .roundarrow.cta, #brave .roundarrow {
    width: 3rem;
    height: 3rem;
}

#brave .carouselitem.hover .copy p, #brave .carouselitem.hover .copy .p, #brave .carouselitem.hover .copy .roundarrow, #brave .carouselitem.hover .copy h2, #brave .carouselitem.hover .copy .h2, #brave .carouselitem.hover .copy, .brave-lanjajp #brave .carouselitem.taller.hover .copy, .brave-hover #brave .carouselitem:hover .copy p, .brave-hover #brave .carouselitem:hover .copy .p, .brave-hover #brave .carouselitem:hover .copy .roundarrow, .brave-hover #brave .carouselitem:hover .copy h2, .brave-hover #brave .carouselitem:hover .copy .h2, .brave-hover #brave .carouselitem:hover .copy, .brave-lanjajp.brave-hover #brave .carouselitem.taller:hover .copy {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    opacity: 1;
}

#brave .box-viewport {
    pointer-events: none;
    height: 100vh;
}

#brave .section a.carouseltab, #brave .carouseltab {
    width: 23.7rem;
    max-width: calc(33.33% - 2.4rem);
    padding-bottom: 0.9rem;
    border-bottom: 2px solid #000;
    opacity: 0.75;
    color: #2b2b2b;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.1em;
}

#brave .carousel.expandable .carouseltab:not(.selected) {
    opacity: 1;
}

#brave .section a.carouseltab.text-color-white:not(.selected), #brave .carouseltab.text-color-white:not(.selected) {
    border-bottom: 2px solid #fff;
}

#brave .section a.carouseltab.text-color-white, #brave .carouseltab.text-color-white {
    color: #fff;
}

#brave .section.ceo a.carouseltab, #brave .section.ceo .carouseltab {
    max-width: calc(50% - 2.4rem);
}

#brave .section a.carouseltab.quarter, #brave .section .carouseltab.quarter {
    max-width: calc(25% - 2.4rem);
}

#brave .carousel.full [data-tab] .transition:not(.transition-on-scroll), #brave .carousel.full .selected[data-tab] .transition.image-cover:not(.transition-on-scroll) {
    opacity: 0;
}

#brave .carousel.full [data-tab]:not(.selected) * {
    pointer-events: none;
}

#brave .carousel.full .selected[data-tab] .transition.image-cover.ready:not(.transition-on-scroll), #brave .carousel.full .selected[data-tab] .transition:not(.transition-on-scroll) {
    opacity: 1;
}

#brave .carousel .thumb {
    padding-right: 5.9rem;
    height: 23.7rem;
}

#brave .carousel.stats .thumb {
    height: auto;
}

#brave .section.driving .carousel .thumb {
    padding-right: 0;
}

#brave .section.driving .carousel .leftpart {
    width: 23.7rem;
    max-width: 80%;
}

#brave .greytrackscrollbar .scrollbar-track-x {
    background-color: rgba(43, 43, 43, 0.25);
}

#brave .section.driving .carousel .thumb .wash {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    width: 26.6rem;
    max-width: 85%;
}

#brave .carousel .thumb .wash {
    background-color: rgba(0, 0, 0, 1);
    opacity: 0.6;
    transform: translate(-5.9rem, 0);
    -webkit-transform: translate(-5.9rem, 0);
    -moz-transform: translate(-5.9rem, 0);
    -ms-transform: translate(-5.9rem, 0);
}

#brave .section.driving .carousel a:hover .thumb .wash, #brave .carousel a:hover .thumb .wash {
    opacity: 0.7;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

#brave .carousel a:hover .leftpart {
    transform: translate(0.3rem, 0);
    -webkit-transform: translate(0.3rem, 0);
    -moz-transform: translate(0.3rem, 0);
    -ms-transform: translate(0.3rem, 0);
}

#brave .carousel .thumb::before {
    display: none;
}

#brave .carousel .thumb .leftpart {
    padding: 1.8rem;
    padding-left: 3rem;
    width: 100%;
}

.brave-hover #brave .section .carouseltab, .brave-hover #brave .section .carouseltab:hover {
    text-decoration: none;
}

.brave-hover #brave .section .carouseltab:hover {
    opacity: 1;
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
}

#brave .section a.carouseltab.selected, #brave .carouseltab.selected {
    color: #dd0125;
    border-bottom: 2px solid #dd0125;
    opacity: 1;
}

#brave .carousel.expandable a.carouseltab.selected, #brave .carousel.expandable .carouseltab.selected {
    color: #2b2b2b;
}

#brave .carousel .leftpart {
    width: 50%;
}

#brave .carousel .rightpart {
    width: 50%;
    padding-left: 1.2rem;
}

#brave .carousel.expandable .ico {
    width: 1.3rem;
    height: 1.3rem;
}

#brave .carousel.expandable .constrain {
    max-width: 60%;
}

#brave .carousel.expandable .rightpart {
    width: 50%;
    padding-left: 0;
}

#brave .carousel.expandable a > .rightpart, #brave .carousel.expandable .rightpart > div:first-child {
    padding-right: 3rem;
}

.brave-portrait #brave .carousel.expandable .rightpart {
    width: 100%;
    padding-right: 0;
}

#brave .section.our-priorities .carousel .leftpart, #brave .section.accelerating .carousel .leftpart {
    width: 45%;
}

#brave .section.our-priorities .carousel .rightpart, #brave .section.accelerating .carousel .rightpart {
    width: 55%;
    padding-left: 0;
}

#brave .section.our-priorities .carousel .h2.quote, #brave .section.accelerating .carousel .h2.quote {
    max-width: 47.3rem;
}

#brave .carousel .leftpart {
    padding-right: 3rem;
    margin-bottom:3rem; /*24.06.10*/
    /*calc(5.9rem + 10vw);*/
}

#brave .section.our-priorities .carousel .leftpart, #brave .section.accelerating .carousel .leftpart {
    /* padding-right: 5.9rem;*/
}

#brave .carousel .leftpart .label {
    width: 13rem;
    padding-left: 1.2rem;
}

#brave .section.ceo .carousel [data-tab="1"] .leftpart .label {
    width: 32rem;
    max-width: 100%;
}

#brave .carousel .leftpart .label p {
    font-size: 0.9rem;
    line-height: 1.35em;
}

#brave .carousel .leftpart .label p.name {
    font-size: 1rem;
    line-height: 1.2em;
}

#brave .carousel .learnmore {
    width: 7.4rem;
    height: auto;
}

#brave .subline {
    width: 39.1rem;
    height: auto;
    max-width: 100%;
}

.brave-lanjajp #brave .subline {
    width: 44.4rem;
}

#brave .subline.wider {
    width: 44.4rem;
    height: auto;
}

#brave .ourstrategy {
    width: 8.9rem;
    height: auto;
}

#brave .tag {
    font-size: 0.9rem;
    line-height: 1em;
    padding: 0.7rem;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 1000px;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-right: 0.7rem;
    margin-bottom: 0.7rem;
}

.brave-lanjajp #brave .tag {
    padding-bottom: 0.3rem;
}

#brave .tag.trans {
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
}

#brave .transition.transition-on-scroll.videowrapper, #brave .transition.transition-on-scroll.videowrapper {
    opacity: 0;
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

.brave-ready #brave .videoplayer.canplay video, .brave-ready #brave .video.canplay, .brave-ready #brave .transition.transition-on-scroll.visible.image-cover.ready, .brave-ready #brave .transition.transition-on-scroll.visible.image-contain.ready, .brave-ready #brave img.transition.transition-on-scroll.visible.ready, .brave-ready #brave .transition.transition-on-scroll.visible:not(.image-cover):not(.image-contain):not(img), .brave-ready #brave .transition.transition-on-scroll.visible.big:not(.image-cover):not(.image-contain) {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
}

.brave-ready #brave .disabled .transition.transition-on-scroll.visible.image-cover.ready {
    opacity: 0.25
}

#brave .videoplayer.paused.canplay video {
    opacity: 0.5;
}

#brave .section.home {
    /*background:#b1000e;*/
}

/*
.brave-mobile.brave-captured.brave-captured body > div {
    opacity: 0;
}

.brave-mobile.brave-captured.brave-captured body > div#onetrust-consent-sdk {
    opacity: 1;
}*/

html:not(.brave-captured) #brave * {
    /*  pointer-events: none !important;*/
}

#brave.background-black, #brave .background-black {
    background-color: black;
}

#brave.background-grey-dark, #brave .background-grey-dark {
    background-color: #1d1d1d;
}

#brave.background-grey, #brave .background-grey {
    background-color: #2d2d2d;
}

#brave.background-grey-light, #brave .background-grey-light {
    background-color: #d9d9d9;
}

#brave.background-grey-lighter, #brave .background-grey-lighter {
    background-color: #f5f5f5;
}

#brave.background-white, #brave .background-white {
    background-color: white;
}

#brave.background-transparent, #brave .background-transparent {
    background-color: transparent;
}

#brave .section .scrolldown {
    width: 7.7rem;
    height: auto;
    bottom: 2.4rem;
}

#brave .section.home .hero {
    opacity: 0 !important;
}

#brave .borderight {
    border-right: 2px solid #B3B3B3;
}

#brave .line.vertical {
    height: 23.7rem;
    width: 1px;
}

#brave .line {
    height: 1px;
    background-color: #B3B3B3;
}

#brave .line.text-color-white { 
    background-color: rgba(255, 255, 255, 0.5); /*24.06.10 : 0.1 竊� 0.5*/
}

#brave .line.whiter {
    background-color: rgba(255, 255, 255, 0.3);
}

#brave .line.text-color-white.sharp {
    background-color: rgba(255, 255, 255, 0.5);
}

#brave .line.thin, #brave .section.investor .line {
    height: 1px;
}

#brave .section.home .gallery .light2 {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
    opacity: 0;
}

#brave .section .light15 {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
}

#brave .section .light20 {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

#brave .section .light25 {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}

#brave .section .light30 {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

#brave .section .light {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

#brave .section .light.lighter {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
}

#brave .section .very.light {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.5));
}

#brave .section.home video {
    width: 188vh;
    height: 100vh;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    opacity: 0.75;
}

.brave-mobile #brave .section.home video {
    width: 100vw;
    height: 189.74vw;
}

@media screen and (max-aspect-ratio: 5270/10000) {
    .brave-mobile #brave .section.home video {
        width: 31.2rem;
        height: 59.2rem;
    }
}

#brave svg {
    width: 100%;
    height: auto;
}

#brave .valuecreation {
    height: auto;
    max-height: 25rem;
}

#brave .valuecreation::before {
    content: "";
    display: block;
    padding-top: 40%;
}

#brave .valuecreationportrait {
    width: 80%;
    max-width: 30rem;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

#brave .oneof {
    width: auto;
    height: 1rem;
}

#brave a.cta, #brave .cta, #brave .partnerscta, #brave .oursocialinnovationbusiness, #brave .latestsustainabilityreport {
    width: auto;
    height: 3.6rem;
}

#brave a.cta.roundarrow, #brave .cta.roundarrow {
}

#brave a.cta.roundarrowsmall, #brave .cta.roundarrowsmall {
    width: 2.6rem;
    height: 2.6rem;
}

#brave .cta:not(.arrow):not(.roundarrow):not(.withsvg) {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    background-color: #dd0125;
    border-radius: 1000px;
    color: white;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.2em;
}

#brave .cta:not(.arrow):not(.roundarrow):not(.withsvg) {
    font-size: 0;
    line-height: 0;
}

#brave .cta:not(.arrow):not(.roundarrow):not(.withsvg) span:not(.ico) {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.1em;
    vertical-align: middle;
    background-color: inherit;
    color: inherit;
    border-radius: 10000px;
}

#brave .section.home .cta.withico span {
    line-height: 1.1em;
}

.brave-mobile.brave-portrait #brave .cta:not(.arrow):not(.roundarrow):not(.withsvg) {
    height: 4.3rem;
}

.brave-mobile.brave-portrait #brave .cta:not(.arrow):not(.roundarrow):not(.withsvg) span {
    font-size: 1.3rem;
    line-height: 1.3rem;
    vertical-align: top;
}

.brave-mobile.brave-portrait #brave .cta .vertical-align-middle {
    vertical-align: top;
}

.brave-mobile.brave-portrait #brave .cta .ico {
    width: 1.6rem;
    height: 1.6rem;
}

.brave-mobile.brave-portrait #brave .cta .ico {
    width: 1.3rem;
    height: 1.3rem;
    margin-left: 0.6rem;
    margin-right: 0.1rem;
}

.brave-mobile.brave-portrait #brave .cta[data-href="play"] .ico {
    width: 1.3rem;
    height: 1.3rem;
    margin-left: 0;
    margin-right: 0.4rem;
}

#brave .cta.text-color-white:not(.arrow):not(.roundarrow):not(.withsvg), #brave a.cta.text-color-white, #brave .cta.text-color-white {
    background-color: #ffffff;
    color: #2b2b2b;
}

#brave .cta.text-color-black:not(.arrow):not(.roundarrow):not(.withsvg), #brave a.cta.text-color-black, #brave .cta.text-color-black {
    background-color: #2b2b2b;
    color: #ffffff;
}

#brave .cta.text-color-white.outline:not(.arrow):not(.roundarrow):not(.withsvg), #brave a.cta.text-color-white.outline, #brave .cta.text-color-white.outline, #brave .cta.outline {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
}

#brave .cta.text-color-black.outline:not(.arrow):not(.roundarrow):not(.withsvg), #brave a.cta.text-color-black.outline, #brave .cta.text-color-black.outline {
    background-color: transparent;
    border: 2px solid #2b2b2b;
    color: #2b2b2b;
}

#brave .cta:not(.arrow):not(.roundarrow):not(.withico):not(.withsvg) svg {
    display: none;
}

#brave .cta span {
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    text-align: center;
    position: relative;
    display: inline-block;
    margin-top: 0;
}

#brave .cta.withico span {
    left: 0;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
}

#brave .cta .ico {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.4rem;
}

#brave .cta .ico.openinnewwindow {
    width: 1.1rem;
    height: 1.1rem;
    margin-left: 0.4rem;
    margin-top: 0;
    vertical-align: top;
    margin-right: 0;
}

#brave .sustainabilityreport {
    background-color: black;
    padding-left: 1.5rem;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    padding-right: 5.3rem;
    color: white;
    max-width: 19.5rem;
    text-align: left;
    text-decoration: none;
    bottom: 0;
}

.brave-scrolled-to-end #brave .sustainabilityreport {
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
}

.brave-animations-enable #brave .sustainabilityreport {
    transition: opacity 0.5s ease-in-out, filter 0.25s ease-in-out, background-color 0.25s ease-in-out, transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-filter 0.25s ease-in-out, background-color 0.25s ease-in-out, -webkit-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.5s ease-in-out, -moz-filter 0.25s ease-in-out, background-color 0.25s ease-in-out, -moz-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.5s ease-in-out, -ms-filter 0.25s ease-in-out, background-color 0.25s ease-in-out, -ms-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
}

#brave .sustainabilityreport .cta {
    width: 2.4rem;
    right: 1.5rem;
}

.brave-portrait #brave .box-viewport {
    position: relative !important;
    height: auto !important;
}

.brave-portrait #brave .box-viewport > .position-absolute {
    position: relative;
    bottom: auto;
    top: 0;
}

.brave-portrait #brave .sustainabilityreport {
    max-width: none;
    width: 100%;
}

.brave-portrait #brave .sustainabilityreport p {
    font-size: 1.6rem;
    line-height: 1.2em;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    max-width: 20rem;
}

.brave-portrait #brave .sustainabilityreport .cta {
    width: 3rem;
    right: 1.5rem;
    height: 3rem;
}

#brave .cta.small {
    height: 3rem;
    width: 3rem;
}

#brave .carousel .cta {
    height: 3.3rem;
}

#brave .carousel .cta.roundarrow,
#brave .carousel .cta.arrow {
    width: 3.3rem;
    height: 3.3rem;
}

#brave .carousel-overflow {
    opacity: 1;
}

#brave .carousel-overflow, #brave .carousel-overflow * {
    /*pointer-events: none !important;*/
}

#brave .carousel-overflow > * {
    direction: ltr;
}

#brave .section.home .cta.arrow {
    bottom: 1.6rem;
    right: 0.9rem;
    height: 2.4rem;
}

#brave .cta svg, #brave .oneof svg, #brave .partnerscta svg, #brave .oursocialinnovationbusiness svg, #brave .latestsustainabilityreport svg {
    width: auto;
    height: 100%;
}

html:not(.brave-scrolled):not(.brave-hasscrolled) #brave .show-on-scroll,
.brave-scrolled #brave .fadeoutonscroll {
    opacity: 0 !important;
}

.brave-scrolled.brave-mobile.brave-landscape #brave .fadeoutonscroll {
    opacity: 1 !important;
}

.brave-scrolled #brave .fadeoutonscroll * {
    pointer-events: none;
}

html:not(.brave-scrolled) #brave .show-on-scroll, .brave-scrolled #brave .transition.fadeoutonscroll, .brave-scrolled #brave .transition.transition-duration-slow.fadeoutonscroll, .brave-scrolled #brave .fadeoutonscroll {
    transition: opacity 0.25s ease-in-out, filter 0.75s ease-in-out, transform 1.5s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-filter 0.75s ease-in-out, -webkit-transform 1.5s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.25s ease-in-out, -moz-filter 0.5s ease-in-out, -moz-transform 1.5s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.25s ease-in-out, -ms-filter 0.75s ease-in-out, -ms-transform 1.5s cubic-bezier(0.1, .61, 0, .98);
}

.brave-scrolled #brave .fadeoutonscroll.transition-duration-slowest {
    transition: opacity 0.5s ease-in-out, filter 0.75s ease-in-out, transform 1.5s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-filter 0.75s ease-in-out, -webkit-transform 1.5s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.5s ease-in-out, -moz-filter 0.5s ease-in-out, -moz-transform 1.5s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.5s ease-in-out, -ms-filter 0.75s ease-in-out, -ms-transform 1.5s cubic-bezier(0.1, .61, 0, .98);
}

#brave .scrollbarwrapper .buttons {
}

#brave .scrollbarwrapper .padleft {
    padding-left: 14.2rem;
}

#brave .slideinonscroll {
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
}

.brave-scrolled #brave .slideinonscroll {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

@media screen and (min-aspect-ratio: 18777/10000) {
    #brave .section.home video {
        width: 100vw;
        height: 53.25vw;
    }
}

#brave .section.home .nav {
    padding-left: 0;
}

#brave .section.home .nav .anchor {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    font-size: 2.1rem;
    line-height: 2.1rem;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

#brave .section.home .lockup {
    width: 100%;
    height: 8.9rem;
    /* max-width: 70vw; */
    background-position: center center;
    opacity: 0;
}

#brave .section.home .playbutton {
    width: 6.5rem;
    height: 6.5rem;
}

#brave .section.home .nav .anchor span {
    opacity: 1
}

#brave .videoplayer {
    background-color: black;
    opacity: 0;
    z-index: 10000;
}

#brave .videoplayer .link-active {
    pointer-events: none !important;
}

#brave .videoplayer.expanded, #brave .videoplayer.expanded .link-active {
    pointer-events: all !important;
}

#brave .videoplayer.expanded .transition.transition-on-scroll {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .videoplayer.expanded {
    opacity: 1;
    pointer-events: all
}

#brave .copywrapper {
    height: 25%;
    background-color: #181b14;
    display: none;
}

#brave .videoplayer .copywrapper p {
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-left: 17.8rem;
}

#brave .image {
    height: 14.8rem;
}

#brave .padded {
    padding: 3rem;
}

.brave-landscape #brave .section.continuing-our-journey .half.padded {
    padding: 3rem;
}

.brave-landscape #brave .section.continuing-our-journey .p.small, .brave-landscape #brave .section.continuing-our-journey p.small {
    font-size: 1.2rem;
    line-height: 1.5em;
}

#brave .paddedright.bigger {
    padding-right: 5.9rem;
    box-sizing: border-box;
}

#brave .paddedright.big {
    padding-right: 4.4rem;
    box-sizing: border-box;
}

#brave .paddedright {
    padding-right: 3rem;
    box-sizing: border-box;
}

#brave .paddedleft {
    padding-left: 3rem;
    box-sizing: border-box;
}

#brave .padded.small {
    padding: 1.5rem;
}

#brave .paddedright.small {
    padding-right: 1.5rem;
}

#brave .paddedleft.small {
    padding-left: 1.5rem;
}

#brave .paddedh {
    padding-left: 3rem;
    padding-right: 3rem;
}

#brave .paddedh.small {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#brave .paddedv {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#brave .padded.bigger {
    padding: 5.9rem;
}

.brave-portrait #brave .padded.bigger {
    padding: 4.4rem;
}

#brave .paddedh.bigger {
    padding-left: 5.9rem;
    padding-right: 5.9rem;
}

.brave-portrait #brave .paddedh.bigger {
    padding-left: 4.4rem;
    padding-right: 4.4rem;
}

.brave-portrait #brave .section.article .paddedh.bigger {
    padding-left: 0;
    padding-right: 0;
}

.brave-portrait #brave .section.article .sharearticle {
    display: block;
    margin-bottom: 0.9rem;
    margin-top: 2.4rem;
}

.brave-portrait #brave .section.article .backnext > .pad {
    height: 0.6rem;
}

#brave .paddedv.bigger {
    padding-top: 5.9rem;
    padding-bottom: 5.9rem;
}

.brave-portrait #brave .paddedv.bigger {
    padding-top: 4.4rem;
    padding-bottom: 4.4rem;
}

#brave .indented {
    padding-left: 1.5rem;
    position: relative;
}

#brave .indented::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    bottom: 0;
    background-color: #dd0125;
}

#brave .rounded, #brave .gallery .bts .image-cover, #brave .gallery .thumb, #brave .gallery .thumb .cvwrapper, #brave .gallery .thumb .image-cover {
    border-radius: 0;
}

#brave .z0 {
    z-index: 0;
}

#brave .position-layer-1 {
    z-index: 1;
}

#brave .position-layer-2 {
    z-index: 2;
}

#brave .position-layer-3 {
    z-index: 3;
}

#brave .gallery .thumb .text-color-red, #brave .gallery .thumb .text-color-white {
    display: none;
}

#brave .gallery .thumb .light {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.75));
}

#brave .videoplayer .gallery .thumb .light {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25));
}

#brave .videoplayer .gallery .thumb .light {
    opacity: 1;
}

#brave .overflow-auto:not(.canscrollright) [data-href="right"], #brave .overflow-auto:not(.canscrollleft) [data-href="left"] {
    opacity: 0.5;
}

.brave-hover #brave .link-active.cta[data-href="right"]:hover, .brave-hover #brave .link-active.cta[data-href="left"]:hover, .brave-hover #brave .link-active .image-cover:hover, .brave-hover #brave .link-active .image-cover.transition.transition-on-scroll:hover, .brave-hover #brave .link-active:not(.nofilter):hover {
    filter: brightness(0.75);
    -webkit-filter: brightness(0.75);
    -moz-filter: brightness(0.75);
    -ms-ilter: brightness(0.75);
}

.brave-hover #brave .cta:hover [fill="#FF0026"] {
    fill: #B1000E;
}

.brave-hover #brave .cta:hover [fill="#2D2D2D"] {
    fill: #000000;
}

.brave-hover #brave .cta:hover [stroke="#2D2D2D"] {
    fill: #2D2D2D;
}

.brave-hover #brave .cta:hover [stroke="#2D2D2D"] + path {
    fill: #fff;
}

.brave-portrait #brave .scrolldownwrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

.brave-portrait #brave .scrolldown {
    width: 9rem;
    height: auto;
    bottom: 2.4rem;
}

.brave-portrait #brave .scrolldown.invert {
    background-color: black;
    filter: invert(1);
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -ms-filter: invert(1);
}

#brave .section.scrolled .scrolldown {
    opacity: 0;
    pointer-events: none !important;
}

#brave .play1 {
    width: 4.4rem;
    height: 4.4rem;
}

#brave .play2 {
    width: 5.3rem;
    height: 5.3rem;
    border-radius: 10000px;
    background-color: white;
    margin-top: 1.2rem;
}

#brave .ico {
    width: 1.8rem;
    height: 2.4rem;
    background-size: contain;
}

#brave .openinnewwindow {
    background-size: contain;
}

#brave .social.ico {
    width: 1.8rem;
}

#brave .ico.small {
    background-size: 0.9rem;
}

#brave .borderleft {
    padding-left: 1.8rem;
    border-left: 2px solid #dd0125;
}

#brave .ico.large {
    width: 2.4rem;
    height: 2.4rem;
    background-size: 1.8rem;
}

#brave .ico.big {
    width: 3.8rem;
    height: 3.8rem;
    background-size: contain;
}

#brave .quotebefore::before {
    content: "\201C";
    position: absolute;
    left: -1.5rem;
}

#brave .quotebefore.text-align-center::before {
    content: "\"";
    position: static;
    left: 0;
}

#brave .ico.medium {
    width: 2.4rem;
    height: 2.4rem;
    background-size: 1.2rem;
}

#brave .play {
    background-image: url('data:image/png;base64,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');
}

#brave .play.big {
    background-image: none
}

#brave .pause {
    background-image: url('data:image/png;base64,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');
}

#brave .replay {
    background-image: url('data:image/png;base64,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.6remxBHZP5IpaWlk/V6feP1Do3dsGFDsq95ff/991+/3qGxBoPBrFarB9ShsVIF8LDNZuszn3dXVxfS09PfU6vV41NSUjwuZa1atWqkWq0ev3Hjxve6u7uvd4xyV319/deDQv5eu3bt9P4eLF5TU1N66dKlj8rKypbExsYq9gXGxsZO1mg0S5qbmz+qqakp6+fB4v/31ltvPT6olKF58+aF7Ny5c1JRUVF5v1Lc2+08y7KtgiCYr169WrFr165NSUlJiSqV6hHqOyp1lEqleiQpKSlx165dm1paWioEQTCzLNsqZyWVo8LCQu2ePXsmPvfccyE0mGnWrFlxHMedYVm2093C6E0SRREsy3ZyHHcmPj7+MRpqtHz58scaGho+qK2t1foCEFEUUVtbqzWZTB+88cYbQw8AKa1ZsyZSr9dPyMjIWHfhwoVmTwNw/vz5v6Wnp68zGo33rlmzJpKGyb0ukpycnFRRUZEFwGyz2ZpZlm3nOI612+0OQRDcdrIgCLDb7Q6O41iWZdttNlszAHNFRUVWcnJykr/qAAPFTB2VkJAQPXv27LtjYmLunDhxokqlUoUREQmCwBARBQYGgoiora2N1ev1bRqNpjk7O7sxNzfXSJJcScM0TMM0TMPUL/p/Ajk7vAacNPIAAAAASUVORK5CYII=');
}

#brave .nw {
    white-space: nowrap;
}

#brave .nw > :not(.nw) {
    white-space: normal;
}

#brave .text-color-red.line {
    height: 100%;
    transform: translate(0, 99%);
    -webkit-transform: translate(0, 99%);
    -moz-transform: translate(0, 99%);
    -ms-transform: translate(0, 99%);
}

#brave .text-color-red.line {
    opacity: 0;
}

#brave .text-color-red.line .text-color-white.line {
    left: 3rem;
    bottom: 8.9rem;
    width: 3rem;
    background-color: rgba(255, 255, 255, 1);
    height: 0.3rem;
    opacity: 0;
    transform: translate(0, -23.7rem);
    -webkit-transform: translate(0, -23.7rem);
    -moz-transform: translate(0, -23.7rem);
    -ms-transform: translate(0, -23.7rem);
}

#brave .gallery .thumb.hover .zoom, .brave-hover #brave .gallery .thumb:hover .zoom {
    transform: scale(1.025, 1.025);
    -webkit-transform: scale(1.025, 1.025);
    -moz-transform: scale(1.025, 1.025);
    -ms-transform: scale(1.025, 1.025);
    transition: opacity 0.5s ease-in-out, transform 1s cubic-bezier(0.1, .61, 0, .98) !important;
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 1s cubic-bezier(0.1, .61, 0, .98) !important;
    -moz-transition: opacity 0.5s ease-in-out, -moz-transform 1s cubic-bezier(0.1, .61, 0, .98) !important;
    -ms-transition: opacity 0.55s ease-in-out, -ms-transform 1s cubic-bezier(0.1, .61, 0, .98) !important;
}

#brave .more-stories {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.brave-hover #brave .gallery .thumb:hover .find {
}

.brave-hover:not(.brave-ie) #brave .gallery .thumb:hover .title {
}

#brave .videoplayer {
    background: black;
}

#brave .videoplayer .letterbox {
    height: 29.6rem;
}

#brave .videoplayer.contact .letterbox, #brave .videoplayer.hotspot .letterbox, #brave .videoplayer.ended .letterbox {
    opacity: 0;
}

#brave .videoplayer .track {
    margin-bottom: 5.9rem;
}

#brave .videoplayer.hotspot .track, #brave .videoplayer.ended .track {
    opacity: 0;
}

.brave-mobile #brave .videoplayer .track {
    margin-bottom: 11.8rem;
}

#brave .videoplayer .caption {
    font-size: 1.5rem;
    line-height: 1.3em;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 4px;
}

.brave-mobile #brave .videoplayer .caption {
    font-size: 1.3rem;
    line-height: 1.2em;
}

#brave .videoplayer .letterboxdown .letterbox {
    top: -5.9rem;
}

#brave .videoplayer .letterboxup .letterbox {
    top: -4.4rem;
    height: 10.4rem;
}

#brave .videoplayer .letterbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
}

#brave .videoplayer .load {
    fill: #fff;
    opacity: 0;
}

#brave .videoplayer:not(.canplay) .load {
    opacity: 1;
    transition-delay: 0.25s !important;
    -webkit-transition-delay: 0.25s !important;
    -moz-transition-delay: 0.25s !important;
    -ms-transition-delay: 0.25s !important;
}

.brave-animations-enable #brave .videoplayer .load rect {
    animation: brave-preload 1s linear infinite;
    -webkit-animation: brave-preload 1s linear infinite;
    -moz-animation: brave-preload 1s linear infinite;
    -ms-animation: brave-preload 1s linear infinite;
}

#brave .play.big {
    width: 5.9rem;
    height: 5.9rem;
    max-width: 75px;
    max-height: 75px;
}

#brave .videoplayer.canplay.paused:not(.beginning) .play.big, #brave .videoplayer .play.big, #brave .videoplayer .play.big {
    opacity: 0;
    pointer-events: none;
}

#brave .videoplayer.canplay.beginning.paused:not(.ended):not(.contact):not(.hotspot) .play.big {
    opacity: 1;
    pointer-events: all;
}

.brave-animations-enable #brave .videoplayer.paused:not(.ended):not(.contact):not(.hotspot) .play.big {
    transition-delay: 0.25s !important;
    -webkit-transition-delay: 0.25s !important;
    -moz-transition-delay: 0.25s !important;
    -ms-transition-delay: 0.25s !important;
}

#brave .videoplayer .ui .row-content-width {
    /*width:90%;*/
}

#brave .videoplayer h5 {
    text-transform: none;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    font-size: 2vw;
    line-height: 2.5vw;
}

#brave .videoplayer h3 {
    text-transform: none;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    font-size: 1.4vw;
    line-height: 1.65vw;
}

#brave .videoplayer label, #brave .videoplayer .label {
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    font-size: 1.4vw;
    line-height: 2vw;
}

#brave .videoplayer .chapter label {
    font-size: 1.2vw;
    line-height: 1.2vw;
}

#brave .videoplayer p {
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    font-size: 1.1vw;
    line-height: 1.1vw;
}

#brave .videoplayer .find p {
    font-size: 1.2rem;
    line-height: 1.2rem;
}

#brave .videoplayer .noend .title {
    width: 17.5%;
    padding-right: 2vw;
}

.brave-desktop.brave-page-video-aruba #brave .videoplayer .noend .title {
    width: 20%;
}

#brave .videoplayer .chapters {
    left: 17.5%;
    right: 15%;
    background-color: rgba(0, 0, 0, 0.001);
    bottom: 3rem;
}

.brave-desktop.brave-page-video-aruba #brave .videoplayer .chapters {
    left: 20%;
}

#brave .videoplayer .controls {
    opacity: 0;
}

#brave .videoplayer.canplay .controls {
    opacity: 1;
}

#brave .videoplayer:not(.expanded) .videoinner .link-active {
    pointer-events: none !important;
}

#brave .videoplayer .controls .control {
    width: 5.9rem;
    height: 5.9rem;
    background-size: 65% auto;
    background-position: center 70%;
}

#brave .videoplayer .control.close {
    width: 6rem;
    height: 6rem;
    background-size: auto 1.75rem;
    background-position: center;
}

#brave .videoplayer:not(.paused) .controls .play, #brave .videoplayer.paused .controls .pause {
    display: none;
}

#brave .videoplayer .chapter {
    width: 100%;
    padding: 0.5vw;
}

.brave-desktop #brave .videoplayer .chapter .smallest {
    height: 2px
}

#brave .videoplayer .chapter {
    pointer-events: all;
    cursor: pointer;
}

#brave .videoplayer .chapter .space.smaller {
    max-height: 14px;
}

#brave .videoplayer .chapter .highlight {
    opacity: 0.5;
}

.brave-hover #brave .videoplayer .chapter:hover .highlight, #brave .videoplayer .chapter.playing .highlight, #brave .videoplayer .chapter.completed .highlight {
    opacity: 1;
}

#brave .videoplayer .chapter .indicator {
    height: 3px;
    background-color: rgba(255, 255, 255, 0.5);
}

#brave .videoplayer .chapter .progress {
    background-color: white;
    transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
}

#brave .bt {
    background-color: #ce0e2d;
    color: white;
    font-size: 1.25vw;
    line-height: 1.25vw;
    padding: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    height: 3vw;
    overflow: hidden;
    text-decoration: none;
    margin: 0;
}

#brave .bt.trans {
    background-color: rgba(255, 255, 255, 0);
}

#brave .bt.ico {
    width: 4vw;
    height: 3vw;
    padding: 0;
    background-size: auto 40%;
}

#brave .videoplayer .fh {
    padding-top: 4.4rem;
    padding-bottom: 4.4rem;
}

#brave .videoplayer.ended .ui .noend {
    opacity: 0;
}

.brave-idle:not(.brave-ie) #brave .videoplayer.canplay:not(.paused):not(.ended):not(.contact):not(.hotspot) .controls {
    opacity: 0;
}

.brave-ready #brave .videoplayer.canplay video, .brave-ready #brave .video.canplay, #brave .videoplayer video {
    transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    -moz-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
}

html.brave-idle #brave .videoplayer.canplay:not(.paused):not(.ended):not(.contact):not(.hotspot) video {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

.brave-idle:not(.brave-ie) #brave .videoplayer.canplay:not(.paused):not(.ended):not(.contact):not(.hotspot) .letterboxup {
    transform: translateY(-19.5rem);
    -webkit-transform: translateY(-19.5rem);
    -moz-transform: translateY(-19.5rem);
    -ms-transform: translateY(-19.5rem);
}

.brave-idle.brave-videoexpanded.brave-videocanplay:not(.brave-videopaused):not(.brave-videoended):not(.brave-videocontact):not(.brave-videohotspot) #brave .toolbar .wrapper {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
}
/*#brave .videoplayer.contact .letterboxdown,*/

.brave-idle:not(.brave-ie) #brave .videoplayer.canplay:not(.paused):not(.ended):not(.contact):not(.hotspot) .letterboxdown {
    transform: translateY(19.5rem);
    -webkit-transform: translateY(19.5rem);
    -moz-transform: translateY(19.5rem);
    -ms-transform: translateY(19.5rem);
}

.brave-idle:not(.brave-ie) #brave .videoplayer.canplay:not(.paused):not(.ended):not(.contact):not(.hotspot) .track {
    transform: translateY(-14.8rem);
    -webkit-transform: translateY(-14.8rem);
    -moz-transform: translateY(-14.8rem);
    -ms-transform: translateY(-14.8rem);
}

.brave-mobile.brave-idle #brave .videoplayer.canplay:not(.paused):not(.ended):not(.contact):not(.hotspot) .track {
    transform: translateY(-8.9rem);
    -webkit-transform: translateY(-8.9rem);
    -moz-transform: translateY(-8.9rem);
    -ms-transform: translateY(-8.9rem);
}

.brave-ie:not(.brave-idle) #brave .videoplayer .track, .brave-ie #brave .videoplayer:not(.canplay) .track, .brave-ie #brave .videoplayer.canplay.paused .track, .brave-ie #brave .videoplayer.canplay.ended .track, .brave-ie #brave .videoplayer.canplay.contact .track, .brave-ie #brave .videoplayer.canplay.hotspot .track, .brave-ie:not(.brave-idle) #brave .videoplayer .letterboxdown, .brave-ie #brave .videoplayer:not(.canplay) .letterboxdown, .brave-ie #brave .videoplayer.canplay.paused .letterboxdown, .brave-ie #brave .videoplayer.canplay.ended .letterboxdown, .brave-ie #brave .videoplayer.canplay.contact .letterboxdown, .brave-ie #brave .videoplayer.canplay.hotspot .letterboxdown, .brave-ie:not(.brave-idle) #brave .videoplayer .letterboxup, .brave-ie #brave .videoplayer:not(.canplay) .letterboxup, .brave-ie #brave .videoplayer.canplay.paused .letterboxup, .brave-ie #brave .videoplayer.canplay.ended .letterboxup, .brave-ie #brave .videoplayer.canplay.contact .letterboxup, .brave-ie #brave .videoplayer.canplay.hotspot .letterboxup {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
}

.brave-animations-enable #brave .videoplayer.contact .letterboxup, .brave-animations-enable.brave-idle #brave .videoplayer.canplay:not(.paused):not(.ended) .letterboxup, .brave-animations-enable #brave .videoplayer.contact .track, .brave-animations-enable.brave-idle #brave .videoplayer.canplay:not(.paused):not(.ended) .track, .brave-animations-enable #brave .videoplayer.contact .letterboxdown, .brave-animations-enable.brave-idle #brave .videoplayer.canplay:not(.paused):not(.ended) .letterboxdown {
    transition: transform 0.5s ease-in, opacity 0.25s ease-in-out;
    -webkit-transition: transform 0.5s ease-in, opacity 0.25s ease-in-out;
    -moz-transition: transform 0.5s ease-in, opacity 0.25s ease-in-out;
    -ms-transition: transform 0.5s ease-in, opacity 0.25s ease-in-out;
}

#brave .videoplayer.ended .ui .noend .link-active, #brave .videoplayer.ended .ui .noend .chapter, .brave-idle #brave .videoplayer.canplay:not(.paused):not(.ended) .ui .link-active, .brave-idle #brave .videoplayer.canplay:not(.paused):not(.ended) .ui .chapter {
    pointer-events: none;
}

#brave .videoplayer.contact video, #brave .videoplayer.hotspot video, #brave .videoplayer.ended video {
    filter: blur(25px);
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -ms-filter: blur(25px);
    transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    opacity: 0.5;
}

#brave {
    overflow: visible;
}

#brave .videoplayer .lockup {
    width: 14.8rem;
    height: 5.9rem;
    background-position: left top;
}

.brave-landscape.brave-mobile #HeaderArea2 {
    display: none !important;
}

.brave-landscape.brave-mobile #brave .section {
    overflow: hidden;
}

.brave-landscape.brave-mobile #brave .section.home.f {
    position: relative;
}

.brave-landscape.brave-mobile #brave .section.home .position-absolute {
    position: absolute;
}

.brave-landscape.brave-mobile #brave > .box-viewport-100.actual {
    display: none;
}

.brave-landscape.brave-mobile, .brave-landscape.brave-mobile body {
    font-size: 2.5vh !important;
    overflow-x: hidden;
    background-color: #262626 !important;
}

.brave-landscape.brave-mobile #brave .videoplayer .lockup {
    width: 17.5vw;
    height: 8vw;
}

.brave-portrait.brave-mobile #brave .videoplayer .lockup {
    width: 30vw;
}

.brave-hover #brave .bt:hover {
    background-color: #b1000e;
}

#brave .videoplayer .commercial {
    width: 50vw;
}

.brave-mobile.brave-landscape #brave .videoplayer .commercial {
    width: 65vw;
}

.brave-mobile.brave-portrait #brave .videoplayer .commercial {
    width: 75vw;
}

#brave .videoplayer .commercial .transition.transition-on-scroll, #brave .videoplayer .commercial .transition.transition-on-scroll {
    opacity: 0;
}

#brave .videoplayer .commercial .link-active, #brave .videoplayer .commercial .link-active {
    pointer-events: none;
}

#brave .videoplayer .commercial .rounded.text-color-white {
    left: -1.5rem;
    top: -1.5rem;
    width: auto;
    height: auto;
    right: -1.5rem;
    bottom: -1.5rem;
    /*background-color:rgba(255,255,255,0.75);*/
}

#brave .videoplayer.ended .commercial .transition, #brave .videoplayer.contact .commercial .transition {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .videoplayer.ended .commercial .link-active, #brave .videoplayer.contact .commercial .link-active {
    pointer-events: all;
    cursor: pointer;
}

#brave .videoplayer.ended .commercial .link-active.copy, #brave .videoplayer.contact .commercial .link-active.copy {
    cursor: default;
}

#brave .videoplayer.ended .commercial a.text-color-red.link-active, #brave .videoplayer.contact .commercial a.text-color-red.link-active {
    pointer-events: none;
    opacity: 0.75;
}

.brave-optedin #brave .videoplayer.ended .commercial a.text-color-red.link-active, .brave-optedin #brave .videoplayer.contact .commercial a.text-color-red.link-active {
    pointer-events: all;
    opacity: 1;
}

#brave .videoplayer .commercial input {
    display: none;
}

#brave .videoplayer .commercial .copy {
    max-width: 45vw;
}

#brave .videoplayer .commercial .check {
    width: 1.5vw;
    height: 1.5vw;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    top: 0.25vw;
}

.brave-mobile.brave-landscape #brave .videoplayer .commercial .check {
    width: 2.5vw;
    height: 2.5vw;
    top: 0.1vw;
}

.brave-mobile.brave-portrait #brave .videoplayer .commercial .check {
    width: 5vw;
    height: 5vw;
    top: 0;
}

#brave .videoplayer .commercial input:checked + .check::before {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: auto;
    height: auto;
    right: 2px;
    bottom: 2px;
    border-radius: 4px;
    background-color: white;
}

#brave .videoplayer.ended .bt[data-href="contact"], #brave .videoplayer.from-ended .bt[data-href="contact"] {
    opacity: 0;
    pointer-events: none;
    display: none;
}

#brave .videoplayer .bt[data-href="contact"] {
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
}

#brave .videoplayer.contact .bt[data-href="contact"], .brave-hover #brave .videoplayer.contact .bt[data-href="contact"]:hover {
    color: transparent;
    background-color: transparent;
}

#brave .videoplayer .social {
    margin-right: 2vw;
}

#brave .videoplayer.ended .social::after, #brave .videoplayer.from-ended .social::after {
    content: "";
    position: Absolute;
    left: auto;
    right: -1.5vw;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.25);
}

.brave-mobile.brave-portrait #brave .videoplayer .social {
    display: none;
}

#brave .videoplayer .social .ico {
    width: 3vw;
    height: 3vw;
    margin-right: 0;
    background-size: auto 60%;
    opacity: 0;
}

.brave-mobile.brave-portrait #brave .videoplayer .social .ico {
    width: 4vw;
    height: 4vw;
}

.brave-mobile.brave-landscape #brave .videoplayer .social .ico {
    width: 4vw;
    height: 4vw;
    background-position: center 40%;
}

#brave .videoplayer .social .ico.ready {
    opacity: 1;
}

#brave .videoplayer .social .ico.email {
    background-position: center 55%;
    background-size: auto 60%;
}

#brave .videoplayer.contact .bt[data-href="contact"]::before, #brave .videoplayer.contact .bt[data-href="contact"]::after {
    content: "";
    display: block;
    position: absolute;
    left: auto;
    right: 25%;
    top: 15%;
    width: 0.2vw;
    min-width: 2px;
    height: auto;
    bottom: 15%;
    margin-left: -0.1vw;
    background-color: white;
    transform: scale(1, 1) rotate(-45deg);
    -webkit-transform: scale(1, 1) rotate(-45deg);
    -moz-transform: scale(1, 1) rotate(-45deg);
    -ms-transform: scale(1, 1) rotate(-45deg);
}

#brave .videoplayer.contact .bt[data-href="contact"]::after {
    transform: scale(1, 1) rotate(45deg);
    -webkit-transform: scale(1, 1) rotate(45deg);
    -moz-transform: scale(1, 1) rotate(45deg);
    -ms-transform: scale(1, 1) rotate(45deg);
}

#brave .videoplayer.contact .bt.home {
    background-image: none;
}

#brave .videoplayer.contact .bt.home::before, #brave .videoplayer.contact .bt.home::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 20%;
    width: 5%;
    height: auto;
    bottom: 20%;
    margin-left: -2.5%;
    background-color: white;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -mos-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#brave .videoplayer.contact .bt.home::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -mos-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

#brave .videoplayer.from-ended .commercial, #brave .videoplayer.ended .commercial {
    margin-top: -7.1rem;
}

.brave-mobile #brave .videoplayer.from-ended .commercial, .brave-mobile #brave .videoplayer.ended .commercial {
    margin-top: 3.6rem;
}

#brave .videoplayer .gallery {
    height: 44.4rem;
}

#brave .gallery.twocolumns, #brave .gallery.threecolumns {
    height: 23.7rem;
}

#brave .gallery.wide {
    height: auto;
}

#brave .gallery.wide .thumb {
    width: 45%;
    height: auto;
    padding: 1.2rem;
    border-radius: 0.6rem;
    left: -1.2rem;
}

.brave-portrait #brave .gallery.wide .thumb {
    width: 90%;
    height: auto;
    padding: 0.6rem;
    border-radius: 0.6rem;
    left: 0;
}

#brave .gallery.wide .thumb .image-cover {
    height: 20.7rem;
}

.brave-portrait #brave .gallery.wide .thumb .image-cover {
    height: 14.8rem;
}

#brave .gallery.wide .pad {
    width: 0;
}

#brave .videoplayer .gallery .overflow-auto {
    padding-bottom: 1.2rem;
    opacity: 0;
}

#brave .videoplayer.ended .gallery .overflow-auto {
    pointer-events: all;
    opacity: 1;
}

.brave-mobile #brave .videoplayer .gallery {
    display: none;
}

#brave .videoplayer .gallery .thumb {
    width: 14.2rem;
    /*max-width: 18%;*/
    margin-right: 2%;
    padding: 1.8rem;
    opacity: 0;
}

#brave .videoplayer .gallery .thumb[data-href="#video-madel"] {
    margin-right: 0;
}

#brave .videoplayer .gallery .thumb {
    transform: translate(0, 5.9rem);
    -webkit-transform: translate(0, 5.9rem);
    -moz-transform: translate(0, 5.9rem);
    -ms-transform: translate(0, 5.9rem);
}

.brave-ie #brave .videoplayer .gallery .thumb {
    transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
}

#brave .videoplayer .gallery .thumb {
    pointer-events: none;
}

#brave .videoplayer .featured .transition {
    opacity: 0;
}

#brave .videoplayer.ended .featured .transition {
    opacity: 1;
}

#brave .videoplayer.ended .featured .transition, #brave .videoplayer.from-ended .featured .transition {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .videoplayer.ended .gallery .thumb {
    pointer-events: all;
    opacity: 1;
}

#brave .videoplayer.from-ended .gallery .thumb, #brave .videoplayer.from-ended .commercial .transition, #brave .videoplayer.from-ended .featured .transition {
    transition-delay: 0s !important;
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -ms-transition-delay: 0s !important;
}

#brave .videoplayer.ended .gallery .thumb, #brave .videoplayer.from-ended .gallery .thumb {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .videoplayer .gallery h4 {
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin-bottom: 0.6rem;
    /*font-weight: normal;*/
}

#brave .videoplayer .find {
    transform: scale(0.66, 0.66);
    -webkit-transform: scale(0.66, 0.66);
    -moz-transform: scale(0.66, 0.66);
    -ms-transform: scale(0.66, 0.66);
}

.brave-hover #brave .videoplayer .gallery .thumb:hover .title {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

.brave-hover #brave .videoplayer .gallery .thumb:hover .find {
    transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    -moz-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
}

#brave .videoplayer .text-color-red.line .text-color-white.line {
    left: 2.1rem;
    bottom: 4.7rem;
    width: 3rem;
    height: 0.1rem;
    transform: translate(0, -16.6rem);
    -webkit-transform: translate(0, -16.6rem);
    -moz-transform: translate(0, -16.6rem);
    -ms-transform: translate(0, -16.6rem);
}

.brave-hover #brave .videoplayer .gallery .thumb:hover .text-color-red.line .text-color-white.line {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .section.landing.transition-on-scroll .hero, #brave .section.landing.transition-on-scroll .hero.ready {
    opacity: 0;
}

.brave-page-copenhagen #brave .section.landing.transition-on-scroll .hero.ready[data-copenhagen], .brave-page-oliena #brave .section.landing.transition-on-scroll .hero.ready[data-oliena], .brave-page-scilly #brave .section.landing.transition-on-scroll .hero.ready[data-scilly], .brave-page-ai-captain #brave .section.landing.transition-on-scroll .hero.ready[data-ai-captain], .brave-page-aruba #brave .section.landing.transition-on-scroll .hero.ready[data-aruba], .brave-page-madel #brave .section.landing.transition-on-scroll .hero.ready[data-madel] {
    opacity: 1;
}

#brave .section.landing .lockup {
    width: 23.7rem;
    height: 8.9rem;
    background-position: left bottom;
}

.brave-mobile.brave-portrait #brave .section.landing .lockup {
    width: 45vw;
}

#brave .upper {
    text-transform: uppercase;
}

#brave h1.titlecase, #brave h2.titlecase, #brave h3.titlecase, #brave .h1.titlecase, #brave .h2.titlecase, #brave .h3.titlecase, #brave .titlecase {
    text-transform: none;
}

#brave h1, #brave h2, #brave h3, #brave p, #brave img, #brave h1 *, #brave h2 *, #brave h3 *, #brave p *, #brave sub, #brave i, #brave em, #brave b, #brave strong, #brave .section h1, #brave .section h2, #brave .section h3, #brave .section p, #brave .section h1 *, #brave .section h2 *, #brave .section h3 *, #brave .section p *, #brave .section sub, #brave .section i, #brave .section em, #brave .section b, #brave .section strong {
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    pointer-events: all;
}

#brave .section a *, #brave .section a h1 *, #brave .section a h2 *, #brave .section a h3 *, #brave .section a p *, #brave .section .cneof p, #brave .section .oneof p *, #brave .section .link-active * :not(.link-active), #brave .section .link-active h1 * :not(.link-active), #brave .section .link-active h2 * :not(.link-active), #brave .section .link-active h3 * :not(.link-active), #brave .section .link-active p * :not(.link-active) {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    ;
}

#top a {
    background: #3e3a39;
}

#TopicPath {
    background-color: white;
}

#TopicPath ul li a {
    background-color: white;
    color: #c02;
}

#brave .strong, #brave strong {
    color: inherit;
    font-weight: bold;
}

#brave .section.landing h1, #brave .section.home h1, #brave .h1, #brave h1 {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    font-size: 3rem;
    line-height: 3.6rem;
    text-transform: none;
    margin: 0;
}

#brave .h1, #brave h1 {
    font-size: 3rem;
    line-height: 1.35em;
}

#brave .h1.bigger {
    font-size: 5.9rem;
    line-height: 5.9rem;
}

#brave .h1.bigger .sub {
    font-size: 2.1rem;
    text-transform: none;
}

#brave .text-color-white .text-color-red, #brave .text-color-white h1.text-color-red, #brave .text-color-white h2.text-color-red, #brave .text-color-white h3.text-color-red, #brave .text-color-white p.text-color-red, #brave .text-color-black .text-color-red, #brave .text-color-black h1.text-color-red, #brave .text-color-black h2.text-color-red, #brave .text-color-black h3.text-color-red, #brave .text-color-black p.text-color-red, #brave .text-color-red {
    color: #dd0125;
}

#brave .hide-when-aspect-portrait-narrow {
}

#brave .hide-when-aspect-landscape-narrower, #brave .hide-when-aspect-landscape-narrow, .brave-landscape #brave .hide-when-aspect-landscape, .brave-portrait #brave .hide-when-aspect-portrait {
    display: none;
}

.brave-portrait #brave .portraitunstick {
    position: relative;
}

.brave-portrait #brave .portraitunstick .position-absolute {
    position: relative;
}

#brave .icobig {
    width: 4.4rem;
    height: 4.4rem;
}

#brave .background-grey a.carouseltab.selected, #brave .background-grey .carouseltab.selected {
    color: #ff0125;
    border-bottom: 2px solid #ff0125;
    opacity: 1;
}

#rbave .section.solving-challenges .text-color-red, #brave .background-black .text-color-white .text-color-red, #brave .background-black .text-color-black .text-color-red, #brave .background-black .text-color-red, #brave .background-grey .text-color-white .text-color-red, #brave .background-grey .text-color-black .text-color-red, #brave .background-grey .text-color-red {
    color: #ff0125;
}

/*#brave .section.home .cta:not(.arrow):not(.roundarrow):not(.withsvg),
#brave .background-black  .cta:not(.arrow):not(.roundarrow):not(.withsvg),
#brave .background-grey  .cta:not(.arrow):not(.roundarrow):not(.withsvg){
    background-color: #ff0125;
}*/
#brave .twocolumns .column {
    width: 48.75%;
}

.brave-portrait #brave .twocolumns .column {
    width: 100%;
}

#brave .scrollbar-track {
    z-index: 0 !important;
}

#brave .twocolumns .pad {
    width: 2.5%;
}

#brave .twocolumns.widepad .column, #brave .twocolumns.half .column {
    width: 47.5%;
}

.brave-portrait #brave .twocolumns {
    white-space: normal;
}

.brave-portrait #brave .twocolumns.widepad .column, .brave-portrait #brave .twocolumns.half .column {
    width: 100%;
}

.brave-portrait #brave .twocolumns.half .stat.column {
    width: 75%;
    margin-top: 2.4rem;
}

#brave .twocolumns.widepad .pad, #brave .twocolumns.half .pad {
    width: 5%;
}

#brave h1.outline {
    font-size: 14.8rem;
    line-height: 1em;
    text-transform: uppercase;
    color: transparent;
    text-stroke: #fff;
    -webkit-text-stroke: 1px #fff;
    -moz-text-stroke: 1px #fff;
    -ms-text-stroke: 1px #fff;
    display: inline-block;
}

#brave .new-frontiers h1.outline, #brave .newfrontiers h1.outline {
    font-size: 11.8rem;
}

#brave .circulareconomy {
    width: 100%;
    max-width: 23.7rem;
}

#brave .rotateinfinite {
    animation: rotate 45s linear infinite;
    -webkit-animation: rotate 45s linear infinite;
    -moz-animation: rotate 45s linear infinite;
    -ms-animation: rotate 45s linear infinite;
}

#brave .circulareconomy .arrows {
    animation: rotate 10s linear infinite;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -ms-animation: rotate 10s linear infinite;
}

#brave .circulareconomy .arrows {
    transform-origin: 49.5% 33.6%;
    -webkit-transform-origin: 49.5% 33.6%;
    -moz-transform-origin: 49.5% 33.6%;
    -ms-transform-origin: 49.5% 33.6%;
}

#brave .p, #brave p {
    text-decoration: none;
    font-weight: 300;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.35em;
    text-transform: none;
    background: none !important;
    margin: 0;
    /* text-decoration: none; */
}

.brave-portrait #brave .p, .brave-portrait #brave p {
}

#brave .p.smaller, #brave p.smaller {
    font-size: 1.1rem;
    line-height: 1.5em;
}

#brave .carousel .p.bigger, #brave .carousel p.bigger, #brave .p.bigger, #brave p.bigger {
    font-size: 1.9rem;
    line-height: 1.3em;
}

#brave .p.big, #brave p.big, #brave .carousel .p.big, #brave .carousel p.big {
    font-size: 1.8rem;
    line-height: 1.25em;
}

#brave .carousel .p, #brave .carousel p {
    font-size: 1.2rem;
}

#brave .section.value-to-customers .carousel .p.h2.smaller, #brave .section.value-to-customers .carousel p.h2.smaller {
    font-size: 1.4rem;
}

.brave-portrait #brave .carousel .portraitexpandable .p.big, .brave-portrait #brave .carousel .portraitexpandable p.big {
    font-size: 2rem;
    line-height: 1.35em;
}

.brave-portrait #brave .carousel .collapsable .p, .brave-portrait #brave .carousel .collapsable p {
    font-size: 1.5rem;
}

#brave .carousel .p.small, #brave .carousel p.small, #brave .carousel .p.smaller, #brave .carousel p.smaller {
    font-size: 1rem;
}

.brave-portrait #brave .carousel p.sub.smaller {
    font-size: 0.9rem;
}

#brave .carousel .oneof p {
    font-size: 1.2rem;
}

#brave .valuecreationforeground {
    transform-origin: 50.1% 54.2%;
    -webkit-transform-origin: 50.1% 54.2%;
    -moz-transform-origin: 50.1% 54.2%;
    -ms-transform-origin: 50.1% 54.2%;
}

#brave .p.small.chart, #brave p.small.chart {
    font-size: 1rem;
    line-height: 1.35em;
}

#brave .h2, #brave h2 {
    text-decoration: none;
    font-weight: 300;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.2em;
    text-transform: none;
    background: none !important;
}

#brave .h2.quote.smaller, #brave h2.quote.smaller, #brave .h2.quote, #brave h2.quote {
    text-decoration: none; 
    font-weight: normal;
    font-size: 2.2rem;  /*24.06.10 : 3.6  →  2.2*/
    line-height: 1.3em;
    text-transform: none;
    background: none !important;
    width: 100%;
    max-width: 39.1rem;
}

#brave .h2.quote.smaller, #brave h2.quote.smaller {
    font-size: 2.2rem; /*24.06.10 : 3  →  2.2*/
    line-height: 1.2em;
}

.brave-portrait #brave .h2, .brave-portrait #brave h2 {
    /*font-size: 1.8rem;
                    line-height: 1.2em;*/
}

.brave-mobile.brave-portrait #brave .section.home h2.bold.bigger.portraitbiggerstill, .brave-portrait #brave .h2.portraitbiggerstill, .brave-portrait #brave h2.portraitbiggerstill {
    font-size: 2.1rem;
}

.brave-portrait #brave .h2.portraitsmaller, .brave-portrait #brave h2.portraitsmaller {
    font-size: 1.5rem;
}

#brave p.bold, #brave h2.bold, #brave .articles h2 {
    font-weight: 600;
}

#brave .carousel .h2.big, #brave .carousel h2.big, #brave .h2.big, #brave h2.big {
    font-size: 2.6rem;
    line-height: 1.2em;
}

.brave-android #brave .h2.big, .brave-android #brave h2.big {
    line-height: 1.3em !important;
}

#brave .carousel .h2.big, #brave .carousel h2.big {
    line-height: 1.1em;
}

#brave .h1, #brave h1 {
    font-size: 3.6rem;
    line-height: 1.1em;
}

#brave .h2.bigger, #brave h2.bigger {
    font-size: 3rem;
    line-height: 1.2em;
}

#brave .h2.bigger.still, #brave h2.bigger.still {
    font-size: 3.6rem;
    line-height: 1.1em;
}

#brave .h2.bigger.stiller, #brave h2.bigger.stiller {
    font-size: 4.4rem;
    line-height: 1.1em;
}

#brave .h2.biggest, #brave h2.biggest {
    font-size: 5.9rem;
    line-height: 1.1em;
}

.brave-portrait #brave .h2.bigger, .brave-portrait #brave h2.bigger {
}

#brave .h2.medium, #brave h2.medium {
    font-size: 1.6rem;
    line-height: 1.1em;
}

#brave .h2.small, #brave h2.small {
    font-size: 1.8rem;
    line-height: 1.1em;
}

#brave .h2.smaller, #brave h2.smaller {
    font-size: 1.6rem;
    line-height: 1.1em;
}

#brave p.bold.small {
    font-size: 1.2rem;
    line-height: 1.2em;
}

#brave .position-center.l100 {
}

#brave .corner {
    width: 141.4%;
    height: 141.4%;
}

#brave .padwidth {
    width: 1.8rem;
}

#brave .padheight {
    height: 1.8rem;
}

#brave .text-color-black, #brave .text-color-black h1, #brave .text-color-black h2, #brave .text-color-black h3, #brave .text-color-black p, #brave .text-color-black p a {
    color: #2b2b2b;
}

#brave .text-color-white, #brave .text-color-white h1, #brave .text-color-white h2, #brave .text-color-white h3, #brave .text-color-white p {
    color: #fff;
}

#brave .podcastplayer {
    top: 50%;
    left: 75%;
    width: 40%;
    height: 25%;
}

#brave h2 span {
    display: block;
    padding: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    background-color: inherit;
}

#brave h2 .ico, #brave .gallery .ico, #brave .podcastwrapper .ico, #brave .thumb .ico {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 98% auto;
    margin-right: 0.6rem;
}

#brave .padrightmargin {
    overflow: hidden;
}

#brave h2 .ico, #brave .podcastwrapper .ico {
    margin-left: 0.6rem;
    width: 0.7rem;
    height: 0.7rem;
}

#brave .podcastbutton {
    width: 33.33%;
    background-position: left center;
}

#brave .podcastbutton::before {
    content: "";
    padding-top: 23%;
    display: block;
}

#brave .section.home h2.bold.bigger {
    font-size: 2.7rem;
    line-height: 1.4em;
}

.brave-portrait #brave .menulink h2 {
    padding-right: 1.8rem;
}

.brave-portrait #brave .videowrapper h2 br {
    display: none;
}

#brave h2.smaller, #brave .h2.smaller {
    font-size: 1.5rem;
    line-height: 1.4em;
}

#brave h2.smallest, #brave .h2.smallest {
    font-size: 1.3rem;
    line-height: 1.4em;
}

#brave .background.grey {
    background-color: #1d1d1d;
}

#brave .background.text-color-red {
    background-color: #dd0125;
}

#brave .half {
    text-decoration: none;
    font-weight: 300;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.2em;
    text-transform: none;
}

#brave .i6699 {
    height: 2.1rem;
    width: 5.9rem;
}

.brave-portrait #brave .authorcard .half.position-absolute {
    position: relative;
    left: 0;
    top: 0;
    right: auto;
    height: 23.7rem;
    margin-top: 3rem;
}

#brave .half:not(.image-cover) {
    background-image: none !important;
}

#brave h2.large {
    font-size: 3.6rem;
    line-height: 1.2em;
}

#brave .section.home .bts::before {
    content: "";
    display: block;
    padding-top: 31%;
}

#brave .restore {
    display: none;
    top: 5vw;
    right: 5vw;
    width: 7.5vw;
    height: 7.5vw;
}

#brave .coplockup {
    width: 23.7rem;
    height: 5.9rem;
    background-position: left top;
}

.brave-landscape #brave .restore {
    top: 0;
    right: -2.4rem;
    width: 2.4rem;
    height: 2.4rem;
}

.brave-desktop.brave-landscape #brave .restore {
    top: 0;
    right: -2.4rem;
    width: 2.4rem;
    height: 2.4rem;
}

#brave .rotate90 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

#brave .rotate180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

#brave .restore::before, #brave .restore::after {
    content: "";
    display: block;
    position: absolute;
    left: auto;
    right: 25%;
    top: 15%;
    width: 0.2vw;
    min-width: 2px;
    height: auto;
    bottom: 15%;
    margin-left: -0.1vw;
    background-color: white;
    transform: scale(1, 1) rotate(-45deg);
    -webkit-transform: scale(1, 1) rotate(-45deg);
    -moz-transform: scale(1, 1) rotate(-45deg);
    -ms-transform: scale(1, 1) rotate(-45deg);
}

#brave .restore::after {
    transform: scale(1, 1) rotate(45deg);
    -webkit-transform: scale(1, 1) rotate(45deg);
    -moz-transform: scale(1, 1) rotate(45deg);
    -ms-transform: scale(1, 1) rotate(45deg);
}

.brave-fixed.brave-captured {
    overflow: hidden !important;
}

#brave .restore {
    opacity: 0;
    display: block;
    z-index: 10000;
}

#brave .videoplayer {
}

#brave .videoplayer .restore {
    top: -1.5rem;
    right: -1.5rem;
    opacity: 0;
}

.brave-section-player #brave .videoplayer .restore {
    opacity: 1;
}

.brave-fixed.brave-captured.brave-page-home #brave .section.home .restore, .brave-fixed.brave-captured.brave-page-copenhagen #brave .section.landing .restore, .brave-fixed.brave-captured.brave-page-scilly #brave .section.landing .restore, .brave-fixed.brave-captured.brave-page-oliena #brave .section.landing .restore {
    display: block;
    z-index: 10000;
    opacity: 1;
}

#brave .section.home h1 {
    font-size: 5rem;
    line-height: 5rem;
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
}

#brave .section.landing p {
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.brave-android.brave-portrait #brave .section.home p {
    font-size: 2.1rem;
    line-height: 2.1rem;
}

#brave .section.landing .copenhagen, #brave .section.landing .oliena, #brave .section.landing .scilly, #brave .section.landing .ai-captain, #brave .section.landing .madel, #brave .section.landing .aruba {
    display: none;
}

.brave-page-copenhagen #brave .section.landing .copenhagen, .brave-page-oliena #brave .section.landing .oliena, .brave-page-scilly #brave .section.landing .scilly, .brave-page-ai-captain #brave .section.landing .ai-captain, .brave-page-madel #brave .section.landing .madel, .brave-page-aruba #brave .section.landing .aruba {
    display: block;
}

#brave .section .constrain {
    width: 47.3rem;
    max-width: 60vw;
}

#brave .section.home .constrain {
    width: 52.1rem;
    max-width: 70vw;
}

.brave-portrait #brave .section .constrain {
    max-width: calc(100vw - 5.9rem);
}

.brave-mobile.brave-portrait #brave .section .constrain, .brave-mobile.brave-portrait #brave .section.home .constrain {
    width: 100%;
    max-width: none;
}

#brave .section.landing .wideline {
    width: 130%;
    max-width: 65vw;
}

#brave .videoplayer.ended .light, #brave .videoplayer.contact .light, .brave-hotspot-expanded #brave .videoplayer .light {
    opacity: 1;
}

#brave .section.landing .play, #brave .section.landing .pulse, #brave .section.landing .pulse2, #brave .section.landing .play .image-contain {
    border-radius: 1000px;
}

#brave .section.landing .play .image-contain {
    border: 1px solid rgba(255, 255, 255, 0.25);
}

#brave .section.landing .play .text-color-red {
    border: 1px solid #fff;
    border-radius: 1000px;
    opacity: 0;
}

.brave-hover #brave .section.landing .play:hover .text-color-red {
    opacity: 1;
}

#brave .section.landing .pulse {
    border: 1px solid rgba(255, 255, 255, 1);
    animation: brave-pulse 2s 2s linear infinite;
    -webkit-animation: brave-pulse 2s 2s linear infinite;
    -moz-animation: brave-pulse 2s 2s linear infinite;
    -ms-animation: brave-pulse 2s 2s linear infinite;
}

#brave .section.landing .pulse2 {
    border: 0;
    background: rgba(255, 255, 255, 0.1);
    animation: brave-pulse2 2s 2s linear infinite;
    -webkit-animation: brave-pulse2 2s 2s linear infinite;
    -moz-animation: brave-pulse2 2s 2s linear infinite;
    -ms-animation: brave-pulse2 2s 2s linear infinite;
}

#brave .section.landing .slide {
    width: 100%;
    opacity: 0;
    animation: brave-slide 2s linear infinite;
    -webkit-animation: brave-slide 2s linear infinite;
    -moz-animation: brave-slide 2s linear infinite;
    -ms-animation: brave-slide 2s linear infinite;
    overflow: hidden;
}

#brave .section.landing .slide::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10vw;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

#brave .orb, #brave .videoplayer .hotspot .orb {
    width: 10vw;
    height: 10vw;
    padding: 3.5vw;
    min-height: 60px;
    min-width: 60px;
}

#brave .previoushotspot .orb {
    width: 4.5vw;
    height: 4.5vw;
    padding: 1vw;
    max-width: 80px;
    max-height: 80px;
    min-height: 30px;
    min-width: 30px;
}

#brave .mantle, #brave .videoplayer .hotspot .mantle {
    padding: 4px;
    /*0.5vw;*/
}

#brave .videoplayer .hotspots {
    width: 100vw;
    height: 56.26vw;
    z-index: 2;
}

#brave .videoplayer .hotspots .video-copenhagen-tag1, #brave .videoplayer .hotspots .video-copenhagen-tag2, #brave .videoplayer .hotspots .video-copenhagen-tag3, #brave .videoplayer .hotspots .video-oliena-tag1, #brave .videoplayer .hotspots .video-oliena-tag2, #brave .videoplayer .hotspots .video-oliena-tag3, #brave .videoplayer .hotspots .video-scilly-tag1, #brave .videoplayer .hotspots .video-scilly-tag2, #brave .videoplayer .hotspots .video-scilly-tag3, #brave .videoplayer .hotspots .video-ai-captain-tag1, #brave .videoplayer .hotspots .video-ai-captain-tag2, #brave .videoplayer .hotspots .video-ai-captain-tag3, #brave .videoplayer .hotspots .video-aruba-tag1, #brave .videoplayer .hotspots .video-aruba-tag2, #brave .videoplayer .hotspots .video-aruba-tag3, #brave .videoplayer .hotspots .video-madel-tag1, #brave .videoplayer .hotspots .video-madel-tag2, #brave .videoplayer .hotspots .video-madel-tag3 {
    display: none;
}

.brave-page-video-copenhagen #brave .videoplayer .hotspots .video-copenhagen-tag1, .brave-page-video-copenhagen #brave .videoplayer .hotspots .video-copenhagen-tag2, .brave-page-video-copenhagen #brave .videoplayer .hotspots .video-copenhagen-tag3, .brave-page-video-oliena #brave .videoplayer .hotspots .video-oliena-tag1, .brave-page-video-oliena #brave .videoplayer .hotspots .video-oliena-tag2, .brave-page-video-oliena #brave .videoplayer .hotspots .video-oliena-tag3, .brave-page-video-scilly #brave .videoplayer .hotspots .video-scilly-tag1, .brave-page-video-scilly #brave .videoplayer .hotspots .video-scilly-tag2, .brave-page-video-scilly #brave .videoplayer .hotspots .video-scilly-tag3, .brave-page-video-ai-captain #brave .videoplayer .hotspots .video-ai-captain-tag1, .brave-page-video-ai-captain #brave .videoplayer .hotspots .video-ai-captain-tag2, .brave-page-video-ai-captain #brave .videoplayer .hotspots .video-ai-captain-tag3, .brave-page-video-aruba #brave .videoplayer .hotspots .video-aruba-tag1, .brave-page-video-aruba #brave .videoplayer .hotspots .video-aruba-tag2, .brave-page-video-aruba #brave .videoplayer .hotspots .video-aruba-tag3, .brave-page-video-madel #brave .videoplayer .hotspots .video-madel-tag1, .brave-page-video-madel #brave .videoplayer .hotspots .video-madel-tag2, .brave-page-video-madel #brave .videoplayer .hotspots .video-madel-tag3 {
    display: block;
}

@media screen and (min-aspect-ratio: 18777/10000) {
    #brave .videoplayer .hotspots {
        width: 111.1rem;
        height: 59.2rem;
    }
}

#brave .videoplayer .hotspot .orb {
    opacity: 0;
    transform: scale(0.001, 0.001);
    -webkit-transform: scale(0.001, 0.001);
    -moz-transform: scale(0.001, 0.001);
    -ms-transform: scale(0.001, 0.001);
}

.brave-hover #brave .videoplayer:not(.contact):not(.ended):not(.beginning):not(.hotspot) .hotspot.visible .orb:hover {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
}

html:not(.brave-transitioning):not(.brave-seeking) #brave .videoplayer:not(.contact):not(.ended):not(.beginning) .hotspot.visible .orb, html:not(.brave-transitioning):not(.brave-seeking) #brave .videoplayer:not(.contact):not(.ended) .hotspot.expanded .orb {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    z-index: 1;
}

.brave-animations-enable #brave .videoplayer .hotspot.visible .orb {
    transition: opacity 0.25s ease-in-out, transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
    -ms-transition: opacity 0.25s ease-in-out, -ms-transform 0.5s cubic-bezier(0.1, .61, 0, .98);
}

#brave .orb .core, #brave .orb .pulse, #brave .orb .pulse2, #brave .videoplayer .hotspot .core, #brave .videoplayer .hotspot .pulse, #brave .videoplayer .hotspot .pulse2 {
    border-radius: 1000px;
}

#brave .orb .core, #brave .videoplayer .hotspot .core {
    background-color: white;
}

#brave .videoplayer.hotspot .hotspot .core {
    background-color: transparent;
    border: 1px solid white;
}

#brave .videoplayer.hotspot .hotspot .core::before, #brave .videoplayer.hotspot .hotspot .core::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 15%;
    width: 0.2vw;
    min-width: 2px;
    height: auto;
    bottom: 15%;
    margin-left: -0.1vw;
    background-color: white;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

#brave .videoplayer.hotspot .hotspot .core::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#brave .orb .pulse, #brave .videoplayer .hotspot .pulse {
    border: 1px solid rgba(255, 255, 255, 1);
}

#brave .orb .pulse2, #brave .videoplayer .hotspot .pulse2 {
    background-color: rgba(255, 255, 255, 0.25);
    border: 0;
}

#brave .videoplayer .hotspot .orb {
    pointer-events: none;
}

#brave .videoplayer:not(.contact):not(.ended) .hotspot.expanded .orb, #brave .videoplayer:not(.contact):not(.ended):not(.beginning) .hotspot.visible .orb {
    pointer-events: all;
    cursor: pointer;
}

.brave-previoushotspot #brave .previoushotspot .orb .pulse, #brave .videoplayer:not(.contact):not(.ended) .hotspot.expanded .pulse, #brave .videoplayer:not(.contact):not(.ended):not(.beginning) .hotspot.visible .pulse {
    animation: brave-pulse 2s linear infinite;
    -webkit-animation: brave-pulse 2s linear infinite;
    -moz-animation: brave-pulse 2s linear infinite;
    -ms-animation: brave-pulse 2s linear infinite;
}

.brave-previoushotspot #brave .previoushotspot .orb .pulse2, #brave .videoplayer:not(.contact):not(.ended) .hotspot.expanded .pulse2, #brave .videoplayer:not(.contact):not(.ended):not(.beginning) .hotspot.visible .pulse2 {
    animation: brave-pulse2 2s linear infinite;
    -webkit-animation: brave-pulse2 2s linear infinite;
    -moz-animation: brave-pulse2 2s linear infinite;
    -ms-animation: brave-pulse2 2s linear infinite;
}

#brave .videoplayer .hotspot .callout .line {
    transform: scale(0.001, 1);
    -webkit-transform: scale(0.001, 1);
    -moz-transform: scale(0.001, 1);
    -ms-transform: scale(0.001, 1);
}

#brave .videoplayer .hotspot .callout .slide {
    transform: translate(-2vw, 0);
    -webkit-transform: translate(-2vw, 0);
    -moz-transform: translate(-2vw, 0);
    -ms-transform: translate(-2vw, 0);
}

#brave .videoplayer .hotspot .callout .pic .image-cover {
    transform: scale(0.001, 0.001);
    -webkit-transform: scale(0.001, 0.001);
    -moz-transform: scale(0.001, 0.001);
    -ms-transform: scale(0.001, 0.001);
}

#brave .videoplayer .hotspot .callout .transition {
    opacity: 0;
}

#brave .videoplayer:not(.contact):not(.ended) .hotspot.visible.expanded .callout .transition {
    opacity: 1;
}

#brave .videoplayer:not(.contact):not(.ended) .hotspot.visible.expanded .callout .slide, #brave .videoplayer:not(.contact):not(.ended) .hotspot.visible.expanded .callout .line, #brave .videoplayer:not(.contact):not(.ended) .hotspot.visible.expanded .callout .pic .image-cover {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

#brave .videoplayer .hotspot:not(.expanded) .callout .transition {
    transition-delay: 0s !important;
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -ms-transition-delay: 0s !important;
}

#brave .videoplayer .hotspot:not(.expanded) .callout .angle .line {
    transition-delay: 0.25s !important;
    -webkit-transition-delay: 0.25s !important;
    -moz-transition-delay: 0.25s !important;
    -ms-transition-delay: 0.25s !important;
}

#brave .videoplayer .hotspot .callout .pic {
    width: 5vw;
    height: 5vw;
    overflow: hidden;
}

#brave .videoplayer .hotspot .callout .pic .image-cover {
    border-radius: 1000px;
    border: 1px solid #fff;
}

#brave .videoplayer .hotspot .callout .role {
    width: 25vw;
}

.brave-desktop #brave .videoplayer .hotspot.video-scilly-tag1 .callout .role, .brave-desktop #brave .videoplayer .hotspot.video-scilly-tag2 .callout .role {
    width: 20vw;
}

.brave-desktop #brave .videoplayer .hotspot.video-scilly-tag3 .callout .role {
    width: 25vw;
}

.brave-desktop #brave .videoplayer .hotspot.video-scilly-tag3 .callout .topright {
    height: 5vw;
}

.brave-desktop #brave .videoplayer .hotspot.video-scilly-tag3 .callout .topright .angle {
    transform: rotate(-201deg);
    -webkit-transform: rotate(-201deg);
    -moz-transform: rotate(-201deg);
    -ms-transform: rotate(-201deg);
    width: 6.9vw;
}

#brave .videoplayer .hotspot .callout p {
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    font-size: 1.25vw;
    line-height: 1.75vw;
}

.brave-desktop #brave .videoplayer .hotspot .callout p {
    max-height: 17vw;
    overflow: auto;
    padding-right: 1vw;
}

#brave .videoplayer .hotspot .callout p.small {
    font-size: 1vw;
    line-height: 1.5vw;
    opacity: 0.5;
}

#brave .videoplayer .hotspot .callout .more p.small {
    display: none;
}

#brave .videoplayer .hotspot .callout .bottomright {
    left: 7.5vw;
    top: 5vw;
}

#brave .videoplayer .hotspot .callout .topright {
    left: 7.5vw;
    top: auto;
    bottom: 100%;
    margin-bottom: 0;
    height: 11.25vw;
}

#brave .videoplayer .hotspot .callout .bottomleft {
    left: auto;
    right: 7.5vw;
    top: 0;
    ;
    bottom: auto;
    height: 11.25vw;
}

.brave-desktop #brave .videoplayer .hotspot.video-oliena-tag2 .callout .role {
    width: 27.5vw;
}

.brave-desktop #brave .videoplayer .hotspot.video-oliena-tag1 .callout .topright, .brave-desktop #brave .videoplayer .hotspot.video-oliena-tag2 .callout .topright {
    height: 20vw;
}

.brave-desktop #brave .videoplayer .hotspot.video-oliena-tag1 .callout .topright .angle, .brave-desktop #brave .videoplayer .hotspot.video-oliena-tag2 .callout .topright .angle {
    width: 18vw;
    transform: rotate(-247deg);
    -webkit-transform: rotate(-247deg);
    -moz-transform: rotate(-247deg);
    -ms-transform: rotate(-247deg);
}

#brave .videoplayer .hotspot .callout .bottomright .role, #brave .videoplayer .hotspot .callout .bottomleft .role, #brave .videoplayer .hotspot .callout .topright .role, #brave .videoplayer .hotspot .callout .bottomright .author, #brave .videoplayer .hotspot .callout .bottomleft .author, #brave .videoplayer .hotspot .callout .topright .author {
    padding-left: 1vw;
    padding-right: 0;
}

#brave .videoplayer .hotspot .callout .line, #brave .videoplayer .hotspot .callout .angle {
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
}

#brave .videoplayer .hotspot .callout .topright .angle .line, #brave .videoplayer .hotspot .callout .bottomleft .angle, #brave .videoplayer .hotspot .callout .bottomleft .angle .line, #brave .videoplayer .hotspot .callout .bottomright .angle .line {
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
}

#brave .videoplayer .hotspot .callout .line {
    height: 1px;
    background-color: rgba(255, 255, 255, 1);
}

#brave .videoplayer .discovermore, #brave .videoplayer .casestudies {
    display: none;
    height: 3.25vw;
}

#brave .videoplayer .casestudies {
    margin-right: 1vw;
}

.brave-mobile.brave-landscape #brave .videoplayer .casestudies {
    margin-right: 1vw;
}

#brave .videoplayer .casestudies .open {
    background-size: 60% auto;
}

#brave .videoplayer .discovermore .home, #brave .videoplayer .casestudies .open {
    width: 1.4vw;
    height: 1.4vw;
    margin-right: 0.5vw;
    top: -0.05vw;
}

.brave-mobile.brave-portrait #brave .videoplayer .casestudies {
    padding-top: 3vw;
    padding-bottom: 3vw;
}

.brave-mobile #brave .videoplayer .discovermore {
    background-color: rgba(255, 255, 255, 0.05);
}

#brave .section.discover-more a .image-cover, #brave .section.discover-more a .cta {
    pointer-events: all
}

#brave .section.discover-more a:hover {
}

#brave .videoplayer .discovermore2 .home {
    width: 5vw;
    height: 4vw;
    margin-right: 2.5vw;
    top: -0.5vw;
}

.brave-mobile.brave-landscape #brave .videoplayer .casestudies .open {
    width: 1.7vw;
    height: 2vw;
    margin-right: 0.5vw;
    top: 0;
}

#brave .videoplayer.ended .discovermore:not(.discovermore2) {
    display: inline-block;
}

.brave-mobile #brave .videoplayer.ended .discovermore:not(.discovermore2) {
    display: none;
}

.brave-page-video-ai-captain #brave .videoplayer.ended .casestudies.video-ai-captain, .brave-page-video-aruba #brave .videoplayer.ended .casestudies.video-aruba, .brave-page-video-madel #brave .videoplayer.ended .casestudies.video-madel, .brave-page-video-copenhagen #brave .videoplayer.ended .casestudies.video-copenhagen, .brave-page-video-oliena #brave .videoplayer.ended .casestudies.video-oliena, .brave-page-video-scilly #brave .videoplayer.ended .casestudies.video-scilly {
    display: inline-block;
}

#brave .videoplayer.hotspot:not(.contact):not(.ended) .hotspot.visible.expanded .callout .less, #brave .videoplayer:not(.contact):not(.ended) .hotspot.visible.expanded .callout .more {
    opacity: 0;
}

.brave-desktop #brave .videoplayer.hotspot:not(.contact):not(.ended) .hotspot.visible.expanded .callout .more p {
    opacity: 1;
    pointer-events: all;
}

#brave .videoplayer .hotspot .callout .bottomright .angle {
    width: 9.75vw;
    transform: rotate(-136deg);
    -webkit-transform: rotate(-136deg);
    -moz-transform: rotate(-136deg);
    -ms-transform: rotate(-136deg);
}

#brave .videoplayer .hotspot .callout .topright .angle {
    width: 10.5vw;
    transform: rotate(-231deg);
    -webkit-transform: rotate(-231deg);
    -moz-transform: rotate(-231deg);
    -ms-transform: rotate(-231deg);
}

#brave .videoplayer .hotspot .callout .bottomleft .angle {
    width: 10.5vw;
    transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
}

@media screen and (min-width: 1275px) {
    #brave .videoplayer h5 {
        font-size: 31px;
        line-height: 39px;
    }

    #brave .videoplayer h3 {
        font-size: 18px;
        line-height: 22px;
    }

    #brave .videoplayer p {
        font-size: 16px;
        line-height: 16px;
    }

    #brave .videoplayer .chapter label {
        font-size: 15px;
        line-height: 15px;
    }

    #brave .videoplayer .chapter {
        padding: 7px;
    }

    #brave .videoplayer .noend .title {
        padding-right: 29px;
    }

    #brave .videoplayer .controls {
        padding-left: 29px;
    }

    #brave .bt {
        padding-bottom: 14px;
        padding-left: 28px;
        padding-right: 28px;
        padding-top: 12px;
        height: 38px;
        font-size: 14px;
        line-height: 14px;
    }

    #brave .section.our-approach a.carouseltab, #brave .carouseltab {
        font-size: 1.3rem;
    }

    #brave .videoplayer .social {
        margin-right: 32px;
    }

    #brave .videoplayer .social .ico {
        width: 41px;
        height: 41px;
    }

    #brave .videoplayer .casestudies, #brave .videoplayer .discovermore {
        height: 41px;
        padding-top: 14px;
    }

    #brave .videoplayer .casestudies .open, #brave .videoplayer .discovermore .home {
        width: 18px;
        height: 18px;
        margin-right: 8px;
        top: -2px;
    }

    #brave .bt.ico {
        width: 45px;
        height: 38px;
    }

    #brave .videoplayer .commercial {
        width: 627px;
    }

    #brave .videoplayer .commercial .copy {
        max-width: 564.75px;
    }

    #brave .videoplayer .commercial .check {
        height: 19px;
        width: 19px;
        top: 3px;
    }

    #brave .videoplayer .commercial label, #brave .videoplayer .commercial .label {
        font-size: 19px;
        line-height: 27px;
    }

    #brave .videoplayer .hotspot .orb {
        width: 158px;
        height: 158px;
        padding: 55px;
    }

    #brave .videoplayer .hotspot .mantle {
        padding: 8px;
    }

    #brave .videoplayer .hotspot .callout .topright {
        left: 96px;
        height: 143px;
    }

    #brave .videoplayer .hotspot .callout .bottomright .role, #brave .videoplayer .hotspot .callout .topright .role, #brave .videoplayer .hotspot .callout .bottomright .author, #brave .videoplayer .hotspot .callout .topright .author {
        padding-left: 13px;
        padding-right: 13px;
    }

    #brave .videoplayer .hotspot .callout .role {
        width: 318px;
        /*width: 350px;*/
    }

    #brave .videoplayer .hotspot .callout p {
        font-size: 16px;
        line-height: 22px;
    }

    #brave .videoplayer .hotspot .callout p.small {
        font-size: 12px;
        line-height: 19px;
    }

    #brave .videoplayer .hotspot .callout .topright .angle {
        width: 134px;
    }

    #brave .videoplayer .hotspot .callout .pic {
        width: 61px;
        height: 61px;
    }

    .brave-desktop #brave .videoplayer .hotspot.video-oliena-tag1 .callout .topright, .brave-desktop #brave .videoplayer .hotspot.video-oliena-tag2 .callout .topright {
        height: 255px;
    }

    .brave-desktop #brave .videoplayer .hotspot.video-oliena-tag1 .callout .topright .angle, .brave-desktop #brave .videoplayer .hotspot.video-oliena-tag2 .callout .topright .angle {
        width: 229px;
    }

    .brave-desktop #brave .videoplayer .hotspot.video-oliena-tag2 .callout .role {
        width: 350px;
    }

    .brave-desktop #brave .videoplayer .hotspot.video-scilly-tag1 .callout .role, .brave-desktop #brave .videoplayer .hotspot.video-scilly-tag2 .callout .role {
        width: 255px;
    }

    .brave-desktop #brave .videoplayer .hotspot.video-scilly-tag3 .callout .role {
        width: 318px;
    }

    .brave-desktop #brave .videoplayer .hotspot.video-scilly-tag3 .callout .topright {
        height: 64px;
    }

    .brave-desktop #brave .videoplayer .hotspot.video-scilly-tag3 .callout .topright .angle {
        width: 88px
    }
}

@keyframes brave-preload {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes brave-preload {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes brave-preload {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-ms-keyframes brave-preload {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes brave-pulse {
    0% {
        transform: scale(1, 1);
        opacity: 0;
    }

    20% {
        transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

@-webkit-keyframes brave-pulse {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }

    30% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

@-moz-keyframes brave-pulse {
    0% {
        -moz-transform: scale(1, 1);
        opacity: 0;
    }

    30% {
        -moz-transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        -moz-transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

@-ms-keyframes brave-pulse {
    0% {
        -ms-transform: scale(1, 1);
        opacity: 0;
    }

    30% {
        -ms-transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        -ms-transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

@keyframes brave-pulse2 {
    0% {
        transform: scale(1, 1);
        opacity: 0;
    }

    30% {
        transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    80% {
        opacity: 0;
    }

    100% {
        transform: scale(6, 6);
        opacity: 0;
    }
}

@-webkit-keyframes brave-pulse2 {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }

    30% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    80% {
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(6, 6);
        opacity: 0;
    }
}

@-moz-keyframes brave-pulse2 {
    0% {
        -moz-transform: scale(1, 1);
        opacity: 0;
    }

    30% {
        -moz-transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    80% {
        opacity: 0;
    }

    100% {
        -moz-transform: scale(6, 6);
        opacity: 0;
    }
}

@-ms-keyframes brave-pulse2 {
    0% {
        -ms-transform: scale(1, 1);
        opacity: 0;
    }

    30% {
        -ms-transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    80% {
        opacity: 0;
    }

    100% {
        -ms-transform: scale(6, 6);
        opacity: 0;
    }
}

@keyframes brave-slide {
    0% {
        transform: none;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translate(100%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes brave-slide {
    0% {
        -webkit-transform: none;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(100%, 0);
        opacity: 0;
    }
}

@-moz-keyframes brave-slide {
    0% {
        -moz-transform: none;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        -moz-transform: translate(100%, 0);
        opacity: 0;
    }
}

@-ms-keyframes brave-slide {
    0% {
        -ms-transform: none;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        -ms-transform: translate(100%, 0);
        opacity: 0;
    }
}

.brave-animations-enable #brave .transition-delay-1 {
    transition-delay: 0.05s !important;
    -webkit-transition-delay: 0.05s !important;
    -moz-transition-delay: 0.05s !important;
    -ms-transition-delay: 0.05s !important;
}

.brave-animations-enable #brave .transition-delay-2 {
    transition-delay: 0.1s !important;
    -webkit-transition-delay: 0.1s !important;
    -moz-transition-delay: 0.1s !important;
    -ms-transition-delay: 0.1s !important;
}

.brave-animations-enable #brave .transition-delay-3 {
    transition-delay: 0.15s !important;
    -webkit-transition-delay: 0.15s !important;
    -moz-transition-delay: 0.15s !important;
    -ms-transition-delay: 0.15s !important;
}

.brave-animations-enable #brave .transition-delay-4 {
    transition-delay: 0.2s !important;
    -webkit-transition-delay: 0.2s !important;
    -moz-transition-delay: 0.2s !important;
    -ms-transition-delay: 0.2s !important;
}

.brave-animations-enable #brave .transition-delay-5 {
    transition-delay: 0.25s !important;
    -webkit-transition-delay: 0.25s !important;
    -moz-transition-delay: 0.25s !important;
    -ms-transition-delay: 0.25s !important;
}

.brave-animations-enable #brave .transition-delay-6 {
    transition-delay: 0.3s !important;
    -webkit-transition-delay: 0.3s !important;
    -moz-transition-delay: 0.3s !important;
    -ms-transition-delay: 0.3s !important;
}

.brave-animations-enable #brave .transition-delay-7 {
    transition-delay: 0.35s !important;
    -webkit-transition-delay: 0.35s !important;
    -moz-transition-delay: 0.35s !important;
    -ms-transition-delay: 0.35s !important;
}

.brave-animations-enable #brave .transition-delay-8 {
    transition-delay: 0.4s !important;
    -webkit-transition-delay: 0.4s !important;
    -moz-transition-delay: 0.4s !important;
    -ms-transition-delay: 0.4s !important;
}

.brave-animations-enable #brave .transition-delay-9 {
    transition-delay: 0.45s !important;
    -webkit-transition-delay: 0.45s !important;
    -moz-transition-delay: 0.45s !important;
    -ms-transition-delay: 0.45s !important;
}

.brave-animations-enable #brave .transition-delay-10 {
    transition-delay: 0.5s !important;
    -webkit-transition-delay: 0.5s !important;
    -moz-transition-delay: 0.5s !important;
    -ms-transition-delay: 0.5s !important;
}

.brave-animations-enable #brave .transition-delay-11 {
    transition-delay: 0.55s !important;
    -webkit-transition-delay: 0.55s !important;
    -moz-transition-delay: 0.55s !important;
    -ms-transition-delay: 0.55s !important;
}

.brave-animations-enable #brave .transition-delay-12 {
    transition-delay: 0.60s !important;
    -webkit-transition-delay: 0.60s !important;
    -moz-transition-delay: 0.60s !important;
    -ms-transition-delay: 0.60s !important;
}

.brave-animations-enable #brave .transition-delay-13 {
    transition-delay: 0.65s !important;
    -webkit-transition-delay: 0.65s !important;
    -moz-transition-delay: 0.65s !important;
    -ms-transition-delay: 0.65s !important;
}

.brave-animations-enable #brave .transition-delay-14 {
    transition-delay: 0.70s !important;
    -webkit-transition-delay: 0.70s !important;
    -moz-transition-delay: 0.70s !important;
    -ms-transition-delay: 0.70s !important;
}

.brave-animations-enable #brave .transition-delay-15 {
    transition-delay: 0.75s !important;
    -webkit-transition-delay: 0.75s !important;
    -moz-transition-delay: 0.75s !important;
    -ms-transition-delay: 0.75s !important;
}

.brave-animations-enable #brave .transition-delay-16 {
    transition-delay: 0.8s !important;
    -webkit-transition-delay: 0.8s !important;
    -moz-transition-delay: 0.8s !important;
    -ms-transition-delay: 0.8s !important;
}

.brave-animations-enable #brave .transition-delay-17 {
    transition-delay: 0.85s !important;
    -webkit-transition-delay: 0.85s !important;
    -moz-transition-delay: 0.85s !important;
    -ms-transition-delay: 0.85s !important;
}

.brave-animations-enable #brave .transition-delay-18 {
    transition-delay: 0.9s !important;
    -webkit-transition-delay: 0.9s !important;
    -moz-transition-delay: 0.9s !important;
    -ms-transition-delay: 0.9s !important;
}

.brave-animations-enable #brave .transition-delay-19 {
    transition-delay: 0.95s !important;
    -webkit-transition-delay: 0.95s !important;
    -moz-transition-delay: 0.95s !important;
    -ms-transition-delay: 0.95s !important;
}

.brave-animations-enable #brave .transition-delay-20 {
    transition-delay: 1s !important;
    -webkit-transition-delay: 1s !important;
    -moz-transition-delay: 1s !important;
    -ms-transition-delay: 1s !important;
}

.brave-animations-enable #brave .transition-delay-21 {
    transition-delay: 1.05s !important;
    -webkit-transition-delay: 1.05s !important;
    -moz-transition-delay: 1.05s !important;
    -ms-transition-delay: 1.05s !important;
}

.brave-animations-enable #brave .transition-delay-22 {
    transition-delay: 1.1s !important;
    -webkit-transition-delay: 1.1s !important;
    -moz-transition-delay: 1.1s !important;
    -ms-transition-delay: 1.1s !important;
}

.brave-animations-enable #brave .transition-delay-23 {
    transition-delay: 1.15s !important;
    -webkit-transition-delay: 1.15s !important;
    -moz-transition-delay: 1.15s !important;
    -ms-transition-delay: 1.15s !important;
}

.brave-animations-enable #brave .transition-delay-24 {
    transition-delay: 1.2s !important;
    -webkit-transition-delay: 1.2s !important;
    -moz-transition-delay: 1.2s !important;
    -ms-transition-delay: 1.2s !important;
}

.brave-animations-enable #brave .transition-delay-25 {
    transition-delay: 1.25s !important;
    -webkit-transition-delay: 1.25s !important;
    -moz-transition-delay: 1.25s !important;
    -ms-transition-delay: 1.25s !important;
}

.brave-animations-enable #brave .transition-delay-26 {
    transition-delay: 1.3s !important;
    -webkit-transition-delay: 1.3s !important;
    -moz-transition-delay: 1.3s !important;
    -ms-transition-delay: 1.3s !important;
}

.brave-animations-enable #brave .transition-delay-27 {
    transition-delay: 1.35s !important;
    -webkit-transition-delay: 1.35s !important;
    -moz-transition-delay: 1.35s !important;
    -ms-transition-delay: 1.35s !important;
}

.brave-animations-enable #brave .transition-delay-28 {
    transition-delay: 1.4s !important;
    -webkit-transition-delay: 1.4s !important;
    -moz-transition-delay: 1.4s !important;
    -ms-transition-delay: 1.4s !important;
}

.brave-animations-enable #brave .transition-delay-29 {
    transition-delay: 1.45s !important;
    -webkit-transition-delay: 1.45s !important;
    -moz-transition-delay: 1.45s !important;
    -ms-transition-delay: 1.45s !important;
}

.brave-animations-enable #brave .transition-delay-30 {
    transition-delay: 1.5s !important;
    -webkit-transition-delay: 1.5s !important;
    -moz-transition-delay: 1.5s !important;
    -ms-transition-delay: 1.5s !important;
}

.brave-animations-enable #brave .transition-delay-31 {
    transition-delay: 1.55s !important;
    -webkit-transition-delay: 1.55s !important;
    -moz-transition-delay: 1.55s !important;
    -ms-transition-delay: 1.55s !important;
}

.brave-animations-enable #brave .transition-delay-32 {
    transition-delay: 1.60s !important;
    -webkit-transition-delay: 1.60s !important;
    -moz-transition-delay: 1.60s !important;
    -ms-transition-delay: 1.60s !important;
}

.brave-animations-enable #brave .transition-delay-33 {
    transition-delay: 1.65s !important;
    -webkit-transition-delay: 1.65s !important;
    -moz-transition-delay: 1.65s !important;
    -ms-transition-delay: 1.65s !important;
}

.brave-animations-enable #brave .transition-delay-34 {
    transition-delay: 1.70s !important;
    -webkit-transition-delay: 1.70s !important;
    -moz-transition-delay: 1.70s !important;
    -ms-transition-delay: 1.70s !important;
}

.brave-animations-enable #brave .transition-delay-35 {
    transition-delay: 1.75s !important;
    -webkit-transition-delay: 1.75s !important;
    -moz-transition-delay: 1.75s !important;
    -ms-transition-delay: 1.75s !important;
}

.brave-animations-enable #brave .transition-delay-36 {
    transition-delay: 1.8s !important;
    -webkit-transition-delay: 1.8s !important;
    -moz-transition-delay: 1.8s !important;
    -ms-transition-delay: 1.8s !important;
}

.brave-animations-enable #brave .transition-delay-37 {
    transition-delay: 1.85s !important;
    -webkit-transition-delay: 1.85s !important;
    -moz-transition-delay: 1.85s !important;
    -ms-transition-delay: 1.85s !important;
}

.brave-animations-enable #brave .transition-delay-38 {
    transition-delay: 1.9s !important;
    -webkit-transition-delay: 1.9s !important;
    -moz-transition-delay: 1.9s !important;
    -ms-transition-delay: 1.9s !important;
}

.brave-animations-enable #brave .transition-delay-39 {
    transition-delay: 1.95s !important;
    -webkit-transition-delay: 1.95s !important;
    -moz-transition-delay: 1.95s !important;
    -ms-transition-delay: 1.95s !important;
}

.brave-animations-enable #brave .transition-delay-40 {
    transition-delay: 2s !important;
    -webkit-transition-delay: 2s !important;
    -moz-transition-delay: 2s !important;
    -ms-transition-delay: 2s !important;
}

.brave-lanjajp #brave .section.value h2.smallest, .brave-lanjajp #brave .section.value .h2.smallest {
    font-size: 1.2rem;
}

@media screen and (max-width: 1375px) {
    #brave .row-content-width, #brave .col.row-content-width {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    #brave .carousel-overflow.position-absolute.position-right {
        margin-right: -2rem;
    }

    #brave .section.our-approach .row-content-width, #brave .section.our-priorities .row-content-width, #brave .section.ceo .row-content-width {
        padding-left: 0;
        padding-right: 0;
    }

    #brave .paddedright, #brave .leftpanel {
        padding-right: 1.5rem;
    }

    #brave .paddedleft, #brave .rightpanel {
        padding-left: 1.5rem;
    }

    #brave .opening {
        padding-right: 300px;
    }
}

@media screen and (min-aspect-ratio: 120/100) {
/*    .brave-lanjajp #brave .section.ceo [data-tab="1"] .h2.quote, .brave-lanjajp #brave .section.ceo [data-tab="1"] h2.quote {
        font-size: 2.7rem;
    } */

    .brave-lanjajp #brave .section.home h1 {
        font-size: 5.6rem;
        line-height: 5.6rem;
    }

    #brave .section.partners .carousel .carouselitem .image-cover {
        width: 130%;
    }
}

@media screen and (max-aspect-ratio: 150/100) {
    #brave .cta, #brave .partnerscta, #brave .oursocialinnovationbusiness, #brave .latestsustainabilityreport {
        /*height:3.3rem;*/
    }

    #brave .row-content-width-narrower, #brave .row-content-width-narrow {
        margin: 0 auto;
        width: 75%;
        max-width: 65.1rem;
    }

    #brave .section.home h1 {
        font-size: 5rem;
        line-height: 5rem;
    }

    #brave .h2.big, #brave h2.big {
        font-size: 2.6rem;
    }

    #brave .h2.quote.smaller, #brave h2.quote.smaller, #brave .h2.quote, #brave h2.quote {
        font-size: 2.2rem;  /*24.06.10 : 3  →  2.2*/
    }

    #brave .h2.quote.smaller, #brave h2.quote.smaller {
        font-size: 2.2rem; /*24.06.10 : 2.4  →  2.2*/
    }
}

@media screen and (max-aspect-ratio: 140/100) {
}

@media screen and (max-aspect-ratio: 130/100) {
    #brave .hide-when-aspect-landscape-narrower {
        display: block;
    }

    #brave .hide-when-aspect-landscape-narrower.inline-block {
        display: inline-block;
    }

    #brave .cta, #brave .partnerscta, #brave .oursocialinnovationbusiness, #brave .latestsustainabilityreport {
        /*height:3rem;*/
    }

    #brave .row-content-width-narrower, #brave .row-content-width-narrow {
        margin: 0 auto;
        width: 85%;
        max-width: 65.1rem;
    }

    #brave .section.home h1 {
        font-size: 4.5rem;
        line-height: 4.5rem;
        padding-left: 0;
        padding-right: 0;
    }

    #brave .section.solving .h2.big, #brave .section.solving h2.big {
        /*font-size: 7vw;
                                line-height: 1.25em;*/
    }

    #brave .carousel .h2.big, #brave .carousel h2.big, #brave .h2.big, #brave h2.big {
        font-size: 2.6rem;
        line-height: 1.2em;
    }

    #brave .h2.quote.smaller, #brave h2.quote.smaller {
        font-size: 2.2rem; /*24.06.10 : 2.4  →  2.2*/
        line-height: 1.2em;
    }
}

@media screen and (max-aspect-ratio: 120/100) {
    #brave .h2.quote.smaller, #brave h2.quote.smaller, #brave .h2.quote, #brave h2.quote {
        font-size: 2.2rem; /*24.06.10 : 2.8  →  2.2*/
        line-height: 1.2em;
    }

    .brave-lanjajp #brave .section.ceo [data-tab="1"] .h2.quote, .brave-lanjajp #brave .section.ceo [data-tab="1"] h2.quote {
        font-size: 1.9rem;
    }/* #brave .carousel .p.small, #brave .carousel p.small, #brave .carousel .p.smaller, #brave .carousel p.smaller {
                    font-size: 1.8rem;
                }*/
}

@media screen and (max-aspect-ratio: 110/100) {
    #brave .row-content-width-narrowest, #brave .row-content-width-narrower, #brave .row-content-width-narrow {
        margin: 0 auto;
        width: 100%;
        max-width: 50rem;
    }

    #brave .row-content-width-narrowest {
        max-width: 50rem;
    }

    #brave .section.home h1 {
        font-size: 4.5rem;
        line-height: 4.5rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
	
    #brave .section.solving-challenges .row-content-width {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
	
    #brave .opening {
        padding-right: 15px !important;
    }

    #brave .downloadwrapper {
        position: relative;
        height: auto;
    }

    #brave .openingspacingbottom {
        display: none;
    }

    #brave .downloadplaceholder > div {
        left: 0;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #121211;
    }

    #brave .downloadplaceholder a {
        padding-left: 0;
        background-color: transparent !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #brave .downloadplaceholder a > div:nth-child(1) {
        width: 90px;
        height: auto;
        margin-right: 15px;
    }

    #brave .downloadplaceholder a > div:nth-child(1), #brave .downloadplaceholder a > div:nth-child(2) {
        display: inline-block;
        vertical-align: middle;
    }

    #brave .downloadplaceholder a .cta {
        bottom: auto;
        top: 50%;
        right: 1.5rem;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
		width: 3.4rem;
		height: 3.4rem;
    }

    #brave .downloadplaceholder a > div:nth-child(2) {
        width: auto;
        max-width: calc(100% - 9.5rem);
        line-height: 1.2em;
        padding-top: 4px;
        margin: 0;
        height: auto;
        min-height: 0;
        font-size: 1.4rem;
    }

    #brave .downloadplaceholder.position-center.position-right, #brave .downloadplaceholder {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        margin: 0;
        margin-top: 8.9rem;
        width: 100%;
        max-width: none;
    }
}

@media screen and (max-aspect-ratio: 100/100) {
    #GlobalNaviMenu {
        max-width: calc(100% - 150px);
        white-space: nowrap;
        overflow: auto;
    }

    #brave .h2.quote.smaller, #brave h2.quote.smaller, #brave .h2.quote, #brave h2.quote {
        font-size: 2.2rem; /*24.06.10 : 2.6  →  2.2*/
    }

    #brave .p, #brave p {
        font-size: 1.4rem;
        line-height: 1.4em;
    }

    #GlobalNaviMenu::-webkit-scrollbar {
        height: 0;
    }

    #brave .section.home h1 {
        font-size: 4.5rem;
        line-height: 4.5rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    #GlobalNaviMenu li {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    #brave .carouselitem.expanded .copy {
        min-height: 37.5rem;
    }

    #brave .row-content-width, #brave .col.row-content-width {
        max-width: 50rem;
    }

    #brave .section.our-approach .row-content-width, #brave .section.our-priorities .row-content-width, #brave .section.ceo .row-content-width {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

}

@media screen and (min-aspect-ratio: 90/100) {
    #brave .section.partners .carousel .nw {
        white-space: normal;
        overflow: visible;
        text-align: center;
    }

    #brave .section.partners .carousel .padrightmargin {
        display: none;
    }

    #brave .carousel.center:not(.forcedcenter) .carouselitem:nth-child(1), #brave .carousel.center.allowcenter .carouselitem:nth-child(1), #brave .carousel.center:not(.forcedcenter) .carouselitem:nth-last-child(2), #brave .carousel.center.allowcenter .carouselitem:nth-last-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    #brave .carousel.center .carouselitem {
        width: 12%;
        min-width: 3rem;
        height: auto;
        vertical-align: middle;
    }

    #brave .carousel.center .carouselitem .image-cover {
        position: relative;
        top: 0;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }
}

@media screen and (max-aspect-ratio: 90/100) {
    .brave-portrait #brave .sustainabilityreport p {
        font-size: 1.8rem;
    }

    #brave .p, #brave p {
        font-size: 1.4rem;
        line-height: 1.4em;
    }

    #brave .box-viewport-75 {
        height: 66vh !important;
    }

    #brave .section:first-child .box-viewport-75 {
        height: 75vw !important
    }

    #brave .space.smaller {
        /*height:1.3rem;*/
    }

    #brave .hide-when-aspect-portrait-narrow {
        display: none;
    }

    #brave .hide-when-aspect-landscape-narrow {
        display: block;
    }

    #brave .hide-when-aspect-landscape-narrow.inline-block {
        display: inline-block;
    }

    #brave .overflow-auto.portraitexpand, #brave .portraitexpand {
        overflow: visible;
        white-space: normal;
        pointer-events: none;
    }

    #brave .portraitexpand .nw {
        white-space: normal;
    }

    #brave .portraitexpand .pad {
        display: none;
    }

    #brave .portraitexpand .scroll-content {
        width: 100% !important;
    }

    #brave .portraitexpand .carouselitem {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 3rem !important;
    }

    #brave .portraitexpand .carouselitem.expanded .copy {
        min-height: 0;
        height: auto;
        padding: 2.4rem;
    }

    #brave .portraitexpand .carouselitem.expanded:not(.collapsed) .copy {
        padding-bottom: 7.4rem !important;
    }

    #brave .portraitexpand .carouselitem.expanded .cta {
        left: 2.1rem;
    }

    #brave .portraitexpand .carouselitem .ico {
        height: 1.5rem;
    }

    #brave .portraitexpand .carouselitem .ico svg * {
        stroke: #fff !important;
    }

    #brave .portraitexpand .collapsed .collapsable {
        display: none;
    }

    #brave .portraitexpand .collapsed .ico {
        transform: translate3d(0, -50%, 0) rotate(180deg);
        -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
        -moz-transform: translate3d(0, -50%, 0) rotate(180deg);
        -ms-transform: translate3d(0, -50%, 0) rotate(180deg);
    }

    #brave .box-viewport-15 {
        height: 11.8rem;
    }

    #brave .row-content-width .row-content-width, #brave .row-content-width .row-content-width-narrow {
        padding: 0;
    }

    #brave .carousel-overflow.position-absolute.position-right {
        margin-right: -15px;
    }

    #brave .h2.bigger, #brave h2.bigger {
        font-size: 2.7rem;
        line-height: 1.1em;
    }

    #brave .p.bigger, #brave p.bigger {
        font-size: 1.8rem;
        line-height: 1.37em;
    }

    #brave .section.resource-efficiency .p:not(.h2).bigger, #brave .section.resource-efficiency p:not(.h2).bigger, #brave .section.continuing-our-journey .p:not(.h2).bigger, #brave .section.continuing-our-journey p:not(.h2).bigger, #brave .section.environment-minimising-impact-on-natural-capital .p:not(.h2).bigger, #brave .section.environment-minimising-impact-on-natural-capital p:not(.h2).bigger, #brave .section.environment-resource-efficiency .p:not(.h2).bigger, #brave .section.environment-resource-efficiency p:not(.h2).bigger {
        font-size: 2.2rem;
        line-height: 1.3em;
    }

    #brave .p.small, #brave p.small {
        font-size: 1.3rem;
        line-height: 1.5em;
    }

    #brave .h2.quote.smaller, #brave h2.quote.smaller, #brave .h2.quote, #brave h2.quote {
        font-size: 2.2rem; /*24.06.10 : 3  →  2.2*/
        line-height: 1.1em;
    }

    #brave .section.accelerating .h2.quote.smaller, #brave .section.accelerating h2.quote.smaller, #brave .section.accelerating .h2.quote, #brave .section.accelerating h2.quote {
        font-size: 2.4rem;
        line-height: 1.2em;
    }

    .brave-lanjajp #brave .section.ceo [data-tab="1"] .h2.quote, .brave-lanjajp #brave .section.ceo [data-tab="1"] h2.quote {
        font-size: 2.4rem;
    }

    #brave .section.ceo a.carouseltab, #brave .section.ceo .carouseltab, #brave .section a.carouseltab, #brave .carouseltab, #brave .section a.carouseltab.selected, #brave .carouseltab.selected {
        border-bottom: none;
        padding-bottom: 1px;
        font-size: 1.75rem;
        width: 100%;
        max-width: none;
        padding-right: 25%;
    }

    #brave .section a.carouseltab.text-color-white:not(.selected), #brave .carouseltab.text-color-white:not(.selected) {
        border-bottom: none;
    }

    #brave .halfpanel {
        width: 100%;
    }

    #brave .halfpanel.padded {
        padding: 15px;
    }

    #brave .carouseltab .ico {
        width: 1.2rem;
        height: auto;
    }

    #brave .carouseltab:not(.selected) .ico {
        transform: translate3d(0, -50%, 0) rotate(180deg);
        -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
        -moz-transform: translate3d(0, -50%, 0) rotate(180deg);
        -ms-transform: translate3d(0, -50%, 0) rotate(180deg);
    }

    #brave .section a.carouseltab, #brave .carouseltab {
        opacity: 1;
    }

    #brave .background-grey .background-grey-lighter .carouseltab:not(.selected) .ico path, #brave .carouseltab:not(.selected) .ico path {
        stroke: #737373;
    }

    #brave .background-grey .carouseltab:not(.selected) .ico path {
        stroke: #fff;
    }

    #brave .carouseltab.quoted .constrain {
        max-width: 16.6rem;
    }

    #brave .carousel.quoted .leftpart {
        position: relative !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: left;
    }

    #brave .carousel.quoted .leftpart > .text-align-right {
        text-align: left;
    }

    #brave .section.our-approach .carousel .leftpart .overflow-hidden {
        overflow: visible;
    }

    #brave .section.our-approach .carousel .leftpart .image-cover, #brave .carousel.quoted .leftpart .image-cover {
        /* position: relative !important;*/
        width: calc(100% + 30px) !important;
        height: calc(100vw - 30px) !important;
        left: -15px;
    }

    #brave .carousel.quoted .leftpart .label {
        position: relative !important;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        padding: 0 !important;
        margin-top: 0 !important;
        /*1.5rem*/
        max-width: 23.7rem !important;
    }

    #brave .carousel.quoted .line {
        height: 2px;
        background-color: #B3B3B3;
    }

    #brave .carousel.quoted .leftpart .label p {
        font-size: 0.9rem !important;
        max-width: 17.8rem !important;
        line-height: 1.35em !important;
        margin-bottom: 0.3rem !important;
    }

    #brave .carousel.quoted .leftpart .label p.name {
        font-size: 1.3rem !important;
        margin-bottom: 0.3rem !important;
    }

    #brave .carousel.quoted .rightpart {
        position: relative !important;
        width: 100% !important;
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
        padding-top: 3rem !important;
    }

    #brave .carousel.quoted [data-tab]:not(.carouseltab) {
        position: relative !important;
    }

    #brave .carousel.quoted [data-tab]:not(.selected):not(.carouseltab) {
        display: none !important;
    }

    #brave .padrightmargin {
        /*padding-right:15px !important;*/
    }

    #brave .space {
        height: 5.9rem;
    }

    #brave .row-content-width, #brave .row-content-width-narrow, #brave .row-content-width-narrower, #brave .row-content-width-narrowest {
        /*margin: 0;
                                width: 100%;
                                padding-left: 30px;
                                padding-right: 30px;
                        		max-width: none;*/
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        max-width: 45rem;
    }

    #brave .section.our-approach-materiality .carousel.row-content-width {
        max-width: none;
    }

    #brave .section.home .cta.arrow {
        bottom: auto;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        right: 20px;
    }

    #brave .valuecreationbuttons {
        /*text-align:left;*/
    }

    #brave .carousel.center .carouselitem {
        width: 23.7rem;
        max-width: 100%;
    }/*#brave .carousel.center:not(.forcedcenter) .carouselitem:nth-child(1){
                        		margin-left:25%;
                        	}
                        	#brave .carousel.center:not(.forcedcenter) .carouselitem:nth-last-child(2){
                        		margin-right:25%;
                        	}*/

    #brave .carousel.center .scrollbarplaceholder {
        display: none;
    }

    #brave .carousel.center .buttons {
        width: 100%;
        left: 0%;
        top: 0;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        text-align: center;
    }

    #brave .carousel .half {
        width: 26rem;
        max-width: 100%;
    }

    #brave .section.driving .carousel .thumb {
        height: 29.6rem;
    }

    #brave .section.driving .carousel .thumb .wash {
        width: 100%;
        max-width: none;
        top: auto;
        bottom: 0;
        height: calc(50% + 2.4rem);
    }

    #brave .section.driving .carousel .leftpart {
        width: 100%;
        max-width: none;
        top: 50%;
        height: 50%;
        padding-top: 0;
        padding-left: 2.1rem;
    }

    #brave .section.driving:not(.environment-performance-in-20xx) .carousel .leftpart .position-absolute.position-bottom {
        position: relative;
        top: 0;
        bottom: auto;
    }

    #brave .section.driving .carousel .leftpart .p.smaller {
        font-size: 1.1rem;
    }

    #brave .section.driving[data-hash="performance-in-20xx"] .carousel .leftpart {
        top: 30%;
        height: 70%;
    }

    #brave .section.driving[data-hash="performance-in-20xx"] .carousel .leftpart .position-relative.position-center.position-left {
        position: relative;
        top: 0;
        bottom: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
    }

    #brave .section.driving[data-hash="performance-in-2022"] .carousel .thumb .wash {
        height: calc(59% + 2.4rem);
    }

    #brave .section.driving .carousel .leftpart > div {
        left: 0;
        top: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
    }

    #brave .carousel .h2.big, #brave .carousel h2.big {
        font-size: 2.4rem;
        line-height: 1.2em;
    }

    #brave .carousel .p, #brave .carousel p {
        /*line-height: 1.3em;
                                                		font-size: 1.2rem;*/
    }

    #brave .carousel .cta {
        height: 4rem;
    }

    #brave .carousel .cta.roundarrow,
    #brave .carousel .cta.arrow {
        height: 4rem;
        width: 4rem;
    }

    #brave .carousel.overflow-auto {
        overflow: visible !important;
    }
}

@media screen and (max-aspect-ratio: 80/100) {
    #brave .section.home h1 {
        font-size: 3.75rem;
        line-height: 3.75rem;
        padding-left: 0;
        padding-right: 0;
    }

    #brave .section.solving-challenges .row-content-width, #brave .section.our-approach .row-content-width, #brave .section.our-priorities .row-content-width, #brave .section.ceo .row-content-width, #brave .row-content-width, #brave .row-content-width-narrow, #brave .row-content-width-narrower, #brave .row-content-width-narrowest {
        padding-left: 15px;
        padding-right: 15px;
    }

    #brave .halfpanel.padded {
        padding: 0;
    }

    #brave .section.solving .h2.big, #brave .section.solving h2.big {
        font-size: 2.5rem;
        line-height: 1.25em;
    }
}

@media screen and (max-aspect-ratio: 70/100) {
    #brave .downloadplaceholder.position-center.position-right, #brave .downloadplaceholder {
        margin: 0;
        margin-top: 5rem;
        width: 100%;
        max-width: none;
    }

    #brave .section.solving-challenges .paddedh {
        padding: 0;
    }

    html:not(.brave-mobile) #brave .section.solving-challenges .opening {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

.brave-mobile.brave-landscape #brave .row-content-width {
    max-width: 88.8rem;
}

.brave-desktop #brave .desktophide {
    display: none;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes rotate {
    from {
        -ms-keyframestransform: rotate(0deg);
    }

    to {
        -ms-keyframestransform: rotate(360deg);
    }
}

/* ---------------------------------------------------------
TOP main video ( from common_option.js  add 2024.09.13)
--------------------------------------------------------- */
.YouTubeBox {
background-color: transparent;
}

.YouTubeBox .Movie {
width: 66%;
}

.YouTubeBox .Inner {
display: inline-block;
width: 33%;
padding: 15px 0 5px;
vertical-align: middle;
}

#brave .section .YouTubeBox .Inner p{
margin:0 10%;
padding:10px 0;
}

@media screen and (max-width: 994px) {
	.YouTubeBox .Movie {
		position: relative;
		padding-bottom: 37.125%; /* 56.25% x 66% */
		height: 0;
		overflow: hidden;
	}
	.YouTubeBox .Movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 767px) {
	.YouTubeBox .Movie {
		display: block;
		width: auto;
		padding-bottom: 56.25%;
	}
	.YouTubeBox .Inner {
		display: block;
		width: auto;
	}
	#brave .section .YouTubeBox .Inner p{
		margin:0;
	}
}