.clearfix2 h2 {font-size: 20px; left: 0px; top: 33px; position: relative; font-weight: bold;}
.clearfix2 {height: 0px;}

.clearfix3 h2 {font-size: 20px; left: 0px; top: 187px; position: relative; font-weight: bold;}
.clearfix3 {height: 0px;}

.clearfix4 h2 {font-size: 20px; left: 0px; top: 341px; position: relative; font-weight: bold;}
.clearfix4 {height: 0px;}

.clearfix5 h2 {font-size: 20px; left: 0px; top: 495px; position: relative; font-weight: bold;}
.clearfix5 {height: 0px;}

.progress-left {float: left; margin-left: 339px;}

.title { padding-top: 30px;}
.title  h1.title-font {
padding: 0 20px;
font-size: 24px;
color: #231F20;
line-height: 48px;
text-transform: uppercase;
font-weight: normal;
display: inline-block;
position: relative;
margin-bottom: 0px;
}

div.meter .pct {margin-left: 103%; color: #231f20;}
div.meter1 .pct {margin-left: 103%; color: #231f20;}
div.meter2 .pct {margin-left: 103%; color: #231f20;}
div.meter3 .pct {margin-left: 103%; color: #231f20;}
div.meter4 .pct {margin-left: 103%; color: #231f20;}
div.meter5 .pct {margin-left: 103%; color: #231f20;}
div.meter6 .pct {margin-left: 103%; color: #231f20;}
div.meter7 .pct {margin-left: 103%; color: #231f20;}


.middle-2 {
left: -50px;
}

.main-mid {
float: left;
width: 100%;
clear: both;
position: relative;
margin-bottom: 50px;
}

.main-mid  h1{
padding: 0 20px;
font-size: 24px;
color: #dd0330;
line-height: 48px;
text-transform: uppercase;
font-weight: normal;
display: inline-block;
position: relative;
margin-bottom: 20px;
right: 641px;
}

.middle {
float: left;
margin-top: 33px;
}

.middle h2{
font-size: 32px;
color: #000;
line-height: 32px;
font-weight: normal;
display: block;
text-transform: uppercase;
margin-bottom: 65px;
}

.progress-right {
float: left;
margin-left: 171px;
margin-right: 225px;
}

/*--------------- meter---------------- */
div.meter {  margin:0 auto; position: relative;  width: 33%;  height: 25px;  border: 1px solid #b0b0b0;  margin-top: 75px;  /* viewing purposes */  margin-bottom: 25px; -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;  
-moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;  box-shadow: inset 0 3px 5px 0 #d3d0d0;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}

div.meter span {  
display: block;  height: 100%;  animation: grower 1s linear;  -moz-animation: grower 1s linear;  -webkit-animation: grower 1s linear;  -o-animation: grower 1s linear;  position: relative;  
top: -1px;  left: -1px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  
-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #000000;background: #231f20;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));  
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 45px 45px;  -moz-background-size: 45px 45px;  -o-background-size: 45px 45px;  background-size: 45px 45px; }
  
div.meter span:before {
  content: '';  display: block;  width: 100%;  height: 50%;  position: relative;  top: 50%;  background: rgba(0, 0, 0, 0.03); }

div.meter p {
  position: absolute;  top: 0;  margin: 0 10px;  line-height: 25px;  font-family: 'Helvetica';  font-weight: bold;  -webkit-font-smoothing: antialised;  font-size: 15px;
  color: #FFF;  text-shadow: 0 1px rgba(255, 255, 255, 0.6);}

/*--------------- meter1---------------- */
div.meter1 { margin:0 auto; position: relative;  width: 33%;  height: 25px;  border: 1px solid #b0b0b0;  margin-top: 75px;  /* viewing purposes */  margin-bottom: 25px; -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;  
-moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;  box-shadow: inset 0 3px 5px 0 #d3d0d0;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}

div.meter1 span {  
display: block;  height: 100%;  animation: grower 1s linear;  -moz-animation: grower 1s linear;  -webkit-animation: grower 1s linear;  -o-animation: grower 1s linear;  position: relative;  
top: -1px;  left: -1px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  
-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #000000; background: #231f20;  
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));  
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 45px 45px;  -moz-background-size: 45px 45px;  -o-background-size: 45px 45px;  background-size: 45px 45px; }
  
div.meter1 span:before {
  content: '';  display: block;  width: 100%;  height: 50%;  position: relative;  top: 50%;  background: rgba(0, 0, 0, 0.03); }

div.meter1 p {
  position: absolute;  top: 0;  margin: 0 10px;  line-height: 25px;  font-family: 'Helvetica';  font-weight: bold;  -webkit-font-smoothing: antialised;  font-size: 15px;
  color: #FFF;  text-shadow: 0 1px rgba(255, 255, 255, 0.6);}  
  
/*--------------- meter2---------------- */
div.meter2 { margin:0 auto; position: relative;  width: 33%;  height: 25px;  border: 1px solid #b0b0b0;  margin-top: 75px;  /* viewing purposes */  margin-bottom: 25px; -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;  
-moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;  box-shadow: inset 0 3px 5px 0 #d3d0d0;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}

div.meter2 span {  
display: block;  height: 100%;  animation: grower 1s linear;  -moz-animation: grower 1s linear;  -webkit-animation: grower 1s linear;  -o-animation: grower 1s linear;  position: relative;  
top: -1px;  left: -1px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  
-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #000000; background: #231f20;  
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));  
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 45px 45px;  -moz-background-size: 45px 45px;  -o-background-size: 45px 45px;  background-size: 45px 45px; }
  
div.meter2 span:before {
  content: '';  display: block;  width: 100%;  height: 50%;  position: relative;  top: 50%;  background: rgba(0, 0, 0, 0.03); }

div.meter2 p {
  position: absolute;  top: 0;  margin: 0 10px;  line-height: 25px;  font-family: 'Helvetica';  font-weight: bold;  -webkit-font-smoothing: antialised;  font-size: 15px;
  color: #FFF;  text-shadow: 0 1px rgba(255, 255, 255, 0.6);}  
 
/*--------------- meter3---------------- */
div.meter3 { margin:0 auto; position: relative;  width: 33%;  height: 25px;  border: 1px solid #b0b0b0;  margin-top: 75px;  /* viewing purposes */  margin-bottom: 25px; -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;  
-moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;  box-shadow: inset 0 3px 5px 0 #d3d0d0;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}

div.meter3 span {  
display: block;  height: 100%;  animation: grower 1s linear;  -moz-animation: grower 1s linear;  -webkit-animation: grower 1s linear;  -o-animation: grower 1s linear;  position: relative;  
top: -1px;  left: -1px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  
-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #000000; background: #231f20;  
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));  
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 45px 45px;  -moz-background-size: 45px 45px;  -o-background-size: 45px 45px;  background-size: 45px 45px; }
  
div.meter3 span:before {
  content: '';  display: block;  width: 100%;  height: 50%;  position: relative;  top: 50%;  background: rgba(0, 0, 0, 0.03); }

div.meter3 p {
  position: absolute;  top: 0;  margin: 0 10px;  line-height: 25px;  font-family: 'Helvetica';  font-weight: bold;  -webkit-font-smoothing: antialised;  font-size: 15px;
  color: #FFF;  text-shadow: 0 1px rgba(255, 255, 255, 0.6);}  
 
/*--------------- meter4---------------- */
div.meter4 { margin:0 auto; position: relative;  width: 33%;  height: 25px;  border: 1px solid #b0b0b0;  -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;  
-moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;  box-shadow: inset 0 3px 5px 0 #d3d0d0;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}

div.meter4 span {  
display: block;  height: 100%;  animation: grower 1s linear;  -moz-animation: grower 1s linear;  -webkit-animation: grower 1s linear;  -o-animation: grower 1s linear;  position: relative;  
top: -1px;  left: -1px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  
-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #000000; background: #231f20;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));  
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 45px 45px;  -moz-background-size: 45px 45px;  -o-background-size: 45px 45px;  background-size: 45px 45px; }
  
div.meter4 span:before {
  content: '';  display: block;  width: 100%;  height: 50%;  position: relative;  top: 50%;  background: rgba(0, 0, 0, 0.03); }

div.meter4 p {
  position: absolute;  top: 0;  margin: 0 10px;  line-height: 25px;  font-family: 'Helvetica';  font-weight: bold;  -webkit-font-smoothing: antialised;  font-size: 15px;
  color: #FFF;  text-shadow: 0 1px rgba(255, 255, 255, 0.6);}  

/*--------------- meter5---------------- */
div.meter5 { margin:0 auto; position: relative;  width: 33%;  height: 25px;  border: 1px solid #b0b0b0; -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;  
-moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;  box-shadow: inset 0 3px 5px 0 #d3d0d0;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}

div.meter5 span {  
display: block;  height: 100%;  animation: grower 1s linear;  -moz-animation: grower 1s linear;  -webkit-animation: grower 1s linear;  -o-animation: grower 1s linear;  position: relative;  
top: -1px;  left: -1px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  
-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #000000; background: #231f20; 
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));  
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 45px 45px;  -moz-background-size: 45px 45px;  -o-background-size: 45px 45px;  background-size: 45px 45px; }
  
div.meter5 span:before {
  content: '';  display: block;  width: 100%;  height: 50%;  position: relative;  top: 50%;  background: rgba(0, 0, 0, 0.03); }

div.meter5 p {
  position: absolute;  top: 0;  margin: 0 10px;  line-height: 25px;  font-family: 'Helvetica';  font-weight: bold;  -webkit-font-smoothing: antialised;  font-size: 15px;
  color: #FFF;  text-shadow: 0 1px rgba(255, 255, 255, 0.6);}  

/*--------------- meter6---------------- */
div.meter6 { margin:0 auto; position: relative;  width: 33%;  height: 25px;  border: 1px solid #b0b0b0; -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;  
-moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;  box-shadow: inset 0 3px 5px 0 #d3d0d0;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}

div.meter6 span {  
display: block;  height: 100%;  animation: grower 1s linear;  -moz-animation: grower 1s linear;  -webkit-animation: grower 1s linear;  -o-animation: grower 1s linear;  position: relative;  
top: -1px;  left: -1px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  
-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #000000; background: #231f20;  
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));  
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 45px 45px;  -moz-background-size: 45px 45px;  -o-background-size: 45px 45px;  background-size: 45px 45px; }
  
div.meter6 span:before {
  content: '';  display: block;  width: 100%;  height: 50%;  position: relative;  top: 50%;  background: rgba(0, 0, 0, 0.03); }

div.meter6 p {
  position: absolute;  top: 0;  margin: 0 10px;  line-height: 25px;  font-family: 'Helvetica';  font-weight: bold;  -webkit-font-smoothing: antialised;  font-size: 15px;
  color: #FFF;  text-shadow: 0 1px rgba(255, 255, 255, 0.6);}  
  
/*--------------- meter7---------------- */
div.meter7 { margin:0 auto; position: relative;  width: 33%;  height: 25px;  border: 1px solid #b0b0b0;  margin-bottom: 50px; -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;  
-moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;  box-shadow: inset 0 3px 5px 0 #d3d0d0;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}

div.meter7 span {  
display: block;  height: 100%;  animation: grower 1s linear;  -moz-animation: grower 1s linear;  -webkit-animation: grower 1s linear;  -o-animation: grower 1s linear;  position: relative;  
top: -1px;  left: -1px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  
-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #000000; background: #231f20;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));  
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);  
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 45px 45px;  -moz-background-size: 45px 45px;  -o-background-size: 45px 45px;  background-size: 45px 45px; }
  
div.meter7 span:before {
  content: '';  display: block;  width: 100%;  height: 50%;  position: relative;  top: 50%;  background: rgba(0, 0, 0, 0.03); }

div.meter7 p {
  position: absolute;  top: 0;  margin: 0 10px;  line-height: 25px;  font-family: 'Helvetica';  font-weight: bold;  -webkit-font-smoothing: antialised;  font-size: 15px;
  color: #FFF;  text-shadow: 0 1px rgba(255, 255, 255, 0.6);}  
  

  
@keyframes grower {
  0% {
    width: 0%;
  }
}

@-moz-keyframes grower {
  0% {
    width: 0%;
  }
}

@-webkit-keyframes grower {
  0% {
    width: 0%;
  }
}

@-o-keyframes grower {
  0% {
    width: 0%;
  }
}