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 (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>