@charset "UTF-8";

/* CSS Document */


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* TOP PICTURE BACKGROUND */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.page_image_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	max-width: 8000px;
	height: 620px;
	position: absolute;
	z-index: -1;
}

.page_image_wrapper_large {
	height: 900px;
}

.page_image_wrapper_medium {
	height: 620px;
}

.page_image_wrapper_small {
	height: 400px;
}

.page_image_wrapper_tiny {
	height: 300px;
}

.page_image_wrapper_appeal_special {
	height: 900px;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.page_image_wrapper {
	margin: 0px 0px 0px 0px;
	height: 520px;
}

.page_image_wrapper_large {
	height: 640px;
}

.page_image_wrapper_medium {
	height: 520px;
}

.page_image_wrapper_small {
	height: 360px;
}

.page_image_wrapper_tiny {
	height: 260px;
}

.page_image_wrapper_appeal_special {
	height: 640px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.page_image_wrapper {
	margin: 0px 0px 0px 0px;
	height: 460px;
}

.page_image_wrapper_large {
	height: 460px;
}

.page_image_wrapper_medium {
	height: 460px;
}

.page_image_wrapper_small {
	height: 300px;
}

.page_image_wrapper_tiny {
	height: 200px;
}

.page_image_wrapper_appeal_special {
	height: 640px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* SHELF HEADING */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/


.page_heading_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	max-width: 8000px;
	position: relative;
	z-index: 500;
	text-align: center;
}

.page_heading_outer {
	margin: 0px auto 0px auto;
	padding: 0px 5% 0px 5%;
	width: 90%;
	position: relative;
	height: 520px;
	z-index: 120;
	text-align: center;
	max-width: 1200px;
}

.page_heading_outer_large {
	height: 900px;
}

.page_heading_outer_medium {
	height: 620px;
}

.page_heading_outer_small {
	height: 400px;
}

.page_heading_outer_tiny {
	height: 300px;
}

.page_heading_outer_appeal_special {
	height: 900px;
}

.page_heading_outer_appeal_tab {
	height: 567px;
}

.page_heading {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0px 0%;
	width: 90%;
	position: absolute;
	bottom: 39px;
	z-index: -1;
	max-width: 1200px;
}

.page_txt_h0 {
	margin: 0px 0px 0px 0px;
	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 30px;
	line-height: 34px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.page_txt_h1 {
	margin: 0px 0px 0px 0px;
	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 56px;
	line-height: 60px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	letter-spacing: -2.5px;
	text-transform: uppercase;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.page_heading_outer {
	padding: 0px 14px 0px 14px;
	width: calc(100% - 28px);
	height: 520px;
}

.page_heading_outer_large {
	height: 640px;
}

.page_heading_outer_medium {
	height: 520px;
}

.page_heading_outer_small {
	height: 360px;
}

.page_heading_outer_tiny {
	height: 260px;
}

.page_heading_outer_appeal_special {
	height: 640px;
}

.page_heading_outer_appeal_tab {
	height: 469px;
}

.page_heading {
	width: calc(100% - 28px);
	bottom: 22px;
}

.page_txt_h0 {
	margin: 0px 0px 0px 0px;
	font-size: 26px;
	line-height: 28px;
	letter-spacing: -0.5px;
}

.page_txt_h1 {
	margin: 0px 0px 0px 0px;
	font-size: 44px;
	line-height: 50px;
	letter-spacing: -1.5px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.page_heading_outer {
	padding: 0px 14px 0px 14px;
	width: calc(100% - 28px);
	height: 400px;
}

.page_heading_outer_large {
	height: 460px;
}

.page_heading_outer_medium {
	height: 460px;
}

.page_heading_outer_small {
	height: 300px;
}

.page_heading_outer_tiny {
	height: 200px;
}

.page_heading_outer_appeal_special {
	height: 520px;
}

.page_heading_outer_appeal_tab {
	height: 419px;
}

.page_heading {
	width: calc(100% - 28px);
	bottom: 18px;
}

.page_txt_h0 {
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -0.5px;
}

.page_txt_h1 {
	margin: 0px 0px 0px 0px;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: -1px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* MAIN WEBSITE CONTAINERS */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.main_container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	position: absolute;
	overflow: visible;
	z-index: 1;
}

.page_content_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	z-index: 100;
	text-align: center;
}

.page_content {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0px 0%;
	width: 100%;
	z-index: 100;
	text-align: center;
	float: left;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* SHELVES HEADINGS */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.shelf_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	z-index: 250;
}

.shelf {
	margin: 0px auto 0px auto;
	padding: 60px 5% 60px 5%;
	width: 90%;
	text-align: center;
	float: left;
}

.shelf_thin {
	margin: 0px auto 0px auto;
	padding: 25px 5% 25px 5%;
	width: 90%;
	text-align: center;
	float: left;
	z-index: 120;
}

.shelf_donation_subcat {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0px 0%;
	width: 100%;
	text-align: center;
	float: left;
}

.shelf_page_and_side {
	margin: 0px auto 0px auto;
	padding: 60px 5% 60px 5%;
	width: 90%;
	text-align: center;
	float: left;
}

.shelf_special_feature {
	margin: 0px auto 0px auto;
	padding: 60px 5% 60px 5%;
	width: 90%;
	text-align: center;
	float: left;
}

.shelf_black {
	background-color: rgba(0,0,0,1);
}

.shelf_black_trans_30 {
	background-color: rgba(0,0,0,.5);
}

.shelf_cyan {
	background-color: #00b4ff;
}

.shelf_grey {
	background-color: #cccccc;
}

.shelf_light_grey {
	background-color: #ebebeb;
}

.shelf_white {
	background-color: rgba(255,255,255,1);
}

.shelf_red {
	background-color: #cc0000;
}

.shelf_yellow_1 {
	background-color: #f0ebd6;
}

.shelf_yellow_2 {
	background-color: #ffcc00;
}

.shelf_orange {
	background-color: #ff802f;
}

.shelf_light_blue {
	background-color: #e9f8ff;
}

.shelf_dark_yellow {
	background-color: #deb200;
}

.shelf_trans {
	background-color: rgba(255,204,0,.0);
}


.shelf_zakat_1 {
	background-color: #130e06;
}

.shelf_zakat_2 {
	background-color: #21180a;
}

.shelf_zakat_border_top {
	border-top:4px solid #6f5323;	
}

.shelf_zakat_border_bottom {
	border-bottom:4px solid #6f5323;	
}





 @media only screen and (min-width : 601px) and (max-width :960px) {

.shelf {
	margin: 0px auto 0px auto;
	padding: 50px 5% 50px 5%;
	width: 90%;
}

.shelf_page_and_side {
	margin: 0px auto 0px auto;
	padding: 0px 0% 40px 0%;
	width: 100%;
	text-align: center;
	float: left;
}

.shelf_special_feature {
	margin: 0px auto 0px auto;
	padding: 40px 5% 40px 5%;
	width: 90%;
	text-align: center;
	float: left;
}

.shelf_donation_subcat {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0px 0%;
}

.shelf_thin {
	padding: 25px 5% 25px 5%;
}



}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.shelf {
	margin: 0px auto 0px auto;
	padding: 35px 14px 35px 14px;
	width: calc(100% - 28px);
}

.shelf_page_and_side {
	margin: 0px auto 0px auto;
	padding: 0px 0% 35px 0%;
	width: 100%;
	text-align: center;
	float: left;
}

.shelf_special_feature {
	margin: 0px auto 0px auto;
	padding: 35px 0% 35px 0%;
	width: 100%;
	text-align: center;
	float: left;
}

.shelf_donation_subcat {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0px 0%;
}

.shelf_thin {
	padding: 25px 14px 25px 14px;
}
}




/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* GENERAL CONTENT PAGES */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.salam_content_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0px 0%;
	width: 100%;
	max-width: 1200px;
	text-align: center;
}

.salam_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	width: 62%;
	z-index: 5;
	text-align: center;
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.salam_content {
	margin: 40px 0px 0px 0px;
	padding: 0px 14px 0px 14px;
	width: calc(100% - 28px);
	position: relative;
	float: left;
	z-index: 5;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* CONTACT PAGE ITEMS */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.contact_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0px 0%;
	width: 100%;
	max-width: 1200px;
	text-align: center;
}

.contact_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 2% 0px 0px;
	position: relative;
	float: left;
	width: 48%;
}

.contact_right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0% 0px 2%;
	position: relative;
	float: left;
	width: 48%;
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.contact_left {
	padding: 0px 0% 40px 0%;
	width: 100%;
}

.contact_right {
	padding: 0px 0% 0px 0%;
	width: 100%;
}
}

.contact_half_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0% 20px 0%;
	width: 100%;
	text-align: center;
}

.contact_half_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 2% 0px 0px;
	position: relative;
	float: left;
	width: 51%;
}

.contact_half_right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0% 0px 2%;
	position: relative;
	float: left;
	width: 45%;
}

.contact_follow_wrapper {
	margin: 0px auto 0px auto;
	padding: 25px 0% 30px 0%;
	width: 100%;
	text-align: center;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
 @media only screen and (min-width : 1px) and (max-width :740px) {

.contact_half_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0px 0%;
	width: 100%;
	text-align: center;
}

.contact_half_left {
	padding: 0px 0% 0px 0%;
	width: 100%;
}

.contact_half_right {
	padding: 0px 0% 0px 0%;
	width: 100%;
}

.contact_follow_wrapper {
	margin: 0px auto 0px auto;
	padding: 20px 0% 25px 0%;
	width: 100%;
	text-align: center;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
}
 @media only screen and (min-width : 741px) and (max-width :960px) {

.contact_half_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0px 0%;
	width: 100%;
	text-align: center;
}

.contact_follow_wrapper {
	margin: 0px auto 0px auto;
	padding: 20px 0% 25px 0%;
	width: 100%;
	text-align: center;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
}

.contact_social_bar {
	margin: 15px 0px 0px 0px;
	padding: 0px 0% 0px 0%;
	position: relative;
	text-align: left;
	float: left;
	width: 100%;
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.contact_social_bar {
	padding: 0px 0% 0px 0%;
}
}

.contact_social_icon {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	height: 50px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.contact_social_icon:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}
 @media only screen and (min-width :1px) and (max-width :960px) {

.contact_social_icon {
	margin: 0px 0px 0px 0px;
	padding-right: 0px;
}

.contact_social_icon {
	margin: 0px 10px 0px 0px;
	width: 40px;
	height: 40px;
} 
}

.appeal_donate_bttn
{
	text-align: center;
    float: none;
}
.appeal_nm_dtt
{
	margin-bottom: 20px!important;
}