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


/*TWO COLUMNS*/
.column-2 {float: left; width: 50%; box-sizing: border-box; padding-left:50px; margin-top: 25px; margin-bottom: 100px;}
.column-2-increase {float: left; width: 50%; box-sizing:border-box;}
.column-2-increase:nth-child(1) {border-right:5px solid #FE5000;}
.column-2-increase:nth-child(2) {padding-left:20px;}
.increase-table {display:table; width:100%; margin-top:4em;}
.increase-table-cell {display:table-cell; width:50%;}



/*SWITCH COLOURS*/
.switch-purple{ color: #554595!important}
.switch-orange{color: #EF7C00!important }
.switch-green{color: #3FAA34 !important}
.switch-white{color: #fff!important }
.switch-lightblue{color: #2AB8CA!important }
.switch-blue{color: #0066B1!important }
.switch-darkblue{color: #213B82!important }
.switch-grey{color: #939698!important } 
.switch-darkgreen{color: #056071!important } 
.switch-lightgreen{color: #008D98!important } 
.switch-bluelights{color: #53B7E8!important } 
.switch-lblue{ color:#0056B8!important;}
.switch-tickred {color:#A40050!important;}
.switch-tickgreen {color:#008575!important;}
.switch-skyblue {color:#0057B8!important;}

/*INTROS*/
.intro-18{ font-size:18px}
.intro-20{ font-size:20px}
.intro-30{ font-size:30px}
.intro-35{ font-size:35px}
.intro-50{ font-size:50px}


/*FONT-SIZE*/
.font-size17 {font-size:17px!important;}
.font-size20 {font-size:20px!important;}
.font-size25 {font-size:25px!important;}
.font-size42 {font-size:42px!important;}
.font-size50 {font-size:50px!important;}
.caption {font-size:12px!important; font-style:italic;}


/*PRINCIPLE_OVERVIEW*/
.banner-bg-principle{background: url("../img/principles-bg.png");background-position: center top;background-size: 100%;position: relative;height: 773px;background-repeat: no-repeat;margin-top: -150px;padding-top: 150px;z-index: 1;overflow: hidden;}
.banner-bg-principle .banner-inner{background: url("../img/principles-bubble.png");background-position: top center;background-size: cover;position: relative;min-height: 648px;background-repeat: no-repeat;z-index: 1;box-sizing: border-box;padding: 75px 0px;max-width: 1273px;margin: 0 auto;padding-bottom: 0;bottom: 0px;}
.banner-bg-principle .key-circle{width: 350px;height: 350px;background:#0057B8;border-radius: 50%;line-height: 350px;text-align: center;float: left;}
.banner-bg-principle .key-circle span{display: inline-block;line-height: 1;font-size: 39px;font-family: 'LyonDisplayRegular';font-weight: 100;color: #fff;}
.banner-bg-principle .message {float: right; width: 690px; margin-top:70px;}
.banner-bg-principle .message h3 {font-size: 42px; color:#fff;}
.border-left-lightblue{ border-left: 1px solid #46B4FF;}

.banner-bg-prosperity{background: url("../img/prosperity-bg.png");background-position: center top;background-size: 100%;position: relative;height: 1275px;background-repeat: no-repeat;margin-top: -150px;padding-top: 150px;z-index: 1;overflow: hidden;background-attachment: fixed;}
.banner-bg-prosperity .banner-inner{background: url("../img/prosperity-bubble.png");background-position: top center;background-size: cover;position: relative;min-height: 1028px;background-repeat: no-repeat;z-index: 1;box-sizing: border-box;padding: 75px 0px;max-width: 1273px;margin: 0 auto;padding-bottom: 0;bottom: 0px;}
.banner-bg-prosperity .key-circle{width: 350px;height: 350px;background:#FF7D25;border-radius: 50%;text-align: center;float: left;}
.banner-bg-prosperity .key-circle div {position:relative; top:65px;}
.banner-bg-prosperity .key-circle span{display: inline-block;line-height: 1;font-size: 39px;font-family: 'LyonDisplayRegular';font-weight: 100;color: #fff;}
.banner-bg-prosperity .message {float: right; width: 640px; margin-top:70px;}
.banner-bg-prosperity .message div {border-left:1px solid #fff; padding-left:20px; display: inline-block; width: 500px;}

.banner-bg-prosperity .performance {float: left; margin-top:10px; margin-left: 150px;}
.banner-bg-prosperity .performance i {font-size:25px; color:#fff; font-style:normal; line-height:1; margin-bottom:1em;}
.banner-bg-prosperity .performance i span {font-size:42px;}

.banner-bg-prosperity .highlights {float: left; margin-top:10px; margin-left: 130px;}
.performance-table {display:table; width:100%; margin-top:1.5em;}
.performance-table-cell {display:table-cell; width:30%; vertical-align:top;}
.performance-table-spacer {display:table-cell; width:5%;}
.performance-table-cell:nth-child(3) {display:table-cell; width:65%;}
.performance-table-cell:nth-child(3) ul {list-style:none; margin:0; padding:0;}
.performance-table-cell:nth-child(3) ul li {float:left; width:32%; margin-right:2%; padding:20px; border-radius:25px; box-sizing:border-box; height:235px;}
.performance-table-cell:nth-child(3) ul li:nth-child(1) {background:#F68D24; margin-bottom:20px;}
.performance-table-cell:nth-child(3) ul li:nth-child(2) {background:#F4511D; margin-bottom:20px;}
.performance-table-cell:nth-child(3) ul li:nth-child(3) {margin-right:0%; background:#D92431; margin-bottom:20px;}
.performance-table-cell:nth-child(3) ul li:nth-child(4) {background:#F8BB2B;}
.performance-table-cell:nth-child(3) ul li:nth-child(5) {background:#AD0D4B;}
.performance-table-cell:nth-child(3) ul li:nth-child(6) {margin-right:0%; background:#C52D14;}
.performance-table-cell:nth-child(3) ul li p {font-size:14px!important; color:#fff; border-left:0px; padding-left:0px;}
.performance-table-cell:nth-child(3) ul li span {font-size:35px; color:#fff; line-height:1;}
.performance-table p {border-left: 1px solid #fff; padding-left: 20px;}   

.banner-bg-people{background: url("../img/peoplet-bg.png");background-position: center top;background-size: 100%;position: relative;height: 1298px;background-repeat: no-repeat;margin-top: -150px;padding-top: 150px;z-index: 1;overflow: hidden;background-attachment: fixed;}
.banner-bg-people .banner-inner{background: url("../img/people-bubble.png");background-position: top center;background-size: cover;position: relative;min-height: 1028px;background-repeat: no-repeat;z-index: 1;box-sizing: border-box;padding: 75px 0px;max-width: 1273px;margin: 0 auto;padding-bottom: 0;bottom: 0px;}
.banner-bg-people .key-circle{width: 350px;height: 350px;background:#0A378C;border-radius: 50%;text-align: center;float: left;}
.banner-bg-people .key-circle div {position:relative; top:65px;}
.banner-bg-people .key-circle span{display: inline-block;line-height: 1;font-size: 39px;font-family: 'LyonDisplayRegular';font-weight: 100;color: #fff;}
.banner-bg-people .message {float: right; width: 640px; margin-top:30px;}
.banner-bg-people .message div {border-left:1px solid #fff; padding-left:20px; display: inline-block; width: 500px;}

.banner-bg-people .performance {float: left; margin-top:10px; margin-left: 130px;}
.banner-bg-people .performance i {font-size:25px; color:#fff; font-style:normal; line-height:1; margin-bottom:1em;}
.banner-bg-people .performance i span {font-size:42px;}
.people-square-block {background: #23A2B8; border-radius: 25px; opacity: 0.8; padding: 10px; width: 70%; color: #fff;}
.square-block-table {display:table; width:100%;}
.square-block-tablecell {display:table-cell; width:50%; padding:0px 15px;}
.square-block-tablecell:nth-child(1) {border-right:1px solid #fff;}

.banner-bg-people .people-highlights {float: left; margin-top:10px; margin-left: 130px; width:100%;}
.region-table {display:table; width:80%; margin-top:1.5em;}
.region-table-cell {display:table-cell; width:20%; vertical-align:top; color:#fff;}

.circle-one {width:160px; height:160px; background:#23A2B8; border-radius:50%; opacity:0.8; position:relative;}
.circle-two {width:160px; height:160px; background:#2F7DD5; border-radius:50%; opacity:0.8; position:relative;}
.circle-three {width:160px; height:160px; background:#2693B4; border-radius:50%; opacity:0.8; position:relative;}
.circle-four {width:160px; height:160px; background:#8186D0; border-radius:50%; opacity:0.8; position:relative;}

.circle-one:before {content: url(../img/seu.png); position:absolute; left:0px; top:0px;}
.circle-two:before {content: url(../img/sna.png); position:absolute; left:0px; top:0px;}
.circle-three:before {content: url(../img/ssa.png); position:absolute; left:0px; top:0px;}
.circle-four:before {content: url(../img/sappi-group.png); position:absolute; left:0px; top:0px;}
.circle-headings {text-align: center; font-size: 20px; font-weight: 400; padding-top: 10px;}
.circle-numbers {text-align: center; font-size: 50px; font-weight:600; padding-top: 10px; font-family: 'LyonDisplayRegular';}
.male-female-numbers {color:#fff!important;}


/*OVERVIEWS*/
.mm06.sm01 section.bg .overview-container {position: absolute; top: 200px;right: 200px;}
.mm06.sm01 section.bg .overview-circle {width: 350px; height: 350px; background: rgba(1, 73, 148, 0.71); border-radius: 50%; line-height: 350px; text-align: center; position: absolute; bottom:0px; right: 230px;}
.mm06.sm01 section.bg .overview-circle span {display: inline-block;line-height: 1;font-size: 39px; font-family: 'LyonDisplayRegular'; font-weight: 100; color: #fff;}
.mm07.sm01 section.bg .overview-container {position: absolute; top: 200px;right: 200px;}
.mm07.sm01 section.bg .overview-circle {width: 350px; height: 350px; background: rgba(231, 123, 1, 0.71); border-radius: 50%; line-height: 350px; text-align: center; position: absolute; bottom: -60px; right: 30px;}
.mm07.sm01 section.bg .overview-circle span {display: inline-block;line-height: 1;font-size: 39px; font-family: 'LyonDisplayRegular'; font-weight: 100; color: #fff;}
.mm08.sm01 section.bg .overview-container {position: absolute; top: 200px;right: 200px;}
.mm08.sm01 section.bg .overview-circle {width: 350px; height: 350px; background: rgba(0, 102, 187, 0.71); border-radius: 50%; line-height: 350px; text-align: center; position: absolute; bottom: -60px; right: 30px;}
.mm08.sm01 section.bg .overview-circle span {display: inline-block;line-height: 1;font-size: 39px; font-family: 'LyonDisplayRegular'; font-weight: 100; color: #fff;}


/*TABLE DIV LAYOUTS*/
.sourcing-table {display:table; width:100%; margin-top: 4em;}
.sourcing-table-cell {display:table-cell; width:22%; vertical-align:top;}
.sourcing-table-cell:nth-child(1) {width:22%; background:#0057B8; border-radius:25px 25px 0px 0px; padding:25px; text-align:center;}
.sourcing-table-cell:nth-child(2) {width:78%; padding:0px 0px 0px 40px;}

.containing-table {display:table; width:100%;}
.containing-table-cell {display:table-cell; width:30%; padding:0px 25px 0px 0px; vertical-align:top;}
.containing-table-cell:nth-child(3) {width:68%;}
.containing-table-spacer {display:table-cell; width:2%; border-left:1px solid #FE5000;}


.containing-table-one {display:table; width:100%;}
.containing-table-one-cell {display:table-cell; width:30%; padding:0px 25px 0px 0px; vertical-align:top;}
.containing-table-one-cell:nth-child(3) {width:68%;}
.containing-table-one-spacer {display:table-cell; width:2%; border-left:1px solid #0057B8;}

.target-table {display:table; width:100%;}
.target-table-cell {display:table-cell; width:49%; padding:0px 25px 0px 0px; vertical-align:top;}
.target-table-spacer {display:table-cell; width:2%; border-left:1px solid #0A616E;}

.skyblue-table {display:table; width:100%;}
.skyblue-table-cell {display:table-cell; width:30%; padding:0px 25px 0px 0px; vertical-align:top;}
.skyblue-table-cell:nth-child(3) {width:68%;}
.skyblue-table-spacer {display:table-cell; width:2%; border-left:1px solid #0057B8;}

.glance-table {display:table; width:100%; margin-top:3em;}
.glance-table-cell {display:table-cell; width:30%;}
.glance-table-cell:nth-child(3) {width:68%; padding-left:20px;}
.glance-table-spacer {display:table-cell; width:2%; border-right:1px solid #FF7D25;}
.glance-table-cell:nth-child(3) ul.graph-list {list-style:none; margin:0px; padding:0px;}
.glance-table-cell:nth-child(3) ul.graph-list li {float:left; width:33%;}

.promising-block {background:#FEEFCB; border-left:5px solid #F05324; border-radius:0px 25px 25px 0px; padding:20px; position:relative; margin-top:2em;}
.promising-block:after {content: url(../img/icon-pg52.png); position:absolute; right:0px; top:-25px}

.promising-block2 {background:#96E1FF; border-left:5px solid #0A378C; border-radius:0px 25px 25px 0px; padding:20px; position:relative; margin-top:2em;}
.promising-block2:after {content: url(../img/icon-pg69.png); position:absolute; right:0px; top:-25px}

.promising-block3 {background:#46B4FF; border-left:5px solid #0A378C; border-radius:0px 25px 25px 0px; padding:20px; position:relative; margin-top:2em;}
.promising-block3:after {content: url(../img/icon-pg69.png); position:absolute; right:0px; top:-15px}

.blue-bkr {background:#74C7FF; border-radius:0px 25px 25px 0px; border-left:4px solid #0057B8; padding:15px; position:relative;}
.blue-bkr:after {content: url(../img/pg44-icon1.png); position:absolute; right:0px; top:-25px;}
.monitor-table {display:table; width:100%;}
.monitor-table-cell {display:table-cell; width:25%; vertical-align:top; padding:15px;}
.monitor-table-cell:nth-child(3) {background:#97D5FF;}

.green-box {margin:0; padding:0;}
.green-box-one {width:50%; float:left; padding:15px; background:#A8EDF5; box-sizing:border-box; height:370px; border-top:4px solid #008C96; border-bottom:10px solid #008C96;}
.green-box-one-inner {background:#008C96; border-radius:25px; color:#fff; padding:15px;}
.green-box-two {width:50%; float:left; padding:15px; background:#D4F2F4; box-sizing:border-box; height:370px; border-top:4px solid #008C96; border-bottom:10px solid #008C96;}

.promote-table {display:table; width:100%; margin-top:2em;}
.promote-table-cell {display:table-cell; width:30%;}
.promote-table-cell:nth-child(3) {width:68%; padding-left:20px;}
.promote-table-spacer {display:table-cell; width:2%; border-right:1px solid #213B82;}

.promote-table2 {display:table; width:100%; margin-top:2em;}
.promote-table-cell2 {display:table-cell; width:49%;}
.promote-table-cell2:nth-child(3) {padding-left:20px; box-sizing:border-box;}
.promote-table-spacer2 {display:table-cell; width:2%; border-right:1px solid #213B82;}

.promote-table3 {display:table; width:100%; margin-top:2em;}
.promote-table-cell3 {display:table-cell; width:30%;}
.promote-table-cell3:nth-child(3) {width:68%; padding-left:20px;}
.promote-table-spacer3 {display:table-cell; width:2%; border-right:1px solid #213B82;}

.gender-table {display:table; width:100%; margin-top:3em;}
.gender-table-cell {display:table-cell; width:49%; padding:0px 15px; vertical-align:top;}
.gender-table-spacer {display:table-cell; width:2%;}
.gender-table-cell:nth-child(1) {padding:0px 15px 0px 0px;}
.gender-table-cell:nth-child(3) div {background:#229FC8; padding:15px; border-bottom:10px solid #0A378C; border-top:10px solid #0A378C;}

.safety-table {display:table; width:100%; margin-top:3em;}
.safety-table-cell {display:table-cell; width:49%; padding:0px 15px; vertical-align:top;}
.safety-table-spacer {display:table-cell; width:2%;}
.safety-table-cell:nth-child(1) {padding:0px 15px 0px 0px;}

.injury-table {display:table; width:100%;}
.injury-table-cell {display:table-cell; width:50%; vertical-align:top}
.injury-table-cell:nth-child(3) {width:37%; vertical-align:bottom;}
.injury-table-spacer {display:table-cell; width:3%;}

.graph-tables {display:table; width:100%;}
.graph-tables-cell {display:table-cell; width:49%;}
.graph-tables-spacer {display:table-cell; width:2%;}

.bluebox-graphs {background:#003865; padding:30px 15px 15px 15px; border-radius:25px 0px 0px 0px; margin-top:30px;}
.bluebox-graphs-table {display:table; width:100%;}
.bluebox-graphs-cell {display:table-cell; width:33%; border-right:1px solid #fff; padding:0px 25px;}
.bluebox-graphs-cell:nth-child(3) {border-right:0px;}

.driving-table {display:table; width:100%;}
.driving-cell {display:table-cell; width:33%; border-right:1px solid #008DD1; padding:0px 25px; vertical-align:top;}
.driving-cell:nth-child(1) {padding-left:0px;}
.driving-cell:nth-child(3) {border-right:0px; padding-right:0px;}

.orange-box {margin:0; padding:0;}
.orange-box-one {width:50%; float:left; padding:15px; background:#EE7203; box-sizing:border-box; height:325px; border-bottom:10px solid #FE5000;}
.orange-box-one-inner {background:#A4343A; border-radius:25px; color:#fff; padding:15px;}
.orange-box-two {width:50%; float:left; padding:15px; background:#F68D2E; box-sizing:border-box; height:325px; border-bottom:10px solid #FE5000;}

.skyblue-box {margin:0; padding:0;}
.skyblue-box-one {width:50%; float:left; padding:15px; background:#87CEFF; box-sizing:border-box; height:325px; border-bottom:10px solid #0057B8;}
.skyblue-box-one-inner {background:#0057B8; border-radius:25px; color:#fff; padding:15px;}
.skyblue-box-two {width:50%; float:left; padding:15px; background:#D1ECFF; box-sizing:border-box; height:325px; border-bottom:10px solid #0057B8;}

.engaging-box-one {width:92%; padding:15px; background:#87CEFF; box-sizing:border-box; height:330px; border-bottom:10px solid #0057B8; border-top:5px solid #0057B8;}
.engaging-box-one-inner {background:#0057B8; border-radius:25px; color:#fff; padding:15px;}

.fin-bluebkr-bot {background:#46B4FF; border-bottom:1px solid #fff; color:#fff;}
.fin-bluebot {border-bottom:1px solid #fff; color:#213B82;}
.border-left-lightblue {border-left: 1px solid #46B4FF;}

.faq-box {background:#FE5000; padding:20px; border-radius:25px 0px 0px 0px; border-bottom:10px solid #FFCD00; position:relative; margin-top:3em;}
.faq-box p {color:#fff;}
.faq-box span {color: #FFCD00; font-size: 50px; position: absolute; top:-58px;}
.faq-box:after {content: url(../img/covid-block.png); position:absolute;  right:0px; top: -44px;}

.faq-box2 {background:#FE5000; padding:20px; border-radius:25px 0px 0px 0px; border-bottom:10px solid #FFCD00; position:relative; margin-top:3em;}
.faq-box2 p {color:#fff;}
.faq-box2 span {color: #FFCD00; font-size: 50px; position: absolute; top:-58px;}
.faq-box2:after {content: url(../img/pg59-pic1.png); position:absolute;  right:0px; top: -40px; border-radius:50%;}

.faq-box3 {background:#003865; padding:20px; border-radius:25px 0px 0px 0px; border-bottom:10px solid #27BCC9; position:relative; margin-top:3em;}
.faq-box3 p {color:#fff;}
.faq-box3 span {color: #27BCC9; font-size: 50px; position: absolute; top:-58px;}
.faq-box3:after {content: url(../img/pg75-pic4.png); position:absolute;  right:0px; top: -40px; border-radius:50%;}

.faq-box22 {background:#003865; padding:20px; border-radius:25px 0px 0px 0px; border-bottom:10px solid #27BCC9; position:relative; margin-top:3em;}
.faq-box22 p {color:#fff;}
.faq-box22 span {color: #27BCC9; font-size: 50px; position: absolute; top:-58px;}
.faq-box22:after {content: url(../img/pg83-pic1.png); position:absolute;  right:0px; top: -40px; border-radius:50%;}

.faq-box23 {background:#003865; padding:20px; border-radius:25px 0px 0px 0px; border-bottom:10px solid #27BCC9; position:relative; margin-top:3em;}
.faq-box23 p {color:#fff;}
.faq-box23 span {color: #27BCC9; font-size: 50px; position: absolute; top:-58px;}
.faq-box23:after {content: url(../img/pg84-pic1.png); position:absolute;  right:0px; top: -40px; border-radius:50%;}

.facts-box {border-left:5px solid #EE7203; padding:0px 15px;}
.facts-bottom {border-bottom:2px solid #EE7203;}
.facts-botright {border-bottom:2px solid #EE7203; border-right:2px solid #EE7203;}
.facts-botleft {border-bottom:2px solid #EE7203; border-left:2px solid #EE7203;}
.facts-right {border-right:2px solid #EE7203;}
.facts-left {border-left:2px solid #EE7203;}
.facts-greybottom {border-bottom:1px solid #828282;}
.facts-greyright {border-right:1px solid #828282;}
.facts-greybotright {border-right:1px solid #828282; border-bottom:1px solid #828282;}

.gender-bluebotright {border-bottom:1px solid #828282; border-right:2px solid #0A378C;}
.gender-bkr {background:#EBF3FC;}

.engaging-picbox {text-align:center;background: url(../img/pg86-pic1-new.png);background-repeat:no-repeat;width: 412px;height: 427px;margin:0 auto;position:relative;margin-bottom:2em;}
.engaging-picbox-inner {margin: 0 auto; font-size: 25px; color: #008CD1; position: absolute; top: 110px; left: -184px;display: inline-block; width: 750px; font-family: 'LyonDisplayRegular';}
.quotation-block {position:relative; color:#09378B; font-style:italic; font-size:18px;}


/*LIST*/
ul.list-grey { padding-left: 0; list-style: none; margin-top: 20px; font-family: "HelveticaNeue";    font-weight: 300; color: #4C4D4F!important}
ul.list-grey li {padding-left: 15px; position: relative; font-size: 16px;}
ul.list-grey li:after {content: '.';color: #4C4D4F; position: absolute; left: 0;font-size: 24px; font-weight: 900;  top: -12px;}

ul.white-list { padding-left: 0; list-style: none; margin-top: 20px;font-family: "HelveticaNeue";    font-weight: 300;}
ul.white-list li {padding-left: 15px; position: relative; font-size: 16px;}
ul.white-list li:after {content: '.';color: #fff; position: absolute; left: 0;font-size: 24px; font-weight: 900;  top: -12px;}

ul.top-ten-list {list-style:none; margin:0px; padding:0px;}
ul.top-ten-list li {position:relative; margin-left:30px; font-weight:100;}
ul.top-ten-list li:before {content: url(../img/r-icon.png); position:absolute; left: -30px; top: 2px;}

ul.top-ten-list-orange {list-style:none; margin:0px; padding:0px;}
ul.top-ten-list-orange li {position:relative; margin-left:30px;}
ul.top-ten-list-orange li:before {content: url(../img/r-icon-orange.png); position:absolute; left: -30px; top: 2px;}

ul.disc-list {list-style:disc;}
ul.disc-list li {margin-left:-20px; font-weight:100;}



/*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: #e3e3e3;width: 100%;margin: 10px auto 0;padding: 5px 20px;border-radius: 20px;}
.accordion:hover{cursor: pointer;}

/* Main accordion title 
========================================================================== */
.accordion h1{display: inline;font-weight: 100;  font-family: 'LyonDisplayRegular'!important; font-size:22px;}

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

/* Rotate class for dropdown button
========================================================================== */
.rotate {-moz-transition: all .5s linear; -webkit-transition: all .5s linear; transition: all .5s linear;}
.rotate.up {-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); transform:rotate(180deg);}





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


/*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;}
.no-paddingTB {padding-top: 0 !important; padding-bottom: 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;}

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

/*GENERAL STYLES*/
.lady-glasses {float:right; padding-top:1em;}
.people-four-children {text-align:center;}
.sappi-safety-margin {margin-top:0px;}

.display-feature {display:none;}





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

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

}
@media screen and (max-width: 1370px) {
.banner-bg-prosperity {background: none; height:auto;margin-top: 0px; padding-top: 0px;}	
.banner-bg-prosperity .banner-inner {background: none; background-position: top center; background-size: cover; position: relative; min-height: 1028px; background-repeat: no-repeat; z-index: 1; box-sizing: border-box; padding: 30px 0px; max-width: 1273px;
    margin: 0 auto;padding-bottom: 0;bottom: 0px;}
.banner-bg-prosperity .key-circle {float: none; margin: 0 auto;}
.banner-bg-prosperity .message {float: none; width: 100%; margin-top: 40px;}
.banner-bg-prosperity .message p {color:#4C4D4F!important;}
.banner-bg-prosperity .message div {border-left: 1px solid #4C4D4F; padding-left:20px; width:100%;}
.banner-bg-prosperity .performance {float: none; margin-top: 10px; margin-left: 0px;}
.banner-bg-prosperity .performance i {font-size: 25px; color: #4C4D4F; font-style: normal; line-height: 1; margin-bottom: 1em;}
.banner-bg-prosperity .highlights {float: none; margin-top: 10px; margin-left: 0px;}
.performance-table {display: block;}
.performance-table-cell {display: block; width: 100%;}
.performance-table-spacer {display: block; width: 100%;}
.performance-table-cell:nth-child(3) {display: block; width: 100%;}
.performance-table p {border-left: 1px solid #4C4D4F; padding-left:20px; color:#4C4D4F!important;}
.performance-table-cell:nth-child(3) ul {margin-top: 3em;}
.performance-table-cell:nth-child(3) ul li p {color: #fff!important;}
.display-feature {display:block;}


.banner-bg-people {background: none; height:auto;margin-top: 0px; padding-top: 0px;}
.banner-bg-people .banner-inner {background: none; background-position: top center; background-size: cover; position: relative; min-height: 1028px; background-repeat: no-repeat; z-index: 1; box-sizing: border-box; padding:30px 0px; max-width: 1273px;    margin: 0 auto; padding-bottom: 0; bottom: 0px;}
.banner-bg-people .key-circle {float: none; margin: 0 auto;}
.banner-bg-people .message {float: none; width: 100%; margin-top: 40px;}
.banner-bg-people .message p {color:#4C4D4F!important;}
.banner-bg-people .message div {border-left: 1px solid #4C4D4F; padding-left: 20px; width:100%;}
.banner-bg-people .performance {float:none; margin-top:10px; margin-left:0px;}
.banner-bg-people .performance i {color: #4C4D4F;}
.banner-bg-people .people-highlights {float: none; margin-top: 10px;  margin-left: 0px; width: 100%;}
.banner-bg-people .people-highlights p:first-of-type {color:#4C4D4F!important;}
.region-table {width:100%;}
.region-table .region-table-cell div p:first-of-type {color:#fff!important;}
.male-female-numbers {color:#4C4D4F!important;}
.people-square-block {width:100%;}
.square-block-table .square-block-tablecell:nth-child(1) p {color:#fff!important;}
.square-block-table .square-block-tablecell p.switch-white {color:#fff!important;}
}
@media screen and (max-width: 1280px) {
.orange-box-one {height: 325px;}
.orange-box-two {height: 325px;}

.bluebox-graphs-table {display:block; width:100%;}
.bluebox-graphs-cell {display:block; width:100%; border-right:0px solid #fff; padding:25px 25px;}
.bluebox-graphs-cell:nth-child(3) {border-right:0px;}
}
@media screen and (max-width: 1180px) {
.orange-box-one {height: 360px;}
.orange-box-two {height: 360px;}
}
@media screen and (max-width: 1080px) {
.sourcing-table {display:block; width:100%; margin-top:2em;}
.sourcing-table-cell {display:block; width:100%; vertical-align:top;}
.sourcing-table-cell:nth-child(1) {width:100%; background:#0057B8; border-radius:25px 25px 0px 0px; padding:25px; text-align:center; margin-bottom: 1em;}
.sourcing-table-cell:nth-child(2) {width:100%; padding:0px 0px 0px 0px;}
}
@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 980px) {
.containing-table-one {display:block; width:100%;}
.containing-table-one-cell {display:block; width:100%; padding:0px 0px 0px 0px; vertical-align:top;}
.containing-table-one-cell:nth-child(3) {width:100%;}
.containing-table-one-spacer {display:block; width:100%; border-left:0px solid #0057B8;}

.green-box-one {height:290px;}
.green-box-two {height:290px;}

.glance-table {display:block; width:100%; margin-top:1em;}
.glance-table-cell {display:block; width:100%;}
.glance-table-cell:nth-child(3) {width:100%; padding-left:0px;}
.glance-table-spacer {display:block; width:100%; border-right:0px solid #FF7D25;}

.containing-table {display:block; width:100%;}
.containing-table-cell {display:block; width:100%; padding:0px 0px 0px 0px; vertical-align:top;}
.containing-table-cell:nth-child(3) {width:100%;}
.containing-table-spacer {display:block; width:100%; border-left:0px solid #FE5000;}

.orange-box-one {height: 260px; margin-bottom:1em;}  
.orange-box-two {height: 260px; margin-bottom:1em;}
.lady-glasses {float:none; padding-top:1em; text-align:center;}

.column-2-increase {float:none; width:100%; box-sizing:border-box;}
.column-2-increase:nth-child(1) {border-right:0px solid #FE5000;}
.column-2-increase:nth-child(2) {padding-left:0px;}
.increase-table {display:block; width:100%; margin-top:2em;}
.increase-table-cell {display:block; width:100%;}

.gender-table {display:block; margin-top:1em;}
.gender-table-cell {display:block; width:100%; padding:0px 0px; vertical-align:top;}
.gender-table-spacer {display:block; width:100%;}
.gender-table-cell:nth-child(1) {padding:0px 15px 0px 0px;}

.promote-table2 {display:block; width:100%; margin-top:1em;}
.promote-table-cell2 {display:block; width:100%;}
.promote-table-cell2:nth-child(3) {padding-left:0px; box-sizing:border-box;}
.promote-table-spacer2 {display:block; width:100%; border-right:0px solid #213B82;}

.promote-table3 {display:block; width:100%; margin-top:1em;}
.promote-table-cell3 {display:block; width:100%;}
.promote-table-cell3:nth-child(3) {width:100%; padding-left:00px;}
.promote-table-spacer3 {display:block; width:100%; border-right:1px solid #213B82;}

.driving-table {display:block; width:100%;}
.driving-cell {display:block; width:100%; border-right:0px solid #008DD1; padding:0px 25px; vertical-align:top;}
.driving-cell:nth-child(1) {padding-left:0px;}
.driving-cell:nth-child(3) {border-right:0px; padding-right:0px;}
}

@media screen and (max-width: 768px) {
.green-box-one {width:100%; float:none; padding:15px; background:#A8EDF5; height:auto; border-top:4px solid #008C96; border-bottom:10px solid #008C96;}
.green-box-two {width:100%; float:none; padding:15px; background:#D4F2F4; height:auto; border-top:4px solid #008C96; border-bottom:10px solid #008C96;}
.column-2 {float:none; width:100%; padding-left:0px; margin-top:0px; margin-bottom:40px;}

.monitor-table {display:block; width:100%;}
.monitor-table-cell {display:block; width:100%; vertical-align:top; padding:15px;}
.monitor-table-cell:nth-child(3) {background:#97D5FF;}

.target-table {display:block; width:100%;}
.target-table-cell {display:block; width:100%; padding:0px 25px 15px 0px; vertical-align:top;}
.target-table-spacer {display:block; width:100%; border-left:1px solid #0A616E;}

.orange-box-one {width:100%; float:none; padding:15px; background:#EE7203; box-sizing:border-box; height:auto; border-bottom:10px solid #FE5000;}
.orange-box-two {width:100%; float:none; padding:15px; background:#F68D2E; box-sizing:border-box; height:auto; border-bottom:10px solid #FE5000;}

.promote-table {display:block; margin-top:1em;}
.promote-table-cell {display:block; width:100%;}
.promote-table-cell:nth-child(3) {width:100%; padding-left:0px;}
.promote-table-spacer {display:block; width:100%; border-right:0px solid #213B82;}

.skyblue-table {display:block; width:100%;}
.skyblue-table-cell {display:block; width:100%; padding:0px 0px 0px 0px; vertical-align:top;}
.skyblue-table-cell:nth-child(3) {width:100%;}
.skyblue-table-spacer {display:block; width:100%; border-left:0px solid #0057B8;}

.skyblue-box-one {width:50%; float:left; height:230px; border-bottom:10px solid #0057B8;}
.skyblue-box-two {width:50%; float:left; height:230px; border-bottom:10px solid #0057B8;}
.sappi-safety-margin {margin-top:1em; text-align:center;}

.graph-tables {display:block; width:100%;}
.graph-tables-cell {display:block; width:100%;}
.graph-tables-spacer {display:block; width:100%;}
}
@media screen and (max-width: 736px) {
.square-block-table {display:block; width: 100%;}
.square-block-tablecell:nth-child(1) {border-right:0px solid #fff; border-bottom:1px solid #fff;}
.square-block-tablecell {display:block; width:100%; padding: 15px 0px;}
.region-table {display:block;}
.region-table-cell {display:block; width:100%; margin-bottom: 2em;}
}
@media screen and (max-width: 720px) {

}
@media screen and (max-width: 667px) {
.skyblue-box-one {width:100%; float:none; height:auto;}
.skyblue-box-two {width:100%; float:none; height:auto;}
.performance-table-cell:nth-child(3) ul li {float:none; width:100%; margin-right:0%; margin-top:2%; height:auto; margin-bottom: 20px;}
}
@media screen and (max-width: 640px) {
.glance-table-cell:nth-child(3) ul.graph-list li {float:none; width:100%; text-align:center;}
.engaging-box-one {width:100%; height:auto; border-bottom:10px solid #0057B8; border-top:5px solid #0057B8;}
}
@media screen and (max-width: 480px) {
.faq-box p {margin-top:1em;}
}
@media screen and (max-width: 414px) {
.banner-bg-prosperity .key-circle {width: 200px; height: 200px;}
.banner-bg-prosperity .key-circle div {position: relative;top: 15px;}
.banner-bg-prosperity .key-circle span {font-size: 25px;}

.banner-bg-people .key-circle {width: 200px; height: 200px;}
.banner-bg-people .key-circle div {position: relative;top: 15px;}
.banner-bg-people .key-circle span {font-size: 25px;}
}
@media screen and (max-width: 375px) {

}