/* ---------------------------------------- MISC ---------------------------------------- */
a.text-white:hover {
	color: #00bdf2 !important;
}
#map {
	position: relative;
}
#map-container {
	width: 100%;
	height: 0;
	padding: 0;
	padding-bottom: 70%;
	position: relative;
}
#map-container svg {
	width: 100%;
	height: auto;
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: auto !important;
}
#view-map {
	display: none;
}
.rate-responsive {
	min-height: .01%;
	overflow-x: auto; 
}
@media (max-width: 767px) {
	.LimelightEmbeddedPlayerFlash {
		height: auto;
	}
	.limelight-player-footprint {
		width: 100% !important;
		height: 240 !important;
	}
	.list-align-left,
	.list-align-left ul,
	.list-align-left ol {
		padding-left: 18px;
	}
	.pt-xs-0 {
		padding-top: 0 !important;
	}
	.rate-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.rate-responsive img {
		max-width: 960px;
		height: auto;
}
}
@media (min-width: 768px) {
	.full-width-sm {
		width: 100%;
	}
}
/* ---------------------------------------- STRIPED ---------------------------------------- */
.striped > * {
	border-top: 1px solid #ddd;
}
.striped > *:last-child {
	border-bottom: 1px solid #ddd;
}
/* ---------------------------------------- TRANSACTION HIGHLIGHTS ---------------------------------------- */
#playlist-box-wrapper .row-eq-height > *,
#filter-results .row-eq-height > * {
	display: block;
}
#adv-setting {
	display: none;
}
#adv-option {
	margin-top: -15px;
	margin-left: 15px;
}
#adv-option input {
	display:none
}
#adv-button {
	background-image: url("/icg/sa/citicommunitycapital/assets/img/background/switch-toggle.jpg");
	background-repeat: no-repeat;
	height: 32px;
	cursor: pointer;
}
.filter-set {
	position: relative;
}
.filter-set .btn {
	padding: 10px 15px;
}
.filter-set ul {
	margin-top: -15px;
	left: 15px;
}
.selected {
	background-color: #00bdf2;
	border-color: #00bdf2;
}
.deal-hidden {
	display: none;
}
/* ---------------------------------------- BACKGROUNDS ---------------------------------------- */
#feature-main {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-main.jpg'); 	
}
#feature-01 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-05.jpg'); 	
}
#feature-02 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-02.jpg'); 	
}
#feature-03 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-03.jpg'); 	
}
#feature-04 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-04.jpg'); 	
}
#feature-05 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-05.jpg'); 	
}
#feature-06 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-06.jpg'); 	
}
#feature-15 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/home-banner-img-15.jpg'); 	
}
#feature-16 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/stock5.jpg'); 	
}
#feature-17 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/edward.jpg'); 	
}
#feature-18 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/videos/1_wc7waz1g.jpg'); 	
}
#feature-19 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/stock6.jpg'); 	
}
#feature-20 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/stock7.jpg'); 	
}
#feature-21 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/stock8.jpg'); 	
}
/* ---------------------------------------- PAGE-SPECIFIC ---------------------------------------- */
body#home .jumbotron {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/jumbotron.jpg');
	background-position: center center;
}
@media only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
	body#home .jumbotron { 
		background-image: url("/icg/sa/citicommunitycapital/assets/img/content/jumbotron-2x.jpg");
		background-position: center center;
	}
#feature-main {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-main-2x.jpg'); 	
}
#feature-01 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-05-2x.jpg'); 	
}
#feature-02 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-02-2x.jpg'); 	
}
#feature-03 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-03-2x.jpg'); 	
}
#feature-04 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-04-2x.jpg'); 	
}
#feature-05 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-05-2x.jpg'); 	
}
#feature-06 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/content/fpo-06-2x.jpg'); 	
}
#feature-16 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/stock5-2x.jpg'); 	
}
#feature-17 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/built-technologies-secures-investment-from-citi-2x.jpg'); 	
}
#feature-19 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/stock6-2x.jpg'); 	
}
#feature-20 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/stock7-2x.jpg'); 	
}
#feature-21 {
	background-image: url('/icg/sa/citicommunitycapital/assets/img/background/stock8-2x.jpg'); 	
}
}


/*#info-d svg {width:100%}*/
/* Set fixed sizes for SVG - IE 10+ hack */

/* xs */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and  (min-width: 576px) {
  #info-d svg {width:400px; height:160px }
  #info-m svg {width:400px; height:680px  }
}

/* sm */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and  (min-width: 768px) {
  #info-d svg {width:767px; height: 307px }
  #info-m svg {width:767px; height: 1304px  }
}

/* md */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 992px) {
  #info-d svg {width:991px;  height:396px}
  #info-m svg {width:991px;  height:1685px  }
}

/* lg */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and  (min-width: 1200px) {
  #info-d svg {width:1140px; height:456px; }
  #info-m svg {width:1140px; height:1938px; }

}





/* NOTE - the below CSS code is currently disabled - keep for now while testing the responsive SVG method is complete.

/* ---------------------------------------- PRIMARY INFOGRAPHIC ---------------------------------------- */
.background-aqua-alpha {
	background-color: rgba(0,176,185,.5) !important;
}
.background-tangerine-alpha {
	background-color: rgba(237,139,0,.7) !important;
}
.background-lavender-alpha {
	background-color: rgba(160,94,181,.7) !important;
}
.p-10 {
	padding: 10px;
}
.mt--15 {
	margin-top: -15px !important;
}
.mt--30 {
	margin-top: -30px !important;
}
.mt--60 {
	margin-top: -60px !important;
}
.mt--76 {
	margin-top: -76px !important;
}
.mt--82 {
	margin-top: -82px !important;
}
.mt-120 {
	margin-top: 120px !important;
}
.mt--120 {
	margin-top: -120px !important;
}
.ml-120 {
	margin-left: 120px !important;
}
.ml-150 {
	margin-left: 150px !important;
}
.ml--15 {
	margin-left: -15px !important;
}
.ml--30 {
	margin-left: -30px !important;
}
.ml--60 {
	margin-left: -60px !important;
}
.line-height-1 {
	line-height: 1 !important;
}
.text-1-5rem {
	font-size: 1.5rem !important;
}
.text-1-625rem {
	font-size: 1.625rem !important;
}
.text-2-3125rem {
	font-size: 2.3125rem !important;
}
.text-2-625rem {
	font-size: 2.625rem !important;
}
.text-3-625rem {
	font-size: 3.625rem !important;
}
.text-3rem {
	font-size: 3rem !important;
}
.text-4rem {
	font-size: 4rem !important;
}
.text-5rem {
	font-size: 5rem !important;
}
.bubble-80 {
	width: 80px;
	height: 80px;
}
.bubble-100 {
	width: 100px;
	height: 100px;
}     
.bubble-120 {
	width: 120px;
	height: 120px;
}
.bubble-150 {
	width: 150px;
	height: 150px;
}
@media (max-width: 1199px) {
	.bubble-set-1-2 {
		margin: -15px 0 0 -15px !important;
	}
	.bubble-set-1-3 {
		margin: -30px 0 0 40px !important;
	}
	.bubble-set-1-4 {
		margin: -13px 0 0 120px !important;
	}
	.bubble-set-1-5 {
		margin: -140px 0 0 15px !important;
	}
	.bubble-set-2-1 {
		margin: 0 !important;
	}
	.bubble-set-2-2 {
		margin: -15px 0 0 30px !important;
	}
	.bubble-set-2-3 {
		margin: -20px 0 0 0 !important;
	}
	.bubble-set-2-4 {
		margin: -50px 0 0 70px !important;
	}
	.bubble-set-2-5 {
		margin: -95px 0 0 -22px !important;
	}
	.bubble-set-2-6 {
		margin: -36px 0 0 -23px !important;
	}
	.bubble-set-2-7 {
		margin: -20px 0 0 84px !important;
	}
	.bubble-set-2-8 {
		margin: -26px 0 0 -23px !important;
	}
	.bubble-set-3-1 {
		margin: 15px 0 0 0 !important;
	}
	.bubble-set-3-2 {
		margin: -90px 0 0 140px !important;
	}
}
@media (max-width: 991px) {
	div[class^="bubble-set-1-"],
	div[class^="bubble-set-2-"],
	div[class^="bubble-set-3-"] {
		margin: 15px 15px 0 0 !important;
		float: left;
	}
	div[class^="bubble-set-1-"] p,
	div[class^="bubble-set-2-"] p {
		width: 120px;
		height: 120px;
	}
	div[class^="bubble-set-3-"] p {
		width: 140px;
		height: 140px;
	}
	.infographic-primary-block-1,
	.infographic-primary-block-2,
	.infographic-primary-block-3,
	.infographic-primary-block-4,
	.infographic-primary-block-5 {
		margin-bottom: 30px !important;
	}
	.infographic-primary-block-1 p[class*="clear-both"] {
		margin: 0 0 -4px !important;
		clear: none;
		display: inline-block;
		vertical-align: bottom;
	}
	.infographic-primary-block-2 img {
		float: left;
	}
	.infographic-primary-block-2 > div > p {
		display: inline-block;
		vertical-align: baseline;
	}
	.infographic-primary-block-2 p[class*="clear-both"] {
		margin: 0 0 -1px !important;
		clear: none;
		display: inline-block;
		vertical-align: bottom;
	}
	.infographic-primary-block-3 > div:first-child {
		margin-bottom: 15px;
		float: left !important;
	}
	.infographic-primary-block-3 .bubble-set-2 {
		clear: both;
	}
	.infographic-primary-block-3 p[class*="clear-both"] {
		margin: 0 0 1px !important;
		clear: none;
		display: inline-block;
		vertical-align: bottom;
		text-align: left;
	}
	.infographic-primary-block-3 p[class*="clear-both"] br {
		display: none;
	}
	.infographic-primary-block-4 img {
		margin-right: 15px;
		float: left;
	}
	.infographic-primary-block-4 p[class*="clear-both"],
	.infographic-primary-block-4 p[class*="clear-both"] + p {
		font-size: 2.625rem !important;
		display: inline-block;
		vertical-align: text-bottom !important;
	}
	.infographic-primary-block-4 p[class*="clear-both"] {
		clear: none;
		display: inline-block;
		vertical-align: bottom;
	}
	.infographic-primary-block-5 {
		margin-top: 0 !important;
		text-align: left !important;
	}
	.infographic-primary-block-5 img {
		margin: -8px 15px 0 0;
		float: left;
	}
	.infographic-primary-block-5 p[class*="clear-both"],
	.infographic-primary-block-5 p[class*="clear-both"] + p {
		clear: none;
		display: inline-block;
		vertical-align: text-bottom;
	}
	.infographic-primary-block-5 .bubble-set-3 {
		clear: both;
	}
	.infographic-primary-block-6 {
		margin: 0 !important;
	}
}
@media (max-width: 767px) {
	.infographic-primary-block-2 > div > p {
		vertical-align: baseline;
	}
	.infographic-primary-block-2 p[class*="clear-both"] {
		vertical-align: text-top;
	}
}