.fl {
  float: left
}

.fr {
  float: right
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

.fwb {
  font-weight: bold !important;
}

.vtm {
  vertical-align: middle;
}

.dib {
  display: inline-block;
}

.flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-1 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}