/* Ribbon-video */

div.ribbonVideo {
    position: relative;
    padding-bottom: 120px;
}


/* ====== SMALL RIBBON SEQUENCE ======= */

div.ribbonVideo .ribbons.small {
    transition: all 0.5s;
    max-width: 2100px;
    left: 0;
    right: unset;
}

div.ribbonVideo .ribbons.small.mirrored {
    right: 0;
    left: unset;
}

div.ribbonVideo .ribbons.small[data-percent="state0"] {
    clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 90% 0%, 87.83% -0.01%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 90% 0%, 87.83% -0.01%);
}

div.ribbonVideo .ribbons.small[data-percent="state1"] {
    clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 89.57% 3.95%, 87.68% 2.88%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 89.57% 3.95%, 87.68% 2.88%);
}

div.ribbonVideo .ribbons.small[data-percent="state2"] {
    clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 89.18% 7.15%, 87.33% 5.34%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 89.18% 7.15%, 87.33% 5.34%);
}

div.ribbonVideo .ribbons.small[data-percent="state3"] {
    clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 88.71% 10.25%, 86.82% 8.97%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 88.71% 10.25%, 86.82% 8.97%);
}

div.ribbonVideo .ribbons.small[data-percent="state4"] {
    clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 88.16% 13.24%, 85.95% 11.11%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 88.16% 13.24%, 85.95% 11.11%);
}

div.ribbonVideo .ribbons.small[data-percent="state5"] {
    clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 87.69% 15.27%, 85.08% 12.61%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 87.69% 15.27%, 85.08% 12.61%);
}

div.ribbonVideo .ribbons.small[data-percent="state6"] {
    clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 86.94% 17.51%, 84.84% 12.82%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 86.94% 17.51%, 84.84% 12.82%);
}

div.ribbonVideo .ribbons.small[data-percent="state7"] {
    clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 86.63% 18.79%, 84.56% 13.46%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 7.34%, 100% 7%, 86.63% 18.79%, 84.56% 13.46%);
}

div.ribbonVideo .ribbons.small[data-percent="state8"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 86.35% 20.07%, 84.40% 13.99%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 86.35% 20.07%, 84.40% 13.99%);
}

div.ribbonVideo .ribbons.small[data-percent="state9"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 85.64% 21.99%, 83.50% 14.84%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 85.64% 21.99%, 83.50% 14.84%);
}

div.ribbonVideo .ribbons.small[data-percent="state10"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 84.57% 23.59%, 82.83% 15.48%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 84.57% 23.59%, 82.83% 15.48%);
}

div.ribbonVideo .ribbons.small[data-percent="state11"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 83.24% 24.45%, 82.16% 16.33%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 83.24% 24.45%, 82.16% 16.33%);
}

div.ribbonVideo .ribbons.small[data-percent="state12"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 82.14% 24.88%, 81.81% 16.33%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 82.14% 24.88%, 81.81% 16.33%);
}

div.ribbonVideo .ribbons.small[data-percent="state13"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 80.89% 25.62%, 80.83% 16.44%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 80.89% 25.62%, 80.83% 16.44%);
}

div.ribbonVideo .ribbons.small[data-percent="state14"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 80.14% 26.47%, 79.81% 16.65%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 80.14% 26.47%, 79.81% 16.65%);
}

div.ribbonVideo .ribbons.small[data-percent="state15"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 78.61% 27.32%, 77.92% 16.65%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 78.61% 27.32%, 77.92% 16.65%);
}

div.ribbonVideo .ribbons.small[data-percent="state16"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 77.51% 27.64%, 76.35% 17.93%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 77.51% 27.64%, 76.35% 17.93%);
}

div.ribbonVideo .ribbons.small[data-percent="state17"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 75.94% 29.14%, 74.58% 18.57%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 23.55%, 75.94% 29.14%, 74.58% 18.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state18"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100.00% 36.05%, 75.07% 31.28%, 72.73% 20.17%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100.00% 36.05%, 75.07% 31.28%, 72.73% 20.17%);
}

div.ribbonVideo .ribbons.small[data-percent="state19"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 36.05%, 74.56% 33.63%, 71% 21.13%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 36.05%, 74.56% 33.63%, 71% 21.13%);
}

div.ribbonVideo .ribbons.small[data-percent="state20"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 36.05%, 74.36% 34.06%, 69.66% 23.16%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 36.05%, 74.36% 34.06%, 69.66% 23.16%);
}

div.ribbonVideo .ribbons.small[data-percent="state21"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 36.05%, 73.1% 35.98%, 68.28% 24.12%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 36.05%, 73.1% 35.98%, 68.28% 24.12%);
}

div.ribbonVideo .ribbons.small[data-percent="state22"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 36.05%, 72.2% 37.8%, 67.22% 25.83%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 100% 36.05%, 72.2% 37.8%, 67.22% 25.83%);
}

div.ribbonVideo .ribbons.small[data-percent="state23"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 71.65% 39.94%, 66.12% 27.43%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 71.65% 39.94%, 66.12% 27.43%);
}

div.ribbonVideo .ribbons.small[data-percent="state24"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 71.61% 41.86%, 64.86% 28.93%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 71.61% 41.86%, 64.86% 28.93%);
}

div.ribbonVideo .ribbons.small[data-percent="state25"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 70.74% 44%, 64.90% 31.28%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 70.74% 44%, 64.90% 31.28%);
}

div.ribbonVideo .ribbons.small[data-percent="state26"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 70.27% 45.28%, 64.43% 32.13%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 70.27% 45.28%, 64.43% 32.13%);
}

div.ribbonVideo .ribbons.small[data-percent="state27"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 69.4% 46.99%, 64.04% 32.24%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 69.4% 46.99%, 64.04% 32.24%);
}

div.ribbonVideo .ribbons.small[data-percent="state28"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 68.06% 49.98%, 63.45% 32.45%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 68.06% 49.98%, 63.45% 32.45%);
}

div.ribbonVideo .ribbons.small[data-percent="state29"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 66.6% 52.65%, 62.86% 32.45%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 66.6% 52.65%, 62.86% 32.45%);
}

div.ribbonVideo .ribbons.small[data-percent="state30"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 65.03% 55.75%, 61.92% 32.34%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 65.03% 55.75%, 61.92% 32.34%);
}

div.ribbonVideo .ribbons.small[data-percent="state31"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 62.82% 56.71%, 61.33% 33.09%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.96% 39.04%, 62.82% 56.71%, 61.33% 33.09%);
}

div.ribbonVideo .ribbons.small[data-percent="state32"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 60.54% 57.56%, 59.99% 33.73%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 60.54% 57.56%, 59.99% 33.73%);
}

div.ribbonVideo .ribbons.small[data-percent="state33"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 58.96% 57.03%, 58.42% 33.94%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 58.96% 57.03%, 58.42% 33.94%);
}

div.ribbonVideo .ribbons.small[data-percent="state34"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 57.78% 57.14%, 57.95% 33.83%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 57.78% 57.14%, 57.95% 33.83%);
}

div.ribbonVideo .ribbons.small[data-percent="state35"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 56.91% 56.93%, 57.2% 33.51%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 56.91% 56.93%, 57.2% 33.51%);
}

div.ribbonVideo .ribbons.small[data-percent="state36"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 56.08% 57.04%, 56.22% 32.98%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 56.08% 57.04%, 56.22% 32.98%);
}

div.ribbonVideo .ribbons.small[data-percent="state37"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 55.1% 57.47%, 55.32% 32.45%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 55.1% 57.47%, 55.32% 32.45%);
}

div.ribbonVideo .ribbons.small[data-percent="state38"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 54.23% 58.22%, 53.94% 32.13%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 54.23% 58.22%, 53.94% 32.13%);
}

div.ribbonVideo .ribbons.small[data-percent="state39"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 53.72% 58.22%, 53.07% 31.59%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 53.72% 58.22%, 53.07% 31.59%);
}

div.ribbonVideo .ribbons.small[data-percent="state40"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 52.93% 60.89%, 51.96% 31.48%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 52.93% 60.89%, 51.96% 31.48%);
}

div.ribbonVideo .ribbons.small[data-percent="state41"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 52.42% 62.60%, 50.82% 31.8%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 52.42% 62.60%, 50.82% 31.8%);
}

div.ribbonVideo .ribbons.small[data-percent="state42"] {
    clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 51.48% 63.24%, 50.11% 31.69%);
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 51.48% 63.24%, 50.11% 31.69%);
}

div.ribbonVideo .ribbons.small[data-percent="state43"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 50.26% 63.56%, 49.6% 31.26%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 50.26% 63.56%, 49.6% 31.26%);
}

div.ribbonVideo .ribbons.small[data-percent="state44"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 49.43% 63.67%, 48.70% 31.15%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 49.43% 63.67%, 48.70% 31.15%);
}

div.ribbonVideo .ribbons.small[data-percent="state45"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 48.64% 63.78%, 47.83% 30.94%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 48.64% 63.78%, 47.83% 30.94%);
}

div.ribbonVideo .ribbons.small[data-percent="state46"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 47.07% 65.17%, 46.65% 30.94%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 47.07% 65.17%, 46.65% 30.94%);
}

div.ribbonVideo .ribbons.small[data-percent="state47"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 45.61% 65.06%, 45.82% 30.30%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 45.61% 65.06%, 45.82% 30.30%);
}

div.ribbonVideo .ribbons.small[data-percent="state48"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 44.04% 64.95%, 44.92% 29.23%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 44.04% 64.95%, 44.92% 29.23%);
}

div.ribbonVideo .ribbons.small[data-percent="state49"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 42.98% 64.20%, 44.05% 29.02%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 42.98% 64.20%, 44.05% 29.02%);
}

div.ribbonVideo .ribbons.small[data-percent="state50"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 42.04% 63.45%, 42.36% 29.34%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 42.04% 63.45%, 42.36% 29.34%);
}

div.ribbonVideo .ribbons.small[data-percent="state51"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 42.04% 63.45%, 40.75% 29.87%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 42.04% 63.45%, 40.75% 29.87%);
}

div.ribbonVideo .ribbons.small[data-percent="state52"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 39.4% 63.56%, 39.22% 29.87%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 39.4% 63.56%, 39.22% 29.87%);
}

div.ribbonVideo .ribbons.small[data-percent="state53"] {
    clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 36.18% 63.13%, 38.51% 29.34%);
    -webkit-clip-path: polygon(45.44% -1.39%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 36.18% 63.13%, 38.51% 29.34%);
}

div.ribbonVideo .ribbons.small[data-percent="state54"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 37.8% 28.17%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 37.8% 28.17%);
}

div.ribbonVideo .ribbons.small[data-percent="state55"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 36.74% 27.00%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 36.74% 27.00%);
}

div.ribbonVideo .ribbons.small[data-percent="state56"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 35.32% 26.15%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 35.32% 26.15%);
}

div.ribbonVideo .ribbons.small[data-percent="state57"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 33.79% 26.15%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 33.79% 26.15%);
}

div.ribbonVideo .ribbons.small[data-percent="state58"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 31.94% 26.36%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 31.94% 26.36%);
}

div.ribbonVideo .ribbons.small[data-percent="state59"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 30.52% 26.89%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 30.52% 26.89%);
}

div.ribbonVideo .ribbons.small[data-percent="state60"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 28.87% 27.42%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 28.87% 27.42%);
}

div.ribbonVideo .ribbons.small[data-percent="state61"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 27.61% 27.85%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.31% 62.7%, 27.61% 27.85%);
}

div.ribbonVideo .ribbons.small[data-percent="state62"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.00% 64.09%, 25.68% 28.38%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 35.00% 64.09%, 25.68% 28.38%);
}

div.ribbonVideo .ribbons.small[data-percent="state63"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 34.41% 65.26%, 24.78% 29.13%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 34.41% 65.26%, 24.78% 29.13%);
}

div.ribbonVideo .ribbons.small[data-percent="state64"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 34.41% 65.26%, 23.32% 30.95%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 34.41% 65.26%, 23.32% 30.95%);
}

div.ribbonVideo .ribbons.small[data-percent="state65"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 33.82% 67.08%, 21.75% 32.87%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 33.82% 67.08%, 21.75% 32.87%);
}

div.ribbonVideo .ribbons.small[data-percent="state66"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 32.92% 68.68%, 20.33% 33.19%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 32.92% 68.68%, 20.33% 33.19%);
}

div.ribbonVideo .ribbons.small[data-percent="state67"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 31.62% 71.24%, 19.31% 34.04%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 31.62% 71.24%, 19.31% 34.04%);
}

div.ribbonVideo .ribbons.small[data-percent="state68"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 30.83% 72.95%, 18.01% 34.47%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 30.83% 72.95%, 18.01% 34.47%);
}

div.ribbonVideo .ribbons.small[data-percent="state69"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 30.08% 74.66%, 15.96% 34.79%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.84% 66.28%, 30.08% 74.66%, 15.96% 34.79%);
}

div.ribbonVideo .ribbons.small[data-percent="state70"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 29.21% 76.05%, 13.91% 37.57%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 29.21% 76.05%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state71"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 26.77% 80.96%, 13.91% 37.57%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 26.77% 80.96%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state72"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 24.84% 84.06%, 13.91% 37.57%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 24.84% 84.06%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state73"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 23.19% 86.41%, 13.91% 37.57%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 23.19% 86.41%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state74"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 21.62% 87.16%, 13.91% 37.57%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 21.62% 87.16%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state75"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 19.73% 87.80%, 13.91% 37.57%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 19.73% 87.80%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state76"] {
    clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 18.94% 88.23%, 13.91% 37.57%);
    -webkit-clip-path: polygon(42.18% -2.24%, 100% 0%, 99.88% 5.42%, 99.72% 75.79%, 18.94% 88.23%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state77"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 17.56% 88.87%, 13.91% 37.57%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 17.56% 88.87%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state78"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 15.75% 89.30%, 13.91% 37.57%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 15.75% 89.30%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state79"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 13.91% 37.57%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 13.91% 37.57%);
}

div.ribbonVideo .ribbons.small[data-percent="state80"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 11.47% 37.78%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 11.47% 37.78%);
}

div.ribbonVideo .ribbons.small[data-percent="state81"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 9.23% 40.56%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 9.23% 40.56%);
}

div.ribbonVideo .ribbons.small[data-percent="state82"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 7.93% 44.94%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 7.93% 44.94%);
}

div.ribbonVideo .ribbons.small[data-percent="state83"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 6.99% 52.52%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 6.99% 52.52%);
}

div.ribbonVideo .ribbons.small[data-percent="state84"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 5.85% 57.43%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 5.85% 57.43%);
}

div.ribbonVideo .ribbons.small[data-percent="state85"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 5.61% 62.56%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 5.61% 62.56%);
}

div.ribbonVideo .ribbons.small[data-percent="state86"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 5.02% 65.55%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 5.02% 65.55%);
}

div.ribbonVideo .ribbons.small[data-percent="state87"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 4.23% 68.86%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 14.73% 89.62%, 4.23% 68.86%);
}

div.ribbonVideo .ribbons.small[data-percent="state88"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 13.98% 91.44%, 3.80% 71.21%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 13.98% 91.44%, 3.80% 71.21%);
}

div.ribbonVideo .ribbons.small[data-percent="state89"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 13.31% 92.83%, 3.33% 72.17%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 13.31% 92.83%, 3.33% 72.17%);
}

div.ribbonVideo .ribbons.small[data-percent="state90"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 12.56% 95.61%, 2.27% 75.59%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 12.56% 95.61%, 2.27% 75.59%);
}

div.ribbonVideo .ribbons.small[data-percent="state91"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 12.09% 96.89%, 1.56% 77.83%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 12.09% 96.89%, 1.56% 77.83%);
}

div.ribbonVideo .ribbons.small[data-percent="state92"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 11.42% 98.92%, 0.85% 79.33%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 11.42% 98.92%, 0.85% 79.33%);
}

div.ribbonVideo .ribbons.small[data-percent="state93"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 8.94% 102.66%, 0.85% 79.33%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 8.94% 102.66%, 0.85% 79.33%);
}

div.ribbonVideo .ribbons.small[data-percent="state94"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 6.74% 102.55%, 0.85% 79.33%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 6.74% 102.55%, 0.85% 79.33%);
}

div.ribbonVideo .ribbons.small[data-percent="state95"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 4.93% 102.44%, 0.85% 79.33%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 4.93% 102.44%, 0.85% 79.33%);
}

div.ribbonVideo .ribbons.small[data-percent="state96"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 3.71% 102.33%, 0.85% 79.33%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 3.71% 102.33%, 0.85% 79.33%);
}

div.ribbonVideo .ribbons.small[data-percent="state97"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 2.21% 101.91%, 0.85% 79.33%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 2.21% 101.91%, 0.85% 79.33%);
}

div.ribbonVideo .ribbons.small[data-percent="state98"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 0.91% 101.59%, 0.73% 79.12%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 0.91% 101.59%, 0.73% 79.12%);
}

div.ribbonVideo .ribbons.small[data-percent="state99"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 0.36% 101.48%, 0.26% 79.23%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 0.36% 101.48%, 0.26% 79.23%);
}

div.ribbonVideo .ribbons.small[data-percent="state100"] {
    clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 0% 102.33%, 0% 79.23%);
    -webkit-clip-path: polygon(16.38% -3.84%, 100% 0%, 99.88% 5.42%, 99.68% 91.6%, 0% 102.33%, 0% 79.23%);
}


/* ====== MEDIUM RIBBON SEQUENCE ======= */

div.ribbonVideo .ribbons.medium {
    transition: all 0.5s;
    max-width: 2000px;
    left: 0;
    right: unset;
}

div.ribbonVideo .ribbons.medium.mirrored {
    right: 0;
    left: unset;
}

div.ribbonVideo .ribbons.medium[data-percent="state0"] {
    clip-path: polygon(0 0, 100% 0, 0 0, 0 1%, 0 2%, 0 54%);
    -webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0 1%, 0 2%, 0 54%);
}

div.ribbonVideo .ribbons.medium[data-percent="state1"] {
    clip-path: polygon(0px 0px, 2.90% 0px, 2.47% 0.83%, 1.63% 3.41%, 0.24% 9.49%, 5px 4.59%);
    -webkit-clip-path: polygon(0px 0px, 2.90% 0px, 2.47% 0.83%, 1.63% 3.41%, 0.24% 9.49%, 5px 4.59%);
}

div.ribbonVideo .ribbons.medium[data-percent="state2"] {
    clip-path: polygon(0px 0px, 4.55% -8px, 4.22% 0.40%, 2.97% 4.13%, 0.24% 9.49%, 5px 4.59%);
    -webkit-clip-path: polygon(0px 0px, 4.55% -8px, 4.22% 0.40%, 2.97% 4.13%, 0.24% 9.49%, 5px 4.59%);
}

div.ribbonVideo .ribbons.medium[data-percent="state3"] {
    clip-path: polygon(0px 0px, 9.27% 1px, 6.60% 3.30%, 5.32% 5.52%, 0.24% 9.49%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 9.27% 1px, 6.60% 3.30%, 5.32% 5.52%, 0.24% 9.49%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state4"] {
    clip-path: polygon(0px 0px, 9.27% 1px, 9.82% 3.06%, 7.58% 4.71%, 0.24% 9.49%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 9.27% 1px, 9.82% 3.06%, 7.58% 4.71%, 0.24% 9.49%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state5"] {
    clip-path: polygon(0px 0px, 9.27% 1px, 10.96% 4.67%, 8.19% 5.42%, 0.24% 9.49%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 9.27% 1px, 10.96% 4.67%, 8.19% 5.42%, 0.24% 9.49%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state6"] {
    clip-path: polygon(0px 0px, 9.27% 1px, 12.18% 6.00%, 8.36% 6.65%, 0.24% 9.49%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 9.27% 1px, 12.18% 6.00%, 8.36% 6.65%, 0.24% 9.49%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state7"] {
    clip-path: polygon(0px 0px, 12.84% 3px, 12.61% 7.71%, 8.84% 7.93%, 0.24% 9.49%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 12.84% 3px, 12.61% 7.71%, 8.84% 7.93%, 0.24% 9.49%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state8"] {
    clip-path: polygon(0px 0px, 12.84% 3px, 12.78% 8.09%, 11.19% 11.34%, 0.24% 9.49%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 12.84% 3px, 12.78% 8.09%, 11.19% 11.34%, 0.24% 9.49%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state9"] {
    clip-path: polygon(0px 0px, 12.84% 3px, 14.39% 9.42%, 11.71% 12.76%, 0.07% 12.34%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 12.84% 3px, 14.39% 9.42%, 11.71% 12.76%, 0.07% 12.34%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state10"] {
    clip-path: polygon(0px 0px, 12.84% 3px, 15.3% 10.04%, 13.41% 13.90%, 0.07% 12.34%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 12.84% 3px, 15.3% 10.04%, 13.41% 13.90%, 0.07% 12.34%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state11"] {
    clip-path: polygon(0px 0px, 12.84% 3px, 16.30% 10.37%, 15.37% 15.18%, 0.07% 12.34%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 12.84% 3px, 16.30% 10.37%, 15.37% 15.18%, 0.07% 12.34%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state12"] {
    clip-path: polygon(0px 0px, 12.84% 3px, 17.3% 10.61%, 17.24% 15.90%, 0.07% 12.34%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 12.84% 3px, 17.3% 10.61%, 17.24% 15.90%, 0.07% 12.34%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state13"] {
    clip-path: polygon(0px 0px, 20.59% 0px, 21.04% 11.75%, 19.68% 16.56%, 0.07% 12.34%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 20.59% 0px, 21.04% 11.75%, 19.68% 16.56%, 0.07% 12.34%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state14"] {
    clip-path: polygon(0px 0px, 20.59% 0px, 24.31% 12.32%, 22.34% 17.18%, 0.03% 15.95%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 20.59% 0px, 24.31% 12.32%, 22.34% 17.18%, 0.03% 15.95%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state15"] {
    clip-path: polygon(0px 0px, 20.59% 0px, 28.01% 14.03%, 22.34% 17.18%, 0.03% 15.95%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 20.59% 0px, 28.01% 14.03%, 22.34% 17.18%, 0.03% 15.95%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state16"] {
    clip-path: polygon(0px 0px, 26.34% -16px, 29.49% 15.41%, 25.69% 18.89%, 0.03% 15.95%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 26.34% -16px, 29.49% 15.41%, 25.69% 18.89%, 0.03% 15.95%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state17"] {
    clip-path: polygon(0px 0px, 26.34% -16px, 31.93% 17.59%, 26.17% 19.51%, 0.03% 15.95%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 26.34% -16px, 31.93% 17.59%, 26.17% 19.51%, 0.03% 15.95%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state18"] {
    clip-path: polygon(0px 0px, 26.34% -16px, 33.54% 18.82%, 28.35% 22.22%, 0.03% 15.95%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 26.34% -16px, 33.54% 18.82%, 28.35% 22.22%, 0.03% 15.95%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state19"] {
    clip-path: polygon(0px 0px, 26.34% -16px, 35.98% 20.58%, 29.35% 23.79%, 0.03% 15.95%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 26.34% -16px, 35.98% 20.58%, 29.35% 23.79%, 0.03% 15.95%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state20"] {
    clip-path: polygon(0px 0px, 31.91% -19px, 38.33% 22.86%, 29.83% 25.97%, 0.03% 21.51%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 31.91% -19px, 38.33% 22.86%, 29.83% 25.97%, 0.03% 21.51%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state21"] {
    clip-path: polygon(0px 0px, 31.91% -19px, 39.9% 24.47%, 30.12% 26.54%, 0.03% 21.51%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 31.91% -19px, 39.9% 24.47%, 30.12% 26.54%, 0.03% 21.51%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state22"] {
    clip-path: polygon(0px 0px, 35.81% -17px, 40.47% 25.37%, 30.69% 27.49%, 0.03% 21.51%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 35.81% -17px, 40.47% 25.37%, 30.69% 27.49%, 0.03% 21.51%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state23"] {
    clip-path: polygon(0px 0px, 35.81% -17px, 40.80% 27.03%, 30.69% 27.49%, 0.03% 21.51%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 35.81% -17px, 40.80% 27.03%, 30.69% 27.49%, 0.03% 21.51%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state24"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 40.8% 27.03%, 30.98% 28.06%, 0.13% 27.68%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 40.8% 27.03%, 30.98% 28.06%, 0.13% 27.68%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state25"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 41.90% 29.74%, 31.12% 29.2%, 0.13% 27.68%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 41.90% 29.74%, 31.12% 29.2%, 0.13% 27.68%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state26"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 42.09% 30.97%, 31.26% 30.24%, 0.13% 27.68%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 42.09% 30.97%, 31.26% 30.24%, 0.13% 27.68%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state27"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 42.09% 30.97%, 31.16% 34.75%, 0.13% 27.68%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 42.09% 30.97%, 31.16% 34.75%, 0.13% 27.68%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state28"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 42.52% 32.25%, 31.83% 36.41%, 0.13% 27.68%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 42.52% 32.25%, 31.83% 36.41%, 0.13% 27.68%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state29"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 42.76% 32.63%, 33.16% 38.02%, 0.13% 27.68%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 42.76% 32.63%, 33.16% 38.02%, 0.13% 27.68%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state30"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 42.76% 32.63%, 35.11% 41.15%, 0.13% 27.68%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 42.76% 32.63%, 35.11% 41.15%, 0.13% 27.68%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state31"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 44.76% 34.39%, 36.49% 42.29%, 0.13% 35.85%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 44.76% 34.39%, 36.49% 42.29%, 0.13% 35.85%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state32"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 44.76% 34.39%, 40.35% 44.24%, 0.13% 35.85%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 44.76% 34.39%, 40.35% 44.24%, 0.13% 35.85%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state33"] {
    clip-path: polygon(0px 0px, 40.19% -19px, 47.76% 36.34%, 43.06% 44.76%, 0.13% 35.85%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 40.19% -19px, 47.76% 36.34%, 43.06% 44.76%, 0.13% 35.85%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state34"] {
    clip-path: polygon(0px 0px, 57.14% -37px, 48.86% 36.81%, 46.06% 46.09%, 0.18% 41.88%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 57.14% -37px, 48.86% 36.81%, 46.06% 46.09%, 0.18% 41.88%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state35"] {
    clip-path: polygon(0px 0px, 57.14% -37px, 49.86% 37.09%, 49.2% 46.61%, 0.18% 41.88%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 57.14% -37px, 49.86% 37.09%, 49.2% 46.61%, 0.18% 41.88%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state36"] {
    clip-path: polygon(0px 0px, 57.14% -37px, 52.10% 37.80%, 50.58% 46.37%, 0.18% 41.88%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 57.14% -37px, 52.10% 37.80%, 50.58% 46.37%, 0.18% 41.88%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state37"] {
    clip-path: polygon(0px 0px, 68% -26px, 52.91% 41.55%, 53.53% 47.56%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 52.91% 41.55%, 53.53% 47.56%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state38"] {
    clip-path: polygon(0px 0px, 68% -26px, 54.15% 41.55%, 55.34% 47.94%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 54.15% 41.55%, 55.34% 47.94%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state39"] {
    clip-path: polygon(0px 0px, 68% -26px, 55.72% 41.36%, 57.67% 48.65%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 55.72% 41.36%, 57.67% 48.65%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state40"] {
    clip-path: polygon(0px 0px, 68% -26px, 56.72% 41.27%, 58.67% 48.74%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 56.72% 41.27%, 58.67% 48.74%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state41"] {
    clip-path: polygon(0px 0px, 68% -26px, 58.39% 40.51%, 61.48% 48.69%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 58.39% 40.51%, 61.48% 48.69%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state42"] {
    clip-path: polygon(0px 0px, 68% -26px, 59.29% 39.23%, 67.86% 48.50%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 59.29% 39.23%, 67.86% 48.50%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state43"] {
    clip-path: polygon(0px 0px, 68% -26px, 61.86% 38.38%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 61.86% 38.38%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state44"] {
    clip-path: polygon(0px 0px, 68% -26px, 65.15% 37.76%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 65.15% 37.76%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state45"] {
    clip-path: polygon(0px 0px, 68% -26px, 68.58% 37.90%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 68.58% 37.90%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state46"] {
    clip-path: polygon(0px 0px, 68% -26px, 70.87% 38.37%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 70.87% 38.37%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state47"] {
    clip-path: polygon(0px 0px, 68% -26px, 73.49% 39.18%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 73.49% 39.18%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state48"] {
    clip-path: polygon(0px 0px, 68% -26px, 76.97% 41.27%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 76.97% 41.27%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state49"] {
    clip-path: polygon(0px 0px, 68% -26px, 78.45% 43.83%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 78.45% 43.83%, 67.29% 48.26%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state50"] {
    clip-path: polygon(0px 0px, 68% -26px, 79.97% 46.39%, 70.67% 49.21%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 79.97% 46.39%, 70.67% 49.21%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state51"] {
    clip-path: polygon(0px 0px, 68% -26px, 81.11% 47.01%, 74.38% 51.25%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 81.11% 47.01%, 74.38% 51.25%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state52"] {
    clip-path: polygon(0px 0px, 68% -26px, 82.21% 48.29%, 76.67% 52.72%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 82.21% 48.29%, 76.67% 52.72%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state53"] {
    clip-path: polygon(0px 0px, 68% -26px, 83.92% 49.29%, 78.86% 54.33%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 83.92% 49.29%, 78.86% 54.33%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state54"] {
    clip-path: polygon(0px 0px, 68% -26px, 84.87% 49.86%, 81.29% 55.75%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 84.87% 49.86%, 81.29% 55.75%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state55"] {
    clip-path: polygon(0px 0px, 68% -26px, 87.06% 51.24%, 81.81% 56.22%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 87.06% 51.24%, 81.81% 56.22%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state56"] {
    clip-path: polygon(0px 0px, 68% -26px, 88.01% 51.76%, 82.95% 56.98%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 88.01% 51.76%, 82.95% 56.98%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state57"] {
    clip-path: polygon(0px 0px, 68% -26px, 90.25% 53.52%, 82.95% 56.98%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 68% -26px, 90.25% 53.52%, 82.95% 56.98%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state58"] {
    clip-path: polygon(0px 0px, 81.33% -37px, 91.39% 56.18%, 83.71% 58.07%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 81.33% -37px, 91.39% 56.18%, 83.71% 58.07%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state59"] {
    clip-path: polygon(0px 0px, 81.33% -37px, 92.15% 57.13%, 84.47% 60.06%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 81.33% -37px, 92.15% 57.13%, 84.47% 60.06%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state60"] {
    clip-path: polygon(0px 0px, 81.33% -37px, 93.01% 59.46%, 84.47% 60.06%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 81.33% -37px, 93.01% 59.46%, 84.47% 60.06%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state61"] {
    clip-path: polygon(0px 0px, 81.33% -37px, 92.91% 61.74%, 84.42% 60.72%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 81.33% -37px, 92.91% 61.74%, 84.42% 60.72%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state62"] {
    clip-path: polygon(0px 0px, 94.38% -56px, 92.81% 63.31%, 84.28% 61.81%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 94.38% -56px, 92.81% 63.31%, 84.28% 61.81%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state63"] {
    clip-path: polygon(0px 0px, 94.38% -56px, 93.1% 65.59%, 83.90% 63.95%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 94.38% -56px, 93.1% 65.59%, 83.90% 63.95%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state64"] {
    clip-path: polygon(0px 0px, 94.38% -56px, 92.77% 68.34%, 83.23% 65.56%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 94.38% -56px, 92.77% 68.34%, 83.23% 65.56%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state65"] {
    clip-path: polygon(0px 0px, 94.38% -56px, 91.72% 71.05%, 82.47% 66.98%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 94.38% -56px, 91.72% 71.05%, 82.47% 66.98%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state66"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 91.43% 73.66%, 80.61% 67.74%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 91.43% 73.66%, 80.61% 67.74%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state67"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 87.86% 76.79%, 79.37% 68.17%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 87.86% 76.79%, 79.37% 68.17%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state68"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 87.67% 76.88%, 76.32% 68.17%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 87.67% 76.88%, 76.32% 68.17%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state69"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 75.80% 68.55%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 75.80% 68.55%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state70"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 74.37% 68.55%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 74.37% 68.55%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state71"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 72.85% 69.02%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 72.85% 69.02%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state72"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 71.37% 69.59%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 71.37% 69.59%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state73"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 69.47% 70.30%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 69.47% 70.30%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state74"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 68.99% 70.77%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 68.99% 70.77%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state75"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 67.41% 71.52%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 67.41% 71.52%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state76"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 65.22% 72.42%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 65.22% 72.42%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state77"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 63.37% 73.89%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 63.37% 73.89%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state78"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 61.75% 75.65%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 61.75% 75.65%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state79"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 58.89% 77.64%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 58.89% 77.64%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state80"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 56.51% 79.59%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 56.51% 79.59%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state81"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 54.18% 81.21%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 93.19% 91.78%, 54.18% 81.21%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state82"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 92.71% 96.09%, 53.08% 82.12%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 92.71% 96.09%, 53.08% 82.12%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state83"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 51.89% 82.89%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 51.89% 82.89%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state84"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 50.56% 84.28%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 50.56% 84.28%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state85"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 50.46% 85.72%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 50.46% 85.72%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state86"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 49.46% 86.73%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 49.46% 86.73%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state87"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 47.22% 88.93%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 91.76% 101.44%, 47.22% 88.93%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state88"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 92.28% 104.65%, 46.51% 90.18%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 92.28% 104.65%, 46.51% 90.18%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state89"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 92.28% 104.65%, 43.08% 90.75%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 92.28% 104.65%, 43.08% 90.75%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state90"] {
    clip-path: polygon(0px 0px, 99.09% -48px, 90.04% 112.63%, 41.18% 90.41%, 0.08% 53.28%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.09% -48px, 90.04% 112.63%, 41.18% 90.41%, 0.08% 53.28%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state91"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 82.76% 132.13%, 40.80% 90.41%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 82.76% 132.13%, 40.80% 90.41%, 0.12% 84.27%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state92"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 38.28% 91.03%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 38.28% 91.03%, 0.12% 84.27%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state93"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 34.37% 91.70%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 34.37% 91.70%, 0.12% 84.27%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state94"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 33.04% 92.32%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 33.04% 92.32%, 0.12% 84.27%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state95"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 32.04% 93.13%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 32.04% 93.13%, 0.12% 84.27%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state96"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 31.23% 94.66%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 31.23% 94.66%, 0.12% 84.27%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state97"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 29.99% 96.19%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 29.99% 96.19%, 0.12% 84.27%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state98"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 27.47% 97.91%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 27.47% 97.91%, 0.12% 84.27%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state99"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 26.47% 98.82%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 80.14% 134.53%, 26.47% 98.82%, 0.12% 84.27%, 3px 6.77%);
}

div.ribbonVideo .ribbons.medium[data-percent="state100"] {
    clip-path: polygon(0px 0px, 99.57% -33px, 99.76% 130.60%, 2.61% 108.88%, 0.12% 84.27%, 3px 6.77%);
    -webkit-clip-path: polygon(0px 0px, 99.57% -33px, 99.76% 130.60%, 2.61% 108.88%, 0.12% 84.27%, 3px 6.77%);
}


/* ====== LARGE RIBBON SEQUENCE ======= */

div.ribbonVideo .ribbons.large {
    transition: all 0.5s;
    max-width: 2000px;
    left: unset;
    right: 0px;
}

div.ribbonVideo .ribbons.large.mirrored {
    left: 0;
    right: unset;
}

div.ribbonVideo .ribbons.large[data-percent="state0"] {
    clip-path: polygon(88.65% 0.08%, 100% 0.13%, 100% 5%, 100% 7.17%, 99.78% 0.15%, 97.56% 0.02%);
    -webkit-clip-path: polygon(88.65% 0.08%, 100% 0.13%, 100% 5%, 100% 7.17%, 99.78% 0.15%, 97.56% 0.02%);
}

div.ribbonVideo .ribbons.large[data-percent="state1"] {
    clip-path: polygon(88.65% 0.08%, 100% 0.13%, 100% 5%, 100% 7.17%, 99.85% 0.05%, 99.42% 0.04%);
    -webkit-clip-path: polygon(88.65% 0.08%, 100% 0.13%, 100% 5%, 100% 7.17%, 99.85% 0.05%, 99.42% 0.04%);
}

div.ribbonVideo .ribbons.large[data-percent="state2"] {
    clip-path: polygon(88.65% 0.08%, 100% 0.13%, 100% 5%, 100% 7.17%, 93.92% 2.42%, 89.47% 0.79%);
    -webkit-clip-path: polygon(88.65% 0.08%, 100% 0.13%, 100% 5%, 100% 7.17%, 93.92% 2.42%, 89.47% 0.79%);
}

div.ribbonVideo .ribbons.large[data-percent="state3"] {
    clip-path: polygon(88.65% 0.08%, 100% 0.13%, 100% 5%, 100% 7.17%, 93.30% 3.13%, 88.01% 2.45%);
    -webkit-clip-path: polygon(88.65% 0.08%, 100% 0.13%, 100% 5%, 100% 7.17%, 93.30% 3.13%, 88.01% 2.45%);
}

div.ribbonVideo .ribbons.large[data-percent="state4"] {
    clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 90.9% 4.22%, 86.71% 3.56%);
    -webkit-clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 90.9% 4.22%, 86.71% 3.56%);
}

div.ribbonVideo .ribbons.large[data-percent="state5"] {
    clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 89.91% 5.84%, 84.99% 5.09%);
    -webkit-clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 89.91% 5.84%, 84.99% 5.09%);
}

div.ribbonVideo .ribbons.large[data-percent="state6"] {
    clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 86.11% 7.33%, 83.17% 5.07%);
    -webkit-clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 86.11% 7.33%, 83.17% 5.07%);
}

div.ribbonVideo .ribbons.large[data-percent="state7"] {
    clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 81.89% 8.34%, 80.2% 5.07%);
    -webkit-clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 81.89% 8.34%, 80.2% 5.07%);
}

div.ribbonVideo .ribbons.large[data-percent="state8"] {
    clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 78.14% 9.55%, 74.63% 5.87%);
    -webkit-clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 78.14% 9.55%, 74.63% 5.87%);
}

div.ribbonVideo .ribbons.large[data-percent="state9"] {
    clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 78.14% 9.55%, 69.53% 7.00%);
    -webkit-clip-path: polygon(85.37% -0.03%, 100% 0.13%, 100% 5%, 100% 7.17%, 78.14% 9.55%, 69.53% 7.00%);
}

div.ribbonVideo .ribbons.large[data-percent="state10"] {
    clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 100% 7.17%, 78.14% 9.55%, 65.05% 8.24%);
    -webkit-clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 100% 7.17%, 78.14% 9.55%, 65.05% 8.24%);
}

div.ribbonVideo .ribbons.large[data-percent="state11"] {
    clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 100% 7.17%, 78.40% 10.41%, 64.11% 9.58%);
    -webkit-clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 100% 7.17%, 78.40% 10.41%, 64.11% 9.58%);
}

div.ribbonVideo .ribbons.large[data-percent="state12"] {
    clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 100% 7.17%, 80.33% 11.79%, 63.38% 11.27%);
    -webkit-clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 100% 7.17%, 80.33% 11.79%, 63.38% 11.27%);
}

div.ribbonVideo .ribbons.large[data-percent="state13"] {
    clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 99.84% 14.30%, 80.33% 14.37%, 61.2% 13.57%);
    -webkit-clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 99.84% 14.30%, 80.33% 14.37%, 61.2% 13.57%);
}

div.ribbonVideo .ribbons.large[data-percent="state14"] {
    clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 99.84% 14.3%, 80.33% 15.77%, 58.70% 15.01%);
    -webkit-clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 99.84% 14.3%, 80.33% 15.77%, 58.70% 15.01%);
}

div.ribbonVideo .ribbons.large[data-percent="state15"] {
    clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 99.84% 14.3%, 76.53% 18.89%, 57.19% 15.91%);
    -webkit-clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 99.84% 14.3%, 76.53% 18.89%, 57.19% 15.91%);
}

div.ribbonVideo .ribbons.large[data-percent="state16"] {
    clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 99.84% 14.3%, 75.85% 20.82%, 52.66% 17.44%);
    -webkit-clip-path: polygon(58.81% -0.18%, 100% 0.13%, 100% 5%, 99.84% 14.3%, 75.85% 20.82%, 52.66% 17.44%);
}

div.ribbonVideo .ribbons.large[data-percent="state17"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 60.43% 23.00%, 52.66% 17.44%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 60.43% 23.00%, 52.66% 17.44%);
}

div.ribbonVideo .ribbons.large[data-percent="state18"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 54.28% 24.05%, 47.76% 18.36%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 54.28% 24.05%, 47.76% 18.36%);
}

div.ribbonVideo .ribbons.large[data-percent="state19"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 47.72% 24.8%, 47.03% 18.32%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 47.72% 24.8%, 47.03% 18.32%);
}

div.ribbonVideo .ribbons.large[data-percent="state20"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 41.26% 24.91%, 47.03% 18.32%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 41.26% 24.91%, 47.03% 18.32%);
}

div.ribbonVideo .ribbons.large[data-percent="state21"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 44.58% 18.11%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 44.58% 18.11%);
}

div.ribbonVideo .ribbons.large[data-percent="state22"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 36.14% 17.98%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 36.14% 17.98%);
}

div.ribbonVideo .ribbons.large[data-percent="state23"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 31.09% 18.38%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 31.09% 18.38%);
}

div.ribbonVideo .ribbons.large[data-percent="state24"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 24.79% 19.55%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 24.79% 19.55%);
}

div.ribbonVideo .ribbons.large[data-percent="state25"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 18.96% 21.41%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 18.96% 21.41%);
}

div.ribbonVideo .ribbons.large[data-percent="state26"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 15.99% 24.01%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 38.03% 24.85%, 15.99% 24.01%);
}

div.ribbonVideo .ribbons.large[data-percent="state27"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 36.88% 26.25%, 13.33% 25.00%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 36.88% 26.25%, 13.33% 25.00%);
}

div.ribbonVideo .ribbons.large[data-percent="state28"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 24.64% 29.82%, 12.65% 25.06%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 24.64% 29.82%, 12.65% 25.06%);
}

div.ribbonVideo .ribbons.large[data-percent="state29"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 21.15% 31.16%, 9.53% 25.39%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 21.15% 31.16%, 9.53% 25.39%);
}

div.ribbonVideo .ribbons.large[data-percent="state30"] {
    clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 21.15% 31.16%, 1.77% 27.26%);
    -webkit-clip-path: polygon(38.13% -0.22%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 21.15% 31.16%, 1.77% 27.26%);
}

div.ribbonVideo .ribbons.large[data-percent="state31"] {
    clip-path: polygon(8.55% -0.16%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.21% 29.12%);
    -webkit-clip-path: polygon(8.55% -0.16%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.21% 29.12%);
}

div.ribbonVideo .ribbons.large[data-percent="state32"] {
    clip-path: polygon(8.55% -0.16%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.31% 30.54%);
    -webkit-clip-path: polygon(8.55% -0.16%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.31% 30.54%);
}

div.ribbonVideo .ribbons.large[data-percent="state33"] {
    clip-path: polygon(8.55% -0.16%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.15% 31.90%);
    -webkit-clip-path: polygon(8.55% -0.16%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.15% 31.90%);
}

div.ribbonVideo .ribbons.large[data-percent="state34"] {
    clip-path: polygon(8.55% -0.16%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.15% 33.77%);
    -webkit-clip-path: polygon(8.55% -0.16%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.15% 33.77%);
}

div.ribbonVideo .ribbons.large[data-percent="state35"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.62% 35.63%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.84% 24.3%, 20.32% 31.83%, 0.62% 35.63%);
}

div.ribbonVideo .ribbons.large[data-percent="state36"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.53% 39.89%, 8.96% 35.8%, 1.51% 36.74%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.53% 39.89%, 8.96% 35.8%, 1.51% 36.74%);
}

div.ribbonVideo .ribbons.large[data-percent="state37"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.53% 39.89%, 10.89% 35.82%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.53% 39.89%, 10.89% 35.82%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state38"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 18.59% 36.62%, 14.06% 39.54%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 18.59% 36.62%, 14.06% 39.54%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state39"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 21.09% 36.91%, 20.99% 40.23%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 21.09% 36.91%, 20.99% 40.23%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state40"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 25.31% 36.85%, 29.43% 40.5%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 25.31% 36.85%, 29.43% 40.5%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state41"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 30.26% 36.83%, 29.43% 40.5%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 30.26% 36.83%, 29.43% 40.5%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state42"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 34.37% 37.17%, 33.18% 40.94%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 34.37% 37.17%, 33.18% 40.94%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state43"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 39.53% 37.63%, 34.22% 41.17%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 39.53% 37.63%, 34.22% 41.17%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state44"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 44.37% 38.09%, 39.06% 42.05%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 44.37% 38.09%, 39.06% 42.05%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state45"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 51.82% 39.41%, 39.06% 42.05%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 51.82% 39.41%, 39.06% 42.05%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state46"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 54.79% 40.63%, 39.48% 43.06%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 54.79% 40.63%, 39.48% 43.06%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state47"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 57.29% 41.53%, 43.44% 44.44%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 57.29% 41.53%, 43.44% 44.44%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state48"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 57.29% 41.53%, 49.43% 47.23%, 0.78% 39.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 57.29% 41.53%, 49.43% 47.23%, 0.78% 39.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state49"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 60.83% 42.79%, 53.18% 48.11%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 60.83% 42.79%, 53.18% 48.11%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state50"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 65.05% 43.44%, 61.46% 49.12%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 65.05% 43.44%, 61.46% 49.12%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state51"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 69.22% 44.51%, 61.46% 49.12%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 69.22% 44.51%, 61.46% 49.12%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state52"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 72.19% 46.69%, 61.46% 49.12%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 72.19% 46.69%, 61.46% 49.12%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state53"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 74.22% 47.91%, 69.43% 51.57%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 74.22% 47.91%, 69.43% 51.57%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state54"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 77.71% 49.67%, 67.56% 51.23%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 77.71% 49.67%, 67.56% 51.23%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state55"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 80.94% 51.26%, 67.56% 51.23%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 80.94% 51.26%, 67.56% 51.23%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state56"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.33% 52.79%, 68.08% 52.55%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.33% 52.79%, 68.08% 52.55%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state57"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.75% 55.05%, 69.49% 54.42%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.75% 55.05%, 69.49% 54.42%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state58"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.39% 57.21%, 68.86% 55.87%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.39% 57.21%, 68.86% 55.87%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state59"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.65% 59.14%, 67.92% 56.62%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.65% 59.14%, 67.92% 56.62%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state60"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.65% 59.14%, 66.82% 58.57%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 83.65% 59.14%, 66.82% 58.57%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state61"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 84.90% 60.46%, 66.87% 61.32%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 84.90% 60.46%, 66.87% 61.32%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state62"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 84.9% 60.46%, 66.14% 64.38%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 84.9% 60.46%, 66.14% 64.38%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state63"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 84.9% 60.46%, 69.94% 66.54%, 0.31% 43.7%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 84.9% 60.46%, 69.94% 66.54%, 0.31% 43.7%);
}

div.ribbonVideo .ribbons.large[data-percent="state64"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 84.9% 60.46%, 74.37% 68.43%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 84.9% 60.46%, 74.37% 68.43%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state65"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 82.14% 65.66%, 79.37% 70%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 82.14% 65.66%, 79.37% 70%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state66"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 86.41% 65.89%, 84.63% 71.31%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 86.41% 65.89%, 84.63% 71.31%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state67"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 93.91% 66.94%, 84.63% 71.31%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 93.91% 66.94%, 84.63% 71.31%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state68"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 97.4% 69.41%, 87.39% 69.91%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 97.4% 69.41%, 87.39% 69.91%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state69"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.18% 71.84%, 88.22% 69.87%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.18% 71.84%, 88.22% 69.87%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state70"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.96% 73.41%, 84.94% 70.56%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.96% 73.41%, 84.94% 70.56%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state71"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.65% 74.98%, 83.69% 71.84%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.65% 74.98%, 83.69% 71.84%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state72"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.29% 77.83%, 82.34% 72.2%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.29% 77.83%, 82.34% 72.2%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state73"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 97.35% 79.44%, 77.5% 73.21%, 0.26% 59.35%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 97.35% 79.44%, 77.5% 73.21%, 0.26% 59.35%);
}

div.ribbonVideo .ribbons.large[data-percent="state74"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 95.21% 82.26%, 72.71% 74.8%, 0.26% 70.50%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 95.21% 82.26%, 72.71% 74.8%, 0.26% 70.50%);
}

div.ribbonVideo .ribbons.large[data-percent="state75"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 65.47% 74.72%, 0.26% 70.5%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 65.47% 74.72%, 0.26% 70.5%);
}

div.ribbonVideo .ribbons.large[data-percent="state76"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 61.51% 75.77%, 0.26% 70.5%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 61.51% 75.77%, 0.26% 70.5%);
}

div.ribbonVideo .ribbons.large[data-percent="state77"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 59.27% 76.84%, 0.26% 70.5%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 59.27% 76.84%, 0.26% 70.5%);
}

div.ribbonVideo .ribbons.large[data-percent="state78"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 58.38% 79.08%, 0.26% 70.5%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 58.38% 79.08%, 0.26% 70.5%);
}

div.ribbonVideo .ribbons.large[data-percent="state79"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 57.34% 80.95%, 0.26% 70.5%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 57.34% 80.95%, 0.26% 70.5%);
}

div.ribbonVideo .ribbons.large[data-percent="state80"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 56.92% 82.71%, 0.26% 70.5%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 56.92% 82.71%, 0.26% 70.5%);
}

div.ribbonVideo .ribbons.large[data-percent="state81"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 56.45% 84.45%, 0.26% 70.5%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94.48% 84.84%, 56.45% 84.45%, 0.26% 70.5%);
}

div.ribbonVideo .ribbons.large[data-percent="state82"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.43% 87.02%, 56.09% 85.92%, 0.26% 70.5%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.43% 87.02%, 56.09% 85.92%, 0.26% 70.5%);
}

div.ribbonVideo .ribbons.large[data-percent="state83"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 96.93% 91.57%, 54.22% 86.84%, 0.26% 78.07%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 96.93% 91.57%, 54.22% 86.84%, 0.26% 78.07%);
}

div.ribbonVideo .ribbons.large[data-percent="state84"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.65% 94.94%, 49.43% 87.99%, 0.26% 78.07%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98.65% 94.94%, 49.43% 87.99%, 0.26% 78.07%);
}

div.ribbonVideo .ribbons.large[data-percent="state85"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98% 100.54%, 45.32% 88.74%, 0.26% 78.07%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 98% 100.54%, 45.32% 88.74%, 0.26% 78.07%);
}

div.ribbonVideo .ribbons.large[data-percent="state86"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 92% 103.49%, 41.31% 89.47%, 0.26% 78.07%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 92% 103.49%, 41.31% 89.47%, 0.26% 78.07%);
}

div.ribbonVideo .ribbons.large[data-percent="state87"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94% 103.49%, 39.44% 89.53%, 0.26% 78.07%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 94% 103.49%, 39.44% 89.53%, 0.26% 78.07%);
}

div.ribbonVideo .ribbons.large[data-percent="state88"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 78.39% 103.49%, 36.84% 89.57%, 0.26% 78.07%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 78.39% 103.49%, 36.84% 89.57%, 0.26% 78.07%);
}

div.ribbonVideo .ribbons.large[data-percent="state89"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 33.98% 90.91%, 34.95% 89.43%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 33.98% 90.91%, 34.95% 89.43%);
}

div.ribbonVideo .ribbons.large[data-percent="state90"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 31.27% 91.24%, 29.74% 88.99%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 31.27% 91.24%, 29.74% 88.99%);
}

div.ribbonVideo .ribbons.large[data-percent="state91"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 31.27% 91.24%, 25.26% 89.26%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 31.27% 91.24%, 25.26% 89.26%);
}

div.ribbonVideo .ribbons.large[data-percent="state92"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 31.43% 92.16%, 22.6% 89.87%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 31.43% 92.16%, 22.6% 89.87%);
}

div.ribbonVideo .ribbons.large[data-percent="state93"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 29.71% 94.44%, 19.48% 90.6%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 29.71% 94.44%, 19.48% 90.6%);
}

div.ribbonVideo .ribbons.large[data-percent="state94"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 29.71% 94.44%, 13.59% 92.44%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 29.71% 94.44%, 13.59% 92.44%);
}

div.ribbonVideo .ribbons.large[data-percent="state95"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 25.13% 96.41%, 9.94% 93.97%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 25.13% 96.41%, 9.94% 93.97%);
}

div.ribbonVideo .ribbons.large[data-percent="state96"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 17.99% 99.45%, 9.94% 93.97%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 17.99% 99.45%, 9.94% 93.97%);
}

div.ribbonVideo .ribbons.large[data-percent="state97"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 13.2% 100.62%, 4.63% 94.39%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 13.2% 100.62%, 4.63% 94.39%);
}

div.ribbonVideo .ribbons.large[data-percent="state98"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 8.56% 100.96%, 0.72% 94.93%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 8.56% 100.96%, 0.72% 94.93%);
}

div.ribbonVideo .ribbons.large[data-percent="state99"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 2.62% 101.55%, 0.20% 98.47%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 2.62% 101.55%, 0.20% 98.47%);
}

div.ribbonVideo .ribbons.large[data-percent="state100"] {
    clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 0% 101.68%, 0% 98.60%);
    -webkit-clip-path: polygon(0.16% -0.05%, 100% 0.13%, 100% 6%, 99.75% 95.67%, 0% 101.68%, 0% 98.60%);
}

div.ribbonVideo section.newsletter {
    height: auto;
    padding-bottom: 50px;
    background: #fdb400;
    background-image: none !important;
}

div.ribbonVideo video {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: fill;
    object-position: top right;
}

div.ribbonVideo section.info ul li {
    /*background: transparent;*/
    z-index: 1;
}

div.ribbonVideo .ribbons {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    max-height: 100%;
    overflow: hidden;
    width: 100%;
    background-size: 100% 100%;
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: blur(0.1px);
}

div.ribbonVideo .ribbons .ribbonFrame {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0%;
    background-size: 100% auto;
    background-position: top right;
    background-repeat: no-repeat;
    visibility: hidden;
}

div.ribbonVideo .ribbons .ribbonFrame.visible {
    visibility: visible;
}

div.ribbonVideo.red .ribbons {
    filter: hue-rotate(259deg) saturate(2.2) brightness(0.8) contrast(1.5) blur(0.1px) grayscale(1%);
    ;
}

div.ribbonVideo.yellow .ribbons {
    filter: hue-rotate(325deg) saturate(1.8) brightness(1.3);
    -webkit-filter: hue-rotate(325deg) saturate(1.8) brightness(1.3);
}

div.ribbonVideo.blue .ribbons {
    filter: hue-rotate(145deg) saturate(1.8) brightness(0.5);
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        div.ribbonVideo.yellow .ribbons {
            filter: hue-rotate(305deg) saturate(1.8) brightness(1.3) !important;
            -webkit-filter: hue-rotate(305deg) saturate(1.8) brightness(1.3) !important;
        }
        div.ribbonVideo.red .ribbons {
            filter: hue-rotate(225deg) saturate(2.2) brightness(0.45) contrast(1.5) !important;
            -webkit-filter: hue-rotate(225deg) saturate(2.2) brightness(0.45) contrast(1.5) !important;
        }
        div.ribbonVideo.blue .ribbons {
            filter: hue-rotate(145deg) saturate(1.8) brightness(0.3);
            -webkit-filter: hue-rotate(145deg) saturate(1.8) brightness(0.3);
        }
    }
}


/*
div.ribbonVideo.stretched .ribbons {
    min-height: 100%;
    background-size: cover;
}

div.ribbonVideo.stretched .ribbons .ribbonFrame {
    background-size: cover;
}*/

div.ribbonVideo .ribbons img.sizeRef {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0;
    pointer-events: none;
}


/* --- Against stretching --- */

div.ribbonVideo.home_green {
    min-height: 50vw;
}

div.ribbonVideo.home_green .ribbons {
    max-height: 120vw;
}


/* --- Mirroring variation --- */

div.ribbonVideo .ribbons.mirrored {
    transform: scaleX(-1) translate3d(0, 0, 0);
}


/* --- Fix other page-element positions --- */

div.ribbonVideo section.portfolio .container {
    background: transparent;
    position: relative;
    z-index: 2;
}

div.ribbonVideo section.portfolio .container ul {
    background: white;
}

div.ribbonVideo section.newsletter,
div.ribbonVideo section.graph {
    position: relative;
    z-index: 2;
}

section.about.career .left:not(.title) {
    background: #f5f5f5;
    position: relative;
    z-index: 50;
}