@charset "utf-8";

html, body {
	width: 100%;
	height: 100%;
}
body{
    margin: 0px;
    padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 100%;
}
.blu { color: #0fbfe8; }
.org { color: #b66506; }

body,
div#preloader,
div#introAnimation,
div#introVideo1,
div#introNav,
div#introVideo2,
div#introAnimationImage,
div#introAnimationClosingBg
div#topCenterVideo,
div#topCenterVideo div,
div#screen3GalleryImages div div,
div#bottomCenter div.explainer div.explainerBG,
div#screen3Header {
    background-color: #171717;/*#201f1f;/**/
}

div#introAnimationNEW {
    background-color: #1f1f1f;/*#201f1f;/**/
}

/****************************************************************************\

	intro

\****************************************************************************/

div#preloader,
div#introAnimation,
div#introAnimationNEW,
div#introVideo1,
div#introNav,
div#introVideo2 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	color: #fff;
}



div#skipbutton {
	cursor: pointer;
	border: 1px solid #848484;
	padding: 5px 15px;
	text-shadow: 1px 1px 1px #000;
	color:#848484;
	text-transform: uppercase;
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 995;
	font-size: 0.6em;
	letter-spacing: 0.12em;
	/*opacity: 0.5;*/
	display: none;
}
div#skipbutton:hover{
	border: 1px solid #fff;
	color:#fff;
	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
}


div#preloader{
	z-index: 990;
}
div#introAnimation{
	z-index: 980;
}
div#introAnimationNEW{
	z-index: 980;
}
div#introVideo1{
	z-index: 970;
}
div#introNav{
	z-index: 960;
}
div#introVideo2{
	z-index: 950;
}


div#progressBarContainer {
	width: 30%;
	margin: 0px auto;
	height: 3%;
	border: 2px solid #555;
	margin-top: 8%;
}
div#progressBar {
	height: 100%;
	width: 1%;
	background-color: #555;
}

div#progressBlocks {
	width: 30%;
	margin: 10% auto;
}
div#progressBlocksTitle {
	font-size: 0.7em;
	letter-spacing: 0.5em;
	text-align: center;
	padding-bottom: 2%; 
}
div.progressBlock {
	width: 4%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	background-color: #323232;
	line-height: 0em;
}
div.progressBlock img {
	width: 100%;
	opacity: 0;
}

div#preloaderText{
	clear: both;
	margin-top: 5%;
}
div#preloaderText0 {
	width: 87%;
	margin: 0px auto;
	font-size: 4.3vw;
}
div#preloaderText0 img {
	width: 100%;
}
div#preloaderText1 {
	padding-top: 20px;
	color:#fff;
}
div#preloaderText2{
color:#fff;	
}



div#introAnimationImage {
	background-image: url('images/intro/FacesFullRes_Verticals.jpg');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: auto 100%;
	height: 100%;
	width: 12%;
	left: -12%;
	position: absolute;
	z-index: 982;
}
div#introAnimationClosingBg {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 983;
	display: none;
}
div.introAnimationText {
	position: absolute;
	z-index: 984;
	overflow: hidden;
}
div#introAnimationText1 {
	top: 20%;
	left: 20%;
    font-size:1.3vw;
}
div#introAnimationText2 {
	top: 55%;
	left: 75%;
	text-align: right;
    font-size:1.3vw;
}
div#introAnimationText2 div.introAnimationTextInner {
	margin-right: -100%;
}
div#introAnimationText3 {
	top: 55%;
	left: 57%;
    font-size:1.3vw;
}
div#introAnimationText3 div.introAnimationTextInner {
	margin-left: -100%;
}
div#introVideo1 {
	display: none;
}


div#introAnimationNEW div.introAnimationNEWVideo,
div#introAnimationNEW div.introAnimationNEWPauseScreen {
	position: absolute;
	width: 100%;
	text-align: center;
	display: none;
}

div#introAnimationNEW div.introAnimationNEWPauseScreen img {
	width: 100%;
}

div#introNav {
	display: none;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	background-image: url('images/intro/Screen1_Intro_Title.jpg');
}
div#introNavBG {
	position: absolute;
	width: 100%;
	z-index: 10;
}
div#introNavBG img {
	width: 100%;
}
div#introNav div.introNavRegionID {
	cursor: pointer;
	opacity: 0;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	height: 100%;
	float: left;
	z-index: 20;
}
div#introNav div.introNavRegionID div {
	width: 100%;
	background-color: rgba(23, 23, 23, 0.45);
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
	top: 63%;
	text-align: center;
	font-size: 0.8em;
	opacity: 0;
}
div#introNav div#introNavRegionID1 { /*LatinAmerica_Caribbean/**/
	width: 17.4412%;
}
div#introNav div#introNavRegionID2 { /*Europe_CentralAsia/**/
	width: 16.4024%;
}
div#introNav div#introNavRegionID3 { /*MiddeEast_NorthAfrica/**/
	width: 16.4571%; 
}
div#introNav div#introNavRegionID4 { /*SouthAsia/**/
	width: 16.2384%;
}
div#introNav div#introNavRegionID5 { /*SubSarahanAfrica/**/
	width: 18.4800%;
}
div#introNav div#introNavRegionID6 { /*EastAsia_Pacific/**/
	width: 14.9807%;
}

div#introVideo2 {
	overflow: hidden;
} 
div#introVideo2 div {
	display: none;
	width: 100%;
	margin: 0px auto;
}


/****************************************************************************\

	wrapper + basic layout

\****************************************************************************/

div#wrapper{
	/*
    background-image: url('ScreenShot2014-11-01at11.50.55AM.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
	/**/
    padding: 0px;
	/*
    min-width: 1270px;
    min-height: 790px;
    width: 100%;
    height: 100%;
	/**/
    margin: 0px auto;

	background-image: url('images/screen2/Slider_Compressed/Slider_HeatMap_Nov22.png');/**/
	background-position: -4.7% 0%; /* should be determined from first click from video /**/
	background-size: 420%; /* 0.7 * 6 /**/
	background-repeat: no-repeat;

}
div#topLeft,
div#topCenter,
div#topRight,
div#bottomLeft,
div#bottomCenter,
div#bottomRight {
	overflow: auto;
}


/* Color Guides /**/

div#topLeft {
	background-color: rgba(23, 23, 23, 0.85);
    
}
div#topCenter {
	/*background-color: rgba(23, 23, 23, 0.2);/**/
}
div#topRight {
	background-color: rgba(23, 23, 23, 0.85);
}
div#bottomLeft {
	background-color: rgba(23, 23, 23, 0.85);
}
div#bottomCenter {
	/*background-color: rgba(23, 23, 23, 0.2);/**/
}
div#bottomRight {
	background-color: rgba(23, 23, 23, 0.85);
}

/*
div#topLeft {
	background-color: rgba(255, 0, 0, 0.2);
}
div#topCenter {
	background-color: rgba(0, 255, 0, 0.2);
}
div#topRight {
	background-color: rgba(0, 255, 255, 0.2);
}
div#bottomLeft {
	background-color: rgba(255, 128, 0, 0.2);
}
div#bottomCenter {
	background-color: rgba(128, 255, 0, 0.2);
}
div#bottomRight {
	background-color: rgba(255, 128, 0, 0.2);
}
/**/


/****************************************************************************\

	topLeft

\****************************************************************************/

div#topLeft {
	width: 15%;
	height: 63%;
	float: left;
	color: #fff;
	overflow: hidden;
}

div#topLeftStatic {
	height: 100%;
    
}

div#topLeftAccordion,
div#screen3Story {
	height: 70%;
}

div#topLeftIndicator {
	position: relative;
	z-index: 100;
	height: 100%;
	color: #000000;
	top: -100%;
	display: none;
}

div#screen3Story {
	display: none;
}
div#storyLink {
	cursor: pointer;
	width: 100px;
	/*
	height: 100px;
	background-image: url('images/screen2/gifs/default.gif');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/**/
}
div#storyLink div.storyLinkRegion {
	position: absolute;
}
div#storyLink img {
	position: absolute;
	width: 100px;
	/*
	width: 100%;
	height: 100%;
	/**/
}
div#storyLink img.imgon {
	opacity: 0;
}
/*
div#storyLink:hover img.imgon {
	opacity: 1;
		
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
/**/
div#storyLink img.screen3 {
	display: none;
}
div#storyLink div#storyLinkText {
	color: #CECECE;
	font-size: 0.8em;
	margin-top: 105px;
	text-align: center;
	
}
div#storyLink{height:200px; padding-bottom:15px;}
div#storyLink:hover div#storyLinkText {
	color: #fff;
		
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

div#storyLink img.imgback{
	display: none;
}

/****************************************************************************\

	topCenter

\****************************************************************************/

div#topCenter {
	width: 70%;
	height: 63%;
	float: left;
	overflow: hidden;
	/*background-color: rgba(182, 101, 6, 0.8);/**/
	/*background-image: url('images/screen2/Slices/Face_wHeatMap/EastAsia_Pacific.jpg');/**/
	background-size: cover;
	background-position: top center;
}
div#topCenterVideo {
	background-color: #000;
}
div#topCenterVideo div {
	/*display: none;/**/
	background-color: #000;
	position: absolute;
	z-index: 10;
}
div#topCenterVideo div.videoStillHeatMap div,
div#topCenterVideo div.videoStillFace div {
	background-repeat: no-repeat;
	background-position: center right; /* ??? /**/
	background-size: cover; /* 100% ? /**/
	width: 100%;
	height: 100%;
}

div#screen3GalleryLarge,
div#screen3GalleryLarge div,
div#screen3GalleryLarge div div {
	width: 100%;
	height: 100%;
}
div#screen3GalleryLarge {
	display: none;
}
div#screen3GalleryLarge div div {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: none;
}

div#topCenterRows {
	position: relative;
	z-index: 100;
	/*top: -100%;/**/
	height: 100%;
	background-image: url('images/screen2/indicator_titles_bg.png');
	background-position: top left;
	background-repeat: repeat-y;
}

div.topCenterRow {
	background-color: rgba(182, 101, 6, 0);	/**/
	/*background-color: #f0f; /**/
	clear: both;
	height: 20%;
	cursor: pointer;

    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: background-color;
    transition-duration: 0.25s;
    transition-timing-function: linear;
    transition-delay: 0s;
}
div.topCenterRow:hover {
	background-color: rgba(182, 101, 6, 0.8);	/**/
}
div.topCenterRow div.topCenterRowLeft {
	color: #b66506;
}
div.topCenterRow:hover div.topCenterRowLeft {
	color: #ffffff;
}
div#publicLife {
	height: 20%;
}
div#humanRights {
	height: 20%;
}
div#health {
	height: 20%;
}
div#education {
	height: 20%;
}
div#economicParticipation {
	height: 20%;
}
div.topCenterRowLeft {
	/*background-color: #f00; /**/
	width: 14%;
	float: left;
	margin-left: 4%;
	margin-top: 5%;
	font-size: 1.05em;
}
div.topCenterRowRightText {
	/*background-color: #0f0; /**/
	width: 19%;
	float: right;
	margin-top: 4%;
	font-size: 0.95em;
	display: none;
}
div.topCenterRowRightGraph {
	/* background-color: #0f0; /**/
	width: 9%;
	float: right;
	margin-top: 3%;
	display: none;
}

div.topCenterRowRightGraph img{width:75%; height:75%;}

div#explainerOverlayPixel,
div#explainerOverlayRow,
div#explainerOverlayColumn {
	position: absolute;
	z-index: 200;
	top: 0px;
	background-repeat: no-repeat;
	background-size: 100%;
	
	display: none;
}
div#explainerOverlayPixel {
	background-image: url('images/screen2/Slices/explainerOverlayPixel.png');
}
div#explainerOverlayRow {
	background-image: url('images/screen2/Slices/explainerOverlayRow.png');
}
div#explainerOverlayColumn {
	background-image: url('images/screen2/Slices/explainerOverlayColumn.png');
}

div#explainerVideoBorder {
	position: absolute;
	z-index: 300;
	top: 0px;
	display: none;
}

/****************************************************************************\

	topRight

\****************************************************************************/

div#topRight {
	width: 15%;
	height: 63%;
	float: left;
	clear: right;
	overflow: hidden;
}

div#topRightContent {
	position: relative;
	z-index: 100;

	background-image: url('images/screen2/RightTray_BG.png');
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}
div#topRightBG div {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	z-index: 10;
	opacity: 0;
	top: 17%;
}

div#topRightBG div.regionID1 {
	background-image: url('images/MapHighlights/CentralAmerica.png');
	/*background-color: #f00;/**/
}
div#topRightBG div.regionID2 {
	background-image: url('images/MapHighlights/Europe_CentralAsia.png');
	/*background-color: #ff0;/**/
}
div#topRightBG div.regionID3 {
	background-image: url('images/MapHighlights/MiddleEast_NorthAfrica.png');
	/*background-color: #00f;/**/
}
div#topRightBG div.regionID4 {
	background-image: url('images/MapHighlights/SouthAsia.png');
	/*background-color: #0ff;/**/
}
div#topRightBG div.regionID5 {
	background-image: url('images/MapHighlights/SubAfrica.png');
	/*background-color: #f0f;/**/
}
div#topRightBG div.regionID6 {
	background-image: url('images/MapHighlights/EastAsia-Pacific.png');
	/*background-color: #0f0;/**/
}
div#dataQuality {
}

div#screen3Gallery {
	height: 100%;
}

div#screen3GalleryImages {
	height: 90%;
}

div#screen3GalleryImages div {
	height: 100%;
}

div#screen3GalleryImages div div {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	width: 80%;
	height: 22%;
	background-color: #000;
	/*border: 1px solid #555;*/
	cursor: pointer;
	margin: 7% auto;
}

/****************************************************************************\

	bottomLeft

\****************************************************************************/

div#bottomLeft {
	width: 15%;
	height: 37%;
	clear: left;
	float: left;
	overflow: hidden;
}

/****************************************************************************\

	bottomCenter

\****************************************************************************/

div#bottomCenter {
	width: 70%;
	height: 37%;
	float: left;
	overflow: hidden;
}

div#screen3Header {
	display: none;
	height: 24%;
	margin-bottom: -10.2%;
}
div#screen3Header div {
	text-align: center;
}
/*
div#screen3Header div.regionID1 {
	margin-left: 13%
}
div#screen3Header div.regionID2 {
	margin-left: 12%
}
div#screen3Header div.regionID3 {
	margin-left: 12%
}
div#screen3Header div.regionID4 {
	margin-left: 13%
}
div#screen3Header div.regionID5 {
	margin-left: 11%
}
div#screen3Header div.regionID6 {
	margin-left: 13%
}
/**/

div#regionHeader {
	width:98%;
	text-align: center;
	font-size: 2.2vw;
	padding-rigth:4%;
	margin: 10% auto 0 auto;
}
@media only screen and (max-width: 767px) { div#regionHeader {font-size:4vw; margin-bottom:10px;}}

div#navGroup {
	text-align: center;
	width:80%;
	margin: 0 auto;
	overflow: hidden;
	height: 30%;
}
div.nav {
	cursor: pointer;
	display: block;
	float: left;
	height: 100%;
}
div.nav div {
	height: 100%;
}
div.nav.regionID1 { /*LatinAmerica_Caribbean/**/
	width: 16%;
}
div.nav.regionID2 { /*Europe_CentralAsia/**/
	width: 13%;
}
div.nav.regionID3 { /*MiddeEast_NorthAfrica/**/
	width: 11%; 
}
div.nav.regionID4 { /*SouthAsia/**/
	width: 11%;
}
div.nav.regionID5 { /*SubSarahanAfrica/**/
	width: 17%;
}
div.nav.regionID6 { /*EastAsia_Pacific/**/
	width: 13%;
}
div.nav.atlas {
	width: 19%;
	text-align: right;
}
div.nav.atlas img{
	height:98%;
}



div.nav div.navimg {
	text-align: center;
	position: relative;
	width: 100%;
	z-index: 10;
	opacity: 1;
}
div.nav div.navimg img.imgon{
	display: none;
}
/*
div.nav:hover div.navimg img.imgoff{
	display: none;
}
div.nav:hover div.navimg img.imgon{
	display: inline;
}
/**/
div.nav:hover div.navimg {
	opacity: 0.3;
}
div.nav div.navtext {
	text-align: center;
	position: relative;
	width: 100%;
	top: -80%;
	font-size: 0.8em;
	z-index: 20;
	display: none;
}
div.nav:hover div.navtext {
	display: block;
}

div#bottomCenter div.explainer {
	height: 100%;
}
div#bottomCenter div.explainer div.explainerBG {
	height: 47%;
	position: relative;
	z-index: 10;
	display: none;
}
div#explainerTextGroup {
	margin: -13% auto 0% auto;
	height: 15%;
	width: 80%;
	position: relative;
	z-index: 20;
}
div.explainerText {
	display: none;
	text-align: center;
	position: absolute;
	width: 100%;
}

/*
div#explainerText1 {
	display: block;
}
/**/
div.explainerText span.regionName {
	display: none;
}

div#explainerControls {
	margin-top: 2%;
	position: relative;
	z-index: 20;
	display: none;
}
div.explainerControl {
	float: left;
	cursor: pointer;
}
div#explainerControlBack {
	margin-left: 37%;
}
div#explainerControlSkip {
	margin-left: 47%;/*5%;/**/
	color: #555;
}
div#explainerControlSkip:hover {
	color: #fff;
	
	-webkit-transition: color 1s ease-in-out;
	-moz-transition: color 1s ease-in-out;
	-o-transition: color 1s ease-in-out;
	transition: color 1s ease-in-out;
}
div#explainerControlNext {
	margin-left: 5%;
}

/****************************************************************************\

	bottomRight

\****************************************************************************/

div#bottomRight {
	width: 15%;
	height: 37%;
	float: left;
	overflow: hidden;
}





/****************************************************************************\

    Added Styling - mostly from Tim

\****************************************************************************/

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;    
    
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}


#preloaderText{width:100%;  text-align: center; height:auto; font-size:1vw; letter-spacing: 1px; margin:2% auto; 
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;}


div#topLeftAccordion,
div#screen3Story {
padding:5% 5% 0 7%; text-align: right;}
div#screen3Story{font-size:.85vw; line-height:1.16vw; color:#ececec;}
div#screen3GalleryText{text-align:center; margin:0 auto;}

#topLeftHeader .line1{font-size:1.6wv;}
#topLeftHeader .line2{font-size:2.2vw; color:#09C0EA;}
#topLeftHeader .line3{font-size:1.8vw; color:#09C0EA;}
#topLeftHeader .line3:hover{ color:#D76E00; cursor:pointer; margin-bottom:4%;}

    /*---- RIGHT TOP TRAY ----*/
    #topRightContent{padding:5% 0 0 5%;}
    #dataQualityHeader{font-size:2em; color:#09C0EA; font-weight: 200; }
    #dataQualityGradient{float:left; margin-top:3%;}
    #dataQualityText{float:left; widows: auto; margin-left: 5%; line-height: 3.2em; font-size:.8em;}

    /*---- END: RIGHT TOP TRAY ----*/




#whatAndHowHeader,
#whyHeader { text-align: right; padding:3% 2% 0 0; font-size:1.3em; color:#fff;  border-bottom: 1px solid #A0A0A0;}

#whatAndHowHeader:hover,
#whyHeader:hover, .resourcesLink:hover {color:#D76E00; cursor:pointer; }
#top3IndicatorsHeader, #top3CountriesHeader{font-size:1.2vw; margin-top:4%;}

#top3Indicators, #top3Countries{font-size:.8vw; line-height:1.18vw; border-bottom: 1px solid #A0A0A0; padding-bottom:8%; margin-bottom:3%;}
 #top3IndicatorsList,#top3CountriesList{color:#d4d4d4;}


#screen3Story, #storyLink{text-align:right;}
.resourcesLink,#shareThisProject{font-size:1vw; padding-top:1.5%; text-align: left; color:#09C0EA;}
#shareThisProject{color:#fff; }



#shareThisProject img{margin-left:2%;}

#right-tray-links{width:100%; height:auto; margin-top:145%; margin-bottom:5%; float:left; clear: both;}

#screen3Story, #resourcesLink, #storyLink,#whatAndHowHeader,
a, #whyHeader{
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s, .2s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property:color, text;
-moz-transition-duration:.2s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property:color, text;
-o-transition-duration:.2s;
-o-transition-timing-function: linear, ease-in;}



div#screen3Header{font-size:2vw;}
div#screen3GalleryText{font-size:.9em; margin-top:8%;}


/*----- START: Nav Contents ------*/
a{color:#0fbfe8; text-decoration: none;}
a:hover{color:#D76E00; }
div.regionTitle {color:#0fbfe8; float:left; margin-top:-1%;}


div.regionID1 div.regionTitle {
	margin-left: 9%;
}
div.regionID2 div.regionTitle {
	margin-left: 16%;
}
div.regionID3 div.regionTitle {
	margin-left: 12%;
}
div.regionID4 div.regionTitle {
	margin-left: 26%;
}
div.regionID5 div.regionTitle {
	margin-left: 18%;
}
div.regionID6 div.regionTitle {
	margin-left: 15%;
}

div.regionPercentage{font-size:2.8vw; 	float:left; margin-top:-2%; margin-right:2%; }
.regionOfData,.regionIsMissing{float:left; font-size:1.2vw;   margin-right:5%;  text-align: left;font-weight: 300;}
#data-is-missing{float:left; width:12%; height:auto; margin-top:-2%;}

.group1{z-index: :99;}
/*.nav{width: 10%; float:left; margin-left:1%;} /**/

/*--- END: Nav Contents  ---*/

div.topCenterRow{cursor:help;}


div#topLeftIndicator {
	background-color: rgba(23, 23, 23, 0.92);
    padding:8%;
    color:#fff;
}
.indicatorTitle{ text-align: right; float:right; margin-top:1%; color:#D57200; width:100%; font-size:1.6vw;}


.indicatorSubtitle{text-align: right; font-size:1.1vw; clear:both;}
.indicatorContent{text-align: right; 
    font-size: .8vw;
    line-height: 1.1vw;
    color: #dedede; padding-top:4%;}


.top3CountriesLink a, .top3IndicatorsLink a{color:#09C0EA; font-size:.8vw;}
.top3CountriesLink a:hover, .top3IndicatorsLink a:hover{color:#D57200; font-size:.8vw;}

div#storyLink {float:right; margin-right:8%; clear:both;}
div#screen3Header {padding-top:2.3%;}
.womansname{font-size:1.5vw; line-height: 1.9vw;}
.readmore-story{cursor:pointer;}

/*div#regionHeader, div#regionHeader{background-color:#201f1f;}*/