×

GET $10 OFF

Sign up to our newsletter and save $10 on everything!

Please input a valid email address

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

I Accept
BUY NOW
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

BUY NOW & SAVE $119

*Limited Quantity. First come first serve.

<script>
    !(function (win, doc) {
      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", fn, false);
      doc.addEventListener("DOMContentLoaded", fn, false);
      fn();
    }(window, document));
      //document.querySelector('#shopify-section-header').style.display = 'none'
  </script>
  <style>
    body {
      overflow-x: hidden;

    }

    * {
      box-sizing: unset;
    }

    footer * {
      box-sizing: border-box;
    }

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

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

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


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

    .rhdb {
      font-family: RedHatDisplayBold;
      text-transform: none;
    }

    .palabi {
      font-family: palabi;
      text-transform: none;
    }

    .palab {
      font-family: palab;
      text-transform: none;
    }

    body,
    h2,
    p,
    h3 {
      margin: 0;
      padding: 0;
      letter-spacing: 0;
    }

    div {
      font-family: Poppins;
    }

    svg {
      display: block;
    }

    .valentine {
      width: 100%;
      overflow-x: hidden;
    }

    .vlt-button {
      width: 140px;
      height: 38px;
      background: #F3455A;
      color: white;
      text-align: center;
      line-height: 38px;
      font-size: 14px;
      display: block;
      text-decoration: none;
      border-radius: 2px;
    }

    .vlt-button:hover {
      cursor: pointer;
    }

    .vlt-h-div {
      width: 1200px;
      height: 65px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .vlt-header {
      width: 100%;
      display: flex;
      box-shadow: 0px 3px 6px #0000001A;
      justify-content: center;
      position: fixed;
      top: 0;
      background: white;
      z-index: 999;
    }

    .vlt-logo {
      width: 100px;
      height: 15px;
    }

    .vlt-banner {
      height: 936px;
      background: url(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/banner_lp_2x.webp?v=1615453796);

      background-size: 1920px 937px;
      margin: 0px 0 0 0;
      padding: 1px 0 0 0;
      width: 1920px;
      position: relative;
      left: 50%;
      transform: translate(-50%, 0);
    }

    .vlt-b-ctt {
      width: 504px;
      height: 339px;
      margin: 206px 0 0 1042px;
    }

    .vlt-by-now:hover {
      cursor: pointer;
    }

    .v-c-h2 {
      text-align: center;
      line-height: 78px;
      font-size: 58px;
      height: 78px;
      color: #F3455A;
      text-shadow: 0px 3px 6px #F3455A66;
    }

    .v-c-strong {
      line-height: 202px;
      font-size: 150px;
      display: flex;
      width: 504px;
      justify-content: space-between;
      color: #F3455A;
      margin: -33px 0 0 0;
      text-shadow: 0px 3px 6px #F3455A4D;
    }

    .v-c-p {
      text-align: center;
      font-size: 38px;
      line-height: 51px;
      color: #F3455A;
      margin: -8px 0 0 0;
      text-shadow: 0px 3px 6px #F3455A33;
    }

    .v-c-b-svg {
      margin: 23px auto 0;
    }

    .vlt-btn {
      display: flex;
      align-items: center;
      margin: 732px 0 0 0;
      flex-direction: column;
    }

    .vlt-btn-p {
      color: #F3455A;
      font-weight: 400;
      text-align: center;
      margin: 20px 0 0 0;
    }

    .vlt-by-now {
      width: 260px;
      height: 46px;
      background: #F3455A;
      color: white;
      box-shadow: 0px 3px 6px #F3455A99;
      border-radius: 2px;
      text-align: center;
      line-height: 46px;
    }

    .vlt-by-svg {
      margin: 34px 0 0 0;
    }

    .font4054 {
      font-size: 40px;
      line-height: 54px;
      color: #F3455A;
      display: flex;
      position: relative;
      justify-content: center;
      padding: 0 15px;
    }

    .vlt-tabs {
      margin: 110px 0 0 0;
      display: flex;
      align-items: center;
      flex-direction: column;
      position: relative;
    }

    .vmth-div {
      display: none;
    }

    .vlt-h3-line {
      width: 100%;
      height: 25px;
      background: #F3455A 0% 0% no-repeat padding-box;
      opacity: 0.15;
      position: absolute;
      top: 29px;
      left: 50%;
      transform: translate(-50%, 0px);
      display: block;
    }

    .font2030 {
      font-size: 20px;
      line-height: 30px;
      color: #F3455A;
      text-align: center;
      margin: 10px 0 0 0;
    }

    .vlt-tabs-items {
      width: 1200px;
      height: 38px;
      border-bottom: 1px solid #5C9899;
      margin: 80px 0 0 0;
      color: #5C9899;
      display: flex;
      position: relative;
    }

    .vlt-tabs-items>span {
      opacity: 0.4;
      font-size: 18px;
      line-height: 27px;
      flex: 1;
      text-align: center;
      font-weight: 600;
      user-select: none;

    }

    .vlt-tabs-items .vlt-t-i-selected {
      opacity: 1;
    }

    .vlt-t-line {
      width: 66px;
      height: 3px;
      border-radius: 81px;
      background-color: #5C9899;
      position: absolute;
      top: 35px;
      transition: all .3s;
    }

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

    .vlt-video-con {
      width: 3600px;
      transform: translate(-1200px, 0);
      display: flex;
      transition: all 0.2s;
    }

    .vlt-videos {
      margin: 50px 0 0 0;
    }

    .vlt-tabs-video {
      width: 1200px;
      height: 675px;
      display: block;
      object-fit: cover;
    }

    .vlt-videos {
      width: 1200px;
      height: 675px;
      overflow: hidden;
    }

    .vlt-play-div {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .vlt-play-div svg {
      width: 80px;
      height: 80px;
      position: absolute;
      left: -20px;
      top: -20px;
    }

    .vlt-play-div svg:hover {
      cursor: pointer;
    }

    .v-p-btn {
      background: white;
      position: absolute;
      z-index: 1;
      width: 40px;
      height: 40px;
    }

    .vlt-shaky {
      margin: 180px 0 0 0;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .vlt-shaky-images {
      width: 1920px;
      position: relative;

      overflow: hidden;
      user-select: none;
      margin: 70px 0 0 0;
    }

    .vlt-shaky-images svg {
      position: absolute;
      z-index: 2;
      right: 0px;
      top: 50%;
      transform: translate(50%, -50%);
    }

    .vlt-shaky-images svg:hover {
      cursor: pointer;
    }

    .vlt-shaky-filter {
      position: absolute;
      height: 600px;
      width: 960px;
      left: 0;
      top: 0;
      background: url(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/img_shaky_blurry.png?v=1611912933);
      z-index: 1;
      border-right: 2px solid #fff;
    }

    .v-s-bottom>span {
      display: block;
      width: 156px;
      height: 40px;
      background: #000000 0% 0% no-repeat padding-box;
      border-radius: 4px;
      opacity: 0.6;
      color: white;
      font-size: 14px;
      text-align: center;
      line-height: 40px;
    }

    .v-s-bottom {
      display: flex;
      width: 335px;
      justify-content: space-between;
      position: absolute;
      bottom: 10px;
      right: -169px;
    }

    .vlt-cinematic-list {
      width: 1200px;
      height: 495px;
      background: white;
      box-shadow: 0px 0px 30px #F3455A33;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 0 150px 0;

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

    .vlt-cinematic {
      background: #FFF9F9;
      padding: 180px 0 0 0;
      display: flex;
      flex-direction: column;
      align-items: center;

    }

    .vlt-cinematic-item {
      width: 1150px;
      height: 445px;
      border: 2px dashed #5C9899;
      opacity: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .vlt-cinematic-video-box {
      width: 690px;
      height: 395px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .vlt-cinematic-video-box svg {
      width: 80px;
      height: 80px;
      position: absolute;
      left: -20px;
      top: -20px;
    }

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

    .vlt-cinematic-video-text {
      width: 352px;
    }

    .font2334 {
      font-size: 23px;
      line-height: 34px;
      margin: 12px 0 0 0;
      color: #5C9899;
    }

    .font4257 {
      font-size: 42px;
      line-height: 57px;
      color: #5C9899;
    }

    .vlt-ci-v {
      width: 690px;
      height: 395px;
      object-fit: cover;
      display: block;
    }

    .v-cinematic-btn {
      background: white;
      position: absolute;
      z-index: 1;
      width: 40px;
      height: 40px;
    }

    .vlt-footer {
      height: 421px;
      width: 1920px;
      background-image: url(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-pc-bottom_de5fddca-fb01-4c17-98f2-b249bee52a9b.png?v=1611917079);
      background-repeat: no-repeat;
      background-color: #FFF9F9;
      display: flex;
      flex-direction: column;
      align-items: center;
      left: 50%;
      transform: translate(-50%, 0);
      position: relative;
    }

    .font32100 {
      font-size: 32px;
      line-height: 44px;
      margin: 50px 0 0 0;
      color: #F3455A;
    }

    .font2027 {
      font-size: 20px;
      line-height: 27px;
      color: #F3455A;
      margin: 30px 0 0 0;
    }

    .font2432 {
      font-size: 24px;
      line-height: 32px;
      color: #F3455A;
    }

    .vlt-footer-btn {
      width: 260px;
      height: 46px;
      background: #F3455A 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 6px #F3455A99;
      border-radius: 2px;
      color: white;
      line-height: 46px;
      text-align: center;
      margin: 30px 0 0 0;
    }

    .vlt-footer-btn:hover {
      cursor: pointer;
    }

    .v-c-m-b {
      display: none;
    }

    .vlt-by-m-footer {
      display: none;
    }

    .vlt-m-videos-title {
      display: none;
    }

    .vlt-m-title-h3 {
      display: none;
    }

    .vltf-limited {
      color: #F3455A;
      font-size: 16px;
      line-height: 25px;
      margin: 12px 0 0 0;
    }

    .vltf-more {
      margin: 50px 0 0 0;
      color: #F3455A;
      font-weight: bold;
      text-decoration: underline;
    }

    .wmth-p {
      display: none;
    }

    .vf-p {
      display: none;
    }

    .vlt-m-01 {
      display: none;
    }

    .section-main-brands {
      height: 518px;
      background-image: url(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/bg_reviews.png?v=1609745443);
      background-position: 0 -211px;
      background-color: white;
      width: 1920px;
      position: relative;
      left: 50%;
      margin: 0 0 0 -960px;
    }

    .s_m_b_title {
      line-height: 56px;
      text-align: center;
      font-size: 40px;
      letter-spacing: 0.28px;
      font-weight: 500;
      text-transform: none;
      padding: 100px 0 0 0;
      margin: 0;
      color: #F3455A;
    }

    .brands_item {
      margin: 0 44px 0 0;
      height: 40px;
      display: flex;
      align-items: center;
    }

    .section-main-brands .first_row {
      display: flex;
      padding: 0 0 0 361px;
      height: 40px;
      margin: 90px 0 0 0;
    }

    .section-main-brands .last_row {
      display: flex;
      margin: 52px 0 0 0;
      padding: 0 0 0 417px;
    }

    .footer_content {
      width: 1920px;
      position: relative;
      left: 50%;
      margin: 0 0 0 -960px;
      height: 500px;
      background: url(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/img_lp.png?v=1615877114);
      background-size: 1920px 500px;
      padding: 1px 0 0 0;
    }

    .footer-content-btn {
      width: 260px;
      height: 46px;
      background: #F3455A 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 6px #F3455A99;
      border-radius: 2px;
      color: white;
      font-weight: 600;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 338px auto 0;
    }

    .footer-content-p {
      text-align: center;
      color: #F3455A;
      font-weight: 600;
      margin: 16px 0 0 0;
    }

    @media only screen and (max-width: 751px) {
      .first_row,.last_row{
        display: none !important;
      }
      .footer-content-btn{
        width: 4.8rem;
        height: 0.9rem;
        font-size: 0.32rem;
        margin: 5.2rem auto 0;
      }
      .footer-content-p{
        font-size: 0.26rem;
      }
      .footer_content {
          width: 7.5rem;
          height: 7.64rem;
          background: url(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/img_lp_5b2e01bd-80fb-489b-a0d2-a1f31e94e1ce.png?v=1615957750);
          background-size: 7.5rem 7.64rem;
          padding: 1px 0 0 0;
          margin: 0;
          left: 0;
      }
      .brands_mobile {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0.7rem 0 0 0;
        padding: 0;
      }
      .brands_mobile .brands_item {
        height: 0.40rem;
        margin: 0 0.22rem 0.42rem;
        display: flex;
        align-items: center;
      }
      .brands_mobile .brands_item img{
        height: 0.4rem;
      }
      .section-main-brands .s_m_b_title {
        font-size: 0.4rem;
        font-weight: 600;
        line-height: 0.6rem;
        width: 6.86rem;
        max-width: 5rem;
        margin: 0 auto;
        padding: 0;
        color: #F3455A;
      }
      .section-main-brands {
        width: 100%;
        left: 0%;
        margin: 0;
        padding: 0.6rem 0 0 0;
        height: 5.13rem;
        background-image: url(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/bg_reviews_c2e39066-eb1e-4ff7-abc4-649de6fad42c.png?v=1610001200);
        background-size: 7.5rem 5.31rem;
        background-position: 0 0;
      }
      .vlt-h-div {
        height: 1rem;
        width: 6.86rem;
      }

      .vlt-button {
        width: 1.8rem;
        height: 0.60rem;
        line-height: 0.60rem;
      }

      .vlt-banner {
        height: 12.34rem;
        background: url(https://cdn.shopifycdn.net/s/files/1/0344/0335/2709/files/es-banner-sp-mob.webp?v=1615528092);
        padding: 0rem 0 0 0;
        width: 7.5rem;
        background-size: 7.5rem 12.34rem;
        margin: 1rem 0 0 0;
        position: static;
        transform: translate(0, 0);
      }

      .vlt-by-now {
        width: 4.9rem;
        height: 1rem;
        background: #F3455A 0% 0% no-repeat padding-box;
        box-shadow: 0px 0.03rem 0.06rem #F3455A80;
        border-radius: 0.04rem;
        margin: 9.48rem 0 0 0;
      }

      .vlt-btn-p {
        font-size: 0.26rem;
      }

      .vlt-b-ctt {
        margin: 0;
        width: 100%;
        height: auto;
      }

      .vlt-shaky {
        display: none;
      }

      .v-c-h2 {
        font-size: 0.58rem;
        line-height: 0.78rem;
        padding: 0.74rem 0 0 0;
        height: 0.78rem;
      }

      .v-c-strong {
        font-size: 1.5rem;
        line-height: 2.02rem;
        width: 5.04rem;
        margin: -0.3rem auto 0;
      }

      .v-c-p {
        font-size: 0.38rem;
        line-height: 0.51rem;
      }

      .v-c-b-svg {
        display: none;
      }

      .v-c-m-b {
        display: block;
        font-size: 0.3rem;
        line-height: 0.4rem;
        color: #F3455A;
        text-align: center;
        margin: 5.71rem 0 0 0;
      }
      .vlt-m-title-h3>img{
        width: 0.48rem;
        height: 0.36rem;
      }
      .vlt-btn {
        margin: 0.4rem 0 0 0;
      }

      .vlt-by-now {
        width: 4.9rem;
        line-height: 1rem;
        font-size: 0.32rem;
        height: 1rem;
      }

      .vlt-by-svg {
        display: none;

      }

      .vlt-by-m-footer {
        font-size: 0.26rem;
        line-height: 0.34rem;
        color: #F3455A;
        font-weight: bold;
        display: block;
        text-align: center;
        margin: 0.2rem 0 0 0;
      }

      .vlt-tabs {
        position: relative;
        margin: 1.1rem 0 0 0;
        background: #FFF9F9;
        align-items: flex-start;
      }

      .vlt-m-videos-title {
        height: 2.52rem;
        position: absolute;
        padding: 0.6rem 0 0 0;
        color: rgba(232, 171, 114, 0.1);
        margin: 0 0 0 0.52rem;
        top: 0;
        left: 0;
        font-size: 1.8rem;
        line-height: 2.7rem;
        width: 6.98rem;
        background-image: url(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-m-shots_c6c91c21-fb0e-42a2-a559-5af67dcfd50b.png?v=1612147465);
        background-size: 1.49rem 0.49rem;
        background-repeat: no-repeat;
        background-position: 5.17rem 0.42rem;
        font-weight: 600;
        display: block;
      }

      .vlt-tabs-items {
        display: none;
      }

      .vlt-h3-line {
        display: none;
      }

      .font4054 {
        font-size: 0.64rem;
        line-height: 0.95rem;
        font-family: Poppins;
        margin: 1.53rem 0 0 0.32rem;
        width: 4.75rem;
        padding: 0;
      }

      .vlt-tabs-video {
        width: 6.86rem;
        height: 3.86rem;
      }

      .vlt-play-div>img {
        width: 6.86rem !important;
        height: 3.86rem !important;
        display: block;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
      }

      .vlt-play-div>.v-p-btn {
        z-index: 2;
      }

      .vlt-video-con {
        width: 7.5rem;
        flex-wrap: wrap;
        transform: translate(0, 0);
        justify-content: center;
        padding: 0 0 1rem 0;
      }

      .font2030 {
        font-size: 0.28rem;
        line-height: 0.42rem;
        margin: 0.14rem 0 0 0.32rem !important;
        color: #F3455A;
      }

      .vlt-videos {
        margin: 0.2rem 0 0 0;
        height: auto;
      }

      .vlt-m-title-h3 {
        display: flex;
        align-items: flex-end;
        font-size: 0.34rem;
        line-height: 0.51rem;
        justify-content: center;
        margin: 0.8rem 0 0.41rem 0;
        color: #F3455A;
        font-weight: bold;
        position: relative;
        width: 100%;
      }

      .vmth-line {
        height: 0.25rem;
        background: #5C9899;
        opacity: 0.15;
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0;
      }

      .vlt-m-title-h3 svg {
        width: 0.39rem;
        height: 0.3rem;
      }

      .vmth-div {
        display: inline-block;
        position: relative;
        margin: 0 0.24rem;
      }

      .vlt-cinematic {
        position: relative;
        padding: 0;
        align-items: flex-start;
        background: white;
        margin: 0;
      }

      .vlt-cinematic-list {
        width: 7.5rem;
        height: 3.86rem;
        margin: 0;
        box-shadow: 0 0 0 0;
        background-size: 0 0;
      }

      .vlt-cinematic-video-box,
      .vlt-ci-v {
        width: 6.86rem;
        height: 3.86rem;
      }

      .vlt-cinematic-video-text {
        display: none;
      }

      .vlt-cinematic-item {
        width: auto;
        height: auto;
        border: none;
      }

      .vlt-cinematic-video-box {
        margin: 0 auto !important;
      }

      .vlt-footer {
        background-image: url(https://cdn.shopify.com/s/files/1/0344/0335/2709/files/vlt-m-bottom_b81dc294-881a-4bee-86c1-4a7aeaf69d61.png?v=1612152001);
        width: 7.5rem;
        height: 8.77rem;
        background-size: 7.5rem 8.77rem;
        margin: 1.1rem 0 0 0;
      }

      .wmth-p {
        font-size: 0.26rem;
        line-height: 0.39rem;
        color: #5C9899;
        margin: 0.15rem 0 0.5rem 0;
        text-align: center;
        width: 100%;
        display: block;
      }

      .vlt-cinematic .vlt-m-title-h3 {
        margin: 0.8rem 0 0 0;
      }

      .font32100 {
        font-size: 0.48rem;
        line-height: 1rem;
        margin: 0.8rem 0 0 0;
      }

      .vf-p {
        margin: 0.08rem 0 0 0;
        font-size: 0.28rem;
        line-height: 0.39rem;
        text-align: center;
        height: 0.39rem;
        display: block;
        color: #F3455A;
      }

      .font2027 {
        font-size: 0.37rem;
        line-height: 0.5rem;
        margin: 0.9rem 0 0 0;
      }

      .font2432 {
        font-size: 0.54rem;
        line-height: 0.73rem;
        margin: 0.04rem 0 0 0;
      }

      .vlt-footer-btn {
        width: 4.80rem;
        height: 0.90rem;
        line-height: 0.9rem;
        font-size: 0.32rem;
      }

      .vltf-limited {
        font-size: 0.26rem;
        font-weight: 0.39rem;
        margin: 0.2rem 0 0 0;
      }

      .vltf-more {
        font-size: 0.3rem;
        line-height: 0.46rem;
        margin: 0.8rem 0 0 0;
      }

      .vlt-m-01 {
        position: relative;
        padding: 1.6rem 0 0 0;
        display: block;
      }

      .vlt-m-01 .vlt-m-videos-title {
        background-position: 5.17rem 0.32rem;
      }

      .vlt-m-01 .font2030 {
        text-align: left;
        margin: 0.14rem 0 0.54rem 0.32rem !important;
        color: #F3455A;
      }

      .vlt-m-shaky,
      .vlt-m-shaky-img {
        width: 6.86rem;
        height: 3.5rem;

      }

      .vlt-m-shaky {
        margin: 0.16rem 0.32rem;
        position: relative;
      }

      .vlt-m-shaky span {
        position: absolute;
        width: 2.54rem;
        height: 0.57rem;
        background: rgba(0, 0, 0, 0.6);
        color: white;
        font-size: 0.22rem;
        text-align: center;
        line-height: 0.57rem;
      }

      .m-font {
        color: #F3455A;
      }

      .vmth-div {
        color: #5C9899;
      }

      .cookies {
        display: none !important;
      }

      .v-p-btn {
        width: 0.4rem;
        height: 0.4rem;
      }

      .vlt-play-div svg {
        width: 0.80rem;
        height: 0.80rem;
        position: absolute;
        left: -0.20rem;
        top: -0.20rem;
      }

      .aaaaaa {
        width: 5.8rem;
        justify-content: flex-start;
      }

      .jiantou {
        display: none
      }
    }

    .jiantou {
      transform: scale(0);
      transition: all 0.1s;
      width: 0px;

    }

    .vlt-button {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .vlt-button:hover .jiantou {
      transform: scale(1);
      width: 12px;
      margin: 0 0 0 10px;
    }

    .vlt-button:hover {
      color: white !important;
    }

    .vlt-cinematic {
      position: relative;
    }

    .vlt-shaky {
      position: relative;
    }

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

    .vlt-play-div>img {
      width: 1200px;
      height: 675px;
      display: block;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
    }

    .vlt-play-div>.v-p-btn {
      z-index: 2;
    }
  </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 = [true, true, true]
      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 = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }
      }
      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>