* {
		margin: 0;
	}
	h1, h2, h3, h4,h5{
		font-family: 'Fjalla One', sans-serif;
	}
	html, body {
		height: 100%;
		position: relative;
	}

	#JiSlider {
		width: 100%;
		height: 100%;
	}
	.ss_content{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		right: 0;
		bottom: 0;
		color: #fff;
	}
	#JiSlider li .ss_content{
		background: rgba(69,56,60,.8);
	}
	#JiSlider li + li .ss_content{ 
		background: rgba(34,74,84,.8) !important; 
	} 
	#JiSlider li + li + li .ss_content{
		background: rgba(69,56,60,.8) !important;
	}
	#JiSlider li + li + li + li .ss_content{
		background: rgba(193,96,92,.8) !important;
	}
	#JiSlider li + li + li + li + li .ss_content{
		background: rgba(0,0,0,.8) !important;
	}

	.ss_wrapper{
		width: 80%;
		margin: 5% auto;
		text-align: center;
	}
	.ss_wrapper1{
		width: 100%; 
		text-align: center;
		height: 100vh;
		vertical-align: middle;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.ss_wrapper2{
		width: 80%; 
		text-align: center;
		height: 100vh;
		vertical-align: middle;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: auto;
		color: #fff;
	}
	.table {
		width: 100%;
		margin-bottom: 1rem;
		color: #fff;
	}
	.table td, .table th {
		padding: .75rem;
		vertical-align: top;
		border-top: 1px solid #635d63;
		color: #333333;
		font-size: 2em;
		background: rgba(255,255,255,.6);
	}

	.upcoming_namaz_time h2 span {
		font-size: 80px;
		color:#ffca00;
	}
	#timer {
		line-height: 40px;
		margin: auto;
		margin-bottom: 40px;
		overflow: hidden;
		width: 100%;
		max-width: 500px;

	}
	#timer > div {
		display: inline-block;
		float: left;
		width: 30%;
		font-weight: bold;
		margin: 1.5%;
		line-height: 100px;
		background: rgba(255,255,255,.1);
		border-radius: 10px;
		font-size: 50px;
	}
	#timer > div span{
		font-size: 16px;
		display: block;
		border-radius: 5px;
		font-weight: normal; 
		background: #fff;
		color: #19324f;
		margin-top: 10px;
		line-height: 40px;
	}
	.clock > p {
		display: inline-block;
		font-size: 70px;
		font-weight: 800;
		line-height: 50px;
	}
	.clock > span {
		font-size: 70px;
		font-weight: 800;
		line-height: 50px;
	}
	.ml3 {
		font-weight: 900;
		font-size: 4.5em;
		margin: 50px 0px;
	}
	.date{
		font-size: 20px;
		margin: 20px 0px;
		color: #ccc;
	}
	.table .active {
		background: #ffca00;

	}
	.ml15 {
		font-weight: 800;
		font-size: 3.8em;
		text-transform: uppercase;

	}

	.ml15 .word {
		display: inline-block;
		line-height: 1em;
	}

	.marque {
		background: #2f5965;
		color: #fff;
		position: relative;
		padding-left: 140px;
		padding-right: 10px;
	}
	.info_list li {
		list-style-type: none;
		display: inline-block;
		padding: 10px;
		margin-right: 10px;
		font-size: 20px;
	}
	.info_list li:nth-child(2n+1) {
		color: #fff;
	}
	.marque:after {
		position: absolute;
		left: 0;
		top: 0;
		content: "Notice :";
		background: #fff;
		padding: 5px 20px;
		color: #000;
		line-height: 40px;
		font-weight: bold;
		font-size: 20px;
	}