.counter {
    float: left;

    border-radius: 5px;
    display: flex;
}

.target-hidden-num {
    display: none;
}

.spin-num {
    margin-top: 0px;
    float:left;
    width:15px;
    height:18px;number
    text-indent:-9999px;
    font-size:0.0001em;
    background-image:url("../imgs/counters15x18.png");
}
.dot {
    margin-top: 0px;
    float:left;
    width:14px;
    height:18px;
    text-indent:-9999px;
    font-size:0.0001em;
    background-image:url("../imgs/dot.png");
}

.counter .digit-1 {
    background-position:0 -18px;
    animation-name: digitSpin1;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin1;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -18px; }
}
@-webkit-keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -18px; }
}
@-moz-keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -18px; }
}

.counter .digit-2 {
    background-position:0 -36px;
    animation-name: digitSpin2;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin2;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin2 {
    from { background-position:0 0; }
    to { background-position:0 -36px; }
}
@-webkit-keyframes digitSpin2 {
    from { background-position:0 0; }
    to { background-position:0 -36px; }
}
@-moz-keyframes digitSpin2 {
    from { background-position:0 0; }
    to { background-position:0 -36px; }
}

.counter .digit-3 {
    background-position:0 -54px;
    animation-name: digitSpin3;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin3;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin3 {
    from { background-position:0 0; }
    to { background-position:0 -54px; }
}
@-webkit-keyframes digitSpin3 {
    from { background-position:0 0; }
    to { background-position:0 -54px; }
}
@-moz-keyframes digitSpin3 {
    from { background-position:0 0; }
    to { background-position:0 -54px; }
}

.counter .digit-4 {
    background-position:0 -72px;
    animation-name: digitSpin4;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin4;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin4 {
    from { background-position:0 0; }
    to { background-position:0 -72px; }
}
@-webkit-keyframes digitSpin4 {
    from { background-position:0 0; }
    to { background-position:0 -72px; }
}
@-moz-keyframes digitSpin4 {
    from { background-position:0 0; }
    to { background-position:0 -72px; }
}

.counter .digit-5 {
    background-position:0 -90px;
    animation-name: digitSpin5;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin5;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin5 {
    from { background-position:0 0; }
    to { background-position:0 -90px; }
}
@-webkit-keyframes digitSpin5 {
    from { background-position:0 0; }
    to { background-position:0 -90px; }
}
@-moz-keyframes digitSpin5 {
    from { background-position:0 0; }
    to { background-position:0 -90px; }
}

.counter .digit-6 {
    background-position:0 -108px;
    animation-name: digitSpin6;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin6;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin6 {
    from { background-position:0 0; }
    to { background-position:0 -108px; }
}
@-webkit-keyframes digitSpin6 {
    from { background-position:0 0; }
    to { background-position:0 -108px; }
}
@-moz-keyframes digitSpin6 {
    from { background-position:0 0; }
    to { background-position:0 -108px; }
}

.counter .digit-7 {
    background-position:0 -126px;
    animation-name: digitSpin6;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin7;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin7 {
    from { background-position:0 0; }
    to { background-position:0 -126px; }
}
@-webkit-keyframes digitSpin7 {
    from { background-position:0 0; }
    to { background-position:0 -126px; }
}
@-moz-keyframes digitSpin7 {
    from { background-position:0 0; }
    to { background-position:0 -126px; }
}

.counter .digit-8 {
    background-position:0 -144px;
    animation-name: digitSpin8;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin8;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin8 {
    from { background-position:0 0; }
    to { background-position:0 -144px; }
}
@-webkit-keyframes digitSpin8 {
    from { background-position:0 0; }
    to { background-position:0 -144px; }
}
@-moz-keyframes digitSpin8 {
    from { background-position:0 0; }
    to { background-position:0 -144px; }
}

.counter .digit-9 {
    background-position:0 -162px;
    animation-name: digitSpin9;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin9;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin9 {
    from { background-position:0 0; }
    to { background-position:0 -162px; }
}
@-webkit-keyframes digitSpin9 {
    from { background-position:0 0; }
    to { background-position:0 -162px; }
}
@-moz-keyframes digitSpin9 {
    from { background-position:0 0; }
    to { background-position:0 -162px; }
}

.counter .digit-0 {
    background-position:0 -180px;
    animation-name: digitSpin0;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin0;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

@keyframes digitSpin0 {
    from { background-position:0 0; }
    to { background-position:0 -180px; }
}
@-webkit-keyframes digitSpin0 {
    from { background-position:0 0; }
    to { background-position:0 -180px; }
}
@-moz-keyframes digitSpin0 {
    from { background-position:0 0; }
    to { background-position:0 -180px; }
}