/*-----------------------------------------------------------------------------------------------------------------------------------
    TRANSICION MARCAS
-----------------------------------------------------------------------------------------------------------------------------------*/

@-webkit-keyframes scroll {
    0% {
        transform: none;
    }

    3% {
        transform: none;
    }

    4% {
        transform: translateX(calc(-250px * 5));
    }

    7% {
        transform: translateX(calc(-250px * 5));
    }

    8% {
        transform: translateX(calc(-250px * 10));
    }

    11% {
        transform: translateX(calc(-250px * 10));
    }

    12% {
        transform: translateX(calc(-250px * 15));
    }

    15% {
        transform: translateX(calc(-250px * 15));
    }

    16% {
        transform: translateX(calc(-250px * 20));
    }

    19% {
        transform: translateX(calc(-250px * 20));
    }

    20% {
        transform: translateX(calc(-250px * 25));
    }

    23% {
        transform: translateX(calc(-250px * 25));
    }

    24% {
        transform: translateX(calc(-250px * 30));
    }

    27% {
        transform: translateX(calc(-250px * 30));
    }

    28% {
        transform: translateX(calc(-250px * 35));
    }

    31% {
        transform: translateX(calc(-250px * 35));
    }

    32% {
        transform: translateX(calc(-250px * 40));
    }

    35% {
        transform: translateX(calc(-250px * 40));
    }

    36% {
        transform: translateX(calc(-250px * 45));
    }

    39% {
        transform: translateX(calc(-250px * 45));
    }

    40% {
        transform: translateX(calc(-250px * 50));
    }

    43% {
        transform: translateX(calc(-250px * 50));
    }

    44% {
        transform: translateX(calc(-250px * 55));
    }

    47% {
        transform: translateX(calc(-250px * 55));
    }

    48% {
        transform: translateX(calc(-250px * 60));
    }

    51% {
        transform: translateX(calc(-250px * 60));
    }

    52% {
        transform: translateX(calc(-250px * 65));
    }

    55% {
        transform: translateX(calc(-250px * 65));
    }

    56% {
        transform: translateX(calc(-250px * 70));
    }

    59% {
        transform: translateX(calc(-250px * 70));
    }

    60% {
        transform: translateX(calc(-250px * 75));
    }

    61% {
        transform: translateX(calc(-250px * 75));
    }

    62% {
        transform: translateX(calc(-250px * 80));
    }

    65% {
        transform: translateX(calc(-250px * 80));
    }

    66% {
        transform: translateX(calc(-250px * 85));
    }

    69% {
        transform: translateX(calc(-250px * 85));
    }

    70% {
        transform: translateX(calc(-250px * 90));
    }

    73% {
        transform: translateX(calc(-250px * 90));
    }

    74% {
        transform: translateX(calc(-250px * 95));
    }

    77% {
        transform: translateX(calc(-250px * 95));
    }

    78% {
        transform: translateX(calc(-250px * 100));
    }

    81% {
        transform: translateX(calc(-250px * 100));
    }

    82% {
        transform: translateX(calc(-250px * 105));
    }

    85% {
        transform: translateX(calc(-250px * 105));
    }

    86% {
        transform: translateX(calc(-250px * 110));
    }

    89% {
        transform: translateX(calc(-250px * 110));
    }

    90% {
        transform: translateX(calc(-250px * 115));
    }

    93% {
        transform: translateX(calc(-250px * 115));
    }

    94% {
        transform: translateX(calc(-250px * 120));
    }

    97% {
        transform: translateX(calc(-250px * 120));
    }

    100% {
        transform: translateX(calc(-250px * 125));
    }
}

@keyframes scroll {
    0% {
        transform: none;
    }

    3% {
        transform: none;
    }

    4% {
        transform: translateX(calc(-250px * 5));
    }

    7% {
        transform: translateX(calc(-250px * 5));
    }

    8% {
        transform: translateX(calc(-250px * 10));
    }

    11% {
        transform: translateX(calc(-250px * 10));
    }

    12% {
        transform: translateX(calc(-250px * 15));
    }

    15% {
        transform: translateX(calc(-250px * 15));
    }

    16% {
        transform: translateX(calc(-250px * 20));
    }

    19% {
        transform: translateX(calc(-250px * 20));
    }

    20% {
        transform: translateX(calc(-250px * 25));
    }

    23% {
        transform: translateX(calc(-250px * 25));
    }

    24% {
        transform: translateX(calc(-250px * 30));
    }

    27% {
        transform: translateX(calc(-250px * 30));
    }

    28% {
        transform: translateX(calc(-250px * 35));
    }

    31% {
        transform: translateX(calc(-250px * 35));
    }

    32% {
        transform: translateX(calc(-250px * 40));
    }

    35% {
        transform: translateX(calc(-250px * 40));
    }

    36% {
        transform: translateX(calc(-250px * 45));
    }

    39% {
        transform: translateX(calc(-250px * 45));
    }

    40% {
        transform: translateX(calc(-250px * 50));
    }

    43% {
        transform: translateX(calc(-250px * 50));
    }

    44% {
        transform: translateX(calc(-250px * 55));
    }

    47% {
        transform: translateX(calc(-250px * 55));
    }

    48% {
        transform: translateX(calc(-250px * 60));
    }

    51% {
        transform: translateX(calc(-250px * 60));
    }

    52% {
        transform: translateX(calc(-250px * 65));
    }

    55% {
        transform: translateX(calc(-250px * 65));
    }

    56% {
        transform: translateX(calc(-250px * 70));
    }

    59% {
        transform: translateX(calc(-250px * 70));
    }

    60% {
        transform: translateX(calc(-250px * 75));
    }

    61% {
        transform: translateX(calc(-250px * 75));
    }

    62% {
        transform: translateX(calc(-250px * 80));
    }

    65% {
        transform: translateX(calc(-250px * 80));
    }

    66% {
        transform: translateX(calc(-250px * 85));
    }

    69% {
        transform: translateX(calc(-250px * 85));
    }

    70% {
        transform: translateX(calc(-250px * 90));
    }

    73% {
        transform: translateX(calc(-250px * 90));
    }

    74% {
        transform: translateX(calc(-250px * 95));
    }

    77% {
        transform: translateX(calc(-250px * 95));
    }

    78% {
        transform: translateX(calc(-250px * 100));
    }

    81% {
        transform: translateX(calc(-250px * 100));
    }

    82% {
        transform: translateX(calc(-250px * 105));
    }

    85% {
        transform: translateX(calc(-250px * 105));
    }

    86% {
        transform: translateX(calc(-250px * 110));
    }

    89% {
        transform: translateX(calc(-250px * 110));
    }

    90% {
        transform: translateX(calc(-250px * 115));
    }

    93% {
        transform: translateX(calc(-250px * 115));
    }

    94% {
        transform: translateX(calc(-250px * 120));
    }

    97% {
        transform: translateX(calc(-250px * 120));
    }

    100% {
        transform: translateX(calc(-250px * 125));
    }
}

/* ---------- VERSIÓN MOBILE ---------- */

@keyframes scrollMV {
    0% {
        transform: none;
    }

    1.33% {
        transform: none;
    }

    2.33% {
        transform: translateX(calc(-100px * 3));
    }

    3.66% {
        transform: translateX(calc(-100px * 3));
    }

    4.66% {
        transform: translateX(calc(-100px * 6));
    }

    5.99% {
        transform: translateX(calc(-100px * 6));
    }

    6.99% {
        transform: translateX(calc(-100px * 9));
    }

    8.33% {
        transform: translateX(calc(-100px * 9));
    }

    9.33% {
        transform: translateX(calc(-100px * 12));
    }

    10.66% {
        transform: translateX(calc(-100px * 12));
    }

    11.66% {
        transform: translateX(calc(-100px * 15));
    }

    12.99% {
        transform: translateX(calc(-100px * 15));
    }

    13.99% {
        transform: translateX(calc(-100px * 18));
    }

    15.33% {
        transform: translateX(calc(-100px * 18));
    }

    16.33% {
        transform: translateX(calc(-100px * 21));
    }

    17.66% {
        transform: translateX(calc(-100px * 21));
    }

    18.66% {
        transform: translateX(calc(-100px * 24));
    }

    19.99% {
        transform: translateX(calc(-100px * 24));
    }

    20.99% {
        transform: translateX(calc(-100px * 27));
    }

    22.33% {
        transform: translateX(calc(-100px * 27));
    }

    23.33% {
        transform: translateX(calc(-100px * 30));
    }

    24.66% {
        transform: translateX(calc(-100px * 30));
    }

    25.66% {
        transform: translateX(calc(-100px * 33));
    }

    26.99% {
        transform: translateX(calc(-100px * 33));
    }

    27.99% {
        transform: translateX(calc(-100px * 36));
    }

    29.33% {
        transform: translateX(calc(-100px * 36));
    }

    30.33% {
        transform: translateX(calc(-100px * 39));
    }

    31.66% {
        transform: translateX(calc(-100px * 39));
    }

    32.66% {
        transform: translateX(calc(-100px * 42));
    }

    33.99% {
        transform: translateX(calc(-100px * 42));
    }

    34.99% {
        transform: translateX(calc(-100px * 45));
    }

    36.33% {
        transform: translateX(calc(-100px * 45));
    }

    37.33% {
        transform: translateX(calc(-100px * 48));
    }

    38.66% {
        transform: translateX(calc(-100px * 48));
    }

    39.66% {
        transform: translateX(calc(-100px * 51));
    }

    40.99% {
        transform: translateX(calc(-100px * 51));
    }

    41.99% {
        transform: translateX(calc(-100px * 54));
    }

    43.33% {
        transform: translateX(calc(-100px * 54));
    }

    44.33% {
        transform: translateX(calc(-100px * 57));
    }

    45.66% {
        transform: translateX(calc(-100px * 57));
    }

    46.66% {
        transform: translateX(calc(-100px * 60));
    }

    47.99% {
        transform: translateX(calc(-100px * 60));
    }

    48.99% {
        transform: translateX(calc(-100px * 63));
    }

    50.33% {
        transform: translateX(calc(-100px * 63));
    }

    51.33% {
        transform: translateX(calc(-100px * 66));
    }

    52.66% {
        transform: translateX(calc(-100px * 66));
    }

    53.66% {
        transform: translateX(calc(-100px * 69));
    }

    54.99% {
        transform: translateX(calc(-100px * 69));
    }

    55.99% {
        transform: translateX(calc(-100px * 72));
    }

    57.33% {
        transform: translateX(calc(-100px * 72));
    }

    58.33% {
        transform: translateX(calc(-100px * 75));
    }

    59.66% {
        transform: translateX(calc(-100px * 75));
    }

    60.66% {
        transform: translateX(calc(-100px * 78));
    }

    61.99% {
        transform: translateX(calc(-100px * 78));
    }

    62.99% {
        transform: translateX(calc(-100px * 81));
    }

    64.33% {
        transform: translateX(calc(-100px * 81));
    }

    65.33% {
        transform: translateX(calc(-100px * 84));
    }

    66.66% {
        transform: translateX(calc(-100px * 84));
    }

    67.66% {
        transform: translateX(calc(-100px * 87));
    }

    68.99% {
        transform: translateX(calc(-100px * 87));
    }

    69.99% {
        transform: translateX(calc(-100px * 90));
    }

    71.33% {
        transform: translateX(calc(-100px * 90));
    }

    72.33% {
        transform: translateX(calc(-100px * 93));
    }

    73.66% {
        transform: translateX(calc(-100px * 93));
    }

    74.66% {
        transform: translateX(calc(-100px * 96));
    }

    75.99% {
        transform: translateX(calc(-100px * 96));
    }

    76.99% {
        transform: translateX(calc(-100px * 99));
    }

    78.33% {
        transform: translateX(calc(-100px * 99));
    }

    79.33% {
        transform: translateX(calc(-100px * 102));
    }

    79.66% {
        transform: translateX(calc(-100px * 102));
    }

    81.66% {
        transform: translateX(calc(-100px * 105));
    }

    82.99% {
        transform: translateX(calc(-100px * 105));
    }

    83.99% {
        transform: translateX(calc(-100px * 108));
    }

    85.33% {
        transform: translateX(calc(-100px * 108));
    }

    86.33% {
        transform: translateX(calc(-100px * 111));
    }

    87.66% {
        transform: translateX(calc(-100px * 111));
    }

    88.66% {
        transform: translateX(calc(-100px * 114));
    }

    89.99% {
        transform: translateX(calc(-100px * 114));
    }

    90.99% {
        transform: translateX(calc(-100px * 117));
    }

    92.33% {
        transform: translateX(calc(-100px * 117));
    }

    93.33% {
        transform: translateX(calc(-100px * 120));
    }

    94.66% {
        transform: translateX(calc(-100px * 120));
    }

    95.66% {
        transform: translateX(calc(-100px * 123));
    }

    100% {
        transform: translateX(calc(-100px * 123));
    }
}

/* ---------- VERSIÓN TABLET ---------- */

@keyframes scrollTab {
    0% {
        transform: none;
    }

    1.33% {
        transform: none;
    }

    2.33% {
        transform: translateX(calc(-250px * 3));
    }

    3.66% {
        transform: translateX(calc(-250px * 3));
    }

    4.66% {
        transform: translateX(calc(-250px * 6));
    }

    5.99% {
        transform: translateX(calc(-250px * 6));
    }

    6.99% {
        transform: translateX(calc(-250px * 9));
    }

    8.33% {
        transform: translateX(calc(-250px * 9));
    }

    9.33% {
        transform: translateX(calc(-250px * 12));
    }

    10.66% {
        transform: translateX(calc(-250px * 12));
    }

    11.66% {
        transform: translateX(calc(-250px * 15));
    }

    12.99% {
        transform: translateX(calc(-250px * 15));
    }

    13.99% {
        transform: translateX(calc(-250px * 18));
    }

    15.33% {
        transform: translateX(calc(-250px * 18));
    }

    16.33% {
        transform: translateX(calc(-250px * 21));
    }

    17.66% {
        transform: translateX(calc(-250px * 21));
    }

    18.66% {
        transform: translateX(calc(-250px * 24));
    }

    19.99% {
        transform: translateX(calc(-250px * 24));
    }

    20.99% {
        transform: translateX(calc(-250px * 27));
    }

    22.33% {
        transform: translateX(calc(-250px * 27));
    }

    23.33% {
        transform: translateX(calc(-250px * 30));
    }

    24.66% {
        transform: translateX(calc(-250px * 30));
    }

    25.66% {
        transform: translateX(calc(-250px * 33));
    }

    26.99% {
        transform: translateX(calc(-250px * 33));
    }

    27.99% {
        transform: translateX(calc(-250px * 36));
    }

    29.33% {
        transform: translateX(calc(-250px * 36));
    }

    30.33% {
        transform: translateX(calc(-250px * 39));
    }

    31.66% {
        transform: translateX(calc(-250px * 39));
    }

    32.66% {
        transform: translateX(calc(-250px * 42));
    }

    33.99% {
        transform: translateX(calc(-250px * 42));
    }

    34.99% {
        transform: translateX(calc(-250px * 45));
    }

    36.33% {
        transform: translateX(calc(-250px * 45));
    }

    37.33% {
        transform: translateX(calc(-250px * 48));
    }

    38.66% {
        transform: translateX(calc(-250px * 48));
    }

    39.66% {
        transform: translateX(calc(-250px * 51));
    }

    40.99% {
        transform: translateX(calc(-250px * 51));
    }

    41.99% {
        transform: translateX(calc(-250px * 54));
    }

    43.33% {
        transform: translateX(calc(-250px * 54));
    }

    44.33% {
        transform: translateX(calc(-250px * 57));
    }

    45.66% {
        transform: translateX(calc(-250px * 57));
    }

    46.66% {
        transform: translateX(calc(-250px * 60));
    }

    47.99% {
        transform: translateX(calc(-250px * 60));
    }

    48.99% {
        transform: translateX(calc(-250px * 63));
    }

    50.33% {
        transform: translateX(calc(-250px * 63));
    }

    51.33% {
        transform: translateX(calc(-250px * 66));
    }

    52.66% {
        transform: translateX(calc(-250px * 66));
    }

    53.66% {
        transform: translateX(calc(-250px * 69));
    }

    54.99% {
        transform: translateX(calc(-250px * 69));
    }

    55.99% {
        transform: translateX(calc(-250px * 72));
    }

    57.33% {
        transform: translateX(calc(-250px * 72));
    }

    58.33% {
        transform: translateX(calc(-250px * 75));
    }

    59.66% {
        transform: translateX(calc(-250px * 75));
    }

    60.66% {
        transform: translateX(calc(-250px * 78));
    }

    61.99% {
        transform: translateX(calc(-250px * 78));
    }

    62.99% {
        transform: translateX(calc(-250px * 81));
    }

    64.33% {
        transform: translateX(calc(-250px * 81));
    }

    65.33% {
        transform: translateX(calc(-250px * 84));
    }

    66.66% {
        transform: translateX(calc(-250px * 84));
    }

    67.66% {
        transform: translateX(calc(-250px * 87));
    }

    68.99% {
        transform: translateX(calc(-250px * 87));
    }

    69.99% {
        transform: translateX(calc(-250px * 90));
    }

    71.33% {
        transform: translateX(calc(-250px * 90));
    }

    72.33% {
        transform: translateX(calc(-250px * 93));
    }

    73.66% {
        transform: translateX(calc(-250px * 93));
    }

    74.66% {
        transform: translateX(calc(-250px * 96));
    }

    75.99% {
        transform: translateX(calc(-250px * 96));
    }

    76.99% {
        transform: translateX(calc(-250px * 99));
    }

    78.33% {
        transform: translateX(calc(-250px * 99));
    }

    79.33% {
        transform: translateX(calc(-250px * 102));
    }

    79.66% {
        transform: translateX(calc(-250px * 102));
    }

    81.66% {
        transform: translateX(calc(-250px * 105));
    }

    82.99% {
        transform: translateX(calc(-250px * 105));
    }

    83.99% {
        transform: translateX(calc(-250px * 108));
    }

    85.33% {
        transform: translateX(calc(-250px * 108));
    }

    86.33% {
        transform: translateX(calc(-250px * 111));
    }

    87.66% {
        transform: translateX(calc(-250px * 111));
    }

    88.66% {
        transform: translateX(calc(-250px * 114));
    }

    89.99% {
        transform: translateX(calc(-250px * 114));
    }

    90.99% {
        transform: translateX(calc(-250px * 117));
    }

    92.33% {
        transform: translateX(calc(-250px * 117));
    }

    93.33% {
        transform: translateX(calc(-250px * 120));
    }

    94.66% {
        transform: translateX(calc(-250px * 120));
    }

    95.66% {
        transform: translateX(calc(-250px * 123));
    }

    100% {
        transform: translateX(calc(-250px * 123));
    }
}