/*  GRID  */


/*  SECTIONS  */

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}


/*  COLUMN SETUP  */

.col {
    display: block;
    float: left;
    margin: 0;
    /*	margin: 1% 0 1% 1.6%; */
}

.col:first-child {
    margin-left: 0;
}


/*  GROUPING  */

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}


/* FULL GRID CSS */

/* GRID OF ONE */
.span_1_of_1 {width: 100%;
margin: 0;}

/*  GRID OF TWO */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 50%;}

/*  GRID OF THREE  */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.66666%;}
.span_1_of_3 {width: 33.33333%;}

/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 75%;}
.span_2_of_4 {width: 50%;}
.span_1_of_4 {width: 25%;}

/*  GRID OF FIVE */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 80%;}
.span_3_of_5 {width: 60%;}
.span_2_of_5 {width: 40%;}
.span_1_of_5 {width: 20%;}

/*  GRID OF SIX */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.33333%;}
.span_4_of_6 {width: 66.66666%;}
.span_3_of_6 {width: 49.99999%;}
.span_2_of_6 {width: 33.33333%;}
.span_1_of_6 {width: 16.66666%;}

/*  GRID OF SEVEN */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.71428%;}
.span_5_of_7 {width: 71.42857%;}
.span_4_of_7 {width: 57.14285%;}
.span_3_of_7 {width: 42.85714%;}
.span_2_of_7 {width: 28.57142%;}
.span_1_of_7 {width: 14.28571%;}

/*  GRID OF EIGHT  */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.5%;}
.span_6_of_8 {width: 75%;}
.span_5_of_8 {width: 62.5%;}
.span_4_of_8 {width: 50%;}
.span_3_of_8 {width: 37.5%;}
.span_2_of_8 {width: 25%;}
.span_1_of_8 {width: 12.5%;}

/*  GRID OF NINE */
.span_9_of_9 {width: 100%;}
.span_8_of_9 {width: 88.88888%;}
.span_7_of_9 {width: 77.77777%;}
.span_6_of_9 {width: 66.66666%;}
.span_5_of_9 {width: 55.55555%;}
.span_4_of_9 {width: 44.44444%;}
.span_3_of_9 {width: 33.33333%;}
.span_2_of_9 {width: 22.22222%;}
.span_1_of_9 {width: 11.11111%;}

/*  GRID OF TEN  */
.span_10_of_10 {width: 100%;}
.span_9_of_10 {width: 90%;}
.span_8_of_10 {width: 80%;}
.span_7_of_10 {width: 70%;}
.span_6_of_10 {width: 60%;}
.span_5_of_10 {width: 50%;}
.span_4_of_10 {width: 40%;}
.span_3_of_10 {width: 30%;}
.span_2_of_10 {width: 20%;}
.span_1_of_10 {width: 10%;}

/*  GRID OF ELEVEN */
.span_11_of_11 {width: 100%;}
.span_10_of_11 {width: 90.90909%;}
.span_9_of_11 {width: 81.81818%;}
.span_8_of_11 {width: 72.72727%;}
.span_7_of_11 {width: 63.63633%;}
.span_6_of_11 {width: 54.54544%;}
.span_5_of_11 {width: 45.45454%;}
.span_4_of_11 {width: 36.36363%;}
.span_3_of_11 {width: 27.27272%;}
.span_2_of_11 {width: 18.18181%;}
.span_1_of_11 {width: 9.09090%;}

/*  GRID OF TWELVE */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.666666%;}
.span_10_of_12 {width: 83.33333%;}
.span_9_of_12 {width: 74.99999%;}
.span_8_of_12 {width: 66.33333%;}
.span_7_of_12 {width: 58.33333%;}
.span_6_of_12 {width: 49.99999%;}
.span_5_of_12 {width: 41.66666%;}
.span_4_of_12 {width: 33.33333%;}
.span_3_of_12 {width: 24.99999%;}
.span_2_of_12 {width: 16.66666%;}
.span_1_of_12 {width: 8.33333%;}