@import "https://fonts.googleapis.com/css?family=Aldrich";.progressbar{position:relative;display:block;width:150px;height:30px;padding:6px;border-bottom:1px solid rgba(255,255,255,.25);border-radius:16px;-webkit-box-shadow:0 4px 4px -4px rgba(255,255,255,.4),0 -3px 3px -3px rgba(255,255,255,.25),inset 0 0 12px 0 rgba(0,0,0,.5);box-shadow:0 4px 4px -4px rgba(255,255,255,.4),0 -3px 3px -3px rgba(255,255,255,.25),inset 0 0 12px 0 rgba(0,0,0,.5)}.progressbar:before{position:absolute;display:block;content:"";height:18px;width:128px;-webkit-border-radius:4px;border-radius:4px;background:#222;-webkit-box-shadow:inset 0 0 6px 0 rgba(0,0,0,.85);box-shadow:inset 0 0 6px 0 rgba(0,0,0,.85);border:1px solid rgba(0,0,0,.8)}.bar{position:absolute;display:block;width:0;height:16px;background:#7eea19;background:-moz-linear-gradient(top,rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(126,234,25,1)),color-stop(100%,rgba(83,173,0,1)));background:-webkit-linear-gradient(top,rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);background:-o-linear-gradient(top,rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);background:-ms-linear-gradient(top,rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);background:linear-gradient(to bottom,rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eea19',endColorstr='#53ad00',GradientType=0 );-webkit-border-radius:16px;border-radius:16px;-webkit-box-shadow:0 0 12px 0 #7eea19,inset 0 1px 0 0 rgba(255,255,255,.45),inset 1px 0 0 0 rgba(255,255,255,.25),inset -1px 0 0 0 rgba(255,255,255,.25);box-shadow:0 0 12px 0 #7eea19,inset 0 1px 0 0 rgba(255,255,255,.45),inset 1px 0 0 0 rgba(255,255,255,.25),inset -1px 0 0 0 rgba(255,255,255,.25);overflow:hidden}.bar.color2{background:#e5c319;background:-moz-linear-gradient(top,rgba(229,195,25,1) 0%,rgba(168,140,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(229,195,25,1)),color-stop(100%,rgba(168,140,0,1)));background:-webkit-linear-gradient(top,rgba(229,195,25,1) 0%,rgba(168,140,0,1) 100%);background:-o-linear-gradient(top,rgba(229,195,25,1) 0%,rgba(168,140,0,1) 100%);background:-ms-linear-gradient(top,rgba(229,195,25,1) 0%,rgba(168,140,0,1) 100%);background:linear-gradient(to bottom,rgba(229,195,25,1) 0%,rgba(168,140,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c319',endColorstr='#a88c00',GradientType=0 );-webkit-box-shadow:0 0 12px 0 #e5c319,inset 0 1px 0 0 rgba(255,255,255,.45),inset 1px 0 0 0 rgba(255,255,255,.25),inset -1px 0 0 0 rgba(255,255,255,.25);box-shadow:0 0 12px 0 #e5c319,inset 0 1px 0 0 rgba(255,255,255,.45),inset 1px 0 0 0 rgba(255,255,255,.25),inset -1px 0 0 0 rgba(255,255,255,.25)}.bar.color3{background:#e81957;background:-moz-linear-gradient(top,rgba(232,25,87,1) 0%,rgba(170,0,51,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(232,25,87,1)),color-stop(100%,rgba(170,0,51,1)));background:-webkit-linear-gradient(top,rgba(232,25,87,1) 0%,rgba(170,0,51,1) 100%);background:-o-linear-gradient(top,rgba(232,25,87,1) 0%,rgba(170,0,51,1) 100%);background:-ms-linear-gradient(top,rgba(232,25,87,1) 0%,rgba(170,0,51,1) 100%);background:linear-gradient(to bottom,rgba(232,25,87,1) 0%,rgba(170,0,51,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e81957',endColorstr='#aa0033',GradientType=0 );-webkit-box-shadow:0 0 12px 0 #e81957,inset 0 1px 0 0 rgba(255,255,255,.45),inset 1px 0 0 0 rgba(255,255,255,.25),inset -1px 0 0 0 rgba(255,255,255,.25);box-shadow:0 0 12px 0 #e81957,inset 0 1px 0 0 rgba(255,255,255,.45),inset 1px 0 0 0 rgba(255,255,255,.25),inset -1px 0 0 0 rgba(255,255,255,.25)}.bar.color4{background:#186de2;background:-moz-linear-gradient(top,rgba(24,109,226,1) 0%,rgba(0,69,165,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(24,109,226,1)),color-stop(100%,rgba(0,69,165,1)));background:-webkit-linear-gradient(top,rgba(24,109,226,1) 0%,rgba(0,69,165,1) 100%);background:-o-linear-gradient(top,rgba(24,109,226,1) 0%,rgba(0,69,165,1) 100%);background:-ms-linear-gradient(top,rgba(24,109,226,1) 0%,rgba(0,69,165,1) 100%);background:linear-gradient(to bottom,rgba(24,109,226,1) 0%,rgba(0,69,165,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#186de2',endColorstr='#0045a5',GradientType=0 );-webkit-box-shadow:0 0 12px 0 #186de2,inset 0 1px 0 0 rgba(255,255,255,.45),inset 1px 0 0 0 rgba(255,255,255,.25),inset -1px 0 0 0 rgba(255,255,255,.25);box-shadow:0 0 12px 0 #186de2,inset 0 1px 0 0 rgba(255,255,255,.45),inset 1px 0 0 0 rgba(255,255,255,.25),inset -1px 0 0 0 rgba(255,255,255,.25)}.bar:before{position:absolute;display:block;content:"";width:606px;height:150%;top:-25%;left:-25px;background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(255,255,255,0.35)),color-stop(50%,rgba(255,255,255,0.01)),color-stop(51%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);background:radial-gradient(ellipse at center,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff',endColorstr='#00ffffff',GradientType=1 )}.bar:after{position:absolute;display:block;content:"";width:64px;height:16px;right:0;top:0;-webkit-border-radius:0 16px 16px 0;border-radius:0 16px 16px 0;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(98%,rgba(255,255,255,0.6)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1 )}.bar span{position:absolute;display:block;width:100%;height:64px;-webkit-border-radius:16px;border-radius:16px;top:0;left:0;-webkit-animation:sparkle 1500ms linear infinite;-moz-animation:sparkle 1500ms linear infinite;-o-animation:sparkle 1500ms linear infinite;animation:sparkle 1500ms linear infinite;opacity:.2}.label{font-family:aldrich,sans-serif;position:absolute;display:block;width:40px;height:30px;line-height:30px;top:38px;left:0;background:#4c4c4c;background:-moz-linear-gradient(top,rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(76,76,76,1)),color-stop(100%,rgba(38,38,38,1)));background:-webkit-linear-gradient(top,rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%);background:-o-linear-gradient(top,rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%);background:-ms-linear-gradient(top,rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%);background:linear-gradient(to bottom,rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c',endColorstr='#262626',GradientType=0 );font-weight:700;font-size:12px;color:#fff;text-align:center;-webkit-border-radius:6px;border-radius:6px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.3);box-shadow:0 1px 4px 0 rgba(0,0,0,.3);text-shadow:0 -1px 0 #000,0 1px 1px #000;filter:dropshadow(color=#000000,offx=0,offy=-1)}.label span{position:absolute;display:block;width:12px;height:9px;top:-9px;left:14px;background:0 0;overflow:hidden}.label span:before{position:absolute;display:block;content:"";width:8px;height:8px;top:4px;left:2px;border:1px solid rgba(0,0,0,.5);background:#565656;background:-moz-linear-gradient(-45deg,rgba(86,86,86,1) 0%,rgba(76,76,76,1) 50%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(86,86,86,1)),color-stop(50%,rgba(76,76,76,1)));background:-webkit-linear-gradient(-45deg,rgba(86,86,86,1) 0%,rgba(76,76,76,1) 50%);background:-o-linear-gradient(-45deg,rgba(86,86,86,1) 0%,rgba(76,76,76,1) 50%);background:-ms-linear-gradient(-45deg,rgba(86,86,86,1) 0%,rgba(76,76,76,1) 50%);background:linear-gradient(135deg,rgba(86,86,86,1) 0%,rgba(76,76,76,1) 50%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656',endColorstr='#4c4c4c',GradientType=1 );-webkit-box-shadow:0 -1px 2px 0 rgba(0,0,0,.15);box-shadow:0 -1px 2px 0 rgba(0,0,0,.15);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}@-webkit-keyframes sparkle{from{background-position:0 0}to{background-position:0 -64px}}@-moz-keyframes sparkle{from{background-position:0 0}to{background-position:0 -64px}}@-o-keyframes sparkle{from{background-position:0 0}to{background-position:0 -64px}}@keyframes sparkle{from{background-position:0 0}to{background-position:0 -64px}}