html body.cyb-site-animate {
  --cyb-motion-duration: 680ms;
  --cyb-motion-duration-emphasis: 760ms;
  --cyb-motion-duration-quick: 560ms;
  --cyb-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --cyb-interaction-duration: 180ms;
  --cyb-interaction-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

html body [data-cyb-animate] {
  --animate-delay: 0ms;
  opacity: 1;
  visibility: visible;
}

html body [data-cyb-animate]:not(.animate__animated),
html body [data-cyb-animate][data-cyb-done="1"],
html body [data-cyb-animate][data-cyb-played="1"]:not(.animate__animated) {
  opacity: 1 !important;
  visibility: visible !important;
}

html body .animate__animated {
  --animate-repeat: 1;
  animation-iteration-count: 1 !important;
  animation-fill-mode: none !important;
  animation-timing-function: var(--cyb-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

html body [data-cyb-animate].animate__animated {
  --animate-duration: var(--cyb-motion-duration, 680ms);
  animation-duration: var(--animate-duration);
  animation-fill-mode: both !important;
  visibility: visible !important;
  will-change: opacity, transform;
}

html body [data-cyb-animate].animate__animated:not([data-cyb-animate-delay]) {
  animation-delay: 0ms;
}
html body [data-cyb-animate][data-cyb-animate-delay].animate__animated {
  animation-delay: var(--animate-delay);
}

html body [data-cyb-animate^="zoom"].animate__animated,
html body [data-cyb-animate^="bounce"].animate__animated {
  --animate-duration: var(--cyb-motion-duration-quick, 560ms);
}

html body h1[data-cyb-animate].animate__animated,
html body [data-cyb-animate="heartBeat"].animate__animated,
html body [data-cyb-animate^="slide"].animate__animated {
  --animate-duration: var(--cyb-motion-duration-emphasis, 760ms);
}

html body [data-cyb-animate][data-cyb-done="1"],
html body [data-cyb-animate][data-cyb-done="1"].animate__animated {
  animation: none !important;
  animation-delay: 0ms !important;
  opacity: 1 !important;
  visibility: visible !important;
  will-change: auto;
}
html body :where(
  a,
  button,
  .card,
  details.faq-card,
  .blog-post-teaser,
  .blog-term-index-card,
  .partner-teaser,
  .team-teaser,
  .grid-item,
  .commerce-product,
  .box-icon-item,
  .product-category-parent,
  .product-category-child,
  .hub-intro__btn,
  .jd-hub-intro__btn,
  .form-index-card,
  .jd-form-index__card,
  .partner-cta
)[data-cyb-animate] {
  transition: translate var(--cyb-interaction-duration, 180ms) var(--cyb-interaction-ease, ease),
    scale var(--cyb-interaction-duration, 180ms) var(--cyb-interaction-ease, ease);
}

@media (hover: hover) and (pointer: fine) {
  html body :where(
    a,
    button,
    .card,
    details.faq-card,
    .blog-post-teaser,
    .blog-term-index-card,
    .partner-teaser,
    .team-teaser,
    .grid-item,
    .commerce-product,
    .box-icon-item,
    .product-category-parent,
    .product-category-child,
    .hub-intro__btn,
    .jd-hub-intro__btn,
    .form-index-card,
    .jd-form-index__card,
    .partner-cta
  )[data-cyb-animate]:hover {
    translate: 0 -2px;
  }

  html body :where(a, button, .hub-intro__btn, .jd-hub-intro__btn, .partner-cta)[data-cyb-animate]:hover {
    scale: 1.01;
  }
}

html body :where(
  a,
  button,
  .card,
  details.faq-card,
  .blog-post-teaser,
  .blog-term-index-card,
  .partner-teaser,
  .team-teaser,
  .grid-item,
  .commerce-product,
  .box-icon-item,
  .product-category-parent,
  .product-category-child,
  .hub-intro__btn,
  .partner-cta
)[data-cyb-animate]:focus-visible,
html body :where(
  .card,
  details.faq-card,
  .blog-post-teaser,
  .blog-term-index-card,
  .partner-teaser,
  .team-teaser,
  .grid-item,
  .commerce-product,
  .box-icon-item,
  .product-category-parent,
  .product-category-child,
  .form-index-card,
  .jd-form-index__card
)[data-cyb-animate]:focus-within {
  translate: 0 -2px;
}

html body :where(a, button, .hub-intro__btn, .jd-hub-intro__btn, .partner-cta)[data-cyb-animate]:focus-visible {
  scale: 1.01;
}
html body :is(#main-menu, .header-menu, .navbar-collapse, #footer, .footer) [data-cyb-animate],
html body :is(.flex-control-nav, .flex-direction-nav, .owl-dots, .owl-nav, .views-slideshow-controls-top, .views-slideshow-controls-bottom) {
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body h1[data-cyb-animate].animate__animated,
html body h1.animate__heartBeat {
  --animate-duration: var(--cyb-motion-duration-emphasis, 760ms);
  --animate-repeat: 1;
  animation-iteration-count: 1 !important;
}


html body.path-taxonomy[class*="page-products"] [data-cyb-animate].animate__animated {
  --animate-duration: var(--cyb-motion-duration, 680ms);
  --animate-repeat: 1;
  animation-iteration-count: 1 !important;
}


html body.path-taxonomy[class*="page-products"] h1[data-cyb-animate].animate__animated {
  --animate-duration: var(--cyb-motion-duration-emphasis, 760ms);
}


html body[class*="-partners"] [data-cyb-animate].animate__animated {
  --animate-duration: var(--cyb-motion-duration, 680ms);
  --animate-repeat: 1;
  animation-iteration-count: 1 !important;
}


html body[class*="-partners"] h1[data-cyb-animate].animate__animated {
  --animate-duration: var(--cyb-motion-duration-emphasis, 760ms);
}
html.cyb-site-animate-ready .owl-item.cloned [data-cyb-animate],
html.cyb-site-animate-ready .owl-dots,
html.cyb-site-animate-ready .owl-nav,
html.cyb-site-animate-ready .views-slideshow-controls-top,
html.cyb-site-animate-ready .views-slideshow-controls-bottom,
html.cyb-site-animate-ready [id*="views_slideshow_controls"],
html.cyb-site-animate-ready .views_slideshow_slide_counter,
html.cyb-site-animate-ready .slide-additional-nav,
html.cyb-site-animate-ready .slide-additional-nav[data-cyb-animate],
html.cyb-site-animate-ready .slide-additional-nav__btn[data-cyb-animate] {
  opacity: 1 !important;
}


html body[class*="-automotive-services"] .jd-hub-intro[data-cyb-animate="slideInUp"],
html body[class*="-marine-and-rv-services"] .jd-hub-intro[data-cyb-animate="slideInUp"],
html body[class*="-web-services"] .hub-intro[data-cyb-animate="slideInUp"],
html body[class*="-marketing-services"] .hub-intro[data-cyb-animate="slideInUp"] {
  --animate-duration: var(--cyb-motion-duration-emphasis, 760ms);
  --animate-repeat: 1;
}


html body[class*="-automotive-services"] .jd-hub-intro[data-cyb-animate="slideInUp"].animate__animated,
html body[class*="-marine-and-rv-services"] .jd-hub-intro[data-cyb-animate="slideInUp"].animate__animated,
html body[class*="-web-services"] .hub-intro[data-cyb-animate="slideInUp"].animate__animated,
html body[class*="-marketing-services"] .hub-intro[data-cyb-animate="slideInUp"].animate__animated {
  --animate-duration: var(--cyb-motion-duration-emphasis, 760ms);
  --animate-repeat: 1;
  animation-iteration-count: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto !important;
  }

  html body.cyb-site-animate *,
  html body.cyb-site-animate *::before,
  html body.cyb-site-animate *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }

  html body .animate__animated,
  html body [data-cyb-animate],
  html body [data-cyb-played="1"],
  html body [data-cyb-done="1"] {
    animation: none !important;
    animation-delay: 0ms !important;
    transition: none !important;
    translate: none !important;
    scale: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    scroll-behavior: auto !important;
    will-change: auto !important;
  }
}