www.lorex.com Open in urlscan Pro
2620:127:f00f:e::  Public Scan

Submitted URL: http://trk.lorex.com/ls/click?upn=u001.g1LWO3s8ndHT-2Byt6dp2guxHJfw9m5LCLxGIk44hSflSphPiJgcRWSsHAlUVefXMjLf9zzA-2FY2r...
Effective URL: https://www.lorex.com/collections/ip-security-systems?utm_source=subscribe%20US%20user&utm_medium=email&utm_campaign=U...
Submission: On December 03 via api from US — Scanned from US

Form analysis 19 forms found in the DOM

POST /contact#newsletter-announcement-bar

<form method="post" action="/contact#newsletter-announcement-bar" id="newsletter-announcement-bar" accept-charset="UTF-8" class="form newsletter__form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="contact[tags]" value="newsletter">
  <input type="hidden" name="contact[context]" value="announcement-bar">
  <div class="form__input-row">
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="email" id="announcement[contact][email]" name="contact[email]" class="form__field form__field--text" autofocus="" required="">
      <label for="announcement[contact][email]" class="form__floating-label">Your email</label>
    </div>
    <button type="submit" class="form__submit button button--primary">Subscribe</button>
  </div>
</form>

GET /search

<form action="/search" method="get" role="search" class="search-bar">
  <div class="search-bar__top-wrapper">
    <div class="search-bar__top">
      <input type="hidden" name="type" value="product">
      <input type="hidden" name="options[prefix]" value="last">
      <input type="hidden" name="options[unavailable_products]" value="show">
      <div class="search-bar__input-wrapper">
        <fieldset>
          <input class="search-bar__input" id="searchbar" type="text" maxlength="200" name="q" autocomplete="off" autocorrect="off" aria-label="Search..." placeholder="Search...">
          <label for="searchbar" class="visually-hidden">Search...</label>
        </fieldset>
        <button type="button" class="search-bar__input-clear hidden-lap-and-up" data-action="clear-input">
          <span class="visually-hidden">Clear</span>
          <svg focusable="false" class="icon icon--close" viewBox="0 0 19 19" role="presentation">
            <title>close</title>
            <path
              d="M9.1923882 8.39339828l7.7781745-7.7781746 1.4142136 1.41421357-7.7781746 7.77817459 7.7781746 7.77817456L16.9705627 19l-7.7781745-7.7781746L1.41421356 19 0 17.5857864l7.7781746-7.77817456L0 2.02943725 1.41421356.61522369 9.1923882 8.39339828z"
              fill="currentColor" fill-rule="evenodd"></path>
          </svg>
        </button>
      </div>
      <div class="search-bar__filter">
        <label for="search-product-type" class="search-bar__filter-label">
          <span class="search-bar__filter-active">All categories</span><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
            <title>arrow bottom</title>
            <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
          </svg></label>
        <select id="search-product-type">
          <option value="" selected="selected">All categories</option>
          <option value="Accessories">Accessories</option>
          <option value="Analog Security Cameras">Analog Security Cameras</option>
          <option value="Analog Security System">Analog Security System</option>
          <option value="Cables">Cables</option>
          <option value="Cloud Subscription">Cloud Subscription</option>
          <option value="Connectors">Connectors</option>
          <option value="Converter">Converter</option>
          <option value="Doorbell Accessories">Doorbell Accessories</option>
          <option value="Doorbells">Doorbells</option>
          <option value="Extend Protection Plan">Extend Protection Plan</option>
          <option value="Extend Service Contract">Extend Service Contract</option>
          <option value="Extend Shipping Contract">Extend Shipping Contract</option>
          <option value="Floodlights">Floodlights</option>
          <option value="Hard Drives">Hard Drives</option>
          <option value="IP Security Camera">IP Security Camera</option>
          <option value="IP Security Cameras">IP Security Cameras</option>
          <option value="IP Security System">IP Security System</option>
          <option value="Junction Boxes">Junction Boxes</option>
          <option value="Lightbulb Camera">Lightbulb Camera</option>
          <option value="Lorex Smart Home Security Center">Lorex Smart Home Security Center</option>
          <option value="MicroSD Cards">MicroSD Cards</option>
          <option value="Mounts and Brackets">Mounts and Brackets</option>
          <option value="NVR Security System">NVR Security System</option>
          <option value="PoE Switches">PoE Switches</option>
          <option value="Power Adapters">Power Adapters</option>
          <option value="Range Extenders">Range Extenders</option>
          <option value="Rechargeable Battery Packs">Rechargeable Battery Packs</option>
          <option value="Security DVR">Security DVR</option>
          <option value="Security NVR">Security NVR</option>
          <option value="Sensors">Sensors</option>
          <option value="Smart Lock">Smart Lock</option>
          <option value="Solar Panels">Solar Panels</option>
          <option value="The Fusion Collection">The Fusion Collection</option>
          <option value="Warning Decal">Warning Decal</option>
          <option value="Wi-Fi Security Cameras">Wi-Fi Security Cameras</option>
          <option value="Wire-Free Security Cameras">Wire-Free Security Cameras</option>
          <option value="Wire-Free Security Systems">Wire-Free Security Systems</option>
        </select>
      </div><button type="submit" class="search-bar__submit" aria-label="Search">
        <svg focusable="false" class="icon icon--search" viewBox="0 0 21 21" role="presentation">
          <title>search</title>
          <g stroke-width="3" stroke="currentColor" fill="none" fill-rule="evenodd">
            <path d="M19 19l-5-5" stroke-linecap="square"></path>
            <circle cx="8.5" cy="8.5" r="7.5"></circle>
          </g>
        </svg><svg focusable="false" class="icon icon--search-loader" viewBox="0 0 64 64" role="presentation">
          <title>search loader</title>
          <path opacity=".4"
            d="M23.8589104 1.05290547C40.92335108-3.43614731 58.45816642 6.79494359 62.94709453 23.8589104c4.48905278 17.06444068-5.74156424 34.59913135-22.80600493 39.08818413S5.54195825 57.2055303 1.05290547 40.1410896C-3.43602265 23.0771228 6.7944697 5.54195825 23.8589104 1.05290547zM38.6146353 57.1445143c13.8647142-3.64731754 22.17719655-17.89443541 18.529879-31.75914961-3.64743965-13.86517841-17.8944354-22.17719655-31.7591496-18.529879S3.20804604 24.7494569 6.8554857 38.6146353c3.64731753 13.8647142 17.8944354 22.17719655 31.7591496 18.529879z">
          </path>
          <path d="M1.05290547 40.1410896l5.80258022-1.5264543c3.64731754 13.8647142 17.89443541 22.17719655 31.75914961 18.529879l1.5264543 5.80258023C23.07664892 67.43614731 5.54195825 57.2055303 1.05290547 40.1410896z"></path>
        </svg></button>
    </div>
    <button type="button" class="search-bar__close-button hidden-lap-and-up" data-action="unfix-search">
      <span class="search-bar__close-text">Close</span>
    </button>
  </div>
  <div class="search-bar__inner">
    <div class="search-bar__inner-animation">
      <div class="search-bar__results" aria-hidden="true">
        <div class="skeleton-container">
          <div class="search-bar__result-item search-bar__result-item--skeleton">
            <div class="search-bar__image-container">
              <div class="aspect-ratio aspect-ratio--square">
                <div class="skeleton-image"></div>
              </div>
            </div>
            <div class="search-bar__item-info">
              <div class="skeleton-paragraph">
                <div class="skeleton-text"></div>
                <div class="skeleton-text"></div>
              </div>
            </div>
          </div>
          <div class="search-bar__result-item search-bar__result-item--skeleton">
            <div class="search-bar__image-container">
              <div class="aspect-ratio aspect-ratio--square">
                <div class="skeleton-image"></div>
              </div>
            </div>
            <div class="search-bar__item-info">
              <div class="skeleton-paragraph">
                <div class="skeleton-text"></div>
                <div class="skeleton-text"></div>
              </div>
            </div>
          </div>
          <div class="search-bar__result-item search-bar__result-item--skeleton">
            <div class="search-bar__image-container">
              <div class="aspect-ratio aspect-ratio--square">
                <div class="skeleton-image"></div>
              </div>
            </div>
            <div class="search-bar__item-info">
              <div class="skeleton-paragraph">
                <div class="skeleton-text"></div>
                <div class="skeleton-text"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="search-bar__results-inner"></div>
      </div>
    </div>
  </div>
</form>

Name: loginPOST

<form method="post" action="" id="header_customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" name="login" class="form"><input type="hidden" name="form_type" value="customer_login"><input type="hidden" name="utf8" value="✓">
  <header class="popover__header">
    <h2 class="popover__title heading">Login to my account</h2>
    <p class="popover__legend">Enter your e-mail and password:</p>
  </header>
  <p class="alert alert--error hidden" id="login-form-error">Incorrect email or password.</p>
  <p class="alert alert--error hidden" id="login-form-error-custom"></p>
  <fieldset>
    <legend class="visually-hidden">Login information</legend>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="email" id="login-customer[email]" class="form__field form__field--text" name="customer[email]" required="required">
      <label for="login-customer[email]" class="form__floating-label">Email</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="password" id="login-customer[password]" class="form__field form__field--text" name="customer[password]" required="required" autocomplete="current-password">
      <label for="login-customer[password]" class="form__floating-label">Password</label>
    </div>
  </fieldset>
  <button type="submit" class="form__submit button button--primary button--full" data-text="Login" data-disable-with="Loading..."> Login </button>
</form>

Name: createPOST

<form method="post" action="" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true" name="create" class="form"><input type="hidden" name="form_type" value="create_customer"><input type="hidden" name="utf8" value="✓">
  <header class="popover__header">
    <h2 class="popover__title heading">Create my account</h2>
    <p class="popover__legend">Please fill in the information below:</p>
  </header>
  <p class="alert alert--error hidden" id="register-form-error">Error occured.</p>
  <fieldset>
    <legend class="visually-hidden">Customer Registration</legend>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="text" id="customer[first_name]" class="form__field form__field--text" name="customer[first_name]" autocomplete="given-name" required="required">
      <label for="customer[first_name]" class="form__floating-label">First name</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="text" id="customer[last_name]" class="form__field form__field--text" name="customer[last_name]" autocomplete="family-name" required="required">
      <label for="customer[last_name]" class="form__floating-label">Last name</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="email" id="register-customer[email]" class="form__field form__field--text" name="customer[email]" required="required">
      <label for="register-customer[email]" class="form__floating-label">Email</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="password" id="register-customer[password]" class="form__field form__field--text" name="customer[password]" required="required" autocomplete="new-password">
      <label for="register-customer[password]" class="form__floating-label">Password</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input id="register-customer[accepts_marketing]" name="customer[accepts_marketing]" type="checkbox">
      <label for="register-customer[accepts_marketing]">Email me with news and offers</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input id="register-customer[accepts_terms_and_policy]" name="customer[accepts_terms_and_policy]" type="checkbox" required="required">
      <label for="register-customer[accepts_terms_and_policy]">
        <p>I agree with the Lorex <a href="/policies/privacy-policy">Privacy Policy</a> and <a href="/policies/terms-of-service">Terms of use</a></p>
      </label>
    </div>
  </fieldset>
  <button type="submit" class="form__submit button button--primary button--full" data-text="Create" my="" account="" data-disable-with="Loading..."> Create my account</button>
</form>

POST /cart

<form method="post" action="/cart" id="mini-cart" class="mini-cart" aria-hidden="true" novalidate="novalidate" data-item-count="0">
  <input type="hidden" name="attributes[collection_products_per_page]" value="">
  <input type="hidden" name="attributes[collection_layout]" value=""><svg focusable="false" class="icon icon--nav-triangle-borderless" viewBox="0 0 20 9" role="presentation">
    <title>triangle borderless</title>
    <path d="M.47108938 9c.2694725-.26871321.57077721-.56867841.90388257-.89986354C3.12384116 6.36134886 5.74788116 3.76338565 9.2467995.30653888c.4145057-.4095171 1.0844277-.40860098 1.4977971.00205122L19.4935156 9H.47108938z" fill="#ffffff"></path>
  </svg>
  <div class="mini-cart__content mini-cart__content--empty">
    <p class="alert alert--tight alert--center text--strong">You are eligible for free shipping!</p>
    <div class="mini-cart__empty-state"><svg focusable="false" width="81" height="70" viewBox="0 0 81 70">
        <title>big cart</title>
        <g transform="translate(0 2)" stroke-width="4" stroke="#1a428a" fill="none" fill-rule="evenodd">
          <circle stroke-linecap="square" cx="34" cy="60" r="6"></circle>
          <circle stroke-linecap="square" cx="67" cy="60" r="6"></circle>
          <path d="M22.9360352 15h54.8070373l-4.3391876 30H30.3387146L19.6676025 0H.99560547"></path>
        </g>
      </svg>
      <p class="heading h4">Your cart is empty</p>
    </div>
    <a href="/collections/all" class="button button--primary button--full">Shop our products</a>
  </div>
</form>

<form id="desktop-filters-form" class="card__section card__section--tight">
  <input type="hidden" name="sort_by" value="manual">
  <p class="card__title--small heading"><i class="fa fa-filter"></i> Filters</p>
  <div class="collection__active-filters"></div>
  <div class="collection__filter-group-list">
    <div class="collection__filter-group filter-highlight"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-family-series"
        data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="true">Family Series<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-family-series" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-A Series" name="filter.p.m.jasper.family-series" value="A Series">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-A Series">A Series <span class="collection__filter-count">(18)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-Fusion Series" name="filter.p.m.jasper.family-series" value="Fusion Series">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-Fusion Series">Fusion Series <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-H Series" name="filter.p.m.jasper.family-series" value="H Series">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-H Series">H Series <span class="collection__filter-count">(18)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-Nocturnal Series" name="filter.p.m.jasper.family-series" value="Nocturnal Series">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-Nocturnal Series">Nocturnal Series <span class="collection__filter-count">(10)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facets-resolution" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Resolution<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facets-resolution" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-1080p" name="filter.p.m.facets.resolution" value="1080p">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-1080p">1080p <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-2K" name="filter.p.m.facets.resolution" value="2K">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-2K">2K <span class="collection__filter-count">(16)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-4K" name="filter.p.m.facets.resolution" value="4K">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-4K">4K <span class="collection__filter-count">(39)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-4K+" name="filter.p.m.facets.resolution" value="4K+">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-4K+">4K+ <span class="collection__filter-count">(2)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-availability" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Availability<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-availability" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.availability-1" name="filter.v.availability" value="1">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.availability-1">In stock <span class="collection__filter-count">(47)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.availability-0" name="filter.v.availability" value="0">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.availability-0">Out of stock <span class="collection__filter-count">(13)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-price" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Price<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-price" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible"><price-range class="price-range">
          <div class="price-range__range-group range-group" style="--range-min: 0.0%; --range-max: 99.999852724595%">
            <input type="range" aria-label="From" class="range" min="0" max="6790" value="0">
            <input type="range" aria-label="To" class="range" min="0" max="6790" value="6790">
          </div>
          <div class="price-range__input-group">
            <div class="price-range__input input-prefix">
              <span class="input-prefix__value">$</span>
              <input aria-label="From" class="input-prefix__field" type="number" inputmode="numeric" name="filter.v.price.gte" min="0" max="6790" placeholder="0">
            </div>
            <span class="price-range__delimiter text--small">-</span>
            <div class="price-range__input input-prefix">
              <span class="input-prefix__value">$</span>
              <input aria-label="To" class="input-prefix__field" type="number" inputmode="numeric" name="filter.v.price.lte" min="0" max="6790" placeholder="6790">
            </div>
          </div>
        </price-range></div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-m-jasper-item-status" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Item Status<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-m-jasper-item-status" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.item-status-New Arrival" name="filter.v.m.jasper.item-status" value="New Arrival">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.item-status-New Arrival">New Arrival <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.item-status-Deal of the Day" name="filter.v.m.jasper.item-status" value="Deal of the Day">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.item-status-Deal of the Day">Deal of the Day <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.item-status-Site Crasher" name="filter.v.m.jasper.item-status" value="Site Crasher">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.item-status-Site Crasher">Site Crasher <span class="collection__filter-count">(12)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-product-camera-features" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Camera Features<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-product-camera-features" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Adjustable Lights" name="filter.p.m.product.camera-features" value="Adjustable Lights">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Adjustable Lights">Adjustable Lights <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-ePoE Technology" name="filter.p.m.product.camera-features" value="ePoE Technology">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-ePoE Technology">ePoE Technology <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Motorized Varifocal" name="filter.p.m.product.camera-features" value="Motorized Varifocal">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Motorized Varifocal">Motorized Varifocal <span class="collection__filter-count">(6)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)" name="filter.p.m.product.camera-features" value="Pan-Tilt-Zoom (PTZ)">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)">Pan-Tilt-Zoom (PTZ) <span class="collection__filter-count">(3)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Real-Time 4K (30FPS)" name="filter.p.m.product.camera-features" value="Real-Time 4K (30FPS)">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Real-Time 4K (30FPS)">Real-Time 4K (30FPS) <span class="collection__filter-count">(10)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Smart Deterrence" name="filter.p.m.product.camera-features" value="Smart Deterrence">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Smart Deterrence">Smart Deterrence <span class="collection__filter-count">(18)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Smart Motion Detection" name="filter.p.m.product.camera-features" value="Smart Motion Detection">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Smart Motion Detection">Smart Motion Detection <span class="collection__filter-count">(39)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Smart Security Lighting" name="filter.p.m.product.camera-features" value="Smart Security Lighting">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Smart Security Lighting">Smart Security Lighting <span class="collection__filter-count">(16)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Vandal-Resistant (IK10)" name="filter.p.m.product.camera-features" value="Vandal-Resistant (IK10)">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Vandal-Resistant (IK10)">Vandal-Resistant (IK10) <span class="collection__filter-count">(6)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-product-motion_detection" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Motion Detection<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-product-motion_detection" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Active View" name="filter.p.m.product.motion_detection" value="Active View">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Active View">Active View <span class="collection__filter-count">(4)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Animal" name="filter.p.m.product.motion_detection" value="Animal">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Animal">Animal <span class="collection__filter-count">(15)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Face" name="filter.p.m.product.motion_detection" value="Face">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Face">Face <span class="collection__filter-count">(17)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Mask" name="filter.p.m.product.motion_detection" value="Mask">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Mask">Mask <span class="collection__filter-count">(3)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Package" name="filter.p.m.product.motion_detection" value="Package">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Package">Package <span class="collection__filter-count">(14)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Person" name="filter.p.m.product.motion_detection" value="Person">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Person">Person <span class="collection__filter-count">(47)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Vehicle" name="filter.p.m.product.motion_detection" value="Vehicle">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Vehicle">Vehicle <span class="collection__filter-count">(46)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-option-color" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Color<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-option-color" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <div class="collection__filter-color-list">
          <div class="color-swatch-list color-swatch-list--large">
            <div class="color-swatch " data-tooltip="Black">
              <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="filter.v.option.color-Black" value="Black">
              <label for="filter.v.option.color-Black" class="color-swatch__item " aria-label="Black">
                <span class="color-swatch__item" style="background-color: black"></span>
              </label>
            </div>
            <div class="color-swatch color-swatch--white" data-tooltip="White">
              <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="filter.v.option.color-White" value="White">
              <label for="filter.v.option.color-White" class="color-swatch__item " aria-label="White">
                <span class="color-swatch__item" style="background-color: white"></span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-installation-type" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Installation Type<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-installation-type" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.installation-type-Wired" name="filter.p.m.jasper.installation-type" value="Wired">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.installation-type-Wired">Wired <span class="collection__filter-count">(29)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.installation-type-Wired and Wi-Fi (Fusion)" name="filter.p.m.jasper.installation-type" value="Wired and Wi-Fi (Fusion)">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.installation-type-Wired and Wi-Fi (Fusion)">Wired and Wi-Fi (Fusion) <span class="collection__filter-count">(23)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-option-number-of-cameras" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Number of cameras<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-option-number-of-cameras" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-2" name="filter.v.option.number of cameras" value="2">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-2">2 <span class="collection__filter-count">(13)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-3" name="filter.v.option.number of cameras" value="3">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-3">3 <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-4" name="filter.v.option.number of cameras" value="4">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-4">4 <span class="collection__filter-count">(23)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-5" name="filter.v.option.number of cameras" value="5">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-5">5 <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-6" name="filter.v.option.number of cameras" value="6">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-6">6 <span class="collection__filter-count">(13)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-8" name="filter.v.option.number of cameras" value="8">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-8">8 <span class="collection__filter-count">(31)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-10" name="filter.v.option.number of cameras" value="10">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-10">10 <span class="collection__filter-count">(7)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-12" name="filter.v.option.number of cameras" value="12">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-12">12 <span class="collection__filter-count">(12)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-16" name="filter.v.option.number of cameras" value="16">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-16">16 <span class="collection__filter-count">(19)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-20" name="filter.v.option.number of cameras" value="20">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-20">20 <span class="collection__filter-count">(5)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-24" name="filter.v.option.number of cameras" value="24">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-24">24 <span class="collection__filter-count">(11)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-28" name="filter.v.option.number of cameras" value="28">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-28">28 <span class="collection__filter-count">(5)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-32" name="filter.v.option.number of cameras" value="32">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-32">32 <span class="collection__filter-count">(11)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-remote-connectivity"
        data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="true">Remote Viewing<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-remote-connectivity" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.remote-connectivity-Lorex App" name="filter.p.m.jasper.remote-connectivity" value="Lorex App">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.remote-connectivity-Lorex App">Lorex App <span class="collection__filter-count">(33)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.remote-connectivity-Lorex Pro" name="filter.p.m.jasper.remote-connectivity" value="Lorex Pro">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.remote-connectivity-Lorex Pro">Lorex Pro <span class="collection__filter-count">(20)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-m-jasper-environmental-rating"
        data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="true">Environmental Rating<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-m-jasper-environmental-rating" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.environmental-rating-IP67" name="filter.v.m.jasper.environmental-rating" value="IP67">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.environmental-rating-IP67">IP67 <span class="collection__filter-count">(2)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-m-jasper-storage-size" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Storage Size<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-m-jasper-storage-size" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.storage-size-3TB" name="filter.v.m.jasper.storage-size" value="3TB">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.storage-size-3TB">3TB <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.storage-size-8TB" name="filter.v.m.jasper.storage-size" value="8TB">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.storage-size-8TB">8TB <span class="collection__filter-count">(1)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facets-audio" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Audio<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facets-audio" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.audio-Listen-In" name="filter.p.m.facets.audio" value="Listen-In">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.audio-Listen-In">Listen-In <span class="collection__filter-count">(32)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.audio-Two-Way" name="filter.p.m.facets.audio" value="Two-Way">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.audio-Two-Way">Two-Way <span class="collection__filter-count">(19)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facets-camera-style" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Camera Style<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facets-camera-style" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.camera-style-Bullet" name="filter.p.m.facets.camera-style" value="Bullet">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.camera-style-Bullet">Bullet <span class="collection__filter-count">(28)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.camera-style-Dome" name="filter.p.m.facets.camera-style" value="Dome">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.camera-style-Dome">Dome <span class="collection__filter-count">(19)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.camera-style-Pan-Tilt-Zoom" name="filter.p.m.facets.camera-style" value="Pan-Tilt-Zoom">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.camera-style-Pan-Tilt-Zoom">Pan-Tilt-Zoom <span class="collection__filter-count">(4)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.camera-style-Turret" name="filter.p.m.facets.camera-style" value="Turret">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.camera-style-Turret">Turret <span class="collection__filter-count">(3)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facet-active_deterrence" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Active Deterrence<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facet-active_deterrence" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facet.active_deterrence-Siren" name="filter.p.m.facet.active_deterrence" value="Siren">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facet.active_deterrence-Siren">Siren <span class="collection__filter-count">(23)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facet.active_deterrence-Warning Light" name="filter.p.m.facet.active_deterrence" value="Warning Light">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facet.active_deterrence-Warning Light">Warning Light <span class="collection__filter-count">(19)</span></label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <noscript>
    <button type="submit" class="button button--secondary button--full" style="margin-top: 10px">View results</button>
  </noscript>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_8279499014294_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="44123441954966">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/n4k2-82wbdl-2-ip-lorex">Quick view</button><a href="/products/n4k2-82wbdl-2-ip-lorex" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="8279499014294"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7911054934166_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="43066318225558">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/n4k4-164wbdl-halo-4tb-wired-nvr-system">Quick
    view</button><a href="/products/n4k4-164wbdl-halo-4tb-wired-nvr-system" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7911054934166"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7826573918358_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="43140370235542">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/lorex-4k-16-camera-capable-8-wired-8-fusion-wi-fi-2tb-nvr-system-with-h30-dome-cameras">Quick
    view</button><a href="/products/lorex-4k-16-camera-capable-8-wired-8-fusion-wi-fi-2tb-nvr-system-with-h30-dome-cameras" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7826573918358"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_8279498883222_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="44123441332374">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/n4k2sl-82wb-3-ip-lorex">Quick view</button><a href="/products/n4k2sl-82wb-3-ip-lorex" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="8279498883222"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_8279498784918_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="44123440709782">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/n4k2-82bb-7-ip-lorex">Quick view</button><a href="/products/n4k2-82bb-7-ip-lorex" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="8279498784918"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7878742409366_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42946727739542">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/n4k4-168bb-1-4tb-nvr-system">Quick
    view</button><a href="/products/n4k4-168bb-1-4tb-nvr-system" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7878742409366"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7878744047766_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42946736914582">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/np4k8-3216wb-1-8tb-nvr-system">Quick
    view</button><a href="/products/np4k8-3216wb-1-8tb-nvr-system" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7878744047766"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_8279498752150_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="44123440382102">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/n4k2-82bd-7-ip-lorex">Quick view</button><a href="/products/n4k2-82bd-7-ip-lorex" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="8279498752150"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7809072136342_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42751315771542">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/lorex-4k-16-camera-capable-wired-fusion-wi-fi-4tb-nvr-system-with-ip-dome-cameras-featuring-listen-in-audio">Quick
    view</button><a href="/products/lorex-4k-16-camera-capable-wired-fusion-wi-fi-4tb-nvr-system-with-ip-dome-cameras-featuring-listen-in-audio" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7809072136342"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7809072365718_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42751316492438">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/lorex-fusion-4k-32-camera-capable-8tb-nvr-system-with-bullet-cameras-featuring-listen-in-audio">Quick
    view</button><a href="/products/lorex-fusion-4k-32-camera-capable-8tb-nvr-system-with-bullet-cameras-featuring-listen-in-audio" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7809072365718"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_8279498817686_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="44123441004694">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/n4k2sd-82wb-6-ip-lorex">Quick view</button><a href="/products/n4k2sd-82wb-6-ip-lorex" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="8279498817686"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7749289410710_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42535864172694">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/products/lorex-fusion-4k-16-camera-capable-4tb-wired-nvr-system-with-bullet-cameras-featuring-smart-deterrence-and-two-way-talk">Quick
    view</button><a href="/products/lorex-fusion-4k-16-camera-capable-4tb-wired-nvr-system-with-bullet-cameras-featuring-smart-deterrence-and-two-way-talk" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7749289410710"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

<form id="mobile-collection-filters-form" class="collection-drawer__inner">
  <input type="hidden" name="sort_by" value="manual">
  <p class="collection-drawer__section-title">Filters</p>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-family-series" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Family Series</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-family-series" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-A Series" name="filter.p.m.jasper.family-series" value="A Series">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-A Series">A Series (18)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-Fusion Series" name="filter.p.m.jasper.family-series" value="Fusion Series">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-Fusion Series">Fusion Series (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-H Series" name="filter.p.m.jasper.family-series" value="H Series">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-H Series">H Series (18)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-Nocturnal Series" name="filter.p.m.jasper.family-series" value="Nocturnal Series">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-Nocturnal Series">Nocturnal Series (10)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facets-resolution" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Resolution</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facets-resolution" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-1080p" name="filter.p.m.facets.resolution" value="1080p">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-1080p">1080p (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-2K" name="filter.p.m.facets.resolution" value="2K">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-2K">2K (16)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-4K" name="filter.p.m.facets.resolution" value="4K">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-4K">4K (39)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-4K+" name="filter.p.m.facets.resolution" value="4K+">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-4K+">4K+ (2)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-availability" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Availability</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-availability" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.availability-1" name="filter.v.availability" value="1">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.availability-1">In stock (47)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.availability-0" name="filter.v.availability" value="0">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.availability-0">Out of stock (13)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-price" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Price</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-price" class="collection__filter-collapsible" aria-hidden="true"><price-range class="price-range">
        <div class="price-range__range-group range-group" style="--range-min: 0.0%; --range-max: 99.999852724595%">
          <input type="range" aria-label="From" class="range" min="0" max="6790" value="0">
          <input type="range" aria-label="To" class="range" min="0" max="6790" value="6790">
        </div>
        <div class="price-range__input-group">
          <div class="price-range__input input-prefix">
            <span class="input-prefix__value">$</span>
            <input aria-label="From" class="input-prefix__field" type="number" inputmode="numeric" name="filter.v.price.gte" min="0" max="6790" placeholder="0">
          </div>
          <span class="price-range__delimiter text--small">-</span>
          <div class="price-range__input input-prefix">
            <span class="input-prefix__value">$</span>
            <input aria-label="To" class="input-prefix__field" type="number" inputmode="numeric" name="filter.v.price.lte" min="0" max="6790" placeholder="6790">
          </div>
        </div>
      </price-range></div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-m-jasper-item-status" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Item Status</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-m-jasper-item-status" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.item-status-New Arrival" name="filter.v.m.jasper.item-status" value="New Arrival">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.item-status-New Arrival">New Arrival (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.item-status-Deal of the Day" name="filter.v.m.jasper.item-status" value="Deal of the Day">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.item-status-Deal of the Day">Deal of the Day (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.item-status-Site Crasher" name="filter.v.m.jasper.item-status" value="Site Crasher">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.item-status-Site Crasher">Site Crasher (12)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-product-camera-features"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Camera Features</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-product-camera-features" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Adjustable Lights" name="filter.p.m.product.camera-features" value="Adjustable Lights">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Adjustable Lights">Adjustable Lights (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-ePoE Technology" name="filter.p.m.product.camera-features" value="ePoE Technology">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-ePoE Technology">ePoE Technology (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Motorized Varifocal" name="filter.p.m.product.camera-features" value="Motorized Varifocal">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Motorized Varifocal">Motorized Varifocal (6)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)" name="filter.p.m.product.camera-features" value="Pan-Tilt-Zoom (PTZ)">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)">Pan-Tilt-Zoom (PTZ) (3)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Real-Time 4K (30FPS)" name="filter.p.m.product.camera-features" value="Real-Time 4K (30FPS)">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Real-Time 4K (30FPS)">Real-Time 4K (30FPS) (10)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Smart Deterrence" name="filter.p.m.product.camera-features" value="Smart Deterrence">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Smart Deterrence">Smart Deterrence (18)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Smart Motion Detection" name="filter.p.m.product.camera-features" value="Smart Motion Detection">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Smart Motion Detection">Smart Motion Detection (39)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Smart Security Lighting" name="filter.p.m.product.camera-features" value="Smart Security Lighting">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Smart Security Lighting">Smart Security Lighting (16)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Vandal-Resistant (IK10)" name="filter.p.m.product.camera-features" value="Vandal-Resistant (IK10)">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Vandal-Resistant (IK10)">Vandal-Resistant (IK10) (6)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-product-motion_detection"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Motion Detection</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-product-motion_detection" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Active View" name="filter.p.m.product.motion_detection" value="Active View">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Active View">Active View (4)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Animal" name="filter.p.m.product.motion_detection" value="Animal">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Animal">Animal (15)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Face" name="filter.p.m.product.motion_detection" value="Face">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Face">Face (17)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Mask" name="filter.p.m.product.motion_detection" value="Mask">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Mask">Mask (3)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Package" name="filter.p.m.product.motion_detection" value="Package">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Package">Package (14)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Person" name="filter.p.m.product.motion_detection" value="Person">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Person">Person (47)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Vehicle" name="filter.p.m.product.motion_detection" value="Vehicle">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Vehicle">Vehicle (46)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-option-color" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Color</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-option-color" class="collection__filter-collapsible" aria-hidden="true">
      <div class="collection__filter-color-list">
        <div class="color-swatch-list color-swatch-list--stack">
          <div class="color-swatch ">
            <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="mobile-filter.v.option.color-Black" value="Black">
            <label for="mobile-filter.v.option.color-Black" class="color-swatch__button color-swatch__button--labelled ">
              <span class="color-swatch__item" style="background-color: black"></span>
              <span class="color-swatch__label">Black</span>
            </label>
          </div>
          <div class="color-swatch color-swatch--white">
            <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="mobile-filter.v.option.color-White" value="White">
            <label for="mobile-filter.v.option.color-White" class="color-swatch__button color-swatch__button--labelled ">
              <span class="color-swatch__item" style="background-color: white"></span>
              <span class="color-swatch__label">White</span>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-installation-type"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Installation Type</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-installation-type" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.installation-type-Wired" name="filter.p.m.jasper.installation-type" value="Wired">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.installation-type-Wired">Wired (29)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.installation-type-Wired and Wi-Fi (Fusion)" name="filter.p.m.jasper.installation-type" value="Wired and Wi-Fi (Fusion)">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.installation-type-Wired and Wi-Fi (Fusion)">Wired and Wi-Fi (Fusion) (23)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-option-number-of-cameras"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Number of cameras</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-option-number-of-cameras" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-2" name="filter.v.option.number of cameras" value="2">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-2">2 (13)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-3" name="filter.v.option.number of cameras" value="3">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-3">3 (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-4" name="filter.v.option.number of cameras" value="4">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-4">4 (23)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-5" name="filter.v.option.number of cameras" value="5">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-5">5 (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-6" name="filter.v.option.number of cameras" value="6">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-6">6 (13)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-8" name="filter.v.option.number of cameras" value="8">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-8">8 (31)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-10" name="filter.v.option.number of cameras" value="10">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-10">10 (7)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-12" name="filter.v.option.number of cameras" value="12">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-12">12 (12)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-16" name="filter.v.option.number of cameras" value="16">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-16">16 (19)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-20" name="filter.v.option.number of cameras" value="20">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-20">20 (5)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-24" name="filter.v.option.number of cameras" value="24">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-24">24 (11)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-28" name="filter.v.option.number of cameras" value="28">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-28">28 (5)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-32" name="filter.v.option.number of cameras" value="32">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-32">32 (11)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-remote-connectivity"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Remote Viewing</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-remote-connectivity" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.remote-connectivity-Lorex App" name="filter.p.m.jasper.remote-connectivity" value="Lorex App">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.remote-connectivity-Lorex App">Lorex App (33)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.remote-connectivity-Lorex Pro" name="filter.p.m.jasper.remote-connectivity" value="Lorex Pro">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.remote-connectivity-Lorex Pro">Lorex Pro (20)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-m-jasper-environmental-rating"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Environmental Rating</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-m-jasper-environmental-rating" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.environmental-rating-IP67" name="filter.v.m.jasper.environmental-rating" value="IP67">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.environmental-rating-IP67">IP67 (2)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-m-jasper-storage-size" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Storage Size</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-m-jasper-storage-size" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.storage-size-3TB" name="filter.v.m.jasper.storage-size" value="3TB">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.storage-size-3TB">3TB (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.storage-size-8TB" name="filter.v.m.jasper.storage-size" value="8TB">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.storage-size-8TB">8TB (1)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facets-audio" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Audio</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facets-audio" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.audio-Listen-In" name="filter.p.m.facets.audio" value="Listen-In">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.audio-Listen-In">Listen-In (32)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.audio-Two-Way" name="filter.p.m.facets.audio" value="Two-Way">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.audio-Two-Way">Two-Way (19)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facets-camera-style" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Camera Style</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facets-camera-style" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.camera-style-Bullet" name="filter.p.m.facets.camera-style" value="Bullet">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.camera-style-Bullet">Bullet (28)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.camera-style-Dome" name="filter.p.m.facets.camera-style" value="Dome">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.camera-style-Dome">Dome (19)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.camera-style-Pan-Tilt-Zoom" name="filter.p.m.facets.camera-style" value="Pan-Tilt-Zoom">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.camera-style-Pan-Tilt-Zoom">Pan-Tilt-Zoom (4)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.camera-style-Turret" name="filter.p.m.facets.camera-style" value="Turret">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.camera-style-Turret">Turret (3)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facet-active_deterrence"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Active Deterrence</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facet-active_deterrence" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facet.active_deterrence-Siren" name="filter.p.m.facet.active_deterrence" value="Siren">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facet.active_deterrence-Siren">Siren (23)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facet.active_deterrence-Warning Light" name="filter.p.m.facet.active_deterrence" value="Warning Light">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facet.active_deterrence-Warning Light">Warning Light (19)</label>
        </li>
      </ul>
    </div>
  </div>
</form>

Text Content

Please note: This website includes an accessibility system. Press Control-F11 to
adjust the website to the visually impaired who are using a screen reader; Press
Control-F10 to open an accessibility menu.

Popup heading

Close

Accessibility
 * Press enter for Accessibility for blind people who use screen readers
 * Press enter for Keyboard Navigation
 * Press enter for Accessibility menu

Skip to content
Close close
Newsletter

Please enter your email address to be added to the Lorex mailing list. This way
you can be the first to know about the best deals, new products, and upcoming
events.

Your email
Subscribe
 * Sales Help: 1-888-425-6739
 * Best Price Guarantee
 * No Monthly Fees



Customer Support newsletter Subscribe & Save

hamburger mobile close
triangle borderless
 * Products arrow right
   arrow left Back
   New Arrivals arrow bottom
   
   4K Battery Video Doorbell (64GB)
   
   
   
   4K Spotlight Battery Wi-Fi Camera
   
   
   
   Fusion Wireless
   
   
   
   Dual Lens Security Cameras
   
   
   
   4K+ 12MP Ultra HD Resolution Cameras and Systems
   
   
   
   4K Wired Video Doorbell
   
   
   
   4K Wi-Fi HaLow NVR System with Outdoor Battery Cameras
   
   Wired Security Solutions arrow bottom
   
   Shop All Wired Security Solutions
   
   
   
   Security Systems
   
   
   
   Security Cameras
   
   
   
   Security Recorders
   
   
   
   Accessories
   
   Wireless Security Solutions arrow bottom
   
   Shop All Wireless Security Solutions
   
   
   
   Cloud Storage Cameras
   
   
   
   Wireless (Wi-Fi) Cameras
   
   
   
   Video Doorbells
   
   
   
   Floodlight Cameras
   
   
   
   Battery-Operated Systems and Cameras
   
   
   
   Sensors
   
   
   
   Smart Locks
   
   
   
   Accessories
   
   Fusion Security Solutions arrow bottom
   
   Shop All Fusion Security Solutions
   
   
   
   Fusion Wireless
   
   
   
   Fusion Wired & Wi-Fi
   
   Video Doorbells arrow bottom
   
   Shop All Video Doorbells
   
   
   
   1080p Wi-Fi Video Doorbell (Wired, 32GB)
   
   
   
   2K Wi-Fi Video Doorbell (Wired, 32GB)
   
   
   
   2K Wi-Fi Video Doorbell (Battery-Operated, 32GB)
   
   
   
   4K Wired Video Doorbell (Wired, 32GB)
   
   
   
   4K Battery Video Doorbell (64GB)
   
   
   
   Wi-Fi Chimebox
   
   Cloud Storage Cameras arrow bottom
   
   Shop All Cloud Storage Cameras
   
   
   
   Lorex 4K Spotlight Battery Wi-Fi Security Camera
   
   
   
   4K Wi-Fi Video Doorbell (Wired)
   
   
   
   4K Spotlight Outdoor Wi-Fi 6 Security Camera with Smart Security Lighting
   
   
   
   2K Wi-Fi Floodlight Security Camera
   
   
   
   2K Spotlight Outdoor Wi-Fi Security Camera
   
   Other Security Solutions arrow bottom
   
   Shop All Other Security Solutions
   
   
   
   Portable Thermal Monocular Camera
   
   Lorex Solutions Finder
   
   Custom Bundle Builder

 * Lorex Cloud Storage
 * Deals arrow right
   arrow left Back
    * Deals
    * Cyber Monday Continues!
    * Lorex Clearance Outlet
    * Not-for-profit Support Program
    * Lorex Upgrade Program
    * Ultimate Value IP Cameras

 * Lorex Smart Home arrow right
   arrow left Back
    * Lorex Smart Home
    * Smart Home Solutions
    * Lorex App
    * Lorex Fusion
    * Fusion Wireless
    * Lorex Cloud Storage
    * Video Doorbells
    * 4K Wi-Fi HaLow
    * Pet Cameras

 * Lorex for Business
 * Support arrow right
   arrow left Back
    * Support
    * Contact Us
    * Product Support
    * Glossary
    * Warranty Information
    * Returns
    * About Sales Tax
    * Hard Drive Calculator
    * Reset Device Password

Country (US)

 * United States
 * Canada
 * United Kingdom
 * Mexico
 * Australia

Need help?

phone Call us 1-888-425-6739
bi-email sales@lorex.com

Follow Us

 * youtube YouTube
 * facebook Facebook
 * x Twitter
 * instagram Instagram

arrow left Back
 * New Arrivals
 * 4K Battery Video Doorbell (64GB)
 * 4K Spotlight Battery Wi-Fi Camera
 * Fusion Wireless
 * Dual Lens Security Cameras
 * 4K+ 12MP Ultra HD Resolution Cameras and Systems
 * 4K Wired Video Doorbell
 * 4K Wi-Fi HaLow NVR System with Outdoor Battery Cameras

arrow left Back
 * Wired Security Solutions
 * Security Systems
 * Security Cameras
 * Security Recorders
 * Accessories

arrow left Back
 * Wireless Security Solutions
 * Cloud Storage Cameras
 * Wireless (Wi-Fi) Cameras
 * Video Doorbells
 * Floodlight Cameras
 * Battery-Operated Systems and Cameras
 * Sensors
 * Smart Locks
 * Accessories

arrow left Back
 * Fusion Security Solutions
 * Fusion Wireless
 * Fusion Wired & Wi-Fi

arrow left Back
 * Video Doorbells
 * 1080p Wi-Fi Video Doorbell (Wired, 32GB)
 * 2K Wi-Fi Video Doorbell (Wired, 32GB)
 * 2K Wi-Fi Video Doorbell (Battery-Operated, 32GB)
 * 4K Wired Video Doorbell (Wired, 32GB)
 * 4K Battery Video Doorbell (64GB)
 * Wi-Fi Chimebox

arrow left Back
 * Cloud Storage Cameras
 * Lorex 4K Spotlight Battery Wi-Fi Security Camera
 * 4K Wi-Fi Video Doorbell (Wired)
 * 4K Spotlight Outdoor Wi-Fi 6 Security Camera with Smart Security Lighting
 * 2K Wi-Fi Floodlight Security Camera
 * 2K Spotlight Outdoor Wi-Fi Security Camera

arrow left Back
 * Other Security Solutions
 * Portable Thermal Monocular Camera


Search... Clear close
All categories arrow bottom All categoriesAccessoriesAnalog Security
CamerasAnalog Security SystemCablesCloud SubscriptionConnectorsConverterDoorbell
AccessoriesDoorbellsExtend Protection PlanExtend Service ContractExtend Shipping
ContractFloodlightsHard DrivesIP Security CameraIP Security CamerasIP Security
SystemJunction BoxesLightbulb CameraLorex Smart Home Security CenterMicroSD
CardsMounts and BracketsNVR Security SystemPoE SwitchesPower AdaptersRange
ExtendersRechargeable Battery PacksSecurity DVRSecurity NVRSensorsSmart
LockSolar PanelsThe Fusion CollectionWarning DecalWi-Fi Security
CamerasWire-Free Security CamerasWire-Free Security Systems
search search loader
Close

Country
US arrow bottom
triangle borderless
 * United States
 * Canada
 * United Kingdom
 * Mexico
 * Australia

search
Login / Signup
Account close My account arrow bottom
triangle borderless


LOGIN TO MY ACCOUNT

Enter your e-mail and password:

Incorrect email or password.



Login information
Email
Password
Login

New customer? Create your account

Lost password? Recover password

Partner Portal B2B Pricing

Liquid error (sections/header line 494): Could not find asset
snippets/recover_customer_password--header.liquid

Remembered your password? Back to login


CREATE MY ACCOUNT

Please fill in the information below:

Error occured.

Customer Registration
First name
Last name
Email
Password
Email me with news and offers

I agree with the Lorex Privacy Policy and Terms of use

Create my account

Already have an account? Login here

cart 0 close
Cart
triangle borderless

You are eligible for free shipping!

big cart

Your cart is empty

Shop our products
 * Products arrow bottom
    * New Arrivals
    * Wired Security Solutions
    * Wireless Security Solutions
    * Fusion Security Solutions
    * Video Doorbells
    * Cloud Storage Cameras
    * Other Security Solutions
    * Lorex Solutions Finder
    * Custom Bundle Builder
    * 
   
   4K Battery Video Doorbell (64GB)
   
   
   
   4K Spotlight Battery Wi-Fi Camera
   
   
   
   Fusion Wireless
   
   Recorders that pair with Wi-Fi Cameras for 24/7 recording
   
   Shop All >
   
   Dual Lens Security Cameras
   
   
   
   Shop All >
   
   4K+ 12MP Ultra HD Resolution Cameras and Systems
   
   
   
   Shop All >
   
   4K Wired Video Doorbell
   
   
   
   4K Wi-Fi HaLow NVR System with Outdoor Battery Cameras
   
   
   
   Security Systems
   
   Recorder and camera bundles
   
    * IP (NVR) Security Systems
    * Analog (DVR) Security Systems
   
   Shop All >
   
   Security Cameras
   
   Add-on cameras for recorders
   
    * IP (NVR) Security Cameras
    * Analog (DVR) Security Cameras
    * PTZ Security Cameras
    * 4K Security Cameras
   
   Shop All >
   
   Security Recorders
   
   Hubs that connect cameras, store video, and perform system operations
   
    * Security NVR
    * Security DVR
   
   Shop All >
   
   Accessories
   
   
   
    * Hard Drives
    * Ethernet Cables (IP Camera)
    * BNC Cables (Analog Cameras)
    * Junction Boxes
    * Mounts and Brackets
    * PoE Switches and Converters
   
   Shop All >
   
   Cloud Storage Cameras
   
   Secure your footage with 30 Days of cloud storage, even if your camera is
   offline.
   
    * 4K Spotlight Battery Securi...
    * 4K Spotlight /Outdoor 6 Sec...
    * 2K Floodlight Security Came...
   
   Shop All >
   
   Wireless (Wi-Fi) Cameras
   
   Easy smart home security cameras to monitor and protect
   
    * Indoor Security Cameras
    * Outdoor Wireless Cameras
   
   Shop All >
   
   Video Doorbells
   
   Doorbells with built-in cameras and two-way audio
   
    * Battery-Operated Doorbells
    * Wired Doorbells
   
   Shop All >
   
   Floodlight Cameras
   
   Exterior light fixtures with a camera and customizable floodlights
   
    * 2K Floodlight Security Came...
    * 1080p Floodlight Security C...
   
   Shop All >
   
   Battery-Operated Systems and Cameras
   
   Rechargeable security cameras that wirelessly connect to a recorder
   
    * Battery-Operated Security System...
    * Battery-Operated Security Cameras
   
   Shop All >
   
   Sensors
   
   Perfect add-on for cameras or systems
   
    * Add-on Window / Door Sensor
    * Add-on Motion Sensor
    * Sensor Hub
   
   Shop All >
   
   Smart Locks
   
   Keyless entry devices with smartphone connectivity
   
    * Bluetooth Deadbolt Smart Lock...
   
   Shop All >
   
   Accessories
   
   
   
    * MicroSD Cards
    * Solar Panels
    * Power Adapters
    * Rechargeable Battery Packs
    * Doorbell Accessories
   
   Shop All >
   
   Fusion Wireless
   
   Recorders that pair with Wi-Fi Cameras for 24/7 recording
   
   Shop All >
   
   Fusion Wired & Wi-Fi
   
   Recorders that combine Wired and Wi-Fi cameras
   
   Shop All >
   
   1080p Wi-Fi Video Doorbell (Wired, 32GB)
   
   
   
   2K Wi-Fi Video Doorbell (Wired, 32GB)
   
   
   
   2K Wi-Fi Video Doorbell (Battery-Operated, 32GB)
   
   
   
   4K Wired Video Doorbell (Wired, 32GB)
   
   
   
   4K Battery Video Doorbell (64GB)
   
   
   
   Wi-Fi Chimebox
   
   
   
   Lorex 4K Spotlight Battery Wi-Fi Security Camera
   
   
   
   4K Wi-Fi Video Doorbell (Wired)
   
   
   
   4K Spotlight Outdoor Wi-Fi 6 Security Camera with Smart Security Lighting
   
   
   
   2K Wi-Fi Floodlight Security Camera
   
   
   
   2K Spotlight Outdoor Wi-Fi Security Camera
   
   
   
   Portable Thermal Monocular Camera
   
   
   
   Find the security solution that best fits your lifestyle.
   
   
   
   Customize your security solution based on your needs.
   
   
   
 * Lorex Cloud Storage
 * Deals arrow bottom
   
   Cyber Week - The Deals Continue!
   
   Ending Soon! Cyber Week Cloud Storage Deals
   
   Lorex Clearance Outlet
   
   Not-for-Profit Program
   
   Lorex Upgrade Program
   
   Ultimate Value IP Cameras
   
   Smart Lock 50% Off Blowout
   
   Lorex PROvember
 * Lorex Smart Home arrow bottom
   
   Smart Home Solutions
   
   Lorex App
   
   Lorex Fusion
   
   Fusion Wireless
   
   Lorex Cloud Storage
   
   4K Wi-Fi HaLow
   
   Video Doorbells
   
   Pet Cameras
 * Lorex for Business tail right
 * Support arrow bottom
   * Contact Us
   * Product Support
   * Glossary
   * Warranty Information
   * Returns
   * About Sales Tax
   * Hard Drive Calculator
   * Reset Device Password

Cyber Monday is Here | FREE Standard Shipping | Extended Return Period


NVR SECURITY SYSTEMS
(IP CAMERAS)


Professional 24/7 surveillance. Network Video Recorders connect IP Security
Cameras through PoE (Power-over-Ethernet) technology and provide the latest
features, the highest quality video, and the smartest features.



NVR Security Systems
(IP Cameras)

Professional 24/7 surveillance. Network Video Recorders connect IP Security
Cameras through PoE (Power-over-Ethernet) technology and provide the latest
features, the highest quality video, and the smartest features.



Filters


Family Series arrow bottom
 * check
   A Series (18)
 * check
   Fusion Series (2)
 * check
   H Series (18)
 * check
   Nocturnal Series (10)

Resolution arrow bottom
 * check
   1080p (2)
 * check
   2K (16)
 * check
   4K (39)
 * check
   4K+ (2)

Availability arrow bottom
 * check
   In stock (47)
 * check
   Out of stock (13)

Price arrow bottom
$
-
$
Item Status arrow bottom
 * check
   New Arrival (2)
 * check
   Deal of the Day (1)
 * check
   Site Crasher (12)

Camera Features arrow bottom
 * check
   Adjustable Lights (1)
 * check
   ePoE Technology (2)
 * check
   Motorized Varifocal (6)
 * check
   Pan-Tilt-Zoom (PTZ) (3)
 * check
   Real-Time 4K (30FPS) (10)
 * check
   Smart Deterrence (18)
 * check
   Smart Motion Detection (39)
 * check
   Smart Security Lighting (16)
 * check
   Vandal-Resistant (IK10) (6)

Motion Detection arrow bottom
 * check
   Active View (4)
 * check
   Animal (15)
 * check
   Face (17)
 * check
   Mask (3)
 * check
   Package (14)
 * check
   Person (47)
 * check
   Vehicle (46)

Color arrow bottom

Installation Type arrow bottom
 * check
   Wired (29)
 * check
   Wired and Wi-Fi (Fusion) (23)

Number of cameras arrow bottom
 * check
   2 (13)
 * check
   3 (1)
 * check
   4 (23)
 * check
   5 (1)
 * check
   6 (13)
 * check
   8 (31)
 * check
   10 (7)
 * check
   12 (12)
 * check
   16 (19)
 * check
   20 (5)
 * check
   24 (11)
 * check
   28 (5)
 * check
   32 (11)

Remote Viewing arrow bottom
 * check
   Lorex App (33)
 * check
   Lorex Pro (20)

Environmental Rating arrow bottom
 * check
   IP67 (2)

Storage Size arrow bottom
 * check
   3TB (1)
 * check
   8TB (1)

Audio arrow bottom
 * check
   Listen-In (32)
 * check
   Two-Way (19)

Camera Style arrow bottom
 * check
   Bullet (28)
 * check
   Dome (19)
 * check
   Pan-Tilt-Zoom (4)
 * check
   Turret (3)

Active Deterrence arrow bottom
 * check
   Siren (23)
 * check
   Warning Light (19)

View results


IP (NVR) SECURITY SYSTEMS

57 products

Showing 1 - 12 of 57 products


filter Filter
Showing 1 - 12 of 57 products
Display: 12 per page arrow bottom
triangle borderless
Display close
12 per page check 24 per page check 36 per page check 48 per page check
Sort bySort by: Featured arrow bottom
triangle borderless
Sort by close
Featured check Best selling check Alphabetically, A-Z check Alphabetically, Z-A
check Price, low to high check Price, high to low check Date, old to new check
Date, new to old check
View grid list
H Series — 4K



Lorex Fusion Series 4K+ 16 Channel (8 Wired + 8 Fusion Wi-Fi) 2TB Wired System
with H20 Wired 4K IP Dual Lens Cameras N4K2-82WBDL-2 Site Crasher
2 Reviews
Reg. $749.99Sale price$562.99SAVE $187.00 (25%)
Number of cameras:
2
3
4
5
6
Add to cart Out of stock Quick viewLearn More
H Series — 4K



Lorex Fusion Series 4K 16 Camera Capable (Wired or Fusion Wi-Fi) 4TB Wired NVR
System with H20 IP Dual Lens Cameras N4K4-164WBDL
17 Reviews
Reg. $1,249.99Sale price$937.99SAVE $312.00 (25%)
Number of cameras:
4
6
8
10
12
Add to cart Out of stock Quick viewLearn More
H Series — 4K+



Lorex 4K+ 12MP 16 Camera Capable (8 Wired + 8 Fusion Wi-Fi ) 2TB Wired NVR
System with H30 IP Dome Cameras N4KPL2-82WD
27 Reviews
Reg. $699.99Sale price$524.99SAVE $175.00 (25%)
Number of cameras:
2
4
6
8
Add to cart Out of stock Quick viewLearn More
H Series — 4K



Lorex Fusion Series 4K+ 16 Channel (8 Wired + 8 Fusion Wi-Fi) 2TB Wired System
with H16 Wired 4K IP Bullet Cameras N4K2SL-82WB-3
0 Reviews
Reg. $624.99Sale price$437.99SAVE $187.00 (30%)
Number of cameras:
2
4
6
8
Add to cart Out of stock Quick viewLearn More
A Series — 4K



Lorex Fusion Series 4K+ 16 Channel (8 Wired + 8 Fusion Wi-Fi) 2TB Wired System
with A14 Wired 4K IP Bullet Cameras N4K2-82BB-7 Deal of the DaySite Crasher
4 Reviews
Reg. $549.99Sale price$329.99SAVE $220.00 (40%)
Number of cameras:
2
4
6
8
Color:
Blackcross sold out
Whitecross sold out
Add to cart Out of stock Quick viewLearn More
A Series — 4K



Lorex Fusion Series 4K 16 Camera Capable (Wired or Fusion Wi-Fi) 4TB Wired NVR
System with A14 IP Bullet Cameras N4K4-168BB-1
18 Reviews
Reg. $1,249.99Sale price$749.99SAVE $500.00 (40%)
Number of cameras:
8
10
12
16
Color:
Blackcross sold out
Whitecross sold out
Add to cart Out of stock Quick viewLearn More
A Series — 4K



Lorex Elite Series 4K 32 Camera Capable 8TB Wired NVR System with A14 IP Bullet
Cameras NP4K8-3216BB-1
4 Reviews
Reg. $2,499.99Sale price$1,499.99SAVE $1,000.00 (40%)
Number of cameras:
16
24
32
Color:
Blackcross sold out
Whitecross sold out
Add to cart Out of stock Quick viewLearn More
A Series — 4K



Lorex Fusion Series 4K+ 16 Channel (8 Wired + 8 Fusion Wi-Fi) 2TB Wired System
with A14 Wired 4K IP Dome Cameras N4K2-82BD-7 Site CrasherSite Crasher
7 Reviews
Reg. $549.99Sale price$329.99SAVE $220.00 (40%)
Number of cameras:
2
4
6
8
Color:
Blackcross sold out
Whitecross sold out
Add to cart Out of stock Quick viewLearn More
A Series — 4K



Lorex Fusion Series 4K 16 Camera Capable (Wired or Fusion Wi-Fi) 4TB Wired NVR
System with A14 IP Dome Cameras N4K4-168BD-1
19 Reviews
Reg. $1,249.99Sale price$749.99SAVE $500.00 (40%)
Number of cameras:
8
10
12
16
Color:
Blackcross sold out
Whitecross sold out
Add to cart Out of stock Quick viewLearn More
A Series — 4K



Lorex Elite Series 4K 32 Camera Capable 8TB Wired NVR System with A14 IP Dome
Cameras NP4K8-3216BD-1 New ArrivalNew ArrivalNew Arrival
2 Reviews
Reg. $2,499.99Sale price$1,499.99SAVE $1,000.00 (40%)
Number of cameras:
16
24
32
Color:
Blackcross sold out
Whitecross sold out
Add to cart Out of stock Quick viewLearn More
H Series — 4K



Lorex Fusion Series 4K+ 16 Channel (8 Wired + 8 Fusion Wi-Fi) 2TB Wired System
with H13 Wired 4K IP Bullet Cameras N4K2SD-82WB-6 Site Crasher
7 Reviews
Reg. $574.99Sale price$402.99SAVE $172.00 (30%)
Number of cameras:
2
4
6
8
Add to cart Out of stock Quick viewLearn More
H Series — 4K



Lorex Fusion Series 4K 16 Camera Capable (Wired or Fusion Wi-Fi) 4TB Wired NVR
System with H13 Bullet Cameras N4K4SD-168WB
30 Reviews
Reg. $1,349.99Sale price$944.99SAVE $405.00 (30%)
Number of cameras:
8
10
12
Add to cart Out of stock Quick viewLearn More
123…5
Page 1 / 5Next arrow right
close Filters (0)
Clear

Filters

Family Series
arrow bottom
 * check
   A Series (18)
 * check
   Fusion Series (2)
 * check
   H Series (18)
 * check
   Nocturnal Series (10)

Resolution
arrow bottom
 * check
   1080p (2)
 * check
   2K (16)
 * check
   4K (39)
 * check
   4K+ (2)

Availability
arrow bottom
 * check
   In stock (47)
 * check
   Out of stock (13)

Price
arrow bottom
$
-
$
Item Status
arrow bottom
 * check
   New Arrival (2)
 * check
   Deal of the Day (1)
 * check
   Site Crasher (12)

Camera Features
arrow bottom
 * check
   Adjustable Lights (1)
 * check
   ePoE Technology (2)
 * check
   Motorized Varifocal (6)
 * check
   Pan-Tilt-Zoom (PTZ) (3)
 * check
   Real-Time 4K (30FPS) (10)
 * check
   Smart Deterrence (18)
 * check
   Smart Motion Detection (39)
 * check
   Smart Security Lighting (16)
 * check
   Vandal-Resistant (IK10) (6)

Motion Detection
arrow bottom
 * check
   Active View (4)
 * check
   Animal (15)
 * check
   Face (17)
 * check
   Mask (3)
 * check
   Package (14)
 * check
   Person (47)
 * check
   Vehicle (46)

Color
arrow bottom
Black
White
Installation Type
arrow bottom
 * check
   Wired (29)
 * check
   Wired and Wi-Fi (Fusion) (23)

Number of cameras
arrow bottom
 * check
   2 (13)
 * check
   3 (1)
 * check
   4 (23)
 * check
   5 (1)
 * check
   6 (13)
 * check
   8 (31)
 * check
   10 (7)
 * check
   12 (12)
 * check
   16 (19)
 * check
   20 (5)
 * check
   24 (11)
 * check
   28 (5)
 * check
   32 (11)

Remote Viewing
arrow bottom
 * check
   Lorex App (33)
 * check
   Lorex Pro (20)

Environmental Rating
arrow bottom
 * check
   IP67 (2)

Storage Size
arrow bottom
 * check
   3TB (1)
 * check
   8TB (1)

Audio
arrow bottom
 * check
   Listen-In (32)
 * check
   Two-Way (19)

Camera Style
arrow bottom
 * check
   Bullet (28)
 * check
   Dome (19)
 * check
   Pan-Tilt-Zoom (4)
 * check
   Turret (3)

Active Deterrence
arrow bottom
 * check
   Siren (23)
 * check
   Warning Light (19)

View results
close
search loader




RECENTLY VIEWED


close
search loader

 


PROFESSIONAL 4K IP SYSTEMS

IP security systems feature IP Security Cameras and a Network Video Recorder
(NVR). IP, or NVR Security Systems, offer continuous recording and the smartest
features, providing the best security coverage for your home or business.

 


POWER-OVER-ETHERNET

Thanks to Power-over-Ethernet technology, all that is needed to connect IP
security cameras to an NVR is a single Ethernet cable. This cable provides power
to the camera, a stable network connection, and transmits data from the IP
Camera to the NVR.

 


32-CHANNELS NVRS WITH PLENTY OF STORAGE

Lorex offers IP Security Systems with 8-channel, 16-channel, and 32-channel NVR
options. All NVRs include large Security Grade Hard Drives. Some NVRs also
include two HDD storage bays to potentially double your maximum storage space.

 


STAY CONNECTED WITH YOUR PHONE

Access your IP Security Camera System anywhere, customize and control security
cameras, and know the moment any camera detects movement, all from a Lorex
mobile app. IP Systems either use the Lorex Pro App (geared more towards
professional security) or the Lorex App (designed more for smart home security).

 


WIRED AND WIRELESS SECURITY CAMERA FUSION

The Lorex Fusion Collection is a set of Smart Home Cameras, Security Recorders,
and Sensors that work together through the Lorex app. This allows you to record
Wi-Fi cameras, Video Doorbells, or Floodlight Security Cameras continuously
while also providing a secondary back-up of all camera data.

 


NOCTURNAL SECURITY SYSTEMS

Shop Lorex’s professional line ofNocturnal Security Systems. Nocturnal Security
Cameras are renowned for their real-time 30fps 4K recording, unbelievable Color
Night Vision, Smart Motion Detection, and IP67 Weatherproof durability thanks to
their heavy-duty metal exteriors.

Learn More About IP Security Systems


LOREX NVR SECURITY CAMERA SYSTEMS FAQ


WHAT IS AN NVR (NETWORK VIDEO RECORDER)?



An NVR is a central device that records and manages video footage from IP
Security Cameras. It acts as the brain of your surveillance system.

WHAT ARE IP SECURITY CAMERAS?



IP security cameras, also known as network cameras or internet protocol cameras,
are digital video surveillance devices that transmit video and audio data over a
computer network. Unlike traditional Analog Cameras that use coaxial cables, IP
cameras utilize Power-over-Ethernet technology for a single cable connection
that sends/receives data, as well as providing power to the camera.

WHAT IS THE DIFFERENCE BETWEEN A DVR AND AN NVR SYSTEM?



Both DVR (Digital Video Recorder) and NVR (Network Video Recorder) systems
provide 24/7 continuous surveillance. NVR systems connect IP Cameras and DVRs
connect Analog Cameras.  NVR systems are considered a more modern and
sophisticated choice, as they feature the latest technology, the highest
resolutions, and the smartest features.  Unlike analog cameras, IP cameras can
be upgraded with new firmware to add new features, improve performance, and
address security vulnerabilities. This ensures that your IP cameras remain
up-to-date and continue to provide the best possible security.

HOW ARE NVR SECURITY SYSTEMS INSTALLED?



Lorex NVR systems are designed for easy installation. Power-over-Ethernet
technology enables a single ethernet cable connection between the NVR and IP
Camera.  Our user-friendly NVR interface and clear instructions also make it
easy to get your system up and running.

CAN I VIEW LIVE FOOTAGE FROM MY NVR SYSTEM ON MY SMARTPHONE?



Yes, you can use the corresponding Lorex Mobile App to view live footage from
your NVR system, no matter where you are. Basic system settings and features can
also be customized through the app.

HOW SECURE ARE LOREX NVR SYSTEMS?



Lorex NVR systems are designed with security in mind. We use advanced encryption
to protect your data and prevent unauthorized access. NVR systems also record
footage to Security Grade Hard Drives within them to keep your footage safe and
secure with you.  

WHAT IS THE BEST NVR SYSTEM?



The best NVR system for you depends on your specific needs and requirements.
Lorex offers a variety of NVR systems to suit different home security needs,
including:

Factors include:

 * 8, 16, or 32-Channel Systems: The number of channels an NVR has defines the
   number of cameras you are able to connect to it. Determine how many cameras
   you need to cover your property effectively.
   
   
 * 4K+ NVR Systems: For the highest resolution available, consider our 4K+
   Security Systems, which provide exceptional image quality and detail.
   
   
 * Wired and Wi-Fi Fusion NVR Systems: Fusion Wired and Wi-FI NVR Security
   Camera Systems can incorporate both Wired IP Cameras and Wi-Fi Cameras, such
   as Outdoor Wi-Fi Cameras, Indoor Wi-Fi Cameras, Video Doorbell Cameras, and
   Floodlight Cameras. These systems offer 24/7 recording of both IP Cameras and
   Wi-Fi Cameras. This allows for total flexibility to create the perfect
   security eco-system for your property while adding the unprecedented
   convenience provided by Smart Home Security Cameras.
   
   
 * Fusion Wireless NVR Systems: Looking to record Wireless Cameras
   around-the-clock, as opposed to their normal event-based recording? Try a
   Fusion Wireless NVR System.  


WHAT IS LOREX KNOWN FOR?

Lorex has been a provider of security cameras and security camera systems for
over 30 years and is one of the most trusted names in the consumer security
industry. We are known worldwide for our top-quality DIY security products that
are both reliable and user-friendly. Lorex products can be purchased in many
retail stores and online, where we offer a vast array of individual products and
security accessories, as well as pre-assembled security camera systems. Lorex
has head offices in Markham, Ontario, Canada and in Linthicum, Maryland, USA. We
also have product warehouses in Markham, Indiana and California.


WHY DO I NEED SECURITY CAMERAS?

Having security cameras for your home or business can provide you with many
benefits. First, having visible security cameras can be an invaluable deterrent
to prevent events before they happen. Second, security cameras from Lorex will
capture high-quality recordings of events that could ultimately be used as
evidence. Third, simply knowing that your security cameras are always there,
along with the ability to remotely connect and see exactly what your cameras are
seeing at any time and from any place, provides you total peace-of-mind.


WHAT TYPES OF SECURITY PRODUCTS DOES LOREX SELL?

Lorex prides ourselves on having a security solution for all types of properties
and scenarios. We sell everything from 32-camera professional-grade wired IP
security systems to easy-to-install wire-free (battery-operated ) security
systems to smart home security products such as Wi-Fi cameras, video doorbells,
floodlight cameras, and even security sensors. Not sure what solution is right
for you? Try our Solutions Finder Tool or check out our Beginner's Guide to
Lorex.


HOW DO I INSTALL SECURITY CAMERAS?

Lorex security cameras and security systems are designed for DIY installation.
The installation depends on the technology that the security camera or system
uses. For example, we have two types of wired security camera systems: IP
security systems and Analog security systems. Both require a cable from the
security camera to a recorder. Wire-Free security cameras, as well as Wi-Fi
security cameras do not require a hardwired connection to a recorder. Rather,
they send their data wirelessly, either to a recorder, hub, or app. The
difference is that Wire-Free cameras are battery-operated and do not need to be
plugged in, while Wi-Fi cameras need to be plugged in or wired into the existing
power connections, as is the case for Wi-Fi security doorbells and floodlight
security cameras. To learn more on security camera installation, please visit
our How to Install Security Cameras article.


WHY BUY SECURITY CAMERAS FROM LOREX?

There are many reasons why buying a Lorex security camera or security camera
system is the right choice. With over 30 years of experience, our technology is
top-of-the-line. We offer the features you need, such as 4K recording, Color
Night Vision, Active Deterrence, and Smart Motion Detection, just to name a few.
There are also never any additional fees after purchase as Lorex products do not
require any monitoring or cloud storage fees. We also offer things such as free
shipping, 1-year warranties, and a 30 day money back guarantee if you're not
satisfied.


HAVE MORE QUESTIONS?

Please see our Frequently Asked Questions article for more information about
Lorex, our products, our technology, or our remote viewing apps.

Learn More




LOREX STORE

arrow bottom
 * Security Camera Systems
 * Security Recorders
 * Security Cameras
 * Smart Home
 * Weatherproof Security Cameras
 * Video Doorbells
 * Accessories (System)
 * Accessories (Smart Home)
 * Top Rated Products


SECURITY SOLUTIONS

arrow bottom
 * Smart Home Solutions
 * Lorex for Business tail right
 * Lorex Cloud Storage
 * Lorex Solutions Finder
 * Build Your Own Bundle
 * Corporate Purchasing


POLICIES

arrow bottom
 * Terms of Service
 * Privacy Policy
 * Subscription Policy
 * Orders & Shipping
 * Warranty
 * Cookie Notice
 * About Sales Tax
 * Accessibility Help
 * California Transparency in Supply Chains Act
 * Do not sell my personal information - CA Residents Only


PRODUCT SUPPORT

arrow bottom
 * Support
 * Warranty Registration
 * Extend Warranty Plans
 * Product Compatibility
 * Lorex Apps & Software
 * Refund policy
 * Compliance
 * Glossary
 * Sitemap
 * Terms of Service
 * Hard Drive Calculator


LET US HELP YOU

arrow bottom
 * About Lorex
 * Privacy Commitment
 * Security Commitment
 * Newsroom
 * Contact Us
 * Authorized Resellers
 * Professional Installers
 * Become a Partner
 * Careers
 * FAQs


 * youtube
 * facebook
 * x
 * instagram

 * youtube
 * facebook
 * x
 * instagram



Lorex products are designed for consumer and business use only and not for US
federal governments, federally-funded projects or contractors subject to NDAA.

© 2024 Lorex Corporation

Amazon American Express Apple Pay Diners Club Discover Google Pay JCB Maestro
Mastercard PayPal Shop Pay Union Pay Venmo Visa
×

You are now leaving Lorex.com. Would you like to continue to Lorex’s For
Business website?

Continue Cancel
 * Opens in a new window.



×





DO NOT SELL MY PERSONAL INFORMATION

When you visit our website, we store cookies on your browser to collect
information. The information collected might relate to you, your preferences or
your device, and is mostly used to make the site work as you expect it to and to
provide a more personalized web experience. However, you can choose not to allow
certain types of cookies, which may impact your experience of the site and the
services we are able to offer. Click on the different category headings to find
out more and change our default settings according to your preference. You
cannot opt-out of our First Party Strictly Necessary Cookies as they are
deployed in order to ensure the proper functioning of our website (such as
prompting the cookie banner and remembering your settings, to log into your
account, to redirect you when you log out, etc.). For more information about the
First and Third Party Cookies used please follow this link.
More information
Allow All


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

SALE OF PERSONAL DATA

Sale of Personal Data

Under the California Consumer Privacy Act, you have the right to opt-out of the
sale of your personal information to third parties. These cookies collect
information for analytics and to personalize your experience with targeted ads.
You may exercise your right to opt out of the sale of personal information by
using this toggle switch. If you opt out we will not be able to offer you
personalised ads and will not hand over your personal information to any third
parties. Additionally, you may contact our legal department for further
clarification about your rights as a California consumer by using this Exercise
My Rights link.

If you have enabled privacy controls on your browser (such as a plugin), we have
to take that as a valid request to opt-out. Therefore we would not be able to
track your activity through the web. This may affect our ability to personalize
ads according to your preferences.

 * PERFORMANCE COOKIES
   
   Switch Label label
   
   These cookies allow us to count visits and traffic sources so we can measure
   and improve the performance of our site. They help us to know which pages are
   the most and least popular and see how visitors move around the site. All
   information these cookies collect is aggregated and therefore anonymous. If
   you do not allow these cookies we will not know when you have visited our
   site, and will not be able to monitor its performance.

 * TARGETING COOKIES
   
   Switch Label label
   
   These cookies may be set through our site by our advertising partners. They
   may be used by those companies to build a profile of your interests and show
   you relevant adverts on other sites. They do not store directly personal
   information, but are based on uniquely identifying your browser and internet
   device. If you do not allow these cookies, you will experience less targeted
   advertising.

Back Button Performance Cookies



Vendor Search Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

Confirm My Choices


By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts.

Lorex Cookie Notice



Do Not Sell My Personal Information Accept Cookies