[id*="custom-html"]{padding:0 !important; position:relative;}
.text-show{display:block !important;}
.top-header-canvas {position:relative; height:500px; overflow:hidden; background:#efefef;}
.top-header-canvas video{margin-left: 50vw; transform: translate(-50%); z-index:0;}
.top-header-canvas .banner-title{width: 90%; top: 50%; transform: translate(0, -50%); position: absolute;z-index:1; color:#fff;}
#top-hero {padding: 0 !important;}
#top-hero .row{height: 500px; align-items: center;}
#top-hero h1{display: none;}
#top-hero .btn.color-adjusted {background-color: #fff !important; border-color: #fff !important; color: #003eab !important;}
#top-hero .btn-watch-video.border-adjusted {border-color: #fff !important; background-color: #003eab !important; color: #fff !important;}

#overview h3, #sdg-section h3{display:none;}
#overview p{text-align:center; width:90%;}
.menu-canvas {height: 660.64px;}
.zoom-box {position: relative;}
.zoom-box .cover{position:absolute; top:0; width:100%; height:100%; z-index:1;color:transparent;}
.zoom-box .h4:before, .zoom-box .cover:before{background-color: transparent;}
.zoom-box .imgLink {height: 100%; width: 100%; position: absolute; top: 0; left: 0; overflow:hidden;}
.zoom-box .imgLink img {width: 100%;object-fit:cover;height: 213px;display: block;}
.zoom3.zoom-box .imgLink img {height:436px;}
.zoom-box:hover .cover {-webkit-transition: all 0.4s ease-in; -moz-transform: all 0.4s ease-in; -ms-transform: all 0.4s ease-in; -o-transform: all 0.4s ease-in; transform: all 0.4s ease-in; background: rgba(0, 178, 255, 0.85);}
.zoom-box:hover a:before{background-color: transparent !important;}
.zoom-box a.h4{position:absolute; bottom:0; left:0; color:#fff !important; z-index:5; margin:0; padding:1.5rem; line-height:1.7rem; font-size: 1.7rem; text-shadow: 2px 2px 4px #222;}
.zoom-box .cover.border-adjusted{background-color: transparent !important;}
.zoom-box .cover.border-adjusted::before {background-color: transparent !important;}
.zoom-box:hover .cover.border-adjusted {background: rgb(0 62 171 / 85%) !important;}
.zoom-box a.h4.border-adjusted {background: transparent !important;}

.left-side {width: 30%; height:436px;}
.right-side{width:69%;}
.right-side .menu-items {height:436px;}
.zoom1{width:67%; height:213px;}
.zoom2{width:32%; height:213px;}
.zoom3{width:100%; height:436px;}
.zoom4{width:100%; height:213px;}
.zoom5{width:49.4%; height:213px;}
.flasher{animation: flash 300ms infinite;}

.emea-left-side, .emea-center-side, .emea-right-side {height: 605px; width: 32.7%;}
.zoom1-emea, .zoom5-emea {height: 390px;}
.zoom2-emea, .zoom4-emea {height: 205px;}
.zoom3-emea {height: 605px;}
.zoom-box .imgLink-emea {width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow:hidden;}
.zoom-box .imgLink-emea img {width: 100%; height: 100%; object-fit:cover; display: block;}

#net-zero-section{padding: 0 !important;}
#net-zero-section h2{display: none;}
#net-zero-section .row{min-height: 550px; align-items: center;}
#net-zero-section .col-md-5{width: 100%;}

#sustainable-future{padding: 0 !important;}
#sustainable-future h2{display: none;}
#sustainable-future .row{height: 500px; align-items: center;}
#sustainable-future .col-md-5 {width: 100%;}

#sustainable-initiatives-section {padding: 0 !important;}
#sustainable-initiatives-section h2{display: none;}
#sustainable-initiatives-section .row {height: 500px; align-items: center;}
#sustainable-initiatives-section .col-md-5{width: 100%;}
#sustainable-initiatives-section a{color: #404040 !important;}
#sustainable-initiatives-section a:before {background-color: #404040 !important;}

#get-in-touch-with-us h3{text-align: center;}
#get-in-touch-with-us .col-md-5{width: 100%;}
#get-in-touch-with-us .icon-box{border: 2px solid #00b2ff; border-radius: 50%; margin-right: 10px; width: 60px; height: 60px}
#get-in-touch-with-us .icon-box img{width: 30px;}
#get-in-touch-with-us .icon-box a:before {background-color: transparent !important;}
#get-in-touch-with-us .icon-box span {font-size: 40px;}
#get-in-touch-with-us .icon-title{width: 80px; font-family: "IBM Plex Sans",Arial,sans-serif !important;}

/*Video pop-up*/
/*Video pop-up*/
.show {display: flex !important;}
.popup {display: none; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 1050;}
.popup .video{margin: 0 auto; width:71vw; height:40vw; text-align:center;max-height: calc(100vh - 60px);}
#watch-video .close{position: absolute;border: 0;outline: none;cursor: pointer;background: none;font-size: 50px;z-index: 1;top: 0;right: 1%;color: #fff;opacity: 1;margin: 0;padding: 0;}


.js-scroll {opacity: 0; transition: opacity 500ms;}
.js-scroll.scrolled {opacity: 1;}
.scrolled.fade-in {animation: fade-in 1s ease-in-out both;}
.scrolled.fade-in-bottom {animation: fade-in-bottom 1s ease-in-out both;}
.scrolled.slide-left {animation: slide-in-left 1s ease-in-out both;}
.scrolled.slide-right {animation: slide-in-right 1s ease-in-out both;}

/* ----------------------------------------------
 * Generated by Animista on 2021-2-11 23:32:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 1500px) {
    #net-zero-section {background-position: 30%;}
    #net-zero-section picture img{object-position: 30%;}
}

@media (max-width: 1100px) {
    .karsten-fig {left: -8rem;}
    .quotation-section blockquote p {font-size: 1.4rem !important; line-height: 1.8rem;}
    .quotation-section blockquote p:before {left: 0 !important; font-size: 7rem !important; top: 5rem !important;}
}

@media (max-width: 800px) {
    #net-zero-section .text-cover {background: rgba(255,255,255,0.85);padding: 1rem;}
    .president-quotation-section {height: auto;}
    .karsten-fig, .denise-fig{position: relative; left: 0; right: 0; margin: auto;}
    .karsten-quote, .denise-quote, .karsten-note, .denise-note {position: relative; width: 100%; left: 0; right: 0; top: 0; bottom: 0; padding: 0;}
    .quotation-section blockquote {padding: 2rem 1rem !important; margin-bottom: 1rem !important;}
    .quotation-section blockquote p {font-size: 1.2rem !important; line-height: 1.5rem; padding: 0 0 1rem 0!important;}
    .quotation-section blockquote p:before {left: 0 !important; position: relative !important; font-size: 5rem !important; top: 2rem !important;}
    .quotation-section blockquote footer {padding: 0;}
    .quotation-section blockquote footer cite{padding: 0 !important;}
    .denise-note p{margin-top: 1rem !important;}
}


@media (max-width: 700px) {
    .menu-canvas, .left-side, .right-side, .right-side .menu-items, .emea-left-side, .emea-center-side, .emea-right-side {height: auto;}
    .left-side, .right-side, .emea-left-side, .emea-center-side, .emea-right-side {width: 100% !important;}
    .emea-menu-canvas {flex-direction: column;}
    .zoom-box{width: 100% !important; height: 213px !important; margin-bottom: 1rem;}
    .menu-canvas .first-row, .menu-canvas .second-row, .menu-canvas .third-row {flex-direction: column;}
    .quotation-section {height: auto;}
    .president-section .row {flex-direction: column;}
    .president-section .row:last-child {flex-direction: column-reverse !important;}
    .president-fig {position: relative;}
    .karsten-bg, .denise-bg{z-index: -1;}
    .goals-box {min-height: auto; margin-bottom: 1rem;}
    #get-in-touch-with-us .col-sm-4{margin-bottom: 1rem;}
}

@media (max-width: 500px) {
    .denise-quote-section {margin-top: 0;}
	.top-header-canvas .banner-title{margin: 0 auto; left:0; right:0;}
    .top-header-canvas video{margin-left:0; transform: translate(-25%);}
    #top-hero {background-position: 60% center !important;}
    #our-goals-and-strategies h2 {margin-top: 70%;}
    .goals-box-right {width: 100%; margin: 1rem auto 3rem;}
    .goals-section .desc-box ul li {font-size: 16px;}
    #get-in-touch-with-us .col-auto {width: 100%;}
    .icon-box img {width: 50px;}    
}