@charset "utf-8";
@import url("my_fonts.css");
/* CSS Document */
*
{
	margin:0px;
	padding:0px;
}
html
{
	background: #ffffff;
}
a
{
	border:none;
}
a:hover
{
	transition-duration: 1s;
}
img
{
	border:none;
}
/*CSS3 Wild Card CSS*/
div[class*='section']
{
	display: block;
	float: left;
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
}
div[class*='container']
{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}
/*CSS3 Wild Card CSS*/
/*--------------------------------------UI To Top Plug-in--------------------------*/
#toTop {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:10px;
  right:10px;
  overflow:hidden;
  width:51px;
  height:51px;
  border:none;
  text-indent:100%;
  background:url(../images/ui.totop.png) no-repeat left top;
}
#toTopHover {
  background:url(../images/ui.totop.png) no-repeat left -51px;
  width:51px;
  height:51px;
  display:block;
  overflow:hidden;
  float:left;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
  outline:none;
}
/*--------------------------------------UI To Top Plug-in--------------------------*/
/*-------------------------------UI Fixed Social Share Button--------------------------*/
.share_box
{
	display: block;
	width: 100px;
	position: fixed;
	right: 0px;
	top: 20%;
	z-index: +9999999;
}
.control
{
max-width:50px;
float:right;
cursor:pointer;
margin-right: 5px;
}
.control i
{
	font-size: 36px;
	color: #ef3e45;
}
.sbox i
{
	font-size: 36px;
}
.fb
{
	color: #3B5998;
}
.twt
{
	color: #00C6FF
}
.yt
{
	color: rgba(255,0,0,1.00);
}
.sbox
{
max-width:50px;
float:right;
}
.sbox a, .sbox a:link, .sbox a:visited
{
	margin: 2px 0px;
}
.sbox a:hover, .control:hover
{
	opacity: 0.5;
}
/*-------------------------------UI Fixed Social Share Button--------------------------*/
.header_section
{
	display: block;
	float: left;
	width: 100%;
	background: #000000;
	border-bottom: 2px solid #eb5d50;
}
.header_container
{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}
.logo
{
	display: block;
	float: left;
	width: 25%;
	max-width: 350px;
}
.logo img
{
	width: 100%;
}
/*------------------------------ Menu Files --------------------------*/
.res_btn, .res_btn a, .res_btn a:link
{
	display: none;
}
.navbar
{
	display: block;
	float: right;
	width: 75%;
	max-width: 900px;
}
.navbar ul
{
	float: right;
}
.navbar ul li
{
	list-style-type: none;
	display: inline;
}
.navbar ul li a, .navbar ul li a:link, .navbar ul li a:visited
{
	color:#ffffff;
	font-size:18px;
	font-family: OpenSans-SemiBold;
	text-decoration:none;
	float: left;
	border: 1px rgba(0,0,0,0.00) solid;
	line-height:32px;
	padding:5px 20px 5px 20px;
	transition: all 1s;
    -webkit-transition: all 1s;
	text-transform: uppercase;
}
.navbar ul li a:hover, #active
{
	color: #00d1f0;
	border: 1px solid #00d1f0;
}
/*------------------------------ Menu Files --------------------------*/
.masthead_section
{
	background: url(../images/masthead.jpg) no-repeat;
	background-size:cover;
	height: 100%;
    background-attachment: fixed;
    background-position: center;
	min-height: 600px;
}
/*---------------------------Start of Home Page------------------------*/
.banner
{
	display: block;
	float: left;
	width: 100%;
}
.banner_extend_section
{
	background: #ef3e45;
}
.banner_extend_container h1
{
	color:#FFFFFF;
	width:70%;
	float:left;
	text-align: center;
	text-transform: capitalize;
}
.round
{
    display: block;
	float:right;
	margin-top: 0;
	background-color:#00d1f0;
	padding:25px 20px;
	border-radius:200px;
	text-align:center;
	cursor: pointer;
	border:3px solid #FFF;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}
.round a, .round a:link, .round a:visited
{
	text-decoration: none;
	font-size: 24px;
	color:#ffffff;
	text-transform: uppercase;
}
.round:hover
{
	background:#ff9100;
}
.proheli_section
{
	background:#e7f9f2;
	padding-bottom: 5%;
}
.proheli_info
{
	
	display: block;
	float: left;
	width:30%;
	max-width: 360px;
}
.proheli_info h2
{
	color: #1a475a;
	text-align:left;
	text-transform: uppercase;
}
.proheli_info h3
{
	color: #1a475a;
	text-align:left;
	margin-top:2%;
	text-transform: uppercase;
}
.proheli_info img
{
	display: block;
	width: 100%;
	float: left;
	margin-top: 10px;
	transition-duration: 1s;
}
.proheli_info img:hover
{
	opacity: 0.7;
	transition-duration: 1s;
}
.proheli_info p
{
	color:#081416;
	font-size:16px;
	width: 100%;
	text-align: justify;
	margin-top: 4%;
	float: left;
}
.link_btn
{
	display: block;
	float: left;
	width: 25%;
	max-width: 250px;
	text-align:center;
}
.link_btn a, link_btn a:link, link_btn a:visited
{
	text-decoration:none;
	font-size:18px;
	color:#ffffff;
	text-transform:uppercase;
	line-height: 36px;
	padding: 5px 15px;
	background:#00d1f0;
	transition-duration: 1s;
}
.link_btn a:hover
{
	background:#ff9100;
}
.mail_heighlight
{
	
	color: #ef3e45;
}
#mid_adjust
{
	margin: 0px 5%;
	transition-duration: 1s;
}
.help_section
{
	background: url(../images/help_img.png) no-repeat;
	background-size:cover;
	height: 100%; 
    background-attachment: fixed;
    background-position: center;
}
.help_container h2
{
	font-size:72px;
	text-align:left;
	color:#ef3e45;
	padding-top:5%;
	text-transform: uppercase;
	
}
.help_container h3
{
	font-size:28px;
	text-align:left;
	color:#000000;
	margin-top: 2%;
    text-transform: uppercase;
}
.help_container p
{
	font-size:18px;
	text-align:left;
	color:#000000;
	display:block;
	width: 100%;
	float: left;
	margin-top: 2%;
	padding-bottom: 10%;
}
.icon_section
{
	background: #ffffff;
}
.iconbox
{
	display: block;
	width:45%;
	max-width: 550px;
	border: 1px solid #f00;
	padding: 2%;
	margin-top:40px;
	overflow: auto;
}
.ikimg
{
	display: block;
	width: 25%;
	margin: 5% 1%;
}
.ikimg img
{
	width: 100%;
}
.ikmat
{
	display: block;
	width: 65%;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.ikmat p
{
	color: #8b8b8b;
	font-size: 18px;
	line-height: 24px;
}
.ikmat a, .ikmat a:link, .ikmat a:visited
{
	color: #ef3e45;
	text-decoration: none;
	font-size: 18px;
	line-height: 24px;
}
.ikmat a:hover
{
	color: #00d1f0;
}
#mission
{
	color: #ba853f;
}
#help
{
	color:#00B12A;
}
#news
{
	color:#ffae30;
}
#contacts
{
	color:#bf360c;
}
.information_section
{
	background:#FFFFFF;
	padding:40px 0px;
}
.information_info
{
	display: block;
	float: left;
	width: 30%;
	padding: 0px 1.66667%;
	max-width:400px;
	color:#454445;
	transition-duration: 0.5s;
}
.information_info:hover
{
	background: #5eb990;
	transition-duration: 0.5s;
}
.information_info:hover > p, .information_info:hover > h1, .information_info:hover > i
{
	color: #ffffff;
}
.information_info h1
{
	font-size:60px;
	width:100%;
	float: left;
	line-height: 24px;
	margin-top:40px;
	text-transform: uppercase;
}
.information_info p
{
	font-family: OpenSans-Regular;
	font-size: 16px;
	display: block;
	float: left;
	width: 75%;
	max-width: 300px;
	margin-top:15px;
	text-align: justify;
}
.information_info i
{
	font-size: 72px;
	margin-top:15px;
	width: 25%;
	max-width: 100px;
	display: block;
	float: left;
	text-align: right;
}
.information_info a, .information_info a:link, .information_info a:visited
{
	margin-left: 0px;
	float: left;
	width: 100%;
	margin:20px 0px 10px 0px;
	color: #353535;
	text-decoration: none;
	font-family: OpenSans-SemiBold;
	font-size:18px;
	line-height:24px;
	text-align: left;
	text-transform: uppercase;
}
.information_info a:hover
{
	color: #ffffff;
}
#map 
 {
	display:block;
	float:left;
	width:100%;
	min-height:400px;
	background:#212121;
 }
.footer_section
{
	background: #000;
	padding: 2% 0px;
}
.footer
{
	display: block;
	float: left;
	width: 30%;
	padding: 0px 1.66667%;
}
.footer h2
{
	color: #00d1f0;
	display: block;
	float: left;
	width: 100%;
}
.footer p
{
	font-family: OpenSans-Regular;
	font-size: 16px;
	display: block;
	float: left;
	color: #ffffff;
	width: 100%;
	margin-top: 5%;
}
.footer a, .footer a:link, .footer a:visited
{
	float: left;
	color: rgba(255,255,255,1.00);
	text-decoration: underline;
	line-height: 24px;
	font-size: 14px;
	font-family: OpenSans-Regular;
	margin-right: 15px;
	margin-top: 5%;
}
.footer a:hover
{
	color: #ef3e45;
}
.footer form
{
	width: 100%;
	float: left;
	margin-top: 5%;
}
.footer form input[type="email"]
{
	width: 98%;
	float: left;
	padding-left: 5px;
	line-height: 30px;
	color: #ffffff;
	border: 1px solid #ef3e45;
	background: none;
}
.footer form input[type="submit"]
{
	width: 50%;
	float: left;
	line-height: 30px;
	color: #ffffff;
	border: 1px solid #ef3e45;
	background: none;
	margin-top: 2%;
	cursor: pointer;
}
.footer form input[type="submit"]:hover
{
	background: #ef3e45;
	color: #ffffff;
}
.copyright_section
{
	background: #ef3e45;
}
.copyright_container p
{
	text-align: center;
	color: #FFFFFF;
	line-height: 50px;
}
.copyright_container a, .copyright_container a:link, .copyright_container a:visited
{
	color: #000000;
}
.copyright_container a:hover
{
	color: #fff;
}
.copyright_container br
{
	display: none;
}
/*----------------------------------End of Home Page--------------------------*/
/*-------------------------------- Start of About Page------------------------*/
.about_info_section
{
	display: block;
	float: left;
	width: 100%;
	padding: 2% 0px;
}
.about_info_container
{
	display: block;
	max-width: 1200px;
	width: 100%;
	margin:  0px auto;
}
.about_info
{
	display: block;
	float: left;
	width: 30%;
	max-width: 360px;
	border: 1px solid #acacac;
	padding-bottom: 2%;
}
.about_info h2, .about_info p, .about_info a
{
	margin-left: 10px;
}
.vission
{
	color: #FFCE00;
}
.vission a, .vission a:link, .vission a:visited
{
	color: #FFCE00;
}
.vission a:hover
{
	color: #000000;
}
.volunteering
{
	color: #FF3649;
}
.volunteering a, .volunteering a:link, .volunteering a:visited
{
	color: #FF3649;
}
.volunteering a:hover
{
	color: #000000;
}
.programs
{
	color: #2AFF00;
}
.programs a, .programs a:link, .programs a:visited
{
	color: #2AFF00;
}
.programs a:hover
{
	color: #000000;
}
.about_info_margin
{
	
	margin: 0px 4.5%;
}
.president_section
{
	display: block;
	float: left;
	width: 100%;
}
.president_container
{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}
.president_container h2
{
	width: 100%;
	float: left;
	text-transform: uppercase;
}
.president_profile
{
	display: block;
	float: left;
	width: 40%;
	max-width: 480px;
}
.president_profile img
{
	width: 100%;
}
.president_bio
{
	display: block;
	float: right;
	width: 50%;
	max-width: 600px;
}
.president_bio p, .president_bio h2
{
	width: 100%;
	float: left;
	text-align: left;
}
.president_bio h2
{
	width: 100%;
	float: left;
	text-align: left;
	text-transform: uppercase;
}
.staff_section
{
	background: url(../images/about_bg.jpg) no-repeat;
	background-size: cover;
	padding-bottom: 5%;
	background-attachment: fixed;
    background-position: center;
}
.staff_container h1
{
	width: 100%;
	float: left;
	color: #FF5053;
	text-transform: uppercase;
	text-align: center;
	font-size: 36px;
}
.staffs
{
	display: block;
	float: left;
	width: 25%;
	margin-top: 2%;
}
.staffs img
{
	width: 90%;
	margin: 0px auto;
	display: block;
}
.staffs h3
{
	color: #000000;
	margin-left: 5%;
	text-align: left;
	text-transform: capitalize;
}
.staffs p
{
	color: #fff;
	margin-left: 5%;
	margin-right: 5%;
	text-align: justify;
	font-size: 16px;
}
.history_info
{
	display: block;
	float: left;
	width: 33.33%;
}
.history_info h2
{
	color: #ef3e45;
	text-transform: uppercase;
	margin-left: 5%;
}
.history_info p
{
	color: #000;
	margin: 2% 5%;
	text-align: justify;
	font-size: 16px;
}
/*-------------------------------- End of About Page------------------------*/

/*----------------------------- Donation of Donation Page--------------------*/
.donation_container h1
{
	width: 100%;
	float: left;
	text-transform: uppercase;
	color: #24335a;
	text-align: center;
	margin: 2% 0px;
}
.donation_profile
{
	display: block;
	float: left;
	width: 40%;
	max-width: 480px;
}
.donation_profile img
{
	width: 100%;
}
.donation_bio
{
	display: block;
	float: right;
	width: 50%;
	max-width: 600px;
}
.donation_bio p
{
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 10px;
}
.donation_bio h2
{
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 0px;
	color: #24335a;
}
.donation_bio a, .donation_bio a:link, .donation_bio:visited
{
	color: #ef3e45;
	text-decoration: none;
}
.donation_bio a:hover
{
	color: #00d1f0;
}
.howucan_container h2
{
	width: 100%;
	float: left;
	text-transform: uppercase;
	color: #24335a;
}
.donateus
{
	display: block;
	float: left;
	width: 50%;
	max-width: 600px;
}
.donateus p
{
	margin-right: 10px;
}
.donateus ul
{
	float: left;
	width: 100%;
	margin-top: 2%;
}
.donateus ul li
{
	list-style-type: none;
	float: left;
	width: 100%;
}
.donateus ul li a, .donateus ul li a:link, .donateus ul li a:visited
{
	color: #ef3e45;
}
 .donateus ul li a:hover
{
	color: #000000;
}
.donateus ul li span
{
	margin-left: 10px;
	line-height: 20px;
	
}
.donate
{
	display: block;
	float: left;
	width: 50%;
	max-width: 600px;
	background: url(../images/donation_img.png) no-repeat;
	background-position: 5% 20px;
	background-color: #ff6156;
	min-height: 250px;
}
.donate div
{
	margin-left: 35%;
}
.donate div h2
{
	float: left;
	width: 100%;
	font-size: 36px;
	line-height: 36px;
	color: #24335a;
	margin-top: 10%;
}
.donate div p
{
	float: left;
	width: 100%;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 20px;
	margin-top: 10px;
	margin-right: 10px;
}
.donate div a, .donate div a:link, .donate div a:visited
{
	float: left;
	color: #000;
	padding: 10px 15px;
	background: #fff;
	text-decoration: none;
	margin-top: 5%;
}
.donate div a:hover
{
	background: #0ffff0;
	transition-duration: 0.5s;
}
.movie
{
	display: block;
	float: left;
	width: 25%;
	max-width: 280px;
	padding: 5px 5px 5px 5px;
}
.movie img
{
	width: 100%;
}

/*----------------------------- End of Donation Page--------------------*/
/*----------------------------- Start of Reports Page--------------------*/
.reports_container h2
{
	width: 100%;
	float: left;
	text-transform: uppercase;
}
.reports_profile
{
	display: block;
	float: left;
	width: 40%;
	max-width: 480px;
}
.reports_profile img
{
	width: 100%;
}
.reports_bio
{
	display: block;
	float: right;
	width: 50%;
	max-width: 600px;
}
.reports_bio p
{
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 2%;
}
.reports_bio ul
{
	margin-top: 2%;
	float: left;
}
.reports_bio ul li
{
	list-style-type: none;
}
.reports_bio ul li i
{
	margin-right: 5px;
}
.reports_bio ul li a, .reports_bio ul li a:link, .reports_bio ul li a:visited
{
	text-decoration: none;
	color: #000000;
}
.reports_bio ul li a:hover
{
	color: #00d1f0;
}
.reports_container h2 a, .reports_container h2 a:link, .reports_container h2 a:visited
{
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 0px;
	font-size: 18px;
	line-height: 30px;
	text-decoration: underline;
	color: #ef3e45;
}
.history_info iframe
{
	width: 90%;
	max-width: 380px;
	min-height: 220px;
	border: 0px;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	
}
/*---------- End of reports Page------------*/
/*--------- Start of Contact Page------------*/
.contact_container h2
{
	line-height: 48px;
}
.contact_container p
{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	text-align: justify;
}
.contacts
{
	display: block;
	width: 100%;
	float: left;
	margin-top: 1%;
}
.contacts p
{
	line-height: 30px;
}
.contacts i
{
	font-size: 24px;
	margin-right: 10px;
	color: rgba(255,56,60,1.00);
}
.form_section
{
	padding: 2% 0px;
}
.form_container h2
{
	float: left;
	width: 100%;
	font-size: 24px;
	color: rgba(1,0,0,1.00);
	text-transform: capitalize;
}
.form_container form
{
	display: block;
	float:left;
	width: 100%;
}
.form_left
{
	float: left;
	width: 48%;
	max-width: 580px;
}
.form_container form input[type="text"]
{
	float: left;
	width: 100%;
	color: #000000;
	border: 1px solid #000000;
	font-size: 18px;
	line-height: 48px;
	padding-left: 5px;
	margin: 10px 0px;
}
.form_right
{
	float: right;
	width: 48%;
	max-width: 580px;
}
.form_container form textarea
{
	width: 100%;
	color: #000000;
	border: 1px solid #000000;
	height: 190px;
	font-size: 18px;
	line-height: 20px;
	padding: 0px 5px;
	margin: 10px 0px;
}
.form_btn
{
	float: left;
	width: 100%;
	max-width: 720px;
}
.form_btn input[type="submit"]
{
	float: left;
	width: 30%;
	font-size: 18px;
	color: #fff;
	background: #5fbd69;
	border-radius: 0px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	border: none;
}
.form_btn input[type="reset"]
{
	float: left;
	width: 30%;
	font-size: 18px;
	color: #fff;
	background: rgba(255,56,59,1.00);
	border-radius: 0px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 5px 0 0 5px;
	text-transform: uppercase;
	border: none;
}
.form_btn input[type="submit"]:hover, .form_btn input[type="reset"]:hover
{
	transition-duration: 0.5s;
	opacity: 0.7;
}
/*---------- End of Contact Page------------*/
/*---------- Start of Donate Page------------*/
.donate_section
{
	background: url(../images/about_bg.jpg) no-repeat;
	background-size: cover;
	padding-bottom: 5%;
	background-attachment: fixed;
    background-position: center;
}
.donate_container h1
{
	width: 100%;
	float: left;
	color: #FF5053;
	text-transform: uppercase;
	text-align: center;
	font-size: 36px;
}
.donate_container form
{
	display: block;
	float:left;
	width: 100%;
}
.form_left
{
	float: left;
	width: 48%;
	max-width: 580px;
}
.donate_container form label, .donate_container form label
{
	float: left;
	width: 28%;
	color: #000000;
	font-size: 18px;
	line-height: 48px;
	margin: 10px 0px;
}
.donate_container form input[type="text"], .donate_container form input[type="email"], .donate_container form input[type="tel"]
{
	float: right;
	width: 68%;
	color: #000000;
	border: 1px solid #000000;
	font-size: 18px;
	line-height: 48px;
	padding-left: 5px;
	margin: 10px 0px;
}
.form_right
{
	float: right;
	width: 48%;
	max-width: 580px;
}
.donate_container form textarea
{
	width: 100%;
	color: #000000;
	border: 1px solid #000000;
	min-height: 100px;
	font-size: 18px;
	line-height: 20px;
	padding: 5px 5px;
	margin: 10px 0px;
}
.form_bank
{
	float: right;
	display: block;
	width: 68%;
}
.form_bank img
{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
.form_btn
{
	float: left;
	width: 100%;
	max-width: 720px;
}
.form_btn input[type="submit"]
{
	float: left;
	width: 30%;
	font-size: 18px;
	color: #fff;
	background: #5fbd69;
	border-radius: 0px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	border: none;
}
.form_btn input[type="reset"]
{
	float: left;
	width: 30%;
	font-size: 18px;
	color: #fff;
	background: rgba(255,56,59,1.00);
	border-radius: 0px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 5px 0 0 5px;
	text-transform: uppercase;
	border: none;
}
.form_btn input[type="submit"]:hover, .form_btn input[type="reset"]:hover
{
	transition-duration: 0.5s;
	opacity: 0.7;
}
/*---------- End of Donate Page------------*/