.circliful .outer {
fill: transparent;
stroke: #333;
stroke-width: 19.8;
stroke-dasharray: 534;
transition: stroke-dashoffset 1s;
-webkit-animation-play-state: running; -moz-transform: rotate(-89deg) translateX(-190px);
} .circliful .inner {
fill: transparent;
stroke: orange;
stroke-width: 20;
stroke-dasharray: 534;
transition: stroke-dashoffset 1s;
-webkit-animation-play-state: running; -moz-transform: rotate(-89deg) translateX(-190px);
stroke-dashoffset: 0;
}
.circliful {
overflow: visible !important;
}
.svg-container {
width: 100%;
margin: 0 auto;
overflow: visible;
}
svg .icon {
font-family: FontAwesome;
}