:root{
    /*  ---------- -------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    /*  ROOT BASIC -------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    /*  ---------- -------------------------------------------- */

    /*  ROOT SCROLL GAP LARGE --------------------------------- */
    --Scroll-Gap-Large: 270px;
    
    /*  ROOT SCROLL GAP SHORT --------------------------------- */
    --Scroll-Gap-Short: 100px;
    
    /*  ROOT SCROLL GAP END SHORT ----------------------------- */
    --Scroll-Gap-End-Large: 100px;
    
    /*  ROOT SCROLL GAP END SHORT ----------------------------- */
    --Scroll-Gap-End-Short: 100px;
    
    /*  ROOT SITE COLUMN NB ----------------------------------- */
    --Column-Numer-1: 8;
    --Column-Numer-2: 22;
    --Column-Numer-3: 14;
    --Column-Numer-4: 12;
    --Column-Numer-5: 6;
    --Column-Numer: var(--Column-Numer-1);

    /*  ROOT SITE MARGINS ------------------------------------- */
    --Site-Margins-1: 40px;
    --Site-Margins-2: 20px;
    --Site-Margins: var(--Site-Margins-1);

    /*  ROOT SITE COLUMN GAP ---------------------------------- */
    --Column-Gap-1: 20px;
    --Column-Gap-2: 10px;
    --Column-Gap: var(--Column-Gap-1);
    
    
    /*  ROOT SITE WIDTH --------------------------------------- */
    --Content-Width-1: calc(100vw - 80px);
    --Content-Width-2: calc(100vw - 40px);
    --Content-Width: var(--Content-Width-1);
    
    /*  ROOT COLUMN SITE WIDTH --------------------------------------- */
    --Column-Site-Width: calc(((var(--Content-Width)) - (((var(--Column-Numer)) - 1) * (var(--Column-Gap)))) / (var(--Column-Numer)));
    
    /*  ---------- -------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    /*  ROOT IOS NAV ------------------------------------------ */
    /*  ---------- -------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    
    /*  ROOT NAV LOGO CONTAINER WIDTH ------------------------- */
    --Ios-Nav-Logo-Container-Width-1: 182px;
    --Ios-Nav-Logo-Container-Width-2: 142px;
    --Ios-Nav-Logo-Container-Width: var(--Ios-Nav-Logo-Container-Width-1);
    
    /*  ROOT BURGER MAIN CONTAINER WIDTH ---------------------- */
    --Ios-Burger-Main-Container-Width-1: 130px;
    --Ios-Burger-Main-Container-Width-2: 90px;
    --Ios-Burger-Main-Container-Width: var(--Ios-Burger-Main-Container-Width-1);
    
    /*  ROOT IOS NAV BACK WIDTH ------------------------------- */
    --Ios-Nav-Back-Width: 14px;
    /*  ROOT IOS NAV BACK CONTAINER WIDTH --------------------- */
    --Ios-Nav-Back-Container-Width: calc((var(--Ios-Nav-Back-Width)) + (2 * (var(--Site-Margins))));
    
    /*  ROOT IOS NAV BACK MAIN CONTAINER WIDTH ---------------- */
    --Ios-Nav-Back-Main-Container-Width: var(--Ios-Nav-Logo-Container-Width);

    /*  ---------- -------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    /*  ROOT MENU --------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    
    
    /*  ROOT MENU ITEM GAP ------------------------------------ */
    --Menu-Item-Gap-1: 26px;
    --Menu-Item-Gap-2: 17px;
    --Menu-Item-Gap-3: 11px;
    --Menu-Item-Gap: var(--Menu-Item-Gap-1);
    
    /*  ROOT MENU FULL GAP ------------------------------------ */
    /* --Menu-Full-Gap-1: 36px;
    --Menu-Full-Gap-2: 24px;
    --Menu-Full-Gap-3: 12px;
    --Menu-Full-Gap: var(--Menu-Full-Gap-1); */
    

    /*  ROOT MENU CONTAINER HEIGHT ---------------------------- */
    --Menu-Container-Height: var(--Lh-Menu-Item-Txt);

    /*  ROOT MENU FULL CONTAINER WIDTH ------------------------ */
    --Menu-Full-Container-Width: var(--Content-Width);

    /*  ROOT MENU FULL CONTAINER 1 LEFT INIT ------------------ */
    --Menu-Full-Container-1-Left-Init: var(--Site-Margins);

    /*  ROOT MENU FULL CONTAINER 1 LEFT BIS ------------------- */
    --Menu-Full-Container-1-Left-Bis: calc((var(--Menu-Full-Container-1-Left-Init)) - 36px);

    /*  ROOT MENU FULL CONTAINER 2 LEFT INIT ------------------ */
    --Menu-Full-Container-2-Left-Init: calc((var(--Menu-Full-Container-1-Left-Init)) + 36px);

    /*  ROOT MENU FULL CONTAINER 2 LEFT BIS ------------------- */
    --Menu-Full-Container-2-Left-Bis: calc((var(--Menu-Full-Container-1-Left-Init)));
    
    /*  ROOT MENU MAIN CONTAINER WIDTH ------------------------ */
    --Menu-Main-Container-Width: var(--Content-Width);
    
    /*  ROOT MENU FULL CONTAINER TOP -------------------------- */
    --Menu-Full-Container-Top-1: 100px;
    --Menu-Full-Container-Top-2: 80px;
    --Menu-Full-Container-Top: var(--Menu-Full-Container-Top-1);
    
    /*  ROOT MENU BOTTOM FULL CONTAINER WIDTH ----------------- */
    --Menu-Bottom-Full-Container-Width: var(--Content-Width);
    /*  ROOT MENU BOTTOM FULL CONTAINER WIDTH ----------------- */
    --Menu-Bottom-Main-Container-Width: var(--Content-Width);

    /*  ROOT MENU BOTTOM FULL CONTAINER HEIGHT ---------------- */
    --Menu-Bottom-Full-Container-Height-1: 152px;
    --Menu-Bottom-Full-Container-Height-2: 80px;
    --Menu-Bottom-Full-Container-Height: var(--Menu-Bottom-Full-Container-Height-1);

    /*  ROOT MENU FULL CONTAINER HEIGHT ----------------------- */
    --Menu-Full-Container-Height: calc(100vh - (var(--Menu-Bottom-Full-Container-Height)) - (var(--Menu-Full-Container-Top)));
    
    /*  ROOT MENU MAIN CONTAINER HEIGHT 1 --------------------- */
    --Menu-Main-Container-1-Height: calc((6 * (var(--Lh-Menu-Item-Txt))) + (5 * (var(--Menu-Item-Gap))));
    
    /*  ROOT MENU MAIN CONTAINER HEIGHT 1 OFF ----------------- */
    --Menu-Main-Container-1-Height-Off: calc((6 * (var(--Lh-Menu-Item-Txt))) + (2 * (var(--Menu-Item-Gap))));
    
    /*  ROOT MENU MAIN CONTAINER HEIGHT 2 --------------------- */
    --Menu-Main-Container-2-Height: calc((3 * (var(--Lh-Menu-Item-Txt))) + (2 * (var(--Menu-Item-Gap))));
    /*  ROOT MENU MAIN CONTAINER HEIGHT 2 OFF ----------------- */
    --Menu-Main-Container-2-Height-Off: calc((3 * (var(--Lh-Menu-Item-Txt))) + (1 * (var(--Menu-Item-Gap))));

    /*  ---------- -------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    /*  ROOT COVER -------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    /*  ---------- -------------------------------------------- */
    
    /* --Cover-Container-Width-1: calc(((var(--Content-Width)))); */
    /* --Cover-Container-Width-2: calc(); */
    /* --Cover-Container-Width-3: calc(); */
    /* --Cover-Container-Width-4: calc(); */
    /* --Cover-Container-Width-5: calc(); */
    /* --Cover-Container-Width: var(--Cover-Container-Width-1); */
    /* --Cover-Container-Width: calc((var(--Content-Width)) - ((((var(--Column-Numer)) - 1) * (var(--Column-Gap))) / (var(--Column-Numer)))); */
    
    /* --Cover-Container-Width: calc(((var(--Column-Site-Width)) * 4) + (3 * (var(--Column-Gap)))); */
    
    --Cover-Container-Width-1: calc(((var(--Column-Site-Width)) * 4) + (3 * (var(--Column-Gap))));      /* XTRA - 1801 */
    --Cover-Container-Width-2: calc(((var(--Column-Site-Width)) * 12) + (11 * (var(--Column-Gap))));    /* 1800 - 1701 */
    --Cover-Container-Width-3: calc(((var(--Column-Site-Width)) * 8) + (7 * (var(--Column-Gap))));      /* 1700 - 1601 */
    --Cover-Container-Width-4: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap))));      /* 1600 - 1301 */
    --Cover-Container-Width-5: calc(((var(--Column-Site-Width)) * 8) + (7 * (var(--Column-Gap))));      /* 1300 - 0731 */
    --Cover-Container-Width-6: calc(((var(--Column-Site-Width)) * 4) + (3 * (var(--Column-Gap))));      /* 0730 - 0501 */
    --Cover-Container-Width-7: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap))));      /* 0500 - 0000 */

    --Cover-Container-Width: var(--Cover-Container-Width-1);
    

    --Cover-Container-Height: calc(1.5 * (var(--Cover-Container-Width)));
    
    /*  ----------- ------------------------------------------- */
    /*  ROOT FOOTER ------------------------------------------- */
    /*  ----------- ------------------------------------------- */
    --Footer-Height-Large: 911px;
    --Footer-Height-Small: 612px;
    --Footer-Height: var(--Footer-Height-Large);

    --Footer-Content-Container-Small-Width-1: 353px;
    --Footer-Content-Container-Small-Width-2: calc(100vw - 40px);
    --Footer-Content-Container-Small-Width: var(--Footer-Content-Container-Small-Width-1);

    --Footer-Logo-Main-Container-Small-Width-1: 320px;
    --Footer-Logo-Main-Container-Small-Width-2: calc(100vw - 40px);
    --Footer-Logo-Main-Container-Small-Width: var(--Footer-Logo-Main-Container-Small-Width-1);
}