@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------
	ir
-----------------------------------------------------------*/
h1{
	background-image:url(../img/h-bg.jpg);
}

#large-stock .image{
	width:100%;	
}
#large-stock .image img{
	width:100%;
	height:auto;
}



.c-local p {
	line-height:30px !important;
	margin-bottom:0 !important;
	}
	
	


h6{
	font-size: 18px;
	font-weight: bold;
}

h6 a::before{
	content: "> ";
	color:#f00;
}	  

h6 a:link,
h6 a:visited{
	color:#666666;
	text-decoration:none;
}

h6 a:hover,
h6 a:active{
	color:#f51b2c;
	text-decoration:underline;
}

.text{
	margin-bottom: 0px!important;
}
.res-imgright { 
	float:right;
	width:auto;
	margin:0 0 20px 20px }

.unicef {
	text-align:center;
 }	

.unicef02 {
	text-align:left;
 }	

.unicef03 {
	text-align:left;
	width:600px;
 }
 	
@media only screen and (max-width: 768px) {	
.one-columns ul{
	margin-top: 3em !important; 
}

.one-columns li{
	margin-bottom: 3em !important;
}


.c-local p {
  font-size:14px  !important;
	}
	

h6{
	font-size: 14px;
	font-weight: bold;
}	

 .res-imgright {
  margin:0 0 20px 20px
  }
.imgright2 {
  width: 100%
  }
.unicef img{
	width:100%;
	height:auto;
 }

.unicef02 img{
	width:100%;
	height:auto;
 } 
 
.unicef03 img{
	width:100%;
	height:auto;
 }   
}

.graph{
	width:100%;
}

.year{
	float:left;
	display:inline-block;
	margin-right:10px;
}
.year.is-current{
	text-align: right
}

.bar{
  max-width: 600px;
  width: 100%;
  margin: 0.5em;
  padding: 0.1em;
  animation: bar-animation 1 2s;
  background: #ffbdb3;
  display:flex;
  line-height:1.3;
}

.bar1{
  max-width: 0.05%;
}
.bar2{
  max-width: 0.1%;
}
.bar3{
  max-width: 0.3%;
}
.bar4{
  max-width: 0.5%;
}
.bar5{
  max-width: 0.5%;
}
.bar6{
  max-width: 0.9%;
}
.bar7{
  max-width: 1.2%;
}
.bar8{
  max-width: 1.8%;
}
.bar9{
  max-width: 2.7%;
}
.bar10{
  max-width: 3.4%;
}
.bar11{
  max-width: 5%;
}
.bar12{
  max-width: 7.5%;
}
.bar13{
  max-width: 9.4%;
}
.bar14{
  max-width: 11.8%;
}
.bar15{
  max-width: 13.5%;
}
.bar16{
  max-width: 16.8%;
}
.bar17{
  max-width: 19.5%;
}
.bar18{
  max-width: 22.2%;
}
.bar19{
  max-width: 24.7%;
}
.bar20{
  max-width: 27.2%;
}
.bar21{
  max-width: 31.7%;
}
.bar22{
  max-width: 34.7%;
}
.bar23{
  max-width: 38.2%;
}
.bar24{
  max-width: 42.8%;
}
.bar25{
  max-width: 47.5%;
}
.bar26{
  max-width: 50.8%;
}
.bar27{
  max-width: 52.8%;
}
.bar28{
  max-width: 56.3%;
}
.bar29{
  max-width: 59.5%;
}
.bar30{
  max-width: 62.9%;
}
.bar31{
  max-width: 67%;
}
.bar32{
  max-width: 70%;
}
.bar33{
  max-width: 73.8%;
}
.bar34{
  max-width: 76.5%;
}
.bar35{
  max-width: 79.5%;
}
.bar36{
  max-width: 82.3%;
}


@keyframes bar-animation{
  0%{
    width: 0px;
  }
  100%{
    width: 100%;
  }
}