/******************
    - General -
******************/
.circletimer {
	position:relative;
	cursor:default;
	text-align:center;
	font-size:1rem;
	line-height:1.5;
}

.circletimer > img {
	display:none;
	clear:both;
	width:100% !important;
	height:0;
}

.circletimer .time {
    position:relative;
	display:inline-block;
	vertical-align:middle;
	white-space:nowrap;
	height:100%;
	text-align:center;
}

/*****************
    - Canvas -
*****************/
.circletimer canvas.bg {
	position:absolute;	
	z-index:1;
}

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

/****************
    - Count -
****************/
.circletimer .count {
    position:absolute;
	z-index:3;
	top:0;
	left:0;
    text-align:center;
    color:#333;
   	font-family:"Open Sans", sans-serif;
	font-weight:700;
	font-size:30px;
	line-height:30px;
}

/***************
    - Text -
***************/
.circletimer .text {
    position:absolute;
	z-index:4;
	bottom:0;
	left:0;
    text-align:center;
    color:#5f5f5f;
   	font-family:"Open Sans", sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:14px;
}