@charset "utf-8";
@import url('normalize.min.css');
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.f_right {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.f_left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.hidden, .invisible {
	display:none;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
ul, ol {
	list-style-type: none;
}
a {
	color:#3c3c3c;
	text-decoration:none;
}
iframe{ border:none;}
body { color:#3c3c3c;}
@media print {
* {
	color: #000 !important;
	text-shadow: none !important;
	background: transparent !important;
	box-shadow: none !important;
}
}
/***********************Structure css************************/
#wrapper {
	width:100%;
	min-width:100%;
	min-height:200px;
	position:relative;
	background-color:#FFF;
	overflow: hidden;
}
#wrapperInner {
	position:relative;
	width:100%;
	background: url(../../images/common/bg_top_bot.png) no-repeat 50% 0;
	background-size: 100% 15px;
	padding:15px 0 0;	
}
#mobile_nav_wrap {
	display:none;
}
/******************header******************/
#header_zone {
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	position:relative;
	z-index:600;
}
#topnav_zone{ z-index:550; position:relative;}
#mid_zone.home{ margin-top:50px;}
#mainnav_zone .container {
	position:relative;
	/*padding:0;
	max-width:1170px;*/
}
#logo_oxfam {
	display:inline-block;
	padding:24px 0;
	line-height:0;
	color:#61a534;
}
#logo_oxfam img {
	width:100%;
}
#topnav_wrap {
	float:right;
	width: 60%;
}
#topnav_top {
	background-color:#f0f0f0;
	border-radius: 0 0 5px 5px;
	margin: 0 0 30px;
	padding: 13px 20px 11px;
	float:right;
	font-size:16px;
}
#topnav_top li:first-child {
	margin:0;
}
#topnav_top li {
	float:left;
	margin:0 0 0 30px;
}
#topnav_bot{ float:right; margin-left:50px;}
#topnav_bot > ul{ float:left;}
#topnav_bot > ul > li:first-child{ padding-left:0;}
#topnav_bot > ul > li{
	float:left;
	padding:5px 20px 0 15px;
	position:relative;
}
#topnav_bot > ul > li:last-child{ padding-right:5px;}
#topnav_bot > ul > li > a{ display:inline-block;color:#61a534;}
#topnav_bot > ul > li > a:hover{ color:#0c884a;}
#topnav_bot > ul li a {	
	font-size:16px;
	line-height:19px;
}
#topnav_bot > ul > li > ul{ position:absolute; display:none; background:#fff; left:0; width:100%;}
#topnav_bot > ul > li > ul a{ color:#0c884a;}
#topnav_bot > ul > li > ul a:hover{ color:#075429;}
#topnav_bot > ul > li > ul > li{ padding-bottom:10px;}
#topnav_bot > ul > li > ul > li > ul > li{ padding:8px 0 0;}
#topnav_bot > ul > li > ul > li > ul > li > a{ position:relative; padding:0 20px 0 30px;}
#topnav_bot > ul > li > ul > li > ul > li > a:before{
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	background-color:#0c884a;
	top:50%;
	margin-top:-3px;
	left:15px;
	border-radius:50%;
}
/*#topnav_bot > ul > li.hasSubnav > a{ position:relative;}
#topnav_bot > ul > li.hasSubnav > a:before{
	content:'';
	position:absolute;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #61a534;
	top:50%;
	margin-top:-3px;
	right:-12px;
}
#topnav_bot > ul > li.active > a:before, #topnav_bot > ul > li:hover > a:before{
	border-bottom: 5px solid #0c884a;
	border-top:none;
}
#topnav_bot > ul > li.hasSubnav:hover > a, #topnav_bot > ul > li.hasSubnav.active > a{
	padding:0;
	border-bottom:1px solid #0c884a;
	padding-bottom:3px;
	color:#0c884a;
}*/
#topnav_bot > ul > li:hover > ul, #topnav_bot > ul > li.active > ul{ 
	display:block;
	padding:8px 14px 10px 8px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(197,197,197,.8);
	-moz-box-shadow: 0px 5px 10px 0px rgba(197,197,197,.8);
	box-shadow: 0px 5px 10px 0px rgba(197,197,197,.8);	
}
#topnav_bot > ul > li.hasSubnav.active, #topnav_bot > ul > li.hasSubnav:hover{
	-webkit-box-shadow: 1px 0px 8px 0px rgba(197,197,197,0.3);
	-moz-box-shadow: 1px 0px 8px 0px rgba(197,197,197,0.3);
	box-shadow: 1px 0px 8px 0px rgba(197,197,197,0.3);
}

#searchTrigger{ position:relative;}
#topsearch_form{ position:absolute; background-color:#f0f0f0; top:30px; right:5px; z-index:200; padding:10px; border-radius:3px; border:1px solid #dbdfe0; display:none;}

#lang_wrap {
	position:absolute;
	right:0;
	top:0;
	width:137px;
	height:24px;
	font-size:0;
	background-size:100%;
	background-image: url(../../common/images/lang_bg.png);
	text-align:center;
}
#lang_wrap a {
	width:34px;
	height:34px;
	background-size:100% auto;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:inline-block;
}
#lang_wrap a#switchLangTC {
}
#lang_wrap a#switchLangTC:hover, #lang_wrap a#switchLangTC.selected {
}
#lang_wrap a#switchLangSC {
}
#lang_wrap a#switchLangSC:hover, #lang_wrap a#switchLangSC.selected {
}
#btn_topsearch {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	color: #50af47;
	float: right;
	font-size: 28px!important;
	line-height: 31px;
	margin: -3px 0 0;
	outline: medium none;
	padding: 0;
	text-transform: none;
	display:block;
}
#topsearch_form input{ border:1px solid #b2b2b2; font-size:14px; color:#3c3c3c; padding:5px 10px;}
/******************mainnav*******************/
#mainnav_zone {
	background-color:#61a534;
	position:relative;
	z-index:500;
}
#mainnav {
	position:relative;
}
#mainnav > ul {
	width:100%;
}
#mainnav > ul > li {
	display:inline-block;
	float:left;
	width: calc(100%/5);
}
#mainnav > ul > li.active > a:before{
	content:'';
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-top:13px solid #FFF;
	position:absolute;
	left:50%;
	margin-left:-15px;
	top:0;
}
#mainnav > ul > li > a:hover, #mainnav > ul > li.selected > a{
-webkit-box-shadow: 1px 0px 8px 0px rgba(197,197,197,0.3);
-moz-box-shadow: 1px 0px 8px 0px rgba(197,197,197,0.3);
box-shadow: 1px 0px 8px 0px rgba(197,197,197,0.3);
}
#mainnav > ul > li > a {
	display:table;
	width:100%;
	position:relative;
}
#mainnav > ul > li > a:hover, #mainnav > ul > li.selected > a{
	background-color:#FFF;	
}
#mainnav > ul > li > a:hover span, #mainnav > ul > li.selected > a span{color:#0c8649;}
#mainnav > ul > li > a > span{
	display:table-cell;
	height:82px;
	vertical-align:middle;
	text-align:center;
	font-family:OxfamGlobalHeadlineRegular, Microsoft JhengHei;
	color:#FFF;
	font-size:20px;
}
#mainnav > ul > li#navitem_5 > a{ background-color:#e70052;}
#mainnav > ul > li#navitem_5 > a:hover, #mainnav > ul > li#navitem_5.selected > a{ background-color:#FFF;}
/*sub menu*/
#mainnav .submenu_wrap{
	display:none;
	position:absolute; 
	top:82px; 
	left:0; 
	width:100%;
	padding:40px 40px 25px;
	background-color:#FFF;
	-webkit-box-shadow: 0px 10px 40px 5px rgba(197,197,197,.8);
	-moz-box-shadow: 0px 10px 40px 5px rgba(197,197,197,.8);
	box-shadow: 0px 10px 40px 5px rgba(197,197,197,.8);
}
#mainnav .submenu_wrap:after{}
#mainnav .submenu_wrap a{ color:#0c884a; padding-right:12px;}
#mainnav .submenu_wrap a:hover, #mainnav .submenu_wrap li.curpage > a{ color:#075429;}
#mainnav .submenu_wrap > li{
	float:left;
	width:calc(100%/3);
	font-size:16px;
	line-height:22px;
}
#mainnav .submenu_wrap > li > ul > li > a{
	font-weight:700;
	display:block;
}
#mainnav .submenu_wrap > li > ul > li{ padding-bottom:15px; padding-right:15px;}
#mainnav .submenu_wrap > li > ul > li > ul > li{
	padding-left:20px;
	
}
#mainnav .submenu_wrap > li > ul > li > ul > li > a{position:relative;}
#mainnav .submenu_wrap > li > ul > li > ul > li > a:before{
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	background-color:#0c884a;
	top:7px;
	left:-15px;
	border-radius:50%;
}
/******************header ends******************/

/*Mobile nav*/
#mobile_btn_wrap{
	/*float:right;
	margin-top:30px;*/
	position:absolute;
	top:50%;
	margin-top:-18px;
	right:20px;
}
#btnMobileNav {
	width: 35px;
	height: 35px;		
	position: relative;
	/*margin: -5px -5px 0 0;*/
	display: none;
}

#btnMobileNav:before,
#btnMobileNav:after,
#btnMobileNav span {
	background: #50af47;
	position: absolute;
	top: 19px;
	width: 25px;
	right: 15%;
	height: 4px;
	margin-top: -3px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

#btnMobileNav:before,
#btnMobileNav:after {
	content: "";
	top: 11px;
}

#btnMobileNav:after {
	top: 27px;
}
#mobile_nav{ position:absolute; right:0; z-index:-1;}
#mobile_nav.mm-opened{ z-index:1; position:fixed;}
#m_langs{ margin:0 20px; border:1px solid #b2b2b2; padding:0; border-radius:3px;}
#m_langs li{ float:left; width:33.3%;}
#m_langs li a.selected, #m_langs li a:hover{ background-color:#61a534; color:#FFF;}
#m_langs li a{ display:block; height:38px; line-height:38px;}
#m_langs li{ border-left:1px solid #b2b2b2; }
#m_langs li:first-child{ border-left:none;}
#donate_link_m{ padding:0; text-align:left;}
#donate_link_m a{ display:inline-block; background-color:#E70052; color:#FFF; margin:0 20px; padding:0 30px; line-height:50px; font-size:16px; height:50px; text-align:left; font-weight:700; border-radius:3px;}
/*#donate_link_m a{ line-height:18px;; font-size:19px;}*/
#donate_link_m a:hover{ background-color:hsl(339, 100%, 35%);}
#mobile_search_form{ width:100%; position:relative; float:left;}
#mobile_search_form input{ width:100%; border:none; border-radius:0; border-bottom:1px solid #b2b2b2; background:none; height:50px; padding:5px 40px 5px 10px;}
#mobile_search_form input:focus{ border-bottom:1px solid #61a534; }
#go_mobile_search{ position:absolute; right:0; top:0; width:40px; height:40px; border-left:1px solid #dbdfe0;  /*color:#646464;*/}
#go_mobile_search i{ position:absolute; top:50%; margin-top:-8px; right:50%; margin-right:-8px;}
#mobile_nav_search{ padding:0 20px;}
#mobile_nav .mm-title{ color:#646464;}
#mobile_nav .mm-navbar{ border-bottom:none;}
#mobile_nav .mm-listview{ font-size:16px; line-height:20px;}
#mm-0 .mm-listview .mm-next::after{ border-color:#61a534;}
#mm-0 .mm-listview li{ font-weight:700; color:#61a534;}
.mm-listview .mm-next{ margin:5px 0;}
#mobile_subnav > li{ float:none;}
#mobile_subnav > li > a{ font-size:16px; color:#61a534; padding:10px 10px 10px 0; display:block;}
#mobile_subnav > li > ul{ display:none;}
#mobile_subnav > li > ul > li{ margin-bottom:8px; padding-left:10px;}
#mobile_subnav > li > ul > li:first-child{ margin-bottom:0;}
#mobile_subnav > li > ul > li > a{ color:#0c884a;}
#mobile_subnav > li > ul > li > a:hover{ color:#075429;}
#mobile_subnav > li > ul > li > ul > li{ padding:0 0 8px 0;}
#mobile_subnav > li > ul > li > ul > li:first-child{ padding-top:8px;}
#mobile_subnav > li > ul > li > ul > li > a{ position:relative; padding:0 20px 0 30px;}
#mobile_subnav > li > ul > li > ul > li > a:before{
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	background-color:#0c884a;
	top:50%;
	margin-top:-3px;
	left:15px;
	border-radius:50%;
}
/*Mobile nav ends*/

/******************footer*****************/
#footer_zone {
	background: url(../../images/common/bg_top_bot.png) no-repeat 50% 100%;
	background-size: 100% 15px;
	font-size: 14px;
	line-height: 15px;
	padding-bottom:15px;
}
#seo_wrap{
	background-color:#f0f0f0;
	padding:50px 0 10px;
}
#seo_wrap h3{ font-size:18px; font-weight:700; line-height:21px; padding-bottom:5px; position:relative;}
#seo_wrap h3 .btn{ display:none; height:20px; width:30px; position:absolute; right:0; top:50%; margin-top:-10px; cursor: pointer; }
#seo_wrap h3 .btn:before{ content:""; border-left: 6px solid transparent;	border-right: 6px solid transparent; border-top: 6px solid #000; position:absolute; right:10px; top:50%; margin-top:-3px;}
#seo_wrap h3.opened .btn:before{ border-top:none; border-bottom: 6px solid #000;}
#seonav > ul > li{ float:left;  width:calc((100% - 300px)/4); margin-left:100px; padding-bottom:40px; }
#seonav > ul > li li{ margin-top:5px;}
#seonav > ul > li li:first-child{ margin-top:0;}
#seonav > ul > li ul{ }
#seonav > ul > li.fix{ clear:both; margin-left:0;}
.donate{ color:#e70052!important;}
#site_info p:first-child{ padding-bottom:30px;}

#footer_main_wrap{ background-color:#0c9b4c ; padding:50px 0;}
#footernav li{ float:left; padding-right:30px; padding-bottom:8px;}
#footernav li:last-child{ padding-right:0;}
#footernav a{ font-weight:700; color:#FFF; line-height:17px; }
#footer_left{ float:left; width:70%; padding-right:2%;}
#footer_socialmedia{ padding:40px 0;}
#footer_socialmedia .social_networks {
	font-size: 25px;
	line-height: 40px;
}
#footer_socialmedia .social_networks li {
	display: inline-block;
	margin: 0 0 0 9px;
	vertical-align: top;
}
#footer_socialmedia .social_networks li:first-child {
    margin: 0;
}
#footer_socialmedia .social_networks a {
	background: #fff none repeat scroll 0 0;
	border-radius: 100%;
	display: block;
	height: 40px;
	text-align: center;
	width: 40px;
	color:#0c884a;
}
#footer_socialmedia .social_networks a:hover, #footer_socialmedia .social_networks a:focus{ color:#075429;}
#site_info{ color:#FFF; line-height:20px;}
#footer_logo{ float:right; text-align:right; width:30%; padding-top:40px;}
#logo_wg{ margin-bottom:40px; display:inline-block;}
#logo_oxfam_s{ display:inline-block;}
#btn_backToTop{ display:none;}

/******************footer ends******************/