@font-face {
  font-family: 'icomoon';
  src:  url('../../fonts/icomoon/icomoon4057.eot?y9nt43');
  src:  url('../../fonts/icomoon/icomoon4057.eot?y9nt43#iefix') format('embedded-opentype'),
    url('../../fonts/icomoon/icomoon4057.ttf?y9nt43') format('truetype'),
    url('../../fonts/icomoon/icomoon4057.woff?y9nt43') format('woff'),
    url('../../fonts/icomoon/icomoon4057.svg?y9nt43#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;	
}*/


.circliful text {
	fill: #ffffff;
}
.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: 1.2rem !important;
	fill: #ffffff;
}