@charset "UTF-8";

/* CSS Document */



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* DPL PAGE */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



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

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

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* DPL TOP BACKGROUND IMAGE */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.ift_top_image_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
	height: 400px;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

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

.ift_top_image_wrapper {
	height: 200px;
}
}

.ift_top_image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	top: 0px;
	position: absolute;
	z-index: 100;
	height: 400px;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

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

.ift_top_image {
	height: 200px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* DPL SAMPLE IMAGES */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.ift_image_sample_01 {
	background-image: url('/salamcharity/sampleheader.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	filter: grayscale(0%);
}

.ift_gradient {
	background-image: linear-gradient(to bottom, rgba(30,30,30,0) 300px, rgba(30,30,30,.5) 400px, rgba(30,30,30,1) 700px);
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.ift_gradient {
	background-image: linear-gradient(to bottom, rgba(30,30,30,0) 250px, rgba(30,30,30,.5) 300px, rgba(30,30,30,1) 400px);
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.ift_gradient {
	background-image: linear-gradient(to bottom, rgba(30,30,30,0) 150px, rgba(30,30,30,.5) 200px, rgba(30,30,30,1) 300px);
}
}

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





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

.ift_shelf {
	margin: 0px auto 0px auto;
	padding: 70px 50px 70px 50px;
	width: calc(100% - 100px);
	text-align: center;
	max-width: 1300px;
}

.shelf_col_01 {
	background-color: #ffffff;
}

.shelf_col_02 {
	background-color: #cc0000;
}

.shelf_col_03 {
	background-color: #ffffff;
	border-bottom: 20px solid #dddddd;
}

.shelf_col_04 {
	background-color: #f0f0f0;
	border-bottom: 20px solid #dddddd;
}

.shelf_col_05 {
	background-color: #ffffff;
	border-bottom: 20px solid #dddddd;
}

.shelf_col_06 {
	background-color: #f0f0f0;
}

.shelf_col_07 {
	background-color: #ffffff;
}

.shelf_col_08 {
	border-top: 20px solid #dddddd;
	background-color: #f2f2f2;
}

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

.ift_shelf {
	padding: 60px 30px 60px 30px;
	width: calc(100% - 60px);
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.ift_shelf {
	padding: 50px 14px 50px 14px;
	width: calc(100% - 28px);
}
}

.ift_content {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* DPL SECTION HEADING 
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.ift_section_title {
	margin: 0px 0px 80px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "din500", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: -0.8px;
	color: #cc0000;
	text-decoration: none;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.ift_section_title {
	margin: 0px 0px 70px 0px;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -0.8px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.ift_section_title {
	margin: 0px 0px 50px 0px;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: -0.6px;
}
}

.ift_section_title_ffcc00 {
	color: #ffcc00;
}

.ift_section_title_ffffff {
	color: #ffffff;
}

.ift_section_title_cc0000 {
	color: #cc0000;
}

.ift_section_title_222222 {
	color: #222222;
}

.ift_section_title_555555 {
	color: #555555;
}

.ift_section_title_888888 {
	color: #888888;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* DPL SECTION HEADING 
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.ift_index_title {
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "din400", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 0.0px;
	color: #cc0000;
	text-decoration: none;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

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

.ift_index_title {
	margin: 0px 0px 40px 0px;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: -0.6px;
}
}

.ift_index_title_ffcc00 {
	color: #ffcc00;
}

.ift_index_title_ffffff {
	color: #ffffff;
}

.ift_index_title_cc0000 {
	color: #cc0000;
}

.ift_index_title_222222 {
	color: #222222;
}

.ift_index_title_555555 {
	color: #555555;
}

.ift_index_title_888888 {
	color: #888888;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* DPL CONTENT LEFT RIGHT
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.ift_content_left {
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: calc(50% - 30px);
	text-align: left;
	box-sizing: border-box;
	float: left;
}

.ift_content_right {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	width: calc(50% - 30px);
	text-align: left;
	box-sizing: border-box;
	float: left;
}
 @media only screen and (min-width : 961px) {

.ift_content_size_030 {
	width: calc(30% - 30px);
}

.ift_content_size_035 {
	width: calc(35% - 30px);
}

.ift_content_size_040 {
	width: calc(40% - 30px);
}

.ift_content_size_050 {
	width: calc(50% - 30px);
}

.ift_content_size_060 {
	width: calc(60% - 30px);
}

.ift_content_size_065 {
	width: calc(65% - 30px);
}

.ift_content_size_070 {
	width: calc(70% - 30px);
}

.ift_content_size_080 {
	width: calc(80% - 30px);
}

.ift_content_size_090 {
	width: calc(90% - 30px);
}

.ift_content_size_100 {
	width: calc(100% - 30px);
}
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.ift_content_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.ift_content_right {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* APPLY NOW HEADING 
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.ift_info {
	margin: 0px 0px 50px 0px;
	padding: 26px 50px 30px 50px;
	box-sizing: border-box;
	width: 100%;
	border: 2px solid rgba(255,204,0,1);
	background-color: rgba(255,204,0,1);
	border-radius: 10px;
}

.ift_info_title {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "din500", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: -0.8px;
	color: #cc0000;
	text-decoration: none;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.ift_info {
	margin: 0px 0px 40px 0px;
	padding: 22px 50px 26px 50px;
}

.ift_info_title {
	margin: 0px 0px 40px 0px;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -0.6px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.ift_info {
	margin: 0px 0px 40px 0px;
	padding: 14px 14px 20px 14px;
}

.ift_info_title {
	margin: 0px 0px 30px 0px;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: -0.5px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* INFO TEXT 
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.ift_info_p1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "din700", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.4px;
	color: #222222;
	text-decoration: none;
	text-align: center;
	width: 100%;
}

.ift_info_p2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "din500", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: -0.2px;
	color: #222222;
	text-decoration: none;
	text-align: center;
	width: 100%;
}

.ift_info_p2 a:link {
	text-decoration: none;
	color: #222222;
}

.ift_info_p2 a:visited {
	text-decoration: none;
	color: #222222;
}

.ift_info_p2 a:hover {
	text-decoration: underline;
	color: #222222;
}

.ift_info_p2 a:active {
	text-decoration: none;
	color: #222222;
}

.ift_info_p2:last-child {
	margin: 0px 0px 0px 0px;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.ift_info_p1 {
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 24px;
}

.ift_info_p2 {
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	line-height: 19px;
}
}
@media only screen and (min-width : 1px) and (max-width :600px) {

.ift_info_p1 {
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	line-height: 20px;
}

.ift_info_p2 {
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	line-height: 19px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* PLACES 
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.ift_places_wrapper {
	margin: 30px auto 21px auto;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	width: 100%;
	/*float:left;*/
}

.ift_place {
	margin: 0px auto 6px auto;
	padding: 0px 14px 0px 14px;
	display: inline-block;
	/*float:left;*/
}

.ift_place_1 {
	margin: 0px 0px 0px 0px;
	padding: 6px 12px 8px 12px;
	float: left;
	font-family: "din700", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 17px;
	color: #222222;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #ffffff;
}

.ift_place_2 {
	margin: 0px 0px 0px 0px;
	padding: 6px 12px 8px 12px;
	float: left;
	font-family: "din700", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 17px;
	letter-spacing: 0px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #222222;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.ift_places_wrapper {
	margin: 34px auto 29px auto;
}

.ift_place {
	margin-bottom: 2px;
	padding: 0px 10px 0px 10px;
	display: inline-block;
}

.ift_place_1 {
	padding: 6px 12px 8px 12px;
	min-width: 120px;
	font-size: 16px;
	line-height: 17px;
}

.ift_place_2 {
	padding: 6px 12px 8px 12px;
	font-size: 16px;
	line-height: 17px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.ift_places_wrapper {
	margin: 24px auto 25px auto;
	display: inline-block;
	text-align: center;
	width: 190px;
}

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

.ift_place_1 {
	padding: 6px 0px 7px 0px;
	width: 135px;
	font-size: 15px;
	line-height: 16px;
}

.ift_place_2 {
	padding: 6px 0px 7px 0px;
	width: 55px;
	font-size: 15px;
	line-height: 16px;
}
}