

<!DOCTYPE html>
<html class="no-js" lang="en-us">
<head>
<input type="hidden" id="hdnLanguage" value="en-us" />
<script data-cfasync="false" src="https://www.googleoptimize.com/optimize.js?id=OPT-MLDR8CQ"></script>
<script src="/assets-bw/dist/js/jquery.min.js"></script>
<script type="text/javascript">var triggermail = triggermail || []; triggermail.load = function (a) { var b = document.createElement("script"); b.type = "text/javascript"; b.async = !0; b.src = "https://api.bluecore.com/triggermail.js/" + a + ".js"; a = document.getElementsByTagName("script")[0]; a.parentNode.insertBefore(b, a) }; triggermail.load("bowers_wilkins"); window.triggermail = triggermail;</script>






<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">

<script type="text/javascript" src="https://cdn.cookielaw.org/consent/15573008-bd46-4818-9194-aa9ae3c19d52/OtAutoBlock.js"></script>
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="15573008-bd46-4818-9194-aa9ae3c19d52"></script>
<script type="text/javascript">

function OptanonWrapper() { }

</script>


<link rel="shortcut icon" href="/assets-bw/dist/images/favicons/favicon.ico" type="image/x-icon" />
<script async type="text/javascript" src="https://apps.bazaarvoice.com/deployments/bowerswilkins/main_site/production/en_US/bv.js"></script>
<link rel="alternate" href="https://www.bowerswilkins.com/en-us/blog" hreflang="en-us" />
<link rel="alternate" href="https://www.bowerswilkins.com/en-ca/blog" hreflang="en-ca" />
<link rel="alternate" href="https://www.bowerswilkins.com/de-de/blog" hreflang="de-de" />
<link rel="alternate" href="https://www.bowerswilkins.com/fr-fr/blog" hreflang="fr-fr" />
<link rel="alternate" href="https://www.bowerswilkins.com/en-gb/blog" hreflang="en-gb" />
<link rel="alternate" href="https://www.bowerswilkins.com/nl-nl/blog" hreflang="nl-nl" />
<link rel="alternate" href="https://www.bowerswilkins.com/ja-jp/blog" hreflang="ja-jp" />
<link rel="alternate" href="https://www.bowerswilkins.com/ru-ru/blog" hreflang="ru-ru" />
<link rel="alternate" href="https://www.bowerswilkins.com/zh-cn/blog" hreflang="zh-cn" />
<link rel="alternate" href="https://www.bowerswilkins.com/es-es/blog" hreflang="es-es" />
<link rel="alternate" href="https://www.bowerswilkins.com/it-it/blog" hreflang="it-it" />
<link rel="alternate" href="https://www.bowerswilkins.com/en-eu/blog" hreflang="en-eu" />
<link rel="alternate" href="https://www.bowerswilkins.com/en-au/blog" hreflang="en-au" />
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://www.bowerswilkins.com/en-us/blog" />
<title>Blog Overview | Bowers & Wilkins</title>
<meta name="description" content="A round-up of all our latest blog posts. From A-Z, updates on our brand, music and tech happenings, how-to guides and handy hints, and the latest product stories." />
<input type="hidden" id="id_BazaarVoiceUrl" value="https://apps.bazaarvoice.com/deployments/bowerswilkins/main_site/production/en_US/bv.js" />
<input type="hidden" id="id_Title" value="Blog" />
<script>
        $(document).ready(function () {
            getBazaarVoice();
        });
		
		
function getBazaarVoice() {
	//debugger;
    if ($('#id_BazaarVoiceUrl').val() != "") {
        if ($('#hdnProductSku').length > 0) {
            var title = $('#id_Title').val();
            var hdnproductsku = $("#hdnProductSku").val();
            window.bvCallback = function (BV) {
                BV.pixel.trackConversion({
                    "type": title,
                    "label": title,
                    "value": hdnproductsku
                });
            };
        }
    }
}


</script>

<script>
    (function (w, d, s, l, i) {
        w[l] = w[l] || []; w[l].push({
            'gtm.start':
                new Date().getTime(), event: 'gtm.js'
        }); var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-PL8RFBP');</script>

<script>
        function affirmconfig() {

             var _affirm_config = {
            public_api_key: "6IO4JAWYDX2G69HB", /* Affirm Public API Key */
            script: "https://cdn1.affirm.com/js/v2/affirm.js",
            session_id: null
        };
        (function (l, g, m, e, a, f, b) { var d, c = l[m] || {}, h = document.createElement(f), n = document.getElementsByTagName(f)[0], k = function (a, b, c) { return function () { a[b]._.push([c, arguments]) } }; c[e] = k(c, e, "set"); d = c[e]; c[a] = {}; c[a]._ = []; d._ = []; c[a][b] = k(c, a, b); a = 0; for (b = "set add save post open empty reset on off trigger ready setProduct".split(" "); a < b.length; a++)d[b[a]] = k(c, e, b[a]); a = 0; for (b = ["get", "token", "url", "items"]; a < b.length; a++)d[b[a]] = function () { }; h.async = !0; h.src = g[f]; n.parentNode.insertBefore(h, n); delete g[f]; d(g); l[m] = c })(window, _affirm_config, "affirm", "checkout", "ui", "script", "ready");
        // END AFFIRM.JS EMBED CODE
        }
        $(document).ready(function () {

            affirmconfig();
        });

        // SKU Calls Removed SKU Calls
        function TrackMonetate(LineItems, pageType) {

		if (iscartDataLoaded) { 	    //  Monetate Code Sync
			clearInterval(ProductTrackMonetateIntervalId); 	    //  Monetate Code Sync

            window.monetateQ = window.monetateQ || [];
            window.monetateQ.push([
                "setPageType",
                pageType
            ]);

            window.monetateQ.push([
                "addProducts",
                LineItems
            ]);
	    //  Monetate Code Sync start
			window.monetateQ.push([
                    "addCartRows",
                    monetateCartLineItems
            ]);
	    //  Monetate Code Sync End
            window.monetateQ.push([
                "trackData"
            ]);
			} 	    //  Monetate Code Sync
        }

		// SKU Calls Removed SKU Call
        function RetrackMonetateCartItems() {
			/*
            var urlComponent = window.location.pathname.split('/');
            // Load Latest Cart Items on AddToCart for category
            if (urlComponent.length >= 3 && urlComponent[2] != "product") {

                // get new Cart data into monetateCartLineItems variable
                iscartDataLoaded = false;
                monetateCartLineItems = [];
                getMonetateAddToCartRowsItems();
                MonetateIndex();
            }
            else
             {

            //------------- Collect Data for PDP page ---------------------------//

            var LineItems = [];
            var productList = [];
                var productId = removeProductIdSpace($('.title h2').html());
			// SKU Calls
                var sku = $('.colot-options').find('a.active').attr('data-variant-sku');
                if (sku == "" || sku == undefined) {
                    sku = $('.color-options').find('a.active').attr('data-variant-sk') == "" || $('.color-options').find('a.active').attr('data-variant-sk') == undefined ? "" : $('.color-options').find('a.active').attr('data-variant-sk');
                }
            LineItems.push({ "productId": productId, "sku": sku });


	        //------------- End Collect Data for PDP page ---------------------------//

            //------------- Collect Data for Minicart page ---------------------------//
            var miniCartLinItems = [];
            productList = [];

            $('.minicart-content').find('.minicart-item').each(function () {
                var productName = removeProductIdSpace($(this).find('a').html());
                var quantity = $(this).find('.qty').find('strong').html();
                var price = getPrice($(this).find('.price').html());
                productList.push(productName);

                miniCartLinItems.push({
                    "productId": productName,
                    "quantity": quantity,
                    "unitPrice": price,
                    "currency": "USD",
                    "sku": ""
                })
            });


            //------------- End Collect Data for Minicart page ---------------------------//


            window.monetateQ = window.monetateQ || [];
            window.monetateQ.push([
                "setPageType",
                "product"
            ]);
            window.monetateQ.push([
                "addProductDetails",
                LineItems
            ]);

            window.monetateQ.push([
                "addCartRows",
                miniCartLinItems
            ]);
            window.monetateQ.push([
                "trackData"
                ]);
            }
			*/
        }

        function ProductTrackMonetate() {

            if (iscartDataLoaded) { // Monetate Code Sync

                clearInterval(ProductTrackMonetateIntervalId);// Monetate Code Sync

                var LineItems = [];
                var productId = removeProductIdSpace($('.title h2').html());

				// SKU Calls
                var sku = $('.color-options').find('a.active').attr('data-variant-sku');
                if (sku == "" || sku == undefined)
                {
                    sku = $('.color-options').find('a.active').attr('data-variant-sk') == "" || $('.color-options').find('a.active').attr('data-variant-sk') == undefined ? "" : $('.color-options').find('a.active').attr('data-variant-sk');
                }

                LineItems.push({ "productId": productId, "sku": sku });

                window.monetateQ = window.monetateQ || [];
                window.monetateQ.push([
                    "setPageType",
                    "product"
                ]);
                window.monetateQ.push([
                    "addProductDetails",
                    LineItems
                ]);

                window.monetateQ.push([
                    "addCartRows",
                    monetateCartLineItems
                ]);
                window.monetateQ.push([
                    "trackData"
                ]);
            }// Monetate Code Sync
        }

		// Monetate Code Sync
        function MonetateIndex() {
            var varids = [];
            var pageType = '';
            pageType = 'index';

            $('.products-slider').find('.item').each(function (Productkey, ProductValue) {

                if ($(ProductValue).is(":visible")) {

                    var productId = $(ProductValue).find('.prod-content h4').html();
                    productId = removeProductIdSpace(productId);
                    // SKU Calls
                    var sku = '';
                    varids.push({ "productId": productId, "sku": sku });

                }
            });

			console.log('Category varids :'+JSON.stringify(varids));
	        if (varids.length > 0)
	        {
	             ProductTrackMonetateIntervalId = window.setInterval(function () { TrackMonetate(varids, pageType); }, 1000);

	        }
        }

        function MonetateIndexOnFilter() {

            //setTimeout(function () { MonetateIndex(); }, 1000);
        }
    </script>

<link href="/assets-bw/dist/css/bw-style.css?v=07112022" rel="stylesheet" type="text/css">
<link href="/assets-bw/dist/css/Print.css?v=07112022" type="text/css" rel="stylesheet" media="print" />
</head>

<body class>
<input type="hidden" value="USD" id="hdnCurrencyCode" />

<noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PL8RFBP"
                height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>

<div class="site-wrapper fl-fix  ">
<form id="_CRSFform" action="#" method="post">
<input name="__RequestVerificationToken" type="hidden" value="1L_IcJDNh9Q9rDmmUMm4ldV2vVwVN_Y7jiuFVKqU0qrJxYUm6tgWx5UKOAAJfX57UNBd6lOX1uR0zvhWn5Lv9LlCFG-2oDPckbYJIRYuXyo1" />
</form>
<input name="_SiteVirtualFolder" type="hidden" value="/" />
<input name="_SiteRootPath" type="hidden" value="/sitecore/content/Sound United/BW ND Ecom" />
<input name="_SiteStartPath" type="hidden" value="/sitecore/content/Sound United/BW ND Ecom/Home" />
<input name="_SiteContentStartPath" type="hidden" value="/sitecore/content/Sound United/BW ND Ecom" />
<input name="_SiteName" type="hidden" value="BW ND Ecom" />
<header class="page-header fl-fix pos-f w100 bg-white">
<div class=" w100 inner  ">
<a href="/en-us" class="logo">
<img src="/-/media/images/bw_nd_ecom/shared/bw-logo-dark.png" alt="B&W">
</a>
<div id="dvpromotion" class style="display:none;">
<span>
<span class="icon free-delivery"></span>
<a style="text-decoration:none;" href="/en-us/support/shop-support#delivery" target="_blank">Free delivery on all US orders purchased online</a>
</span>
</div>

<div class="top-nav-wrap">
<ul class="top-nav nav-tabs">
<li class="parent">
<a href="#speakers" target class>Speakers</a>
</li>
<li class="parent">
<a href="#wirelessspeakers" target class>Wireless Speakers</a>
</li>
<li class="parent">
<a href="#headphones" target class>Headphones</a>
</li>
<li class="parent">
<a href="#ourstory" target class>About Us</a>
</li>
</ul>
<div class="other-links">
</div>
</div>
<a href="javascript:void(0)" class="mobile-nav">
<span class="nav-toggle">
<span></span>
</span>
</a>

<div class="header-right">
<div class="h-loc">
<a href="/en-us/find-a-retailer" class="h-links " title>
<span class="icon icon-location">
</span>
<span class="text marL10">Find a Retailer</span>
</a>
</div>
<div class="h-search">
<a href="#" class="h-links search-toggle">
<span class="icon icon-search">
</span>
</a>
</div>
<div class="h-info">
<a href="/en-us/support" class="h-links ">
<span class="icon icon-info">
</span>
<span class="mobile-only">Support</span>
</a>
</div>
<input type="hidden" value="a1e4c8dae41943aa9db1655ddf081225" id="hdnLogTrackingId" />
<input type="hidden" value="The requested quantity is no longer available." id="hdnCheckInventoryMessage" />
<input type="hidden" value="items" id="hdnItems" />
<input type="hidden" value="item" id="hdnItem" />
<div class="component cxa-minicart-component" data-cxa-component-class="Minicart" data-cxa-component-initialized="false" data-cxa-component-type="component">
<div class="inner-component" data-bind="event: {
				mouseover: hoverMinicart,
				mouseout: leaveMinicart },
			css: minicartClassName">
<div id="innerCart" data-bind="event: {click: hoverMinicart}"></div>
<div class="basket cart_peek ng-scope" id="abcd">
<div class="top-text" data-bind="event: { touchend: toggleMinicart}">
<a href="#" class="cart cart-icon cart-toggle" ng-click="showCart($event)">
<span>Cart</span>
<em class="count ng-binding cart-items-count" data-bind="text: cartCount" ng-bind="cart.totalQty">0</em>
</a>
</div>
<div class="min-cart-wrap mini-cart-loader loading " style="display:none;">
<div class="minicart peek ng-scope mini-cart bg-cream new-design new-design2 " data-bind="with: cart">
<div class="cart-head  d-f ai-c  pos-r">
<div class="text">
<h3>Cart</h3>
</div>
<div class="minicart-footer ">
<span class="TotlaItems">items<span id="itemcount"></span></span>
<span class="minicart-total-amount">
Subtotal:
<span class="minicart-total-amount" data-bind="text: subTotal"></span>
</span>
</div>
<a href="#" class="minicart-close">Close</a>
</div>
<div class="mini-cart-scroll" data-bind="visible: cartLines().length != 0">
<div class="minicart-details">
<!-- ko if: cartLines -->
<div class="minicart-content " data-bind="foreach: cartLines, visible: cartLines() ? cartLines().length : 0">
<div class="minicart-item  product-peek ng-scope" data-bind="attr: {'data-ajax-lineitemid': externalCartLineId}">
<div class="product-thumb">
<b class="content">
<img alt="Image" data-bind="attr:{src: image, alt: displayName}">
</b>
</div>
<div class="product-details">
<p data-bind="text: preOrder" class="preorder-label"></p>
<p data-bind="text: estDelivery" class="delivery-info"></p>
<label data-offer="offer" data-bind="text:tagName,attr:{ class:tagcolorName}"></label>
<h5 class="title ng-binding"><a class="product-url" data-bind="text: displayName, attr:{ href:productUrl}"></a></h5>
<p data-bind="text: categoryName"></p>
</div>
<div class="btm d-f jc-sb mini-price">
<div class="prices" data-bind="visible: discountOfferNames.length <= 0 && shouldShowListPrice()">
<del class="price" data-bind="text: listPriceName"></del>
<span class="price c-red" data-bind="text: linePrice"></span>
</div>
<div class="prices" data-bind="visible: discountOfferNames.length <= 0 && shouldHideListPrice()">
<span class="price" data-bind="text: linePrice"></span>
</div>
<div class="prices" data-bind="visible: discountOfferNames.length > 0">
<span class="price deleted-price" style="text-decoration: line-through;" data-bind="text: linePrice"></span>
</div>
<div class="prices" data-bind="visible: discountOfferNames.length > 0">
<span class="price c-red" data-bind="text: discountedPrice"></span>
</div>
<div class="supportive">
<div class=" diptych">
<div class="primary">
<div class="product-message-container 560C08D1EF9C494C894694C014CA6050" data-bind="visible: productcartMessage().length > 0">
<div class="product-message-mask">
<div class="info-icon"></div>
<p data-bind="text : productcartMessage"></p>
</div>
</div>
</div>
<div class="secondary clear">
<aside class="quantity-toggler" data-bind="visible: showQuantityToggler">
<div class="toggler">
<mark class="quantity volume ng-binding" min="0" type="number" placeholder="1" data-bind="event: { change: $parents[1].updateQuantity },text: quantity, value: quantity, valueUpdate: 'input', fireChange:true, attr: {'data-ajax-lineitemid': externalCartLineId}, disable: $parents[1].quntityUpdating"></mark>
<label for="decrease-btn" class="decrease" style="display: none;">Decrease Quantity</label>
<button class="decrease" id="decrease-btn" data-bind="event: { click: $parents[1].decreaseQuantity }, disable: $parents[1].quntityUpdating">
<span>Decrease</span>
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" style viewBox="0 0 13 13" x="0px" y="0px" width="13px" height="13px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" version="1.1">
<rect transform="matrix(4.52403e-011 -1 1 4.52403e-011 0.00126515 13.0013)" x="5" y="0" width="3" height="13" /></svg>
</button>
<label for="increase-btn" class="increase" style="display: none;">Increase Quantity</label>
<button class="increase" id="increase-btn" data-bind="event: { click: $parents[1].UpdateQuantityValues } , disable: $parents[1].quntityUpdating">
<span>Increase</span>
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" style viewBox="0 0 13 13" x="0px" y="0px" width="13px" height="13px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" version="1.1">
<rect x="5" width="3" height="13" /></svg>
</button>
</div>
</aside>
</div>
</div>
</div>
<div class="remove-item">
<a data-bind="attr: { href: '#delete-pop' + $index() }" class="delete" data-fancybox>Remove</a>
<div class="delete-pop" style="display: none;" data-bind="attr: {'data-ajax-lineitemid': externalCartLineId,id: 'delete-pop' + $index()}">
<div class="inner ta-c">
<h3>Remove this product</h3>
<div class="text">
<p>
Are you sure you want to remove this item from the saved products list?
</p>
<div class="btn-row">
<a href="#" class data-bind="attr: {'data-ajax-lineitemid': externalCartLineId}"><span class="btn btn-white-fill btn-orange" data-bind="click: $parents[1].removeItem">Yes, Remove</span></a>
<a href="javascript:void(0);" class="cancel-link btn btn-white" onclick="jQuery.fancybox.close()">Cancel</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /ko -->
<div class="minicart-addons">
<!-- ko if: upsellProducts  -->
<span class="block-title" data-bind="visible: upsellProducts() ? upsellProducts().length : 0">Customers also liked</span>
<div class="addons-slider" data-bind="foreach: upsellProducts, visible: upsellProducts() ? upsellProducts().length : 0, attr:{&quot;data-count&quot;: upsellProducts().length}, css: upsellProductsStyle">
<div class="item catproduct" data-bind="attr:{'data-pid': productId, 'data-varid': variantId}">
<div class="box">
<div class="details">
<span class="title h5"><a href="#" data-bind="attr:{href: productUrl}, text: title"></a></span>
<p data-bind="text: category"></p>
<div class="prices">
<span class="price" data-bind="text: price, visible: price <= discountedPrice"></span>
<div data-bind="visible: price > discountedPrice">
<span class="discounted-price c-red" data-bind="text: discountedPrice"></span>
<span class="price"><del data-bind="text: price"></del></span>
</div>
</div>
<div class="action">
<div class="cls-dispBuy">
<div class="component cxa-addtocart-component" data-cxa-component-class="AddToCartForm" data-cxa-component-initialized="false" data-cxa-component-type="form">
<input type="hidden" id="hiddenAdded" value="Added" />
<form action="/en-us/blog" method="post"><input id="addtocart_productid" name="addtocart_productid" type="hidden" value /><input id="addtocart_variantid" name="addtocart_variantid" type="hidden" value /><input id="addtocart_catalogname" name="addtocart_catalogname" type="hidden" value="Bowers_Wilkins" /><input id="addtocart_isbundle" name="addtocart_isbundle" type="hidden" value="0" /><input id="addtocart_bundle_id" name="addtocart_bundle_id" type="hidden" value /><input name="__RequestVerificationToken" type="hidden" value="pGtZDZEXwOIHM8buIQqfMF__D2Sdt83aQvy8Vw5iDy6lmdmKGrhvhJ_N0fZmBxCtzY6PTGbtPwQ-UoqDqsvcr8Q53iuEi3gagqymbAQJVsk1" /> <div class="add-to-cart-qty">
<label class="quantity-label"><b>Qty</b></label>
<div class="quantity-input">
<label for="decrease-btn" class="decrease" style="display: none;">Decrease Quantity</label>
<button type="button" class="decrease" id="decrease-btn" onclick="decreament();"></button>
<div class="c-select">
<select id="0" class="add-to-cart-qty-input" onchange="checkInveOnchange()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<label for="increase-btn" class="increase" style="display: none;">Increase Quantity</label>
<button type="button" class="increase" id="increase-btn" onclick="increament();"></button>
</div>
</div>
<div class="add-to-cart-button btn-row ta-r marB10">
<button type="submit" id="add" class="add-to-cart-btn btn btn-black" onclick="adonsHandlerEvent(event, this)" data-loading-text="Adding to cart...">
Add to cart
</button>
</div>
<span class="field-validation-valid" data-valmsg-for="Quantity" data-valmsg-replace="true"></span></form></div>
<script>

    //Mini cart Start
    function adonsHandlerEvent(event, element) {
        //tagEntry();
        event.preventDefault();
        var action = "AddCartLine";
        var dataPid = element.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.getAttribute('data-pid');
        var dataVarId = element.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.getAttribute('data-varid');
        element.parentElement.parentElement.querySelector('#addtocart_productid').value = dataPid;
        element.parentElement.parentElement.querySelector('#addtocart_variantid').value = dataVarId;

        var productId = element.parentElement.parentElement.querySelector('#addtocart_productid').value;
        var variantId = element.parentElement.parentElement.querySelector('#addtocart_variantid').value;
        var catalogName = element.parentElement.parentElement.querySelector('#addtocart_catalogname').value;
        var quantity = element.parentElement.parentElement.querySelector('.add-to-cart-qty-input').value;
        data = "{";
        data = data + '"addtocart_catalogname":"' + catalogName + '",';
        data = data + '"addtocart_productid":"' + productId + '",';
        data = data + '"addtocart_variantid":"' + variantId + '",';
        data = data + '"quantity":"' + quantity + '"';
        data += "}";

        if (action.length > 0) {
            MessageContext.ClearAllMessages();
            $(element).button('loading');
			$('.minicart').addClass('loading');

            AjaxService.Post("/api/cxa/Cart/" + action, JSON.parse(data), function (data, success, sender) {
                if (data && data.Success && success) {
                    AddToCartForm.OnSuccess(data);
                    $(element).text($('#hiddenAdded').val());

                    // Cart Opening on successfull add to cart 
                    //$('.cart-toggle').trigger('click');
                    //$('#innerCart').trigger('click');

                    //Cart Opening on successfull add to cart 

                    setTimeout(function () { RetrackMonetateCartItems() }, 5000);
					
					var link = document.getElementById('minicart-reload-button');
					link.click();
                }
                setTimeout(function () {
                    $(element).button('reset');
                }, 3000);
            }, $(this));
			$('.minicart').removeClass('loading');
        }
		
        return false;
    }
	//Mini cart End
	
    function addKeyValueInObj(key, value, object) {
        object[key] = value;
        return object;
    }

    function getCurrencyCode() {
        var lang = $('#hdnLanguage').val();
        const expression = lang.toLowerCase();
        var result = "";
        switch (expression) {
            case 'en-gb':
                result = 'GBP';
                break;
            case 'de-de':
            case 'nl-nl':
            case 'fr-fr':
            case 'fr-be':
            case 'it-it':
            case 'es-es':
            case 'en-eu':
                result = 'EUR';
                break;
            case 'en-ca':
            case 'fr-ca':
                result = 'CAD';
                break;
            case 'en-us':
                result = 'USD';
                break;
            default:
                result = 'USD';
        }
        return result;
    }

    function tagEntry() {
        var productId = $('#pdp-data .active').attr('data-variant-sku');
        //var productId = document.getElementById("firstVarId").value;
        var CatName = document.getElementById("CategoryNameID") != null ? document.getElementById("CategoryNameID").value : "";
        var productName = document.getElementById("productName").value;
        var price = document.getElementById("productPrice").value;
        var selectedQuantity = $('.add-to-cart-qty-input').val();
        var trackingObj = {};
        var trackingProducts = [];
        var trackingActionField = {};
        var trackingEcommerce = {};
        var trackingPurchase = {};
        var trackingProduct = {};

        //addKeyValueInObj('add', '3', trackingActionField);
        //*********************Tracking Add Product Name******************
        addKeyValueInObj('name', productName, trackingProduct);
        ////*********************Tracking Add Product Id******************
        addKeyValueInObj('id', productId, trackingProduct);
        ////*********************Tracking Price Product Id******************
        addKeyValueInObj('price', price, trackingProduct);
        ////*********************Tracking brand Product Id******************
        addKeyValueInObj('brand', 'Bowers&Wilkins', trackingProduct);
        ////*********************Tracking category Product Id******************
        addKeyValueInObj('category', CatName, trackingProduct);
        ////*********************Tracking Quantity Product Id******************
        addKeyValueInObj('quantity', selectedQuantity, trackingProduct);
        trackingProducts.push(trackingProduct);

        //*********************Tracking ActionField Product Id******************
        addKeyValueInObj('currencyCode', getCurrencyCode(), trackingEcommerce);
        //*********************Tracking Products Product Id******************
        addKeyValueInObj('products', trackingProducts, trackingPurchase);
        addKeyValueInObj('add', trackingPurchase, trackingEcommerce);
        //*********************Tracking Products Product Id******************
        //addKeyValueInObj('checkout', trackingPurchase, trackingEcommerce);
        //*********************Tracking purchase Product Id******************
        addKeyValueInObj('ecommerce', trackingEcommerce, trackingObj);
        //*********************Tracking event Product Id******************
        addKeyValueInObj('event', 'addToCart', trackingObj);
        //console.log("trackingObj>>>>>", trackingObj);
        window.dataLayer.push(trackingObj);

    };    
</script>
</div>
</div>
</div>
<div class="image-box">
<img loading="lazy" data-bind="attr:{src: imageUrl, alt: title}">
</div>
</div>
</div>
</div>
<!-- /ko -->
</div>
</div>
</div>
<img class="loading-bar" data-bind="visible: $parents[0].isFetchInProgress" src />
<div class="minicart-content s empty-cart" data-bind="visible: cartLines().length == 0">
<div class>
<h5 class="message">There are no items in your cart</h5>
</div>
<div class="minicart-buttons btn-row " data-bind="visible: cartLines().length == 0">
<a href="/en-us" class="btn btn-blue" title="Continue Shopping">Go to homepage</a>
</div>
</div>
<button class="minicart-reload-button" id="minicart-reload-button" style="display: none;" data-bind="event: {click: $parents[0].reloadMinicart}">refresh</button>
<div class="mini-cart-btm" data-bind="visible: cartLines().length != 0">
<div class="bm_container" data-bind="visible: cartLines().length != 0">
<div class="bm_container_inner">
<h6>Free delivery and free 30 day returns </h6> <p>Try our headphones and speakers completely risk free for 30 days. We’ll even pay for the return shipping.</p>
</div>
</div>
<div class="minicart-buttons btn-row" data-bind="visible: cartLines().length != 0">
<a href="javascript:void(0);" onclick="checkInventory();" class="btn btn-black" title="checkout">Proceed to checkout</a>
<a class="link-btn" href="/en-us/shoppingcart" title>
View/edit your cart
</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="loading-pop" style="display: none;" id="stock-pop">
<div class="inner ta-c">
<div class="text">
<p>
Amount exceeds our available inventory
</p>
</div>
</div>
</div>
</div>

<div class="loading-pop" style="display: none;" id="error-pop">
<div class="inner ta-c">
<div class="text">
<p id="exceedsmsg">
</p>
</div>
</div>
</div>
<script>

    var itemCount = 0;
    var intervalIdMiniCart = '';
    function convertURLToLowerCase() {

        itemCount = $('em.cart-items-count').text();
        if (parseInt(itemCount) > 0) {

            $('.minicart-content').find('a.product-url').each(function () {

                var url = $(this).prop('href');
                url = url.toLowerCase();
                $(this).prop('href', url);
                clearInterval(intervalIdMiniCart);

            });
        }
    }

    $(document).ready(function () {
        intervalIdMiniCart = setInterval(function () { convertURLToLowerCase(); }, 1000);
    });


    var itemCount = 0;
    function checkitemCount() {
        itemCount = $('em.cart-items-count').text();
        if (parseInt(itemCount) > 0) {
            $('.cart-icon').addClass('has-item');
            $(".minicart-footer ").show();
        }
        else {
            $('.cart-icon').removeClass('has-item');
            $(".minicart-footer ").hide();
        }
        // Check Item Count is Greater Than 1
        //UpdateItemCountMsg();
    }

    function UpdateItemCountMsg() {
        itemCount = $('em.cart-items-count').text();
        var itemsText = $("#hdnItems").val();
        var itemText = $("#hdnItem").val();
        if (parseInt(itemCount) > 1) {
            $('.TotlaItems').text(itemCount + " " + itemsText);
        }
        else {
            $('.TotlaItems').text(itemCount + " " + itemText);
        }
    }


    function RemoveTrailx() {

        var str = $(".TotlaItems").text().replace("x", "");
        $(".TotlaItems").text(str);
    }

    $(document).ready(function () {

        setInterval(function () { UpdateItemCountMsg(); checkitemCount(); }, 100);
    });
    function checkInventory() {
        var _url = '/api/cxa/SUCheckout/CheckInventory';
        $.ajax({
            type: "POST",
            url: _url,
            data: { 'LogTrackingId': $('#hdnLogTrackingId').val() },
            async: false,
            dataType: 'json',
            beforeSend: function () {
            },
            success: function (data) {
                if (data.Success == true) {
                    var returnUrl = "/" + $('#hdnLanguage').val() + "/checkout";
                    window.location.href = returnUrl;
                }
                else {
                    //data.ErrorMsg.substr(data.ErrorMsg.lastIndexOf('<br />'), data.ErrorMsg.length)
                    var CheckInventoryMessage = $('#hdnCheckInventoryMessage').val() + "<br /><br />";
                    $.fancybox.close();
                    $('#exceedsmsg').html(CheckInventoryMessage.concat(data.ErrorMsg));
                    $.fancybox.open({
                        src: '#error-pop',
                        type: 'inline',
                        opts: {
                            afterShow: function (instance, current) {

                            }
                        }
                    });
                }
            },
            complete: function (data) {
                // $(".loader").hide();
            },
            error: function (jqXHR, status, err) {
            }
        });
    }
</script>
<div class="h-account">
<a href="#" class="h-links account-link" role="button">
<span class="icon icon-account" role="none">
</span>
<span class="mobile-only">Login</span>
</a>
<div class="login-drop">
<ul>
<li>
<a href="#" class="showAccountDrop" role="button">
<span class="icon icon-login">
</span>
Log into My Account
</a>
</li>
<li>
<a href="#" class="showAccountCreateDrop" role="button">
<span class="icon icon-create">
</span>
Create Account
</a>
</li>
</ul>
</div>
</div>
</div>

</div>
</header>
<div class="search-section" style="display:none;">
<div class="search-inner">
<h3 class="h4 ff-Graphik-Medium marBMedium">Search</h3>
<a href="#" class="search-close">
<span class="icon icon-close"></span><span>Close</span>
</a>
<div class="search-wrap">
<span class="icon icon-search-blue" role="none">
</span>
<input type="text" id="txtGblsearch" placeholder="Search products, series or support">
</div>
<div class="block suggest-search-list" style="display:none;" id="Suggestedsearches">
<div class="suggest-search-top" id="suggestsearchtop">
<h4>Top results</h4>
<a href="#" id="seeallresu" onclick="seeallresult()" class="btn btn-white">See all results</a>
</div>
<ul class="marB30" id="searchProducts"></ul>
<input type="hidden" id="hdnNoResfound" value="No results found" />
</div>
<div class="search-suggest ff-Graphik-Regular">
<div class="block c-grey" id="PopularSearches">
<h5>Popular searches</h5>
<ul class="marB30">
<li>
<a href="/en-us/product/loudspeakers/702-s2">
<strong>702 S2 </strong>
</a>
</li>
<li>
<a href="/en-us/product/loudspeakers/704-s2">
<strong>704 S2 </strong>
</a>
</li>
</ul>
</div>
</div>
</div>
<input id type="hidden" value />
</div>
<script>


    function seeallresult() {
        searchTearm = $("#txtGblsearch").val().toLowerCase();
        if (searchTearm.length >= 2) {

            if ($('#hidnLocale').val() != "") {
                window.location = '/' + $('#hidnLocale').val() + '/search-results?s=' + searchTearm;
            }
            else {
                window.location = '/search-results?s=' + searchTearm;
            }
        }
    }
	
    $("#txtGblsearch").keyup(function (event) {		
        if (event.keyCode == 13) {
            if ($('#searchProducts').hasClass("no-results")) {
                return;
            }
            else {
                if ($('#searchProducts li').length > 1) {
                    seeallresult();
                    return;
                }
            }
        }
		
		search = $("#txtGblsearch").val();
		
        if (search.length >= 2) {

			AjaxService.Post("/api/cxa/Search/SearchText?s=" + search, {}, function (data, success, sender) {

                $('#Suggestedsearches').show();
                $('#PopularSearches').hide();
                $('#searchProducts').empty();
                $('#suggestsearchtop').show();
                $('#searchProducts').removeClass("no-results");


                //console.log(data);
                var i = 1;
                if (data != null && data.Products != null && data.Products.length > 0) {
                    $(data.Products).each(function (key, value) {

                        var urlarray = (value.URL).split('/');

                        if (i <= 5) {
                            $('#searchProducts').append('<li><input id=' + value.Id + ' type="hidden" value=' + value.Id + ' /> <a href="' + value.URL + '"><h4> ' + value.Title + ' </h4><p> ' + value.ShortDescription + ' </p></a>' + value.Breadcrumb + '</li>');
                            i++;
                        }
                    });
                }
                else {
                    $('#searchProducts').append('<li> <a href="Javascript:void(0)"><strong>' + $('#hdnNoResfound').val() + '</strong></a></li>');
                    $('#searchProducts').addClass("no-results");
                    $('#suggestsearchtop').hide();
                }
            });
        }
        else {
            $('#Suggestedsearches').hide();
            $('#PopularSearches').show();
            $('#searchProducts').empty();
        }
		

    });

    $(document).ready(function () {
        var hdnfield = $("#hdnpromotionbanner").val();
        //This section will display only with SXA Layout-Plain
        if (hdnfield == "1") {
            $("#dvpromotion").show();
        }
        else {
            $("#dvpromotion").hide();
        } 
    });

    function LogoutUser() {
        var _url = '/api/cxa/account/LogOffUserBW';
        $.ajax({
            type: "Get",
            url: _url,
            data: null,
            async: false,
            //dataType: 'html',
            beforeSend: function () {
            },
            success: function (data) {
                sessionStorage.removeItem("access_token");
                sessionStorage.removeItem("refresh_token");
                sessionStorage.removeItem("uid");
                setTimeout(function () {
                    $("html").addClass("login-open");
                    $("#Login-pop").hide();
                    $("#logout-pop").show();
                }, 1000)


            },

            complete: function (data) {

                // $(".loader").hide();

            },
            error: function (jqXHR, status, err) {

                //Server Exception
                alert("Server not respond. Please try later.");
            }
        });
    }

</script>

<section id="main-nav" class="nav-outer">
<a href="javascript:void(0)" class="mobile-back">
<span></span>
</a>
<a href="javascript:void(0)" class="close-nav">
<span class="nav-toggle active">
<span></span>
</span>
<span>Close</span>
</a>
<div class="nav-inner">
<div class="nav-container " id="speakers">
<div class="nav-list">
<div class="nav-scroll">
<h3 class="mob-cat-title mobile-only marB30">Speakers</h3>
<ul class="large-links  main-links">
<li class="parent">
<a href="/en-us/speakers/loudspeakers" target class>Loudspeakers</a>
<div class="sub-nav">
<div class="scroll">
<div class="link-block shop-all">
<a href="/en-us/speakers/loudspeakers" target>
<h4>Loudspeakers</h4>
<span class="link-btn current-arrow has-arrow ">Shop now</span>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/loudspeakers/nautilus" target>
<div class="left">
<h5>Nautilus</h5>
<p>The iconic loudspeaker</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_speakers_nautilus.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/speakers/loudspeakers/800-series-signature" target>
<div class="left">
<h5>800 Series Signature</h5>
<p>Crafted. Honed. Perfected.</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/800-series-signature.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/speakers/loudspeakers/800-series" target>
<div class="left">
<h5>800 Series</h5>
<p>Excellence. Evolved.</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/800-series.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/speakers/loudspeakers/700-series" target>
<div class="left">
<h5>700 Series</h5>
<p>Studio sound comes home</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw-700-series-s3.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/speakers/loudspeakers/600-series" target>
<div class="left">
<h5>600 Series</h5>
<p>For the love of music</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/600-series1.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/speakers/loudspeakers/subwoofers" target>
<div class="left">
<h5>Subwoofers</h5>
<p>The best in bass</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/subwoofer.png" alt>
</figure>
</a>
</div>
</div>
</div>
</li>
<li class="parent">
<a href="/en-us/speakers/sound-bars" target class>Sound Bars</a>
<div class="sub-nav">
<div class="scroll">
<div class="link-block shop-all">
<a href="/en-us/speakers/sound-bars" target>
<h4>Sound Bars</h4>
<span class="link-btn current-arrow has-arrow ">Shop now</span>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/sound-bars/panorama-3" target>
<div class="left">
<h5>Panorama 3</h5>
<p>Experience movies and music as they should be</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/panorama.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-bar" target>
<div class="left">
<h5>Formation Bar</h5>
<p>An entire cinema in one elegant wireless sound bar</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_formationbar.png" alt>
</figure>
</a>
</div>
</div>
</div>
</li>
<li class="parent">
<a href="/en-us/speakers/home-theater" target class>Home Theater</a>
<div class="sub-nav">
<div class="scroll">
<div class="link-block shop-all">
<a href="/en-us/speakers/home-theater" target>
<h4>Home Theater</h4>
<span class="link-btn current-arrow has-arrow ">Shop now</span>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/home-theater/mt-50" target>
<div class="left">
<h5>MT-50</h5>
<p>Home theater system</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_hometheater_mt50.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/home-theater/m-1" target>
<div class="left">
<h5>M-1</h5>
<p>Satellite speaker</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_hometheater_m1.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/category/wireless-speakers" target>
<div class="left">
<h5>Wireless Speakers</h5>
<p>Bowers & Wilkins’ range of wireless loudspeakers</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_formationduo.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/integrated-solutions/theater" target>
<div class="left">
<h5>Custom Theater </h5>
<p>The authentic experience</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_hometheater_cinema.png" alt>
</figure>
</a>
</div>
</div>
</div>
</li>
<li class="parent">
<a href="/en-us/integrated-solutions" target class>Integrated Solutions</a>
<div class="sub-nav">
<div class="scroll">
<div class="menu-content-block link-block shop-all">
<a href="/en-us/integrated-solutions" target>
<h4 class="h4 marB8">Integrated Solutions</h4>
<span class="link-btn current-arrow has-arrow ">Discover more</span>
</a>
<p>
The world-famous Bowers & Wilkins sound, no matter your environment. The speakers in our Integrated Solutions range are built on the same principles and technologies as every other Bowers & Wilkins speaker — they just don't want all the attention.
</p>
</div>
<a href="/en-us/integrated-solutions/home-audio" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_installedspeakers_home_audio.jpg');">
<h4>Home Audio</h4>
<p>Your favourite music: heard, but not seen</p>
</a>
<a href="/en-us/integrated-solutions/commercial" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_installedspeakers_commercial_projects.jpg');">
<h4>Commercial</h4>
<p>Every commercial space can sound divine</p>
</a>
<a href="/en-us/integrated-solutions/theater" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_installedspeakers_theater.jpg');">
<h4>Theater</h4>
<p>Immersive cinema sound tailored to you</p>
</a>
<a href="/en-us/integrated-solutions/marine" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_installedspeakers_marine.jpg');">
<h4>Marine</h4>
<p>The soundtrack to your every adventure</p>
</a>
<a href="/en-us/product/integrated-solutions/am-1" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_installedspeakers_outdoor_speakers.jpg');">
<h4>Outdoor</h4>
<p>Enjoy your music, come rain or shine</p>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="nav-container " id="wirelessspeakers">
<div class="nav-list">
<div class="nav-scroll">
<h3 class="mob-cat-title mobile-only marB30">Wireless Speakers</h3>
<ul class="large-links  main-links">
<li class="parent">
<a href="/en-us/product/wireless-speakers/zeppelin" target class>Zeppelin</a>
<div class="sub-nav">
<div class="scroll">
<div class="link-block shop-all">
<a href="/en-us/product/wireless-speakers/zeppelin" target>
<h4>Zeppelin</h4>
<span class="link-btn current-arrow has-arrow ">Shop now</span>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/zeppelin" target>
<div class="left">
<h5>Zeppelin</h5>
<p>
Beautiful design meets best-in-class sound</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_zeppelin.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/zeppelin-mclaren" target>
<div class="left">
<h5>Zeppelin McLaren Edition</h5>
<p>Best-in-class sound meets iconic McLaren design</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_zeppelin_mclaren2.png" alt>
</figure>
</a>
</div>
</div>
</div>
</li>
<li class="parent">
<a href="/en-us/category/wireless-speakers" target class>Formation</a>
<div class="sub-nav">
<div class="scroll">
<div class="link-block shop-all">
<a href="/en-us/category/wireless-speakers" target>
<h4>Formation</h4>
<span class="link-btn current-arrow has-arrow ">Shop now</span>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-duo" target>
<div class="left">
<h5>Formation Duo</h5>
<p>Inimitable Bowers & Wilkins sound – wirelessly</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_formationduo.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-wedge" target>
<div class="left">
<h5>Formation Wedge</h5>
<p>Wedge is the shape of hi-res stereo sound</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_formationwedge.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-bar" target>
<div class="left">
<h5>Formation Bar</h5>
<p>An entire cinema in one elegant wireless sound bar</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_formationbar.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-bass" target>
<div class="left">
<h5>Formation Bass</h5>
<p>One remarkable subwoofer = deep, agile bass</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_formationbass.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-flex" target>
<div class="left">
<h5>Formation Flex</h5>
<p>Flex is performance and flexibility</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_formationflex.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-audio" target>
<div class="left">
<h5>Formation Audio</h5>
<p>Give your hi-fi a whole new dimension</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_formationaudio.png" alt>
</figure>
</a>
</div>
</div>
</div>
</li>
<li class="parent">
<a href="/en-us/speakers/sound-bars" target class>Sound Bars</a>
<div class="sub-nav">
<div class="scroll">
<div class="link-block shop-all">
<a href="/en-us/speakers/sound-bars" target>
<h4>Sound Bars</h4>
<span class="link-btn current-arrow has-arrow ">Shop now</span>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/sound-bars/panorama-3" target>
<div class="left">
<h5>Panorama 3</h5>
<p>Experience movies and music as they should be</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/panorama.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-bar" target>
<div class="left">
<h5>Formation Bar</h5>
<p>An entire cinema in one elegant wireless sound bar</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_wireless_formationbar.png" alt>
</figure>
</a>
</div>
</div>
</div>
</li>
<li class="parent">
<a href="/en-us/category/collections" target class>Collections</a>
<div class="sub-nav">
<div class="scroll">
<div class="link-block shop-all">
<a href="/en-us/category/collections" target>
<h4>Formation Collections</h4>
<span class="link-btn current-arrow has-arrow ">Shop now</span>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-ultimate-music-collection" target>
<div class="left">
<h5>Formation Ultimate Music Collection</h5>
<p>The pinnacle of wireless music systems</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_formation_ultimate_music_collection.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-ultimate-movie-collection" target>
<div class="left">
<h5>Formation Ultimate Movie Collection</h5>
<p>Engrossing surround sound system from a peerless pairing of a sound bar, subwoofer and wireless speakers</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_formation_immersive_collection.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-movie-collection" target>
<div class="left">
<h5>Formation Movie Collection</h5>
<p>An elegant sound bar paired with a remarkable wireless subwoofer</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_formation_movie_collection.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/wireless-speakers/formation-music-collection" target>
<div class="left">
<h5>Formation Music Collection</h5>
<p>Lyrical wireless speakers paired with an exceptional wireless subwoofer</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_formation_music_collection.png" alt>
</figure>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="nav-container " id="headphones">
<div class="nav-list">
<div class="nav-scroll">
<h3 class="mob-cat-title mobile-only marB30">Headphones</h3>
<ul class="large-links  main-links">
<li class="parent">
<a href="/en-us/category/wireless-headphones" target class>Headphones</a>
<div class="sub-nav">
<div class="scroll">
<div class="link-block shop-all">
<a href="/en-us/category/wireless-headphones" target>
<h4>Headphones</h4>
<span class="link-btn current-arrow has-arrow ">Shop now</span>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/headphones/px8" target>
<div class="left">
<h5>Px8</h5>
<p>Over-ear noise-canceling headphones</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_headphones_px8burgundy.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/headphones/px7-s2e" target>
<div class="left">
<h5>Px7 S2e</h5>
<p>Over-ear noise-canceling headphones</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_headphones_px7_s2e.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/headphones/px8-mclaren" target>
<div class="left">
<h5>Px8 McLaren Edition</h5>
<p>Special-edition over-ear noise-canceling wireless headphones</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_headphones_px8_mclaren.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/headphones/px7-s2" target>
<div class="left">
<h5>Px7 S2</h5>
<p>Over-ear noise-canceling headphones</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_headphones_px7s2.png" alt>
</figure>
</a>
</div>
</div>
</div>
</li>
<li class="parent">
<a href="/en-us/category/wireless-headphones" target class>Earbuds</a>
<div class="sub-nav">
<div class="scroll">
<div class="link-block shop-all">
<a href="/en-us/category/wireless-headphones" target>
<h4>Earbuds</h4>
<span class="link-btn current-arrow has-arrow ">Shop now</span>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/headphones/pi7-s2" target>
<div class="left">
<h5>Pi7 S2</h5>
<p>In-ear True Wireless earbuds</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_headphones_pi7-s2_midnightblue.png" alt>
</figure>
</a>
</div>
<div class="link-block">
<a href="/en-us/product/headphones/pi5-s2" target>
<div class="left">
<h5>Pi5 S2</h5>
<p>
In-ear True Wireless earbuds</p>
</div>
<figure>
<img src="/-/media/images/bw_nd_ecom/navigation/bw_nav_headphones_pi5-s2_cloudgrey.png" alt>
</figure>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="nav-container " id="ourstory">
<div class="nav-list">
<div class="nav-scroll">
<h3 class="mob-cat-title mobile-only marB30">About Us</h3>
<ul class="large-links  main-links">
<li class="parent">
<a href="/en-us/our-story" target class>Our Story</a>
<div class="sub-nav">
<div class="scroll">
<div class="menu-content-block link-block shop-all">
<a href="/en-us/our-story" target>
<h4 class="h4 marB8">Our Story</h4>
<span class="link-btn current-arrow has-arrow ">Discover more</span>
</a>
<p>
The story of Bowers & Wilkins starts with one man – John Bowers. His drive and passion are written into the DNA of the company he founded over 50 years ago.
</p>
</div>
<a href="/en-us/our-story/everything-we-are" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/our_story_everything_we_are.jpg');">
<h4>Everything We Are</h4>
<p>We do things differently at Bowers & Wilkins</p>
</a>
<a href="/en-us/our-story/performance-technology-leadership" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/our_story_performance.jpg');">
<h4>Performance, Technology, Leadership</h4>
<p>Absolute performance comes from more than just attention to detail</p>
</a>
<a href="/en-us/our-story/where-music-begins" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/our_story_where_music_begins.jpg');">
<h4>Where Music Begins</h4>
<p>We never forget what we’re doing this for</p>
</a>
</div>
</div>
</li>
<li class="parent">
<span class="noanchor">Collaborations</span>
<div class="sub-nav">
<div class="scroll">
<div class="menu-content-block link-block shop-all">
<h4 class="h4 marB8">Collaborations</h4>
<p>
Exciting collaborations, and highly rewarding partnerships.
</p>
</div>
<a href="/en-us/collaborations/aston-martin" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_collaborations-aston-martin.jpg');">
<h4>Aston Martin</h4>
<p>Ultra-luxury meets high performance</p>
</a>
<a href="/en-us/collaborations/bmw" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_collaborations_bmw.jpg');">
<h4>BMW</h4>
<p>Studio-grade audio that’s all around you</p>
</a>
<a href="/en-us/collaborations/mclaren" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_collaborations_mclaren.jpg');">
<h4>McLaren</h4>
<p>An audio experience to equal the motoring experience</p>
</a>
<a href="/en-us/collaborations/polestar" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_collaborations_polestar.jpg');">
<h4>Polestar</h4>
<p>The sound of boundaries being broken</p>
</a>
<a href="/en-us/collaborations/volvo" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_collaborations_volvo.jpg');">
<h4>Volvo Cars</h4>
<p>Enjoyment through innovation</p>
</a>
<a href="/en-us/collaborations/philips" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_collaborations_phillips.jpg');">
<h4>Philips TV and Monitors</h4>
<p>Hear exactly what the pictures sound like</p>
</a>
<a href="/en-us/collaborations/lenovo" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_collaborations_lenovo.jpg');">
<h4>Lenovo</h4>
<p>Precision design means extraordinary sound</p>
</a>
<a href="/en-us/collaborations/formovie" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/bw_nav_collaborations_formovie.jpg');">
<h4>Formovie</h4>
<p>Sonic power and precision, effortlessly</p>
</a>
</div>
</div>
</li>
<li>
<a href="/en-us/brand-partnerships" target class="linkNav">Brand Partnerships</a>
</li>
<li>
<a href="/en-us/bowers-wilkins-music-app" target class="linkNav">Music App</a>
</li>
<li class="parent">
<a href="/en-us/blog" target class>Blog</a>
<div class="sub-nav">
<div class="scroll">
<div class="menu-content-block link-block shop-all">
<a href="/en-us/blog" target>
<h4 class="h4 marB8">Blog</h4>
<span class="link-btn current-arrow has-arrow ">See all</span>
</a>
<p>
News, reviews and stories from the home of the best speakers in the world.
</p>
</div>
<a href="/en-us/blog/news/abbey-road-studios-90-anniversary" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/blog-90th-anniversary.png');">
<h4>Celebrating Abbey Road Studios</h4>
<p>The world’s most famous recording studio is turning 90</p>
</a>
<a href="/en-us/blog/products/high-quality-wireless-streaming" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/blog-zeppelin.png');">
<h4>Music Without Wires</h4>
<p>How Bowers & Wilkins has led the way</p>
</a>
<a href="/en-us/blog/news/abbey-road-studios-800-series-diamond-launch" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/blog-abbeyroad-event.png');">
<h4>Bowers &amp; Wilkins Takes Over Abbey Road Studios</h4>
<p>A special launch event</p>
</a>
<a href="/en-us/blog/news/2021-mercury-prize-winner" target class="menu-bg-block bgp-cc bgsz-cv bgr-n" style="background-image: url('/-/media/images/bw_nd_ecom/navigation/arlo.png');">
<h4>A Celebration of the Album</h4>
<p>2021 Hyundai Mercury Prize Winner</p>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>

<div class="main fl-fix ">
<div class="main fl-fix " style="margin-top: 87px;">
<section class="blog-listing fl-fix">
<div class="full-wrapper">
<div class="listing-head">
<h1>Blog</h1>
<p>News, reviews and stories from the home of the best speakers in the world</p>
<div class="addthis_toolbox addthis_default_style" addthis:title="Blog" addthis:description="News, reviews and stories from the home of the best speakers in the world">
<div class="share-it-block">
<ul class="social-icons to-load ">
<li>
<a class="addthis_button_twitter">
<img src="/Assets-BW/dist/images/social-icon2-black.svg" alt>
</a>
</li>
<li>
<a class="addthis_button_facebook">
<img src="/Assets-BW/dist/images/social-icon3-black.svg" alt>
</a>
</li>
<li>
<a class="addthis_button_linkedin">
<img src="/Assets-BW/dist/images/linkedin-iocn.svg" alt>
</a>
</li>
</ul>

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-61606eebde67650e"></script>
</div>
</div>
</div>
<div class="common-tabs-container">
<div class="blog-tabs tab-links tabs">
<a href="#" class="section active">All</a>
<a href="#" class="section">News</a>
<a href="#" class="section">Products</a>
<a href="#" class="section">Sound Lab</a>
<a href="#" class="section">Music</a>
</div>
<div class="tab-content">
<div class="content" style="display: none;">
<div class="listing-section">
<div class="listing-wrap">
<article class="blog-item">
<h3 class="p">NEWS</h3>
<h2 class="h3"><a href="/en-us/blog/news/bowers-wilkins-and-aston-martin">Performance, passion and heritage: Bowers &amp; Wilkins partners with Aston Martin</a></h2>
<a href="/en-us/blog/news/bowers-wilkins-and-aston-martin" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/bowers-wilkins-and-aston-martin/blog_bw_partners_with_aston_martin_hero.jpg);">
</figure>
</a>
<div class="details">
<p>
Combining class-leading high-performance sound with ultra-luxury.&nbsp;<a href="/en-us/blog/news/bowers-wilkins-and-aston-martin">Read more</a>
</p>
</div>
</article>
<article class="blog-item">
<h3 class="p">PRODUCTS</h3>
<h2 class="h3"><a href="/en-us/blog/products/ideal-headphone">Choosing the ideal headphones</a></h2>
<a href="/en-us/blog/products/ideal-headphone" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/ideal-headphone/v3/b_ih_img-1.jpg);">
</figure>
</a>
<div class="details">
<p>
An excellent pair of headphones makes a great companion, but which are best for you? In this guide, we walk you through some simple steps to choosing the perfect headphones for any occasion.&nbsp;<a href="/en-us/blog/products/ideal-headphone">Read more</a>
</p>
</div>
</article>
<article class="blog-item">
<h3 class="p">NEWS</h3>
<h2 class="h3"><a href="/en-us/blog/news/2023-the-mercury-prize-shortlist">Mercury Prize 2023: Get to know the shortlist</a></h2>
<a href="/en-us/blog/news/2023-the-mercury-prize-shortlist" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/2023-the-mercury-prize-shortlist/bw_blog_2023_mecury_prize_banner.jpg);">
</figure>
</a>
<div class="details">
<p>
To celebrate this year’s shortlist, we’re shining a light on each of the twelve Mercury Prize Albums of the Year.&nbsp;<a href="/en-us/blog/news/2023-the-mercury-prize-shortlist">Read more</a>
</p>
</div>
</article>
<article class="blog-item">
<h3 class="p">SOUND-LAB</h3>
<h2 class="h3"><a href="/en-us/blog/sound-lab/future-of-music-recording-abby-road-studios">Watch: The Future of… Recorded Music at Abbey Road Studios</a></h2>
<a href="/en-us/blog/sound-lab/future-of-music-recording-abby-road-studios" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/the-future-of-recorded-music-at-abbey-road/bw_blog_abbeyroad_hero.jpg);">
</figure>
</a>
<div class="details">
<p>
Abbey Road Studios and the British Phonographic Industry (BPI) joined forces with Bowers & Wilkins to host a future-focused music event. &nbsp;<a href="/en-us/blog/sound-lab/future-of-music-recording-abby-road-studios">Read more</a>
</p>
</div>
</article>
<article class="blog-item">
<h3 class="p">PRODUCTS</h3>
<h2 class="h3"><a href="/en-us/blog/products/summer-essentials">Summer Essentials</a></h2>
<a href="/en-us/blog/products/summer-essentials" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/summer-essentials/bw_blog_summer_essentials_banner_desktop.jpg);">
</figure>
</a>
<div class="details">
<p>
However you plan to spend your summer, Bowers & Wilkins has the perfect product to fill it with fantastic sound&nbsp;<a href="/en-us/blog/products/summer-essentials">Read more</a>
</p>
</div>
</article>
<article class="blog-item">
<h3 class="p">SOUND-LAB</h3>
<h2 class="h3"><a href="/en-us/blog/sound-lab/10-favourite-summer-blockbusters">Our 10 Favorite Summer Blockbusters </a></h2>
<a href="/en-us/blog/sound-lab/10-favourite-summer-blockbusters" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/10-favorite-summer-blockbusters/bw_blog_10favoritesummerbb_hero.jpg);">
</figure>
</a>
<div class="details">
<p>
Whether you’re hosting a movie night or on a long journey to a dream destination this summer, we’ve got your watchlist covered.&nbsp;<a href="/en-us/blog/sound-lab/10-favourite-summer-blockbusters">Read more</a>
</p>
</div>
</article>
<article class="blog-item">
<h3 class="p">PRODUCTS</h3>
<h2 class="h3"><a href="/en-us/blog/products/story-of-signature">The Story of Signature</a></h2>
<a href="/en-us/blog/products/story-of-signature" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/the-story-of-signature/v2/bw_blog_signature_hero.jpg);">
</figure>
</a>
<div class="details">
<p>
Every Signature model has had its own unique identity and at the same time, every model has been connected to its predecessor by several common threads: no-holds-barred performance, unique, distinctive beauty and special-edition exclusivity.&nbsp;<a href="/en-us/blog/products/story-of-signature">Read more</a>
</p>
</div>
</article>
<article class="blog-item">
<h3 class="p">MUSIC</h3>
<h2 class="h3"><a href="/en-us/blog/music/summer-playlist">Loving the Summertime Blues</a></h2>
<a href="/en-us/blog/music/summer-playlist" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/loving-the-summertime-blues/summer-playlist_banner_07072023.jpg);">
</figure>
</a>
<div class="details">
<p>
We all have a good idea in our head of what a summer song sounds like. But if you think deeply about the songs that soundtrack your summer, you will probably come up with quite a surprising playlist. We know we did.&nbsp;<a href="/en-us/blog/music/summer-playlist">Read more</a>
</p>
</div>
</article>
<article class="blog-item">
<h3 class="p">PRODUCTS</h3>
<h2 class="h3"><a href="/en-us/blog/products/AM-1-architectural-monitors">Meet the versatile AM-1</a></h2>
<a href="/en-us/blog/products/AM-1-architectural-monitors" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/am-1-architectural-monitors/banner.jpg);">
</figure>
</a>
<div class="details">
<p>
The AM-1 delivers Bowers & Wilkins levels of performance, but its sealed enclosure and rugged build make it the ideal loudspeaker for bringing music to your patio, pool area or garden.
&nbsp;<a href="/en-us/blog/products/AM-1-architectural-monitors">Read more</a>
</p>
</div>
</article>
<article class="blog-item">
<h3 class="p">SOUND-LAB</h3>
<h2 class="h3"><a href="/en-us/blog/sound-lab/power-of-custom-installation">Great Sound Your Way: The Power of Custom Installation</a></h2>
<a href="/en-us/blog/sound-lab/power-of-custom-installation" target="_self">
<figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(/-/media/images/bw_nd_ecom/blog/great-sound-your-way-the-power-of-custom-installation/bw-blog-power-of-custom-installation-herobanner.jpg);">
</figure>
</a>
<div class="details">
<p>
If, like us, you’re passionate about enjoying great-sounding music or movies at home, you’ll want a sound system that can accommodate.&nbsp;<a href="/en-us/blog/sound-lab/power-of-custom-installation">Read more</a>
</p>
</div>
</article>
</div>
<div class="ta-c load-more">
<a href="javascript:void();" class="btn btn-white" id="blog-load-more">Load more articles</a>
</div>
<input id="DataSourceId" name="DataSourceId" type="hidden" value="{30115B31-7A44-4AD7-81FE-0D5CCD0B3D6D}" />
<input data-val="true" data-val-required="The AreMoreResultsAvailable field is required." id="AreMoreResultsAvailable" name="AreMoreResultsAvailable" type="hidden" value="True" />
<input id="Type" name="Type" type="hidden" value />
<input data-val="true" data-val-number="The field Page must be a number." data-val-required="The Page field is required." id="Page" name="Page" type="hidden" value="0" />
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script type="text/javascript">
    
    $('.section').click(function () {
        var data = $(this).text();
        $("#Page").val("0");
        goToSection(1, data);
    });
    $("#blog-load-more").click(function () {
        if ($("#AreMoreResultsAvailable").val()) {
            goToSection(0, '');
        }
    });
    function goToSection(type, typeText) {
        var sectionType;
        var currentPage;
        var _url = '/api/cxa/Blog/GetBlogListingData';

        if (typeText != '') {
            sectionType = typeText;
            currentPage = $("#Page").val();
        } else {
            sectionType = $(".blog-tabs a.active").text();
            currentPage = Number($("#Page").val());
            $("#Page").val(currentPage + 1);
        }

        var postData = {};
        postData.source = $("#DataSourceId").val();
        postData.type = sectionType;
        postData.currentpage = $("#Page").val();

        $.ajax({
            type: 'POST',
            url: _url,
            data: JSON.stringify(postData),
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                $("#AreMoreResultsAvailable").val(data.AreMoreResultsAvailable);
                if (data.AreMoreResultsAvailable) {
                    $("#blog-load-more").show();
                }
                else {
                    $("#blog-load-more").hide();
                }
                if (type > 0) {
                    $('.listing-wrap').html('');
                }
                if (data.BlogItemModelList.length > 0) {
                    var articleCTA = data.ArticleCTA;
                    $.each(data.BlogItemModelList, function (i, item) {
                        var redir = "/" + $('#hdnLanguage').val() + "/blog/" + item.Section + "/" + item.ItemName;
                        //var redir = "/" + $('#hdnLanguage').val() + "/blog-entry?id=" + item.ItemId;
                        var row = '<article class="blog-item">'
                            + '<h3 class="p">' + item.Section.toUpperCase() + '</h3>'
                            + '<h2 class="h3"><a href="' + redir + '">' + item.Title + '</a></h2>'
                            + '<a href="' + redir + '" target="_self">'
                            + ' <figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(' + item.ImageUrl + ');">'
                            + ' </figure>'
                            + ' </a>'
                            + ' <div class="details">'
                            + ' <p>' + item.TeaserText + '&nbsp;<a href=' + redir + '>' + articleCTA + '</a></p>'
                            + '</div>'
                            + '</article>';

                        $('.listing-wrap').append(row);
                    });
                } else {
                    $('.listing-wrap').html('');
                    $('.listing-wrap').html('No records found.');
                }
                //var y = $(window).scrollTop();
                //$(window).scrollTop(y + 20);
                //}
                //else {
                //$('html, body').animate({
                //    scrollTop: $("#blog-list").offset().top - 80
                //}, 500);
                //}

            },
            error: function () {
                console.log("Unknown error occured");
            }
        });
    }

    function goToSectionOld() {
        // var _url = '/api/cxa/Blog/GetBlogListing';

        var postData = {};
        postData.source = $("#DataSourceId").val();
        postData.type = "All";
        postData.currentpage = "1";


        $.ajax({
            type: 'POST',
            url: '/api/cxa/Blog/GetBlogListingData',
            data: JSON.stringify(postData),
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                debugger;
                $("#AreMoreResultsAvailable").val(data.AreMoreResultsAvailable);
                if (data.AreMoreResultsAvailable) {
                    $("#blog-load-more").show();
                }
                else {
                    $("#blog-load-more").hide();
                }

                $.each(data.BlogItemModelList, function (i, item) {


                    var row = '<article class="blog-item">'
                        + '<h3 class="p">' + item.Section + '</h3>'
                        + '<h2 class="h3"><a href="#">' + item.Title + '</a></h2>'
                        + '<a href="#">'
                        + ' <figure class="bgp-cc bgsz-cv bgr-n marB15" style="background-image: url(' + item.ImageUrl + ');">'
                        + ' </figure>'
                        + ' </a>'
                        + ' <div class="details">'
                        + ' <p>' + item.TeaserText + '</p>'
                        + '</div>'
                        + '</article>';


                    $('.listing-wrap').append(row);
                });
                //if (reset == 0) {

                //    var y = $(window).scrollTop();
                //    $(window).scrollTop(y + 20);
                //}
                //else {
                //$('html, body').animate({
                //    scrollTop: $("#blog-list").offset().top - 80
                //}, 500);
                //}

            },
            error: function () {
                console.log("Unknown error occured");
            }
        });
    }
</script>
</div>

<footer class="page-footer fl-fix  bg-white">
<div class="wrapper">
<div class="footer-top d-f jc-sb w100 ai-fs ">
<div class="left-section">
<div class="footer-links d-f ai-fs c-dark">
<div class="col to-load">
<div class="block">
<h4>Shop</h4>
<ul>
<li>
<a href="/en-us/category/wireless-speakers" target>
Wireless Speakers
</a>
</li>
<li>
<a href="/en-us/category/wireless-headphones" target>
Headphones
</a>
</li>
<li>
<a href="/en-us/integrated-solutions" target>
Integrated Solutions
</a>
</li>
<li>
<a href="/en-us/category/accessories" target>
Accessories
</a>
</li>
<li>
<a href="/en-us/category/outlet" target>
Outlet
</a>
</li>
<li>
<a href="https://connect.studentbeans.com/v4/hosted/bowers-wilkins/us" target="_blank">
Student Discount
</a>
</li>
</ul>
</div>
</div>
<div class="col to-load">
<div class="block">
<h4>Our Brand</h4>
<ul>
<li>
<a href="/en-us/our-story" target>
About Us
</a>
</li>
<li>
<a href="/en-us/blog" target>
Stories in Sound
</a>
</li>
<li>
<a href="/en-us/brand-partnerships" target>
Our Partners
</a>
</li>
<li>
<a href="/en-us/careers" target>
Careers
</a>
</li>
<li>
<a href="/en-us/bowers-wilkins-music-app" target>
Music App
</a>
</li>
</ul>
</div>
</div>
<div class="col to-load">
<div class="block">
<h4>Support</h4>
<ul>
<li>
<a href="/en-us/contact-us" target>
Contact Us
</a>
</li>
<li>
<a href="/en-us/find-a-retailer" target>
Find a Retailer
</a>
</li>
<li>
<a href="/en-us/productregistration" target>
Product Registration
</a>
</li>
<li>
<a href="/en-us/support" target>
Product Support
</a>
</li>
<li>
<a href="/en-us/archive" target>
Product Archive
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="subscribe-section to-load right-section">
<h5>Sign up to our newsletter</h5>
<div class="klaviyo-form-S56B7X"></div>
</div>
</div>
<div class="footer-midle d-f jc-sb w100 ai-fs">
<div class="left-section d-f  w100 ai-fs ">
<div class="follow-us">
<h4 class="p">Follow us</h4>
<ul class="social-icons to-load">
<li>
<a href="https://www.instagram.com/bowerswilkins/" target="_blank">
<img src="/-/media/images/bw_nd_ecom/shared/social-media/social-icon1.svg" alt>
</a>
</li>
<li>
<a href="https://www.facebook.com/BowersWilkins/" target="_blank">
<img src="/-/media/images/bw_nd_ecom/shared/social-media/social-icon3.svg" alt>
</a>
</li>
<li>
<a href="https://twitter.com/bowerswilkins" target="_blank">
<img src="/-/media/images/bw_nd_ecom/shared/social-media/social-icon2.svg" alt>
</a>
</li>
<li>
<a href="https://www.youtube.com/bowerswilkins" target="_blank">
<img src="/-/media/images/bw_nd_ecom/shared/social-media/social-icon4.svg" alt>
</a>
</li>
</ul>
</div>
<div class="payments-methods">
<h4 class="p">We proudly accept</h4>
<ul class="d-f ai-c">
<li>
<img src="/-/media/images/bw_nd_ecom/shared/payment-types/card2-dark.svg" alt="payments" class>
</li>
<li>
<img src="/-/media/images/bw_nd_ecom/shared/payment-types/card1-dark.svg" alt="payments" class>
</li>
<li>
<img src="/-/media/images/bw_nd_ecom/shared/payment-types/card3-dark.svg" alt="payments" class>
</li>
<li>
<img src="/-/media/images/bw_nd_ecom/shared/payment-types/card6-dark.svg" alt="payments" class>
</li>
<li>
<img src="/-/media/images/bw_nd_ecom/shared/payment-types/card5-dark.svg" alt="payments" class>
</li>
</ul>
</div>
</div>
<div class="right-section">
<ul class="other-links">
<li>
<a href="/en-us/privacy-policy" target>Privacy</a>
</li>
<li>
<a href="/en-us/warranty" target>Warranty</a>
</li>
<li>
<a href="/en-us/terms-and-conditions" target>Payment Terms &amp; Conditions</a>
</li>
<li>
<a href="/en-us/compliance" target>Compliance</a>
</li>
<li>
<a href="/en-us/website-terms-of-use" target>Terms of Use</a>
</li>
<li>
<a href="/en-us/terms-and-conditions-of-supply" target>Terms &amp; Conditions of Supply</a>
</li>
<li>
<a href="https://www.bowerswilkins.com/en-us/support/shop-support#delivery" target>Delivery Policy</a>
</li>
<li>
<a href="/en-us/compliance/ada" target>Accessibility</a>
</li>
<li>
<a href="https://returns.narvar.com/bowerswilkins/returns?locale=en_US" target="_blank">Request a Return</a>
</li>
<li>
<a href="/en-us/order-status" target>Order Status</a>
</li>
</ul>
</div>
</div>
<div class="footer-btm d-f  w100 ai-fs">
<div class="left-section d-f  w100 ai-fs">
<div class="languageSelector">
<p class="p-small"><a href="#chooseLanguage" data-fancybox>United States</a></p>
</div>
<div id="chooseLanguage" class="choose-language" style="display: none;">
<div class="container">
<h4>Select your location</h4>
<ul class="languageList">
<li>
Americas
<ul>
<li><a href="https://www.bowerswilkins.com/en-us" target><strong>United States</strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/en-ca" target><strong>Canada</strong> <span></span></a></li>
</ul>
</li>
<li>
Europe
<ul>
<li><a href="https://www.bowerswilkins.com/en-gb" target><strong>United Kingdom</strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/fr-fr" target><strong>France </strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/es-es" target><strong>Spain</strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/it-it" target><strong>Italy</strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/de-de" target><strong>Germany</strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/nl-nl" target><strong>Netherlands</strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/en-eu" target><strong>Europe</strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/ru-ru" target><strong>Russia</strong> <span></span></a></li>
</ul>
</li>
<li>
Asia
<ul>
<li><a href="https://www.bowerswilkins.com/en-au" target><strong>Australia</strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/zh-cn" target><strong>China</strong> <span></span></a></li>
<li><a href="https://www.bowerswilkins.com/ja-jp" target><strong>Japan</strong> <span></span></a></li>
</ul>
</li>
</ul>
</div>
</div>
<p class="p-small">5541 Fermi Court, Carlsbad, CA 92008 | (800) 370 3740 </p>
</div>
<div class="right-section ta-r">
<p class="copy  p-small">&#169; Bowers &amp; Wilkins 2022 All rights reserved.</p>
</div>
</div>
</div>
</footer>

</div>
<script src="/-/media/base-themes/core-libraries/scripts/optimized-min.js?t="></script><script src="/-/media/base-themes/xa-api/scripts/optimized-min.js?t=20230706T231358Z"></script><script src="/-/media/base-themes/main-theme/scripts/optimized-min.js?t=20230706T231146Z"></script><script src="/-/media/base-themes/google-maps-js-connector/scripts/optimized-min.js?t=20230706T221948Z"></script><script src="/-/media/base-themes/maps/scripts/optimized-min.js?t=20230706T221958Z"></script><script src="/-/media/base-themes/searchtheme/scripts/optimized-min.js?t=20230706T222319Z"></script><script src="/-/media/base-themes/components-theme/scripts/optimized-min.js?t=20230706T222712Z"></script><script src="/-/media/base-themes/resolve-conflicts/scripts/optimized-min.js?t=20230706T222041Z"></script><script src="/-/media/base-themes/commerce-core-libraries/scripts/optimized-min.js?t=20230706T222049Z"></script><script src="/-/media/base-themes/commerce-services-theme/scripts/optimized-min.js?t=20230706T222105Z"></script><script src="/-/media/base-themes/commerce-core-theme/scripts/optimized-min.js?t=20230706T222119Z"></script><script src="/-/media/base-themes/commerce-components-theme/scripts/optimized-min.js?t=20230706T222134Z"></script><script src="/-/media/base-themes/commerce-main-theme/scripts/optimized-min.js?t=20230706T222149Z"></script><script src="/-/media/extension-themes/storefront-branded-extension/scripts/optimized-min.js?t=20230327T152052Z"></script>
<section class="login-section" style="display:none;">
<div class="bg-white">
<a href="#" class="login-close"></a>
<div class="inner">
<div class="Login-pop" id="Login-pop">
<input type="hidden" value="The Email Address or Password provided is incorrect." id="hdnLoginError" />
<div class="component cxa-login-component" data-cxa-component-class="LoginForm" data-cxa-component-initialized="false" data-cxa-component-type="form" data-return-url>
<div class="pop-header ta-c bg-cream" id="popheader">
<a href="#" class="back-btn"></a>
<div class="dvBWCloudVerifiedMsg" style="display:none;">
<h3>Success</h3>
Your account has been verified.
</div>
<h3>Log into your account</h3>
</div>
<div class="divSendConfirmMail marB20" style="display:none;">
<p>
You must confirm your account. Check your email for the confirmation link or <a href="#" onclick="opensendmailpopup();"> click here </a>for a new link.
</p>
</div>
<input type="hidden" id="hidnLocale" value="en-us" />
<div>
<span id="ctl00_ctl38_g_ec9b0230_190c_4caa_b874_e64fbb85c941_LoginErrorMsg" class="formError"></span>
</div>
<div class="login-content">
<form action="/api/cxa/Account/LoginUser" data-ajax="true" data-ajax-begin="LoginForm.OnBegin" data-ajax-complete="LoginForm.OnComplete" data-ajax-method="Post" data-ajax-success="LoginForm.OnSuccess" id="LoginForm" method="post"><input name="__RequestVerificationToken" type="hidden" value="Cs1CPD6Srnx214_q2XpXoRgSVCUjQMIVsnwgl0FAz73GdekW1sk4NIhwt5tZ7gTlFyO8uzFe372PYXOON_Jr5TLCRg7cfk_Fh_dx2CqO64A1" /> <div class="cart-form">
<div class="login-username">
<div class="row req form-row small">
<input type="hidden" name="BaseURL" id="BaseURL" value="https://www.bowerswilkins.com" />
<input type="hidden" name="ReturnUrl" id="ReturnUrl" value />
<label for="LogInUserName">Email</label>
<div class="input-field ">
<input id="LogInUserName" class="clsLogin" name="UserName" placeholder type="text" value onblur="validateloginEmail(this);">
<div class="customer-msgs error-msg" id="emailMsg">
<div class="error name" id="errorUnregister">
<p>Please enter a valid email address</p>
</div>
<div class="error name" id="errorRequired" style="display:none;">
<p>The email address is required</p>
</div>
</div>
</div>
</div>
</div>
<div class="login-password">
<div class="row req form-row small">
<label for="LogInPassword">Password</label>
<div class="input-field ">
<input id="LogInPassword" class="clsLogin" name="Password" placeholder type="password" value onkeyup="validateloginpass(this);">
<div class="customer-msgs error-msg">
<input id="hdnPassErrorMsg" type="hidden" value="The password is required" />
<div class="error name" id="passMsg">
<p>The password is required</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="login-submit">
<div class="row right">
<button type="button" id="SignInButton" onclick="SubmitData();" data-loading-text="Authenticating ..." class="disabled-in-design btn ff_77 cap disabled ">Log in</button>
</div>
</div>
<p class="f12">
Forgotten your password? <a class="showForgetPass link" href="#forget-pop">Reset it here</a>
</p>
</form> </div>
<div class="cart-form forgetform" style="display:none;" id="divSendMailVerify">
<div class="pop-header ta-c bg-cream">
<a href="#" class="back-btn"></a>
<h3>Send confirmation link</h3>
</div>
<p class="email-verify">Please hit Send below and we will send you an email with your confirmation key.</p>
<div class>
<div class="email-entry-section" data-bind="visible: showEmailEntryView">
<p>Email : <span id="spnuid"></span> </p>
</div>
</div>
<div class="row form-row login-submit">
<div class="email-entry-buttons">
<button id="btnSend" onclick="SendConfirmationMail();" class="btn floatR ff_77 cap">Send</button>
<input type="hidden" id="hdnfName" value />
<input type="hidden" id="hdnlName" value />
<input type="hidden" id="hdnUid" value />
</div>
</div>
</div>
<div class="row marB10 bottom-row">
<h4 class="subtitle">New to Bowers & Wilkins?</h4>
<p>
<a href="#account-pop" class="link showCreateAccount">
Set up an account today
</a>
</p>
</div>
</div>
<div id="dvmsg-pop" class="small-pop" style="display:none;">
</div>
<script>

    function validateloginEmail(mail) {
        if (mail.value != '') {
            if (SharedValidateEmail(mail.value)) {
                $("#emailMsg").hide();
                $("#errorUnregister").hide();
                $("#errorRequired").hide();

                $(".login-username .row").addClass("success");
                $(".login-username .row").removeClass("error");
            }
            else {
                $("#emailMsg").show();
                $("#errorUnregister").show();
                $("#errorRequired").hide();

                $(".login-username .row").addClass("error");
                $(".login-username .row").removeClass("success");
            }
        }
        else {
            $("#emailMsg").show();
            $("#errorUnregister").hide();
            $("#errorRequired").show();

            $(".login-username .row").addClass("error");
            $(".login-username .row").removeClass("success");
        }
        ManageLoginButton();
    }

    function validateloginpass(pass) {
        if (pass.value != '') {
            $(".login-password .row").addClass("success");
            $(".login-password .row").removeClass("error");
        }
        else {
            $("#passMsg").html("<P>" + $("#hdnPassErrorMsg").val() + "</p>");
            $(".login-password .row").addClass("error");
            $(".login-password .row").removeClass("success");
        }
        ManageLoginButton();
    }

    function ManageLoginButton() {
        var _userName = $("#LogInUserName").val();
        var _password = $("#LogInPassword").val();

        //if ($(".login-username .row").hasClass("error") == true || $(".login-password .row").hasClass("error") == true) {
        if (_userName == '' || _password =='') {
            $("#SignInButton").addClass("disabled");
        }
        else {
            $("#SignInButton").removeClass("disabled");

        }
    }

    function LoginValidation() {
        var isValid = 1;
        if ($('#LogInUserName').val() != '') {
            if (SharedValidateEmail($('#LogInUserName').val())) {
                $("#emailMsg").hide();
                $("#errorUnregister").hide();
                $("#errorRequired").hide();
                $(".login-username .row").addClass("success");
                $(".login-username .row").removeClass("error");
                isValid = 1
            }
            else {
                $("#emailMsg").show();
                $("#errorUnregister").show();
                $("#errorRequired").hide();
                $(".login-username .row").addClass("error");
                $(".login-username .row").removeClass("success");
                isValid = 0;
            }
        }
        else {
            $("#emailMsg").show();
            $("#errorUnregister").hide();
            $("#errorRequired").show();
            $(".login-username .row").addClass("error");
            $(".login-username .row").removeClass("success");
            isValid = 0;
        }
        if ($('#LogInPassword').val() != '') {
            $(".login-password .row").addClass("success");
            $(".login-password .row").removeClass("error");
            isValid = 1;

        }
        else {
            $(".login-password .row").addClass("error");
            $(".login-password .row").removeClass("success");
            isValid = 0;
        }

        return isValid;
    }

    function ShowUpsertUserMessage() {
        $(".dvBWCloudVerifiedMsg").html('Your account is not fully registered. Please go back and create an account to set your password.').show();        
    }

    function SubmitData() {
		
        $(".login-username .row").addClass("success");
        $(".login-password .row").addClass("success");
        var isValid = LoginValidation();

        if (isValid == 0) {

            event.preventDefault();
        }
        else {
            //BW Cloud API Check
            var _url = '/api/cxa/BWUserAccount/LoginUserBW'; 
			var form = $('#LoginForm');
			var token = $('input[name="__RequestVerificationToken"]', form).val();
            $.ajax({
                type: "POST",
                url: _url,
                data: { 'UserName': $('#LogInUserName').val(), 'Password': encodeURIComponent($('#LogInPassword').val()), __RequestVerificationToken: token },
                async: false, 
                dataType: 'json',
                beforeSend: function () {
                },
                success: function (data) {

                    var statusCode = data.StatusCode;    //Cloud authentication response
                    var isUserExist = data.IsUserExists; //Check user in sitecore

                    if (statusCode == 200) {
                        if (typeof (JSON.parse(data.Response).verified) != "undefined" && JSON.parse(data.Response).verified == true) {

                            sessionStorage.setItem("access_token", JSON.parse(data.Response).access_token);
                            sessionStorage.setItem("refresh_token", JSON.parse(data.Response).refresh_token);
                            sessionStorage.setItem("uid", encodeURIComponent($('#LogInUserName').val())); 

                            if (!isUserExist) {
                                if (JSON.parse(data.Response).firstname != undefined && JSON.parse(data.Response).lastname != undefined) {
                                    //Call to create user in sitecore
                                    CreateUserInSitecoreAPI(JSON.parse(data.Response).firstname, JSON.parse(data.Response).lastname, JSON.parse(data.Response).email)
                                }
                                else {
                                    ShowUpsertUserMessage();
                                }                                
                            }
                            else {
                                //Login if user exist both side
                                LoginUserSite();
                            }
                        }
                        else {

                            $("#hdnfName").val(JSON.parse(data.Response).firstname);
                            $("#hdnlName").val(JSON.parse(data.Response).lastname);
                            $("#hdnUid").val(JSON.parse(data.Response).email);

                            $(".divSendConfirmMail").show();
                        }

                    }
                    else if (statusCode == 404) {

                        $(".login-username .row").removeClass("success");
                        $(".login-password .row").removeClass("success");
                        $(".login-username .row").addClass("error");
                        $(".login-password .row").addClass("error");
                        $("#emailMsg").hide();
                        $("#passMsg").html("<P>Please try again or reset your password to gain access to your account.</p>");
                    }
                    else if (statusCode == 409)
                    {
                        ShowUpsertUserMessage();
                    }
                    else if (statusCode == 400) {

                        alert("We are experiencing technical issues in our end. Please try again later.");
                    }

                },
                complete: function (data) {

                    // $(".loader").hide();

                },
                error: function (jqXHR, status, err) {

                    //Server Exception
                    alert("We are experiencing technical issues in our end. Please try again later.");
                }
            });


        }

    }

    function LoginUserSite() {

        var _url = $('#BaseURL').val() + '/api/cxa/Account/LoginUserSubmit';
        $.ajax({
            type: "POST",
            url: _url,
            data: { 'UserName': $('#LogInUserName').val(), 'Password': encodeURIComponent($('#LogInPassword').val()) },
            async: false,
            dataType: 'json',
            beforeSend: function () {
            },
            success: function (data) {

                if (data.Success == false && data.Errors != null && data.Errors.length > 0) {
                    OpenPopup("dvmsg-pop", data.Errors[0]);
                }
                else if (data.Success == false) {
                    OpenPopup("dvmsg-pop", $('#hdnLoginError').val());
                }
                else if (data.Success == true) {
                    var currlocale = $('#hidnLocale').val();
                    var returnUrl = "/";

                    // Check PTA login for product registration
                    const urlParams = new URLSearchParams(location.search);
                    if (urlParams.has('p_next_page')) {
                        CheckPTALogin();
                    }
                    else {
                        //Checkout Login BW ;
                        if (window.location.href.toLowerCase().indexOf('checkout') >= 0) {                            
                            $('#dvHeaderChecked').show();
                            $('#dvHeaderUnChecked').hide();
                            $('.login-close').click();

                            window.location.reload();
                        }
                        else {
                            if ($('#ReturnUrl').val() != "")
                                returnUrl = $('#BaseURL').val() + $('#ReturnUrl').val();
                            else
                                returnUrl = $('#BaseURL').val() + '/' + currlocale + '/accountmanagement';
                            window.location.href = returnUrl;
                        }
                    }
                }
            },
            complete: function (data) {
                // $(".loader").hide();
            },
            error: function (jqXHR, status, err) {

            }
        });
    }

    function CheckPTALogin() {
        var _url = '/api/cxa/BWUserAccount/RightnowPTA';
        $.ajax({
            type: 'GET',
            async: false,
            url: _url,
            success: function (data) {      
                returnUrl = data.responseText;
                window.location.href = returnUrl;
            }
        });
    }

    function opensendmailpopup() {
        $("#divSendMailVerify").show();
        $(".login-content").hide();
        $("#popheader").hide();
        $(".divSendConfirmMail").hide();
        $("#spnuid").text($("#hdnUid").val());
    }

    function SendConfirmationMail() {
        var firstname = $("#hdnfName").val();
        var lastname = $("#hdnlName").val();
        var username = $("#hdnUid").val();

        sendMail(firstname, lastname, username);
    }

    function sendMail(firstname, lastname, username) {

        var _url = '/api/cxa/BWUserAccount/SendVerificationMail';
        $.ajax({
            type: "POST",
            url: _url,
            data: { 'firstname': firstname, 'lastname': lastname, 'username': username },
            async: false,
            dataType: 'json',
            beforeSend: function () {
            },
            success: function (data) {

                setTimeout(function () { $(".login-close").click(); }, 500);
                
                var statusCode = data.StatusCode;
                if (statusCode == 200) {

                }
                else if (statusCode == 400) {

                }
            },
            complete: function (data) {

            },
            error: function (jqXHR, status, err) {
                OpenPopup("dvmsg-pop", "We are experiencing technical issues in our end. Please try again later.");
            }
        });//$.ajax({

        return false;
    }

    function CreateUserInSitecoreAPI(fname, lname, userName) {
       
        var _url = $('#BaseURL').val() + '/api/cxa/Account/UserRegistrationBW';
        $.ajax({
            type: "POST",
            url: _url,
            data: { 'FirstName': fname, 'LastName': lname, 'UserName': userName, 'Password': "T21uaWVAMTIz", 'ConfirmPassword': "T21uaWVAMTIz"  },
            async: false,
            dataType: 'json',
            beforeSend: function () {
            },
            success: function (data) {
                
                LoginUserSite();
            },
            complete: function (data) {
                // $(".loader").hide();

            },
            error: function (jqXHR, status, err) {
                OpenPopup("dvmsg-pop", "We are experiencing technical issues in our end. Please try again later.");

            }
        });
    }

    function OpenPopup(divid, txt) {
        $.fancybox.close();
        $('#' + divid).html(txt);
        $.fancybox.open({
            src: '#' + divid,
            type: 'inline',
            opts: {
                afterShow: function (instance, current) {

                }
            }
        });
    }

    function SubmitDataOld() {
        var isValid = 1;
        if ($('#LogInUserName').val() != '') {
            if (SharedValidateEmail($('#LogInUserName').val())) {
                $(".login-username .row").addClass("success");
                $(".login-username .row").removeClass("error");
                isValid = 1
            }
            else {
                $(".login-username .row").addClass("error");
                $(".login-username .row").removeClass("success");
                isValid = 0;
            }
        }
        else {
            $(".login-username .row").addClass("error");
            $(".login-username .row").removeClass("success");
            isValid = 0;
        }
        if ($('#LogInPassword').val() != '') {
            $(".login-password .row").addClass("success");
            $(".login-password .row").removeClass("error");
            isValid = 1;

        }
        else {
            $(".login-password .row").addClass("error");
            $(".login-password .row").removeClass("success");
            isValid = 0;
        }
        if (isValid == 0) {

            event.preventDefault();
            //return false;
        }
        else {

            var _url = $('#BaseURL').val() + '/api/cxa/Account/LoginUserSubmit';
            $.ajax({
                type: "POST",
                url: _url,
                data: { 'UserName': $('#LogInUserName').val(), 'Password': $('#LogInPassword').val() },
                async: false,
                dataType: 'json',
                beforeSend: function () {
                },
                success: function (data) {

                    console.log(data);
                    if (data.Success == false && data.Errors != null && data.Errors.length > 0) {
                        OpenPopup("dvmsg-pop", data.Errors[0]);
                    }
                    else if (data.Success == false) {
                        OpenPopup("dvmsg-pop", $('#hdnLoginError').val());
                    }                    
                    else if (data.Success == true) {
                        var currlocale = $('#hidnLocale').val();
                        var returnUrl = "/";

                        if ($('#ReturnUrl').val() != "")
                            returnUrl = $('#BaseURL').val() + $('#ReturnUrl').val();
                        else
                            returnUrl = $('#BaseURL').val() + '/' + currlocale + '/accountmanagement';
                        window.location.href = returnUrl;
                    }
                },
                complete: function (data) {

                    // $(".loader").hide();

                },
                error: function (jqXHR, status, err) {


                }
            });
        }

        }

    jQuery(document).ready(function () {

		$('.cxa-login-component').on('keypress', function (e) {
            if (e.which == 13) {
                SubmitData();
            }
        });

        var $widgetDiv = jQuery("#janrainEngageEmbed"),
            $newcontainer2 = jQuery("#newcontainer2");
        //append widget div to new container
        $widgetDiv.appendTo($newcontainer2);
        //setCookie('LoginPageUrl', '', -1);
        $('#rblNewCustomerPage').click(function () {
            $('#Password').hide();
            $('#Password').next('.field-validation-error').hide();
            $('#rowRemeberMe').hide();
            $('#SignInButton').hide();
            $('#lnkRegister').show();
            if ($.trim($('#UserName').val()) != '') {
                $('#lnkRegister').attr('href', '/en-us/registration?email=' + $.trim($('#UserName').val()));
            }
            else {
                $('#lnkRegister').attr('href', '/en-us/registration');
            }
        });
        $('#rblExistingCustomerPage').click(function () {
            $('#Password').show();
            $('#Password').next('.field-validation-error').show();
            $('#rowRemeberMe').show();
            $('#SignInButton').show();
            $('#lnkRegister').hide();
        });
    });
	
    function setCookie(key, value) {
        //var expires = new Date();
        //expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
        document.cookie = key + '=' + value;
    }

    function getCookie(key) {
        var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
        return keyValue ? keyValue[2] : null;
    }

    function getUrlParameter(name) {
        name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
        var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
        var results = regex.exec(location.search);
        return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
    };

</script>
<style>
    .login-page .page-btns-row {
        display: none;
    }
</style>
</div>
<div class="account-pop create-account-pop" style="display: none;" id="account-pop">
<div class="account-left">
</div>
<div class="account-right">
<div class="component cxa-register-component">
<section id="page-body" role="main">
<script type="text/javascript" src="/assets-BW/dist/js/datavalidation.js"></script>
<input type="hidden" value id="hdnResult" />
<input name="ctl00$ctl38$g_292510f1_68ec_4e80_916e_2df328efa91a$hdnBackID" type="hidden" id="ctl00_ctl38_g_292510f1_68ec_4e80_916e_2df328efa91a_hdnBackID" value="0" />
<input type="hidden" id="hdnLocale" value="us" />
<input type="hidden" id="hidnLocale" value="en-us" />
<input type="hidden" id="hidnaccerror" value="Please enter a valid email address" />
<input type="hidden" id="hidnpassError" value="The password doesn&#39;t meet the system requirements" />
<div class="dvCreateUser">
<div class="pop-header ta-c bg-cream">
<a href="#" class="back-btn"></a>
<span class="icon">
</span>
<h3>Create an account</h3>
</div>
<div class="wrapInner gray-box ">
<div class="registeration-form gray-box-content cart-form  " data-cxa-component-class="RegistrationForm" data-cxa-component-initialized="false" data-cxa-component-type="form">
<form action="/api/cxa/Account/UserRegistrationBW" data-ajax="true" data-ajax-begin="OnBegin" data-ajax-complete="OnComplete" data-ajax-method="Post" data-ajax-success="OnSuccess" id="RegisterForm" method="post"><input name="__RequestVerificationToken" type="hidden" value="XW8N0LkpXOgoZQjzFYE4XJxlcrRU2cZixUf7ARpRB6mwjcu7PmjZSUyUIBkJz-qXVxs79D5uo5LyL2m23zSGIVV8Zcc75x5OcNnSfs9Mbyo1" /> <div class="lab lab1 M_lab35 MS_lab100 inp inp2P M_inp65 sel sel2P M_sel65 noBorder">
<div class="container bg_LinearContent marB15 padT10">
<span id="ctl00_ctl38_g_292510f1_68ec_4e80_916e_2df328efa91a_ltError" class="UserRegError formError"></span>
<div class="cart-form">
<div class="two-cols d-f jc-sb">
<div class="form-row mob100 req logFirst">
<label class>First name</label>
<div class="input-field ">
<label style="display:none" for="FirstName">First Name</label>
<input name="FirstName" type="text" id="FirstName" class="textbox" maxlength="24" />
<div class="customer-msgs error-msg">
<div class="error name">
<p>The first name is required</p>
</div>
</div>
</div>
</div>
<div class="form-row mob100 req logLast">
<label class>Last name</label>
<div class="input-field ">
<label style="display:none" for="LastName">Last Name</label>
<input name="LastName" type="text" id="LastName" class="textbox" maxlength="25" />
<div class="customer-msgs error-msg">
<div class="error name">
<p>The last name is required</p>
</div>
</div>
</div>
</div>
</div>
<div class="two-cols d-f jc-sb">
<div class="form-row  req mob100 logEmail mobMarB25">
<label class>Email address</label>
<div class="input-field ">
<label style="display:none" for="UserName">UserName</label>
<input name="UserName" type="text" id="UserName" class="textbox" maxlength="50" value onblur="validateEmail(this)" />
<div class="customer-msgs error-msg" id="emailMsg">
<div class="error name" id="errInvalid">
<p>Please enter a valid email address</p>
</div>
<div class="error name" id="errReq">
<p>The email address is required</p>
</div>
<div class="error name" id="errAlready">
</div>
</div>
</div>
</div>
<div class="form-row   mob100 logPass req">
<label class>
Password
</label>
<div class="input-field ">
<label style="display:none" for="Password">Password</label>
<input name="Password" type="password" id="Password" class="textbox" maxlength="60" autocomplete="Off" onblur="passwordCheck(this);" />
<div class="customer-msgs error-msg">
<div class="error msg">
<p>The password is required</p>
</div>
</div>
</div>
</div>
</div>
<div class="two-cols d-f jc-sb">
<div class="form-row   mob100 logConPass req">
<label class>Confirm password</label>
<div class="input-field ">
<label style="display:none" for="ConfirmPass">Confirm Password</label>
<input name="ConfirmPassword" type="password" id="ConfirmPass" class="textbox" maxlength="60" autocomplete="Off" />
<div class="customer-msgs error-msg">
<div class="error">
<p>The password confirmation is required</p>
</div>
</div>
</div>
</div>
</div>
<div class="two-cols d-f jc-sb">
<div class="form-row   mob100 logCountry req">
<div class="input-field ">
<label style="display:none" for="ddlAccountCountries">Select a country</label>
<div class="c-select">
<select id="ddlAccountCountries">
<option value="All" selected="selected">- Select country -</option>
<option value="AF" data-id="180">Afghanistan</option>
<option value="AX" data-id="192">&#197;land Islands</option>
<option value="AL" data-id="72">Albania</option>
<option value="DZ" data-id="79">Algeria</option>
<option value="AS" data-id="193">American Samoa</option>
<option value="AD" data-id="58">Andorra</option>
<option value="AO" data-id="80">Angola</option>
<option value="AI" data-id="111">Anguilla</option>
<option value="AQ" data-id="174">Antarctica</option>
<option value="AG" data-id="194">Antigua and Barbuda</option>
<option value="AR" data-id="109">Argentina</option>
<option value="AM" data-id="65">Armenia</option>
<option value="AW" data-id="195">Aruba</option>
<option value="AU" data-id="24">Australia</option>
<option value="AT" data-id="11">Austria</option>
<option value="AZ" data-id="66">Azerbaijan</option>
<option value="BS" data-id="116">Bahamas</option>
<option value="BH" data-id="113">Bahrain</option>
<option value="BD" data-id="152">Bangladesh</option>
<option value="BB" data-id="112">Barbados</option>
<option value="BY" data-id="69">Belarus</option>
<option value="BE" data-id="9">Belgium</option>
<option value="BZ" data-id="213">Belize</option>
<option value="BJ" data-id="210">Benin</option>
<option value="BM" data-id="114">Bermuda</option>
<option value="BT" data-id="187">Bhutan</option>
<option value="BO" data-id="115">Bolivia</option>
<option value="BA" data-id="73">Bosnia and Herzegovina</option>
<option value="BW" data-id="82">Botswana</option>
<option value="BV" data-id="212">Bouvet Island</option>
<option value="BR" data-id="30">Brazil</option>
<option value="IO" data-id="235">British Indian Ocean Territory</option>
<option value="BN" data-id="162">Brunei Darussalam</option>
<option value="BG" data-id="52">Bulgaria</option>
<option value="BF" data-id="209">Burkina Faso</option>
<option value="BI" data-id="197">Burundi</option>
<option value="CV" data-id="218">Cape Verde</option>
<option value="KH" data-id="14">Cambodia</option>
<option value="CM" data-id="98">Cameroon</option>
<option value="CA" data-id="2">Canada</option>
<option value="KY" data-id="127">Cayman Islands</option>
<option value="CF" data-id="95">Central African Republic</option>
<option value="TD" data-id="198">Chad</option>
<option value="CL" data-id="25">Chile</option>
<option value="CN" data-id="13">China</option>
<option value="CX" data-id="219">Christmas Island</option>
<option value="CC" data-id="214">Cocos (Keeling) Islands</option>
<option value="CO" data-id="27">Colombia</option>
<option value="KM" data-id="234">Comoros</option>
<option value="CD" data-id="215">Congo (the Democratic Republic of the)</option>
<option value="CG" data-id="86">Congo (the)</option>
<option value="CK" data-id="216">Cook Islands</option>
<option value="CR" data-id="108">Costa Rica</option>
<option value="CI" data-id="83">C&#244;te d&#39;Ivoire</option>
<option value="HR" data-id="47">Croatia</option>
<option value="CU" data-id="217">Cuba</option>
<option value="CY" data-id="53">Cyprus</option>
<option value="CZ" data-id="51">Czech Republic</option>
<option value="DK" data-id="36">Denmark</option>
<option value="DJ" data-id="220">Djibouti</option>
<option value="DM" data-id="118">Dominica</option>
<option value="DO" data-id="119">Dominican Republic</option>
<option value="EC" data-id="120">Ecuador</option>
<option value="EG" data-id="159">Egypt</option>
<option value="SV" data-id="164">El Salvador</option>
<option value="GQ" data-id="229">Equatorial Guinea</option>
<option value="ER" data-id="199">Eritrea</option>
<option value="EE" data-id="50">Estonia</option>
<option value="SZ" data-id="200">Swaziland</option>
<option value="ET" data-id="81">Ethiopia</option>
<option value="FK" data-id="222">Falkland Islands (the) [Malvinas]</option>
<option value="FO" data-id="177">Faroe Islands</option>
<option value="FJ" data-id="121">Fiji</option>
<option value="FI" data-id="37">Finland</option>
<option value="FR" data-id="7">France</option>
<option value="GF" data-id="226">French Guiana</option>
<option value="PF" data-id="133">French Polynesia</option>
<option value="TF" data-id="257">French Southern Territories</option>
<option value="GA" data-id="224">Gabon</option>
<option value="GM" data-id="84">Gambia</option>
<option value="GE" data-id="67">Georgia</option>
<option value="DE" data-id="3">Germany</option>
<option value="DH" data-id="96">Ghana</option>
<option value="DI" data-id="170">Gibraltar</option>
<option value="GR" data-id="48">Greece</option>
<option value="GL" data-id="201">Greenland</option>
<option value="GD" data-id="225">Grenada</option>
<option value="GP" data-id="172">Guadeloupe</option>
<option value="GU" data-id="123">Guam</option>
<option value="GT" data-id="122">Guatemala</option>
<option value="GG" data-id="150">Guernsey</option>
<option value="GN" data-id="228">Guinea</option>
<option value="GW" data-id="231">Guinea-Bissau</option>
<option value="GY" data-id="232">Guyana</option>
<option value="HT" data-id="124">Haiti</option>
<option value="HM" data-id="233">Heard Island and McDonald Islands</option>
<option value="VA" data-id="70">Holy See</option>
<option value="HN" data-id="165">Honduras</option>
<option value="HK" data-id="19">Hong Kong</option>
<option value="HU" data-id="39">Hungary</option>
<option value="IS" data-id="75">Iceland</option>
<option value="IN" data-id="28">India</option>
<option value="ID" data-id="31">Indonesia</option>
<option value="IR" data-id="158">Iran (Islamic Republic of)</option>
<option value="IQ" data-id="125">Iraq</option>
<option value="IE" data-id="6">Ireland</option>
<option value="IM" data-id="153">Isle of Man</option>
<option value="IL" data-id="106">Israel</option>
<option value="IT" data-id="34">Italy</option>
<option value="JM" data-id="107">Jamaica</option>
<option value="JP" data-id="15">Japan</option>
<option value="JE" data-id="151">Jersey</option>
<option value="JO" data-id="160">Jordan</option>
<option value="KZ" data-id="179">Kazakhstan</option>
<option value="KE" data-id="85">Kenya</option>
<option value="KI" data-id="236">Kiribati</option>
<option value="KP" data-id="208">Korea (the Democratic People&#39;s Republic of)</option>
<option value="KR" data-id="148">Korea (the Republic of)</option>
<option value="KW" data-id="126">Kuwait</option>
<option value="KG" data-id="61">Kyrgyzstan</option>
<option value="LA" data-id="238">Lao People&#39;s Democratic Republic</option>
<option value="LV" data-id="46">Latvia</option>
<option value="LB" data-id="128">Lebanon</option>
<option value="LS" data-id="240">Lesotho</option>
<option value="LR" data-id="87">Liberia</option>
<option value="LY" data-id="88">Libyan Arab Jamahiriya</option>
<option value="LI" data-id="56">Liechtenstein</option>
<option value="LT" data-id="45">Lithuania</option>
<option value="LU" data-id="8">Luxembourg</option>
<option value="MO" data-id="146">Macao</option>
<option value="MG" data-id="99">Madagascar</option>
<option value="MW" data-id="130">Malawi</option>
<option value="MY" data-id="33">Malaysia</option>
<option value="MV" data-id="171">Maldives</option>
<option value="ML" data-id="242">Mali</option>
<option value="MT" data-id="44">Malta</option>
<option value="MH" data-id="241">Marshall Islands (the)</option>
<option value="MQ" data-id="178">Martinique</option>
<option value="MR" data-id="243">Mauritania</option>
<option value="MU" data-id="202">Mauritius</option>
<option value="YT" data-id="267">Mayotte</option>
<option value="MX" data-id="16">Mexico</option>
<option value="FM" data-id="223">Micronesia (Federated States of)</option>
<option value="MD" data-id="68">Moldova (the Republic of)</option>
<option value="MC" data-id="110">Monaco</option>
<option value="MN" data-id="157">Mongolia</option>
<option value="ME" data-id="104">Montenegro</option>
<option value="MS" data-id="244">Montserrat</option>
<option value="MA" data-id="89">Morocco</option>
<option value="MZ" data-id="100">Mozambique</option>
<option value="MM" data-id="186">Myanmar</option>
<option value="MA" data-id="101">Namibia</option>
<option value="NR" data-id="246">Nauru</option>
<option value="NP" data-id="144">Nepal</option>
<option value="NL" data-id="4">Netherlands</option>
<option value="AN" data-id="203">Netherlands Antilles</option>
<option value="NC" data-id="176">New Caledonia</option>
<option value="NZ" data-id="97">New Zealand</option>
<option value="NI" data-id="166">Nicaragua</option>
<option value="NE" data-id="102">Niger (the)</option>
<option value="NG" data-id="90">Nigeria</option>
<option value="NU" data-id="247">Niue</option>
<option value="NF" data-id="245">Norfolk Island</option>
<option value="MP" data-id="204">Northern Mariana Islands (the)</option>
<option value="NO" data-id="54">Norway</option>
<option value="OM" data-id="131">Oman</option>
<option value="PK" data-id="135">Pakistan</option>
<option value="PW" data-id="250">Palau</option>
<option value="PS" data-id="154">Palestine, State of</option>
<option value="PA" data-id="167">Panama</option>
<option value="PG" data-id="134">Papua New Guinea</option>
<option value="PY" data-id="168">Paraguay</option>
<option value="PE" data-id="132">Peru</option>
<option value="PH" data-id="32">Philippines (the)</option>
<option value="PN" data-id="249">Pitcairn</option>
<option value="PL" data-id="38">Poland</option>
<option value="PT" data-id="43">Portugal</option>
<option value="PR" data-id="136">Puerto Rico</option>
<option value="QA" data-id="137">Qatar</option>
<option value="MK" data-id="155">Republic of North Macedonia</option>
<option value="RE" data-id="175">R&#233;union</option>
<option value="RO" data-id="42">Romania</option>
<option value="RU" data-id="23">Russian Federation (the)</option>
<option value="RW" data-id="91">Rwanda</option>
<option value="BL" data-id="211">Saint Barth&#233;lemy</option>
<option value="SH" data-id="253">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="KN" data-id="237">Saint Kitts and Nevis</option>
<option value="LC" data-id="239">Saint Lucia</option>
<option value="PM" data-id="248">Saint Pierre and Miquelon</option>
<option value="VC" data-id="263">Saint Vincent and the Grenadines</option>
<option value="WS" data-id="266">Samoa</option>
<option value="SM" data-id="71">San Marino</option>
<option value="ST" data-id="205">Sao Tome and Principe</option>
<option value="SA" data-id="138">Saudi Arabia</option>
<option value="SN" data-id="103">Senegal</option>
<option value="RS" data-id="78">Serbia</option>
<option value="SC" data-id="252">Seychelles</option>
<option value="SL" data-id="206">Sierra Leone</option>
<option value="SG" data-id="26">Singapore</option>
<option value="SK" data-id="40">Slovakia</option>
<option value="SI" data-id="41">Slovenia</option>
<option value="SB" data-id="251">Solomon Islands</option>
<option value="SO" data-id="255">Somalia</option>
<option value="ZA" data-id="57">South Africa</option>
<option value="GS" data-id="230">South Georgia and the South Sandwich Islands</option>
<option value="ES" data-id="18">Spain</option>
<option value="LK" data-id="129">Sri Lanka</option>
<option value="SD" data-id="163">Sudan (the)</option>
<option value="SR" data-id="139">Suriname</option>
<option value="SJ" data-id="254">Svalbard and Jan Mayen</option>
<option value="SE" data-id="22">Sweden</option>
<option value="CH" data-id="10">Switzerland</option>
<option value="SY" data-id="161">Syrian Arab Republic</option>
<option value="TW" data-id="17">Taiwan (Province of China)</option>
<option value="TJ" data-id="62">Tajikistan</option>
<option value="TZ" data-id="185">Tanzania, United Republic of</option>
<option value="TH" data-id="20">Thailand</option>
<option value="TL" data-id="260">Timor-Leste</option>
<option value="TG" data-id="258">Togo</option>
<option value="TK" data-id="259">Tokelau</option>
<option value="TO" data-id="261">Tonga</option>
<option value="TT" data-id="140">Trinidad and Tobago</option>
<option value="TN" data-id="94">Tunisia</option>
<option value="TR" data-id="55">Turkey</option>
<option value="TM" data-id="63">Turkmenistan</option>
<option value="TC" data-id="256">Turks and Caicos Islands (the)</option>
<option value="TV" data-id="262">Tuvalu</option>
<option value="UG" data-id="191">Uganda</option>
<option value="UA" data-id="60">Ukraine</option>
<option value="AE" data-id="105">United Arab Emirates</option>
<option value="GB" data-id="5">United Kingdom</option>
<option value="UM" data-id="207">United States Minor Outlying Islands</option>
<option value="US" data-id="1" selected="selected">United States</option>
<option value="UY" data-id="141">Uruguay</option>
<option value="UZ" data-id="64">Uzbekistan</option>
<option value="VU" data-id="264">Vanuatu</option>
<option value="VE" data-id="142">Venezuela (Bolivarian Republic of)</option>
<option value="VN" data-id="29">Viet Nam</option>
<option value="VG" data-id="196">Virgin Islands (British)</option>
<option value="VI" data-id="143">Virgin Islands (U.S.)</option>
<option value="WF" data-id="265">Wallis and Futuna</option>
<option value="EH" data-id="221">Western Sahara</option>
<option value="YE" data-id="182">Yemen</option>
<option value="ZM" data-id="92">Zambia</option>
<option value="ZW" data-id="181">Zimbabwe</option>
</select>
</div>
<div class="customer-msgs error-msg">
<div class="error">
<p>Please select your country</p>
</div>
</div>
</div>
</div>
<input type="hidden" name="MarketingLanguage" id="MarketingLanguage" value />
<input type="hidden" name="MarketingCountryCode" id="MarketingCountryCode" value />
<input type="hidden" name="MarketingCountryID" id="MarketingCountryID" value />
</div>
<p class>Passwords must be at least eight characters and include at least 3 of the following: upper case letter(s), lower case letter(s), number(s), special character(s)</p>
</div>
</div>
<div class="container ">
<div id="errorMessage" style="color:red;">
</div>
</div>
<div class="sub-block marT20 marB10">
<div class="sub-block-content">
<div class="sub-block-row">
<div class="c-checkbox round">
<label style="display:none" for="RegEmailOptin">Email</label>
<input type="checkbox" id="RegEmailOptin" name="emailer" checked value="true">
<label for="RegEmailOptin"></label>
</div>
<p class="ff-Aktiv-GroteskMedium">Please tick this box to be kept up to date with products, news and events from Bowers & Wilkins.</p>
</div>
</div>
</div>
<div class="login-submit">
<button type="button" id="registerButton1" class="btn ff_77 cap marR10 bg_LinearContent btn-red" data-loading-text="Registering ..." onclick="btnSubmit();">Create account</button>
</div>
</div>
<script>
                                    window.dataLayer = window.dataLayer || [];
                                    function OnBegin() {

                                        document.getElementById('errorMessage').innerHTML = '';
                                    }

                                    function OnSuccess(result) {
                                        console.log('OnSuccess:');
                                        console.log(result);
                                        if (!result.HasErrors) {

                                            UpdateBWOrigins(result);

                                            var currlocale = $('#hidnLocale').val();
                                            dataLayer.push({
                                                'event': 'AccountCreated'
                                            });
                                            //window.location.href = '/' + currlocale + '/accountmanagement';
                                            //window.location.href = window.location.href;
                                        }
                                    }

                                    function OnComplete(data) {
                                        console.log('OnComplete:');
                                        console.log(data);
                                        if (data.responseJSON.HasErrors) {
                                            var errorMessage = data.responseJSON.Errors[0];
                                            if (errorMessage.indexOf('already exists') != -1) {
                                                //document.getElementById('errorMessage').innerHTML = $('#hidnaccerror').val();
                                                document.getElementById('errorMessage').innerHTML = "";
                                            }
                                        }
                                    }
                                </script>
</form>
<div class="sub-block marB0 mob-marB40">
<div class="sub-block-content">
<div class="sub-block-row padL15">
<p class="ff-Aktiv-GroteskMedium">By selecting &lsquo;Create account&rsquo; you accept the Bowers &amp; Wilkins <a href="/en-US/Privacy-Policy">Privacy Policy</a> and terms of sale.</p>
</div>
</div>
</div>
</div>


</div>
<div class="row marB10 bottom-row">
<h4 class="subtitle">Already have an account?</h4>
<p>
<a href="#account-pop" class="link showLogin">
Log in here
</a>
</p>
</div>
</div>
<div class="dvCreateUserConfirmation" style="display: none;">
<div class="row-user-registration-confirmation">
<div class="pop-header ta-c bg-cream">
<a href="#" class="back-btn"></a>
<h3>Success</h3>
</div>
<div class="forgotpassword-confirmation-message marB20">
You must confirm your account. Please check your email for the confirmation link.
</div>
<div class="forgotpassword-confirmation-email marB20">
Email : <span id="spnUsername"></span>
</div>
<div class="row form-row login-submit">
<a class="btn" href="/en-us">Back to shopping</a>
</div>
<div class="row marB10 bottom-row">
<h4 class="subtitle">New to Bowers & Wilkins?</h4>
<p>
<a href="#account-pop" class="link showCreateAccount">
Set up an account today
</a>
</p>
</div>
</div>
</div>
</section>
</div>
</div>
<div id="dvmsg-pop" class="small-pop" style="display:none;">
</div>
<script>
    function validateEmail(mail) {

        if (mail.value != '') {
            if (SharedValidateEmail(mail.value)) {

                $(".logEmail").addClass("success");
                $(".logEmail").removeClass("error");

                $("#errInvalid").hide();
                $("#errReq").hide();
                $("#errAlready").hide();
            }
            else {
                $(".logEmail").addClass("error");
                $(".logEmail").removeClass("success");

                $("#errInvalid").show();
                $("#errReq").hide();
                $("#errAlready").hide();
            }
        }
        else {
            $(".logEmail").addClass("error");
            $(".logEmail").removeClass("success");

            $("#errInvalid").hide();
            $("#errReq").show();
            $("#errAlready").hide();
        }
    }

    function RegistrationValidation() {
        var isvalid = 1;
        if ($("#FirstName").val() == "") {
            $(".logFirst").removeClass("success");
            $(".logFirst").addClass("error");
            isvalid = 0;

        } else {
            $(".logFirst").removeClass("error");
            $(".logFirst").addClass("success");
        }
        if ($("#LastName").val() == "") {
            $(".logLast").removeClass("success");
            $(".logLast").addClass("error");
            isvalid = 0;

        } else {
            $(".logLast").removeClass("error");
            $(".logLast").addClass("success");
        }

        if (!SharedValidateEmail($('#UserName').val())) {

            $(".logEmail").addClass("error");
            $(".logEmail").removeClass("success");
            $("#errInvalid").show();
            $("#errReq").hide();
            $("#errAlready").hide();
            isvalid = 0;
        }
        else {
            $(".logEmail").addClass("success");
            $(".logEmail").removeClass("error");
            $("#errInvalid").hide();
            $("#errReq").hide();
            $("#errAlready").hide();

        }
        if (!SharedpasswordCheck($('#Password').val())) {
            $(".logPass").addClass("error");
            $(".logPass").removeClass("success");
            isvalid = 0;
        }
        else {
            $(".logPass").addClass("success");
            $(".logPass").removeClass("error");

        }
        if ($('#ConfirmPass').val() == '') {
            $(".logConPass").addClass("error");
            $(".logConPass").removeClass("success");
            isvalid = 0;
        }
        else {
            if ($('#Password').val() != $('#ConfirmPass').val()) {
                $(".logConPass").removeClass("success");
                $(".logConPass").addClass("error");
                isvalid = 0;
            }
            else {
                $(".logConPass").addClass("success");
                $(".logConPass").removeClass("error");

            }
        }
        //Country
        if ($("#ddlAccountCountries").val().toLowerCase() == "all") {
            isvalid = 0;
            $(".logCountry").removeClass("success");
            $(".logCountry").addClass("error");
        }
        else {
            $(".logCountry").addClass("success");
            $(".logCountry").removeClass("error");
        }

        return isvalid;
    }

    function OpenSuccessDiv() {
        $(".dvCreateUser").hide();
        $(".dvCreateUserConfirmation").show();
        $("#spnUsername").text($("#UserName").val())
    }

    function btnSubmit() {
        var result = RegistrationValidation();

        if (result == 0) {
            event.preventDefault();
        }
        else {
            // Fill marketing fields for Oracle cloud service
            $('#MarketingLanguage').val(navigator.language);
            $('#MarketingCountryCode').val($("#ddlAccountCountries").val());
            $('#MarketingCountryID').val($("#ddlAccountCountries").find(':selected').data('id'));
            var emailer = $("input[name='emailer']").prop("checked");

            var _url = '/api/cxa/BWUserAccount/CreateUserBW';
            $.ajax({
                type: "POST",
                url: _url,
                data: { 'FirstName': $('#FirstName').val(), 'LastName': $('#LastName').val(), 'UserName': $('#UserName').val(), 'Password': encodeURIComponent($('#Password').val()), 'emailer': emailer, 'MarketingCountryCode': $("#ddlAccountCountries").val() },
                async: false,
                dataType: 'json',
                beforeSend: function () {
                },
                success: function (data) {
                    console.log(data);

                    var statusCode = data.StatusCode;

                    if (statusCode == 201) {
                        //Success Call
                        $("#RegisterForm").trigger('submit');

                        sessionStorage.setItem("temp_token", JSON.parse(data.Response).access_token);

                        OpenSuccessDiv();
                    }
                    else if (statusCode == 409) {
                        //Already Exist User
                        //Need to update user data if not fully registerd
                        $("#RegisterForm").trigger('submit');

                        //var txt = "Email already in use for bowerswilkins: " + $('#UserName').val();
                        $("#errAlready").html('<p>There is already an account with this email address.</p>');

                        $(".logEmail").addClass("error");
                        $(".logEmail").removeClass("success");

                        $("#errInvalid").hide();
                        $("#errReq").hide();

                        $("#errAlready").show();
                        //OpenPopup("dvmsg-pop", txt);
                    }
                    else {
                        //Server Exception
                        OpenPopup("dvmsg-pop", "We are experiencing technical issues in our end. Please try again later.");
                    }
                },
                complete: function (data) {
                    // $(".loader").hide();

                },
                error: function (jqXHR, status, err) {
                    OpenPopup("dvmsg-pop", "We are experiencing technical issues in our end. Please try again later.");
                }
            });
        }


    }

    function OpenPopup(divid, txt) {
        $.fancybox.close();
        $('#' + divid).html(txt);
        $.fancybox.open({
            src: '#' + divid,
            type: 'inline',
            opts: {
                afterShow: function (instance, current) {

                }
            }
        });
    }

    function UpdateBWOrigins(obj) {

        var originId = obj.User.ExternalId.split('-')[2];
        var token = sessionStorage.getItem("temp_token");

        var _url = '/api/cxa/BWUserAccount/UpdateBWOrigins';
        $.ajax({
            type: "POST",
            url: _url,
            data: { 'Token': token, 'OriginId': originId },
            async: false,
            dataType: 'json',
            beforeSend: function () {
            },
            success: function (data) {
                console.log(data);
            },
            complete: function (data) {
                // $(".loader").hide();

            },
            error: function (jqXHR, status, err) {
                OpenPopup("dvmsg-pop", "We are experiencing technical issues in our end. Please try again later.");
            }
        });
    }
</script>
<style>
    .registration-page .page-btns-row {
        display: none;
    }
</style>
</div>
<div class="forget-pop  create-account-pop" style="display: none;" id="forget-pop">
<div class="component cxa-forgotpassword-component" data-cxa-component-class="ForgotPasswordForm" data-cxa-component-initialized="false" data-cxa-component-type="form">
<div class="wrapInner">
<div id="ctl00_ctl38_g_4821f9e2_edf1_494b_8515_47893fe40505_ctl00_pnlForgorPassword">
<div class="container marB10">
<div class="row bg_LinearContent marB10 padT10">
<div class="col_3 MS_100">
<div class="rowBMar20 lab lab1 M_lab35 MS_lab100 inp inp2P M_inp65 sel sel2P noBorder">
<div><span id="ctl00_ctl38_g_4821f9e2_edf1_494b_8515_47893fe40505_ctl00_LoginErrorMsg" class="formError"></span></div>
<div class="component-content">
<div class="forgot-password-form">
<input name="__RequestVerificationToken" type="hidden" value="NWtoECxHBIHf0CukusFlt01Dp1Oi0ln-GoyEzdtrmSMNkOHMBD1st3AsSUsFGppNLl6Bcdwxs6eY04Iki_obUcRtNMRsbHr44zd4qbPggj81" />
<input id="RenderingItemId" name="RenderingItemId" type="hidden" value="{A41C0112-40E0-41DF-80F1-7A7D7A335E0B}" />
<div class="cart-form forgetform">
<div class="pop-header ta-c bg-cream">
<a href="#" class="back-btn"></a>
<h3>Forgotten password</h3>
</div>
<p class="email-verify">Enter the email address linked to your Bowers & Wilkins account, and we will send you an email allowing you to reset your password.</p>
<div class="row req foremailfield form-row small">
<div class="email-entry-section" data-bind="visible: showEmailEntryView">
<label for="EmailAddress">Email</label>
<div class="input-field">
<input autocomplete="off" id="ForEmailAddress" name="EmailAddress" placeholder type="text" value>
<div class="customer-msgs error-msg">
<div class="error name" id="errorUnregister-sa" style="display:none;">
<p>The email format is invalid</p>
</div>
<div class="error name" id="errorRequired-sa" style="display:none;">
<p>The email address is required</p>
</div>
<div class="error name" id="errorUserNotExist-sa" style="display:none;">
<p>Your email address has not been recognized. Please check your details and try again or create a new account.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row form-row login-submit">
<div class="email-entry-buttons">
<button data-loading-text="Submitting..." id="btnSubmission" onclick="SubmitForgetPassData();" title class="btn floatR ff_77 cap  ">Submit</button>
</div>
</div>
</div>
<input type="hidden" id="submitText" value="Submit" />
<div class="errorMsg"><p id="errorMsg"></p></div>
<div class="row-forgotpassword-confirmation" style="display: none;">
<div class="pop-header ta-c bg-cream">
<a href="#" class="back-btn"></a>
<h3>Success</h3>
</div>
<div class="forgotpassword-confirmation-message">
<p>Your email address has been recognized. </p>
<p>Please check your inbox for instructions to set up a new password.</p>
</div>
<div class="forgotpassword-confirmation-email marB30" style="display:none;">
<p>Email: <b><span class="spnEmailAddress" data-bind="text: displayEmailAddress"></span></b></p>
</div>
<div class="row form-row login-submit">
<a class="btn" href="/en-us">Back to shopping</a>
</div>
</div>
<script>
                                                function ForgotPasswordFormOnSuccess(result) {
                                                    console.log('OnSuccess:');
                                                    console.log(result);
                                                    if (!result.HasErrors) {
                                                        $('.spnEmailAddress').text($('#ForEmailAddress').val())
                                                        $('.forgetform').hide();
                                                        $('.errorMsg').hide();
                                                        $('.row-forgotpassword-confirmation').show();
                                                    }
                                                    else {
                                                        $('#ForEmailAddress').prop("disabled", false);
                                                    }
                                                }
                                                function ForgotPasswordFormOnComplete(result) {
                                                    console.log('OnComplete:');

                                                    $('#RenderingItemId').prop("disabled", false);
                                                    $('input[name="__RequestVerificationToken"]').prop("disabled", false);
                                                    $('#Submission').text($('#submitText').val());
                                                    $('#Submission').prop("disabled", false);
                                                    console.log(result);
                                                    if (result.responseJSON.HasErrors) {
                                                        var errorMessage = result.responseJSON.Errors[0];
                                                        document.getElementById('errorMsg').innerHTML = result.responseJSON.Errors[0];
                                                    }
                                                }
                                            </script>
</div>
</div>

</div>

</div>

</div>

</div>
</div>

</div>
<div class="row marB10 bottom-row">
<h4 class="subtitle">New to Bowers & Wilkins?</h4>
<p>
<a href="#account-pop" class="link showCreateAccount">
Set up an account today
</a>
</p>
</div>
</div>
<div id="dvfmsg-pop" class="small-pop" style="display:none;">
</div>
<script>
    function SubmitForgetPassData() {
        debugger
        var isValid = 1;
        if ($('#ForEmailAddress').val() != '') {
            if (SharedValidateEmail($('#ForEmailAddress').val())) {
                $(".foremailfield").addClass("success");
                $(".foremailfield").removeClass("error");
                isValid = 1
            }
            else {
                $(".foremailfield").addClass("error");
                $(".foremailfield").removeClass("success");
                isValid = 0;
                event.preventDefault();
                $('.foremailfield').prop("disabled", false);
                $("#errorUnregister-sa").show();
                $("#errorRequired-sa").hide();
                $("#errorUserNotExist-sa").hide();
            }
        }
        else {
            $(".foremailfield").addClass("error");
            $(".foremailfield").removeClass("success");
            isValid = 0;
            event.preventDefault();
            $('.foremailfield').prop("disabled", false);
            $("#errorUnregister-sa").hide();
            $("#errorRequired-sa").show();
            $("#errorUserNotExist-sa").hide();
        }
        if (isValid == 0) {
            event.preventDefault();
            //return false;
        }
        else {
            //BW Cloud API Check
            var _url = '/api/cxa/BWUserAccount/ForgotPasswordBW';
            $.ajax({
                type: "POST",
                url: _url,
                data: { 'emailAddress': $('#ForEmailAddress').val() },
                async: false,
                dataType: 'json',
                beforeSend: function () {
                },
                success: function (data) { 
                    console.log(data);                    
                    var statusCode = data.StatusCode;
                    console.log(statusCode);
                    if (statusCode == 202) {

                        $('.spnEmailAddress').text($('#ForEmailAddress').val())
                        $('.forgetform').hide();
                        $('.errorMsg').hide();
                        $('.row-forgotpassword-confirmation').show();

                        $('#RenderingItemId').prop("disabled", false);
                        $('input[name="__RequestVerificationToken"]').prop("disabled", false);
                        $('#Submission').text($('#submitText').val());
                        $('#Submission').prop("disabled", false);
                    }
                    else if (statusCode == 404) { 
                        //alert("User Not Exists");
                        //OpenPopup("dvfmsg-pop", "User Not Exist");
                        //debugger
                        $(".foremailfield").addClass("error");
                        $(".foremailfield").removeClass("success");
                        $("#errorUserNotExist-sa").show();
                        $("#errorUnregister-sa").hide();
                        $("#errorRequired-sa").hide();
                    }
                    else if (statusCode == 409) {
                        OpenPopup("dvfmsg-pop", 'Your account is not fully registered. Please go back and create an account to set your password.');
                    }
                    else if (statusCode == 400) { 
                        alert("Server not respond. Please try later.");
                    }

                },
                complete: function (data) {

                    // $(".loader").hide();

                },
                error: function (jqXHR, status, err) {

                    //Server Exception
                    alert("Server not respond. Please try later.");
                }
            });
        }
    }

    function OpenPopup(divid, txt) {
        $.fancybox.close();
        $('#' + divid).html(txt);
        $.fancybox.open({
            src: '#' + divid,
            type: 'inline',
            opts: {
                afterShow: function (instance, current) {

                }
            }
        });
    }
</script>
</div>
<div class="logout-pop" style="display: none;" id="logout-pop">
<div class="wrapInner">
<div id="ctl00_ctl38_g_4821f9e2_edf1_494b_8515_47893fe40505_ctl00_pnlForgorPassword">
<div class="container marB10">
<div class="row bg_LinearContent marB10 padT10">
<div class="col_3 MS_100">
<div class="rowBMar20 lab lab1 M_lab35 MS_lab100 inp inp2P M_inp65 sel sel2P noBorder">
<div><span id="ctl00_ctl38_g_4821f9e2_edf1_494b_8515_47893fe40505_ctl00_LoginErrorMsg" class="formError"></span></div>
<div class="component-content">
<div class="forgot-password-form">
<div class="cart-form forgetform">
<div class="pop-header ta-c bg-cream">
<a href="#" class="back-btn"></a>
</div>
<p class="email-verify">You have successfully logged out</p>
<div class="row form-row login-submit">
<div class="email-entry-buttons">
<div class="actions">
<a href="/en-us" target class="btn" title>Go to homepage</a>
</div>
</div>
</div>
</div>
</div>
</div>

</div>

</div>

</div>

</div>
</div>
<div class="row marB10 bottom-row">
<h4 class="subtitle">Didn’t mean to log out?</h4>
<p>
<a href="#account-pop" class="link showLogin">
Log in again now
</a>
</p>
</div>

</div>
</div>
</div>
</div>
</section>
<script src="/assets-bw/dist/js/plugins.min.js "></script>
<script src="/assets-bw/dist/js/bw.min.js "></script>
<script type="text/javascript" src="/assets-bw/dist/js/custom.js?v=07112022"></script>
<script type="text/javascript" src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<input type="hidden" value="Bowers Wilkins" id="hdnSiteId" />
<input type="hidden" id="hdnPreorderText" value="Pre-Order" />
</body>

</html>
<script>
    $(document).ready(function () {
		/*
        var urlComponent = window.location.pathname.split('/');
        getMonetateAddToCartRowsItems();
        var varids = [];
        var pageType = '';
        if (urlComponent.length >= 3 && urlComponent[2] == "product") {
            ProductTrackMonetateIntervalId = window.setInterval(function () { ProductTrackMonetate(); }, 1000);
        }
        else if ($('.monetate-search').length > 0) {
            pageType = 'search';
            $('.monetate-search').find('li').each(function () {
                var productId = $(this).find('h4').html();
                 
                // SKU Calls
                var sku = '';
                varids.push({ "productId": productId, "sku": sku });
            });

            if (varids.length > 0) {
                ProductTrackMonetateIntervalId = window.setInterval(function () { TrackMonetate(varids, pageType); }, 1000);
            }
        }
        else if (urlComponent.length >= 3 && urlComponent[2] != "product" && urlComponent[2] != "") {
            MonetateIndex();
        }
        else if ((urlComponent.length >= 2 && urlComponent[1] != "") || (urlComponent.length >= 3 && urlComponent[2] != "")) {

            pageType = 'homepage';

            $('.promo-products').each(function (promoProductkey, promoProductValue) {

                $(promoProductValue).find('.item').each(function (Productkey, ProductValue) {

					if($(ProductValue).attr("data-tab") != "Categories") {	
					
						var productId = $(ProductValue).find('.prod-content h4').html();
						productId = removeProductIdSpace(productId);
						// SKU Calls
						var sku = '';

						varids.push({ "productId": productId, "sku": sku });
					
					}
				
                });

            });

            if (varids.length > 0) {
                ProductTrackMonetateIntervalId = window.setInterval(function () { TrackMonetate(varids, pageType); }, 1000);

            }
        }
		
		*/

        //site wide banner work BW start
        sessionStorage.setItem("site_wide_banner", true);
        var _site_wide_banner_close = sessionStorage.getItem("site_wide_banner_close");
        if ($('#dvSiteWide').length > 0) {
            if (_site_wide_banner_close) {
                sessionStorage.removeItem('site_wide_banner');
                $('#dvSiteWide').hide();
                $('html').removeClass('hasMsgBanner');
            } else {
                $('html').addClass('hasMsgBanner');
                $('#dvSiteWide').show();
            }
        }

        setTimeout(function () {
            if ($('.product-navigation').length) {
                var hHeight = $('.page-header').outerHeight(true);
                $('.product-navigation').css('top', hHeight);
            }
            if ($('.main').length) {

                var hHeight = $('.page-header').outerHeight(true);
                $('.main').css('margin-top', hHeight);
            }
        }, 200);
		var cName = get('sxa_site').toLowerCase() + '#lang';
		var cookieName = get(cName);
		setInterval(function() {
			if(cookieName.toLowerCase() != get(cName).toLowerCase())
			{
				window.location.href = '/'+ get(cName).toLowerCase();
			}
		}, 1000);
    });
    $("#closeSitewide").one("click", function (e) {
        sessionStorage.removeItem('site_wide_banner');
        sessionStorage.setItem("site_wide_banner_close", true);
        $('html').removeClass('hasMsgBanner');
        $(e.target).remove();
    });
	function get(name){
		let cookie = {};
		  document.cookie.split(';').forEach(function(el) {
			let [key,value] = el.split('=');
			cookie[key.trim()] = value;
		  })
		  return cookie[name];
	}
</script>
