/* Countdown style */
.countdownHolder {
    width: 100%;
    margin: 0 auto !important;
    font-size: 40px;
    line-height: 1.5 !important;
    font-family: "Open Sans Condensed", sans-serif !important;
    text-align: center;
    letter-spacing: -3px;
}

.countdownHolder span {
    font-size: 40px;
    line-height: 1.5 !important;
    font-family: "Open Sans Condensed", sans-serif !important;
}

.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: -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. */
.countdownHolder .countDays, .countdownHolder .countDiv0 {
    /* display:none !important; */
}

.countdownHolder .countDiv {
    display: inline-block;
    width: 16px;
    height: 1.6em;
    position: relative;
}
.countdownHolder .countDiv:before {
    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: "";
}
.countdownHolder .countDiv:after {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #444;
    border-radius: 50%;
    left: 50%;
    margin-left: -3px;
    box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
    content: "";
    top: 0.9em;
}
