/* REST 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%
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
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;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
a {text-decoration:none; cursor:pointer; color:#333333}
a:hover {text-decoration:underline}

/* REST 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;
	font-family:"Trade Gothic Next W01";
	

}
iframe {border:none;}
div {width:100%}
.outer {overflow:hidden;}
#footer .outer {}
.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-family:"TradeGothicNextW01-Bold 693229"; 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}
.whitebg {background:#FFF}

.stripes {
	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;
	
	/* zt new - not sure this is cross browser compatible yet */
	/* 
	background: repeating-linear-gradient(
		315deg,
		#fff,
		#fff 2px,
		#F4F4F4 2px,
	#F4F4F4 4px
	);
	 */
}

.rounded { -webkit-borderradius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.orangebg {
	background:#FB6500; color:#FFF;
	-webkit-box-shadow: 0px 4px 0px rgba(201,80,0,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow: 0px 4px 0px rgba(201,80,0,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow: 0px 4px 0px rgba(201,80,0,1), 0px 4px 25px rgba(0,0,0,.0);
}
.orangebg:hover {background:#cc5302; -webkit-box-shadow: 0px 4px 0px rgba(163,65,0,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow: 0px 4px 0px rgba(163,65,0,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow: 0px 4px 0px rgba(163,65,0,1), 0px 4px 25px rgba(0,0,0,.0); text-decoration:none}
.yellowbg {
	background:#febb22; color:#000;
	-webkit-box-shadow: 0px 4px 0px rgba(202,150,28,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow: 0px 4px 0px rgba(202,150,28,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow: 0px 4px 0px rgba(202,150,28,1), 0px 4px 25px rgba(0,0,0,.0);
}
.yellowbg:hover {
	background:#e9ab22; color:#000;
	-webkit-box-shadow: 0px 4px 0px rgba(188,140,29,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow: 0px 4px 0px rgba(188,140,29,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow: 0px 4px 0px rgba(188,140,29,1), 0px 4px 25px rgba(0,0,0,.0);
	text-decoration:none
}

.greybg {background:#f1f1f1}
.orangebgo {
	background:#FB6500;
}
.yellowbgo {
	background:#febb22;
}
.bluebg {
	background:#2175dd; color:#FFF;
	-webkit-box-shadow: 0px 4px 0px rgba(26,94,177,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow: 0px 4px 0px rgba(26,94,177,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow: 0px 4px 0px rgba(26,94,177,1), 0px 4px 25px rgba(0,0,0,.0);
}
.bluebg:hover {
	background:#1d67c0; color:#FFF;
	-webkit-box-shadow: 0px 4px 0px rgba(24,80,154,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow: 0px 4px 0px rgba(24,80,154,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow: 0px 4px 0px rgba(24,80,154,1), 0px 4px 25px rgba(0,0,0,.0); text-decoration:none
}

.blackbg {
	background:#282828; color:#ffbb22;
	-webkit-box-shadow: 0px 4px 0px rgba(31,31,31,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow: 0px 4px 0px rgba(31,31,31,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow: 0px 4px 0px rgba(31,31,31,1), 0px 4px 25px rgba(0,0,0,.0); 
}
.blackbg:hover {
	background:#000; color:#ffbb22;
	-webkit-box-shadow: 0px 4px 0px rgba(31,31,31,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow: 0px 4px 0px rgba(31,31,31,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow: 0px 4px 0px rgba(31,31,31,1), 0px 4px 25px rgba(0,0,0,.0); text-decoration:none
}
.button {
	font-family:"TradeGothicNextW01-Bold 693229";
	text-align:center;
	padding-top: 18px;
	padding-right: 12px;
	padding-bottom: 18px;
	padding-left: 12px;
	display:inline-block;
	text-transform:uppercase;
	font-size:21px
}
.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
	
}
#stories h4  {padding-left:10px; padding-right:10px}
#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 {font-family:"AvenirNextRoundedW01-Md 1075562";text-align:center; color:#000; font-size:40px; margin-bottom:20px; line-height:120%; letter-spacing:-2px}
h2 {font-family:"AvenirNextRoundedW01-Md 1075562";color:#dd1188; font-size:40px}
h4 {font-family:"AvenirNextRoundedW01-Md 1075562";color:#000; font-size:24px; margin-bottom:10px}
h3 {font-family:"AvenirNextRoundedW01-Md 1075562";color:#dd1188; font-size:21px; margin-bottom:5px}
h3 a{color:#dd1188;}
h6 { font-family:"TradeGothicNextW01-Bold 693229"; font-size:20px}
h5 {text-align:center}
p {font-family:"Trade Gothic Next W01";font-size:18px; color:#333333; line-height:130%; margin-bottom:20px}
p strong{font-family:"TradeGothicNextW01-Bold 693229"}
p.caption, .caption {font-size:16px; font-family:"Trade Gothic Next W01";}
span.caption {margin:0px; padding:0px; margin-top:-10px; font-family:"Trade Gothic Next W01"; letter-spacing: 0px;}
li {font-family:"Trade Gothic Next W01";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 {font-family:"TradeGothicNextW01-Bold 693229"; font-size:20px; color:#fb6500}
.pinklink {color:#dd1188;  }
p.caption, .caption {font-size:16px; font-family:"Trade Gothic Next W01";}
span.caption {margin:0px; padding:0px; margin-top:-10px; font-family:"Trade Gothic Next W01"; letter-spacing: 0px;}

.blue {color:#2175dd}
#disclaimer p { font-family: Helvetica,Arial, sans-serif; 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, .col25 p {font-family:"TradeGothicNextW01-Bold 693229"}
.col33 p:last-child {margin-bottom:0px}
.col33 h1 {margin-bottom:0px}
.col33 h1 span{font-size:60px}

h1 a {color:#000}
h4 a {color:#000}
.center {text-align:center}
.block p:last-child {margin-bottom:0px}


/* TEXT / HEADINGS END */
/*1.1 HEADER */



#header .inner.active {overflow:visible}
#countries {
	display:none;
	width:565px;
	position:absolute;
	top:40px;
	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 {color:#000; font-family:"TradeGothicNextW01-Bold 693229"; 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:40px; 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 { /* height:40px; */  }
#topmenu ul {padding-right:0px; float:right; width:auto}
#topmenu ul li {float:left; font-size:14px; margin-right:30px}
#topmenu ul li a {font-family:"TradeGothicNextW01-Bold 693229"; color:#6e6e6e; line-height:40px}
#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}

#header {/* background:#000000; */ /* height:76px; */ }

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

#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:21px; margin-left:0px; line-height:24px; padding-top:25px}
#mainmenu ul li a {font-family:"AvenirNextRoundedW01-Md 1075562";color:#fff; padding-left:17px; padding-right:25px; border-right:1px solid #3e3d3d; padding-bottom:25px}
#mainmenu ul li a:hover, #mainmenu li.current_page_item a {color:#febb22; text-decoration:none}
#mainmenu ul li:last-child  a{border-right:none}
#donate{ float:right; width:auto; margin-top:4px; /* margin-right:35px; */ font-size:19px;}
#donate p {margin:0px}
/* 
#mainmenu ul li a.home, #mainmenu ul li.home  a{
	width:18px;
	height:26px;
	display:block;
	background-image: url(../img/home.png);
	background-repeat: no-repeat;
	background-position: 0px -60px;
}
#mainmenu ul li a.home.active, #mainmenu ul li a.home:hover, #mainmenu ul li.home.active a, #mainmenu ul li.home a:hover, #mainmenu li.current_page_item.home a {
	background-position: 0px 0px;
}
 */
#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%; font-family:"TradeGothicNextW01-Bold 693229";}
#breadcrumbs a {line-height:28px;  font-family:"Trade Gothic Next W01"; font-size:14px;}
#breadcrumbs a.active {font-family:"TradeGothicNextW01-Bold 693229"; }

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

/*1.2 FOOTER */
#footer .outer {}
#footer .outer .outer {padding-bottom:50px; padding-top:0px}
#footer h4 {color:#FFF}
#footer .left a {color:#FFF; display:block; line-height:25px;text-align:left; font-size:16px}

#footer ul li:first-child a {color:#ffbb22; text-align:left; padding-bottom:20px; font-family:"TradeGothicNextW01-Bold 693229"; font-size:20px}
#footer ul li:first-child a{color:#ffbb22; font-size:17px}
#footer .left ul li ul li a {color:#FFF; display:block; line-height:25px;text-align:left; font-size:16px; padding-bottom:0px; font-family: "Trade Gothic Next W01";}
#footer p {text-align:left}
#video iframe {margin-top:25px; margin-bottom:25px}
#video p {margin-bottom:0px}
.signup {line-height: 50px; overflow:visible; height:53px
}
#disclaimer p {line-height:55px; color:#999}
#disclaimer a {/* margin-left:20px; zt*/ color:#999}
#footer .right {width:44%}
/*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 {
	font-family:"AvenirNextRoundedW01-Md 1075562";
	height:250px;
	width:320px;
	position:absolute;
	top:158px;
	left:0px;
	background: rgba(249, 187, 52, .85);
	filter:alpha(opacity=85); 
	color:#000;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color:#000;
	font-size:40px;
	line-height:45px;
	letter-spacing: -1px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 30px;
}
 .carousel h1 {font-family:"AvenirNextRoundedW01-Md 1075562";color:#000;
	font-size:40px;
	line-height:45px;
	letter-spacing: -1px; text-align:left}
.carousel .text p {margin-top:10px}
#thumbs {height:154px; top:485px; left:150px;  position:absolute; width:900px; font-family:"TradeGothicNextW01-Bold 693229";}
.thumbouter { width:150px; float:left; text-align:center; padding:15px; margin-top:0px; display: block;}
.thumb:hover{
	background-color: #ffbb22;
}
.thumbouter.active {
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 90px -2px;
}
.thumb { width:150px;  text-align:center; padding:15px; }
.active .thumb {
	background-color: #ffbb22;
	
}
.thumb img { padding-bottom:10px}
.thumb a {font-family:"TradeGothicNextW01-Bold 693229";color:#000; font-size:16px}

#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;}
.social div.fbs {width: 120px;
float: left;
margin: 0;
margin-left: 10px;
margin-top: -16px;}
.social div.tws {width:100px; float:left; margin:0}
.social div.fbs div, .social div.tws div {width:auto; float:none; margin:0}
#giving .col33 h1, #giving .col33 p {text-align:center}
.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 label {font-family:"AvenirNextRoundedW01-Md 1075562"; }
form input.text {font-family:"Trade Gothic Next W01";background:#FFF; border:none; line-height:30px; color:#333; padding:10px; font-size:20px; width:220px; margin-left:20px}
form input.submit {font-family:"TradeGothicNextW01-Bold 693229";border:none; font-size:21px; margin-left:-10px; text-transform:uppercase; -webkit-appearance: none;}
.social  {font-family:"AvenirNextRoundedW01-Md 1075562";font-size:24px; color:#000; width:45%; padding-left:5%}
.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 {padding-top:0px}
#ukaid img {float:left; margin-right:25px; margin-top:-10px}
#giving {}
#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 {text-align:center; padding-left:41px}
#giving .col33 h1 {padding-bottom:15px}
#stats .button {margin-right:5px}
#stats .button.yellowbg {margin-left:5px; margin-right:0px}

/*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 {line-height:38px;}
#howweredoing p {font-family:"TradeGothicNextW01-Bold 693229";color:#dd1188;}
#howweredoing .pinklink {font-family:"TradeGothicNextW01-Bold 693229"; overflow:hidden; padding-bottom:36px; clear:both}
#howweredoing .pinklink.lp {padding-bottom:15px}
#howweredoing .pinklink p {margin-bottom:0px}
#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%
}
#problem h1 {text-align:left}
#problem p {padding-right:222px}
/*2.2  AIMS/ACHIEVEMENTS END */

/*2.4  YOU MAY HAVE SEEN */
#youmayhaveseen  {}
#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 p {font-family:"TradeGothicNextW01-Bold 693229"}
#stories  {padding-top:50px; padding-bottom:50px}
#stories .outer {padding-bottom:60px; padding-top:25px}
#stories p {text-align:center}

#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 {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; 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}
#fullnews .left {width:66%}
#fullnews .right {width:31%}
#fullnews .left  img {max-width:100%; height:auto}
#fullnews .left .relatedthumb  img {width:100%; height:auto}
#fullnews h1 {text-align:left}
#fullnews .tags {overflow:hidden; width:100%}
#fullnews h3 {color:#000}
#fullnews ul li {margin-bottom:15px}
#fullnews .dottedline {margin-bottom:30px}
#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; padding:15px
}
#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}
.tagcloud a {font-size:16px !important}
#fullnews .left a {color:#dd1188}
#fullnews .left h1 a,#fullnews .left  .relatedthumb a {color:#000}
#fullnews .left .tags a {
font-size: 15px;
color: #2175dd;
}
.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}

#fullnews .news.smaller a.nthumb {float:left; margin-right:15px; margin-bottom:0px; width:200px; height:auto; line-height:100%}
#fullnews .news.smaller a.nthum span {}
#fullnews .news.smaller h1 {margin-bottom:2px}
#fullnews h1 {margin-bottom:10px}
#fullnews small {margin-bottom:20px}
#fullnews .news {padding-bottom:30px}
#fullnews .news p:last-child {margin-bottom:0px}
.prev.page-numbers, .next.page-numbers {
float: none;
margin-right: 0px;
background-image: none;

width: auto;
height: auto;
display: inline
}
/*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 h1 {text-align:left}
#gift h4 {margin-bottom:0px}
/*#gift h4:last-child {margin-top:50px}*/
.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 */

#howitworks div {float:left; text-align:center; font-size:24px; font-family:"AvenirNextRoundedW01-Md 1075562"; 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-family:"AvenirNextRoundedW01-Md 1075562"; font-weight:bold; 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 p {font-family:"AvenirNextRoundedW01-Md 1075562";}
#gifts .text .purple {font-size:18px; font-family:"AvenirNextRoundedW01-Md 1075562"; padding-top:5px}
#gifts h1 {width:750px; float:right; text-align:left}
.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 {
	font-family: "AvenirNextRoundedW01-Md 1075562";
	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}
#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 .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 */
#smallernews .news {width:50%; float:left}
#news.smallernews, .smallernews { padding-bottom:20px}

/* 3.a.2 Promo slots  */

#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:26%; padding-top:5px}
#help .left .text {float:left;  width:74%; text-align:left}
#help.how .left .img {width:29%;}
#help.how .left .text{width:71%;}

#help .left a { line-height:60px; font-size:20px;  text-align:left; font-family:"AvenirNextRoundedW01-Md 1075562";}
#help .left .slh a {line-height:52px}
#help.how .left .link {height:64px}

/* 3.a.2 Promo slots End  */
/* 3.2 Learn more about our work */

#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 {
	color:#000;
	background:#ffbb22;
	display:block;
	padding-top: 29px;
	padding-right: 35px;
	padding-bottom: 29px;
	padding-left: 35px;
}
#threelinks h1 a:hover, 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; color:#FFF; 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 {
	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; font-family: "Trade Gothic Next W01"; width:auto; margin-left:0}
/* 3.3 Our approach  End  */

/* 3.5 Map – pins and pullouts but no links */
#map {width:95%; height:503px}
#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; font-family:"TradeGothicNextW01-Bold 693229"; color:#000; margin-bottom:0px}
.mapcontent h4  {font-size:18px; margin-top:10px; font-family: "Trade Gothic Next W01"; 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  */

#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-family:"AvenirNextRoundedW01-Md 1075562"; 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:#fb6500; margin-top:25px; color:#000}
#tabs.yellow .tab:last-child, #tabs.yellow .mtab:last-child {margin-right:0px}
#tabs.yellow .tab:hover, #tabs.yellow .tab.active, #tabs.yellow .mtab:hover, #tabs.yellow .mtab.active {background:#FFF; color:#fb6500}


#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 h2 {font-size:24px; color:#000; line-height:30px}
#whatstory h2 span {color:#666666; width:150px; display:inline-block}
#whatstory h1 {text-align:left}
#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-family:"AvenirNextRoundedW01-Md 1075562";
	font-size:30px;
	line-height:33px;
	color:#fb6500;
	padding-left:122px;
	background-image: url(../img/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right:55px;
	padding-top:0px;
	margin-bottom:40px; margin-top:40px; min-height: 100px;
}
/* 3d Case study End */


/* 6.1 Text and donate module on right, Links */
#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-family:"AvenirNextRoundedW01-Md 1075562"; 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 */




/* MEDIA QUERIES */

.textpage h1 {text-align:left}
.textpage h2 {text-align:left; 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}
body.single-campaign h1 {text-align:left}

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


/* FAQS STYLING START */
.faqs {background:#ffe3a6}
.faqs .block {position:relative}
.faqs .left {width:555px}
.faqs .right {width:555px}
.faqs h1 {text-align:left}
.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
}
.faq {background:#fff; padding:20px; margin-top:10px; position:relative; height:auto; width:515px }
.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}
p.title{ margin-bottom:0px}
.answer { position: relative }

/* FAQS STYLING END */
@media all and (max-width: 1199px) {
	

	#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 }	/*XXX*/
	#logo { padding-left:0px}
	#donate {padding-right:0px; margin-right:0px}
	#topmenu .dropdown {margin-right:0px}
	.smallblock {}
	.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;
	/* border-left: 1px solid #3e3d3d; */
	}
	 /*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*/

	/*1.5 SNIPPETS */  /*1.5 SNIPPETS 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.5  CASE STUDIES*/  /*2.5  CASE STUDIES 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;

	}
	.way h3 {



	}

	#waystohelp h2 {

	font-size: 24px;

	}
	/* 4.2 Tab with layout 2 – Text only End */
	#help .left .fourth {

	/*height: 61px;*/
	}
	#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 */
}

@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;}
	.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;
	}
	/* 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;
		/* margin-top: 15px;
		margin-right: 10px;
		margin-bottom: 15px;
		margin-left: 10px; */
		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:13px;}
	#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; /* text-align:center; */ 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:11px;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-family: "AvenirNextRoundedW01-Md 1075562";
		font-size: 16px;
		color:#000;
	}/* zt */
	
	/*1.1 FOOTER END */
	/*2.1 CAROUSEL*/
	.carousel img {width:320px; height:auto; margin-left:0px}
	#carouselouter { height:360px}
	#carousel { height:360px; }
	.carousel .text {height:140px; 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; color:#000; font-size:24px; padding:15px; line-height:27px }
	 .carousel h1 {color:#000; font-size:24px; padding:0px; line-height:27px; margin-bottom:0px }
	.carousel .text p {
	margin-top: 10px;
	}
	#thumbs {display:none}
	#minithumbs {display:block}
	/*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-top:20px
	}
	.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;
	}
	#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 .col25:last-child, #stories .col25:first-child {display:none}*/
	#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 {width:100%}
	#fullnews .right {display:none}
	#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-borderradius: 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-borderradius: 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%}
	.conditions .right {width:100%; padding-top:20px}
	/*3.b.1 Text and Donate module on right End */
	#smallernews .news { display:none}
	.smallernews {}
	#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: 10%;
	}
	#help.how .left .img {width:22%;}
	#help.how .left .text{width:60%;}
	#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:50px}
	/* 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.block {width:95%; margin-left:2.5%; margin-right:2.5%}
	#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; font-family: "Trade Gothic Next W01"; color:#000; margin:0px}
	.mapcontent h4  {font-size:12px; margin-top:0px; font-family: "Trade Gothic Next W01"; 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 {width:95%; margin-left:2.5%; margin-right:2.5%}*/
	#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:00px
	}
	.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-family:"Trade Gothic Next W01"; 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%}
}

/* MEDIA QUERIES END */


body {/* padding-top:149px; position:relative */}

body.page-id-170 {/* padding-top:116px; */}

#topmenu {/* position:fixed; top:0px; left:0px; z-index:999999999999 */}


#header {/* position:fixed; top:40px; left:0px; z-index:999999999999 */}

#breadcrumbholder {/* position:fixed; top:116px; left:0px; z-index:999999999999; background:#fff */}

body.home {/* padding-top:116px; */}

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}
#celebcircles h1 {text-align:left}
#celebcircles .left {width:66%}
.celebcircle {overflow:hidden; margin-top:0px; padding-top:30px; margin-bottom:20px }
.celebcircle.celeb1 {padding-top:15px}
.celebcircle h1 { font-size:40px; line-height:45px}
.celebcircle h3 {color:#000; margin-bottom:20px; 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%}

@media all and (max-width: 1199px) {
	#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) {
	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 */
}