/* GENERATED by tools/anim.py: the theme's <img> rules, for the videos that replace placeholders. */
video:where(.hm-anim){margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;}
.swiper-zoom-container > video:where(.hm-anim){max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;}
.pswp video:where(.hm-anim){max-width: none;}
video:where(.hm-anim).mfp-img{width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile video:where(.hm-anim).mfp-img{padding: 0;}
}
video:where(.hm-anim){display: block;
  width: 100%;
  height: auto;}
.mxd-block__image video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.inner-headline__title.headline-img-before > video:where(.hm-anim-pill){content: "";
  display: inline-block;
  width: 8rem;
  height: 4.3rem;
  -moz-border-radius: 4.2rem;
       border-radius: 4.2rem;
  margin-right: 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: cover;
       background-size: cover;}
@media only screen and (min-width: 768px){.inner-headline__title.headline-img-before > video:where(.hm-anim-pill){width: 11rem;
    height: 5.8rem;
    margin-right: 2.2rem;}
}
@media only screen and (min-width: 1200px){.inner-headline__title.headline-img-before > video:where(.hm-anim-pill){width: 14rem;
    height: 7rem;
    margin-right: 2.6rem;}
}
@media only screen and (min-width: 1600px){.inner-headline__title.headline-img-before > video:where(.hm-anim-pill){width: 16rem;
    height: 8.4rem;
    margin-right: 3.3rem;}
}
.mxd-spin-hover video:where(.hm-anim){-webkit-animation: spin 5s linear infinite;
     -moz-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
  -webkit-animation-play-state: paused;
     -moz-animation-play-state: paused;
          animation-play-state: paused;}
.mxd-spin-hover:hover video:where(.hm-anim){-webkit-animation-play-state: running;
     -moz-animation-play-state: running;
          animation-play-state: running;}
.mxd-section-title__image-link video:where(.hm-anim){width: 140px;
  height: auto;}
@media only screen and (min-width: 1600px){.mxd-section-title__image-link video:where(.hm-anim){width: 160px;}
}
.mxd-avatars__item video:where(.hm-anim){width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-preview-hover__icon video:where(.hm-anim){width: 100%;
  height: auto;}
.mxd-divider__image video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-divider__video video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.main-menu__toggle video:where(.hm-anim){display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.9rem;
  height: 1.9rem;
  -webkit-transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
  transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
  -moz-transition: transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);
  transition: transform var(--_animspeed-medium) var(--_animbezier);
  transition: transform var(--_animspeed-medium) var(--_animbezier), -webkit-transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);}
@media only screen and (min-width: 1200px){.main-menu__toggle video:where(.hm-anim){width: 2.3rem;
    height: 2.3rem;}
}
.mxd-promo__icon video:where(.hm-anim){display: inline;
  width: auto;
  height: 3.4rem;}
@media only screen and (min-width: 768px){.mxd-promo__icon video:where(.hm-anim){height: 5.4rem;}
}
@media only screen and (min-width: 1400px){.mxd-promo__icon video:where(.hm-anim){height: 7rem;}
}
.mxd-hero-02-image__inner video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.hero-04-bg__obj-01 video:where(.hm-anim), .hero-04-bg__obj-02 video:where(.hm-anim){display: block;
  width: 100%;
  height: auto;}
.mxd-hero-05__videoblock video:where(.hm-anim){position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.hero-07-circle__image video:where(.hm-anim){display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.post-featured__thumb video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.post-simple__thumb video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.post-secondary__thumb video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-projects-archive__image video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.recent-post__thumb video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-filter var(--_animspeed-medium), -webkit-transform var(--_animspeed-medium) var(--_animbezier);
  transition: -webkit-filter var(--_animspeed-medium), -webkit-transform var(--_animspeed-medium) var(--_animbezier);
  -moz-transition: filter var(--_animspeed-medium), transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);
  transition: filter var(--_animspeed-medium), transform var(--_animspeed-medium) var(--_animbezier);
  transition: filter var(--_animspeed-medium), transform var(--_animspeed-medium) var(--_animbezier), -webkit-filter var(--_animspeed-medium), -webkit-transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);}
.no-touch .recent-post__thumb:hover video:where(.hm-anim){-webkit-filter: blur(3px);
          filter: blur(3px);
  -webkit-transform: scale(1.04);
     -moz-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);}
.widget__bgimage video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-article__thumb video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-article-author__avatar video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-comment__avatar video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-demo-list__image video:where(.hm-anim){opacity: 0;}
.demo-swiper-slide__image video:where(.hm-anim){-moz-border-radius: 1rem;
       border-radius: 1rem;}
@media only screen and (min-width: 768px){.demo-swiper-slide__image video:where(.hm-anim){-moz-border-radius: 2rem;
         border-radius: 2rem;}
}
.mxd-features-cards-s__icon video:where(.hm-anim){display: block;
  width: auto;
  height: 100%;}
.mxd-elementor-promo__obj01 video:where(.hm-anim), .mxd-elementor-promo__obj02 video:where(.hm-anim){display: block;
  width: 100%;
  height: auto;}
.mxd-footer-promo__icon video:where(.hm-anim){width: 4.6rem;
  height: 4.6rem;}
@media only screen and (min-width: 768px){.mxd-footer-promo__icon video:where(.hm-anim){width: 5.6rem;
    height: 5.6rem;}
}
.mxd-pinned__img-mobile video:where(.hm-anim){display: block;
  width: auto;
  height: 24rem;
  -o-object-fit: cover;
     object-fit: cover;
  -moz-border-radius: 2em;
       border-radius: 2em;}
@media only screen and (min-width: 768px){.mxd-pinned__img-mobile video:where(.hm-anim){height: 30rem;}
}
.no-touch .mxd-approach-list__item:hover .mxd-approach-list__image video:where(.hm-anim){-webkit-animation-play-state: running;
     -moz-animation-play-state: running;
          animation-play-state: running;}
.mxd-approach-list__image video:where(.hm-anim){display: block;
  position: relative;
  -webkit-animation: spin 5s linear infinite;
     -moz-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
  -webkit-animation-play-state: paused;
     -moz-animation-play-state: paused;
          animation-play-state: paused;}
.marquee__item video:where(.hm-anim){display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.marquee__item.item-partners video:where(.hm-anim){width: 170px;
  height: auto;}
.marquee__link video:where(.hm-anim){display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.marquee__image video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.marquee__component video:where(.hm-anim){-moz-border-radius: 1rem;
       border-radius: 1rem;}
.mxd-projects-stack__image video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-projects-stack__image video:where(.hm-anim).mobile{display: block;}
.mxd-projects-stack__image video:where(.hm-anim).desktop{display: none;}
@media only screen and (min-width: 768px){.mxd-projects-stack__image video:where(.hm-anim).mobile{display: none;}
}
@media only screen and (min-width: 768px){.mxd-projects-stack__image video:where(.hm-anim).desktop{display: block;}
}
.mxd-testimonials-card__photo video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-testimonials-photo__avatar video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-testimonials-photo__image-inner video:where(.hm-anim){min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-testimonials-image__avatar video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.no-touch .mxd-partners-cards__inner:hover .mxd-partners-cards__logo video:where(.hm-anim){opacity: 1;}
.mxd-partners-cards__logo video:where(.hm-anim){opacity: 0.6;
  -webkit-transition: opacity var(--_animspeed-slow) ease;
  -moz-transition: opacity var(--_animspeed-slow) ease;
  transition: opacity var(--_animspeed-slow) ease;}
.mxd-tech-stack-cards__logo video:where(.hm-anim){display: block;
  width: 4.4rem;
  height: auto;}
.mxd-tech-stack-cards__icon video:where(.hm-anim){width: auto;
  height: 100%;}
.mxd-blog-preview__image video:where(.hm-anim){display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-team-cards__photo video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}
.mxd-project-cards__inner video:where(.hm-anim){width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;}