/*

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Fonts
		1.5 Normalized Styles
		1.6 Image Replacement		

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Footer

	3. PAGES
		3.1 Home
		3.2 Article
		3.3 Country

	4. RESPONSIVE
	5. PRINT

*/



/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


ul {
	list-style: none;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

a[href], label[for], select, 
input[type=checkbox], input[type=radio] {
	cursor: pointer;
}

button, input[type=button], input[type=image], 
input[type=reset], input[type=submit] {
	padding: 0;
	overflow: visible;
	cursor: pointer;
}

button::-moz-focus-inner, 
input[type=button]::-moz-focus-inner, 
input[type=image]::-moz-focus-inner, 
input[type=reset]::-moz-focus-inner, 
input[type=submit]::-moz-focus-inner {
	border: 0;
}

.flush-left {
	padding-left: 0px;
	margin-left: 0px;
}


@-ms-viewport{
	width: device-width;
}





/* bootstrap reset */
.col-sm-12 .col-sm-12 {
    padding-left: 0px;
}




/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

.accessibility-nav {
	position: absolute;
	top: 0;
	left: -9999em;
	z-index: 1000;
}

.accessibility-nav a {
	position: absolute;
	top: 0;
	white-space: nowrap;
}

.accessibility-nav a:active,
.accessibility-nav a:focus {
	left: 9999em;
}

.hide {
	position: absolute !important;
	left: -9999em !important;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
.heading:after,
.legend li:after,
.box-bottom div:after,
.box-like:after,
.newsletter:after,
.box-links:after,
.footer:after,
.tags:after,
.mobile-follow:after,
.entry-content li:after,
.related-stories:after,
.posts-sidebar:after,
.posts-sidebar > div:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}


/* 1.4 Fonts
------------------------------------------------------------------------------*/ 


@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg'),
         url('../fonts/SourceSansPro-Regular.ttf.woff') format('truetype'),
         url('../fonts/SourceSansPro-Regular.otf.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('../fonts/SourceSansPro-Semibold.eot');
    src: url('../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg'),
         url('../fonts/SourceSansPro-Semibold.ttf.woff') format('truetype'),
         url('../fonts/SourceSansPro-Semibold.otf.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../fonts/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg'),
         url('../fonts/SourceSansPro-Bold.ttf.woff') format('truetype'),
         url('../fonts/SourceSansPro-Bold.otf.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* 1.5 Normalized Styles
------------------------------------------------------------------------------*/

body {
	font: 16px/1.2em Georgia, 'Times New Roman', serif;
	color: #000;
	background: #fff;
	-webkit-font-smoothing: antialiased;
}

body.arabic, body.arabic .entry-content {
		font: 24px/1.2em Georgia, 'Times New Roman', serif;
}

p { margin: 1.1em 0; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

hr { border-top-color: #ddd; }

th, td { vertical-align: top; }

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn { font-style: normal; }

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

del { text-decoration: line-through; }

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea { overflow: auto; }

a, a:visited {
	text-decoration: none;
	color: #db2f2d;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #db2f2d;
}

/* Content area */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 15px 0 6px 0;
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	line-height: 1.4em;
}



h1 {
	font-size: 2.25em;
	width: 100%;
}
.slider-stories h2, .entry-content h2 {
	font-size: 2em;
}
.slider-stories h3, .entry-content h3 {
	font-size: 1.67em;
}
.slider-stories h4, .entry-content h4 {
	font-size: 1.5em;
}
.slider-stories h5, .entry-content h5 {
	font-size: 1.25em;
}

/* entry summary */
body.arabic .posts h3 a {
	font-weight: bold;
	font-size: 1.3em;
}
body.arabic header h2 {
	font-weight: bold;
	font-size: 2em;	
}




.entry-content ul,
.entry-content ol {
	margin: 0 0 15px 0;
	padding-left: 25px;
	list-style: disc;
	line-height: 1.4;
}

.entry-content ul ul {
	margin-top: 5px;
	list-style: circle;
}

.entry-content ul ul ul {
	list-style: square;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content li, 
.entry-content dl {
	margin-bottom: 15px;
}

.entry-content dt {
	font-weight: bold;
}

.entry-content dd {
	margin-bottom: 10px;
}

.entry-content blockquote {
	margin: 0 15px 15px 15px;
	font-size: 15px;
	font-style: italic;
	line-height: 1.5;
}

.entry-content th,
.entry-content td {
	padding: 5px 10px 5px 0;
}

.entry-content th {
	font-weight: bold;
}




/* 1.6 Image replacement
------------------------------------------------------------------------------*/

.ir {
	display: block;
	position: relative;
	overflow: hidden;
}

.ir span {
	display: block;
	position: absolute;	
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}




/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	max-width: 970px;
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
}

.btn-red, a.btn-red {
	float: left;
	border: 1px solid #b82826;
	color: #fff;
	font-size: 20px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	line-height: 1em;
	padding: 3px 4px;
	background: #df4342;
	background: -moz-linear-gradient(top, #df4342 0%, #db302e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df4342), color-stop(100%,#db302e));
	background: -webkit-linear-gradient(top, #df4342 0%,#db302e 100%);
	background: -o-linear-gradient(top, #df4342 0%,#db302e 100%);
	background: -ms-linear-gradient(top, #df4342 0%,#db302e 100%);
	background: linear-gradient(to bottom, #df4342 0%,#db302e 100%);
	-pie-background: linear-gradient(#df4342 0%,#db302e 100%);
	behavior: url(/ui/js/PIE.htc);
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-red:before {
	content: '';
	background: url(../images/pattern_btn.png);
	width: 30px;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 0;
}

h3,
h3 a,
h3 a:visited {
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 32px;
	line-height: 1.25em;
	color: #000;
}

h2 {
	color: #a28768;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	position: relative;
	line-height: 1.25em;
	font-size: 28px;
}

.general-box {
	padding: 72px 0 0 0;
}

.general-box.padding-none {
	padding-top: 0;
}

.general-box.padding-top {
	padding-top: 58px;
}

.general-box.padding-small {
	padding-top: 34px;
}

.general-box.padding-media {
	padding-top: 47px;
}

.top-box {
	padding: 98px 0 0 0;
}

.top-box .general-list {
	padding-bottom: 70px;
}

.top-box .col-sm-9 {
	margin-bottom: 70px;
}

.heading {
	border-bottom: 1px solid #b18144;
	margin-bottom: 20px;
}

.heading h2 {
	padding-left: 30px;
	margin-right: 5px;
	display: inline;
	float: left;
	padding-bottom: 3px;
}

.asset-categories, 
.asset-categories a {
	color: #999;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	text-transform: uppercase;
}
p.asset-categories {
	margin-top: 0px;	
}

.mt-archive-listing .asset-categories {	
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: .5em;
	color: #8b8b8b;
	letter-spacing: 1px;
    font-weight: inherit;
}
.mt-archive-listing p.byline {
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	color: #333;
	line-height: 1.4em;
	padding-right: 1.4em;
	margin-bottom: 1em;
}
.asset-more-link {
	display: inline;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}



/* 2.2 Header
------------------------------------------------------------------------------*/

.wrapper-top {
	background: url(../images/bg_top.jpg);
	height: 94px;
}

.wrapper-top .pull-right {
	position: absolute;
	right: 0;
}
.wrapper-top .container {
	height: 94px;
}

body.french li._french,
body.spanish li._spanish,
body.portuguese li._portuguese,
body.arabic li._arabic,
body.russian li._russian,
body.english li._english {
	display: none;
}

.site-name {
	width: 440px;
	height: 49px;
	text-indent: -99999px;
	top: 30px;
	margin-left: 113px;
	float: left;
	overflow: visible;
	z-index: 1030;
}

.site-name:before {
	content: '';
	position: absolute;
	left: -110px;
	top: -25px;
	background: url(../images/logo.png);
	width: 111px;
	height: 109px;
}

.site-name span {
	background: url(../images/logo_txt.png) no-repeat;
	z-index: 1040;
}

.continents {
	display: none;
}

.logo-top {
	position: absolute;
	left: 100px;
	top: -1px;
	background: url(../images/logo_top.png);
	width: 17px;
	height: 21px;
}

/* Langagues List */
.languages {
	float: right;
	margin: 3px 0 0 0;
}

.languages li {
	float: left;
	margin: 0 5px;
}

.languages li:last-child {
	margin-right: 0;
}

.ie8 .languages li.last {
	margin-right: 0;
}

.languages a {
	float: left;
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
}

.languages .rus {
	font-family: Geneva, Verdana, serif;
	font-size: 9px;
	position: relative;
	top: 1px;
}



/* Social Header*/
.right-header {
	float: right;
	clear: right;
	margin: 18px 0 0 0;
}

.social-header {
	float: left;
	margin-right: 5px;
}

.social-header li {
	float: left;
}

.social-header a {
	display: block;
	background: url(../images/icons.png);
	height: 30px;
	width: 30px;
	margin-top: -1px;
}

.social-header a.mail {
	background-position: 0 0;
	width: 31px;
}

.social-header a.mail:hover {
	background-position: 0 -293px;
	position: relative;
	top: 1px;
	left: 1px;
}

.social-header a.tw {
	background-position: -31px 0;
}

.social-header a.tw:hover {
	background-position: -30px -293px;
	position: relative;
	top: 1px;
	left: 0;
}

.social-header a.tumblr {
	background-position: -308px 0;
}

.social-header a.tumblr:hover {
	background-position: -337px 0;
	position: relative;
	top: 0px;
	left: 0;
}

.social-header a.fb {
	background-position: -61px 0;
}

.social-header a.fb:hover {
	background-position: -60px -293px;
	position: relative;
	top: 1px;
	left: 0;
}

.social-header a.gplus {
	background-position: -91px 0;
}

.social-header a.gplus:hover {
	background-position: -89px -293px;
	position: relative;
	top: 1px;
	left: -1px;
}

.social-header a.yt {
	background-position: -121px 0;
}

.social-header a.yt:hover {
	background-position: -118px -293px;
	position: relative;
	top: 1px;
	left: -2px;
}

.social-header a.rss {
	background-position: -151px 0;
	width: 28px;
}

.social-header a.rss:hover {
	background-position: -148px -293px;
	position: relative;
	top: 1px;
	left: -2px;
}

/* Search */
.search {
	float: right;
	width: 18.2%;
	margin: 10px 0 0 0;
}

.search input[type=text] {
	float: left;
	background: #fff;
	height: 24px;
	padding: 0 0 0 5px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	color: #000;
	font-size: 14px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	border: none;
	border-radius: 0;
}

.ie8 .search input[type=text] {
	padding-top: 2px;
}

/* placeholder */
.search input[type=text]::-webkit-input-placeholder { color: #d43937; }
.search input[type=text]:-moz-placeholder { color: #d43937; }
.search input[type=text]::-moz-placeholder { color: #d43937; }
.search input[type=text]:-ms-input-placeholder { color: #d43937; }


.search input[type=submit] {
	background: url(../images/icons.png) -160px -31px;
	width: 23px;
	height: 22px;
	border: none;
	float: right;
	margin: 2px 1px 0 0;
}

.search input[type=submit]:hover {
	background: url(../images/ico_search_hover_1.png) no-repeat center center;
}




/* search results */

input.gsc-search-button {
	height: 2em !important;
}

td.gsc-input input.gsc-input,
td.gsc-search-button
input.gsc-search-button {
	border-radius: 3px;
	padding: 4px 10px ;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
}
table.gcsc-branding,
div.gsc-orderby { display: none; }

div.gs-title {
	height: auto !important;
}
table.gsc-table-result a.gs-title b,
table.gsc-table-result a.gs-title {
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 24px !important;
	line-height: 1.4em !important;
	font-weight: normal;
	color: #000 !important;
}
table.gsc-table-result a.gs-title:hover {
	text-decoration: underline;
}

div.gs-snippet {
	font: 16px/1.2em Georgia, 'Times New Roman', serif;
}
div.gs-visibleUrl {
	color: #aaa !important;
	font-weight: normal !important;
	margin-bottom: 1em;
}
div.gsc-cursor-box {
	margin-top: 1em;
}
div.gsc-cursor-page {
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 2em;
	border-bottom: none;
	margin: 0em .25em;
}
div.gsc-cursor-current-page {
	border-radius: 3px;
	background: #e9e6dc !important;
	color: #999 !important;
	box-shadow: none;
}







/* 2.3 Navigation
------------------------------------------------------------------------------*/

.navbar {
	top: 94px;
	background: #da2e2c;
	border-top: 1px solid #070909;
	min-height: 40px;
	height: 48px;
	border-bottom: none !important;
}

.navigation {
	float: left;
	max-width: 775px;
	width: 81.5%;
}

.navigation > li {
	float: left;
	position: relative;
	margin-right: 7px;
}

.navigation > li.open > a:after {
	content: '';
	position: absolute;
	background: #EAE4D9;
	height: 100%;
	width: 6px;
	left: -6px;
	border-left: 1px solid #968170;
	top: 0;
}

.navigation > li > a {
	display: block;
	padding: 6px 10px 10px 40px;
	color: #fff6ec;
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 16px;
	line-height: 1em;
	height: 47px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	text-align: left;
	border-radius: 0;
	z-index: 1001;
	border-top: 0;
	border-bottom: 0;
}

.navigation > li > a.btn {
	border-bottom: none;
}

.navigation > li:first-child > a {
	padding-left: 27px;
}

.navigation span {
	display: block;
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
}

.navigation a.item-news {
	padding-left: 22px;
}

.navigation a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.navigation a.item-news:before {
	background: url(../images/icons.png) 0 -31px;
	top: 8px;
	left: 3px;
	width: 20px;
	height: 26px;
}

.navigation .open a.item-news:before {
	background-position: 0 -63px;
}

.navigation a.item-data:before {
	background: url(../images/icons.png) -20px -31px;
	top: 8px;
	left: 7px;
	width: 26px;
	height: 24px;
}

.navigation .open a.item-data:before {
	background-position: -20px -63px;
}

.navigation a.item-services:before {
	background: url(../images/icons.png) -94px -31px;
	top: 8px;
	left: 4px;
	width: 39px;
	height: 32px;
}

.navigation .open a.item-services:before {
	background-position: -94px -63px;
}

.navigation a.item-advocacy:before {
	background: url(../images/icons.png) -73px -31px;
	top: 8px;
	left: 15px;
	width: 21px;
	height: 29px;
}

.navigation .open a.item-advocacy:before {
	background-position: -73px -63px;
}

.navigation a.item-involved:before {
	background: url(../images/icons.png) -46px -31px;
	top: 8px;
	left: 8px;
	width: 27px;
	height: 27px;
}

.navigation .open a.item-involved:before {
	background-position: -46px -63px;
}

.navigation a.item-countries:before {
	background: url(../images/icons.png) -133px -31px;
	top: 8px;
	left: 6px;
	width: 27px;
	height: 28px;
}

.navigation .open a.item-countries:before {
	background-position: -133px -63px;
}

.navigation .open > a {
	background: #eae4d9;
	color: #d43937;
	text-decoration: none;
	box-shadow: none;
}

.navigation > li > a:hover {
	color: #fff6ec;
}

.navigation > li.open > a {
	color: #d43937;
} 

.navigation .open > a {
	border-left: 1px solid #968170;
	border-right: 1px solid #968170;
}

.item-contact, .item-languages {
	display: none;
}

/* Navigation Dropdown*/
.navigation .dropdown-menu {
	background: #eae4d9;
	width: auto;
	height: auto;
	border-radius: 0;
	margin: 0;
	min-width: 50px;
	top: 46px;
	border: 1px solid #968170;
	padding-bottom: 12px;
	-moz-box-shadow: 0 8px 8px rgba(0,0,0,.26);
	-webkit-box-shadow: 0 8px 8px rgba(0,0,0,.26);
	box-shadow: 0 8px 8px rgba(0,0,0,.26);
	left: -5px;
/* hide this */
/*	display: block;   */
}

.navigation .dropdown-menu a {
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	color: #000;
	font-size: 15px;
}

.navigation .dropdown-toggle {
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
}

.navigation .dropdown-menu a:hover, .navigation .dropdown-menu a:focus, .navigation .dropdown-menu a:active {
	background: none;
	color: #d43937;
	 -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}




/* country lists */

.navigation .dropdown-countries {
	position: fixed;
	width: 100%;
	top: auto;
	margin-top: -1px;
}

.countries-lists {
	padding-top: 20px;
	margin-left: 460px;
}

.countries-lists ul {
	padding-left: 0px;
}
.countries-lists ul li {
	margin-left: 0px;
}
.countries-lists ul li ul li {
    padding: 3px 0;
}
.countries-lists ul {
	display: none;	
}

.countries-lists ul.active-list, 
.countries-lists ul.active-list ul {
	display: block;
}

.countries-lists > li .map-list-region-name {
    display: none;
}



.countries-wrapper {
	width: 960px;
	margin: 0 auto;
	max-width: 100%;
}

.countries-wrapper .map-container {
	background: url(../images/world-map.png) no-repeat 0 20px;
	width: 460px;
	height: 286px;
	float: left;
	position: relative;
}

.ie8 .countries-lists ul li ui, .ie9 .countries-lists ul li ui {
	width: 33%;
	float: left;
}

.navigation .dropdown-menu .map-container a {
	position: absolute;
	background: #fff;
	font-size: 14px;
	line-height: 1.25em;
}

.navigation .dropdown-menu .map-container a:hover {
	text-decoration: none;
}

.map-container #choose-a-region {
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 20px;
}
.map-container .list-americas {
	top: 180px;
	left: 87px;
	padding: 5px 10px;	
	font-size: 14px;
	text-transform: uppercase;
}
.map-container .list-europe {
	top: 84px;
	left: 181px;
	padding: 5px 10px;	
	max-width: 107px;
	text-transform: uppercase;
	font-size: 14px;
}
.map-container .list-africa {
	top: 200px;
	left: 204px;
	padding: 5px 10px;	
	text-transform: uppercase;
	font-size: 14px;
}
.map-container .list-middleeast {
	top: 140px;
	left: 196px;
	padding: 5px 9px;
	text-transform: uppercase;
	max-width: 120px;
	font-size: 14px;
}
.map-container .list-asia {
	top: 140px;
	left: 333px;
	padding: 5px 10px;
	text-transform: uppercase;
}

.navigation .dropdown-menu .map-container a:hover, .navigation .dropdown-menu .map-container a.active-list {
	background: #d43937;
	color: #fff;
}

.menu-mobile {
	display: none;
}

.search-mobile {
	display: none;
}

a.anchor {
    display: block;
    position: relative;
    top: -125px;
    visibility: hidden;
}


/* 2.4 Footer
------------------------------------------------------------------------------*/

.wrapper-footer {
	border-top: 1px solid #cfcdca;
	background: #ede8e1;
	box-shadow: inset 0 5px 8px #e1ddd6;
	padding: 20px 0;
}

.wrapper-footer.margin-top {
	margin-top: 0;
}

.footer-top {
	border-bottom: 1px solid #a98d6d;
	padding-bottom: 28px;
}

a.back-top, a.subscribe, a.supporter, a.all-media {
	color: #473615;
	font-size: 15px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	position: relative;
	line-height: 1.1em;
	padding-top: 3px;
	padding-left: 13px;
	display: block;
}
a.supporter { margin-left: 140px; }


a.all-media {
	position: relative;
	top: 2px;
	float: left;
	max-width: 22%;
}

a.subscribe {
	padding-left: 25px;
}

a.back-top:before {
	background: url(../images/icons.png) -223px -95px;
	width: 25px;
	height: 26px;
	position: absolute;
	content: '';
	left: -15px;
	top: 3px;
}

a.back-top:hover:before {
	background-position: -223px -121px;
	top: 2px;
}

a.subscribe:before {
	background: url(../images/icons.png) -2px -2px;
	width: 28px;
	height: 27px;
	content: '';
	left: -12px;
	top: 4px;
	position: absolute;
}

a.subscribe:hover:before {
	background-position: -342px -61px;
}

.footer-top .btn-red {
	margin-top: 4px;
	margin-left: 20px;
	margin-right: 10px;
}

.donate {
	padding-right: 0;
}

.social-footer {
	padding-right: 5px;
}

.social-footer li {
	float: left;
}

.social-footer ul a {
	background: url(../images/icons.png) 0 0;
	width: 30px;
	height: 30px;
	display: block;
	margin-right: 5px;
}

.social-footer a.tw {
	background-position: -183px -31px;
}

.social-footer a.tw:hover {
	background: url(../images/icons.png) 0 -363px;
	background-size: auto;
	width: 30px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
}

.social-footer a.tumblr {
	background-position: -316px -333px;
}

.social-footer a.tumblr:hover {
	background: url(../images/icons.png) -316px -363px;
	background-size: auto;
	width: 30px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
}

.social-footer a.fb {
	background-position: -214px -31px;
}

.social-footer a.fb:hover {
	background: url(../images/icons.png) -30px -363px;
	background-size: auto;
	width: 30px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
}

.social-footer a.gplus {
	background-position: -245px -31px;
}

.social-footer a.gplus:hover {
	background: url(../images/icons.png) -60px -363px;
	background-size: auto;
	width: 30px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
}

.social-footer a.video {
	background-position: -276px -31px;
}

.social-footer a.video:hover {
	background: url(../images/icons.png) -90px -363px;
	background-size: auto;
	width: 30px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
}

.social-footer a.rss {
	background-position: -307px -31px;
}

.social-footer a.rss:hover {
	background: url(../images/icons.png) -120px -363px;
	background-size: auto;
	width: 30px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
}

.social-footer a.in {
	background-position: -338px -31px;
}

.social-footer a.in:hover {
	background: url(../images/icons.png) -150px -363px;
	background-size: auto;
	width: 30px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
}

.social-footer ul {
	float: left;
	margin: 5px 0 0 15px;
	padding-left: 40px;
}

.footer-links {
	padding-top: 12px;
}

.footer-links h4, .footer-bottom h4 {
	color: #473615;
	font-size: 18px;
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	padding-right: 20px;
	margin-bottom: 2px;
}

.footer-bottom h4 a {
	color: #473615;
}

.footer-links a {
	display: block;
	font-size: 13px;
	color: #473615;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	line-height: 1.4em;
}

.footer {
	border-top: 1px solid #a98d6d;
	padding-top: 17px;
	margin-top: 30px;
}

.footer > .col-sm-2 {
	padding-left: 0;
}

.mobile-follow {
	display: none;
}

.vcard {
	color: #473615;
	font-size: 13px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	padding: 0;
}

.vcard a {
	color: #473615;
	display: block;
}

.vcard p {
	line-height: 1.4em;
}

.vcard .col-sm-8, .vcard .col-sm-4 {
	padding-left: 0;
}

.vcard .col-sm-8 {
	padding-right: 0;
	width: 63%;
}

.vcard .col-sm-4 {
	padding-right: 0;
	width: 36%;
}
.vcard p {
	margin: .2em 0 0 0;
}
.vcard p span a, .vcard p a {
	display: inline;
}

.creativecommons,
.copyright {
	color: #473615;
	font-size: 13px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}

.creativecommons p { 
        margin-top: .2em;
}

.copyright p {
	margin-top: .2em;
	padding-left: 70px;
	padding-right: 20px;
}

/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

/* truncate long list of recent stories */
ul.home-recent p.asset-categories {
  max-height: 3.25em;
  overflow: hidden;
}


/* Slider Stories*/

.slider-stories h1 a, 
.slider-stories h2 a, 
.slider-stories h3 a, 
.slider-stories h4 a, 
.slider-stories h5 a {
	color: #000;	
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	line-height: 1em;
}

.slider-stories h1,
.slider-stories h2,
.slider-stories h3,
.slider-stories h4,
.slider-stories h5 {
	margin-bottom: 16px;	
}


.slide {
	overflow: hidden;
}

.slider-stories a:hover, .slider-stories a:focus, .slider-stories a:active {
	text-decoration: none;
}

.slider-stories .slides a p, .country figcaption {
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: 11px;
	text-align: right;
	margin-bottom: 5px;
}

.slider-stories .slides > li {
	display: none;
}

.slider-stories .slides li > p, .country .col-sm-9 p {
	line-height: 1.5em;	
}

.slider-stories .flex-control-paging {
	left: 10px;
	text-align: left;
	bottom: -27px;
}

.slider-stories .flex-control-paging li {
	margin: 0 3px;
}

.slider-stories .flex-control-paging li a {
	border-radius: 0;
	width: 17px;
	height: 17px;
	background: #ccc;
	border: none;
	box-shadow: none;
}

.slider-stories .flex-control-paging li a.flex-active {
	background: #4e4d4d;
}


.legend-mobile {
	display: none;
}








.country header h2 {
	margin-left: 17px;
}

.index-hed {
	margin-left: 0px;
}

.index-hed {
	margin-bottom: -17px;	
}
.index-hed .col-sm-3 {
	margin-top: 17px;
	margin-left: 10px;
}





/* General List */
.recent-stories {
	padding: 0 0 0 17px;
}

.general-list h2 {
	margin-bottom: 11px;
	font-size: 18px;
	width: 100%;
}

.recent-stories:before {
	position: absolute;
	content: '';
	top: 3px;
	left: -4px;
	background: url(../images/icons.png) 0 -95px;
	width: 14px;
	height: 14px;
}

.list {
	margin-left: -5px;
	line-height: 1.6em;
}


.list li {
	margin-bottom: 16px;
}

.list span, .list p a {
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	color: #757575;
	font-size: 11px;
	text-transform: uppercase;
	position: relative;
	line-height: 1em;
	letter-spacing: 1px;
}

.list p {
	color: #757575;
	margin-bottom: 3px;
}
.list .asset-categories {
	font-size: 11px;
	line-height: 1.6em;
	margin-bottom: .5em;
}

.list span:last-child:after, .list p a:last-child:after {
	content: none;
}

.ie8 .list span.last:after, .ie8 .list p a.last:after {
	content: none;
}

.list h3, .list h3 a {
	font-size: 17px;
	color: #000;
	line-height: 1.1em;
}

.general-list > a {
	font-size: 16px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	display: block;
	margin: 20px 0 0 -5px;
}




/* Services Box */
.box-services a {
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.box-services a:active, .box-services a:hover, .box-services a:focus {
	color: #fff;
}

.box-services img {
	display: block;
	width: 100%;
}

.box-services a div {
	overflow: hidden;
	display: block;
	position: relative;
}

.box-services h3 {
	background: rgba(0,0,0,.5);
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	padding: 5px 10px;
	font-size: 44px;
	color: #fff;
	text-shadow: 0 1px 5px rgba(0,0,0,.75);
}

.ie8 .box-services h3, .ie8 .box-involved .boxs div {
	background: #000;
	filter: alpha(opacity=50);
}

.services:before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	background: url(../images/icons.png) -246px -93px;
	width: 20px;
	height: 25px;
}



/* Post List */
.list-post header span {
	color: #757575;
	font-size: 11px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	text-transform: uppercase;
}

.list-post header {
	margin-bottom: 15px;
}

.list-post .entry-content figure {
	padding-left: 0;
}

.list-post img {
/*	width: 100%; */
	display: block;
	margin-bottom: 8px;
}

.list-post figcaption {
	color: #666;
	font-size: 11px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	line-height: 1.1em;
	padding-right: 10px;
}

.list-post .entry-content p {
	font-size: 15px;
	color: #222;
	margin-bottom: 20px;
}

.list-post .entry-content p:last-child {
	margin-bottom: 0;
}

.ie8 .list-post .entry-content p.last {
	margin-bottom: 0;
}

.list-post .col-sm-5 {
	padding-right: 5px;
}

.list-post .entry-content .more {
	font-size: 14px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}

.reports:before {
	content: '';
	position: absolute;
	left: 4px;
	top: 8px;
	background: url(../images/icons.png) -38px -95px;
	width: 17px;
	height: 21px;
}

.heading span { color: #999; }

.heading span,
.heading a {
	float: left;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	font-size: 14px;
	position: relative;
	margin: 12px 0 0 30px;
}

.heading span:before,
.heading a:before {
	content: '|';
	position: absolute;
	left: -18px;
	top: 0;
	color: #c3c3c3;
}

.divider {
	position: relative;
}

.divider:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	height: 100%;
	width: 1px;
	background: #cbcbcb;
}



/* Data & Research Box */
#home-killed h3 { margin-bottom: 10px; }
#home-killed h4 { 
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 20px;
	color: #000;
}
 

.data:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../images/icons.png) -55px -95px;
	width: 26px;
	height: 24px;
}

.box-data img {
	display: block;
	width: 100%;
	margin: 7px 0 0 0;
}

.box-data .divider:before, .divider.links:before {
	left: 9px;
}

.legend .number {
	width: 50px;
	float: left;
	text-align: right;
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 30px;
	line-height: 1em;
	margin-right: 5px;
	color: #000;
}

.legend li {
	margin-bottom: 14px;
}

.legend .desc {
	width: 135px;
	float: left;
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	font-size: 17px;
	margin: 3px 0 0 0;
	line-height: 1.3em;
	color: #000;
}

/* Advocacy & Action */
.action:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 6px;
	background: url(../images/icons.png) -81px -95px;
	width: 18px;
	height: 25px;
}

.links ul {
	padding: 8px 0;
}

.links a {
	display: block;
	color: #000;
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 22px;
	padding: 0 20px 0 5px;
	line-height: 1.2em;
}

.links li {
	margin-bottom: 21px;
}

.links li:last-child {
	margin-bottom: 0;
}

.ie8 .links li.last {
	margin-bottom: 0;
}




/* CPJ Blog */



.security-promo a {
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 20px;
	background-color: #eae7de;
	padding: 15px;
	margin-top: 1em;
	margin-right: 15px;
	display: block;
}
.security-promo a:hover {
	background-color: #da2e2c;
	color: #fff;
	text-decoration: none;
}

.index-hed h3.blog-title {
	margin-bottom: 0px;
}
.index-hed h3.blog-title,
.index-hed h3.blog-title a,
.index-hed h4.blog-sub-title a {
	color: #666;
    font-family: 'SourceSansPro-Regular';
}
div.author-bio {
	margin-left: 15px;
}
div.author-bio h1 {
	padding-top: 10px;
	padding-left: 0px;
}


.padding-blog {
	padding-top: 36px;
}

.cpj-blog:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	background: url(../images/icons.png) -99px -95px;
	width: 21px;
	height: 19px;
}

.tags {
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #cbcbcb;
}

.tags li {
	color: #777;
	float: left;
	margin-right: 2px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}

.tags li:first-child {
	color: #1d1d1d;
}

.tags a {
	color: #777;
}

/* Multimedia Box*/
.multimedia-mobile {
	display: none;
}

.multimedia-carousel {
	position: relative;
	height: 333px;
	width: 100%;
}

.multimedia:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../images/icons.png) -120px -95px;
	width: 30px;
	height: 25px;
}

.heading h2.multimedia {
	padding-left: 35px;
}

.multimedia-box {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	width: 33.33333333333333%;	
	width: 323px;
	height: 333px;
}

.multimedia-box > a {
	position: relative;
	display: block;
}

.multimedia-box .play {
	display: block;
	width: 44px;
	height: 49px;
	background: url(../images/play.png);
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.multimedia-box img {
	display: block;
	margin-bottom: 10px;
	height: auto;
	width: 100%;
}

.multimedia-box h3, .multimedia-box h3 a {
	font-size: 20px;
}

.multimedia-box p {
	font-size: 15px;
	color: #222;
	line-height: 1.35em;
}

.multimedia-box p a {
	color: #cc0033;
	font-size: 14px;
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
}

.multimedia-box a {
	color: #000;
}

.social-media {
	margin: 11px 0 0 0;
}

.social-media a {
	display: block;
	background: url(../images/icons.png);
	width: 26px;
	height: 24px;
}

.social-media a.tw, .social-media .st_twitter_large .stLarge, .social-media .st_twitter_large .stLarge:hover {
	background-position: -205px 0;
}

.social-media a.tw, .social-media .st_twitter_large .stLarge, .social-media .st_twitter_large .stLarge:hover {
	background-position: -205px 0;
	width: 25px !important;
}

.social-media a.fb, .social-media .st_facebook_large .stLarge, .social-media .st_facebook_large .stLarge:hover {
	background-position: -179px 0;
}

.social-media a.gplus, .social-media .st_googleplus_large .stLarge, .social-media .st_googleplus_large .stLarge:hover {
	background-position: -230px 0;
}

.social-media a.mail, .social-media .st_email_large .stLarge, .social-media .st_email_large .stLarge:hover {
	background-position: -256px 0;
	width: 25px !important;
}

.social-media a.share, .social-media .st_sharethis_large .stLarge, .social-media .st_sharethis_large .stLarge:hover {
	background-position: -281px 0;
}

.social-media li {
	float: left;
	margin-right: 5px;
}

.social-media > span {
	float: left;
	margin-right: 5px;
}

.social-media span.stButton {
	float: left !important;
	display: block !important;
	margin: 0 !important;
}

.social-media .stButton .stLarge {
	display: block;
	width: 26px;
	height: 24px;
	background-image: url(../images/icons.png) !important;
}

.social-media .stButton .stLarge:hover {
	opacity: 1;
}


/* Multimedia Box*/
.media-social:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	background: url(../images/icons.png) -150px -95px;
	width: 21px;
	height: 21px;
}

.box-twitter > a {
	min-height: 34px;
	padding-left: 40px;
	background: url(../images/share-tw.png) no-repeat center left;
	display: block;
	color: #000;
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 5px;
}

.box-facebook > a {
	min-height: 34px;
	padding-right: 15px;
	background: url(../images/share-fb.png) no-repeat right;
	display: block;
	color: #000;
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	font-size: 14px;
	line-height: 30px;
	text-align: right;
	padding-right: 50px;
}

.box-facebook p {
	text-align: right;
}

.box-google > a {
	min-height: 34px;
	padding-left: 40px;
	background: url(../images/share-gplus.png) no-repeat;
	display: block;
	color: #000;
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	font-size: 14px;
}

.twitter-actions, .google-actions {
	position: absolute;
	bottom: 5px;
	right: 18px;
}

.tw-favorite {
	float: left;
	background: url(../images/icons.png) -183px -61px;
	width: 20px;
	margin: 2px 15px 0 0;
	height: 22px;
}

.tw-retweet {
	float: left;
	background: url(../images/icons.png) -203px -61px;
	width: 22px;
	height: 22px;
	margin: 2px 7px 0 0;
}

.tw-reply {
	float: left;
	background: url(../images/icons.png) -225px -61px;
	width: 22px;
	height: 22px;
	margin: 2px 6px 0 0;
}

.facebook-actions {
	position: absolute;
	bottom: 8px;
	left: 22px;
}

.facebook-actions a {
	color: #3f6993;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	font-size: 12px;
	margin-right: 7px;
	position: relative;
}

.facebook-actions a:after {
	content: '.';
	right: -8px;
	top: -6px;
	font-size: 18px;
	position: absolute;
}

.facebook-actions a:last-child:after {
	content: none;
}

.ie8 .facebook-actions a.last:after {
	content: none;
}

.google-actions {
	right: 7px;
}

.google-actions a {
	color: #676767;
	font-size: 15px;
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	border: 1px solid #d9d9d9;
	padding: 2px 8px 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	behavior: url(/ui/js/PIE.htc);
	margin-left: 4px;
}

.google-actions a:hover,
.google-actions a:active,
.google-actions a:focus,
a.tw-follow:hover, 
a.tw-follow:active, 
a.tw-follow:focus {
	text-decoration: none;
}

.google-actions a.gp-share span {
	width: 19px;
	height: 16px;
	display: inline-block;
	position: relative;
	top: 3px;
	background: url(../images/icons.png) -247px -61px;
}

.italic {
	font-style: italic;
}

a.tw-follow {
	float: left;
	color: #000;
	border: 1px solid #a7a7a7;
	background: #f7f7f5;
	padding: 2px 5px;
	font-size: 12px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	behavior: url(/ui/js/PIE.htc);
}

.flexslider-social {
	height: 203px;
	overflow: hidden;
	position: relative;
}

.flexslider-social .slides > li {
	float: left;
	width: 240px !important;
	border-right: 1px solid #DFCFB5;
	padding: 0 15px;
	height: 203px;
	position: relative;
}

.flexslider-social .slides > li:last-child {
	border-right: none;
}

.flexslider-social .flex-direction-nav .flex-next {
	background: url(../images/icons.png) -266px -117px;
	width: 37px;
	height: 71px;
	right: 0;
	top: 38%;
	opacity: 1;
	outline: 0 none;
	display: block;
}

.flexslider-social .flex-direction-nav .flex-prev,
.slider-stories .flex-direction-nav .flex-prev,
.slider-stories .flex-direction-nav .flex-next {
	display: none;
}

.flexslider-social p {
	font-family: Georgia, serif;
	font-size: 15px;
	color: #222;
	line-height: 1.35em;
}

body.arabic .flexslider-social {
	direction: ltr;	
}


/* Events */
.events:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	background: url(../images/icons.png) -171px -95px;
	width: 20px;
	height: 21px;
}

.box-events .list-post,
.box-events .general-list {
	margin-top: -.5em;
	margin-bottom: 1.5em;
}

.box-events .list-post header p {
	margin-bottom: 3px;
}

.box-events .list-post header span {
	font-size: 14px;
}

.box-events .list-post h3, .box-events .list-post h3 a {
	font-size: 28px;
}

.box-events .general-list h3, .box-events .general-list h3 a {
	font-size: 20px;
}

.box-events .list span {
	font-size: 13px;
}




/* Involved */
h2.involved {
	padding-left: 34px;
}

.involved:before {
	content: '';
	position: absolute;
	left: 1px;
	top: 6px;
	background: url(../images/icons.png) -14px -95px;
	width: 24px;
	height: 27px;
}

.box-involved img {
	display: block;
	width: 100%;
	height: auto;
}

.box-involved {
	position: relative;
}

.box-involved .boxs {
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

.box-involved .boxs div {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 14px 13px 17px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
}

.box-involved a {
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	color: #fff;
}

.box-involved h4 {
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 28px;
	line-height: 1.1em;
}







h2.hotspots {
	padding-left: 30px;
}
.hotspots:before {
	content: '';
	position: absolute;
	left: 1px;
	top: 8px;
	background: url(../images/icons.png) -180px -137px;
	width: 22px;
	height: 22px;
}

#hotspots {
  background-image: url('/images/home/world.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

#hotspots .ctry {
  position: absolute;
}

#hotspots .ctry .circle {
  left: -50%;
  top: -50%;
  position: absolute;
  border-radius: 50%;
  background: red;
  opacity: 0.5;
  z-index: 2;
  cursor: default;
}

#hotspots .ctry .label {
  font-weight: normal;
  text-align: left;
  position: absolute;
  z-index: 3;
  padding: 10px 10px 4px 10px;
  border: 1px solid #DCA;
  display: none;
  background: #fffAF0;
  width: 300px;
  border-radius: 4px;
  white-space: normal;
  line-height: 1.15em;
  font-family: 'SourceSansPro-Bold', Arial, sans-serif;
  font-size: 1em;
  color: #aaa;
}
#hotspots .ctry .label .asset-categories {
  margin-bottom: 12px;
  margin-left: 9px;
}
#hotspots .ctry .label li {
  text-indent: -8px;
  margin-left: 8px;
  margin-bottom: 12px;
}
#hotspots .ctry .label li a {
	color: #000;
}


#mapembed .heading a#logo-small { margin: 0; position: absolute; top: -5px; left: 13px; }
#mapembed .heading a#logo-small img { width: 52px; }
#mapembed .heading a#logo-small:before { display: none; }
#mapembed h2 { margin-left: 30px; }


.embed-container { position: relative; padding-top: 0;  padding-bottom: 43%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* 3.2 Article
------------------------------------------------------------------------------*/

.container {
	padding-bottom: 44px;	
}

.post {
	padding-top: 100px;
}

h1#entry-title,
.post h2 {
	color: #000;
	font-size: 38px;
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	line-height: 1.1em;
	margin: 10px 0 25px;
}

header .asset-categories {
	font-size: 13px;
}

.post header span, header .asset-categories a {
	position: relative;
	letter-spacing: 1px;
	color: #8b8b8b;
}

.post header .top-article p a {
	color: #DB2F2D;
	letter-spacing: normal;
}

.post header span.last:after, .post header p a.last:after {
	content: none;
}

.post header p.byline {
	clear: left;
	float:  left;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	color: #333;
	padding-right: 1.4em;
}

.top-article {
	padding-top: 4px;
	overflow: hidden;
}

.top-article p {
	color: #7a7a7a;
	font-size: 14px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	float: left;
	margin: 0px;
}

.top-article div {
	float: right;
}

.top-article div a {
	color: #a3a3a3;
	font-size: 14px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	margin-left: 35px;
	position: relative;
}

.top-article a.text-size {
	background: url(../images/size_txt.png) no-repeat 0 4px;
	padding: 0 0 0 23px;
}

.top-article a.print {
	background: url(../images/ico_print.png) no-repeat 0 0;
	padding: 0 0 0 20px;
}

.post .entry-content {
	padding: 24px 0 0 0;
}

.post .entry-content .col-sm-11 {
	padding-right: 0;
}

.post .caption,
.post figure {
	margin-bottom: 30px;
}


body.arabic #sendentry_frame {
	left: -36px;
}




/* comment form */

.comments h3.comments-open-header {
	margin-top: .5em;
	margin-bottom: 1.4em;
}
.comments form div, label#commentcookie {
	margin-bottom: .5em;
	line-height: 1.4em;
}
.comments label {
	display: block;
	float: left;
        font-weight: normal;
	width: 8em;
	clear: both;
	color: #333;
}
div#comments-open-footer, label#commentcookie {
	clear: both;
	overflow: hidden;
	margin-left: 8em;
	width: 30em;
}
input#comment-submit {
	padding: 10px;
}
textarea#comment-text {
	width: 74%;
	height: 15em;
}

#tiny-turing {
        margin-left: 8em;
        margin-top: .75em;
        margin-bottom: 1.5em;
}
#tiny-turing input,
#tiny-turing label {
        font-weight: normal;
        width: auto;
        float: none;
}




/* comment captcha */

form#comments-form div.label {
	font-size: 100%;
	text-align: left;
	overflow: hidden;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
}
form#comments-form .field {
	float: left;
	overflow: hidden;
	margin-top: .5em;
	margin-bottom: .5em;
	position: relative;
	width: 70%;
}
form#comments-form .field img {
	position: absolute;
	top: 0;
}
input#captcha_code {
	position: absolute;
	top: 0;
	margin-left: 160px;
	height: 35px;
}
form#comments-form .field p{
	clear: both;
}







.caption, .post .entry-content figcaption {
	color: #535353;
	font-size: 12px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	display: block;
	margin: 8px 5px 0 0;
	line-height: 1.4em;
}

.post .entry-content {
	font-size: 17px;
	line-height: 1.55em;
	margin-bottom: 15px;
}

/*
.post .entry-content img {
	display: block;
	width: 100%;
}
*/

.box-raport {
	padding: 0 0 20px;
	border: 1px solid #aaaaaa;
	border-left: 0;
	border-right: 0;
	margin-top: 4px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}

.box-raport a {
	display: block;
	font-size: 17px;
	padding-right: 20px;
	margin: 10px 0 0;
	line-height: 1.3em;
}

.box-raport span {
	font-size: 14px;
	color: #7a7a7a;
}

.post .entry-content .box-raport p {
	color: #6c6c6c;
	font-size: 13px;
	line-height: 1.4em;
}

.special-report > p {
	position: relative;
	top: -3px;
}

.social-share {
	padding-left: 0;
}

.social-share li {
	color: #8b8b8b;
	font-size: 19px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	margin: -2px 0 10px;
}

.social-share ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.social-share a {
	background: url(../images/icons.png) 0 -122px;
	width: 36px;
	height: 36px;
	display: block;
	position: relative;
}

.social-share a.tw {
	background-position: 0 -122px;
}

.social-share a.tw:hover {
	background-position: -127px -205px;
}

.social-share a.fb {
	background-position: -36px -122px;
	height: 37px;
}

.social-share a.fb:hover {
	background-position: -163px -205px;
}

.social-share a.gplus {
	background-position: -72px -122px;
}

.social-share a.gplus:hover {
	background-position: -199px -205px;
}

.social-share a.mail {
	background-position: -108px -122px;
}

.social-share a.mail:hover {
	background-position: -235px -205px;
}

.social-share a.share {
	background-position: -144px -122px;
}

.social-share a.share:hover {
	background-position: -271px -205px;
}

.social-share a > span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.social-share a .stButton .stLarge {
	background-image: none !important;
	width: 36px;
	height: 36px;
}

.social-share a .stButton {
	margin: 0;
}


.social-share-campaigns ul li {
	float: left;
	padding-left: 0px !important;
	padding-right: 10px;
}
.social-share-campaigns { overflow: hidden; }



.box-bottom {
	border-top: 1px solid #d2d2d2;
	margin: 43px 0 0 0;
	padding: 28px 0 10px;
	font-size: 14px;
	line-height: 1.5em;
}

.box-bottom span {
	max-width: 90px;
	float: left;
	color: #888;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	width: 14%;
}

body.russian .box-bottom span {
	max-width: 100px;
	width: 17%;
}



.box-bottom div {
	margin-bottom: 26px;
}

.box-bottom ul {
	padding: 0;
	list-style-type: none;
	margin: 0;
	float: left;
	width: 76%;
}

.box-bottom ul li {
	float: left;
	margin-right: 5px;
	line-height: 1.5em;
	margin-bottom: 2px;
}

.box-bottom .date {
	color: #606060;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}

.box-bottom ul .url {
	float: right;
	color: #888888;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}

.box-bottom ul .url a {
	margin-left: 10px;
}


body.arabic .box-bottom ul,
body.arabic .box-bottom ul .url,
body.arabic .box-bottom ul li,
body.arabic .box-bottom span {
	float: right;
}
body.arabic .box-bottom span {
	text-align: left;
}
body.arabic .box-bottom ul .url a {
	margin-left: 0px;
	margin-right: 10px;
}
body.arabic .box-bottom ul .url {
	margin-right: 2em;
}





.box-like {
	background: #e9e6dc;
	padding: 8px 0px 15px 13px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}
body.arabic .box-like {
	padding-right: 13px;
}

.post .box-like p {
	color: #886741;
	font-size: 18px;
	margin-bottom: 6px;
	margin-top: 5px;
}

.box-like ul {
	padding: 0;
	list-style-type: none;
}

.box-like .btn-red {
	margin-right: 10px;
	font-size: 18px;
}

.iphone .box-like, .android .box-like {
	padding-bottom: 10px;
}

.box-like li {
	float: left;
}

.box-like a.tw,.box-like a.fb, .box-like a.share, .box-like a.mail, .box-like a.gplus {
	color: #696763;
}

.box-like li {
	font-size: 15px;
	color: #696763;
	position: relative;
	line-height: 27px;
	padding-left: 34px;
	margin-right: 12px;
	position: relative;
	margin-bottom: 5px;
	height: 50px;
}

body.turkish .box-like li {
	padding-left: 29px;
}
body.turkish .box-like .btn-red {
	margin-right: 0px;
}

body.turkish .box-like li:first-child,
.box-like li:first-child {
	padding-left: 0px;
}
.box-like a > span {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.box-like a span.stButton {
	margin: 0;
}

.box-like a span.stButton .stLarge {
	background-image: none !important;
	display: block;
	height: 27px;
}

.box-like a.share {
	margin-right: 0;
}

.box-like a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 27px;
	height: 27px;
}

.box-like a.tw:before {
	background: url(../images/icons.png) -208px -363px;
}

.box-like a.tw:hover:before {
	background-position: -205px -293px;
}

.box-like a.fb:before {
	background: url(../images/icons.png) -235px -363px;
}

.box-like a.fb:hover:before {
	background-position: -232px -293px;
}

.box-like a.gplus:before {
	background: url(../images/icons.png) -262px -363px;
}

.box-like a.gplus:hover:before {
	background-position: -259px -293px;
}

.box-like a.mail:before {
	background: url(../images/icons.png) -181px -363px;
}

.box-like a.mail:hover:before {
	background-position: -178px -293px;
}

.box-like a.share:before {
	background: url(../images/icons.png) -289px -363px;
}

.box-like a.share:hover:before {
	background-position: -286px -293px;
}





.comments {
	background: #f7f6f2;
	border-top: 1px solid #e6e4dc;
	margin-top: 28px;
	padding: 15px 0 38px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}

.comments h3 {
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	font-size: 24px;
	margin-bottom: 10px;
}

.comments .col-sm-8 {
	padding-left: 10px;
}

.comments .comment {
	padding-bottom: 1.4em;
	border-bottom: 1px solid #edc;
}

.comments p {
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.comments .col-sm-2 {
	padding-left: 0;
	color: #745c5c;
	font-size: 13px;
	padding-top: 37px;
}

.comments span {
	display: block;
}

.related-stories {
	position: absolute;
	right: 10px;
	top: 30%;
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
}

.related-stories a {
	color: #c73733;
}

.related-stories h4 {
	color: #8b8b8b;
	font-size: 11px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.related-stories ul img {
	float: left;
	margin-right: 15px;
	margin-top: 2px;
}

.related-stories ul li {
	margin-bottom: 28px;
	line-height: 1.1em;
}

.related-stories div a {
	display: block;
	margin-bottom: 3px;
}

.related-stories div a img {
	width: 100%;
}

.related-stories .more {
	font-size: 18px;
	display: block;
	margin: 25px 0;
}






/* blog bio footer */

#author-footer {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #ccc;
	position: relative;
	overflow: hidden;
	color: #777;
	font-style: italic;
}
#author-footer a {
	color: #d84341;
}
#author-footer:after {
	clear: both;
	margin-bottom: 2em;
}
#author-footer.with-pic img {
	position: absolute;
	float: left;
}
#author-footer.with-pic #bio {
	position: relative;
	margin-left: 100px;
	float: left;
}







/* blog author bio page */

#author-header.with-pic  {
	margin-right: 20px;
	position: relative;
}

#author-header.with-pic .author-bio {
	margin-left: 0;
	margin-right: 120px;
}

#author-header.with-pic img {
	position: absolute;
	bottom: 0px;
	right: 0;
}





/* 3.3 Country
------------------------------------------------------------------------------*/





.country {
	padding: 110px 0 0 0;
}


.country .entry-content p {
	padding: 0 15px 0 0;
}


h1#page-title {
	font-size: 3.5em;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	line-height: 1em;
	margin-bottom: 16px;
}

.country h1,
.country h2,
.country h3,
.country h4 {
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
/*
	padding-left: 15px;
*/
	padding-right: 15px;
	line-height: 1em;
	margin-bottom: 16px;
}


.country .right-bar h1,
.country .right-bar h2,
.country .right-bar h3,
.country .right-bar h4 {
	padding-left: 0px;	
}
.country .right-bar h4 {
	font-size: 24px;		
}


.country .col-sm-3 {
	padding-left: 0;
}

.country .divider:before {
	left: 8px;
}

.country .legend .desc {
	width: 155px;
	letter-spacing: normal;
	margin-left: 7px;
}


.mt-image-right { margin-left: 1em !important; }
.mt-image-left { margin-right: 1em !important; }






.top-story h1,
.top-story h2,
.top-story h3,
.top-story h4,
.top-story h5 {
	padding-left: 0px;
}




/* top-widget */

div.top-widget {
	margin-top: 1.75em;
	margin-bottom: 1.5em;
	border-top: 1px solid #ccc;
	padding-top: .5em;
	padding-bottom: .5em;
}

.module-hed {
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	color: #666565;
	font-size: 18px;	
}

div.top-widget ul li, ul.little-bullets li {
	list-style: none;
	margin: .25em 0 0.8em 0;	
	padding-left: 10px;
	background-color: transparent;
	background-image: url(/css/images/list-bullet.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0.7em;
	font-size: 15px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}

.arabic div.top-widget ul li, .arabic ul.little-bullets li {
	padding-right: 10px;
	background-position: right 0.7em;
}

div.top-widget p { 	
	font-size: 97%;
	margin-bottom: .5em;
}

div.top-widget p img {
	margin: 0px;
	float: none;
	clear: both;
}

div.top-widget ul, ul.little-bullets {
	margin: 1em 0px 1em 0px;
}



.regional-contact {
	font-size: 13px;
	line-height: 1.4em;
	padding-left: 20px;
}
.regional-contact .link-contact {
	margin: 0;
	line-height: 1.4em;
}
.regional-contact  p {
	margin: .8em 0;
}


/* Newsletter */
.newsletter p {
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	color: #666565;
	margin-bottom: .5em;
}

.newsletter {
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	margin: 29px 0 8px 20px;
	max-width: 204px;
	padding: 0px 0 24px 0;
}

.newsletter input[type=text] {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #a9a9a9;
	background: #fff;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	font-size: 14px;
	padding: 0 0 0 8px;
	height: 25px;
	color: #8e8e8e;
	margin: 8px 0 0;
}

.newsletter input[type=submit] {
	border: none;
	margin: 5px 0 0 0;
	padding: 3px 23px;
	float: right;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #d5cac1;
	behavior: url(/ui/js/PIE.htc);
	position: relative;
	color: #000;
	font-size: 14px;
	font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
}

a.link-contact {
	position: relative;
	background: url(../images/ico_1.png) no-repeat left 1px;
	min-height: 18px;
	margin-left: 20px;
	font-size: 17px;
	padding-left: 25px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}

.box-links {
	border-top: 2px solid #a8997c;
	margin: 40px 0 0 0;
	padding: 12px 0;
}

.box-links > ul {
	float: left;
}

.box-links > ul li {
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	float: left;
	color: #d63738;
	font-size: 21px;
	margin-right: 27px;
	position: relative;
}

.box-links > ul li:last-child {
	margin-right: 0;
}

.ie8 .box-links > ul li.last {
	margin-right: 0;
}

.box-links > ul a {
	color: #d63738;
}

.box-links > ul li:before {
	content: '|';
	position: absolute;
	right: -14px;
	top: 0;
	color: #a5a5a5;
}

.box-links li:last-child:before {
	content: none;
}

.ie8 .box-links li.last:before {
	content: none;
}



/* Custom Select */
.custom-select {
    float: right;
    vertical-align: middle;
    display: block;
    position: relative;
    width: 220px;
    border: 1px solid #a9a9a9;
	background-color: #fff;
    z-index: 1000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 30px;
    font-size: 14px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	height: 25px;
}

/* keep box left in the page header */
.index-hed .col-sm-3 { margin-left: 0px; }
.index-hed .custom-select { float: none; margin: 0px; }

.index-hed .col-sm-9 { padding-left: 0px; }


.ie8 .custom-select {
	position: relative;
}

.custom-select a.current-selected {
	display: block;
	cursor: pointer;
	height: 25px;
	color: #000;
	padding: 3px 30px 5px 5px;
	text-decoration: none;
	background: url(../images/arrow_select.png) no-repeat right 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	line-height: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.custom-select a.current-selected:focus {
	outline: none;
}

.custom-select .custom-select-wrapper {
	position: absolute;
	left: -999em;
	z-index: 999;
	border: 1px solid #a9a9a9;
	background: #fff;
}

.custom-select.open .custom-select-wrapper {
	width: 100%;
	left: auto;
	background: #fff;
	z-index: 1001;
	color: #fff;
	border: 1px solid #a9a9a9;
}

.custom-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.custom-select ul li {
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
	display: block;
}

.custom-select ul li:first-child {
	border-top: none;
	display: none;
}

.custom-select ul li a {
    background: #fff;
	display: block;
	padding: 3px 12px 3px 5px;
	text-decoration: none;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.custom-select ul li:first-child a {
	background: none;
	border-radius: 0;
}

.custom-select ul li a:hover,
.custom-select ul li a.current {
	background: #D5CAC1;
	text-decoration: none;
}

.custom-select ul li a:focus {
	outline: none;
}


.article .col-sm-9 {
	padding-left: 0;
}


.posts {
	border-top: 1px solid #a8997c;
	margin: 40px 0 0 0;
	padding: 10px 0 0 0;
	overflow: hidden;
}

.posts h3 {
	margin: 0 0 10px 0;
	line-height: 1.2em;
}


.posts-sidebar .big-date,
.posts-sidebar .date {
	font-size: 14px;
	color: #666;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	margin: 0 0 8px 0;
	display: block;
}
.posts-sidebar .big-date { font-size: 18px;	}


.posts-sidebar {
	padding: 40px 0 0 16px;
}

.posts-sidebar .other-languages {
	color: #757575;
	font-size: 12px;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	margin: 0 0 7px 0;
}

.post-content {
	line-height: 1.5em;
}



.posts-sidebar .other-languages a {
	color: #c83733;
	font-size: 16px;
}

.posts-sidebar h4 {
	font-size: 11px;
	color: #757575;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	text-transform: uppercase;
}

.posts-sidebar ul {
	overflow: hidden;
	line-height: 1.1em;
}
.posts-sidebar ul li {
	display: inline;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	font-size: 12px;
	margin-right: .3em;
	color: #505050;
	line-height: 1.1em;
}

.posts-sidebar ul li a {
	color: #505050;
}



.featured-image {
	float: left;
	padding-left: 0;
}

.featured-image .caption {
	font-size: 11px;
	color: #666;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	display: inline-block;
	max-width: 374px;
}

.featured-image img {
	display: block;
	width: 100%;
}

.posts .post-author {
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	margin: 0 0 24px 0;
}

.more-section {
	border-top: 1px solid #a8997c;
	margin-top: 40px;
	padding-top: 10px;
}


section.pull-left {
	margin-bottom: 1em;
}


a.more-category-news {
	font-size: 24px;
	color: #000;
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
}
a.next-page, a.previous-page  {
	font-size: 24px;
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
}



/* Popup */
.popup {
	border: 1px solid #c1af9b;
	border-left: none;
	border-right: none;
	background-color: #fff;
	-moz-box-shadow: 0 10px 13px rgba(0,0,0,.23), inset 0 5px 20px rgba(196,190,168,.25);
	-webkit-box-shadow: 0 10px 13px rgba(0,0,0,.23), inset 0 5px 20px rgba(196,190,168,.25);
	box-shadow: 0 10px 13px rgba(0,0,0,.23), inset 0 5px 20px rgba(196,190,168,.25);
	behavior: url(/ui/js/PIE.htc);
	position: fixed;
	top: 20%;
	width: 100%;
	padding: 30px 0 40px 0;
	display: none;
	z-index: 1034;
}

.ie8 .popup {
	box-shadow: 0 10px 13px #999;
}

.android .popup, .iphone .popup {
	position: absolute;
	top: 0;
	z-index: 1100;
}

.popup > div {
	max-width: 720px;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.popup h2 {
	font-family: 'SourceSansPro-Bold', sans-serif;
	font-weight: normal;
	font-size: 30px;
	color: #000;
	min-height: 100px;
	padding-left: 120px;
	max-width: 600px;
	margin: 0 auto;
	float: none;
}

.popup p {
	font-size: 18px;
	color: #000;
	text-align: center;
	line-height: 1.4em;
	font-size: 18px;
	margin-top: .5em;
}

.popup h2:before {
	content: '';
	position: absolute;
	left: 0;
	top: -20px;
	width: 102px;
	height: 100px;
	background: url(../images/logo1.png) no-repeat;
}

.popup form {
	margin: 20px auto 0;
	max-width: 600px;
}

.popup fieldset {
	float: left;
	width: 115px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
}

.popup fieldset:first-child {
	width: 160px;
}

.popup fieldset:first-child span {
	max-width: 130px;
}

.popup fieldset:last-child {
	width: 205px;
}

.popup fieldset:last-child

.ie8 .popup fieldset.last {
	width: 200px;
}

.popup fieldset label {
	display: block;
	font-family: 'SourceSansPro-Bold', sans-serif;
	font-size: 13px;
	margin-bottom: 3px;
	color: #000;
}

.popup fieldset label span {
	line-height: 1.1em;
	display: inline-block;
	max-width: 200px;
}

.ie8 .popup fieldset label span {
	position: relative;
	top: -2px;
}

.popup fieldset label input[type=checkbox] {
	float: left;
	margin-right: 5px;
}

.popup .box-sign {
	max-width: 400px;
	width: 100%;
	margin: 20px auto 0;
	position: relative;
}

.popup input[type=text] {
	border: 1px solid #999;
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 5px rgba(0,0,0,.2);
	behavior: url(/ui/js/PIE.htc);
	color: #a7a7a7;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
	height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 100px;
	-webkit-appearance: none;
	border-radius: 0;
	line-height: 1.3em;
}

.ie8 .popup input[type=text] {
	padding-top: 4px;
}

.popup input[type=submit] {
	position: absolute;
	right: 0;
	top: 0;
	width: 98px;
	border: 1px solid #6a1f1d;
	background: #d84e4c;
	background: -moz-linear-gradient(top, #d84e4c 0%, #d43d3b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d84e4c), color-stop(100%,#d43d3b));
	background: -webkit-linear-gradient(top, #d84e4c 0%,#d43d3b 100%);
	background: -o-linear-gradient(top, #d84e4c 0%,#d43d3b 100%);
	background: -ms-linear-gradient(top, #d84e4c 0%,#d43d3b 100%);
	background: linear-gradient(to bottom, #d84e4c 0%,#d43d3b 100%);
	-pie-background: linear-gradient(#d84e4c 0%,#d43d3b 100%);
	behavior: url(/ui/js/PIE.htc);
	color: #fff;
	font-size: 18px;
	font-family: 'SourceSansPro-Regular', sans-serif;
	border-left: none;
	line-height: 1em;
	height: 100%;
	-webkit-appearance: none;
	border-radius: 0;
}

.ie8 .popup input[type=submit] {
	line-height: 1em;
}

.ie8 body {
	overflow-x: hidden;
}

a.btn-close {
	display: block;
	width: 37px;
	height: 36px;
	position: absolute;
	right: 0px;
	top: 0;
	background: url(../images/btn_close.png);
	z-index: 1000;
}



a.gs-title {
	font-size: 2em;
	font-family: 'SourceSansPro-Regular', Arial, sans-serif;
}



/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* Icon Fonts
*********************************/
/* Font-face Icons */
/*@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/*.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }*/

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}*/

/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
	height: 333px;
	width: 100%;
}
.swiper-slide {
	width: 970px;
	height: 333px;
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.socialbox-wrapper .swiper-slide, .socialbox-wrapper .swiper-container {
	height: auto;
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-active {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}

.mobile-contact,
.select-mobile {
	display: none;
}


/* 4. RESPONSIVE
--------------------------------------------------------------------------------
==============================================================================*/

@media screen and (max-width: 980px) {

	.box-like a.tw, .box-like a.fb, .box-like a.share, .box-like a.mail, .box-like a.gplus {
		margin-right: 0px;
	}

}

@media screen and (max-width: 950px) {
	.country .col-sm-3 		{ padding-right: 10px;	}	
	.country .legend .desc	{ width: 150px;			}
}


@media screen and (max-width: 945px) {
	a.supporter { display: none; }
}

@media screen and (max-width: 940px) {

	.footer-top .col-md-2 {
		padding: 0;
	}
	
	.footer-top .box-back {
		width: 12%;
	}
	
	.footer-top .btn-red {
		margin-left: 0;
	}
	
	.social-footer ul {
		padding-left: 10px;
	}
	
	.custom-select {
		clear: both;
	}
	
	.arrow-left {
		background: url(../images/icons.png) -304px -117px;
		width: 37px;
		height: 71px;
		left: 0;
		top: 30%;		
	}
	
	.arrow-left, .arrow-right {
		position: absolute;
		display: block;
		z-index: 1000;
	}
	
	.arrow-left {
		display: none;
	}
	
	.arrow-right {
		background: url(../images/icons.png) -266px -117px;
		width: 37px;
		height: 71px;
		right: 0;
		top: 30%;
	}
	
	.multimedia-wrapper .arrow-right {
		top: 22%;
	}

	.navigation > li > a {
		font-size: 14px;
		padding-top: 8px;
	}
	
}


@media screen and (min-width: 921px) and (max-width: 930px) {
	.box-like .btn-red		{ margin-right: 5px;   	}	
	.box-like li			{ margin-right: 10px;	}
}


@media screen and (min-width: 850px) and (max-width: 920px) {
	.box-like .btn-red		{ margin-right: 3px;   	}	
	.box-like li			{ margin-right: 4px;	}
}


@media screen and (max-width: 920px) {

	.country .col-sm-3 {
		padding-right: 5px;
	}
		
}

@media screen and (max-width: 900px) {
	
	.site-name {
		width: 311px;
		height: 36px;
		margin-left: 105px;
		top: 33px;
	}
	
	.logo-top {
		background: url(../images/logo_top_mobile.png);
		width: 15px;
		height: 16px;
		left: 95px;
	}
	
	.site-name:before {
		background-size: 97px 94px;
		width: 97px;
		height: 94px;
		left: -96px;
		top: -29px;
	}
	
	.site-name span {
		background-size: 311px auto;
	}
	
	.right-header {
		margin-top: 13px;
	}
	
	.navbar {
		top: 82px;
	}
	
	.search {
		width: 13%;
	}
	
	.search input[type=text] {
		width: 70%;
	}
	
	.navigation {
		width: 87%;
	}
	
	.top-box {
		padding-top: 65px;
	}
	
	.box-data .col-sm-9, .box-data .col-sm-3 {
		width: 100%;
	}
	
	.box-data .divider:before {
		content: none;
	}
	
	.box-data .legend {
		border-top: 1px solid #CBCBCB;
		margin: 20px 0 0 0;
		padding-top: 10px;
	}
	
	.legend li {
		width: 25%;
		float: left;
	}
	
	.legend .number {
		width: auto;
		text-align: left;
	}
	
	.list-post .col-sm-7, .list-post .col-sm-5 {
		width: 50%;
	}
	
	.general-list {
		width: 25%;
	}
	
	.list-post {
		width: 75%;
	}
	
	.list {
		margin: 0 0 0 10px;
	}
	
	.general-list > a {
		margin-left: 10px;
	}
	
	.box-data .divider:before, .divider.links:before {
		left: 0;
	}
	
	.footer-top .btn-red {
		margin-left: 0;
		margin-right: 0;
	}
	
	.footer-top .col-sm-3 {
		width: 123px;
		padding-left: 0;
	}
	
	a.supporter, .newsletter {
		display: none;
	}
	
	.social-footer {
		width: 43%;
		padding: 0;
	}
	
	.country .col-sm-9 {
		width: 100%;
	}
	
	.col-sm-2.box-subscribe {
		width: 25%;
		padding-right: 0;
	}
		
	.country .legend-mobile {
		display: block;
		padding: 0 20px;
		margin-bottom: 20px;
	}
	
	.legend-mobile .legend {
		border: 1px solid #cbcbcb;
		border-left: none;
		border-right: none;
		padding: 5px 0;
	}
	
	.legend-mobile .legend li {
		width: 33.3%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 20px;
		margin-bottom: 10px;
	}
	
	a.mobile-contact {
		float: right;
		margin-right: 20px;
		margin-top: 45px;
		font-size: 18px;
		color: #a28768;
		font-family: SourceSansPro-Semibold, Arial, sans-serif;
		background: url(../images/ico_contact.png) no-repeat left 0;
		padding-left: 25px;
		min-height: 21px;
		display: block;
	}
	
	.legend-mobile .legend .desc {
		max-width: 75%;
		position: relative;
		width: 75%;
		top: 3px;
	}
	
	.country {
		padding-top: 80px;
	}
	
	.country h1 {
		float: left;
	}
	
	.country .col-sm-3.divider:before {
		content: none;
	}

	a.link-contact {
		float: left;
	}
	
		
	.row .navigation a {
		padding-left: 32px !important;
		padding-bottom: 12px !important;
	}
	
	.row .navigation .map-container a {
		padding-bottom: 3px !important;
		padding-left: 9px !important;
	}
	
	.row .navigation .countries-lists a {
		padding-left: 0 !important;
	}
	
	.navigation a.item-data:before {
		left: 0;
	}
	
	.navigation a.item-services:before {
		left: -3px;
	}
	
	.navigation a.item-countries:before {
		left: -1px;
	}
	
	.row .navigation a.item-involved {
		padding-left: 35px !important;
	}
	
	.navigation a.item-involved:before {
		left: 0;
	}
	
	.navigation a.item-advocacy:before {
		left: 8px;
	}

	.right-bar {
		display: none;
	}


}

@media screen and (max-width: 850px) {
/*	.row .navigation a:before {
		display: none;
	}*/

	
	.post .col-sm-9 {
		width: 93%;
	}
	
	.related-stories {
		width: 100%;
		position: relative;
		right: 0;
		padding: 0 70px 0 95px;
		top: 0;
		margin: 50px 0 0 0;
	}
	
	.related-stories ul, .related-stories > div {
		float: left;
		width: 50%;
	}
	
	.related-stories .more {
		float:  left;
	}
	
	.post h2 {
		font-size: 36px;
	}
	
	.article .col-sm-9 {
		width: 100%;
	}
	
	.posts-sidebar {
		width: 100%;
		padding: 20px 0 0 0;
	}
	
	.posts-sidebar .date, .posts-sidebar .other-languages {
		float: left;
		margin-right: 20px;
	}
	
	.posts-sidebar h4 {
		display: block;
		float: left;
		font-size: 12px;
	}
	
	.posts-sidebar > div {
		width: 100%;
	}
	
	.posts-sidebar .other-languages {
		font-size: 14px;
	}
	
	.posts-sidebar .other-languages a {
		display: inline-block;
		margin-left: 5px;
		font-size: 14px;
	}
	
	.posts-sidebar ul {
		float: left;
		margin-left: 5px;
		position: relative;
		top: 2px;
	}
	
	.posts-sidebar ul li a {
		font-size: 13px;
		margin-left: 3px;
	}
	
	.select-mobile {
		float: right;
		display: block;
	}
	
	.more-section a.more-category-news {
		float: left;
	}
	
	.select-mobile .custom-select {
		display: block;
	}
	
	.row .navigation .dropdown-menu .map-container a {
		font-size: 12px;
		padding-left: 12px !important;
		padding-bottom: 3px !important;
	}
	
	.top-box .general-list {
		padding-bottom: 40px;
	}
	
	.top-box .col-sm-9 {
		margin-bottom: 40px;
	}

	.slider-stories .flex-direction-nav .flex-next {
		display: block;
	}

}

@media screen and (min-width: 768px) {
	.navigation {
		display: block !important;
	}
}


@media screen and (max-width: 797px) and (min-width: 760px) {
    .navigation > li {
        margin-right: 5px;
    }
}



/* tablet */
@media screen and (max-width: 767px) {


	.slider-stories .flex-control-paging {
		display: none;
	}
		
	.row.general-box.top-box .col-sm-9 {
		margin-bottom: 1.5em;
		overflow: hidden;
	}

	ul.slides h1,
	ul.slides h2,
	ul.slides h3 {
		display: block;
		clear: both;
		float: none  !important;
		padding-right: 0px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		margin-left: 0px !important;
		width: 100% !important; 
		height: auto;
	}

	.slider-stories ul.slides {
		width: 100% !important;
		margin-left: 0px !important;
	}
	.slider-stories ul.slides li.slide {
		padding-bottom: 2em;
		margin-bottom: 1em;
		border-bottom: 1px solid #dabc95;
		overflow: hidden;
	}

	.slider-stories li.slide.clone {
		display: none !important;
	}

	.flex-viewport { max-height: none; }



	
	.popup {
		position: absolute;
		top: 0;
	}
	
	.logo-top {
		display: none;
	}
	
	.languages {
		display: none;
	}
	
	.general-box.top-box {
		padding-top: 20px;
	}
	
	.right-header {
		display: none;
	}
	
	.menu-mobile {
		display: block;
		width: 38px;
		height: 28px;
		float: left;
		background: url(../images/icons@2x.png) 0px 28px;
		background-size: 76px 56px;
		margin-top: 15px;
	}
	
	.menu-mobile:hover, .menu-mobile.active-mobile {
		background-position: 0px 0px;
	}
	
	.search-mobile {
		display: block;
		width: 38px;
		height: 28px;
		float: left;
		margin-left: 5px;
		background: url(../images/icons@2x.png) 38px 28px;
		background-size: 76px 56px;
		margin-top: 15px;
		margin-right: 5px;
	}
	
	.search-mobile:hover, .search-mobile.active-mobile {
		background-position: 38px 0px;
	}
	
	.site-name {
		width: 66px;
		height: 65px;
		top: 5px;
		left: 5px;
		margin: 0;
	}
	
	.site-name:before {
		content: none;
	}
	
	.wrapper-top {
		height: 58px;
	}
	
	.site-name span {
		background: url(../images/logo_mobile.svg);
		width: 66px;
		height: 66px;
		z-index: 1033;
		background-size: 66px 66px;
	}
	
	.navbar {
		position: relative;
		top: 0;
		background: none;
		border: none;
		min-height: 1px;
		height: auto;
	}
	
	.navigation {
		position: absolute;
		width: 100%;
		background: #e4e1d5;
		max-width: 100%;
		border: none;
		float: none;
		-webkit-padding-start: 0;
		left: 0;
		padding: 10px 15px 10px 13px;
		display: none;
		-moz-box-shadow: 0 5px 8px 0 rgba(122,111,94,.75);
		-webkit-box-shadow: 0 5px 8px 0 rgba(122,111,94,.75);
		box-shadow: 0 5px 8px 0 rgba(122,111,94,.75);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.navbar-default, .navbar {
		border: none;
	}
	
	.navbar-fixed-top {
		border-width: 0;
	}
	
	.item-contact, .item-languages {
		display: block;
	}
	
	.dropdown-toggle {
		position: relative;
	}
	
	.navigation > li > a:before {
		position: absolute;
		left: 0 !important;
		top: 9px !important;
		content: '';
		background: url(../images/icons.png) no-repeat -200px -122px !important;
		width: 5px !important;
		height: 10px !important;
	}
	
	.navigation .open > a {
		border: none;
	}
	
	.navigation > .open > a:before {
		position: absolute;
		left: -5px !important;
		top: 10px !important;
		content: '';
		background: url(../images/icons.png) no-repeat -206px -122px !important;
		width: 11px !important;
		height: 6px !important;
	}
	
	.continents {
		margin-top: 10px;
		display: block;
		border-top: 1px solid #c6bda8;
		padding-top: 18px;
	}
	
	.continents select {
		display: block;
		float: none;
		margin: 0 0 5px 0;
		background: #c6bda8;
		max-width: 300px;
		width: 100%;
		border: 1px solid #A9A9A9;
		height: 25px;
		font-size: 14px;
		font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	}
	
	.search {
		display: none;
		position: absolute;
		width: 100%;
		left: 0;
		-moz-box-shadow: 0 5px 8px 0 rgba(122,111,94,.75);
		-webkit-box-shadow: 0 5px 8px 0 rgba(122,111,94,.75);
		box-shadow: 0 5px 8px 0 rgba(122,111,94,.75);
		background: #e4e1d5;
		padding: 10px 20px;
		top: -10px;
	}
	
	.search input[type=submit] {
		background: #f2f0ea url(../images/ico_search.png) no-repeat center center;
		width: 40px;
		height: 32px;
		position: absolute;
		top: 9px;
		border: 1px solid #d5cfbe;
		right: 18px;
		margin: 0;
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	.search input[type=submit]:hover {
		background: #f2f0ea url(../images/ico_search_hover.png) no-repeat center center;
		width: 40px;
		height: 32px;
	}
	
	.search input[type=text] {
		height: 30px;
		color: #37290d;
		outline: 0 none;
		width: 100%;
		padding-right: 50px;
	}
	
	.search input[type=text]::-webkit-input-placeholder {
		color: #37290d;
	}

	.search input[type=text]:-moz-placeholder {
		color: #37290d;
	}

	.search input[type=text]::-moz-placeholder {
		color: #37290d;
	}

	.search input[type=text]:-ms-input-placeholder {
		color: #37290d;
	}

	.navigation > li, .navigation > li:first-child {
		float: left;
		width: 100%;
		display: block;
		-webkit-padding-start: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.navigation a:hover, .navigation a:active, .navigation .open > a {
		background: none;
		color: #37290d;
		text-decoration: none;
		box-shadow: none;
	}	
	
	.navigation > li.countries {
		display: none;
	}
	
	.row .navigation > li > a, .navigation > li:first-child > a, .row .navigation a.item-involved {
		padding: 5px 5px 5px 10px !important;
		color: #37290d;
		font-size: 16px;
		font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
		height: auto;
	}
	
	.row .navigation > li > a span {
		font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
	}
	
	.navigation > li > a:hover:after, .navigation > li.open > a:after {
		content: none;
	}
	
	.navigation span {
		display: inline;
		margin: 0 3px;
	}
	
	.navigation .dropdown-menu {
		position: relative;
		width: 100%;
		box-shadow: none;
		border: none;
		padding: 0 0 0 17px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #e4e1d5;
		top: 0;
	}
	
	.row .navigation .dropdown-menu a {
		padding: 2px 0 !important;
		float: none;
	}
	
	.navigation .dropdown-menu a {
		color: #473615;
		padding-left: 0;
		font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	}



	
	.slider-stories .slides a p {
		display: none;
	}
	
	
	.top-box .general-list {
		padding-top: 20px;
	}
	
	.general-list h2 {
		width: 100%;
	}
	
	.general-list {
		width: 100%;
	}
	
	.list, .general-list > a {
		margin: 0;
	}
	

	
	.general-box {
		padding-top: 50px;
	}
	
	.heading h2 {
		font-size: 18px;
		padding-left: 25px;
	}
	
	.box-services h3 {
		font-size: 32px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.heading span,
	.heading a {
		display: none;
	}

	#mapembed .heading { padding-bottom: 0px; }
	#mapembed .heading a#logo-small { display: block; }
	#mapembed .heading a#logo-small img { width: 38px; }
	#mapembed h2 { margin-left: 20px; }

	.heading {
		padding-bottom: 5px;
	}
	
	.list-post .col-sm-7, .list-post .col-sm-5, .list-post {
		width: 100%;
	}
	
	.list-post .col-sm-7, .list-post .col-sm-5, .list-post .entry-content figure {
		padding-right: 0;
	}
	
	h3, h3 a, .box-events .list-post h3, .box-events .list-post h3 a {
		font-size: 24px;
	}
	
	.list-post .col-sm-5 {
		padding: 20px 0;
	}
	
	.list-post .entry-content p {
		font-size: 14px;
	}
	
	.box-data h3, .box-data img, .box-data .col-sm-9 {
		display: none;
	}
	
	.box-data .legend {
		border: none;
		padding: 0 0 0 20px;
		margin: 0;
	}
	
	.legend li {
		float: none;
		width: 100%;
	}
	
	.legend .number {
		width: 50px;
		float: left;
		text-align: right;
	}
	
	.divider.links:before {
		content: none;
	}
	
	.tags {
		display: none;
	}
	
	.box-events .list {
		margin-top: 20px;
	}
	
	.box-involved h4 {
		font-size: 24px;
	}
	
	.box-involved p {
		font-size: 13px;
	}

	.col-sm-2.box-subscribe {
		width: 22%;
	}
	
	.social-footer ul {
		margin-left: 0;
	}
	
	.social-share {
		display: none;
	}
	
	.post {
		padding-top: 10px;
	}
	
	.post h2 {
		font-size: 30px;
		margin: 5px 0 10px;
	}
	
	.post .col-sm-9 {
		width: 100%;
		padding: 0;
	}
	
	.post header, .post figure, .special-report {
		padding: 0 15px;
	}
	
	.post header > p {
		font-size: 12px;
	}
	
	.post .entry-content .special-report  p {
		padding: 0;
	}
	
	.top-article div {
		display: none;
	}
	
	.box-raport {
		margin-bottom: 15px;
	}
	
	.post .entry-content .asset-body,
	.post .entry-content .asset-more {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.box-bottom .published {
		position: relative;
	}
	
	.box-bottom .published ul {
		width: 100%;
	}
	
	.box-bottom .date {
		position: absolute;
		top: -2px;
		left: 80px;
	}

	body.russian .box-bottom .date {
		left: 105px;
	}

	body.arabic .box-bottom .date {
		right: 55px;
	}

	
	.box-bottom ul .url {
		float: left;
		margin-top: 25px;
	}
	
	.post .entry-content figcaption {
		text-align: left;
	}
	
	.post .entry-content .col-sm-11 {
		width: 100%;
		padding: 0;
	}
	
	.box-bottom div {
		margin-bottom: 20px;
	}
	
	.box-bottom ul .url a {
		margin-left: 20px;
	}
	
	.box-bottom {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.post .box-like p {
		text-align: center;
		color: #000;
	}
	
	.box-like ul li:first-child {
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	.box-like {
		padding-bottom: 0;
	}
	
	.box-like ul {
		text-align: center;
		margin-bottom: 0;
	}

	.box-like ul li {
		display: inline-block;
		float: none;
		line-height: 0;
		margin-bottom: 0;
		margin-right: 5px;
		padding-left: 8px;
	}

	body.turkish .box-like .btn-red,
	.box-like .btn-red {
		margin: 5px auto 15px;
		display: block;
		width: 164px;
		float: none;
		font-size: 27px;
		height: auto;
		padding-bottom: 5px;
	}


	body.turkish .box-like .btn-red,
	body.russian .box-like .btn-red {
		font-size: 1.25em;
		width: 250px;
	}
	
	.box-like a.tw,
	.box-like a.fb,
	.box-like a.share,
	.box-like a.mail,
	.box-like a.gplus {
		text-indent: -99999px;
		margin-right: 0;
		float: none;
		display: inline-block;
	}
	
	.box-like ul a {
		width: 45px;
		height: 45px;
		margin-right: 5px;
	}
	
	.box-like a.tw:before,
	.box-like a.fb:before,
	.box-like a.gplus:before,
	.box-like a.mail:before,
	.box-like a.share:before,
	.box-like a.tw:hover:before,
	.box-like a.fb:hover:before,
	.box-like a.gplus:hover:before,
	.box-like a.mail:hover:before,
	.box-like a.share:hover:before{
		width: 45px;
		height: 45px;
	}
	
	.box-like a.mail:before {
		background-position: 0 -159px;
	}
	
	.box-like a.mail:hover:before {
		background-position: -166px -241px
	}
	
	.box-like a.tw:before {
		background-position: -45px -159px;
	}
	
	.box-like a.tw:hover:before {
		background-position: -211px -241px;
	}
	
	.box-like a.fb:before {
		background-position: -90px -159px;
	}
	
	.box-like a.fb:hover:before {
		background-position: -256px -241px;
	}
	
	.box-like a.gplus:before {
		background-position: -135px -159px;
	}
	
	.box-like a.gplus:hover:before {
		background-position: -301px -241px;
	}
	
	.box-like a.share:before {
		background-position: -180px -159px;
	}
	
	.box-like a.share:hover:before {
		background-position: -307px -196px;
	}

	.box-like .bl-email {
		display: none;
	}
	
	.related-stories {
		padding: 0 15px;
		margin: 30px 0 30px 0;
		font-family: SourceSansPro-Regular, Arial, sans-serif;
	}
	
	.related-stories .more {
		font-family: SourceSansPro-Regular, Arial, sans-serif;
		margin: 10px 0 0 0;
		font-size: 16px;
	}
	
	.related-stories ul, .related-stories > div {
		width: 100%;
	}
	
	.related-stories h4 {
		font-size: 16px;
		color: #000;
		text-transform: none;
	}
	
	.related-stories ul li {
		margin-bottom: 15px;
	}
	
	.related-stories div a:first-child, .comments {
		display: none;
	}
	
	.related-stories ul img {
		display: none;
	}
	
	.featured-image,
	.posts .post-author,
	.post-content,
	.posts-sidebar,
	.box-links {
		display: none;
	}

	.index-hed {
		margin-bottom: 0px;	
	}
	
	.posts {
	}
	
	.posts.border-top {
		border-top: 2px solid #A8997C;
		margin-top: 20px;
		padding-top: 20px;
	}
	
	.posts h3, .posts h3 a {
		font-size: 28px;
	}
	
	.country .legend-mobile,
	.country figcaption {
		display: none;
	}
	
	.country h3, .country h3 a {
		font-size: 28px;
		margin-top: 10px;
	}
	
	.country {
		padding-top: 20px;
	}
	
	.country h1 {
		margin-bottom: 10px;
		font-size: 32px;
	}
	
	a.mobile-contact {
		margin-top: 10px;
	}
	
	.services:before {
		width: 16px;
		height: 22px;
		background-position: -150px -265px;
		top: 0;
	}

        .hotspots:before { top: 1px; }
        h2.hotspots { padding-left: 30px; }
	
	.reports:before {
		width: 12px;
		height: 15px;
		background-position: -37px -245px;
		top: 2px;
		left: 0;
	}
	
	.data:before {
		width: 16px;
		height: 15px;
		background-position: -49px -245px;
		top: 0;
		left: 0;
	}
	
	.action:before {
		width: 13px;
		height: 17px;
		background-position: -65px -245px;
		top: 3px;
		left: 0;
	}
	
	.cpj-blog:before {
		width: 16px;
		height: 14px;
		background-position: -78px -245px;
		top: 4px;
		left: 0;
	}
	
	.multimedia:before {
		width: 19px;
		height: 16px;
		background-position: -94px -245px;
		top: 2px;
		left: 0;
	}
	
	.media-social:before {
		width: 15px;
		height: 15px;
		background-position: -113px -245px;
		top: 4px;
		left: 0;
	}
	
	.events:before {
		width: 14px;
		height: 15px;
		background-position: -128px -245px;
		top: 4px;
		left: 0;
	}
	
	.involved:before {
		width: 21px;
		height: 20px;
		background-position: -15px -245px;
		top: 0;
		left: 0;
	}
	
	.footer-top .box-back {
		width: 50%;
	}
	
	.col-sm-2.box-subscribe {
		position: absolute;
		top: 50px;
		z-index: 100;
		max-width: 100%;
		width: 94%;
		border-top: 1px solid #d2c8b7;
		border-bottom: 1px solid #d2c8b7;
		padding-top: 8px;
		padding-bottom: 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		left: 15px;
	}
	
	.footer-top .col-sm-3 {
		width: 50%;
	}
	
	.footer-top .btn-red {
		float: right;
	}
	
	.social-footer {
		width: 100%;
		padding: 70px 0 0 0;
	}
	
	.social-footer ul {
		padding: 0;
	}
	
	a.subscribe:before, a.subscribe:hover:before {
		background: url(../images/icons.png) -180px -122px;
		width: 20px;
		height: 15px;
		top: 7px;
	}
	
	a.subscribe {
		font-size: 20px;
		color: #574f3f;
		font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
		padding-left: 15px;
	}
	
	.mobile-follow {
		display: block;
		color: #8c6c48;
		font-size: 13px;
		font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	}
	
	a.all-media {
		display: none;
	}
	
	.mobile-follow p {
		float: left;
		margin-top: 0;
	}
	
	.mobile-follow a {
		float: right;
		color: #8c6c48;
	}
	
	.footer-top {
		padding-bottom: 10px;
	}
	
	.footer-links ul {
		display: none;
		padding: 5px 0 8px 16px;
	}
	
	.footer-bottom {
		display: none;
	}
	
	.footer-links h4 {
		font-size: 19px;
		font-family: 'SourceSansPro-Semibold', Arial, sans-serif;
		width: 100%;
		cursor: pointer;
		padding: 2px 0 2px 15px;
		position: relative;
	}
	
	.footer-links h4:before {
		position: absolute;
		left: 0;
		top: 7px;
		content: '';
		background: url(../images/icons.png) -200px -122px;
		width: 5px;
		height: 10px;
	}
	
	.footer-links h4.arrow:before {
		background: url(../images/icons.png) -206px -122px;
		width: 11px;
		height: 6px;
		top: 10px;
		left: -3px;
	}
	
	.footer-links a {
		font-size: 16px;
		padding: 1px 0;
	}
	
	.social-footer ul a {
		width: 41px;
		height: 41px;
		background-size: 41px 41px;
	}
	
	.social-footer ul a.fb {
		background: url(../images/fb.png);
		background-size: 41px 41px;
		width: 41px;
		height: 41px;
	}
	
	.social-footer ul a.fb:hover {
		background: url(../images/icons.png) -41px -322px;
		width: 41px;
		height: 41px;
	}

	.social-footer ul a.tumblr {
		background: url(../images/tumblr.png);
		background-size: 41px 41px;
		width: 41px;
		height: 41px;
	}
	
	.social-footer ul a.tumblr:hover {
		background: url(../images/icons.png) -246px -322px;
		width: 41px;
		height: 41px;
		background-size: auto;
	}

	.social-footer ul a.tw {
		background: url(../images/tw.png);
		background-size: 41px 41px;
		width: 41px;
		height: 41px;
	}
	
	.social-footer ul a.tw:hover {
		background: url(../images/icons.png) 0 -322px;
		width: 41px;
		height: 41px;
		background-size: auto;
	}
	
	.social-footer ul a.gplus {
		background: url(../images/gplus.png);
		background-size: 41px 41px;
		width: 41px;
		height: 41px;
	}
	
	.social-footer ul a.gplus:hover {
		background: url(../images/icons.png) -82px -322px;
		width: 41px;
		height: 41px;
		background-size: auto;
	}
	
	.social-footer ul a.video {
		background: url(../images/yt.png);
		background-size: 41px 41px;
		width: 41px;
		height: 41px;
	}
	
	.social-footer ul a.video:hover {
		background: url(../images/icons.png) -123px -322px;
		width: 41px;
		background-size: auto;
		height: 41px;
	}
	
	.social-footer ul a.rss {
		background: url(../images/rss.png);
		background-size: 41px 41px;
		width: 41px;
		height: 41px;
		width: 41px;
	}
	
	.social-footer ul a.rss:hover {
		background: url(../images/icons.png) -164px -322px;
		width: 41px;
		height: 41px;
		background-size: auto;
	}
	
	.social-footer ul a.in {
		background: url(../images/in.png);
		background-size: 41px 41px;
		width: 41px;
		height: 41px;
	}
	
	.social-footer ul a.in:hover {
		background: url(../images/icons.png) -205px -322px;
		background-size: auto;
		width: 41px;
		height: 41px;
	}


}


@media screen and (max-width: 760px) {
	.logo-top { display: none !important; }
	
	a.btn-close {
		right: 10px;
	}
	
	.popup h2 {
		padding-right: 30px;
		font-size: 24px;
	}
	
	.popup > div {
		padding: 0 20px;
	}

}

@media screen and (max-width: 640px) {
	.logo-top { display: none !important; }

	.more-section a.more-category-news {
		font-size: 18px;
		color: #db2f2d;
		font-family: 'SourceSansPro-Regular', Arial, sans-serif;
		width: 100%;
	}
	
	.select-mobile {
		float: left;
		margin: 15px 0 0 0;
	}
	
	.select-mobile .custom-select {
		margin: 0;
	}
	
	.checkboxs {
		max-width: 235px;
		margin: 0 auto;
	}
	
	.popup fieldset, .popup fieldset:first-child {
		width: 100%;
		margin: 0 auto;
	}
	
	.popup fieldset label {
		margin: 0 auto 3px;
	}
	
	.popup fieldset label span { 
		line-height: 1.3em;
		position: relative;
		top: 1px;
	}
	
	.popup fieldset label span,.popup fieldset:first-child span {
		max-width: 100%;
	}
	
	.iphone .popup fieldset label span  {
		top: 3px;
	}
	
	.popup h2 {
		padding-left: 75px;
	}
	
	.popup h2:before {
		background: url(../images/logo_mobile.png);
		width: 66px;
		height: 65px;
		top: -10px;
	}

	ul.slides iframe { width: 100%; }
	article iframe {
		 width: 100%;
		 height: auto;
	}
	#cse-search-results iframe {
		width: 100%;
	}

}


@media screen and (max-width: 540px) {
	.logo-top { display: none !important; }
	.android .box-involved img {
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 480px) {

    body {
      width: auto !important;
      overflow-x: hidden !important;
    }

	.logo-top { display: none !important; }

	.slider-stories .slides > li { display: block; }

	.top-story p,
	.top-story img,
	.top-story div,
	.top-box ul.slides li.slide p,
	.top-box ul.slides li.slide img,
	.top-box ul.slides li.slide div {
		display: block;
		clear: both;
		float: none  !important;
		padding-right: 0px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		margin-left: 0px !important;
		width: 100% !important; 
		height: auto;
	}

	.top-box ul.slides li.slide a,
	.top-box ul.slides li.slide span {
		display: inline;
	}

	.home-top {		
		overflow: hidden;
	}
	
	.top-box,
	.top-box ul.slides li.slide,
	.top-box ul.slides li.slide div.imgblock,  {
		width: 100% !important; 
	}




	h1#page-title {
		font-size: 2em;
		line-height: 1.2em;
	}

	.entry-content {
		margin-bottom: 1em;
	}


	.posts .col-sm-12,
	.posts .col-sm-9 {
		padding-right: 0px;
	}	

	.posts .mt-enclosure,
	.entry-content .mt-enclosure {
		width: 100%;
		padding-left: 0px !important;
	}

	.posts .mt-enclosure .imgblock .caption,
	.posts .mt-enclosure .imgblock,
	.posts .mt-enclosure-image,
	.posts .mt-enclosure-image img,
	.entry-content .mt-enclosure .imgblock .caption,
	.entry-content .mt-enclosure .imgblock,
	.entry-content .mt-enclosure .imgblock img {
		width: 100% !important;
		height: auto;
	}

	.popup h2:before {
		content: none;
	}
	.popup h2 {
		padding-left: 0;
	}

	.multimedia-carousel {
		display: none;
	}
	
	.multimedia-mobile {
		display: block;
	}
	
	.multimedia-mobile .multimedia-box {
		width: auto;
		margin-bottom: 20px;
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	.divider:before {
		background: none;
	}	

	.more-section div.custom-select {
		float: none;
		margin-left: 0;
		margin-bottom: .75em;
	}

	
}



/* 5. PRINT
--------------------------------------------------------------------------------
==============================================================================*/

@media print {

	body { 
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif; 
	}

	#accessibility-nav, 
	.hide,
	.navbar,
	.header .pull-right,
	.footer-top,
	.footer-links,
	.social-share,
	.top-article div,
	.related-stories,
	.box-bottom,
	.box-like, 
	.related-stories,
	.footer > .col-sm-2,
	.popup,
	.vcard { 
		display: none !important; 
	}
	
	header .col-sm-12 { margin-left: -10px;}
	.site-name:before { background-image: none; }
	.site-name { margin-left: 0px; }
	.site-name a { display: none; }
	.site-name span.visible-print {
		background-image: none;
		display: block !important;		
		height: 50px;
		line-height: 50px;
		text-indent: 0px;
		font-family: 'SourceSansPro-Regular', Arial, sans-serif;
	}
	.site-name span.visible-print img {
		width: 75px;
		padding-right: 25px;
		margin-right: 25px;
		border-right: 1px solid #ccc;
	}

	.wrapper-top { margin-bottom: 2em; }
	
	.wrapper-top,
	.wrapper-top .container {
		background-image: none;
		background-color: #fff;
	}
	



	.post .entry-content .col-sm-11, .box-raport, .post .entry-content p, .post .col-sm-9 {
		padding: 0;
		width: 100%;
	}
	
	.box-raport {
		margin-bottom: 15px;
	}
	
	.post {
		padding-top: 0;
	}
	
	.comments .col-sm-8 {
		float: left;
		width: 80%;
	}
	
	.footer {
		border: none;
	}
	
	.copyright p {
		padding: 0;
	}
	

}


