/*Begin List link, icon elementor*/
.elwaterstop-list-link-global{
    display: flex;
}
.elwaterstop-list-link-global-block{   
    flex-direction: column;
}
.elwaterstop-list-link-global a{
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 100%;
    position: relative;
}
.elwaterstop-list-link-global span.icon-image-link{
    display: flex;
}

.elwaterstop-list-link-global-hv-1 a,
.elwaterstop-list-link-global-hv-1 a span {
    position: relative;
    transition: all 0.22s ease-out 0s;
}
.elwaterstop-list-link-global-hv-1 a:before {
    position: absolute;
    content: '';
    right: 0;
    bottom: 3px;
    width: 0;
    height: 1px;
    background: #000;
    transition: all 0.22s ease-out 0s;
}
.elwaterstop-list-link-global-hv-1 a:hover:before {
    left: 0;
    width: 100%;
}
/*----------------------*/
/*End List link, icon elementor*/

@keyframes waterstop-scroll{
  from {transform: translateX(0) }
  to {transform: translateX(calc(-100%));}
}
@keyframes waterstop-scroll2{
  from {transform: translateX(-50%) }
  to {transform: translateX(0%);}
}
@keyframes waterstop-scroll-ver{
  from {transform: translateY(0) }
  to {transform: translateY(calc(-50%));}
}

.elwaterstop-list-link-global {
    display: flex;
    flex-wrap: nowrap;
    display: flex;
    flex-wrap: nowrap;
    animation-name: waterstop-scroll;
    animation-duration: 45s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.elwaterstop-list-link-global:hover{
    animation-play-state: paused;
}
/* SVG support for List Link icons */
.elwaterstop-list-link-global .icon-media-wrap,
.elwaterstop-list-link-global .icon-image-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.elwaterstop-list-link-global .icon-image-link img{
    display: block;
    width: 1em;
    height: 1em;
    object-fit: contain;
}

.elwaterstop-list-link-global .svg-icon-link{
    color: inherit;
}

.elwaterstop-list-link-global .svg-icon-link svg{
    display: block;
    width: 1em;
    height: 1em;
}

.elwaterstop-list-link-global .svg-icon-link svg,
.elwaterstop-list-link-global .svg-icon-link svg *{
    fill: currentColor;
    stroke: currentColor;
}

.elwaterstop-list-link-global .icon-media-wrap{
    position: relative;
}

.elwaterstop-list-link-global .icon-media-wrap.image_hover-yes .icon_image_hover{
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .22s ease-out, visibility .22s ease-out;
}

.elwaterstop-list-link-global .item-link:hover .icon-media-wrap.image_hover-yes > .icon-image-link,
.elwaterstop-list-link-global .item-link:focus .icon-media-wrap.image_hover-yes > .icon-image-link{
    opacity: 0;
}

.elwaterstop-list-link-global .item-link:hover .icon-media-wrap.image_hover-yes .icon_image_hover,
.elwaterstop-list-link-global .item-link:focus .icon-media-wrap.image_hover-yes .icon_image_hover{
    opacity: 1;
    visibility: visible;
}


/* List Link marquee fix */
.elwaterstop-list-link-marquee-enabled{
    overflow: hidden;
    width: 100%;
}
.elwaterstop-list-link-marquee-enabled.elwaterstop-list-link-global{
    animation: none !important;
    display: block;
}
.elwaterstop-list-link-marquee-viewport{
    overflow: hidden;
    width: 100%;
}
.elwaterstop-list-link-marquee-track{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
    will-change: transform;
    animation: waterstop-scroll 45s linear infinite;
}
.elwaterstop-list-link-marquee-enabled.list-links-scroll2 .elwaterstop-list-link-marquee-track{
    animation-name: waterstop-scroll2;
    animation-duration: 55s;
}
.elwaterstop-list-link-marquee-enabled.list-links-scroll-ver .elwaterstop-list-link-marquee-track{
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    animation-name: waterstop-scroll-ver;
    animation-duration: 28s;
}
.elwaterstop-list-link-marquee-enabled:hover .elwaterstop-list-link-marquee-track{
    animation-play-state: paused;
}
.elwaterstop-list-link-marquee-enabled .item-link{
    flex: 0 0 auto;
}
body .elementor-widget-waterstop-list-link-global,
body .elementor-widget-waterstop-list-link-global .elementor-widget-container{
    overflow: hidden;
}

/* Seamless List Link marquee loop */
@keyframes waterstop-marquee-loop{
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes waterstop-marquee-loop-reverse{
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}
@keyframes waterstop-marquee-loop-vertical{
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}
.elwaterstop-list-link-marquee-enabled .elwaterstop-list-link-marquee-track{
    animation-name: waterstop-marquee-loop;
}
.elwaterstop-list-link-marquee-enabled.list-links-scroll2 .elwaterstop-list-link-marquee-track{
    animation-name: waterstop-marquee-loop-reverse;
}
.elwaterstop-list-link-marquee-enabled.list-links-scroll-ver .elwaterstop-list-link-marquee-track{
    animation-name: waterstop-marquee-loop-vertical;
}

/* Triple-track seamless marquee */
@keyframes waterstop-marquee-loop-3x{
  from { transform: translateX(0); }
  to { transform: translateX(-33.333333%); }
}
@keyframes waterstop-marquee-loop-reverse-3x{
  from { transform: translateX(-33.333333%); }
  to { transform: translateX(0); }
}
@keyframes waterstop-marquee-loop-vertical-3x{
  from { transform: translateY(0); }
  to { transform: translateY(-33.333333%); }
}
.elwaterstop-list-link-marquee-enabled .elwaterstop-list-link-marquee-track{
    animation-name: waterstop-marquee-loop-3x !important;
}
.elwaterstop-list-link-marquee-enabled.list-links-scroll2 .elwaterstop-list-link-marquee-track{
    animation-name: waterstop-marquee-loop-reverse-3x !important;
}
.elwaterstop-list-link-marquee-enabled.list-links-scroll-ver .elwaterstop-list-link-marquee-track{
    animation-name: waterstop-marquee-loop-vertical-3x !important;
}