/* FlexGRID. */
.wrapper {
    width: 100%;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body .wrapper:first-child {
    margin: 0;
}
.row {
    clear: both;
    max-width: 86.5%;
    height: 100%;
    margin: 0 auto;
}
.row:after {
    content:"";
    display:table;
    clear:both;
}
.row.no-max {
  max-width: 100%;
  width: 100%;
}

/* .col_1, .col_2, .col_3, .col_4, .col_5, .col_6,.col_7, .col_8, .col_9, .col_10, .col_11, .col_12 */
.col {
    float: left;
    width: 100%;
    border-collapse:collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word;
    margin: 0;
    position:relative;
}
.row.no_padding{
    padding: 0 !important;
}
.col.no_margin{
    margin:0 !important;
}
/*.wrapper .row .col_2,.wrapper .row .col_3,.wrapper .row .col_4,.wrapper .row .col_5,.wrapper .row .col_6,.wrapper .row .col_7, .wrapper .row .col_8, .wrapper .row .col_9, .wrapper .row .col_10, .wrapper .row .col_11, .wrapper .row .col_12*/
.wrapper .row .col_1{
    padding: 0;
}
.no_padding,
.row.no_padding > .col {
    padding: 0 !important;
}

.row.no_margin {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.row.no_top_margin {
    margin-top: 0 !important;
}

@media all and (min-width : 768px) {
    .wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        clear: both;
        margin: 0 auto;
        max-width: 90%;
        height: 100%;
        padding: 0;
    }
        .row.no-max{max-width: 100%;}
        .row.img-row{max-width: 100%;}

    .wrapper .row {
        padding: 0;  
    }
    .row:after {
        content:"";
        display:table;
        clear:both;
    }
    .col {
        margin: 0 2.325% 0 0;
        float: left;
        word-break: break-word;
        position: relative;
    }
    
    .col_1 { width: 6.2%; }
    .col_2 { width: 14.725%; }
    .col_3 { width: 23.25%; }
    .col_4 { width: 31.775%; }
    .col_5 { width: 40.3%; }
    .col_6 { width: 48.825%; }
    .col_7 { width: 57.35%; }
    .col_8 { width: 65.875%; }
    .col_9 { width: 74.4%; }
    .col_10 { width: 82.925%; }
    .col_11 { width: 91.45%; }
    .col_12 { width: 100%; }


    .offset_1{margin-left: 8.525%}
        .offset_1.smaller_offset{margin-left:6.2%;}
    .offset_2{margin-left: 17.05%; }
    .offset_3{margin-left: 25.575%; }
    .offset_4{margin-left: 34.05%; }
    .offset_5{margin-left: 42.625%; }
    .offset_6{margin-left: 51.15%; }
    .offset_7{margin-left: 59.675%; }    
    
    .col:last-child, .last,.extra {
        margin-right: 0;
    }
    .col_centered, .col_centered:last-child{margin:0 auto;float: none;}
}

@media all and (min-width : 1024px) {
    /*.row{margin:50px auto;}*/
}