* {
  padding: 0;
  margin: 0;
}

html,body {}
div {}

.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}

.fl-l {float: left;}

.border {border: 1px solid #000;}

.block-of {
  padding: 2%;
  /*border: 1px solid #ddd;*/
}
.circle{width:68%;text-align:left;margin:auto}
.circle:before{display:inline-block;content:" "; background: #000; width:3em; height:3em;border-radius:50%;vertical-align:middle;float:left;}
.circle div {/*display:inline-block;*/vertical-align:middle;margin-left:8%;}
.circle div:after{/*display:block;content:" ";vertical-align:middle*/}