.left {
    float: left;
}

.right {
    float: right;
}

.tx-left {
    text-align: left;
}

.tx-center {
    text-align: center;
}

.tx-right {
    text-align: right;
}

.tx-red {
    color: red;
}

.tx-green {
    color: #6C9D1F;
}

.tx-pink {
    color: #DE127A;
}

.tx-brown {
    color: #720606;
}

.row {
    clear: both;
    /* float: left; */
    width: 100%;
    display: table;
}

.s1,
.s2,
.s3,
.s4,
.s5,
.s6,
.s7,
.s8,
.s9,
.s10,
.s11,
.s12,
.m1,
.m2,
.m3,
.m4,
.m5,
.m6,
.m7,
.m8,
.m9,
.m10,
.m11,
.m12,
.l1,
.l2,
.l3,
.l4,
.l5,
.l6,
.l7,
.l8,
.l9,
.l10,
.l11,
.l12,
.x1,
.x2,
.x3,
.x4,
.x5,
.x6,
.x7,
.x8,
.x9,
.x10,
.x11,
.x12 {
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
}

.row-p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1491px;
    position: relative;
    margin: 0px auto;
    padding: 20px;
}

.s0 {
    width: 0%;
    overflow: hidden;
}

.s1 {
    width: 8.33333333%;
}

.s2 {
    width: 16.66666667%;
}

.s3 {
    width: 25%;
}

.s4 {
    width: 33.33333333%;
}

.s5 {
    width: 41.66666667%;
}

.s6 {
    width: 50%;
}

.s7 {
    width: 58.33333333%;
}

.s8 {
    width: 66.66666667%;
}

.s9 {
    width: 75%;
}

.s10 {
    width: 83.33333333%;
}

.s11 {
    width: 91.66666667%;
}

.s12 {
    width: 100%;
}

.s00 {
    width: auto;
}

@media (min-width: 768px) {
    .m0 {
        width: 0%;
        overflow: hidden;
    }
    .m1 {
        width: 8.33333333%;
    }
    .m2 {
        width: 16.66666667%;
    }
    .m3 {
        width: 25%;
    }
    .m4 {
        width: 33.33333333%;
    }
    .m5 {
        width: 41.66666667%;
    }
    .m6 {
        width: 50%;
    }
    .m7 {
        width: 58.33333333%;
    }
    .m8 {
        width: 66.66666667%;
    }
    .m9 {
        width: 75%;
    }
    .m10 {
        width: 83.33333333%;
    }
    .m11 {
        width: 91.66666667%;
    }
    .m12 {
        width: 100%;
    }
    .m00 {
        width: auto;
    }
    .row-p {
        padding: 25px;
    }
    .hide-m {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .l0 {
        width: 0%;
        overflow: hidden;
    }
    .l1 {
        width: 8.33333333%;
    }
    .l2 {
        width: 16.66666667%;
    }
    .l3 {
        width: 25%;
    }
    .l4 {
        width: 33.33333333%;
    }
    .l5 {
        width: 41.66666667%;
    }
    .l6 {
        width: 50%;
    }
    .l7 {
        width: 58.33333333%;
    }
    .l8 {
        width: 66.66666667%;
    }
    .l9 {
        width: 75%;
    }
    .l10 {
        width: 83.33333333%;
    }
    .l11 {
        width: 91.66666667%;
    }
    .l12 {
        width: 100%;
    }
    .l00 {
        width: auto;
    }
    .row-p {
        padding: 30px;
    }
    .hide-l {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .x0 {
        width: 0%;
        overflow: hidden;
    }
    .x1 {
        width: 8.33333333%;
    }
    .x2 {
        width: 16.66666667%;
    }
    .x3 {
        width: 25%;
    }
    .x4 {
        width: 33.33333333%;
    }
    .x5 {
        width: 41.66666667%;
    }
    .x6 {
        width: 50%;
    }
    .x7 {
        width: 58.33333333%;
    }
    .x8 {
        width: 66.66666667%;
    }
    .x9 {
        width: 75%;
    }
    .x10 {
        width: 83.33333333%;
    }
    .x11 {
        width: 91.66666667%;
    }
    .x12 {
        width: 100%;
    }
    .x00 {
        width: auto;
    }
    .row-p {
        padding: 35px;
    }
    .hide-x {
        display: none !important;
    }
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-r-25 {
    margin-left: 25px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}

.p-t-0 {
    padding-top: 0px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 25px;
}