<style>
div#wrapper_sleeve {margin-top: 0px;}
/*____background color*/


#spin2 #wrapper_sleeve, #spin2 #wrapper_sleeve > .container .inner-sleeve {background-color: #f0e6d5; margin-top: 0px;}


/*ADVANCE STEWARDSHIP*/

/*____banner countainer*/

.advance-stewardship {background: #f0e6d5; width: 100%; display: flex;max-width: 1220px; margin-left: auto; margin-right: auto; margin-top: 70px; margin-bottom: 100px;
}

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

div.advance-stewardship {margin-top: 40px;}
}

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

div.advance-stewardship {margin-top: 23px;}

}

/*____advance text box left*/
.advance-text {width: 50%; padding: 5%;}
.advance-text p {color: #0050A0; font-size: 1.5rem; line-height: 1.2;}
.advance-text p:first-of-type {font-weight: bold;}

/*____advance image right*/
.advance-img {width: 50%; position:relative;}
.advance-img img {float: right; position: relative;}

.advance-img::before { content: ""; position: absolute; background: #0050a0; right: 0; top: -88px; width: 480px; height: 480px; right: -92px; clip-path: polygon(0 0, 100% 0, 100% 100%);}


/*____advance logo*/
.advance-logo {width: 20vw; margin-bottom: 50px; margin-top: -78px;}

.initiative-container {width: 100%; display: flex; /*background: #f0e6d5; padding: 3% 0%;*/}
.initiative-box-1, .initiative-box-2 {width: 50%; display: flex;}
.initiative-text-1, .initiative-text-2 {width: 80%; margin: 0 auto; }

.initiative-text-1 ul li a, .initiative-text-2 ul li a {font-size: 18px; vertical-align: bottom;}
.initiative-text-2 .fa.fa-arrow-circle-o-right {color: #009fe3; font-size: 23px;}

.initiative-box-1 {border-right: 2px solid #e7e7e7;}
.initiative-box-2 {border-left: 2px solid #e7e7e7;}
.initiative-box-1 ul li {list-style-type: none; line-height: 2.0;}
.fa.fa-file-image-o.icon-download {font-size:20px; color:#009fe3; padding-right:5px; font-size: 26px;}
.initiative-box-1 ul {padding: 0px;}
.initiative-text-2 .fa.fa-arrow-circle-o-right {color: #009fe3; vertical-align: bottom;}
.initiative-text-2 ul li {list-style-type: none; margin-bottom: 10px;}

/*____advance arrow*/
.advance-arrow {margin-bottom: -11px; margin-left: -5px;}
.advance-arrow-nudge:hover {margin-right: 5px;}
.advance-text p a:hover {text-decoration: none;}
.advance-arrow:hover {margin-left: -5px;}
.advance-arrow-nudge {display: inline-flex; font-size: 1rem;}
img.advance-arrow {width: 30px; height: 30px;}

@media screen and (max-width: 768px) {
.advance-stewardship .advance-stewardship {display: block;}
.advance-stewardship .advance-text {width: 100%;}
.advance-stewardship .advance-img {display: none;}
.advance-text .advance-logo {width: 80vw; padding: 20px; margin-bottom: 10px;}
.advance-text p:last-of-type {text-align: center;}
.qlink-container .qlink-wrapper {margin-top: -20px; right: auto;}

div.initiative-container {display: block;}
.initiative-container .initiative-box-1, .initiative-container .initiative-box-2 { width: 100%; display: block;}
.initiative-container .initiative-box-1 {border-right: 0px solid #000; border-bottom: 0px solid #000;}
.initiative-container .initiative-box-2 {border-left: 0px solid #000;}
.initiative-container .initiative-text-1, .initiative-container .initiative-text-2 {width: 100%; padding: 20px 0px;}

}

/*____advance icons*/
.adv-icon-mob {display: none;}

/*COUNTER*/
#ad-counter-container {display: flex; flex-wrap: wrap;}
.ad-counter-wrapper {width: 100%; margin: 100px 0px;}
.ad-counter-box{width: 25%; text-align: center; color: #0050a0; font-size: 35px; font-weight: bold; border: 2px solid #0050a0;  padding: 50px 20px;}

.ad-counter-box p{margin-bottom: 0px; line-height: 1.2; margin-top: 10px;}
.ad-counter-title{text-align:center;}
.ad-counter-title {text-align: center; background: #0050a0;}
.ad-counter-title h2{color: #fff; margin: 0px; padding: 10px 0px;}
.ad-counter.dollar::before {content: '$'; padding: 3px;}
.ad-counter.dollar::after {content: 'trillion'; padding: 3px; font-size: 23px;}

@media screen and (max-width: 768px) {
.ad-counter-box{width: 49%; margin: 0.5%;}
.ad-counter-title {width: 99%; margin: 0 auto;}
div.ad-counter.dollar::after {content: 'trillion'; padding: 3px; font-size: 15px;}
}
@media screen and (min-width: 769px) {
div.ad-counter-box:nth-child(4n+1), div.ad-counter-box:nth-child(4n+2), div.ad-counter-box:nth-child(4n+3){border-right: 0px;}
}



/*QUICK LINK NEW MENU*/

/*____________Home link*/
.ad-home a::before { font-family: "Font Awesome 5 Free"; content: "\f015"; display: inline-block; padding-right: 10px; font-weight: 900;}

.qlink-wrapper {margin: 0px; padding: 0px; position:absolute; top:-63px; right:0; border:3px solid #fff; margin-top: -64px; margin-right: 20px;}
.qlink-container {position: relative;}
.qlink-main-menu{margin-right: 4.5%;}

.qlink-wrapper li{display: inline-block; /*transform-style: preserve-3d;*/ background-color: #008cc8; width: 220px; border: 1px solid #dbdbdb;}
.qlink-wrapper li a, .qlink-main-menu{ color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; font-weight: bold; display: block; position: relative; text-align:center;}

.qlink-wrapper li a span, .qlink-main-menu span { display: block; padding: 15px 20px; word-spacing:1px; letter-spacing:1px;}

.qlink-wrapper li a span:before, .qlink-main-menu span:before{ content: attr(title); position: absolute; top: 0; left: 0; background: #0050a0; color: #fff; padding: 15px 20px; transform-style: preserve-3d; transition: .3s; transform: rotateX(90deg) translateY(50px); transform-origin: bottom; width: 100%;}

.qlink-wrapper li a span:hover:before, .qlink-main-menu span:hover:before{ transform: rotateX(0deg) translateY(0px); width: 100%;}

.qlink-container li ul {float: left; left: 0; opacity: 0; position: absolute; top: 35px; visibility: hidden; z-index: 3; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; width:220px;}

.qlink-container li ul li { float: none; width: 100%; background-color: #f2f2f2;}
.qlink-container li:hover ul { opacity: 1; top: 55px; visibility: visible; padding-left: 0px; text-align: center; background-color: #f2f2f2; box-shadow: 5px 1px 15px 5px rgba(0,0,0,0), 9px 5px 15px 3px rgba(0,0,0,0.19);}

.qlink-wrapper li:hover {background: #000;}

.qlink-wrapper .qlink-sub-menu li a { color: #000; font-weight: normal; text-transform: none; padding: 20px 10px; line-height: 1.2;}
.qlink-wrapper .qlink-sub-menu li a:hover {color: #fff;}

@media screen and (max-width: 700px){
div .qlink-wrapper li {width: 100%; text-align: center; width: 220px;}
}


.qlink-main-menu:after { content: '\203A'; margin-left: 5px; position: absolute; top: 27%; right: 0; padding-right: 20px;}
.qlink-main-menu:hover::after { transform: rotate(90deg); display: inline-block; transition: all .25s ease; padding-top: 20px;}


.contact-box::before  {
  animation: pulse-blue 3s infinite;
}

@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
  }
}

/*____________Advance logo*/

.advance-img::after {content: ""; position: absolute; background: #00aff0; width: 300px; height: 300px; right: -1px; clip-path: polygon(0 0, 100% 0, 100% 100%);}



/*____________tile image filter*/


/*.grid .image:hover{-webkit-filter: sepia(100%); filter: sepia(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }*/

.grid .adv-zoom .spinLayout .picture a:hover { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-filter: sepia(100%); filter: sepia(100%);}

/*____________Video icon*/

.picture.adv-zoom.videoLayout::before {width: 44px;height: 37px; background-position: -299px -99px; background-repeat: no-repeat; background-image: url(/magazine/dest/graphics/output/sprite.css-978b0f72.svg); display: inline-block; position: absolute; top: -1px; left: -1px; content: ""; z-index: 1;}

/*____________image zoom*/

.grid .adv-zoom .spinLayout .picture, .picture.adv-zoom, .grid .adv-zoom-half .spinLayout.half .picture {position: relative; overflow: hidden;}
.grid .story-zoom .sleeve .spinLayout .sleeve p.picture {overflow: hidden;}
.grid .adv-zoom .spinLayout .picture a {transition: .3s ease;}

/*____________remove underline*/

.grid .spinLayout {border-bottom: 0px;}

/*____________5 grid */

@media screen and (min-width: 768px){
.grid .gridLayout-5 .gridLayout .sleeve ul li{margin-right: 3%; width: 22.74%;}
.grid .gridLayout-5 .gridLayout .sleeve ul li.last {margin-right: 0%; margin-top: 0%;}

}

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

.grid .gridLayout-5 .gridLayout .sleeve ul li { margin-right: 3%; width: 47%; margin-bottom: 20px; margin-top: 0px;}

.grid .gridLayout-5 .gridLayout ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

/*____________Engagement focus list table*/
	.datatable.engagement-focus td {width: 100%; display: block;}

}

/*Non-flex box menu system*/

.ao-wrapper {margin: 0 auto; width: 100%;}
.ao-container {list-style: none; margin: 0; padding: 0;}

.ao-flex li:hover {transition: ease-in .3s; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.ao-flex .module-m:hover {box-shadow: none; -ms-transform: none; -webkit-transform: none; transform: none;}
.ao-flex .module-m {pointer-events: none;}
.adv-menu-title {border-top: 2px solid #0050a0; min-height: 100px; margin-bottom: -1px;}
.adv-menu-title:hover{background-color: #009fe3; min-height: 100px;}
.adv-menu-icon.adv-menu-arrow img {transform: rotate(270deg);}


.ao-flex {display: flex; flex-wrap: wrap; margin: 0 -10px; margin-top: 50px;}
.ao-flex li {flex: 1 1 200px; margin: 10px;}
li.module-m h2 {color: #fff; background: #004899;}
li.module-m .adv-menu-title {background: #004899;}
.ao-container h2 {margin: 0; padding: 10px; color: #0050a0; text-align:center; min-height: 100px; font-size: 1.266rem;
line-height: 1.602rem; display: flex; justify-content: center; align-items: center;}
.ao-container h2 span {background: #fff; border-radius: 100px; color: #0050a0; border: 2px solid #0050a0; text-align: center; display: inline-flex; width: 50px; height: 50px; vertical-align: middle; justify-content: center; align-items: center;}

.ao-container li {width: 100%; flex-grow: 0; flex-shrink: 0; flex-basis: 18%; margin: 0rem 1% 2rem 1%; 
list-style-type: none; color: #000; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: 2px solid #0050a0; transition: ease-out .2s; overflow: hidden;}

@media (max-width: 800px) {
	.ao-container li { flex-basis: 48%; margin: 0 auto; margin-bottom: 2rem;}
	.ao-container li:last-of-type {flex-basis: 98%; border-top: 0px;}
	.adv-menu-icon.adv-menu-arrow {display: none;}
	.adv-icon-mob.adv-menu-arrow {width: 100px; display: initial; vertical-align: middle;}
	
	.ao-container li:last-of-type .ao-container h2 {display: initial; vertical-align: middle;}

/*____________ipad icons*/	

	.adv-menu-title.adv-fom {border-top: 0px; text-align: center;}	
	.adv-menu-title.adv-fom h2 {display: initial; vertical-align: middle;}
	.module-m .adv-fom .adv-icon-mob {filter: brightness(0) invert(1);}
	
	.adv-icon-mob.adv-menu-arrow {transform: rotate(270deg);}
	.ao-container li:last-of-type {border: 2px solid #0050a0;}
	.adv-menu-title.adv-fom:hover img {filter: brightness(0) invert(1);}

/*____________accordian list*/	
.accordionNAV strong {width: 90%; display: inline-block; line-height: 1.2;}	

}

@media (max-width: 500px) {	

	.ao-container li {flex-basis: 98%;}		
	
	div.adv-menu-icon {display: none;}
	div.adv-menu-title {border-top: 0px; text-align: center;}

/*____________mobile icons*/

	.adv-icon-mob {width: 100px; display: initial; vertical-align: middle;}
	.ao-container h2 {display: initial; vertical-align: middle;}
	
	
	.adv-menu-title:hover img {filter: brightness(0) invert(1);}
	.module-m .adv-icon-mob {filter: brightness(0) invert(1);}
	
}

.ao-flex.ao-container li:hover h2 {color: #fff; background-color: #009fe3;}
.ao-flex.ao-container li:hover {background-color: #009fe3; background: transparent;
height: 100%;}
.ao-container p {padding: 10px;}
.ao-container li a:active, .ao-container li a:hover {text-decoration: none;}


.grid .sectionhead h2 {text-transform: none; border-bottom: 0px solid #dcdcdc; }
.list-data-base {border: 2px solid #0050a0;}


/*____________Engagement focus list table*/

.engagement-focus td{width:25%;}
.datatable.engagement-focus {table-layout: fixed;width: 100%;  border: 2px solid #0050a0;}
table.datatable.engagement-focus tbody tr td {border: 2px solid #0050a0;}
.td-green {background: #d0fcd0;}
.td-yellow {background: #ffefb1;}
.td-yellow, .td-green{padding: 10px; border-radius: 10px; margin: 10px 0px; margin-left: 0px;margin-left: -3px;}

/*____________2 col box left right*/
@media (min-width: 1024px) {

.grid .adv-col-right .spinLayout .sleeve, .grid .adv-col-left .spinLayout .sleeve { padding-bottom: 0px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

#top .grid .oneColumn .adv-col-right .spinBlock .spinLayout.half.onecol .picture{float: right; margin-right: 0px; margin-left: 14px;}

#top .grid .oneColumn .adv-col-right .spinBlock .spinLayout.half.onecol .picture, #top .grid .oneColumn .adv-col-left .spinBlock .spinLayout.half.onecol .picture{width: 47.8211742%;}


#top .grid .oneColumn .adv-col-left .spinLayout.half.onecol .sleeve h2, #top .grid .oneColumn .adv-col-right .spinLayout.half.onecol .sleeve h2{font-size: 1.266rem; line-height: 1.602rem;}

.grid .adv-col-left .spinLayout .subSleeve, .grid .adv-col-right .spinLayout .subSleeve {padding: 30px 30px 0px 30px;}

.grid .sectionhead h2 {font-size: 1.424rem; line-height: 1.802rem;}

.grid .column .adv-col-left, .grid .column .adv-col-right {margin-bottom: 50px;}

#Investor_statement_container {margin-bottom: 65px;}

}

/*____________orange button*/
.button.orange-btn-center {background-color: #ee6f40; font-weight: bold; color: #000;}
.button.orange-btn-center:hover {background-color: #000;font-weight: bold;color: #fff;}
.orange-btn-center .advance-arrow:hover {-webkit-filter: none;}

.orange-btn-center .advance-arrow {-webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%);}

/*____________highlight text*/

.bl-highlight, .grid .spinLayout h2.bl-highlight {color: #0050a0;}

/*____________table-row*/
.nature-column {display: table-row; background: #f6f6f6;}

/*____________Titles*/

#three-expectations, #measuring-progress {margin-top: 42px;}

.spinNavigation.gridLayout li.res-hover:hover {transition: ease-in .3s; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
ul li.res-hover a {display: flex; flex-flow: column; height: 100%;}

.grid .gridLayout ul li.res-hover h2 {color: #008cc8;}
.grid .gridLayout ul li.res-hover h2:hover {color: #000;}
.res-hover .image:hover h2 {color: #000;}
/*____________Disclaimer box*/
.disclaimer-container {border: 2px solid #0050a0; background: #fff; padding: 20px;}

/*____________Secondary link buttons*/
.adv-btn {border: 3px solid #fff; position: relative; font-size: 16px;}
.adv-btn a {color: #fff; display: block; padding: 15px 20px; word-spacing: 1px; letter-spacing: 1px; font-family: alrightsans-regular,sans-serif; font-weight: bold;}
.adv-btn a:after{content: '\203A'; margin-left: 5px; position: absolute; top: 24%; right: 0; padding-right: 20px; font-size: 24px;}
button.adv-btn:focus, .button.adv-btn:hover{background-color: #0050a0;}
.adv-btn a:active, .adv-btn a:hover {text-decoration: none;}

p small { line-height: 1.2;}

/*____________table*/

.nature-column {display: table-row; background: #f6f6f6;}
.nature-wrapper { margin: 0 auto; width: 100%;}
.nature-container { margin: 0 0 40px; width: 100%; display: table; border: 3px solid #0050a0;}
.nature-column .entry, .nature-column .entry ol li, .nature-column .entry ul li { font-size: 14px; line-height: 1.2;}
.nature-column { display: table-row; background: #f6f6f6;}
.nature-column:nth-of-type(odd) { background: #e9e9e9;}
.nature-column.heading { font-weight: 700; color: #fff; background: #0050a0;}
.entry { padding: 6px 12px; display: table-cell;}
@media screen and (max-width: 765px) {
.nature-container { display: block; border: 0 solid #176b63;}
.nature-column { padding: 31px 7px; display: block; margin: 10px 0;}
.nature-column.heading { padding: 0; height: 6px;}
.nature-column.heading .entry {display: none;}
.nature-column .entry {margin-bottom: 10px;}
.nature-column .entry:before {margin-bottom: 6px; content: attr(data-title); min-width: 98px; font-size: 14px; line-height: 10px; font-weight: 700; text-transform: inherit; color: var(--accent-blue-dark-1); display: block;}
.entry {padding: 2px 16px; display: block;}
}

/*End ADVANCE STEWARDSHIP*/

</style>