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



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


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


/*KEY_EMPLOYEES*/
.key-emp-purplebg{ background: #504BAF; color: #FFFFFF; padding: 15px; border-top: 5px solid #20BEC6; border-radius: 0px 0px 15px 0px;}
.key-emp-darkgreenbg{ background: #27BDCA; color: #FFFFFF; padding: 15px;  }
.key-emp-lightgreenbg{ background: #C1F3F8;  padding: 15px;  }



/*KEY_Customers*/
.key-cus-bluebg{ background: #74C7FF;  padding: 15px; border-left: 5px solid #0057B8; border-radius: 0px 0px 15px 0px;overflow: auto}

/*KEY_Industry bodies and business*/
.key-ind-border{ padding: 15px; border-bottom: 1px solid #46B4FF; margin-bottom: 20px }
.key-ind-lbluebg{ background: #5DCED7;  padding: 15px; border-left: 5px solid #0057B8; border-radius: 0px 0px 15px 0px; overflow: auto}




/*FIN*/
.finthinline {border-bottom:1px solid #000;}
.finthickline {border-bottom:2px solid #000;}
tr.finthinline td, tr.finthinline th{border-bottom:1px solid #000;}
tr.finthickline td, tr.finthickline th{border-bottom:2px solid #000;}


.fintopleft {border-top:1px solid #000; border-left:1px solid #000;}
.fintopright {border-top:1px solid #000; border-right:1px solid #000;}
.finbotleft {border-bottom:1px solid #000; border-left:1px solid #000;}
.finbotright {border-bottom:1px solid #000; border-right:1px solid #000;}
.finleft {border-left:1px solid #000;}
.finright {border-right:1px solid #000;}
.fintop {border-top:1px solid #000;}
.finrowleft {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}
.finrowright {border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000;}
.finrow {border-top:1px solid #000; border-bottom:1px solid #000;}
.finthicklblue {border-bottom:2px solid #20BEC6;width: 5%;}
.caption-front{ font-size: 12px}



/*KEY_OVERVIEW*/

.banner-bg-key{background: url("../img/key-relationships-bg-new.png");background-position: center top;background-size: 100%;position: relative;height: 620px;background-repeat: no-repeat;margin-top: -150px;padding-top: 150px;z-index: 1;overflow: hidden;background-attachment: fixed;}
.banner-bg-key .banner-inner{background: url("../img/gov-bubble-green.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-key .key-circle{width: 350px;height: 350px;background: rgba(19, 148, 158, 1);border-radius: 50%;line-height: 350px;text-align: center;float: left;}
.banner-bg-key .key-circle span{display: inline-block;line-height: 1;font-size: 39px;font-family: 'LyonDisplayRegular';font-weight: 100;color: #fff;}
.banner-bg-key .message{ float: left; width: 600px; margin-left: 55px;margin-top: 100px;}
.banner-bg-key .message h3{ font-size: 42px; color:#fff;}
.banner-bg-key .message div{ padding-left: 20px; border-left: 1px solid #fff;}
.banner-bg-key .message div p{ color: #fff; font-size: 18px;font-family: 'LyonDisplayRegular';font-weight: 100;}
.border-left-lightblue{ border-left: 1px solid #46B4FF; }


/*KEY_PLANET*/

.banner-bg-planet{background: url("../img/planet-banner.png");background-position: center top;background-size: 100%;position: relative;height: 680px;background-repeat: no-repeat;margin-top: -150px;padding-top: 150px;z-index: 1;overflow: hidden;background-attachment: fixed;}
.banner-bg-planet .banner-inner{background: url("../img/planet-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-planet .planet-circle{width: 350px;height: 350px;background: rgba(155, 206, 119, 0.6);border-radius: 50%;line-height: 350px;text-align: center;float: left; position: relative}
.banner-bg-planet .planet-circle span{display: inline-block;line-height: 1;font-size: 39px;font-family: 'LyonDisplayRegular';font-weight: 100;color: #fff;}
.banner-bg-planet .message{ float: left; width: 600px; margin-left: 55px;margin-top: 30px;}
.banner-bg-planet .message h3{ font-size: 42px; color:#fff;margin-left: 15px;}
.banner-bg-planet .message div{ padding-left: 20px; border-left: 1px solid #fff;}
.banner-bg-planet .message div p{ color: #fff; font-size: 18px;font-family: 'LyonDisplayRegular';font-weight: 100;}
.border-left-lightblue{ border-left: 1px solid #46B4FF; }

.planet-logo{position: absolute; top: -82px;  right: 10px;    bottom: 3px;}


.mm05.sm01 section.bg .overview-container{ position: absolute; top: 200px; right: 200px;}	
.mm05.sm01 section.bg .overview-container > img{ max-width: 100%}	
.mm05.sm01 section.bg .overview-circle-key{width: 350px;height: 350px;background: rgba(1, 113, 119, 0.71);border-radius: 50%;line-height: 350px;text-align: center;position: absolute;bottom: -60px;right: 30px;}
.mm05.sm01 section.bg .overview-circle-key span{display: inline-block;line-height: 1;font-size: 39px;font-family: 'LyonDisplayRegular';font-weight: 100;color: #fff;}

.mm09.sm01 section.bg .overview-containers{ position: absolute; top: 200px; right: 200px;}	
.mm09.sm01 section.bg .overview-containers > img{ max-width: 100%}	
.mm09.sm01 section.bg .overview-circle-keys{width: 350px;height: 350px;background: rgba(64, 169, 176, 0.71);border-radius: 50%;line-height: 350px;text-align: center;position: absolute;bottom: -60px;right: 30px;}
.mm09.sm01 section.bg .overview-circle-keys span{display: inline-block;line-height: 1;font-size: 39px;font-family: 'LyonDisplayRegular';font-weight: 100;color: #fff;}


/*PLANETS*/

.planet-col-1{ background: #A7CD79; padding: 15px; width: 47%; float: left; overflow: auto; border-bottom: 5px solid #008675; border-top: 3px solid #008675}
.planet-col-2{background: #E0ECD0; padding: 15px; width: 47%; float: left;overflow: auto;border-bottom: 5px solid #008675; border-top: 3px solid #008675}
.planet-dbg{ background: #008675; color: #FFFFFF}
.border-green{ background: #008C96; border-radius:15px}
.planet-lightbg{ background: #8BBD48;  padding: 15px; border-left: 5px solid #0A616E; border-radius: 0px 0px 15px 0px;overflow: auto}
.planet-yellowbg{ background: #CFDD57;  padding: 15px; border-left: 5px solid #0A616E; border-radius: 0px 0px 15px 0px;overflow: auto}
.planet-darhgreenbg{ background: #008C96;  padding: 15px; border-left: 5px solid #0A616E; border-radius: 0px 0px 15px 0px;overflow: auto}

/*TABLE DIV LAYOUTS*/
.planet-table {display:table; width:100%; margin-top:1em;}
.planet-table-cell {display:table-cell; width:22%; vertical-align:top;}
.planet-table-cell:nth-child(1) {width:22%;   padding:0px;  border-right: 1px solid #65B32E!important; background: none!important; border-radius: 0px 0px 0px 0px!important; text-align: left!important}
.planet-table-cell:nth-child(2) {width:78%; padding:0px 0px 0px 14px;}

.planet-table {display:table; width:100%;}
.planet-table-cell {display:table-cell; width:30%; padding:0px 25px 0px 0px; vertical-align:top;}
.planet-table-cell:nth-child(3) {width:68%;}
.planet-table-spacer {display:table-cell; width:2%; }


.icon-block{position: absolute; right: 0px;}
.icon-img{position: relative;right: 334px; top: -30px; }

.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-c FAO 2020: The State of the World's Forestsell: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:2em;}
.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:-15px}

.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:-15px}

.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:-15px;}
.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:300px; 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:300px; 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;}

.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;}

.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;}

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


.focusing-table {display:table; width:100%;}
.focusing-cell {display:table-cell; width:50%; padding:0px 25px; vertical-align:top;}
.focusing-cell:nth-child(1) {padding-left:0px;}
.focusing-cell:nth-child(3) {border-right:0px; padding-right:0px;}
.font-500{font-weight: 500}

.plant-box {margin:0; padding:0;}
.plant-box-one {width:50%; float:left; padding:15px; background:#A7CD79; box-sizing:border-box;  border-bottom:10px solid #008675;    height: 487px;}
.plant-box-one-inner {background:#008675; border-radius:25px; color:#fff; padding:15px;}
.plant-box-two {width:50%; float:left; padding:15px; background:#E0ECD0; box-sizing:border-box;  border-bottom:10px solid #008675; height: 487px; }

.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;}

.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-box1 {background:#0A616E; padding:20px; border-radius:25px 0px 0px 0px; border-bottom:10px solid #65B32E; position:relative; margin-top:3em;}
.faq-box1 p {color:#fff;}
.faq-box1 span {color: #65B32E; font-size: 50px; position: absolute; top:-58px;}
.faq-box1:after {content: url(../img/pg104-pic1.png); position:absolute;  right: -28px; 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: -21px; 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: -21px; top: -40px; border-radius:50%;}


.faq-box4 {background:#0A616E; padding:20px; border-radius:25px 0px 0px 0px; border-bottom:10px solid #65B32E; position:relative; margin-top:3em;}
.faq-box4 p {color:#fff;}
.faq-box4 span {color: #65B32E; font-size: 50px; position: absolute; top:-58px;}
.faq-box4:after {content: url("../img/pg106-pic1.png"); position:absolute;  right: -28px; top: -44px;}

.faq-box5 {background:#0A616E; padding:20px; border-radius:25px 0px 0px 0px; border-bottom:10px solid #65B32E; position:relative; margin-top:3em;}
.faq-box5 p {color:#fff;}
.faq-box5 span {color: #65B32E; font-size: 50px; position: absolute; top:-58px;}
.faq-box5:after {content: url("../img/pg110-pic2.png"); position:absolute;  right: -28px; top: -44px;}

.faq-box6 {background:#0A616E; padding:20px; border-radius:25px 25px 0px 0px; position:relative; margin-top:3em;}
.faq-box6 p {color:#fff;}
.faq-box6 span {color: #65B32E; font-size: 50px; position: absolute; top:-58px;}

.faq-box7 {background:#0A616E; padding:20px; border-radius:25px 0px 0px 0px; border-bottom:10px solid #65B32E; position:relative; margin-top:3em;}
.faq-box7 p {color:#fff;}
.faq-box7 span {color: #65B32E; font-size: 50px; position: absolute; top:-58px;}
.faq-box7:after {content: url("../img/recycled.png"); position:absolute;  right: -28px; top: -44px;}


.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;}


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

.global-outter{width: 100%; margin-top: 20px}
.global-one{float: left;  width: 50%; overflow: auto; height: auto}
.global-two{float: left;  width: 50%;overflow: auto;height: auto}




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

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

/* 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 19px;min-width: 100%;max-width: 100%;background-color: #fff;border-bottom: 1px solid #46B4FF; border-left: 1px solid #46B4FF;   border-right: 1px solid #46B4FF;}

.accordion-panels{margin: 0 auto;padding: 10px 19px;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);}

.div-outter{overflow: auto}
.div-1-col{width: 5%; float: left; margin-right: 5%}
.div-2-col{width: 90%; float: left}


/*LIST*/
ul.list-grey {list-style:disc;}
ul.list-grey li {margin-left:-20px; font-weight:100;}
/*ul.list-grey li:after {content: '.';color: #4C4D4F; position: absolute; left: 0;font-size: 24px; font-weight: 900;  top: -12px;}

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


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











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

.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;}

.planet-overview-img{position: relative; right: 200px;}
figure img {display:block;max-width:100%;height:auto !important; margin-bottom: 10px; margin: 0px!important}
img.img-responsive { display: block; max-width: 100%; height: auto !important;}
.scrollable{position: relative;clear: both;}





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

}
@media screen and (max-width: 1440px) {	
		.icon-img {
    position: relative;
    right: 94px;
    top: -30px;
}

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

}	
@media screen and (max-width: 1280px) {
figure img {display:block;max-width:100%;height:auto !important; margin-bottom: 10px;}
img.img-responsive { display: block; max-width: 100%; height: auto !important;}	
.faq-box1:after { content: url(../img/pg104-pic1.png); position: absolute; right: -2px; top: -44px;}	
.faq-box4:after {content: url(../img/pg106-pic1.png); position: absolute; right: -6px; top: -44px;}
.icon-img { position: relative; right: 14px; top: -30px;}	
	
	
	

}
@media screen and (max-width: 1080px) {
.banner-bg-planet { background: none;    height: auto;	}
.banner-bg-planet .banner-inner {background: none;min-height: auto;    padding: 50px 0px;}	
.banner-bg-planet .planet-circle { width: 350px; height: 350px; background: rgba(155, 206, 119, 0.6);  border-radius: 50%; line-height: 350px; text-align: center; position: relative; margin: 0 auto; float: none}	
	.banner-bg-planet .message {width: 100%;color: #3FAA34 !important; float: none; margin: 0px}
.banner-bg-planet .message div { border-left: 1px solid #3FAA34;}	
	.banner-bg-planet .message h3 { font-size: 42px;color: #3FAA34 !important; }
	.banner-bg-planet .message div p {color: #4C4D4F!important;  font-size: 18px; font-family: 'LyonDisplayRegular';  font-weight: 100;}
	.planet-logo {position: absolute; top: -35px;right: 122px;  bottom: 3px;}
	.banner-bg-planet 
	.planet-circle span {display: inline-block;line-height: 1;font-size: 39px; font-family: 'LyonDisplayRegular'; font-weight: 100; color: #fff; position: relative; top: 20px;}
.scrollable { overflow: auto; }

	
.faq-box5:after {content: url(../img/pg110-pic2.png); position: absolute; right: -2px;   top: -44px;}	
.planet-cell { display: block; width: 100%;border-bottom: 1px solid #65B32E; vertical-align: top; margin-top: 15px;border-right: none;padding: 0px !important}	
.focusing-cell {display: block;width: 100%;  vertical-align: top; border-bottom: 1px solid #65B32E; border-right: none!important; padding: 0px !important}	
.faq-box7:after {content: url(../img/recycled.png); position: absolute; right: 0px;  top: -44px;}
	.mm05.sm01 section.bg .overview-container {
    position: absolute;
    top: 262px;
    right: 5px;
}
.banner-bg-key {
 background: none;    height: auto;
    /* background-position: center top; */
    /* background-size: 100%; */
    /* position: relative; */
    /* height: 620px; */
    /* background-repeat: no-repeat; */
    /* margin-top: -150px; */
    padding-top: 19px;
    /* z-index: 1; */
    /* overflow: hidden; */
    /* background-attachment: fixed; */
}	
.banner-bg-key .key-circle {
    width: 350px;
    height: 350px;
    background: rgba(19, 148, 158, 1);
    border-radius: 50%;
    line-height: 350px;
    text-align: center;
   float: none; 
    margin: 0 auto;
    margin-top: 120px;
}	
	.banner-bg-key .message {
    /* float: left; */
    width: 100%;
    margin-left: 0px; 
    margin-top: 0px; 
    /* color: red; */
    border-left: 1px solid;
}
	.banner-bg-key .banner-inner {
    background:  none;    height: auto;}
	.banner-bg-key .message div p {
    color: #4C4D4F!important;
    font-size: 18px;
    font-family: 'LyonDisplayRegular';
    font-weight: 100;
}
	.icon-img {
    position: relative;
    right: 12px;
    top: -30px;
}
	.planet-table-cell:nth-child(2) {
    width: 100%;
    padding: 0px 0px 0px 14px;    margin-top: 15px;
}
	
	
	.planet-table-cell:nth-child(1) {
    width: 100%;
    padding: 0px;
    border-right: 1px solid #65B32E!important;
    background: none!important;
    border-radius: 0px 0px 0px 0px!important;
    text-align: left!important;
    display: inline-block;
}
.planet-table-cell {
    display: inline-block;
    width: 100%;
    padding: 0px 25px 0px 0px;
    vertical-align: top;
}	
	
.planet-table-cell:nth-child(3) {
    width: 68%;
    display: table-cell;
}	
}
@media screen and (max-width: 1024px) {

}
@media screen and (min-width: 981px) {
.mm09.sm01 section.bg .overview-containers {    position: absolute; top: 200px;  right: -120px;}	
.mm09.sm01 section.bg .overview-circle-keys {width: 250px;height: 250px;background: rgba(64, 169, 176, 0.71);border-radius: 50%;line-height: 350px; text-align: center;position: absolute;bottom: 61px;
    right: 151px;}	
	
	
	
	

}
@media screen and (max-width: 980px) {
	.mm05.sm01 section.bg .overview-container { display: none}

}
@media screen and (max-width: 768px) {
.mm09.sm01 section.bg .overview-containers { position: absolute; top: 331px; right: -310px;}	
.mm09.sm01 section.bg .overview-circle-keys { width: 200px; height: 200px; background: rgba(64, 169, 176, 0.71); border-radius: 50%; line-height: 350px; text-align: center;position: absolute;
bottom: -24px; right: 340px;}	
.mm09.sm01 section.bg .overview-circle-keys span { display: inline-block; line-height: 1; font-size: 30px; font-family: 'LyonDisplayRegular'; font-weight: 100;color: #fff; position: relative;
    bottom: 65px;}	
.planet-overview-img{position: relative; right: 200px; width: 70%}	
.global-one {
    /* float: left; */
    width: 100%;
    overflow: auto;
    height: auto;
}	
	.global-two {
    /* float: left; */
    width: 100%;
    overflow: auto;
    height: auto;
}
	

}
@media screen and (max-width: 786px) {
.planet-table {
    display: inline-block;
    width: 100%;margin-top: 4em;
}	
.planet-table-cell:nth-child(1) {
    width: 100%;
    padding: 0px;
    border-right: none!important;
    background: none!important;
    border-radius: 0px 0px 0px 0px!important;
    text-align: left!important;
    display: inline-block;
}	
	.planet-table-cell:nth-child(3) {
    width: 100%;    display: block;
    
}
	
	.global-one {
  
    width: 100%;
    overflow: auto;
    height: auto;
}
	.global-two {
    
    width: 100%;
    overflow: auto;
    height: auto;
    margin-top: 20px;
}

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

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

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

}
@media screen and (max-width: 480px) {
.mm09.sm01 section.bg .overview-containers { display: none}	
.banner-bg-planet .planet-circle { width: 250px; height: 250px; background: rgba(155, 206, 119, 0.6);  border-radius: 50%; line-height: 350px; text-align: center; position: relative; margin: 0 auto; float: none}
	.planet-logo {position: absolute; top: -41px; right: 73px;  bottom: 3px;}	
	
.plant-box-one {
    width: 100%;
   
    padding: 15px;
    background: #A7CD79;
    box-sizing: border-box;
    border-bottom: 10px solid #008675; height: auto!important
  
}	
	.plant-box-two {
    width: 100%;
   
    padding: 15px;
    background: #E0ECD0;
    box-sizing: border-box;
    border-bottom: 10px solid #008675;height: auto!important
   
}
	

}
@media screen and (max-width: 375px) {
	.mm09.sm01 section.bg {  background: url(../img/planet-bg.png);  background-position: center top;}

}