span.investor-callout {display: block; font-size: 1.4em; padding-bottom: .3em; font-weight: bold; background-color: #005A98; padding: 45px 30px; color: #fff;}
.cover-white-space-btm {background: #fff; height: 100px;}
.report-logo {background: #fff; padding-top: 146px; padding-bottom: 100px; display: flex;  align-items: center;}
.report-logo h3 {color: #002d72; flex: 1 1 0px; padding-left: 50px;}
.report-logo h1 {color: #002d72; flex: 1 1 0px; padding-left: 50px; font-size: 2em;}
.report-logo .c-logo {padding-right: 50px;}
.report-logo .c-logo img {width: 75px;}
.act-interests.fadeIn, .economic-value.fadeIn, .systemically-responsible.fadeIn, .report-logo.fadeIn {opacity:1; transition: all 0.6s ease-in;}
.act-interests, .economic-value, .systemically-responsible, .report-logo {opacity:0;}

#value-proposition h3 {
	color: #fff; 
	padding-top:1.3em; 
	padding-bottom: 1.3em; 
	font-size: 2.2em; 
	font-family: 'Interstate_exLight', arial, sans-serif; 
	font-weight: bold; 
	text-transform: uppercase;
	background: rgb(0,188,242);
	background: -moz-linear-gradient(270deg, rgba(0,188,242,1) 0%, rgba(0,74,137,1) 55%);
	background: -webkit-linear-gradient(270deg, rgba(0,188,242,1) 0%, rgba(0,74,137,1) 55%);
	background: linear-gradient(270deg, rgba(0,188,242,1) 0%, rgba(0,74,137,1) 55%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00bcf2", endColor="#004a89", GradientType=1);	
}
#value-proposition h2 {
	color: #002d72; 
	padding-top:1.3em; 
	padding-bottom: 1.3em; 
	font-size: 2.2em; 
	font-family: 'Interstate_exLight', arial, sans-serif; 
	font-weight: bold; 
	padding: 1.3em 19.7%;
	margin: 0;
}
#dropCap, #dropCapOrange, #dropCapGreen {
	position: relative;
	font-weight: normal;
}
#dropCap:first-of-type::first-letter, #dropCapOrange:first-of-type::first-letter, #dropCapGreen:first-of-type::first-letter {
	float: left;
	font-size: 3em;
	line-height: .9em;
	padding-right: 10px;
}
#dropCapOrange {
	color:#B45322;
}
#dropCapGreen {
	color:#528321;
}
#value-proposition h3 span {display: block; font-weight: normal;}
#value-proposition p.mission-intro-main {font-size: 2.8em; font-weight: bold; margin-bottom: 1em; COLOR:#002d72;}
#value-proposition .mission-intro-what {font-weight: bold;font-size: 1.8em;COLOR:#002d72;}
#value-proposition .mission-intro-blue {color: #333; font-weight: bold;}
.sig {padding-bottom: 3em;}
.blue-text-callout {color: #002d72;}
div.centered-pic-container.cus-exp {margin-bottom: 3em;}
.accolades-callout {padding-left: 19.5%; padding-right: 19.5%;}
.accolades-box {color:#242424; margin-bottom: 1.8em;}
div.span_1_of_1 .accolades-box p {padding-left: 25px; padding-right: 25px;}
div.span_1_of_1 .accolades-box p:nth-of-type(1) {padding-top: 1.4em;}
.accolades-box h4 {color: #242424; font-weight: bold; padding: 30px 30px 0px 30px; display: inline-block; font-size: 3.2em; font-family: 'Interstate_exLight', Arial, sans-serif;}
.accolades-box ul {font-size: 1.3em; line-height: 1.5;}
.accolades-box ul li {padding-bottom: 15px;}

.accolades-box h4.path-main-hdr {border-top-right-radius: 0; display: block; margin-bottom: 0;}
.accolades-box div.path-flex {display: flex; }
.accolades-box div.path-flex div {flex: 1 1 0px;}
.accolades-box div.path-flex div:nth-of-type(1) {flex: .6 .6 0px;}
.accolades-box div.path-flex div:nth-of-type(1) span {display: block; padding-left: 25px; color: #002d72;}
.accolades-box div.path-flex div:nth-of-type(2) {padding: 25px 25px 0;}
.accolades-box div.path-flex div h5 {color: #0f6cae; background: none; font-size: 2em; line-height: 1.2;}
.accolades-box div.path-flex div h5 span {display: block;}
.accolades-box .diversity-m-callout {color: #0f6cae;  font-size: 2em; line-height: 1.2;}
a.investor-day-link {text-decoration: underline; color:#0f6cae!important;}
a.investor-day-link:hover {color: #00BDF2!important;}
.header-yaxis.ind24 {padding-left:24px;}
.fsc-sources {
	margin-top:160px;
}
.play-video-btn {
    background: url('../images/play-btn-280.png') no-repeat 50% 50%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.global-callout-wrapper {
	padding-left: 19.5%;
    padding-right: 19.5%;
	margin-bottom: 2.4em;
}
.global-callout {
	border-top: 5px solid #008ce6;
	border-bottom: 5px solid #008ce6;

}
div.span_1_of_1 .global-callout p {
	padding-left: 0px;
	padding-right: 0px;
	color: #004488;
}

div.span_1_of_1 .global-callout p.intro {
	font-size: 20px;
	line-height: 28px;
	padding-top: 24px;
	font-weight: bold!important;
	font-style: italic;
	color: #006265!important;
}

div.span_1_of_1 .global-callout h3 {
	color: #004488;
	font-size: 18px;
	line-height: 25.2px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 30px 0;
}

div.span_1_of_1 p.ipc-header {
	text-align: center;
	font-size: 52px;
	font-style: italic;
	line-height: 70px;
	padding-top: 30px;
}
.progress-bar-bottom {
	height: 15px;
	background-color:#00BDF2;
	width: 100%;
	position: relative;
	margin-top: 5em;
}
.progress-bar-bottom::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 15px;
	background-color: #002D72;
}

span.ocean-pullquote, span.teal-pullquote, 
span.citi-blue-pullquote {
	background-color: #005A9C;
	padding: 1em;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	line-height:30.8px;
	display:block;
}

span.teal-pullquote {
	background-color: #006265;
}

span.citi-blue-pullquote {
	background-color: #002d72;
}

.pullquote {
	font-size: 22px!important;
    line-height: 30.8px!important;
    color: #004488!important;	
}

.re-citi-logo img {
	max-width: 102px;
}
.re-small-circle {
	max-width: 395px;
}

@media only screen and (max-width: 961px) {
	.report-logo {padding-top: 106px; padding-bottom:74px;}
	.act-verbiage h2, .economic-verbiage h2, .systemically-verbiage h2 {font-size: 2em;}
	.timeline-container, .mvp-images {padding-left: 5%; padding-right: 5%;}
	div.span_1_of_1 .accolades-callout {padding-left: 11%; padding-right: 11%;}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 768px){
	.act-verbiage h2, .economic-verbiage h2, .systemically-verbiage h2 {font-size: 2em;}
	.report-logo {padding-top: 100px; padding-bottom:54px;}
	/* .cover-white-space-btm {height: 100px;} */
	span.investor-callout {font-size: 1.3em;}
	.accolades-box h4 {font-size: 2.1em;}
	div.span_1_of_1 .fsc-sources img { max-width: 40%;}
}
@media only screen and (max-width: 640px) {
	.act-verbiage, .economic-verbiage, .systemically-verbiage {padding: 60px 40px;}
	.act-verbiage h2, .economic-verbiage h2, .systemically-verbiage h2 {font-size: 1.6em;}
	div.span_1_of_1 .fsc-sources p {font-size: 0.8em;}
}
@media only screen and (max-width: 480px) {
	.act-verbiage, .economic-verbiage, .systemically-verbiage {padding: 55px 30px; flex: 1.6 1.6 0px;}
	.act-verbiage h2, .economic-verbiage h2, .systemically-verbiage h2 {font-size: 1.3em;}
	div.span_1_of_1 .accolades-callout, #value-proposition h2 {padding-left:5%; padding-right:5%;}

	.report-logo {padding-top: 76px; padding-bottom: 44px;}
	.report-logo .c-logo {padding-right: 5%!important;}
	.report-logo h1 {padding-left: 5%!important; margin-bottom:0!important;font-size: 1.8em;}
	.report-logo .c-logo img {width: 48px;}
	#value-proposition div.span_1_of_1:nth-child(2) h3 {font-size: 1.2em;}
	div.span_1_of_1 .global-callout p:first-of-type {
		font-size: 16px;
		line-height: 22px;
	}
	.accolades-box ul li {
		font-size: 14px;
	}
	div.span_1_of_1 p.ipc-header {
		font-size: 19px;
		line-height: 25px;
	}	
	.accolades-box h4 {font-size: 19px;}
	.accolades-box ul {padding: 0px 20px 20px;}
	.global-callout-intro div:first-child {
		font-size: 19px; font-weight: bold; line-height: 26px;
	}
	span.ocean-pullquote, span.teal-pullquote, 
	span.citi-blue-pullquote {font-size: 18px; line-height: 25.2px;}
	.global-callout-wrapper {padding-right: 5%!important;padding-left: 5%!important;}
	.pullquote {
	font-size: 18px!important;
		line-height: 25.4px!important;}
.re-citi-logo img {
	max-width: 52px;
}
.re-small-circle {
	max-width: 197px;
}	
}
@media only screen and (max-width: 375px) {
	.report-logo {padding-top: 86px; padding-bottom: 55px;}
	.act-verbiage, .economic-verbiage, .systemically-verbiage {padding: 40px 30px;}
	#value-proposition div.span_1_of_1:nth-child(2) h3 {font-size: 1em;}
	.accolades-box div.path-flex {flex-direction: column;}
	#value-proposition h3 {padding-top: 1em;  padding-bottom: 1em;font-size: 1.1em}
	#value-proposition p.mission-intro-main {font-size:1.5em}
	#value-proposition .mission-intro-what {font-size: 1.2em;}

}
@media only screen and (max-width: 320px) {
	.report-logo {
	    padding-top: 66px;
	    padding-bottom: 25px;
	}
	.act-verbiage, .economic-verbiage, .systemically-verbiage {
    padding: 29px 30px;
	}
}

/*!
 * Lightbox for Bootstrap by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */
 .ekko-lightbox {
    display: -ms-flexbox !important;
    display: block !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0 !important
}
.ekko-lightbox.modal {
	top: 50px!important;
	z-index: 11100!important;
}
.ekko-lightbox-container {
    position: relative
}
.ekko-lightbox .modal-dialog .modal-content {
    max-height: none!important;
	overflow: hidden!important;
}
.ekko-lightbox-container>div.ekko-lightbox-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.ekko-lightbox iframe {
    width: 100%;
    height: 100%
}

.ekko-lightbox-nav-overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

.ekko-lightbox-nav-overlay a {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    transition: opacity .5s;
    color: #fff;
    font-size: 30px;
    z-index: 1
}

.ekko-lightbox-nav-overlay a>* {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ekko-lightbox-nav-overlay a>:focus {
    outline: none
}

.ekko-lightbox-nav-overlay a span {
    padding: 0 30px
}

.ekko-lightbox-nav-overlay a:last-child span {
    text-align: right
}

.ekko-lightbox-nav-overlay a:hover {
    text-decoration: none
}

.ekko-lightbox-nav-overlay a:focus {
    outline: none
}

.ekko-lightbox-nav-overlay a.disabled {
    cursor: default;
    visibility: hidden
}

.ekko-lightbox a:hover {
    opacity: 1;
    text-decoration: none
}

.ekko-lightbox .modal-dialog {
    display: none
}

.ekko-lightbox .modal-footer {
    text-align: left
}

.ekko-lightbox-loader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.ekko-lightbox-loader>div {
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center
}

.ekko-lightbox-loader>div>div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    animation: a 2s infinite ease-in-out
}

.ekko-lightbox-loader>div>div:last-child {
    animation-delay: -1s
}

.modal-dialog .ekko-lightbox-loader>div>div {
    background-color: #fff;
}