.progress {
  width: 78%;
  height: 50px;
}

.progress-wrap {
  background: #00DF00;
  margin-left: 120px; margin-top:32px;
  overflow: hidden;
  position: relative;
}
.progress-wrap .progress-bar {
  background: #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrap2 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrap2 .progress-bar2 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrap3 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrap3 .progress-bar3 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapSevr {
  background: #00DF00;
  margin-left: 120px; margin-top:32px;
  overflow: hidden;
  position: relative;
}
.progress-wrapSevr .progress-barSevr {
  background: #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapSevr2 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrapSevr2 .progress-barSevr2 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapSevr3 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrapSevr3 .progress-barSevr3 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapmanto {
  background: #00DF00;
  margin-left: 120px; margin-top:32px;
  overflow: hidden;
  position: relative;
}
.progress-wrapmanto .progress-barmanto {
  background: #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapmanto2 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrapmanto2 .progress-barmanto2 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapmanto3 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrapmanto3 .progress-barmanto3 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapmaul {
  background: #00DF00;
  margin-left: 120px; margin-top:32px;
  overflow: hidden;
  position: relative;
}
.progress-wrapmaul .progress-barmaul {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapmaul2 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrapmaul2 .progress-barmaul2 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapmaul3 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrapmaul3 .progress-barmaul3 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
 }


.progress-wrapzark {
  background: #00DF00;
  margin-left: 120px; margin-top:32px;
  overflow: hidden;
  position: relative;
}
.progress-wrapzark .progress-barzark {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapzark2 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrapzark2 .progress-barzark2 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapzark3 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wrapzark3 .progress-barzark3 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
 }
.progress-wraptorik {
  background: #00DF00;
  margin-left: 120px; margin-top:32px;
  overflow: hidden;
  position: relative;
}
.progress-wraptorik .progress-bartorik {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wraptorik2 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wraptorik2 .progress-bartorik2 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wraptorik3 {
  background: #00DF00;
  margin-left: 120px; margin-top:20px;
  overflow: hidden;
  position: relative;
}
.progress-wraptorik3 .progress-bartorik3 {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}


.progress-wrapSevrcss {
  background: #00DF00;
  margin-left: 20px; margin-top:0px; height:40px;
  overflow: hidden;
  position: relative;
}
.progress-wrapSevrcss .progress-barSevrcss {
  background: #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapSevr2css {
  background: #00DF00;
  margin-left: 20px; margin-top:15px; height:40px;
  overflow: hidden;
  position: relative;
}
.progress-wrapSevr2css .progress-barSevr2css {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapSevr3css {
  background: #00DF00;
  margin-left: 20px; margin-top:15px; height:40px;
  overflow: hidden;
  position: relative;
}
.progress-wrapSevr3css .progress-barSevr3css {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}

.progress-wrapSevr4css {
  background: #00DF00;
  margin-left: 20px; margin-top:15px;  height:40px;
  overflow: hidden;
  position: relative;
}
.progress-wrapSevr4css .progress-barSevr4css {
  background:  #000000; width: 100%;
  left: 0;
  position: absolute;
  top: 0px;
}