.page.page-webflow{ --_wf-design-container---container-maxwidth: 1140px; --_wf-design-container---wf-space-1: 2vw; --_wf-design-font---font-ezviz: Roboto, sans-serif; --_wf-design-font---font-akiitu: Montserrat, sans-serif; --_wf-design-container---normal-minheight: 50vw; --_wf-design-container---bigger-minheight: 67vw; --_wf-design-font---icon_text: .875rem; --_wf-design-font---dialog_text: .875rem; --_wf-design-container---container-padding-top: 0px; --_wf-design-font---normal-text: 1.25rem; --_wf-design-font---heading-top-text: 1rem; --_wf-design-container---wf-space-2: 4vw; --_wf-design-font---h2_text: 2rem; --_wf-design-container---wf-space-3: 6vw; --_wf-design-font---wf-text-lead: 1.125rem; --_wf-design-container---wf-space-4: 8vw; --_wf-design-font---h1_text: 2.75rem; --_wf-design-container---wf-space-5: 10vw; --_wf-design-font---spec-text: 3.75rem; } .page.page-webflow .w-layout-blockcontainer{ max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .page.page-webflow .w-layout-grid{ grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } @media screen and (max-width: 991px){ .page.page-webflow .w-layout-blockcontainer{ max-width: 728px; } } @media screen and (max-width: 767px){ .page.page-webflow .w-layout-blockcontainer{ max-width: none; } } .page.page-webflow{ color: #333; --_wf-design-container---container-maxwidth: 1140px; --_wf-design-container---wf-space-1: 2vw; --_wf-design-container---normal-minheight: 50vw; --_wf-design-container---bigger-minheight: 67vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 4vw; --_wf-design-container---wf-space-3: 6vw; --_wf-design-container---wf-space-4: 8vw; --_wf-design-container---wf-space-5: 10vw; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; line-height: 20px; } .page.page-webflow .proudct_webflow_container{ height: auto; max-width: var(--_wf-design-container---container-maxwidth); min-height: auto; padding-top: var(--_wf-design-container---wf-space-1); padding-bottom: var(--_wf-design-container---wf-space-1); justify-content: center; align-items: center; margin-top: 0; margin-bottom: 0; display: block; } .page.page-webflow .proudct_webflow_container.u-container-heignt-one{ height: 60vw; min-height: auto; padding-top: var(--_wf-design-container---wf-space-1); padding-bottom: var(--_wf-design-container---wf-space-1); } .page.page-webflow .proudct_webflow_container.u-container-heignt-one.flex_vertical_center{ display: flex; } .page.page-webflow .proudct_webflow_container.cb8_lite_section_05{ justify-content: center; align-items: center; max-width: 1200px; height: auto; min-height: auto; margin-top: 0; margin-bottom: 0; padding-top: 1vw; padding-bottom: 1vw; display: block; } .page.page-webflow .proudct_webflow_container._04{ flex-flow: column; justify-content: flex-start; align-items: stretch; max-width: 1140px; height: 63vw; min-height: 65vw; margin-top: 0; margin-bottom: 0; padding-top: 1vw; padding-bottom: 1vw; display: flex; } .page.page-webflow .proudct_webflow_container._25_vw{ height: 25vw; } .page.page-webflow .heading{ color: #fff; width: 100%; font-size: 40px; } .page.page-webflow .heading.strong.color_gray{ color: #9c9c9b; } .page.page-webflow .heading.strong.color_gray.no_display{ opacity: 0; } .page.page-webflow .heading.u-text-white.u-text-left.strong{ font-size: 72px; line-height: 100%; } .page.page-webflow .heading.u-text-white.u-text-left.strong.text-blue-gredient{ opacity: 1; -webkit-text-fill-color: transparent; background-color: #0006; background-image: linear-gradient(90deg, #8ebbe3, #fff 71%); -webkit-background-clip: text; background-clip: text; } .page.page-webflow .heading._02{ -webkit-text-fill-color: transparent; background-image: linear-gradient(#bbd8fa, #a2cbfe); -webkit-background-clip: text; background-clip: text; font-size: 3.6rem; font-weight: 700; line-height: 100%; } .page.page-webflow .heading._02.italic{ background-image: radial-gradient(circle at 50% 0, #bbd8fa, #9ac7ff 49%); margin-bottom: 0; font-size: 5rem; } .page.page-webflow .widget{ text-align: center; flex: 0 auto; justify-content: flex-start; align-items: stretch; width: 100%; height: auto; margin-left: 0; margin-right: 0; padding-top: 1vw; padding-bottom: 1vw; display: block; } .page.page-webflow .widget.display_flex.flex_center{ grid-column-gap: 20px; grid-row-gap: 20px; justify-content: center; align-items: center; display: flex; } .page.page-webflow .widget.no-padding-bottom{ padding-bottom: 0; } .page.page-webflow .head{ font-size: 4rem; line-height: 130%; } .page.page-webflow .head.text-align-left{ text-align: left; text-align: left; font-family: Roboto, sans-serif; font-size: 2.75rem; } .page.page-webflow .head.text-align-left.u-text-white{ font-size: 32px; } .page.page-webflow .heading_wf_2{ color: #000; text-align: center; margin-top: 0; margin-bottom: 0; margin-right: 0; font-family: Roboto, sans-serif; font-size: 2rem; font-weight: 500; line-height: 150%; } .page.page-webflow .widget_row{ grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: block; position: relative; } .page.page-webflow .widget_row.have_grey_back{ background-color: #eee; border-radius: 12px; } .page.page-webflow .widget_row.ps_abs-2{ z-index: 1; justify-content: center; align-items: flex-start; inset: 25% auto 0%; } .page.page-webflow .widget_row.bottom_left{ margin-bottom: 3vw; } .page.page-webflow .widget_row.flex_center{ justify-content: center; align-items: stretch; } .page.page-webflow .widget_row.flex_center._03{ justify-content: flex-start; align-items: stretch; } .page.page-webflow .widget_row.width_control._01{ width: 60%; margin-left: auto; margin-right: auto; } .page.page-webflow .widget_row.ps_re{ flex: 0 auto; order: -9999; align-self: center; } .page.page-webflow .widget_row.ps_re.flex_01{ background-color: #0000; width: 82%; } .page.page-webflow .widget_row.flex_02{ width: 15%; } .page.page-webflow .widget_row.text-align-center{ text-align: center; } .page.page-webflow .widget_row.u-div-width-60{ width: 70%; margin-left: auto; margin-right: auto; } .page.page-webflow .widget_row.ps_abs{ position: absolute; top: 2%; left: 0%; } .page.page-webflow .widget_row.have_grey_back-copy{ background-color: #eee; border-radius: 12px; } .page.page-webflow .normal_text{ color: #000; text-align: center; margin-bottom: 0; font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 150%; } .page.page-webflow .normal_text.text-align-center{ text-align: center; } .page.page-webflow .normal_text.u-text-white.have_back_blue_gradient{ background-image: linear-gradient(0deg, #5892db66, #bfdeff80); } .page.page-webflow .normal_text.normal-text--white{ color: #fff; height: 150%; padding-top: 0%; padding-left: 0; padding-right: 0; font-weight: 400; } .page.page-webflow .normal_text.normal-text--white.text-align-center{ text-align: center; padding-top: 0%; padding-left: 0; padding-right: 0; } .page.page-webflow .normal_text.normal-text--white.strong{ color: #fff; padding-top: 0%; padding-left: 0; padding-right: 0; font-size: 1.25vw; font-weight: 500; line-height: 100%; } .page.page-webflow .normal_text.normal-text--white.strong.italic{ font-size: 1.2vw; } .page.page-webflow .normal_text.u-text-accent.strong{ color: #4affff; } .page.page-webflow .row{ margin-top: 1vw; padding-top: 1vw; padding-bottom: 0; position: relative; } .page.page-webflow .row.hidden_desktop{ display: none; } .page.page-webflow .row.have_back_grey{ background-color: #fff3; border-radius: 12px; } .page.page-webflow .row.width_set{ width: 60%; } .page.page-webflow .icon_text{ color: #000; text-align: center; margin-bottom: 0; font-family: Roboto, sans-serif; font-size: .875rem; } .page.page-webflow .icon_text.u-text-blue{ color: #378dff; } .page.page-webflow .u-text-white{ color: #fff; } .page.page-webflow .color_blue{ color: #378dff; } .page.page-webflow .strong{ font-family: Roboto, sans-serif; font-weight: 500; } .page.page-webflow .text-align-left{ text-align: left; } .page.page-webflow .flex_center{ grid-column-gap: 10px; grid-row-gap: 10px; justify-content: center; align-items: center; display: flex; } .page.page-webflow .flex_center._01{ grid-column-gap: 10px; grid-row-gap: 10px; } .page.page-webflow .flex_center._02{ align-items: center; } .page.page-webflow .flex_center.no_mob.flex_bottom{ justify-content: center; align-items: flex-end; } .page.page-webflow .ps_re{ position: relative; } .page.page-webflow .ps_re.text-align-right{ top: -20px; } .page.page-webflow .ps_re._01{ top: -50%; } .page.page-webflow .ps_re._3k_lens{ left: -8%; } .page.page-webflow .flex_vertical_center{ justify-content: center; align-items: center; display: flex; } .page.page-webflow .ep8_section_01{ background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7rov0c.jpg'); background-position: 0 0; background-size: cover; } .page.page-webflow .ep8_section_01.have_background_cover{ background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7sc5tv.jpg'); background-position: 50% 0; } .page.page-webflow .body{ --_wf-design-container---container-maxwidth: 1140px; --_wf-design-container---wf-space-1: 2vw; --_wf-design-container---normal-minheight: 50vw; --_wf-design-container---bigger-minheight: 67vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 4vw; --_wf-design-container---wf-space-3: 6vw; --_wf-design-container---wf-space-4: 8vw; --_wf-design-container---wf-space-5: 10vw; font-family: Roboto, sans-serif; } .page.page-webflow .row-5{ margin-top: 1vw; padding-top: 1vw; padding-bottom: 0; position: relative; } .page.page-webflow .cp8_section_05{ background-image: linear-gradient(#c9dced, #c9dced 71%); } .page.page-webflow .display_flex{ align-items: flex-end; display: flex; } .page.page-webflow .display_flex.flex_center{ justify-content: center; align-items: center; } .page.page-webflow .display_flex.flex_center._03{ justify-content: flex-start; align-items: center; } .page.page-webflow .heading_top_text{ color: #000; text-align: center; margin-bottom: 0; font-family: Roboto, sans-serif; font-size: 1.125rem; line-height: 150%; } .page.page-webflow .heading_top_text.u-text-white{ color: #fff; font-size: 1.125rem; } .page.page-webflow .hidden_mob{ display: block; } .page.page-webflow .hidden_desktop{ display: none; } .page.page-webflow .pdp-layout-row{ margin-top: 1vw; padding-top: 0; padding-bottom: 0; position: relative; } .page.page-webflow .pdp-layout-row.background_gray{ background-color: #fff3; border-radius: 20px; width: 100%; padding-left: 2vw; padding-right: 2vw; } .page.page-webflow .image-26{ width: 100%; max-width: none; position: absolute; inset: 0% auto auto 0%; } .page.page-webflow .ps_abs-2{ justify-content: center; align-items: center; display: flex; position: absolute; inset: auto; } .page.page-webflow .ps_abs-2._01{ --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; padding-left: 6px; padding-right: 12px; top: 50%; right: 3%; } .page.page-webflow .u-text-accent{ color: #2ed1e0; } .page.page-webflow .u-text-accent.strong{ font-weight: 700; } .page.page-webflow .u-text-accent.strong._02.italic{ color: #00feff; font-size: 65px; } .page.page-webflow .cb8_lite_4k_08-2{ background-color: #eee; background-image: linear-gradient(#2f4d72, #0c1c36); display: block; } .page.page-webflow .cb8_lite_4k_08-2._01{ background-image: linear-gradient(#2f4d72, #0c1c36); } .page.page-webflow .cb8_lite_4k_08-2._02{ background-color: #0c1c36; background-image: none; } .page.page-webflow .radius, .page.page-webflow .radius._02{ border-radius: 24px; } .page.page-webflow .radius._03{ border-radius: 51px; width: 100%; max-width: none; } .page.page-webflow .radius._03.border{ border: 4px solid #fff; border-radius: 59px; } .page.page-webflow .ps_abs_04{ z-index: 0; position: absolute; left: auto; right: auto; } .page.page-webflow .ps_abs_04._02{ padding: 4px 8px; inset: 2% auto auto 5%; } .page.page-webflow .ps_abs_04._02.radius.new{ left: 10%; } .page.page-webflow .ps_abs_04._02.radius.new.nenen{ background-image: linear-gradient(#b7d5fb, #5892db); } .page.page-webflow .ps_abs_04._02.radius.my_test{ background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7suyvx.png'); background-position: 0 0; background-size: auto; padding-left: 20px; } .page.page-webflow .ps_abs_04._02.radius._01{ background-image: linear-gradient(#bfdeff, #1b8bfd); width: 21vw; min-width: auto; inset: auto 42vw 1vw auto; } .page.page-webflow .ps_abs_04._02.radius{ background-image: linear-gradient(#b6d7ff, #4a92ed); padding: 2px 20px 2px 10px; top: 10%; left: 10%; } .page.page-webflow .ps_abs_04._02.radius._01{ width: 21vw; min-width: auto; inset: auto 42vw 1vw auto; } .page.page-webflow .ps_abs_04._02.have_back_gradient_2{ background-image: linear-gradient(#b7d5fb, #5892db); border-radius: 24px; } .page.page-webflow .ps_abs_04._03{ bottom: 20%; left: auto; right: 12%; } .page.page-webflow .ps_abs_04._04{ bottom: 10%; left: 15%; right: auto; } .page.page-webflow .ps_abs_04._05.have_back_gradient._01{ background-image: linear-gradient(0deg, #1b8bfd, #bfdeff); padding: 2px 20px 2px 10px; left: auto; right: 19.2vw; } .page.page-webflow .ps_abs_04._05.have_back_gradient._01.radius{ background-image: linear-gradient(0deg, #1b8bfd, #bfdeff); width: 19vw; min-width: auto; top: 21%; bottom: auto; right: 28vw; } .page.page-webflow .ps_abs_04._06{ width: 12vw; min-width: 180px; bottom: 0; left: auto; right: 28%; } .page.page-webflow .ps_abs_04.icon._01{ left: auto; } .page.page-webflow .ps_abs_04.icon._01.display_flex.flex_center{ grid-column-gap: 1vw; grid-row-gap: 1vw; inset: auto auto 37% 20%; } .page.page-webflow .ps_abs_04.icon.display_flex.flex_center._02{ top: auto; bottom: 13%; left: 36%; } .page.page-webflow .ps_abs_04.icon.display_flex.flex_center._03{ bottom: 13%; right: 28%; } .page.page-webflow .ps_abs_04.icon.display_flex.flex_center._04{ bottom: 51%; left: auto; right: 24%; } .page.page-webflow .ps_abs_04.icon.display_flex.flex_center._05{ bottom: 37%; left: auto; right: 48%; } .page.page-webflow .ps_abs_04.top{ top: 10%; } .page.page-webflow .ps_abs_04.top.have_back_blue{ background-color: #5587ff; } .page.page-webflow .ps_abs_04.top.have_back_blue.radius{ width: 500px; padding-left: 0; padding-right: 0; left: 0; } .page.page-webflow .ps_abs_04.bottom.have_back_blue.radius{ background-color: #5688ff; width: 500px; bottom: 30%; left: 0; } .page.page-webflow .ps_abs_04.cut_02.new{ --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; padding-left: 16px; padding-right: 8px; top: 13%; left: 44%; } .page.page-webflow .ps_abs_04.cut_02.new_02{ z-index: 1; padding-left: 12px; padding-right: 12px; top: 30%; left: auto; right: 30%; } .page.page-webflow .ps_abs_04._01{ top: 20%; left: auto; right: 47%; } .page.page-webflow .ps_abs_04._06{ width: 12vw; bottom: 0; left: auto; right: 28%; } .page.page-webflow .ps_abs_04._6mm{ background-image: linear-gradient(#bfdeff, #1b8bfd); border-radius: 12px; width: 19vw; padding-top: 4px; padding-bottom: 4px; top: 20%; left: auto; right: 28vw; } .page.page-webflow .ps_abs_04.have_back_gradient{ bottom: 10%; left: auto; right: 28vw; } .page.page-webflow .ps_abs_04.have_back_gradient._2-8mm{ background-image: linear-gradient(0deg, #1b8bfd, #bfdeff); border-radius: 12px; width: 19vw; padding-top: 4px; padding-bottom: 4px; } .page.page-webflow .ps_abs_04._4x_zoom{ bottom: 40%; right: 26.2vw; } .page.page-webflow .italic{ font-style: italic; } .page.page-webflow .have_back_gradient{ background-image: linear-gradient(90deg, #1b8bfd, #bfdeff); } .page.page-webflow .have_back_gradient.radius.width_control._02{ background-image: linear-gradient(90deg, #1b8bfd, #bfdeff); width: 70%; margin-left: auto; margin-right: auto; padding-top: 4px; padding-bottom: 4px; } .page.page-webflow .have_back_gradient._02{ background-image: linear-gradient(0deg, #1b8bfd, #bfdeff); } .page.page-webflow .have_back_grey{ background-color: #999; } .page.page-webflow .have_back_grey.radius.width_control._02{ width: 70%; margin-left: auto; margin-right: auto; padding-top: 4px; padding-bottom: 4px; } .page.page-webflow .pdp-content-row{ width: 100%; } .page.page-webflow .hb90-dual-kit_section._01{ background-color: #fff; } .page.page-webflow .hb90-dual-kit_section._02{ background-image: linear-gradient(#fff, #e3f2fe); } .page.page-webflow .text-align-right{ text-align: right; } .page.page-webflow .full_size{ width: 100%; max-width: none; } .page.page-webflow .icon_text-8{ color: #000; text-align: center; font-family: Roboto, sans-serif; font-size: .875rem; } .page.page-webflow .icon_text-8.strong{ font-weight: 500; } .page.page-webflow .cb8_lite_4k_06-3{ background-color: #eee; display: block; } .page.page-webflow .cb8_lite_4k_06-3._01{ background-color: #fff; } .page.page-webflow .icon_div{ position: static; } .page.page-webflow .feature-overview__item{ text-align: center; flex: 0 auto; justify-content: flex-start; align-items: stretch; width: 100%; height: auto; margin-left: 0; margin-right: 0; padding-top: 1vw; padding-bottom: 1vw; display: block; } .page.page-webflow .cb8_lite_4k_02-2{ grid-column-gap: 16px; grid-row-gap: 16px; background-color: #f9f9f9; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-left: auto; margin-right: auto; display: block; } .page.page-webflow .grid-4{ grid-column-gap: 10vw; grid-row-gap: 10vw; grid-template-rows: auto; grid-template-columns: 1fr 1fr; width: 76%; margin-left: auto; margin-right: auto; } .page.page-webflow .image-30{ width: 100%; max-width: none; display: block; } .page.page-webflow .cb90f_section{ background-color: #eee; background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7tffw9.jpg'); background-position: 50% 0; background-size: cover; display: block; } .page.page-webflow .link_text-2{ color: #568efa; } .page.page-webflow .ep_section_17-3{ background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7u4p9a.png'); background-position: 50% 0; background-size: cover; height: 50vw; display: block; } .page.page-webflow .privacy-security__item{ text-align: center; flex: 0 auto; justify-content: flex-start; align-items: stretch; width: 100%; height: auto; margin-left: 0; margin-right: 0; padding-top: 1vw; padding-bottom: 1vw; display: block; } .page.page-webflow .columns-17{ justify-content: center; align-items: center; display: flex; } .page.page-webflow .column-23{ background-color: #ffffff26; border-radius: 20px; } .page.page-webflow .column-23.ep8-17{ padding: 1vw; } .page.page-webflow .section-2{ display: block; } .page.page-webflow .product-footnotes__inner{ text-align: center; flex: 0 auto; justify-content: flex-start; align-items: stretch; width: 100%; height: auto; margin-left: 0; margin-right: 0; padding-top: 1vw; padding-bottom: 1vw; display: block; } .page.page-webflow .grid_3_2{ display: none; } .page.page-webflow .italic-text-3{ color: #fff; font-style: normal; font-weight: 500; } .page.page-webflow .cb8_lite_4k_05{ background-color: #2e4b70; } .page.page-webflow .columns-16{ justify-content: center; align-items: center; display: flex; } .page.page-webflow .no_display{ display: none; } .page.page-webflow .always-on-video__panel{ text-align: center; flex: 0 auto; justify-content: flex-start; align-items: stretch; width: 100%; height: auto; margin-left: 0; margin-right: 0; padding-top: 1vw; padding-bottom: 1vw; display: block; } .page.page-webflow .always-on-video__panel.my_set.hidden_mob{ padding-left: 2vw; } .page.page-webflow .always-on-video__panel.ps_abs{ position: absolute; } .page.page-webflow .always-on-video__panel.ps_abs.margin-top{ margin-top: 2%; margin-left: 0%; padding-left: 2vw; } .page.page-webflow .always-on-video__panel.ps_abs._01{ padding-top: 4px; padding-bottom: 8px; inset: auto auto 0% 0%; } .page.page-webflow .always-on-video__panel.ps_re{ width: 100%; position: relative; left: 0%; } .page.page-webflow .have_back_blue_gradient{ background-image: linear-gradient(#b7d5fb, #5892db); border-radius: 12px; padding-left: 8px; padding-right: 8px; } .page.page-webflow .img_width_control._01{ width: 16%; } .page.page-webflow .image-1{ width: 100%; max-width: none; position: absolute; inset: 0% auto auto 0%; } .page.page-webflow .u-relative{ position: relative; } .page.page-webflow .icon-text{ color: #000; margin-bottom: 0; font-family: Roboto, sans-serif; font-size: .875rem; font-weight: 400; line-height: 150%; } .page.page-webflow .head-top-text{ font-family: Roboto, sans-serif; font-size: 1rem; font-weight: 400; line-height: 150%; } .page.page-webflow .normal-text{ font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 150%; } .page.page-webflow .heading_1{ font-family: Roboto, sans-serif; font-size: 3.5rem; font-weight: 500; line-height: 150%; } .page.page-webflow .u-text-note-12{ font-size: .75rem; } .page.page-webflow .u-text-caption-14{ font-size: .875rem; } .page.page-webflow .u-text-body-16{ font-size: 1rem; } .page.page-webflow .u-text-lead-18{ font-size: 1.125rem; } .page.page-webflow .u-text-card-title-20{ font-size: 1.25rem; } .page.page-webflow .u-text-subtitle-24{ font-size: 1.5rem; } .page.page-webflow .u-text-section-title-32{ font-size: 2rem; } .page.page-webflow .u-text-feature-title-40{ font-size: 2.5rem; } .page.page-webflow .u-text-hero-title-56{ font-size: 3.5rem; } .page.page-webflow .u-absolute{ position: absolute; } .page.page-webflow .u-fixed{ position: fixed; } .page.page-webflow .u-sticky{ position: sticky; } .page.page-webflow .u-inset-0{ inset: 0; } .page.page-webflow .u-block{ display: block; } .page.page-webflow .u-flex{ display: flex; } .page.page-webflow .u-grid{ display: grid; } .page.page-webflow .u-grid.grid_2{ grid-template-rows: auto; } .page.page-webflow .u-grid.grid_2.desplay_left{ place-items: center start; } .page.page-webflow .u-hidden{ display: none; } .page.page-webflow .u-flex-column{ flex-direction: column; } .page.page-webflow .u-flex-wrap{ flex-wrap: wrap; } .page.page-webflow .u-items-center{ align-items: center; } .page.page-webflow .u-items-end{ align-items: flex-end; } .page.page-webflow .u-justify-center{ justify-content: center; } .page.page-webflow .u-justify-between{ justify-content: space-between; } .page.page-webflow .u-text-left{ text-align: left; } .page.page-webflow .u-text-center{ text-align: center; } .page.page-webflow .u-text-right{ text-align: right; } .page.page-webflow .u-width-full{ width: 100%; } .page.page-webflow .u-height-full{ height: 100%; } .page.page-webflow .u-max-width-full{ max-width: 100%; } .page.page-webflow .u-object-cover{ object-fit: cover; } .page.page-webflow .u-object-contain{ object-fit: contain; } .page.page-webflow .u-overflow-hidden{ overflow: hidden; } .page.page-webflow .u-text-muted{ color: #657386; } .page.page-webflow .u-bg-white{ background-color: #fff; } .page.page-webflow .u-bg-dark{ background-color: #071426; } .page.page-webflow .u-flex-center{ justify-content: center; align-items: center; display: flex; } .page.page-webflow .u-absolute-fill{ position: absolute; inset: 0; } .page.page-webflow .u-absolute-center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page.page-webflow .u-gap-2{ gap: 8px; } .page.page-webflow .u-gap-4{ gap: 16px; } .page.page-webflow .u-gap-6{ gap: 24px; } .page.page-webflow .u-gap-8{ gap: 32px; } .page.page-webflow .u-mt-4{ margin-top: 16px; } .page.page-webflow .u-mt-8{ margin-top: 32px; } .page.page-webflow .u-mb-4{ margin-bottom: 16px; } .page.page-webflow .u-mb-8{ margin-bottom: 32px; } .page.page-webflow .u-p-4{ padding: 16px; } .page.page-webflow .u-p-8{ padding: 32px; } .page.page-webflow .u-px-4{ padding-left: 16px; padding-right: 16px; } .page.page-webflow .u-py-8{ padding-top: 32px; padding-bottom: 32px; } .page.page-webflow .zoom-indicator{ z-index: 2; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background-color: #071426b8; border: 1px solid #ffffff73; border-radius: 999px; min-width: 52px; min-height: 52px; padding: 8px 12px; font-weight: 500; line-height: 1; } .page.page-webflow .dialog_text.u-text-white{ margin-bottom: 0; font-size: 1rem; } .page.page-webflow .dialog_text.u-text-white.offset_ps_re{ z-index: 1; margin-bottom: 0; font-size: 14px; line-height: 150%; position: relative; top: 5px; } .page.page-webflow .dialog_text.u-text-white.offset_ps_re._02{ top: 15px; } .page.page-webflow .full_size_width{ width: 100%; max-width: none; } .page.page-webflow .full_size_width.radius{ border-radius: 36px; } .page.page-webflow .full_size_width.radius3{ border-radius: 12px; } .page.page-webflow .cb90f_section_04.have_back_part_1{ background-image: linear-gradient(#7aaadb, #7aaadb); } .page.page-webflow .u-container-heignt-two{ max-width: 1140px; height: 67vw; min-height: 67vw; } .page.page-webflow .img_back{ background-image: linear-gradient(90deg, #8fb6e0, #edf6fd 83%); border-top-left-radius: 12px; border-bottom-left-radius: 12px; padding-top: 20px; padding-left: 100px; } .page.page-webflow .hidden{ display: block; } .page.page-webflow .heading_top_text-2{ color: #000; text-align: center; margin-bottom: 0; font-family: Roboto, sans-serif; font-size: 1.125rem; line-height: 150%; } .page.page-webflow .row-8{ margin-top: 1vw; padding-top: 1vw; padding-bottom: 0; position: relative; } .page.page-webflow .heading_wf_2-2{ color: #000; text-align: center; margin-top: 0; margin-bottom: 0; margin-right: 0; font-family: Roboto, sans-serif; font-size: 2rem; font-weight: 500; line-height: 150%; } .page.page-webflow .heading_wf_2-2.heading-wf-2--white{ color: #fff; text-shadow: 0 1px 1px #0003; font-family: Roboto, sans-serif; font-size: 2rem; font-weight: 500; } .page.page-webflow .cb8_lite_4k_06-4{ background-color: #eee; background-image: linear-gradient(#2766ae, #7eb6e7); display: block; } .page.page-webflow .cb8_lite_4k_06-4._02{ background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7us0x2.jpg'); background-position: 50% 100%; background-size: cover; height: 65vw; position: relative; } .page.page-webflow .cb8_lite_4k_06-6{ background-color: #eee; background-image: linear-gradient(#7aaadb, #b9d5f1); display: block; } .page.page-webflow .section-3{ background-color: #ebf2fa; background-image: linear-gradient(#ebf2fa, #cddbeb); } .page.page-webflow .grid_1_3{ grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .page.page-webflow .icon__text{ color: #000; text-align: center; margin-bottom: 0; font-family: Roboto, sans-serif; font-size: .875rem; } .page.page-webflow .icon__text.text-align-left{ text-align: left; } .page.page-webflow .grid_4_4{ grid-template-rows: auto auto auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; } .page.page-webflow .pdf_bottom{ padding-bottom: 10px; } .page.page-webflow .hb90_setion_02{ background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7vdrh3.png'), linear-gradient(#eee, #eee); background-position: 50% 100%, 0 0; background-repeat: no-repeat, repeat; background-size: auto, auto; } .page.page-webflow .easy_install_section{ background-color: #ebf2fa; } .page.page-webflow .radius-copy, .page.page-webflow .radius-copy._02{ border-radius: 24px; } .page.page-webflow .radius-copy._03{ border-radius: 51px; width: 100%; max-width: none; } .page.page-webflow .radius-copy._03.border{ border: 4px solid #fff; border-radius: 59px; } .page.page-webflow .radius_2{ border-radius: 12px; } .page.page-webflow .icon_size{ width: 50px; } .page.page-webflow .div-block-14{ margin-top: 1px; } .page.page-webflow .ps_abs.seeback_01{ position: absolute; bottom: 15%; left: 40%; } .page.page-webflow .ps_abs.seeback_02{ position: absolute; bottom: 30%; left: auto; right: 14%; } @media screen and (max-width: 991px){ .page.page-webflow{ --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; } .page.page-webflow .normal_text{ font-size: 14px; } } @media screen and (max-width: 767px){ .page.page-webflow .heading.strong.color_gray{ font-size: 20px; } .page.page-webflow .widget, .page.page-webflow .feature-overview__item, .page.page-webflow .privacy-security__item, .page.page-webflow .product-footnotes__inner{ padding-left: 8px; padding-right: 8px; } .page.page-webflow .no_display{ opacity: 0; } .page.page-webflow .always-on-video__panel{ padding-left: 8px; padding-right: 8px; } } @media screen and (max-width: 479px){ .page.page-webflow{ --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; } .page.page-webflow .proudct_webflow_container{ --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; height: auto; min-height: auto; margin-left: 0; margin-right: 0; } .page.page-webflow .proudct_webflow_container.u-container-heignt-one{ --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; } .page.page-webflow .proudct_webflow_container.u-container-heignt-one.flex_vertical_center{ justify-content: center; align-items: flex-start; height: auto; min-height: 133vw; } .page.page-webflow .proudct_webflow_container._04{ height: 133vw; min-height: 133vw; margin-left: 0; margin-right: 0; } .page.page-webflow .proudct_webflow_container._25_vw{ height: auto; } .page.page-webflow .heading{ color: #333; text-align: center; } .page.page-webflow .heading.strong.color_gray{ color: #9c9a9a; margin-bottom: 0; padding-right: 10px; font-size: 13px; } .page.page-webflow .heading.strong.color_gray.no_display{ opacity: 0; } .page.page-webflow .heading.u-text-white.u-text-left{ color: #fff; } .page.page-webflow .heading.u-text-white.u-text-left.strong{ text-align: left; font-size: 32px; } .page.page-webflow .widget{ text-align: center; padding-left: 0; padding-right: 0; } .page.page-webflow .widget.width_control_1{ width: 100%; max-width: 275px; margin-left: 0; margin-right: auto; } .page.page-webflow .widget.display_flex.flex_center{ grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: row; display: flex; } .page.page-webflow .widget.no_padding{ padding-left: 0; padding-right: 0; } .page.page-webflow .widget.no-padding-bottom.gap_top{ margin-top: 20vw; } .page.page-webflow .widget.have_gradient_bluetowhite{ background-image: linear-gradient(90deg, #8fb6e0cc, #fff); padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } .page.page-webflow .widget.have_gradient_bluetowhite.radius_left_top_bottom{ background-image: linear-gradient(90deg, #8fb6e0cc, #ffffff1a); border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .page.page-webflow .head{ font-size: 2.75rem; } .page.page-webflow .head.text-align-left{ text-align: left; font-size: 20px; } .page.page-webflow .head.text-align-left.u-text-white{ font-size: 18px; } .page.page-webflow .head.u-text-center.u-text-white{ font-size: 20px; } .page.page-webflow .heading_wf_2{ padding-top: var(--_wf-design-container---wf-space-1); padding-bottom: var(--_wf-design-container---wf-space-1); text-align: center; --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; margin-top: 0; margin-bottom: 0; margin-right: 0; font-size: 20px; font-weight: 500; display: block; } .page.page-webflow .widget_row{ padding-bottom: 0; display: block; } .page.page-webflow .widget_row.flex_center._02{ justify-content: center; align-items: center; display: flex; } .page.page-webflow .widget_row.width_control._01{ width: 160px; height: 40px; } .page.page-webflow .widget_row.ps_re.flex_01{ width: 96%; } .page.page-webflow .widget_row.ps_re._3k_offset{ z-index: 1; width: 80%; margin-left: auto; margin-right: auto; top: 20px; right: 20px; } .page.page-webflow .widget_row.flex_02{ width: 20%; } .page.page-webflow .widget_row.u-div-width-60{ width: 100%; } .page.page-webflow .widget_row.ps_abs._3k_offset{ z-index: 1; width: 90%; top: 10px; } .page.page-webflow .normal_text{ padding-top: var(--_wf-design-container---wf-space-1); padding-bottom: var(--_wf-design-container---wf-space-1); --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; font-size: 14px; line-height: 150%; } .page.page-webflow .normal_text.strong{ padding-top: var(--_wf-design-container---wf-space-1); padding-bottom: var(--_wf-design-container---wf-space-1); } .page.page-webflow .normal_text.strong.text-align-left.set{ font-size: 13px; } .page.page-webflow .normal_text.u-text-white.have_back_blue_gradient.small_mob{ font-size: 12px; } .page.page-webflow .normal_text.u-text-white.strong.small_size{ padding: 0 4px; font-size: 14px; } .page.page-webflow .normal_text.u-text-white.small-size{ font-size: 12px; } .page.page-webflow .normal_text.u-text-white.small-size.strong{ padding-top: 0; padding-bottom: 0; font-size: 14px; } .page.page-webflow .normal_text.small_normal_text{ font-size: 10px; } .page.page-webflow .normal_text.normal-text--white{ line-height: 150%; } .page.page-webflow .normal_text.normal-text--white.text-align-center{ padding-bottom: 0; } .page.page-webflow .normal_text.normal-text--white.strong{ width: auto; padding-bottom: 0; font-size: 14px; line-height: 150%; } .page.page-webflow .normal_text.normal-text--white.strong.italic{ padding-bottom: 0; font-size: 12px; } .page.page-webflow .normal_text.u-text-left{ text-align: left; } .page.page-webflow .row{ grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block; } .page.page-webflow .row.hidden_desktop{ background-color: #0000; display: block; } .page.page-webflow .row.hidden_desktop.transparent_back{ background-color: #ffffff26; border-radius: 12px; } .page.page-webflow .row.hidden_mob{ display: none; } .page.page-webflow .row.have_back_grey{ background-color: #fff3; border-radius: 12px; } .page.page-webflow .icon_text{ border-radius: 12px; font-size: 12px; } .page.page-webflow .icon_text.u-text-white.u-text-left{ line-height: 150%; } .page.page-webflow .u-text-white.icon_text{ line-height: 100%; } .page.page-webflow .flex_center{ justify-content: center; align-items: center; display: flex; } .page.page-webflow .flex_center._02{ grid-column-gap: 0px; grid-row-gap: 0px; } .page.page-webflow .flex_center.no_mob{ display: none; } .page.page-webflow .ps_re._01{ max-width: 19%; } .page.page-webflow .ep8_section_01{ mix-blend-mode: normal; min-height: calc(400px / 750px * 800px); background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7vv6ac.jpg'); } .page.page-webflow .ep8_section_01.have_background_cover{ background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7wg19j.png'); background-size: cover; } .page.page-webflow .display_flex.flex_center._04{ flex-flow: column; } .page.page-webflow .div-block-7{ display: block; } .page.page-webflow .heading_top_text{ padding-top: var(--_wf-design-container---wf-space-1); padding-bottom: var(--_wf-design-container---wf-space-1); --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; font-size: 13px; } .page.page-webflow .heading_top_text.u-text-white{ padding-top: var(--_wf-design-container---wf-space-1); padding-bottom: var(--_wf-design-container---wf-space-1); color: #fff; --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; font-size: 13px; } .page.page-webflow .hidden_mob{ display: none; } .page.page-webflow .hidden_desktop{ display: block; } .page.page-webflow .column_no_padding{ padding-left: 0; padding-right: 0; } .page.page-webflow .image-26{ z-index: -1; flex: 0 auto; width: 100%; max-width: 105px; height: 100%; display: block; left: auto; } .page.page-webflow .ps_abs-2._01{ width: 100%; padding-left: 0; padding-right: 0; inset: auto auto 10% 0%; } .page.page-webflow .u-text-accent.strong._02.italic{ font-size: 34px; } .page.page-webflow .radius{ max-width: 100%; } .page.page-webflow .radius._02{ border-radius: 20px; } .page.page-webflow .radius._03, .page.page-webflow .radius._03.border{ border-radius: 12px; } .page.page-webflow .ps_abs_04._02.radius{ background-image: linear-gradient(#bad7fc, #5793de); padding: 0 8px; top: 7%; left: 5%; } .page.page-webflow .ps_abs_04._02.radius.new{ background-image: linear-gradient(#bad7fc, #5793de); } .page.page-webflow .ps_abs_04._02.radius.new.nenen{ border-radius: 12px; padding-left: 8px; padding-right: 8px; left: 5%; } .page.page-webflow .ps_abs_04._02.radius.my_test{ padding-left: 8px; } .page.page-webflow .ps_abs_04._02.radius{ padding: 0 4px; top: 7%; left: 5%; } .page.page-webflow .ps_abs_04._02.radius._01{ width: 45vw; bottom: 13%; left: 4vw; right: auto; } .page.page-webflow .ps_abs_04._03{ right: 3vw; } .page.page-webflow .ps_abs_04._04{ left: 3%; } .page.page-webflow .ps_abs_04._05.have_back_gradient._01.radius{ inset: auto auto 57% 4vw; width: 45vw; padding: 0; inset: auto auto 57% 4vw; } .page.page-webflow .ps_abs_04._06{ min-width: auto; bottom: 21%; right: 40vw; } .page.page-webflow .ps_abs_04.icon._01.display_flex.flex_center{ left: -30%; } .page.page-webflow .ps_abs_04.icon.display_flex.flex_center._02{ bottom: 10%; } .page.page-webflow .ps_abs_04.icon.display_flex.flex_center._03{ right: 8.4vw; } .page.page-webflow .ps_abs_04.icon.display_flex.flex_center._04{ flex-flow: row; right: 6.9vw; } .page.page-webflow .ps_abs_04.icon.display_flex.flex_center._05{ right: 33.1vw; } .page.page-webflow .ps_abs_04.top.have_back_blue.radius{ background-color: #5587ff00; background-image: linear-gradient(#b6d4fb, #5c96e0 76%, #619ae1 98%); border-radius: 36px; width: 75vw; padding-top: 4px; padding-bottom: 4px; padding-left: 12px; left: -3vw; } .page.page-webflow .ps_abs_04.bottom.have_back_blue.radius{ background-image: linear-gradient(#b6d4fb, #5a94df 81%); border-radius: 24px; width: 85vw; padding-top: 4px; padding-bottom: 4px; padding-left: 12px; line-height: 12px; bottom: 30%; left: -3vw; } .page.page-webflow .ps_abs_04.cut_02.new{ padding-left: 3vw; padding-right: 0; top: 20%; bottom: auto; left: 35%; } .page.page-webflow .ps_abs_04.cut_02.new_02{ padding-left: 0; padding-right: 0; inset: auto auto 20% 10%; } .page.page-webflow .ps_abs_04._01{ width: 100%; bottom: 40%; right: auto; } .page.page-webflow .ps_abs_04._06{ bottom: 21%; right: 40vw; } .page.page-webflow .ps_abs_04._6mm{ width: 46vw; top: 36%; } .page.page-webflow .ps_abs_04.have_back_gradient._2-8mm{ width: 46vw; bottom: 5%; } .page.page-webflow .ps_abs_04._4x_zoom{ bottom: 30%; } .page.page-webflow .have_back_gradient.radius.width_control._02, .page.page-webflow .have_back_grey.radius.width_control._02{ width: auto; padding: 0 4px; } .page.page-webflow .pdp-content-row{ display: block; } .page.page-webflow .pdp-content-row.hidden_pc.ps_re.ps-right{ right: 0%; } .page.page-webflow .hb90-dual-kit_section._01{ background-color: #e3ecf6; } .page.page-webflow .hb90-dual-kit_section._02{ background-color: #e3ecf6; background-image: none; } .page.page-webflow .full_size{ max-width: 100%; } .page.page-webflow .icon_text-8{ font-size: 12px; } .page.page-webflow .feature-overview__item{ height: auto; padding-left: 0; padding-right: 0; } .page.page-webflow .cb8_lite_4k_02-2{ opacity: 1; background-color: #adceec00; display: block; } .page.page-webflow .grid-4{ place-items: start center; width: 100%; } .page.page-webflow .cb90f_section{ background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7x01r9.png'); background-position: 0 0; background-size: cover; min-height: 133vw; } .page.page-webflow .ep_section_17-3{ --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7xm9n9.jpg'); height: auto; min-height: 185vw; } .page.page-webflow .privacy-security__item{ padding-left: 8px; padding-right: 8px; } .page.page-webflow .columns-17{ justify-content: center; align-items: center; margin-top: 40px; margin-bottom: 40px; } .page.page-webflow .product-footnotes__inner{ padding-left: 8px; padding-right: 8px; } .page.page-webflow .columns-19, .page.page-webflow .columns-20{ display: none; } .page.page-webflow .grid_3_2{ grid-column-gap: 8px; grid-row-gap: 8px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .page.page-webflow .no_display{ opacity: 0; } .page.page-webflow .div-block-11{ width: 60%; } .page.page-webflow .div-block-12{ width: 39%; } .page.page-webflow .div-block-13{ width: 67%; margin-left: auto; margin-right: auto; } .page.page-webflow .always-on-video__panel{ padding-left: 0; padding-right: 0; } .page.page-webflow .always-on-video__panel.my_set{ margin-top: 15vw; } .page.page-webflow .always-on-video__panel.ps_abs._01{ justify-content: center; align-items: center; width: 100%; padding-bottom: 0; inset: auto 0% 0% auto; } .page.page-webflow .always-on-video__panel.ps_re{ top: 15vw; } .page.page-webflow .always-on-video__panel.padding_left_set{ padding-left: 2vw; } .page.page-webflow .column-25{ line-height: 1px; } .page.page-webflow .have_back_blue_gradient{ background-color: #0000; background-image: linear-gradient(#bad7fc, #5793de); border-radius: 12px; padding-left: 8px; padding-right: 8px; } .page.page-webflow .img_width_control{ width: 30%; } .page.page-webflow .img_width_control._02{ width: 60%; } .page.page-webflow .img_width_control._01{ width: 24%; } .page.page-webflow .image-1{ z-index: 0; flex: 0 auto; width: 80%; height: 100%; display: block; left: auto; } .page.page-webflow .icon-text{ font-size: 13px; } .page.page-webflow .head-top-text{ font-size: 12px; } .page.page-webflow .normal-text{ font-size: 14px; } .page.page-webflow .heading_1{ font-size: 24px; } .page.page-webflow .u-text-note-12{ font-size: 12px; } .page.page-webflow .u-text-caption-14{ font-size: 13px; } .page.page-webflow .u-text-body-16{ font-size: 14px; } .page.page-webflow .u-text-lead-18{ font-size: 16px; } .page.page-webflow .u-text-card-title-20{ font-size: 18px; } .page.page-webflow .u-text-subtitle-24{ font-size: 20px; } .page.page-webflow .u-text-section-title-32{ font-size: 24px; } .page.page-webflow .u-text-feature-title-40{ font-size: 28px; } .page.page-webflow .u-text-hero-title-56{ font-size: 32px; } .page.page-webflow .u-grid.grid_2{ grid-column-gap: 4px; grid-row-gap: 4px; grid-template-rows: auto; place-items: center; } .page.page-webflow .dialog_text{ font-size: 10px; font-weight: 400; line-height: 150%; } .page.page-webflow .dialog_text.u-text-white{ margin-bottom: 0; } .page.page-webflow .dialog_text.u-text-white.offset_ps_re{ z-index: 1; padding-left: 0; font-size: 10px; position: relative; top: 0; left: 6px; } .page.page-webflow .dialog_text.u-text-white.offset_ps_re._01{ padding-left: 1vw; } .page.page-webflow .dialog_text.u-text-white.offset_ps_re._03{ padding-right: 4vw; } .page.page-webflow .dialog_text.u-text-white.ps_re.z-_ndex_set{ z-index: 1; padding-top: 7px; padding-left: 4px; padding-right: 4px; font-size: 10px; } .page.page-webflow .full_size_width{ max-width: 100%; } .page.page-webflow .full_size_width.radius, .page.page-webflow .full_size_width.radius3{ border-radius: 20px; } .page.page-webflow .hidden{ display: block; } .page.page-webflow .list{ padding-left: 10px; } .page.page-webflow .heading_top_text-2{ --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; padding-top: 2vw; padding-bottom: 2vw; font-size: 13px; } .page.page-webflow .cp8_section_04{ background-color: #cbdbea; background-image: none; overflow: visible; } .page.page-webflow .row-8{ grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block; } .page.page-webflow .heading_wf_2-2{ text-align: center; --_wf-design-container---container-maxwidth: 100vw; --_wf-design-container---wf-space-1: 4px; --_wf-design-container---normal-minheight: 133vw; --_wf-design-container---bigger-minheight: 160vw; --_wf-design-container---container-padding-top: 0px; --_wf-design-container---wf-space-2: 8px; --_wf-design-container---wf-space-3: 12px; --_wf-design-container---wf-space-4: 16px; --_wf-design-container---wf-space-5: 20px; margin-top: 0; margin-bottom: 0; margin-right: 0; padding-top: 2vw; padding-bottom: 2vw; font-size: 20px; font-weight: 500; display: block; } .page.page-webflow .heading_wf_2-2.heading-wf-2--white{ font-size: 20px; } .page.page-webflow .cb8_lite_4k_06-4._02{ background-color: #eee; background-image: url('https://mfs.ezvizlife.com/mall/static/20260807/h7ya91m.jpg'); background-position: 50%; background-size: cover; height: 144vw; } .page.page-webflow .cb8_lite_4k_06-6{ background-image: linear-gradient(#92b5d9, #bad2ea); } .page.page-webflow .image-36{ border-radius: 12px; } .page.page-webflow .section-3{ background-color: #edf2fb; } .page.page-webflow .widht_control_1{ width: 44%; } .page.page-webflow .grid_2_1{ grid-template-rows: auto; } .page.page-webflow .icon__text{ font-size: 12px; } .page.page-webflow .icon__text.strong.u-text-right{ text-align: right; } .page.page-webflow .icon__text.u-text-left.u-text-white{ text-align: left; line-height: 150%; } .page.page-webflow .grid_4_4{ grid-template-columns: 1fr 1fr; } .page.page-webflow .margin_bottom{ margin-bottom: 10px; padding-left: 0; padding-right: 0; } .page.page-webflow .hb90_setion_02{ background-image: linear-gradient(#eee, #eee); } .page.page-webflow .radius-copy{ max-width: 100%; } .page.page-webflow .radius-copy._02{ border-radius: 20px; } .page.page-webflow .radius-copy._03, .page.page-webflow .radius-copy._03.border{ border-radius: 12px; } .page.page-webflow .flex_wideth_hero{ width: 100%; } .page.page-webflow .column-26{ padding-left: 0; padding-right: 0; } .page.page-webflow .width_contro_one{ width: 60%; } .page.page-webflow .column-27, .page.page-webflow .column_o_padding{ padding-left: 0; padding-right: 0; } .page.page-webflow .width_contro_two{ width: 80%; } .page.page-webflow .bigger_size.u-text-white{ -webkit-text-fill-color: transparent; background-image: linear-gradient(#f1f1f1, #f7f7f7); -webkit-background-clip: text; background-clip: text; font-size: 68px; line-height: 100%; } .page.page-webflow .bigger_size.u-text-white.strong{ font-size: 17vw; } .page.page-webflow .ps_abs.seeback_01{ position: absolute; bottom: 9%; left: 0; right: 0; } .page.page-webflow .ps_abs.seeback_02{ position: absolute; bottom: 34%; left: auto; right: 13%; } .page.page-webflow #w-node-_18b0d6e5-9b89-b973-9005-af938a6e477d-5295909c{ grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } }