.span_1_of_1 {width: 100%;}
div.content-img-container.small, div.corbat-small, .bioContainer,img.corbat-touch, div.content-img a.simple-ajax-popup.touch, .hideheader, .citi-logo, p.charts-mobile, .keycapital-copy-container {display: none;}
div.span_1_of_1 p a  {color: #00BDF2;}
div.span_1_of_1 p a:hover, a.simple-ajax-popup:hover {color: #ff0000;}
a.simple-ajax-popup {font-weight: normal; color: #fff; text-decoration: underline;}
div.span_1_of_1 p {padding-left: 19.5%; padding-right: 19.5%; font-size: 1.3em; line-height: 1.5;}
sup {font-family: Arial, Helvetica, sans-serif;}
ul.content-list {font-size: 1.3em;padding-left: 21%;padding-right: 21%;	line-height: 1.5;}
ul.content-list li {padding-bottom: 15px;padding-left: 20px;padding-right: 20px;}
ul.content-list li a, ul.content-list li a:link {text-decoration: none; color: #00BDF2;}
ul.content-list li a:hover {text-decoration: none; color: #ff0000;}
ul.content-list.lrg li {width: 80%;}
ul.content-list li:last-child {padding-bottom: 0px;}
div.content-img-container {margin-bottom: 1.85em;}
div.content-img {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/pathways.jpg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;height: 530px;position: relative;}
div.content-img a.video2 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-lrg.png);background-repeat: no-repeat;background-position: center center;height: 423px;display: block;} /*In use */
.dbl-content-img a.video3 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-lrg.png);background-repeat: no-repeat;background-position: center center;height: 329px;display: block;}
div.content-img a.video3 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-lrg.png);background-repeat: no-repeat;background-position: center center;height: 329px;display: block;}
div.content-img a.video4 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-lrg.png);background-repeat: no-repeat;background-position: center center;height: 322px; display: block;}
div.content-img a.video5 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-lrg.png);background-repeat: no-repeat;background-position: center center;height: 442px;display: block;} /* In Use */
.dbl-content-img a.video6, div.content-img a.video6 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-lrg.png);background-repeat: no-repeat;background-position: center center;height: 328px;display: block;}
.dbl-content-img a.video-volunteer {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-lrg.png);background-repeat: no-repeat;background-position: center center;height: 317px;display: block;}
div.content-img.tablet {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/full-tablet.jpg);}
div.content-img.icghighlights {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/full-icghighlights.jpg);}
div.content-img.affordable {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/full-affordable.jpg);}
div.content-img.accounts {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/fpo-2.jpg);}
div.content-img.progresslrg {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/progress-lrg.jpg);}
div.shareholders {background: #00BDF2;}
div.digital {background: #6B3077;}	
div.highlights {background: #C99700;}
div.highlights-green{background: #84BD00;}
div.digital, div.highlights, div.highlights-green, div.shareholders {color: #fff;padding: 2em 0;font-size: 1.125em;margin-bottom: 2.5em;}
div.digital h3, div.highlights h3, div.highlights-green h3, div.shareholders h3 {color: #fff;padding: 0 0 15px 0;padding-left: 19.5%;padding-right: 19.5%;}
div.shareholders h4 {color: #fff;padding-bottom: 15px;font-size: 1.4em;padding-left: 19.5%;padding-right: 19.5%;	}
div.digital ul, div.highlights ul, div.highlights-green ul {padding:0 21%;margin:0;font-size: 1.15em;line-height: 1.5;}
div.digital ul li, div.highlights ul li, div.highlights-green ul li {padding: 0 20px 15px 20px;}
div.shareholders p {padding: 0;font-size: 1.15em;padding-left: 14em;padding-right: 14em;margin-bottom: 1.65em;}
div.img-caption2-lrg {position: absolute;bottom: 0;/*background: #f3f3f3;background: rgba(255, 255, 255, 0.9);*/width: 100%;color: #111;font-size: 0.9em;}
div.img-caption2-lrg span.cap {display: block;padding: 2em 25%;}
div.img-caption2-lrg span {line-height: 1.4;}
div.img-caption2-lrg span.space4 {padding-top:2.7em; padding-bottom:2.7em;}
div.img-caption2-lrg span.space5 {padding-top:3em; padding-bottom:3em;}
div.img-caption2-lrg span.space6 {padding: 2em 10%;}
div.img-caption2-small {display: none;padding: 24px;margin:0;font-size: 0.85em;line-height: 1.3em;}
div.corbat-large {padding: 0px;float: right;overflow: hidden; margin-left: 21px; margin-top: 0px; width: 52%;}
span.img-caption {display: block;color: #999;font-weight: bold;font-size: 0.9em;padding: 0px 0px 0 0;}	
img.content-pic {margin-bottom: 8px;}
#splash {clear: both; position: relative; min-height: 100%; padding-bottom: 300px;}
div#splash div.citi-logo {/*width: 100%;min-height: 100%;
background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/cover-new-lrg.gif);background-repeat: no-repeat;background-position: left bottom;background-size: 100% auto;*/ }
div#splash div.citi-logo div.annual-year {/*position: absolute; top: 0; left:0;*/ padding: 154px 46px 66px 0; margin: 0; color: #002D72; text-align: left; overflow: hidden; content: ""; clear: both;}
div.annual-year span.c-logo {display: inline-block;  float: right;}
/*div.annual-year span.text-year {font-size: 4em; padding-left: 44px;}*/
div.annual-year span.text {font-size: 1.8em; padding-left: 46px; padding-top:29px; display:inline-block; vertical-align: baseline;}
#splash {background: #fff;}
#progressbg {overflow: hidden; background: #00bdf2; background: -moz-linear-gradient(top, #00bdf2 31%, #00498c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#00bdf2), color-stop(100%,#00498c)); background: -webkit-linear-gradient(top, #00bdf2 31%,#00498c 100%);background: -o-linear-gradient(top, #00bdf2 31%,#00498c 100%); background: -ms-linear-gradient(top, #00bdf2 31%,#00498c 100%); background: linear-gradient(to bottom, #00bdf2 31%,#00498c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdf2', endColorstr='#00498c',GradientType=0 );}
div.progress-container {padding-left: 19.5%; padding-right: 19.5%; margin-bottom: 2.4em; overflow: hidden; clear: both; content:"";}
#progress h3 {color: #fff; padding-top: 1.1em; padding-bottom:0.3em;}
div#progress div.col.span_1_of_1 p {color: #fff;}
div#progress div.col.span_1_of_1 {margin-left:0;}
div.progress-vid-container {margin-bottom: 27px;background: #fff;background: rgba(255, 255, 255, 0.2);padding: 36px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
div.progress-vid-container h5 {color: #fff; font-size: 1.2em; line-height: 1; font-weight: bold; padding: 0; margin-bottom:1.5em; margin-top:0; }
div.fin-container {padding-left: 19.5%;padding-right: 19.5%; padding-bottom:70px; }
table.fin-tbl {color: #666;}
table.fin-tbl tr th, table.fin-tbl tr td {text-align: right;font-weight: normal;padding: 6px;}
table.fin-tbl tr th, table.fin-tbl tr.section td {border-bottom: 1px solid #bebebe;}
table.fin-tbl tr td.header-yaxis {text-align: left;}
table.fin-tbl tr td.current-year, table.fin-tbl tr th.current-year, table.fin-tbl tr td.header-yaxis.bold {font-weight: bold; color: #111;}
p.table-footer {color: #999;padding-top: 10px;}
p.table-key {color: #666;font-style: italic;padding-bottom: 6px;padding-top: 15px;}
div.span_1_of_1 p.introBig {font-size: 1.6em;color: #999;line-height: 1.5em;padding-left: 19.5%;padding-right: 19.5%;font-weight: normal;margin-bottom: 1.3em;}
div.corbat-container p.introBig {padding-left: 0;padding-right: 0%;}
h4.subheader {padding-left: 19.5%;padding-right: 19.5%;margin-bottom: 0.75em;padding-top: 1px;padding-bottom: 8px;font-size: 1.625em;}
div.shareholders p.italQuoteLrg {font-size: 1.4em;color: #fff;font-style: italic;font-weight: normal;padding-right: 19.5%;padding-left: 19.5%;}
div.corbat-container {padding-left: 19.5%;padding-right: 19.5%;}
div.corbat-container p {padding: 0;}
div.dbl-img-container {margin-bottom: 33px;clear: both;content: '';overflow: hidden;}
div.dbl-img-container div.left {float: left;width: 49.5%;}
div.dbl-img-container div.right {float: right;width: 49.5%;}
.dbl-content-img {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/full-bikes.jpg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;height: 424px;position: relative;}
.dbl-content-img div.img-caption2-lrg {position: absolute;bottom: 0;/*background: #f3f3f3;background: rgba(255, 255, 255, 0.9);*/color: #111;font-size: 0.9em;}
div.img-caption2-lrg span {display: block;padding: 2em 10%;background: #00498c; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.dbl-content-img.bike,  .content-img.bike {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-card.jpg);} /*IN USE*/
.dbl-content-img.smartbank, .content-img.smartbank {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-smartbank.jpg);} /*IN USE*/
.dbl-content-img.construction, .content-img.construction {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-construction.jpg);}
.dbl-content-img.phonepic, .content-img.phonepic {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-phonepic.jpg);}/*IN USE*/
.dbl-content-img.bikeshop, .content-img.bikeshop {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-bikeshop.jpg);}/*IN USE*/
.dbl-content-img.banker, .content-img.banker {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-banker.jpg);}/*IN USE*/
.dbl-content-img.rmb, .content-img.rmb {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-rmb.jpg);}/*IN USE*/
.dbl-content-img.ceo, .content-img.ceo {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-ceo.jpg);}/*IN USE*/
.dbl-content-img.treasuryvision, .content-img.treasuryvision {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-treasuryvision.jpg);}/*IN USE*/
.dbl-content-img.education, .content-img.education {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-education.jpg);}/*IN USE*/
.dbl-content-img.capitalflow, .content-img.capitalflow {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-capitalflow.jpg);}/*IN USE*/
.dbl-content-img.scuba, .content-img.scuba {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-scuba.jpg);}/*IN USE*/
.dbl-content-img.conservation, .content-img.conservation {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/dbl-conservation.jpg);}/*IN USE*/

div.content-img.travel {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/full-travel.jpg);}/*IN USE*/
div.content-img.homeownership {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/full-homeownership.jpg);}/*IN USE*/
div.content-img.capital-analytics {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/full-capital-analytics.jpg);}/*IN USE*/

div.centered-pic-container {padding: 0 19.5%; margin-bottom: 2.5em;}
div.centered-pic-container div.content-img {padding: 0; height: 402px;}
div.img-caption-centered {position: absolute;bottom: 0;background: #f3f3f3;background: rgba(255, 255, 255, 0.9);color: #111;font-size: 0.9em;width: 100%;}
div.img-caption-centered span {display: block;padding: 2em 10%;line-height: 1.4;}
div.img-caption-centered span.single {text-align: center;}
#keycapital {width: 731px; height: 862px;}
#citiholdings {width: 731px; height: 410px;}
#citicorp {width: 731px; height: 407px;}
.charts {text-align: center;}
.flip {width: 380px;height: 581px;position:relative;cursor:pointer;margin-bottom: 15px;}
.photoFlip {position:absolute;left:0;top:0;width:100%;height:100%;}
.bio {margin: 25px;overflow-y: scroll;overflow-x: hidden;font-size: .8em;height: 475px;padding: 0 10px 0 0;}
div.page-break {height: 3px;background: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/page-break.gif) repeat-x 0 1px;}
#letterMain, #bankingMain, #institutionalMain, #citizenshipMain, #stockholderMain {padding-bottom: 66px;}
ul.view-bio {margin:0;padding:0;}
ul.view-bio li {padding: 10px; display: inline-block; width: 44.5%; float: left; font-family: Arial, Helvetica, sans-serif;}
ul.view-bio li span {display: block; padding:0; color: #333; font-weight: bold; }
ul.view-bio li.view-btn {text-align: right;}
div.viewphoto-btn {padding: 0 18px 0 18px; text-align: right;}
ul.view-bio li.view-btn div, div.viewphoto-btn div{background: #00BDF2; padding: 7px 10px; color: #fff; font-weight: bold; display: inline-block; font-family: Arial, Helvetica, sans-serif;}
ul.view-bio li.view-btn div:hover, div.viewphoto-btn div:hover {background: #008CE6;}
.bio-small {float: left; margin-right: 15px; margin-bottom: 10px;}
.ten-k {background: #24bff7;}
.ten-k a {padding: 40px 0; text-align: center; display: block;}
h3 sup {font-size: 0.4em; vertical-align:super;  }
div.progress-vid-container img:hover {cursor: pointer;}
div.span_1_of_1 p.introBig.white {color: #fff; line-height: 1.4em;}
.white-popup-block {background: #fff;padding: 15px; position: relative; text-align: left; max-width:600px; margin: 70px auto 28px auto; max-height: 570px;}
div.education-content {max-height: 545px; overflow-y: scroll; margin-top: 25px; display: block;}
div.right.dblVideoBlkBg, div.left.dblVideoBlkBg {background: #000; height: 424px; overflow: hidden;}
div.education-content h3 {padding: 0; font-size:1.8em; padding-right: 5%; line-height: 1.2;}
div.education-content p {padding-right: 5%;}
div.education-content h5 {font-size: 0.9em; color: #666;padding-right: 5%;}
div.education-content a, a.new-window, a.new-window:link {color: #00BDF2; display: inline-block; padding-right: 13px; background: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/newWindow_icon.png) no-repeat right 0;}
div.education-content a:hover, a.new-window:hover {color: #ff0000; background-position: right -22px; }
ul li span.psmall {font-size:0.5em;}
span.italic {font-style: italic;}
#financials h3, #letter h3, #banking h3, #institutional h3, #citizenship h3, #stockholder h3{padding-top: 4em; padding-bottom: 1.5em;}
#progress {padding-top: 87px;}
* {-webkit-tap-highlight-color: rgba(0,140,230,0.2) !important;}
span.spanish {font-family: Arial, Helvetica, sans-serif;}

/** NEW 2015 CSS **/

/** COLORS **/
.cyan {color: #00BDF2;}
.purple {color: #6B3077;}
.goldenrod {color: #C99700;}
.green {color: #84BD00;}

.drk-blue-cap {background: #00498c; color: #fff; font-family: Arial, Helvetica, sans-serif;}
.green-cap {color:#ffffff; background:#84BD00; font-family: Arial, Helvetica, sans-serif;}

/** COLORED BOX HIGHLIGHTS **/
span.cyan-hdr-line {border-top: 1px solid #00BDF2; border-bottom: 1px solid #00BDF2; border-right: 1px solid #00BDF2; display: inline-block; color: #00BDF2; padding: .5em 3em .5em 0; font-size: 1.3em; font-weight: normal;}
span.purple-hdr-line {border-top: 1px solid #6B3077; border-bottom: 1px solid #6B3077; border-right: 1px solid #6B3077; display: inline-block; color: #6B3077; padding: .5em 3em .5em 0; font-size: 1.3em; font-weight: normal;}
span.goldenrod-hdr-line {border-top: 1px solid #C99700; border-bottom: 1px solid #C99700; border-right: 1px solid #C99700; display: inline-block; color: #C99700; padding: .5em 3em .5em 0; font-size: 1.3em; font-weight: normal;}
span.green-hdr-line {border-top: 1px solid #84BD00; border-bottom: 1px solid #84BD00; border-right: 1px solid #84BD00; display: inline-block; color: #84BD00; padding: .5em 3em .5em 0; font-size: 1.3em; font-weight: normal;}

h3 span.cyan-hdr-line-right {border-top: 1px solid #00BDF2; border-bottom: 1px solid #00BDF2; border-left: 1px solid #00BDF2; display: block; font-size: 0.9em!important; padding: .5em 0 .5em 1em; color: #00BDF2; margin-bottom: 1.5em;}
h3 span.cyan-hdr-line-right.keymetrics {margin-bottom:2em;}

/** TITLE SQUARES **/
div h3 span.cyan-square {display: block; width: 20px; height: 20px; margin: 8px 10px 0 0; background: #00BDF2; float: left;}
div h3 span.purple-square {display: block; width: 20px; height: 20px; margin: 8px 10px 0 0; background: #6B3077; float: left;}
div h3 span.goldenrod-square {display: block; width: 20px; height: 20px; margin: 8px 10px 0 0; background: #C99700; float: left;}
div h3 span.green-square {display: block; width: 20px; height: 20px; margin: 8px 10px 0 0; background: #84BD00; float: left;}

/** CAPTIONS **/
.dbl-content-img div.img-caption2-lrg.drk-blue, div.img-caption-centered.drk-blue {background: #00498c; color: #fff; font-family: Arial, Helvetica, sans-serif;}
.dbl-content-img div.img-caption2-lrg.accent-grn span {background: #84BD00; color: #fff; font-family: Arial, Helvetica, sans-serif;}
div.img-caption2-lrg span.cap.goldenrod-cap {color:#ffffff; background:#C99700; font-family: Arial, Helvetica, sans-serif;}
div.img-caption2-lrg span.cap.purple-cap {color:#ffffff; background:#6B3077; font-family: Arial, Helvetica, sans-serif;}
div.img-caption2-lrg span.cap.cyan-cap {color:#ffffff; background:#00BDF2; font-family: Arial, Helvetica, sans-serif;}

div.content-img-container.small span.img-caption2-small {background: #00498c; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block;line-height: 1.3em;font-size: 11px; font-weight: bold;padding:1.4em 8%;}

/** TEST **/
div.new-progress-container {padding-left: 19.5%; padding-right: 19.5%; margin-bottom: 2.4em; overflow: hidden; clear: both; content:"";}
div.progress-content-container {margin-bottom: 27px;background: #fff;background: rgba(255, 255, 255, 0.3);padding: 36px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; clear: both; content:""; }

div.content-img.progresslrg {height: 659px;}
div.img-caption2-lrg span span.photocredit {font-weight: normal; font-size: 11px; margin:0; padding:7px 0 0 0; font-style:italic;}
h3.highlight-hdr-2015 {font-family: 'Interstate_exLight', arial, verdana, helvetica, helve, sans-serif; font-size: 2.8em; }

div.progress-vid-container p.vid-copy {padding: 1em 0 1.1em; margin: 0; font-size: 1.2em;}
div.progress-vid-container a.readblog, div.progress-vid-container a.readblog:link {display: block; color: #fff; font-weight: bold; background: #00BDF2; text-decoration: none; padding: 10px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
div.progress-vid-container a.readblog:hover {background: #008CE6;}
a.white-link, a.white-link:link, a.white-link:visited {color: #fff;}

/***************  MEDIA QUERIES  ^^^^^^2560px^^^^^^ ************************************/
@media only screen and (max-width: 2048px) {

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

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

}
@media only screen and (max-width: 1600px) {
	div.img-caption2-lrg span.space4 {padding-top:2.7em; padding-bottom:2.7em;}
}
@media only screen and (max-width: 1480px) {
	span.cyan-hdr-line {padding-right: 1em;}
}
@media only screen and (max-width: 1400px) {
	.flip {width: 350px;height: 558px;}
	.bio {margin: 20px; height: 465px;}
	ul.view-bio li {font-size: 0.90em; padding:6px; width: 46%;}
	div.viewphoto-btn {font-size: 0.90em;}	
	#citicorp {width: 675px; height: 376px;}
	#citiholdings {width: 675px; height: 379px;}
	#keycapital {width: 675px; height: 796px;}
	div.shareholders p, div.shareholders p.italQuoteLrg, div.corbat-container,div.centered-pic-container {padding-left: 19.5%; padding-right: 19.5%;}
	.dbl-content-img, div.right.dblVideoBlkBg, div.left.dblVideoBlkBg {height: 392px;}
	div.centered-pic-container div.content-img {height: 382px;}
	div.img-caption2-lrg span.space6 {padding: 2em 8%;}
	div.img-caption2-lrg span.space9 {padding-top: 2.7em; padding-bottom: 2.7em;}
	div.img-caption2-lrg span.space4 {padding-top: 2.7em; padding-bottom: 2.7em;}
	div.img-caption2-lrg span.space-scuba {padding-top: 2.7em; padding-bottom: 2.7em;}
	div.content-img a.video4 {height: 286px;}
	.dbl-content-img a.video6, div.content-img a.video6 {height: 297px;}
	#progress {padding-top: 87px;}	
	div.corbat-large {width: 51.5%}
	span.cyan-hdr-line {padding-right: 2em;}
	a.simple-ajax-popup {display: block;}
	h3.highlight-hdr-2015 {font-size: 2.7em;}
	div.content-img.progresslrg {height: 609px;}
	
}
@media only screen and (max-width: 1366px) {
	.flip {width: 343px;height: 550px;}
	.bio {height: 450px;}
	#citicorp {width: 659px; height: 367px;}
	#citiholdings {width: 659px; height: 370px;}
	#keycapital {width: 659px; height: 777px;}
	div.content-img {height: 450px;}
	div.img-caption2-lrg span.cap {padding: 2em 22%;}
	div.content-img a.video2 {height: 342px;}
	.dbl-content-img, div.right.dblVideoBlkBg, div.left.dblVideoBlkBg {height: 381px;}
	div.centered-pic-container div.content-img {height: 373px;}	
	.dbl-content-img a.video3, div.content-img a.video3 {height:286px;}
	.dbl-content-img a.video6, div.content-img a.video6 {height: 285px;}
	div.img-caption2-lrg span.space4 {padding-bottom: 2.7em; padding-top: 2.7em;}
	div.img-caption2-lrg span.space4.private {padding-bottom: 2em;padding-top: 2em;}
	div.content-img a.video5 {height: 360px;}
	div.progress-vid-container {padding: 26px;}
	span.cyan-hdr-line {padding-right: .8em;}
	div.content-img.progresslrg {height: 600px;}
}
@media only screen and (max-width: 1280px) {
	.flip {width: 321px;height: 512px;}
	.bio {height: 415px;}
	#citicorp {width: 657px; height: 366px;}
	#citiholdings {width: 657px; height: 369px;}
	#keycapital {width: 657px; height: 776px;}
	div.span_1_of_1 div.corbat-container p {padding:0;}
	div.span_1_of_1 p, h3, div.fin-container, div.digital h3, div.highlights h3, div.highlights-green h3, div.shareholders h3, div.shareholders h4, div.shareholders p, div.shareholders p.italQuoteLrg, div.span_1_of_1 p.introBig, div.corbat-container,div.centered-pic-container {padding-left: 17.5%; padding-right: 17.5%;}	
	div.centered-pic-container div.content-img {height: 349px;}
	.dbl-content-img, div.right.dblVideoBlkBg, div.left.dblVideoBlkBg {height: 357px;}
	ul.content-list {padding-left: 19.1%; padding-right: 19.1%;}
	div.digital ul, div.highlights ul, div.highlights-green ul {padding:0 19.25%;}
	div.img-caption2-lrg span.cap {padding: 2em 23%;}
	div.img-caption2-lrg span.space3 {padding-top: 2em; padding-bottom: 2em;}
	div.img-caption-centered span {padding: 2em 14%;}
	div.img-caption-centered span.single {padding: 2em 17.27%;}
	div.img-caption2-lrg span.space7, div.img-caption2-lrg span.space8 {padding-top: 2.7em; padding-bottom: 2.7em;}
	div.progress-container, div.new-progress-container {padding-left: 17.7%; padding-right: 17.7%;}
	div.content-img a.video2 {height: 342px;}
	div.content-img.tablet a.video2 {height: 411px;}
	.dbl-content-img a.video3 {height: 261px;}
	div.content-img a.video4 {height:253px;}
	div.img-caption-centered span.single {text-align: left;padding: 2em 12%;}
	div.img-caption2-lrg span.space6 {padding: 2em 12%;}
	div.img-caption2-lrg span.space4 {padding-bottom: 2.7em;padding-top: 2.7em;}
	div.corbat-large {width: 49%}
	.dbl-content-img a.video6, div.content-img a.video6 {height: 245px;}
	span.cyan-hdr-line {padding-right:2em;}
	div.img-caption2-lrg span span.photocredit, a.simple-ajax-popup {display: inline-block;} 
	div.img-caption2-lrg span.space-scuba {padding-bottom: 2em; padding-top: 2em;}
	div.content-img.progresslrg {height: 575px;}
}
@media only screen and (max-width: 1152px) {
	.flip {width: 307px;height: 510px;}
	.bio {height: 410px;}
	#citicorp {width: 591px; height: 329px;}
	#citiholdings {width: 591px; height: 331px;}
	#keycapital {width: 591px; height: 697px;}
	div.content-img a.video2 {height: 342px;}
	.dbl-content-img, div.right.dblVideoBlkBg, div.left.dblVideoBlkBg {height: 321px;}
	div.centered-pic-container div.content-img {height: 334px;}
	div.content-img.tablet a.video2 {height: 330px;}
	div.img-caption2-lrg span.space6 {padding: 2em 10%;}
	div.img-caption-centered span {padding: 2em 10%;}
	div.img-caption2-lrg span.space9 {padding-bottom: 2em;padding-top: 2em;}
	.dbl-content-img a.video3 {height: 225px;}
	div.content-img a.video2, .dbl-content-img a.video3, div.content-img a.video3, div.content-img a.video4, .dbl-content-img a.video6, div.content-img a.video6 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-1024.png);}	
	div.content-img a.video2 {height: 342px;}
	div.content-img a.video4 {height: 238px;}
	div.progress-vid-container h5 {font-size: 1.1em;}
	div.corbat-large {width: 52%}
	.dbl-content-img a.video6, div.content-img a.video6 {height: 209px;}
	span.cyan-hdr-line, span.purple-hdr-line, span.goldenrod-hdr-line, span.green-hdr-line, h3 span.cyan-hdr-line-right {font-size: 1.2em;}
	span.cyan-hdr-line {padding-right:.4em;}
	div.img-caption2-lrg span.space-capital {padding-bottom: 2.7em; padding-top: 2.7em;}
	div.img-caption2-lrg span.space4.private {padding-bottom: 2.7em;padding-top: 2.7em;}
	div.content-img.progresslrg {height: 500px;}
}
@media only screen and (max-width: 1080px) {
	#headcontainer {padding: 15px 0;}
	#maincontent, header{width: 90%; margin: 0 auto;}
	div.img-caption-centered span {padding: 1.5em 15%;}
	div.span_1_of_1 p, div.shareholders p.italQuoteLrg, div.span_1_of_1 p.introBig {font-size: 1.2em; line-height: 1.55;}
	h3 {font-size : 2em; padding-top: 2em; padding-bottom: 0;}	
	div.shareholders h4 {padding-bottom: 8px;margin-top:0;}
	div.shareholders p {font-size: 1.1em;}
	div.shareholders p.italQuoteLrg {font-size: 1.4em; line-height: 1.4;}
	div.img-caption2-lrg span.cap {padding: 1.4em 21%;}
	div.img-caption2-lrg span.space7 {padding-top:2.1em; padding-bottom:2.1em;}
	div.img-caption2-lrg span.space4 {padding-top:2.1em; padding-bottom:2.1em;}
	div.img-caption2-lrg span {padding-left: 10%; padding-right: 10%;}
	div.img-caption2-lrg span, div.img-caption2-lrg span.space3 {padding-top: 1.4em; padding-bottom: 1.4em;}
	div.img-caption2-lrg span.space6 {padding: 1.4em 10%;}
	div.img-caption2-lrg span.space8 {padding-top: 2.1em; padding-bottom: 2.1em;}
	div.img-caption-centered span {padding: 1.4em 12%; line-height: 1.4;}
	div.span_1_of_1 p.introBig {font-size: 1.5em;line-height: 1.5em;margin-bottom: 21px;}
	div.digital ul, div.highlights ul, div.highlights-green ul {padding:0 19.5%;}
	ul.content-list {padding-left: 19.5%; padding-right: 19.5%;}
	ul.content-list.lrg li {width: 90%;}	
	.pushy a, ul.pnav li.header {padding: 10px 25px;font-size: 0.90em;}	
	a.social {width: 30px;height: 30px;background: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/social.png) no-repeat 0px 0px;padding:0;margin:0;}	
	ul.pnav li.socialbtns {padding: 10px 20px 12px;}
	.dbl-content-img, div.right.dblVideoBlkBg, div.left.dblVideoBlkBg {height: 309px;}
	div.dbl-img-container {margin-bottom: 2.1em;}
	div.centered-pic-container {padding: 0 17.5%;}
	div.centered-pic-container div.content-img {height: 329px;}
	div.progress-vid-container h5 {font-size: 1.1em;}
	#citicorp {width: 621px; height: 346px;}
	#citiholdings {width: 621px; height: 348px;}
	#keycapital {width: 621px; height: 732px;}
	.flip {width: 302px;height: 480px; margin-bottom: 10px;}
	.bio {margin: 20px; height: 390px;}
	div.img-caption-centered span.single {padding: 2em 9%;}
	div.content-img a.video2 {height: 358px;}
	div.content-img.tablet a.video2 {height: 346px;}
	.dbl-content-img a.video3 {height: 227px;}
	div.content-img a.video4 {height:247px;}
	div.img-caption2-lrg span.space9 {padding-bottom: 1.4em;padding-top: 1.4em;}
	#progress {padding-top: 70px;}
	div.corbat-large {width: 48.5%}
	.dbl-content-img a.video6, div.content-img a.video6 {height: 211px;}
	span.cyan-hdr-line {padding-right: 1.5em;}
	div#splash div.citi-logo div.annual-year {padding: 134px 46px 46px 0;}
	div.content-img a.video5 {height: 375px;}
	div.img-caption2-lrg span.space5 {padding-bottom: 2.4em; padding-top: 2.4em;}
	div.img-caption2-lrg span.space-capital, div.img-caption2-lrg span.space-scuba {padding-bottom: 1.4em;padding-top: 1.4em;}
	h3.highlight-hdr-2015 {font-size: 2.5em;}
	div.content-img.progresslrg {height: 525px;}
	div.img-caption2-lrg span.space4.private {padding-bottom: 2em;padding-top: 2em;}
	
}
@media only screen and (max-width: 1024px) {
	#citicorp {width: 581px; height: 323px;}
	#citiholdings {width: 581px; height: 326px;}
	#keycapital {width: 581px; height: 685px;}
	div.content-img a.video2 {height: 358px;}
	div.img-caption2-lrg span.space6 {padding: 1.4em 10%;}
	div.img-caption-centered span {padding: 1.4em 10%;}
	div.img-caption2-lrg span.space8 {padding-bottom: 1.4em;padding-top: 1.4em;}
	div.education-content {max-height: 400px; overflow-y: scroll; margin-top:25px;}
	div.education-content p {font-size: 0.9em;}
	div.corbat-large {width: 52%}
	#progress {padding-top: 69px;}
	.dbl-content-img a.video6, div.content-img a.video6 {height: 210px;}
	div.img-caption2-lrg span.space-capital {padding-bottom: 2.1em;padding-top: 2.1em;}
	h3.highlight-hdr-2015 {font-size: 2.3em;}
	div.img-caption2-lrg span.space-scuba {padding-bottom: 1.4em;padding-top: 1.4em;}
	div.content-img.progresslrg {height: 495px;}
}
@media only screen and (max-width: 961px) {
	div.content-img a.video2 {height: 357px;}
	div.content-img a.video5 {height: 374px;}
	div.dbl-content-img, div.right.dblVideoBlkBg, div.left.dblVideoBlkBg {height: 301px;}
	div.centered-pic-container div.content-img {height: 313px;}
	#citicorp {width: 552px; height: 307px;}
	#citiholdings {width: 552px; height: 310px;}
	#keycapital {width: 552px; height: 651px;}	
	.flip {width: 287px;height: 460px;}
	.bio {margin: 15px; height: 375px;}
	.dbl-content-img span {padding: 1.4em 7%;}	
	ul.view-bio li {width: 45%;}
	div.img-caption2-lrg span.cap {padding: 1.4em 20%;}
	div.img-caption-centered span{padding: 1.4em 14%;}
	div.img-caption-centered span.single {padding: 2em 11.05%;}
	.dbl-content-img div.img-caption2-lrg span.space6 {padding-left: 8%; padding-right: 8%;}
	.dbl-content-img div.img-caption2-lrg span.space8 {padding-top:1.4em; padding-bottom: 1.4em;}
	.dbl-content-img div.img-caption2-lrg span.space4 {padding-top:2.1em; padding-bottom: 2.1em;}
	div.content-img a.video2 {height: 278px;}
	div.content-img.tablet a.video2 {height: 297px;}	
	.dbl-content-img a.video3 {height: 219px;}
	div.content-img a.video4 {height:232px;}
	div.content-img a.video2, .dbl-content-img a.video3, div.content-img a.video3, div.content-img a.video4, div.content-img a.video5, .dbl-content-img a.video6, div.content-img a.video6 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-800.png);}
	div.content-img a.simple-ajax-popup.desk {display: none;}
	div.content-img a.simple-ajax-popup.touch {background-color: none; background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/touch-btn-800.png);background-repeat: no-repeat;background-position: right top;height: 231px; display: block;}
	#progress {padding-top: 69px;}
	.dbl-content-img a.video6, div.content-img a.video6 {height: 203px;}
	span.cyan-hdr-line {padding-right:.4em; font-size: 1.2em;}
	div.img-caption2-lrg span.space-miami {padding-top:2.1em; padding-bottom: 2.1em;}
	div.content-img.progresslrg {height: 470px;}
	div.img-caption2-lrg span.space-capital {padding-bottom: 1.4em;padding-top: 1.4em;}
}

@media only screen and (max-width: 800px) {
	#maincontent {margin: 0; width: 100%;}
	header {width: 100%; margin:0;}
	#headcontainer {padding: 10px 0;}
	.header-wrapper {padding: 0 1.8em;}
	.citilogo {width:41px; height: 30px;}
	div.span_1_of_1 p, h3, div.fin-container, div.digital h3, div.highlights h3, div.highlights-green h3, div.shareholders h3, div.shareholders h4, div.shareholders p, div.shareholders p.italQuoteLrg, div.span_1_of_1 p.introBig, div.corbat-container{padding-left: 12%; padding-right: 12%;}	
	.menu-btn, .done-btn {width: 72px; padding: 8px;}
	div.span_1_of_1 p {margin-bottom: 1em; font-size: 1.15em; }
	h3 {font-size : 1.9em; padding-top: 1.8em; padding-bottom: 0;}
	div.digital h3, div.highlights h3, div.highlights-green h3, div.shareholders h3 {font-size: 1.8em; margin-top:0px;}
	div.digital, div.highlights, div.highlights-green, div.shareholders {margin-bottom: 20px;}
	div.shareholders h4 {padding-bottom: 8px;margin-top:0;}
	div.shareholders p {font-size: 1.05em;}
	div.img-caption2-lrg span.cap {padding: 2.4em 18%; font-size: 0.85em;}
	div.span_1_of_1 p.introBig {font-size: 1.3em;margin-bottom: 0.85em;}
	div.span_1_of_1 p.introBig.white {margin-bottom: 1.1em;}
	div.digital ul, div.highlights ul, div.highlights-green ul {padding:0 14%; font-size: 1.05em;}
	ul.content-list {padding-left:14%; padding-right: 14%;font-size: 1.05em;}
	div.shareholders, div.digital, div.highlights, div.highlights-green{padding-bottom: 0.2em;}
	div.shareholders h3 {padding-bottom: 10px;}
	div.content-img {height: 350px;}
	div.dbl-content-img, div.right.dblVideoBlkBg, div.left.dblVideoBlkBg {height: 271px;}
	div.dbl-content-img span {padding: 1.2em 8%}
	div.dbl-img-container {margin-bottom: 21px;}
	div.centered-pic-container {padding: 0 12%; margin-bottom: 1.4em;}
	div.centered-pic-container div.content-img {height: 330px;}
	.dbl-content-img div.img-caption2-lrg span.space3 {padding-top: 1.2em;padding-bottom: 1.2em;}
	.dbl-content-img div.img-caption2-lrg span.space7{padding-top: 1.9em;padding-bottom: 1.9em;}
	.dbl-content-img div.img-caption2-lrg span.space8, .dbl-content-img div.img-caption2-lrg span.space9 {padding-top: 1.2em;padding-bottom: 1.2em;}
	.dbl-content-img div.img-caption2-lrg span.space4 {padding-bottom: 1.9em; padding-top: 1.9em;}
	.dbl-content-img div.img-caption2-lrg span.space4.private {padding-bottom: 2.1em; padding-top: 2.1em;}
	div.img-caption2-lrg span.space5 {padding-bottom: 2.2em;padding-top: 2.2em;}
	div.img-caption2-lrg span.space-capital, div.img-caption2-lrg span.space-scuba {padding-bottom: 1.2em;padding-top: 1.2em;}
	div.img-caption-centered span.single {padding: 2em 10%;}
	.dbl-content-img div.img-caption2-lrg span.space6 {padding-left: 4%; padding-right: 4%;}
	div.img-caption-centered span{padding: 1.2em 10%; line-height: 1.4;}
	#citicorp {width: 584px; height: 325px;}
	#citiholdings {width: 584px; height: 328px;}
	#keycapital {width: 584px; height: 689px;}		
	.flip {height: 460px; margin-bottom: 10px;}
	.bio {height: 380px;}
	.dbl-content-img a.video3 {height: 193px;}
	div.content-img a.video2 {height: 250px;}
	div.content-img.tablet a.video2 {height: 265px;}
	div.progress-container, div.new-progress-container {padding-left: 12%;padding-right: 12%;}
	div.content-img a.video4 {height:253px;}
	div.education-content {max-height: 325px;}
	div.content-img a.simple-ajax-popup.desk {display: inline-block;}
	div.content-img a.simple-ajax-popup.touch {display: none;}
	#financials h3, #letter h3, #banking h3, #institutional h3, #citizenship h3, #stockholder h3 {padding-top: 3em;}
	#progress {padding-top: 55px;}
	div.content-img a.video5 {height: 265px;}
	div.corbat-large {width: 49%; margin-bottom: 15px;}	
	.dbl-content-img a.video6, div.content-img a.video6 {height: 172px;}
	div h3 span.cyan-square, div h3 span.purple-square, div h3 span.goldenrod-square, div h3 span.green-square {display: block; width: 18px; height: 18px;}
	div#splash div.citi-logo div.annual-year {padding: 84px 46px 26px 0;}
	div.annual-year span.text {padding-top: 22px;}
	span.cyan-hdr-line {padding-right: 2.5em;}
	div.img-caption2-lrg span.space-miami {padding-bottom: 1.2em;padding-top: 1.2em;}
	div.content-img.progresslrg {height: 428px;}
	div.progress-vid-container p.vid-copy {font-size: 1em;}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	#maincontent {margin: 0;width: 100%;}
	div.education-content {max-height: 500px; overflow-y: scroll; margin-top:25px;}
	/*div#splash div.citi-logo {width: 100%;min-height: 100%;}*/
}
@media only screen and (max-width: 768px){
	.flip {height: 440px;}
	.bio {height: 390px;}
	#maincontent {margin: 0;width: 100%;}
	.done-btn {font-size: 0.85em; font-size: 100%;}    
	.pushy{font-size: 1.0em;}
	.citilogo {width:41px; height: 30px;}
	.citilogo img {margin-top: 2px;}
	div.dbl-content-img span, div.img-caption2-lrg span, div.img-caption-centered span.single, div.img-caption-centered span {font-size: 11px;}
	div.img-caption-centered span.single, div.img-caption-centered span, div.img-caption2-lrg span.cap {padding-top: 1.4em; padding-bottom: 1.4em;}
	div.dbl-content-img span, div.img-caption2-lrg span {padding-top: 1.4em; padding-bottom: 1.4em;}
	div.digital, div.highlights, div.highlights-green, div.shareholders {padding-bottom: 0.5em;}
	div.centered-pic-container div.content-img {height: 323px;}
	.dbl-content-img div.img-caption2-lrg span.space8 {padding-top: 1.9em;padding-bottom: 1.9em;}
	#citicorp {width: 571px; height: 318px;}
	#citiholdings {width: 571px; height: 320px;}
	#keycapital {width: 571px; height: 673px;}
	div.dbl-content-img, div.right.dblVideoBlkBg, div.left.dblVideoBlkBg  {height: 265px !important;}
	div.content-img a.video2 {height: 272px;}
	div.content-img.tablet a.video2 {height: 288px;}
	.dbl-content-img a.video3 {height: 192px;}
	div.content-img a.video4 {height:246px;}
	.dbl-content-img div.img-caption2-lrg span.space6 {padding-left: 5%;padding-right: 5%;}
	ul.view-bio li span {font-size: 0.98em;}
	div.dbl-content-img span {padding: 1.2em 5%;}
	div.content-img a.video5 {height: 286px;}
	#progress {padding-top: 56px;}
	div.progress-vid-container {margin-bottom: 14px;}
	ul.view-bio li.view-btn, div.viewphoto-btn, img.corbat {display: none;}
	ul.view-bio li {width: 90%;}
	img.corbat-touch {display: block;}
	div.education-content {max-height: 500px;}	
	.dbl-content-img div.img-caption2-lrg span.space7, .dbl-content-img div.img-caption2-lrg span.space4 {padding-bottom: 1.94em;padding-top: 1.94em;}		
	div.corbat-large {width: 49.5%; margin-left: 30px; margin-bottom: 30px;}
	div.content-img a.simple-ajax-popup.desk {display: none;}
	div.content-img a.simple-ajax-popup.touch {height: 246px; display: block;}
	.charts {text-align: left;}
	.dbl-content-img a.video6, div.content-img a.video6 {height: 172px;}
	#splash {padding-bottom: 0px;}
	div#splash div.citi-logo div.annual-year {padding: 164px 46px 46px 0;}
	span.cyan-hdr-line {padding-right: 2.1em;}
	div.img-caption2-lrg span.space-miami {padding-bottom: 1.9em;padding-top: 1.9em;}
	div.img-caption2-lrg span.space-capital {padding-bottom: 1.9em;padding-top: 1.9em;}
	div.img-caption2-lrg span.space-scuba {padding-bottom: 1.2em;padding-top: 1.2em;}
	div.content-img.progresslrg {height: 410px;}
}
@media only screen and (max-width: 720px) {
	.flip {height: 448px;}
	.bio {height: 410px;}
	div.corbat-large {width: 53.8%; margin-bottom: 10px;}
	#citicorp {width: 535px; height: 289px;}
	#citiholdings {width: 535px; height: 300px;}
	#keycapital {width: 535px; height: 631px;}
	div.content-img a.video2 {height: 272px;}
	div.dbl-content-img, div.right.dblVideoBlkBg, div.left.dblVideoBlkBg {height: 249px !important;}
	div.centered-pic-container div.content-img {height: 302px;}
	.dbl-content-img a.video3 {height: 160px;}
	.dbl-content-img div.img-caption2-lrg span.space6 {padding-left: 4%;padding-right: 4%;}
	div.content-img a.video4 {height: 225px;}
	div.content-img a.simple-ajax-popup.touch {height: 225px;}
	.charts {text-align: left;}
	#progress {padding-top: 55px;}
	.dbl-content-img a.video6, div.content-img a.video6 {height: 157px;}
	span.cyan-hdr-line, span.purple-hdr-line, span.goldenrod-hdr-line, span.green-hdr-line, h3 span.cyan-hdr-line-right {font-size: 1.1em;}
	span.cyan-hdr-line {padding-right: 1em;}
	div.img-caption2-lrg span.space-miami, div.img-caption2-lrg span.space-capital {padding-bottom: 1.2em;padding-top: 1.2em;}
	div.content-img.progresslrg {height: 390px;}
}
@media only screen and (max-width: 640px) {
	div.dbl-img-container, div.img-caption2-lrg, div.corbat-large {display: none;}
	div.img-caption2-small, div.content-img-container.small, div.corbat-small {display: block;}
	div.centered-pic-container {padding: 0;}
	div.centered-pic-container div.content-img {height: 329px;}
	div.img-caption-centered span.single, div.img-caption-centered span {padding: 1.4em 12%;}
	.flip {width: 473px; height: 658px;margin-bottom: 18px;}
	.bio {height: 630px; margin: 20px;}
	#citicorp {width: 473px; height: 263px;}
	#citiholdings {width: 473px; height: 265px;}
	#keycapital {width: 473px; height: 588px;}	
	div.content-img, div.content-img a.video2, div.content-img.tablet a.video2, .dbl-content-img a.video3, div.content-img a.video3, .dbl-content-img a.video6, div.content-img a.video6 {height: 270px;}
	div.content-img a.video5 {height: 268px;}
	div.img-caption2-small {padding: 1.4em 12%; font-size: 11px;}
	div.content-img a.video4 {height: 267px;}
	div.progress-vid-container {padding: 16px;}
	div.progress-vid-container h5 {margin-bottom:1em;}
	.ten-k a img {width: 75%; height: auto;}
	div.bio p {font-size: 1.3em;}
	.pushy a {font-size: 0.80em;}
	div.education-content {max-height: 325px;}
	div.education-content p {font-size: 0.9em;}	
	div.education-content h3 {font-size: 1.4em;}
	div.content-img a.simple-ajax-popup.touch {height: 191px;}
	ul.view-bio li span {font-size: 1.1em;}
	ul.view-bio li { padding-left:0;}
	#progress {padding-top: 54px;}
	.charts {text-align: left;}
	div#splash div.citi-logo div.annual-year {padding-top: 104px; padding-bottom:56px;}
	div.annual-year span.text {font-size: 1.6em; padding-top: 18px;}
	div.annual-year span.c-logo img {width:60px; height:35px;}	
	span.cyan-hdr-line {display: block;}
	div.img-caption2-small span span.photocredit {display: block; font-weight:normal; font-style: italic; padding-top: 6px;}	
	div.content-img.progresslrg {height: 350px;}
	span.cyan-hdr-line.dearfellow {font-size: 1.5em;}	
	div.content-img-container.small span.img-caption2-small {padding: 1.4em 12%;}	
}
@media only screen and (max-width : 600px){
	div.digital ul, div.highlights ul, div.highlights-green ul {padding: 0 14.7%;}	
	.flip {width: 445px; height: 618px; margin-bottom: 20px;}
	.bio {margin: 15px; height: 580px;}	
	#citicorp {width: 443px; height: 247px;}
	#citiholdings {width: 443px; height: 248px;}
	#keycapital {width: 443px; height: 522px;}
	div.progress-container, div.new-progress-container {padding-left: 12%;padding-right: 12%;}
	div.centered-pic-container div.content-img {height: 330px;}
	div.content-img a.video4 {height: 253px;}
	div.content-img a.video5 {height: 270px;}
	div.education-content {max-height: 500px;}
	div.content-img a.simple-ajax-popup.touch {height: 253px;}
	.charts {text-align: left;}
	div.content-img.progresslrg {height: 330px;}
}
@media only screen and (max-width: 540px) {
	.flip {width: 396px; height: 555px; margin-bottom: 20px;}
	.bio {margin: 15px; height: 510px; font-size: 12px;}	
	#citicorp {width: 396px; height: 220px;}
	#citiholdings {width: 396px; height: 222px;}
	#keycapital {width: 396px; height: 467px;}
	div.content-img, div.content-img a.video2, div.content-img.tablet a.video2, .dbl-content-img a.video3, div.content-img a.video3, div.content-img a.video5, .dbl-content-img a.video6, div.content-img a.video6 {height: 250px;}
	div.centered-pic-container div.content-img {height: 285px;}
	div.content-img a.video2, .dbl-content-img a.video3, div.content-img a.video3, div.content-img a.video4, div.content-img a.video5, .dbl-content-img a.video6, div.content-img a.video6 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-480.png);}
	div.content-img a.video4 {height: 210px;}
	#progress h3 {padding-bottom: 0.2em;}
	div.img-caption-centered span, div.img-caption-centered span.single {padding-left: 12%; padding-right: 12%;}
	div.education-content h3 {font-size: 1.2em;}
	div.content-img.progresslrg {height: 290px;}
	.charts {text-align: left;}
}
@media only screen and (max-width: 480px) {
	.citilogo img {margin-top: 0px;}
	#maincontent {margin: 0;width: 100%;}
	.span_1_of_1 {width: 100%;}
	div.span_1_of_1 p, h3, div.fin-container, div.digital h3, div.highlights h3, div.highlights-green h3, div.shareholders h3, div.shareholders h4, div.shareholders p, div.shareholders p.italQuoteLrg, div.span_1_of_1 p.introBig,span.img-caption2-small, div.corbat-container, .keycapital-copy-container {padding-left: 8%; padding-right: 8%;}
	.keycapital-copy-container {oveflow: hidden;}
	div.span_1_of_1 p {font-size: 1em; }
	.menu-btn, .done-btn{width: 38px;padding: 5px;}
	.done-btn {font-size: 0.85em;padding: 6px 6px 7px 6px;}
	.menu-btn:before {content: "";}
	.pushy a {padding: 10px 25px;font-size: 0.80em;}
	ul.pnav li.header {padding: 10px 25px;font-size: 0.80em;}
	div.span_1_of_1 div.corbat-container p {padding:0;}
	h3 {padding-top: 20px; padding-bottom: 20px; margin:0; font-size: 1.5em;}
	div.content-img, div.content-img a.video5, .dbl-content-img a.video6, div.content-img a.video6 {height: 206px; padding-top:0;}/*209*/
	div.img-caption2-small, div.content-img-container.small  {display: block;}
	div.content-img-container {padding-left: 0;padding-right: 0;}
	div.digital h3, div.highlights h3, div.highlights-green h3, div.shareholders h3 {font-size: 1.4em;}
	div.shareholders h4 {font-size: 1.2em;}
	div.shareholders p {font-size: 13px;}
	div.shareholders p.italQuoteLrg {font-size: 1.1em;}
	div.span_1_of_1 p.introBig {font-size: 1.2em;margin-bottom: 21px;}
	div.digital ul, div.highlights ul, div.highlights-green ul {padding:0 9%; font-size: 0.92em; margin: 0 15px;}
	div.digital ul li, div.highlights ul li, div.highlights-green ul li {padding: 0 2% 15px 2%;}
	ul.content-list {padding-left:9%; padding-right: 9%;font-size: 1em; margin: 0 15px 15px 15px;}
	ul.content-list li {padding: 0 2% 15px 2%;}
	a.social {padding:0; margin:0;}
	div.dbl-img-container {display: none;}
	div.content-img.smartbank {background-position: 0 -75px;}
	div.centered-pic-container {padding: 0 0; margin-bottom: 1em;}
	div.centered-pic-container div.content-img {height: 330px;}	
	div.img-caption-centered  span {padding-left: 8%; padding-right: 8%;line-height: 1.3;}
	#citicorp {width: 389px; height: 217px;}
	#citiholdings {width: 389px; height: 218px;}
	#keycapital {width: 389px; height: 459px;}
	div.content-img a.video2, div.content-img.tablet a.video2 {height: 206px;}
	div.centered-pic-container div.content-img {height: 315px;}
	div.content-img a.video3 {height: 206px;}
	div.content-img a.video4 {height: 238px;}
	ul.view-bio li {width: 100%;}
	div.img-caption2-small, div.progress-container, div.new-progress-container, div.img-caption-centered span.single, div.img-caption-centered span {padding-left: 8%; padding-right: 8%;}	
	div.progress-vid-container h5 {font-size: 13px; line-height: 1.3;}
	div.education-content {max-height: 195px;}
	.white-popup-block {max-height: 210px; margin: 50px auto 0px;}
	div.education-content h3 {font-size: 1.1em;}
	div.education-content h5 {font-size: 0.7em;}
	div.bio p {font-size: 1.2em;}
	div.content-img a.simple-ajax-popup.touch {height: 238px;}
	#financials h3, #letter h3, #banking h3, #institutional h3, #citizenship h3, #stockholder h3 {padding-top: 4em;}
	#progress {padding-top: 49px;}
	.charts {text-align: left;}	
	div.annual-year span.text {padding-left: 8%;}
	div#splash div.citi-logo div.annual-year {padding-right: 8%;}
	div#splash div.citi-logo div.annual-year {padding-top: 84px; padding-bottom: 36px;}	
	div h3 span.cyan-square, div h3 span.purple-square, div h3 span.goldenrod-square, div h3 span.green-square {display: block; width: 16px; height: 16px; margin-top: 6px;}
	div.content-img-container.small span.img-caption2-small {padding: 1.4em 8%;}
	h3 span.cyan-hdr-line-right {margin-bottom:1em;}
	div.content-img.progresslrg {height: 270px}
}
@media all and (min-width: 321px) and (max-height: 480px) {
	div.centered-pic-container div.content-img {height: 299px;}
}
@media only screen and (max-width: 414px) {
	/** IPHONE 6PLUS **/
	div.corbat-small div.flip {width: 346px; height: 495px; margin-bottom: 25px;}
	.bio {height: 443px;}
	#citicorp {width: 348px; height: 194px;}
	#citiholdings {width: 348px; height: 195px;}
	#keycapital {width: 348px; height: 410px;}	
	h3 span.cyan-hdr-line-right {margin-bottom:0;}
	div.content-img-container.small span.img-caption2-small {padding: 1.4em 8%;}
	div.centered-pic-container div.content-img {height: 300px;}
	div.content-img.progresslrg {height: 230px;}
}
@media only screen and (max-width: 375px) {
	/** IPHONE 6 **/
	div.corbat-small div.flip {width: 315px; height: 455px; margin-bottom: 25px;}
	.bio {height: 420px;}
	div.progress-content-container {margin-bottom: 27px;background: none;padding: 0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; clear: both; content:""; }
	.bxslider li p {padding: 2em 0px 1em; font-size: 1.1em;}
	#citicorp {width: 315px; height: 175px;}
	#citiholdings {width: 315px; height: 176px;}
	#keycapital {width: 315px; height: 371px;}
	div.content-img-container.small span.img-caption2-small {padding: 1.4em 8%;}
	div.centered-pic-container div.content-img {height: 285px;}
	div.content-img.progresslrg {height: 220px;}
}

@media only screen and (max-width: 360px) {
	p.charts {display: none; text-align: left;}
	p.charts-mobile {display: block;}
	p.charts-mobile.key img {margin-bottom:0; padding-bottom:0;}
	p.charts-mobile.key {margin-bottom:0; padding-bottom:0; line-height: 1px;}
	div.keycapital-copy-container {display: block; }
	div.keycapital-copy {/*border-bottom: 2px #00BDF2 solid; border-right:2px #00BDF2 solid; border-left:2px #00BDF2 solid;*/padding-top: 10px;}
	div.keycapital-copy p {padding: 0 10px 0px; line-height: 15px;  font-size: 11px; color: #666; font-family: 'Interstate_Light', Arial, verdana, helvetica, helve, sans-serif;}
	div.keycapital-copy p.k-graph-title {background-color: #00BDF2; color: #fff; font-size: 14px; margin:0; padding-top: 10px; padding-bottom: 10px;}
	div.corbat-small div.flip {width: 289px; height: 440px; margin-bottom: 25px;}
	.bio {height: 390px;}
	#citicorp {height: 438px;width: 288px;}
	#citiholdings {height: 161px;width: 288px;}
	#keycapital {height: 208px;width: 288px;}
	div.content-img.tablet, div.content-img.tablet a.video2{height: 188px;}
	div.content-img, div.content-img a.video2 {height: 189px;}
	div.content-img a.video5 {height: 166px;}
	div.content-img-container.small div.content-img {height: 171px;}
	div.centered-pic-container div.content-img {height: 254px;} 
	div.content-img a.video3, .dbl-content-img a.video6, div.content-img a.video6 {height: 171px;}
	div.content-img a.video4 {height: 162px;}
	div.span_1_of_1 p.introBig.white {font-size: 0.95em;margin-bottom: 14px;}
	div.progress-vid-container {padding: 8px;}
	div.progress-vid-container h5 {font-size: 13px; line-height: 1.3;}
	.header-wrapper {padding: 0 1.1em;}
	.white-popup-block {max-height: 350px;}
	div.education-content p {font-size: 13px;}
	div.education-content img {width: 282px;}
	div.education-content a {background: url("https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/newWindow_icon-phone.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); padding-right: 13px; line-height: 17px;}
	div.education-content a:hover {background-position: right -32px;}
	div.content-img a.simple-ajax-popup.touch {height: 147px;}
	div.annual-year span.text {padding-left: 5%;}
	div#splash div.citi-logo div.annual-year {padding-right: 5%;}
	div.annual-year span.text {font-size: 1.3em; padding-top: 6px;}
	div.annual-year span.c-logo img {width:40px; height:23px;}
	.bxslider li p {padding: 2em 0px 1em; font-size: 1.1em;}
	div.content-img a.simple-ajax-popup.touch { background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/touch-btn-480.png);}
	.keycapital-copy-container {padding-left: 8%; padding-right: 8.5%;}
	span.cyan-hdr-line.dearfellow {font-size: 1.3em;}
	div.content-img.progresslrg {height: 200px;}
}
@media only screen and (max-width: 320px) {
	.span_1_of_1 {width: 100%;}
	div.keycapital-copy p {line-height: 15px;  font-size: 11px;}
	div.span_1_of_1 p, h3, div.fin-container, div.digital h3, div.highlights h3, div.highlights-green h3, div.shareholders h3, div.shareholders h4, div.shareholders p, div.shareholders p.italQuoteLrg, div.span_1_of_1 p.introBig,span.img-caption2-small, div.corbat-container, div.keycapital-copy-container {padding-left: 5%; padding-right: 5%;}
	div.content-img {height: 166px;}
	div.content-img-container.small div.content-img {height: 142px;}
	div.centered-pic-container div.content-img {height: 248px;}
	div.img-caption2-small{padding: 1.4em 5%;}
	table.fin-tbl, p.table-footer {font-size: 0.83em;}
	p.table-footer {padding-top: 0px;}
	div.bio p {font-size: 1.1em;}
	div.content-img.tablet, div.content-img.tablet a.video2{height: 166px;}
	.bio {margin: 15px; height: 321px;}	
	div.img-caption-centered  span {padding-left: 5%; padding-right: 5%;}
	div.content-img a.video2, div.content-img.tablet a.video2 {height: 166px;}
	div.content-img a.video3, .dbl-content-img a.video6, div.content-img a.video6 {height: 142px;}
	div.content-img a.video4 {height: 143px;}
	div.progress-container, div.new-progress-container {padding-left: 5%; padding-right: 5%;}
	div.corbat-small div.flip {width: 288px; height: 405px;}
	.bio {height: 370px;}
	div.centered-pic-container div.content-img {height: 234px;}
	div.img-caption-centered span.single {padding: 1.4em 5%;}
	div.digital ul, div.highlights ul, div.highlights-green ul {padding: 0 0 0 6%;}
	ul.content-list {font-size: 1em;margin: 0 15px 15px; padding-left: 6%;padding-right: 0;}
	div.span_1_of_1 p.introBig {line-height: 1.4;}
	div.progress-vid-container {margin-bottom: 21px;padding: 15px;}
	div.progress-vid-container h5 {font-size: 1em; margin-bottom: 1.4em;}
	div.content-img-container {margin-bottom: 1.1em;}
	div.education-content {max-height: 330px;}
	.white-popup-block {background: #fff;padding: 15px 10px;margin: 50px auto 0px auto;}
	div.education-content img {width: 254px;}
	ul.view-bio li {width: 90%;}
	ul.view-bio li span {font-size: 11px; padding-bottom: 0px; line-height: 15px;}
	div.content-img a.simple-ajax-popup.touch {height: 127px;}
		div.content-img a.video2, .dbl-content-img a.video3, div.content-img a.video3, div.content-img a.video4, div.content-img a.video5,.dbl-content-img a.video6, div.content-img a.video6 {background-image: url(https://uat.citigroup.com/rcs/citigpa/storage/public/Annual_Report/2015/images/play-btn-280.png);}	
	.bxslider li p {padding: 2em 0px 1em; font-size: 1em;}	
	div.content-img-container.small span.img-caption2-small {padding: 1.4em 5%;}
	div.content-img.progresslrg {height: 180px;}
}
@media only screen and (max-width: 300px) {
	div.span_1_of_1 p, h3, div.fin-container, div.digital h3, div.highlights h3, div.highlights-green h3, div.shareholders h3, div.shareholders h4, div.shareholders p, div.shareholders p.italQuoteLrg, div.span_1_of_1 p.introBig,span.img-caption2-small, div.corbat-container, div.progress-container, div.new-progress-container {padding-left: 2%; padding-right: 2%;}
	table.fin-tbl, p.table-footer {font-size: 10px;}
	div.corbat-small div.flip {width: 223px; height: 335px;margin-bottom: 10px;}
	.bio {margin: 10px; height: 300px;}	
	div.span_1_of_1 p.introBig {font-size: 1em;margin-bottom: 14px;}
	h3 {padding-top: 14px; padding-bottom: 14px;}
	div.content-img, div.content-img a.video2, div.content-img.tablet a.video2,div.content-img.tablet, div.content-img.tablet a.video2, div.content-img a.video5   {height: 128px;}
	#citicorp {width: 223px; height: 339px;}
	#citiholdings {width: 223px; height: 125px;}
	#keycapital {width: 223px; height: 161px;}
	div.content-img-container.small div.content-img, div.content-img a.video3, .dbl-content-img a.video6, div.content-img a.video6 {height: 122px;}
	div.centered-pic-container div.content-img {height: 195px;}
	div.content-img a.video4 {height: 88px;}
	div.content-img.jax.videos a.video4{height: 86px;}
	div.progress-vid-container {margin-bottom: 14px;padding: 5px;}
	ul.view-bio li {width: 90%;}
	div.progress-vid-container h5 {font-size: 11px;margin-bottom: 6px;}
	.white-popup-block {max-height: 240px;}
	div.education-content {max-height: 220px;}
	div.education-content img {width: 189px;}
	div.content-img a.simple-ajax-popup.touch {height: 86px;}
	div.keycapital-copy-container {padding-left: 2%; padding-right: 3%;}
	.charts {text-align: left;}		
}