.countdownHolder{
width:450px;
margin:0 auto;
font: 40px/1.5 'Open Sans Condensed',sans-serif;
text-align:center;
letter-spacing:-3px;
white-space: nowrap
}

.countdownHolder .position{
display: inline-block;
height: 1.6em;
overflow: hidden;
position: relative;
width: 1.05em;
}

.countdownHolder .digit{
position:absolute;
display:block;
width:1em;
background-color:#444;
border-radius:0.2em;
text-align:center;
color:#fff;
letter-spacing:-1px;
}

.countdownHolder .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)
);
}

.countdownHolder>*{position:relative;display: inline-block;}
.countdownHolder .title{position:absolute;top:0;font-size:10px;left: 50%;transform: translateX(-60%);}

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

.countDiv:before,
.countDiv:after{
position:absolute;
width:6px;
height:6px;
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;
}

.countdownHolder.no-day .countDays,.countdownHolder.no-day .countDiv0{display:none}

.countdownHolder{max-width:auto!important;width:auto!important;height:60px}
.countdownHolder .countDiv{width:18px!important}
.countdownHolder .digit,.countDiv:before,.countDiv:after{background:rgba(255,255,255,0.0)!important;box-shadow:none!important;color:#bbb;}

.countdownHolder.countdown-sm {font-size:24px}
.countdownHolder.countdown-sm,.countdownHolder.countdown-sm .countDiv{height:26px!important;}
.countdownHolder.countdown-sm .position{height:18px;width:18px;font-size:22px}
.countdownHolder.countdown-sm .digit{width:18px;line-height: 18px;}
.countdownHolder.countdown-sm .countDiv:before{top:0.2em}
.countdownHolder.countdown-sm .countDiv:after{top:0.5em}

.countdownHolder.countdown-s {font-size:14px}
.countdownHolder.countdown-s .title{top:initial;bottom: 0;left: 108%;transform: none;}
.countdownHolder.countdown-s,.countdownHolder.countdown-s .countDiv{height:16px!important;}
.countdownHolder.countdown-s .countDiv{width: 10px!important;}
.countdownHolder.countdown-s .position{height:10px;width:9px;font-size:12px}
.countdownHolder.countdown-s .digit{width:10px;line-height: 10px;}
.countdownHolder.countdown-s .countDiv:before{top:0.1em}
.countdownHolder.countdown-s .countDiv:after{top:0.2em}


@media (max-width: 512px) {
.countdownHolder,.countdownHolder .countDiv{height:40px!important}
.countdownHolder .position{height:40px;width:20px;font-size:22px}
.countdownHolder .digit{width:20px;}
.countdownHolder .countDiv:before{top:0.2em}
.countdownHolder .countDiv:after{top:0.5em}
}