/* 
CONTENTS:
RESET CSS 
FONT INCLUDES 
GENERIC STYLING AND RE-USABLE CLASSES 
TEXT / HEADINGS 
1.1 HEADER
STANDALONE HEADER/FOOTER
1.2 FOOTER 
2.1 CAROUSEL 
1.5 SNIPPETS - social, sign up, Statistics, giving, ukaid 
2.2  AIMS/ACHIEVEMENTS 
2.4  YOU MAY HAVE SEEN 
2.5  CASE STUDIES 
2.6  NEWS AND ARTICLES  
2.7  AMBASSADORS 
3.a.1 PREVENT BLINDNESS 
4b. GIFT OF SIGHT 
HOW IT WORKS 
4.4 TAB WITH LAYOUT 3 – IMAGE LEFT, TEXT RIGHT  
3.1 WHAT WE DO 
3.B.1 TEXT AND DONATE MODULE ON RIGHT - CONDITIONS 
SMALL NEWS 
3.A.2 PROMO SLOTS - HELP 
3.2 LEARN MORE ABOUT OUR WORK - MOREABOUT/THREELINKS 
3.3 OUR APPROACH  
3.5 MAP – PINS AND PULLOUTS BUT NO LINKS 
4.1 VIDEO, TEXT AND DONATE LINK - HOW YOU CAN HELP 
4.2 TAB WITH LAYOUT 2 – TEXT ONLY 
WAYS TO HELP 
3D CASE STUDY - WHATSTORY 
6.1 TEXT AND DONATE MODULE ON RIGHT, LINKS - ABOUT 
TEXT PAGE 
FAQS STYLING 
SHOWALL 
OPENCLOSE 
MISC 
CELEBECIRCLE 
COOKIE NOTICE
@MEDIA ALL AND (MAX-WIDTH:1199PX) 
@MEDIA ALL AND (MAX-WIDTH:321PX)
*/

/* RESET CSS */
html {margin-top:0px !important}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
	zoom:1;
	font-size:100%;
	line-height:120%;
	font-family: 'Lato', sans-serif;
	font-weight:400
}

body {line-height:1}

ol, ul {list-style:none}

blockquote {quotes:none}

blockquote:before, blockquote:after {
	content:'';
	content:none
}

del {text-decoration:line-through}

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

a img {border:none}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label { 
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none
}

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

fieldset,img {border:0}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal
}

ol,ul {list-style:none}

caption,th {text-align:left}

a, a:visited {
	text-decoration:none; 
	cursor:pointer; 
	color:#960051
}

a:hover, a:focus {
	text-decoration:underline;
	color:#403A60
}

a:active{color:#80276C}

a:link{-webkit-tap-highlight-color : rgba( 64, 58, 96, 1 )}
/* RESET CSS END */

/* FONT INCLUDES */
/* @font-face{
	font-family:"TradeGothicNextW01-Bold 693229";
	src:url("../fonts/678017fc-bfca-4daa-a38a-b0f41bada5e7.eot?#iefix");
	src:url("../fonts/678017fc-bfca-4daa-a38a-b0f41bada5e7.eot?#iefix") format("eot"),url("../fonts/4d16ea6c-033a-41b1-8326-56a1d7392d5f.woff") format("woff"),url("../fonts/573b39c2-10f7-4b72-a656-89a329b76560.ttf") format("truetype"),url("../fonts/d079b7e1-7489-4f6d-b4c9-536742085cff.svg#d079b7e1-7489-4f6d-b4c9-536742085cff") format("svg");
}

@font-face{
	font-family:"Trade Gothic Next W01";
	src:url("../fonts/8a6c3750-4927-4649-9dac-87049f5e9700.eot?#iefix");
	src:url("../fonts/8a6c3750-4927-4649-9dac-87049f5e9700.eot?#iefix") format("eot"),url("../fonts/57625f96-ca80-4602-9644-ec1803cb3ba3.woff") format("woff"),url("../fonts/6618d500-1727-4334-878e-1c4b95192f42.ttf") format("truetype"),url("../fonts/01ebe944-ca6c-41db-a3ba-b7e2a90536d9.svg#01ebe944-ca6c-41db-a3ba-b7e2a90536d9") format("svg");
}

@font-face{
	font-family:"AvenirNextRoundedW01-Re";
	src:url("../fonts/c61fbc93-c8bb-4452-a425-616f4a986a1a.eot?#iefix");
	src:url("../fonts/c61fbc93-c8bb-4452-a425-616f4a986a1a.eot?#iefix") format("eot"),url("../fonts/832e487e-ca07-48d9-b664-9f641d3fd51b.woff") format("woff"),url("../fonts/ef1f3005-b51b-4ee4-bd7d-c4d750fd2f0a.ttf") format("truetype"),url("../fonts/e5abc466-efd1-4ef7-9bc3-0ad024a38f8b.svg#e5abc466-efd1-4ef7-9bc3-0ad024a38f8b") format("svg");
}

@font-face{
	font-family:"AvenirNextRoundedW01-Md 1075562";
	src:url("../fonts/24bb7030-aa2b-4728-8c50-0d5a19597835.eot?#iefix");
	src:url("../fonts/24bb7030-aa2b-4728-8c50-0d5a19597835.eot?#iefix") format("eot"),url("../fonts/c4f4af3e-b5b8-4fb3-b707-670bbc765c69.woff") format("woff"),url("../fonts/58765556-0682-4c0d-a380-ddc721268253.ttf") format("truetype"),url("../fonts/5ba56fed-120b-437e-b74b-fdb7563b5f1b.svg#5ba56fed-120b-437e-b74b-fdb7563b5f1b") format("svg");
}

@font-face{
	font-family:"AvenirNextRoundedW01-Bo 1075574";
	src:url("../fonts/da5b695f-ece6-459a-87a6-afa095789070.eot?#iefix");
	src:url("../fonts/da5b695f-ece6-459a-87a6-afa095789070.eot?#iefix") format("eot"),url("../fonts/84f3e44b-61b2-4b2c-b0fd-e8044b9908e6.woff") format("woff"),url("../fonts/c1fbefa9-1480-4d86-abab-8f357f4a7962.ttf") format("truetype"),url("../fonts/74731d73-f46b-4e5d-8c95-a9f87a1ebb58.svg#74731d73-f46b-4e5d-8c95-a9f87a1ebb58") format("svg");
} */
/* FONT INCLUDES END */


/* GENERIC STYLING AND RE-USABLE CLASSES */
html {
	width:100%;
	min-width:1200px;
	height:100%;
	padding:0px;
	margin:0px;
}

body {
	width:100%;
	min-width:1200px;
	padding:0px;
	background-color:#fff;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
}

iframe {border:none}

iframe#sign-up {width:100%;height:70px;margin-top:-5px;}

div {width:100%}

.outer {overflow:hidden}

.inner {
	width:1200px; 
	margin-left:auto; 
	margin-right:auto;  
	min-width:1200px; 
	max-width:1200px; 
	position:relative
}

.left {
	float:left; 
	width:50%
}

.right {
	float:right; 
	width:50%
}

.block {
	margin-left:2.5%; 
	margin-right:2.5%; 
	width:95%; 
	padding-bottom:30px; 
	padding-top:30px
}

.smallblock {
	margin-left:2.5%; 
	margin-right:2.5%; 
	width:95%; 
	padding-bottom:35px; 
	padding-top:35px
}

.blocknp {
	margin-left:2.5%; 
	margin-right:2.5%; 
	width:95%;
	padding-bottom:0px; 
	padding-top:0px
}

.line {
	border-bottom:1px solid #dcdcdc; 
	width:100%
}

.col20 {
	width:20%; 
	text-align:center; 
	float:left
}

.col25 {
	width:25%; 
	text-align:center; 
	float:left
}

.col32 {
	width:32%; 
	text-align:center; 
	float:left
}

.col33 {
	width:33%; 
	text-align:center; 
	float:left
}

.col34 {
	width:34%; 
	text-align:center; 
	float:left
}

.col35 {
	width:35%; 
	text-align:center; 
	float:left
}

.col40 {
	width:40%; 
	text-align:center; 
	float:left
}

.col50 {
	width:50%; 
	text-align:center; 
	float:left
}

.col25 img {margin-bottom:15px}

/* .col34.orange  p {color:#000} */

.col33 {font-size:20px}

.col33 img {
	float:left; 
	margin-right:15px
}

.col33 .button {
	margin-top:20px; 
	margin-left:7px; 
	margin-right:7px; 
	display:inline-block
}

.pad10 {padding:10px}

.black {background:#000}

.paleblue{background:#e9f1fc}

.newsbg{background:#ffebb2}

.whitebg {background:#FFF}

.lightgreybg{background:#e8e8e8}
	
.stripes {background:#d2d2d2}


.greybg{background-color:#d2d2d2}

.orangebgo {background:#FB6500}

.yellowbgo {background:#febb22}

.rounded { 
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px
}

.button {
	text-align:center;
	padding-top:18px;
	padding-right:12px;
	padding-bottom:18px;
	padding-left:12px;
	display:inline-block;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
}

.buttonsmall {
	text-align:center;
	padding-top:14px;
	padding-right:15px;
	padding-bottom:14px;
	padding-left:15px;	
	line-height:18px;
	display:inline-block;
	font-size:18px;
	color:#fff;
}
.orangebg {
	background:#FB6500; 
	-webkit-box-shadow:0px 4px 0px rgba(201,80,0,1);
    -moz-box-shadow:0px 4px 0px rgba(201,80,0,1));
    box-shadow:0px 4px 0px rgba(201,80,0,1)
}

.orangebg:hover, .orangebg:focus  {
	background:#cc5302;
	-webkit-box-shadow:0px 4px 0px rgba(163,65,0,1);
    -moz-box-shadow:0px 4px 0px rgba(163,65,0,1);
    box-shadow:0px 4px 0px rgba(163,65,0,1);
	text-decoration:none
}

.orangebg:active {
	background:#AF272F;
	-webkit-box-shadow:0px 4px 0px rgba(100,31,69,1);
    -moz-box-shadow:0px 4px 0px rgba(100,31,69,1);
    box-shadow:0px 4px 0px rgba(100,31,69,1)
}


.yellowbg {
	background:#febb22; 
	color:#000;
	-webkit-box-shadow:0px 4px 0px rgba(202,150,28,1);
    -moz-box-shadow:0px 4px 0px rgba(202,150,28,1);
    box-shadow:0px 4px 0px rgba(202,150,28,1)
}

.yellowbg:hover {
	background:#e9ab22; 
	color:#000;
	-webkit-box-shadow:0px 4px 0px rgba(188,140,29,1);
    -moz-box-shadow:0px 4px 0px rgba(188,140,29,1);
    box-shadow:0px 4px 0px rgba(188,140,29,1);
	text-decoration:none
}

.bluebg {
	background:#2175dd; 
	-webkit-box-shadow:0px 4px 0px rgba(26,94,177,1);
    -moz-box-shadow:0px 4px 0px rgba(26,94,177,1);
    box-shadow:0px 4px 0px rgba(26,94,177,1)
}

.bluebg:hover {
	background:#1d67c0; 
	-webkit-box-shadow:0px 4px 0px rgba(24,80,154,1);
    -moz-box-shadow:0px 4px 0px rgba(24,80,154,1);
    box-shadow:0px 4px 0px rgba(24,80,154,1); 
	text-decoration:none
}

.blackbg {
	background:#282828; 
	-webkit-box-shadow:0px 4px 0px rgba(31,31,31,1);
    -moz-box-shadow:0px 4px 0px rgba(31,31,31,1);
    box-shadow:0px 4px 0px rgba(31,31,31,1)
}

.blackbg:hover {
	background:#000; 
	-webkit-box-shadow:0px 4px 0px rgba(31,31,31,1);
    -moz-box-shadow:0px 4px 0px rgba(31,31,31,1);
    box-shadow:0px 4px 0px rgba(31,31,31,1); 
	text-decoration:none
}

.purplebg {
	background:#960051; 
	-webkit-box-shadow:0px 4px 0px rgba(100,31,69,1));
    -moz-box-shadow:0px 4px 0px rgba(100,31,69,1);
    box-shadow:0px 4px 0px rgba(100,31,69,1)
}

.purplebg:hover, .purplebg:focus {
	background:#80276C; 
	-webkit-box-shadow:0px 4px 0px rgba(100,31,69,1);
    -moz-box-shadow:0px 4px 0px rgba(100,31,69,1);
    box-shadow:0px 4px 0px rgba(100,31,69,1); 
	text-decoration:none
}

.purplebg:active {
	background:#403A60; 
	-webkit-box-shadow:0px 4px 0px rgba(0,0,0,1);
    -moz-box-shadow:0px 4px 0px rgba(0,0,0,1);
    box-shadow:0px 4px 0px rgba(0,0,0,1); 
	text-decoration:none
}

#stories h4  {
	padding-left:10px; 
	padding-right:10px;
	color:#000
}

#stories .button, 
#news .button {
	text-transform:none; 
	font-size:20px
}

#stories .outer.pad25 {padding-bottom:25px}

#disclaimer {height:40px}

/* #footer {
	color:#FFF; 
	font-size:20px
} */

#footer .button {
	text-transform:uppercase; 
	margin-left:15px; 
	margin-right:15px
}

#footer .button:first-child {margin-left:0px}

.news .tags {
	padding-top:10px; 
	padding-bottom:10px
}

.news img, 
#news .left img {
	width:100%; 
	height:auto
}

.newsi {
	width:100%; 
	height:920px;  
	overflow:hidden
}

.dline {border-bottom:1px solid #333}

.lhide, 
.hide {
	display:none; 
	clear:both
}

.pad6 {
	padding:6%;
	width:88%
}

/* .purple {color:#520d64} */

/* GENERIC STYLING END */

/* TEXT / HEADINGS */
h1, h2, h3, h4, h5, h6 {
	clear:both;
	margin-bottom:20px; 
}

h1 {
	color:#000; 
	font-size:40px; 
	line-height:120%
}

h2 {
	color:#666;
	font-size:30px;
	font-weight:700
}

h3 {
	color:#666; 
	font-size:26px
}

h4 {
	color:#666; 
	font-size:22px; 
}

h5 {
	font-weight:700;
	color:#333;
	/* text-align:center; */
	font-size:20px;
}

h6 {font-size:20px}

p {
	font-size:20px; 
	color:#000; 
	/* line-height:130%;  */
	margin-bottom:20px
}

strong,
b{font-weight:700}

p.caption, 
.caption {font-size:16px}

span.caption {
	margin:0px; 
	padding:0px; 
	margin-top:-10px
}

li {
	/* font-size:18px; 
	color:#333333; 
	line-height:130% */
}

small {
	font-size:15px; 
	margin-bottom:10px; 
	display:block
}

.nthumb img {line-height:100%}

.tags a {
	font-size:15px; 
	/* color:#2175dd */
}

/* .orangelink {color:#fb6500} */

/* .pinklink {color:#dd1188} */

p.caption, 
.caption {font-size:16px}

span.caption {
	margin:0px; 
	padding:0px; 
	margin-top:-10px; 
}

/* .blue {color:#2175dd} */

#disclaimer p {
	font-size:13px
}

/* .orange p, 
.orange h1, 
.orange .col25 a {color:#FB6500} */

.wp-caption-text {font-size:16px}

.col33 h1, 
.col33 p {text-align:left}

.col33 p:last-child {margin-bottom:0px}

.col33 h1 {margin-bottom:0px}

.col33 h1 span{font-size:60px}

.center {text-align:center}

.block p:last-child {margin-bottom:0px}
/* TEXT / HEADINGS END */


/*1.1 HEADER */
#header-container{
	display:inline-block;
	position:fixed;
	background-color:#fff;
	z-index:999999999
}

#header {
	padding:15px 0;
	border-bottom:5px solid #febb22;
	background-color:#fff
}

#header .inner.active {overflow:visible}

/* Country dropdown selector */
#countries {
	display:none;
	width:565px;
	position:absolute;
	top:48px;
	right:0px;
	height:auto;
	z-index:9999999999999;
	overflow:hidden;
	padding-top:27px;
	padding-right:27px;
	padding-bottom:5px;
	padding-left:27px
}

#countries.active, 
#shadow.active {display:block}

#countries h3 {
	/* color:#000; 
	margin-bottom:25px */
}

#countries p {margin-bottom:15px}

#countries  a {
	line-height:19px; 
	display:block
}

#countries a img {
	padding-right:10px; 
	float:left
}

#countries .close {
	position:absolute; 
	bottom:15px; 
	right:-356px
}

#countries .left a {padding-top:5px}

#countries .left {
	width:40%; 
	position:relative
}

#countries .right {width:55%}

#shadow {
	display:none; 
	width:619px; 
	opacity:0.3; 
	filter:alpha(opacity=30);  
	position:absolute; 
	top:48px; 
	right:0px; 
	height:30px;  
	z-index:9999; 
	background-image:linear-gradient(bottom, rgb(255,255,255) 7%, rgb(206,206,206) 54%);
	background-image:-o-linear-gradient(bottom, rgb(255,255,255) 7%, rgb(206,206,206) 54%);
	background-image:-moz-linear-gradient(bottom, rgb(255,255,255) 7%, rgb(206,206,206) 54%);
	background-image:-webkit-linear-gradient(bottom, rgb(255,255,255) 7%, rgb(206,206,206) 54%);
	background-image:-ms-linear-gradient(bottom, rgb(255,255,255) 7%, rgb(206,206,206) 54%);
	background-image:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.07, rgb(255,255,255)),
		color-stop(0.54, rgb(206,206,206))
	);
}

#topmenu {
	padding-top:4px;
	background-color:#e8e8e8
}

#topmenu ul {
	padding-right:0px; 
	float:right; 
	width:auto
}

#topmenu ul li {
	float:left; 
	font-size:14px; 
	margin-right:30px
}

#topmenu ul li a {
	color:#6e6e6e; 
	line-height:40px;
	font-weight:700
}

#topmenu ul li a img {
	float:left; 
	padding-right:8px; 
	padding-top:10px
}

#topmenu ul li.flag {margin-right:7px}

#topmenu ul li.dropdown a img {
	float:right; 
	padding-top:18px; 
	padding-left:5px
}

#topmenu ul li.dropdown a {
	line-height:38px; 
	padding-top:10px
}

.menu-top-menu-container{display:inline-block}

.header-search{
	display:inline-block;
	padding-top:2px
}

.header-search > div {
	width:300px;
	display:inline-block;
	float:right
}

.gsc-control-cse.gsc-control-cse-en{
	background-color:transparent;
    padding:0 !important;
    width:250px
}

.header-search form {position:relative}

.header-search input#s {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:16px;
	padding:7px 10px 5px 15px;
	color:#6e6e6e;
	border:0 none;
	width:100%;
	background-color:#fff
}
.header-search input#searchsubmit {
	border:0 none;
	background:none;
	position:absolute;
	top:5px;
	right:-9px;
	cursor:pointer;
	width:25px;
	height:25px;
	text-indent:-99999px
}
.header-search .dashicons-search {
	position:absolute;
	font-size:24px;
	top:5px;
	right:-15px;
	color:#6e6e6e
}

#logo {
	padding-left:30px; 
	float:left; 
	width:auto; 
	padding-top:0
}

#mainmenu{
	width:auto; 
	float:right; 
	padding-right:35px
}

#mainmenu.active {
	display:block; 
	z-index:999
}

#mainmenu ul {width:auto}

#mainmenu ul li {
	float:left; 
	font-size:22px; 
	margin-left:0px; 
	line-height:24px; 
	padding-top:25px
}

#mainmenu a {
	font-weight:700;
	border-right:0 none;
	padding-left:23px; 
	padding-right:20px; 
	padding-bottom:25px
}

#mainmenu a:hover{
	text-decoration:none;
}

#mainmenu ul li:last-child  a{border-right:none}

#donate{
	float:right; 
	width:auto; 
	margin-top:4px;
	font-size:19px
}

#donate p {margin:0px}

#breadcrumbholder {padding:2px 0 3px 0}

#breadcrumbholder[style]{height:auto!important;}

#breadcrumbs .fb:hover {background-position:0px -33px}

#breadcrumbs .fb {background-position:0px 0px}

#breadcrumbs .social a.tw {
	background-position:-41px 0px; 
	width:20px
}

#breadcrumbs .social a.tw:hover {background-position:-41px -33px}

#breadcrumbs .social a.yo {
	background-position:-76px 0px; 
	width:42px
}

#breadcrumbs .social a.yo:hover {background-position:-76px -33px}

#breadcrumbs .in {background-position:-140px 0px}

#breadcrumbs .in:hover {background-position:-140px -33px}

#breadcrumbs .li {background-position:-181px 0px}

#breadcrumbs .li:hover {background-position:-181px -33px}

#breadcrumbs .pi {background-position:-219px 0px}

#breadcrumbs .pi:hover {background-position:-219px -33px}

#breadcrumbs .social a {
	width:27px; 
	height:23px;
	background-image:url(../img/socialb.png);
	background-repeat:no-repeat;
	display:block; 
	float:left; 
	margin-right:7px;
	margin-left:7px
}

#breadcrumbs {font-size:14px}

#breadcrumbs  span {
	font-size:14px; 
	float:right; 
	line-height:20px
}

#breadcrumbs  .social div {
	width:450px; 
	margin-right:29px; 
	margin-top:0px
}

#breadcrumbs  .social div.pad10 {padding-bottom:0px}

#breadcrumbs .left {
	padding-top:3px; 
	padding-left:30px; 
	width:40%
}

#breadcrumbs a {
	line-height:28px;  
	font-size:14px
}

#breadcrumbs a.active {font-weight:700}

#breadcrumbs  span.edit-link {
	font-size:10px; 
	float:none
}

#breadcrumbs span.edit-link a {color:#EB6209}

#menuflyout {display:none}
/*1.1 HEADER END*/


/****************************/
/* STANDALONE HEADER/FOOTER */
/****************************/
#single-header-container{
	border-bottom:5px solid #febb22;
	position:fixed;
	height:110px;
	background-color:#fff;
	z-index:10;
	top:0
}

#single-header-container .inner {padding:20px 0}

#single-header-container .inner p{margin-bottom:0}

.page-template-page-story-standalone #content-container{padding-top:115px}

.single-story .standalone-hero-holder img{
	width:100%;
	height:auto;
	border-bottom:5px solid #febb22
}

.single-story h1 {text-align:left}

.standalone#disclaimer p {
	line-height:14px;
	padding-top:15px;
	color:#000
}

.standalone#disclaimer a {color:#000}

.standalone#disclaimer a:first-child {margin-right:10px}


/*1.2 FOOTER */
#footer{padding:30px 0 0 0 !important}

#footer .outer .outer {
	padding-bottom:50px; 
	padding-top:0px
}

#footer a {color:#000}

#footer h3{
	color:#000;
	margin-bottom:0
}

#footer .left a {
	display:block; 
	line-height:25px;
	text-align:left
}

#footer .left ul a{
	font-size:17px;
	font-weight:700
}

#footer .left ul.sub-menu a {
	font-weight:400;
	font-size:16px
}

#footer p {text-align:left}

#footer .right {width:44%}

#video iframe {
	margin-top:25px; 
	margin-bottom:25px
}

#video p {margin-bottom:0px}

.signup {
	line-height:50px; 
	overflow:visible; 
	height:53px
}
.disclaimer-holder{background:#e8e8e8}

#disclaimer{
	height:40px;
	padding-bottom:15px /* to account for 55px line height */
}

#disclaimer p {
	line-height:55px; 
	color:#666;
	font-size:14px;
	margin-bottom:0
}

#disclaimer a {color:#666}

#disclaimer p span{
	float:right;
	margin-top:15px;
}
/*1.2 FOOTER END*/


/*2.1 CAROUSEL */
#carouselouter {
	background:#FFF; 
	height:647px
}

#carousel {
	height:500px; 
	position:relative
}

.carousel {
	position:absolute; 
	top:0px; 
	left:0px; 
	display:none
}

.carousel.active {display:block}

.carousel .text {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 40px;
    font-weight: 700;
    height: 250px;
    left: 0;
    line-height: 45px;
    padding: 30px 50px 30px 30px;
    position: absolute;
    top: 158px;
    width: 320px;
}

.carousel .text h1{
	color:#fff;
	line-height:110%
}

.carousel .text p {
	color:#fff;
	margin-top:10px;
}

#thumbs {
	height:154px; 
	top:485px; 
	left:150px;  
	position:absolute; 
	width:900px
}

.thumbouter {
	width:150px; 
	float:left; 
	text-align:center; 
	padding:15px; 
	margin-top:0px; 
	display:block
}

.thumbouter.active {
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position:90px 0px
}

.thumb { 
	width:150px;  
	text-align:center; 
	padding:15px;
	font-weight:700;
	cursor:pointer
}

.thumb:hover,
.active .thumb {
	background-color:#960051;
	color:#fff
}

.thumb img {padding-bottom:10px}

/* .thumb a {
	color:#000; 
	font-size:16px;
	font-weight:700
} */

#minithumbs {
	display:none; 
	position:absolute; 
	top:320px; 
	left:20px; 
	height:25px
}

.minithumb {
	width:15px;
	height:15px;
	display:block;
	float:left;
	margin-right:10px;
	background-image:url(../img/thumboff.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-top:2px
}

.minithumb.active {background-image:url(../img/thumbon.png)}

.prev {
	float:left; 
	margin-right:62px; 
	background-image:url(../img/arrowbl.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:17px;
	height:17px;
	display:block
}

.prev.notactive {background-image:url(../img/arrowblo.png)}

.next {
	float:right;
	margin-right:35px;
	background-image:url(../img/arrowbr.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:17px;
	height:17px;
	display:block
}

.next.notactive {background-image:url(../img/arrowbro.png)}
/*2.1 CAROUSEL END */


/* 1.5 SNIPPETS - social, sign up, Statistics, giving, ukaid */
.social div.socialshare {
	width:235px;
	margin-right:133px;
	padding:11px 0
}

.social div.fbs {
	width:120px;
	float:left;
	margin:-5px 0 0 15px;
}

.social div.tws {
	width:100px; 
	float:left; 
	margin:0
}

.social div.fbs div, 
.social div.tws div {
	width:auto; 
	float:none; 
	margin:0
}

.fb:hover {background-position:0px -50px}

.fb {background-position:0px 0px}

.social a.tw {
	background-position:-61px 0px; 
	width:30px
}

.social a.tw:hover {background-position:-61px -50px}

.social a.yo {
	background-position:-115px 0px; 
	width:63px
}

.social a.yo:hover {background-position:-115px -50px}

.in {background-position:-212px 0px}

.in:hover {background-position:-212px -50px}

.pi {background-position:-335px 0px}

.pi:hover {background-position:-335px -50px}

.li {background-position:-275px 0px}

.li:hover {background-position:-275px -50px}

form {
	font-size:24px; 
	/* color:#000 */
}

form input.text {
	background:#FFF; 
	border:none; 
	line-height:30px; 
	color:#333; 
	padding:10px; 
	font-size:20px; 
	width:220px; 
	margin-left:20px
}

form input.submit {
	border:none; 
	font-size:21px; 
	margin-left:-10px; 
	text-transform:uppercase; 
	-webkit-appearance:none
}

.social  {
	font-size:24px; 
	width:45%; 
	padding-left:5%;
	font-weight:700;
	line-height:55px
}

.social div{
	width:300px; 
	float:right; 
	margin-top:3px; 
	margin-right:40px
}

.social a {
	margin-left:15px; 
	width:30px; 
	height:27px;
	background-image:url(../img/social.png);
	background-repeat:no-repeat;
	display:block; 
	float:left
}

#ukaid {border-left:1px solid #dcdcdc}

#ukaid p {
	color:#666;
	font-size:18px
}

#ukaid img {
	float:left; 
	margin-right:25px;
	margin-top:5px
}

#giving  div .outer {padding-top:15px}

#giving .left {
	width:64%; 
	padding-top:35px; 
	padding-bottom:15px
}

#giving .right {
	width:32%; 
	padding-top:75px; 
	padding-bottom:53px; 
	padding-left:43px
}

#giving h4 {
	margin-bottom:0;
	padding-left:41px;
	font-weight:700
}

#giving .col33 h1 {padding-bottom:15px}

#giving .col33 h1, 
#giving .col33 p {
	color:#666;
	text-align:center
}

#giving .col33 p {
	font-weight:700;
	font-size:16px
}

#stats .button {margin-right:5px}

#stats .button.yellowbg {
	margin-left:5px; 
	margin-right:0px
}

#stats h1 {color:#666;}

#stats img {
	width:76px;
	height:auto;
	margin:5px 15px 30px 0;
}

#stats p {
	color:#666;
	font-weight:700;
	font-size:18px
}

#stats .col34 {padding-top:20px}

/*1.5 SNIPPETS END */


/*2.2  AIMS/ACHIEVEMENTS */
#howweredoing {
	width:40%; 
	padding-left:10%; 
	padding-top:50px
}

#howweredoing h2 img {
	float:left; 
	margin-right:15px
}

#howweredoing h2 {margin-bottom:0}

#howweredoing p {
	font-weight:700;
	margin-bottom:0px;
	color:#666;
}

#howweredoing p a{font-weight:700}

#howweredoing .how-item {
	overflow:hidden; 
	padding-bottom:36px; 
	clear:both
}

#howweredoing .how-item.lp {padding-bottom:15px}

#howweredoing .how-item p {margin-bottom:0px}

#howweredoing .how-item h2 img {
	width:76px;
	height:auto;
}

#howweredoing h1 {text-align:left}

#problem {
	background-image:url(../img/problem.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	height:445px;
	padding-top:50px;
	border-right:1px solid #dcdcdc;
	width:49%;
	padding-bottom:20px
}

#problem h1 {text-align:left}

#problem p {
	padding-right:222px;
	color:#666
}
#problem p a{font-weight:700}
/*2.2  AIMS/ACHIEVEMENTS END */


/*2.4  YOU MAY HAVE SEEN */
#youmayhaveseen .outer .outer {
	padding-left:26%; 
	padding-top:20px; 
	padding-bottom:0px
}

#youmayhaveseen.trc1 .outer .outer.tr {
	padding-left:37.5%; 
	padding-top:20px; 
	padding-bottom:0px
}

#youmayhaveseen.trc3 .outer .outer.tr {
	padding-left:12.5%; 
	padding-top:20px; 
	padding-bottom:0px
}

#youmayhaveseen.trc4 .outer .outer.tr {
	padding-left:0%; 
	padding-top:20px; 
	padding-bottom:0px
}

#youmayhaveseen.brc1 .outer .outer.br {
	padding-left:37.5%; 
	padding-top:20px; 
	padding-bottom:0px
}

#youmayhaveseen.brc3 .outer .outer.br {
	padding-left:12.5%; 
	padding-top:20px; 
	padding-bottom:0px
}

#youmayhaveseen.brc4 .outer .outer.br {
	padding-left:0%; 
	padding-top:20px; 
	padding-bottom:0px
}

#youmayhaveseen img {padding-bottom:0px}
/*2.4  YOU MAY HAVE SEEN END */


/*2.5  CASE STUDIES */
#stories  {
	padding-top:50px; 
	padding-bottom:50px
}

#stories .outer {
	padding-bottom:60px; 
	padding-top:25px
}

#stories .count1 .row1, #stories .count5 .row2 {padding-left:37.5%}

#stories .count2 .row1, #stories .count6 .row2 {padding-left:25%}

#stories .count3 .row1, #stories .count7 .row2 {padding-left:12.5%}

#stories .count4 .row1, #stories .count8 .row2 {padding-left:0%}
/*2.5  CASE STUDIES END */


/*2.6  NEWS AND ARTICLES  */

/* NEWS */
#news-archives{}

/* HERO STORY */
/* .news-hero {
	position:relative;
	width:100%;
	height:420px;
	border-bottom:5px solid #febb22;
} */

/* .news-hero img {
	width:100%;
	height:auto;
	max-width:1920px;
	max-height:420px;
	display:block;
} */

/* .news-hero-grad {
	position:absolute;
	top:0;
	left:0;
	height:420px;
	
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(70%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
	background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
	background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
	background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
} */

/* .news-hero-grad .inner {position:relative} */

/* .news-hero .block {width:40%} */

#news-archives .hero-headline h1 {
	position:static;
	margin:0;
	padding:1em 0;
}

#news-archives .hero-headline h1,
#news-archives .hero-headline h2 {
	color:#fff;
	font-weight:700;
}

#news-archives .hero-headline p {color:#fff}

#news-archives .hero-headline a {margin:10px 0 4px}


#news-archives .hero-headline h1,
#news-archives .hero-headline h2,
#news-archives .hero-headline p {width:40%}

/* General styles (fullnews) */
/* #fullnews .separator{
	stroke:#FFBB22;
	stroke-width:3;
	stroke-dasharray:0,5;
	stroke-linecap:round;
} */

/* #fullnews h3 {color:#000} */

/* #fullnews .dottedline {margin-bottom:30px} */

/* #fullnews ul li {margin-bottom:15px} */

#fullnews .news.smaller img {
	float:left; 
	margin-right:15px; 
	margin-top:8px;
	width:200px; 
	height:auto
}

/* #fullnews .news.smaller h1 {margin-bottom:2px} */

#fullnews h1 {
	font-size:30px;
	margin-bottom:11px;
	font-weight:700;
}

#fullnews small {
	margin-bottom:15px;
	font-size:12px;
	line-height:12px;
	font-weight:700;
}

#fullnews h1 a,
#fullnews small a {font-weight:700}

#fullnews .news {padding:20px 0}

#fullnews .news:first-of-type {padding-top:0}

#fullnews .news p:last-child {margin-bottom:0px}

#fullnews .news.smaller a.nthumb {
	float:left; 
	margin-right:15px; 
	margin-bottom:0px; 
	width:200px; 
	height:auto; 
	line-height:100%
}

#fullnews .right ul, 
#fullnews .right ol,
.condition .right ol,
.condition .right ul,
#footer.block ul,
#footer.block ol {
	padding-left:0px;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:inherit
}

#fullnews .left {width:66%}

#fullnews .left  img {
	max-width:100%; 
	height:auto
}

#fullnews .left a {/* color:#dd1188 */}

#fullnews .left h1 a,
#fullnews .left  .relatedthumb a {/* color:#000 */}

#fullnews .left .relatedthumb  img {
	width:100%; 
	height:auto
}

#fullnews .left svg:last-of-type {display:none;}

/* .prev.page-numbers, 
.next.page-numbers {
	float:none;
	margin-right:0px;
	background-image:none;
	width:auto;
	height:auto;
	display:inline
} */

/* .tagcloud a {font-size:16px !important} */

#fullnews .navigation.pagination{margin-top:20px}

#fullnews .nav-links{
	width:300px;
	margin: 0 auto;
}

#fullnews .nav-links .prev,
#fullnews .nav-links .next {
	float:none;
	margin-right:0px;
	background-image:none;
	width:auto;
	height:auto;
	display:inline
	
}

#fullnews .nav-links .page-numbers {
	margin:0;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px;
	width:22px;
	display:inline-block;
	text-align:center;
	float:left;
}

#fullnews .nav-links .page-numbers:last-child{
	border-right:1px solid #ddd;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

#fullnews .nav-links .page-numbers:first-child{
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

#fullnews .tags {
	overflow:hidden; 
	width:100%
}

#fullnews .left .tags a {
	font-size:15px;
	color:##dd1188;
}

/* News List specific */
.news {
	overflow:hidden; 
	padding-bottom:40px
}

#smallernews .news {padding-bottom:0px}

#news {
	padding-top:50px; 
	padding-bottom:60px
}

#news .outer {
	padding-top:50px; 
	padding-bottom:10px
}

#news .left {width:40%}

#news .right {width:49%}

#news .left h1 {
	/* color:#2175dd; */ /* blue */
	text-align:left; 
	margin-top:20px; 
	margin-bottom:10px
}

/* #news .left h1 a{color:#2175dd} */

/* #news h3 {color:#2175dd} */

/* #news h3 a{color:#2175dd} */

.news .image {
	float:left; 
	margin-right:10px; 
	width:39%
}

.news .text {
	float:left; 
	width:57%
}

#news .left .tags {margin-top:-12px}

.news .text p {margin-bottom:0px}

#smallernews .text p {padding-right:15px}

.smallernews .button {text-transform:none}

.newsimg {
	width:215px; 
	float:left
}

.newstext {
	width:530px; 
	float:left
}

/* Right - sidabar/widgets */
#fullnews .right {
	width:31%;
	background-color:#e8e8e8;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#fullnews .right .widget-area{
	padding:20px 30px;
	box-sizing:border-box;
}

#fullnews .right h3 {
	font-weight:700;
	margin-bottom:10px;
}

#fullnews .right form{
	margin-bottom:25px;
}
	
#fullnews .right h4 {
	color:#960051;
	cursor:pointer;
	font-weight:800;
	margin:20px 0 10px;
}

#fullnews .right #accordion{
	display:inline-block;
	margin-top:20px
}

#fullnews .right h4:hover{color:#403a60}

#fullnews .right h4.open{color:#666}

#fullnews .right h4::after {
	display:inline-block;
	content:">";
	margin-left:5px;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s
}

#fullnews .right h4.open::after {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}

#fullnews .right .accordion-content{display:none}

#fullnews .right li{margin-bottom:8px;}

#fullnews .right li a{color:#000;}

#fullnews .right ul ul{margin-top:8px;}
.widget-area input.search-field{
	border:1px solid black;
    border-radius:8px;
    font-size:1em;
    padding:8px 15px 10px 10px;
    width:183px
}

/* #fullnews .right ul {padding:20px 30px} */

/* #fullnews .right ul ul {padding:0} */

/* #fullnews .right li{
	background-image:-webkit-gradient(linear, right bottom, right top, color-stop(0, #ffffff), color-stop(0.25, #ffffff), color-stop(0.25, #f4f4f4), color-stop(0.5, #f4f4f4), color-stop(0.5, #ffffff), color-stop(0.75, #ffffff), color-stop(0.75, #efefef));
	background-image:-webkit-linear-gradient(right bottom, #ffffff 0%, #ffffff 25%, #f4f4f4 25%, #f4f4f4 50%, #ffffff 50%, #ffffff 75%, #f4f4f4 75%);
	background-image:-moz-linear-gradient(right bottom, #ffffff 0%, #ffffff 25%, #f4f4f4 25%, #f4f4f4 50%, #ffffff 50%, #ffffff 75%, #f4f4f4 75%);
	background-image:-ms-linear-gradient(right bottom, #ffffff 0%, #ffffff 25%, #f4f4f4 25%, #f4f4f4 50%, #ffffff 50%, #ffffff 75%, #f4f4f4 75%);
	background-image:-o-linear-gradient(right bottom, #ffffff 0%, #ffffff 25%, #f4f4f4 25%, #f4f4f4 50%, #ffffff 50%, #ffffff 75%, #f4f4f4 75%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffffffff', endColorstr='#f4f4f4f4f4f4',GradientType=0 );
	background-size:5px 5px;
	
	margin-bottom:30px 
} */

/* #fullnews .right h3 {
	color:#dd1188;
	padding-bottom:8px
} */

/* #fullnews .right li {margin-bottom:30px} */

/* #fullnews .right li li {
	margin-bottom:5px; 
	background-image:none; 
	padding:0px; 
	line-height:20px;
} */

.alignleft {
	float:left; 
	margin-bottom:15px; 
	margin-right:15px; 
	padding-top:5px
}

.alignright {
	margin-left:15px; 
	margin-bottom:15px; 
	float:right; 
	padding-top:5px
}

.relatedthumb  {
	width:23%;
	float:left;
	padding-top:1%;
	padding-right:2%;
	padding-bottom:1%;
	padding-left:0%
}

.related_post .relatedthumb img {
	width:100%; 
	height:auto
}
/*2.6  NEWS AND ARTICLES END  */


/*2.7  AMBASSADORS */
#partners {width:47%}

#ambassadors, 
#partners {
	padding-top:0px; 
	padding-bottom:50px
}

#ambassadors .outer {
	padding-top:10px; 
	padding-bottom:15px
}

#partners  .outer {
	padding-top:50px; 
	padding-bottom:47px
}

#ambassadors p {text-align:center}

#partners p {text-align:center}

#ambassadors p a, 
#partners p a {
	/* font-family:"TradeGothicNextW01-Bold 693229"; 
	font-size:20px */
}

#ambassadors span, 
#partners span {display:none}
/*2.7  AMBASSADORS END */


/*3.a.1 PREVENT BLINDNESS */
#vision h1 {text-align:left}

#vision h4 {margin-bottom:0px}

#vision h4:last-child {margin-top:50px}

#vision.block {
	margin-bottom:0px;
	padding-bottom:25px
}

#vision .left {width:56%}

/* #vision .right h1 {
	font-size:60px; 
	text-align:center; 
	margin-bottom:0px
} */

#vision .right {
	background-image:url(../img/circleyellow.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;
	height:213px;
	width:230px;
	padding-top:50px;
	padding-right:35px;
	padding-bottom:50px;
	padding-left:35px
}

#vision.nobg .right {
	background:none; 
	height:auto
}

#vision .right.celebs {
	background:none; 
	height:auto; 
	padding:0px; 
	width:300px; 
	margin:0px
}

#vision .right.celebs iframe {width:100%}

/* .celeb h2 {margin-bottom:20px} */

.condition.celeb {padding-bottom:0px}
/*3.a.1 PREVENT BLINDNESS END */


/* 4b. GIFT OF SIGHT */
#tabs {background:#510b62}

#gift h4 {
	/* color:#520d64;  */
	line-height:120%
}

#gift #topleft h4 {
	/* color:#520d64;  */
	padding-bottom:20px; 
	padding-top:20px
}

#gift #topleft h4:first-child {
	/* color:#000;  */
	margin-top:2px
}

#gift h4 {margin-bottom:0px}

.dottedline {border-bottom:1px dotted #999}

#gift .left {width:63%}

#gift .right h1 {
	font-size:60px; 
	text-align:center; 
	margin-bottom:0px
}

#gift .right {	
	text-align:center;
	width:362px
}

#gift .right .greybg {text-align:left}

#gift .right img {padding-top:10px}

#gift .right p {margin-bottom:0px}

#gift .right h4 { margin-top:5px}

#gift .right .greybg  h4 { margin-top:5px}
/* 4b. GIFT OF SIGHT end */

/* HOW IT WORKS */
#howitworks div {
	float:left; 
	text-align:center; 
	font-size:24px;
	/* color:#551166;  */
	width:168px
}

#howitworks div.bi { height:90px}

#howitworks {
	padding-top:20px; 
	padding-bottom:20px; 
	overflow:hidden
}

#howitworks div.arrowy {
	padding-top:52px; 
	width:90px
}

#howitworks div.box1  .bi {padding-bottom:20px}

#howitworks div.box2  .bi, 
#howitworks div.box3 .bi {padding-top:20px}

#howitworks div span {clear:both; display:block}


/* 4.4 TAB WITH LAYOUT 3 – IMAGE LEFT, TEXT RIGHT  */
#tabs .block {
	height:95px; 
	padding-top:0px; 
	padding-bottom:0px
}

.tab,
.mtab {
	width:264px; 
	line-height:70px; 
	text-align:center; 
	margin-right:28px; 
	background:#ffbb22; 
	margin-top:25px; 
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px; 
	font-size:30px; 
	font-weight:700; 
	display:block; 
	float:left
}

.tab:last-child,
.mtab:last-child {margin-right:0px}

.tab:hover, 
.tab.active,
.mtab:hover,
.mtab.active {
	background:#FFF; 
	/* color:#532468;  */
	text-decoration:none
}

.mtab:hover {text-decoration:none}

#gifts .image {
	width:360px; 
	margin-right:30px; 
	float:left
}

#gifts .text {
	width:700px; 
	float:left
}

#gifts .text .purple {
	font-size:18px; 
	padding-top:5px
}

#gifts h1 {
	width:750px; 
	float:right
}

.gift {
	padding-bottom:40px; 
	padding-top:40px; 
	overflow:hidden; 
	border-bottom:1px dotted #999
}

.gift:last-child {border-bottom:none}

.gift h1 {text-align:left}

.gift .text h3 {
	/* color:#532468;  */
	/* font-size:30px;  */
	margin-bottom:5px; 
	padding-right:100px; 
	line-height:120%
}

/* .purple {color:#532468} */

body .tag {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	height:32px;
	padding-left:0px;
	display:inline-block;
	text-transform:uppercase;
	font-size:30px;
	background-image:url(../img/tag2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:25px;
	padding-right:12px;
	/* color:#FFF; */
	border:none
}

body .tag span {
	background-color:#551166;
	margin-left:25px;
	padding-top:13px;
	padding-right:12px;
	padding-bottom:15px;
	padding-left:12px;
	height:24px
}

.gift .button {
	padding-bottom:13px;
	padding-top:17px; 
	margin-left:10px
}

.content {display:none}

.content.active {display:block}
/* 4.4 Tab with layout 3 – Image left, text right END  */


/*3.1 WHAT WE DO */
/* #whatwedo a {color:#dd1188} */ /* pink */

#whatwedo h1 {text-align:left}

#whatwedo{
	background-image:url(../img/boy.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	width:54.5%; 
	padding-right:40.5%;
	margin-left:2.5%; 
	margin-right:2.5%; 
	padding-top:25px
}
/*3.1 WHAT WE DO END */


/*3.B.1 TEXT AND DONATE MODULE ON RIGHT - CONDITIONS */
.conditions .left {width:66%}

.conditions .right {
	width:31%; 
	padding-top:25px
}

/* .conditions .right h3 {font-size:24px} */

/* .conditions a {color:#dd1188}  */

.conditions h2 {
	/* font-size:24px;  */
	/* color:#000 */
}

.condition {
	padding-bottom:20px; 
	padding-top:20px
}

.condition:first-child{padding-top:0px}

.conditions h2:last-child{margin-top:20px}

.condition .alignleft {margin-bottom:0px}
/*3.b.1 Text and Donate module on right End */


/* SMALL NEWS */
#smallernews .news {
	width:50%; 
	float:left
}

#news.smallernews, 
.smallernews {padding-bottom:20px}


/* 3.A.2 PROMO SLOTS - HELP */
#help.block {
	padding-bottom:0px; 
	padding-top:0px
}

#help .left, 
#help .right {
	width:49.5%; 
	/* text-align:center;  */
	padding-bottom:50px;
	padding-top:50px
}

#help .right p {
	padding-left:14%; 
	padding-right:14%
}

#help .left {
	border-right:1px solid #dcdcdc; 
	padding-bottom:58px
}

#help .left .link {
	width:48%;
	float:left;
	margin:0%;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	/* height:72px; */
	padding-top:1%;
	padding-right:0%;
	padding-bottom:1%;
	padding-left:1%	
}

#help .left .first  {
	border-bottom:1px solid #dcdcdc; 
	border-right:1px solid #dcdcdc
}

#help .left .second  {
	border-bottom:1px solid #dcdcdc; 
	border-right:1px solid #fff
}

#help .left .third {
	border-bottom:1px solid #fff; 
	border-right:none
}

#help .left .last {
	border-top:none; 
	border-left:1px solid #dcdcdc
}

#help .left .fourth {
	border-top:1px solid #fff; 
	border-left:1px solid #dcdcdc; 
	/* height:72px */
}

#help .left .fifth {
	border-bottom:1px solid #ffffff; 
	border-top:1px solid #dcdcdc
}

#help .left .sixth {
	border-bottom:1px solid #ffffff; 
	border-left:1px solid #dcdcdc; 
	border-top:1px solid #dcdcdc
}

#help .left .img {
	float:left; 
	margin-right:0px; 
	width:30; 
	padding-top:3px
}

#help .left .text {
	float:left;  
	width:70%; 
	text-align:left
}

#help.how .left .img {width:30%}

#help.how .left .img img{
	width:60px;
	height:60px;
}

#help.how .left .text{
	width:70%;
	padding-top:23px;
}

#help .left a {display:block}

#help .left .slh a {
	font-weight:700;
	font-size:20px
}

/* #help.how .left .link {height:64px} */
/* 3.a.2 Promo slots End  */


/* 3.2 LEARN MORE ABOUT OUR WORK - MOREABOUT/THREELINKS */
#moreabout h2 {
	/* font-size:24px;  */
	/* color:#000 */
}

#moreabout.block {
	margin-left:2.5%;
	margin-right:2.5%;
	width:95%;
	padding-bottom:20px;
	padding-top:20px
}

#threelinks.block {
	padding-bottom:0px; 
	padding-top:0px
}

#threelinks h1 a img {
	float:left; 
	margin-right:20px
}

#threelinks h1 a {
	background:#ffbb22;
	display:block;
	padding-top:29px;
	padding-right:35px;
	padding-bottom:29px;
	padding-left:35px;
	text-decoration:none;
}

/* Why this? */
body.page-id-801 #threelinks h1  a.tl1, 
body.page-id-797 #threelinks h1  a.tl2, 
body.page-id-802 #threelinks h1  a.tl3 {
	background:#FB6500; /* was: #FB6500; */
	color:#FFF;
	text-decoration:none
}

#threelinks h1 a:hover{
	background:#960051; 
	color:#FFF;
	text-decoration:none
}

#threelinks h1 a:active {
	background:#403a60;
	text-decoration:none
}

#threelinks .col33 {border-right:1px dotted #FFF}

#threelinks .col33:last-child {border:none}
/* 3.2 Learn more about our work END */


/* 3.3 OUR APPROACH  */
/* #ourapproach .col33 .img {height:134px} */

/* #ourapproach .col33 .img.first img {padding-top:20px} */

/* #ourapproach .col33 .img.last  img{padding-top:10px} */

#ourapproach .col33 img {
	height:135px;
	width:auto;
	text-align:center;
	float:none;
	margin-right:0px
}

#ourapproach .col33 h2 {
	/* color:#000; */
	font-size:24px;
	padding-top:1%;
	padding-right:13%;
	padding-bottom:3%;
	padding-left:13%;
	line-height:130%
}

#ourapproach .col33 p {
	padding-top:3%;
	padding-right:13%;
	padding-bottom:3%;
	padding-left:13%; 
	text-align:center; 
	width:auto; 
	margin-left:0
}
/* 3.3 Our approach  End  */


/* 3.5 MAP – PINS AND PULLOUTS BUT NO LINKS */
#map {
	width:95%; 
	height:594px
}

#map-canvas {
	width:100%; 
	height:434px
}

#map .col25 h1 {
	margin-bottom:0px; 
	font-size:60px
}

#map  div {width:auto}

#map div.mapcontent {
	width:auto; 
	margin-top:10px
}

#maplower .col25 {
	border-right:1px solid #dcdcdc; 
	width:24.5%
}

#maplower .col25:last-child {border:none}

#maplower .col25 h1 {
	font-size:60px; 
	padding-top:20px
}

/* #map.block {padding-bottom:0px} */

.mapcontent h3 {
	/* font-size:20px;  */
	margin-top:10px; 
	/* color:#000;  */
	margin-bottom:0px
}

.mapcontent h4  {
	/* font-size:18px;  */
	margin-top:10px; 
	/* color:#000;  */
	margin-bottom:0px
}

.mapcontent p, 
.mapcontent ol, 
.mapcontent ul {
	font-size:16px; 
	margin-top:10px; 
	margin-bottom:0px
}
/* 3.5 Map – pins and pullouts but no links End */


/* 4.1 VIDEO, TEXT AND DONATE LINK - HOW YOU CAN HELP */
#howyoucanhelp h1 {text-align:left}

#howyoucanhelp iframe {
	width:95%;
	height:330px;
	margin-left:3%; 
	margin-top:70px
}

#howyoucanhelp p {padding-right:60px}

#howyoucanhelp .right p {padding-right:0px}

#howyoucanhelp .left {clear:both}

#howyoucanhelp .left p:last-child {margin-bottom:40px}

#howyoucanhelp .left a.first,
#howyoucanhelp .left a.second {margin-top:20px}

#howyoucanhelp .left a.al {
	border-bottom:1px solid #dcdcdc; 
	border-top:1px solid #dcdcdc;  
	margin-right:3.5%; 
	float:left; 
	font-size:24px; 
	line-height:56px; 
	width:43%; 
	float:left; 
	display:block
}

#howyoucanhelp .left a.bottom,
#howyoucanhelp .left a.al.third,
#howyoucanhelp .left a.al.fourth,
#howyoucanhelp .left a.al.fifth,
#howyoucanhelp .left a.al.sixth {border-top:none}
/* 4.1 Video, Text and Donate Link End  */


/* 4.2 TAB WITH LAYOUT 2 – TEXT ONLY */
#tabs.yellow {
	background:#ffbb22; 
	height:94px
}

#tabs.yellow .tab, 
#tabs.yellow .mtab {
	width:364px;  
	background:#960051; 
	margin-top:25px; 
	color:#fff
}

#tabs.yellow .tab:last-child, 
#tabs.yellow .mtab:last-child {margin-right:0px}

#tabs.yellow .tab:hover, 
#tabs.yellow .mtab:hover{
	background:#403a60; 
	color:#fff
}

#tabs.yellow .tab.active, 
#tabs.yellow .mtab.active {
	background:#fff; 
	color:#000
}


/* WAYS TO HELP */
#waystohelp .image {
	width:218px; 
	margin-right:30px; 
	float:left
}

#waystohelp .text {
	width:300px; 
	float:left
}

#waystohelp h2 {
	/* text-align:left;  */
	/* font-size:30px; */ 
	/* color:#000;  */
	/* margin-bottom:40px */
}

.way {
	padding-bottom:40px; 
	padding-top:0px; 
	overflow:hidden; 
	width:50%; 
	float:left
}

.way  h3 {
	/* color:#fb6500;  */
	/* font-size:24px;  */
	margin-bottom:15px; 
	padding-right:22px;  
	/* text-align:left */
}

/* .way  h3 a{color:#fb6500;} */

#waystohelp .dottedline {margin-bottom:20px}
/* 4.2 Tab with layout 2 – Text only End */


/* 3D CASE STUDY - WHATSTORY */
#whatstory h2 {
	/* font-size:24px;  */
	/* color:#000;  */
	/* line-height:30px */
}

#whatstory h2 span {
	/* color:#666666;  */
	width:150px; 
	display:inline-block
}

#whatstory h4 {
	margin-bottom:40px; 
	line-height:130%
}

#whatstory p {margin-bottom:30px}

/* #whatstory .left a {color:#dd1188} */

#whatstory.block {
	margin-bottom:0px; 
	padding-bottom:25px
}

#whatstory .left {width:66%}

#whatstory .right h1 {
	font-size:60px; 
	text-align:center; 
	margin-bottom:0px
}

#whatstory .right {
	background-image:url(../img/circleyellow.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;
	height:213px;
	width:230px;
	padding-top:50px;
	padding-right:35px;
	padding-bottom:50px;
	padding-left:35px;
	margin-right:35px;
	margin-top:100px
}

#whatstory img {
	margin-bottom:20px; 
	margin-top:10px
}

#whatstory .dottedline {
	margin-bottom:20px; 
	margin-top:20px
}

p.quote {
	font-size:30px;
	line-height:33px;
	/* color:#fb6500; */
	/* padding-left:122px; */
	/* background-image:url(../img/quote.png); */
	background-image:url(../img/circular-quote-icon.png);
	background-color:#e8e8e8;
	background-repeat:no-repeat;
	background-position:20px 50%;
	/* padding-right:55px; */
	padding:52px 20px 20px 120px;
	margin:40px 0;
	min-height:100px
}


/* 3d Case study End */


/* 6.1 TEXT AND DONATE MODULE ON RIGHT, LINKS - ABOUT */
#about.block {padding-bottom:30px}

#about .left {width:63%}

#about .right {
	width:29.5%; 
	padding-top:29px; 
	padding-right:10px
}

#about .right img {
	width:100%; 
	height:auto; 
	display:block
}

#about h1 {text-align:left}

#about .left p {margin-bottom:30px}

#about .left p:last-child {margin-bottom:40px}

#about .left a.al {
	border-bottom:1px solid #dcdcdc; 
	border-top:1px solid #dcdcdc;  
	margin-right:36px; 
	float:left;
	font-size:24px; 
	line-height:56px; 
	width:264px; 
	float:left; 
	display:block
}

#about .left a.bottom,
#about .left a.al.third,
#about .left a.al.fourth, 
#about .left a.al.fifth,
#about .left a.al.sixth {border-top:none}

#about .left a.al.fifth,#about .left a.al.sixth { margin-bottom:0px}
/* 6.1 Text and donate module on right, Links End */


/* TEXT PAGE */
.textpage h2 {
	/* color:#000;  */
	font-size:24px
}

.textpage .left {width:60%}

.textpage .right {width:25%}

.textpage ul , 
.textpage ol  {margin-bottom:20px}

.textpage ul li, 
.textpage ol li {margin-left:35px}

.textpage ul li {
	list-style-position:outside;
	list-style-type:disc
}

.textpage ol li {
	padding-left:0px;
	list-style-position:outside;
	list-style-type:decimal
}

#campaign img {
	max-width:100%; 
	height:auto
}

#ambassadors .col25 img {
	width:95%; 
	height:auto
}





/* SHOWALL */
.showall {
	position:absolute;
	top:50px;
	right:10px;
	padding-right:20px;
	background-image:url(../img/plus-minus.png);	
	background-position:right 8px;
	background-repeat:no-repeat
}

.showall.open {
	background-image:url(../img/plus-minus.png);
	background-position:right -20px;
	background-repeat:no-repeat
}

/* FAQS STYLING*/

.faqs {background:#ffebb2}

.faqs .block {position:relative}

.faqs .left {width:555px}

.faqs .right {width:555px}

.faq {
	/* background:#fff;  */
	padding:20px; 
	margin-top:10px; 
	position:relative; 
	height:auto; 
	width:515px
}

/* OPENCLOSE */
.openclose  {
	width:10px; 
	height:10px; 
	position:absolute; 
	top:28px; 
	right:10px
}

.openclose.open {
	background-image:url(../img/plus-minus.png); 
	background-position:0 -23px; 
	background-repeat:no-repeat
}

.openclose.closed {
	background-image:url(../img/plus-minus.png);
	background-position:0 0px; 
	background-repeat:no-repeat
}

/* MISC */
p.title{ margin-bottom:0px}

.answer { position:relative }

body.home #breadcrumbholder {display:none}

#outercountries {position:relative}

#shadow,
#countries {
	position:fixed; 
	margin-left:548px; 
	right:auto
}

.mapcontent {position:relative}

.mapcontent .close {
	position:absolute; 
	top:-10px;
	right:6px
}

img[src="https://maps.gstatic.com/mapfiles/mv/imgs8.png"] {display:none}

.oh.row2 {padding-top:40px}

.col25 img {margin-bottom:10px}

#stories .outer {
	padding-bottom:40px;
	padding-top:5px
}

#about.block {padding-bottom:30px}

span.caption {line-height:21px}


/* CELEBECIRCLE */
#celebcircles .left {width:66%}

.celebcircle {
	overflow:hidden; 
	margin-top:0px; 
	padding-top:30px; 
	margin-bottom:20px
}

.celebcircle.celeb1 {padding-top:15px}

.celebcircle h1 {line-height:45px}

.celebcircle h3 {
	/* color:#000;  */
	/* font-size:24px;  */
	/* line-height:29px */
}

/* .celebcircle p {color:#000} */

.celebcircle .image {
	width:35%; 
	margin-right:3%
}

.celebcircle.rightimage  .image {
	margin-right:0%; 
	margin-left:0%
}

.celebcircle .text {
	width:62%; 
	margin-right:0%
}

.celebcircle.rightimage  {	
	height:auto;
	width:100%;
	margin-bottom:0px
}

.celebcircle img {
	width:100%;  
	height:auto; 
	padding-top:35px
}

.celebcircle.leftimage .image {float:left}

.celebcircle.rightimage .image {float:right}

.celebcircle.leftimage .text {float:right}

.celebcircle.rightimage .text {float:left}

#howyoucanhelp .caption {margin-left:3%}



/* COOKIE NOTICE */
#cookie-notice .button.wp-default{color:#000!important}



/* @MEDIA ALL AND (MAX-WIDTH:1199PX) */
@media all and (max-width:1199px) {	
	
	iframe#sign-up {margin-top:47px}
	
	#campaign.block  {
		width:100%; 
		margin:0
	}

	.textpage.block {
		width:100%; 
		margin:0
	}
	
	/* 4.1 Video, Text and Donate Link  */
	#howyoucanhelp.block {
		width:100%; 
		margin:0
	}

	#howyoucanhelp .left a.al {
		margin-right:6.7%;
		width:45%
	}

	#howyoucanhelp .left a.second,
	#howyoucanhelp .left a.fourth,
	#howyoucanhelp .left a.sixth {margin-right:0px}
	/* 4.1 Video, Text and Donate Link End  */
		
		
	/* 4b. GIFT OF SIGHT  */
	#gift.block {
		width:100%; 
		margin:0px
	}

	#gift .left {width:60%}

	#gift .right h1 {
		font-size:60px; 
		text-align:center; 
		margin-bottom:0px
	}

	#gift .right {
		text-align:center;
		width:300px
	}

	#gift .right img {
		width:100%; 
		height:auto
	}	

	#gifts .image {width:300px}

	#gifts .image img{
		width:300px; 
		height:auto
	}

	#gift #topleft h4:last-child { padding-right:200px}
	/* 4b. GIFT OF SIGHT end */

	
	/* 4.4 Tab with layout 3 – Image left, text right  */
	#tabs .block {
		width:100%; 
		margin:0
	}

	.tab:last-child, 
	.mtab:last-child {font-size:24px}

	.yellow .tab:last-child, 
	.yellow .mtab:last-child {font-size:30px}

	.tab,
	.mtab {
		width:213px;
		margin-right:20px
	}

	.yellow .mtab:last-child {font-size:30px}

	.mtab {
		width:213px;
		margin-right:20px
	}

	#gifts .text {width:628px}

	#gifts h1 {
		width:630px; 
		float:right; 
		text-align:left
	}

	.gift .text h3 {padding-right:0px}
	/* 4.4 Tab with layout 3 – Image left, text right End  */

	
	#howitworks div {width:170px}

	#howitworks div.arrowy {
		padding-top:52px;
		width:51px
	}

	
	/*1.1 GENERAL AND FONTS */	
	html {min-width:960px}

	body {min-width:960px;}

	.inner {
		min-width:960px; 
		max-width:960px
	}

	#logo {padding-left:0px}

	#donate {
		padding-right:0px; 
		margin-right:0px
	}

	#topmenu .dropdown {margin-right:0px}

	.col34 .button {
		margin-bottom:10px; 
		margin-right:15px
	}
	/*1.1 GENERAL AND FONTS END */	

	
	/*1.1 HEADER */
	#breadcrumbs .left {padding-left:0px}

	#breadcrumbs  .social div { margin-right:-6px}

	#mainmenu ul li a {
		padding-left:16px; 
		padding-right:16px
	}

	#mainmenu li:first-child {display:none}

	#mainmenu ul li { padding-top:26px}

	#mainmenu ul li a {padding-bottom:25px}

	#mainmenu ul li a {border-right:none}
	 /*1.1 HEADER END */
	 
	 
	/*1.2 FOOTER*/ 
	#footer .button {
		margin-left:7px;
		margin-right:7px
	}

	#disclaimer p {font-size:14px}
	/*1.1 FOOTER END */
	
	
	/*2.1 CAROUSEL*/ 
	#thumbs {left:15px}

	.carousel img {margin-left:-120px}
	/*2.1 CAROUSEL END*/

	
	#stats .col33 {
		width:30%; 
		padding-left:5%; 
		padding-right:5%
	}

	#stats .col33:first-child {
		width:32%; 
		padding:0%
	}

	#stats .col34 {
		width:24%; 
		text-align:left
	}

	#stats .col33 img {padding-bottom:20px}

	#stats .yellowbg.button {
		margin-right:0px; 
		padding-left:10px; 
		padding-right:10px; 
		font-size:20px
	}

	.social div{ margin-right:50px}

	form label {
		width:100%; 
		text-align:center; 
		display:block; 
		clear:both
	}

	.signup {
		line-height:50px; 
		height:112px
	}

	.signup.smallblock {padding-top:10px}

	.social div.socialshare {
		width:240px;
		margin-right:90px
	}

	.social {text-align:center}

	.social div {
		float:right;
		margin-top:0px
	}

	#giving h4 {text-align:left}

	#giving .left p {text-align:center}

	#giving .col33 {
		width:26%; 
		padding-left:3%; 
		padding-right:3%
	}

	#giving .left {width:63%}

	#giving .right {width:32%}

	#ukaid img {margin-top:5px}

	#giving h4 {padding-left:20px}

	
	/*2.2  AIMS/ACHIEVEMENTS*/
	#problem {
		background-image:url(../img/problem.png);
		background-repeat:no-repeat;
		background-position:right bottom;
		background-size:35%;
		height:450px;	
		border-right:1px solid #dcdcdc;
		width:53%
	}

	#problem p {padding-right:150px}

	#howweredoing {
		width:40%;
		padding-left:5%;
		padding-top:50px
	}
	/*2.2  AIMS/ACHIEVEMENTS  END*/

	
	/*2.4  YOU MAY HAVE SEEN */ 
	#youmayhaveseen .col25 {margin-right:0px}
	/*2.4  YOU MAY HAVE SEEN END */

	 
	 /*2.6  NEWS AND ARTICLES */
	#fullnews .left {width:65%}

	#news .right {width:46%}

	#news .left {width:50%}

	#fullnews.block {
		width:100%; 
		margin-left:0%; 
		margin-right:0%
	}

	.news .image {width:48%}

	.news .image img {
		width:100%; 
		height:auto	
	}

	.news .text {width:45%}

	.smallernews.block {
		width:100%; 
		margin:0
	}

	.newsimg {
		width:215px; 
		float:left
	}

	.newstext {
		width:405px; 
		float:left
	}
	 /*2.6  NEWS AND ARTICLES END */

	 
	 /*2.7  AMBASSADORS*/ 
	#ambassadors .col25 {width:33%}

	#ambassadors .col25:last-child {display:none}

	#partners  .outer div:last-child {display:none}

	#partners .col25 {width:40%}

	#partners .col40 {width:60%}
	/*2.7  AMBASSADORS END*/

	
	/*3.a.1 PREVENT BLINDNESS  */
	#vision .left {width:65%}

	#vision.block {
		width:100%; 
		margin-left:0%; 
		margin-right:0%
	}
	/*3.a.1 PREVENT BLINDNESS END */
	
	
	/*3.a.1 gift BLINDNESS  */
	#gift .left {width:65%}

	#gifts.block {
		width:100%; 
		margin-left:0%; 
		margin-right:0%
	}
	/*3.a.1 gift BLINDNESS END */

	
	/*3.1 WHAT WE DO */
	#whatwedo.block{
		width:61%; 
		padding-right:39%;
		margin-left:0%; 
		margin-right:0%
	}
	/*3.1 WHAT WE DO END*/

	
	/*3.b.1 Text and Donate module on right */
	.conditions.block {
		margin:0px; 
		width:100%
	}

	.conditions .left img {
		width:100%; 
		height:auto
	}
	/*3.b.1 Text and Donate module on right End */

	
	/* 3.a.2 Promo slots  */
	#help.block {
		width:100%; 
		margin:0
	}

	#help .left {border-right:1px solid #dcdcdc}

	#help .right {border-left:none}

	#help .left .img {width:35%}

	#help .left .text {width:60%}

	#help.how .left .img {width:35%}

	#help.how .left .text{width:60%}

	#help .left a {line-height:25px}

	#help.how   .left a {line-height:31px}

	#help .left .sixth a {line-height:20px}
	/* 3.a.2 Promo slots End  */

	
	/* 4.2 Tab with layout 2 – Text only */
	#waystohelp.block {
		width:100%; 
		margin:0
	}

	#waystohelp .text {width:200px}
	
	#waystohelp h2 {font-size:24px}
	/* 4.2 Tab with layout 2 – Text only End */
	

	#help .left .text {padding-top:10px}

	
	/* 3.5 Map – pins and pullouts but no links */
	#map.block {
		width:100%; 
		margin:0
	}

	
	/* 4.2 Tab with layout 2 – Text only */
	#tabs.yellow .tab, 
	#tabs.yellow .mtab {
		font-size:24px;
		width:295px
	}
	/* 4.2 Tab with layout 2 – Text only END */
	
	
	/* 3d Case study  */
	#whatstory .left {width:65%}

	#whatstory .left img {
		width:100%; 
		height:auto
	}

	#whatstory.block {
		width:100%; 
		margin-left:0%; 
		margin-right:0%
	}

	#whatstory .right { 
		margin-right:0px; 
		margin-top:84px
	}
	/* 3d Case study End */


	/* 3.3 Our approach  */
	#ourapproach .col33 h2, 
	#ourapproach .col33 p{
		padding-left:5%; 
		padding-right:5%
	}
	/* 3.3 Our approach End  */

	
	/* 6.1 Text and donate module on right, Links */
	#about.block {
		padding-bottom:30px; 
		width:100%; 
		margin-left:0%; 
		margin-right:0%
	}

	#about .left {width:62%}

	#about .right {
		width:30%; 
		padding-top:119px; 
		padding-right:12px
	}

	#about .left a.al {
		margin-right:67px;
		width:263px
	}
	
	#about .left a.second,
	#about .left a.fourth,
	#about .left a.sixth {margin-right:0px}
	/* 6.1 Text and donate module on right, Links End */

	
	/* 3.2 Learn more about our work */
	#moreabout.block {
		margin-left:0%;
		margin-right:0%;
		width:100%;
		padding-bottom:20px;
		padding-top:20px
	}
	/* 3.2 Learn more about our work End */


	/* FAQS STYLING START */
	.faqs .block {
		margin-left:0%;
		margin-right:0%;
		width:100%
	}	

	.faqs .left {width:465px}

	.faqs .right {width:465px}

	.faq {width:425px }
	/* FAQS STYLING END */
	
	
	#shadow,#countries {
		position:fixed; 
		margin-left:341px; 
		right:auto
	}

	#celebcircles.block {
		margin-left:0%;
		margin-right:0%;
		width:100%;
		padding-bottom:30px;
		padding-top:30px
	}
}

/* @MEDIA ALL AND (MAX-WIDTH:321PX) */
@media all and (max-width:321px) {
	.textpage.block {
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%
	}
	
	.textpage .left {width:100%}
	
	.textpage .right {width:100%}
	
	
	/* GENERAL AND FONTS */
	html {min-width:321px}
	
	body {min-width:321px}
	
	iframe#sign-up {margin-top:0;height:170px}	
	
	.inner {
		width:321px; 
		min-width:321px; 
		max-width:321px; 
		overflow:hidden
	}
	
	.left, 
	.right, 
	.col33, 
	.col40, 
	.col20 {width:100%}
	
	.col33 {padding-bottom:20px}
	
	.button {
		text-align:center;
		padding-top:9px;
		padding-right:8px;
		padding-bottom:7px;
		padding-left:8px;
		font-size:17px;
		line-height:17px
	}
	
	.buttonsmall {
		padding-top:12px;
		padding-bottom:12px;
		display:inline-block;
		font-size:18px
	}
	
	.block, 
	#problem, 
	#howweredoing  {
		padding-top:15px; 
		padding-bottom:25px
	}
	
	.blocknp {
		padding-bottom:0px;
		padding-top:0px
	}

	h1 {font-size:24px}
	
	.col25 {
		width:46%;
		padding:1%
	}
	
	.col25 img{
		width:98%; 
		height:auto
	}
	
	#giving .left,
	#giving .right {width:100%}
	
	h2, #howweredoing h2 {
		font-size:24px;
		line-height:24px
	}

	p {font-size:17px}
	
	
	
	#howweredoing h2 img {
		width:18%; 
		height:auto; 
		margin-bottom:5px
	}

	h4 {font-size:17px}
	
	.lhide {
		display:block; 
		width:160%;
		margin-left:-30%
	}
	
	.hide {display:block}
	
	.col33 h1 span {font-size:32px}

	.col34 .button {
		margin-bottom:0px;
		margin-right:0px
	}
	.col34 .button:first-of-type {margin-bottom:10px}
	
	/* GENERAL END */
	
	
	/*1.1 HEADER */
	#topmenu {display:none}
	
	#header{
		padding-bottom:0!important;
		padding-top:0px!important
	}
	
	#menuflyout {
		float:left;
		display:block;
		background-image:url(../img/flyout.png);
		background-position:0px -60px;
		height:60px;
		width:68px;
		cursor:pointer
	}
	
	#menuflyout.active {background-position:0px 0px}
	
	#header {
		min-height:52px; 
		height:auto
	}
	
	#logo {
		padding-left:10px;
		width:130px; 
		height:52px; 
		padding-top:10px
	}
	
	#logo img {
		width:100%; 
		height:auto; 
		margin-top:4px
	}
	
	#mainmenu {
		display:none; 
		position:absolute; 
		top:60px; 
		left:0px; 
		padding-left:0px
	}
	
	#mainmenu{
		width:321px; 
		float:none
	}
	
	#mainmenu.active {
		display:block; 
		z-index:999
	}
	
	#mainmenu ul {width:100%}
	
	#mainmenu ul li {
		float:none; 
		font-size:21px; 
		margin-left:0px; 
		line-height:50px; 
		padding-top:0px;
		background:#febb22; 
		border:none; 
		border-bottom:1px solid #FDD26B
	}
	
	#mainmenu ul li:last-child {border-bottom:3px solid #FDFFFF}
	
	#mainmenu ul li a {border:none}
	
	/* #mainmenu ul li a:hover{color:#FB6500} */
	
	#donate {
		margin-top:5px;
		margin-right:10px
	}

	#donate {
		font-size:17px;
		line-height:17px
	}

	#breadcrumbs {display:none}
	/*1.1 HEADER END */
	
	
	/*1.2 FOOTER*/
	#footer .left {display:none}
	
	#footer .right {width:100%}
	
	#video iframe, 
	#video h4 {display:none}
	
	#disclaimer p {line-height:18px}
	
	#disclaimer a {display:none}

	#footer .button {
		font-size:17px;
		text-transform:uppercase;
		margin-left:4px;
		margin-right:4px
	}
	
	#video .outer  {
		overflow:visible; 
		height:56px
	}
	
	#disclaimer p {font-size:13px}
	
	#disclaimer span {display:block}
	
	#footer .outer .outer {padding-bottom:15px}
	
	#footer {height:227px}
	
	#footer .outer {overflow:visible}
	
	#footer .right .outer {overflow:hidden}
	
	#footerlinks, 
	#disclaimer {
		padding-bottom:10px; 
		padding-top:10px
	}
	
	#footerlinks a { 
		/* color:#999999;  */
		font-size:13px; 
		line-height:32px; 
		display:block
	}
	
	#footer.block {padding-bottom:5px}
	
	#footerlinks.fr-footerlinks{
		background-color:#febb22;
		padding-left:10px;
	}/* zt */
	
	#footerlinks.fr-footerlinks a{
		font-size:16px;
		/* color:#000; */
	}/* zt */
	/*1.1 FOOTER END */
	
	
	/*2.1 CAROUSEL*/
	.carousel img {
		width:320px; 
		height:auto; 
		margin-left:0px
	}
	
	#carouselouter {height:380px}
	
	#carousel {height:380px}
	
	.carousel .text {
		height:160px; 
		width:290px; 
		position:absolute; 
		top:128px; 
		left:0px; 
		background:rgba(249, 187, 52, .8); 
		/* color:#000;  */
		-webkit-border-top-right-radius:0px;
		-webkit-border-bottom-right-radius:0px;
		-moz-border-radius-topright:0px;
		-moz-border-radius-bottomright:0px;
		border-top-right-radius:0px;
		border-bottom-right-radius:0px; 
		font-size:24px; 
		padding:15px; 
		line-height:27px
	}
	
	.carousel h1 {
		color:#000 !important;
		font-size:24px; 
		padding:0px; 
		line-height:27px; 
		margin-bottom:0px
	}

	.carousel .text p {margin-top:10px}

	#thumbs {display:none}

	#minithumbs {
		display:block;
		top:340px;
	}
	.minithumb{background-image}
	
	/*2.1 CAROUSEL END*/

	
	/*1.5 SNIPPETS */ 
	#stats .yellowbg.button {
		margin-right:0px;
		padding-left:8px;
		padding-right:8px;
		font-size:17px;
		margin-bottom:5px
	}

	form input.text {
		background:#FFF; 
		border:none; 
		line-height:30px; 
		color:#333; 
		padding:10px; 
		font-size:14px; 
		width:150px; 
		margin-left:20px
	}

	form input.submit {
		border:none; 
		font-size:17px; 
		margin-left:-10px
	}

	.social div.socialshare {
		width:235px;
		margin-right:43px
	}

	.social {
		width:100%;
		overflow:hidden;
		padding:20px 0
	}

	.social div {
		margin-right:0px;
		width:284px
	}

	.social a {margin-left:13px}

	#giving .col33 {
		width:98%;
		padding-left:1%;
		padding-right:1%;
		float:none;
		text-align:center
	}

	#giving .col33 h1 {text-align:center}

	#giving .col40 {
		width:98%;
		padding-left:1%;
		padding-right:1%
	}

	#ukaid {
		border-left:none;
		border-top:none
	}

	#giving .outer {
		overflow:visible; 
		height:351px
	}
	
	#giving .outer .outer {
		overflow:hidden; 
		height:auto
	}
	
	#giving h4 {
		font-size:24px; 
		text-align:center
	}

	#stats .col33 img {
		width:19%; 
		height:auto; 
		margin-right:37px
	}
	
	#stats .col33:first-child {
		width:80%;
		padding-left:10%;
		padding-right:10%;
		padding-bottom:20px
	}

	#stats .col33 {
		width:80%;
		padding-left:10%;
		padding-right:10%;
		padding-bottom:20px
	}
	
	#stats .col34 {
		width:100%;
		text-align:left;
		padding-top:0;
	}
	
	#giving h1  {
		float:left; 
		width:45%; 
		padding-right:5%
	}
	
	#giving .left p  {
		float:left; 
		width:50%
	}
	
	#giving .col33  h1 {text-align:right}
	
	#giving .col33  p {text-align:left}
	
	#giving .col33 {
		padding-bottom:10px; 
		overflow:hidden
	}
	
	#giving .right {
		padding-top:15px;
		padding-bottom:0px
	}
	
	#giving .left {
		width:100%;
		padding-top:20px;
		padding-bottom:20px
	}

	#ukaid img {
		width:15%; 
		height:auto
	}
	/*1.5 SNIPPETS END */
	
	
	/*2.2  AIMS/ACHIEVEMENTS*/
	#problem.left {
		background-image:none !important;
		height:auto;
		border-right:none;
		width:100%
	}
	
	#problem p {padding-right:0px}
	
	#howweredoing {width:100%}
	
	#youmayhaveseen .outer {padding-left:1%}

	#howweredoing .pinklink {padding-bottom:10px}
	/*2.2  AIMS/ACHIEVEMENTS  END*/

	
	/*2.4  YOU MAY HAVE SEEN */ 
	#youmayhaveseen .col25 {margin-right:0px}
	
	#youmayhaveseen .outer {padding-top:0px}

	#youmayhaveseen.trc1 .outer .outer.tr {
		padding-left:25%; 
		padding-top:20px; 
		padding-bottom:0px
	}
	
	#youmayhaveseen.trc2 .outer .outer.tr {
		padding-left:0%; 
		padding-top:20px; 
		padding-bottom:0px
	}
	
	#youmayhaveseen.trc3 .outer .outer.tr {
		padding-left:0%; 
		padding-top:20px; 
		padding-bottom:0px
	}
	
	#youmayhaveseen.trc4 .outer .outer.tr {
		padding-left:0%; 
		padding-top:20px; 
		padding-bottom:0px
	}
	
	#youmayhaveseen.brc1 .outer .outer.br {
		padding-left:25%; 
		padding-top:20px; 
		padding-bottom:0px
	}
	
	#youmayhaveseen.brc2 .outer .outer.br {
		padding-left:0%; 
		padding-top:20px; 
		padding-bottom:0px
	}
	
	#youmayhaveseen.brc3 .outer .outer.br {
		padding-left:0%; 
		padding-top:20px; 
		padding-bottom:0px
	}
	
	#youmayhaveseen.brc4 .outer .outer.br {
		padding-left:0%; 
		padding-top:20px; 
		padding-bottom:0px
	}
	
	#youmayhaveseen.trc3 .outer .outer.tr .col25:last-child,
	#youmayhaveseen.brc3 .outer .outer.br .col25:last-child {margin-left:25%}
	/*2.4  YOU MAY HAVE SEEN END */
	
	
	/*2.5  CASE STUDIES*/ 
	#stories h1, 
	#news h1 {margin-bottom:5px}

	#stories .outer {
		padding-top:0px; 
		padding-bottom:20px
	}
	
	#stories {
		padding-top:25px;
		padding-bottom:25px
	}
	
	#stories .outer {
		padding-bottom:20px;
		padding-top:0px
	}
	
	#stories .column3, 
	#stories .column4, 
	#stories .column7, 
	#stories .column8 {display:none}
	
	#stories .count2 .row1,
	#stories .count3 .row1, 
	#stories .count4 .row1, 
	#stories .count6 .row2, 
	#stories .count7 .row2, 
	#stories .count8 .row2 {padding-left:0%}

	#stories .count1 .row1, 
	#stories .count1 .row2, 
	#stories .count5 .row2 {padding-left:25%}
	/*2.5  CASE STUDIES END */
	
	
	/*2.6  NEWS AND ARTICLES */
	#fullnews.block {
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%
	}
	
	#fullnews .left {
		float:right;
		width:100%
	}
	
	#fullnews .right {
		float:left;
		width:100%
	}
	
	/* #fullnews .dottedline {
		width:120%; 
		margin-left:-10%
	} */
	
	#fullnews .outer, 
	#fullnews .news {overflow:visible}
	
	.alignleft,
	.alignright {
		float:none; 
		width:100%; 
		height:auto; 
		margin-left:0px; 
		margin-right:0px
	}
	
	#fullnews iframe {
		width:100%; 
		height:160px
	}
	
	.relatedthumb {
		width:49%; 
		padding-left:0%; 
		padding-right:0%
	}
	
	.relatedthumb.item2, 
	.relatedthumb.item4	{padding-left:2%}
	
	#fullnews .news.smaller img, 
	#fullnews .news.smaller a.nthumb {
		width:100%; 
		height:auto; 
		float:none
	}
	
	#news .outer {
		padding-top:10px; 
		padding-bottom:20px
	}
	
	#news {
		padding-top:25px;
		padding-bottom:25px
	}
	
	.smallernews.block {
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%
	}
	
	#news .outer {
		padding-top:25px;
		padding-bottom:10px
	}
	
	.newsimg {
		width:100%; 
		float:none
	}
	
	.newstext {
		width:100%; 
		float:none; 
		padding-top:15px
	}
	
	.newsi {
		width:100%; 
		height:667px;  
		overflow:hidden
	}
	
	#news img {
		width:100%; 
		height:auto
	}
	
	#news .left {width:100%}
	
	#news .right {display:none}
	/*2.6  NEWS AND ARTICLES END */
	
	
	/*2.7  AMBASSADORS*/
	#ambassadors .outer, 
	#partners .outer, 
	#ambassadors p, 
	#partners p {display:none}
	
	#ambassadors span, 
	#partners span {
		display:block; 
		float:right
	}
	
	#ambassadors h1, 
	#partners h1 {
		text-align:left; 
		padding-left:12px
	}
	
	#ambassadors h1 img, 
	#partners h1 img {padding-right:3px}
	
	#ambassadors, 
	#partners {
		padding-top:0px;
		padding-bottom:0px
	}

	#partners {width:100%}
	
	#partnersambassadors {
		padding-top:0px; 
		padding-bottom:0px
	}
	
	#partnersambassadors h1 {
		line-height:56px; 
		margin-bottom:0px
	}
	
	#partnersambassadors h1 span {padding-top:0px}
	 /*2.7  AMBASSADORS END*/
	 
	 
	/*3.a.1 PREVENT BLINDNESS  */
	#vision .left {
		width:100%; 
		float:none
	}
	
	#vision .right h1 {font-size:40px}

	#vision .right {
		background-size:100%; 
		width:203px; 
		padding-right:20px;
		padding-left:20px; 
		float:none; 
		margin-left:20px; 
		padding-top:30px; 
		margin-top:30px; 
		height:183px
	}

	#vision h4 {
		font-size:21px; 
		margin-bottom:5px
	}
	/*3.a.1 PREVENT BLINDNESS END */


	/* 4b. GIFT OF SIGHT  */
	#gift.block {
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%
	}
	
	#gifts.block {
		width:100%;
		margin-left:0%;
		margin-right:0%
	}	
	
	#gifts.block .content {
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%
	}
	
	#gifts .text {width:100%}
	
	#gift .right .greybg h4 {font-size:24px}
	
	#gift .left {width:100%}
	
	#gift .right {width:100%}
	
	#giftboy {display:none}
	
	#gift .right .greybg { text-align:center}
	
	#gift .right img {
		padding-top:20px; 
		width:100%; 
		height:auto
	}
	
	#gift #topleft h4 {font-size:21px}

	#gift #topleft h4:last-child {
		padding-right:0px; 
		text-align:center
	}
	/* 4b. GIFT OF SIGHT end */

	
	#gifts h1 {
		width:100%; 
		float:none
	}
	
	#gifts .button {font-size:22px}
	
	.gift img {
		padding-bottom:20px; 
		width:60%; 
		height:auto
	}
	
	.gift .text h3 {
		font-size:21px;
		margin-bottom:5px;
		padding-right:0px
	}
	
	.gift .button {
		padding-bottom:17px;
		padding-top:17px
	}
	
	#howitworks div.arrowy {display:none}
	
	#howitworks div {
		width:100%; 
		margin-bottom:20px; 
		font-size:21px
	}
	
	#howitworks div.bi {height:70px}
	/* 4b. GIFT OF SIGHT end */


	/* 4.4 Tab with layout 3 – Image left, text right  */
	#tabs {display:none}
	
	#tabs, 
	#tabs.yellow {
		height:auto; 
		background:#FFF
	}
	
	.tab, .mtab {
		width:100%;
		margin:0px;
		height:auto;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		border-bottom:1px solid #dcdcdc;
		/* color:#000; */
		background-color:#ffbb22;
		background-image:url(../img/arrowsg.png);
		background-repeat:no-repeat;
		background-position:right 26px;
		font-weight:normal
	}

	.tab:hover, 
	.tab.active, 
	.mtab:hover, 
	.mtab.active  {
		background-color:#FFF; 
		/* color:#000;  */
		background-image:url(../img/arrowsg.png); 
		background-repeat:no-repeat; 
		background-position: right -28px; 
		/* color:#532468;  */
		font-weight:normal
	}

	.tab:hover, 
	.tab.active{
		/* color:#000; */
		background-color:#ffbb22;
		background-image:url(../img/arrowsg.png);
		background-repeat:no-repeat;
		background-position:right 26px;
		font-weight:normal
		
	}
	.mtab:hover, 
	.mtab.mactive  {
		background-color:#FFF; 
		/* color:#000; */ 
		background-image:url(../img/arrowsg.png); 
		background-repeat:no-repeat; 
		background-position: right -28px; 
		/* color:#532468;  */
		font-weight:normal
	}
	
	#tabs .block, 
	#tabs.yellow .block {
		height:auto; 
		width:100%; 
		margin:0
	}
	
	#tabs.yellow .tab, 
	#tabs.yellow .mtab{
		width:100%;
		margin:0px;
		height:auto;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		border-bottom:1px solid #dcdcdc;
		/* color:#000; */
		background-color:#fb6500;
		background-image:url(../img/arrowso.png);
		background-repeat:no-repeat;
		background-position:right 28px
	}
	
	#tabs.yellow .tab:hover, 
	#tabs.yellow .tab.active, 
	#tabs.yellow .mtab:hover, 
	#tabs.yellow .mtab.active  {
		background-color:#fff; 
		/* color:#fb6500;  */
		background-image:url(../img/arrowso.png); 
		background-repeat:no-repeat; 
		background-position: right -26px
	}
	/* 4.4 Tab with layout 3 – Image left, text right  */

	
	/*3.1 WHAT WE DO */
	#whatwedo {
		background-image:none !important; 
		width:100%; 
		padding:0px; 
		padding-bottom:20px
	}
	
	#whatwedo.block, 
	#vision.block, 
	#whatwedo, 
	#vision {
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%
	}
	
	#whatwedo h1 {padding-top:20px}
	/*3.1 WHAT WE DO END */
	
	
	/*3.b.1 Text and Donate module on right */
	
	.conditions h2 {font-size:21px}
	
	.conditions h2:last-child {font-size:18px}
	
	.conditions .right h3 {font-size:21px}
	
	.conditions.block {
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%
	}
	
	.conditions .left {
		width:100%;
		clear:both;
	}
	
	.conditions .right {
		width:100%; 
		padding-top:20px
	}
	
	.condition {
		padding-top:0;
		height:100% !important;
	}
	/*3.b.1 Text and Donate module on right End */
	
	
	#smallernews .news {display:none}
	
	#threelinks .col33 {
		width:33%; 
		padding-bottom:0px
	}

	#help.block {
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%
	}
	
	#help .right {display:none}
	
	#help .left {
		border-right:none; 
		width:100%
	}
	
	#help .left .img {
		width:22%;
		padding-left:5%
	}
	
	#help.how .left .img {width:22%}
	
	#help.how .left .text{
		width:60%;
		padding-top:7px;
		padding-left:10px;
	}
	
	/* #help.how  .left .second img {padding-top:10px} */
	
	#help.how .left .second .img {
		/* width:28%; */
		/* padding-left:4% */
	}
	
	/* #help.how  .left .fourth {border:none} */

	/* #help .left .last .img {
		width:20%;
		padding-left:13%
	} */
	
	#help .left .text {width:65%}
	
	#help .left .link {
		width:100%; 
		float:none;  
		margin:0%;  
		padding:1%; 
		border-bottom:1px solid #dcdcdc; 
		overflow:hidden
	}

	#help .left .last {border:none}
	
	#help .left a {
		line-height:50px;
		display:block
	}
	
	#help.how .left a {line-height:50px}
	
	/* #help.how .left .first a {line-height:30px} */
	
	/* #help.how .left .first {height:90px} */
	
	
	/* 3.2 Learn more about our work */
	#moreabout.block {
		margin-left:2.5%;
		margin-right:2.5%;
		width:95%;
		padding-bottom:20px;
		padding-top:20px
	}
	
	#moreabout h2 {
		font-size:18px; 
		/* color:#000 */
	}
	
	#threelinks h1 a {
		font-size:20px;
		line-height:20px;
		padding-top:20px;
		padding-right:5px;
		padding-bottom:20px;
		padding-left:5px
	}
	
	#threelinks h1 img {
		width:10%; 
		height:auto; 
		margin-right:5px
	}
	
	#threelinks h1 a img {margin-right:5px}
	/* 3.2 Learn more about our work End */
	
	
	/* 3.5 Map – pins and pullouts but no links */
	
	/* #map.outer {overflow:visible} */
	
	#map.block {
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%;
		height:auto;
	}
	
	#map, #map-canvas {
		width:95%;
		margin-left:2%;
		height:150px
	}
	
	#map-canvas {display:none}
	
	
	#mapmini img {
		width:100%; 
		height:auto
	}
	
	#map {height:224px}
	
	#maplower .col25 {
		border-right:1px solid #dcdcdc;
		border-bottom:1px solid #ffffff;
		border-top:1px solid #ffffff;
		width:47.5%;
		height:88px
	}
	
	#maplower .col25.second {border-right:none}
	
	#maplower .col25:first-child {
		border-bottom:1px solid #dcdcdc;
		border-top:1px solid #ffffff
	}
	
	#maplower .col25:last-child {
		border-bottom:1px solid #ffffff;
		border-top:1px solid #dcdcdc
	}
	
	#maplower .col25 h1 {
		font-size:32px;
		padding-top:0px;
		margin-bottom:0px
	}
	
	#mapview {padding-top:15px}
	
	#mapview a {text-transform:none}
	
	.mapcontent h3 {
		font-size:14px; 
		margin-top:0px; 
		/* color:#000;  */
		margin:0px
	}
	
	.mapcontent h4  {
		font-size:12px; 
		margin-top:0px; 
		/* color:#000;  */
		margin:0px; 
		display:none
	}
	
	.mapcontent p {
		font-size:10px; 
		margin-top:0px; 
		margin:0px
	}
	/* 3.5 Map – pins and pullouts but no links End */
	
	
	/* 4.2 Tab with layout 2 – Text only */
	.way {
		width:100%;
		float:none
	}
	
	.way h3 {
		width:100%;
		float:none;
		text-align:left;
		margin-top:10px
	}
	
	#waystohelp.block {padding:0px}
	
	#waystohelp .tab:hover,
	#waystohelp  .tab.active {
		background-color:#FFF;
		background-image:url(../img/arrowso.png);
		background-repeat:no-repeat;
		background-position:right -28px;
		/* color:#FB6500 */
	}
	
	.content.active {display:none}
	
	.content.active.mactive {display:block}
	
	#waystohelp .content {
		margin-top:30px; 
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%
	}
	
	#waystohelp .text {width:100%}
	
	#waystohelp .image {width:100%}
	
	.way p {padding-right:0px}
	
	#waystohelp h2 { padding-right:0px}
	
	.tab.active,
	.mtab.active {background-color:#ffbb22}

	.tab:hover, 
	.tab.mactive,
	.mtab:hover,
	.mtab.mactive {
		background-color:#FFF; 
		/* color:#532468;  */
		text-decoration:none
	}
	
	.mtab:hover {text-decoration:none}

	.yellow .mtab, 
	.yellow .mtab:last-child {font-size:24px}
	
	.yellow .tab.active, 
	.yellow .mtab.active {
		background-color:#fb6500;  
		/* color:#000 */
	}

	.yellow .mtab.mactive, 
	.yellow .mtab:hover, 
	.yellow .mtab.mactive {
		background-color:#fff;
		/* color:#fb6500; */
		background-image:url(../img/arrowso.png);
		background-repeat:no-repeat;
		background-position:right -26px
	}
	
	.mtab.mactive {border-top:1px solid #dcdcdc}
	
	.block1 .mtab.mactive {border-top:none}
	/* 4.2 Tab with layout 2 – Text only End */
	
	
	/* 3.a.2 Promo slots  */
	#help .left .fourth {
		border-top:none; 
		border-left:none
	}
	
	#help .left .text {padding-top:5px}
	/* 3.a.2 Promo slots End  */

	
	/* 3.3 Our approach  */
	#ourapproach h1 {font-size:24px}
	
	#ourapproach .col33 h2 {font-size:21px}
	/* 3.3 Our approach End  */


	/* 4.1 Video, Text and Donate Link  */
	#howyoucanhelp.block {
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%
	}
	
	#howyoucanhelp iframe {
		width:100%;
		height:180px;
		margin-left:0%;
		margin-top:0px;
		margin-bottom:30px
	}
	
	#howyoucanhelp p {padding-right:5px}
	
	#howyoucanhelp .left a.al {width:100%}
	/* 4.1 Video, Text and Donate Link End  */
	
	
	/* 3d Case study  */
	#whatstory.block {
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%
	}
	
	#whatstory .left {
		width:100%; 
		float:none
	}
	
	#whatstory .right h1 {font-size:40px}

	#whatstory .right {
		background-size:100%; 
		width:203px; 
		padding-right:20px;
		padding-left:20px; 
		float:none; 
		margin-left:20px; 
		padding-top:30px; 
		margin-top:30px; 
		height:183px
	}

	#whatstory h4 {
		font-size:21px; 
		margin-bottom:5px; 
		line-height:120%; 
		margin-bottom:20px
	}

	#whatstory h2 {
		font-size:21px; 
		/* color:#000;  */
		line-height:30px
	}

	#whatstory h2 span {
		/* color:#666666;  */
		width:120px; 
		display:inline-block
	}

	p.quote {background:none; padding:0px}
	/* 3d Case study End */

	
	/* 6.1 Text and donate module on right, Links */
	#about.block {
		padding-bottom:0px; 
		width:95%; 
		margin-left:2.5%; 
		margin-right:2.5%
	}
	
	#about .left {width:100%}
	
	#about .right { display:none}
	
	#about .left a.al {width:100%}
	
	about .left p {margin-bottom:20px}
	
	#about .left a.second {border-top:none}
	/* 6.1 Text and donate module on right, Links End */

	
	#footer ul li:first-child a {
		/* color:#999999;  */
		text-align:left; 
		padding-bottom:00px; 
		font-size:13px
	}
	
	#footer ul li:first-child a{
		/* color:#999999;  */
		font-size:13px
	}
	
	.signup { height:214px}
	
	#campaign img {
		width:100%; 
		height:auto
	}
	
	#campaign.block  {
		width:95%; 
		margin-left:2.5%
	}
	
	body {padding-top:62px}
	
	#celebcircles.block {
		margin-left:2.5%;
		margin-right:2.5%;
		width:95%;
		padding-bottom:30px;
		padding-top:30px
	}
	
	#celebcircles .left {width:100%}
	
	.celebcircle .image,
	.celebcircle .text {
		float:none; 
		width:100%; 
		margin:0
	}
	
	.celebcircle img {
		width:100%;
		height:auto;
		margin-left:0%; padding-top:0px;
		padding-bottom:10px
	}
	
	.celebcircle img {margin-top:0px}
	
	.celebcircle .left {width:100%}
	
	.celebcircle .right {width:100%}
	
	.celebcircle h1 {
		font-size:24px; 
		line-height:120%
	}
	
	.celebcircle h3 {
		font-size:21px; 
		line-height:120%
	}
	
	#header {
		position:fixed; 
		top:0px; 
		left:0px; 
		z-index:999999999999
	}	
	
	.wp-caption {width:100% !important}
	
	#vision h4:last-child {margin-top:20px}
	
	#youmayhaveseen .col25 {height:146px}
	
	#youmayhaveseen.brc3 .outer .outer.br {
		padding-left:0%;
		padding-top:0px;
		padding-bottom:0px
	}
	
	#howyoucanhelp iframe {
		width:100%;
		height:180px;
		margin-left:0%;
		margin-top:0px;
		margin-bottom:5px
	}
	
	#howyoucanhelp .right {padding-bottom:20px}
	
	#howyoucanhelp .left a.al.second {border-top:none}
	
	#howyoucanhelp .left a.second {margin-top:0px}
	
	#about.block {padding-bottom:30px}
	
	#about .left a.al.fifth, 
	#about .left a.al.sixth {margin-bottom:0px}
	
	#howyoucanhelp .caption {margin-left:0%}


	/* FAQS STYLING START */
	.faqs .block {
		margin-left:0%;
		margin-right:0%;
		width:100%
	}	
	
	.faqs .left {width:100%}
	
	.faqs .right {width:100%}
	
	.faq {
		width:92%; 
		padding:4%
	}
	
	.faqs h1 {
		margin-bottom:40px;
		padding-left:4%
	}
	
	.faq p {
		width:96%; 
		padding-right:4%
	}
	
	.openclose  {top:18px}
	
	.showall {
		top:60px;
		right:10px
	}
	/* FAQS STYLING END */
}