@font-face {
  font-family: 'icomoon';
	src:  url('../../fonts/icomoonf33b.eot?7qthrd');
	src:  url('../../fonts/icomoonf33b.eot?7qthrd#iefix') format('embedded-opentype'),
		url('../../fonts/icomoonf33b.ttf?7qthrd') format('truetype'),
		url('../../fonts/icomoonf33b.woff?7qthrd') format('woff'),
		url('../../fonts/icomoonf33b.svg?7qthrd#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.circliful .outer {
	fill: transparent;
	stroke: #333;	
	stroke-width: 19.8;
	stroke-dasharray: 534;
	transition: stroke-dashoffset 1s;
	-webkit-animation-play-state: running;
	/* firefox bug fix - won't rotate at 90deg angles */
	-moz-transform: rotate(-89deg) translateX(-190px);
}

/* full circle 25 empty 534 */
.circliful .inner {
	fill: transparent;
	stroke: orange;
	stroke-width: 20;
	stroke-dasharray: 534;
	transition: stroke-dashoffset 1s;
	-webkit-animation-play-state: running;
	/* firefox bug fix - won't rotate at 90deg angles */
	-moz-transform: rotate(-89deg) translateX(-190px);
	stroke-dashoffset: 0;
}


/*Commented by srinu - its adding scrollbar in IE*/
/*.circliful {
	overflow: visible !important;	
}*/

.svg-container {
	width: 85%;
	max-width: 85%;
	margin: 0 auto;
	overflow: visible;
}
.traffic-source .svg-container {
	width: 85px;
} 

svg .icon {
	font-family: 'icomoon';
}

.timer {
	font-size: 1rem !important;
}
