@charset "UTF-8";

/* CSS Document */



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* 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;
	background-color: #ffffff;
}

.shelf {
	margin: 0px auto 0px auto;
	padding: 80px 50px 80px 50px;
	width: calc(100% - 100px);
	text-align: center;
	max-width: 1200px;
}

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





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

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

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



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* COLOURS */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/





.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_dark {
	background-color: #222222;
}

.shelf_dark_grey {
	background-color: #aaaaaa;
}

.shelf_medium_grey {
	background-color: #e0e0e0;
}

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