/**
 *  This element is created inside your target element
 *  It is used so that your own element will not need to be altered
 **/
.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}

/**
 *  This is all the elements used to house all text used
 * in time circles
 **/
// .time_circles > div {
//     position: absolute;
//     text-align: center;
// }

.time_circles > div {
        position: absolute;
    text-align: center;
    width: 80px !important;
    height: 80px !important;
    top: 10px!important;
        // border: 2px solid #fff;
    border-radius: 40px;
        
}

.textDiv_Hours {
    left: 9px!important;
}



.textDiv_Minutes {
    left: 110px!important;
}

.count canvas {
    position: relative;
    z-index: 2;
}

.textDiv_Seconds {
right: 10px!important;
    left: auto!important;
}

/**
 *  Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {
    margin:-10px 0 0 0;
    padding: 0px;
    
    text-align: center;
    color: #262626;
    text-transform: lowercase;
    
    font-size: 14px!important;
}

/**
 *  Time numbers, ie: 12
 **/
.time_circles > div > span {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 44px!important;
    font-weight: 600;
    line-height:1.4em;
    color: #262626;
}