.countdownHolder{
	margin:0 auto; 
	text-align:center;
	letter-spacing:-3px;
	direction: ltr;
	margin-bottom: 10px;
	height:220px;
	background-image: url('../img/background.png');
}

.position{
	display: inline-block;
	height: 25px;
	overflow: hidden;
	position: relative;
	width: 25px;
	left:5px;
}
.position{
	left:5px;
	top:15px;
}
.position:nth-child(2){
	left:-7px;
}
.digit{
	position:absolute;
	width: 100%;
	text-align:center;
	color:#fff;
	left: 0;
}

 

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{ /* display:none !important;*/ ;position: relative}
.countDiv0{ /* display:none !important;*/ }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}

.countDays,
.countHours,
.countMinutes,
.countSeconds{
	background: rgba(255,255,255,0.1);
	top: 100px;
	border-radius: 50%;
	height: 55px;
	width: 55px;
	display: inline-block;
}
.countDays,
.countHours,
.countMinutes,
.countSeconds,
.countDiv0,
.countDiv1,
.countDiv2{
	position: relative;
	font-size: 25px;
}
.countDays:after,
.countHours:after,
.countMinutes:after,
.countSeconds:after{
	font-size: 15px;
	position: absolute;
	left: 50%;
	width: 50px;
	height: 30px;
	/* background: #444; */
	bottom: -36px;
	margin-left: -25px;
	/* box-shadow: 0 0 2px #fff; */
	border-radius: 3px;
	font-family: 'janna bold', Tahoma, Geneva, sans-serif;
	letter-spacing: normal;
	color: #fff;

}
.countDays:after{
	content:'يوم';
}
.countHours:after{
	content:'ساعة';
}
.countMinutes:after{
	content:'دقيقة';
}
.countSeconds:after{
	content:'ثانية';
}


.countDiv{
	display:inline-block;
	width:16px;
	height:1.6em;
	position:relative;
}

.countDiv:before,
.countDiv:after{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#444;
	border-radius:50%;
	left:50%;
	margin-left:-3px;
	top:0.5em;
	/*box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);*/
	content:'';
}

.countDiv:after{
	top:0.9em;
}