*::selection { background: #C61D40; color: #FFF; }
*::-moz-selection { background: #C61D40; color: #FFF; }

::-webkit-scrollbar {
display: none;
}
::scrollbar {
display: none;
}
::-moz-scrollbar {
display: none;
}
* {
scroll-behavior: smooth;
}
body::-webkit-scrollbar {
width: 0px;
background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */
}
@-moz-document url-prefix() { /* Disable scrollbar Firefox */
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;
}

/* 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: #09449D; 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: 25px;font-weight: 100;font-family: 'LyonDisplayRegular';}
.group-overview {font-size:40px;font-family: "LyonDisplayRegular";font-weight: 100;}
.go-blue {color:#00355F!important;}
.go-bluelighter {color:#1B478D!important;}
.go-white {color:#fff!important;}
.go-turquise {color: #707070;}
.create-green {color:#008D98!important;}
.font-family-lyon {font-family: 'LyonDisplayRegular';}

b, strong { font-weight: 600; }
sup, sub {   vertical-align: super;
position: relative;
top: -2px;
font-size: 9px;}
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;/*font-family: 'LyonDisplayRegular';*/}
h5{font-family: 'LyonDisplayRegular';font-size: 20px;margin-bottom: 0;}


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

.scroll {
position: absolute;
left: 82%;
top: 35%;
transform: translate(-50%, -50%);
}
footer{background-image: url("../img/footer.png");background-size: 100%;background-repeat: no-repeat;background-position: top;width: 100%;position: relative;z-index: 8;}

footer .pager{list-style-type: none;margin: 0;padding: 0;height: 135px;}
footer .pager li{width: 50%;float: left;line-height: 135px;}
footer .pager .previous{}
footer .pager .next{ text-align: right;}

footer .pager .previous i{position: relative;padding-left: 100px;color: #fff;display: inline-block;}
footer .pager .previous i:after{content: '\e943';display:block;background: #fff;width: 50px;height: 50px;border-radius: 100%;position: absolute;left: 20px;top: 40px;text-align: center;line-height: 50px;color: #09449D;font-family: 'icomoon';}


footer .pager .next i{position: relative;padding-right: 100px;display: block;color: #fff;}
footer .pager .next i:after{content: '\e944';display:block;background: #fff;width: 50px;height: 50px;border-radius: 100%;position: absolute;right: 20px;top: 40px;text-align: center;line-height: 50px;color: #09449D;font-family: 'icomoon';}


footer .foot{list-style-type: none;margin: 0;padding: 0;background: #09449D;}
footer .foot li{width: 50%;float: left;padding: 0 40px;box-sizing: border-box;color: #fff;text-align: center;}
footer .foot .designed{}
footer .foot .text-capitalize{}
.designed a { text-shadow: none; text-decoration: none; color: #88BE32;}





article{max-width: 1440px;width: 100%;margin: 0 auto;min-height: 300px;z-index: 7;position: relative; padding:0px 20px; box-sizing:border-box;}




ul.key-list {list-style:disc; margin: 0px; padding: 0px; margin-left: 15px;}
ul.key-list li {margin-bottom:5px;}
ul.list li ul.dash-list {list-style:none; margin:0; padding:0;}
ul.list li ul.dash-list li {margin-left:15px; position:relative;}
ul.list li ul.dash-list li:before {content: '-';position: absolute;top: -1px;left: -14px;}
ul.list li ul.dash-list li:after {display: none}


.page-header-letter {
    background-image: url(../img/ceo-chair-statement-bg.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: -137px;
    min-height: 400px;
    z-index: 8;
    margin-bottom: -137px;
}
.letter{
    width: 100%;
    padding-top: 130px;
}
.page-header-left{
    float: left;
    width: 49%;
    padding-right: 40px;
    margin-left: 30px;
    box-sizing: border-box;
}
.page-header-left h4{
    color: #fff;
    margin-bottom: 20px;
    font-size: 24px;
}
.page-header-left p{
    color: #fff;
    font-size: 18px;
}
.page-header-right{
    float: left;
    width: 49%;
}
.page-header-right .director{}
.page-header-right .director img{
    max-width: 100%;
    float: left;
}
.page-header-right .director p{
    color: #fff;
    text-align: left;
    font-weight: bold;
    float: left;
    position: absolute;
    bottom: 0;
    right: 0;
}
.page-header-right .director{
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
}



.page-header-letter article {
    max-width: 1700px;
    width: 100%;
    margin: 0 auto;
    min-height: 300px;
    box-sizing: border-box;
    padding: 0 30px;
}


.letter h2 {
    color: #fff;
    max-width: 90%;
    border: 0;
    margin-bottom: 20px;
}


.letter-content{padding: 60px 100px;background-position: top right;background-repeat: no-repeat;background-size: 37% 100%;}
.letter-content article{max-width: 1080px;padding: 20px;margin: 0;}



.qa-table {display: block;width:100%;padding: 20px;font-family: "HelveticaNeue"!important;}
.qa-table-cell {width:28%;display: block;float: left;box-sizing: border-box;}
.qa-table-cell:nth-child(3) {width:68%; display:table-cell; vertical-align:top; text-align:left;font-family: "HelveticaNeue"!important;}
.qa-table-cell .img-block img{
    max-height: 250px;
    margin: 0 auto;
    display: block;
} 

.img-block + p {
    background: #1ABECB;
    padding: 10px;
    border-radius: 0px 0px 10px 0px;
    color: #fff;
}

.qa-table-cell:last-of-type p {
    font-size: 25px;
    color: #005668;
    font-weight: 400;
}

.qa-table-cell:last-of-type {
    padding: 30px 66px;
    width: 60%;
}

.q-and-a-row{display: table;width: 100%;margin-bottom: 20px;}
.q-and-a-row .q-and-a-col{width: 50%;box-sizing: border-box;padding: 0px 20px 20px 20px;display: table-cell;}
.q-and-a-row .q-and-a-col:last-of-type{ border-right: 0;}
.q-and-a-row .q-and-a-col .question{border-left: 10px solid #63B9E9;padding: 0px 20px;border-radius: 0px 0px 10px 0px;box-sizing: border-box;margin-bottom: 20px;min-height: 135px;}
.q-and-a-row .q-and-a-col .question span{color: #223C83;line-height: 1;display: block;width: 20%;font-size: 60px;font-weight: 900;margin-right: 20px;float: left;box-sizing: border-box;font-family: 'LyonDisplayRegular';}
.q-and-a-row .q-and-a-col .question p{color: #223C83;display: block;float: left;width: calc(80% - 20px);font-size: 20px;font-weight: 600;padding-top: 0px;line-height: 1.2;}


.q-and-a-row2 {display: table;width: 100%;margin-bottom: 20px; position:relative;}
.q-and-a-row2 .q-and-a-col{width: 50%;box-sizing: border-box;padding: 0px 20px 20px 20px;display: table-cell;}
.q-and-a-row2 .q-and-a-col:last-of-type{ border-right: 0;}
.q-and-a-row2 .q-and-a-col .question{border-left: 10px solid #2AB8CA;padding: 0px 20px;border-radius: 0px 0px 10px 0px;box-sizing: border-box;margin-bottom: 20px;line-height: 1;min-height: 140px;}
.q-and-a-row2 .q-and-a-col .question span{color: #005669;display: block;width: 20%;font-size: 60px;font-weight: 900;margin-right: 20px;float: left;box-sizing: border-box;font-family: 'LyonDisplayRegular'; position:relative;}
.q-and-a-row2 .q-and-a-col .question span i {font-style:normal;color: #005669;display: block;width:10%;font-size: 45px;/* font-weight: 900; */margin-right: 20px;/* float: left; */box-sizing: border-box;font-family: 'LyonDisplayRegular';position:absolute;top: -10px;right: 40px;}
.q-and-a-row2 .q-and-a-col .question p{color: #008795;display: block;float: left;width: calc(80% - 20px);font-size: 20px;font-weight: 600;padding-top: 0px;min-height: 100px;}




.operating-context{}
.operating-row{display: table;width: 100%;margin-bottom: 20px;}
.operating-row .operating-cell{width: calc(50% - 10px);box-sizing: border-box;padding: 20px;display: table-cell; margin-right: 20px;}
.operating-row .operating-cell:last-of-type{ margin-right: 0;}

.operating-row .operating-cell h4{ color: #008D97;}
.operating-row .operating-cell h6{color: #fff;background: #008D97;display: inline-block;margin-bottom: 10px;padding: 10px;font-size: 20px;margin-top: 0;}
.operating-row .operating-cell p.intro{color: #008D97;font-size: 20px;}
p.intro{font-size: 25px;}
.operating-row .operating-cell .border-context{border: 1px solid #008D97;border-radius: 0px 0px 40px 0px;box-sizing: border-box;padding: 20px;background: #fff;}

.operating-row .operating-cell .border-context h5 {
    margin-top: 0;
    color: #008D97;
}

.sdg-context{
    background-image: url("../img/sdg-bg.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: -137px;
    min-height: 850px;
    z-index: 8;
    margin-bottom: -137px;
    padding-bottom: 60px;
    padding-top: 150px;


    }

.sdg-context h2{ border-color: #fff;}



.cfo-report{
    background-image: url("../img/cfo-report-new.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: -137px;
    min-height: 850px;
    z-index: 8;
    margin-bottom: -137px;
    padding-bottom: 60px;
    padding-top: 150px;
    }

.cfo-container {max-width: 100%;border-bottom: 1px solid #fff;padding-bottom: 0px;}
.cfo-container h2{ color: #FFFFFF; border-color: #fff;}

.cfo-container .cfo-img{float: left;width: 25%;}
.cfo-container .cfo-img img{ max-height: 250px; display: block; margin: 0 auto;}

.cfo-container .cfo-intro{float: left;width: 70%;}
.cfo-container .cfo-intro p{color: #FFFFFF;font-size: 24px;}


.cfo-download-container{
    max-width: 60%;
}

.cfo-download-container .downloads-list{
    float: left;
    width: 50%;
}
.cfo-download-container  h4{
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
}
.cfo-download-container .downloads-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.cfo-download-container .downloads-list ul li{}
.cfo-download-container .downloads-list ul li a:after{content: "\ed7c";font-family: "icomoon";position: absolute;right: 20px;font-size: 17px;top: -3px;}
.cfo-download-container .downloads-list ul li a{
    color: #fff;
    position: relative;
    padding-right: 60px;
}
.cfo-download-container .downloads-list ul li a strong{
    color: #82E6F0;
    font-size: 24px;
    padding-right: 20px;
}

.ceo-q-and-a{
    background-image: url("../img/cfo-report-new.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: -137px;
    min-height: 400px;
    z-index: 8;
    margin-bottom: -137px;
    padding-bottom: 60px;
    padding-top: 150px;
    }

.sets-report{
    background-image: url("../img/rem-report-bg-new.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: -137px;
    min-height: 400px;
    z-index: 8;
    margin-bottom: -137px;
    padding-bottom: 60px;
    padding-top: 150px;
    }





.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: -137px;
    min-height: 900px;
    z-index: 8;
    margin-bottom: -137px;
    padding-bottom: 60px;
    padding-top: 150px;
    }

.rem-container {max-width: 100%;border-bottom: 1px solid #fff;padding-bottom: 0px;}
.rem-container h2{ color: #FFFFFF; border-color: #fff;}

.rem-container .rem-img{float: left;width: 25%;}
.rem-container .rem-img img{ max-height: 250px; display: block; margin: 0 auto;}

.rem-container .rem-intro{float: left;width: 70%;}
.rem-container .rem-intro p{color: #FFFFFF;font-size: 23px;}


.rem-download-container{
    max-width: 60%;
}

.rem-download-container .downloads-list{
    float: left;
    width: 90%;
}
.rem-download-container  h4{
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
}
.rem-download-container .downloads-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.rem-download-container .downloads-list ul li{}
.rem-download-container .downloads-list ul li a:after{content: "\ed7c";font-family: "icomoon";position: absolute;right: 0px;font-size: 17px;top: 7px;}
.rem-download-container .downloads-list ul li a{
    color: #fff;
    position: relative;
    padding-right: 60px;
    display: inline-block;
}
.rem-download-container .downloads-list ul li a strong{
    color: #82E6F0;
    font-size: 24px;
    padding-right: 20px;
}




	
	
	
.home-banner{
    position: relative;
    top: -200px;
    background-image: url(../img/home-banner.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: -110px;
}
.home-banner article {max-width: 1700px;width: 100%;padding: 0px 30px;box-sizing: border-box;margin: 0 auto;z-index: 7;position: relative;min-height: 800px;}			
.home-banner h2 {color: #FFFFFF;font-size: 61px;border: 0;font-weight: 100;display: inline-block;position: absolute;line-height: 1.1;left: 5%;top: 28%;text-shadow: 1px 1px 40px black;padding-left: 50px;font-family: 'LyonDisplayLight';}
.home-banner h2 span {font-size: 74px;margin-left: 0px;display: inline-block;text-transform: uppercase;}



.home-read-more-link {
    position: relative;
    padding-right: 45px;
  
    display: inline-block;
    margin-top: 20px;
}
.home-read-more-link:after {
    content: '';
    position: absolute;
    right: 0;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    border: 1px solid #327DE1;
    top: 6px;
}

		
		
	.home-read-more-link:before {
    content: '';
    width: 6px;
    height: 6px;
    transform: rotate(
-45deg);
    border-right: 1px solid #327DE1;
    position: absolute;
    border-bottom: 1px solid #327DE1;
    right: 6px;
    top: 11px;
}	
		
		
		
.who-banner{}
.who-banner article {max-width: 1700px;width: 100%;padding: 0px 30px;box-sizing: border-box;margin: 0 auto;min-height: 250px;z-index: 7;position: relative;overflow: hidden;}
/*.who-banner article div {
width: 16.66%;
float: left;
box-sizing: border-box;
padding: 30px;
text-align: center;
font-size: 16px;
color: #0A378C;
line-height: 1.2;
font-weight: 400;
}*/	

.who-banner article div big{ font-size: 50px;}
.who-banner article div h4 {
text-align: left;
margin: 0;
color: #46B4E1;
font-family: 'HelveticaNeue';
font-weight: 100;
font-size: 30px;
}

.who-banner article div big {
font-size: 35px;
}	
   
.letter-banner{background: url("../img/letter-bg.png");background-repeat: no-repeat;background-size: cover;margin-bottom: 100px;}
.letter-banner article {max-width: 1700px;width: 100%;padding: 0px 30px;box-sizing: border-box;margin: 0 auto;min-height: auto;z-index: 7;position: relative;}		
		
	.letter-banner article h3{color: #0057B8;margin-bottom: 0px;}	
.letter-banner article .col-1{ float:left; width:33.33%; box-sizing:border-box;}	
.letter-banner article .col-1 h4{font-size: 20px;color: #0057B8;margin-top: 15px;}	
.letter-banner article .col-1 p{ font-size: 14px }	
.letter-banner article .img-col{float:left;width: 50%;box-sizing:border-box;margin-top: 75px;}	
.letter-banner article .vid-col{float:left;width: 50%;box-sizing:border-box;}	
.letter-banner article .img-col div{float:left;width:50%;box-sizing:border-box;text-align: center;position: relative;bottom: 0;}	
.letter-banner article .img-col div img{max-width: 100%;display: block;}	
.letter-banner article .img-col div p{text-align: left;position: absolute;bottom: 0;right: 0;margin-bottom: 0;}	
.letter-banner article .img-col div p strong{ font-weight: 600; color: #0057B8;}	
	
	
	
	
	
#videoContainer {
    position: relative;
    opacity: 1;
    display: block;
    margin: 0 auto;
    padding: 0px;
    border: 0;
    background: #fff;
    box-sizing: border-box;
    width: 80%;
    height: 300px;
    overflow: hidden;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.videoBG {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
}
.videoBG > video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


@media (min-aspect-ratio: 16/9) {
.videoBG > video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
.videoBG > video { width: 300%; left: -100%; }
}
@supports (object-fit: cover) {
.videoBG > video {top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
}

	
	
	.where-we-operate-banner{background: url("../img/home-bot-bg.png");padding: 60px 0;}
.where-we-operate-banner article {
max-width: 1700px;
width: 100%;
padding: 0px 30px;
box-sizing: border-box;
margin: 0 auto;
min-height: 250px;
z-index: 7;
position: relative;
    border-bottom:0;
}

.where-we-operate-banner a{ color: #fff;}

		
	.where-we-operate{float:left;width:25%;box-sizing: border-box;padding: 0 30px 0 0;}
	.map-col{float:left;width:25%;box-sizing: border-box;padding: 0 30px;}
	
	.map-col h4{ text-align: center}
	.map-col img {display: block;max-width: 100%;text-align: center;margin: 15px auto;}
	.map-col span { display: inline-block;}
	.map-col p { text-align: center;}
	.map-col p big{font-size: 150%;font-family: 'LyonDisplayRegular';}
	
	.where-we-operate h3{color: #ffff;}
	.where-we-operate h4{color: #fff;}
	.where-we-operate p{color: #fff;}
	
	
	.map-col:nth-of-type(2) h4, .map-col:nth-of-type(2) p {color: #fff;}
	.map-col:nth-of-type(3) h4, .map-col:nth-of-type(3) p {color: #fff;}
	.map-col:nth-of-type(4) h4, .map-col:nth-of-type(4) p {color: #fff;}
	
	
	
	
	
	
	
	
	.value-banner{background: #C8D2FF;padding: 60px 0;}
.value-banner article {
max-width: 1700px;
width: 100%;
padding: 0px 30px;
box-sizing: border-box;
margin: 0 auto;
min-height: 250px;
z-index: 7;
position: relative;
    border-bottom:0;
}
	

.value-tab-list{}	
.value-tab-list li {
	display: inline-block;
	position: relative;
	margin: 0 6%;
	cursor: pointer;
}	
.value-tab-list li:after{content: '';border-radius: 50%;width: 100%;height: 100%;position: absolute;background: #fff;z-index: 5;left: 0;box-sizing: border-box;top: 0px;border-bottom: 5px solid;}
.value-tab-list li:before{content: '';border-radius: 50%;width: 100%;height: 0%;position: absolute;background: #fff;z-index: 5;left: 0;top: 26px;box-sizing: border-box;}
.value-tab-list li.active:after{
    height: 120%;
    top: 50px;
}
.value-tab-list li.active:before{
    border-radius: 0%;
    height: 100%;
}


.value-tab-list li img{position: relative;z-index: 6;display: block;}	

.value-tab-container{
    background: #fff;
    padding: 15px;
    border-radius: 0px 0px 50px 0px;
}

.value-tab{}
.value-tab h4{
    color: #0057B8;
    padding-left: 40px;
}
.value-tab div{
    width: 33%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 0 40px;
}
.value-tab div p{
    text-align: left;
}
.value-tab div h4{}
.value-tab div img{
    text-align: center;
}










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


.download-btn{padding: 20px;color: #FFFFFF;padding-right: 130px;display: inline-block;background: #008BCB;margin: 30px 10px;position: relative; transition: .35s linear all;}
.download-btn:hover{color: #FFFFFF;background: #133F9A; transition: .35s linear all;}
.download-btn:after{content: '\efd5';font-family: 'icomoon';position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 20px;}
.switch-teal {color:#1ABECB!important;}



/*OUR KEY MATERIL ISSUES*/
.purple-row1 {background:#7570B3;padding:15px;color:#fff;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;display:block;width: 100%;box-sizing: border-box;font-size:24px;font-family: 'LyonDisplayRegular';}
.purple-row2 {padding:15px;border:1px solid #000;display:block;width:100%;box-sizing:border-box;}
.purple-row3 {padding:15px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; display:block; width:100%; box-sizing:border-box;}
.purple-row4 {background:#7570B3;padding:15px;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-top: 1px solid #000;display:block;width:100%;box-sizing:border-box;color:#fff;font-size:20px;margin-top: 30px;}
.purple-row5 {background:#7570B3;padding:15px;display:block;width:100%;box-sizing:border-box;color:#fff;border-radius: 0 0 0px 0;margin-top:30px;}
.purple-row5 p:first-of-type {font-size:20px; font-weight:600; margin-bottom:0px;}

.orange-row1 {background:#F5821F;padding:15px;color:#fff;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;display:block;width: 100%;font-size:24px;font-family: 'LyonDisplayRegular';box-sizing: border-box;}
.orange-row2 {padding:15px;border:1px solid #000;display:block;width:100%;box-sizing:border-box;}
.orange-row3 {padding:15px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; display:block; width:100%; box-sizing:border-box;}
.orange-row4 {background:#F5821F;padding:15px;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-top: 1px solid #000;display:block;width:100%;box-sizing:border-box;color:#fff;font-size:20px;margin-top: 30px;}
.orange-row5 {background:#F5821F;padding:15px;display:block;width:100%;box-sizing:border-box;color:#fff;border-radius: 0 0 0px 0;margin-top:30px;}
.orange-row5 p:first-of-type {font-size:20px; font-weight:600; margin-bottom:0px;}
.orange-row6 {background:#F89948; padding:15px; display:block; width:100%; box-sizing:border-box; color:#fff; border-radius: 0 0 0 45px; margin-top:30px;}
.orange-row6 span {font-size:30px; color:#fff; line-height:1.1; font-family:'LyonDisplayRegular';}
.orange-row6 span:after {content:''; display:block; width:30px; height:1px; background:#fff;}

.orange-row3 .styled-block{border:1px dotted #F5821F;border-left: 10px solid #F5821F;padding: 30px;margin-bottom: 20px;}



.blue-row1 {background:#1B478D;padding:15px;color:#fff;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;display:block;width: 100%;box-sizing: border-box;font-size:24px;font-family: 'LyonDisplayRegular';}
.blue-row2 {background:#96B4DF; padding:15px; border:1px solid #000; display:block; width:100%; box-sizing:border-box;}
.blue-row3 {padding:15px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; display:block; width:100%; box-sizing:border-box;}
.blue-row4 {background:#1B478D;padding:15px;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-top: 1px solid #000;display:block;width:100%;box-sizing:border-box;color:#fff;font-size:20px;}
.blue-row5 {background:#1B478D;padding:15px;display:block;width:100%;box-sizing:border-box;color:#fff;border-radius: 0 0 0px 0;margin-top:30px;}
.blue-row5 p:first-of-type {font-size:20px; font-weight:600; margin-bottom:0px;}

.green-row1 {background:#3CB64A;padding:15px;color:#fff;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;display:block;width: 100%;box-sizing: border-box;font-size:24px;font-family: 'LyonDisplayRegular';}
.green-row2 {padding:15px;border:1px solid #000;display:block;width:100%;box-sizing:border-box;}
.green-row3 {padding:15px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; display:block; width:100%; box-sizing:border-box;}
.green-row4 {background:#3CB64A; padding:15px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; display:block; width:100%; box-sizing:border-box; color:#fff; font-size:20px;}
.green-row5 {background:#3CB64A;padding:15px;display:block;width:100%;box-sizing:border-box;color:#fff;border-radius: 0 0 0px 0;margin-top:30px;}
.green-row5 p:first-of-type {font-size:20px; font-weight:600; margin-bottom:0px;}
.green-row6 {background:#6EC167; padding:15px; display:block; width:100%; box-sizing:border-box; color:#fff; border-radius: 0 0 0 45px; margin-top:30px;}
.green-row6 span {font-size:30px; color:#fff; line-height:1.1; font-family:'LyonDisplayRegular';}
.green-row6 span:after {content:''; display:block; width:30px; height:1px; background:#fff;}

.planets-bkr {background-image: url(img/key-material/16.png); background-size: cover;  background-repeat: no-repeat; background-position: top center; box-sizing: border-box; }
.lightshadow-green {background:rgba(224, 240, 220, 0.8); padding:50px; box-sizing:border-box; margin-top:50px;}
.lightshadow-green .certificate {border-top:1px solid #3EB549; border-bottom:1px solid #3EB549; font-size:35px; color:#3EB549; font-family:'LyonDisplayRegular'; position:relative;}
/*.lightshadow-green .certificate:before {content:'"'; font-size:100px; color:#000; position:absolute;top: -43px; left: -43px; color:#3EB549;}
.lightshadow-green .certificate:after {content:'"'; font-size:100px; color:#000; position:absolute; bottom: -92px; right: -36px; color:#3EB549;}*/

.curly-start{font-size: 100px;position: absolute;left: -41px; top: -43px;}
.curly-end{
    position: absolute;
    right: -41px;
    bottom: -99px;
    font-size: 100px;
}




.zero-bkr {background:#6EC167; padding:15px; border-radius:0 0 0 45px;}
.zero-darkbkr {background:#3CB64A; padding:15px; border-radius:0 0 0 45px;}

.purple-4-table {display:table; width:100%;}
.purple-4-table div {display:table-cell;width:25%;border-right:1px solid #000;border-bottom:1px solid #000;box-sizing:border-box;min-height:250px;padding: 10px;}
.purple-4-table div:first-of-type {border-left:1px solid #000;}
.purple-4-table div p {padding:10px;box-sizing:border-box;font-weight:600;font-size:15px;}

.circle-list {list-style: none;padding: 0;margin: 0;}	
.circle-list li{text-align: left;padding-left: 50px;position: relative;margin-bottom:10px; color:#005668;}	
.circle-list li span{position: absolute;width: 30px;height: 30px;background:#1B478D;left: 10px;top:-2px;text-align: center;color: #fff;line-height: 30px;border-radius: 100%;}	

.dotted-list {list-style: none;padding: 0;margin: 0;}	
.dotted-list li {padding-left:15px; position:relative;}	
.dotted-list li:before {content:''; background:#000; width:5px; height:5px; display:block; position:absolute; top:10px; left:0px; border-radius:50%;} 

.dotted-list2 {list-style: none;padding: 0;margin: 0;}	
.dotted-list2 li {padding-left:15px; position:relative;}	
.dotted-list2 li:before {content:''; background:#000; width:5px; height:5px; display:block; position:absolute; top:10px; left:0px; border-radius:50%;} 


.dotted-list3 {list-style: none;padding: 0;margin: 0;}	
.dotted-list3 li {padding-left:30px; position:relative;}	
.dotted-list3 li:before {content:''; background:#000; width:5px; height:5px; display:block; position:absolute; top:10px; left:15px; border-radius:50%;} 

.dotted-list-white {list-style: none;padding: 0;margin: 0;}	
.dotted-list-white li {padding-left:15px; position:relative;}	
.dotted-list-white li:before {content:''; background:#fff; width:5px; height:5px; display:block; position:absolute; top:10px; left:0px; border-radius:50%;} 	

.two-column-layout {float:left; width:50%;}
.two-column-layout:first-of-type {padding-right:50px; box-sizing:border-box;}

.two-column-layout2 {float:left; width:50%; padding-right:50px; box-sizing:border-box;}
.two-column-layout2:last-of-type {padding-right:0px;}







.risk-banner{background: url("../img/spray.png");background-repeat: no-repeat;background-size: cover;background-position: top center;width: 100%;position: relative;}

form {
    display: block;
    /* background: #09449D; */
    width: 60%;
    padding: 30px;
    padding-top: 0;
    float: left;
    margin-top: 0;
    box-sizing: border-box;
}	
	.risk-banner p {
    text-align: center;
    font-size: 32px;
    max-width: 60%;
    margin: 0 auto;
    color: #fff;
}

p.draggable {
    color: #09449D;
}
form h4 {
    color: #09449D!important;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #09449D;
}
	
	.downloads-blue{/* background-color: #09449D; */margin-top: 0px;}	
	
	.download-full{ float: left; width: 33.33%; margin-bottom: 30px; border-bottom: 1px solid #fff; text-align: center; color: #fff; padding-bottom: 30px;}
	
	.download-full img{ max-width: 100%; margin-bottom: 30px;}
	.download-full a{ color:#fff;}
	
	
	
	
	
	
	
	
	.risk-banner h3 {
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-family: 'LyonDisplayRegular';
    font-weight: 600;
}
	
	
	
	
	


	
	
	








/*GENERAL*/
.where-display {display:block;}
.where-nothing {display:none;}
.operating-white {color:#fff!important;}

/*RESETS*/
.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}	

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


body{ overflow-x: hidden; position: relative;}
header{position: relative;z-index: 9999999;width: 100%;background: #2A488E;}

.mm01.sm01 header{background: none;}


nav{position: relative;z-index: 12;width: 100%;}
.sappi-logo-white{display: block;float: left;padding: 30px;padding-left: 80px;}
.sappi-logo-blue{display: none;float: left;padding: 30px 80px;}
body.color .sappi-logo-white{display: block; }
body.white .sappi-logo-blue{display: none;}
body.menu-active .sappi-logo-white{display: block; }
body.menu-active .sappi-logo-blue{display: none; }
.menu-list{display: block;float: left;padding: 30px 55px;color: #0A378C;font-size: 16px;font-family: "HelveticaNeue";font-weight: 400;cursor: pointer;}
body.white .menu-list{color: #fff;}
body.color .menu-list{color: #fff;}
body.white .menu-list a{color: #fff;}
body.color .menu-list a{color: #fff;text-shadow: 0px 0px 5px #000;}

body.menu-active .menu-list{color: #fff;}
body.menu-active .menu-list a{ color: #fff; }
.meg-nav-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6;
    height: 100%;
}
.meg-nav-container.open{ z-index: 9;}

.mega-nav{background-size: cover;background-repeat: no-repeat;background-position: top left;width: 100%;height: 100%;min-height: 700px;position: relative;}
.mega-nav-inner{box-sizing: border-box;width: 45%;height: 100%;/* position: relative; */background-repeat: no-repeat;}
.mega-nav-inner h3{color: #fff;font-size: 37px;position: relative;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: #FFFFFF;font-size: 25px;margin-bottom: 30px;}
.mega-nav-inner ul{ margin: 0; padding: 0; list-style: none;}
.mega-nav-inner ul li{color: #FFFFFF;padding: 5px;font-weight: 600;}
.expand-trigger{
    font-size: 15px;
    position: absolute;
    right: -50px;
    cursor: pointer;
}
.mega-nav-inner ul li a {
    color: #fff;
}
.expand-trigger:after{content: '';}

.expand-content{
    position: absolute;
    max-width: 25%;
    left: 50%;
    top: 50%;
    padding: 70px;
    border-radius: 70px;
    transform: translate(-50%, -50%);
}
.expand-content p{color: #000;font-size: 14px; font-weight:bold;}



#mega-menu-1{background-image: url("../img/hummingbird.jpg"); background-position: 0 -312px;}
#mega-menu-1 .mega-nav-inner{float: left;padding: 150px 97px 100px 100px;}
#mega-menu-2{ background-image: url("../img/dandylion.jpg");}
#mega-menu-2 .mega-nav-inner{float: left;padding: 150px 97px 100px 100px;}
#mega-menu-3{ background-image: url("../img/dragonfly.jpg");}
#mega-menu-3 .mega-nav-inner{float: left;padding: 150px 100px 100px 100px;}
#mega-menu-4{background-image: url("../img/Cheetah.jpg");}
#mega-menu-4 .mega-nav-inner{float: left;padding: 150px 100px 100px 100px;}
#mega-menu-5{ background-image: url("../img/waterfall.jpg");}
#mega-menu-5 .mega-nav-inner{float: left;padding: 150px 100px 100px 100px;}
#mega-menu-6{ background-image: url("../img/appen.jpg");}
#mega-menu-6 .mega-nav-inner{float: left;padding: 150px 100px 100px 100px;}






#mega-menu-expand-1{background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(40px);}
#mega-menu-expand-2{background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(40px);}
#mega-menu-expand-3{background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(40px);}
#mega-menu-expand-4{background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(40px);}
#mega-menu-expand-5{background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(40px);}
#mega-menu-expand-6{background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(40px);}



body.menu-active header{ background: linear-gradient(177deg, #223C83, transparent )}
body.menu-active.mm01.sm01 header{ background: linear-gradient(177deg, #223C83, transparent )}











#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}







@media screen and (max-width: 1600px) {
.operate-content p.map {display: none;}
.operate-content img {display: none;}
.operate-content .circle-list {left: 0%;}
.operate-content .employee-circle {left: 15%;}
 .menu-list { padding: 30px 30px; line-height:1.2; /*30px 42px*/;}     
}
@media screen and (max-width: 1440px) {			
.mega-nav-inner {
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
}
.menu-list {
    padding: 30px 32px; font-size:13px;
 }
	
	
			
	footer .pager {
    height: 113px;
}

.expand-trigger {
    font-size: 15px;
    position: absolute;
    right: -20px;
    cursor: pointer;
}	
.mega-nav-inner h3 {
  
    padding: 30px 60px;
}	
.expand-content p {
    color: #FFFFFF;
    font-size: 11px;
}
#mega-menu-expand-1 {
    left: 45%;
}	
	
	
#mega-menu-expand-2 {left: 60%;}	
	
	
	
#mega-menu-expand-5 {
}	
	
#mega-menu-expand-4 {left: 58%;}	
	#mega-menu-expand-3 {
}
	
	.expand-content {left: 54%;}
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 1370px) {

	#mega-menu-1 .mega-nav-inner {

    padding: 150px 100px 100px 100px;
}

.menu-list {
    padding: 30px 34px;
    font-size: 14px;
}
	
.mega-nav-inner h3 {
    padding: 30px 60px;
    bottom: 75px;
}	
	
	footer .pager {
    height: 108px;
}
	
.expand-trigger {
    font-size: 15px;
    position: absolute;
    right: -80px;
    cursor: pointer;
}	

.menu-list {
    padding: 30px 32px; font-size:13px;
 }
	
}	

@media screen and (max-width: 1280px) {
	#mega-menu-1 {
    background-image: url(../img/hummingbird.jpg);
    background-position: top;
}
	
	#mega-menu-2 .mega-nav-inner {
   
    width: 56%;
}	



.pulp-box {
    position: relative;
    margin-top: 0;
    width: 165%;
    transform: translateX(0);
    transition: .65s linear all;
}	
	
	
	

	
	
.value-tab-list li {
    display: inline-block;
    position: relative;
    margin: 0 5.5%;
    cursor: pointer;
}
	
.menu-list {
    padding: 30px 13px;
}	
	
footer .pager {
  
    height: 101px;
}	
article {padding:0px 20px; box-sizing:border-box;}
.mm02.sm07 .where-display { display: none;}
.where-display {}
.where-nothing {display:block;}
.cfo-download-container .downloads-list {float: none; width: 100%;}
}
@media screen and (max-width: 1080px) {
	
	.page-header-right {
    float: left;
    width: 100%;
}
footer .pager {
    height: 86px;
}	
	
	
#mega-menu-5 {
    background-image: url(../img/waterfall.png);
    background-position: top center;
}	
#mega-menu-5 .mega-nav-inner {
    padding: 150px 100px 100px 100px;
    width: 67%;
}	
	
#mega-menu-4 .mega-nav-inner {
    padding: 150px 100px 100px 100px;
    width: 60%;
}
#mega-menu-4 {
    background-position: right top;
}	
	
#mega-menu-3 .mega-nav-inner {
    padding: 150px 100px 100px 100px;
    width: 69%;
}	
	
#mega-menu-expand-3 {
    left: 30%;
}	
	
	
	
	
#mega-menu-1 .mega-nav-inner {
    padding: 257px 100px 100px 100px;
    width: 100%;
}	
	
#mega-menu-expand-1 {left: 33%;}	
	
#mega-menu-expand-2 {
}	
	
#mega-menu-expand-4 {left: 63%;}	
	
#mega-menu-expand-5 {left: 62%;}	
	
	
h2 {font-size: 40px;}
.page-header-left {float: none; width: 100%;}
.letter {width: 100%; padding-top: 130px;}
.letter-content {padding: 0px 20px 60px 20px; background-image: none;}
.about-70 {float: none;width: 100%; padding-right: 0px;}
.about-30 {float: none; width: 100%;}
.about-flower div {display: block; width: 100%; color: #fff; position: absolute; position: inherit; top: 0%; left: 0%;}
.about-flower {background-image: none; padding: 0px; min-height: 0px;}

.strategy-accordion-header {display:block;}
.strategy-content {padding-left:0px; margin-bottom:30px;}
ul.strategy-list {display:none;}
.strategy-tab-container {width:100%; float:none;}
.strategy-block-table {display: block;width:100%;}
.strategy-block-table-cell {display: block;width: 100%;}
.strategy-block-table-spacer {display:table-cell; width:0%;}
.strategy-block-table-cell p {text-align:center; margin-top: 15px;}
.height-level-one {min-height: auto;}
.height-level-two {min-height: auto;}
.height-level-three {min-height: auto;}
.height-level-two h4 {text-align:left;}
.height-level-three h4 {text-align:left;}

.select-table {display: block;}
.select-tablecell {display: block; width: 100%;}
.select-tablecell:nth-child(1) {border-right: 0px solid #000;}

.intro-30 {font-size:25px!important;}
.who-table {display:block;}
.who-table-cell {display: block; width: 100%;}
.who-circle1 {margin: 0 auto; margin-bottom:30px;}
.who-circle2 {margin: 0 auto; margin-bottom:30px;}
.who-circle3 {margin: 0 auto; margin-bottom:30px;}
.who-circle4 {margin: 0 auto; margin-bottom:30px;}
.who-circle5 {margin: 0 auto;}
.scrollable-lg.scrolledR:before { display: none; }

.rem-container {max-width: 100%;}
.rem-container .rem-img {float: none; width: 100%;}
.rem-container .rem-img img {margin: 0 auto;}
}
@media screen and (max-width: 1024px) {
	

	.scrollable{overflow-x: scroll;position: relative;}
	.scrollable:before {
		content: '\ece3';
		font-family: 'icomoon';
		font-size: 55px;
		color: rgba(34, 44, 103,0.88);
		position: absolute;
		top: 0;
		left: 0px;
		height: 80px;
		width: 80px;
		z-index: 12;
		/* OUTLINE TEXT */
		line-height: 70px;
	}
	
	
	.scrollable.scrolledR:before {display: none;}
	
	

	.sappi-logo-blue {

    padding: 30px 30px;
}
	.value-tab-list li {
 
    margin: 0px 5%;

}.sappi-logo-white {
    display: none;
    float: left;
    padding: 30px;
    padding-left: 30px;
	}
.menu-list {
    padding: 30px 15px;
}	
	
	
.who-banner article div big {
    font-size: 26px;
}	
	
	.who-banner article div {
    padding: 30px 15px;
    font-size: 12px;
   
}
	
	footer .pager {
    height: 82px;
}
	
}
@media screen and (min-width: 981px) {

}
@media screen and (max-width: 980px) {
.qa-table-cell {width:35%; float: none;}
.qa-table-cell:last-of-type {padding: 30px 0px 30px 0px; width: 100%;}
.qa-table-cell:last-of-type p {font-size:20px;}

.q-and-a-row{display: block;width: 100%;margin-bottom: 20px;}
.q-and-a-row .q-and-a-col{width: 100%;box-sizing: border-box;border-right: 0px solid #000;display: block;}

.intro-35 {font-size:25px!important;}
.purple-4-table {display:block; width:100%;}
.purple-4-table div {display:block; width:100%; border-right:0px solid #000; border-bottom:1px solid #000; box-sizing:border-box; min-height:auto;}
.purple-4-table div:first-of-type {border-left:0px solid #000;}
.purple-4-table div p {border-bottom:1px solid #000; padding:10px; box-sizing:border-box; min-height:auto; font-weight:600; font-size:15px; margin-top:20px;}

.cfo-container {max-width: 100%;}

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

footer .pager {
    height: 65px;
}

#mega-menu-2 .mega-nav-inner {
    width: 68%;
}
.menu-list {
    padding: 30px 6px;
    font-size: 14px;
}

#mega-menu-1 .mega-nav-inner {
    padding: 100px 100px 100px 220px;
    width: 66%;
}
	
.mega-nav-inner h4 {
    color: #FFFFFF;
    font-size: 25px;
    margin-bottom: 11px;
}	
	
.mega-nav-inner ul li {
    color: #FFFFFF;
    padding: 5px;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 0;
}	
.mega-nav-inner h4 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0;
}	
	
.mega-nav-inner h3 {
    padding: 35px 60px;
    font-size: 30px;
}	
#mega-menu-3 .mega-nav-inner {
    padding: 100px 100px 100px 237px;
    width: 71%;
}	
	
#mega-menu-3 {
    background-image: url(../img/dragonfly.png);
    background-position: top center;
}	
	
#mega-menu-5 .mega-nav-inner {
    padding: 100px 100px 100px 100px;
    width: 78%;
}	
	
.value-tab-list li {
    margin: 0px 3.5%;
}	
	
	
.download-full a {
    color: #fff;
    font-size: 13px;
}	
	
.download-full img {
    max-width: 75%;
    margin-bottom: 30px;
}	
	
.risk-banner p {
    text-align: center;
    font-size: 20px;
    max-width: 60%;
    margin: 0 auto;
    color: #fff;
}	
	
#mega-menu-4 .mega-nav-inner {
    padding: 100px 100px 100px 100px;
    width: 72%;
}	
	
.risk-banner p {
    text-align: center;
    font-size: 22px;
    max-width: 60%;
    margin: 0 auto;
    color: #fff;
}	
	
.risk-banner h3 {
    font-size: 31px;
    margin-bottom: 20px;
}	
	


}
@media screen and (max-width: 768px) {
    
   .letter-banner article .img-col div {
    
    position: relative;
    bottom: 0;
} 
    
   .two-column-layout {
    float: left;
    width: 100%;
} 
 .lft {
    float: none;
}   
  .rgt {
    float: none;
}  
    
  .product-heading {
   
    width: 100%;
 
}  
  .operating-table {
    width: 100%;
    display: block;
}  
    
    
.on-off {display:none;}
.about-table {display: block;width: 100%;}
.about-table div {display: block; margin-right: 0%; width: 100%; padding-right: 0px;}
.intro-30 {font-size:20px!important;}
.intro-25 {font-size:18px!important;}
.intro-18 {font-size: 16px!important;}
.operating-white {color:#008D98!important;}

.turquise-tealtable {display:block; width:100%;}
.turquise-tealtablecell {display:block; width:100%; padding:15px; border-right:0px solid #000;}
.page-header-right .director {float: none; width: 100%;}

.product-div1 {width:100%; float:none;}
.product-div2 {width:100%; float:none;}

.opportunities-two {display: block;}
.opportunities-two div {display:block;}
.opportunities-two div:first-of-type {display: block;width: 100%; border-right: 0px solid #fff; margin-bottom: 30px;}
.opportunities-two div:last-of-type {display: block;width: 100%;}

.operating-row{display: block;margin-bottom: 0px;}
.operating-row .operating-cell{width: 100%;box-sizing: border-box;padding: 20px;display: block;margin-right: 0px;}
.margin-180T {margin-top:20px !important;}
.product-intro {font-size: 25px!important; position: relative;}
	
.sappi-logo-white {
    display: none;
    float: left;
    padding: 30px 15px;
    padding-left: 15px;
}	
	
.sappi-logo-blue {
    padding: 30px 15px;
}	
.menu-list {
    padding: 30px 15px;
    font-size: 11px;
}	
	
	
footer .pager {
    height: 61px;
}	
	
.mega-nav-inner ul li {
    color: #FFFFFF;
    padding: 7px;
    font-weight: 600;
    font-size: 14px;
}	
#mega-menu-1 .mega-nav-inner {
    padding: 150px 60px 50px 154px;
    width: 58%;
    text-align: right;
}
	
#mega-menu-2 {
    background-image: url(../img/dandylion.png);
    background-position: top center;
}	
#mega-menu-2 .mega-nav-inner {
    width: 74%;
}	
#mega-menu-3 .mega-nav-inner {
    padding: 150px 60px 100px 189px;
    width: 75%;
    text-align: right;
}	
	
	
.group-overview {font-size: 20px;}
.cfo-container .cfo-img {float: none; width: 100%;}
.cfo-container .cfo-intro {float:none; width:100%;}
.cfo-container .cfo-intro p {font-size: 18px;}


.corp-management-1{width:100%; float: none; border-bottom: 1px solid #000;border-left: 1px solid #000;border-top: 1px solid #000; border-right: 1px solid #000; min-height: auto;}
.corp-management-2{width: 100%; float: none; border-bottom: 1px solid #000;border-left: 1px solid #000;border-top: 1px solid #000; border-right: 1px solid #000; min-height: auto;}
.corp-management-3{width: 100%; float: none; border-bottom: 1px solid #000;border-left: 1px solid #000;border-top: 1px solid #000; border-right: 1px solid #000; min-height: auto;}
.corp-management-4{width: 100%; float: none; border-bottom: 1px solid #000;border-left: 1px solid #000;border-top: 1px solid #000; border-right: 1px solid #000; min-height: auto;}
.corp-management-5{width: 100%; float: none; border-bottom: 1px solid #000;border-left: 1px solid #000;border-top: 1px solid #000; border-right: 1px solid #000; min-height: auto;}
.corp-management-6{width: 100%; float: none; border-bottom: 1px solid #000;border-left: 1px solid #000;border-top: 1px solid #000; border-right: 1px solid #000; min-height: auto;}
.corp-management-7{width: 100%; float: none; border-bottom: 1px solid #000;border-left: 1px solid #000;border-top: 1px solid #000; border-right: 1px solid #000; min-height: auto;}
.corp-management-8{width: 100%; float: none; border-bottom: 1px solid #000;border-left: 1px solid #000;border-top: 1px solid #000; border-right: 1px solid #000; min-height: auto;}

.rem-download-container .downloads-list ul li a strong {display: none;}
.rem-download-container .downloads-list ul li a:after {top: 0px;}

.rem-container .rem-intro {float: none; width: 100%;}
.rem-container .rem-intro p {font-size: 18px;}
.rem-report {padding-top: 0px;}
.sdg-context {padding-top: 0px; background-image: none;}
.social-table {display:block; width:100%;}
.social-table-cell {width: 100%;display: block;}
.social-table-spacer {width: 100%;display: block;}
.social-table-cell:nth-child(3) {width: 100%;display: block;}
}
@media screen and (max-width: 736px) {

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

}
@media screen and (max-width: 667px) {
.download-full {
   
    width: 100%;
   
}
}
@media screen and (max-width: 640px) {
    
 .home-banner h2 {
    
    font-size: 34px;
   
}   
    
 .home-banner h2 span {
    font-size: 48px;
    margin-left: 0px;
    display: inline-block;
    text-transform: uppercase;
}   
 .home-banner article {
    
    min-height: 375px;
}   
    
.intro-30 {font-size:18px!important;}
h2 {font-size: 30px;}
.letter h2 {max-width: 100%;}
h3 {font-size: 16px;}
h4 {font-size: 20px;}
.admin-twocolumn {display:block; width:100%;}
.admin-twocolumn div {display:block; width:100%;}
	
	
.who-banner article div {
    padding: 15px 15px;
    font-size: 12px;
    width: 33.33%;
    min-height: 105px;
}	
	
.letter-banner article .col-1 {
 
    width: 100%;

}	
.letter-banner article .img-col {

    width: 100%;
 
}
	
.letter-banner article .vid-col {

    width: 100%;

}	
.where-we-operate {

    width: 100%;
    
}	
	
.map-col {
  
    width: 100%;
    
}	
.value-tab div img {
    
    margin-top: 30px;
	
	}
	.value-tab div {
    width: 100%;
    
}
	
.value-tab-list li {
    margin: 0px 2%;
}		
	
.sappi-logo-white {
    display: none;
    float: left;
    padding: 30px 5px;
    padding-left: 15px;
}	
	
.sappi-logo-blue {
    padding: 27px 5px;
}	
	
.menu-list {
    padding: 30px 5px;
    font-size: 11px;
}	
	
#mega-menu-5 .mega-nav-inner {
    padding: 150px 100px 100px 100px;
    width: 94%;
}	
	
#mega-menu-4 .mega-nav-inner {
    padding: 150px 100px 100px 100px;
    width: 77%;
}	
	
	
#mega-menu-4 {
    background-position: right top;
    background-size: cover;
}	
	
#mega-menu-3 .mega-nav-inner {
    padding: 150px 60px 100px 189px;
    width: 90%;
    text-align: right;
}	
#mega-menu-1 .mega-nav-inner {
    padding: 150px 60px 50px 154px;
    width: 75%;
    text-align: right;
}	
#mega-menu-1 {
    background-image: url(../img/hummingbird.png);
    background-position: top center;
}	
#mega-menu-2 .mega-nav-inner {
    width: 83%;
    padding: 150px 152px 100px 100px;
}	
	
footer .pager {
    height: 48px;
}	
	
	
.cfo-download-container .downloads-list ul li a strong {display: none;}	
.cfo-download-container h4 {font-size: 22px;}
.float-rgt-cg {float:none;padding-left: 0px;}
}
@media screen and (max-width: 480px) {
h4 {font-size: 16px;}
.who-banner article div {
    padding: 15px 15px;
    font-size: 12px;
    width: 100%;
    min-height: 105px;
}	
.directors-block {
    width: calc(100% - 0px);
    min-height: 407px;
}
footer .pager {
    height: 31px;
}	
	
.value-tab-list li {
    margin: 0px 0%;
}	
	
.value-tab-list li img {
    position: relative;
    z-index: 6;
    display: block;
    max-width: 100%;
}	
.value-tab-list {
    padding: 0;
}	
		
	
.q-and-a-row .q-and-a-col .question p {font-size: 16px;}
.q-and-a-row .q-and-a-col .question span{font-size: 40px;}
.highlights-box ul li {float: none; width: 100%;}
.cfo-download-container .downloads-list ul li a {font-size: 13px;}
}
@media screen and (max-width: 414px) {
.engage-block img {display:none;}
}
@media screen and (max-width: 390px) {
.value-tab-list li img {
    position: relative;
    z-index: 6;
    display: block;
    max-width: 48px;
}	
footer .pager {
    height: 29px;
}	

}