@charset "utf-8";

/* Grid */

.right { float: right !important; }
.left { float: left; }

.row { position: relative; display: block;}
.row:after { content: ""; display: block; clear: both; }
.row3 {margin-left: -3px; margin-right: -3px;}
.row10 {margin-left: -10px; margin-right: -10px;}
.row15 {margin-left: -15px; margin-right: -15px;}
.row20 {margin-left: -20px; margin-right: -20px;}

.col { float: left; width: 100%; display: block; box-sizing: border-box; position: relative; }
.col3 {padding: 0 3px;}
.col10 {padding: 0 10px;}
.col15 {padding: 0 15px;}
.col20 {padding: 0 20px;}

.col.half { width: 50%;}
.col.triple { width: 33.33%;}
.col.quad { width: 25%;}
.col.triple.x2 { width: 66.66%; }
.col.quad.x3 { width: 75%; }