.row {
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    margin: 0 -5px;
    padding: 5px 0;
}
.row:after {
    font-size: 0;
    line-height: 0;
    display: block;
    clear: both;
    content: '\00a0';
}
.row--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.row .col {
    float: left;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 5px;
}
.row .col--2-1 {
    float: left;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 5px;
}
.row .col--2-2 {
    float: left;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 5px;
}
.row .col--3-1 {
    float: left;
    width: -webkit-calc(33.333% - 10px);
    width: -moz-calc(33.333% - 10px);
    width: calc(33.333% - 10px);
    margin: 5px;
}
.row .col--3-2 {
    float: left;
    width: -webkit-calc(66.666% - 10px);
    width: -moz-calc(66.666% - 10px);
    width: calc(66.666% - 10px);
    margin: 5px;
}
.row .col--3-3 {
    float: left;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 5px;
}
.row .col--4-1 {
    float: left;
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width: calc(25% - 10px);
    margin: 5px;
}
.row .col--4-2 {
    float: left;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 5px;
}
.row .col--4-3 {
    float: left;
    width: -webkit-calc(75% - 10px);
    width: -moz-calc(75% - 10px);
    width: calc(75% - 10px);
    margin: 5px;
}
.row .col--4-4 {
    float: left;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 5px;
}
.row .col--5-1 {
    float: left;
    width: -webkit-calc(20% - 10px);
    width: -moz-calc(20% - 10px);
    width: calc(20% - 10px);
    margin: 5px;
}
.row .col--5-2 {
    float: left;
    width: -webkit-calc(40% - 10px);
    width: -moz-calc(40% - 10px);
    width: calc(40% - 10px);
    margin: 5px;
}
.row .col--5-3 {
    float: left;
    width: -webkit-calc(60% - 10px);
    width: -moz-calc(60% - 10px);
    width: calc(60% - 10px);
    margin: 5px;
}
.row .col--5-4 {
    float: left;
    width: -webkit-calc(80% - 10px);
    width: -moz-calc(80% - 10px);
    width: calc(80% - 10px);
    margin: 5px;
}
.row .col--5-5 {
    float: left;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 5px;
}
@media (max-width: 980px) {
    .row--break .col--3-1 {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
    }
    .row--break .col--3-2 {
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    .row--break .col--4-1 {
        width: -webkit-calc(33.333% - 10px);
        width: -moz-calc(33.333% - 10px);
        width: calc(33.333% - 10px);
    }
    .row--break .col--4-2 {
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    .row--break .col--4-3 {
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    .row--break .col--5-1 {
        float: left;
        width: -webkit-calc(33.333% - 10px);
        width: -moz-calc(33.333% - 10px);
        width: calc(33.333% - 10px);
        margin: 5px;
    }
    .row--break .col--5-2 {
        float: left;
        width: -webkit-calc(66.666% - 10px);
        width: -moz-calc(66.666% - 10px);
        width: calc(66.666% - 10px);
        margin: 5px;
    }
    .row--break .col--5-3 {
        float: left;
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
        margin: 5px;
    }
    .row--break .col--5-4 {
        float: left;
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
        margin: 5px;
    }
    .row--break-l > * {
        width: -webkit-calc(100% - 10px) !important;
        width: -moz-calc(100% - 10px) !important;
        width: calc(100% - 10px) !important;
    }
}
@media (max-width: 640px) {
    .row--break .col--2-1 {
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    .row--break .col--3-1 {
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    .row--break .col--3-2 {
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    .row--break .col--4-1 {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
    }
    .row--break .col--5-1 {
        float: left;
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
        margin: 5px;
    }
    .row--break .col--5-2 {
        float: left;
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
        margin: 5px;
    }
    .row--break-m > * {
        width: -webkit-calc(100% - 10px) !important;
        width: -moz-calc(100% - 10px) !important;
        width: calc(100% - 10px) !important;
    }
}
@media (max-width: 480px) {
    .row--break .col--3-1 {
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    .row--break .col--4-1 {
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    .row--break .col--5-1 {
        float: left;
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
        margin: 5px;
    }
    .row--break-s > * {
        width: -webkit-calc(100% - 10px) !important;
        width: -moz-calc(100% - 10px) !important;
        width: calc(100% - 10px) !important;
    }
}