.progress-circular{width:100px;height:100px;line-height:100px;background:none;margin:0 auto;box-shadow:none;position:relative;}.progress-circular:after{content:"";width:100%;height:100%;border-radius:50%;border:6px solid #11243c;position:absolute;top:0;left:0;}.progress-circular>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1;}.progress-circular .progress-left{left:0;}.progress-circular .progress-bar{width:100%;height:100%;background:none;border-width:6px;border-style:solid;position:absolute;top:0;border-color:#11588e;}.progress-circular .progress-left .progress-bar{left:100%;border-top-right-radius:50px;border-bottom-right-radius:50px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left;}.progress-circular .progress-right{right:0;}.progress-circular .progress-right .progress-bar{left:-100%;border-top-left-radius:50px;border-bottom-left-radius:50px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;}.progress-circular .progress-value{display:flex;border-radius:50%;font-size:16px;text-align:center;line-height:20px;align-items:center;justify-content:center;height:100%;font-weight:300;}.progress-circular .progress-value div{margin-top:10px;}.progress-circular .progress-value span{font-size:12px;text-transform:uppercase;}.progress-circular[data-percentage="10"] .progress-right .progress-bar{animation:loading-1 .5s linear forwards;}.progress-circular[data-percentage="10"] .progress-left .progress-bar{animation:0;}.progress-circular[data-percentage="20"] .progress-right .progress-bar{animation:loading-2 .5s linear forwards;}.progress-circular[data-percentage="20"] .progress-left .progress-bar{animation:0;}.progress-circular[data-percentage="30"] .progress-right .progress-bar{animation:loading-3 .5s linear forwards;}.progress-circular[data-percentage="30"] .progress-left .progress-bar{animation:0;}.progress-circular[data-percentage="40"] .progress-right .progress-bar{animation:loading-4 .5s linear forwards;}.progress-circular[data-percentage="40"] .progress-left .progress-bar{animation:0;}.progress-circular[data-percentage="50"] .progress-right .progress-bar{animation:loading-5 .5s linear forwards;}.progress-circular[data-percentage="50"] .progress-left .progress-bar{animation:0;}.progress-circular[data-percentage="60"] .progress-right .progress-bar{animation:loading-5 .5s linear forwards;}.progress-circular[data-percentage="60"] .progress-left .progress-bar{animation:loading-1 .5s linear forwards .5s;}.progress-circular[data-percentage="70"] .progress-right .progress-bar{animation:loading-5 .5s linear forwards;}.progress-circular[data-percentage="70"] .progress-left .progress-bar{animation:loading-2 .5s linear forwards .5s;}.progress-circular[data-percentage="80"] .progress-right .progress-bar{animation:loading-5 .5s linear forwards;}.progress-circular[data-percentage="80"] .progress-left .progress-bar{animation:loading-3 .5s linear forwards .5s;}.progress-circular[data-percentage="90"] .progress-right .progress-bar{animation:loading-5 .5s linear forwards;}.progress-circular[data-percentage="90"] .progress-left .progress-bar{animation:loading-4 .5s linear forwards .5s;}.progress-circular[data-percentage="100"] .progress-right .progress-bar{animation:loading-5 .5s linear forwards;}.progress-circular[data-percentage="100"] .progress-left .progress-bar{animation:loading-5 .5s linear forwards .5s;}@keyframes loading-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(36);transform:rotate(36deg);}}@keyframes loading-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(72);transform:rotate(72deg);}}@keyframes loading-3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(108);transform:rotate(108deg);}}@keyframes loading-4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(144);transform:rotate(144deg);}}@keyframes loading-5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(180);transform:rotate(180deg);}}.progress-circular{margin-bottom:1em;}