CINXE.COM

<!DOCTYPE html> <html lang="en"> <head>    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5BWNTN');</script>   <script type="text/javascript"> var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/hi.matomo.cloud/container_Ykp3KsnF.js'; s.parentNode.insertBefore(g,s); </script>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>HI from the field | Humanity & Inclusion UK</title> <meta name="description" content="" /> <meta name="keywords" content="Humanity & Inclusion is an independent charity supporting disabled and vulnerable people in situations of poverty and exclusion, conflict and disaster. The new name of Handicap International." /> <meta name="generator" content="Humanity & Inclusion" /> <meta name="robots" content="index, follow">  <meta name="DC.title" content="" /> <meta name="geo.region" content="" /> <meta name="geo.placename" content="" /> <meta name="geo.position" content="" /> <meta name="ICBM" content="" /> <meta property="og:type" content="website" /> <meta property="og:title" content="HI from the field" /> <meta property="og:url" content="https://www.humanity-inclusion.org.uk/en/hi-from-the-field" /> <meta property="og:image" content="https://www.humanity-inclusion.org.uk/sn_uploads/news/webp.net-resizeimage_6_4.jpg" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="https://www.humanity-inclusion.org.uk/en/hi-from-the-field" /> <meta name="twitter:title" content="HI from the field" /> <meta name="twitter:image" content="https://www.humanity-inclusion.org.uk/sn_uploads/news/webp.net-resizeimage_6_4.jpg" /> <meta name="sednove_lg" content="en"> <meta name="sednove_uid" content="382"> <meta name="sednove_url" content="https://www.humanity-inclusion.org.uk/en/hi-from-the-field"> <meta name="sednove_date" content="2024-10-28"> <link rel="canonical" href="https://www.humanity-inclusion.org.uk/en/hi-from-the-field" > <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script>window.jQuery || document.write('<script src="/extenso/module/sed/core/js/jquery-3.5.1.min.js">\x3C/script>')</script> <script type="text/javascript" src="/en/assets/js/sed_site.js"></script> <link href="/en/assets/css/sed_site.css" rel="stylesheet"> <style type="text/css"> [data-sn-id="11434"] a:not(.btn) { color: #ffffff;} [data-sn-id="11434"] a:not(.btn):hover { color: #ffffff;} @media(min-width:992px){#w_11434 .link-level-3{color:#ffffff; } #w_11434.sticky .link-level-3{color:#ffffff; } .children-level-3{padding-left:20px;} #w_11434 .donate_btn>a{ background-color: #d34607 !important; padding-top:15px !important; padding-bottom:15px !important; padding-left:18px !important; padding-right:18px !important; border-radius:12px;} #w_11434 > div > div > nav > ul > li.level-1.donate_btn.d-none.d-lg-block{margin-left:60px;} #w_11434 > div > div > nav > ul > li:nth-child(2){margin-left:60px;} } @media(max-width:991px){#w_11434 .donate_btn>a{ background-color: #d34607 !important; padding-top:12px !important; padding-bottom:12px !important; padding-left:10px !important; padding-right:10px !important; border-radius : 12px;} #w_11434 .level-1.has-children{ margin-top:10px; margin-bottom:20px;} #w_11434 .level-1.has-children.open{ text-align:center; margin-bottom:10px; } #w_11434 .level-1.has-children.open > ul{ text-align:left; } #w_11434 .level-1.has-children{ text-align:center; } #w_11434 .level-1.has-children > ul{ text-align:left; } .children-level-3{ padding-left:20px;} } .fa-heart{ padding-right:5px; font-size:20px;} .sn-element[data-sn-id="7701"] { margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; max-width: 280px;} .sn-element[data-sn-id="11197"] { margin-top: 15px; margin-bottom: 15px; max-width: 200px;} .spacer_header{ height:124px} @media(max-width:1199px){ .spacer_header{ height:119px } } .sn-element[data-sn-id="7278"] { z-index: 999;} .sn-element[data-sn-id="7282"] { margin-top: -20px; margin-left: auto; margin-right: auto;} #widget_donate{ padding:15px 0;} @media(min-width:992px){ #widget_donate{ padding:115px 0 0; height:120px; z-index:56; } } @media(min-width:1200px){ #widget_donate{ padding:120px 0 0; } } .sn-element[data-sn-id="495e53e1-321b-4894-821c-f8ca5b2c9aff"] { z-index: 55; background-color: #0077c8;} .sn-element[data-sn-id="6256"] { z-index: 4;} .sn-element[data-sn-id="b4409e17b6f94cd9b71642764d185c5c"] { margin-top: 93px;} .sn-element[data-sn-id="11915"] { margin-top: 40px;} .sn-element[data-sn-id="6264"] h1,.sn-element[data-sn-id="6264"] h2,.sn-element[data-sn-id="6264"] h3,.sn-element[data-sn-id="6264"] h4,.sn-element[data-sn-id="6264"] h5,.sn-element[data-sn-id="6264"] h6{ color: #004f71;} .sn-element[data-sn-id="6264"] { margin-top: 15px; margin-bottom: 15px; color: #004f71;} .sn-element[data-sn-id="6265"] { margin-top: 30px;} .sn-element[data-sn-id="6266"] { margin-top: 15px; margin-bottom: 15px;} .sn-element[data-sn-id="6267"] { margin-bottom: 30px;} .sn-element[data-sn-id="2f5f1a8d2f674dc5bafcf2c44691c5ee"] { padding-left: 0px; padding-right: 0px;} .sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h1,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h2,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h3,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h4,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h5,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h6{ color: #ffffff;} .sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] { margin-top: 40px; background-color: #0077c8; color: #ffffff;} .sn-element[data-sn-id="41fe7b47-f29e-49ec-950b-10b03d067cdf"] { background-color: #002e43;} .sn-element[data-sn-id="746d0f8d-a317-41e4-9a56-aa25c74ee5c3"] { margin-top: 20px;} .sn-element[data-sn-id="6585"] { padding-top: 10px; padding-right: 80px;} .sn-element[data-sn-id="6586"] { margin-top: 25px; margin-bottom: 25px; max-width: 200px;} .sn-element[data-sn-id="6589"] { padding-top: 10px;} [data-sn-id="8041"] a:not(.btn) { color: #ffffff;} [data-sn-id="8041"] a:not(.btn):hover { color: #e35205;} .sn-element[data-sn-id="8041"] h1,.sn-element[data-sn-id="8041"] h2,.sn-element[data-sn-id="8041"] h3,.sn-element[data-sn-id="8041"] h4,.sn-element[data-sn-id="8041"] h5,.sn-element[data-sn-id="8041"] h6{ color: #ffffff;} .sn-element[data-sn-id="8041"] { color: #ffffff;} .sn-element[data-sn-id="6593"] { padding-top: 10px; background-color: #004f71;} .sn-element[data-sn-id="7281"] { margin-bottom: 20px;} .sn-element[data-sn-id="8a07129e-f3fe-46d3-b146-0d9d91f21722"] { background-color: #002e43;} .sn-element[data-sn-id="6587"] h1,.sn-element[data-sn-id="6587"] h2,.sn-element[data-sn-id="6587"] h3,.sn-element[data-sn-id="6587"] h4,.sn-element[data-sn-id="6587"] h5,.sn-element[data-sn-id="6587"] h6{ color: #5bc2e7;} .sn-element[data-sn-id="6587"] { padding-top: 20px; color: #5bc2e7;} .sn-element[data-sn-id="6588"] { margin-top: 25px; margin-bottom: 25px;} .sn-element[data-sn-id="6244"] { padding-top: 15px; padding-bottom: 15px;} .sn-element[data-sn-id="812b4c74-dec6-4504-934e-481e10c21b8a"] { max-width: 100%;} .sn-element[data-sn-id="f222e416-d29b-4598-9f46-040ffcc0956e"] { background-color: #002e43;} .sn-element[data-sn-id="61cb3d0e-97ba-4e51-a9bd-974551112ba3"] { margin-top: 20px;} .sn-element[data-sn-id="11435"] { padding-top: 10px;} .sn-element[data-sn-id="11436"] { padding-right: 80px;} .sn-element[data-sn-id="11437"] { margin-top: 25px; margin-bottom: 25px; max-width: 200px;} .sn-element[data-sn-id="11438"] { padding-top: 10px;} [data-sn-id="11439"] a:not(.btn) { color: #ffffff;} [data-sn-id="11439"] a:not(.btn):hover { color: #ffffff;} .sn-element[data-sn-id="11439"] h1,.sn-element[data-sn-id="11439"] h2,.sn-element[data-sn-id="11439"] h3,.sn-element[data-sn-id="11439"] h4,.sn-element[data-sn-id="11439"] h5,.sn-element[data-sn-id="11439"] h6{ color: #ffffff;} .sn-element[data-sn-id="11439"] { color: #ffffff;} .sn-element[data-sn-id="11440"] { padding-top: 10px;} .sn-element[data-sn-id="11441"] { margin-bottom: 20px;} .sn-element[data-sn-id="2bc8b84d-cd16-4368-b606-842848d0bb7d"] { background-color: #002e43;} .sn-element[data-sn-id="f230c0aa-1f57-4d66-aa00-9ba1e8fbea4d"] { padding-top: 20px;} .sn-element[data-sn-id="11444"] h1,.sn-element[data-sn-id="11444"] h2,.sn-element[data-sn-id="11444"] h3,.sn-element[data-sn-id="11444"] h4,.sn-element[data-sn-id="11444"] h5,.sn-element[data-sn-id="11444"] h6{ color: #0077c8;} .sn-element[data-sn-id="11444"] { margin-top: 25px; margin-bottom: 25px; color: #0077c8;} span.fa.fa-external-link{ display:none;} .sn-element[data-sn-id="11445"] { padding-top: 15px; padding-bottom: 15px;} .sn-element[data-sn-id="c3880a31-ed2f-4186-a87d-422b4e8987b4"] { min-height: 1500px!important; background-color: #002e43;} .sn-element[data-sn-id="c3880a31-ed2f-4186-a87d-422b4e8987b4"] > .sn-background-container > .sn-background-image { background-image: url('/sn_uploads/fck/SOUDAN_SUD_Peter_Bol_DT3-footer-1600px.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center top;} .sn-element[data-sn-id="76e236ee-b43c-467f-81a4-b963bcb03490"] { padding-top: 20px;} .sn-element[data-sn-id="11446"] { border-radius: 20px; margin-top: 20px; margin-bottom: 7%; margin-left: auto; margin-right: auto; max-width: 180px; background-color: #ffffff;} @import url('https://fonts.googleapis.com/css?family=Bitter'); .usine_donate_now .donate_header { max-width: 250px; margin: 0 0 10px; color: #fff; font-weight: bold; line-height: 1.2em; background: #d34607; padding: 20px 10px 25px 10px; text-align: center; border: 5px solid #fff; } .usine_donate_now .size-md{ font-size:26px; } .usine_donate_now .donate_header a { color: #fff; } .usine_donate_now .donate_header a strong{ font-size: 26px; text-transform:uppercase; margin:10px 0; line-height:.7; display:block; } .usine_donate_now .donate_header p { color: #000; font-weight: normal; } .usine_donate_now .donate_header #donate_result p { margin-top: 15px; } .usine_donate_now .donate_header .fa{ font-size: 36px; font-weight: inherit; vertical-align:middle; } .usine_donate_now .donate_header .form { margin-top: 30px; } .usine_donate_now .donate_header .form .amount_detail{ color: #d34607; background: #fff; padding: 12px 6px; border-radius: 5px; font-size:21px; } @media(max-width:1199px) AND (min-width:992px){ .usine_donate_now .donate_header .form .amount_detail{ font-size:17px; } } .usine_donate_now .donate_header .form .radio_f{ cursor:pointer; display:block; } .usine_donate_now .donate_header .form .radio_f:last-child{ padding-right:0; } .usine_donate_now .donate_header .form .radio_f input:checked + .amount_detail{ color: #fff; background: #d2492A ; position: relative; } .usine_donate_now .donate_header .form .radio_f input:checked + .amount_detail:before { position: absolute; content: ''; width: 0; height: 0; top:0; left:50%; transform:translate(-50%,0); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #d34607; } .usine_donate_now .donate_header .form .other_amount input{ border: none; width: 80%; font-weight: normal; } .usine_donate_now .donate_header .form .other_amount input:focus{ outline: 0; } .usine_donate_now .donate_header .donate_btn { font-size:24px; color: #fff; background: #d2492A ; padding: 12px; border: none; border-radius: 5px; margin-top: 20px; margin-bottom: 10px; position: relative; font-weight:bold; } .usine_donate_now .donate_header .donate_btn:after{ position: absolute; content: '\f105'; font-family: "Font Awesome 5 Pro"; font-size: 1.5em; right: 20px; } @media screen and (max-width: 992px){ .usine_donate_now{ background: #d34607; text-align: center; } .usine_donate_now .donate_header { margin: auto; padding: 10px 10px 10px 10px; border: none; } .usine_donate_now .donate_header .mobile_icon img { width: 26px; vertical-align:unset; } } /*donate urgent*/ .usine_donate_urgent{ margin:0 -15px; background:#bf2100; } .usine_donate_urgent .w_height{ min-height:116px; } .usine_donate_urgent .widget_label{ font-family: 'Bitter', serif; color:#FFF; font-size:30px; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); font-style:italic; } .usine_donate_urgent .w_height > *{ padding-right:10px; } .usine_donate_urgent .w_height > *:last-child{ padding-right:0; } .usine_donate_urgent form fieldset > *, .usine_donate_urgent form > *{ display:inline-block; vertical-align:middle; margin:2px 0; } .usine_donate_urgent form fieldset > label{ margin:0; } .usine_donate_urgent form fieldset > label > .amount_detail{ width: 63px; color: #8e0000; background:#FFF; font-size:20px; font-weight:bold; padding: 9px 0; text-align: center; border-radius:6px; cursor:pointer; } .usine_donate_urgent form fieldset > label > input:checked + .amount_detail{ background:#8e0000; color:#FFF; position:relative; } .usine_donate_urgent form fieldset > label > input:checked + .amount_detail:before{ position:absolute; top:0; left:50%; transform:translateX(-50%); content:''; border-left:7px transparent solid; border-top:6px #bf2100 solid; border-right:7px transparent solid; } .usine_donate_urgent .amount_detail .input-group{ max-width:190px; } .usine_donate_urgent .amount_detail input{ padding-right:0; box-shadow:none; border-right:none; } .usine_donate_urgent .amount_detail input:focus + .input-group-addon{ border-color: #66afe9; } .usine_donate_urgent .amount_detail .input-group-addon{ border-left:0; background:#FFF; color:#8e0000; font-weight:bold; border-top-right-radius:6px; border-bottom-right-radius:6px; } .usine_donate_urgent .donate_btn{ background:#8e1600; color:#FFF; font-weight:bold; font-size:27px; display:inline-block; padding:4px 30px; position:relative; white-space:nowrap; border-top-right-radius:4px; border-bottom-right-radius:4px; } .usine_donate_urgent .donate_btn:after{ content: "\f105"; display: block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; right:10px; top:50%; transform:translateY(-50%); } .usine_donate_urgent .donate_btn:before{ content:''; background:url(/sn_uploads/widgets/hand_red2.png) center bottom no-repeat; background-size:auto 100%; height:120%; width:60px; position:absolute; right: 100%; bottom:0; transform:translateX(46%); } .usine_donate_urgent .dcell_form .help-block{ color:#FFF; font-weight:bold; } @media (max-width:767px){ .usine_donate_urgent .w_height, .usine_donate_urgent .w_height > *{ display:block; } .usine_donate_urgent .w_height > *{ padding:10px 0; text-align:center; } .usine_donate_urgent .w_height .dcell_form{ padding:0; } .usine_donate_now .donate_header a{ text-decoration:none; vertical-align:text-top; } .usine_donate_now .donate_header a strong{ display:inline-block; margin:0; } .usine_donate_now .donate_header .fa{ vertical-align:unset; } .usine_donate_now .donate_header{ max-width:initial; } .usine_donate_now{ margin:0 -15px; } } .country_page_header .dcell h2 { white-space: nowrap; } .country_page_header .dcell{ vertical-align: bottom; } .country_page_header .dcell.more_link { padding-bottom: 10px; text-align: right; } .country_page_header .dcell.more_link a { color: #0077c8; } .country_page_header .dcell.more_link .fa { font-size: 2em; vertical-align: middle; padding-left: 5px; } .lastest_story_detail .tag { color: #0077c8; white-space: nowrap; font-family: inherit; margin-left: 5px; padding-left: 5px; border-left: 1px solid #d6dee4; } .lastest_story_detail .tag:first-of-type { margin-left: 0; padding-left: 0; border-left: 0; } .lastest_story_detail .col{ margin-bottom:30px; } @media screen and (max-width:767px){ .lastest_story_detail .news_title{ min-height:initial; } .country_page_header .dtable, .country_page_header .dcell { display: block; } .country_page_header .dcell.more_link { text-align: left; } } #sn_widget_11434 .sticky_container{ background-color : #0077c8; padding : 8px 15px 8px 15px; } #sn_widget_11434 .menu_container{ justify-content : center;align-items : center;flex-wrap : nowrap;} #sn_widget_11434 .sticky .sticky_container{ background-color : #0077c8; } @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .sticky_container{ background-color : #0077c8; } #sn_widget_11434 .menu_container{ justify-content : center;} } #sn_widget_11434 .logo_container{ text-align : left;padding : 3px 0px 3px 10px; flex-grow : 1;} #sn_widget_11434 .logo_styling{ width : 150px; } #sn_widget_11434 .sticky .logo_container{ text-align : left;padding : 3px 0px 3px 10px; flex-grow : 1;} #sn_widget_11434 .sticky .logo_styling{ width : 150px; } @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .logo_container{ text-align : left;padding : 3px 0px 3px 0px; } #sn_widget_11434 .mobile_is_open .logo_styling{ width : 130px; } } #sn_widget_11434 .main_menu{ align-items : center;flex-wrap : wrap;flex-direction : row;} @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .main_menu{ justify-content : center;align-items : center;flex-direction : column;} #sn_widget_11434 .mobile_is_open .open_search_container{ display : none;} } #sn_widget_11434 .level-1{ margin : 0px 20px 0px 10px; } #sn_widget_11434 .link-level-1{ font-size : 22px; color : #ffffff; } #sn_widget_11434 .link-level-1:hover, #sn_widget_11434 .link-level-1[aria-expanded=true]{ color : #ffffff; } #sn_widget_11434 .has-children > .link-level-1:after{ content : '\f078'; font-family: 'Font Awesome 5 Pro';; font-weight : 900;margin : 0px 0px 0px 5px; } #sn_widget_11434 .sticky .link-level-1{ color : #ffffff; } #sn_widget_11434 .sticky .has-children > .link-level-1:after{ content : ; font-family: 'Font Awesome 5 Pro';; font-weight : 900;} @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .link-level-1{ color : #fff; } #sn_widget_11434 .mobile_is_open .link-level-1:hover, #sn_widget_11434 .mobile_is_open .link-level-1[aria-expanded=true]{ text-decoration : underline #0077c8 ; -webkit-text-decoration : underline #0077c8 ; } #sn_widget_11434 .mobile_is_open .has-children > .link-level-1:after{ content : ; font-family: 'Font Awesome 5 Pro';; font-weight : 900;} } #sn_widget_11434 .children-level-2{ padding : 5px 10px 10px 10px; background-color : #0077c8; width : 250px; } #sn_widget_11434 .link-level-2{ padding : 10px 0px 5px 5px; color : #fff; } #sn_widget_11434 .link-level-2:hover{ color : #ffffff; text-decoration : underline ; -webkit-text-decoration : underline ; } #sn_widget_11434 .sticky .children-level-2{ background-color : #0077c8; } #sn_widget_11434 .sticky .link-level-2{ padding : 10px 0px 5px 5px; color : #ffffff; } @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .children-level-2{ background-color : #0077c8; } #sn_widget_11434 .mobile_is_open .link-level-2{ color : #ffffff; } #sn_widget_11434 .mobile_is_open .link-level-2:hover{ color : #ffffff; text-decoration : underline ; -webkit-text-decoration : underline ; } } #sn_widget_11434 .search_input_container{ background-color : rgba(255,255,255,.93);padding : 0px 15px 0px 15px; } #sn_widget_11434 .search_input{ font-size : 22px; } #sn_widget_11915 .breadcrumb_top{ background-color : #fff; padding : 0px; } #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;font-size : 14px; color : #0077c8; } #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} @media(max-width:1199px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } @media(max-width:991px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } @media(max-width:767px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } @media(max-width:575px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } #sn_widget_6584 h1, #sn_widget_6584 h2, #sn_widget_6584 h3, #sn_widget_6584 h4, #sn_widget_6584 h5, #sn_widget_6584 h6, #sn_widget_6584 p{ color : #0099cde; } #sn_widget_8041 h1, #sn_widget_8041 h2, #sn_widget_8041 h3, #sn_widget_8041 h4, #sn_widget_8041 h5, #sn_widget_8041 h6, #sn_widget_8041 p{ color : #e35205; } #sn_widget_6593 h1, #sn_widget_6593 h2, #sn_widget_6593 h3, #sn_widget_6593 h4, #sn_widget_6593 h5, #sn_widget_6593 h6, #sn_widget_6593 p{ color : #5bc2e7; } #sn_widget_6587 h1, #sn_widget_6587 h2, #sn_widget_6587 h3, #sn_widget_6587 h4, #sn_widget_6587 h5, #sn_widget_6587 h6, #sn_widget_6587 p{ color : #ffffff; } #sn_widget_6244 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : row;} #sn_widget_6244 .level-1{ margin : 0px 5px 0px 5px; } #sn_widget_6244 .link-level-1{ color : #ffffff; transition : all .3s cubic-bezier(.3,0,.2,1);} @media(max-width:767px){ #sn_widget_6244 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : column;} } #sn_widget_11436 h1, #sn_widget_11436 h2, #sn_widget_11436 h3, #sn_widget_11436 h4, #sn_widget_11436 h5, #sn_widget_11436 h6, #sn_widget_11436 p{ color : #ffffff; } #sn_widget_11439 h1, #sn_widget_11439 h2, #sn_widget_11439 h3, #sn_widget_11439 h4, #sn_widget_11439 h5, #sn_widget_11439 h6, #sn_widget_11439 p{ color : #fffff; } #sn_widget_11439 a:hover{ color : #fffff; } #sn_widget_11440 h1, #sn_widget_11440 h2, #sn_widget_11440 h3, #sn_widget_11440 h4, #sn_widget_11440 h5, #sn_widget_11440 h6, #sn_widget_11440 p{ color : #5bc2e7; } #sn_widget_11442 { font-weight : bold;text-align : center;} #sn_widget_11443 h1, #sn_widget_11443 h2, #sn_widget_11443 h3, #sn_widget_11443 h4, #sn_widget_11443 h5, #sn_widget_11443 h6, #sn_widget_11443 p{ color : #ffffff; } #sn_widget_11443 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_11445 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : row;} #sn_widget_11445 .level-1{ margin : 0px 5px 0px 5px; } #sn_widget_11445 .link-level-1{ color : #ffffff; transition : all .3s cubic-bezier(.3,0,.2,1);} @media(max-width:767px){ #sn_widget_11445 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : column;} } .sn-element[data-sn-id="8324"] { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;} .sn-element[data-sn-id="8322"] { margin-top: 10px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px;} .sn-element[data-sn-id="8325"] { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;} .sn-element[data-sn-id="8323"] { margin-top: 10px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px;} .sn-element[data-sn-id="8327"] { margin-top: 20px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;} .sn-element[data-sn-id="8326"] { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;} .sn-element[data-sn-id="8328"] { margin-top: 20px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;} .sn-element[data-sn-id="8329"] { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;} .sn-element[data-sn-id="8335"] { margin-top: 20px; margin-bottom: 40px;} </style> <script> requirejs.config({ paths: { "google": "https://maps.googleapis.com/maps/api/js?key=AIzaSyCL5bNoB7znTiOQZZ5RTeau6JVoe98z-wk", "ace": "//cdnjs.cloudflare.com/ajax/libs/ace/1.4.9/", "slider" : "//cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min", "jquery": "//code.jquery.com/jquery-3.5.1.min", "validate" : "//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min", "form": "//malsup.github.io/jquery.form", "owl-carousel2": "//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min", "pinterest" : "//assets.pinterest.com/js/pinit", "share":"//w.sharethis.com/button/buttons", "geocomplete":"//cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete", "clndr":"/js/site_calendar/clndr", "under":"//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.11.0/underscore", "moment":"/js/site_calendar/moment", "js.cookie":"https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min", "touch-punch":"//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min", "chosen":"/en/assets/js/chosen" }, shim: { 'geocomplete': ['jquery'], } }); </script> </head> <body class="sed_site_page">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BWNTN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="sn-foreground-color sn-background"></div> <a class="sr-only sr-only-focusable" href="#main" id="top"><span class="sn_pencil" data-sn_uid="849">Goto main content</span></a> <div class="sn-element container-fluid " data-sn-type="container" data-sn-id="de5b31f0-3f42-4957-87e4-f1a41399589e" > <div class="sn-element row " data-sn-type="row" data-sn-id="b5cd8b71-e625-48b1-8900-1092e40c6c8c" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-10 col-xl-12 " data-sn-type="column" data-sn-id="e7a93139-7ed4-41f4-9af3-be265d8990d2" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11434" data-sn-code="w_site_sticky_menu" data-sn-name="Sticky menu" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11434"><style> #w_11434 .sticky_container{ transition:all .2s cubic-bezier(.3,0,.2,1); position:relative; z-index: 99; } #w_11434 .menu_container{ display:flex; } #w_11434 .main_menu{ list-style:none; margin:0; padding:0; } #w_11434 .main_menu ul{ list-style:none; margin:0; } #w_11434 .main_menu{ display:flex; } #w_11434 .link-level-1{ transition:all .25s cubic-bezier(.3,0,.2,1); } /*level 1*/ #w_11434 .main_menu > .level-1{ position:relative; } #w_11434 .link-level-1{ animation:all .2s cubic-bezier(.3,0,.2,1); } #w_11434 .has-children > .link-level-1:after{ font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } /*level 2*/ #w_11434 .children-level-2{ display:none; position:absolute; top:100%; left:0; z-index:1; } #w_11434 .main_menu .level-2 > .link-level-2{ display:block; transition:all .25s cubic-bezier(.3,0,.2,1); } /*any levels after*/ #w_11434 .main_menu .active{ font-weight:bold; } /**/ #w_11434 .search_input_container{ z-index:1; display:none; position:absolute; top:0; left:0; height:100%; width:100%; animation: w_11434_fade_in 300ms cubic-bezier(.3,0,.2,1); flex-wrap: nowrap; align-items:center; } #w_11434 .search_input_container .input_container{ flex-grow:1; height:100%; } #w_11434 .search_input_container form{ height:100%; } #w_11434 .search_input{ background:none; border:none; outline:none; box-shadow:none; width:100%; height:100%; } @keyframes w_11434_fade_in{ 0%{ opacity:0; } 100%{ opacity:1; } } @keyframes w_11434_menu_appear{ 0%{ opacity:0; top:-20px; } 100%{ opacity:1; top:0; } } /*mobile*/ #w_11434 .toggle_mobile_container{ display:none; transition:top .25s cubic-bezier(.3,0,.2,1); top:0; flex-shrink:1; } #w_11434 .close_mobile{ display:none; } #w_11434 .placeholder_row{ visibility:hidden; } @media(max-width:991px){ #w_11434 .toggle_mobile_container{ display:block; position:relative; z-index:1; } #w_11434 .logo_container{ z-index:1; } #w_11434 .placeholder_row, #w_11434 .menu_container .nav_container{ display:none; } #w_11434 .children-level-2{ position:static; width:auto; } #w_11434.mobile_is_open .menu_container .nav_container{ width:100%; display:block; order: 3; animation:w_11434_slide_right .2s cubic-bezier(.3,0,.2,1); position:relative; left:0; } #w_11434 .menu_container{ flex-wrap:wrap; } #w_11434.mobile_is_open > .sticky_container{ position:fixed; top:0; left:0; right:0; bottom:0; overflow:auto; } } @keyframes w_11434_slide_right{ 0%{ left:-10%; } 100%{ left:0; } } /**/ /*sticky*/ #w_11434 .sticky_container{ position:fixed; top:0; left:0; right:0; } #w_11434.sticky .sticky_container{ position:fixed; top:0; left:0; right:0; } #w_11434 .logo{ display:block; } #w_11434.sticky .logo_sticky{ display:block; } #w_11434.sticky .logo{ display:none; } #w_11434 .logo_sticky{ display:none; } /**/ /*hidden_sticky_menu*/ #w_11434.hidden_sticky_menu{ /* -webkit-transition: opacity 600ms linear; transition: opacity 600ms linear; opacity: 0; */ -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } #w_11434{ /* -webkit-transition: opacity 600ms linear; transition: opacity 600ms linear; */ opacity: 1; visibility: visible; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; } </style><div id="w_11434"> <div class="sticky_container"> <div class="menu_container"> <div class="logo_container d-flex"><a class="d-block" href="/en/index" target=""> <img class="logo logo_styling img-fluid" src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_white_rgb.svg" alt="Humanity & Inclusion UK" title=""/> <img class="logo_sticky logo_styling img-fluid" src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_white_rgb.svg" alt="Humanity & Inclusion UK" title=""/> </a></div> <nav class="nav_container"> <ul class='main_menu'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">ABOUT US</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/about-us/index" class="link-level-2"><span class="link_text">Our Mission</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 has-children "> <a href="/en/action/index" class="link-level-2"><span class="link_text">Areas of Action</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 has-children "> <a href="/en/country/index" class="link-level-2"><span class="link_text">Where We Work</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 has-children "> <a href="/en/news/index" class="link-level-2"><span class="link_text">Latest News</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 "> <a class="link-level-2" href="/en/press-office"><span class="link_text">Press Office</span></a> </li> <li class="level-2 "> <a class="link-level-2" href="/en/stories/index"><span class="link_text">Photo stories</span></a> </li> <li class="level-2 "> <a class="link-level-2" href="/en/finances"><span class="link_text">Finances</span></a> </li> <li class="level-2 "> <a class="link-level-2" href="/en/work-with-us"><span class="link_text">Work With Us</span></a> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">TAKE ACTION</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/appeals/index" class="link-level-2"><span class="link_text">EMERGENCY APPEALS</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=60&amount=5000&frequency=once&lang=en_EN"><span class="link_text">Lebanon crisis</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/en/gaza-crisis"><span class="link_text">Gaza crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sudan-crisis"><span class="link_text">Sudan crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/ukraine-emergency"><span class="link_text">Ukraine crisis</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">WAYS TO DONATE</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/children-christmas-appeal"><span class="link_text">Christmas Appeal</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/index"><span class="link_text">Fundraising events</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/donate-in-memory-of-a-loved-one"><span class="link_text">Donate in Memory</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/give-in-your-will"><span class="link_text">Give In Your Will</span></a> </li> </ul> </li> <li class="level-2 "> <a class="link-level-2" href="/en/partnerships/index"><span class="link_text">Partnerships & Philanthropy</span></a> </li> <li class="level-2 has-children "> <a href="/en/campaign/index" class="link-level-2"><span class="link_text">CAMPAIGN WITH US</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/ceasefire-now"><span class="link_text">Gaza CeasefireNOW</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/stop-bombing-civilians"><span class="link_text">Stop Bombing Civilians</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/prosthetics-for-life"><span class="link_text">Prosthetics For Life</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 donate_btn d-lg-block d-none homepage"><a class="link-level-1" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=750&frequency=regular&lang=en_EN"><span class="link_text"><span aria-hidden="true" class="icon fa-regular fa-heart"></span> DONATE</span></a></li> </ul> </nav> <div class="toggle_mobile_container"> <a href="javascript:void(0)" class="btn btn-link link-level-1 open_mobile" title="Open menu"> <span class="far fa-bars" aria-hidden="true"></span> </a> <a href="javascript:void(0)" class="btn btn-link link-level-1 close_mobile" title="Close menu"> <span class="fal fa-times" aria-hidden="true"></span> </a> </div> </div> </div></div><script> /*sticky*/ $(window).on('scroll.w_11434',function(event){ if($(this).scrollTop() > 0){ if(!$('#w_11434').hasClass('sticky')){ $('#w_11434').addClass('sticky').attr('data-stickied-top', true); } }else{ $('#w_11434').removeClass('sticky').removeAttr('data-stickied-top'); } }); /**/ require(["/en/toolbox/module/sed/site_menu/widget/w_site_sticky_menu/sed_site_sticky_menu.js"], function(app) { if(app){ app.init({ wuid: '11434', menu_level_3_collapsed : 'no' }); } }); </script></div> </div> </div> </div> </div> <div class="sn-element container hidden-print d-print-none d-none d-print-none d-none " data-sn-type="container" data-sn-id="1603c903-5a59-4c19-815c-a7934f4ef0b3" > <div class="sn-element row " data-sn-type="row" data-sn-id="1a839f3a-96cd-420b-82e2-a4777c5e2b91" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 " data-sn-type="column" data-sn-id="9571f357-de8a-4448-a811-3dc4257a2a8d" > <div class="sn-element row " data-sn-type="row" data-sn-id="eff0d83d-d073-48d9-8323-703ce5bdfaad" > <div class="sn-element col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 " data-sn-type="column" data-sn-id="64f3d0ef-8eee-4530-9809-654a38535712" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget d-md-none " data-sn-type="widget" data-sn-id="7701" data-sn-code="usine_mega_drop_down_navigation" data-sn-name="Mega drop down navigation" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7701"> <style> #w_7180 ul{ list-style:none; padding:0; margin:0; } #w_7180 > ul{ display:table; width:66.6667%; } #w_7180 > ul > li{ display:table-cell; vertical-align:middle; padding:12px 0; } /*link level 1*/ #w_7180 > ul > li > a{ color:#FFF; font-size: 26px; display:table; width:100%; text-align:center; text-transform:uppercase; } #w_7180 > ul > li > a > span{ display:table-cell; vertical-align:middle; padding:0 20px; } #w_7180 > ul > li:first-child > a > span{ padding-left:0; } #w_7180 > ul > li:first-child > a{ border-left:none; } #w_7180 > ul > li:last-child > a > span{ padding-right:0; } /**/ /*mega dropdown*/ #w_7180 > ul > li > ul{ display:none; position:absolute; top:100%; left:0; width:100%; background:#34495e; z-index:99; padding-top:40px; } #w_7180 > ul > li.open > ul{ display:block; } #w_7180 > ul > li > ul:after{ content:''; display:table; clear:both; } #w_7180 > ul > li > ul > li{ float:left; width:25%; margin:0 0 40px; padding:0 20px; border-left:2px solid #2c3e53; } #w_7180 > ul > li > ul > li.close_dropdown{ border:none; padding:0px; margin:0; float:none; width:auto; position:absolute; bottom:0; right:0; } #w_7180 > ul > li > ul > li.close_dropdown > a{ padding:7px 12px; display:block; background:#2c3e53; color:#009cde; font-size:12px; position:relative; } #w_7180 > ul > li > ul > li:first-child{ border:none; } #w_7180 > ul > li > ul > li:nth-child(4n+1){ clear:both; border:none; } /**/ /*link level-2*/ #w_7180 > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:18px; display:block; padding-bottom:12px; text-decoration:none; } /*link level-3*/ #w_7180 > ul > li > ul > li > ul{ padding-left:10px; } #w_7180 > ul > li > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:16px; display:block; position:relative; } #w_7180 > ul > li > ul > li > ul > li > a:before{ content:''; position:absolute; left:-10px; top:8px; width:4px; height:4px; border-radius:50%; background:#009cde; } /**/ #w_7180 .btn_mobile_menu_container{ display:none; } @media(max-width:991px){ #w_7180 > ul{ width:100%; } } @media(max-width:767px){ #w_7180 .btn_mobile_menu_container{ display:block; text-align:right; } #w_7180 .btn_mobile_menu_container > a{ font-size:28px; color:#0077c8; transition:all .2s cubic-bezier(.3,0,.2,1); } #w_7180 .btn_mobile_menu_container > a.open{ color:#FFF; background:#0077c8; } #w_7180 > ul{ display:none; } #w_7180 > ul.mobile_open{ display:block; } #w_7180 > ul > li{ display:block; border-bottom:1px solid #ececef; position:relative; left:-100%; transition:left .3s cubic-bezier(.3,0,.2,1); } #w_7180 > ul > li > ul{ position:relative; padding:20px 0 10px; } #w_7180 > ul > li > a > span, #w_7180 > ul > li > a{ padding:0; border:none; } #w_7180 > ul > li > ul > li:first-child, #w_7180 > ul > li > ul > li{ float:none; width:auto; border:none; padding:20px 0; margin:0 20px; border-bottom:2px solid #2c3e53; } #w_7180 > ul > li > ul > li.close_dropdown{ display:none; } #w_7180 > ul > li > a{ color:#0077c8; } #w_7180 .mobile_logo{ max-width:280px; width:100%; height:auto; } } </style> <nav id="w_7180"> <div class="dtable hidden-sm hidden-md hidden-lg"> <div class="dcell"> <a href="/en/index-old"><img class="mobile_logo" src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg?maxw=600" alt="Humanity & Inclusion logo" /></a> </div> <div class="dcell dcell-minwidth"> <div class="btn_mobile_menu_container ml-sm"> <a href="javascript:void(0)" class="btn btn-link btn_mobile_menu"> <span aria-hidden="true" class="fa fa-bars"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1217">Navigation</span></span> </a> </div> </div> </div> <ul class='menu_w_7180'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">About us</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/about-us/index" class="link-level-2"><span class="link_text">About HI</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/our-history"><span class="link_text">History</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/awards"><span class="link_text">Awards</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/finances"><span class="link_text">Finances</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/action/index" class="link-level-2"><span class="link_text">Areas of action</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/action/rehabilitation"><span class="link_text">Rehabilitation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/emergencies"><span class="link_text">Emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/explosive-weapons"><span class="link_text">Explosive weapons</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/health-and-prevention"><span class="link_text">Health and prevention</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/inclusion"><span class="link_text">Inclusion</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-rights"><span class="link_text">Disability rights</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-the-global-picture"><span class="link_text">Disability worldwide</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">People</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/about-us/our-uk-team"><span class="link_text">Our UK team</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-ambassadors"><span class="link_text">Ambassadors</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-fundraising-superstars"><span class="link_text">Our supporters</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/the-amazing-people-we-support"><span class="link_text">The people we support</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/work-with-us"><span class="link_text">Work with us</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Our impact</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/country/index" class="link-level-2"><span class="link_text">Where we work</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/country/index"><span class="link_text">Countries we work in</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/country/united-kingdom"><span class="link_text">UK activities</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/projects/index" class="link-level-2"><span class="link_text">Special projects</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/projects/rehabilitation-in-emergencies"><span class="link_text">Rehabilitation in emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/inclusive-futures"><span class="link_text">Inclusive Futures</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/peoples-postcode-lottery"><span class="link_text">People's Postcode Lottery</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/disability-data-in-humanitarian-action"><span class="link_text">Disability Data in Humanitarian Action</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children"><span class="link_text">Growing together</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">News</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/news/index"><span class="link_text">Latest news</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/press-office"><span class="link_text">Press releases</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/reports/index"><span class="link_text">Reports</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/stories/ukraine-crisis-psychological-impact"><span class="link_text">Photo stories</span></a> </li> <li class="level-3 active"> <a class="link-level-3" href="/en/hi-from-the-field"><span class="link_text">HI from the field</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sign-up-for-email-updates"><span class="link_text">Email newsletter</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">How you can help</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN" class="link-level-2"><span class="link_text">Donate</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN"><span class="link_text">Make a donation today</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/en/gaza-crisis"><span class="link_text">Gaza crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sudan-crisis"><span class="link_text">Sudan crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/ukraine-emergency"><span class="link_text">Ukraine crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/yemen-crisis"><span class="link_text">Yemen crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/supporter-promise"><span class="link_text">Our promise to you</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/campaign/index" class="link-level-2"><span class="link_text">Campaign</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/after-the-news"><span class="link_text">After the News</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/stop-bombing-civilians"><span class="link_text">Stop Bombing Civilians</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/fundraise/index" class="link-level-2"><span class="link_text">Fundraise</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/challenge-yourself"><span class="link_text">Your own challenge</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/make-every-step-count-with-a-fundraising-walk"><span class="link_text">Fundraising walks</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/quiz-for-humanity-inclusion"><span class="link_text">Host a quiz</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/take-action-in-your-school"><span class="link_text">Take action in your school</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">More ways to help</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/partnerships/partnerships-and-philanthropy"><span class="link_text">Partnerships & Philanthropy</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/give-in-your-will"><span class="link_text">Give in your will</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/donate-in-memory-of-a-loved-one"><span class="link_text">Donate in memory</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/volunteer-your-time"><span class="link_text">Volunteer</span></a> </li> </ul> </li> </ul> </li> </ul> </nav> <script> (function(){ var timeout_hover; $('#w_7180 > ul > li > ul').prev('a').attr('aria-haspopup', true).attr('aria-expanded', false) .parent('li').hover(function(){ if(window.innerWidth > 767){ clearTimeout(timeout_hover); $("#donation_detail").addClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-down").removeClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-up").addClass("hidden"); $(this).siblings().removeClass('open').children('a').attr('aria-expanded', false); $(this).addClass('open').children('a').attr('aria-expanded', true); } }, function(){ if(window.innerWidth > 767){ var $this = $(this); timeout_hover = setTimeout(function(){ $this.removeClass('open').children('a').attr('aria-expanded', false); },200); } }); $('#w_7180 > ul > li > ul').prev('a').on('click', function(){ var $li = $(this).parent('li'); if($(this).next('ul').css('display') == 'none'){ $li.siblings().removeClass('open').children('a').attr('aria-expanded', false); $li.addClass('open').children('a').attr('aria-expanded', true); }else{ $li.removeClass('open').children('a').attr('aria-expanded', false); } }); //link on second level are always group, focus on their first child link on click (or enter key press) $('#w_7180 > ul > li > ul > li > a').on('click', function(){ $(this).next('ul').children('li').first().children('a').focus(); }); $('#w_7180 > ul > li > ul').append('<li class="close_dropdown"><a href="javascript:void(0)">CLOSE NAVIGATION <span aria-hidden="true" class="fa fa-times"></span></a></li>') .find('.close_dropdown').on('click', function(){ $(this).parent().closest('li').removeClass('open').children('a').attr('aria-expanded', false); }); $('#w_7180 .btn_mobile_menu_container > a').attr('aria-haspopup', true).attr('aria-expanded', false).on('click', function(){ var $ul = $('#w_7180 > ul'); var $this = $(this); function open(){ $this.addClass('open').attr('aria-expanded', true); $ul.slideDown(200, function(){ $(this).removeAttr('style').addClass('mobile_open'); }); function anim_li_open($li){ $li.css('left', 0); if($li.next('li').length){ setTimeout(function(){ anim_li_open($li.next('li')); },80); } } anim_li_open($ul.children('li').first()); } function close(){ function anim_li_close($li){ $li.css('left', ''); if($li.prev('li').length){ setTimeout(function(){ anim_li_close($li.prev('li')); },60); }else{ $this.removeClass('open').attr('aria-expanded', false);; $ul.slideUp(200, function(){ $(this).removeAttr('style').removeClass('mobile_open'); }); } } anim_li_close($ul.children('li').last()); } if($ul.css('display') == 'none'){ open(); $(document).on('click.w_7180', function(event){ if(!$(event.target).closest('.menu_w_7180').length && !$(event.target).closest('.btn_mobile_menu').length){ close(); $(document).off('click.w_7180'); } }); }else{ close(); } }); })(); </script></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget d-none d-md-block " data-sn-type="widget" data-sn-id="11197" data-sn-code="sed_media_image_v2" data-sn-name="Image" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11197"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_11197 img{ max-width: 100%; } /*#w_11197 .img-circle { border-radius: 50%; }*/ #w_11197.img-container{ display: flex; /*justify-content:;*/ } </style> <div id="w_11197" class="img-container"> <div style="width:100%;"> <a href="/en/index-old" target=_self> <img loading="lazy" class="service-img img-max-100 d-none d-lg-block" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> <img loading="lazy" class="service-img img-max-100 d-none d-md-block d-lg-none" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> <img loading="lazy" class="service-img img-max-100 d-none d-sm-block d-md-none" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> <img loading="lazy" class="service-img img-max-100 d-sm-none" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> </a> </div> </div> </div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 " data-sn-type="column" data-sn-id="ec96ffc9-9c7e-4846-8a17-3543cc4bd7c3" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget spacer_header d-none d-md-block " data-sn-type="widget" data-sn-id="7280" data-sn-code="sed_essential_spacer" data-sn-name="Spacer" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7280"><style type="text/css"> .wdg_spacer { clear:both; } .space6937.wdg_spacer.custom { height:115px; } </style><div class="wdg_spacer space6937 custom"> </div></div> </div> </div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="3d94408c-e986-4dd3-b660-43de05850d8f" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget d-none d-lg-block " data-sn-type="widget" data-sn-id="7278" data-sn-code="sed_site_menu_slim" data-sn-share data-sn-name="Slim menu" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7278"> <style> #w_6430:after{ content:''; clear:both; display:table; } #w_6430 ul{ list-style:none; margin:0; padding:0; } #w_6430 > ul{ float:right; margin:0 0 -10px } #w_6430 > ul > li{ float:left; position:relative; padding:0 10px; margin-bottom:10px; } #w_6430 > ul > li:before{ content:''; background-color:#d4d5d8; height:60%; width:1px; position:absolute; left:0; top:20%; } #w_6430 > ul > li:first-child:before{ content:none; } #w_6430 > ul > li > a{ position:relative; z-index:10; } #w_6430 a{ color:#002e43; } #w_6430 > ul > li > ul{ display:none; position:absolute; top:100%; z-index:9; border:1px solid #d4d5d8; background:#FFF; left:50%; transform:translateX(-50%); width:270px; padding:0 5px; margin-top:6px; overflow:hidden; } #w_6430 > ul > li.countries > ul{ padding:0 5px 0 100px; } #w_6430 > ul > li.countries > ul:before{ display: block; font-family: "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; left:16px; font-size:75px; content: "\f57d"; color:#d4d5d8; font-weight:900; } #w_6430 > ul > li.has-children:after{ content:''; display:block; background:#FFF; width:100%; position:absolute; top:100%; left:0; height:11px; z-index:9; transform:translateY(-4px); border-left:1px solid #d4d5d8; opacity:0; transition:opacity .2s linear; } #w_6430 > ul > li.has-children.open:after{ opacity:1; } #w_6430 > ul > li.countries > a:before{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f57d"; font-weight:900; } #w_6430 > ul > li.has-children > a:after{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-weight:100; position:relative; top:0; transition:top .2s cubic-bezier(.3,0,.2,1), transform .2s cubic-bezier(.3,0,.2,1); } #w_6430 > ul > li.has-children.open > a:after, #w_6430 > ul > li.has-children > a:hover:after{ top:3px; } #w_6430 > ul > li.has-children.open > a:after{ transform:scale(-1); } #w_6430 > ul > li > ul > li{ padding:5px 0; } </style> <nav id="w_6430"> <ul class=''> <li class="level-1 has-children countries"> <a > <span> United Kingdom </span></a><ul> <li> <a href="https://www.handicap-international.de/de/homepage"> Germany </a> </li> <li> <a href="https://www.handicapinternational.be/"> Belgium </a> </li> <li> <a href="https://www.hi-canada.org/en/index"> Canada </a> </li> <li> <a href="https://www.handicap-international.fr/fr/index"> France </a> </li> <li> <a href="https://www.handicap-international.lu/fr/index"> Luxembourg </a> </li> <li> <a href="https://www.handicap-international.ch/fr/index"> Switzerland </a> </li> <li> <a href="https://www.hi-us.org/"> USA </a> </li> <li> <a href="https://www.hi.org/"> International </a> </li> </ul> </li> </ul> </nav> <script> $('#w_6430 > ul > li > ul').prev('a').on('click', function(){ var $ul = $(this).next('ul'); if($ul.css('display') == 'none'){ $ul.fadeIn(150).closest('li').addClass('open'); var rect = $ul[0].getBoundingClientRect(); var right_difference = rect.right - $(window).width(); if(right_difference > 0){ $ul.css('left', 'calc(50% - '+right_difference+'px)'); }else if(rect.left < 0){ $ul.css('left', 'calc(50% - '+rect.left+'px)'); } $(document).on('click', function(e){ if($(e.target).closest('#w_6430').length < 1){ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); }else{ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); </script></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7282" data-sn-code="usine_donation_now" data-sn-name="Donation now" data-sn-nbview="4" id="widget_donate" > <div class="sn-element-content" id="sn_widget_7282"> <div class="usine_donate_now" id="w_6938"> <div class="donate_header"> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN" > <span class="mobile_icon d-lg-none"> <img src="/sn_uploads/widgets/hand.png" alt=""> </span> <span class="size-md"><span class="sn_pencil" data-sn_uid="1440">Please</span></span> <strong><span class="sn_pencil" data-sn_uid="1229">Donate</span></strong> </a> </div></div><script type="text/javascript"> (function () { function get_donation_result(amount, limit){ amount = parseFloat(amount); limit = parseFloat(limit); var result; if(amount > limit) { result = Math.round(amount - (limit * 0.75 + (amount - limit)*0.66)); } else { result = amount * 0.25; } $("#donate_result p span#donation").text(result.toFixed(2).replace(".", ",")); $("#donate_result").removeClass("d-none"); } $(".donate_detail_toggle").each(function(){ $(this).click(function(){ $("#donation_detail").toggleClass("d-none"); $(".usine_donate_now .donate_header .fa-angle-down").toggleClass("d-none"); $(".usine_donate_now .donate_header .fa-angle-up").toggleClass("d-none"); }); }); var form = $(".usine_donate_now .donate_header .form-inline"); form.find(".radio_f input").each(function(){ $(this).click(function () { get_donation_result($(this).val(), 531); }); }); form.find(".other_amount input").keyup(function () { if(!isNaN($(this).val()) && $(this).val() > 0){ get_donation_result($(this).val(), 531); } else { get_donation_result(0, 531); } }); })(); </script></div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print hidden-xs d-print-none d-none d-print-none d-none " data-sn-type="container" data-sn-id="495e53e1-321b-4894-821c-f8ca5b2c9aff" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="6dc5bb3f-77c8-4569-b279-eca28c16bda0" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="9b94d6af-565c-4c54-b933-380bcdd74acd" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6256" data-sn-code="usine_mega_drop_down_navigation" data-sn-share data-sn-name="Mega drop down navigation" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6256"> <style> #w_6201 ul{ list-style:none; padding:0; margin:0; } #w_6201 > ul{ display:table; width:66.6667%; } #w_6201 > ul > li{ display:table-cell; vertical-align:middle; padding:12px 0; } /*link level 1*/ #w_6201 > ul > li > a{ color:#FFF; font-size: 26px; display:table; width:100%; text-align:center; text-transform:uppercase; } #w_6201 > ul > li > a > span{ display:table-cell; vertical-align:middle; padding:0 20px; } #w_6201 > ul > li:first-child > a > span{ padding-left:0; } #w_6201 > ul > li:first-child > a{ border-left:none; } #w_6201 > ul > li:last-child > a > span{ padding-right:0; } /**/ /*mega dropdown*/ #w_6201 > ul > li > ul{ display:none; position:absolute; top:100%; left:0; width:100%; background:#34495e; z-index:99; padding-top:40px; } #w_6201 > ul > li.open > ul{ display:block; } #w_6201 > ul > li > ul:after{ content:''; display:table; clear:both; } #w_6201 > ul > li > ul > li{ float:left; width:25%; margin:0 0 40px; padding:0 20px; border-left:2px solid #2c3e53; } #w_6201 > ul > li > ul > li.close_dropdown{ border:none; padding:0px; margin:0; float:none; width:auto; position:absolute; bottom:0; right:0; } #w_6201 > ul > li > ul > li.close_dropdown > a{ padding:7px 12px; display:block; background:#2c3e53; color:#009cde; font-size:12px; position:relative; } #w_6201 > ul > li > ul > li:first-child{ border:none; } #w_6201 > ul > li > ul > li:nth-child(4n+1){ clear:both; border:none; } /**/ /*link level-2*/ #w_6201 > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:18px; display:block; padding-bottom:12px; text-decoration:none; } /*link level-3*/ #w_6201 > ul > li > ul > li > ul{ padding-left:10px; } #w_6201 > ul > li > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:16px; display:block; position:relative; } #w_6201 > ul > li > ul > li > ul > li > a:before{ content:''; position:absolute; left:-10px; top:8px; width:4px; height:4px; border-radius:50%; background:#009cde; } /**/ #w_6201 .btn_mobile_menu_container{ display:none; } @media(max-width:991px){ #w_6201 > ul{ width:100%; } } @media(max-width:767px){ #w_6201 .btn_mobile_menu_container{ display:block; text-align:right; } #w_6201 .btn_mobile_menu_container > a{ font-size:28px; color:#0077c8; transition:all .2s cubic-bezier(.3,0,.2,1); } #w_6201 .btn_mobile_menu_container > a.open{ color:#FFF; background:#0077c8; } #w_6201 > ul{ display:none; } #w_6201 > ul.mobile_open{ display:block; } #w_6201 > ul > li{ display:block; border-bottom:1px solid #ececef; position:relative; left:-100%; transition:left .3s cubic-bezier(.3,0,.2,1); } #w_6201 > ul > li > ul{ position:relative; padding:20px 0 10px; } #w_6201 > ul > li > a > span, #w_6201 > ul > li > a{ padding:0; border:none; } #w_6201 > ul > li > ul > li:first-child, #w_6201 > ul > li > ul > li{ float:none; width:auto; border:none; padding:20px 0; margin:0 20px; border-bottom:2px solid #2c3e53; } #w_6201 > ul > li > ul > li.close_dropdown{ display:none; } #w_6201 > ul > li > a{ color:#0077c8; } #w_6201 .mobile_logo{ max-width:280px; width:100%; height:auto; } } </style> <nav id="w_6201"> <div class="dtable hidden-sm hidden-md hidden-lg"> <div class="dcell"> </div> <div class="dcell dcell-minwidth"> <div class="btn_mobile_menu_container ml-sm"> <a href="javascript:void(0)" class="btn btn-link btn_mobile_menu"> <span aria-hidden="true" class="fa fa-bars"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1217">Navigation</span></span> </a> </div> </div> </div> <ul class='menu_w_6201'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">About us</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/about-us/index" class="link-level-2"><span class="link_text">About HI</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/our-history"><span class="link_text">History</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/awards"><span class="link_text">Awards</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/finances"><span class="link_text">Finances</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/action/index" class="link-level-2"><span class="link_text">Areas of action</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/action/rehabilitation"><span class="link_text">Rehabilitation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/emergencies"><span class="link_text">Emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/explosive-weapons"><span class="link_text">Explosive weapons</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/health-and-prevention"><span class="link_text">Health and prevention</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/inclusion"><span class="link_text">Inclusion</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-rights"><span class="link_text">Disability rights</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-the-global-picture"><span class="link_text">Disability worldwide</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">People</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/about-us/our-uk-team"><span class="link_text">Our UK team</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-ambassadors"><span class="link_text">Ambassadors</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-fundraising-superstars"><span class="link_text">Our supporters</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/the-amazing-people-we-support"><span class="link_text">The people we support</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/work-with-us"><span class="link_text">Work with us</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Our impact</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/country/index" class="link-level-2"><span class="link_text">Where we work</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/country/index"><span class="link_text">Countries we work in</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/country/united-kingdom"><span class="link_text">UK activities</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/projects/index" class="link-level-2"><span class="link_text">Special projects</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/projects/rehabilitation-in-emergencies"><span class="link_text">Rehabilitation in emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/inclusive-futures"><span class="link_text">Inclusive Futures</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/peoples-postcode-lottery"><span class="link_text">People's Postcode Lottery</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/disability-data-in-humanitarian-action"><span class="link_text">Disability Data in Humanitarian Action</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children"><span class="link_text">Growing together</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">News</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/news/index"><span class="link_text">Latest news</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/press-office"><span class="link_text">Press releases</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/reports/index"><span class="link_text">Reports</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/stories/ukraine-crisis-psychological-impact"><span class="link_text">Photo stories</span></a> </li> <li class="level-3 active"> <a class="link-level-3" href="/en/hi-from-the-field"><span class="link_text">HI from the field</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sign-up-for-email-updates"><span class="link_text">Email newsletter</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">How you can help</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN" class="link-level-2"><span class="link_text">Donate</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN"><span class="link_text">Make a donation today</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/en/gaza-crisis"><span class="link_text">Gaza crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sudan-crisis"><span class="link_text">Sudan crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/ukraine-emergency"><span class="link_text">Ukraine crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/yemen-crisis"><span class="link_text">Yemen crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/supporter-promise"><span class="link_text">Our promise to you</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/campaign/index" class="link-level-2"><span class="link_text">Campaign</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/after-the-news"><span class="link_text">After the News</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/stop-bombing-civilians"><span class="link_text">Stop Bombing Civilians</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/fundraise/index" class="link-level-2"><span class="link_text">Fundraise</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/challenge-yourself"><span class="link_text">Your own challenge</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/make-every-step-count-with-a-fundraising-walk"><span class="link_text">Fundraising walks</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/quiz-for-humanity-inclusion"><span class="link_text">Host a quiz</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/take-action-in-your-school"><span class="link_text">Take action in your school</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">More ways to help</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/partnerships/partnerships-and-philanthropy"><span class="link_text">Partnerships & Philanthropy</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/give-in-your-will"><span class="link_text">Give in your will</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/donate-in-memory-of-a-loved-one"><span class="link_text">Donate in memory</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/volunteer-your-time"><span class="link_text">Volunteer</span></a> </li> </ul> </li> </ul> </li> </ul> </nav> <script> (function(){ var timeout_hover; $('#w_6201 > ul > li > ul').prev('a').attr('aria-haspopup', true).attr('aria-expanded', false) .parent('li').hover(function(){ if(window.innerWidth > 767){ clearTimeout(timeout_hover); $("#donation_detail").addClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-down").removeClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-up").addClass("hidden"); $(this).siblings().removeClass('open').children('a').attr('aria-expanded', false); $(this).addClass('open').children('a').attr('aria-expanded', true); } }, function(){ if(window.innerWidth > 767){ var $this = $(this); timeout_hover = setTimeout(function(){ $this.removeClass('open').children('a').attr('aria-expanded', false); },200); } }); $('#w_6201 > ul > li > ul').prev('a').on('click', function(){ var $li = $(this).parent('li'); if($(this).next('ul').css('display') == 'none'){ $li.siblings().removeClass('open').children('a').attr('aria-expanded', false); $li.addClass('open').children('a').attr('aria-expanded', true); }else{ $li.removeClass('open').children('a').attr('aria-expanded', false); } }); //link on second level are always group, focus on their first child link on click (or enter key press) $('#w_6201 > ul > li > ul > li > a').on('click', function(){ $(this).next('ul').children('li').first().children('a').focus(); }); $('#w_6201 > ul > li > ul').append('<li class="close_dropdown"><a href="javascript:void(0)">CLOSE NAVIGATION <span aria-hidden="true" class="fa fa-times"></span></a></li>') .find('.close_dropdown').on('click', function(){ $(this).parent().closest('li').removeClass('open').children('a').attr('aria-expanded', false); }); $('#w_6201 .btn_mobile_menu_container > a').attr('aria-haspopup', true).attr('aria-expanded', false).on('click', function(){ var $ul = $('#w_6201 > ul'); var $this = $(this); function open(){ $this.addClass('open').attr('aria-expanded', true); $ul.slideDown(200, function(){ $(this).removeAttr('style').addClass('mobile_open'); }); function anim_li_open($li){ $li.css('left', 0); if($li.next('li').length){ setTimeout(function(){ anim_li_open($li.next('li')); },80); } } anim_li_open($ul.children('li').first()); } function close(){ function anim_li_close($li){ $li.css('left', ''); if($li.prev('li').length){ setTimeout(function(){ anim_li_close($li.prev('li')); },60); }else{ $this.removeClass('open').attr('aria-expanded', false);; $ul.slideUp(200, function(){ $(this).removeAttr('style').removeClass('mobile_open'); }); } } anim_li_close($ul.children('li').last()); } if($ul.css('display') == 'none'){ open(); $(document).on('click.w_6201', function(event){ if(!$(event.target).closest('.menu_w_6201').length && !$(event.target).closest('.btn_mobile_menu').length){ close(); $(document).off('click.w_6201'); } }); }else{ close(); } }); })(); </script></div> </div> </div> </div> </div> <div id="main" class="sn-element container " data-sn-type="container" data-sn-id="b4409e17b6f94cd9b71642764d185c5c" tabindex="0" > <div class="sn-element row " data-sn-type="row" data-sn-id="5c82c4906f9e4d359add3094dfb64221" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="27149e30f79b4a0eba3d76d49e1d6112" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11915" data-sn-code="hi_breadcrumb_auto" data-sn-name="Breadcrumb auto" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11915"><div class="container"> <nav id="siteBreadcrumb"> <ol class="breadcrumb breadcrumb_top"> <li> <a href="/">Home</a> <span class="arrow"> > </span> <a href="/en/" id="folder" style="text-transform:capitalize;">folderValue</a> <span id="separator" class="arrow"> > </span> <a href="hi-from-the-field">HI from the field</a> </li> </ol> </nav></div> <script>var folderValue = "/en/";/*Display no folder if the folder is only the language one*/if (folderValue === "/fr/" || folderValue === "/de/" || folderValue === "/en/" || folderValue === "/nl/") { document.getElementById("folder").style.display = "none"; document.getElementById("separator").style.display = "none";} /*Trim the name to remove /lg/ and the end "/" */else{ folderValue = folderValue.substring(4, folderValue.length - 1); document.getElementById("folder").textContent = folderValue // Update the folderValue link text } </script><style> #siteBreadcrumb{ margin-left:-15px; margin-right:-15px; } </style></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6264" data-sn-code="sed_site_page_title" data-sn-name="the title of the site%27s page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6264"> <div class="page-header6209 bck-bleu-pale section-title center" > <h1 style="color:#004f71 !important;">HI from the field</h1> </div> <style> .page-header6209.section-title h1, .page-header6209.section-title h2, .page-header6209.section-title h3, .page-header6209.section-title h4, .page-header6209.section-title h5, .page-header6209.section-title h6 { margin-top:2px; margin-bottom:2px; } </style></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6265" data-sn-code="usine_page_text_content" data-sn-name="Text content in the page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6265"> <div class="page_summary mb-md mt-md"> <p>A series of short videos giving a snapshot into a day in the life of Humanity & Inclusion's dedicated staff around the world.</p> </div> <style> .text_content .fa {font-weight:normal!important;} </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget d-print-none " data-sn-type="widget" data-sn-id="6266" data-sn-code="sed_social_share_this_page" data-sn-name="Share this page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6266"> <span class='st_facebook_large' displayText='Facebook'></span><span class='st_twitter_large' displayText='Tweet'></span><span class='st_linkedin_large' displayText='LinkedIn'></span><span class='st_email_large' displayText='Email'></span> <script type='text/javascript'>var switchTo5x=false;</script> <script type='text/javascript'> require(['share'], function() { stLight.options({publisher: '9c37de8e-e299-41d0-ab02-ac90eea43a68', lang:'en', doNotHash: false, doNotCopy: false, hashAddressBar: false}); }); </script></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6267" data-sn-code="usine_cover_image" data-sn-name="Cover image" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6267"> <img style="width:100%" class="img-fluid mt-lg" src="/sn_uploads/news/webp.net-resizeimage_6_4.jpg?maxw=1110" alt="" title=""/> <p class="legend"><span class="capitalize">© HI</span></p> </div> </div> </div> </div> </div> <div class="sn-element container-fluid main main " data-sn-type="container" data-sn-id="acc1a2c196d541f0af53cecd8cca801e" > <div class="sn-element row " data-sn-type="row" data-sn-id="51e43db0576f4500a347a9a04def6d72" > <div class="sn-element control_full_width col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 control_full_width " data-sn-type="column" data-sn-id="2f5f1a8d2f674dc5bafcf2c44691c5ee" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6508" data-sn-code="sed_site_grid" data-sn-name="Use to instantiate a grid in a master page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6508"> <div class="sn-grid" data-body-id="b751b0a03fc24478a6b3a04a6cc28560" data-sn-id="2282" data-sn-parent="sed_site_page" data-sn-code="hi-from-the-field" > <div class="sn-element container " data-sn-type="container" data-sn-id="c1956abe258e4a499a647b1fdfa4f94f" > <div class="sn-element row " data-sn-type="row" data-sn-id="509a9f9a58d34f5c85a2afe7cf14d359" > <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 " data-sn-type="column" data-sn-id="bcddbe05969643e0b1e7574c24e2f14d" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8324" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8324"><div id="ck7673 " class="wid-style box-element_gamila7673 "> <h2>HI from Laos</h2> <p>Cluster bomb clearance with Soksai Sengvongkham, HI Deputy Humanitarian Mine Action Co-ordinator.</p> </div><style type="text/css"> .box-element7673 { margin: 0px; padding:0px; } .box-element7673 img{ max-width:100%; } .newspaper7673 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8322" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8322"> <style type="text/css"> #wdg_video_7671 { width: 100%; height: auto; margin:auto; } #wdg_video_7671 .video-responsive-container { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } #wdg_video_7671 .video-responsive-container iframe, #wdg_video_7671 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7671 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7671 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7671 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7671 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7671 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7671 .play_icon:hover i{ opacity:1; } #wdg_video_7671 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7671 .preview_bg:hover{ cursor:pointer; } #wdg_video_7671 .play_btn_container{ position:relative; } #wdg_video_7671 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7671 .play_title{ bottom: 100%; } #wdg_video_7671 .play_text{ top: 100%; } #wdg_video_7671 .play_text , #wdg_video_7671 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7671 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7671 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7671 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7671 .play_title, #wdg_video_7671 .play_text{ opacity:0.9; } #wdg_video_7671 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7671 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7671 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7671 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7671 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7671 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7671"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 " data-sn-type="column" data-sn-id="10c7496897bb4d818dec2a86f128c5ac" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8325" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8325"><div id="ck7674 " class="wid-style box-element_gamila7674 "> <h2>HI from Niger</h2> <p>Inclusive education with Marijke Deleu, West Africa Regional Inclusive Eduction Project Officer.</p> </div><style type="text/css"> .box-element7674 { margin: 0px; padding:0px; } .box-element7674 img{ max-width:100%; } .newspaper7674 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8323" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8323"> <style type="text/css"> #wdg_video_7672 { width: 100%; height: auto; margin:auto; } #wdg_video_7672 .video-responsive-container { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } #wdg_video_7672 .video-responsive-container iframe, #wdg_video_7672 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7672 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7672 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7672 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7672 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7672 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7672 .play_icon:hover i{ opacity:1; } #wdg_video_7672 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7672 .preview_bg:hover{ cursor:pointer; } #wdg_video_7672 .play_btn_container{ position:relative; } #wdg_video_7672 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7672 .play_title{ bottom: 100%; } #wdg_video_7672 .play_text{ top: 100%; } #wdg_video_7672 .play_text , #wdg_video_7672 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7672 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7672 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7672 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7672 .play_title, #wdg_video_7672 .play_text{ opacity:0.9; } #wdg_video_7672 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7672 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7672 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7672 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7672 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7672 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7672"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div> </div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="99f55407786c458592ed6af5875081d2" > <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 " data-sn-type="column" data-sn-id="866051794e784fe4b244299aaca0e9fa" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8327" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8327"><div id="ck7676 " class="wid-style box-element_gamila7676 "> <div class="wid-style box-element_gamila7673 " id="ck7673 "> <h2>HI from Colombia</h2> <p>Landmine clearance and tree planting with Erika Romero, HI Demining Area Manager.</p> </div> </div><style type="text/css"> .box-element7676 { margin: 0px; padding:0px; } .box-element7676 img{ max-width:100%; } .newspaper7676 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8326" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8326"> <style type="text/css"> #wdg_video_7675 { width: 100%; height: auto; margin:auto; } #wdg_video_7675 .video-responsive-container { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } #wdg_video_7675 .video-responsive-container iframe, #wdg_video_7675 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7675 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7675 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7675 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7675 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7675 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7675 .play_icon:hover i{ opacity:1; } #wdg_video_7675 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7675 .preview_bg:hover{ cursor:pointer; } #wdg_video_7675 .play_btn_container{ position:relative; } #wdg_video_7675 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7675 .play_title{ bottom: 100%; } #wdg_video_7675 .play_text{ top: 100%; } #wdg_video_7675 .play_text , #wdg_video_7675 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7675 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7675 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7675 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7675 .play_title, #wdg_video_7675 .play_text{ opacity:0.9; } #wdg_video_7675 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7675 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7675 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7675 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7675 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7675 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7675"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 " data-sn-type="column" data-sn-id="e98cc9850fb543b9bb93e074e1a43329" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8328" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8328"><div id="ck7677 " class="wid-style box-element_gamila7677 "> <h2>HI from Chad</h2> <p>Clearing explosive remnants of war with Pitchou Lusamba, HI Demining Team Supervisor.</p> </div><style type="text/css"> .box-element7677 { margin: 0px; padding:0px; } .box-element7677 img{ max-width:100%; } .newspaper7677 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8329" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8329"> <style type="text/css"> #wdg_video_7678 { width: 100%; height: auto; margin:auto; } #wdg_video_7678 .video-responsive-container { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } #wdg_video_7678 .video-responsive-container iframe, #wdg_video_7678 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7678 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7678 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7678 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7678 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7678 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7678 .play_icon:hover i{ opacity:1; } #wdg_video_7678 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7678 .preview_bg:hover{ cursor:pointer; } #wdg_video_7678 .play_btn_container{ position:relative; } #wdg_video_7678 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7678 .play_title{ bottom: 100%; } #wdg_video_7678 .play_text{ top: 100%; } #wdg_video_7678 .play_text , #wdg_video_7678 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7678 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7678 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7678 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7678 .play_title, #wdg_video_7678 .play_text{ opacity:0.9; } #wdg_video_7678 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7678 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7678 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7678 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7678 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7678 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7678"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div> </div> </div> </div> <div class="sn-element container-fluid " data-sn-type="container" data-sn-id="738021bb3c994e4597f56fb185cd6b16" > <div class="sn-element row " data-sn-type="row" data-sn-id="95f2d7aebf474b8290c0395b0885c240" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="94202043a6664e289128d18a1ef986df" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8335" data-sn-code="usine_button_help_them" data-sn-name="Button help them" data-sn-nbview="4" > <div class="sn-element-content" id="sn_widget_8335"><style> #w_7682{ PADDING-TOP:18px; } #w_7682 .stripe{ display:table; width:100%; } #w_7682 .stripe > *{ display:table-cell; vertical-align:middle; } #w_7682 .stripe > .col1{ width:40%; position:relative; background:#d34607; } #w_7682 .stripe > .col2{ background:#d2492A ; padding:15px 20px 15px 34px; } #w_7682 .stripe > .col2 a{ color:#FFF; font-size:27px; font-weight:bold; } #w_7682 .stripe > .col1:before{ position:absolute; top:50%; transform:translateY(-50%); left:100%; content:''; display:block; border-left:14px #d34607 solid; border-top:11px transparent solid; border-bottom:11px transparent solid; } #w_7682 .stripe > .col1:after{ display:table; content:''; clear:both; } #w_7682 .stripe_desc_container{ display:table; height:100%; float:right; text-transform:uppercase; } #w_7682 .stripe_desc{ display:table-cell; vertical-align:middle; position:relative; padding:20px 20px 20px 10px; font-size:25px; font-weight:bold; color:#FFF; line-height:27px; } #w_7682 .stripe_desc:before{ content:''; display:block; position:absolute; width:106px; height:106px; background:url(/sn_uploads/widgets/hand.png) no-repeat top right; background-size:100%; right:100%; top:-18px; } @media (max-width:767px){ #w_7682 .stripe, #w_7682 .stripe > *{ display:block; width:100%; } #w_7682 .stripe > .col1{ width:auto; text-align:center; } #w_7682 .stripe_desc_container{ display:inline-block; float:none; } #w_7682 .stripe_desc{ padding:20px 10px; } #w_7682 .stripe > .col1:before{ top:100%; transform:translateX(-50%); left:50%; border-top:14px #d34607 solid; border-left:11px transparent solid; border-right:11px transparent solid; border-bottom:none; } #w_7682 .stripe > .col2{ text-align:center; padding:29px 20px 15px 20px; } } </style><div id="w_7682" class="row"> <div class="stripe"> <div class="col1"> <div class="stripe_desc_container"> <div class="stripe_desc"> <span class="sn_pencil" data-sn_uid="1452">change<br>a life</span> </div> </div> </div> <div class="col2"> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN"> <span class="sn_pencil" data-sn_uid="1226">Please donate today</span> </a> </div> </div></div></div> </div> </div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="77aee3dbebad42af85a8716e016356a6" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="9dd8d1bf70aa4e84bb64f51475fc64e0" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8330" data-sn-code="usine_read_more" data-sn-name="Latest stories%2FNews" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8330"> <div class="country_page_header"> <h2 class="text-uppercase"><strong><span class="sn_pencil" data-sn_uid="1311">Read</span></strong> <span class="sn_pencil" data-sn_uid="1312">more</span></h2> </div> <div class="row lastest_story_detail" id="w_7679"> <div class="col-md-4 "> <a href="/en/fundraise/index"> <img src="/sn_uploads/grid/hi_400_1.jpg?size=350x200&crop" alt="Fundraise with us" class="d-block img-fluid"> </a> <div class="legend"> © Bas Bogaerts / HI </div> <h4 class="news_title mt-md"><a href="/en/fundraise/index">Fundraise with us</a></h4> <div class="summary" style="max-height:80px;"> </div> </div> <div class="col-md-4 "> <a href="/en/campaign/index"> <img src="/sn_uploads/fck/PYR-2017-LYON-B-Blondel-Pyr-Samedi-0048-1110b.jpg?size=350x200&crop" alt="Campaign" class="d-block img-fluid"> </a> <div class="legend"> © Brice Blondel/HI </div> <h4 class="news_title mt-md"><a href="/en/campaign/index">Campaign</a></h4> <div class="summary" style="max-height:80px;"> <p>Join our fight against injustice. Support Humanity & Inclusion's campaigns.</p> </div> </div> <div class="col-md-4 "> <a href="/en/campaign/stop-bombing-civilians-sign-the-petition"> <img src="/sn_uploads/page/stop-bombing-hala1110.jpg?size=350x200&crop" alt="Stop Bombing Civilians: Sign the petition" class="d-block img-fluid"> </a> <div class="legend"> © ISNA Agency/HI </div> <h4 class="news_title mt-md"><a href="/en/campaign/stop-bombing-civilians-sign-the-petition">Stop Bombing Civilians: Sign the petition</a></h4> <div class="summary" style="max-height:80px;"> </div> </div> <script> $('#w_7679 .summary').truncate_text({ watch:'resize'/*, expandLink:'Read more', expandLinkCallBack:function($container){ $container.css('max-height',''); }*/ }); </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="footer" class="sn-element container-fluid hidden-print d-print-none d-print-none " data-sn-type="container" data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="1c47dc50-f8e5-4157-8929-ffdfe4693d84" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="6fd881b9-f7e6-487c-9e05-85f73781a899" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6583" data-sn-code="usine_email_signup_form" data-sn-share data-sn-name="Email sign up form" data-sn-nbview="4" > <div class="sn-element-content" id="sn_widget_6583"> <style> .error{ color: #005cb9; font-size: 18px; display: block; padding: 7px 0; } .well { min-height: 20px; padding: 25px; margin-bottom: 20px; border: none; border-radius: 0px; box-shadow: none; } .form-inline .form-group{ margin-bottom:10% } #w_6473{ min-height:100px; } #w_6473 p{ margin:0; } #w_6473 > .dcell{ padding:10px 15px 10px 0; } #w_6473 > .dcell:last-child{ padding-right:0; } @media (max-width:767px){ #w_6473 > .dcell, #w_6473{ display:block; padding:10px; text-align:center; } } </style> <div class="dtable fullwidth" id="w_6473"> <div class="dcell"> <img src="/sn_uploads/mail_original_icon.png" alt=""/> </div> <div class="dcell"> <div class="sn_pencil" data-sn_uid="1321"><p><span style="font-size:24px;"><strong>Sign up to receive updates </strong></span><br /> <span style="font-size:18px;">on how your support is changing lives</span></p> </div> </div> <div class="dcell"> <form class="form-light" method="post" action=""> <div class="fullwidth"> <div> <label class="label-control sr-only" for="email6473"> <span class="sn_pencil" data-sn_uid="1216">Newsletter inscription</span> </label> </div> <div class="dtable fullwidth"> <div class="dcell"> <input type="email" name="email" id ="email6473" class="form-control input-lg" placeholder="Enter your email address"> </div> <div class="dcell dcell-minwidth form-group"> <button class="btn btn-primary2 ml-xs" type="submit"> <strong>OK</strong> </button> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div class="sn-element row d-none d-none " data-sn-type="row" data-sn-id="41fe7b47-f29e-49ec-950b-10b03d067cdf" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="e6a160bb-f317-4453-ac60-8e77b8b5b71b" > <div class="sn-element row row-limited footer_row2 footer_row2 " data-sn-type="row" data-sn-id="746d0f8d-a317-41e4-9a56-aa25c74ee5c3" > <div class="sn-element footer_row2_col1 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col1 " data-sn-type="column" data-sn-id="5269fba6-6591-4207-9470-7a69e2de47ea" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6584" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6584"> <div id="ck6474 " class="wid-style box-element_gamila6474 "> <p><strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;">ABOUT</span></span></strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;"> US</span></span></p> </div> <style type="text/css"> .box-element6474 { margin: 0px; padding:0px; } .box-element6474 img{ max-width:100%; } .newspaper6474 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6585" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6585"> <div id="ck6475 " class="wid-style box-element_gamila6475 "> <p>Humanity & Inclusion UK<br /> Romero House<br /> 55 Westminster Bridge Road<br /> London<br /> SE1 7JB</p> <p>UK registered charity no. 1082565</p> </div> <style type="text/css"> .box-element6475 { margin: 0px; padding:0px; } .box-element6475 img{ max-width:100%; } .newspaper6475 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6586" data-sn-code="sed_media_image" data-sn-share data-sn-name="Add an image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_6586"> <style type="text/css"> /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_6586 img{ max-width: 100%; } #w_6586 .img-circle { border-radius: 50%; } #w_6586{ display: flex; justify-content:; } </style> <div id="w_6586"> <div> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> </div> </div> </div> </div> </div> <div class="sn-element footer_row2_col2 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col2 " data-sn-type="column" data-sn-id="a3a1a2b7-229b-4918-b0c4-61e4e8d795cf" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6589" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6589"> <div id="ck6478 " class="wid-style box-element_gamila6478 "> <p><span style="color:#e35205;font-size:18px;font-size:22px;text-transform:uppercase;"><b>MORE</b> INFORMATION</span></p> </div> <style type="text/css"> .box-element6478 { margin: 0px; padding:0px; } .box-element6478 img{ max-width:100%; } .newspaper6478 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8041" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8041"><div id="ck7426 " class="wid-style box-element_gamila7426 "> <p>• <strong><a href="/en/supporter-promise">Supporter promise</a></strong></p> <p>• <a href="/en/finances"><strong>Finances</strong></a></p> <p>• <a href="/en/work-with-us"><strong>Jobs</strong></a></p> <p>• <a href="/en/press-office"><strong>Press office</strong></a></p> <p>• <a href="/en/contact"><strong>Contact us</strong></a></p> <p>• <a href="https://hi.org/en/reporting-form" target="_blank"><strong>Report misconduct</strong></a></p> </div><style type="text/css"> .box-element7426 { margin: 0px; padding:0px; } .box-element7426 img{ max-width:100%; } .newspaper7426 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div> </div> <div class="sn-element footer_row2_col3 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col3 " data-sn-type="column" data-sn-id="fbbe5942-9b7e-4a2b-bf26-b13d5d35778e" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6593" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element-content" id="sn_widget_6593"> <div id="ck6482 " class="wid-style box-element_gamila6482 "> <p style="font-size:22px;text-transform:uppercase;"><b>SEARCH</b></p> </div> <style type="text/css"> .box-element6482 { margin: 0px; padding:0px; } .box-element6482 img{ max-width:100%; } .newspaper6482 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> </div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7281" data-sn-code="usine_search_field" data-sn-share data-sn-name=" %09Search field" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7281"> <style> #w_6432 input{ font-size:16px; border:1px #727578 solid; border-radius:0; padding:8px; height:38px; line-height:20px; } #w_6432 input:focus{ outline: thin dotted red; box-shadow:none; } #w_6432 .btn{ border:none; font-size:28px; padding:0 0 0 10px; color: #727578; } </style> <div id="w_6432"> <form onsubmit="submit_search(); return false;"> <div class="dtable fullwidth"> <div class="dcell dcell-maxwidth"> <label class="sr-only" for="search_text"><span class="sn_pencil" data-sn_uid="1735">Search</span></label> <input placeholder="Search the site" class="form-control" id="search_text" type="text"/> </div> <div class="dcell"> <a href="#" onclick="submit_search()"class="btn btn-link"> <span class="fa fa-search"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1735">Search</span></span> </a> </div> </div> </form> </div> <script type="text/javascript"> function submit_search(){ window.location = '/en/search?kw=' + $('#search_text').val(); } </script></div> </div> </div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print d-print-none d-none d-print-none d-none " data-sn-type="container" data-sn-id="8a07129e-f3fe-46d3-b146-0d9d91f21722" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="66ec830a-7a0d-40a7-8526-e53ac6efdeab" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="d90222a1-51a8-46c0-bf43-3bdc4f5b5f02" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6587" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6587"><div id="ck6422 " class="wid-style box-element_gamila6422 "> <p style="text-align: center;"><span style="font-size:22px;"><strong>FOLLOW</strong> US</span></p> </div><style type="text/css"> .box-element6422 { margin: 0px; padding:0px; } .box-element6422 img{ max-width:100%; } .newspaper6422 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6588" data-sn-code="sed_social_media" data-sn-share data-sn-name="Social Networks" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6588"> <div class="wdg_social_media6477_parent"> <div class="wdg_social_media6477" > <style> .wdg_social_media6477 ul{ padding:0; margin:0; list-style:none; display:table; font-size:18px; } .wdg_social_media6477 ul.large{ font-size:26px; } .wdg_social_media6477 ul.small{ font-size:13px; } .wdg_social_media6477 li{ display:table-cell; vertical-align:middle; padding-right:10px; } .wdg_social_media6477 li:last-child{ padding-right:0; } .wdg_social_media6477 a{ text-decoration:none; color:#ffffff; background:#0077c8; display:block; text-align:center; height:34px; line-height:34px; width:34px; } .wdg_social_media6477 .large a{ height:50px; line-height:50px; width:50px; } .wdg_social_media6477 .small a{ height:20px; line-height:20px; width:20px; } .wdg_social_media6477 .circle a{ border-radius:50%; } .wdg_social_media6477 .withoutframe a{ background:transparent!important; color:#ffffff; } .wdg_social_media6477 .diamond a{ transform:rotate(45deg); } .wdg_social_media6477 .diamond li{ padding:6px 16px 6px 6px; } .wdg_social_media6477 .diamond li:last-child{ padding:6px; } .wdg_social_media6477 .diamond.large li{ padding:10px 22px 10px 10px; } .wdg_social_media6477 .diamond.large li:last-child{ padding:10px; } .wdg_social_media6477 .diamond.small li{ padding:3px 8px 3px 3px; } .wdg_social_media6477 .diamond.small li:last-child{ padding:3px; } .wdg_social_media6477 .diamond img{ transform:rotate(-45deg); } .wdg_social_media6477 .diamond i{ width:100%; height:100%; transform:rotate(-45deg); top:0; } .wdg_social_media6477 .diamond .fa{ transform:rotate(-45deg); top:0; } .wdg_social_media6477 .diamond i:before{ position:relative; top:25%; } .wdg_social_media6477 a:hover{ background:#009cde; color:#ffffff; } .wdg_social_media6477 i{ display:block; position:relative; top:50%; transform:translateY(-50%); } .wdg_social_media6477 a.img{ width:auto; border-radius:0; background:none; } .wdg_social_media6477 a.img:hover{ background:none; opacity:0.7; } .wdg_social_media6477 a img{ height:34px; display:block; vertical-align: middle; } .wdg_social_media6477 .large a img{ height:50px; } .wdg_social_media6477 .small a img{ height:20px; } .wdg_social_media6477 { margin:0 auto; display:inline-block; } .wdg_social_media6477_parent:after { content: ""; display:table; clear:both; } .wdg_social_media6477_parent { text-align:center; } </style> <ul class="circle medium"> <li> <a href="https://www.facebook.com/HumanityInclusionUK" target="_blank" title="Facebook"> <span class="fab fa-facebook" aria-hidden="true"></span> </a> </li> <li> <a href="https://twitter.com/hi_uk" target="_blank" title="Twitter"> <span class="fa-brands fa-x-twitter" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.instagram.com/humanityinclusionuk" target="_blank" title="Instagram"> <span class="fab fa-instagram" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.youtube.com/HumanityInclusionUK" target="_blank" title="YouTube"> <span class="fab fa-youtube" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.linkedin.com/company/HumanityInclusionUK/" target="_blank" title="Linkedin"> <span class="fab fa-linkedin" aria-hidden="true"></span> </a> </li> <li> <a href="/en/sign-up-for-email-updates" target="_blank" title="Email newsletter"> <span class="fa fa-envelope" aria-hidden="true"></span> </a> </li> </ul> </div> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6244" data-sn-code="w_horizontal_menu_one_level" data-sn-share data-sn-name="Horizontal menu one level" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6244"> <style> #w6204 > .menu_list{ padding:0; margin:0; list-style:none; display:flex; } #w6204 .link-level-1{ display:flex; height:100%; } </style> <nav id="w6204" class="w_horizontal_menu_one_level"> <ul class='menu_list'> <li class="level-1 "> <a class="link-level-1" href="/en/terms-and-conditions"><span class="link_text">Terms & conditions</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/privacy-policy"><span class="link_text">Privacy</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/cookies-policy"><span class="link_text">Cookies</span></a> </li> <li class="level-1 "><a class="link-level-1" target="" href="javascript:void(0)"><span class="link_text">© Humanity & Inclusion UK</span></a></li> </ul> </nav></div> </div> </div> </div> </div> <div class="sn-element container " data-sn-type="container" data-sn-id="812b4c74-dec6-4504-934e-481e10c21b8a" > <div class="sn-element row " data-sn-type="row" data-sn-id="f222e416-d29b-4598-9f46-040ffcc0956e" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="e4a1a091-722b-4f73-ac45-d42061646a4c" > <div class="sn-element row row-limited footer_row2 footer_row2 " data-sn-type="row" data-sn-id="61cb3d0e-97ba-4e51-a9bd-974551112ba3" > <div class="sn-element footer_row2_col1 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col1 " data-sn-type="column" data-sn-id="da9f039e-d5c2-4535-9101-84a53647b957" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11435" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11435"><div id="ck10371 " class="wid-style box-element_gamila10371 "> <p><strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;">ABOUT</span></span></strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;"> US</span></span></p> </div><style type="text/css"> .box-element10371 { margin: 0px; padding:0px; } .box-element10371 img{ max-width:100%; } .newspaper10371 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11436" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11436"><div id="ck10372 " class="wid-style box-element_gamila10372 "> <p>Humanity & Inclusion UK<br /> Romero House,<br /> 55 Westminster Bridge Road,<br /> London<br /> SE1 7JB</p> <p>UK registered charity no. 1082565</p> </div><style type="text/css"> .box-element10372 { margin: 0px; padding:0px; } .box-element10372 img{ max-width:100%; } .newspaper10372 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11437" data-sn-code="sed_media_image" data-sn-name="Add an image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_11437"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_11437 img{ max-width: 100%; } #w_11437 .img-circle { border-radius: 50%; } #w_11437{ display: flex; justify-content:; } </style><div id="w_11437"> <div> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> </div> </div></div> </div> </div> <div class="sn-element footer_row2_col2 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col2 " data-sn-type="column" data-sn-id="212979d4-32bf-4beb-953b-37709e84913a" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11438" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11438"><div id="ck10374 " class="wid-style box-element_gamila10374 "> <p><span style="color:#e35205;font-size:18px;font-size:22px;text-transform:uppercase;"><b>MORE </b>INFORMATION</span></p> </div><style type="text/css"> .box-element10374 { margin: 0px; padding:0px; } .box-element10374 img{ max-width:100%; } .newspaper10374 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11439" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11439"><div id="ck10375 " class="wid-style box-element_gamila10375 "> <p>• <a href="/en/supporter-promise">Supporter promise</a></p> <p>• <a href="/en/finances">Annual report</a></p> <p>• <a href="/en/work-with-us">Jobs</a></p> <p>• <a href="/en/press-office">Press office</a></p> <p>• <a href="/en/contact">Contact us</a></p> <p>• <a href="https://hi.org/en/reporting-form" target="_blank">Report misconduct</a></p> </div><style type="text/css"> .box-element10375 { margin: 0px; padding:0px; } .box-element10375 img{ max-width:100%; } .newspaper10375 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div> </div> <div class="sn-element footer_row2_col3 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col3 " data-sn-type="column" data-sn-id="776530ef-d792-4c14-9526-8c7697cb616c" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11440" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11440"><div id="ck10376 " class="wid-style box-element_gamila10376 "> <p style="font-size:22px;text-transform:uppercase;"><b>SEARCH</b></p> </div><style type="text/css"> .box-element10376 { margin: 0px; padding:0px; } .box-element10376 img{ max-width:100%; } .newspaper10376 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11441" data-sn-code="usine_search_field" data-sn-name=" %09Search field" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11441"> <style> #w_10377 input{ font-size:16px; border:1px #727578 solid; border-radius:0; padding:8px; height:38px; line-height:20px; } #w_10377 input:focus{ outline: thin dotted red; box-shadow:none; } #w_10377 .btn{ border:none; font-size:28px; padding:0 0 0 10px; color: #727578; } </style> <div id="w_10377"> <form onsubmit="submit_search(); return false;"> <div class="dtable fullwidth"> <div class="dcell dcell-maxwidth"> <label class="sr-only" for="search_text"><span class="sn_pencil" data-sn_uid="1237">Search</span></label> <input placeholder="Search the site" class="form-control" id="search_text" type="text"/> </div> <div class="dcell"> <a href="#" onclick="submit_search()"class="btn btn-link"> <span class="fa fa-search"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1237">Search</span></span> </a> </div> </div> </form> </div> <script type="text/javascript"> function submit_search(){ window.location = '/en/search?kw=' + $('#search_text').val(); } </script></div> </div> </div> </div> </div> </div> <div class="sn-element row " data-sn-type="row" data-sn-id="52c0fa7b-72a8-4a3e-855e-ae6e14f66e3e" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="232eb39c-ab88-4c32-9093-41cf6b6b5ece" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11442" data-sn-code="sed_code" data-sn-name="Code in a widget" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11442"></div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print d-print-none d-print-none " data-sn-type="container" data-sn-id="2bc8b84d-cd16-4368-b606-842848d0bb7d" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="9b97470d-a4c3-48ea-aef1-21d33cbe5cc4" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="f230c0aa-1f57-4d66-aa00-9ba1e8fbea4d" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11443" data-sn-code="sed_text_textck_v2" data-sn-name="Text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11443"><div id="v2ck10379" class="wid-style" > <p style="text-align: center;"><span style="font-size:22px;"><strong>FOLLOW</strong> US</span></p> </div><style type="text/css"> .box-element10379 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11444" data-sn-code="sed_social_media" data-sn-name="Social Networks" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11444"> <div class="wdg_social_media10380_parent"> <div class="wdg_social_media10380" > <style> .wdg_social_media10380 ul{ padding:0; margin:0; list-style:none; display:table; font-size:18px; } .wdg_social_media10380 ul.large{ font-size:26px; } .wdg_social_media10380 ul.small{ font-size:13px; } .wdg_social_media10380 li{ display:table-cell; vertical-align:middle; padding-right:10px; } .wdg_social_media10380 li:last-child{ padding-right:0; } .wdg_social_media10380 a{ text-decoration:none; color:#ffffff; background:#0077c8; display:block; text-align:center; height:34px; line-height:34px; width:34px; } .wdg_social_media10380 .large a{ height:50px; line-height:50px; width:50px; } .wdg_social_media10380 .small a{ height:20px; line-height:20px; width:20px; } .wdg_social_media10380 .circle a{ border-radius:50%; } .wdg_social_media10380 .withoutframe a{ background:transparent!important; color:#ffffff; } .wdg_social_media10380 .diamond a{ transform:rotate(45deg); } .wdg_social_media10380 .diamond li{ padding:6px 16px 6px 6px; } .wdg_social_media10380 .diamond li:last-child{ padding:6px; } .wdg_social_media10380 .diamond.large li{ padding:10px 22px 10px 10px; } .wdg_social_media10380 .diamond.large li:last-child{ padding:10px; } .wdg_social_media10380 .diamond.small li{ padding:3px 8px 3px 3px; } .wdg_social_media10380 .diamond.small li:last-child{ padding:3px; } .wdg_social_media10380 .diamond img{ transform:rotate(-45deg); } .wdg_social_media10380 .diamond i{ width:100%; height:100%; transform:rotate(-45deg); top:0; } .wdg_social_media10380 .diamond .fa{ transform:rotate(-45deg); top:0; } .wdg_social_media10380 .diamond i:before{ position:relative; top:25%; } .wdg_social_media10380 a:hover{ background:#009cde; color:#ffffff; } .wdg_social_media10380 i{ display:block; position:relative; top:50%; transform:translateY(-50%); } .wdg_social_media10380 a.img{ width:auto; border-radius:0; background:none; } .wdg_social_media10380 a.img:hover{ background:none; opacity:0.7; } .wdg_social_media10380 a img{ height:34px; display:block; vertical-align: middle; } .wdg_social_media10380 .large a img{ height:50px; } .wdg_social_media10380 .small a img{ height:20px; } .wdg_social_media10380 { margin:0 auto; display:inline-block; } .wdg_social_media10380_parent:after { content: ""; display:table; clear:both; } .wdg_social_media10380_parent { text-align:center; } </style> <ul class="circle medium"> <li> <a href="https://www.facebook.com/HumanityInclusionUK" target="_blank" title="Facebook"> <span class="fab fa-facebook" aria-hidden="true"></span> </a> </li> <li> <a href="https://twitter.com/hi_uk" target="_blank" title="Twitter"> <span class="fa-brands fa-x-twitter" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.instagram.com/humanityinclusionuk" target="_blank" title="Instagram"> <span class="fab fa-instagram" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.youtube.com/HumanityInclusionUK" target="_blank" title="YouTube"> <span class="fab fa-youtube" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.linkedin.com/company/HumanityInclusionUK/" target="_blank" title="Linkedin"> <span class="fab fa-linkedin" aria-hidden="true"></span> </a> </li> <li> <a href="/en/sign-up-for-email-updates" target="_blank" title="Email newsletter"> <span class="fa fa-envelope" aria-hidden="true"></span> </a> </li> </ul> </div> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11445" data-sn-code="w_horizontal_menu_one_level" data-sn-name="Horizontal menu one level" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11445"><style> #w11445 > .menu_list{ padding:0; margin:0; list-style:none; display:flex; } #w11445 .link-level-1{ display:flex; height:100%; } </style><nav id="w11445" class="w_horizontal_menu_one_level"> <ul class='menu_list'> <li class="level-1 "> <a class="link-level-1" href="/en/terms-and-conditions"><span class="link_text">Terms & conditions</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/privacy-policy"><span class="link_text">Privacy</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/cookies-policy"><span class="link_text">Cookies</span></a> </li> <li class="level-1 "><a class="link-level-1" target="" href="javascript:void(0)"><span class="link_text">© Humanity & Inclusion UK</span></a></li> </ul></nav></div> </div> </div> </div> </div> <div class="sn-element hidden-print d-print-none container-fluid d-print-none " data-sn-type="container" data-sn-id="c3880a31-ed2f-4186-a87d-422b4e8987b4" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="c569846f-151e-4b5f-84b1-34cbb03159d4" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="76e236ee-b43c-467f-81a4-b963bcb03490" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11446" data-sn-code="sed_site_menu_slim" data-sn-share data-sn-name="Slim menu" data-sn-nbview="0" id="website_selector" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element-content" id="sn_widget_11446"> <style> #w_6430:after{ content:''; clear:both; display:table; } #w_6430 ul{ list-style:none; margin:0; padding:0; } #w_6430 > ul{ float:right; margin:0 0 -10px } #w_6430 > ul > li{ float:left; position:relative; padding:0 10px; margin-bottom:10px; } #w_6430 > ul > li:before{ content:''; background-color:#d4d5d8; height:60%; width:1px; position:absolute; left:0; top:20%; } #w_6430 > ul > li:first-child:before{ content:none; } #w_6430 > ul > li > a{ position:relative; z-index:10; } #w_6430 a{ color:#002e43; } #w_6430 > ul > li > ul{ display:none; position:absolute; top:100%; z-index:9; border:1px solid #d4d5d8; background:#FFF; left:50%; transform:translateX(-50%); width:270px; padding:0 5px; margin-top:6px; overflow:hidden; } #w_6430 > ul > li.countries > ul{ padding:0 5px 0 100px; } #w_6430 > ul > li.countries > ul:before{ display: block; font-family: "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; left:16px; font-size:75px; content: "\f57d"; color:#d4d5d8; font-weight:900; } #w_6430 > ul > li.has-children:after{ content:''; display:block; background:#FFF; width:100%; position:absolute; top:100%; left:0; height:11px; z-index:9; transform:translateY(-4px); border-left:1px solid #d4d5d8; opacity:0; transition:opacity .2s linear; } #w_6430 > ul > li.has-children.open:after{ opacity:1; } #w_6430 > ul > li.countries > a:before{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f57d"; font-weight:900; } #w_6430 > ul > li.has-children > a:after{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-weight:100; position:relative; top:0; transition:top .2s cubic-bezier(.3,0,.2,1), transform .2s cubic-bezier(.3,0,.2,1); } #w_6430 > ul > li.has-children.open > a:after, #w_6430 > ul > li.has-children > a:hover:after{ top:3px; } #w_6430 > ul > li.has-children.open > a:after{ transform:scale(-1); } #w_6430 > ul > li > ul > li{ padding:5px 0; } </style> <nav id="w_6430"> <ul class=''> <li class="level-1 has-children countries"> <a > <span> United Kingdom </span></a><ul> <li> <a href="https://www.handicap-international.de/de/homepage"> Germany </a> </li> <li> <a href="https://www.handicapinternational.be/"> Belgium </a> </li> <li> <a href="https://www.hi-canada.org/en/index"> Canada </a> </li> <li> <a href="https://www.handicap-international.fr/fr/index"> France </a> </li> <li> <a href="https://www.handicap-international.lu/fr/index"> Luxembourg </a> </li> <li> <a href="https://www.handicap-international.ch/fr/index"> Switzerland </a> </li> <li> <a href="https://www.hi-us.org/"> USA </a> </li> <li> <a href="https://www.hi.org/"> International </a> </li> </ul> </li> </ul> </nav> <script> $('#w_6430 > ul > li > ul').prev('a').on('click', function(){ var $ul = $(this).next('ul'); if($ul.css('display') == 'none'){ $ul.fadeIn(150).closest('li').addClass('open'); var rect = $ul[0].getBoundingClientRect(); var right_difference = rect.right - $(window).width(); if(right_difference > 0){ $ul.css('left', 'calc(50% - '+right_difference+'px)'); }else if(rect.left < 0){ $ul.css('left', 'calc(50% - '+rect.left+'px)'); } $(document).on('click', function(e){ if($(e.target).closest('#w_6430').length < 1){ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); }else{ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); </script></div> </div> </div> </div> </div> <script> $(document).ready(function() { $("a[href$='pdf']").each(function(index) { pdfLabel = $(this).attr('href'); pdfOnClick = "ga('send', 'event', 'PDF', '" + pdfLabel + "');"; $(this).attr("onClick", pdfOnClick); }); }); </script> <script type="text/javascript" src="https://try.abtasty.com/c3674cab39653b9ee55fb1c72b8e5698.js"></script>   <meta name="theme-color" content="#0077c8">  <meta name="msapplication-navbutton-color" content="#0077c8">  <meta name="apple-mobile-web-app-status-bar-style" content="#0077c8">   <link href="/extenso/fontawesome/css/all.min.css" rel="stylesheet" /> </body></html>