.timer
    {
        position: relative;
        display: block;
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: white;
        text-align: center;
        padding: 10px 15px 10px 10px;

        z-index: 1000;

        margin-bottom: 20px;
        /*font-weight: bold;*/
        /*height: 60px;*/
    }
.timer .time-title
    {
        display: none;
        font-weight: normal;
        display: inline-block;
    }
.timer .time-details
    {
        font-size: 2.6em;
        display: inline-block;

        text-align: center;


        line-height: 1.4em;
    }
.timer .time-details span
    {
        line-height: 1em;
    }
.timer .time-labels
    {
        margin-top: -50px;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.7em;
        text-align: center;
    }
.timer .time-details>span,
.timer .time-labels>span
    {
        display: table-cell;
        border-right: 1px solid rgba(255,255,255,0.3);
        padding: 0px 6px;
        line-height: 1.2em;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
.timer .time-details>span:last-child,
.timer .time-labels>span:last-child
    {
        border-right: 0 none;
    }