*::selection { background: #203B83; color: #FFF; }
*::-moz-selection { background: #203B83; color: #FFF; }
::-webkit-scrollbar {display: none;}
::scrollbar {display: none;}
::-moz-scrollbar {display: none;}
* {scroll-behavior: smooth;}
body::-webkit-scrollbar {width: 0px;background: transparent;}
@-moz-document url-prefix() {html{scrollbar-width: none;}}

.clearfix:after, .clearfix:before{
display: table;
content: " "
}
.clearfix:after{
clear: both
}
html {
position: absolute;
height: 100%;
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none; /* IE 11 */
width: 100%;
scroll-behavior: smooth;
}
.where-nothing {
    display: none;
}
.where-display {
    display: block;
}
/* width */
.scrollable::-webkit-scrollbar:not(tr):not(td):not(table):not(th) {
  width: 1px;
  display: block;
}

/* Track */
.scrollable::-webkit-scrollbar-track:not(tr):not(td):not(table):not(th)  {
  box-shadow: inset 1px 1px 5px #ccc;
  border-radius: 20px;
  background: rgba(17, 100, 185, 0.15);
}
 
/* Handle */
.scrollable::-webkit-scrollbar-thumb:not(tr):not(td):not(table):not(th)  {
  background: rgba(17, 100, 185, 0.75);
  border-radius: 10px;
  max-height: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

/* Handle on hover */
.scrollable::-webkit-scrollbar-thumb:hover:not(tr):not(td):not(table):not(th)  {
  background: rgba(17, 100, 185, 0.75); 
}



body {
overflow: auto;
line-height: 1.6;
height: 100%;
scrollbar-width: none;
scroll-behavior: smooth;
}

a,
a:focus {color: #27BDCA;text-decoration: none;outline: 0;}
a:hover { text-decoration: none; color: #09449D; }

body {font-family: "HelveticaNeue";font-weight: 200;font-style: normal;}
hr{ width:100%}
input,
input:focus,
select,
select:focus {outline: none;border: 1px solid #09449D;}

h1 { text-transform: uppercase; font-family: 'LyonDisplayRegular';}
h1 span { color: #09449D;font-family: 'LyonDisplayRegular'; }
h2{color: #022C56;text-transform: none;border-bottom: 1px solid #09449D;padding-bottom: 15px;font-size: 60px;font-family: 'LyonDisplayRegular';line-height: 1.2;font-weight: 400;}
h3 {color: #707070;font-size: 40px;font-weight: 100;font-family: 'LyonDisplayRegular'; /* Adjust gradient colors */}
.risk-headergrey h3 {margin: 0;}

b, strong { font-weight: 600; }
sup, sub {vertical-align: super;position: relative;top: 3px;font-size: 12px;}
sub { top: 1em; }
body {color: #4C4D4F;font-size: 100%;margin: 0; /*background: #ECECEC;*/}
p {font-size: 16px;margin-bottom: 15px;line-height: 1.5;color: #57585B;margin-top:0px;font-family: "HelveticaNeue";font-weight: 100;}
h4{font-size: 24px;margin-bottom: 0; margin-top:20px;}
h5{font-family: 'LyonDisplayRegular';font-size: 20px;margin-bottom: 0;}
.intro{font-size: 25px;}
.intro-18{font-size: 18px;}

.lyon{font-family: 'LyonDisplayRegular';}

.qa-table.clearfix {
    display: flex;
}

.qa-table-cell {
    flex: 50%;
}

.qa-table-cell .lyon {
    font-size: 30px;
    max-width: 81%;
    padding-top: 90px;
}

footer .foot{list-style-type: none;margin: 0;padding: 0;background: #ECEFF8; display: flex;}
footer .foot li{width: 50%;padding: 0 40px;box-sizing: border-box;color:#006FBA;text-align: center;}




article{max-width: 1660px;width: 100%;margin: 0 auto;z-index: 7;position: relative;padding: 0px 40px;box-sizing:border-box;}
header article{max-width: 1920px;width: 100%;margin: 0 auto;z-index: 7;position: relative;padding: 0px 0px;box-sizing:border-box;}

/*SWITCH COLOURS*/

.meg-nav-container{
    position: absolute;
    top: 90px;
    padding-top: 15px;
    left: 0px;
    width: 100%;
    z-index: 40;
    height: auto;
    background: #fff;
    padding-bottom: 0;
    padding: 0;
    box-sizing: border-box;
    transition: .45s linear all;
}
.meg-nav-container.open{
    padding: 15px 5px;
	transition: .45s linear all;
}
.menu-list{display: block;padding: 0 0px;color: #0A616E;font-size: 13px;font-family: "HelveticaNeue";font-weight: 400;cursor: pointer;text-align: center;align-self: center;flex-basis: 14%;}
.menu-list a{color: #0A616E;}
.mega-nav{background-size: cover;background-repeat: no-repeat;background-position: top left;width: 100%;position: relative;margin: 0 auto;display: none;gap: 15px;height: calc(100vh - 120px);}
.mega-nav-inner{box-sizing: border-box;flex-basis: 30%;background: #fff;border-radius: 40px;}
.mega-nav-inner h3{color: #fff;font-size: 37px;display: inline-block;margin: 0;padding: 30px 100px;position: absolute;bottom: 0;left: 0;}
.mega-nav-inner h3:after{content: '';width: 60px;border-bottom: 1px solid #fff;height: 1px;bottom: 34px;position: absolute;left: 100px;}
.mega-nav-inner h4{color: #004250;font-size: 25px;margin-bottom: 30px;font-family: 'LyonDisplayRegular';font-weight: 100;}
.mega-nav-inner ul{ margin: 0; padding: 0; list-style: none;}
.mega-nav-inner ul li{color: #004250;padding: 5px;font-weight: 600;}
.expand-trigger{
    font-size: 15px;
    position: absolute;
    right: -50px;
    cursor: pointer;
}
.mega-nav-inner ul li a {
    color: #004250;
    font-weight: 400;
}
.expand-trigger:after{content: '';}

.expand-content{
    max-width: 32%;
    padding: 30px 20px;
    max-height: 500px;
    overflow-y: scroll;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.expand-content p{color: #fff;font-size: 14px;font-weight: 100;}

#mega-menu-1 .img-col .expand-content {
}

#mega-menu-2 .img-col .expand-content {
 max-width: 33%;
}

#mega-menu-3 .img-col .expand-content {
   max-width: 30%;
}

#mega-menu-4 .img-col .expand-content {
max-width: 33%;   
}
#mega-menu-5 .img-col .menu-lightpurple {
}
#mega-menu-5 .img-col .expand-content {
}
#mega-menu-6 .img-col div {
}
#mega-menu-1 .img-col{background-image: url("../img/menu-bg-1.jpg");background-position: left;}
#mega-menu-1 .mega-nav-inner{padding: 150px 100px 100px 100px;border: 1px solid #006AB4;}
#mega-menu-2 .img-col{background-image: url("../img/menu-bg-2.jpg");}
#mega-menu-2 .mega-nav-inner{padding: 150px 97px 100px 100px;border: 1px solid #398CCB;}
#mega-menu-3 .img-col{ background-image: url("../img/menu-bg-3.jpg");}
#mega-menu-3 .mega-nav-inner{padding: 150px 100px 100px 100px;border: 1px solid #008895;}
#mega-menu-4 .img-col{background-image: url("../img/menu-bg-6.jpg");}
#mega-menu-4 .mega-nav-inner{padding: 150px 100px 100px 100px;border: 1px solid #554596;}
#mega-menu-5 .img-col{background-image: url("../img/menu-bg-5.jpg");background-position-y: bottom;}
#mega-menu-5 .mega-nav-inner{padding: 150px 100px 100px 100px;border: 1px solid #005669;}
#mega-menu-6 .img-col{background-image: url("../img/menu-bg-7.jpg");}
#mega-menu-6 .mega-nav-inner{padding: 150px 100px 100px 100px;border: 1px solid #0067B2;}




body.mm02 section.header-row {background: url(../img/header-row-bg.svg), linear-gradient(45deg, #006AB4, #63B9E9); background-size: cover;background-position: top right;}
body.mm03 section.header-row {background: url(../img/header-row-bg.svg), linear-gradient(45deg, #398CCB, #63B9E9); background-size: cover;background-position: top right;}
body.mm04 section.header-row {background: url(../img/header-row-bg.svg), linear-gradient(45deg, #008895, #2AB8CA); background-size: cover;background-position: top right;}
body.mm05 section.header-row {background: url(../img/header-row-bg.svg), linear-gradient(45deg, #554596, #7C6EB0); background-size: cover;background-position: top right;}
body.mm06 section.header-row {background: url(../img/header-row-bg.svg), linear-gradient(45deg, #005669, #008895); background-size: cover;background-position: top right;}
body.mm06.sm03 section.header-row {background: url(../img/header-row-bg.svg), linear-gradient(45deg,  #554596, #7C6EB0); background-size: cover;background-position: top right;}

body.mm07 section.header-row {background: url(../img/header-row-bg.svg), linear-gradient(45deg, #0067B2, #398CCB); background-size: cover;background-position: top right;}
section.header-row {
    background-size: cover;
    margin-top: -113px;
    padding-top: 115px;
    margin-bottom: 60px;
    position: relative;
}

section.header-row h3 {color: #fff;margin-bottom: 120px;padding-bottom: 20px;border-bottom: 1px solid #46B4E1;max-width: 60%;}
section.header-row h3 + p {margin-top: -60px;margin-bottom:30px}
section.header-row h3 + .row { margin-top:-100px; margin-bottom:30px}




body.mm01 .mobile-menu {background: #554596;}
body.mm02 .mobile-menu {background: linear-gradient(45deg, #006AB4, #63B9E9);}
body.mm03 .mobile-menu {background: linear-gradient(45deg, #398CCB, #63B9E9);}
body.mm04 .mobile-menu {background: linear-gradient(45deg, #008895, #2AB8CA);}
body.mm05 .mobile-menu {background: linear-gradient(45deg, #554596, #7C6EB0);}
body.mm06 .mobile-menu {background: linear-gradient(45deg, #005669, #008895);}
body.mm07 .mobile-menu {background: linear-gradient(45deg, #0067B2, #398CCB);}
body.mm08 .mobile-menu {background: #007C7C;}




.info-box {border: 1px solid #2AB8CA;padding: 20px;border-radius: 20px 20px 20px 20px;margin-bottom:15px;background: #EFF8FB;}


.lime-box-curve {box-sizing: border-box;padding: 20px;border-radius: 20px;background: #EFF8FB;border: 1px solid #76C9D7;}



.curve-box-turq {box-sizing: border-box;border-radius: 20px;border:1px solid #61C9D4;margin-bottom:20px;}
.curve-box-turq .box-one {background: #008895;color: #fff;padding: 20px;border-radius: 0px 0px 20px 20px; font-weight: bold;font-size: 18px;margin: 0 auto;max-width: 95%;} 
.curve-box-turq .box-one img {float:right;}
.curve-box-turq .box-two {padding:20px;}






/* Demo CSS */
.mag {
  width: 100%;
  height: 100%;
  display: table;
}
.mag .center {
  width: 100%;
  height: 100%;
  display: table-cell;
  font-family: sans-serif;
  font-size: 12px;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}
.mag .center img {
  border: none;
}






.thrive-bg{background-image: url("../img/thrive-bg.jpg");background-size: cover;min-height: 106vh;background-position: center center;}
.row-thrive {
    display: flex;
    flex-direction: row-reverse;
}

.row-thrive .cont-col-thrive {
    flex-basis: 56%;
    text-align: right;
}

.mega-nav .img-col h3{color: #fff;font-size: 37px;display: block;margin: 0 70px;text-align: center;max-width: 200px;}

span.expand-trigger:after {
    content: '\ecc4';
    font-family: 'icomoon';
    left: -21px;
    position: absolute;
}
.row-thrive .cont-col-thrive p {
    font-size: 18px;
    font-weight: 400;
}
.row-thrive .cont-col-thrive p.intro-35 {
    font-size: 35px;
}

.menu-list h6 {
    color: #AAAAAA;
    font-size: 14px;
}

.sappi-logo {
    padding: 20px;
}

.breadcrumb {
    padding: 5px;
    color: #fff;
}

.breadcrumb a{color: #fff;}

body.menu-active header{}
body.menu-active.mm01.sm01 header{}


nav {display: flex;}
header {border-radius: 60px;background: #fff;position: relative;margin: 3px 5px;z-index: 41;border: 1px solid #504BAF;}
.img-col {flex-basis: 70%;position: relative;/* background-size: cover; */background-position: left top;background-repeat: no-repeat;border-radius: 40px;align-content: end;}



/*LEADERSHIP*/

/*LEADERSHIP*/

ul.arrow-list-key {
    list-style: none;
    padding: 0px;
}

ul.arrow-list-key li {
    padding-left: 15px;
    position: relative;
    margin-bottom: 0;
}

ul.arrow-list-key li:before {
    content: '';
    border-right: 1px solid #4C4D4F;
    border-bottom: 1px solid #4C4D4F;
    width: 4px;
    height: 4px;
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    left: 0px;
    top: 11px;
}

.switch-lightblue {
    color: #32AAE1;
}

.switch-lead-blue {
    color: #358CCB;
}

label {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.card {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 600ms;
    transition: all 600ms;
    z-index: 20;
    box-shadow: 2px 2px 15px #ccc;
    border-radius: 30px 30px 0 0;
}

.card .front, .card .back {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #FFF;
    text-align: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 0px;
    overflow: scroll;
    border-radius: 30px 30px 0 0;
}

.card .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 15px;
}

.card .front .switch-blue, .card .back .switch-blue, .card .front .switch-turquois, .card .back .switch-turquois{
    color: #554596!important;
}



.back::-webkit-scrollbar {width: 10px;border-radius: 11px;-webkit-appearance: none;display: block;}
.back::scrollbar {width: 10px; border-radius: 11px; -webkit-appearance: block;}
.back::-moz-scrollbar {width: 10px; border-radius: 11px; -webkit-appearance: block;}
.back::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    display: block;
}


.card .front > p {
    /* background: #006FBA; */
}

.card .front > p img {position:relative;display: block;max-width: 100%;}
label:hover .card {
    -webkit-transform: rotateY(20deg);
    transform: rotateY(20deg);
    box-shadow: 0 20px 20px rgba(50, 50, 50, 0.2);
}

input {
    display: none;
}

:checked + .card {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

label:hover :checked + .card {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    box-shadow: 0 20px 20px rgba(255, 255, 255, 0.2);
}

.alt label:hover :checked + .card {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    box-shadow: 0 20px 20px rgba(255, 255, 255, 0.2);
}

.alt :checked + .card {
    transform: rotateY(00deg);
    -webkit-transform: rotateY(00deg);
}

.alt label:hover .card {
    -webkit-transform: rotateY(20deg);
    transform: rotateY(20deg);
    box-shadow: 0 20px 20px rgba(50, 50, 50, 0.2);
}

label :checked + .card .front {
    -ms-backface-visibility: hidden;
}

label :checked + .card .back {
    -ms-backface-visibility: visible;
}

.directors-block {
    width: calc(25% - 40px);
    margin-right: 40px;
    float: left;
    margin-bottom: 40px;
    position: relative;
    min-height: 520px;
}

.directors-block:nth-child(4+0) {
    margin-right: 0px;
}

/*.directors-block:last-of-type {margin-right: 0px;}*/
.b {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 15px;
}

.pi {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 15px;
}

.rm {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 15px;
}

.set {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 15px;
}

.hr {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 15px;
}

.a {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 15px;
}

.gn {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 15px;
}

.c {
    background: #470635;
    border: 1px solid #470635;
}

.si {
    background: #7A97AB;
    border: 1px solid #7A97AB;
}

.bi {
    background: #00A99D;
    border: 1px solid #470635;
}

.b span {
    transform: rotate(-45deg);
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.pi span {
    transform: rotate(-45deg) ;
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.rm span {
    transform: rotate(-45deg);
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.set span {
    transform: rotate(-45deg) ;
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.hr span {
    transform: rotate(-45deg) ;
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.a span {
    transform: rotate(-45deg) ;
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.gn span {
    transform: rotate(-45deg);
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.c span {
    color: #fff;
}

.si span {
    color: #fff;
}

.bi span {
    color: #fff;
}

.b:hover div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: block;
}

.pi:hover div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: block;
}

.rm:hover div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: block;
}

.set:hover div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: block;
}

.hr:hover div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: block;
}

.a:hover div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: block;
}

.gn:hover div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: block;
}

.b div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: none;
    transform: rotate(-45deg);
    background: #fff;
}

.pi div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: none;
    transform: rotate(-45deg);
    background: #fff;
}

.rm div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: none;
    transform: rotate(-45deg);
    background: #fff;
}

.set div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: none;
    transform: rotate(-45deg);
    background: #fff;
}

.hr div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: none;
    transform: rotate(-45deg);
    background: #fff;
}

.a div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: none;
    transform: rotate(-45deg);
    background: #fff;
}

.gn div.popup {
    width: 100px;
    height: auto;
    border: 1px solid #410D2C;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 110%;
    display: none;
    transform: rotate(-45deg);
    background: #fff;
}

.b-inner {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    margin: 8px auto;
}

.pi-inner {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    margin: 8px auto;
}

.rm-inner {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    margin: 8px auto;
}

.set-inner {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    margin: 8px auto;
}

.hr-inner {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    margin: 8px auto;
}

.a-inner {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    margin: 8px auto;
}

.gn-inner {
    width: 30px;
    height: 30px;
    border: 1px solid #410D2C;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    margin: 8px auto;
}

.c-inner {
    background: #470635;
    border: 1px solid #470635;
}

.si-inner {
    background: #7A97AB;
    border: 1px solid #7A97AB;
}

.bi-inner {
    background: #00A99D;
    border: 1px solid #470635;
}

.b-inner span {
    transform: rotate(-45deg);
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.pi-inner span {
    transform: rotate(-45deg);
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.rm-inner span {
    transform: rotate(-45deg);
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.set-inner span {
    transform: rotate(-45deg);
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.hr-inner span {
    transform: rotate(-45deg) ;
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.a-inner span {
    transform: rotate(-45deg) ;
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.gn-inner span {
    transform: rotate(-45deg);
    position: absolute;
    top: 6%;
    left: 15%;
    font-size: 16px;
    text-transform: uppercase;
}

.c-inner span {color: #fff;}

.si-inner span {color: #fff;}

.bi-inner span {color: #fff;}

.key-blue {
    background: #1E478E;
    border-radius: 20px;
    width: 40px;
    height: 15px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
    vertical-align: top;
    line-height: 23px;
    margin-right: 3px;
}

.key-lightblue {
    background: #92D6E3;
    border-radius: 20px;
    width: 40px;
    height: 15px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
    vertical-align: top;
    line-height: 23px;
    margin-right: 3px;
}

.key-green {
    background: #008D97;
    border-radius: 20px;
    width: 40px;
    height: 15px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
    vertical-align: top;
    line-height: 23px;
    margin-right: 3px;
}

.key-purple {
    background: #7670B4;
    border-radius: 20px;
    width: 40px;
    height: 15px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
    vertical-align: top;
    line-height: 23px;
    margin-right: 3px;
}



.grey-block-bkr .cross {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 25px;
    height: 25px;
    color: #7570B3;
    font-weight: bold;
}


.grey-block-bkr {
    border-top: 3px solid #223C83;
}






.letter-row {
    display: flex;
    flex-direction: row;
}

.letter-row .letter-img-col {
    flex-basis: 35%;
    vertical-align: bottom;
}

.letter-row .letter-cont-col {
    flex-basis: 65%;
    padding: 60px;
    box-sizing: border-box;
    max-height: 811px;
    overflow: scroll;
    margin-bottom: 90px;
    padding-bottom: 30px;
}

.img-responsive {
    max-width: 100%;
}

.letter-row .letter-img-col img {
    display: inline;
    vertical-align: bottom;
}

.letter-row .letter-cont-col .row {
    border-bottom: 1px solid #DBDBDB;
}


.strategy-content .top-row {
    display: flex;
    gap: 60px;
}

.strategy-content .top-row .col-head .head {
    border-bottom: 1px solid #554596;
}

.strategy-content .top-row .col-head .head h4 {
    background: #554596;
    color: #fff;
    margin: 0;
    padding: 15px;
    border-radius: 14px 14px 0 0;
    font-family: 'LyonDisplayRegular';
    display: flex;
    align-items: anchor-center;
}
.strategy-content .top-row .col-head .head h4 span {
    margin-left: auto;
    display: block;
}
.strategy-content .top-row .col-head .head h4 span img{display:block;}
.strategy-content .top-row .col-head .head h5 {
    padding: 20px 15px;
    margin: 0;
    font-family: 'LyonDisplayRegular';
    font-weight: 100;
    color: #554596;
}

.strategy-content .top-row .col-icon {
    flex-basis: 25%;
    display: none;
}

.strategy-content .top-row .col-head {
    flex-basis: 100%;
}

.strategy-content .top-row .col-head .head + h4 {
    color: #554596;
    margin-top: 10px;
    font-size: 20px;
}

.strategy-content .top-row .col-head .head + h4 + p.intro-18 {
    font-size: 22px;
    color: #554596;
}
.strategy-content .top-row .col-head .head + h4 + p.intro-18 + p {
    font-size: 22px;
    color: #0E868F;
}
.strategy-content .bot-row {
    display: flex;
    gap: 60px;
}

.strategy-content .bot-row .col-half {
    flex-basis: 50%;
}

.strategy-content .bot-row .col-half .priorities {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: #E9E6F4;
    border-radius: 20px;
}

.strategy-content .bot-row .col-half .priorities h4 {
    color: #554596;
    padding: 10px;
    border-radius: 20px 20px 0 0;
    font-size: 20px;
    padding-bottom: 0;
}

.strategy-content .bot-row .col-half .opportunities {
    border-radius: 20px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.strategy-content .bot-row .col-half .opportunities h4 {
    background: #554596;
    color: #fff;
    padding: 10px;
    border-radius: 20px 20px 0 0;
    font-size: 20px;
}

.strategy-content .bot-row .col-half .challenges {
}

.strategy-content .bot-row .col-half .challenges h4 {
    margin-top: 0;
    color: #554596;
    background: #EFEDF8;
    border-radius: 20px 20px 0 0;
    padding: 10px;
    font-size: 20px;
}

.strategy-content .bot-row .col-half .challenges ul {
    color: #554596;
    margin-top: 0;
}

.strategy-content .bot-row .col-half .opportunities ul {
}

.strategy-content .bot-row .col-half .priorities ul {
    color: #554596;
    margin-top: 0;
}

.strategy-content .bot-row .col-half .other {
    border-radius: 0 20px 0 20px;
    background: #A7DDEA;
    display: flex;
    padding: 25px;
    gap: 20px;
}

.strategy-content .bot-row .col-half .other img {
    min-width: 140px;
}

.strategy-content .bot-row .col-half .other div p:first-of-type {
    border-bottom: 1px solid #0F8D97;
    padding-bottom: 15px;
}











/*CORP GOVERNANCE*/

.concerns-turq {box-sizing: border-box;border-radius: 20px 20px 0px 0px;border: 1px solid #008895;margin-bottom:20px;}
.concerns-turq .box-one {background: #008895;color:#fff;padding:20px;border-radius: 0px 0px 20px 20px;font-family: 'LyonDisplayRegular'!important;font-weight:bold;font-size:18px;margin: 0 auto;max-width: 95%;} 
.concerns-turq .box-two {padding:20px;}
.concerns-turq .box-two p {}
.concerns-turq .box-two ul li {}

.ethics-container {/* border: 1px solid #0F8D97; *//* border-radius:20px 0px 20px 0px; */}
.ethics-container-sml {border:1px solid #1B478D; border-radius:20px 0px 20px 0px; padding:20px; display:block; width:30%;}
.ethics-divider {display:flex;}
.ethics-divider div {flex-basis:50%;padding: 25px;border: 1px solid #000;box-sizing:border-box;overflow: hidden;position: relative;}
.ethics-divider div:first-of-type {border-radius: 35px 35px 110px 0;padding-right: 110px;border-color: #223C83;}
.ethics-divider div:last-of-type {padding-left: 110px;padding-bottom: 40px;border-radius: 35px 35px 0px 110px;border-color: #554596;}
.ethics-divider h5 {margin-top:0px;}


.ethics-divider:last-of-type {}

.ethics-divider:last-of-type div:first-of-type {
    border-radius: 0px 110px 35px 35px;
    padding-top: 40px;
    padding-right: 110px;
    border-color: #005669;
}

.ethics-divider:last-of-type div:last-of-type {
    border-radius: 110px 0px 35px 35px;
    padding-top: 40px;
    padding-left: 110px;
    border-color: #398CCB;
}

.ethics-divider div:first-of-type:after {
    content: '';
    position: absolute;
    bottom: -100px;
    right: -100px;
    background: #223C83;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.ethics-divider div:last-of-type:after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -100px;
    background: #554596;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.ethics-divider:last-of-type div:first-of-type:after {
    top: -100px;
    background: #005669;
}

.ethics-divider:last-of-type div:last-of-type:after {
    top: -100px;
    background: #398CCB;
}



/*STRATEGY AND PERFORMANCE*/
.strategy-block-table {display: flex;width:100%;margin-bottom: 10px;flex-wrap: wrap;gap: 40px;}
.strategy-block-table-cell {display: block;flex-basis: 48%;position:relative;background: #BCE4FA;padding: 20px;border-radius: 30px;box-sizing: border-box;}
.strategy-block-table-spacer {display: none;flex-basis: 2%;}
.strategy-block-table-cell p {text-align:center;color: #0067B2;font-size: 30px;}
.height-level-one {padding:15px;padding-bottom: 0;}
.height-level-two {padding:15px;position: relative;}
.height-level-three {padding:15px;position: relative;}
.height-level-two h4 {margin-top:0px;margin-bottom:15px;text-align:center;position: relative;display: block;width: 100%;box-sizing: border-box;font-size: 18px;color: #223C83;}
.height-level-three h4 {text-align:center;position: relative;display: block;width: 100%;left: 0;font-size: 24px;box-sizing: border-box;color: #0067B2;}

/*TABLES*/
.select-table {display: flex;width:100%;flex-flow: row-reverse;border-radius: 20px 20px 0 0;border: 1px solid #0067B2;padding: 10px;box-sizing: border-box;border-bottom: 0;}
.select-tablecell {display: flex;width:50%;flex-wrap: wrap;box-sizing:border-box;align-content: baseline;}
.select-tablecell:nth-child(1) {padding:15px;padding-top: 0;}
.select-tablecell:nth-of-type(2) div {padding: 0 15px;box-sizing:border-box;}
.select-tablecell:nth-child(2) div:last-of-type {border-bottom:0px;background: #0067B2;flex-basis: 50%;}
.select-tablecell:nth-child(2) div:last-of-type p{color:#fff;}
/*LISTS*/
.strategy-accordion-header {display:none; background:#A7A9AC; color:#fff; padding:10px; position:relative;}
.strategy-accordion-header:after {content:'+'; position:absolute; top: 7px; right: 20px; font-size: 20px; font-size:15px;}
.strategy-accordion-header.active:after {content:'-';}

/*LISTS*/
ul.strategy-list {list-style:none;padding:0px;margin:0px;float:left;width:21%;background: #BCE4FA;padding: 30px;box-sizing:border-box;border-radius: 45px;}
ul.strategy-list li {color: #0067B2 !important;font-size: 13px;margin-bottom: 7px;position:relative;cursor:pointer;padding-left:15px;}
ul.strategy-list p {color: #0067B2;font-size:18px;margin-bottom:1.5em;font-weight:bold;}
ul.strategy-list li:before {content:'+'; position:absolute; top:1px; left:0px; color:#0A378C; font-size:14px;}
ul.strategy-list li.active:before {content:''; position:absolute; top:10px; left:0px; border-right:1px solid #0A378C; border-bottom:1px solid #0A378C; width:5px; height:5px; transform:rotate(-45deg);}
ul.strategy-list li.active {font-weight:bold;color: #0067B2 !important;}


ul.strategy-list2 {list-style:none;padding:0px;margin:0px;float:left;width:21%;background: #E9E6F4;padding: 30px;box-sizing:border-box;border-radius: 45px;}
ul.strategy-list2 li {color: #554596 !important;font-size: 13px;margin-bottom: 7px;position:relative;cursor:pointer;padding-left:15px;}
ul.strategy-list2 p {color: #0067B2;font-size:18px;margin-bottom:1.5em;font-weight:bold;}
ul.strategy-list2 li:before {content:'+'; position:absolute; top:1px; left:0px; color:#0A378C; font-size:14px;}
ul.strategy-list2 li.active:before {content:''; position:absolute; top:10px; left:0px; border-right:1px solid #0A378C; border-bottom:1px solid #0A378C; width:5px; height:5px; transform:rotate(-45deg);}
ul.strategy-list2 li.active {font-weight:bold;color: #554596 !important;}



/*LAYOUTS*/
.strategy-tab-container {min-height:300px;width:79%;float:left;}
.strategy-content {margin-left: 20px;box-sizing:border-box;}
.strategy-content h3 {font-size:25px;color: #fff;font-family: 'LyonDisplayRegular';margin-top:0px;margin-bottom:0px;background: #0067B2;padding: 0 15px;border-radius: 20px;display: block;margin-bottom: 15px;}
.select-tablecell:nth-of-type(2) div:nth-of-type(1){
    border: 1px solid #63B9E9;
    border-radius: 20px;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    flex-basis: 100%;
}
.select-tablecell:nth-of-type(2) div:nth-of-type(2) {
    background: #DFF2FD;
    flex-basis: 50%;
}

.select-tablecell p {color: #0067B4;margin-bottom: 0;}
ul.what-list {list-style:disc; margin:0; padding:0; margin-left:15px;}
ul.what-list li {font-size:16px;color: #57585B;}

.turquise-tealtable2 {display:flex;width:100%;gap: 30px;padding: 0;box-sizing: border-box;border-radius: 0 0 20px 20px;border: 1px solid #0067B2;border-top: 0;padding: 0 10px;}
.turquise-tealtable2cell {flex-basis:50%;padding: 20px;box-sizing:border-box;margin: 15px 0px;}
.turquise-tealtable2cell:nth-child(1) {border: 1px solid #BCE4FA;border-radius: 20px;}
.turquise-tealtable2cell:nth-child(2) {border-radius: 20px;background: #BCE4FA;}
.turquise-tealtable2cell h4 {padding-top:0px;margin-top:0px;font-size: 18px;color: #0067B2;}
.turquise-tealtable2cell p {}
.turquise-tealtable2cell:nth-child(2) h4{color: #0067B2;} 
.turquise-tealtable2cell:nth-child(1) p {
    color: #223C83;
}
.turquise-tealtable2cell:nth-child(2) p { color: #0067B2;}
.turquise-tealtable2cell:nth-child(2) ul {
    color: #4C4D4F!important;
    padding-left: 15px;
}




.arrow-bottom {border-bottom:1px dashed #223C83; padding-bottom:15px; position:relative; margin-top:30px;}
.arrow-bottom:after {content: ''; position: absolute; bottom: -20px; left: -1px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #223C83;}
.row{display: flex;}

.row .col-2-who{ flex-basis: 40%;}
.pulp-box {position:relative; flex-basis: 60%; padding-left: 90px; box-sizing: border-box;}
.pulp-box div {flex-basis: 100%;box-sizing:border-box;padding-left: 20px;}
.pulp-box div p:nth-child(2) {font-size: 20px;color: #223C83;text-align: right;}
.pulp-box div p:nth-child(1) {font-size: 39px;line-height: 1;font-family: 'LyonDisplayRegular';color: #223C83;text-align: right;}
.pulp-box div p:nth-child(3) {font-size:12px; font-style:italic;}
.footnote {position:relative; font-size:12px; font-style:italic; padding-left:10px;}
.footnote:before {content:'1'; position:absolute; top:0px; left:0px; font-style:italic; font-size:10px;}

.pulp-box div:nth-of-type(4) p:nth-child(2){font-size: 39px;line-height: 1;font-family: 'LyonDisplayRegular';color: #223C83;text-align: right;}
.pulp-box div:nth-of-type(4) p:nth-child(1){font-size: 20px;color: #223C83;text-align: right;    font-family: "HelveticaNeue";}


.reporting-theme-bkr {background-image: url(../img/reporting-bkr.png);background-size: cover;background-repeat: no-repeat;background-position: bottom left;box-sizing: border-box;padding: 30px;min-height: 1286px;margin-top: -60px;}
.reporting-theme-bkr p {color: #223C83;/* font-family:'LyonDisplayRegular'; */}
.reporting-theme-bkr h3{-webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
    background: none;}

.bg-blur{padding: 20px;width: 74%;float: left;text-align: left;}

.bg-blur *{color: #223C83 !important;/* font-family:HelveticaNeue; */}




.bg-who {box-sizing: border-box;padding: 30px;min-height: auto;background: #54C2E7 url(../img/who-we-are-bg.png);margin-top: -60px;background-position: center;}
.bg-who .switch-white{color: #223C83 !important;}

.offices-row {
    flex-basis: 100%;
    border-top: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
    display: flex;
    margin: 30px;
    padding: 30px;
}

.offices-row div {
    flex-basis: 11%;
    text-align:center;
    color: #fff;
}


.offices-row p{color: #fff;}



.q-and-a-col {
    display: flex;
    flex-basis: 100%;
	flex-wrap: wrap;}

.q-and-a-row {
    display: flex;
    flex-wrap: wrap;
}

.question {
    flex-basis: 100%;
    box-sizing: border-box;
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    margin-top: 45px;
}

.q-and-a-col > answer {
    flex-basis: 70%;
}

.question span {
    font-size: 65px;
    font-family: 'LyonDisplayRegular';
    border: 2px solid #398CCB;
    color: #398CCB;
    display: inline-block;
    line-height: 100px;
    position:relative;
    flex-basis: 120px;
    height: fit-content;
    border-radius: 70px;
    height: 120px;
    text-align: center;
    box-sizing: border-box;
}
.question span i {
    font-size: 40px;
	position:absolute;
	top:15px; font-style:normal;
}


.answer {
    flex-basis: 100%;
}

.q-and-a-row2 {
    display: flex;
    flex-wrap: wrap;
}


.question p {
    color: #398CCB;
    font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
    flex-basis: calc(100% - 150px);
    align-content: center;
}
.q-and-a-row2:last-of-type .q-and-a-col {
    flex-grow: 1;
}

.q-and-a-row:last-of-type {}

.bg-sdgs .q-and-a-col {
    flex-basis: 100%;
    flex-wrap: wrap;
}

.bg-sdgs .question.clearfix {
    padding-left: 0;
    padding-bottom: 0;
}

.bg-sdgs .answer {}

.bg-sdgs .answer p {
    text-shadow: 1px 1px 11px #fff;
}


.operating-table {width:100%;display:flex;gap: 30px;margin-bottom: 30px;margin-top: 30px;}
.operating-table-cell {display:block;box-sizing:border-box;padding:20px;flex-basis:50%;border: 1px solid #DBD7EA;border-radius: 0 20px 20px 20px;padding-bottom: 0;margin-top: 50px;}



.operating-table h4 {font-size: 27px;color: #3D2783;margin-bottom: 15px;font-weight: 300;font-family: 'LyonDisplayRegular';margin-top: 0px;border: 1px solid #3D2783;text-align: center;border-radius: 20px 20px 0 0;margin-top: -85px;max-width: fit-content;padding: 10px;margin-left: -21px;}
.operating-table h5 {display:block;color: #3D2783;padding: 0px;margin-top: 0px;margin-bottom: 0px;font-family: "HelveticaNeue";}
.operating-table h6 {font-size: 18px;color: #fff;margin-bottom: 15px;font-weight: 300;margin-top: 0px;font-weight:600;}

.operating-table-cell .context {
    padding: 15px;
    border-radius: 20px 20px 0 0;
    background: #E9E6F4;
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.operating-table-cell .response {
    background: #3D2783;
    padding: 15px;
    border-radius: 20px 20px 0 0;
}

.operating-table-cell .response p {
    color: #fff;
}

.bg-sdgs{background: url("../img/sdgs-bg.jpg"); background-size: cover; background-repeat: no-repeat;}

/*ACCORDIONS*/

/* Accordion controls 
========================================================================== */
.control{background-color: #002B58;border-radius: 6px;padding: 5px 10px;border-style: none;font-family: arial;font-size: 1em;font-weight: bold;color: #fff;outline: none;margin: 10px;}
.control:hover{cursor: pointer;color: #e8e8e8;}
.control:active{color: #000000;padding: 4px 9px;font-size: .95em;}

/* Main accordion container 
========================================================================== */
.accordion {background-color: #89DDE4;width: 100%;margin: 10px auto 0;padding: 20px 20px;border-radius: 0px 0px 20px 0px;position: relative;box-sizing: border-box;color: #0F8D97;font-size: 25px;font-weight: 400;}
.accordion:hover{cursor: pointer;}
.accordion:after {content: '+';font-size: 25px;color: #fff;float: right;margin-left: 5px;position: absolute;right: 40px;bottom: 25px;}
/* Main accordion title 
========================================================================== */
.accordion h1{display: block;font-weight: 600;font-family: 'LyonDisplayRegular'!important;text-transform:none;margin: 0;}

/* Main accordion arrow 
========================================================================== */
.accordion button{float: right;font-size: 20px;background-color: transparent;border-style: none;padding: 0;margin: 0;margin-top: 10px;outline: none;}


/* Accordion dropdown panel
========================================================================== */
.accordion-panel{margin: 0 auto;/* padding: 10px 15px; */min-width: 100%;max-width: 100%;background-color: #fff;}

.corp-bluemageza {
    display: flex;
}
.accordion-panel .qa-table-cell {}

.accordion-panel .qa-table-cell p.lyon {
    padding-top: 10px;
    color: #0F8D97!important;
}

.accordion-panel .qa-table-cell h5 {
    margin-top: 100px;
    color: #056071;
}

.accordion-panel .qa-table-cell p {
    color: #056071;
}

.no-brk{white-space: nowrap}

/*PRODUCT REVIEW*/
.switch-lightpurple {color:#7C6EB0;}
.product-heading {/* border-left: 1px dashed #5350A2; */padding: 10px 0px;display: block;min-height: 100px;width: 100%;font-size:25px;font-family: 'LyonDisplayRegular';margin: 40px 0px 0px 0px;}
.switch-package {color:#0066B1;}
.package-heading {/* border-left: 1px dashed #0066B1; */padding: 10px 0px;display: block;min-height: 100px;width: 100%;font-size:25px;font-family: 'LyonDisplayRegular';margin: 40px 0px 0px 0px;}
.switch-paper {color:#008795;}
.paper-heading {/* border-left: 1px dashed #008795; */padding: 10px 0px;display: block;min-height: 100px;width: 100%;font-size:25px;font-family: 'LyonDisplayRegular';margin: 40px 0px 0px 0px;}

.segment-display {padding: 10px 0px 10px 30px;display: block;min-height: 100px;width: 20%;margin-bottom: 30px;position:relative;font-size:25px;font-family: 'LyonDisplayRegular';}
.segment-display p:nth-child(1) {font-size:20px;color: #7C6EB0;font-weight:bold;line-height:1.5;margin-bottom: 0px;font-family: 'LyonDisplayRegular';}
.segment-display p:nth-child(2) {font-size: 55px;color: #7C6EB0;font-weight:bold;line-height:1.5;font-family: 'LyonDisplayRegular';margin-bottom: 0px;}
.segment-display p:nth-child(3) {font-size:20px;color: #7C6EB0;font-weight: 600;line-height:1.5;margin-bottom: 0px;font-family: 'LyonDisplayRegular';}

.segment-package {padding: 10px 0px 10px 30px;display: block;min-height: 100px;width: 20%;margin-bottom: 30px;position:relative;font-size:25px;font-family: 'LyonDisplayRegular';margin-left:30px;}
.segment-package p:nth-child(1) {font-size:20px;color:#398CCB;font-weight:bold;line-height:1.5;margin-bottom: 0px;font-family: 'LyonDisplayRegular';}
.segment-package p:nth-child(2) {font-size: 55px;color:#398CCB;font-weight:bold;line-height:1.5;font-family: 'LyonDisplayRegular';margin-bottom: 0px;}
.segment-package p:nth-child(3) {font-size:20px;color:#398CCB;font-weight: 600;line-height:1.5;margin-bottom: 0px;font-family: 'LyonDisplayRegular';}

.segment-paper {padding: 10px 0px 10px 30px;display: block;min-height: 100px;width: 20%;margin-bottom: 30px;position:relative;font-size:25px;font-family: 'LyonDisplayRegular';margin-left:30px;}
.segment-paper p:nth-child(1) {font-size:20px;color:#008795;font-weight:bold;line-height:1.5;font-family: 'LyonDisplayRegular';margin-bottom: 0px;}
.segment-paper p:nth-child(2) {font-size: 55px;color:#008795;font-weight:bold;line-height:1.5;font-family: 'LyonDisplayRegular';margin-bottom: 0px;}
.segment-paper p:nth-child(3) {font-size:20px;color:#005668;font-weight: 600;line-height:1.5;margin-bottom: 0px;font-family: 'LyonDisplayRegular';}


.bg-who .row {
    flex-direction: row;
    text-align: left;
}

p.intro-35 {
    font-size: 35px;
    font-family: 'LyonDisplayRegular';
}

.row-operate {
    display: flex;
    box-shadow: 0px 0px 200px rgba(200, 210, 255, 1);
    flex-wrap: wrap;
    border-radius: 40px;
    background: #223C83 url(../img/where-we-operate-bg.png);
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

.row-operate .map-col {
    flex-basis: 33.33%;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
}
.row-operate .map-col h4{font-family: 'LyonDisplayRegular';font-size: 30px;}
.row-operate .map-col .cont {
    margin-top: 30px;
}

.row-operate .map-col .cont .con-row:first-of-type .cont-col {
    font-weight: 600;
    font-size: 25px;
    font-family: 'LyonDisplayRegular';
}
.row-operate .map-col .cont .con-row:first-of-type .fig-col {
    font-weight: 600;
    font-size: 25px;
}


.row-operate .map-col:nth-of-type(1) .cont .con-row .fig-col, .row-operate .map-col:nth-of-type(1)  .cont .con-row .cont-col, .row-operate .map-col:nth-of-type(1) h4{color: #fff;}
.row-operate .map-col:nth-of-type(2) .cont .con-row .fig-col, .row-operate .map-col:nth-of-type(2) .cont .con-row .cont-col, .row-operate .map-col:nth-of-type(2) h4{color: #fff;}
.row-operate .map-col:nth-of-type(3) .cont .con-row .fig-col, .row-operate .map-col:nth-of-type(3) .cont .con-row .cont-col, .row-operate .map-col:nth-of-type(3) h4{color: #fff;}
.row-operate .map-col .cont .con-row {
    display: flex;
}

.row-operate .map-col .cont .con-row .cont-col {flex-basis: 90%;font-weight: 500;padding: 30px;border-top: 1px solid #B1B1B1;}

.row-operate .map-col .cont .con-row .fig-col {
    flex-basis: 10%;
    font-size: 29px;
    padding: 30px;
    border-top: 1px solid #B1B1B1;
    font-weight: 600;
    font-family: 'LyonDisplayRegular';
}

.row-operate .map-col .cont .con-row:last-of-type {}

.row-operate .map-col .cont .con-row:last-of-type .cont-col {
    border-bottom: 1px solid #B1B1B1;
}

.row-operate .map-col .cont .con-row:last-of-type .fig-col {
    border-bottom: 1px solid #B1B1B1;
}

/*section.risk-bg {
    background: url(../img/risk-man-bg.png);
    background-position: 0% 175%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 60px;
}*/

section.risk-bg {
    background:#584C9F;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 60px;
}

.analysiss {
    border: 1px solid #fff;
    margin: 90px;
    padding: 60px;
    border-radius: 30px;
}

.risk-top {
    margin-bottom: 130px;
}

.risk-apetite {
    border: 1px solid #006FBA;
    border-radius: 30px 0 0 0;
    padding: 30px;
    margin-top: 90px;
    margin-bottom: 60px;
}

.risk-apetite h4 {}

.risk-apetite p {
    max-width: 100%;
}

.back ul.list-dot li {
    font-size: 13px;
}


.risk-box {
	border-left:2px dashed #3B3092!important;
	border-top: 0px!important;
	padding:20px 20px 40px 20px!important;
	margin-top:40px!important;
	background-color: #FFFFFF;
}
.risk-col {
	float:left;
	width:48%;
	margin-right:4%;
}
.risk-list {
	list-style:none;
	margin:0px;
	padding:0px;
}

.risk-list ul li {
	border-bottom: 1px solid #1B478D!important;
	line-height: 2.5!important;
	font-size:16px!important;
	position:relative!important;
	padding: 0px 10px 0px 30px!important;
	color: #000000!important;
	font-weight: 500!important;
	}
  
.risk-box ul li span {
    display: block;
    width: 5%;
    height: 40px;
    color: #FFFFFF!important;
    text-align: center;
    background: #3B3092;
    border-bottom: 1px solid #fff;
    left: -10px;
}
.highlights-box {
    padding: 20px;
    border-radius: 30px;
    margin-top: 30px;
    width: fit-content;
    flex-basis: 49%;
    order: 1;
    box-sizing: border-box;
}
.highlights-box .row div {
    border-right: 4px dotted #0067B2;
    padding-right: 40px;
    flex-basis: 33.33%;
}


.highlights-box .row div:last-of-type{border:none;}

.risk-box ul li span p {
	font-size: 25px;
	font-weight:500;
	color: #FFFFFF;
	font-family: 'LyonDisplayRegular';
}

.risk-headergrey{
	background: #0067B2;
	color: #fff;
	font-size: 30px;
	}
.risk-headerpurple{
	background: #3B3092;
	color: #FFFFFF;
	font-size: 16px;
	}
.risk-textblue{ 
	color: #008895
	   }
.risk-headpurple{
	background-color: #0067B2;
	color: #fff!important;
	font-size: 30px;
	border-radius: 30px 0 0 30px;
	border-right: 1px solid #fff;
}
.risk-headerpurple{
	background: #fff;
	color: #0067B2;
	border-radius: 30px 30px 0 0;
    padding: 15px 15px 0 15px !important;
	}
.risk-headerlightpurple{
	background: #0067B2;
	color: #fff;
	border-radius: 30px 30px 0 0;
	padding: 15px 15px 0 15px!important;
	font-size: 16px;
	}
.risk-headerlightpurple p {
    color: #fff;
}
.risk-bodywhite{
	padding: 15px;
	padding-top: 1px;
	}
.risk-bodypurple{
	padding: 15px;
	background-color: #0067B2;
	padding-top: 1px;
	height: 90%;
	box-sizing: border-box;
	}
.risk-border{ 
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	border-radius: 0px 0px 40px 0px;
	   }
.risk-switchgreen {
	color:#005668;
	   }
.risk button {
    float: right;
    font-size: 20px;
    background-color: transparent;
    border-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    outline: none;
}



.risk-bodypurple ul {
    margin-top: 0;
    padding-left: 20px;
    color: #fff;
}

.risk-bodywhite ul {
    margin-top: 0;
    padding-left: 20px;
}

.risk-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.risk-panel .root-cause {
    flex-basis: 49%;
    box-sizing: border-box;
    padding: 20px 30px 0;
    order: 2;
    border: 1px solid #BCE4FA;
    border-radius: 30px;
    margin-top: 30px;
}

.risk-panel .row {
    order: 3;
    flex-basis: 100%;
}









.back p {
    font-size: 13px;
}
/*SWITCH COLOURS*/
.switch-blue {color: #0066C3!important;}
.switch-turquois {color: #008895!important;}
.switch-Dturquois {color: #056071!important;}
.switch-Lturquois {color: #1EBECC!important;}
.switch-white {color: #fff!important;}




/*RESETS*/
.mobile-menu { display: none;}
.display-none {display: none;}
.display-block {display: block;}
.rgt {float: right;}
.lft {float: left;}
.cntr {margin: 0 auto;text-align: center}
.obj-c {margin-left: auto;margin-right: auto;display: block;text-align: center}
.on-off {display:block;}

/*FONT-WEIGHT RESETS*/
.B300 {font-weight: 300;}
.B400 {font-weight: 400}
.B500 {font-weight: 500}	
.B600 {font-weight: 600}	
.B900 {font-weight: 900}	

/*PADDING RESETS*/
.no-padding  {padding: 0 !important;}
.no-paddingT {padding-top: 0 !important;}
.no-paddingB {padding-bottom: 0 !important;}
.no-paddingL {padding-left: 0 !important;}
.no-paddingR {padding-right: 0 !important;}

.padding-40  {padding: 40px !important;}
.padding-40L {padding-left: 40px !important;}
.padding-40R {padding-right: 40px !important;}
.padding-40T {padding-top: 40px !important;}
.padding-40B {padding-bottom: 40px !important;}

.padding-30  {padding: 30px !important;}
.padding-30L {padding-left: 30px !important;}
.padding-30R {padding-right: 30px !important;}
.padding-30T {padding-top: 30px !important;}
.padding-30B {padding-bottom: 30px !important;}

.padding-25  {padding: 25px !important;}
.padding-25L {padding-left: 25px !important;}
.padding-25R {padding-right: 25px !important;}
.padding-25T {padding-top: 25px !important;}
.padding-25B {padding-bottom: 25px !important;}

.padding-20  {padding: 20px !important;}
.padding-20L {padding-left: 20px !important;}
.padding-20R {padding-right: 20px !important;}
.padding-20T {padding-top: 20px !important;}
.padding-20B {padding-bottom: 20px !important;}

.padding-15  {padding: 15px !important;}
.padding-15L {padding-left: 15px !important;}
.padding-15R {padding-right: 15px !important;}
.padding-15T {padding-top: 15px !important;}
.padding-15B {padding-bottom: 15px !important;}

.padding-10  {padding: 10px !important;}
.padding-10L {padding-left: 10px !important;}
.padding-10R {padding-right: 10px !important;}
.padding-10T {padding-top: 10px !important;}
.padding-10B {padding-bottom: 10px !important;}

.padding-5  {padding: 5px !important;}
.padding-5L {padding-left: 5px !important;}
.padding-5R {padding-right: 5px !important;}
.padding-5T {padding-top: 5px !important;}
.padding-5B {padding-bottom: 5px !important;}

.padding-82R{padding-right: 82px!important;}
.padding-89R{padding-right: 157px!important;}
.padding-128R{padding-right: 128px!important;;}
.padding-276R{padding-right: 276px!important;}
.padding-276R{padding-right: 339px!important;}
.padding-92R{padding-right: 92px!important;}
.padding-85R{ padding-right: 85px!important}



/*MARGIN RESETS*/
.no-margin  {margin: 0 !important;}
.no-marginT { margin-top: 0 !important; }
.no-marginB {margin-bottom: 0 !important;}
.no-marginL {margin-left: 0 !important;}
.no-marginR {margin-right: 0 !important;}
.no-marginTB {margin-top: 0 !important; margin-bottom: 0 !important;}

.margin-30  {margin: 30px !important;}
.margin-30L {margin-left: 30px !important;}
.margin-30R {margin-right: 30px !important;}
.margin-30T {margin-top: 30px !important;}

.margin-30B {margin-bottom: 30px !important;}
.margin-180T {margin-top: 180px !important;}
.margin-250T {margin-top: 250px !important;}
.margin-25  {margin: 25px !important;}
.margin-25L {margin-left: 25px !important;}
.margin-25R {margin-right: 25px !important;}
.margin-25T {margin-top: 25px !important;}
.margin-25B {margin-bottom: 25px !important;}

.margin-20  {margin: 20px !important;}
.margin-20L {margin-left: 20px !important;}
.margin-20R {margin-right: 20px !important;}
.margin-20T {margin-top: 20px !important;}
.margin-20B {margin-bottom: 20px !important;}

.margin-15  {margin: 15px !important;}
.margin-15L {margin-left: 15px !important;}
.margin-15R {margin-right: 15px !important;}
.margin-15T {/* margin-top: 15px !important; */}
.margin-15B {margin-bottom: 15px !important;}

.margin-10  {margin: 10px !important;}
.margin-10L {margin-left: 10px !important;}
.margin-10R {margin-right: 10px !important;}
.margin-10T {margin-top: 10px !important;}
.margin-10B {margin-bottom: 10px !important;}

.margin-5  {margin: 5px !important;}
.margin-5L {margin-left: 5px !important;}
.margin-5R {margin-right: 5px !important;}
.margin-5T {margin-top: 5px !important;}
.margin-5B {margin-bottom: 5px !important;}











#back-to-top {display: none; position: fixed; width: 50px; height: 50px; bottom: 200px;	right: 30px; z-index: 99; outline: none; background-color: #fff; cursor: pointer; border-radius: 50%; border: 1px solid #0057B8;}
#back-to-top:after {content: '\e941';font-family: "icomoon";position: absolute;font-size: 20px;color: #022C56;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#back-to-top:hover { background-color: #4E6B89; color: #fff}
#back-to-top:hover:after { color: #fff}


/*RESPONSIVE LEADERSHIP*/
@media screen and (max-width: 1280px) {
    .directors-block {
        width: calc(30% - 15px);
    }

    .lead-graph-table {
        display: block;
        width: 100%;
    }

    .lead-graph-cell {
        display: block;
        width: 100%;
        margin-bottom: 3em;
    }
}

@media screen and (max-width: 980px) {
    .directors-block {
        width: calc(48% - 15px);
    }
}

@media screen and (max-width: 720px) {
    .directors-block {
        width: calc(100% - 0px);
        min-height: 380px;
    }
}

@media screen and (max-width: 600px) {
    .directors-block {
        width: calc(100% - 0px);
        min-height: 407px;
    }

    ul.graphs-list-two li {
        float: none;
        width: 100%;
    }
}

    
  @media screen and (max-width: 1080px) {  
    
 .operating-table-cell {
flex-wrap: wrap;

}   
 .operating-table-cell {
    flex-basis: 100%;
    display: block;
}  
    }




@media screen and (max-width: 1600px) {
.mega-nav-inner h4 {
    color: #004250;
    font-size: 20px;
    margin-bottom: 30px;
    font-family: 'LyonDisplayRegular';
    font-weight: 100;
}
	#mega-menu-1 .mega-nav-inner, #mega-menu-2 .mega-nav-inner, #mega-menu-3 .mega-nav-inner, #mega-menu-4 .mega-nav-inner ,#mega-menu-5 .mega-nav-inner ,#mega-menu-6 .mega-nav-inner ,#mega-menu-7 .mega-nav-inner { padding: 22px 60px 100px 60px}
	
	.set-report {
    
    top: 0!important;
    min-height: 433px!important;
    margin-bottom: 0!important;
    padding-bottom: 0px!important;
    padding-top: 16px!important;
}
	
#mega-menu-2 .img-col .expand-content,#mega-menu-3 .img-col .expand-content,#mega-menu-4 .img-col .expand-content,#mega-menu-6 .img-col .expand-content {
    max-width: 38%;
}	
	
#mega-menu-7 .img-col .expand-content	{
    max-width: 58%;
}
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 1440px) {	
	
	.bg-who {

    background: #54C2E7 ;

}
    #mega-menu-1 .img-col .expand-content,#mega-menu-2 .img-col .expand-content, #mega-menu-3 .img-col .expand-content, #mega-menu-4 .img-col .expand-content, #mega-menu-6 .img-col .expand-content {
        max-width: 60%;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 30px;
        margin-left: 30px;
    }		
	    #mega-menu-5 .img-col .expand-content {
        max-width: 82%;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 30px;
        margin-left: 30px;
        box-sizing: border-box;
    }
	.letter-row .letter-cont-col p.intro-35 { font-size: 26px;}	
	
section.risk-bg {
    background: none;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 60px;
}	

.menu-list {font-size: 14px;}
.expand-content p {
    /* color: #000; */
    font-size: 14px;
    font-weight: 100;
    text-shadow: 1px 1px 10px black;
}

.analysiss {
    border: 1px solid #584C9F;
    margin: 20px;
    padding: 20px;
    border-radius: 30px;
}
section.risk-bg .analysiss .switch-white {
    color: #584C9F !important;
}

}




@media screen and (max-width: 1370px) {
.menu-list {
    font-size: 13px;
}	
	
header article {
    padding: 0px 5px;

}	
#mega-menu-1 .mega-nav-inner, #mega-menu-2 .mega-nav-inner, #mega-menu-3 .mega-nav-inner, #mega-menu-4 .mega-nav-inner, #mega-menu-5 .mega-nav-inner, #mega-menu-6 .mega-nav-inner {
    padding: 100px 40px 102px 40px;
}	
.mega-nav-inner {
    flex-basis: 30%;
  
}	
}	
@media screen and (max-width: 1280px) {

.row-operate .map-col .cont .con-row:first-of-type .cont-col {
    font-weight: 600;
    font-size: 20px;
}	
.row-operate .map-col .cont .con-row:first-of-type .fig-col {
    font-weight: 600;
    font-size: 20px;
}	

.where-nothing {
    display: block;
}	
	
.where-display {
    display: none;
}	
	
	
	
}
@media screen and (max-width: 1080px) {

.row-operate .map-col {
    flex-basis: 100%;
}	
.offices-row {
    flex-wrap: wrap;
}	
.offices-row div {
    flex-basis: 100%;
}	
.row-thrive .cont-col-thrive p {

    color: #fff;
}	
	
.row-thrive .cont-col-thrive {
    flex-basis: 100%;
    text-align: left;
}	
	.thrive-bg {

    min-height: auto;

}
.strategy-block-table {

    flex-wrap: wrap;
}	
.strategy-block-table-cell {
    flex-basis: 100%;

}	
.height-level-one {
    min-height: auto;
}	
.height-level-two {
    min-height: auto;

}	
.height-level-three {
    min-height: auto;
  
}	
	
	
.strategy-tab-container {
    width: 100%;
    float: none;
}	
	
ul.strategy-list {
    display: none;
}	
ul.strategy-list2 {
    display: none;
}	
.strategy-accordion-header {
    display: block;
}	
.strategy-content {
    padding-left: 0px;
    margin-bottom: 30px;
}	
	
.select-table {
    display: block;
}	
	
.select-tablecell {
    display: block;
    width: 100%;
}	
.turquise-tealtable2 {

    width: 100%;
    flex-wrap: wrap;
}	
	
.turquise-tealtable2cell {
    flex-basis: 100%;

}	
.qa-table-cell .lyon {
    font-size: 20px;
    max-width: 81%;
    padding-top: 90px;
}	
.q-and-a-row {
    display: flex;
    flex-wrap: wrap;
}
	.q-and-a-row2 {
    display: flex;
    flex-wrap: wrap;
}
	
.q-and-a-col {
    display: flex;
    flex-basis: 100%;
}	

.question {
    flex-basis: 100%;
    padding: 20px;
    box-sizing: border-box;
}	
	
.answer {flex-basis: 100%;}	
	
.bg-sdgs {
    background: none;
 
}	
	
.bg-sdgs .q-and-a-col {
    flex-basis: 100%;
    flex-wrap: nowrap;
}	
	
	
	
	
	.menu-list h6 {
    color: #AAAAAA;
    font-size: 10px;
}
	
	
	.menu-list {
    font-size: 11px;
}
	
.rem-download-container h4 {
    color: #fff;
    font-size: 23px;
    margin-bottom: 30px;
}
.rem-container .rem-intro p {
    color: #FFFFFF;
    font-size: 16px!important;
}	
.rem-container .rem-img img {
    max-height: 253px;
    display: block;
    margin: 0 auto;
    max-width: 100%!important;
}	
	
.rem-download-container .downloads-list ul li a strong {
    color: #82E6F0;
    font-size: 16px!important;
    padding-right: 20px;
}	

.rem-report {
    background-image: url(img/rem-report-bg-new.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 0!important;
    min-height: 706px!important;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    padding-top: 150px;
}	
	
	.rem-download-container {
    max-width: 100%!important;
}
	
.rem-download-container .downloads-list {
    float: left;
    width: 100%!important;
}	
.rem-download-container .downloads-list ul li {
    position: relative!important;
}	
.bg-blur {
    width: 100%;
   
}
	
.strategy-content .top-row {
    flex-wrap: wrap;
}	
.strategy-content .bot-row {
    flex-wrap: wrap;
}	

.strategy-content .bot-row .col-half {
    flex-basis: 100%;
}	
.strategy-content .top-row .col-icon {
    flex-basis: 35%;
}	
.strategy-content .top-row .col-head {
    flex-basis: 100%;
}	
	
}
@media screen and (max-width: 1024px) {

.letter-row .letter-cont-col {
flex-basis: 100%;
padding: 60px;
padding-left: 0;
box-sizing: border-box;
max-height: fit-content;
padding-bottom: 0;
}	
.letter-row .letter-img-col {
flex-basis: 100%;
vertical-align: bottom;
}	
.letter-row {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}	
#mega-menu-2 .img-col .expand-content, #mega-menu-3 .img-col .expand-content, #mega-menu-4 .img-col .expand-content, #mega-menu-6 .img-col .expand-content {max-width: 80%;}


#mega-menu-5 .img-col .expand-content {
max-width: 90%;
background: rgba(255, 255, 255, 0.5);
border-radius: 30px;
margin-left: 30px;
box-sizing: border-box;
}
.expand-content {padding:30px 30px; }
}
@media screen and (min-width: 981px) {

}
@media screen and (max-width: 980px) {
section.header-row h3 {
    max-width: 100%;    margin-bottom: 60px;

}
	
	
section.header-row h3 + .row {
    margin-top: -50px;
    margin-bottom: 30px;
}	
	
.col-2-covers {
    width: 100%;
    padding-top: 30px;
    padding-left: 40px;
	border-right: 0;
}	
	
ul.cover-lists li:first-of-type {
    width: 100%;
}
	
	.intro-cg-right {
    flex-basis: 100%;
 
}
	
.intro-cg-left {
    flex-basis: 100%;
    margin-bottom: 30px;

}
    .letter-row .letter-cont-col {
     
        padding: 0;
       
    }	
	
	
	
.intro-cg {
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
}	
	
	
	.governance-rows div {
    flex-basis: 50%;

}
	
	
	.governance-rows {

    flex-wrap: wrap;
}
	
	.chief-blocks {
    display: flex;
    flex-wrap: wrap;
	}
	.chief-blocks-left {
    flex-basis: 100%!important;
}
	
	.chief-blocks-middle {
    flex-basis: 100%!important;
}
	
	.chief-blocks-right {
    flex-basis: 100%!important;
}

	.rem-container .rem-intro {
    float: left;
    width: 100%!important;
    text-align: center!important;
}
	.rem-container .rem-img {
    float: left;
    width: 100%!important;
}
	
	.chief-col {
  
    flex-wrap: wrap;
}
	
	
.chief-col-left {
    flex-basis: 100%!important;
}	
	
	.chief-col-right {
    flex-basis: 100%!important;
}
	
	
.col-2 {
    width: 100%!important;
  
    text-align: center;
}	
	
.ethics-divider {
    display: flex;
    flex-wrap: wrap;
}
	
.ethics-divider div {
    flex-basis: 100%!important;
    box-sizing: border-box;
}	
	
	
	
.row .col:last-of-type {
    flex-basis: 100%!important;
}	
	
	
.row .col {
    flex-basis: 100%!important;
	}
	
.leadership-bg {

    flex-wrap: wrap;
}	
	
	
	.leadership-bg .content-col {
    flex-basis: 100%!important;
    padding: 30px;
}
	
	.leadership-bg .images-col {
    flex-basis: 100%!important;
    align-self: flex-end;
}
	
	
	
	
	.breadcrumb {
    padding: 5px 15%;
    color: #828282;
    display: none;
}
.mobile-menu {
    display: block;
    position: relative;
    z-index: 9999999;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
}
.mobile-menu ul.mobile-nav-list {
    padding-left: 0;
    color: #fff;
}

.mobile-menu ul.mobile-nav-list li a {
    color: #fff;
}
section.header-row {
    margin-top: -0;
    padding-top: 0;
}
.reporting-theme-bkr {
    background-position: bottom center;
}
    
	header{display: none;}
	
	a.mobile-logo {
    padding-right: 30px;
}
	section.header-row h3 + p {
    margin-top: -60px;
    margin-bottom: 30px;
}
	
.mobile-nav-list li {
    list-style: none;
    text-align: center;
    margin-bottom: 10px;
}

ul.mobile-sub-nav-list {
    padding: 0;
    margin: 5px 0 30px 0;
    text-align: center;
}

.mobile-nav-list li span {
    font-size: 20px;
}

.mobile-sub-nav-list li {
    line-height: 1.2;
    margin-bottom: 8px;
}
	
	.menu-trigger {
    display: inline-block;
    position: relative;
    border-bottom: 2px solid #fff;
    width: 40px;
    height: 3px;
    top: -20px;
}	
	.menu-trigger:after{content: '';border-bottom: 2px solid #fff;width: 100%;left: 0;top: 11px;position: absolute;}	
	.menu-trigger:before{content: '';border-bottom: 2px solid #fff;width: 100%;left: 0;top: -5px;position: absolute;}	
	
	.menu-trigger strong{position: absolute;right: -65px;font-size: 20px;font-weight: 400;top: -11px;color: #fff;}
	
.qa-table.clearfix {
    display: flex;
    flex-wrap: wrap;
}	
.qa-table-cell {
    flex: 100%;
}	
		
.qa-table-cell .lyon {

    max-width: 100%;
 
	}
	
	.qa-table-cell	.img-block img{ max-width: 100%;}
	
	
.transition-row {

    flex-wrap: wrap;
}	
	
	

.transition-row div {
    flex-basis: 100%;
	margin-top: 15px;

}
	
	
.rem-report {

    min-height: 836px!important;

}	
	
	
	
	
	
}
@media screen and (max-width: 850px) {
	.operating-table h4 {
    font-size: 20px;
    margin-top: -74px;
   
}
	    .directors-block {
        width: calc(48% - 25px);
        margin: 20px auto;
    }
.right-arrow {
    top: auto;
    right: 50%;
    bottom: -23px;
    transform: rotate(90deg);
}	
	.col-30 {
		flex-basis: 100%!important;
	}	
	
	.col-70 {
		flex-basis: 100%!important;
	}	
	
	
ul.about-list li { float: none; width: 100%;}
.integrated-row {display: flex; gap: 2%;flex-wrap: wrap;}	
	
.integrated-row div {
    flex-basis: 100%;

    min-height:none;
}	
	
ul.cover-lists li {
    float: none;
}	
	
ul.cover-lists li:last-of-type {
    width: 100%;
}	
	
.pulp-box div {
    padding-left: 0;
}	
	
.pulp-box {

    padding-left: 0;

}	
	
.row .col-2-who {
    flex-basis: 100%;
}	
	
.bg-who .row {
    flex-direction: row;
    text-align: left;
    flex-wrap: wrap;
}	
	
.operating-table {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}	

	
.risk-col {
    float: left;
    width: 100%;
    margin-right: 0;
}	
	
.opportunities-two {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}	
.opportunities-two div:first-of-type {
    flex-basis: 100%;

}	
.opportunities-two div:last-of-type {
    flex-basis: 100%;

}	
	
.cp-cont {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}	
	
.cp-left {
    flex-basis: 100%;
    flex-wrap: wrap;
}	
	
.cp-right {
    flex-basis: 100%;
  
}	
.row {
    display: flex;
    flex-wrap: wrap;
}
.highlights {
    flex-basis: 100%!important;
    padding: 30px;
    box-sizing: border-box;
}	
.arrow-list-col {
    flex-basis: 100%!important;
    padding: 30px;
    padding-top: 9px!important;
    box-sizing: border-box;
}	
	
.pulp-box {
 
    flex-basis: 100%;
   
}	
	
}
@media screen and (max-width: 768px) {
	
.paper-heading {
    font-size: 15px;
}	
	
.package-heading {
    font-size: 15px;
}	
.product-heading {
    font-size: 15px;

}	
.segment-paper p:nth-child(2) {
    font-size: 40px;
}	
.segment-package p:nth-child(2) {
    font-size: 40px;
}	
.segment-display p:nth-child(2) {
    font-size: 40px;
}	
	.cfo-download-container .downloads-list {
    float: left;
    width: 100%!important;
}
	
.cfo-download-container {
    max-width: 100%!important;
}	
	
	
.cfo-download-container .downloads-list ul li a strong {
    color: #82E6F0;
    font-size: 18px!important;
    padding-right: 20px;
}	
	
	
	
.rgt {
    float: none!important;
}	
	
.lft {
    float: none!important;
}	
	
.segment-display {
    width: 100%; 
}
.segment-package {
    width: 90%;

}	
.segment-paper {
    width: 74%;
}	
	
	
 h3 {
    font-size: 20px;
}
p {
    font-size: 14px;
    
}	
.intro-18 {
    font-size: 16px;
}	
p.intro-35 {
    font-size: 25px;
}	
	
.row-thrive .cont-col-thrive p {
    font-size: 14px;

}	
	ul.key-list li{font-size: 14px;}	
	
ul.what-list li {
    font-size: 14px;
    color: #57585B;
}	
	
	
.material-issues .row:first-of-type p {
    flex-basis: 100%!important;
    font-size: 22px!important;
    font-family: 'LyonDisplayRegular';
}	
	

.material-row .fin-col {
    flex-basis: 100%!important;
 
    padding-right: 0!important;
}	
	
.material-row .impact-2 {
    flex-basis: 100%!important;
    padding-left: 0!important;
}	
.material-row {
    display: flex;
    flex-wrap: wrap;
}	
.material-row .shaping {
    flex-basis: 100%!important;
}	
.material-row .strat {
    flex-basis: 100%!important;
}	
	
.material-row .sdg {
    flex-basis: 100%!important;
}	
.risks-row .risk-col {
    width: 100%!important;
}	
	
.risks-row {
    flex-wrap: wrap;
}	
	
.highlight-creation-row {
    flex-wrap: wrap;
}	
	
.highlight-creation-row .highlights-col {
    flex-basis: 100%!important;
}	
	
.highlight-creation-row .creation-col {
    flex-basis: 100%!important;
}	
	
.random-row .col-2 {
    flex-basis: 100%!important;
    padding: 30px;
}	
.random-row {
    display: flex;
    flex-wrap: wrap;
}	
	.random-row .col-2 img{ max-width: 100%;}	

footer .foot li {
    width: 100%;
    padding: 6px 40px;

}	
	
footer .foot {
   
    flex-wrap: wrap;
}	
	
.group-overview {
    font-size: 23px!important;
    font-family: "LyonDisplayRegular";
    font-weight: 100;
}	
.ethics-container-sml {
    border: 1px solid #1B478D;
    border-radius: 20px 0px 20px 0px;
    padding: 20px;
    display: block;
    width: 84%!important;
}	

.set-report {

    top: 0!important;
  margin-bottom: 0!important;
}	
  	
	
	
	
}
@media screen and (max-width: 736px) {

}
@media screen and (max-width: 720px) {

}
@media screen and (max-width: 667px) {

}
@media screen and (max-width: 640px) {
	    .risk-headerright strong {
        padding: 3px!important;
    }
    .directors-block {
        width: calc(60% - 0px);
        margin: 20px auto;
    }	
	
.answer {
    flex-basis: 100%;
    border-left: 0;
}
.question {
    flex-basis: 100%;
    padding: 20px;
    box-sizing: border-box;
    padding-bottom: 0;
}	
.q-and-a-col {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
}	
.bg-sdgs .q-and-a-col {
    flex-basis: 100%;
    flex-wrap: wrap;
}	
	
	h3 {
    font-size: 16px;
} 
p {
    font-size: 12px;
    
}	
.intro-18 {
    font-size: 15px;
}	
h4 {
    font-size: 14px;
 
}	
	table tr td{font-size: 12px;}	
	table tr th{font-size: 12px;}	
	
ul.list-dot li {
  font-size: 12px;
}	
.intro {
    font-size: 18px;
}	
.bg-blur {
    padding: 0;
    width: 100%;
    float: right;
    text-align: left;
    margin-top: 0;
}	
	
p.intro-35 {
    font-size: 20px;
}	
.pulp-box div p:nth-child(1) {
    font-size: 22px;

}	

.row-thrive .cont-col-thrive p {
    font-size: 12px;

}	
	ul.key-list li{font-size: 12px;}	
	
	
ul.what-list li {
    font-size: 12px;
    color: #57585B;
}	
	
	
.material-issues .row:first-of-type p {
    flex-basis: 100%;
    font-size: 18px!important;
    font-family: 'LyonDisplayRegular';
}	
	
	
	
	
	
	
	
.cfo-download-container .downloads-list ul li a {
    color: #57585B;
    position: relative;
    padding-right: 60px;
    font-size: 12px;
}	
	
	
	
}
@media screen and (max-width: 480px) {
    .directors-block {
        width: calc(90% - 0px);
        margin: 20px auto;
    }
.border-blue {
    border: 1px solid #1B478D;
    padding: 10px 15px;
    width: 100%;
    height: fit-content;
    border-radius: 20px 20px 0 0;
}	
	
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 390px) {

}