/**
columns 
*/
.zc,
.float,
.zu-col,
.zc-5,
.zu-col-5,
.zc-10,
.zu-col-10,
.zc-15,
.zu-col-15,
.zc-20,
.zu-col-20,
.zc-25,
.zu-col-25,
.zc-30,
.zu-col-30,
.zc-35,
.zu-col-35,
.zc-33,
.zu-col-33,
.zc-40,
.zu-col-40,
.zc-45,
.zu-col-45,
.zc-50,
.zu-col-50,
.zc-55,
.zu-col-55,
.zc-60,
.zu-col-60,
.zc-65,
.zc-66,
.zu-col-65,
.zu-col-66,
.zc-70,
.zu-col-70,
.zc-75,
.zu-col-75,
.zc-80,
.zu-col-80,
.zc-85,
.zu-col-85,
.zc-90,
.zu-col-90,
.zc-95,
.zu-col-95,
.zc-100,
.zu-col-100 {
    float: left;
}

.zc-5,
.zw-5,
.zu-col-5 {
    width: 5% !important;
}

.zc-10,
.zw-10,
.zu-col-10 {
    width: 10% !important;
}

.zc-15,
.zw-15,
.zu-col-15 {
    width: 15% !important;
}

.zc-20,
.zw-20,
.zu-col-20 {
    width: 20% !important;
}

.zc-25,
.zw-25,
.zu-col-25 {
    width: 25% !important;
}

.zc-30,
.zw-30,
.zu-col-30 {
    width: 30% !important;
}

.zc-33,
.zw-33,
.zu-col-33 {
    width: 33.33% !important;
}

.zc-35,
.zw-35,
.zu-col-35 {
    width: 35% !important;
}

.zc-40,
.zw-40,
.zu-col-40 {
    width: 40% !important;
}

.zc-45,
.zw-45,
.zu-col-45 {
    width: 45% !important;
}

.zc-50,
.zw-50,
.zu-col-50 {
    width: 50% !important;
}

.zc-55,
.zw-55,
.zu-col-55 {
    width: 55% !important;
}

.zc-60,
.zw-60,
.zu-col-60 {
    width: 60% !important;
}

.zc-65,
.zw-65,
.zu-col-65 {
    width: 65% !important;
}


.zc-66,
.zw-66,
.zu-col-66 {
    width: 66.6% !important;
}


.zc-70,
.zw-70,
.zu-col-70 {
    width: 70% !important;
}

.zc-75,
.zw-75,
.zu-col-75 {
    width: 75% !important;
}

.zc-80,
.zw-80,
.zu-col-80 {
    width: 80% !important;
}

.zc-85,
.zw-85,
.zu-col-85 {
    width: 85% !important;
}

.zc-90,
.zw-90,
.zu-col-90 {
    width: 90% !important;
}

.zc-95,
.zw-95,
.zu-col-95 {
    width: 95% !important;
}

.zc-100,
.zw-100,
.zu-col-100 {
    width: 100% !important;
}



.zc-5.zm-5,
.zw-5.zm-5,
.zu-col-5.zm-5 {
    width: calc(5% - 10px) !important;
}

.zc-10.zm-5,
.zw-10.zm-5,
.zu-col-10.zm-5 {
    width: calc(10% - 10px) !important;
}

.zc-15.zm-5,
.zw-15.zm-5,
.zu-col-15.zm-5 {
    width: calc(15% - 10px) !important;
}

.zc-20.zm-5,
.zw-20.zm-5,
.zu-col-20.zm-5 {
    width: calc(20% - 10px) !important;
}

.zc-25.zm-5,
.zw-25.zm-5,
.zu-col-25.zm-5 {
    width: calc(25% - 10px) !important;
}

.zc-30.zm-5,
.zw-30.zm-5,
.zu-col-30.zm-5 {
    width: calc(30% - 10px) !important;
}

.zc-33.zm-5,
.zw-33.zm-5,
.zu-col-33.zm-5 {
    width: calc(33.33% - 10px) !important;
}

.zc-35.zm-5,
.zw-35.zm-5,
.zu-col-35.zm-5 {
    width: calc(35% - 10px) !important;
}

.zc-40.zm-5,
.zw-40.zm-5,
.zu-col-40.zm-5 {
    width: calc(40% - 10px) !important;
}

.zc-45.zm-5,
.zw-45.zm-5,
.zu-col-45.zm-5 {
    width: calc(45% - 10px) !important;
}

.zc-50.zm-5,
.zw-50.zm-5,
.zu-col-50.zm-5 {
    width: calc(50% - 10px) !important;
}

.zc-55.zm-5,
.zw-55.zm-5,
.zu-col-55.zm-5 {
    width: calc(55% - 10px) !important;
}

.zc-60.zm-5,
.zw-60.zm-5,
.zu-col-60.zm-5 {
    width: calc(60% - 10px) !important;
}

.zc-65.zm-5,
.zw-65.zm-5,
.zu-col-65.zm-5 {
    width: calc(65% - 10px) !important;
}


.zc-66.zm-5,
.zw-66.zm-5,
.zu-col-66.zm-5 {
    width: calc(66.6% - 10px) !important;
}


.zc-70.zm-5,
.zw-70.zm-5,
.zu-col-70.zm-5 {
    width: calc(70% - 10px) !important;
}

.zc-75.zm-5,
.zw-75.zm-5,
.zu-col-75.zm-5 {
    width: calc(75% - 10px) !important;
}

.zc-80.zm-5,
.zw-80.zm-5,
.zu-col-80.zm-5 {
    width: calc(80% - 10px) !important;
}

.zc-85.zm-5,
.zw-85.zm-5,
.zu-col-85.zm-5 {
    width: calc(85% - 10px) !important;
}

.zc-90.zm-5,
.zw-90.zm-5,
.zu-col-90.zm-5 {
    width: calc(90% - 10px) !important;
}

.zc-95.zm-5,
.zw-95.zm-5,
.zu-col-95.zm-5 {
    width: calc(95% - 10px) !important;
}

.zc-100.zm-5,
.zw-100.zm-5,
.zu-col-100.zm-5 {
    width: calc(100% - 10px) !important;
}
/**
* versão celular
*/
@media (max-width: 768px) {

    .zcm,
    .zu-mob-col,
    .zcm-5,
    .zu-mob-col-5,
    .zcm-10,
    .zu-mob-col-10,
    .zcm-15,
    .zu-mob-col-15,
    .zcm-20,
    .zu-mob-col-20,
    .zcm-25,
    .zu-mob-col-25,
    .zcm-30,
    .zu-mob-col-30,
    .zcm-35,
    .zu-mob-col-35,
    .zcm-33,
    .zu-mob-col-33,
    .zcm-40,
    .zu-mob-col-40,
    .zcm-45,
    .zu-mob-col-45,
    .zcm-50,
    .zu-mob-col-50,
    .zcm-55,
    .zu-mob-col-55,
    .zcm-60,
    .zu-mob-col-60,
    .zcm-65,
    .zu-mob-col-65,
    .zcm-70,
    .zu-mob-col-70,
    .zcm-75,
    .zu-mob-col-75,
    .zcm-80,
    .zu-mob-col-80,
    .zcm-85,
    .zu-mob-col-85,
    .zcm-90,
    .zu-mob-col-90,
    .zcm-95,
    .zu-mob-col-95,
    .zcm-100,
    .zu-mob-col-100 {
        float: left;
    }

    .zcm-5,
    .zu-mob-col-5 {
        width: 5% !important;
    }

    .zcm-10,
    .zu-mob-col-10 {
        width: 10% !important;
    }

    .zcm-15,
    .zu-mob-col-15 {
        width: 15% !important;
    }

    .zcm-20,
    .zu-mob-col-20 {
        width: 20% !important;
    }

    .zcm-25,
    .zu-mob-col-25 {
        width: 25% !important;
    }

    .zcm-30,
    .zu-mob-col-30 {
        width: 30% !important;
    }

    .zcm-33,
    .zu-mob-col-33 {
        width: 33.33% !important;
    }

    .zcm-35,
    .zu-mob-col-35 {
        width: 35% !important;
    }

    .zcm-40,
    .zu-mob-col-40 {
        width: 40% !important;
    }

    .zcm-45,
    .zu-mob-col-45 {
        width: 45% !important;
    }

    .zcm-50,
    .zu-mob-col-50 {
        width: 50% !important;
    }

    .zcm-55,
    .zu-mob-col-55 {
        width: 55% !important;
    }

    .zcm-60,
    .zu-mob-col-60 {
        width: 60% !important;
    }

    .zcm-65,
    .zu-mob-col-65 {
        width: 65% !important;
    }

    .zcm-70,
    .zu-mob-col-70 {
        width: 70% !important;
    }

    .zcm-75,
    .zu-mob-col-75 {
        width: 75% !important;
    }

    .zcm-80,
    .zu-mob-col-80 {
        width: 80% !important;
    }

    .zcm-85,
    .zu-mob-col-85 {
        width: 85% !important;
    }

    .zcm-90,
    .zu-mob-col-90 {
        width: 90% !important;
    }

    .zcm-95,
    .zu-mob-col-95 {
        width: 95% !important;
    }

    .zcm-100,
    .zu-mob-col-100 {
        width: 100% !important;
    }

    /**
     * com margem
     */



    .zcm-5.zm-5,
    .zu-mob-col-5.zm-5 {
        width: calc(5% - 10px) !important;
    }

    .zcm-10.zm-5,
    .zu-mob-col-10.zm-5 {
        width: calc(10% - 10px) !important;
    }

    .zcm-15.zm-5,
    .zu-mob-col-15.zm-5 {
        width: calc(15% - 10px) !important;
    }

    .zcm-20.zm-5,
    .zu-mob-col-20.zm-5 {
        width: calc(20% - 10px) !important;
    }

    .zcm-25.zm-5,
    .zu-mob-col-25.zm-5 {
        width: calc(25% - 10px) !important;
    }

    .zcm-30.zm-5,
    .zu-mob-col-30.zm-5 {
        width: calc(30% - 10px) !important;
    }

    .zcm-33.zm-5,
    .zu-mob-col-33.zm-5 {
        width: calc(33.33% - 10px) !important;
    }

    .zcm-35.zm-5,
    .zu-mob-col-35.zm-5 {
        width: calc(35% - 10px) !important;
    }

    .zcm-40.zm-5,
    .zu-mob-col-40.zm-5 {
        width: calc(40% - 10px) !important;
    }

    .zcm-45.zm-5,
    .zu-mob-col-45.zm-5 {
        width: calc(45% - 10px) !important;
    }

    .zcm-50.zm-5,
    .zu-mob-col-50.zm-5 {
        width: calc(50% - 10px) !important;
    }

    .zcm-55.zm-5,
    .zu-mob-col-55.zm-5 {
        width: calc(55% - 10px) !important;
    }

    .zcm-60.zm-5,
    .zu-mob-col-60.zm-5 {
        width: calc(60% - 10px) !important;
    }

    .zcm-65.zm-5,
    .zu-mob-col-65.zm-5 {
        width: calc(65% - 10px) !important;
    }

    .zcm-70.zm-5,
    .zu-mob-col-70.zm-5 {
        width: calc(70% - 10px) !important;
    }

    .zcm-75.zm-5,
    .zu-mob-col-75.zm-5 {
        width: calc(75% - 10px) !important;
    }

    .zcm-80.zm-5,
    .zu-mob-col-80.zm-5 {
        width: calc(80% - 10px) !important;
    }

    .zcm-85.zm-5,
    .zu-mob-col-85.zm-5 {
        width: calc(85% - 10px) !important;
    }

    .zcm-90.zm-5,
    .zu-mob-col-90.zm-5 {
        width: calc(90% - 10px) !important;
    }

    .zcm-95.zm-5,
    .zu-mob-col-95.zm-5 {
        width: calc(95% - 10px) !important;
    }

    .zcm-100.zm-5,
    .zu-mob-col-100.zm-5 {
        width: calc(100% - 10px) !important;
    }

}


/**
* versão tablet
*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .zct,
    .zct-5,
    .zct-10,
    .zct-15,
    .zct-20,
    .zct-25,
    .zct-30,
    .zct-35,
    .zct-33,
    .zct-40,
    .zct-45,
    .zct-50,
    .zct-55,
    .zct-60,
    .zct-65,
    .zct-70,
    .zct-75,
    .zct-80,
    .zct-85,
    .zct-90,
    .zct-95,
    .zct-100 {
        float: left;
    }

    .zct-5 {
        width: 5% !important;
    }

    .zct-10 {
        width: 10% !important;
    }

    .zct-15 {
        width: 15% !important;
    }

    .zct-20 {
        width: 20% !important;
    }

    .zct-25 {
        width: 25% !important;
    }

    .zct-30 {
        width: 30% !important;
    }

    .zct-33 {
        width: 33.33% !important;
    }

    .zct-35 {
        width: 35% !important;
    }

    .zct-40 {
        width: 40% !important;
    }

    .zct-45 {
        width: 45% !important;
    }

    .zct-50 {
        width: 50% !important;
    }

    .zct-55 {
        width: 55% !important;
    }

    .zct-60 {
        width: 60% !important;
    }

    .zct-65 {
        width: 65% !important;
    }

    .zct-70 {
        width: 70% !important;
    }

    .zct-75 {
        width: 75% !important;
    }

    .zct-80 {
        width: 80% !important;
    }

    .zct-85 {
        width: 85% !important;
    }

    .zct-90 {
        width: 90% !important;
    }

    .zct-95 {
        width: 95% !important;
    }

    .zct-100 {
        width: 100% !important;
    }

    /**
     * com margem
     */
    .zct-5.zm-5 {
        width: calc(5% - 10px) !important;
    }

    .zct-10.zm-5 {
        width: calc(10% - 10px) !important;
    }

    .zct-15.zm-5 {
        width: calc(15% - 10px) !important;
    }

    .zct-20.zm-5 {
        width: calc(20% - 10px) !important;
    }

    .zct-25.zm-5 {
        width: calc(25% - 10px) !important;
    }

    .zct-30.zm-5 {
        width: calc(30% - 10px) !important;
    }

    .zct-33.zm-5 {
        width: calc(33.33% - 10px) !important;
    }

    .zct-35.zm-5 {
        width: calc(35% - 10px) !important;
    }

    .zct-40.zm-5 {
        width: calc(40% - 10px) !important;
    }

    .zct-45.zm-5 {
        width: calc(45% - 10px) !important;
    }

    .zct-50.zm-5 {
        width: calc(50% - 10px) !important;
    }

    .zct-55.zm-5 {
        width: calc(55% - 10px) !important;
    }

    .zct-60.zm-5 {
        width: calc(60% - 10px) !important;
    }

    .zct-65.zm-5 {
        width: calc(65% - 10px) !important;
    }

    .zct-70.zm-5 {
        width: calc(70% - 10px) !important;
    }

    .zct-75.zm-5 {
        width: calc(75% - 10px) !important;
    }

    .zct-80.zm-5 {
        width: calc(80% - 10px) !important;
    }

    .zct-85.zm-5 {
        width: calc(85% - 10px) !important;
    }

    .zct-90.zm-5 {
        width: calc(90% - 10px) !important;
    }

    .zct-95.zm-5 {
        width: calc(95% - 10px) !important;
    }

    .zct-100.zm-5 {
        width: calc(100% - 10px) !important;
    }

}