.fbar {
  height: 300px;
  width: 160px; 
  display: inline-block;
  border: solid 1px #d5d5d5;
  position: relative;
  z-index: 2;
  cursor: w-resize;

  background: linear-gradient(0deg, #eee 1px, transparent 1%) 1px 0, #fff;
  background-size: 1px 10%;
}
.fbar-wrap {
  margin: 30px 5px;
  display: inline-block;
}
.fbar:hover {
  border: solid 1px #d7afaf;
}
.fbar:before {
  content: attr(data-b);
  position: absolute;
  font-size: 12px;
}
.fbar:after {
  content: attr(data-t);
  position: absolute;
  bottom: -24px;
  text-align: center;
  width: 100%;
  left: 0;
  line-height: 1.15;
  font-size: 14px;
  top: 102%;  
}
.fbar > span{
  display: inline-block;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 0;
  position: absolute;
  transition: all .25s ease-in;
}
@media (max-width: 980px){
    .qform_plm {
        text-align: center;
    }
}