This site uses cookies to ensure the best service. Learn more

I Accept
BUY NOW

USE FB EXCLUSIVE CODE:EASTER

01

No Shaky Footage

Achieve ultra smooth, stable shots on the move

With SliderMini 2
Without SliderMini 2
02

Multi-angle Shooting

Versatile angle moving to capture best scene

HORIZONTAL SHOTS VERTICAL SHOTS INCLINE SHOTS
HORIZONTAL SHOTS
VERTICAL SHOTS
INCLINE SHOTS

No Shaky Footage

Achieve ultra smooth, stable shots on the move

Without SliderMini 2 With SliderMini 2
03

Cinematic Shots

Intuitive shooting modes. Filming made easy

SMART TIME-LAPSES

Turn every moment into impressive memory.

Smart Time-lapses

Turn every moment into impressive memory.

STOP-NOTION ANIMATION

Create the illusion of movements over time.

Stop-Motion Animation

Create the illusion of movements over time.

LOOP MODE

Start recording right away, back and forth.

Loop Mode

Start recording right away, back and forth.

World’s Leading Brands Trust Smartta

<script>
    !(function (windoc) {
      var docEle = doc.documentElement,
        evt = "resize" in window ? "resize" : "orientationchange",
        fn = function () {
          if (window.innerWidth < 751) {
            var width = docEle.clientWidth;
            width && (docEle.style.fontSize = 100 * (width / 750) + "px");
          }
          else {
            docEle.style.fontSize = '16px'
          }
        };
      win.addEventListener("resize"fnfalse);
      doc.addEventListener("DOMContentLoaded"fnfalse);
      fn();
    }(windowdocument));
      //document.querySelector('#shopify-section-header').style.display = 'none'
  </script>
  <style>
    body {
      overflow-xhidden;

    }

    * {
      box-sizingunset;
    }

    footer * {
      box-sizingborder-box;
    }

    @font-face {
      font-family: palabi;
      srcurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/v-palabi.ttf?v=1611895651);
    }

    @font-face {
      font-family: palab;
      srcurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/v-palab.ttf?v=1611895647);
    }

    @font-face {
      font-family: RedHatDisplayBold;
      srcurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/v-RedHatDisplay-Bold.ttf?v=1611895637);
    }


    @font-face {
      font-family: Poppins;
      srcurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/Poppins-Regular.ttf?v=1612141309);
    }

    .rhdb {
      font-family: RedHatDisplayBold;
      text-transformnone;
    }

    .palabi {
      font-family: palabi;
      text-transformnone;
    }

    .palab {
      font-family: palab;
      text-transformnone;
    }

    body,
    h2,
    p,
    h3 {
      margin0;
      padding0;
      letter-spacing0;
    }

    div {
      font-family: Poppins;
    }

    svg {
      displayblock;
    }

    .valentine {
      width100%;
      overflow-xhidden;
    }

    .vlt-button {
      width140px;
      height38px;
      background#F3455A;
      colorwhite;
      text-aligncenter;
      line-height38px;
      font-size14px;
      displayblock;
      text-decorationnone;
      border-radius2px;
    }

    .vlt-button:hover {
      cursorpointer;
    }

    .vlt-h-div {
      width1200px;
      height65px;
      displayflex;
      justify-contentspace-between;
      align-itemscenter;
    }

    .vlt-header {
      width100%;
      displayflex;
      box-shadow0px 3px 6px #0000001A;
      justify-contentcenter;
      positionfixed;
      top0;
      backgroundwhite;
      z-index999;
    }

    .vlt-logo {
      width100px;
      height15px;
    }

    .vlt-banner {
      height936px;
      backgroundurl(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/banner_lp_2x.webp?v=1615453796);

      background-size1920px 937px;
      margin0px 0 0 0;
      padding1px 0 0 0;
      width1920px;
      positionrelative;
      left50%;
      transformtranslate(-50%0);
    }

    .vlt-b-ctt {
      width504px;
      height339px;
      margin206px 0 0 1042px;
    }

    .vlt-by-now:hover {
      cursorpointer;
    }

    .v-c-h2 {
      text-aligncenter;
      line-height78px;
      font-size58px;
      height78px;
      color#F3455A;
      text-shadow0px 3px 6px #F3455A66;
    }

    .v-c-strong {
      line-height202px;
      font-size150px;
      displayflex;
      width504px;
      justify-contentspace-between;
      color#F3455A;
      margin-33px 0 0 0;
      text-shadow0px 3px 6px #F3455A4D;
    }

    .v-c-p {
      text-aligncenter;
      font-size38px;
      line-height51px;
      color#F3455A;
      margin-8px 0 0 0;
      text-shadow0px 3px 6px #F3455A33;
    }

    .v-c-b-svg {
      margin23px auto 0;
    }

    .vlt-btn {
      displayflex;
      align-itemscenter;
      margin732px 0 0 0;
      flex-directioncolumn;
    }

    .vlt-btn-p {
      color#F3455A;
      font-weight400;
      text-aligncenter;
      margin20px 0 0 0;
    }

    .vlt-by-now {
      width260px;
      height46px;
      background#F3455A;
      colorwhite;
      box-shadow0px 3px 6px #F3455A99;
      border-radius2px;
      text-aligncenter;
      line-height46px;
    }

    .vlt-by-svg {
      margin34px 0 0 0;
    }

    .font4054 {
      font-size40px;
      line-height54px;
      color#F3455A;
      displayflex;
      positionrelative;
      justify-contentcenter;
      padding0 15px;
    }

    .vlt-tabs {
      margin110px 0 0 0;
      displayflex;
      align-itemscenter;
      flex-directioncolumn;
      positionrelative;
    }

    .vmth-div {
      displaynone;
    }

    .vlt-h3-line {
      width100%;
      height25px;
      background#F3455A 0% 0% no-repeat padding-box;
      opacity0.15;
      positionabsolute;
      top29px;
      left50%;
      transformtranslate(-50%0px);
      displayblock;
    }

    .font2030 {
      font-size20px;
      line-height30px;
      color#F3455A;
      text-aligncenter;
      margin10px 0 0 0;
    }

    .vlt-tabs-items {
      width1200px;
      height38px;
      border-bottom1px solid #5C9899;
      margin80px 0 0 0;
      color#5C9899;
      displayflex;
      positionrelative;
    }

    .vlt-tabs-items>span {
      opacity0.4;
      font-size18px;
      line-height27px;
      flex1;
      text-aligncenter;
      font-weight600;
      user-selectnone;

    }

    .vlt-tabs-items .vlt-t-i-selected {
      opacity1;
    }

    .vlt-t-line {
      width66px;
      height3px;
      border-radius81px;
      background-color#5C9899;
      positionabsolute;
      top35px;
      transitionall .3s;
    }

    .vlt-tabs-items>span:hover {
      cursorpointer;
    }

    .vlt-video-con {
      width3600px;
      transformtranslate(-1200px0);
      displayflex;
      transitionall 0.2s;
    }

    .vlt-videos {
      margin50px 0 0 0;
    }

    .vlt-tabs-video {
      width1200px;
      height675px;
      displayblock;
      object-fitcover;
    }

    .vlt-videos {
      width1200px;
      height675px;
      overflowhidden;
    }

    .vlt-play-div {
      positionrelative;
      displayflex;
      align-itemscenter;
      justify-contentcenter;
    }

    .vlt-play-div svg {
      width80px;
      height80px;
      positionabsolute;
      left-20px;
      top-20px;
    }

    .vlt-play-div svg:hover {
      cursorpointer;
    }

    .v-p-btn {
      backgroundwhite;
      positionabsolute;
      z-index1;
      width40px;
      height40px;
    }

    .vlt-shaky {
      margin180px 0 0 0;
      displayflex;
      flex-directioncolumn;
      align-itemscenter;
    }

    .vlt-shaky-images {
      width1920px;
      positionrelative;

      overflowhidden;
      user-selectnone;
      margin70px 0 0 0;
    }

    .vlt-shaky-images svg {
      positionabsolute;
      z-index2;
      right0px;
      top50%;
      transformtranslate(50%-50%);
    }

    .vlt-shaky-images svg:hover {
      cursorpointer;
    }

    .vlt-shaky-filter {
      positionabsolute;
      height600px;
      width960px;
      left0;
      top0;
      backgroundurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_shaky_blurry.png?v=1611912933);
      z-index1;
      border-right2px solid #fff;
    }

    .v-s-bottom>span {
      displayblock;
      width156px;
      height40px;
      background#000000 0% 0% no-repeat padding-box;
      border-radius4px;
      opacity0.6;
      colorwhite;
      font-size14px;
      text-aligncenter;
      line-height40px;
    }

    .v-s-bottom {
      displayflex;
      width335px;
      justify-contentspace-between;
      positionabsolute;
      bottom10px;
      right-169px;
    }

    .vlt-cinematic-list {
      width1200px;
      height495px;
      backgroundwhite;
      box-shadow0px 0px 30px #F3455A33;
      displayflex;
      justify-contentcenter;
      align-itemscenter;
      margin0 0 150px 0;

      background-imageurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-m-shots_c6c91c21-fb0e-42a2-a559-5af67dcfd50b.png?v=1612147465);
      background-repeatno-repeat;
    }

    .vlt-cinematic {
      background#FFF9F9;
      padding180px 0 0 0;
      displayflex;
      flex-directioncolumn;
      align-itemscenter;

    }

    .vlt-cinematic-item {
      width1150px;
      height445px;
      border2px dashed #5C9899;
      opacity1;
      displayflex;
      align-itemscenter;
      justify-contentspace-between;
    }

    .vlt-cinematic-video-box {
      width690px;
      height395px;
      positionrelative;
      displayflex;
      justify-contentcenter;
      align-itemscenter;
    }

    .vlt-cinematic-video-box svg {
      width80px;
      height80px;
      positionabsolute;
      left-20px;
      top-20px;
    }

    .vlt-cinematic-video-box svg:hover {
      cursorpointer;
    }

    .vlt-cinematic-video-text {
      width352px;
    }

    .font2334 {
      font-size23px;
      line-height34px;
      margin12px 0 0 0;
      color#5C9899;
    }

    .font4257 {
      font-size42px;
      line-height57px;
      color#5C9899;
    }

    .vlt-ci-v {
      width690px;
      height395px;
      object-fitcover;
      displayblock;
    }

    .v-cinematic-btn {
      backgroundwhite;
      positionabsolute;
      z-index1;
      width40px;
      height40px;
    }

    .vlt-footer {
      height421px;
      width1920px;
      background-imageurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-pc-bottom_de5fddca-fb01-4c17-98f2-b249bee52a9b.png?v=1611917079);
      background-repeatno-repeat;
      background-color#FFF9F9;
      displayflex;
      flex-directioncolumn;
      align-itemscenter;
      left50%;
      transformtranslate(-50%0);
      positionrelative;
    }

    .font32100 {
      font-size32px;
      line-height44px;
      margin50px 0 0 0;
      color#F3455A;
    }

    .font2027 {
      font-size20px;
      line-height27px;
      color#F3455A;
      margin30px 0 0 0;
    }

    .font2432 {
      font-size24px;
      line-height32px;
      color#F3455A;
    }

    .vlt-footer-btn {
      width260px;
      height46px;
      background#F3455A 0% 0% no-repeat padding-box;
      box-shadow0px 3px 6px #F3455A99;
      border-radius2px;
      colorwhite;
      line-height46px;
      text-aligncenter;
      margin30px 0 0 0;
    }

    .vlt-footer-btn:hover {
      cursorpointer;
    }

    .v-c-m-b {
      displaynone;
    }

    .vlt-by-m-footer {
      displaynone;
    }

    .vlt-m-videos-title {
      displaynone;
    }

    .vlt-m-title-h3 {
      displaynone;
    }

    .vltf-limited {
      color#F3455A;
      font-size16px;
      line-height25px;
      margin12px 0 0 0;
    }

    .vltf-more {
      margin50px 0 0 0;
      color#F3455A;
      font-weightbold;
      text-decorationunderline;
    }

    .wmth-p {
      displaynone;
    }

    .vf-p {
      displaynone;
    }

    .vlt-m-01 {
      displaynone;
    }

    .section-main-brands {
      height518px;
      background-imageurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/bg_reviews.png?v=1609745443);
      background-position0 -211px;
      background-colorwhite;
      width1920px;
      positionrelative;
      left50%;
      margin0 0 0 -960px;
    }

    .s_m_b_title {
      line-height56px;
      text-aligncenter;
      font-size40px;
      letter-spacing0.28px;
      font-weight500;
      text-transformnone;
      padding100px 0 0 0;
      margin0;
      color#F3455A;
    }

    .brands_item {
      margin0 44px 0 0;
      height40px;
      displayflex;
      align-itemscenter;
    }

    .section-main-brands .first_row {
      displayflex;
      padding0 0 0 361px;
      height40px;
      margin90px 0 0 0;
    }

    .section-main-brands .last_row {
      displayflex;
      margin52px 0 0 0;
      padding0 0 0 417px;
    }

    .footer_content {
      width1920px;
      positionrelative;
      left50%;
      margin0 0 0 -960px;
      height500px;
      backgroundurl(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/img_lp.png?v=1615877114);
      background-size1920px 500px;
      padding1px 0 0 0;
    }

    .footer-content-btn {
      width260px;
      height46px;
      background#F3455A 0% 0% no-repeat padding-box;
      box-shadow0px 3px 6px #F3455A99;
      border-radius2px;
      colorwhite;
      font-weight600;
      displayflex;
      justify-contentcenter;
      align-itemscenter;
      margin338px auto 0;
    }

    .footer-content-p {
      text-aligncenter;
      color#F3455A;
      font-weight600;
      margin16px 0 0 0;
    }

    @media only screen and (max-width751px) {
      .first_row,.last_row{
        displaynone !important;
      }
      .footer-content-btn{
        width4.8rem;
        height0.9rem;
        font-size0.32rem;
        margin5.2rem auto 0;
      }
      .footer-content-p{
        font-size0.26rem;
      }
      .footer_content {
          width7.5rem;
          height7.64rem;
          backgroundurl(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/img_lp_5b2e01bd-80fb-489b-a0d2-a1f31e94e1ce.png?v=1615957750);
          background-size7.5rem 7.64rem;
          padding1px 0 0 0;
          margin0;
          left0;
      }
      .brands_mobile {
        displayflex !important;
        flex-wrapwrap;
        justify-contentcenter;
        margin0.7rem 0 0 0;
        padding0;
      }
      .brands_mobile .brands_item {
        height0.40rem;
        margin0 0.22rem 0.42rem;
        displayflex;
        align-itemscenter;
      }
      .brands_mobile .brands_item img{
        height0.4rem;
      }
      .section-main-brands .s_m_b_title {
        font-size0.4rem;
        font-weight600;
        line-height0.6rem;
        width6.86rem;
        max-width5rem;
        margin0 auto;
        padding0;
        color#F3455A;
      }
      .section-main-brands {
        width100%;
        left0%;
        margin0;
        padding0.6rem 0 0 0;
        height5.13rem;
        background-imageurl(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/bg_reviews_c2e39066-eb1e-4ff7-abc4-649de6fad42c.png?v=1610001200);
        background-size7.5rem 5.31rem;
        background-position0 0;
      }
      .vlt-h-div {
        height1rem;
        width6.86rem;
      }

      .vlt-button {
        width1.8rem;
        height0.60rem;
        line-height0.60rem;
      }

      .vlt-banner {
        height12.34rem;
        backgroundurl(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/es-banner-sp-mob.webp?v=1615528092);
        padding0rem 0 0 0;
        width7.5rem;
        background-size7.5rem 12.34rem;
        margin1rem 0 0 0;
        positionstatic;
        transformtranslate(00);
      }

      .vlt-by-now {
        width4.9rem;
        height1rem;
        background#F3455A 0% 0% no-repeat padding-box;
        box-shadow0px 0.03rem 0.06rem #F3455A80;
        border-radius0.04rem;
        margin9.48rem 0 0 0;
      }

      .vlt-btn-p {
        font-size0.26rem;
      }

      .vlt-b-ctt {
        margin0;
        width100%;
        heightauto;
      }

      .vlt-shaky {
        displaynone;
      }

      .v-c-h2 {
        font-size0.58rem;
        line-height0.78rem;
        padding0.74rem 0 0 0;
        height0.78rem;
      }

      .v-c-strong {
        font-size1.5rem;
        line-height2.02rem;
        width5.04rem;
        margin-0.3rem auto 0;
      }

      .v-c-p {
        font-size0.38rem;
        line-height0.51rem;
      }

      .v-c-b-svg {
        displaynone;
      }

      .v-c-m-b {
        displayblock;
        font-size0.3rem;
        line-height0.4rem;
        color#F3455A;
        text-aligncenter;
        margin5.71rem 0 0 0;
      }
      .vlt-m-title-h3>img{
        width0.48rem;
        height0.36rem;
      }
      .vlt-btn {
        margin0.4rem 0 0 0;
      }

      .vlt-by-now {
        width4.9rem;
        line-height1rem;
        font-size0.32rem;
        height1rem;
      }

      .vlt-by-svg {
        displaynone;

      }

      .vlt-by-m-footer {
        font-size0.26rem;
        line-height0.34rem;
        color#F3455A;
        font-weightbold;
        displayblock;
        text-aligncenter;
        margin0.2rem 0 0 0;
      }

      .vlt-tabs {
        positionrelative;
        margin1.1rem 0 0 0;
        background#FFF9F9;
        align-itemsflex-start;
      }

      .vlt-m-videos-title {
        height2.52rem;
        positionabsolute;
        padding0.6rem 0 0 0;
        colorrgba(2321711140.1);
        margin0 0 0 0.52rem;
        top0;
        left0;
        font-size1.8rem;
        line-height2.7rem;
        width6.98rem;
        background-imageurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-m-shots_c6c91c21-fb0e-42a2-a559-5af67dcfd50b.png?v=1612147465);
        background-size1.49rem 0.49rem;
        background-repeatno-repeat;
        background-position5.17rem 0.42rem;
        font-weight600;
        displayblock;
      }

      .vlt-tabs-items {
        displaynone;
      }

      .vlt-h3-line {
        displaynone;
      }

      .font4054 {
        font-size0.64rem;
        line-height0.95rem;
        font-family: Poppins;
        margin1.53rem 0 0 0.32rem;
        width4.75rem;
        padding0;
      }

      .vlt-tabs-video {
        width6.86rem;
        height3.86rem;
      }

      .vlt-play-div>img {
        width6.86rem !important;
        height3.86rem !important;
        displayblock;
        object-fitcover;
        positionabsolute;
        top0;
        left0;
        z-index1;
      }

      .vlt-play-div>.v-p-btn {
        z-index2;
      }

      .vlt-video-con {
        width7.5rem;
        flex-wrapwrap;
        transformtranslate(00);
        justify-contentcenter;
        padding0 0 1rem 0;
      }

      .font2030 {
        font-size0.28rem;
        line-height0.42rem;
        margin0.14rem 0 0 0.32rem !important;
        color#F3455A;
      }

      .vlt-videos {
        margin0.2rem 0 0 0;
        heightauto;
      }

      .vlt-m-title-h3 {
        displayflex;
        align-itemsflex-end;
        font-size0.34rem;
        line-height0.51rem;
        justify-contentcenter;
        margin0.8rem 0 0.41rem 0;
        color#F3455A;
        font-weightbold;
        positionrelative;
        width100%;
      }

      .vmth-line {
        height0.25rem;
        background#5C9899;
        opacity0.15;
        width100%;
        displayblock;
        positionabsolute;
        bottom0;
      }

      .vlt-m-title-h3 svg {
        width0.39rem;
        height0.3rem;
      }

      .vmth-div {
        displayinline-block;
        positionrelative;
        margin0 0.24rem;
      }

      .vlt-cinematic {
        positionrelative;
        padding0;
        align-itemsflex-start;
        backgroundwhite;
        margin0;
      }

      .vlt-cinematic-list {
        width7.5rem;
        height3.86rem;
        margin0;
        box-shadow0 0 0 0;
        background-size0 0;
      }

      .vlt-cinematic-video-box,
      .vlt-ci-v {
        width6.86rem;
        height3.86rem;
      }

      .vlt-cinematic-video-text {
        displaynone;
      }

      .vlt-cinematic-item {
        widthauto;
        heightauto;
        bordernone;
      }

      .vlt-cinematic-video-box {
        margin0 auto !important;
      }

      .vlt-footer {
        background-imageurl(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-m-bottom_b81dc294-881a-4bee-86c1-4a7aeaf69d61.png?v=1612152001);
        width7.5rem;
        height8.77rem;
        background-size7.5rem 8.77rem;
        margin1.1rem 0 0 0;
      }

      .wmth-p {
        font-size0.26rem;
        line-height0.39rem;
        color#5C9899;
        margin0.15rem 0 0.5rem 0;
        text-aligncenter;
        width100%;
        displayblock;
      }

      .vlt-cinematic .vlt-m-title-h3 {
        margin0.8rem 0 0 0;
      }

      .font32100 {
        font-size0.48rem;
        line-height1rem;
        margin0.8rem 0 0 0;
      }

      .vf-p {
        margin0.08rem 0 0 0;
        font-size0.28rem;
        line-height0.39rem;
        text-aligncenter;
        height0.39rem;
        displayblock;
        color#F3455A;
      }

      .font2027 {
        font-size0.37rem;
        line-height0.5rem;
        margin0.9rem 0 0 0;
      }

      .font2432 {
        font-size0.54rem;
        line-height0.73rem;
        margin0.04rem 0 0 0;
      }

      .vlt-footer-btn {
        width4.80rem;
        height0.90rem;
        line-height0.9rem;
        font-size0.32rem;
      }

      .vltf-limited {
        font-size0.26rem;
        font-weight0.39rem;
        margin0.2rem 0 0 0;
      }

      .vltf-more {
        font-size0.3rem;
        line-height0.46rem;
        margin0.8rem 0 0 0;
      }

      .vlt-m-01 {
        positionrelative;
        padding1.6rem 0 0 0;
        displayblock;
      }

      .vlt-m-01 .vlt-m-videos-title {
        background-position5.17rem 0.32rem;
      }

      .vlt-m-01 .font2030 {
        text-alignleft;
        margin0.14rem 0 0.54rem 0.32rem !important;
        color#F3455A;
      }

      .vlt-m-shaky,
      .vlt-m-shaky-img {
        width6.86rem;
        height3.5rem;

      }

      .vlt-m-shaky {
        margin0.16rem 0.32rem;
        positionrelative;
      }

      .vlt-m-shaky span {
        positionabsolute;
        width2.54rem;
        height0.57rem;
        backgroundrgba(0000.6);
        colorwhite;
        font-size0.22rem;
        text-aligncenter;
        line-height0.57rem;
      }

      .m-font {
        color#F3455A;
      }

      .vmth-div {
        color#5C9899;
      }

      .cookies {
        displaynone !important;
      }

      .v-p-btn {
        width0.4rem;
        height0.4rem;
      }

      .vlt-play-div svg {
        width0.80rem;
        height0.80rem;
        positionabsolute;
        left-0.20rem;
        top-0.20rem;
      }

      .aaaaaa {
        width5.8rem;
        justify-contentflex-start;
      }

      .jiantou {
        displaynone
      }
    }

    .jiantou {
      transformscale(0);
      transitionall 0.1s;
      width0px;

    }

    .vlt-button {
      displayflex;
      align-itemscenter;
      justify-contentcenter;
    }

    .vlt-button:hover .jiantou {
      transformscale(1);
      width12px;
      margin0 0 0 10px;
    }

    .vlt-button:hover {
      colorwhite !important;
    }

    .vlt-cinematic {
      positionrelative;
    }

    .vlt-shaky {
      positionrelative;
    }

    .vltf-more:hover,
    .vltf-more:focus {
      color#F3455A !important;
    }

    .vlt-play-div>img {
      width1200px;
      height675px;
      displayblock;
      object-fitcover;
      positionabsolute;
      top0;
      left0;
      z-index1;
    }

    .vlt-play-div>.v-p-btn {
      z-index2;
    }
  </style>
<div class="valentine">
    <div class="vlt-header">
      <div class="vlt-h-div"><a href="https://ismartta.com"> <svg xmlns="http://www.w3.org/2000/svg" width="101.026"
            height="15.984" viewbox="0 0 101.026 15.984">
            <path id="logo_smartta"
              d="M-370.806,145.478a.516.516,0,0,1-.344-.639c.271-.847.451-1.345.628-1.921a.536.536,0,0,1,.672-.341c.676.21,1.184.4,1.671.545a6.681,6.681,0,0,0,2.555.32c2.766-.523-.055-3.781-.277-4.177-2.855-4.593-1-6.178-.583-6.549a6.527,6.527,0,0,1,3.4-1.3,19.9,19.9,0,0,1,6.077.521.506.506,0,0,1,.379.633c-.159.525-.4,1.266-.617,1.926a.528.528,0,0,1-.651.33,9.756,9.756,0,0,0-1.288-.25,10.05,10.05,0,0,0-3.048.158,1.259,1.259,0,0,0-.78.786.965.965,0,0,0-.007.425,1.435,1.435,0,0,0,.233.486c.126.186.317.531.512.773s1.447,2.4,1.855,3.1a3.751,3.751,0,0,1-1.181,4.846,7.324,7.324,0,0,1-4.634,1.155A16.073,16.073,0,0,1-370.806,145.478Zm96.582.653a.465.465,0,0,1-.47-.417l-.605-7.234a.476.476,0,0,0-.885-.179l-4.266,7.592a.475.475,0,0,1-.415.238h-2.468a.454.454,0,0,1-.418-.664l7.466-13.7a.474.474,0,0,1,.418-.243h2.843a.465.465,0,0,1,.47.41l1.379,13.7a.461.461,0,0,1-.47.5Zm-18.833,0a.475.475,0,0,1-.468-.611l3.274-10.145a.475.475,0,0,0-.468-.611h-4.086a.475.475,0,0,1-.468-.611l.742-2.3a.489.489,0,0,1,.468-.331h13a.475.475,0,0,1,.469.611l-.739,2.3a.489.489,0,0,1-.469.332h-4.361a.488.488,0,0,0-.468.332l-3.454,10.7a.489.489,0,0,1-.468.332Zm-15.416,0a.475.475,0,0,1-.468-.611l3.274-10.145a.475.475,0,0,0-.468-.611h-4.086a.475.475,0,0,1-.468-.611l.742-2.3a.489.489,0,0,1,.468-.331h13a.475.475,0,0,1,.469.611l-.74,2.3a.488.488,0,0,1-.468.332h-4.361a.488.488,0,0,0-.468.332l-3.454,10.7a.489.489,0,0,1-.469.332Zm-10.579,0a.345.345,0,0,1-.331-.234l-1.844-5.71a.37.37,0,0,0-.7,0l-1.827,5.658a.422.422,0,0,1-.4.286H-326.8a.41.41,0,0,1-.4-.528l4.4-13.624a.671.671,0,0,1,.643-.455h3.819a5.386,5.386,0,0,1,5.421,4.32c.466,2.858-1.678,4.819-4.416,5.322l-.149.012,1.61,4.632a.249.249,0,0,1-.246.321Zm-1.247-10.984-.938,2.91a.4.4,0,0,0,.4.519h2.627a1.932,1.932,0,0,0,1.939-2.312,2.024,2.024,0,0,0-2.019-1.5h-1.466A.563.563,0,0,0-320.3,135.147Zm-11.838,10.984a.465.465,0,0,1-.47-.417l-.605-7.234a.476.476,0,0,0-.885-.179l-4.266,7.592a.475.475,0,0,1-.415.238h-2.468a.454.454,0,0,1-.418-.664l7.466-13.7a.474.474,0,0,1,.418-.243h2.843a.465.465,0,0,1,.47.41l1.379,13.7a.461.461,0,0,1-.47.5Zm-14.714,0a.3.3,0,0,1-.3-.4l1.871-6.333a.31.31,0,0,0-.536-.287l-2.206,3.335a.318.318,0,0,1-.241.109h-2.764a.308.308,0,0,1-.312-.28l-.232-3.362a.315.315,0,0,0-.61-.069l-2.285,7.074a.311.311,0,0,1-.3.211h-2.88a.3.3,0,0,1-.3-.389l4.522-14.006a.311.311,0,0,1,.3-.211h2.85a.309.309,0,0,1,.306.24l1.088,5.394a.316.316,0,0,0,.547.13l5.295-5.655a.318.318,0,0,1,.242-.11h2.682a.3.3,0,0,1,.3.377l-3.886,14.006a.31.31,0,0,1-.3.223Z"
              transform="translate(371.7 -130.818)" fill="#F3455A" stroke="rgba(0,0,0,0)" stroke-miterlimit="10"
              stroke-width="1"></path>
          </svg></a> <a data-event="buynowhead" class="vlt-button ga"> BUY NOW <svg class="jiantou"
            xmlns="http://www.w3.org/2000/svg" width="12" height="8.004" viewbox="0 0 12 8.004">
            <defs>
              <style>
                .a3 {
                  fill: #fff;
                }
              </style>
            </defs>
            <path class="a3"
              d="M15.527,11.4a.544.544,0,0,0,0,.767l2.534,2.538H8.413a.542.542,0,0,0,0,1.084h9.641l-2.534,2.538a.548.548,0,0,0,0,.767.539.539,0,0,0,.763,0l3.435-3.46a.61.61,0,0,0,.113-.171.52.52,0,0,0,.041-.209.543.543,0,0,0-.154-.379l-3.435-3.46A.531.531,0,0,0,15.527,11.4Z"
              transform="translate(-7.875 -11.251)"></path>
          </svg> </a></div>
    </div>
    <div class="vlt-banner">
      <div class="vlt-btn">
        <div class="vlt-by-now ga" data-event="buynowbanner">BUY NOW</div>
      </div>
      <p class="vlt-btn-p">Use FB Exclusive Code:<strong>Easter</strong></p>
    </div>
    <div class="vlt-m-01">
      <div class="vlt-m-videos-title">01</div>
      <h3 class="palabi font4054 m-font" style="width: 6.86rem; justify-content: flex-start; margin: 0 0 0 0.32rem;">No
        Shaky Footage<span class="vlt-h3-line"></span></h3>
      <p class="font2030">Achieve ultra smooth, stable shots on the move</p>
      <div class="vlt-m-shaky"><span>With SliderMini 2</span> <img class="vlt-m-shaky-img"
          src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_shaky_hd.png?v=1612154935" alt="" /></div>
      <div class="vlt-m-shaky"><span>Without SliderMini 2</span> <img class="vlt-m-shaky-img"
          src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_shaky_blurry_e659460f-578c-44e5-a394-2e567bccdc13.png?v=1612154930"
          alt="" /></div>
    </div>
    <div class="vlt-tabs">
      <div class="vlt-m-videos-title">02</div>
      <h3 class="palabi font4054 m-font">Multi-angle Shooting<span class="vlt-h3-line"></span></h3>
      <p class="font2030">Versatile angle moving to capture best scene</p>
      <div class="vlt-tabs-items"><span data-index="0">HORIZONTAL SHOTS</span> <span class="vlt-t-i-selected"
          data-index="1">VERTICAL SHOTS</span> <span data-index="2">INCLINE SHOTS</span>
        <div class="vlt-t-line"></div>
      </div>
      <div class="vlt-videos">
        <div class="vlt-video-con">
          <div class="vlt-m-title-h3">
            <img src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
            <div class="vmth-div">HORIZONTAL SHOTS <span class="vmth-line"> </span></div>
            <img style="transform: rotateY(180deg);" src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">

          </div>
          <div class="vlt-play-div">
            <div class="v-p-btn"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40">
                <g id="ico_partner_ytb" transform="translate(-6793 -3519)">
                  <rect id="矩形_237" data-name="矩形 237" width="40" height="40" transform="translate(6793 3519)"
                    fill="#fff" opacity="0"></rect>
                  <path id="youtube"
                    d="M35.015,3.114c1.311,3.231,1.359,15.008-.167,18.128A4.086,4.086,0,0,1,32.9,23.107c-2.313,1.155-26.155,1.145-29.2.19A4.094,4.094,0,0,1,.942,20.748c-1.2-3.132-1.557-16.231.744-18.813A4.57,4.57,0,0,1,4.693.42C10.913-.22,30.1-.131,32.3.634A4.19,4.19,0,0,1,35.015,3.114ZM24.741,11.645c-3.754-1.864-7.445-3.7-11.174-5.558V17.157C17.3,15.313,21,13.487,24.741,11.645Z"
                    transform="translate(6795.006 3527.006)" fill="#f4273f" fill-rule="evenodd"></path>
                </g>
              </svg></div>
            <img src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/shuiping.jpg?v=1612235347" alt="" />
            <video class="vlt-tabs-video"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-tabs-v1.mp4?v=1611908605"></video>
          </div>
          <div class="vlt-m-title-h3">
            <img src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
            <div class="vmth-div">VERTICAL SHOTS <span class="vmth-line"> </span></div>
            <img style="transform: rotateY(180deg);" src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
          </div>
          <div class="vlt-play-div">
            <div class="v-p-btn"><svg class="vlt-play-icon" xmlns="http://www.w3.org/2000/svg" width="40" height="40"
                viewbox="0 0 40 40">
                <g id="ico_partner_ytb" transform="translate(-6793 -3519)">
                  <rect id="矩形_237" data-name="矩形 237" width="40" height="40" transform="translate(6793 3519)"
                    fill="#fff" opacity="0"></rect>
                  <path id="youtube"
                    d="M35.015,3.114c1.311,3.231,1.359,15.008-.167,18.128A4.086,4.086,0,0,1,32.9,23.107c-2.313,1.155-26.155,1.145-29.2.19A4.094,4.094,0,0,1,.942,20.748c-1.2-3.132-1.557-16.231.744-18.813A4.57,4.57,0,0,1,4.693.42C10.913-.22,30.1-.131,32.3.634A4.19,4.19,0,0,1,35.015,3.114ZM24.741,11.645c-3.754-1.864-7.445-3.7-11.174-5.558V17.157C17.3,15.313,21,13.487,24.741,11.645Z"
                    transform="translate(6795.006 3527.006)" fill="#f4273f" fill-rule="evenodd"></path>
                </g>
              </svg></div>
            <img src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/cuizhi.png?v=1612235320" alt="" />
            <video class="vlt-tabs-video"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-tabs-v2.mp4?v=1611908611"></video>
          </div>
          <div class="vlt-m-title-h3">
            <img src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
            <div class="vmth-div">INCLINE SHOTS <span class="vmth-line"> </span></div>
            <img style="transform: rotateY(180deg);" src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
          </div>
          <div class="vlt-play-div">
            <div class="v-p-btn"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40">
                <g id="ico_partner_ytb" transform="translate(-6793 -3519)">
                  <rect id="矩形_237" data-name="矩形 237" width="40" height="40" transform="translate(6793 3519)"
                    fill="#fff" opacity="0"></rect>
                  <path id="youtube"
                    d="M35.015,3.114c1.311,3.231,1.359,15.008-.167,18.128A4.086,4.086,0,0,1,32.9,23.107c-2.313,1.155-26.155,1.145-29.2.19A4.094,4.094,0,0,1,.942,20.748c-1.2-3.132-1.557-16.231.744-18.813A4.57,4.57,0,0,1,4.693.42C10.913-.22,30.1-.131,32.3.634A4.19,4.19,0,0,1,35.015,3.114ZM24.741,11.645c-3.754-1.864-7.445-3.7-11.174-5.558V17.157C17.3,15.313,21,13.487,24.741,11.645Z"
                    transform="translate(6795.006 3527.006)" fill="#f4273f" fill-rule="evenodd"></path>
                </g>
              </svg></div>
            <img src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/qingxie.png?v=1612235329" alt="" />
            <video class="vlt-tabs-video"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-tabs-v3.mp4?v=1611908621"></video>
          </div>
        </div>
      </div>
    </div>
    <div class="vlt-shaky">
      <h3 class="palabi font4054 m-font">No Shaky Footage<span class="vlt-h3-line"></span></h3>
      <p class="font2030">Achieve ultra smooth, stable shots on the move</p>
      <div class="vlt-shaky-images">
        <div class="vlt-shaky-filter"><svg class="vlt-shaky-btn" xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink" width="46" height="46" viewbox="0 0 46 46">
            <defs>
              <filter id="椭圆_14" x="0" y="0" width="46" height="46" filterunits="userSpaceOnUse">
                <feoffset input="SourceAlpha"></feoffset>
                <fegaussianblur stddeviation="1" result="blur"></fegaussianblur>
                <feflood flood-opacity="0.161"></feflood>
                <fecomposite operator="in" in2="blur"></fecomposite>
                <fecomposite in="SourceGraphic"></fecomposite>
              </filter>
            </defs>
            <g id="btn_sliderbar_hover" transform="translate(3 3)">
              <g transform="matrix(1, 0, 0, 1, -3, -3)" filter="url(#椭圆_14)">
                <circle id="椭圆_14-2" data-name="椭圆 14" cx="20" cy="20" r="20" transform="translate(3 3)" fill="#fff">
                </circle>
              </g>
              <path id="联合_5" data-name="联合 5" d="M-1978,18V0h2V18Zm8-13,6,4-6,4Zm-20,4,6-4v8Z"
                transform="translate(1997 11)" opacity="0.7"></path>
            </g>
          </svg>
          <div class="v-s-bottom"><span>Without SliderMini 2</span> <span>With SliderMini 2</span></div>
        </div>
        <img
          src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-pc-shaky_2ca98f81-2cd6-4c20-a3ac-ed75a06698d8.png?v=1611911944"
          alt="" />
      </div>
    </div>
    <div class="vlt-cinematic">
      <div class="vlt-m-videos-title">03</div>
      <h3 class="palabi font4054 m-font aaaaaa">Cinematic Shots<span class="vlt-h3-line"></span></h3>
      <p class="font2030" style="margin: 0 0 84px 0;">Intuitive shooting modes. Filming made easy</p>
      <div class="vlt-m-title-h3">
        <img src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
        <div class="vmth-div">SMART TIME-LAPSES <span class="vmth-line"> </span></div>
        <img style="transform: rotateY(180deg);" src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
      </div>
      <p class="wmth-p">Turn every moment into impressive memory.</p>
      <div class="vlt-cinematic-list" style="background-position: 996px 55px;">
        <div class="vlt-cinematic-item">
          <div class="vlt-cinematic-video-box" style="margin: 0 0 0 25px;"><video class="vlt-ci-v" muted=""
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-shots-video1.mp4?v=1611916149"></video>
          </div>
          <div class="vlt-cinematic-video-text" style="margin: 0 38px 0 0;">
            <h3 class="font4257 palabi">Smart Time-lapses</h3>
            <p class="font2334">Turn every moment into impressive memory.</p>
          </div>
        </div>
      </div>
      <div class="vlt-m-title-h3">
        <img src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
        <div class="vmth-div">STOP-NOTION ANIMATION <span class="vmth-line"> </span></div>
        <img style="transform: rotateY(180deg);" src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
      </div>
      <p class="wmth-p">Create the illusion of movements over time.</p>
      <div class="vlt-cinematic-list" style="background-position: 55px 55px;">
        <div class="vlt-cinematic-item">
          <div class="vlt-cinematic-video-text" style="margin: 0 0 0 46px;">
            <h3 class="font4257 palabi">Stop-Motion Animation</h3>
            <p class="font2334">Create the illusion of movements over time.</p>
          </div>
          <div class="vlt-cinematic-video-box" style="margin: 0 25px 0 0;"><video class="vlt-ci-v" muted=""
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-shots-video2.mp4?v=1611916144"></video>
          </div>
        </div>
      </div>
      <div class="vlt-m-title-h3">
        <img src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
        <div class="vmth-div">LOOP MODE <span class="vmth-line"> </span></div>
        <img style="transform: rotateY(180deg);" src="https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/egg_l.svg?v=1615880777" alt="">
      </div>
      <p class="wmth-p">Start recording right away, back and forth.</p>
      <div class="vlt-cinematic-list" style="background-position: 996px 55px;">
        <div class="vlt-cinematic-item">
          <div class="vlt-cinematic-video-box" style="margin: 0 0 0 25px;"><video class="vlt-ci-v" muted=""
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-shots-video3.mp4?v=1611916138"></video>
          </div>
          <div class="vlt-cinematic-video-text" style="margin: 0 38px 0 0; width: 340px;">
            <h3 class="font4257 palabi">Loop Mode</h3>
            <p class="font2334">Start recording right away, back and forth.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="section-main-brands-box">
      <div class="section-main-brands">
        <h2 class="s_m_b_title">
          World’s Leading Brands Trust Smartta
        </h2>
        <ul class="brands_mobile" style="display: none;">
          <li class="brands_item">
            <img class="img_index_slr img_mobile"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_slr.png?v=1609749454" alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_fstoppers img_mobile"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_fstoppers.png?v=1609749438" alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_diyphotography img_mobile"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_diyphotography.png?v=1609749435"
              alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_redshark img_mobile"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_redshark.png?v=1609749449" alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_nofilmschool img_mobile"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_nofilmschool.png?v=1609749447"
              alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_9to5mac img_mobile"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_9to5mac.png?v=1609749431" alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_makeuseof img_mobile"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_makeuseof.png?v=1609749444" alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_xda img_mobile"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_xda.png?v=1609749461" alt="">
          </li>
        </ul>
        <ul class="first_row">
          <li class="brands_item">
            <img class="img_index_slr"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_slr.png?v=1609749454" alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_fstoppers"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_fstoppers.png?v=1609749438" alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_diyphotography"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_diyphotography.png?v=1609749435"
              alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_nofilmschool"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_nofilmschool.png?v=1609749447"
              alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_9to5mac"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_9to5mac.png?v=1609749431" alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_makeuseof"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_makeuseof.png?v=1609749444" alt="">
          </li>
        </ul>
        <ul class="last_row">
          <li class="brands_item">
            <img class="img_index_redshark"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_redshark.png?v=1609749449" alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_geekygadgets"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_geekygadgets.png?v=1609749441"
              alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_thegadgeteer"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_thegadgeteer.png?v=1609749457"
              alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_richardtech"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_richardtech.png?v=1609749451"
              alt="">
          </li>
          <li class="brands_item">
            <img class="img_index_xda"
              src="https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_index_xda.png?v=1609749461" alt="">
          </li>
        </ul>
      </div>
    </div>
    <div class="footer_content">
      <div class="footer-content-btn">
        BUY NOW & SAVE $119
      </div>
      <p class="footer-content-p">*Limited Quantity. First come first serve.</p>
    </div>
  </div>
  <script>
    let tabsIndex = 1;
    let offset = 1200 / 3 / 2 - 33;
    let tabItems = document.querySelectorAll('.vlt-tabs-items>span');
    document.querySelector('.vlt-t-line').style.left = offset + (tabsIndex * 1200 / 3) + 'px';
    document.querySelector('.vlt-tabs-items').addEventListener('click'e => {
      let target = e.target;
      if (target.nodeName == 'SPAN') {
        if (target.getAttribute('data-index') == tabsIndex) {
          return
        }
        tabItems[tabsIndex].className = '';
        target.className = 'vlt-t-i-selected';
        tabsIndex = target.getAttribute('data-index')
        document.querySelector('.vlt-t-line').style.left = offset + (tabsIndex * 1200 / 3) + 'px';
        document.querySelector('.vlt-video-con').style.transform = `translate(-${tabsIndex * 1200}px,0)`;
      }
    })
    document.querySelectorAll('.v-p-btn').forEach(item => {
      item.addEventListener('click'e => {
        let video = item.parentElement.getElementsByTagName('video')[0]
        let images = item.parentElement.getElementsByTagName('img')[0]
        video.play()
        item.style.display = 'none';
        images.style.display = 'none '
        video.addEventListener("ended", () => {
          item.style.display = 'block';
          images.style.display = 'block '
        })
      })
    })
    document.querySelector('.vlt-shaky-btn').addEventListener('mousedown'e => {
      let x = e.pageX;
      let width = document.querySelector('.vlt-shaky-filter').offsetWidth;
      document.documentElement.onmousemove = ev => {
        let offset = ev.pageX - x
        document.querySelector('.vlt-shaky-filter').style.width = width + offset + 'px';
      }
    })
    document.documentElement.addEventListener('mouseup'e => {
      document.documentElement.onmousemove = null;
    })
    document.querySelectorAll('.v-cinematic-btn').forEach(item => {
      item.addEventListener('click'e => {
        let video = item.parentElement.getElementsByTagName('video')[0]
        video.play()
        item.style.display = 'none';
        video.addEventListener("ended", () => {
          item.style.display = 'block';
        })
      })
    })
    // if (window.innerWidth < 751) {
    //   document.querySelector('.cookies').style.display = 'none'
    // }
    let videoEle = document.querySelectorAll('.vlt-ci-v')
    window.onscroll = function () {
      let top = document.body.scrollTop || document.documentElement.scrollTop;
      let arr = [truetruetrue]
      if (window.innerWidth < 751) {
        if (top > 2204 && top < 2810) {
          if (arr[0]) {
            document.querySelectorAll('.vlt-ci-v')[0].play()
            document.querySelectorAll('.vlt-ci-v')[0].loop = true
            document.querySelectorAll('.vlt-ci-v')[1].pause()
            document.querySelectorAll('.vlt-ci-v')[2].pause()
            arr[0] = false
          }
        }
        if (top > 2511 && top < 3125) {
          if (arr[1]) {
            document.querySelectorAll('.vlt-ci-v')[0].pause()
            document.querySelectorAll('.vlt-ci-v')[2].pause()
            document.querySelectorAll('.vlt-ci-v')[1].play()
            document.querySelectorAll('.vlt-ci-v')[1].loop = true
            arr[1] = false
          }
        }
        if (top > 2815) {
          if (arr[2]) {
            document.querySelectorAll('.vlt-ci-v')[1].pause()
            document.querySelectorAll('.vlt-ci-v')[2].play()
            document.querySelectorAll('.vlt-ci-v')[2].loop = true
            arr[2] = false
          }
        }
        return
      }
      if (top > 2780 && top < 3303) {
        if (arr[0]) {
          document.querySelectorAll('.vlt-ci-v')[0].play()
          document.querySelectorAll('.vlt-ci-v')[0].loop = true
          document.querySelectorAll('.vlt-ci-v')[1].pause()
          document.querySelectorAll('.vlt-ci-v')[2].pause()
          arr[0] = false
        }
      }
      else if (top > 3303 && top < 3903) {
        if (arr[1]) {
          document.querySelectorAll('.vlt-ci-v')[0].pause()
          document.querySelectorAll('.vlt-ci-v')[2].pause()
          document.querySelectorAll('.vlt-ci-v')[1].play()
          document.querySelectorAll('.vlt-ci-v')[1].loop = true
          arr[1] = false
        }
      }
      else if (top > 3903) {
        if (arr[2]) {
          document.querySelectorAll('.vlt-ci-v')[1].pause()
          document.querySelectorAll('.vlt-ci-v')[2].play()
          document.querySelectorAll('.vlt-ci-v')[2].loop = true
          arr[2] = false
        }
      }
    }
    //document.querySelector('.cookies').style.display = 'none';

    //document.querySelector('.valentine-header').style.display = 'none'
    //document.querySelector('.site-mobile-nav').style.top = 0;
    function IsPC() {
      var userAgentInfo = navigator.userAgent;
      var Agents = new Array("Android""iPhone""SymbianOS""Windows Phone""iPad""iPod");
      var flag = true;
      for (var v = 0v < Agents.lengthv++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = falsebreak; }
      }
      return flag;
    }
    document.querySelectorAll('.ga').forEach(item => {
      item.addEventListener('click'ev => {
        let dataEvenet = ev.target.getAttribute('data-event');
        const navObject = {
          'buynowhead': {
            nav: 'https://ismartta.com/products/slidermini-sale2',
            navMobile: "https://ismartta.com/products/slidermini-sale2",
            pcGo: () => { ga('send''event''buy''buyfloat''vday_en') },
            mobileGa: () => { ga('send''event''buy''buyfloat''vday_enmob') },
          },
          'buynowbanner': {
            nav: 'https://ismartta.com/products/slidermini-sale2',
            navMobile: "https://ismartta.com/products/slidermini-sale2",
            pcGo: () => { ga('send''event''buy''buytop''vday_en') },
            mobileGa: () => { ga('send''event''buy''buytop''vday_enmob') },
          },
          'buynowsave': {
            nav: 'https://ismartta.com/products/slidermini-sale2',
            navMobile: "https://ismartta.com/products/slidermini-sale2",
            pcGo: () => { ga('send''event''buy''buybottom''vday_en') },
            mobileGa: () => { ga('send''event''buy''buybottom''vday_enmob') },
          },
          'buynowmore': {
            nav: 'https://ismartta.com/products/slidermini-sale2',
            navMobile: "https://ismartta.com/products/slidermini-sale2",
            pcGo: () => { ga('send''event''click''moredeal''vday_en') },
            mobileGa: () => { ga('send''event''click''moredeal''vday_enmob') },
          }
        }
        if (IsPC()) {
          //pc
          navObject[dataEvenet].pcGo()
          location.href = navObject[dataEvenet].nav

        }
        else {
          //mobile
          navObject[dataEvenet].mobileGa()
          location.href = navObject[dataEvenet].navMobile
        }

      })
    })
  </script>