/**
 * Clearing Floats Without Structural Markup
 *
 * Apply this CSS class to the container that has the float inside of it.
 *
 * Example:
 * <div class="clearfix">
 *  <div class="floatleft">Foo Bar Baz</div>
 * </div>
 *
 * @see http://www.positioniseverything.net/easyclearing.html
 */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */