@charset "UTF-8";
/* CSS Document */

/*Global*/	

	
	
body {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	margin: 0 auto;
	width: 100%;
	}

.wrapper{
    width: 90%;
    margin:0 auto;
	right:1%;
		}
/*Text styles*/
	
	
p
{	font-family:"Gill Sans", "Gill Sans MT", "Helvetica", "Arial", sans-serif;
	font-size:16px;	
	font-weight: lighter;
  }
  
h1
{
	font-family:"Gill Sans", "Gill Sans MT", "Helvetica", "Arial", sans-serif;
	font-size:30px;	
	color: #F9F4F4;
	font-weight: lighter;
	text-align:center;
		
  }
	
h2{
		font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 26px;
	color: #993399;
	text-align:center; 
	margin-top: 0;
	margin-bottom: 30px;
	}	
	
h3 {
	color:#ffffff;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 25px;
    text-align: left;
	line-height:80%;
	margin-left:20px;
	}
	
h4 {
	color:#ffffff;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 22px;
    text-align: left;
	font-weight:lighter;
	line-height:80%;
	margin-left:20px;
	}
	
h5 {
	color:#ffffff;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-align: left;
	font-weight:lighter;
	margin-left:20px;
	}

		
p {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: left;
}


/*components*/
.scroll {
	display:none;	
}

video#genderchange {
	display: none;
}

.iframe_poverty{
	margin: 0 auto;
	width: 100%;
	height:auto;
	padding-top: 6%;
	clear: both;
}

#index_1 {
	width:100%;
	padding-top:1%;
	height:auto; 
	clear:both;
		
}
	
#index_poverty {
	
	width:100%;
	height:auto; 
	padding-top:1%;
	clear:both;
	
}

#index_poverty2 {
	
	width:100%;
	height:auto; 
	padding-top:1%;
	clear:both;
	
}

#index_equal {
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}

#index_equal2 {

	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}

#index_inequality {

	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}
	
	/*end of Index*/
	
	
	/*Social*/

#social_HIV 	{
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
	
}

#maternal {
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
	
}

#education {

	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}



#iframe_video {
    position: absolute;
    top:0;
    left: 0;
    width: 90%;
    height: 90%;
}

#education2 {
	background:#FCDEDE;
	opacity: 0.7;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:auto;
	padding-top:1%;
	clear:both;
	
}

#education3 {
	background:#FCDEDE;
	opacity: 0.7;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:auto;
	padding-top:1%;
	clear:both;
	
}

#discrimination {
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}

#discrimination2 {
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}

#discrimination3 {

	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}

#CSE {

	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}


#GBV {
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}
			
			
	/*end of social*/
	
	/*economical*/
	
#economic1 {
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}
#economic1 {
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}

#economic2 {

	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}

#eco_empowerment {
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}

#education2 {
	background:#FCDEDE;
	opacity: 0.7;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:auto;
	padding-top:1%;
	clear:both;
	
}

		/*end of economic section*/
		
		/*political*/

#political1 {
	;
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}

#political2 {
	
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}


#peace {
	widht:100%;
	height:auto;
	padding-top:1%;
	clear:both;
}


/*recommendations*/

.reco {
	width:100%;
	height:auto;
	padding-top:1%;
	clear:both;
	background-color:#efefef;
	
}

.reco p {
	font-size:18px;
}

/*components*/

.wrapper {
	width:98%;
	align-self:center;
	margin-left:2%;
}

.wrapper2 {
	width:98%;
	align-self:center;
	margin-left:2%;
}
.right {
	clear:both;
	width:90%;
	
	}
	 
.right40 {
	clear:both;
	width:90%;
	
	} 

.right60 {
	clear:both;
	width:90%;
	
	} 


.left {
	clear:both;
	width:90%;
     }
	 
	 
.left40 {
	clear:both;
	width:90%;
     }
	 
.left60 {
	clear:both;
	width:90%;
     }

.top_header {
	margin-top:0px;
	position:fixed;
	z-index: 9999;
	width:100%;
	background-color:#959595;
	overflow:hidden;
	align-self:left;
	display: inline-block;
	clear:both;
}

.sm-menu {
	float:right;
    top:1px;
    position: relative;
	right:6%;
}

.carousel{
    display:none;
}

.container_h1 {
    margin: 0 auto;
	margin-top: 5%;
	opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	background-color: #80379B;
	width: 100%;
	clear:both;
	left:1%;
	padding:0.1%;
	}
	

.container_h2 {
    margin: 0 auto;
	margin-top: 5%;
	padding:1%;
	background-color: #ffffff;
	width: 100%;
	clear:both;
	opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	}


.button_down {
   display:none;
	
	}
	

.text-box {
	width: 90%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	padding:1%;
	margin-top:2%;
}

.text-box2 {
	background-color:#ffffff;
	padding:1%;
	width: 90%;
	height:auto;
	margin:1%;
	padding:1%;
	clear:both;
	margin-top:2%;
}

.text-box_gbv {
background-color:#ffffff;
	padding:1%;
	width: 90%;
	height:auto;
	margin:1%;
	padding:1%;
	clear:both;
	margin-top:2%;
}
	
.text-box3 {
	background-color:#ffffff;
	padding:1%;
	width: 90%;
	height:auto;
	margin:1%;
	padding:1%;
	clear:both;
	margin-top:5%;
}

.text-box3_i {
	width: 65%;
	height:auto;
	margin:1%;
	padding-left:1%;
	float: right;
	margin-top:1%;
}

.text-box_equal {
	background-color:#ffffff;
	padding:1%;
	width: 90%;
	height:auto;
	margin:1%;
	padding:1%;
	clear:both;
	margin-top:5%;
}

.text-box_peace {
	background-color:#ffffff;
	padding:1%;
	width: 90%;
	height:auto;
	margin:1%;
	padding:1%;
	clear:both;
	margin-top:5%;
	
}

.text-box_girls {
	background-color:#ffffff;
	padding:1%;
	width: 90%;
	height:auto;
	margin:1%;
	padding:1%;
	clear:both;
	margin-top:5%;
}

.text-box_reco {
	background-color:#ffffff;
	padding:1%;
	width: 90%;
	height:auto;
	margin:1%;
	padding:1%;
	clear:both;
	margin-top:5%;
}


.image_mobile {
	display: block;
	width:100%;
}


.container_logo {
	margin-top: 0px;
	top: 0px;
	position: fixed;
	align:right;
	margin-left:30%;
	z-index: 9999;
	}




/* Additional non-critical styles */

h1, h3, p {
  max-width: 600px;
  margin: 0 auto 1em;
}

code {
    padding: 2px;
    background: #ddd;
}


