figure,
figcaption {
    display: block;
}

.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear;
}

.timeTo {
    font-family: inherit !important;
    line-height: 108%;
    font-weight: bold;
    text-align: center;
}

.jws-countdown-animation figcaption {
    text-transform: capitalize;
}

.timeTo span {
    vertical-align: top;
    opacity: 0;
    display: inline-block;
}

.timeTo.timeTo-white div {
    color: var(--heading);
    background: #F5F5F5;
    border-radius: 0;
}

.timeTo.timeTo-black div {
    color: white;
    background: #45484d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a74444 0%, #3f0000 67%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a74444), color-stop(67%, #3f0000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a74444 0%, #3f0000 67%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a74444 0%, #3f0000 67%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a74444 0%, #3f0000 67%);
    /* IE10+ */
    background: linear-gradient(to bottom, #a74444 0%, #3f0000 67%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a74444', endColorstr='#3f0000', GradientType=0);
    /* IE6-9 */
}

.timeTo.timeTo-white .timeTo-alert {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 35%, #e17373 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(100%, #e17373));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 35%, #e17373 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 35%, #e17373 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 35%, #e17373 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 35%, #e17373 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e17373', GradientType=0);
    /* IE6-9 */
}

.timeTo figure {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.timeTo div {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 30px;
    overflow: hidden;
}

.timeTo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0 !important;
    text-align: center;
    width: 100%;
}

.timeTo ul li:first-child {
    line-height: 1;
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 60px;
    font-size: 36px;
}

@media(max-width:600px) {
    .timeTo figure:not(:first-child):before {
        display: none;
    }
    .jws-countdown-animation figcaption {
        margin-top: 5px;
    }
}