@charset "UTF-8";

/* CSS Document */



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* 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;
}

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

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* CFT TOP IMAGE BAR */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



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

.cft_intro_content_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	width: calc(100% - 100px);
	background-color: #000000;
	background: url('/salamcharity/outreach-img/cft_top_bar_img_01.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}

.cft_intro_content {
	margin: 0px auto 0px auto;
	padding: 100px 0px 100px 0px;
	width: 100%;
	position: relative;
	text-align: left;
	max-width: 1200px;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.cft_intro {
	padding: 0px 0px 0px 0px;
}

.cft_intro_content_wrapper {
	padding: 0px 30px 0px 30px;
	width: calc(100% - 60px);
	background: url('/salamcharity/outreach-img/cft_top_bar_img_02.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}

.cft_intro_content {
	padding: 100px 0px 100px 0px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.cft_intro {
	padding: 0px 0px 0px 0px;
}

.cft_intro_content_wrapper {
	padding: 0px 14px 0px 14px;
	width: calc(100% - 28px);
	background: url('/salamcharity/outreach-img/cft_top_bar_img_03.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}

.cft_intro_content {
	padding: 100px 0px 100px 0px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* CFT TOP IMAGE BAR TEXT */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.cft_intro_txt_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 70%;
	max-width: 650px;
}

.cft_intro_txt_1 {
	margin: 0px 0px 0px 5px;
	padding: 3px 8px 6px 8px;
	font-family: "din500", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #ffcc00;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	border: 1px solid rgb(255, 204, 0, .7);
	display: inline-block;
}

.cft_intro_txt_2 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "din300", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 60px;
	line-height: 54px;
	letter-spacing: -2px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
}

.cft_intro_txt_1 span {
	color: #ffcc00;
}
 @media only screen and (min-width :601px) and (max-width :960px) {

.cft_intro_txt_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 85%;
	max-width: 450px;
}

.cft_intro_txt_1 {
	margin: 0px 0px 0px 5px;
	padding: 3px 7px 5px 7px;
	font-size: 19px;
	line-height: 19px;
	letter-spacing: -0.5px;
}

.cft_intro_txt_2 {
	margin: 7px 0px 0px 0px;
	font-size: 46px;
	line-height: 42px;
	letter-spacing: -2.5px;
}
}
 @media only screen and (min-width :1px) and (max-width :600px) {

.cft_intro_txt_wrapper {
	width: 80%;
	max-width: 350px;
}

.cft_intro_txt_1 {
	margin: 0px 0px 0px 3px;
	padding: 2px 5px 4px 5px;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: -0.5px;
}

.cft_intro_txt_2 {
	margin: 7px 0px 0px 0px;
	font-size: 30px;
	line-height: 27px;
	letter-spacing: -1.5px;
}
}

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



.cft_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;
}

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

.shelf_col_01 {
	background-color: #ffffff;
	border-bottom: 0px solid rgba(100,100,100,.4);
}
.shelf_col_cft_01{background-color: #ffffff;}

.shelf_col_02 {
	background-color: #f0f0f0;
	border-bottom: 0px solid rgba(100,100,100,.4);
}

.shelf_col_03 {
	background-color: #ffffff;
	border-bottom: 0px solid rgba(100,100,100,.4);
}

.shelf_col_04 {
	background-color: #f0f0f0;
	border-bottom: 0px solid rgba(100,100,100,.4);
}

.shelf_col_05 {
	background-color: #000000;
	border-bottom: 0px solid rgba(100,100,100,.4);
}

.shelf_col_06 {
	background-color: #000000;
}

.shelf_col_07 {
	background-color: #ffffff;
}

.shelf_col_08 {
	border-top: 20px solid #dddddd;
	background-color: #f2f2f2;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

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

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

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

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



.cft_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;
}

.cft_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) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cft_content_is_text {
	margin: 20px 0px 0px 0px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

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

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

.cft_content_is_text {
	margin: 20px 0px 0px 0px;
}
}