* {
    -moz-box-sizing: border-box;
}
.container {
    margin: 0 auto;
    position: relative;
}
.container {
    max-width: 1100px;
}
.row {
    position: relative;
}
.row:after, .col:after, .clr:after, .group:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.row, div.clear {
    padding-bottom: 2em;
}
.col {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}
@media (min-width: 690px) {
.col {
    margin-right: 2%;
}
}
.col.col_last {
    margin-right: 0;
}
.col:last-child {
    margin-right: 0;
}
@media (min-width: 690px) {
.span_1 {
    width: 6.5%;
}
.span_2 {
    width: 15%;
}
.span_3 {
    width: 23.5%;
}
.span_4 {
    width: 32%;
}
.span_5 {
    width: 40.5%;
}
.span_6 {
    width: 49%;
}
.span_7 {
    width: 57.5%;
}
.span_8 {
    width: 66%;
}
.span_9 {
    width: 74.5%;
}
.span_10 {
    width: 83%;
}
.span_11 {
    width: 91.5%;
}
.span_12 {
    width: 100%;
}
}