/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    PROPRIÉTÉ : TRANSFORM
    Styles liés à la transform
*/

/*
    01 - XS
        Défaut
        Translate
            TranslateY
                Pourcent
                Vh
                Vw
                Pixel
            TranslateX
        Scale
            ScaleY
            ScaleX
        Rotate
        Skew
    02 - SM
    03 - MD
    04 - LG
    05 - XL
    06 - XXL
*/



/* -------------
    01 - XS
        Défaut
------------- */

.t-none {
    transform: none;
}



/* -------------
    01 - XS
        Translate
------------- */

.t-translate-n50-50 {
    transform: translate(-50%, 50%);
}

.t-translate-50-n50 {
    transform: translate(50%, -50%);
}

.t-translate-n50-n50 {
    transform: translate(-50%, -50%);
}

.t-translate-50-50 {
    transform: translate(50%, 50%);
}




/* -------------------------
    01 - XS
        Translate
            TranslateY
                Pourcent
------------------------- */

.t-translateY-n50 {
    transform: translateY(-50%);
}

.t-translateY-n100 {
    transform: translateY(-100%);
}



/* -------------------------
    01 - XS
        Translate
            TranslateY
                Pixel
------------------------- */

.t-translateY-0 {
    transform: translateY(0);
}

.t-translateY-3px {
    transform: translateY(3px);
}

    .t-translateY-n3px {
        transform: translateY(-3px);
    }

.t-translateY-5px {
    transform: translateY(5px);
}

    .t-translateY-n5px {
        transform: translateY(-5px);
    }

.t-translateY-8px {
    transform: translateY(8px);
}

    .t-translateY-n8px {
        transform: translateY(-8px);
    }

.t-translateY-10px {
    transform: translateY(10px);
}

    .t-translateY-n10px {
        transform: translateY(-10px);
    }

.t-translateY-15px {
    transform: translateY(15px);
}

    .t-translateY-n15px {
        transform: translateY(-15px);
    }

.t-translateY-20px {
    transform: translateY(20px);
}

    .t-translateY-n20px {
        transform: translateY(-20px);
    }

.t-translateY-25px {
    transform: translateY(25px);
}

    .t-translateY-n25px {
        transform: translateY(-25px);
    }

.t-translateY-30px {
    transform: translateY(30px);
}

    .t-translateY-n30px {
        transform: translateY(-30px);
    }

.t-translateY-40px {
    transform: translateY(40px);
}

    .t-translateY-n40px {
        transform: translateY(-40px);
    }

.t-translateY-50px {
    transform: translateY(50px);
}

    .t-translateY-n50px {
        transform: translateY(-50px);
    }

.t-translateY-60px {
    transform: translateY(60px);
}

    .t-translateY-n60px {
        transform: translateY(-60px);
    }

.t-translateY-70px {
    transform: translateY(70px);
}

    .t-translateY-n70px {
        transform: translateY(-70px);
    }

.t-translateY-80px {
    transform: translateY(80px);
}

    .t-translateY-n80px {
        transform: translateY(-80px);
    }

.t-translateY-90px {
    transform: translateY(90px);
}

    .t-translateY-n90px {
        transform: translateY(-90px);
    }

.t-translateY-100px {
    transform: translateY(100px);
}

    .t-translateY-n100px {
        transform: translateY(-100px);
    }




/* -------------------------
    01 - XS
        Translate
            TranslateX
                Pourcent
------------------------- */

.t-translateX-n50 {
    transform: translateX(-50%);
}

.t-translateX-n100 {
    transform: translateX(-100%);
}



/* -------------------------
    01 - XS
        Translate
            TranslateX
                Pixel
------------------------- */

.t-translateX-0 {
    transform: translateX(0);
}

.t-translateX-3px {
    transform: translateX(3px);
}

    .t-translateX-n3px {
        transform: translateX(-3px);
    }

.t-translateX-5px {
    transform: translateX(5px);
}

    .t-translateX-n5px {
        transform: translateX(-5px);
    }

.t-translateX-8px {
    transform: translateX(8px);
}

    .t-translateX-n8px {
        transform: translateX(-8px);
    }

.t-translateX-10px {
    transform: translateX(10px);
}

    .t-translateX-n10px {
        transform: translateX(-10px);
    }

.t-translateX-15px {
    transform: translateX(15px);
}

    .t-translateX-n15px {
        transform: translateX(-15px);
    }

.t-translateX-20px {
    transform: translateX(20px);
}

    .t-translateX-n20px {
        transform: translateX(-20px);
    }

.t-translateX-25px {
    transform: translateX(25px);
}

    .t-translateX-n25px {
        transform: translateX(-25px);
    }

.t-translateX-30px {
    transform: translateX(30px);
}

    .t-translateX-n30px {
        transform: translateX(-30px);
    }

.t-translateX-40px {
    transform: translateX(40px);
}

    .t-translateX-n40px {
        transform: translateX(-40px);
    }

.t-translateX-50px {
    transform: translateX(50px);
}

    .t-translateX-n50px {
        transform: translateX(-50px);
    }

.t-translateX-60px {
    transform: translateX(60px);
}

    .t-translateX-n60px {
        transform: translateX(-60px);
    }

.t-translateX-70px {
    transform: translateX(70px);
}

    .t-translateX-n70px {
        transform: translateX(-70px);
    }

.t-translateX-80px {
    transform: translateX(80px);
}

    .t-translateX-n80px {
        transform: translateX(-80px);
    }

.t-translateX-90px {
    transform: translateX(90px);
}

    .t-translateX-n90px {
        transform: translateX(-90px);
    }

.t-translateX-100px {
    transform: translateX(100px);
}

    .t-translateX-n100px {
        transform: translateX(-100px);
    }



/* -----------------
    01 - XS
        Scale
            ScaleY
----------------- */

.t-scaleY-1 {
    transform: scaleY(1);
}

    .t-scaleY-n1 {
        transform: scaleY(-1);
    }



/* -----------------
    01 - XS
        Scale
            ScaleX
----------------- */

.t-scaleX-1 {
    transform: scaleX(1);
}

    .t-scaleX-n1 {
        transform: scaleX(-1);
    }



/* -------------
    01 - XS
        Rotate
------------- */

.t-rotate-0 {
    transform: rotate(0);
}

.t-rotate-45deg {
    transform: rotate(45deg);
}

    .t-rotate-n45deg {
        transform: rotate(-45deg);
    }

.t-rotate-90deg {
    transform: rotate(90deg);
}

    .t-rotate-n90deg {
        transform: rotate(-90deg);
    }



/* -------------
    02 - SM
        Défaut
------------- */

@media (min-width: 576px) {
    .t-sm-none {
        transform: none;
    }
}



/* -------------
    02 - SM
        Translate
------------- */

@media (min-width: 576px) {
    .t-translate-sm-n50-50 {
        transform: translate(-50%, 50%);
    }

    .t-translate-sm-50-n50 {
        transform: translate(50%, -50%);
    }

    .t-translate-sm-n50-n50 {
        transform: translate(-50%, -50%);
    }

    .t-translate-sm-50-50 {
        transform: translate(50%, 50%);
    }
}




/* -------------------------
    02 - SM
        Translate
            TranslateY
                Pourcent
------------------------- */

@media (min-width: 576px) {
    .t-translateY-sm-n50 {
        transform: translateY(-50%);
    }

    .t-translateY-sm-n100 {
        transform: translateY(-100%);
    }
}



/* -------------------------
    02 - SM
        Translate
            TranslateY
                Pixel
------------------------- */

@media (min-width: 576px) {
    .t-translateY-sm-0 {
        transform: translateY(0);
    }

    .t-translateY-sm-3px {
        transform: translateY(3px);
    }

        .t-translateY-n3px {
            transform: translateY(-3px);
        }

    .t-translateY-sm-5px {
        transform: translateY(5px);
    }

        .t-translateY-n5px {
            transform: translateY(-5px);
        }

    .t-translateY-sm-8px {
        transform: translateY(8px);
    }

        .t-translateY-n8px {
            transform: translateY(-8px);
        }

    .t-translateY-sm-10px {
        transform: translateY(10px);
    }

        .t-translateY-n10px {
            transform: translateY(-10px);
        }

    .t-translateY-sm-15px {
        transform: translateY(15px);
    }

        .t-translateY-n15px {
            transform: translateY(-15px);
        }

    .t-translateY-sm-20px {
        transform: translateY(20px);
    }

        .t-translateY-n20px {
            transform: translateY(-20px);
        }

    .t-translateY-sm-25px {
        transform: translateY(25px);
    }

        .t-translateY-n25px {
            transform: translateY(-25px);
        }

    .t-translateY-sm-30px {
        transform: translateY(30px);
    }

        .t-translateY-n30px {
            transform: translateY(-30px);
        }

    .t-translateY-sm-40px {
        transform: translateY(40px);
    }

        .t-translateY-n40px {
            transform: translateY(-40px);
        }

    .t-translateY-sm-50px {
        transform: translateY(50px);
    }

        .t-translateY-n50px {
            transform: translateY(-50px);
        }

    .t-translateY-sm-60px {
        transform: translateY(60px);
    }

        .t-translateY-n60px {
            transform: translateY(-60px);
        }

    .t-translateY-sm-70px {
        transform: translateY(70px);
    }

        .t-translateY-n70px {
            transform: translateY(-70px);
        }

    .t-translateY-sm-80px {
        transform: translateY(80px);
    }

        .t-translateY-n80px {
            transform: translateY(-80px);
        }

    .t-translateY-sm-90px {
        transform: translateY(90px);
    }

        .t-translateY-n90px {
            transform: translateY(-90px);
        }

    .t-translateY-sm-100px {
        transform: translateY(100px);
    }

        .t-translateY-n100px {
            transform: translateY(-100px);
        }
}



/* -------------------------
    02 - SM
        Translate
            TranslateX
                Pixel
------------------------- */

@media (min-width: 576px) {
    .t-translateX-sm-0 {
        transform: translateX(0);
    }

    .t-translateX-sm-3px {
        transform: translateX(3px);
    }

        .t-translateX-sm-n3px {
            transform: translateX(-3px);
        }

    .t-translateX-sm-5px {
        transform: translateX(5px);
    }

        .t-translateX-sm-n5px {
            transform: translateX(-5px);
        }

    .t-translateX-sm-8px {
        transform: translateX(8px);
    }

        .t-translateX-sm-n8px {
            transform: translateX(-8px);
        }

    .t-translateX-sm-10px {
        transform: translateX(10px);
    }

        .t-translateX-sm-n10px {
            transform: translateX(-10px);
        }

    .t-translateX-sm-15px {
        transform: translateX(15px);
    }

        .t-translateX-sm-n15px {
            transform: translateX(-15px);
        }

    .t-translateX-sm-20px {
        transform: translateX(20px);
    }

        .t-translateX-sm-n20px {
            transform: translateX(-20px);
        }

    .t-translateX-sm-25px {
        transform: translateX(25px);
    }

        .t-translateX-sm-n25px {
            transform: translateX(-25px);
        }

    .t-translateX-sm-30px {
        transform: translateX(30px);
    }

        .t-translateX-sm-n30px {
            transform: translateX(-30px);
        }

    .t-translateX-sm-40px {
        transform: translateX(40px);
    }

        .t-translateX-sm-n40px {
            transform: translateX(-40px);
        }

    .t-translateX-sm-50px {
        transform: translateX(50px);
    }

        .t-translateX-sm-n50px {
            transform: translateX(-50px);
        }

    .t-translateX-sm-60px {
        transform: translateX(60px);
    }

        .t-translateX-sm-n60px {
            transform: translateX(-60px);
        }

    .t-translateX-sm-70px {
        transform: translateX(70px);
    }

        .t-translateX-sm-n70px {
            transform: translateX(-70px);
        }

    .t-translateX-sm-80px {
        transform: translateX(80px);
    }

        .t-translateX-sm-n80px {
            transform: translateX(-80px);
        }

    .t-translateX-sm-90px {
        transform: translateX(90px);
    }

        .t-translateX-sm-n90px {
            transform: translateX(-90px);
        }

    .t-translateX-sm-100px {
        transform: translateX(100px);
    }

        .t-translateX-sm-n100px {
            transform: translateX(-100px);
        }
}



/* -------------
    02 - SM
        Scale
------------- */

@media (min-width: 576px) {
    .t-scaleX-sm-1 {
        transform: scaleX(1);
    }

        .t-scaleX-sm-n1 {
            transform: scaleX(-1);
        }
}



/* -------------
    02 - SM
        Rotate
------------- */

@media (min-width: 576px) {
    .t-rotate-sm-0 {
        transform: rotate(0);
    }

    .t-rotate-sm-45deg {
        transform: rotate(45deg);
    }

        .t-rotate-sm-n45deg {
            transform: rotate(-45deg);
        }

    .t-rotate-sm-90deg {
        transform: rotate(90deg);
    }

        .t-rotate-sm-n90deg {
            transform: rotate(-90deg);
        }
}



/* -------------
    03 - MD
        Défaut
------------- */

@media (min-width: 768px) {
    .t-md-none {
        transform: none;
    }
}



/* -------------
    03 - MD
        Translate
------------- */

@media (min-width: 768px) {
    .t-translate-md-n50-50 {
        transform: translate(-50%, 50%);
    }

    .t-translate-md-50-n50 {
        transform: translate(50%, -50%);
    }

    .t-translate-md-n50-n50 {
        transform: translate(-50%, -50%);
    }

    .t-translate-md-50-50 {
        transform: translate(50%, 50%);
    }
}




/* -------------------------
    03 - MD
        Translate
            TranslateY
                Pourcent
------------------------- */

@media (min-width: 768px) {
    .t-translateY-md-n50 {
        transform: translateY(-50%);
    }

    .t-translateY-md-n100 {
        transform: translateY(-100%);
    }
}



/* -------------------------
    03 - MD
        Translate
            TranslateY
                Pixel
------------------------- */

@media (min-width: 768px) {
    .t-translateY-md-0 {
        transform: translateY(0);
    }

    .t-translateY-md-3px {
        transform: translateY(3px);
    }

        .t-translateY-n3px {
            transform: translateY(-3px);
        }

    .t-translateY-md-5px {
        transform: translateY(5px);
    }

        .t-translateY-n5px {
            transform: translateY(-5px);
        }

    .t-translateY-md-8px {
        transform: translateY(8px);
    }

        .t-translateY-n8px {
            transform: translateY(-8px);
        }

    .t-translateY-md-10px {
        transform: translateY(10px);
    }

        .t-translateY-n10px {
            transform: translateY(-10px);
        }

    .t-translateY-md-15px {
        transform: translateY(15px);
    }

        .t-translateY-n15px {
            transform: translateY(-15px);
        }

    .t-translateY-md-20px {
        transform: translateY(20px);
    }

        .t-translateY-n20px {
            transform: translateY(-20px);
        }

    .t-translateY-md-25px {
        transform: translateY(25px);
    }

        .t-translateY-n25px {
            transform: translateY(-25px);
        }

    .t-translateY-md-30px {
        transform: translateY(30px);
    }

        .t-translateY-n30px {
            transform: translateY(-30px);
        }

    .t-translateY-md-40px {
        transform: translateY(40px);
    }

        .t-translateY-n40px {
            transform: translateY(-40px);
        }

    .t-translateY-md-50px {
        transform: translateY(50px);
    }

        .t-translateY-n50px {
            transform: translateY(-50px);
        }

    .t-translateY-md-60px {
        transform: translateY(60px);
    }

        .t-translateY-n60px {
            transform: translateY(-60px);
        }

    .t-translateY-md-70px {
        transform: translateY(70px);
    }

        .t-translateY-n70px {
            transform: translateY(-70px);
        }

    .t-translateY-md-80px {
        transform: translateY(80px);
    }

        .t-translateY-n80px {
            transform: translateY(-80px);
        }

    .t-translateY-md-90px {
        transform: translateY(90px);
    }

        .t-translateY-n90px {
            transform: translateY(-90px);
        }

    .t-translateY-md-100px {
        transform: translateY(100px);
    }

        .t-translateY-n100px {
            transform: translateY(-100px);
        }
}



/* -------------------------
    03 - MD
        Translate
            TranslateX
                Pixel
------------------------- */

@media (min-width: 768px) {
    .t-translateX-md-0 {
        transform: translateX(0);
    }

    .t-translateX-md-3px {
        transform: translateX(3px);
    }

        .t-translateX-md-n3px {
            transform: translateX(-3px);
        }

    .t-translateX-md-5px {
        transform: translateX(5px);
    }

        .t-translateX-md-n5px {
            transform: translateX(-5px);
        }

    .t-translateX-md-8px {
        transform: translateX(8px);
    }

        .t-translateX-md-n8px {
            transform: translateX(-8px);
        }

    .t-translateX-md-10px {
        transform: translateX(10px);
    }

        .t-translateX-md-n10px {
            transform: translateX(-10px);
        }

    .t-translateX-md-15px {
        transform: translateX(15px);
    }

        .t-translateX-md-n15px {
            transform: translateX(-15px);
        }

    .t-translateX-md-20px {
        transform: translateX(20px);
    }

        .t-translateX-md-n20px {
            transform: translateX(-20px);
        }

    .t-translateX-md-25px {
        transform: translateX(25px);
    }

        .t-translateX-md-n25px {
            transform: translateX(-25px);
        }

    .t-translateX-md-30px {
        transform: translateX(30px);
    }

        .t-translateX-md-n30px {
            transform: translateX(-30px);
        }

    .t-translateX-md-40px {
        transform: translateX(40px);
    }

        .t-translateX-md-n40px {
            transform: translateX(-40px);
        }

    .t-translateX-md-50px {
        transform: translateX(50px);
    }

        .t-translateX-md-n50px {
            transform: translateX(-50px);
        }

    .t-translateX-md-60px {
        transform: translateX(60px);
    }

        .t-translateX-md-n60px {
            transform: translateX(-60px);
        }

    .t-translateX-md-70px {
        transform: translateX(70px);
    }

        .t-translateX-md-n70px {
            transform: translateX(-70px);
        }

    .t-translateX-md-80px {
        transform: translateX(80px);
    }

        .t-translateX-md-n80px {
            transform: translateX(-80px);
        }

    .t-translateX-md-90px {
        transform: translateX(90px);
    }

        .t-translateX-md-n90px {
            transform: translateX(-90px);
        }

    .t-translateX-md-100px {
        transform: translateX(100px);
    }

        .t-translateX-md-n100px {
            transform: translateX(-100px);
        }
}



/* -------------
    03 - MD
        Scale
------------- */

@media (min-width: 768px) {
    .t-scaleX-md-1 {
        transform: scaleX(1);
    }

        .t-scaleX-md-n1 {
            transform: scaleX(-1);
        }
}



/* -------------
    03 - MD
        Rotate
------------- */

@media (min-width: 768px) {
    .t-rotate-md-0 {
        transform: rotate(0);
    }

    .t-rotate-md-45deg {
        transform: rotate(45deg);
    }

        .t-rotate-md-n45deg {
            transform: rotate(-45deg);
        }

    .t-rotate-md-90deg {
        transform: rotate(90deg);
    }

        .t-rotate-md-n90deg {
            transform: rotate(-90deg);
        }
}



/* -------------
    04 - LG
        Défaut
------------- */

@media (min-width: 992px) {
    .t-lg-none {
        transform: none;
    }
}



/* -------------
    04 - LG
        Translate
------------- */

@media (min-width: 992px) {
    .t-translate-lg-n50-50 {
        transform: translate(-50%, 50%);
    }

    .t-translate-lg-50-n50 {
        transform: translate(50%, -50%);
    }

    .t-translate-lg-n50-n50 {
        transform: translate(-50%, -50%);
    }

    .t-translate-lg-50-50 {
        transform: translate(50%, 50%);
    }
}




/* -------------------------
    04 - LG
        Translate
            TranslateY
                Pourcent
------------------------- */

@media (min-width: 992px) {
    .t-translateY-lg-n50 {
        transform: translateY(-50%);
    }

    .t-translateY-lg-n100 {
        transform: translateY(-100%);
    }
}



/* -------------------------
    04 - LG
        Translate
            TranslateY
                Pixel
------------------------- */

@media (min-width: 992px) {
    .t-translateY-lg-0 {
        transform: translateY(0);
    }

    .t-translateY-lg-3px {
        transform: translateY(3px);
    }

        .t-translateY-n3px {
            transform: translateY(-3px);
        }

    .t-translateY-lg-5px {
        transform: translateY(5px);
    }

        .t-translateY-n5px {
            transform: translateY(-5px);
        }

    .t-translateY-lg-8px {
        transform: translateY(8px);
    }

        .t-translateY-n8px {
            transform: translateY(-8px);
        }

    .t-translateY-lg-10px {
        transform: translateY(10px);
    }

        .t-translateY-n10px {
            transform: translateY(-10px);
        }

    .t-translateY-lg-15px {
        transform: translateY(15px);
    }

        .t-translateY-n15px {
            transform: translateY(-15px);
        }

    .t-translateY-lg-20px {
        transform: translateY(20px);
    }

        .t-translateY-n20px {
            transform: translateY(-20px);
        }

    .t-translateY-lg-25px {
        transform: translateY(25px);
    }

        .t-translateY-n25px {
            transform: translateY(-25px);
        }

    .t-translateY-lg-30px {
        transform: translateY(30px);
    }

        .t-translateY-n30px {
            transform: translateY(-30px);
        }

    .t-translateY-lg-40px {
        transform: translateY(40px);
    }

        .t-translateY-n40px {
            transform: translateY(-40px);
        }

    .t-translateY-lg-50px {
        transform: translateY(50px);
    }

        .t-translateY-n50px {
            transform: translateY(-50px);
        }

    .t-translateY-lg-60px {
        transform: translateY(60px);
    }

        .t-translateY-n60px {
            transform: translateY(-60px);
        }

    .t-translateY-lg-70px {
        transform: translateY(70px);
    }

        .t-translateY-n70px {
            transform: translateY(-70px);
        }

    .t-translateY-lg-80px {
        transform: translateY(80px);
    }

        .t-translateY-n80px {
            transform: translateY(-80px);
        }

    .t-translateY-lg-90px {
        transform: translateY(90px);
    }

        .t-translateY-n90px {
            transform: translateY(-90px);
        }

    .t-translateY-lg-100px {
        transform: translateY(100px);
    }

        .t-translateY-n100px {
            transform: translateY(-100px);
        }
}



/* -------------------------
    04 - LG
        Translate
            TranslateX
                Pixel
------------------------- */

@media (min-width: 992px) {
    .t-translateX-lg-0 {
        transform: translateX(0);
    }

    .t-translateX-lg-3px {
        transform: translateX(3px);
    }

        .t-translateX-lg-n3px {
            transform: translateX(-3px);
        }

    .t-translateX-lg-5px {
        transform: translateX(5px);
    }

        .t-translateX-lg-n5px {
            transform: translateX(-5px);
        }

    .t-translateX-lg-8px {
        transform: translateX(8px);
    }

        .t-translateX-lg-n8px {
            transform: translateX(-8px);
        }

    .t-translateX-lg-10px {
        transform: translateX(10px);
    }

        .t-translateX-lg-n10px {
            transform: translateX(-10px);
        }

    .t-translateX-lg-15px {
        transform: translateX(15px);
    }

        .t-translateX-lg-n15px {
            transform: translateX(-15px);
        }

    .t-translateX-lg-20px {
        transform: translateX(20px);
    }

        .t-translateX-lg-n20px {
            transform: translateX(-20px);
        }

    .t-translateX-lg-25px {
        transform: translateX(25px);
    }

        .t-translateX-lg-n25px {
            transform: translateX(-25px);
        }

    .t-translateX-lg-30px {
        transform: translateX(30px);
    }

        .t-translateX-lg-n30px {
            transform: translateX(-30px);
        }

    .t-translateX-lg-40px {
        transform: translateX(40px);
    }

        .t-translateX-lg-n40px {
            transform: translateX(-40px);
        }

    .t-translateX-lg-50px {
        transform: translateX(50px);
    }

        .t-translateX-lg-n50px {
            transform: translateX(-50px);
        }

    .t-translateX-lg-60px {
        transform: translateX(60px);
    }

        .t-translateX-lg-n60px {
            transform: translateX(-60px);
        }

    .t-translateX-lg-70px {
        transform: translateX(70px);
    }

        .t-translateX-lg-n70px {
            transform: translateX(-70px);
        }

    .t-translateX-lg-80px {
        transform: translateX(80px);
    }

        .t-translateX-lg-n80px {
            transform: translateX(-80px);
        }

    .t-translateX-lg-90px {
        transform: translateX(90px);
    }

        .t-translateX-lg-n90px {
            transform: translateX(-90px);
        }

    .t-translateX-lg-100px {
        transform: translateX(100px);
    }

        .t-translateX-lg-n100px {
            transform: translateX(-100px);
        }
}



/* -------------
    04 - LG
        Scale
------------- */

@media (min-width: 992px) {
    .t-scaleX-lg-1 {
        transform: scaleX(1);
    }

        .t-scaleX-lg-n1 {
            transform: scaleX(-1);
        }
}



/* -------------
    04 - LG
        Rotate
------------- */

@media (min-width: 992px) {
    .t-rotate-lg-0 {
        transform: rotate(0);
    }

    .t-rotate-lg-45deg {
        transform: rotate(45deg);
    }

        .t-rotate-lg-n45deg {
            transform: rotate(-45deg);
        }

    .t-rotate-lg-90deg {
        transform: rotate(90deg);
    }

        .t-rotate-lg-n90deg {
            transform: rotate(-90deg);
        }
}



/* -------------
    05 - XL
        Défaut
------------- */

@media (min-width: 1200px) {
    .t-xl-none {
        transform: none;
    }
}



/* -------------
    05 - XL
        Translate
------------- */

@media (min-width: 1200px) {
    .t-translate-xl-n50-50 {
        transform: translate(-50%, 50%);
    }

    .t-translate-xl-50-n50 {
        transform: translate(50%, -50%);
    }

    .t-translate-xl-n50-n50 {
        transform: translate(-50%, -50%);
    }

    .t-translate-xl-50-50 {
        transform: translate(50%, 50%);
    }
}




/* -------------------------
    05 - XL
        Translate
            TranslateY
                Pourcent
------------------------- */

@media (min-width: 1200px) {
    .t-translateY-xl-n50 {
        transform: translateY(-50%);
    }

    .t-translateY-xl-n100 {
        transform: translateY(-100%);
    }
}



/* -------------------------
    05 - XL
        Translate
            TranslateY
                Pixel
------------------------- */

@media (min-width: 1200px) {
    .t-translateY-xl-0 {
        transform: translateY(0);
    }

    .t-translateY-xl-3px {
        transform: translateY(3px);
    }

        .t-translateY-n3px {
            transform: translateY(-3px);
        }

    .t-translateY-xl-5px {
        transform: translateY(5px);
    }

        .t-translateY-n5px {
            transform: translateY(-5px);
        }

    .t-translateY-xl-8px {
        transform: translateY(8px);
    }

        .t-translateY-n8px {
            transform: translateY(-8px);
        }

    .t-translateY-xl-10px {
        transform: translateY(10px);
    }

        .t-translateY-n10px {
            transform: translateY(-10px);
        }

    .t-translateY-xl-15px {
        transform: translateY(15px);
    }

        .t-translateY-n15px {
            transform: translateY(-15px);
        }

    .t-translateY-xl-20px {
        transform: translateY(20px);
    }

        .t-translateY-n20px {
            transform: translateY(-20px);
        }

    .t-translateY-xl-25px {
        transform: translateY(25px);
    }

        .t-translateY-n25px {
            transform: translateY(-25px);
        }

    .t-translateY-xl-30px {
        transform: translateY(30px);
    }

        .t-translateY-n30px {
            transform: translateY(-30px);
        }

    .t-translateY-xl-40px {
        transform: translateY(40px);
    }

        .t-translateY-n40px {
            transform: translateY(-40px);
        }

    .t-translateY-xl-50px {
        transform: translateY(50px);
    }

        .t-translateY-n50px {
            transform: translateY(-50px);
        }

    .t-translateY-xl-60px {
        transform: translateY(60px);
    }

        .t-translateY-n60px {
            transform: translateY(-60px);
        }

    .t-translateY-xl-70px {
        transform: translateY(70px);
    }

        .t-translateY-n70px {
            transform: translateY(-70px);
        }

    .t-translateY-xl-80px {
        transform: translateY(80px);
    }

        .t-translateY-n80px {
            transform: translateY(-80px);
        }

    .t-translateY-xl-90px {
        transform: translateY(90px);
    }

        .t-translateY-n90px {
            transform: translateY(-90px);
        }

    .t-translateY-xl-100px {
        transform: translateY(100px);
    }

        .t-translateY-n100px {
            transform: translateY(-100px);
        }
}



/* -------------------------
    05 - XL
        Translate
            TranslateX
                Pixel
------------------------- */

@media (min-width: 1200px) {
    .t-translateX-xl-0 {
        transform: translateX(0);
    }

    .t-translateX-xl-3px {
        transform: translateX(3px);
    }

        .t-translateX-xl-n3px {
            transform: translateX(-3px);
        }

    .t-translateX-xl-5px {
        transform: translateX(5px);
    }

        .t-translateX-xl-n5px {
            transform: translateX(-5px);
        }

    .t-translateX-xl-8px {
        transform: translateX(8px);
    }

        .t-translateX-xl-n8px {
            transform: translateX(-8px);
        }

    .t-translateX-xl-10px {
        transform: translateX(10px);
    }

        .t-translateX-xl-n10px {
            transform: translateX(-10px);
        }

    .t-translateX-xl-15px {
        transform: translateX(15px);
    }

        .t-translateX-xl-n15px {
            transform: translateX(-15px);
        }

    .t-translateX-xl-20px {
        transform: translateX(20px);
    }

        .t-translateX-xl-n20px {
            transform: translateX(-20px);
        }

    .t-translateX-xl-25px {
        transform: translateX(25px);
    }

        .t-translateX-xl-n25px {
            transform: translateX(-25px);
        }

    .t-translateX-xl-30px {
        transform: translateX(30px);
    }

        .t-translateX-xl-n30px {
            transform: translateX(-30px);
        }

    .t-translateX-xl-40px {
        transform: translateX(40px);
    }

        .t-translateX-xl-n40px {
            transform: translateX(-40px);
        }

    .t-translateX-xl-50px {
        transform: translateX(50px);
    }

        .t-translateX-xl-n50px {
            transform: translateX(-50px);
        }

    .t-translateX-xl-60px {
        transform: translateX(60px);
    }

        .t-translateX-xl-n60px {
            transform: translateX(-60px);
        }

    .t-translateX-xl-70px {
        transform: translateX(70px);
    }

        .t-translateX-xl-n70px {
            transform: translateX(-70px);
        }

    .t-translateX-xl-80px {
        transform: translateX(80px);
    }

        .t-translateX-xl-n80px {
            transform: translateX(-80px);
        }

    .t-translateX-xl-90px {
        transform: translateX(90px);
    }

        .t-translateX-xl-n90px {
            transform: translateX(-90px);
        }

    .t-translateX-xl-100px {
        transform: translateX(100px);
    }

        .t-translateX-xl-n100px {
            transform: translateX(-100px);
        }
}



/* -------------
    05 - XL
        Scale
------------- */

@media (min-width: 1200px) {
    .t-scaleX-xl-1 {
        transform: scaleX(1);
    }

        .t-scaleX-xl-n1 {
            transform: scaleX(-1);
        }
}



/* -------------
    05 - XL
        Rotate
------------- */

@media (min-width: 1200px) {
    .t-rotate-xl-0 {
        transform: rotate(0);
    }

    .t-rotate-xl-45deg {
        transform: rotate(45deg);
    }

        .t-rotate-xl-n45deg {
            transform: rotate(-45deg);
        }

    .t-rotate-xl-90deg {
        transform: rotate(90deg);
    }

        .t-rotate-xl-n90deg {
            transform: rotate(-90deg);
        }
}



/* -------------
    06 - XXL
        Défaut
------------- */

@media (min-width: 1400px) {
    .t-xxl-none {
        transform: none;
    }
}



/* -------------
    06 - XXL
        Translate
------------- */

@media (min-width: 1400px) {
    .t-translate-xxl-n50-50 {
        transform: translate(-50%, 50%);
    }

    .t-translate-xxl-50-n50 {
        transform: translate(50%, -50%);
    }

    .t-translate-xxl-n50-n50 {
        transform: translate(-50%, -50%);
    }

    .t-translate-xxl-50-50 {
        transform: translate(50%, 50%);
    }
}




/* -------------------------
    06 - XXL
        Translate
            TranslateY
                Pourcent
------------------------- */

@media (min-width: 1400px) {
    .t-translateY-xxl-n50 {
        transform: translateY(-50%);
    }

    .t-translateY-xxl-n100 {
        transform: translateY(-100%);
    }
}



/* -------------------------
    06 - XXL
        Translate
            TranslateY
                Pixel
------------------------- */

@media (min-width: 1400px) {
    .t-translateY-xxl-0 {
        transform: translateY(0);
    }

    .t-translateY-xxl-3px {
        transform: translateY(3px);
    }

        .t-translateY-n3px {
            transform: translateY(-3px);
        }

    .t-translateY-xxl-5px {
        transform: translateY(5px);
    }

        .t-translateY-n5px {
            transform: translateY(-5px);
        }

    .t-translateY-xxl-8px {
        transform: translateY(8px);
    }

        .t-translateY-n8px {
            transform: translateY(-8px);
        }

    .t-translateY-xxl-10px {
        transform: translateY(10px);
    }

        .t-translateY-n10px {
            transform: translateY(-10px);
        }

    .t-translateY-xxl-15px {
        transform: translateY(15px);
    }

        .t-translateY-n15px {
            transform: translateY(-15px);
        }

    .t-translateY-xxl-20px {
        transform: translateY(20px);
    }

        .t-translateY-n20px {
            transform: translateY(-20px);
        }

    .t-translateY-xxl-25px {
        transform: translateY(25px);
    }

        .t-translateY-n25px {
            transform: translateY(-25px);
        }

    .t-translateY-xxl-30px {
        transform: translateY(30px);
    }

        .t-translateY-n30px {
            transform: translateY(-30px);
        }

    .t-translateY-xxl-40px {
        transform: translateY(40px);
    }

        .t-translateY-n40px {
            transform: translateY(-40px);
        }

    .t-translateY-xxl-50px {
        transform: translateY(50px);
    }

        .t-translateY-n50px {
            transform: translateY(-50px);
        }

    .t-translateY-xxl-60px {
        transform: translateY(60px);
    }

        .t-translateY-n60px {
            transform: translateY(-60px);
        }

    .t-translateY-xxl-70px {
        transform: translateY(70px);
    }

        .t-translateY-n70px {
            transform: translateY(-70px);
        }

    .t-translateY-xxl-80px {
        transform: translateY(80px);
    }

        .t-translateY-n80px {
            transform: translateY(-80px);
        }

    .t-translateY-xxl-90px {
        transform: translateY(90px);
    }

        .t-translateY-n90px {
            transform: translateY(-90px);
        }

    .t-translateY-xxl-100px {
        transform: translateY(100px);
    }

        .t-translateY-n100px {
            transform: translateY(-100px);
        }
}



/* -------------------------
    06 - XXL
        Translate
            TranslateX
                Pixel
------------------------- */

@media (min-width: 1400px) {
    .t-translateX-xxl-0 {
        transform: translateX(0);
    }

    .t-translateX-xxl-3px {
        transform: translateX(3px);
    }

        .t-translateX-xxl-n3px {
            transform: translateX(-3px);
        }

    .t-translateX-xxl-5px {
        transform: translateX(5px);
    }

        .t-translateX-xxl-n5px {
            transform: translateX(-5px);
        }

    .t-translateX-xxl-8px {
        transform: translateX(8px);
    }

        .t-translateX-xxl-n8px {
            transform: translateX(-8px);
        }

    .t-translateX-xxl-10px {
        transform: translateX(10px);
    }

        .t-translateX-xxl-n10px {
            transform: translateX(-10px);
        }

    .t-translateX-xxl-15px {
        transform: translateX(15px);
    }

        .t-translateX-xxl-n15px {
            transform: translateX(-15px);
        }

    .t-translateX-xxl-20px {
        transform: translateX(20px);
    }

        .t-translateX-xxl-n20px {
            transform: translateX(-20px);
        }

    .t-translateX-xxl-25px {
        transform: translateX(25px);
    }

        .t-translateX-xxl-n25px {
            transform: translateX(-25px);
        }

    .t-translateX-xxl-30px {
        transform: translateX(30px);
    }

        .t-translateX-xxl-n30px {
            transform: translateX(-30px);
        }

    .t-translateX-xxl-40px {
        transform: translateX(40px);
    }

        .t-translateX-xxl-n40px {
            transform: translateX(-40px);
        }

    .t-translateX-xxl-50px {
        transform: translateX(50px);
    }

        .t-translateX-xxl-n50px {
            transform: translateX(-50px);
        }

    .t-translateX-xxl-60px {
        transform: translateX(60px);
    }

        .t-translateX-xxl-n60px {
            transform: translateX(-60px);
        }

    .t-translateX-xxl-70px {
        transform: translateX(70px);
    }

        .t-translateX-xxl-n70px {
            transform: translateX(-70px);
        }

    .t-translateX-xxl-80px {
        transform: translateX(80px);
    }

        .t-translateX-xxl-n80px {
            transform: translateX(-80px);
        }

    .t-translateX-xxl-90px {
        transform: translateX(90px);
    }

        .t-translateX-xxl-n90px {
            transform: translateX(-90px);
        }

    .t-translateX-xxl-100px {
        transform: translateX(100px);
    }

        .t-translateX-xxl-n100px {
            transform: translateX(-100px);
        }
}



/* -------------
    06 - XXL
        Scale
------------- */

@media (min-width: 1400px) {
    .t-scaleX-xxl-1 {
        transform: scaleX(1);
    }

        .t-scaleX-xxl-n1 {
            transform: scaleX(-1);
        }
}



/* -------------
    06 - XXL
        Rotate
------------- */

@media (min-width: 1400px) {
    .t-rotate-xxl-0 {
        transform: rotate(0);
    }

    .t-rotate-xxl-45deg {
        transform: rotate(45deg);
    }

        .t-rotate-xxl-n45deg {
            transform: rotate(-45deg);
        }

    .t-rotate-xxl-90deg {
        transform: rotate(90deg);
    }

        .t-rotate-xxl-n90deg {
            transform: rotate(-90deg);
        }
}