.countdown-block{text-align:center;margin-bottom:50px}
.countdown-box{display:inline-block;background-color:rgba(0,0,0,.5);padding:20px 5px 5px 5px;border-radius:5px;font-size:.7em}
.countdown-note,.countdownHolder,.countdown-block .countdown-note >*,.countdownHolder >*{display:inline-block;vertical-align:middle}
.countdown-block .countdown-note{text-transform:uppercase;font-size:2.6em;line-height:1;color:#fff;font-weight:900;margin-right:.5em}
.countdown-block .countdown-note > [class*="icon-"]{font-size:.9em;margin-right:.2em}
.countdownHolder{text-align:center;}
.countdownHolder >*{line-height:1px}
.position{display:inline-block;height:1.6em;line-height:1.6em;overflow:hidden;position:relative;width:1.9em;font-size:2.4em;font-weight:900}
.digit{position:absolute;display:block;width:1.9em;background-color:#2C384E;border-radius:.2em;text-align:center;color:#fff;letter-spacing:2px}
.digit.static{box-shadow:1px 1px 1px rgba(4,4,4,0.35);background-image:linear-gradient(bottom,#0E1B33 50%,#2C384E 50%);background-image:-o-linear-gradient(bottom,#0E1B33 50%,#2C384E 50%);background-image:-moz-linear-gradient(bottom,#0E1B33 50%,#2C384E 50%);background-image:-webkit-linear-gradient(bottom,#0E1B33 50%,#2C384E 50%);background-image:-ms-linear-gradient(bottom,#0E1B33 50%,#2C384E 50%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#0E1B33),color-stop(0.5,#2C384E))}
.countDays:before,.countHours:before,.countMinutes:before,.countSeconds:before{display:block;font-size:1.3em;line-height:1em;color:#fff;letter-spacing:.1em;padding-bottom:5px;margin-top:-1em}
.countDays:before{content:'дней'}
.countHours:before{content:'часов'}
.countMinutes:before{content:'минут'}
.countSeconds:before{content:'секунд'}
.countdownHolder .countDiv{display:inline-block;width:16px;height:1.6em;line-height:1.6em;position:relative}
.countDiv:before,.countDiv:after{position:absolute;width:5px;height:5px;background-color:#fff;border-radius:50%;left:50%;margin-left:-3px;top:.5em;box-shadow:1px 1px 1px rgba(4,4,4,0.5);content:''}
.countDiv:after{top:1.2em}

@media screen and (max-width:640px) {
.countdown-block{margin-bottom:20px;margin-top:20px}
.countdown-block .countdown-note{font-size:1.8em;}
.countdown-box{font-size:.6em;padding:5px;}
.countDays:before,.countHours:before,.countMinutes:before,.countSeconds:before{margin-top:0}
}

@media screen and (max-width:480px) {
.countdown-block .countdown-note,.countdownHolder{display:block;margin:0}
.countDays:before,.countHours:before,.countMinutes:before,.countSeconds:before{margin-top:-1em}
.countdown-block .countdown-note{margin-bottom:1em}
}