/* Pick the active device value. Flatsome breakpoints: 850 / 550. */
.highway-slider {
    --row-h: var(--row-h-lg);
    --gap: var(--gap-lg);
    --img-pct: var(--img-pct-lg);
}
@media (max-width: 849px) {
    .highway-slider {
        --row-h: var(--row-h-md);
        --gap: var(--gap-md);
        --img-pct: var(--img-pct-md);
    }
}
@media (max-width: 549px) {
    .highway-slider {
        --row-h: var(--row-h-sm);
        --gap: var(--gap-sm);
        --img-pct: var(--img-pct-sm);
    }
}

.highway-barrier {
    overflow: hidden;
    max-width: calc(var(--max-width) + 400px);
    margin: 0 auto;
    position: relative;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 var(--fade, 0%), #000 var(--fade-end, 100%), transparent 100%);
            mask-image: linear-gradient(to right, transparent 0%, #000 var(--fade, 0%), #000 var(--fade-end, 100%), transparent 100%);
}
ul.highway-lane {
    display: flex;
    justify-content: start;
    width: max-content;
    height: var(--row-h);
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: content-box;
    animation-name: translateinfinite;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: var(--duration);
    will-change: transform;
    transform: translateZ(0);
}
.invert ul.highway-lane {
    justify-content: end;
    animation-name: translateinfiniteinvert;
}
.invert .highway-barrier {
    display: flex;
    justify-content: end;
}
li.highway-car {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--row-h);
    margin: 0 !important;
    padding: 0 calc(var(--gap) / 2);
    box-sizing: content-box;
}
li.highway-car img {
    display: block;
    width: auto;
    height: calc(var(--row-h) * var(--img-pct) / 100);
    max-width: calc(var(--row-h) * 3);   /* cap very wide logos */
    object-fit: contain;
    transition: filter 0.35s ease;
}
.highway-slider.grayscale li.highway-car img {
    filter: grayscale(100%);
}
.highway-slider.grayscale li.highway-car:hover img {
    filter: grayscale(0%);
}
@keyframes translateinfinite {
    100% { transform: translateX(-50%) translateZ(0); }
}
@keyframes translateinfiniteinvert {
    100% { transform: translateX(50%) translateZ(0); }
}
.fly-homepage-partners {
    margin-bottom: -136px;
}