.jumbotron {
	background-image: url("/tts/sa/citi-manager-infomedia/assets/img/jumbotron-alt.jpg");
	
	padding-top:150px;
	padding-bottom:100px;	
	margin-bottom: 0px !important;
	background-position:center center !important;

}

@media (max-width: 767px) {
	.jumbotron + * {
		padding-top: 0 !important;
	}
}

@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) {
	.jumbotron { 
	background-image: url("/tts/sa/citi-manager-infomedia/assets/img/jumbotron-alt.jpg");
	} 
}


#jumbo-callout2 {margin-top:30px; }
#jumbo-callout {padding:30px; margin-top:30px; background-color:rgba(0,189,242, 0.85); margin-top:30px; }

/*#jumbo-callout h1 {font-size:2rem !important; font-weight:bold; color:#ffffff; font-style:italic; text-transform:uppercase}*/
#jumbo-callout h1 {color:#ffffff;  }
#jumbo-callout h1.call1 {font-size:5rem  !important}
#jumbo-callout h1.call2 {font-size:2rem !important; text-transform: uppercase; letter-spacing: .3rem  }
#jumbo-callout h1.call3 {font-size:2rem !important; letter-spacing: .2rem }


.backhide h1 {font-size:2rem !important;}


#container .bottom, .top {
    width: 100%;
    height: 180px;
    position: absolute;
    background-color: #cb6015;
    color: white;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.backhide {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#container:hover .bottom {
    -moz-transform: perspective(800px) rotateY(0);
    -webkit-transform: perspective(800px) rotateY(0);
    transform: perspective(800px) rotateY(0);
}
#container:hover .top {
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
}
#container .bottom {
    -moz-transform: perspective(800px) rotateY(180deg);
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
}
#container .top {
    -moz-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    background-image: url("/tts/sa/citi-manager-infomedia/assets/img/thumbs2.jpg");
}
.flip-card {
    background-color: transparent;
    width: 300;
    height: 180px;
    background-image: url("/tts/sa/citi-manager-infomedia/assets/img/thumbs1.jpg");
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    -webkit-transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    -ms-transition: transform 0.6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card-static {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;

}

.number {
    font-size: 5rem !important;
    color: #fff;
	margin-top: 38px;
	
}
.feature-icon {
margin-top: 38px;
}

.feature-center {
margin-top: 15px;
}



.background-fuschia {
    background-color: #C6007E !important;
}
.header-shadow{
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

/* ------------------------------------------ MAP ------------------------------------------ */

.map {
    position: relative;
}
.map-key-box {
    padding: 10px;
    display: inline-block;
    vertical-align: top;
}
.map-point {
    position: absolute;
}
.map-dropdown-list {
    position: relative;
    z-index: 10;
}
@media (max-width: 991px) {
    .map-dropdown-list li {
        font-size: 0.825rem;
    }
}
.map2 {
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.country-link {
	color: #7fdef8 !important;
}
.country-link:hover, .country-link:hover:focus {
	color: #ffffff !important;
	text-decoration: underline !important;
}
.background-match {
	background: rgba(238,238,238,.6);
}

/* ------------------------------------------ MAP ------------------------------------------ */

.map-point .show-details {
    background: rgba(51,51,51,.9);
	width: 400px;
	padding:15px;
}

.panel-heading,
.card-header {    
	color: #ffffff !important;
    background-color: transparent !important;
	border: none;
}
.panel-heading a,
.card-header a {    
	color: #ffffff !important;
    font-weight: bold;
}

.panel,
.card {    
	color: #ffffff !important;
    background-color: transparent !important;
	border: none !important;
}

.panel-heading+.panel-collapse>.panel-body,
.card-header+div {    
	border: none;
}

.panel .panel-heading .panel-title,
.card .card-header h4 {
	padding:0px 60px 0px 0px !important;
}

#apac, #latam, #nam, #emea {cursor: pointer;} 

/* Set fixed sizes for SVG - IE 10+ hack */

/* xs */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and  (min-width: 576px) {
	.map2 {width:100%; height:285px }
}

/* sm */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and  (min-width: 768px) {
	.map2 {width:100%; height:285px }
}

/* md */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 992px) {
	.map2 {width:100%; height:285px }
}

/* lg */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and  (min-width: 1200px) {
	.map2 {width:100%; height:590px }
}

@media (max-width: 1150px) {
	
.map-point {
    position: relative;
	margin-bottom:15px;
}

.map-point .show-details {
	width: 100%;
}
	
}

@media (max-width: 767px) {	
}