@charset "utf-8";
/* CSS Document */


body {
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}
#_atssh{
	display: none !important;
}
img {
	border: none;
}
p, ul {
	margin: 0;
	padding: 0;
}
a {
	outline: 0 none;
}
#wrapper {
}
.pagewidth {
	width: 1204px;
	margin: 0 auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
h2 {
	color: #2dace2;
	font-size: 26px;
}
h2 small {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
}
h4 {
	font-size: 20px;
	color: #778c95;
	line-height: normal;
}
h5 {
	font-size: 14px;
	color: #485e66;
}
.col-30 {
	width: 30%;
}
.col-50 {
	width: 50%;
}
.col-70 {
	width: 70%;
}
/* Form Controls */
.dono_btn{
	float: right;
	margin: 0 60px 0 0;	
}

.dono_btn .btn{
	background: none repeat scroll 0 0 #435964;
	border-radius: 7px;
	border:0 none;
	color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	margin: 30px 0 0;
	padding: 0;
	text-align: center;
	width: 75px;
}
.form-control {
	padding: 11px;
	border: solid 1px #d7d7d7;
	background: #ffffff;
	margin-bottom: 24px;
}
.pop_up .form-control {
	width: 395px;
}
.form-control .text-box {
	padding: 0;
	width: 100%;
	background: transparent;
	border: none;
	color: #6b6a6a;
	font-family: "Droid Sans", Verdana, Geneva, sans-serif;
	font-size: 16px;
}
.form-wrapper {
	margin-bottom: 50px;
	margin-top: 20px;
}
.form-wrapper .form-label {
	float: left;
	width: 280px;
}
.form-wrapper .form-row {
	margin-bottom: 40px;
	float: left;
	widows: 100%;
}
.form-wrapper .form-row.last-row {
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 50px;
	width: 100%;
}
.form-wrapper .form-label label {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #849ca7;
	line-height: 45px;
}
.form-wrapper .form-controller {
	float: left;
	width: 590px;
}

.form-controller span {
    color: #6b6a6a;
    float: left;
    margin: 17px 5px 0 0;
}
.form-wrapper .form-controller.rb {
	padding: 14px 0;
}
.form-wrapper .form-controller select {
	padding: 15px;
	border: solid 1px #cccccc;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #7ba7bb;
	text-align: left;
}
.radio-buttons .options {
	background: #dcdada;
	float: left;
	width: 280px;
	font-size: 14px;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #a8a7a7;
	cursor: pointer;
}
.radio-buttons .options:first-child {
	margin-right: 30px;
}
.radio-buttons .active {
	background: #7ba7bb;
	color: #ffffff;
}
.form-wrapper .buttons {
	clear: both;
}
.form-wrapper .buttons .cancel-btn {
	background: #ee6500;
	border: none;
	padding: 15px 30px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1em;
	cursor: pointer;
}
.form-wrapper .buttons .save-btn {
	background: #7db220;
	border: none;
	padding: 15px 30px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1em;
	cursor: pointer;
}
.form-wrapper .buttons span {
	margin: 0 20px;
}
.button-wrapper button {
	background: #435964;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	border-radius: 5px;
	font-size: 12px;
	padding: 5px 15px;
	cursor: pointer;
}
/* --Form Controls-- */



/* Header */



#header-wrapper {
	background: url("../images/header-bg.jpg") repeat-x left top;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}
#header-map-img {
	background: url("../images/header-map-img.jpg") no-repeat left top;
}
#logo {
	padding: 0;
	margin: 0 0 0 -80px;
}
#right-header {
	margin-left: -107px;
	width: 447px;
}
#right-header .language {
	background: #ee6500;
	padding: 15px 10px;
	font-size: 12px;
	line-height: 1em;
	color: #ffffff;
	height: 12px;
}
#right-header .language a {
	color: inherit;
	text-decoration: none;
}
#right-header .volunteer {
	background: #0085ca;
	padding: 15px 25px;
	font-size: 12px;
	color: #ffffff;
	line-height: 1em;
	height: 12px;
}
#right-header .volunteer a {
	color: inherit;
	text-decoration: none;
}
#right-header .search {
	background: #435a64;
	width: 208px;
	height: 26px;
	padding: 8px 0;
}
#right-header .search input {
	padding: 7px;
	width: 141px;
	text-align: center;
	height: 10px;
	background: #778f9a;
	border: none;
	color: #e7eff3;
	margin-left: 13px;
	font-family:Arial,sans-serif;
}
#right-header .search button {
	background: none;
	border: none;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
}
#right-header .subscribe {
	clear: left;
	float: right;
	margin: 10px 3px 0 0;
}
#right-header .subscribe a {
	padding: 25px 60px 25px 0;
	background: url("../images/subscribe-icon.png") no-repeat right center;
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
}
.share-on .addthis_32x32_style .at15t_facebook{background:url("../images/bg_sm_icons.png") no-repeat left top;}
.share-on .addthis_32x32_style .at15t_twitter{background:url("../images/bg_sm_icons.png") no-repeat -42px top;}
.share-on .addthis_32x32_style .at15t_google_plusone_share{background:url("../images/bg_sm_icons.png") no-repeat -84px top;}
.share-on .addthis_32x32_style .at15t_email{background:url("../images/bg_sm_icons.png") no-repeat -126px top;}
/* --Header-- */



/* Navigation */



.navigation {
	background-color: #435a64;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}
#menu-btn {
	display: none;
}
nav .nav-wrapper > ul {
	list-style: none outside;
	height: 51px;
	padding: 0;
	margin: 0 auto;
}
nav .nav-wrapper > ul.tabnav {display:none;}
nav .nav-wrapper > ul > li {
	float: left;
	position: relative;
}
nav .nav-wrapper > ul > li.login-link {
	float: right;
	margin: 0 2px 0 0;
}
nav .nav-wrapper > ul > li.login-link a {
	background: url("../images/login-icon.png") no-repeat 124px center #01669b;
	padding: 0 10px 0 15px;
}
nav .nav-wrapper > ul > li.login-link a {
	font-size: 14px;
	text-transform: none;
	float: right;
}
nav .nav-wrapper > ul > li.login-link:hover a {
	background: url("../images/login-icon.png") no-repeat 124px center #01669b;
}
nav .nav-wrapper > ul > li > a {
	font-size: 14px;
	color: #dfecf1;
	text-decoration: none;
	line-height: 51px;
	display: block;
	height: 51px;
	padding: 0 15px;
	text-transform: uppercase;
}
nav .nav-wrapper > ul > li:hover > a, nav .nav-wrapper > ul > li.current > a {
	background: #01669b;
}
nav .nav-wrapper > ul > li .dropdown {
	background: #01669B;
	/*box-shadow:1px 0 2px #000000;*/



	/*border-radius:5px;*/

	opacity: 0.97;
	padding: 5px 0;
	display: none;
	position: absolute;
	width: 220px;
	z-index:3;
}
nav .nav-wrapper > ul > li:hover .dropdown {
	display: block;
}
nav .nav-wrapper > ul > li .dropdown > ul {
	list-style: none;
}
nav .nav-wrapper > ul > li .dropdown > ul li {
	padding: 0 10px 0 5px;
}
nav .nav-wrapper > ul > li .dropdown > ul li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	border: 1px solid transparent;
	box-shadow: 1px 0 2px transparent;
	border-radius: 5px;
	line-height: 39px;
	height: 39px;
	padding: 0 10px;
}
nav .nav-wrapper > ul > li .dropdown > ul li.current a, nav .nav-wrapper > ul > li .dropdown > ul li a:hover {
	border: 1px solid #017bba;
	box-shadow: 1px 0 2px #0b5982;
	background: #0e6ea0;
}
/* --Navigation-- */







/* Main Content */



#main-content {
	margin-top: 0;
	margin-bottom: 50px;
}
.media{
	padding: 30px !important;
}
#page-heading {
	background: url("../images/welcome-msg-bg.jpg") repeat left top;
	padding: 0 0 11px 0;
	overflow:hidden;
}

#page-heading h2 {
	margin: 0;
	padding: 30px 30px 0;
	font-size: 1.7em;
	color: #2dace2;
}
.inner-pages #page-heading h2 {
	margin-bottom: 19px;
}
#page-heading h2 small {
	color: #5e6a6e;
	font-size: 0.5em;
	text-transform: uppercase;
	font-weight: bold;
}
#page-heading h2 small.margin-left {
	margin-left: 5px;
}
#page-heading p {
	font-size: 0.83em;
	color: #485e66;
	line-height: 1.5em;
	margin: 10px 0;
	padding: 0 30px;
}
#page-heading p.margin-right {
	margin-right: 25px;
}
#page-heading section {
	width: 50%;
}
#page-heading section.full-width {
	width: auto;

}
#page-heading ul {
    background: url("../images/welcome-msg-bg.jpg") repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    list-style: outside none none;
    margin-top: 0;
    padding: 10px 0 15px 30px;
    width: 1144px;
}
#page-heading ul li {
	font-weight: bold;
	color: #5c727b;
	padding: 5px 40px 0 0;
}
#page-heading ul li a {
	color: inherit;
	text-decoration: none;
}
#page-heading ul li:hover, #page-heading ul li a.active{
	color: #01669b;
}
#left-content {
	float: left;
	width: 570px;
	margin-right: 30px;
}
p {
	color: #778c95;
	font-size: 12px;
	line-height: 1.8em;
}
#right-content {
	float: right;
	width: 570px;
}

.inner-pages #left-content {
	width: 871px;
}
.inner-pages #right-content {
	width: 272px;
}
.inner-pages #right-content.collapse-section #vert-btn {
	display:none;
}

/* footer */



footer {
	background:none repeat scroll 0 0 #435a64;
	width: 100%;
	clear: both;
	float:left;
}
footer aside.donors {
	width: 420px;
	margin-right: 60px;
}
footer aside.volunteers {
	width: 280px;
	margin-right: 55px;
}
footer aside.contact {
	width: 350px;
}
footer .contact a {
	color: #868686;
	text-decoration: none;
}
footer .contact a:hover {
	text-decoration: underline;
}
footer aside h4 {
	color: #ffffff;
	font-size: 28px;
	font-weight: normal;
}
footer aside ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
footer aside ul li {
	float: left;
	width: 140px;
	padding: 5px 0;
	color: #969696;
	font-size: 12px;
}
footer aside .vertical-ticker li {
	float: none;
	width: 100%;
	clear: both;
}
footer aside .vertical-ticker li div {
	float: left;
	width: 140px;
	padding: 5px 0;
	color: #969696;
	font-size: 12px;
}
footer aside.contact p {
	color: #868686;
	font-size: 12px;
	line-height: 21px;
}
footer aside.contact p.bright {
	color: #ffffff;
	margin: 0 0 10px;
}
.bottom-links p.bright{
	float: left;
	margin: 0 0 0 180px;
}
.bottom-links {
	clear: both;
	padding: 5px 0;
	color: #c7ebfd;
	font-size: 12px;
	margin-top: 10px;
}
.bottom-links a {
	color: inherit;
	text-decoration: none;
	margin: 0 8px;
	line-height: 24px;
}
.bottom-links p {
	clear: both;
	margin: 0;
}
.bottom-links p a {
	color: #c7ebfd;
	margin: 0;
}
footer .socials a {
	color: inherit;
	text-decoration: none;
	margin: 0 8px;
	line-height: 24px;
}
header .socials, #right-content .socials {
	padding: 6px 3px 0 0;
}
header .socials a, #right-content .socials a {
	background: url("../images/facebook.png") no-repeat left top;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
}
header .socials a.facebook, #right-content .socials a.facebook {
	background-position: 0 0;
	width: 30px;
}
header .socials a.facebook:hover, #right-content .socials a.facebook {
	background-position: 0 bottom;
}
footer .socials a {
	background: url("../images/social-icons.png") no-repeat left top;
	display: block;
	float: left;
	height: 15px;
	width: 15px;
}
footer .socials a.facebook {
	background-position: 0 0;
	width: 7px;
}
footer .socials a.facebook:hover {
	background-position: 0 -15px;
}
footer .socials a.linkedin {
	background-position: -17px 0;
	width: 14px;
}
footer .socials a.linkedin:hover {
	background-position: -17px -15px;
}
footer .socials a.twitter {
	background-position: -40px 0;
	width: 17px;
}
footer .socials a.twitter:hover {
	background-position: -40px -15px;
}
.footer-text {
	text-align: center;
}
/* --footer-- */



/* Home Page */



.events ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.events ul li {
	background: url("../images/events-list-bg.jpg") repeat-x left top;
	border: solid 1px #dddddd;
	margin-bottom: 10px;
	overflow: hidden;
	height: 80px;
}
.events #our-causes-snippet ul li {
	margin-right: 62px;
	float: left;
}
.events #our-causes-snippet ul li:nth-child(even) {
	margin-right: 0;
}
.events ul li.featured {
	background: none;
	height: auto;
	border: none;
}
.img-thumb {
	float: left;
}
.short-desc {
	float: left;
	padding: 5px 10px 5px 15px;
	width: 435px;
}
.events .short-desc p {
	margin: 0 0 6px;
	line-height: 1.2em;
	font-size: 14px;
	font-weight: bold;
	color: #585858;
}
.events .featured {
	position: relative;
}
.events .featured .desc {
	background: url("../images/transparent-15-bg.png") repeat left top;
	width: 316px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position: absolute;
	top: 23px;
	left: 19px;
	padding: 9px 13px;
}
.events .featured .desc p {
	margin: 0;
	padding: 0;
	color: #e2f5ff;
	font-size: 14px;
	line-height: 1.6em;
	text-shadow: 0 0 6px #000000;
}
.events .featured .title {
	font-size: 16px;
	font-weight: bold;
	color: #2289b4;
	margin: 20px 0;
}
.events .read-more {
	color: #01669b;
	font-size: 12px;
	text-decoration: none;
}
#right-content .events {
	margin-top: 69px;
}
.nav-buttons {
	margin-top: 20px;
}
.nav-buttons a {
	background: url("../images/slider-navigation-bg.png") no-repeat left top;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	float: left;
	margin-right: 10px;
	font-family: "Droid Sans", Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #556270;
	text-decoration: none;
}
.nav-buttons a.disabled {
	color: #a6acb3;
}
.donations {
	float: left;
	background: #018ed7;
	width: 250px;
	padding: 10px 10px;
	height: 267px;
}
.send {
	float: left;
}
.seek {
	float: right;
}
.send .donations {
	margin-right: 30px;
}
.seek .donations {
	width: 240px;
	padding: 10px 15px;
}
.send .donations select {
	background: #ceedfd;
	font-size: 16px;
	color: #01669b;
	border: none;
	padding: 3px 7px;
	width: 233px;
}
.send .donations a {
	display: block;
	background: none;
	border: none;
	margin: 30px 0 0 0;
	padding: 0;
	width: 251px;
	cursor: pointer;
}
.send .donations button img {
	margin-left: -2px;
}
.donations p {
	font-size: 16px;
	color: #ffffff;
	line-height: 1.6em;
	margin: 0 0 8px;
	padding: 0;
}
.send .donations p {
	margin: 0 5px 30px;
}
.seek .donations ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.seek .donations ul li {
	background: #f6f6f6;
	margin-bottom: 12px;
	padding: 8px;
	line-height: 1em;
}
.seek .donations ul li a {
	font-size: 14px;
	color: #4a4949;
	text-decoration: none;
}
.seek .donations p strong {
	font-size: 13px;
	color: #004c73;
	text-transform: uppercase;
}
.testimonials {
	background: #eaeaea;
	margin-top: 21px;
	padding: 20px 55px 20px 65px;
}
.inner-pages .testimonials {
	margin-bottom: 30px;
	margin-top: 0;
	padding: 40px 60px;
}
.testimonials h3 {
	color: #30b9f3;
	font-size: 28px;
	margin: 0 0 35px -50px;
	padding: 0;
	line-height: 1em;
}
.testimonials .quote-txt {
	color: #7c7c7c;
	font-size: 16px;
	line-height: 1.6em;
	margin: 0;
}
.testimonials .quote-txt:before {
	content: open-quote;
	font-size: 80px;
	line-height: 0.1em;
	margin-left: -0.55em;
	vertical-align: -0.4em;
	color: #b7b7b7;
}
.testimonials .quote-txt:after {
	content: close-quote;
	font-size: 80px;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.7em;
	color: #b7b7b7;
}
.quote-by {
	font-size: 18px;
	color: #979696;
	margin: 25px 0 25px -50px;
}
.inner-pages .quote-by {
	color: #2dace2;
	margin-left: -35px;
}
/* --Home Page-- */



/* Login Box */



.login-box {
	width: 470px;
}
#register.login-box, #updateProfile.login-box {
	width: 779px;
}
.login-box h3 {
	background: #4c616b;
	font-family: "Droid Sans", Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0 25px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #ffffff;
}
#login-box .form-wrapper {
	padding: 25px;
}
#subscribe .form-wrapper {
	padding: 25px;
}
.login-box-footer {
	background: url("../images/login-box-footer-bg.png") repeat-x left top;
	height: 41px;
	clear: both;
	padding-top: 25px;
	margin-top: 31px;
	text-align: center;
}
.login-box-footer a {
	color: inherit;
	text-decoration: none;
}
/* --login-box */



/* Our Causes */







.desc-text p {
	font-size: 14px;
	color: #485e66;
	margin: 20px 0;
}
.content-section {
	border-bottom: solid 1px #d8d8d8;
	padding-bottom: 40px;
	margin-top: -225px;
	padding-top: 225px;
	width: 871px;
}
#director-message.content-section, #fd.content-section, #pc.content-section {
	border-bottom: 0 none;
}
.content-section .buttons {
	vertical-align: top;
	clear: both;
}
.content-section .buttons span {
	margin: 0 20px;
	vertical-align: middle;
}
.content-section .buttons a img {
	vertical-align: middle;
}
/* --Our Causes-- */



/* Donors List */



.sort-by {
	padding: 30px 0;
}
.sort-by label {
	color: #849ca7;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 30px;
}
.sort-by select {
	padding: 10px;
	margin-right: 50px;
	width: 190px;
	font-weight: bold;
	color: #7ba7bb;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
}
.donors-list {
	list-style: none;
}
.donors-list li {
	float: left;
	width: 217px;
	color: #727272;
	font-size: 12px;
	padding: 8px 0;
}
.dark-gray-box {
	background: #dcdada;
	padding: 15px;
}
.thank_u {
	margin: 0 0 30px !important;
}
.dark-gray-box p {
	color: #6f6f6f;
	margin-bottom: 20px;
	line-height: 1.2em;
}
.dark-gray-box a {
	color: #007eff;
	font-size: 12px;
	font-weight: bold;
}
/* --Donors List-- */



/* Donations */



#donations-form .min-amnt {
	width: 64px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 12px;
	color: #c7c8c8;
	background: #f4f4f4;
	margin-left: 10px;
}
#donations-form .amt {
	width: 205px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 12px;
	color: #c7c8c8;
	background: #f4f4f4;
	font-weight: bold;
	margin-left: 10px;
}
/* --Donations-- */



/* About Us */



.about-us #page-heading {

	width: 100%;
}
.about-us #page-heading p {
	margin-right: 0;
}

.horizontal li {
	float: left;
	color: #7b9199;
	font-size: 12px;
}
.horizontal li.clear-left {
	clear: left;
}
.about-us #left-content .content-section .double-arrow {
	list-style: none;
	margin: 0;
}
.about-us #left-content .content-section .double-arrow li {
	background: url("../images/double-arrow-bullet.png") no-repeat 10px 8px;
	padding-left: 30px;
	color: #485e66;
}
.about-us #left-content .content-section p {
	margin-bottom: 20px;
	color: #485e66;
}
.about-us #left-content .content-section .dir-list p {
	margin: 0;
}
.about-us #left-content .content-section .dir-list p a {
	color: #485e66;
	text-decoration: none;
}
.about-us #left-content .content-section .dir-list .col-50 {
	margin-bottom: 20px;
}
.about-us #left-content .content-section ul {
	list-style: none;
	margin-left: 30px;
	color: #485e66;
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 25px;
}
.about-us #left-content .content-section ul li {
	margin-bottom: 10px;
}
.about-us #left-content .content-section table {
	margin-bottom: 60px;
}
.about-us #left-content .content-section table th {
	color: #2dace2;
	text-align: left;
	padding-bottom: 15px;
}
.about-us #left-content .content-section table th:first-child {
	width: 353px;
}
.about-us #left-content .content-section table td {
	color: #485e66;
	font-size: 12px;
}
.about-us #left-content .content-section table td:nth-child(2) {
	font-weight: bold;
}
/* --About Us-- */



/* Donor Profile */



.profile-info {
}
.profile-info .profile-pic {
	background: url("../images/welcome-msg-bg.jpg") repeat left top;
	padding: 18px 15px;
	float: left;
}
.profile-info .profile-details {
	float: left;
	width: 634px;
}
.profile-info .total-amount {
	color: #01669b;
	padding: 20px;
	margin-bottom: 10px;
}
.profile-info .personal-details {
	background: url("../images/welcome-msg-bg.jpg") repeat left top;
	padding: 12px 20px;
}
.profile-info .personal-details .name {
	font-size: 22px;
	color: #01669b;
	font-weight: bold;
	height: 60px;
	width: 365px;
	float: left;
}
.profile-info .personal-details .name span {
	font-size: 18px;
	color: #718892;
	font-weight: normal;
}
.profile-info .personal-details .other-details {
	font-size: 14px;
	color: #01669b;
	font-weight: bold;
	float: left;
	margin-bottom: 6px;
}
.profile-info .personal-details .other-details span {
	color: #718892;
	font-weight: normal;
}
.profile-info .filters {
	padding: 18px 40px;
}
.profile-info .filters .form-wrapper {
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
.profile-info .filters .form-row {
	width: 190px;
	margin-bottom: 0;
}
.profile-info .filters .form-label {
	width: auto;
	margin-right: 10px;
}
.profile-info .filters .form-label label {
	color: #01669b;
	line-height: 26px;
}
.profile-info .filters .form-controller {
	width: 200px;
}
.profile-info .filters .form-controller .form-control {
	padding: 5px 10px;
	margin-bottom: 0;
}
.profile-info .filters .button .ok-btn {
	background: transparent;
	border: none;
	color: #01669b;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	text-transform: uppercase;
	cursor: pointer;
}
.profile-info .filters .form-controller.select-box {
	width: 170px;
}
.profile-info .filters .form-wrapper .form-controller select {
	padding: 5px 10px;
	color: #b4b2b2;
	text-align: left;
	text-transform: none;
	width: 100%;
}
.update-link {
	clear: both;
	padding: 10px;
}
.update-link a {
	color: #53b2e4;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
}
.time-line-year {
	float: left;
	width: 435px;
}
/** depain css **/



#right-content .right_contact h3 {
	background: url("../images/bg_h3.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
	color: #1672A2;
	font-family: calibri;
	font-size: 20px;
	margin: 40px 0 0;
}
#right-content .right_contact h4 {
	color: #4d778d;
	font-family: calibri;
	font-size: 16px;
}
#right-content .right_contact p, #right-content .right_contact a {
	color: #4D778D;
	font-family: calibri;
	font-size: 14px;
	line-height: 22px;
	text-decoration: none;
}
#right-content .right_contact span {
	font-weight: bold;
}
.left_contact {
	padding: 0 40px;
}
.left_contact h3 {
	background: url("../images/bg_h3_left.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
	color: #7d99a8;
	font-family: calibri;
	font-size: 20px;
	margin: 40px 0 0;
	line-height: 1.2em;
}
.left_contact form {
	margin: 40px 0 0;
}
form .error_pos {
	clear: both;
	float: left;
	margin: 0 0 25px;
	position: relative;
}
.error_pos label {
	color: #888888;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 10px;
}
.error_pos span {
	color: #ff0000;
}
.error_pos input {
	border: 1px solid #E0E0E0;
	clear: both;
	color: #757575;
	float: left;
	height: 35px;
	width: 350px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.error_pos .error {
	bottom: -25px;
	color: #FF0000;
	font-family: calibri;
	font-size: 12px;
	left: 0;
	position: absolute;
}
.error_pos textarea {
	border: 1px solid #E0E0E0;
	color: #757575;
	height: 180px;
	padding: 10px;
	resize: none;
	width: 750px;
}
.error_pos .btn {
	background: none repeat scroll 0 0 #435964;
	color: #FFFFFF;
	cursor: pointer;
	height: 35px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 125px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	margin: 20px 0 0 0;
}
.error_pos .btn:hover {
	background: #2d3f48;
}
#page-heading .volunteer_pg {
	width: 100%;
}
#register .volunteer_content, #updateProfile.login-box .volunteer_content {
	padding: 50px;
}
.volunteer_content form {
	float: left;
	margin: 20px 0 0;
	width: 655px;
}
.volunteer_content.large form {
	width: 710px;
}
.volunteer_content h3 {
	background: none repeat scroll 0 0 #F2F2F2;
	color: #2DACE2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 19px;
	font-weight: normal;
	line-height: 29px;
	padding: 5px 40px;
}
.volunteer_content h4 {
	color: #778c95;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	font-weight: normal;
}
.thank h4 {
	line-height: 24px;
}
.volunteer_content span {
	color: #FF0000;
	font-size: 11px;
	margin: 0 0 0 5px;
}
.left_vol {
	float: left;
	margin: 0 0 20px;
	position: relative;
	width: 655px;
}
.large .left_vol {
	width: 710px;
}
.volunteer_content .left_vol select {
	border: 1px solid #CCCCCC;
	color: #7BA7BB;
	float: right;
	font-size: 14px;
	font-weight: bold;
	padding: 11px;
	text-align: left;
	text-transform: uppercase;
	width: 502px;
}
.volunteer_content .left_vol label {
	color: #849CA7;
	float: left;
	font-weight: bold;
	font-size: 14px;
	margin: 15px 0 0;
	text-transform: uppercase;
}
.volunteer_content .left_vol input {
	border: 1px solid #CCCCCC;
	color: #55666e;
	float: right;
	height: 25px;
	padding: 5px;
	width: 490px;
}
.volunteer_content .left_vol input[type=file] {
	width: 470px;
}
.volunteer_content .left_vol textarea {
	border: 1px solid #CCCCCC;
	color: #55666e;
	float: right;
	height: 80px;
	resize: none;
	padding: 5px;
	width: 490px;
}
.volunteer_content .left_vol .error {
	bottom: -16px;
	color: #FF0000;
	font-family: calibri;
	font-size: 12px;
	left: 155px;
	position: absolute;
	font-weight: normal;
}
.large .left_vol .error {
	left: 208px;
}
.captcha {
	float: left;
}
.captcha h2 {
	color: #55666e;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
}
.btns {
	border-top: 1px solid #E5E5E5;
	float: left;
	margin: 30px 0 40px;
	padding: 30px 0 0;
	width: 130%;
}
#register .btns, #updateProfile .btns {
	width: auto;
	clear:both;
}
.btn_res {
	background: none repeat scroll 0 0 #EE6500;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 40px;
	margin: 0 10px 0 0;
	padding: 5px;
	text-align: center;
	width: 90px;
}
.btn_res:hover {
	background: #ca5600;
}
.btn_sub {
	background: none repeat scroll 0 0 #7db220;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 40px;
	margin: 0 0 0 10px;
	padding: 5px;
	text-align: center;
	width: 90px;
}
.btn_sub:hover {
	background: #59870a;
}
#page-heading .links_news {
	width: 100%
}
.links_news a.active_news {
	color: #1672a2;
}
.links_news a {
	color: #86a2b0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	margin: 0 25px 0 0;
}
.left_media {
	float: left;
	margin: 30px 0 0;
	padding: 0 40px;
}
.left_media .names {
	border: 1px solid #BFBFBF;
	color: #777777;
	height: 10px;
	padding: 5px;
	width: 140px;
}
.left_media .dates {
	border: 1px solid #BFBFBF;
	color: #777777;
	height: 10px;
	padding: 5px;
	width: 80px;
}
.left_media .dd {
	border: 1px solid #BFBFBF;
	color: #777777;
	height: 10px;
	padding: 5px;
	width: 80px;
}
.left_media .btn_search {
	background: none repeat scroll 0 0 #1672A2;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	height: 23px;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
}
.left_media .btn_search:hover {
	background: #0a5b85;
}
.left_media form {
	color: #AEAFB1;
	margin: 0 0 30px;
}
/** carousel media **/



.news {
	float: left;
}
.left_img {
	margin: 0;
	float: left;
}
 #flexiselDemo2, {
 display:none;
}
#flexiselDemo2 li {
	float: left;
	margin: 0 25px 40px 0;
	list-style: none;
}
.number {
	color: #427189;
	float: left;
	font-family: calibri;
	font-size: 14px;
	width: 755px;
	margin: 6px 0 0 0;
}
.pagination {
	float: right;
}
.pagination a, .pagination span {
	color: inherit;
	padding: 5px;
	text-decoration: none;
}
.arrow {
	float: right;
}
.right_con_news {
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	float: left;
	height: 60px;
	padding: 10px;
	width: 140px;
}
.width_align .right_con_news{width:630px;}
.fin_report {
	border: 1px solid #DDDDDD;
	float: left;
	height: 60px;
	padding: 10px;
	width: 260px;
	margin: 0 25px 40px 0;
}
#left-content .right_con_news p {
	color: #4a6670;
	font-family: calibri;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}
#left-content .right_con_news span {
	color: #788A90;
	float: left;
	font-family: calibri;
	font-size: 14px;
	padding: 15px 0 0;
}
#left-content .right_con_news a {
	color: #788A90;
	float: left;
	font-family: calibri;
	font-size: 14px;
	padding: 15px 10px 0;
}
.media_news {
	float: left;
	margin: 30px 0 0;
	width: 100%;
}
/** /carousel media **/



/** /depain css **/







/* --Donor Profile-- */ 



#slider {
	position: relative;
}
#slider .panel-wrapper > div {
	position: absolute;
	left: 100px;
	line-height:21px;
	top:20%;
}
.inner-pages #slider > div {
	position: absolute;
	left: 100px;
	top:10%;
}

.about-us #slider .meta-wrapper{
	left: 70px;
    top: 25%;
}
.our-causes #slider div {
	left: 45px;
	top: 50%;
}

	.mob-667,.mob-375 {display:none;}
#slider .high .slider-description{width:650px;}
#slider .pat .slider-description{width:390px;}
#slider .uni .slider-description{width:420px;}
#slider .slider-title {
	top: 60px;
	font-family: "Myriad Pro", Verdana, Geneva, sans-serif;
	font-size: 32px;
	font-weight: 550;
	color: #0085ca;
}
#slider-id .slider-button img{width:70%;}
#slider .slider-description {
	top: 105px;
	width: 460px;
	color:#1a1a1a;
	margin:20px 0;
	font-size:14px;
}
#slider .slider-description.light {
	color: #ffffff;
}
#slider .slider-button {
	width:200px;
}

#slider .wno .slider-description {
	color: #ffffff;
}
#slider .end .slider-description {
	width: 430px;
}

.our-causes #slider .slider-button {
	top: 260px;
}
.our-causes #slider .slider-title {
	top: 170px;
}
.our-causes #slider .slider-description {
	top: 210px;
	width: 430px;
}
#back-top {
	bottom: 450px;
	right: 30px;
	bottom: 30px;
	position: fixed;
}
#back-top img{
	opacity:0.50;
}
/* Time Line */



.time-line-year h2 {
	text-align: center;
	margin: 10px;
	font-size: 20px;
	color: #849ca7;
}
.time-line-year .start-marker {
	text-align: center;
	height: 5px;
	vertical-align: top;
}
#left-content .time-line-year .month {
	font-size: 20px;
	color: 849ca7;
	text-align: center;
}
.time-line-year .start-marker img {
	display: inline;
	vertical-align: top;
}
.time-line-year ol {
	background: url("../images/time-line-bg.jpg") repeat-y center top;
	padding: 0;
	margin: 0;
	height: 574px;
	list-style: none;
	position: relative;
}
.time-line-year ol li {
	width: 102px;
	height: 32px;
	overflow: hidden;
	position: absolute;
	font-size: 12px;
	color: #ffffff;
	cursor: pointer;
	z-index: 799;
}
#left-content .time-line-year ol li .box p {
	color: #ffffff;
}
#time-line-slider {
	background: url("../images/welcome-msg-bg.jpg") repeat-x left top;
}
.time-line-year ol li .box {
	background: #4990b5;
	float: right;
	padding: 10px 15px;
}
.time-line-year ol li.left {
	padding-right: 20px;
	right: 48%;
	background: url("../images/time-line-marker-left.png") no-repeat right 12px;
}
.time-line-year ol li.right {
	left: 48%;
	padding-left: 20px;
	background: url("../images/time-line-marker-right.png") no-repeat left 12px;
}
.time-line-year ol li time {
	display: block;
	padding-bottom: 10px;
	border-bottom: dashed 1px #ffffff;
}
.time-line-year ol li.left time {
	text-align: right;
}
.time-line-year ol li.right time {
	text-align: left;
}
.time-line-year ol li:hover {
	height: auto;
	width: 195px;
	z-index: 800;
}
/*



This is the visible area of you carousel.



Set a width here to define how much items are visible.



The width can be either fixed in px or flexible in %.



Position must be relative!



*/



.jcarousel {
	position: relative;
	overflow: hidden;
}
/*



This is the container of the carousel items.



You must ensure that the position is relative or absolute and



that the width is big enough to contain all items.



*/



.jcarousel ul {
	width: auto !important;
	position: relative;
	/* Optional, required in this case since it's a <ul> element */



	list-style: none;
	margin: 0;
	padding: 0;
}
/*



These are the item elements. jCarousel works best, if the items



have a fixed width and height (but it's not required).



*/



.jcarousel li {
	/* Required only for block elements like <li>'s */



	float: left;
}
#time-line-slider .jcarousel-prev {
	position: absolute;
	top: 7px;
	left: 12px;
	background: url("../images/time-line-nav-arrow.png") no-repeat left top;
	width: 17px;
	height: 22px;
	display: block;
}
#time-line-slider .jcarousel-next {
	position: absolute;
	top: 7px;
	right: 12px;
	background: url("../images/time-line-nav-arrow.png") no-repeat right top;
	width: 17px;
	height: 22px;
	display: block;
}
.vertical-ticker {
	height: 150px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#our-causes ul {
	list-style: none;
}
.search-result {
	padding: 20px;
}
.search-result ul {
	list-style: circle inside;
}
.search-result ul li {
	padding: 5px;
}
.search-result ul li a {
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}
.search-result ul li a:hover {
	color: #878383;
}
.data-list {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	font-size: 12px;
}
.data-list th {
	background: #018ed7;
	color: #ffffff;
	padding: 5px;
	border: solid 1px #ffffff;
	text-transform: uppercase;
}
.data-list td {
	border: solid 1px #2CA9DF;
	padding: 5px;
}
.data-list td {
	text-align: center;
}
.data-list td.amnt {
	text-align: right;
}
.data-list td.colored-cell {
	background: #018ed7;
	color: #ffffff;
	text-transform: uppercase;
}
.data-list td a {
	text-decoration: none;
	color: #41abe1;
}
.side-nav {
	margin-top: 10px;
	margin-bottom: 170px;
}
.side-nav ul {
	list-style: none;
}
.side-nav ul li {
	margin-bottom: 5px;
}
.side-nav ul li a {
	padding: 10px;
	background: #018ed7;
	display: block;
	color: #f9fcfe;
	text-decoration: none;
	text-transform: uppercase;
}
.side-nav ul li.active a, .side-nav ul li:hover a {
	background: #f4f4f4;
	color: #018ed7;
}
.addthis_toolbox p {
	color: #fff;
	float: left;
	font-size: 10px;
	padding: 8px 5px 0 0;
	text-transform: uppercase;
}
.thank_you h4 {
	margin: 20px 40px;
}
.thank_you p {
	margin: 0 40px 20px;
}
.form-wrapper .left {
	margin: 4px 0 16px 0;
}
.upload {
	width: 470px !important;
	margin: 30px 0 20px 0;
}
.upload form {
	padding: 0 25px;
	width: 420px;
}
.upload input[type="file"] {
	float: left;
	margin: 0 0 0 10px;
	width: 180px !important;
}
.volunteer_content .upload .btn_sub_up {
	background: none repeat scroll 0 0 #7db220;
	border: 0 none;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	height: 30px;
	margin: 0 0 0 157px;
	padding: 5px;
	text-align: center;
	width: 80px;
}
.none {
	margin: 0 !important;
}
.bottom-links h4 {
	margin: 10px 0 10px 0;
}
.forget_css {
	clear: both;
	float: left;
	margin: -10px 0 0 0;
}
a.forget_css {
	color: #444;
	text-decoration: none;
	font-size: 12px;
}
#forget {
}
.input-box {
	width: 200px;
}
.socials {
}
.footermail {
	width: 230px;
	float: left;
	margin:0 0 0 5px;
}
.footermail p{
	clear: none;
	float: left;
}
footer .socials {
	float: right;
}
footer .socials a {
	margin: 3px 8px 0;
}
#login-box .form-wrapper, #forget .form-wrapper, #forgetthanks .form-wrapper {
	padding: 25px;
}

@media all and (max-width:1024px) {
.pagewidth {
	width: 100%;
}

#header-map-img {padding:0 15px;}
#logo {
	margin:0;
}
#logo a{display:block;}
#logo a img{width:85%;}
#right-header {
	position: absolute;
	right: 15px;
	margin-left: 0;
}
#right-header .language,#right-header .volunteer {padding:7px;}
#right-header .search {padding:4px;height:18px;width:160px;}
#right-header .search input {padding:3px;width:115px;margin-left:0px;font-size:11px;height:12px;}
#right-header .subscribe {margin-top:5px;}
#right-header .subscribe a {padding:10px 0 10px 60px;background-position:left center;}
#menu-btn {
	display: block;
	background: url('../images/menu.png') no-repeat center center;
	height: 37px;
	width: 39px;
	cursor: pointer;
	z-index: 2000;
	float:left;
	margin:2px 0 0 15px;
}
#menu-btn.active {	background: url('../images/menu-active.png') no-repeat center center;
}
#menu-btn span {
	padding: 8px;
	font-size: 16px;
	color: #fff;
	display: none;
}

nav .nav-wrapper {
	position:relative;
}
nav .nav-wrapper > ul {
	height: auto;
	clear: none;
	width: 300px;
}
nav .nav-wrapper > ul.main-nav {
	width: 220px;
	padding:20px 0;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
nav .nav-wrapper > ul.main-nav > li {
	float: none;
}
nav .nav-wrapper > ul.main-nav > li.login-link {
	float: none;
	display:none;
}
nav .nav-wrapper > ul.main-nav > li.login-link a {
	float: none;
	display:none;
}
nav .nav-wrapper > ul.main-nav > li .dropdown {
	display: none;
	position: static;
	width: 100%;
}
nav .nav-wrapper > ul.main-nav {position:absolute;top:42px;left:15px;z-index:150;background:#435a64;display:none;}
nav .nav-wrapper > ul.tabnav {display:block;float:right;width:auto;height:42px;}

nav .nav-wrapper > ul > li > a {
	padding: 0 13px;
	line-height:30px;
	height:30px;
}
nav .nav-wrapper > ul.tabnav > li > a {
	height:42px;
	line-height:42px;
}
nav .nav-wrapper > ul > li .dropdown > ul li a {height:24px;line-height:24px;margin:0;}
#slider .panel-wrapper > div {top:20%;bottom:auto;}
#slider .slider-description,#slider .end .slider-description {margin:5px 0;width:45%;}
#slider .high .slider-description {width:65%;}
/*#slider .end .slider-description {
    width: 420px;
}
#slider .high .slider-description {
    width: 610px;
}*/
.bottom-links p.bright{    float: none;
    margin: 0;
    text-align: center;}
#page-heading {padding:0 5%;}
#page-heading h2 {padding-left:0;}
.about-us #page-heading {width:90%;}
#page-heading ul {width:100%;box-sizing:border-box;left:0 !important;right:0;margin:auto !important;padding:10px 0 15px;}
#page-heading ul li {width:176px;padding-right:0;}
.inner-pages #page-heading h2 {padding:10px 0 0;margin:0;}
#page-heading p.margin-right {padding-left:0;}
#page-heading p {padding-right:0;}
#left-content {
	width: 90%;
	margin: 0 5%;
	float:none;
}
#right-content {
	width: 90%;
	margin:0 5%;
	float: none;
}
.send {width:49%;}
.seek {width:49%;}
.send .donations,.seek .donations {width:auto;float:none;}
.short-desc {
	width: 360px;
}
.send .donations {
	margin-right: 10px;
	height:auto;
}
.send .donations select {
	width: 100%;
}
.send .donations a {
	width: 100%;
	margin-top:20px;
}
.send .donations a img {
	width: auto;
}
#right-content .send .donations a img {width:60%;height:auto;}
#our-causes-snippet {
	margin: 0 5%;
}
.events #our-causes-snippet ul li {
	float: none;
	background-position: left bottom;
	height: auto;
	margin-right: 0;
}
.short-desc {
	width: 60%;
	padding: 3% 5%;
}
.img-thumb {
	width: 30%;
}
.events .short-desc p {font-size:12px;}
.img-thumb img {
	width: 100%;
}
.events ul li.featured img {
	width: 100%;
}
.inner-pages #left-content {
	width: 58%;
	margin-left: 5%;
	margin-right: 0;
	float:left;
}
.inner-pages.about-us #left-content,.inner-pages.our-causes #left-content,.inner-pages.no-sidebar #left-content  {
	width:90%;
}
.inner-pages #right-content {
	width: 30%;
	margin-right: 5%;
	margin-left: 0;
	float:right;
}
.inner-pages.no-sidebar #right-content {
	display:none;
}
.inner-pages #right-content.collapse-section {
	position:fixed;
	right:-290px;	
	top:50%;
	margin-top:-115px;
	width:290px;
	margin-right:0;
	z-index:56;
}
.inner-pages #right-content.collapse-section #vert-btn {
	display:block;
	margin-left:-27px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-81px;	
	cursor:pointer;
}
.collapse-section .send h2 {display:none;}
.inner-pages .send {
	width: 100%;
	margin-right: 0;
	margin-bottom:0;
}
.inner-pages .send .donations {
	width: auto;
	margin-right:0;
	height:auto;
}
.content-section {
	width: 100%;
}
.content-section div > img {
	width: 100%;
}
#slider > img {
	width: 100%;
}
#slider .slider-title {font-size:16px;}
#slider .slider-description {line-height:1.2em;}
.our-causes #slider .slider-title {
	top: 20%;
}
.our-causes #slider .slider-description {
	top: 35%;
}
.our-causes #slider .slider-button {
	top: 60%;
}
.left_media {
	padding: 0;
}
.sort-by label {
	display: block;
	margin: 20px 0 5px;
}
form .error_pos {
	width: 100%;
}
.error_pos textarea {
	width: 98%;
	padding: 1%;
}
#register.login-box, #updateProfile.login-box {
	width: 650px;
}
.left_vol {
	width: 100%;
}
#register .volunteer_content, #updateProfile.login-box .volunteer_content {
	padding: 10px;
}
.volunteer_content .left_vol input {
	width: 400px;
}
.footermail {float:none;margin:0 auto;}
.dono_btn {clear:left;float:none;}
.left_contact h3 {background:none;}
.profile-info .profile-details {width:100%;}
.profile-info .personal-details .other-details {clear:left;}
}

/*@media all and (max-width:800px) {
#logo {
	width: 100%;
	margin: 0;
}
#logo a {
	display: block;
	overflow: hidden;
}
#page-heading h2 small {
	font-size: 0.4em;
}
#right-header {
	position: absolute;
	right: 0;
	margin-left: 0;
}
nav .nav-wrapper > ul > li > a {
	font-size: 12px;
	padding: 0 6px;
}
.bottom-links p.bright{margin:0 0 0 10px;font-size:11px;}
.bottom-links p{font-size:11px;}
#left-content {
	width: 90%;
	margin: 0 5%;
}
#right-content {
	width: 90%;
	margin: 0 5%;
}
#our-causes-snippet {
	margin: 0 5%;
}
.events #our-causes-snippet ul li {
	float: none;
	background-position: left bottom;
	height: auto;
	margin-right: 0;
}
.short-desc {
	width: 70%;
	padding: 3% 5%;
}
.img-thumb {
	width: 20%;
}
.img-thumb img {
	width: 100%;
}
.donations {
	padding: 2%;
}
.send {
	width: 49%;
	margin-right: 2%;
}
.seek {
	width: 49%;


}
.send .donations {
	width: 96%;
}
.seek .donations {
	width: 96%;
	padding: 2%;
}
#slider .slider-title {
	font-size: 25px;
	top: 25%;
}
#slider .slider-description {
	top: 40%;
}
#slider .slider-button {
	top: 70%;
}
#slider .slider-button a {
	display: block;
}
#slider .slider-button a img {
	width: 50%;
}
.ls-wrapper .ls-nav-right-arrow, .ls-wrapper .ls-nav-left-arrow {
	top: 50%;
	margin-top: -30px;
}
#register.login-box, #updateProfile.login-box {
	width: 280px;
}
.left_vol {
	width: 100%;
}
#register .volunteer_content, #updateProfile.login-box .volunteer_content {
	padding: 10px;
}
.volunteer_content .left_vol input {
	width: 200px;
	float: left;
}
}
*/
@media all and (max-width:767px) {
body {
	font-size: 12px;
	-webkit-text-size-adjust: 100%;
}
#header-wrapper {
	position: static;
}
#header-map-img {padding:0;background: none #2aa6da;}
#logo a img {width:100%;}
.bottom-links p{float: left;clear:none;}
#right-header {
	position: static;
	clear: both;
	float: none;
	width: 100%;
}
.right-top-header {margin:0 10px 0 0;float:right;}
.right-top-header > form {float:right;}
#right-header .search {width:91px; }
#right-header .search input {
	width: 56px;
}
#right-header .subscribe {clear:none;}
#right-header .subscribe a {
	width: 0;
	content: ' ';
	overflow: hidden;
	text-indent: -999em;
}
#main-content {
	margin-top: 0;
}

.share-on {float:right;}
#slider .panel-wrapper > div {width:80%;margin:0;left:0;bottom:0;top:auto;padding:2% 10%;background-image:url('../images/meta-wrapper-bg.png');}
	.mob-375 {display:block;}
	.desktop-img,.mob-667 {display:none;}
	
#slider .slider-description {font-size:12px;}

#slider .uni .slider-description,#slider .slider-description,#slider .high .slider-description,#slider .wno .slider-description,#slider .pat .slider-description,#slider .slider-description, #slider .end .slider-description, #slider .pat .slider-description {color:#000000;width:100%;}
/*#right-header .volunteer {
	padding: 15px;
}
#right-header .subscribe {
	clear: none;
	float: left;
	margin: 0;
}

#right-header .search {
	width: 168px;
}
#right-header .search input {
	width: 100px;
}
#right-header .share-on {
	float: left;
}
#right-header .share-on .addthis_toolbox p {
	display: none;
}*/

#page-heading section {width:100%;}
#page-heading section p {padding:0;}
#page-heading h2 small.margin-left {
	margin: 10px 0;
	display: inline;
	clear: both;
}
.error_pos input {
	width: 100%;
}

.login-box,#register.login-box, #updateProfile.login-box {
	width: 280px;
}
.volunteer_content h4 {margin:20px 0 10px;}
 .volunteer_content .left_vol label {margin:10px 0 5px;font-size:12px;}
 #register .btns, #updateProfile .btns {width:}
#login-box .form-wrapper {margin:0;}
.pop_up .form-control {margin-bottom:20px;padding:7px;}
.pop_up .form-control .text-box {font-size:14px;}
.button-wrapper {margin:10px 0;}
#register .left_vol {
	width: auto;
	clear:both;
}
#register .volunteer_content, #updateProfile.login-box .volunteer_content {
	padding: 10px;
}
.volunteer_content .left_vol input {
	width: 250px;
	float: left;
	clear:left;
	height:20px;
}
#register .btns, #updateProfile .btns {width:230px;margin:0 auto;float:none;}
.data-list th,.data-list td {padding:1px;font-size:10px;}
#slider iframe{height:20%;}
.hideonmob {display:none;}
#flexiselDemo2 li {margin:0 0 40px;}
.width_align .left_img {float:none;width:100%}
.width_align .left_img img {width:100%;height:auto;}
.width_align .right_con_news {float:none;width:auto;border-left:1px solid #ddd;border-top:none;height:auto;}
#left-content .width_align .right_con_news span {float:none;}
.right-top-header {margin-top:5px;}

}

@media all and (max-width:480px) {
#right-header .subscribe {clear:right;}

.send .donations a img {
    width: auto;
}
#slider-id .slider-button img {width:45%;}
#menu-btn {
	top: 8px;
	right: 8px;
}
nav {
	top: 5px;
}

#header-map-img {
	background: #2CA8DE;
}
/*#slider .slider-title {
	font-size: 16px;
}
#slider .slider-description, #slider .end .slider-description, #slider .pat .slider-description, #slider .wno .slider-description {
	width: 45%;
	font-size: 12px;
}
#slider .panel-wrapper div {
	left: 2%;
}
#slider .panel-wrapper div.slider-button {
	left: auto;
}
#slider .slider-button {
	left: auto;
	right: 2%;
	width: 25%;
}
#slider .slider-button a img {
	width: 100%;
}
#page-heading section {
	float: none;
	width: 100%;
}
#page-heading p.margin-right {
	margin-right: 0;
}*/
.send {
	width: 100%;
	margin: 0 0 10px;
	float: none;
}
.seek {
	width: 100%;
	float: none;
}
.donations {
	float: none;
}
.events .featured .desc {
	width: 230px;
}
.events .featured .desc p {
	font-size: 12px;
}
.inner-pages #left-content {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.inner-pages #right-content {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}
.inner-pages #slider div {
	left: 4%;
}
.inner-pages #slider div.slider-button {
	left: auto;
}
.links_news a {
	display: block;
	float: left;
	width: 32%;
	margin-right: 1%;
	font-size: 12px;
	text-align: center;
}

.pop_up .form-control {
	width: auto;
}
.bottom-links p {
    margin: 0 0 0 10px;
}
}

@media all and (max-width:360px) {

.about-us #slider .meta-wrapper {left: 30px;top: 8%;}
#slider .slider-title {
	top: 10%;
}
.our-causes #slider div{top:6%;}
#page-heading ul li{width: 240px;}
.left_img {width:30%;}
.left_img img {width:100%;height:auto;}
.right_con_news {width:65%;padding:2%;height:auto;}
.bottom-links p {
    margin: 0 0 0 10px;
}
}

@media all and (max-width:767px) and (orientation : portrait){
}
@media all and (max-width:767px) and (orientation : landscape){
	.mob-667 {display:block;}
	.desktop-img,.mob-375 {display:none;}
}