﻿.countdownHolder{
	max-width: 100%;
	margin:0 auto;
    font-weight: bold;
    color: #fff;
    font-size: 38px;
    line-height: 38px;
    font-family: Arial narrow;
}

.position{
    display: inline-block;
    height: 58px;
    line-height: 58px;
    overflow: hidden;
    position: relative;
    width: 36px;
    text-align:center;
    margin: 0 -1px;
    background: url(../images/timer.png) no-repeat center center;
}

.digit{
	position:absolute;
	display:block;
	width:100%;
    height: 100%;
	text-align:center;
    border-radius: 6px;
}

.digit.static{
    /*background: url("../images/timer.png") no-repeat center center;*/
}


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

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


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

.countDiv:before,
.countDiv:after{
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #fff;
    /* 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;
}