@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:700&subset=latin,cyrillic);
.countdownHolder{	
	width:241px;	
	font-size: 41px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:bold;
	text-align:center;
}

.position{
	display: inline-block;
	height: 52px;
	overflow: hidden;
	position: relative;
	width: 28px;
	background:url(../img/counter_bg2.jpg) repeat-x;
	margin:0 0 0 0;
}

.digit{
	position:absolute;
	display:block;
	width:28px;
	/*background-color:#444;
	border-radius:0.2em;
	text-align:center;*/
	color:#494949;
	letter-spacing:-1px;
	padding:0 0 0 0;
	line-height:52px;
}

.digit.static{
	/*box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
	
	background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #3A3A3A),
		color-stop(0.5, #444444)
	);*/
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays,
.countHours,
.countMinutes,
.countSeconds { 
	height:52px;
	float:left;
	background:url(../img/bg_timer.png) no-repeat;
	letter-spacing:-8px;
}
.countDays,
.countHours,
.countMinutes {
	margin-right:5px;
}
.countDiv0,
.countDiv1,
.countDiv2 {display:none !important;}


.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:'';
	display:none;
}

.countDiv:after{
	top:0.9em;
}

@media (max-width: 1024px) {
}

@media (max-width: 568px) {
}

@media (max-width: 480px) {
}

@media (max-width: 360px) {
	.countDays, .countHours, .countMinutes {
		margin-right:4px;
	}
	.countDays,
	.countHours,
	.countMinutes,
	.countSeconds { 
		padding:0;
	}
}
@media (max-width: 320px) {
	.position, .digit {
		width:25px;
	}
}