.c1 {
    width: 6.25%;
}

.ml1 {
    margin-left: 6.25%;
}

.mr1 {
    margin-right: 6.25%;
}

.c2 {
    width: 12.5%;
}

.ml2 {
    margin-left: 12.5%;
}

.mr2 {
    margin-right: 12.5%;
}

.c3 {
    width: 18.75%;
}

.ml3 {
    margin-left: 18.75%;
}

.mr3 {
    margin-right: 18.75%;
}

.c4 {
    width: 25%;
}

.ml4 {
    margin-left: 25%;
}

.mr4 {
    margin-right: 25%;
}

.c5 {
    width: 31.25%;
}

.ml5 {
    margin-left: 31.25%;
}

.mr5 {
    margin-right: 31.25%;
}

.c6 {
    width: 37.5%;
}

.ml6 {
    margin-left: 37.5%;
}

.mr6 {
    margin-right: 37.5%;
}

.c7 {
    width: 43.75%;
}

.ml7 {
    margin-left: 43.75%;
}

.mr7 {
    margin-right: 43.75%;
}

.c8 {
    width: 50%;
}

.ml8 {
    margin-left: 50%;
}

.mr8 {
    margin-right: 50%;
}

.c9 {
    width: 56.25%;
}

.ml9 {
    margin-left: 56.25%;
}

.mr9 {
    margin-right: 56.25%;
}

.c10 {
    width: 62.5%;
}

.ml10 {
    margin-left: 62.5%;
}

.mr10 {
    margin-right: 62.5%;
}

.c11 {
    width: 68.75%;
}

.ml11 {
    margin-left: 68.75%;
}

.mr11 {
    margin-right: 68.75%;
}

.c12 {
    width: 75%;
}

.ml12 {
    margin-left: 75%;
}

.mr12 {
    margin-right: 75%;
}

.c13 {
    width: 81.25%;
}

.ml13 {
    margin-left: 81.25%;
}

.mr13 {
    margin-right: 81.25%;
}

.c14 {
    width: 87.5%;
}

.ml14 {
    margin-left: 87.5%;
}

.mr14 {
    margin-right: 87.5%;
}

.c15 {
    width: 93.75%;
}

.ml15 {
    margin-left: 93.75%;
}

.mr15 {
    margin-right: 93.75%;
}

.c16 {
    width: 100%;
}

.ml16 {
    margin-left: 100%;
}

.mr16 {
    margin-right: 100%;
}

.c_20 {
    width: 20%;
}

.c_25 {
    width: 25%;
}

.c_33 {
    width: 33.333%;
}

.c_42 {
    width: 42%;
}

.c_50 {
    width: 50%;
}

.c_58 {
    width: 58%;
}

.c_100 {
    width: 100%;
}

.r {
    box-sizing: border-box;
    max-width: 1170px;
    margin: 0 auto;
    font-size: 0;
}

.r:after {
    display: table;
    clear: both;
    content: '';
}

.c {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
}

@media screen and (max-width: 1170px) {
    .r {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1000px) {
    .cl_20 {
        width: 20%;
    }

    .cl_25 {
        width: 25%;
    }

    .cl_33 {
        width: 33%;
    }

    .cl_50 {
        width: 50%;
    }

    .cl_100 {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .cm_20 {
        width: 20%;
    }

    .cm_25 {
        width: 25%;
    }

    .cm_33 {
        width: 33%;
    }

    .cm_50 {
        width: 50%;
    }

    .cm_100 {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .cs_20 {
        width: 20%;
    }

    .cs_25 {
        width: 25%;
    }

    .cs_33 {
        width: 33%;
    }

    .cs_50 {
        width: 50%;
    }

    .cs_100 {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    .ct_20 {
        width: 20%;
    }

    .ct_25 {
        width: 25%;
    }

    .ct_33 {
        width: 33%;
    }

    .ct_50 {
        width: 50%;
    }

    .ct_100 {
        width: 100%;
    }
}