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

/* 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: #1B478D;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'; background: linear-gradient(to right, #3C2783, #4464AC, #62B8E8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;}
h4 {/*color: #1B424D*/font-size: 25px;font-weight: 100;/* font-family: 'LyonDisplayRegular'; */color:#1B468E;}
h5 {/*color: #1B424D*/;font-size: 18px;font-weight: 100;font-family: 'LyonDisplayRegular'; color:#1B468E;}
.font-family {font-family: 'LyonDisplayRegular';}
.level-heading {font-size:60px;}
.commentary-heading {color: #707070; font-size: 30px; font-weight: 100; font-family: 'LyonDisplayRegular'; background: linear-gradient(to right, #3C2783, #4464AC, #62B8E8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; margin-top:20px;}
h3 sup {color: #707070; font-size: 14px; font-weight: 100; font-family: 'LyonDisplayRegular'; background: linear-gradient(to right, #3C2783, #4464AC, #62B8E8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; margin-top:20px;}

b, strong { font-weight: 600; }
sup, sub {vertical-align: super;position: relative;top:0px;font-size: 12px;}
sub { top: 1em; }
body {color: #57585B;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'!important;}


footer .foot{list-style-type: none;margin: 0;padding: 0;display: flex;padding-bottom: 20px;}
footer .foot li{width: 50%;padding: 0 60px;box-sizing: border-box;color: #1B478D;text-align: center;}




article{max-width: 1440px;width: 100%;margin: 0 auto;position: relative;padding: 0px 44px;box-sizing:border-box;}
header article{max-width: 1920px;width: 100%;margin: 0 auto;position: relative;padding:0px 20px;box-sizing:border-box;}



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

.breadcrumb {
    padding: 5px 8%;
    color: #828282;
}


nav {
display: flex;
justify-content: space-around;

}
header:after {content: '';background: #fff;width: 100%;height: 0;transition: 0.35s linear all;position: absolute;top: 98px;z-index: 1;}
header.open:after {
content: '';
background: #fff;
width: 100%; 
height: 350px; 
transition: 0.35s linear all;	
}

header {border-bottom: 1px solid #F0F3F9;padding: 10px 0 0 0;background: rgba(0, 136, 150, 0.9);z-index: 3;position: relative;}

.article-container {
  max-width: 1200px;
  margin: 0 auto;
}

.sappi-logo {
  padding: 20px;
}

ul.nav-list {
  display: flex;
  padding: 0;
  flex-basis: 73%;
  position: relative;
  margin: 0;
}

.nav-list li.subav {
  padding: 31px 10px;
  font-size: 16px;
  font-family: "HelveticaNeue";
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  list-style: none;
  flex-basis: 16.66%;
  align-self: center;
  position: relative;
}

.nav-list li.subav span {
  color: #fff;
}
.nav-list li.subav span a{
  color: #fff;
}
p.footnote {
    font-size: 12px;
}

.nav-list li.subav ul.sub-nav-list {
  list-style: none;
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  width: 400px;
  background: #fff;
  padding: 15px;
  z-index: 5;
}

.nav-list li.subav ul.sub-nav-list li {
  margin: 10px 0;
  text-align: left;
	 color: #0057B8;
}
.nav-list li.subav ul.sub-nav-list li a{ color: #0057B8;}
.menu-list {
  display: block;
  padding: 0 10px;
  color: #0A616E;
  font-size: 16px;
  font-family: "HelveticaNeue";
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  align-self: center;
}

.col-2 {float:left; width:50%; margin-top:30px;}
.blue-block {background:#1B478D; padding:10px; border-radius:15px 15px 0px 0px; margin-bottom:20px;}
.blue-block p {color:#fff; margin-bottom:0px;}

.mm01.sm01 .breadcrumb {
    display: none;
}

/*ACCORDIONS*/

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

/* Main accordion container 
========================================================================== */
.accordion {width: 100%;margin: 10px auto 0;padding: 20px 0px;border-radius: 0;position: relative;box-sizing: border-box; font-size: 16px;font-weight: 400;border-top: 1px solid #E6E6E6;}
.accordion:hover{cursor: pointer;}
/*.accordion:after {content: '\ef32';font-size: 16px;color: #004CAB;float: right;margin-left: 5px;position: absolute;right: 40px;bottom: 25px;font-family: 'icomoon';}*/
/* Main accordion title 
========================================================================== */
.accordion h1{display: block;font-weight: 600;/*font-family: 'LyonDisplayRegular'!important;*/text-transform:none;margin: 0; color:#006EBA;}

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

ul.list {
	padding-left: 18px;
}




/*--------------12* ACCORDION------------*/

.accordion {margin-bottom:15px;}
h4.expand a {font-size: clamp(0.8125rem, 0.7367rem + 0.3236vw, 1.125rem);font-weight: 600;margin-bottom: 15px;padding: 20px 25px 20px 35px;position: relative;/* background: #E4DFD7; *//* border-radius: 30px; */border-top: 1px solid #E6E6E6;}
.expand a {display:block;}
.expand a, .expand a {color: #006EBA;text-decoration:none;}
.expand a.open, .expand a.open {color: #006EBA;}
h4.expand a:after{content: '+';position: absolute;border-radius: 50%;width: 35px;height: 35px;text-align: center;line-height: 35px;font-size: 20px;color: #006EBA;left: 0px;top: 48%;transform: translateY(-50%)}
h4.expand a.open:after{content: '-';position: absolute;border-radius: 50%;width: 35px;height: 35px;text-align: center;line-height: 35px;color: #006EBA;}
.accordion h3 {color:#7A919B; font-size:18px; font-weight:bold; margin-bottom:0px; text-transform:none; margin-top:20px;}
.accordion h5 {color:#548D8F!important; font-size:16px; margin-bottom:5px; margin-top:0px;}
.accordion h6 {color:#000!important; font-size:16px; margin-bottom:0px;}





















.row-graph {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0px 30px rgba(50, 125, 225, 0.31);
    margin: 60px 0;
    padding: 30px;
    border-radius: 30px;
}

.row-graph .col-2 {
    flex-basis: 50%;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
}

footer {
    border-top: 1px solid #F0F3F9;
}

article.sml-margin {
    max-width: 1440px;
}

article.big-margin {
    max-width: 100%;
}

.highlight-row {
    display: flex;
    margin-bottom: 45px;
}

.highlight-row div {
    padding: 80px 30px;
    background: #AAE0FA;
    margin-right: 30px;
    box-sizing: border-box;
    text-align: center;
    flex-basis: 25%;
    border-radius: 30px;
    border: 1px solid #1B478D;
}

.highlight-row div p span {
    font-size: 28px;
    color: #1B478D;
}

.highlight-row div p span i {
font-style:normal;
}

.highlight-row div p span small {
    font-size: 16px;
    color: #1B478D;
}

.highlight-row div p {
    font-size: 20px;
    font-family: 'LyonDisplayRegular';
    color: #1B478D;
}

article.big-margin h3 {
    text-align: center;
}

.intro-35 {
    font-size: 35px;
}

.intro-18 {
    font-size: 18px;
}

.intro-30 {
    font-size: 30px;
}


.col-left {
}

.home-top-banner .col-left .bg-blue h3 {
    line-height: 0.8;
    color: #fff;
    font-size: 60px;
    background: none;
    display: block;
    -webkit-text-fill-color: #fff;
    font-weight: 100;
    font-family: "HelveticaNeue";
    margin-top: 20px;
}

.home-top-banner article {min-height: 86vh;display: flex;align-items: center;max-width: 1660px;position: relative;}

.col-left h3 small {
    font-size: 20px;
}

a.home-btn {
    border: 1px solid #1B478D;
    padding: 15px 20px;
    border-radius: 30px;
    margin-bottom: 30px;
    display: inline-block;
    width: 180px;
    color: #1B478D;
    text-align: center;
}

.home-top-banner .col-left .bg-blue p {
    color: #fff;
    font-weight: 400;
}

p.home-footnote {
    color: #1B478D;
    font-weight: 200;
}

section.downloads-bg {
    background: linear-gradient(135deg, rgba(225,225,225,1) 0%, rgba(212,226,226,1) 100%);
    padding: 1px;
}
.downloads-banner-left{width: 70%;margin: 0 auto;margin-top: 136px;margin-bottom: 170px;}	
.downloads-banner-left div{width: 46%;float: left;box-sizing: border-box;padding: 20px;}
.downloads-banner-left div h3 {
    color: #004250;
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 15px;
}
ul.downloads-list-pdf{ margin: 0; padding: 0; list-style: none;}
ul.downloads-list-pdf li{box-sizing: border-box; padding: 10px 40px;  color: #004250; font-size: 16px;font-family: 'LyonDisplayRegular'; position: relative;}
ul.downloads-list-pdf li a{color: #004250; text-decoration: none;}
ul.downloads-list-pdf li:after{ top: 10px;position: absolute; left: 0; content: '\ed7c'; font-family: 'icomoon'}

ul.downloads-list-exl{ margin: 0; padding: 0; list-style: none;}
ul.downloads-list-exl li{box-sizing: border-box; padding: 10px 40px;  color: #004250; font-size: 16px;font-family: 'LyonDisplayRegular'; position: relative;}
ul.downloads-list-exl li a{color: #004250; text-decoration: none;}
ul.downloads-list-exl li:after{top: 10px; position: absolute; left: 0; content: '\efd8'; font-family: 'icomoon'}

.com-row {
    display: flex;
    margin-bottom: 60px;
}

.com-row .com-col {
    flex-basis: calc(50% - 50px);
    padding-right: 80px;
    box-sizing: border-box;
    border-bottom: 1px solid #C3C3C3;
    margin-right: 50px;
}

.com-row .com-img-col {
    flex-basis: 50%;
}

.com-row .com-col p {
    font-size: 23px;
}
.col-65 {
    max-width: 80%;
}

.cont-box {
    padding-bottom: 90px;
    border-bottom: 1px solid #C3C3C3;
}

.home-top-banner{background: url("../img/home-top-bg-2.jpg");min-height: 100vh;min-width: 100vh;background-size: cover;background-repeat: no-repeat;background-position: center;}

/*.home-top-banner{background: url("../img/home-top-bg-2.png") #6FC5CB;min-height: 86vh;background-size: contain;background-repeat: no-repeat;background-position: right;}*/


/*RESETS*/
.mobile-menu { display: none;}
.display-none {display: none;}
.display-block {display: block;}

.cntr {margin: 0 auto;text-align: center}
.obj-c {margin-left: auto;margin-right: auto;display: block;text-align: center}

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

.switch-darkgreen {color:#004250!important;}
.switch-white {color:#fff!important;}

.w85{ max-width: 850px;}
.w70{ max-width: 700px;}

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


.graph-heading{ color:#0057B8}


.buttons {
    display: block;
    position: relative;
    min-height: 70px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.graph-trigger span {
    background: rgba(0, 65, 129, 0.91);
    border-radius: 4px;
    color: #ffffff;
    font-size: 7px;
    font-weight: 700;
    line-height: 4px;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.graph-trigger:hover span {
    /* display: inline-block; */
    cursor: pointer;
}


table tr.active {background-color: #f0f0f0; /* Change this as needed */}	
.table-row{display: flex}	
.table-col{position: relative;flex-basis: 75%;flex-grow: 1;transition: .85s linear all;}	
.graph-col{position: relative;overflow: hidden;flex-basis: 0%;flex-grow: 0;height: 0;padding-left: 0;transition: .85s linear all!important;}	
.graph-col.open{flex-basis: 25%;flex-grow: 0;transition: .85s linear all!important;padding-left: 60px;overflow: visible;height: auto;}	
	
.graph-trigger{display: inline-block;position: relative;height: 70px;line-height: 95px;margin: 5px;position: relative;text-align: center;vertical-align: middle;width: 70px;float: right;/* border: solid 1px rgba(0, 65, 129, 0.91); */border-radius: 50%;margin-bottom: 15px;}
.graph-trigger:after{content: '\e7fa';font-family: 'icomoon';color: rgba(0, 65, 129, 0.91);cursor: pointer;font-size: 25px;position: absolute;left: 50%;transform: translateX(-50%);top: -21px;}
	
.graph-container {
    min-width: 310px;
    min-height: 400px;
    margin: 0 auto;
    position: sticky;
    top: 0;
    padding-top: 30px;
}

a.exl {
  background: transparent;
  /* border: solid 1px rgba(0, 65, 129, 0.91); */
  border-radius: 50%;
  display: inline-block;
  height: 70px;
  line-height: 58px;
  margin: 5px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 70px;
  float: right;
  margin-bottom: 15px;
}

a.exl span {
		background: rgba(0, 65, 129, 0.91);
		border-radius: 4px;
		color: #ffffff;
		display: inline-block;
		font-size: 7px;
		font-weight: 700;
		line-height: normal;
		padding: 5px 10px;
		position: relative;
		text-transform: uppercase;
		z-index: 1;
}

a.exl span:last-child {
		margin-left: -20px;
}

a.exl:before,
a.exl:after {
		background: transparent;
		border: solid 3px rgba(0, 65, 129, 0.91);
		border-radius: 4px;
		content: '';
		display: block;
		height: 28px;
		left: 50%;
		margin: -17px 0 0 -12px;
		position: absolute;
		top: 50%;
		/*transform:translate(-50%,-50%);*/
		width: 20px;
}

a.exl:hover:before,
a.exl:hover:after {
		background: #F9F2EB;
}
/*a:before{transform:translate(-30%,-60%);}*/

a.exl:before {
		margin: -23px 0 0 -5px;
}

a.exl:hover {

		border-color: rgba(0, 65, 129, 0.91);
}

a.exl:active {
		background: #dae0e8;
		box-shadow: inset 0 2px 2px rgba(0, 0, 0, .25);
}

a.exl span:first-child {
		display: none;
}

a.exl:hover span:first-child {
		display: inline-block;
}

a.exl:hover span:last-child {
		display: none;
}

a.exl:last-of-type {
    border-radius: 50%;
}

.map-row {
    display: flex;
}

.map-row .map-cont {
    flex-basis: 50%;
    margin-bottom: 60px;
}

.map-row .map-img {
    flex-basis: 50%;
    text-align: center;
}

.map-row .map-img img {
    margin: 25px auto;
}

.content-container {
    padding-bottom: 60px;
}

.map-row .map-cont ul.ops-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.map-row .map-cont ul.ops-list li {
    border-bottom: 1px solid #9A9A9A;
    padding: 25px 0 25px 0;
    position: relative;
    padding-right: 120px;
    font-size: 18px;
}

.map-row .map-cont ul.ops-list li span {position: absolute;right: 0;font-size: 28px;font-family: 'LyonDisplayRegular';line-height: 1;}



/*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-60  {padding: 60px !important;}
.padding-60L {padding-left: 60px !important;}
.padding-60R {padding-right: 60px !important;}
.padding-60T {padding-top: 60px !important;}
.padding-60B {padding-bottom: 60px !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-40  {margin: 40px !important;}
.margin-40L {margin-left: 40px !important;}
.margin-40R {margin-right: 40px !important;}
.margin-40T {margin-top: 40px !important;}
.margin-40B {margin-bottom: 40px !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;}

.justify-auto {justify-content: center;}









#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) {

	
	
	
}
@media screen and (max-width: 1440px) {					
.nav-list li.subav { font-size: 14px;}	
		
}	
@media screen and (max-width: 1370px) {
.col-left { max-width: 45%;   padding: 70px 0; height: fit-content;}
.sappi-logo { padding: 20px; align-self: center;}	
	
}	
@media screen and (max-width: 1280px) {
.w85 { max-width: 100%;}
.w70 { max-width: 100%;}	
.col-left { max-width: initial; padding: 70px 0; height: fit-content; flex-basis: 100%;}	
.highlight-row div { flex-basis: calc(50% - 30px); margin-bottom: 30px;}	
.highlight-row {flex-wrap: wrap;}	
.com-row .com-col p {
    font-size: 20px;
}	
}
@media screen and (max-width: 1080px) {
.scrollable {
    overflow-x: scroll;
    position: relative;
}
	
.col-65 {
    max-width: 100%;
}	
.com-row .com-col p {
    font-size: 16px;
}	
	
p {
    font-size: 14px;
}	
	
.fin-tbl tr td, .fin-tbl tr th{
    font-size: 14px;
}	
	
	
.list li	{
    font-size: 14px;
}

.com-row .com-col {
    flex-basis: 100%;
   
}	
	
.com-row .com-img-col {
    display: none;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}


	.menu-trigger {
    display: none;
    position: relative;
    border-bottom: 2px solid #000;
    width: 40px;
    height: 3px;
    top: -20px;
}	
	.menu-trigger:after{content: '';border-bottom: 2px solid #000;width: 100%;left: 0;top: 11px;position: absolute;}	
	.menu-trigger:before{content: '';border-bottom: 2px solid #000;width: 100%;left: 0;top: -5px;position: absolute;}	
	
	.menu-trigger strong{position: absolute;right: -65px;font-size: 20px;font-weight: 400;top: -11px;color: #0952B4;}
	
	
	
	




@media screen and (max-width: 1024px) {
.graph-trigger {
    
    display: none;
}
.downloads-banner-left div {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 20px;
}	
	
	
	
	.menu-trigger {
    display: inline-block;
    position: relative;
    border-bottom: 2px solid #000;
    width: 40px;
    height: 3px;
    top: 32px;
}
	
	
ul.nav-list {
    flex-wrap: wrap;
    position: absolute;
    background: #fff;
    z-index: 999;
}	
	
	
.nav-list li.subav {flex-basis: 100%;}	
	
.nav-list li.subav { flex-basis: 100%; border-bottom: 1px solid #ccc;}	
.nav-list li.subav ul.sub-nav-list {
    list-style: none;
    position: absolute;
    top: calc(100% + 0px);
    left: 0;
    width: 100%;
    background: #fff;
    padding: 15px;
    z-index: 3;
    box-sizing: border-box;
}	
.nav-list li.subav ul.sub-nav-list li {
    margin: 10px 0;
    text-align: center;
    color: #0057B8;
}
	
ul.nav-list {
    flex-wrap: wrap;
    position: absolute;
    background: #fff;
    z-index: 999;
    top: 95px;
}	
	
.nav-list li.subav {
    font-size: 18px;
}	
	
	
	
	
	
	
	
}
@media screen and (max-width: 980px) {
.col-2 {float:none; width:100%; margin-top:30px;}		
}
@media screen and (max-width: 768px) {
	.row-graph .col-2 img{ max-width: 100%}
	
.map-row {
    display: flex;
    flex-wrap: wrap;
}	
	
.map-row .map-cont {
    flex-basis: 100%;
    margin-bottom: 60px;
}	
.map-row .map-img {
    flex-basis: 100%;
    text-align: center;
}	
	
	
	
	
	
}
@media screen and (max-width: 736px) {

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

}
@media screen and (max-width: 667px) {
.row-graph .col-2 {flex-basis: 100%;}
.highlight-row div {flex-basis: calc(100% - 0px);    margin-right: 0;}	
	footer .foot li { width: 100%;}	
	
.home-top-banner {
    background:#D5EAF7; min-width:0;
}	
	
}
@media screen and (max-width: 540px) {
.menu-trigger strong {
    position: absolute;
    right: -65px;
    font-size: 20px;
    font-weight: 400;
    top: -11px;
    color: #0952B4;
    display: none;
}	
nav {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}	
.sappi-logo {
    padding: 20px;
    align-self: center;
    width: 100%;
    text-align: center;
}	
	
.menu-list { width: 100%;}	
.menu-trigger { top: 4px;}	

	
.table-row {
    display: block;
}	
	
	
	
	
	
	
	
}
@media screen and (max-width: 480px) {
footer .foot {flex-wrap: wrap;}
	
	
	
}
@media screen and (max-width: 414px) {

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

}