.sonny_progressbar{margin-bottom:16px;}
.sonny_progressbar p.title{font-size:18px;line-height:20px;margin:0;padding:10px 0;}
.sonny_progressbar .bar-container{position:relative;height:40px;border-radius:25px;}
.sonny_progressbar .bar-container.shadow{-moz-box-shadow:0px 5px 7px -3px rgba(0,0,0,.5);-webkit-box-shadow:0px 5px 7px -3px rgba(0,0,0,.5);box-shadow:0px 5px 7px -3px rgba(0,0,0,.5);}
.sonny_progressbar .backgroundBar{position:absolute;bottom:0;top:0;left:0;right:0;}
.sonny_progressbar .bar{position:absolute;top:0;left:0;height:100%;border-radius:25px;}
.sonny_progressbar .targetBar{position:absolute;top:0;left:0;height:100%;-webkit-animation:Animation 2s infinite ease-in-out;-moz-animation:Animation 2s infinite ease-in-out;animation:Animation 2s infinite ease-in-out;}
.sonny_progressbar .targetBar.loader{-webkit-animation:AnimationB 4s infinite ease-in-out;-moz-animation:AnimationB 4s infinite ease-in-out;animation:AnimationB 4s infinite ease-in-out;background-image:url(//digitalsolutions-si.b-cdn.net/wp-content/themes/axtra/assets/css/animated-overlay.gif);}
.sonny_progressbar .bar-container.border .bar, .sonny_progressbar .bar-container.border .targetBar, .sonny_progressbar .bar-container.border .backgroundBar{border-bottom:3px solid rgba(0,0,0,.2);}
.sonny_progressbar .progress-percent{font-size:20px;position:absolute;right:15px;top:-24px;}
@keyframes Animation {
0%{opacity:.4;}
50%{opacity:1;}
100%{opacity:.4;}
}
@-moz-keyframes Animation{
0%{opacity:.4;}
50%{opacity:1;}
100%{opacity:.4;}
}
@-webkit-keyframes Animation{
0%{opacity:.4;}
50%{opacity:1;}
100%{opacity:.4;}
}
@keyframes AnimationB {
0%{opacity:.01;}
50%{opacity:.1;}
100%{opacity:.01;}
}
@-moz-keyframes AnimationB {
0%{opacity:.01;}
50%{opacity:.1;}
100%{opacity:.01;}
}
@-webkit-keyframes AnimationB {
0%   { opacity:.01; }
50%   { opacity:.1; }
100% { opacity:.01; }
}