.flow .titleArea {
  background: url(../images/flow/img_title-flow.jpg) 50% 50% no-repeat scroll;
  -webkit-background-size: cover;
  background-size: cover;
}

.flow .subSect h3 {
  padding: 0 0 5px 40px;
}

.flow .subSect h3:before {
  content: '';
  top: -4px;
  background: #0099d8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-style: italic;
  color: #fff;
  width: 34px;
  height: 34px;
}

.flow .subSect:nth-child(1) h3:before {
  content: "1";
}

.flow .subSect:nth-child(2) h3:before {
  content: "2";
}

.flow .subSect:nth-child(3) h3:before {
  content: "3";
}

.flow .subSect:nth-child(4) h3:before {
  content: "4";
}

.flow .subSect:nth-child(5) h3:before {
  content: "5";
}

.flow .subSect:nth-child(6) h3:before {
  content: "6";
}

@media (max-width: 480px) {
  .flow .subSect h3 {
    padding-left: 38px;
  }
  .flow .subSect h3:before {
    content: '';
    top: -2px;
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
}