.odometer {

    height: 11em;

    width: 27em;

    padding: 10px;

    /* padding-bottom: 40px; */

    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);

    color: rgba(255, 255, 255, 0.9);

    margin: 2em auto;

    display: inline-block;

    /* background: #222; */

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    /* -moz-box-shadow: inset 0 2px 8px -2px #000; */

    /* -webkit-box-shadow: inset 0 2px 8px -2px #000; */

    /* box-shadow: inset 0 2px 12px 2px #000; */

    /* border: 6px solid #000000; */

}



.digit {

    display: inline-block;

    height: 1.5em;

    width: 1.2em;

    /* height: 1em;

    width: 1.2em; */

    overflow: hidden;

    font-size: 90px;

    border-right: 25px solid #c0c1ba;

    border-left: 25px solid #afb0a9;

    border-top: 25px solid #929487;

    border-bottom: 25px solid #d3d9cf;

    padding: -1 0.1em;

}



.digit-container {

    line-height: 1em;

    background-image: repeating-linear-gradient(

        #ffffff,

        #959595,

        #ffffff 9.09091%

    );

    color: black;

    font-weight: normal;

}



.digit-one {

    -webkit-animation: slide infinite linear;

    animation: slide infinite linear;

    -webkit-animation-duration: 1500ms;

    animation-duration: 1500ms;

}



.digit-one1 {

    -webkit-animation: slide ease-out;

    animation: slide ease-out;

    -webkit-animation-duration: 5000ms;

    animation-duration: 5000ms;

}



.digit-ten {

    -webkit-animation: slide infinite linear;

    animation: slide infinite linear;

    -webkit-animation-duration: 1600ms;

    animation-duration: 1600ms;

}



.digit-ten1 {

    -webkit-animation: slide ease-out;

    animation: slide ease-out;

    -webkit-animation-duration: 5000ms;

    animation-duration: 5000ms;

}



.digit-hundred {

    -webkit-animation: slide infinite linear;

    animation: slide infinite linear;

    -webkit-animation-duration: 1700ms;

    animation-duration: 1700ms;

}



.digit-hundred1 {

    -webkit-animation: slide ease-out;

    animation: slide ease-out;

    -webkit-animation-duration: 5000ms;

    animation-duration: 5000ms;

}



@-webkit-keyframes slide {

    from {

        -webkit-transform: translateY(-10em);

    }

    to {

        -webkit-transform: translateY(0);

    }

}

@keyframes slide {

    from {

        transform: translateY(-10em);

    }

    to {

        transform: translateY(0);

    }

}



/*

#odometer {

    border: 10px solid transparent;

    padding: 15px;

    -webkit-border-image: url("../img/border.png") 30 stretch;

    -o-border-image: url("../img/border.png") 30 stretch;

    border-image: url("../img/border.png") 30 stretch;

}

*/