div.wppb-wrapper{clear:both}div.wppb-progress{height:25px;width:400px;background:#555;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;position:relative}div.wppb-progress>span{display:block;height:25px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;background:#5a84c4;background: -moz-linear-gradient(top, #5a84c4 0%, #1a2275 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a84c4), color-stop(100%,#1a2275));background: -webkit-linear-gradient(top, #5a84c4 0%,#1a2275 100%);background: -o-linear-gradient(top, #5a84c4 0%,#1a2275 100%);background: -ms-linear-gradient(top, #5a84c4 0%,#1a2275 100%);background:linear-gradient(top, #5a84c4 0%,#1a2275 100%);-webkit-box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,0.4);box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,0.4);overflow:hidden;position:relative}div.wppb-progress>span.red{background:#d10418;background: -moz-linear-gradient(top, #d10418 0%, #6d0019 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d10418), color-stop(100%,#6d0019));background: -webkit-linear-gradient(top, #d10418 0%,#6d0019 100%);background: -o-linear-gradient(top, #d10418 0%,#6d0019 100%);background: -ms-linear-gradient(top, #d10418 0%,#6d0019 100%);background:linear-gradient(top, #d10418 0%,#6d0019 100%)}div.wppb-progress>span.yellow{background:#f6e6b4;background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017));background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%);background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%);background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%);background:linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%)}div.wppb-progress>span.orange{background:#ffa84c;background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d));background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);background:linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%)}div.wppb-progress>span.green{background:#83c783;background: -moz-linear-gradient(top,  #83c783 0%, #52b152 33%, #008a00 62%, #005700 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83c783), color-stop(33%,#52b152), color-stop(62%,#008a00), color-stop(100%,#005700));background: -webkit-linear-gradient(top,  #83c783 0%,#52b152 33%,#008a00 62%,#005700 100%);background: -o-linear-gradient(top,  #83c783 0%,#52b152 33%,#008a00 62%,#005700 100%);background: -ms-linear-gradient(top,  #83c783 0%,#52b152 33%,#008a00 62%,#005700 100%);background:linear-gradient(to bottom,  #83c783 0%,#52b152 33%,#008a00 62%,#005700 100%)}div.wppb-progress>span.candystripes:after,div.wppb-progress>span.candystripe:after,div.wppb-progress>span.animated-candystripe:after,div.wppb-progress>span.animated-candystripes:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:
-webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .2)),
color-stop(.25, transparent), color-stop(.5, transparent),
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)),
color-stop(.75, transparent), to(transparent)
);background-image:
-webkit-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);background-image:
-moz-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);background-image:
-ms-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);background-image:
-o-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);z-index:1;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-moz-border-radius:25px;-o-border-radius:25px;border-radius:25px;overflow:hidden}div.wppb-progress>span.animated-candystripe:after,div.wppb-progress>span.animated-candystripes:after{-webkit-animation:move 2s linear infinite}.animated-candystripes>span:after,.animated-candystripe>span:after{display:none}@-webkit-keyframes
move{0%{background-position:0 0}100%{background-position:50px 50px}}@-moz-keyframes
move{0%{background-position:0 0}100%{background-position:50px 50px}}div.wppb-wrapper.after{width:440px}div.wppb-wrapper.after div.wppb-progress{float:left}div.wppb-wrapper.after
div.after{float:right;line-height:25px}div.wppb-wrapper.inside{width:400px;height:25px;position:relative}div.wppb-wrapper
div.inside{margin:0
auto;line-height:25px;color:#fff;font-weight:bold;position:absolute;z-index:1;width:400px;text-align:center}div.wppb-progress.full,
div.wppb-wrapper.full,
div.wppb-wrapper.full
div.inside{width:100%}div.wppb-progress>span.flat{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}