/******************************************** Default **************************
*******************************************************************************/
.clearer {
  display: block;
  clear: both;
  line-height: 0em;
  height: 1px;
  font-size: 0;
  visibility: hidden;
}

.clear {
  clear: both;
}

.hidden {
  display: inline !important;
  position: absolute !important;
  left: -1000px !important;
  top: -1000px !important;
  width: 0px !important;
  height: 0px !important;
  overflow: hidden !important;
  background-color: #FFF !important;
}

.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

.flleft {
  float: left;
}
.flright {
  float: right;
}


/*  Grid ***********************************************************************
*******************************************************************************/
.column {
  float: left;
}
.column.last {
  float: right !important;
}
.column.first, 
.column.last {
  margin-left: 0px !important;
}

.grid2col, 
.grid3col, 
.grid4col {
  width: 100%;
}

.clearfix:after, 
.grid2col:after, 
.grid3col:after, 
.grid4col:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}

.grid2col .column {
  width: 49%;
}
.grid3col .column {
  width: 32%;
  margin-left: 2%;
}
.grid4col .column {
  width: 25%;
}