

	<!-- new pages go at the top -->
	

	<!-- Paste here - 2023 new pages -->
	
	
		<!-- Sample Block -->


		<!-- End Sample Block -->


	<!-- new pages go at the top -->

	
<!-- Paste here - new pages go at the top -->
         
    
<!-- leave the rest of the page alone -->


<!-- elemental components -->


<!-- feature loop -->
	
	
<!-- end feature loop -->


<!-- features to 3 -->
	
	
<!-- end features to 3 -->


<!-- shop all -->
	
	
<!-- end shop all -->


<!-- random images and stuff -->
<!-- burst -->
	
<!-- end burst -->

<!-- burst 2 -->
	
<!-- end burst 2 -->

<!-- paint_strip -->
	<!-- PARENT ELEMENT HAS TO BE RELATIVELY POSITIONED!!! -->
	
<!-- end paint_strip -->


<!-- square -->
	
<!-- end ribbon -->


<!-- square -->
	
<!-- end square -->

<!-- Used for brand logos -->
<!-- start amana -->
	
	
<!-- end amana -->


<!-- start ashley -->
	
	
<!-- end ashley -->


<!-- start avanti -->
	
	
<!-- end avanti -->


<!-- beko -->
	
	
<!-- end beko -->


<!-- bosch -->
	
	
<!-- end bosch -->


<!-- start broyhill -->
	
	
<!-- end broyhill -->


<!-- start dacor -->
	
	
<!-- end dacor -->


<!-- start dcs -->
	
	
<!-- end dcs -->


<!-- electrolux -->
	
	
<!-- end electrolux -->

<!-- fisher and paykel -->
	
	
<!-- end fisher and paykel -->

<!-- friedrich -->
	
	
<!-- end friedrich -->

<!-- frigidaire -->
	
	
<!-- end frigidaire -->

<!-- frigidaire gallery -->
	
	
<!-- end frigidaire gallery -->

<!-- frigidaire professional -->
	
	
<!-- end frigidaire professional -->

<!-- GE Appliances [has to go before "GE" for prototyping reasons] -->
	
	
<!-- end GE Appliances -->

<!-- GE Profile [has to go before "GE" for prototyping reasons] -->
	

<!-- end GE Profile -->

<!-- GE -->
	
	
<!-- end GE -->

<!-- haier -->
	
	
<!-- end haier -->

<!-- icomfort -->
	
	
<!-- end icomfort -->

<!-- kitchenaid -->
	
	
<!-- end kitchenaid -->

<!-- lg -->
	
	
<!-- end lg -->

<!-- malouf -->
	
	
<!-- end malouf -->

<!-- maytag -->
	
	
<!-- end maytag -->

<!-- miele -->
	
	
<!-- end miele -->

<!-- monogram -->
	
	
<!-- end monogram -->

<!-- Renue -->
	
	
<!-- end Renue -->

<!-- samsung -->
	
	
<!-- end samsung -->

<!-- sealy -->
	
	
<!-- end sealy -->

<!-- serta -->
	
	
<!-- end serta -->


<!-- stearns and foster -->
	

<!-- end stearns and foster -->


<!-- summit -->
	
	
<!-- end summit -->


<!-- tempurpedic -->
	
	
<!-- end tempurpedic -->


<!-- weber -->
	
	
<!-- end weber -->


<!-- whirlpool -->
	
	
<!-- end whirlpool -->


<!-- regular page edits below -->


	<!-- new pages go at the top -->
	

	<!-- Paste here - 2023 new pages -->
	
	
		<!-- Sample Block -->


		<!-- End Sample Block -->


	<!-- new pages go at the top -->

	
<!-- Paste here - new pages go at the top -->
         
    
<!-- leave the rest of the page alone -->


<!DOCTYPE html>
<html lang="en" class="page-loading">
  <head>

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	
	<meta name="google-site-verification" content="LRvIWuqr59jsqIpSG5L_xE9QkBN4VmQSsw-coZ29UQ4" />

	
<!-- Defines -->


    <!-- GTAG Loading and Config Setup -->
    <script>
        function normalizePrice(price){
            if (price.includes('$')) {
                price = price.split('$').join('');
            }

            if (price.includes(',')) {
                price = price.split(',').join('');
            }
            
            if (!isNaN(price)) {
                if (parseFloat(price) < 1) {
                    price = 1;
                } else {
                    price = parseFloat(price);
                }
            } else {
                price = 1;
            }

            return price;
        }
    </script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-69406212-17"></script>

            <script>
                window.dataLayer = window.dataLayer || [];
                function gtag(){
                    dataLayer.push(arguments);
                }

                gtag('js', new Date());
                gtag('config', 'UA-69406212-17');

                gtag('config','AW-789438770');
                    // Global site tag (gtag.js) - Google Adwords
  
        // AdRocket Global Site Tag Codes
        // ADD_TO_CART - 789438770/
        // BEGIN_QUOTE_REQUEST - 789438770/
        // CHECKOUT - 789438770/
        // LANDING_PAGE_VIEW - 789438770/
        // NAVIGATION_FROM_SITE - 789438770/
        // PHONE_CALLS_FROM_MOBILE_SITE - 789438770/
        // PRODUCT_PAGE_VIEW - 789438770/
        // PURCHASE - 789438770/
        // QUOTE_REQUEST - 789438770/
        // REBATE_FORM_VIEW - 789438770/
        //
        // Sales Phone - (650) 756-3931
        
        var conversionPhoneNumber = '(650) 756-3931';

            if (conversionPhoneNumber.includes('(')) {
                conversionPhoneNumber = conversionPhoneNumber.replace('(','');
                conversionPhoneNumber = conversionPhoneNumber.replace(') ','-');
            }
        
            gtag('config', 'AW-789438770/',
                {'phone_conversion_number': conversionPhoneNumber}
            );
                            
        
        //must send undefined or url page is linking to. Added id parameter so function works with multiple tracking ids on page.
        function gtag_report_conversion(id, url) {
            var callback = function () {
                if (url !== undefined) {
                    <!-- window.location = url; -->
                }
            };
    
            gtag('event', 'conversion', {
                'send_to': 'AW-789438770/' + id,
                'event_callback': callback
            });
        }
        
        function gtag_report_checkout_conversion(id, price) {

            price = normalizePrice(price);

            gtag('event', 'conversion', {
                'send_to': 'AW-789438770/' + id,
                'value': price,
                'currency': 'USD'
            });

            return false;
        }
            

                //Setup GA4 GTAG Conversion if we have a GA4 key 2 analytics or ga4 key (adrocket)
                //google_analytics_4_key_2 is the master key
                gtag('config', 'G-T6K6QNJFBV');
                   

                    function ga4_report_generic_conversion(eventName) {

        let ga4Conversion = window.localStorage.getItem('ga4_conversion');
        let igniteActivityIds;

        if (ga4Conversion) {
            igniteActivityIds = JSON.parse(ga4Conversion);
        }

        gtag('event', eventName, {
            'send_to': '',
            ...igniteActivityIds
        });

        return false;
    }

    function ga4_report_multi_product_info_conversion(eventName, payload, price){

        payload.forEach(cartItem => {
            cartItem.price = normalizePrice(cartItem.price)
        });

        let ga4Conversion = window.localStorage.getItem('ga4_conversion');
        let igniteActivityIds;

        if (ga4Conversion) {
            igniteActivityIds = JSON.parse(ga4Conversion);
        }

        gtag('event', eventName, {
            'send_to': '',
            'value': normalizePrice(price),
            'currency': 'USD',
            ...igniteActivityIds,
            'items': payload
        });

        return false;  
    }

    function ga4_report_single_product_info_conversion(eventName, payload, price){

        payload.price = normalizePrice(price);

        let ga4Conversion = window.localStorage.getItem('ga4_conversion');
        let igniteActivityIds;

        if (ga4Conversion) {
            igniteActivityIds = JSON.parse(ga4Conversion);
        }

        gtag('event', eventName, {
            'send_to': '',
            'value': normalizePrice(price),
            'currency': 'USD',
            ...igniteActivityIds,
            'items': [
                payload
            ]
        });

        return false;          
    }

    function ga4_report_rebate_form_view(eventName, rebate_form_id, current_product_page) {

        let ga4Conversion = window.localStorage.getItem('ga4_conversion');
        let igniteActivityIds;

        if (ga4Conversion) {
            igniteActivityIds = JSON.parse(ga4Conversion);
        }

        gtag('event', eventName, {
            'send_to': '',
            'rebate_form_id': rebate_form_id,
            'current_product_page': current_product_page,
            ...igniteActivityIds
        });

        return false;
    }

    function ga4_report_navigation(eventName, location_id) {

        let ga4Conversion = window.localStorage.getItem('ga4_conversion');
        let igniteActivityIds;

        if (ga4Conversion) {
            igniteActivityIds = JSON.parse(ga4Conversion);
        }

        gtag('event', eventName, {
            'send_to': '',
            'location_id': location_id,
            ...igniteActivityIds
        });

        return false;
    }

    function ga4_report_landing_page_view(eventName, landing_page_url) {

        let ga4Conversion = window.localStorage.getItem('ga4_conversion');
        let igniteActivityIds;

        if (ga4Conversion) {
            igniteActivityIds = JSON.parse(ga4Conversion);
        }

        gtag('event', eventName, {
            'send_to': '',
            'landing_page_url': landing_page_url,
            ...igniteActivityIds
        });

        return false;
    }

    function ga4_report_product_page_view(eventName, product_id) {

        let ga4Conversion = window.localStorage.getItem('ga4_conversion');
        let igniteActivityIds;

        if (ga4Conversion) {
            igniteActivityIds = JSON.parse(ga4Conversion);
        }

        gtag('event', eventName, {
            'send_to': '',
            'product_id': product_id,
            ...igniteActivityIds
        });

        return false;
    }
                
            </script>

    
    <script>
        
        (function(){
           
            const MS_IN_A_DAY = 86400000;
            const RIGHT_NOW = Date.now();
            let localStorage =  window.localStorage;

             //ardidTimestamp will eventually be handled by the back end.
            let ardidTimestamp = localStorage.getItem('arbid_check_timestamp') ;
            let current_url_params = window.location.search.replace(/[?]/g, '').split('&');
            let arbid_param = current_url_params.filter(function(param) {
                return param.indexOf('arbid') != -1;
            });
            
            if (ardidTimestamp) {
                if ( ( RIGHT_NOW - parseInt(ardidTimestamp) ) > MS_IN_A_DAY ) {
                    localStorage.removeItem('arbid_check_timestamp');
                }
            }
            
            if (arbid_param.length > 0) {
                localStorage.setItem('arbid_check_timestamp', Date.now());
            }

            //GA4 Conversion must remain
            //remove GA4 data if after 24hrs.
            let ga4Conversion = localStorage.getItem('ga4_conversion');

            if (ga4Conversion) {
                let ga4ConversionTimestamp = JSON.parse(ga4Conversion).timestamp

                if ( ( RIGHT_NOW - parseInt(ga4ConversionTimestamp) ) > MS_IN_A_DAY ) {
                    localStorage.removeItem('ga4_conversion');
                } 
            }
        })();
    </script>

	
<script src="/js/axios.min.js?ccid=x54ac1c5b" defer></script>

<script>
	let GTAG_CALLBACK_FAILED = true;// Global variable to prevent timeout if GTAG callback is successful. 
    function getNowInMS(){
        //only used in one spot but may be needed in others. this timestamp is used for ignite marketing activity info stored in local storage
        return {"timestamp": Date.now()};
    }

    function storeIgniteGA4Conversion(payload) {
        

        //remove unnecessary properties from payload
        delete payload.send_to;
        delete payload.action;

        let localStorage = window.localStorage;
        let ga4Conversion = localStorage.getItem('ga4_conversion');
        let rightNow = getNowInMS();
        
        
        localStorage.setItem('ga4_conversion', JSON.stringify({...rightNow, ...payload}));
    }

    function postIgniteEmailMetrics(ignitePayload, redirectURL = false){
            
            let consumer_email = '';
            let consumer_profile_id = '';
            let billable_account_id  = '32321';
			
			let ignitePayloadDTO = {
				ignite_activity_id : ignitePayload.igniteActivityId,
				ignite_media_id : ignitePayload.igniteMediaId,
				ignite_media_set_id : ignitePayload.igniteMediaSetId,
				ignite_media_type: ignitePayload.igniteMediaType
			}

            if (consumer_email && consumer_profile_id && billable_account_id) {
                let webfrontPayload = {consumer_email, consumer_profile_id, billable_account_id};
        
				//Axios is linked resource
				axios.post('/api/internal/wf-appliance/upsert-adrocket-ignite-email-processor-entry?api_key=WSKYRINYDNCQUADFAKXHUQSABSPHABPYTICFKKYOVDTPWYNSAJJTJMHGBAGU', {
					...ignitePayloadDTO,
					...webfrontPayload,
				}).then(response=>{

					if (redirectURL) {
						window.location = redirectURL;
					}

				}).catch(error=>{
					console.log(error);
                    
                    if (redirectURL) {
                        window.location = redirectURL;
                    }
				});
			} else {

                if (redirectURL) {
                    window.location = redirectURL;
                }

            }
    }

    function constructIgnitePayload(actionType, igniteActivityId, igniteMediaId, igniteMediaSetId){
        
        let ardidTimestamp = window.localStorage.getItem('arbid_check_timestamp') ;
        let is_paid_traffic = ardidTimestamp ? true: false;
        
        let payload = {
            'send_to': '',
            'action': actionType,
            'ignite_from_paid_traffic':is_paid_traffic,
            'ignite_media_id': igniteMediaId,
            'ignite_activity_id': igniteActivityId,
        }

        
        if (igniteMediaSetId) {
            payload.ignite_media_set_id = igniteMediaSetId
        }

        return payload;
    }

    function igniteGTAG(redirectURL, actionType , igniteMediaType, igniteActivityId, igniteMediaId, igniteMediaSetId){
        let payload = constructIgnitePayload(actionType, igniteActivityId, igniteMediaId, igniteMediaSetId);
        if (redirectURL) {

            
            payload.event_callback = function(id){
                
                
				GTAG_CALLBACK_FAILED = false;
                if (id === '' && actionType.toLowerCase() === 'click') {
                   postIgniteEmailMetrics({actionType , igniteMediaType, igniteActivityId, igniteMediaId, igniteMediaSetId}, redirectURL);
                }
            }

        } else {
            if (actionType.toLowerCase() === 'click') {
                postIgniteEmailMetrics({actionType , igniteMediaType, igniteActivityId, igniteMediaId, igniteMediaSetId});
            }
        }

        gtag('event', igniteMediaType, payload);

        //Recommended by Google: fallback in case gtag script doesn't load and callback function fails
        if (redirectURL && actionType.toLowerCase() === 'click') {
            setTimeout(()=>{
				
				if (GTAG_CALLBACK_FAILED) {
					postIgniteEmailMetrics({actionType , igniteMediaType, igniteActivityId, igniteMediaId, igniteMediaSetId}, redirectURL);
				}
            }, 1000);
        }
    }
    
    function getIgniteIds(elem){

        let ids ={
            'igniteMediaType': elem.dataset.igniteMediaType,
            'igniteActivityId' : elem.dataset.igniteActivityId,
        }

        
        if (elem.dataset.igniteMediaType === 'ignite_product_flag') {
            ids.igniteMediaId = elem.dataset.igniteMediaId; 
        } else {

            
            // checking if data set exists
            if (elem.dataset.isNavBanner) {

                if (elem.dataset.navBannerDirection === 'down') {
                    ids.igniteMediaId = elem.querySelector('img.slide-down-version').currentSrc.split('/').pop().split('.').shift();
                } else {
                    ids.igniteMediaId = elem.querySelector('img:not(.slide-down-version)').currentSrc.split('/').pop().split('.').shift();
                }
            } else {

				let imageElem = elem.querySelector('img');
				let imageSrc = imageElem.currentSrc;

				//this covers rpi owl carousel which adds the image source after the mutation observer fires. we need to check owl carousel data-src attribute
				if (imageElem.src === '' && imageElem.dataset.src) {
					imageSrc = imageElem.dataset.src;
				}

            
                if (imageSrc.includes('?')) {
                    imageSrc = imageSrc.split('?').shift();
                }

                ids.igniteMediaId = imageSrc.split('/').pop().split('.').shift();
            }

            ids.igniteMediaSetId = elem.dataset.igniteMediaSetId;
        }

        return ids;
    }
    
    function setupIgniteMediaTracking (trackingClassName, redirectURL = false) {
        let igniteMediaElems = document.querySelectorAll(trackingClassName);

        for (let index = 0; index < igniteMediaElems.length; index++) {
            let igniteElem = igniteMediaElems[index];
            let listOfIds = getIgniteIds(igniteElem);
            
            igniteGTAG(redirectURL, 'impression', listOfIds.igniteMediaType, listOfIds.igniteActivityId, listOfIds.igniteMediaId, listOfIds.igniteMediaSetId);
			
            igniteElem.addEventListener('click', function(event){
                
                event.preventDefault();
                let listOfIds = getIgniteIds(this);
                igniteGTAG(this.href, 'click', listOfIds.igniteMediaType, listOfIds.igniteActivityId, listOfIds.igniteMediaId, listOfIds.igniteMediaSetId);
            
                storeIgniteGA4Conversion(constructIgnitePayload('click' , listOfIds.igniteActivityId, listOfIds.igniteMediaId, listOfIds.igniteMediaSetId));
            }); 
        }
    }
    
    window.addEventListener('load', function (event) {
        /******************************************* 
            START ADROCKET ADWORDS
        *******************************************/
        //START IIFE FOR ADWORDS EVENTS
            (()=>{
                /******************************************* 
                     ADROCKET ADWORDS PAGE LOAD EVENTS
                *******************************************/
                

                /******************************************* 
                     ADROCKET ADWORDS CLICK EVENTS
                *******************************************/
                

            })();
            //END IIFE FOR ADWORDS EVENTS
        /******************************************* 
            END ADROCKET ADWORDS
        *******************************************/

        /******************************************* 
            START GA4 EVENTS
        *******************************************/
        
        /******************************************* 
            END GA4 EVENTS
        *******************************************/

        
        /******************************************* 
             ADROCKET IGNITE EVENTS
        *******************************************/
        

    });
</script>

	
<meta name="geo.position" content="37.704664; -122.46284">
<meta name="ICBM" content="37.704664; -122.46284">
<meta name="geo.placename" content="Daly City, CA">
<meta name="geo.region" content="us-ca">
<title>Appliances in Daly City, San Rafael and Walnut Creek CA | CG Appliance INC</title>
<meta name="description" content="CG Appliance Inc. has been serving Northern California Developers, Property Managers, Architects, Designer and Home Owners Since 1956 offering White Glove Appliance Delivery and Professional Installation Services all at a Guaranteed Lowest Price.">
<meta name="keywords" content="CG Appliance INC, Daly City,local home appliance store, home appliances, kitchen appliances, home appliance store, major home appliances">


	<style>
			/* Prevent ADA disclaimer from showing during page load */
			header .screen-reader-text a,
			footer #footer-screen-reader a:not([href*='tel']) { position: absolute; pointer-events: none; opacity: 0; top:0; left:0; font-size:12px;}
			header .screen-reader-text a:focus,
			footer #footer-screen-reader a:focus {opacity: 1; z-index: 15; background-color: white; color: blue; padding: 1rem; pointer-events: all;}
            /* #loading { display: flex; width: 100%; height: 100%; z-index: 100; background-color: white; position: absolute; align-items: center; justify-content: center; } */

			/* CLS fix. 95vw leaves wiggle room for custom margins, 1440px is defined in platform css */
			/* regardless, page-loading is removed in close.html after window load */
			html.page-loading #featured-rpi:not(.boxed-container):not(.container-boxed) { min-height: calc(500 / 1400 * 95vw); }
			html.page-loading #featured-rpi.boxed-container, html.page-loading #featured-rpi.container-boxed { min-height: calc(500 / 1400 * min(1440px, 95vw)); }

			[x-cloak] { display: none !important; } /* Alpine */
		</style>
    
	<style>
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-size:14px;line-height:1.42857143;background-color:#fff;color:#333}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}img{border:0;vertical-align:middle}.img-fluid{width:100%}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}hr.with-or::after{background-color:#fff;color:#8c8b8b;content:"OR";display:inline-block;font-size:18px;padding:0 10px;position:relative;top:-15px}table{border-spacing:0;border-collapse:collapse;background-color:transparent;width:100%;max-width:100%;margin-bottom:20px}.table-responsive{min-height:.01%;overflow-x:auto}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}td,th{padding:0}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-no-bullet{list-style:outside none}.list-align-left{padding-left:20px}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}}header#header-wrap{position:relative;z-index:10}header .screen-reader-text a,footer #footer-screen-reader a:not([href*='tel']){position:absolute;pointer-events:none;opacity:0;top:0;left:0;font-size:12px}.header-content-wrap{position:relative}#header-logo-content .header-logo{display:inline-block}#header-logo-content.align-center .header-logo{margin-left:auto;margin-right:auto}#nav-primary{position:relative}.navbar-collapse.in{overflow-y:auto}.collapsed-subnav .navbar-toggle{display:block}.collapsed-subnav .nav-side-collapse>.sub-nav>li{float:none}#sub-nav-search-dropdown>a::after{content:""}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block;height:100%}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.navbar-top.collapsed-subnav{padding-left:0}.collapsed-subnav .nav-side-collapse>.sub-nav{width:100%}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-left{margin-left:-15px}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}#header-secondary-nav-container .navbar-toggle{margin:0}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}.nav>li>a{position:relative;display:block;padding:10px 15px}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.nav .dropdown-section-header{font-weight:bold;font-size:1.75em}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.nav .dropdown:not(.dropdown-no-arrow)>a:after{white-space:nowrap;font-family:"FontAwesome";content:"\f0d7";margin-left:3px;vertical-align:top;display:inline-block}#header-secondary-nav-container #secondary-nav-content{position:relative}#secondary-nav-no-collapse .login-menu{min-width:250px;overflow:hidden}.collapsed-subnav .nav-side-collapse.in{width:60vw;padding-left:1em;left:0}.collapsed-subnav .nav-side-collapse{left:-60vw;top:100%;bottom:0;width:60vw;height:100vh;position:absolute;overflow:hidden;transition:left .4s;background:#fff;z-index:11}.nav.sub-nav>li{float:left;line-height:1.75}.cart-menu{max-width:100vw;overflow:hidden;min-width:320px}.cart-item .cart-item-info-wrapper{display:table;width:100%;padding:1em}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}#nav-primary .nav-justified>li{float:none;white-space:nowrap}#nav-primary .nav-justified>li>a{padding-left:2px;padding-right:2px}.model-tabs-wrapper .nav-tabs{font-size:16px;text-transform:uppercase}@media(max-width:767px){.navbar-toggle{display:block}.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}}@media(min-width:768px){.navbar{border-radius:4px}.navbar-header{float:left}.navbar-left{float:left !important}.navbar-right{float:right !important}.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-toggle{display:none}.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.nav-justified>li{display:table-cell;width:1%}}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}a:focus,a:active,a:active i,.fa:focus,.fa:active,input,input:focus,input:active{outline:none !important}b,strong{font-weight:700}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn-default{background-color:#fff;color:#333;border-color:#ccc}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-primary{color:#fff}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-icon-right{padding-left:10px}.btn-cta{margin-top:auto}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.fsearch-page h1{color:#333}.link-alt{color:#000}.text-red{color:red}.text-danger{color:#a94442}.text-uppercase{text-transform:uppercase}.homepage_store_slogan,.home_heading{font-size:28px;line-height:36px;margin-bottom:5px}.homepage_store_slogan_subtext{font-size:20px;line-height:24px;margin-bottom:30px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}.section-heading{font-size:16px;font-weight:bold;text-transform:uppercase}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}p{margin:0 0 10px}.small,small{font-size:85%}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#777}.font-muted{color:#999}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}.page-header.with-btn h1{margin:0}.page-header.with-btn:after{clear:both;content:" ";display:table}@media(min-width:768px){.lead{font-size:21px}}#footer-contact-info-container{padding-left:0;padding-right:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.boxed-container,.container-boxed{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;max-width:1440px}#page-content-wrap,#page_wrapper_bg{background-color:#fff;padding-bottom:30px}.pull-right{float:right}.pull-left{float:left}.full-width{width:100%}figure{margin:0}.no-gutter>[class*='col-']{padding-right:0;padding-left:0}.col-horizontal{width:100%;height:100%}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@media(min-width:576px){.float-sm-right{float:right !important}}@media(max-width:767px){.col-horizontal{border-bottom:0}}@media(min-width:768px){.container{width:750px}#nav-primary-container>.container{width:100%;max-width:1440px;padding-right:0;padding-left:0}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.fade.in{opacity:1}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}@media(min-width:768px){.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-dialog{width:600px;margin:30px auto}}.dropdown,.dropup{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown .divider{padding-top:0;padding-bottom:0}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.divider{border-top:1px solid #e1e1e1;padding-top:15px;padding-bottom:15px}nav .megamenu-dropdown{position:static !important}.megamenu{padding:20px 0}.megamenu ul{list-style:none}.megamenu>li ul{padding:0}.megamenu .nav-sub-section{margin-bottom:1em}.megamenu .dropdown-section-header{margin-bottom:0}.megamenu .dropdown-header{font-size:16px;font-weight:bold}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.megamenu .dropdown-footer{font-size:14px;font-weight:bold}.megamenu li.nav-sub-section>ul>li>a{display:block;padding:3px 20px;clear:both;line-height:1.428571429;color:#333;white-space:normal}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.open>.dropdown-menu{display:block}.edge .dropdown-menu{right:0}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item .model-rating-review-stars,#product-page .owl-carousel .owl-item .model-rating-review-stars{display:table-cell;width:auto !important;max-width:100%}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#featured-rpi .owl-dots{background-color:#000;padding-top:3px;padding-bottom:3px;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;padding-top:7px}#featured-rpi .owl-dot{border:1px solid #fff;height:10px;width:10px;border:1px solid #999;display:inline-block;border-radius:50%;height:12px;width:12px;margin:3px}#featured-rpi .owl-dot.active{background-color:#fff}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}#featured_product_container{padding:20px 0}.featured-product-wrap .border-bottom{margin-bottom:20px}.featured-product-carousel,.featured-product-container.owl-carousel .owl-stage{display:flex;display:-ms-flexbox;display:-webkit-flex;flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap}.featured-product-container.owl-carousel .owl-item,.featured-product-container.owl-carousel .owl-item a,.featured-product .model-detail{display:flex;display:-ms-flexbox;display:-webkit-flex;flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-grow:1}.featured-product{background-color:#fff;border:1px solid #fff;margin:0 10px;padding:10px;position:relative;overflow:hidden;color:#464e54}.featured-product p{margin-bottom:0}.featured-product .model-number{display:block}.related-item-desc{color:#333;font-size:16px;display:block;margin:20px 0;height:50px}#tabbed-product-carousel .carousel-button{margin-top:1em;text-align:center;padding-right:30px;padding-bottom:15px;font-size:1.5rem}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control::-webkit-input-placeholder{color:#999}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input{line-height:normal}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:4px 0 0;margin-top:1px\9;line-height:normal}.input-group{position:relative;display:table;border-collapse:separate;width:100%;margin-bottom:20px}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.even_stylized_input{display:none;opacity:0}textarea.form-control{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0;border:0}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.form-group{margin-bottom:15px}.model-desc{font-size:21px;line-height:24px;color:#000}.model-rating span.star{display:inline-block;color:#fec32b;border:#000}.model-rating a{text-decoration:underline;color:#999}.model-rating p{line-height:1;display:table;margin-bottom:0}.model-rating{margin-bottom:1em}.model-rating-value{vertical-align:bottom}.model-price-value-sale{margin-bottom:0;font-size:24px;line-height:26px;color:#000}.model-price-breakdown{padding-top:8px;padding-bottom:8px}.model-price-block .price-block-section:not(:first-of-type){padding-top:20px;border-top:1px solid #ddd}.model-price-block p{margin-bottom:0}.price-block-content{border:1px solid #ddd;background-color:#f9f9f9;padding:10px}.zip-code-checker>div{margin:1em -10px;padding-top:15px;padding-bottom:15px;background-color:#efefef}.model-price-section-delivery:after,.model-price-section-warranty:after{clear:both;content:" ";display:table}.model-img{overflow:hidden;position:relative;z-index:1}.model-img .img-flags{background-color:transparent;border-width:0;display:table;height:auto;margin:0;overflow:visible;padding:0;position:absolute;z-index:2;vertical-align:inherit;width:auto}.model-img .flags-top-left{left:0;top:0}.model-img .flags-top-right{right:0;top:0}.model-img .img-flag-label{font-size:12px;text-transform:uppercase;display:table;margin:0 -1px 1px 0;opacity:.8;text-align:center}.model-img .img-flag-label>span{display:inline-block;font-weight:bold;color:#fff;line-height:1;padding:.2em .6em .3em;vertical-align:baseline;white-space:nowrap}.model-swatch{padding:5px;overflow:hidden;text-overflow:ellipsis}.model-swatch.active{border-color:#000}.checkbox{padding-left:20px}.checkbox-btn{padding-left:30px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox-link{display:block;margin-bottom:10px;margin-top:10px;position:relative;padding-left:20px}.checkbox-link:focus,.checkbox-link:active{outline:0;-moz-outline-style:none}.checkbox-link .checkbox-label{cursor:pointer;font-weight:400;margin-bottom:0;min-height:20px;color:#555}.checkbox label,.checkbox-link .checkbox-label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}.checkbox label::before,.checkbox-link .checkbox-label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:3px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}.checkbox input[type="checkbox"],.checkbox input[type="radio"]{opacity:0;z-index:1;cursor:pointer}#location-details legend{position:absolute;top:2.25rem;left:3.5rem;padding-top:0;border-bottom:0;font-size:18px;max-width:85%}#location-details .form-content{padding-top:6rem}#location-details #map_container{margin-bottom:2.25em}#location-details #map{width:100%;height:35vh}#location-details #location-contact-form-section{margin-top:30px;margin-bottom:30px}#location-details .location-address-section{margin-top:15px;margin-bottom:15px}#location-details fieldset{width:100%}#location-finder #map{width:100%;height:50vh;min-height:350px}#location-finder .locations-list-wrapper{height:50vh;min-height:350px;overflow-y:auto;border:1px solid #ddd}#location-finder .locator-form{padding:25px 15px 15px;background:#f8f8f8;border-bottom:2px solid #ddd}#location-finder .number-circle{border-radius:100%;padding:.5rem 1.25rem;background:#bf231a;color:#fff;text-align:center;font-size:18px;margin-bottom:1rem;display:inline-block}#location-finder .location-result{border-top:1px solid #ddd;overflow:hidden;padding:1em;position:relative}#location-finder .location-result .number-column{padding-left:0}#location-finder .location-result .location-finder-location-list{padding-right:0}#location-finder .location-result:first-child{border-top:0}.location-finder-location-list .location-desc{font-weight:bold;font-size:16px}.location-finder-location-list .location-address,.location-finder-location-list .location-city,.location-finder-location-list .location-hours{font-size:12px;opacity:.85}@media(max-width:442px){#location-details legend{margin-top:14px}}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.page-404 .page-title{font-size:6em;margin-bottom:10px;text-transform:uppercase}.page-404 .page-subtitle{font-size:3em;margin-bottom:10px;text-transform:uppercase}.inline-block{display:inline-block}.pad,.block-pad,.pad-content{padding:1em}.pad-bottom,.block-pad-bottom,.pad-content-bottom{padding-bottom:1em}.pad-top,.block-pad-top,.pad-content-top{padding-top:1em}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.object-muted{opacity:.5}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fadeIn{animation-name:fadeIn}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.divide-msg-container{border-bottom:1px solid #d9d9d9;line-height:16px;text-align:center;margin:3em auto 2em}.divide-msg{background:#FFF;bottom:-8px;line-height:16px;padding:0 15px;position:relative;text-align:center}#page-go-to-top{position:fixed;bottom:1em;right:1em;cursor:pointer;display:none;z-index:999;background-color:rgba(0,0,0,.2);color:#fff;border:1px solid #fff;transition:all .3s}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.pad-remove,.no-padding,.no-pad,.remove-pad{padding:0}.margin-auto{margin-left:auto;margin-right:auto}.margin-bottom,.margin-content-bottom{margin-bottom:1em}.margin-top,.margin-content-top{margin-top:1em}.margin-left,.margin-content-left{margin-left:1em}.margin-remove,.no-margin,.remove-margin{margin:0}.right,.float-right{float:right}.float-left{float:left !important}.left,.float-left{float:left}.block{display:block}.center-block{display:block;margin-right:auto;margin-left:auto}.hide-me,.make-invisible{display:none}.hide,.hidden{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.visible-lg,.visible-md,.visible-sm,.visible-xs,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none !important}.collapse{display:none}.collapse.in{display:block}.margin-0,.m-0{margin:0}.m-l--30{margin-left:-30px}.m-t--30{margin-top:-30px}.m-r--30{margin-right:-30px}.m-b--30{margin-bottom:-30px}.m-l--25{margin-left:-25px}.m-t--25{margin-top:-25px}.m-r--25{margin-right:-25px}.m-b--25{margin-bottom:-25px}.m-l--20{margin-left:-20px}.m-t--20{margin-top:-20px}.m-r--20{margin-right:-20px}.m-b--20{margin-bottom:-20px}.m-l--15{margin-left:-15px}.m-t--15{margin-top:-15px}.m-r--15{margin-right:-15px}.m-b--15{margin-bottom:-15px}.m-l--10{margin-left:-10px}.m-t--10{margin-top:-10px}.m-r--10{margin-right:-10px}.m-b--10{margin-bottom:-10px}.m-l--5{margin-left:-5px}.m-t--5{margin-top:-5px}.m-r--5{margin-right:-5px}.m-b--5{margin-bottom:-5px}.m-l-0{margin-left:0 !important}.m-t-0{margin-top:0 !important}.m-r-0{margin-right:0 !important}.m-b-0{margin-bottom:0 !important}.m-l-5{margin-left:5px}.m-t-5{margin-top:5px}.m-r-5{margin-right:5px}.m-b-5{margin-bottom:5px}.m-l-10{margin-left:10px}.m-t-10{margin-top:10px}.m-r-10{margin-right:10px}.m-b-10{margin-bottom:10px}.m-l-15{margin-left:15px}.m-t-15{margin-top:15px}.m-r-15{margin-right:15px}.m-b-15{margin-bottom:15px}.m-l-20{margin-left:20px}.m-t-20{margin-top:20px}.m-r-20{margin-right:20px}.m-b-20{margin-bottom:20px}.m-l-25{margin-left:25px}.m-t-25{margin-top:25px}.m-r-25{margin-right:25px}.m-b-25{margin-bottom:25px}.m-l-30{margin-left:30px}.m-t-30{margin-top:30px}.m-r-30{margin-right:30px}.m-b-30{margin-bottom:30px}.m-r-a{margin-right:auto}.m-l-a{margin-left:auto}.m-t-a{margin-top:auto}.m-b-a{margin-bottom:auto}.p-l-0{padding-left:0}.p-t-0{padding-top:0}.p-r-0{padding-right:0}.p-b-0{padding-bottom:0}.p-l-5{padding-left:5px}.p-t-5{padding-top:5px}.p-r-5{padding-right:5px}.p-b-5{padding-bottom:5px}.p-l-10{padding-left:10px}.p-t-10{padding-top:10px}.p-r-10{padding-right:10px}.p-b-10{padding-bottom:10px}.p-l-15{padding-left:15px}.p-t-15{padding-top:15px}.p-r-15{padding-right:15px}.p-b-15{padding-bottom:15px}.p-l-20{padding-left:20px}.p-t-20{padding-top:20px}.p-r-20{padding-right:20px}.p-b-20{padding-bottom:20px}.p-l-25{padding-left:25px}.p-t-25{padding-top:25px}.p-r-25{padding-right:25px}.p-b-25{padding-bottom:25px}.p-l-30{padding-left:30px}.p-t-30{padding-top:30px}.p-r-30{padding-right:30px}.p-b-30{padding-bottom:30px}.padding-0,.p-0{padding:0}.font-10{font-size:10px}.font-11{font-size:11px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.font-25{font-size:25px}.font-larger{font-size:1.5em}.font-bold,.font-bold-weight{font-weight:700}.font-italic{font-style:italic}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%);box-shadow:0 1px 1px rgb(0 0 0 / 5%)}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-body{padding:15px}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}#customer_account .panel{background-color:#fff;border-radius:8px;box-shadow:0 1px 5px 0 rgb(0 0 0 / 15%);margin-top:30px;padding:40px 30px 30px 30px}.border{border:1px solid #DDD}.border-bottom{border-bottom:1px solid #DDD}.border-top{border-top:1px solid #DDD}.border-left{border-left:1px solid #DDD}.solid-bg,.solid_bg{background:#f9f9f9;padding:20px}#error_message.visibility-fix,#success_message.visibility-fix{height:0;padding:0 35px 0 0;margin:0;border:0}#error_message p,#error_message a.close,#error_message i,#success_message p,#success_message a.close,#success_message i{visibility:inherit;height:inherit;padding:inherit}.has-feedback{position:relative}.has-error .form-control{background-color:rgba(251,72,58,0.08)}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%)}.has-feedback .form-control{padding-right:42.5px}.alert>p,.alert>ul{margin-bottom:0}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.table-display{display:table;position:relative;width:100%}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.affix{position:fixed}.d-flex{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important}.d-flex-wrap{-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.align-items-center{-webkit-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important}.justify-content-center{-webkit-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-left{text-align:left}.align-center,.font-center{text-align:center}.align-right{text-align:right}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-left,.media>.pull-left{padding-right:10px}.media-middle{vertical-align:middle}.form-label.required:after,label>.red{content:"*";color:red;padding-left:3px}#email-savings .panel{border-radius:8px;box-shadow:0 1px 5px 0 rgb(0 0 0 / 15%);margin-top:30px;padding:40px 30px 30px}#email-savings p.font-18.font-bold.align-center.no-margin{clear:both}.margin-content,.margin{margin:1em}@media(min-width:576px){.align-sm-right{text-align:right}}@media(max-width:767px){.visible-xs{display:block !important}.visible-xs-block{display:block !important}.hidden-xs{display:none !important}.visible-xs-inline{display:inline !important}.visible-xs-inline-block{display:inline-block !important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block !important}.visible-sm-block{display:block !important}.visible-sm-inline{display:inline !important}.visible-sm-inline-block{display:inline-block !important}.hidden-sm{display:none !important}}@media(min-width:768px){.flex-wrap{flex-wrap:wrap}.flex-display{display:flex}.flex-row-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-content:stretch}.flex-row-element{flex:1 1 auto}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important}.visible-md-block{display:block !important}.visible-md-inline{display:inline !important}.visible-md-inline-block{display:inline-block !important}.hidden-md{display:none !important}}@media(min-width:1200px){.hidden-lg{display:none !important}.visible-lg{display:block !important}.visible-lg-block{display:block !important}.visible-lg-inline{display:inline !important}.visible-lg-inline-block{display:inline-block !important}}#order-confirmation-page .print-block{margin-bottom:2em}#order-confirmation-page .cart-edit-cta,#order-confirmation-page .model-qty .cart-qty-cta,#order-confirmation-page .remove{display:none;opacity:0;font-size:0}.lab-container{display:flex;flex-wrap:wrap}.lab-brand{width:16.66%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:1px solid #ccc;padding:15px;border-bottom:1px solid #ccc}.lab-brand img{margin-bottom:10px}#all-brands .section-header{font-size:2em;font-weight:bold}.section-header-bg{position:relative}.section-header-bg>.section-header{margin-bottom:0;background:#fff;display:inline-block;left:0;padding-right:30px;position:relative;z-index:1}.section-header-bg::after{background:#ddd;content:"";display:block;height:1px;left:0;margin-top:-0.5px;position:absolute;top:50%;width:100%;z-index:0}@media(max-width:767px){.lab-brand{width:50%;justify-content:center}.lab-brand img{margin-bottom:0}#all-brands .section-header{font-size:1.35em}.lab-brand:nth-child(2n){border-right:0}}@media(min-width:768px) and (max-width:991px){.lab-brand{width:33.3%}.lab-brand:nth-child(3n){border-right:0}}@media(min-width:992px) and (max-width:1279px){.lab-brand{width:25%}.lab-brand:nth-child(4n){border-right:0}}@media(min-width:1280px){.lab-brand:nth-child(6n){border-right:0}}.brand-sub-section{border:1px solid #ddd;padding:35px;margin-top:-1px;margin-left:-1px}#brand-page .brand-sub-section,#fsearch-category-page .brand-sub-section{padding-bottom:80px}.brand-sub-section .view-all{position:absolute;bottom:40px}.capacity-group .refine-section{line-height:28px}.color-group .refine-section{line-height:23px}.rebate-content-wrapper .rebate-content{padding:2em}.cur-rebate-title{margin-bottom:5px}.rebate-content-wrapper{margin-bottom:30px}@media(max-width:767px){.rebate-content-wrapper .panel-footer .align-right,.rebate-content-wrapper .panel-footer div{text-align:center;margin-bottom:10px}}.cur-flyer{display:flex;display:-webkit-flex;display:-ms-flexbox;flex-direction:row;-ms-flex-direction:row;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;align-items:center;justify-content:center;padding:2em 0}.flyer-thumbnail,.flyer-thumbnail img{max-height:550px}.compare-table{border:1px solid #ddd;margin-bottom:25px}.compare-table td{border-left:1px solid #ddd}.compare-table td:first-child{max-width:20%;width:20%;border-left:0}.compare-table td:not(:first-child){max-width:40%;width:180px}.compare-table .compare-spec-header{font-weight:bold;margin-bottom:0}
/*! animate.css -http://daneden.me/animateVersion - 3.5.2 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2017 Daniel Eden */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}


/* btn colors */
 

.btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; }
.btn:focus-visible { outline: 2px solid #666 !important; outline-offset: 1px; }

.btn-success { background: #5cb85c; color: #fff; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background:#449d44; }
.btn-success:active, .btn-success.active { background: #449d44; box-shadow: none; }

.btn-info { background: #5bc0de; color: #fff; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background: #31b0d5; }
.btn-info:active, .btn-info.active { background: #31b0d5; box-shadow: none; }

.btn-warning { background: #f0ad4e; color: #fff; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background: #eb9316; }
.btn-warning:active, .btn-warning.active { background: #eb9316; box-shadow: none; }

.btn-danger { background: #c9302c; color: #fff; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background: #c9302c; }
.btn-danger:active, .btn-danger.active { background: #c9302c; box-shadow: none; }

/* outline */
.btn-success.btn-outline { border: 1px solid #5cb85c; color: #5cb85c; }
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active, .btn-success.btn-outline.active, .open > .dropdown-toggle.btn-success { border-color: #449d44; color: #449d44; }
.btn-success.btn-outline:active, .btn-success.btn-outline.active { border-color: #449d44; color: #449d44; box-shadow: none; }

.btn-info.btn-outline { border: 1px solid #5bc0de; color: #5bc0de; }
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active, .btn-info.btn-outline.active, .open > .dropdown-toggle.btn-info { border-color: #31b0d5; color: #31b0d5; }
.btn-info.btn-outline:active, .btn-info.btn-outline.active { border-color: #31b0d5; color: #31b0d5; box-shadow: none; }

.btn-warning.btn-outline { border: 1px solid #f0ad4e; color: #f0ad4e; }
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active, .btn-warning.btn-outline.active, .open > .dropdown-toggle.btn-warning { border-color: #eb9316; color: #eb9316; }
.btn-warning.btn-outline:active, .btn-warning.btn-outline.active { border-color: #eb9316; color: #eb9316; box-shadow: none; }

.btn-danger.btn-outline { border: 1px solid #d9534f; color: #d9534f; }
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active, .btn-danger.btn-outline.active, .open > .dropdown-toggle.btn-danger { border-color: #c9302c; color: #c9302c; }
.btn-danger.btn-outline:active, .btn-danger.btn-outline.active { border-color: #c9302c; color: #c9302c; box-shadow: none; }

/* wishlist button */
	button.btn-wishlist-icon { position: absolute; right: 10px; top: 10px; z-index: 2; font-size: 15px; padding: 3px; border: 1px solid rgb(214, 214, 214); border-radius: 50% !important; background-color: #fff; }
	.btn-wishlist-icon:focus-visible { outline-offset: -2px; }
	.btn-wishlist-icon .heart-stroke { fill: none; stroke: #000; stroke-width: 1px; opacity: 1; transform-origin: center center; }
	.btn-wishlist-icon.active .heart-stroke { opacity: 0; }
	.btn-wishlist-icon .heart-full { opacity: 0; fill: none; transform-origin: 50% 50%; }
	.btn-wishlist-icon.active .heart-full { opacity: 1; }
	.btn-wishlist-icon .heart-lines { stroke-width: 2px; display: none; }
	.btn-wishlist-icon:not(.on_wishlist):hover .heart-stroke { -webkit-animation: wishlist_pulse 1s ease-out infinite; animation: wishlist_pulse 1s ease-out infinite; }
	.btn-wishlist-icon.animate:not(.on_wishlist) .heart-full { -webkit-animation: wishlist_heart 0.35s; animation: wishlist_heart 0.35s; }
	.btn-wishlist-icon.animate .heart-lines, button.btn-wishlist-icon.animate .heart-lines { -webkit-animation: wishlist_lines 0.2s ease-out forwards; animation: wishlist_lines 0.2s ease-out forwards; display: block; }
	.btn-wishlist-icon path { fill: none; stroke: #000; }
	.btn-wishlist-icon svg { fill: none; pointer-events: none; }
	.btn-wishlist-icon.on_wishlist path { fill: #000; }
	.btn-wishlist-icon.on_wishlist svg { fill: #000; }
	.cat-page.grid .img-flags.flags-top-right { right: 42px !important; } /* make room for wishlist button */
	.cat-page.list .img-flags.flags-top-right { right: 0 !important; }

/* quick view */
.btn--quick_view:hover { background-color: unset; }
.btn--quick_view:focus { background-color: unset; }
.btn--quick_view:focus-visible { background-color: #e6e6e6; }

/* custom tooltip */
.tooltip-anchor { padding: 0; margin-right: 16px; background: none; position: relative !important; opacity: 1 !important; }
.tooltip-anchor .tip { position: absolute; border-radius: 3px; padding: 15px; box-shadow: 0 5px 10px -5px #060606; bottom: calc(100% + 5px); left: 50%; min-width: 240px; transform: translateX(-50%) scale(0); transform-origin: bottom; transition: transform 0.25s; white-space: normal; text-align: left; cursor: auto; }
.tooltip-anchor .tip ul { padding-inline-start: 25px; padding-top: 5px; padding-bottom: 5px; }
.tooltip-anchor .tip a:focus-visible { outline: 2px solid #fff !important; outline-offset: 2px; }
.tooltip-anchor .tip::after { content: ""; position: absolute; width: 10px; aspect-ratio: 1; background-color: inherit; bottom: -5px; left: 50%; transform: translateX(-50%) rotate(45deg); }
.tip.show, .tooltip-anchor:focus .tip, .tooltip-anchor:focus-visible .tip, .tooltip-anchor:hover .tip { transform: translateX(-50%) scale(1); }
@supports (min-width: min(240px, 80vw)) { .tooltip-anchor .tip { min-width: min(240px, 80vw); }}

/* misc */
.flag--in-stock, .flag--in-stock::after { background-color: #000; }
.btn-reset { appearance: none; background: none; border: none; cursor: pointer; }
.btn-arrow { display: inline-block; transform: translateY(-1px); }
.btn-arrow--left { margin-right: 2px; }
span.uown-badge { padding: 3px 6px; font-size: 10px; transform: translateX(-4px); }
span.uown-badge ~ .popover { min-width: 250px; }
.font-weight-400 { font-weight: 400; }
.input-incomplete { background-color: rgb(255 0 0 / 8%) !important; }


.label { -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0; }
.label-primary { background-color: #000; }
.label-success { background-color:#2b982b; }
.label-info { background-color: #333; }
.label-warning { background-color:#ff9600; }
.label-danger { background-color:#fb483a; }

/* input-groups */
.input-group { width:100%; margin-bottom:20px; }
.input-group .help-info { float:right; font-size:12px; margin-top:5px; color:#999; }
.input-group label.error { font-size:12px; display:block; margin-top:5px; font-weight:400; color:#F44336; }
.input-group .form-control:focus { -webkit-box-shadow:none!important; -moz-box-shadow:none!important; -ms-box-shadow:none!important; box-shadow:none!important; }
.input-group.input-group-sm .input-group-addon i { font-size:14px; }
.input-group.input-group-sm .form-control { font-size:12px; }
.input-group.input-group-lg .input-group-addon i { font-size:26px; }
.input-group.input-group-lg .form-control { font-size:18px; }

/* form-groups */
.form-label { display: inline-block; font-weight: 700;  margin-bottom: 5px; max-width: 100%; }
.form-control-label { text-align:right; }
.form-control-label label { margin-top:8px; }
.form-horizontal .form-group { margin-bottom:0; }
.form-group .help-info { float:right; font-size:12px; margin-top:5px; color:#999; }
.form-group label.error, .input-error-msg { font-size:12px; display:block; margin-top:5px; font-weight:400; color:#F44336; }
.input-group input[type="text"].focused:after, .form-group .form-control.focused:after { -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); -webkit-transform:scaleX(1); transform:scaleX(1); border-color:#1f91f3; }
.form-group-sm .form-label { font-size:12px; }
.form-group-lg .form-label { font-size:18px; }
.form-control[disabled], .form-control[readonly],fieldset[disabled] .form-control { background-color:transparent; }

.input-with-icon, .input-with-icon-rev { position: relative; }
.input-with-icon [class*="fa-"], .input-with-icon-rev [class*="fa-"] { font-size: 18px; line-height: 36px; position: absolute; color: #999; }
.input-with-icon input { padding-left: 20px; background: transparent; }
.input-with-icon-rev input { padding-right: 20px; background: transparent;  }
.input-with-icon-rev [class*="fa-"] { left: auto; right: 10px; }
.input-with-icon [class*="fa-"] { left: 10px; }

.checkbox { padding-left:20px; }
.checkbox-btn { padding-left:30px; }
.checkbox-link { display: block; margin-bottom: 10px; margin-top: 10px; position: relative; padding-left:20px; }
.checkbox-link:focus, .checkbox-link:active { outline: none; -moz-outline-style: none; }
.checkbox-link .checkbox-label { cursor: pointer; font-weight: 400; margin-bottom: 0; min-height: 20px; color: #555; }
.checkbox label, .checkbox-link .checkbox-label { display:inline-block; vertical-align:middle; position:relative; padding-left:5px; }
.checkbox label::before, .checkbox-link .checkbox-label::before { content:""; display:inline-block; position:absolute; width:17px; height:17px; left:0; margin-left:-20px; border:1px solid #ccc; border-radius:3px; background-color:#fff; -webkit-transition:border .15s ease-in-out,color .15s ease-in-out; -o-transition:border .15s ease-in-out,color .15s ease-in-out; transition:border .15s ease-in-out,color .15s ease-in-out; }

.checkbox label::after, .checkbox-link .checkbox-label::after { display:inline-block; position:absolute; width:16px; height:16px; left:0; top:0; margin-left:-20px; padding-left:3px; padding-top:1px; font-size:11px; color:#555; }
.checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity:0; z-index:1; cursor:pointer; }
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before, .checkbox-link::focus .checkbox-label::before { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after, .checkbox-link.is-checked .checkbox-label::after{ font-family:"FontAwesome"; content:"\f00c"; }
.checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after { display:block; content:""; width:10px; height:3px; background-color:#555; border-radius:2px; margin-left:-16.5px; margin-top:7px; }
.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity:.65; }
.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color:#eee; cursor:not-allowed; }
.checkbox.checkbox-circle label::before { border-radius:50%; }
.checkbox.checkbox-inline { margin-top:0; }
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before, .checkbox-primary.is-checked .checkbox-label::before { background-color:#000; border-color:#000; }
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after, .checkbox-primary.is-checked .checkbox-label::after  { color:#fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color:#d9534f; border-color:#d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color:#fff; }
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color:#5bc0de; border-color:#5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color:#fff; }
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color:#f0ad4e; border-color:#f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color:#fff; }
.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color:#5cb85c; border-color:#5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color:#fff; }
.checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before { background-color:#000; border-color:#000; }
.checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before { background-color:#d9534f; border-color:#d9534f; }
.checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before { background-color:#5bc0de; border-color:#5bc0de; }
.checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before { background-color:#f0ad4e; border-color:#f0ad4e; }
.checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before { background-color:#5cb85c; border-color:#5cb85c; }
.checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after { background-color:#fff; }
.radio { padding-left:20px; }
.radio-btn { padding-left:30px; }
.radio label { display:inline-block; vertical-align:middle; position:relative; padding-left:5px; }
.radio-btn label { vertical-align:top; }
.radio label::before { content:""; display:inline-block; position:absolute; width:17px; height:17px; left:0; margin-left:-20px; border:1px solid #ccc; border-radius:50%; background-color:#fff; -webkit-transition:border .15s ease-in-out; -o-transition:border .15s ease-in-out; transition:border .15s ease-in-out; }
.radio label::after { display:inline-block; position:absolute; content:" "; width:11px; height:11px; left:3px; top:3px; margin-left:-20px; border-radius:50%; background-color:#555; -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); transform:scale(0,0); -webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33); -moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33); -o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33); transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33); }
.radio input[type="radio"] { opacity:0; z-index:1; cursor:pointer; }
.radio input[type="radio"]:focus + label::before { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1); }
.radio input[type="radio"]:disabled + label { opacity:.65; }
.radio input[type="radio"]:disabled + label::before { cursor:not-allowed; }
.radio.radio-inline { margin-top:0; }
.radio-primary input[type="radio"] + label::after { background-color:#000; }
.radio-primary input[type="radio"]:checked + label::before { border-color:#000; }
.radio-primary input[type="radio"]:checked + label::after { background-color:#000; }
.radio-danger input[type="radio"] + label::after { background-color:#d9534f; }
.radio-danger input[type="radio"]:checked + label::before { border-color:#d9534f; }
.radio-danger input[type="radio"]:checked + label::after { background-color:#d9534f; }
.radio-info input[type="radio"] + label::after { background-color:#5bc0de; }
.radio-info input[type="radio"]:checked + label::before { border-color:#5bc0de; }
.radio-info input[type="radio"]:checked + label::after { background-color:#5bc0de; }
.radio-warning input[type="radio"] + label::after { background-color:#f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before { border-color:#f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after { background-color:#f0ad4e; }
.radio-success input[type="radio"] + label::after { background-color:#5cb85c; }
.radio-success input[type="radio"]:checked + label::before { border-color:#5cb85c; }
.radio-success input[type="radio"]:checked + label::after { background-color:#5cb85c; }
input[type="checkbox"].styled:checked + label:after,input[type="radio"].styled:checked + label:after { font-family:'FontAwesome'; content:"\f00c"; }
input[type="checkbox"] .styled:checked + label::before,input[type="radio"] .styled:checked + label::before { color:#fff; }
input[type="checkbox"] .styled:checked + label::after,input[type="radio"] .styled:checked + label::after { color:#fff; }

.has-error .form-control { background-color: rgba(251,72,58,0.08); }
.has-feedback select ~ .form-control-feedback { right: 15px; }


body {  background-color: #FFFFFF; color: #333333; font-family: 'Roboto', sans-serif;  }

#header-wrap { border: none; background: white;   }

/* site: headings */
	h1, h2, h3, h4, h5, h6, .dropdown-header, .page-header, .section-header, .page-title, .section-title {font-family: 'Poppins', sans-serif; color: #000; font-weight: bold; }
	h1 { font-size: 26px; }
	.page-header, .page-title { font-size: 2em; color: #333333; }
	.section-header, .section-title { font-size: 1.2em; font-weight: bold;  color: #333333; }
	.sub-section-title { color: #333333; }

	.section-header2 { font-size: 1.5em; font-weight: bold;  color: #222; }

	/* site: links */
	a { color: #333333; }
	a:hover { text-decoration: underline; }
	a:active, a:focus, a:hover { color: inherit; }

	.cat-page .cat-page-price-block { margin-bottom: 80px !important; }


	#header-wrap .fa-facebook-official, #header-wrap .fa-pinterest, #header-wrap .fa-instagram, #header-wrap .fa-houzz, #header-wrap .fa-youtube-play { padding-top: 8px !important; }
	
	.fa-facebook-official { color: #3B5998; }
	.fa-pinterest { color: #C8232C; }
	.fa-instagram { color: #fb3958; }
	.fa-houzz { color: #73ba37; }
	.fa-youtube-play  { color: #ff0000; background: none !important; }

	.slogan { font-weight: bold; font-style: italic; font-size: 1.8rem; color: #000;  }

	#page-content-wrap3 { background-color: #e5e5e5; }
	#page-content-wrap { padding-bottom: 0px;  }
	#home #page-content-wrap { background: none; }


/* site: text and backgrounds */
	.text-primary { color: #000; }
	.text-secondary { color: #333; }
	.text-accent { color: #000; }
	.text-white { color: #FFFFFF; }
	.text-black { color: #000000; }
	.text-gray-lighter { color: #f6f6f6; }
	.text-gray-light { color: #e0e0e0; }
	.text-gray-base { color: #6e6e6e; }
	.text-gray-dark { color: #525252; }
	.text-gray-darker { color: #333333; }
	.text-accent-alt { color: #333; }

	.bg-primary { background-color: #000; color: #fff; }
	.bg-secondary { background-color: #333; }
	.bg-white { background-color: #FFFFFF; color: #525252; }
	.bg-black { background-color: #000000; color: #fff; }
	.bg-gray-lighter { background-color: #f6f6f6; }
	.bg-gray-light { background-color: #e0e0e0; }
	.bg-gray-base { background-color: #6e6e6e; }
	.bg-gray-dark { background-color: #525252; }
	.bg-gray-darker { background-color: #333333; }

/* site: btns */ 
	.btn { transition: all .3s ease-in-out; }
	.btn-primary { background: #000; border-color: #333; color: #fff; }
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #333;  border-color: #333;}
	.btn-primary:active, .btn-primary.active { background: #333; box-shadow: none;  border-color: #000;}
	.btn-default { border: 2px solid #000; color: #737373;  border-color: #333;}
	.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background: #FFF; color: #737373; border-color: #333; }
	.btn-default:active, .btn-default.active { border-color: #000; box-shadow: none; border-color: #333;}
	.btn.btn-outline { background-color: transparent;  border-color: #000;}
	.btn-primary.btn-outline { border: 1px solid #000; color: #000;  border-color: #000;}
	.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .dropdown-toggle.btn-primary { color: #333; border-color: #000; }
	.btn-primary.btn-outline:active, .btn-primary.btn-outline.active { border-color: #000; color: #333; box-shadow: none;  border-color: #000;}
	.btn-default.btn-outline { border: 1px solid #000; color: #eb3831; border-color:#000; }
	.btn-default.btn-outline:hover, .btn-default.btn-outline:focus, .btn-default.btn-outline:active, .btn-default.btn-outline.active, .open > .dropdown-toggle.btn-default { color: #a2140e; border-color: #000; }
	.btn-default.btn-outline:active, .btn-default.btn-outline.active { border-color: #000; color: #a2140e; box-shadow: none; border-color: #000; }
	.btn-warranty { background: #000000; border-color: #000000; color: #fff; }
	.btn-warranty:hover, .btn-warranty:focus, .btn-warranty:active { background: #333;  border-color: #333; color: white;}
	.btn-warranty:active, .btn-warranty.active { background: #333; box-shadow: none;  border-color: #000;}
	
/* site: breadcrumbs */
	.breadcrumb { font-size: 11px; background-color: transparent; padding: 10px 0px 8px 0px; margin-bottom: 30px; border-bottom: 1px solid #f6f6f6; }

	.img-shadow { box-shadow: 0 6px 12px rgba(0,0,0,.3); }

	.purewash { font-size: 2.4rem; }
	#page-content-wrap4	 h1 { font-size: 3.5rem; font-weight: bold; text-transform: uppercase; }

/* site: global pricing */
	.model-price-value-regular, .model-price-value-outofcart { }
	.model-price-no-regular { margin-bottom: 0px; }
	.model-price-value-sale { color: #63af09; }
	.model-price-simple-rebate { color: #174189; }
	.model-price-value-simple-rebate { font-weight: bold; }

	.img-fx:hover { filter:brightness(102%); }

/* site: product flags */
	.img-flag-primary, .img-flag-ondisplay, .img-flag-expressdelivery { background-color:#000; }
	.img-flag-secondary, .img-flag-getittoday { background-color:#333; }
	.img-flag-accent, .img-flag-bestseller { background-color:#000; }
	.img-flag-red, .img-flag-rebate { background-color:#d9534f; }
	.img-flag-yellow, .img-flag-clearance { background-color:#c60000; padding: 5px 10px;  }
	.img-flag-green, .img-flag-instock { background-color:#91a900; text-transform: uppercase; padding: 5px 10px; }
	.img-flag-scratch { background-color: #f99a29; text-transform: uppercase; padding: 5px 10px; }
	.img-flag-ob { background-color: #0000ff; text-transform: uppercase; padding: 5px 10px; }
	.img-flag-dm { background-color: #00ae1d; text-transform: uppercase; padding: 5px 10px; }

	.header-hours { color: #bdc7dd; }

	#page-content-wrap2 { border-bottom: 1px solid #e0e0e0; background-color: #f6f6f6; }


/* header: searchbox */
     .header-search-box-content {width: 100%; margin: 0 auto;}
     .header-search-box-content .form-control,
     .header-search-box-content .input-group {border-radius: 0; }


/* header: WIDTHS */
     #secondary-nav-content {max-width: 1440px;}
     #header-content {max-width: 1440px;}
     #nav-primary {max-width: 1440px;}

/* header: logo */
    #header-logo-content {width: 100%; max-width: max-content;}
    #header-logo-content img {width: 100%;}

/* header: header layout */
     #header-layout-wrap {justify-content: center; background-color: #FFFFFF; display: flex; flex-flow: column;}
     #header-layout-wrap .item:nth-of-type(1) {order: 1;}
     #header-layout-wrap .item:nth-of-type(2) {order: 2;}
     #header-layout-wrap .item:nth-of-type(3) {order: 3;}
     #header-content {width: 100%; margin: 0 auto; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; text-align: center;}
     #header-content .content:nth-of-type(1) {order: 1; padding: 10px; width: 40%; position: relative;}
     #header-content .content:nth-of-type(2) {order: 2; padding: 10px; width: 40%; position: relative;} 
     #header-content .content:nth-of-type(3) {order: 3; padding: 10px; width: 100%; position: relative;} 

/* header: primary nav */
     #nav-primary-container {font-family: 'Poppins', sans-serif; width:100%; z-index:10; background-color: #000;}
     #nav-primary-container .navbar-header {width: 100%;}
     #nav-primary-container .navbar-primary-wrap {padding: 0; display: flex; justify-content: center; flex-flow: row wrap;}

     .navbar-collapse {padding: 0;}
     #nav-primary > .nav > li > a {font-family: 'Poppins', sans-serif; margin: 0px; padding: 0 15px; line-height: 45px; text-transform: uppercase; color: #FFFFFF; background-color: #000; font-weight: bold; transition: all .3s ease-in-out; }
     #nav-primary > .nav > li > a:hover,
     #nav-primary > .nav > li > a:active,     
     #nav-primary > .nav > li > a:focus,
     #nav-primary > .nav > li > a:active:focus,
     #nav-primary .open > a:active,
     #nav-primary .nav .open > a,
     #nav-primary .nav .open > a:focus,
     #nav-primary .nav .open > a:hover {color: #FFFFFF; background-color: #333;}
     #nav-primary > .nav > li:not(:last-of-type) > a {border-right: 1px solid ; }
     #nav-primary-container .navbar-toggle { font-size: 22px; line-height: 50px; border: none; border-radius: 0px; float: none; text-align: center; font-weight: bold; text-transform: uppercase; margin: 0; padding: 1rem 0.25rem; position: relative; color: #FFFFFF; background-color: #000; width: 100%; }
     #nav-primary .dropdown-section-header-container { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #f6f6f6; }
     #nav-primary .dropdown-section-header, #nav-primary-container .megamenu .dropdown-header {color: #333; }
     #nav-primary  .dropdown-menu, #nav-primary .navbar-nav .open .dropdown-menu { background-color: #FFFFFF; }
     #nav-primary-container .megamenu li.nav-sub-section>ul>li>a {color: #333333;}
     #nav-primary-container .megamenu li.nav-sub-section>ul>li>a:hover {background-color: #f6f6f6;}
     .navbar {margin-bottom: 0px; border: 0; min-height: auto;}
     #nav-primary .megamenu>li ul {padding: 5px;}
     .nav-primary {width: 100%;}
     #nav-primary .nav-justified {width: 100%; display: flex; justify-content: center; flex-flow: row wrap; position: relative;}
     #nav-primary .nav-justified>li {width: auto; flex-grow: 1; height: auto;}

/* primary-nav fix for dropdowns. targeting starting from the last tab 1*/
     #nav-primary .megamenu-dropdown:nth-last-of-type(2) ul,
     #nav-primary .megamenu-dropdown:nth-last-of-type(3) ul {width: auto; left: auto; right: 0;}


/* header: secondary nav */
     #header-secondary-nav-container #secondary-nav-content { width: 100%; display: inherit; position: relative; margin: 0 auto;}
     #header-secondary-nav-container {width: 100%; background-color: #f6f6f6; padding: 0!important;}    
     #header-secondary-nav-container .navbar-right {margin-right: 0;}
     #header-secondary-nav-container .navbar-left{margin-left: 0;}
     #header-social-media-content a,
     #header-secondary-nav-container .nav > li > a,
     #header-secondary-nav-container .nav > li > a:active, 
     #header-secondary-nav-container .nav > li > a:focus,
     #header-secondary-nav-container .nav > li > a:active:focus,
     #header-secondary-nav-container .nav > li > a:visited {background-color: transparent; color: #333333; }
     #header-social-media-content a:hover,
     #header-secondary-nav-container .nav > li > a:hover,
     #header-secondary-nav-container .nav .open > a,
     #header-secondary-nav-container .nav .open > a:focus,
     #header-secondary-nav-container .nav .open > a:hover,
     #header-secondary-nav-container .navbar-toggle:hover,
     #header-secondary-nav-container .navbar-toggle:active {color: #000000; background-color: #FFFFFF; }
     #header-secondary-nav-container .navbar-toggle {color: #FFFFFF; background-color: #000; padding: 0px 13px; line-height: 42px; border-radius: 0;}
     #header-secondary-nav-container .navbar-toggle .icon-bar { background-color: #FFFFFF; font-size: 20px; }
     #header-secondary-nav-container .badge { background-color: #000; }
     #header-secondary-nav-container .dropdown-menu>li>a {color: #333333;}
     #header-secondary-nav-container .dropdown-menu>li>a:hover {color: #333333;}
     #header-secondary-nav-container .nav>li>a, #header-social-media-content a {padding: 0px 13px; line-height: 45px;}
     #header-secondary-nav-container.collapsed-subnav .nav-side-collapse {width: 100%; max-width: 300px; background: #000;} 
     .collapsed-subnav .nav-side-collapse {left: -101vw; transition: left .2s;}

     .header-social-links {margin-left: 0; width: 100%; display: flex; flex-flow: row;}
     #header-social-media-content .list-inline>li {padding: 0; flex-grow: 0;}    
     #header-social-media-content a {width: 100%;}


/* SECONDARY NAV SLIDEOUT */
     #header-secondary-nav-container .in {width: 100%; max-width: 300px; left: 0px; padding-left: 0; background-color: #000;}
     #header-secondary-nav-container .in .nav > li > a,
     #header-secondary-nav-container .in .nav > li > a:visited {color: #FFFFFF;}
     #header-secondary-nav-container .in .nav > li > a:active, #header-secondary-nav-container .in .nav > li > a:focus, #header-secondary-nav-container .in .nav > li > a:hover {color: #333333;}


/* index: generic */
     #home #page-content-wrap {background-color: transparent; padding-bottom: 0px; }
     #page-content-wrap {min-height: 600px; }
     #home .section-margin { margin-bottom: 5em; }
     .section-spacer { padding: 3em 0; }
     .section-spacer-top { padding: 3em 0 0 0; }
     .section-spacer-bottom { padding: 0 0 3em 0; }


	#phone-numbers-header {display: flex; justify-content: center; flex-flow: row wrap; border-top: 1px solid #e0e0e0;}
	#phone-numbers-header .item { width: 10%; flex-grow: 1; }
	#phone-numbers-header p { color: #333333; text-align: center; padding: 10px 5px; line-height: 160%; font-size: 1.1em; }
	#phone-numbers-header a { color: #000; font-weight: bold;  }
	#phone-numbers-header p span { color: #000; font-weight: bold;  }
	
	#phone-numbers-footer { background-color: #f6f6f6; border-top: none !important; }
	#phone-numbers-footer .col-sm-2 { width: 14.28%; }
	#phone-numbers-footer p { color: #333333; text-align: center; padding: 10px 5px; line-height: 160%; font-size: 1.1em; }
	#phone-numbers-footer a { color: #000; font-weight: bold;  }
	#phone-numbers-footer p span { color: #000; font-weight: bold;  }

/* header config: stanalone cart  */
	#header-standalone-cart > .dropdown { float: right; font-size: 26px; vertical-align: middle; }
	#header-standalone-cart > .dropdown > a { border: 1px solid #ddd; line-height: 1.42857; padding: 2px 10px 4px 10px; }
	#header-standalone-cart > .dropdown > a:hover, #header-standalone-cart > .dropdown > a:active, #header-standalone-cart > .dropdown > a:focus { text-decoration: none; }


/* index: rpi */
	.slider-rpi { margin-top: 20px; margin-bottom: 0px; height: 100%; position: relative; z-index: 0; background: white;  }
	.slider-rpi img { background: white; }
	.slider-rpi .rpi-nav { position: relative; z-index: 3; text-align:center; margin-top: -1px; padding-top: 10px; background-color: #e0e0e0;  }
	.slider-rpi .rpi-nav .rpi-nav-dot { position: relative; z-index: 3; display :inline-block; padding-top: 0px;    }
	.slider-rpi .rpi-nav .rpi-nav-dot span { z-index: 3; width:12px; height:12px; margin: 0px 5px 4px 5px;  background: #333333;  opacity: .2; display: block; -webkit-backface-visibility:visible; border-radius: 20px;  }
	.slider-rpi .rpi-nav .rpi-nav-dot.active span, .slider-rpi .rpi-nav .rpi-nav-dot:hover span { background: #333333; opacity: .7; }

/* index: carousel nav */
	#home .carousel-side-nav .owl-nav .owl-prev, #home .carousel-side-nav .owl-nav .owl-next { background: white none repeat scroll 0 0; border-radius: 50%; color: #999; cursor: pointer; font-size: 16px;  line-height: 25px; text-align: center; transition: all 0.2s ease 0s; width: 25px; height: 25px;  position: absolute; top: 25%; margin: -12.5px 0 0 0; }
	#home .carousel-side-nav .owl-nav .owl-prev { left: 0px; }
	#home .carousel-side-nav .owl-nav .owl-next { right: 0px; }

	#page-content-wrap4 a { border-radius: 0px !important; text-transform: uppercase; padding: 10px 20px; border-radius: 0px; font-size: 1.4em; }


/* index: featured brands */

	#featured-brands .carousel-side-nav .owl-nav .owl-prev { color: #000; background-color: white; left: -25px; }
	#featured-brands .carousel-side-nav .owl-nav .owl-next { color: #000; background-color: white; right: -25px; }
	#featured-brands .featured-brand-container a img, #featured-brands .featured-brand-container a span { padding: 10px; max-width: 180px; }
	#featured-brands .featured-brand-container a span { text-align: center; font-weight: bold; }
	#featured-brands .owl-wrapper { display: table !important; }
	#featured-brands .owl-item { display: table-cell; float: none; vertical-align: middle; }	


		/* index: featured product: carousel */
	#home h1 { color: #FFFFFF; background-image: linear-gradient(#333, #000); border: 1px solid #a2140e !important;  padding: 10px 10px;  font-size: 2em;  }
	.featured-product-wrap { text-align: center;  border: none;  }
	.featured-product-carousel, .featured-product-container.owl-carousel .owl-stage { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: row;  -ms-flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; }
	.featured-product-container.owl-carousel .owl-item, .featured-product-container.owl-carousel .owl-item a, .featured-product .model-detail { display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; flex-grow: 1; }
	.featured-product, .featured-product:hover { transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
	.featured-product { background-color: #FFFFFF; border: 1px solid #e0e0e0; margin: 10px 10px; padding: 10px; position: relative; overflow: hidden; color: #525252; }
	.featured-product p { margin-bottom: 0px; }
	.featured-product .model-brand-logo { margin: 20px auto 0; max-width: 140px; width: 70%; }
	.featured-product .related-item-desc { display: block; width: 100%; font-weight: bold; font-size: 14px; overflow: hidden; }
	.featured-product .model-price-label-sale { display: block; }
	.featured-product .model-price-savings { color: red; }
	.featured-product:hover { border-color: #9b9b9b; box-shadow: 0 2px 10px rgba(0,0,0,.2); }
	.featured-product:hover, .featured-product:active, .featured-product:focus { color: inherit; text-decoration: none; }
	
	.featured-product .btn-cta-details { background-color: #000; border-color: #000; color: white; font-weight: bold;  }
	.featured-product:hover .btn-cta-details { color: #FFFFFF;  background-color: #333;  border-color: #333; }
	
	#home .model-rating { margin: 20px auto 20px auto; }

	.fa-chevron-left, .fa-chevron-right { color: white; }
	.fa-chevron-left:hover, .fa-chevron-right:hover { color: #000; }

	.monthly-deals { background-color: #000; color: white; padding: 10px; 5px; font-size: 2.3rem;  }

	.specials-viewall { color: #525252; padding: 20px 5px; }
	.specials-viewall:hover { color: #333333; }


	.overflow-hidden {overflow: hidden;}


	section.categoryTiles {}
	section.categoryTiles .category .img-holder {}
	section.categoryTiles .category .categoryNav {position: absolute; bottom: 0px; width: calc(100% - 30px); transform: translateY(calc(100% - 60px)); transition: all .1s ease-in-out;}
	section.categoryTiles .category:hover .categoryNav { transform: translateY(0%); transition: all .3s ease-in-out;}
	section.categoryTiles .category .categoryNav .navHeading {height: 60px; display: flex; align-items: center; justify-content: center ;background-image: linear-gradient(#333, #000);  }
	section.categoryTiles .category .categoryNav .navHeading p {margin: 0; font-size: 1.7em; font-weight: bold;  }
	section.categoryTiles .category .categoryNav .navLinks {background: rgba(0,0,0,0.7); padding: 1em; display: flex; align-items: center; justify-content: center;}
	section.categoryTiles .category .categoryNav .navLinks ul li {padding: 4px 0;}
	section.categoryTiles .category .categoryNav .navLinks ul li a {color: white; font-size: 16px; font-weight: 900;}


/* site: footer */
	footer { margin-bottom: -20px; background-color: #f6f6f6; border-top: 2px solid #e0e0e0 !important;  }
	footer .footer-main-content-wrap { padding-top: 2em;  padding-bottom: 2em; }
	footer, footer a, footer p {margin: 10px; color: #333333; }
	footer a:hover, footer, footer a:focus, footer, footer a:active { color: #333333; }
	footer .section-header { color: #333333; text-align: center; }
	footer .footer-social-links li a { transition: all 0.3s ease-out 0s; }
	footer .footer-social-links li a:hover { opacity: 0.8;}
	footer #footer-sign-in, footer #footer-screen-reader { text-align: center; }
	
	footer #footer-screen-reader p { color: #adadad; font-size: 11px; padding: 2em; }
	footer #footer-screen-reader a { color: #adadad; }
	footer #footer-copyright { padding: 1em; font-size: 10px; color: #333333;  }
	footer #footer-copyright p { margin: 0px; text-align: center;  color: #adadad;  }
	footer #footer-copyright a {  color: #adadad;  }

#footer-sub-nav ul {display: flex; justify-content: space-evenly; flex-flow: row wrap;}


@media (max-width: 1036px) {

	section.categoryTiles .category .categoryNav .navHeading p { font-size: 1.4em !important; }
	section.categoryTiles .category .categoryNav .navLinks ul li { padding: 2px 5px !important; }
	section.categoryTiles .category .categoryNav .navLinks ul li a { font-size: 15px !important; }

	.slogan { font-size: 1.3rem; }

	#page-content-wrap4 h1 { font-size: 2.5rem; }
	
}


@media (max-width: 767px) { 
	#featured-brands { border: none !important; margin-top: 0px !important; }
	

	.slider-rpi img {  border: none !important; }
	.slider-rpi { background: none; margin-bottom: -10px; margin-top: 0px;  }
	.slider-rpi .rpi-nav { display: none; }
	

	.slogan { font-size: 1.6rem; text-align: center; }
	
	#header-logo-content .header-logo { margin-top: 20px !important; margin-bottom: 0px !important;  max-height: 90px;  }
	#header-logo-container, #header-store-info, #header-search-box { padding-top: 0px !important; padding-bottom: 10px !important; }

	#header-store-info { text-align: center; margin-top: 10px; }
	#header-store-info .header-phone-number, #header-store-info .header-phone-number a { font-size: 1.2em; }
	#header-store-info .header-address-street, .header-address-city-state, .header-phone-label { font-size: 1.2em; }

	.featured-rows4 .caption { padding: 5rem 1rem !important; }
	#featured-special p { font-size: 2.8rem !important; }

	.featured-rows4 .caption-title span { font-size: 2.6rem !important; }
	.featured-rows4 .caption-desc { font-size: 2rem !important; }
	.gray-btn { font-size: 1.2em !important; }


	body {   background-image: none; } 

	#category-slider .item a span { font-size: 1em !important; }

	section.categoryTiles .category .categoryNav .navLinks ul li { padding: 2px 5px !important; }

	#home h1 { font-size: 1.4em !important;  }

	#footer-sub-nav { text-align: center !important; }
		#footer-sub-nav ul {flex-flow: column;}
 }

@media (max-width: 1199px) {
     #nav-primary > .nav > li > a {font-size: 1vw;}
}

@media (max-width: 991px) {
     #home .rpi-nav { display: none;}
     #nav-primary > .nav > li > a {font-size: 1.5vw; border-bottom: 1px solid #FFFFFF;}
     #nav-primary .nav-justified>li {width: 24%; flex-grow: 1;}
     #header-content .content:nth-of-type(1) {order: 1; width: 40%;}
     #header-content .content:nth-of-type(2) {order: 2; width: 40%;} 
     #header-content .content:nth-of-type(3) {order: 3; width: 100%; display: none;} 

     #nav-primary .megamenu-dropdown ul {width: auto; min-width: 100%;}


     .header-address, .header-address-street, .header-address-city-state, .header-phone-label {display: block; color: #333333;}
     .header-address-street:after {content: none; margin-left: 0px;}

#phone-numbers-header .item {
    width: auto;
    flex-grow: 1;}
} 

/* Flex box for larger screens and nav dropdown adjustments */
@media (min-width: 767px) {
     #nav-primary {display: flex!important; justify-content: center; flex-grow: 1;}
}

@media(max-width: 767px) {
	 #header-logo-content {margin: 0 auto;}
     #nav-primary > .nav > li > a {font-size: 16px;}
     #nav-primary .nav-justified>li {width: 100%;}
     #header-secondary-nav-container .navbar-right .pull-right {width: 100%; max-width: 80%; display: flex; justify-content: flex-end;}
     #header-layout-wrap .item:nth-of-type(3) {width: 100%;}
     #header-content .content:nth-of-type(1) {order: 1; width: 100%;}
     #header-content .content:nth-of-type(2) {order: 3; width: 100%;} 
     #header-content .content:nth-of-type(3) {display: none;}
     #header-search-box-content {max-width: 100%;}

/* header: primary nav collapse*/
     #nav-primary {position: relative; z-index: 10; width: 100%; padding: 0; background-color: #000;} 
     #nav-primary-container .navbar-header { float: none;}
     #nav-primary-container .navbar-left, #nav-primary-container .navbar-right  { float: none !important; }
     #nav-primary-container .navbar-toggle { display: block; }
     #nav-primary-container .navbar-collapse.collapse { display: none !important; }
     #nav-primary-container .navbar-nav { width: inherit; float: none !important; margin: 0; }
     #nav-primary-container .navbar-nav > li { float: none; }
     #nav-primary-container .container { max-width: 1170px; width: 100%;}
     #nav-primary-container .collapse.in { display:block !important; }
     #nav-primary-container .dropdown > a::after { position: absolute; right: 15px; }
     #nav-primary-container .container-fluid >.navbar-collapse, #nav-primary-container .container-fluid >.navbar-header, #nav-primary-container .container >.navbar-header { margin-right: 0px; margin-left: 0px; }
     #nav-primary > .navbar-nav > li > a { text-align: left; padding: 10px 15px; position: relative; margin-bottom: 0px; border-left: none !important; border-right: none !important; }
     #nav-primary > .navbar-nav > li { display: block; float: none !important; position: static; width: 100%; border-left: none; border-right: none; }
     #nav-primary > .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0;  border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
     #nav-primary .megamenu-dropdown .megamenu-content > .dropdown-row { width: 100%; }
     #nav-primary > .navbar-nav .open .dropdown-menu li.dropdown-header, #nav-primary .navbar-nav .open .dropdown-menu > li > a { padding-left: 20px; }
     #nav-primary-container .container>.navbar-collapse {border-radius: 0; margin: 0;}
     #nav-primary-container .container {padding-right: 0px; padding-left: 0px;}
     #nav-primary-container .container >.navbar-header {margin-right: 0px; margin-left: 0px;}
     #nav-primary .megamenu>li ul {padding: 0px;}
     footer {text-align: center;}
}


/* Warranty Special Page */

 ul.brand_service {list-style-type: none;}
 ul.brand_service li { margin-bottom:1rem; font-size: 18px; }
 .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  margin-top: 10px;
}


</style>
		<style>
.skeleton{background-color:#eef3f9;background-image:linear-gradient(90deg,#eef3f9,#eef3f9 30%,#fafcfe 50%,#eef3f9 70%,#eef3f9);background-size:200% 100%;color:#000;animation:skeleton .75s infinite forwards}.skeleton--h-10{height:10px !important}.skeleton--h-15{height:15px !important}.skeleton--h-20{height:20px !important}.skeleton--h-25{height:25px !important}.skeleton--h-30{height:30px !important}.skeleton--h-35{height:35px !important}.skeleton--h-40{height:40px !important}.skeleton--h-45{height:45px !important}.skeleton--h-50{height:50px !important}.skeleton--h-75{height:75px !important}.skeleton--h-100{height:100px !important}.skeleton--h-120{height:120px !important}.skeleton--h-200{height:200px !important}.skeleton--h-300{height:300px !important}.skeleton--h-400{height:400px !important}.skeleton--h-500{height:500px !important}.skeleton--h-full{height:100% !important}.skeleton--w-10{width:10% !important}.skeleton--w-15{width:15% !important}.skeleton--w-20{width:20% !important}.skeleton--w-25{width:25% !important}.skeleton--w-30{width:30% !important}.skeleton--w-33{width:33% !important}.skeleton--w-40{width:40% !important}.skeleton--w-50{width:50% !important}.skeleton--w-75{width:75% !important}.skeleton--w-full{width:100% !important}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:0 0}}
</style> 
		<link href="/css/all.min.css?ccid=x54ac1c5b" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="/css/all.min.css?ccid=x54ac1c5b"></noscript>

	<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;600;700&family=Roboto:wght@300;500&display=swap" rel="stylesheet">

	<!-- here for a reason -->
		<script src="/js/min/critical.js?ccid=x54ac1c5b"></script>
		<!-- <script src="/js/jquery-migrate-3.4.0.js?ccid=x54ac1c5b"></script> -->

	<!-- Google Webmaster Tools -->
		<meta name="google-site-verification" content="7J8JqwdP_28EMYcmWr74VfM72lOL0GpuJ1BJJhIAgEc" />
		
		<!--Start of Tawk.to Script added 4/14/20-->
		<script type="text/javascript">
		var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
		(function(){
		var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
		s1.async=true;
		s1.src='https://embed.tawk.to/5e961f8235bcbb0c9ab117f3/default';
		s1.charset='UTF-8';
		s1.setAttribute('crossorigin','*');
		s0.parentNode.insertBefore(s1,s0);
		})();
		</script></script>
		<!--End of Tawk.to Script-->

	<script>
			function setMobileBrowsingCookie(){
				document.cookie = 'WF_BROWSING_MODE=NORMAL; path=/';
			}
			document.addEventListener('DOMContentLoaded', () => {
				setMobileBrowsingCookie();
			})
			var mamd_id = 1448565508;
		</script>

	
	<script defer src="https://unpkg.com/web-vitals@0.2.2/dist/web-vitals.es5.umd.min.js"></script>
		<script>
			function sendToGoogleAnalytics({name, delta, id}) {
				if (typeof ga === 'function') {
					ga('send', 'event', {
						eventCategory: 'Web Vitals',
						eventAction: name,
						eventValue: Math.round(name === 'CLS' ? delta * 1000 : delta),
						eventLabel: id,
						nonInteraction: true,
					});
				}
			}

			document.addEventListener('DOMContentLoaded', function() {
				webVitals.getCLS(sendToGoogleAnalytics);
				webVitals.getFID(sendToGoogleAnalytics);
				webVitals.getLCP(sendToGoogleAnalytics);
				webVitals.getFCP(sendToGoogleAnalytics);
				webVitals.getTTFB(sendToGoogleAnalytics);
			})
		</script>


		<meta property="og:url" content="https://www.cgappliances.com/promotions/electrolux/2023/05-better-living/savings.html?RANDOM_ID=-382710316&RPI_CLICK=true" />
		
		<!-- Edit for every page -->
			
			<!-- mingle id -->

				
			<!-- end mingle id -->

			<!-- path eg: /path/to/spot -->
				
				
			<!-- end path -->

			<!-- title -->
				
			<!-- end title -->

			<!-- description -->
				
			<!-- end description -->

			<!-- promo date -->
				
			<!-- end promo date -->

		<!-- end edit for every page -->

		
		<link type="text/css" href="/promotions/css/promotion.css?ccid=x54ac1c5b" rel="stylesheet">

		
		<link type="text/css" href="/promotions/electrolux/2021/05-evergreen/css/style.css?brand=" rel="stylesheet">

		<style>
			.feature-list li {
				opacity: 0;
				transition: 0.5s;

			}
			.fix-frame {
			  position: relative;
			  margin: 0;
			  padding: 0;

			}

			.fix-frame iframe,
			.fix-frame video {
			  position: absolute;
			  top: 0;
				left: 0;
				width: 100%;
				height: 100%;

			}
			.fix-frame svg {
			  width: 100%;
			  height: auto;
			  
			}

		</style>
		
		
		<meta property="og:title" content="Electrolux - The Better Living Event" />
		<meta property="og:description" content="Save up to $2,500 when you purchase qualifying Electrolux appliances via online or mail-in rebate." />
		
		<!-- full_promo_url fails the if check but is needed for the fb src path -->
		<meta property="og:image" content="https://www.cgappliances.com/promotions/electrolux/2021/06-better-living-event/images/social_hero.jpg" />
		
		<meta property="og:image:width" content="1200" />
		<meta property="og:image:height" content="630" />
		<meta property="og:type" content="website" />

		
<style>
        
        .option_group .option_label_wrapper { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }
        .option_preview .option_preview_thumbnails { display: flex; flex-wrap: wrap; align-items: center; }
        .option_preview .option_preview_thumbnails .choice_button { width: 32px; height: 32px; margin: 2px; }
        .thumbnail_grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(55px,1fr)); grid-gap: 7px; }
        .choice_button .choice_thumbnail { width: 100%; height: 100%; border-radius: 3px; aspect-ratio: 1 / 1; }
        .choice_selection img { width: 25px; height: 25px; border-radius: 3px; border: 1px solid #e5e5e5; }
    </style>


		<script>
			//variables that need to be defined for content creation		
			var promoUrl = "/promotions/electrolux/2021/05-evergreen";
			var promoURL = promoUrl;
			var promourl = promoUrl;
			var promo_url = promoUrl;
			var delayLoad = 0;
			var effectiveDate = "effective_date=";
			//store variables that need to update
			var isVarSet = {};
			//store whether the callbacks have fired off after var has been set
			var hasActionBeenCompleted = {};
			var delayedVarActionsActivated = 0;
			
			//functions that need to be defined for content creation
			function setIfBlank(thing, newStuff=``) {
				var results = typeof thing == `undefined`;
				return results ? newStuff : thing;
			
			}
			
			function checkLocks(pageId, nameOfObject) {
				Object.entries(window[nameOfObject]).forEach(([key, value]) => {
					if(Array.isArray(value) && value.includes(pageId.toString())) {
						window[nameOfObject][key] = false;
					
					} else if(!Array.isArray(value) && value.toLowerCase() == "all") {
						window[nameOfObject][key] = false;
					
					} else {
						window[nameOfObject][key] = true;
					
					}
					
				});
				
			}
			
			function lockSection(pageId, nameOfObject) {
				Object.entries(window[nameOfObject]).forEach(([key, value]) => {
					if(Array.isArray(value) && value.includes(pageId.toString())) {
						window[nameOfObject][key] = true;
					
					} else if(!Array.isArray(value) && value.toLowerCase() == "all") {
						window[nameOfObject][key] = true;
					
					} else {
						window[nameOfObject][key] = false;
					
					}
					
				});
				
			}
		
		</script>

		
	<!-- Google Tag Manager -->
<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-TFJ4DFF');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager -->
<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-PHWHD5H');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager -->
<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-TVLXP9D');</script>
<!-- End Google Tag Manager -->
</head>


	<body>

	
	<div style="margin-bottom: -20px; line-height: 20px; height: 20px;"></div>
	<!-- full_promo_url fails the if check but is needed for the fb src path -->
	<img property="og:image" style="display: none;" src="https://www.cgappliances.com/promotions/electrolux/2021/06-better-living-event/images/social_hero.jpg" />
	<!--[if lte IE 6]><script src="js/ie6/warning.js?ccid=x54ac1c5b"></script><script>window.onload=function(){e("js/ie6/")}</script><![endif]-->
	
	
<header id="header-wrap" class="header">
	

	<div aria-label="ADA Text" class="screen-reader-text">
			<a href="#skip-disability-statement" style="position: fixed;">Skip disability assistance statement.</a>
			<p role="region" style="position: absolute; left:-9999px;" arial-label='Welcome to our website! As we have the ability to list over one million items on our website (our selection changes all of the time), it is not feasible for a company our size to record and playback the descriptions on every item on our website.
				However, if you have a disability we are here to help you. Please call our disability services phone line at (650) 756-3931 during regular business hours and one of our kind and friendly personal shoppers will help you navigate through our website, help conduct advanced searches, help you choose the item you are looking for with the specifications you are seeking, read you the specifications of any item and consult with you about the products themselves. There is no charge for the help of this personal shopper for anyone with a disability. Finally, your personal shopper will explain our Privacy Policy and Terms of Service, and help you place an order if you so desire.'>Welcome to our website! As we have the ability to list over one million items on our website (our selection changes all of the time), it is not feasible for a company our size to record and playback the descriptions on every item on our website.
				However, if you have a disability we are here to help you. Please call our disability services phone line at (650) 756-3931 during regular business hours and one of our kind and friendly personal shoppers will help you navigate through our website, help conduct advanced searches, help you choose the item you are looking for with the specifications you are seeking, read you the specifications of any item and consult with you about the products themselves. There is no charge for the help of this personal shopper for anyone with a disability. Finally, your personal shopper will explain our Privacy Policy and Terms of Service, and help you place an order if you so desire.</p>
		</div>
		<div id="skip-disability-statement"></div>

	
	<div class="container-fluid">
			<div role="region" class="row">
				<div class="header-content-wrap clearfix ">

					
				</div>
			</div>
		</div>

	
	<div id="header-layout-wrap">
               <div id="header-secondary-nav-container" class="navbar-top item">
                    

<div id="secondary-nav-content" class="navbar " role="navigation">
		<div class="navbar-header pull-left">
				<button  type="button" class="navbar-toggle" data-toggle="collapse-side" data-target=".nav-side-collapse">
					<span class="sr-only">Toggle navigation</span>
					<i class="fa fa-bars" aria-hidden="true"></i>

				</button>
			</div>

		<style>
				/* CLS mitigation - until DOMContentLoaded in close.html triggers toggleSubNav ... */
				.nav-side-collapse.loading .nav.sub-nav.pull-left { position: absolute; opacity: 0; z-index: -1; }
			</style>

			<div id="secondary-nav-collapse" class="nav-side-collapse navbar-left loading" x-data="{ init() { document.addEventListener('DOMContentLoaded', () => $nextTick(() => $el.classList.remove('loading'))) } }" x-cloak>
				<ul class="nav sub-nav pull-left">

						<li id="sub-nav-home"><a href="/index.html" title="CG Appliance INC Homepage"><span>Home</span></a></li>

						<li id="sub-nav-contact_us" class="hidden visible-xs"><a href="/locations.html" title="Contact CG Appliance INC"><span>Contact Us</span></a></li>

						<li id="sub-nav-flyers"><a href="/flyers.html" title="Flyers and Promotions"><span>Flyers</span></a></li>

						
						<li><a href="/employment.html" title="Job Opportunities"><span>Job Opportunities</span></a></li>
		<li><a href="http://homechefcookingschool.com/" title="Cooking Classes" target="_blank"><span>Cooking Classes</span></a></li>

						
						<li id="sub-nav-rebates">
									<a href="/rebate_center.html" title="Rebate Center">
										<span>Rebate Center</span>
									</a>
								</li>

						
						<li id="sub-nav-all-brands">
									<a href="/landing_all_brands.html" title="Shop by Brand">
										<span>Shop by Brand</span>
									</a>
								</li>
					</ul>
			</div><a href="https://www.facebook.com/pages/CG-Appliance-Express/195917007129585?sk=wall" title="Follow us on Facebook" target="_blank" class="hidden-xs p-l-20 sub-nav pull-right"><span><i class="fa-shape-round fa fa-2x fa-facebook-official hidden-xs hidden-sm"></i></span></a>
		
		<div id="secondary-nav-no-collapse" class="navbar-right">
				<ul class="nav sub-nav pull-right">
						<li class="hide visible-xs">
								<a href="tel:(650) 756-3931" class="track-calls" title="Phone - (650) 756-3931">
											<i class="fa fa-phone inline-block"></i>
										</a>
							</li>
						<li id="sub-nav-account-sign-in" class="dropdown megamenu-dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" title="My Account">
											<span class="hidden-xs">My Account</span>
											<i class="fa fa-user-plus hide visible-xs-inline-block"></i>
										</a>
									<div id="nav_sign_in" class="dropdown-menu megamenu megamenu-content login-menu">
											<div class="clearfix">
												<div class="col-md-12">
														<p class="dropdown-header">Sign In</p>

														<div id="menu_sign_in_error" class="alert alert-danger hidden menu-sign-in-error">
															<p><strong>Your email address and password do not match.</strong> Please try again, or reset your password.</p>
														</div>

														<form class="nav-sign-in-content">
															<div class="form-group">
																<label for="email" class="sr-only">Email/Username</label>
																<input type="text" class="form-control header-sign-in-email" placeholder="Enter Email" title="Enter Email" name="HEADER_SIGN_IN_EMAIL">
															</div>
															<div class="form-group">
																<label for="password" class="sr-only">Password</label>
																<input type="password" class="form-control header-sign-in-password" placeholder="Password" title="Enter Password" name="HEADER_SIGN_IN_PASSWORD">
															</div>
															<div class="form-group align-right">
																<a href="/customer/forgot_password.html" title="Forgot your password?">
																	Forgot your password?
																</a>
															</div>
															<div class="clearfix">&nbsp;</div>
															<div class="form-group">
																<a class="btn btn-primary btn-block btn-sm sign-in-button" href="javascript:onHeaderSignIn2();" data-gtm-event="login">Sign In</a>
															</div>
														</form>
														<div class="divide-msg-container">
															<strong class="divide-msg">New Customer?</strong>
														</div>
														<p class="align-center"><a class="btn btn-default btn-outline" role="button" href="/customer/create_account.html">Create Account</a></p>
													</div> <!-- /col -->
											</div> <!-- /row -->
										</div>
								</li> <!-- /dropdown account -->
						<li id="sub-nav-locations" class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" title="Store Locations">
													<span class="hidden-xs">Locations</span>
													<i class="fa fa-map-marker hide visible-xs-inline-block" aria-hidden="true"></i>
												</a>
										<ul class="dropdown-menu location-menu">
													<li>
															<a href="/locations/mission.html" title="CG Appliance Inc. in Daly City, CA">Daly City, CA</a>
														</li><li>
															<a href="/locations/industrial.html" title="CG Appliance Inc. in San Carlos, CA">San Carlos, CA</a>
														</li>
													<li role="separator" class="divider"></li>
														<li class="dropdown-footer"><a href="/store_finder.html" title="Store Finder">Store Finder</a></li>
												</ul>
									</li>

						<li id="sub-nav-cart" class="dropdown megamenu-dropdow ">
									<a href="#" class="dropdown-toggle link-alt" data-toggle="dropdown" role="button" aria-expanded="false" title="View Cart">
											<i class="fa fa-shopping-cart" aria-hidden="true"></i>
											<span class="badge badge-primary" aria-label="Shopping cart - 0">0</span>
										</a>
									<ul class="dropdown-menu megamenu megamenu-content cart-menu clearfix">
											<li>
												<div class="clearfix">
													<div class="col-md-12">
														<p class="dropdown-header">Your Cart</p>

														<p><strong>There are no items in your shopping cart.</strong></p>
													</div>
												</div>
											</li>
										</ul>
								</li> <!-- dropdown cart -->

						
					</ul>
			</div>
	</div> <!-- /secondary-nav-content -->


               </div>
               <div id="header-content" class="item">
                    <div class="content">
                         

<div id="header-logo-content" class="">
		<a href="/index.html" title="CG Appliance INC logo, link to homepage">
			<img class="img-responsive header-logo" src="/images/logo.png?ccid=x54ac1c5b" alt="CG Appliance INC logo, link to homepage" title="CG Appliance INC Logo">
		</a>
	</div>
                    </div>
                    <div class="content">
                         

<div class="header-search-box-content">
			<form
    class="form-search p-relative"
    action="/_CGI/SEARCH3"
    method="get"
    name="pn_search_form"
    target="_self"
    x-ref="searchForm"
    role="search"
    spellcheck="false"
    data-gtm-event="search"
    @focusin.window="!$el.contains($event.target) && close()"
    @click.outside="close"
    @keydown.escape.prevent.stop="close($refs.searchInput)"
    x-trap.inert.noreturn="dropdown_open"
    @keydown.down.prevent="$focus.wrap().next()"
    @keydown.up.prevent="$focus.wrap().previous()"
    x-data="predictiveSearch"
>
    <label class="sr-only" for="searchbox">Search Site</label>

        <div class="input-group m-b-0">
            <input
                type="text"
                autocomplete="off"
                class="form-control searchbox"
                x-ref="searchInput"
                @focus="suggestions.length && open()"
                x-model="query"
                name="PN"
                @input="getSuggestions($el.value)"
                aria-label="Search Keyword/Model Number"
                placeholder="Search Keyword/Model #"
            >
            <div class="input-group-btn">
                <button type="submit" class="btn btn-primary" aria-label="Submit Search">
                    <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
                </button>
            </div>
        </div>

    <style>
            .search-suggestion { transition: background-color .2s ease, color .2s ease; }
                .search-suggestion a { padding: 5px; }
                .search-suggestion a, .search-suggestion span { white-space: break-spaces; }
                .search-suggestion:hover,
                .search-suggestion a:focus-visible {
                    background-color: #f6f6f6;
                }
                .search-suggestion:hover a,
                .search-suggestion a:focus-visible {
                    color: #000;
                }
                
                #header-layout-container, #header-layout-custom { position: relative; z-index: 11; }

                @media (max-width: 767px) { 
                    .fill-vp.open .dropdown-menu { display: table; width: calc(100vw - 18px); left: auto; right:-1px; border-radius: 0px; overflow-x: hidden; overflow-y: visible; }
                    #secondary-nav-no-collapse .sub-nav>li.dropdown.open .dropdown-menu { display:table; width:calc(100vw - 18px); left:0; right:0; overflow-x:hidden; overflow-y: visible; }
                }
        </style>

        <div
            class="d-flex bg-white box-shadow-gray-soft p-absolute rounded-4 p-t-5 p-r-5 p-b-5 p-l-5 text-left"
            style="z-index: 1111; width: max(calc(100% - 40px), 250px); max-width: 100%;"
            x-show.important="dropdown_open"
            x-transition:enter.opacity
            x-cloak
        >
            <div class="p-relative full-width" x-cloak>
                <div
                    x-show.important="suggestions.length"
                    x-transition:enter.opacity
                    class="full-width"
                    x-cloak
                >
                    <p class="m-b-0 p-t-5 p-r-5 p-l-5 text-primary"><strong>TOP RESULTS</strong></p>

                    <template x-for="(suggestion, i) in suggestions":key="suggestion">
                            <p class="search-suggestion bg-gray-light-on-hover m-b-0">
                                <a
                                    href="#"
                                    @click.prevent="onSuggestionClick(suggestion)"
                                    class="ui-link-no-decor ui-link-remove-hover text-black inline-block full-width"
                                    :aria-label="suggestion"
                                    x-html="highlightNonMatchingSubstring(suggestion)"
                                ></a>
                            </p>
                        </template>
                </div>

                <div
                        x-cloak
                        x-show.important="dropdown_open && !suggestions.length"
                        x-transition:enter.delay.100ms
                        class="d-flex-all justify-content-center align-items-center"
                        style="min-height: 155px;"
                        x-data="{ stroke: '#000', width: '23px', height: '23px' }"
                    >
                        <style>
    .loading-spinner__circle-svg {
        animation: loading-spinner-rotate 1.28973s linear infinite;
        transform-origin: center center;
        height: 100%;
        width: 100%;
        margin: auto;
    }
    .loading-spinner__circle-stroke {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
        animation: loading-spinner-dash 2s ease-in-out infinite;
        stroke-linecap: round;
        stroke-width: 4px;
    }
    @keyframes loading-spinner-rotate {
        100% { transform: rotate(360deg) }
    }
    @keyframes loading-spinner-dash {
        0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 }
        50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px }
        100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px }
    }

    
</style>

<svg class="loading-spinner__circle-svg" viewBox="25 25 50 50" :style="{ width, height }">
    <circle class="loading-spinner__circle-stroke" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" :style="{ stroke }"/>
</svg>
                    </div>
            </div>
        </div>
</form>
		</div>

	<script>
			document.addEventListener('alpine:init', () => {
				Alpine.data('predictiveSearch', () => ({
					dropdown_open: false,
					query: '',
					loading_suggestions: false,
					preferred_suggestion_count: 10,
					suggestions: [],
					open() {
						if (this.dropdown_open || !this.query.length) return;
						this.dropdown_open = true;
					},
					close(focusAfter) {
						if (!this.dropdown_open) return;
						this.dropdown_open = false;
						focusAfter && focusAfter.focus && focusAfter.focus()
					},
					async getSuggestions(query) {
						const vm = this;

						// abort any previous requests still in progress
						if (vm.fetchController) {
							vm.fetchController.abort();
						}

						if (!query.length) {
							vm.query = '';
							vm.close(vm.$refs.searchInput);
							return;
						}

						const reqBody = {
							billable_account_id: '32321',
							search_limit: vm.preferred_suggestion_count,
							search_term: vm.query,
						}

						try {
							vm.fetchController = new AbortController();
							const params = new URLSearchParams(reqBody).toString();
							const url = `/api/internal/wf-appliance/predictive-search-terms-get?API_KEY=WSKYRINYDNCQUADFAKXHUQSABSPHABPYTICFKKYOVDTPWYNSAJJTJMHGBAGU&${params}`;
							const res = await fetch(url,
								{ signal: vm.fetchController.signal }
							);
							if (!res.ok) throw new Error('Predictive search endpoint not found');

							const { success, suggested_terms } = await res.json();
							if (!success) throw new Error('Error predicting search terms');
							if (!suggested_terms.length) return vm.close(vm.$refs.searchInput);

							vm.suggestions = suggested_terms.map(term => term.toLowerCase());
							if (!vm.dropdown_open) vm.open();
						} catch (err) {
							if (err.name === 'AbortError') {
								return;
							}

							vm.suggestions = [];
							vm.close(vm.$refs.searchInput);
						}
					},
					onSuggestionClick(suggestion) {
						this.close();
						this.query = suggestion;
						this.$nextTick(() => this.$refs.searchForm.submit())
					},
					highlightNonMatchingSubstring(suggestion) {
						const query = this.query.toLowerCase();
						const suggestionLowercase = suggestion.toLowerCase();
					
						// check if the suggestion exactly matches the query
						if (suggestionLowercase === query) {
							return `<span>${suggestion}</span>`;
						}
					
						// check if the suggestion starts with the query
						if (suggestionLowercase.indexOf(query) === 0) {
							const nonMatching = suggestion.substring(query.length);
							return `<span>${query}<strong>${nonMatching}</strong></span>`;
						}
					
						// highlight non-matching substrings
						const normalizedQuery = query.replaceAll('(', '').replaceAll(')', '').replaceAll('[', '').replaceAll(']', '').replaceAll('\\', '');
						const regex = new RegExp(`(?!${normalizedQuery})\\b\\w+\\b`, 'gi');
						const highlighted = suggestion.replace(regex, '<strong>$&</strong>');
						return `<span>${highlighted}</span>`;
					},								  
					titleCase(str = '') {
						if (!str || typeof str !== 'string') return str;

						return str
							.trim()
							.split(' ')
							.map(word => word[0]?.toUpperCase() + word.slice(1)?.toLowerCase())
							.join(' ');
					},

					
				}))
			})
		</script>

                    </div>
                    <div class="content">
                         			<div id="phone-numbers-header" class="full-width">
				<div class="item">
					<p>
						(650) 756-3931<br>
						<span><a href="/locations/mission.html" title="Daly City">Daly City</a></span>
					</p>
				</div>
				<div class="item">
					<p>
						(415) 532-9323<br>
						<span>San Rafael</span>
					</p>
				</div>
				<div class="item">
					<p>
						(925) 956-3332<br>
						<span>Walnut Creek </span>
					</p>
				</div>
				<div class="item">
					<p>
						(415) 424-6914<br>
						<span>San Francisco</span>
					</p>
				</div>
				<div class="item">
					<p>
						(510) 876-8758<br>
						<span>Hayward</span>
					</p>
				</div>
				<div class="item">
					<p>
						(650) 654-3100<br>
						<span><a href="/locations/industrial.html" title="San Carlos">San Carlos</a></span>
					</p>
				</div>
				<div class="item">
					<p>
						(408) 726-6193<br>
						<span>San Jose</span>
					</p>
				</div>
			</div>
		
                    </div>
               </div>          
               <div id="header-primary-nav-wrap" class="item">
                    
	
	<!-- appliances tab -->
		
			<!-- air control -->
			
				
			<!-- /air control -->
		   
			<!-- cooking -->
			
				
			<!-- /cooking -->

			<!-- dishwashers -->
			
					
			<!-- dishwashers -->

			<!-- laundry tab -->
			
				
			<!--/ laundry tab -->

			<!-- refrigeration tab -->
			
				
			<!-- / refrigeration -->

			<!-- vacuums -->
			
				
			<!-- /vacuums -->
	<!-- appliances tab --><!-- grilling tab-->
		
		
		<!-- grilling tab-->

		
		<!-- plumbing tab-->
		
			
		<!-- plumbing tab-->

		
	<!-- lawn tab-->
		
		<!-- /power equipment -->
		
			
		<!-- /power equipment -->

		<!-- towables -->
		
									
		<!-- /towable -->

		<!-- mowers -->
		
			
		<!-- /mowers -->

		<!-- other-->
		
			
		<!-- /other -->
	<!-- /lawn -->


<nav id="nav-primary-container" class="navbar navbar-primary standard-nav">
		<div class="navbar-primary-wrap container-fluid">
			
			<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-primary">
						<span class="sr-only">Toggle navigation</span>
						<span class="navbar-toggle-text">Shop by Category</span>
						<span class="caret"></span>
					</button>
				</div>

			<div id="nav-primary" class="navbar-collapse collapse">
				<ul class="nav navbar-nav nav-primary nav-justified standard-nav">
					
					
					<li class="megamenu-dropdown dropdown megamenu-toggle nav-appliances">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-label="Appliances" aria-expanded="false" >
										
										
										Appliances
										
										
									</a>
							
							<ul class="dropdown-menu megamenu megamenu-content clearfix">
										
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
													<div class="col-sm-6 col-xs-8">
														<p class="dropdown-section-header">Appliances</p>
													</div>
													<div class="col-sm-6 col-xs-4">
																<a class="btn btn-primary pull-right" aria-label="View All Appliances" href="/by-category/gr:gasr20-bbq:bbqpro-laund:drygf-gr:gaspro-er:erspcl-dish:dwpo-ac:acac-ref:drawer-bbq:bbqel-ref:ffrench-gr:gasr24-er:er30st-ref:fglass-gr:grslin-gr:grwal2-laund:dryg-er:ersurf-er:erdrop-laund:washhe-fr:upfrze-ref:brefall-hood:ducted-vac:misvac-er:er24rc-hood:prohd-laund:dryp-er:er20rc-gr:gr36a-laund:commd-air:a30000-ac:diacc-bbq:bbqng-ac:vacbag-laund:washp-ref:rspcl-mic:micco-laund:commc-fr:chfrze-laund:washc-hood:convhd-laund:washf-laund:drye-ac:launac-ref:bbotf-ac:bbqac-ac:refacc-heat:heater-air:a12000-hood:dctles-er:erwarm-ac:dishac-laund:washt-vac:canvac-ref:ftopf-er:er36a-hood:insert-ref:bsxs-ac:ranacc-ac:hoodac-ref:compact-bbq:bbqch-ac:gracc-dish:dwbi-laund:dryef-er:erwalcm-comp:compac-mic:micor-laund:pdstl-di:dispos-ref:fsxs-heat:hum-bbq:bbqpl-gr:gasr30-ref:rwc-vac:cenvac-ac:eracc-gr:grsurf-bbq:bbqlp-air:a24000-er:erwal2-ref:bfrench-air:sleeves-er:erwal1-air:a18000-fr:icemkr-gr:grspcl-ac:micac-ref:frefall-er:erslin-ref:fbotf-er:er30rc-vac:uprvac-mic:micbi/appliances.html?header_img=appliance.jpg" >
																View All
															</a>
														</div>
												</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section col-md-2 col-sm-4 nav-sub-section-air-cooling">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Heating &amp; Cooling</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MAJOR=AIR" >Air Conditioners</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:ACAC" >A/C Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/air:a30000-air:a18000-ac:acac-heat:heater-air:a12000-air:a24000-heat:hum-air:sleeves/heating--amp--cooling.html?header_img=air.jpg" >All Heating &amp; Cooling</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-md-2 col-sm-4 nav-sub-section-air-cooking">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Cooking</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=GR:GASR20|GR:GASR30|GR:GASPRO|ER:ERSPCL|AC:RANACC|AC:ERACC|GR:GRSURF|AC:GRACC|GR:GASR24|ER:ER30ST|GR:GRSLIN|ER:ERSURF|ER:ERDROP|GR:GRSPCL|ER:ER24RC|ER:ER20RC|ER:ERSLIN|ER:ER30RC|GR:GR36A|ER:ER36A" >Ranges &amp; Cooktops</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=GR:GRWAL2|ER:ERWARM|ER:ERWAL2|ER:ERWALCM|ER:ERWAL1" >Wall Ovens</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=HOOD:INSERT|AC:HOODAC|HOOD:DUCTED|HOOD:DCTLES|HOOD:CONVHD|HOOD:PROHD" >Hoods</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=MIC:MICOR|MIC:MICCO|AC:MICAC|MIC:MICBI" >Microwaves</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BBQ:BBQPRO|BBQ:BBQPL|AC:BBQAC|BBQ:BBQNG|BBQ:BBQCH|BBQ:BBQLP|BBQ:BBQEL" >Grills &amp; Barbeques</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/hood:insert-gr:gasr20-bbq:bbqpro-gr:gaspro-er:erspcl-ac:ranacc-ac:hoodac-bbq:bbqch-bbq:bbqel-ac:gracc-gr:gasr24-er:er30st-er:erwalcm-gr:grslin-gr:grwal2-mic:micor-er:ersurf-er:erdrop-hood:ducted-er:er24rc-hood:prohd-er:er20rc-gr:gr36a-bbq:bbqpl-gr:gasr30-bbq:bbqng-ac:eracc-mic:micco-gr:grsurf-hood:convhd-bbq:bbqlp-er:erwal2-er:erwal1-ac:bbqac-gr:grspcl-ac:micac-hood:dctles-er:erwarm-er:erslin-er:er30rc-mic:micbi-er:er36a/cooking.html?header_img=cooking.jpg" >All Cooking</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-md-2 col-sm-4 nav-sub-section-air-cooling">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Kitchen Cleanup</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MAJOR=DISH" >Dishwashers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:DISHAC" >Dishwasher Accessories</a></li><li><a href="/_CGI/SEARCH3.HTML?MAJOR=COMP" >Trash Compactors</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=DI:DISPOS" >Waste Disposals</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:DIACC" >Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/ac:diacc-dish:dwpo-ac:dishac-di:dispos-dish:dwbi-comp:compac/kitchen-cleanup.html?header_img=dish.jpg" >All Kitchen Cleanup</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-md-2 col-sm-4 nav-sub-section-laundry">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Laundry</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:WASHHE|LAUND:WASHP|LAUND:WASHT|LAUND:WASHF" >Washers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:COMMC|LAUND:WASHC" >Combo Washer/Dryers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:COMMD|LAUND:DRYG|LAUND:DRYGF|LAUND:DRYP|LAUND:DRYE|LAUND:DRYEF" >Dryers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=LAUND:PDSTL" >Laundry Pedestals</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:LAUNAC" >Hoses &amp; Other Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/laund:commd-laund:drygf-laund:washp-laund:commc-laund:washc-laund:washf-laund:drye-laund:dryef-ac:launac-laund:dryg-laund:washhe-laund:pdstl-laund:washt-laund:dryp/laundry.html?header_img=laund.jpg" >All Laundry</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-md-2 col-sm-4 nav-sub-section-refrigeration">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Refrigeration</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MAJOR=REF" >Refrigerators</a></li><li><a href="/_CGI/SEARCH3.HTML?MAJOR=FR" >Freezers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=FR:ICEMKR" >Ice Makers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=REF:RWC|REF:RSPCL|REF:COMPACT|REF:DRAWER" >Specialty Refrigerators</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:REFACC" >Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/ref:bsxs-ref:rwc-ref:rspcl-ref:compact-fr:chfrze-ref:drawer-ref:ffrench-ref:bfrench-ref:fglass-ref:bbotf-ref:brefall-ac:refacc-fr:upfrze-fr:icemkr-ref:frefall-ref:ftopf-ref:fsxs-ref:fbotf/refrigeration.html?header_img=ref.jpg" >All Refrigeration</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-md-2 col-sm-4 nav-sub-section-vacuums">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Vacuums</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=VAC:CANVAC" >Canister Vacuums</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=VAC:UPRVAC" >Upright Vacuums</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:VACBAG|VAC:MISVAC" >Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/vac:cenvac-ac:vacbag-vac:misvac-vac:canvac-vac:uprvac/vacuums.html?header_img=vac.jpg" >All Vacuums</a>
																	</li>
															</ul>

																
														</li>
											</ul>
										</li>
									</ul>
						</li><li class="megamenu-dropdown dropdown megamenu-toggle nav-grilling">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-label="Outdoor Cooking" aria-expanded="false" >
										
										
										Outdoor Cooking
										
										
									</a>
							
							<ul class="dropdown-menu megamenu megamenu-content clearfix">
										
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
													<div class="col-sm-6 col-xs-8">
														<p class="dropdown-section-header">Outdoor Cooking</p>
													</div>
													<div class="col-sm-6 col-xs-4">
																<a class="btn btn-primary pull-right" aria-label="View All Outdoor Cooking" href="/by-category/bbq:bbqpro-ac:bbqac-bbq:bbqng-bbq:bbqch-bbq:bbqlp-bbq:bbqel/outdoor-cooking.html?header_img=bbq.jpg" >
																View All
															</a>
														</div>
												</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section col-sm-12 nav-sub-section-bbq">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Grilling</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=BBQ:BBQNG|BBQ:BBQLP" >Gas Grills</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BBQ:BBQCH" >Charcoal Grills</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BBQ:BBQEL" >Electric Grills</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BBQ:BBQPRO" >Pro Style Grills</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=AC:BBQAC" >Accessories</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/bbq:bbqpro-ac:bbqac-bbq:bbqng-bbq:bbqch-bbq:bbqlp-bbq:bbqel/grilling.html?header_img=bbq.jpg" >All Grilling</a>
																	</li>
															</ul>

																
														</li>
											</ul>
										</li>
									</ul>
						</li><li class="megamenu-dropdown ">
							<a href="/_CGI/SEARCH3.HTML?MAJOR=LAUND&MINOR_SORT=LAUND:COMMW|LAUND:COMMC" role="button" aria-label="Commercial Laundry" aria-expanded="false" >
										
										
										Commercial Laundry
										
										
									</a>
							
							
						</li><li class="megamenu-dropdown ">
							<a href="/_CGI/SEARCH?PROMO_CODE=Commercial_Appliances" role="button" aria-label="Hot Deals" aria-expanded="false" >
										
										
										Hot Deals
										
										
									</a>
							
							
						</li><li class="megamenu-dropdown dropdown megamenu-toggle nav-grilling">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-label="Plumbing" aria-expanded="false" >
										
										
										Plumbing
										
										
									</a>
							
							<ul class="dropdown-menu megamenu megamenu-content clearfix">
										
										<li class="col-sm-12 clearfix">
											<div class="dropdown-section-header-container clearfix">
													<div class="col-sm-6 col-xs-8">
														<p class="dropdown-section-header">Plumbing</p>
													</div>
													<div class="col-sm-6 col-xs-4">
																<a class="btn btn-primary pull-right" aria-label="View All Plumbing" href="/by-category/batha:bacc-bathf:bidt-bathf:tsfct-bathf:srcpt-batha:oacc-batha:sacc-bathf:senc-bathf:sfct-kichf:bfct-bathf:show-bathf:swall-kichf:pfct-bathf:sifct-bathf:vent-bathf:smod-bathf:ssldb-bathf:bfct-bathf:sbdys-batha:tacc-bathf:tlet-bathf:tfct-bathf:sdrain-bathf:shswr-bathf:sdoor-bathf:sspry-bathf:bidseat-kichf:kfct-bathf:urnl/plumbing.html?header_img=bathf.jpg" >
																View All
															</a>
														</div>
												</div>
										</li>
										<li class="col-sm-12 dropdown-row clearfix">
											<ul class="nav-sub-sections-container row">
												<li class="nav-sub-section col-sm-6 nav-sub-section-bbq">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Kitchen Faucets</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=KICHF:BFCT" >Bar Faucets</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=KICHF:KFCT" >Kitchen Faucets</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=KICHF:PFCT" >Pot Filler Faucets</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/kichf:bfct-kichf:kfct-kichf:pfct/kitchen-faucets.html?header_img=KICHF.jpg" >All Kitchen Faucets</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-6 nav-sub-section-bbq">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Kitchen Sinks</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=KICHF:SINK&FILTER_DPH_NUMBER_OF_BASINS=1" >Single Basin</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=KICHF:SINK&FILTER_DPH_NUMBER_OF_BASINS=2" >Double Basin</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=KICHF:SINK&FILTER_DPH_SINK_MOUNT=ABOVE%20COUNTER%20%28SELF-RIMMING%29" >Drop-in Sinks</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=KICHF:SINK&FILTER_DPH_SINK_MOUNT=UNDER%20COUNTER" >Undermount Sinks</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category//kitchen-sinks.html?header_img=KICHF.jpg" >All Kitchen Sinks</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-2 nav-sub-section-bbq">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Bathroom Faucets</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:TFCT" >Bathtub Faucets</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:TSFCT" >Bathtub & Shower Faucets</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:BFCT" >Bidet Faucets</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:SIFCT" >Sink Faucets</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/bathf:tfct-bathf:tsfct-bathf:bfct-bathf:sifct/bathroom-faucets.html?header_img=bathf.jpg" >All Bathroom Faucets</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-2 nav-sub-section-bbq">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Showers</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:SHSWR" >Hand Held Showers</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:SSPRY" >Shower Heads</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:SFCT|BATHF:SHOW" >Systems, Valves & Diverters</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:TSFCT" >Tub & Shower Faucets</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:SSLDB" >Wall Slide Bars</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/bathf:smod-bathf:tsfct-bathf:ssldb-bathf:sbdys-bathf:srcpt-bathf:senc-bathf:sdrain-bathf:sfct-bathf:shswr-bathf:sdoor-bathf:sspry-bathf:show-bathf:swall/showers.html?header_img=bathf.jpg" >All Showers</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-2 nav-sub-section-bbq">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Toilets</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHF:BFCT" >Bidet Faucets</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/bathf:tlet-bathf:bidt-bathf:bfct-bathf:bidseat-bathf:urnl/toilets.html?header_img=bathf.jpg" >All Toilets, Bidets &amp; Urinals</a>
																	</li>
															</ul>

																
														</li><li class="nav-sub-section col-sm-2 nav-sub-section-bbq">
															<ul>
																
																
																<!-- header -->
																	<li class="dropdown-header">Parts</li>

																<!-- links -->
																<li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHA:BACC" >Bath and Shower</a></li><li><a href="/_CGI/SEARCH3.HTML?MINOR=BATHA:SACC" >Sinks</a></li>
																<!-- footer -->
																	<li class="dropdown-footer">
																		<a href="/by-category/bathf:vent-batha:bacc-batha:oacc-batha:sacc-batha:tacc/parts.html?header_img=bathf.jpg" >All Parts &amp; Accessories</a>
																	</li>
															</ul>

																
														</li>
											</ul>
										</li>
									</ul>
						</li><li class="megamenu-dropdown ">
							<a href="/_CGI/SEARCH3.HTML?MAJOR=AC|VAC&MAN=MIE" role="button" aria-label="Vacuums" aria-expanded="false" >
										
										
										Vacuums
										
										
									</a>
							
							
						</li><li class="megamenu-dropdown ">
							<a href="/_CGI/SEARCH3.HTML?ADVANCED_PRODUCT_FLAGGING_IN_STOCK=TRUE" role="button" aria-label="In Stock" aria-expanded="false" >
										
										
										In Stock
										
										
									</a>
							
							
						</li>

					
				</ul>
			</div>
		</div>
	</nav>
               </div>
          </div>

	
</header> <!-- /header -->


	<!-- Defines -->


	<!-- end defines -->

	<div id="page-content-wrap" class="container-fluid ">

		
	<div class="row hidden-xs">
		<div class="col-sm-12">
				<ol class="breadcrumb">
						<li><a href="/index.html">Home</a></li>
						<li class="active">Promotion</li>
					</ol>
			</div>
	</div> <!-- /row -->


		<div id="page_wrapper_bg">
			<div id="container_12">
				
				<div class=" body_text profile promotion ">
				
					
					<script>
						function platoCheck() {
							return (typeof $().modal == "function" ? false : true);
							
						}
					
						var itsPlato = platoCheck();

					</script>
				
					
					<!-- -- -- -- --
		-- -- -- -- --
		-- -- -- -- --
	-- page edits below --
		-- -- -- -- --
		-- -- -- -- --
	-->
	
	
		<!-- main promo content -->
			
			
			<section class="section-container row">
				<!-- Youtube Popup -->
						<div id="youTube_popup_container">
							<div id="youtubePopup">
								<div class="embed-responsive embed-responsive-16by9 youtube-video">
									<iframe class="embed-responsive-item" src="" frameborder="0" allowfullscreen></iframe>
									<span class="promo_close_it">Close</span>
								</div>
							</div>
							<div id="dark_cover" class="promo_close_it"></div>
						</div>
				
			</section>
			
			
		<!-- end main promo content -->


	<!-- -- -- -- --
		-- -- -- -- --
		-- -- -- -- --
	-- page edits above --
		-- -- -- -- --
		-- -- -- -- --
	-->


	<script>
	
	var prodCodes = {
		cooking : `GR|ER`,
		get allCooking() {return this.cooking;},
		ranges : `GR:GASR20|GR:GASR24|GR:GASR30|GR:GR36A|GR:GASPRO|GR:GRSLIN|GR:GRSPCL|ER:ER20RC|ER:ER24RC|ER:ER30RC|ER:ER36A|ER:ERDROP|ER:ER30ST|ER:ERSLIN`,
		electricRanges : `ER:ER20RC|ER:ER24RC|ER:ER30RC|ER:ER36A|ER:ERDROP|ER:ER30ST|ER:ERSLIN`,
		get elecRanges() {return this.electricRanges;},
		gasRanges : `GR:GASR20|GR:GASR24|GR:GASR30|GR:GR36A|GR:GASPRO|GR:GRSLIN|GR:GRSPCL`,
		cooktops : `er:ersurf|gr:grsurf`,
		get cookTops() {return this.cooktops;},
		get cook_tops() {return this.cooktops;},
		wallOvens : `GR:GRWAL2|GR:GRWAL1|ER:ERWAL2|ER:ERWAL1`,
		get wallovens() {return this.wallOvens;},
		get wall_ovens() {return this.wallOvens;},
		get wall() {return this.wallOvens;},
		get allOvens() {return `${this.electricRanges}|${this.gasRanges}|${this.wallOvens}`;},
		get all_ovens() {return this.allOvens;},
		laundry : `LAUND`,
		get laund() {return this.laundry;},
		washers : `LAUND:WASHC|LAUND:COMMC|LAUND:COMMW|LAUND:WASHF|LAUND:WASHHE|LAUND:WASHP|LAUND:WASHT`,
		get wash() {return this.washers;},
		dryers : `LAUND:WASHC|LAUND:COMMC|LAUND:COMMD|LAUND:DRYEF|LAUND:DRYGF|LAUND:DRYP|LAUND:DRYG|LAUND:DRYTMG|LAUND:DRYTME`,
		get dry() {return this.dryers;},
		pedestals : `LAUND:PDSTL`,
		get ped() {return this.pedestals;},
		freezers : `FR`,
		get freezer() {return this.freezers;},
		get freez() {return this.freezers;},
		get freeze() {return this.freezers;},
		refrigerators : `REF`,
		get ref() {return this.refrigerators;},
		get refs() {return this.refrigerators;},
		get fridge() {return this.refrigerators;},
		get fridges() {return this.refrigerators;},
		dishwashers : `DISH`,
		get dish() {return this.dishwashers;},
		get dishes() {return this.dishwashers;},
		microwaves : `MIC`,
		get mic() {return this.microwaves;},
		get mics() {return this.microwaves;},
		hoods : `HOOD`,
		get hood() {return this.hoods;},
		accessories : `AC`,
		get parts() {return this.accessories;},
		grills : `BBQ`,
		get grill() {return this.grills;},
		vacuums : `vac`,
		get vacuum() {return this.vacuums;},
		get vac() {return this.vacuums;},
		get vacs() {return this.vacuums;},
		
		get help() {
			return Object.keys(this);
			
		},
		
	};

	var prodQueries = prodCodes;

	var prods = prodCodes;


</script>

			
<script>
	var promoSectionIndex = 1;
	
	
	var promoHeroLayout1 = function(
		stuff = ``, 
		showRebateButton = true, 
		showOfferDate = true,
		offerDate = `May 18 - September 27, 2023`,
		rebateButton = `
			<style>.promotion .rebate-link-check:not(:first-of-type) {display: none;}</style>
					<div style="display: none;">current rebate is... NATIONWIDE_ELECTROLUX_BLR5</div>
					<a data-ajax="false" class="whatevs rebate-link-check" target="_blank" href="/_CGI/VIEW_REBATE_FORM?PROTOCOL=S3&FORM_NUMBER=CXGFHSVI.pdf&analytics_params=500:NATIONWIDE_ELECTROLUX_BLR5" title="Download Rebate Details">
						Download Rebate
							
					</a><style>.promotion .rebate-link-check:not(:first-of-type) {display: none;}</style>
					<div style="display: none;">current rebate is... NATIONWIDE_ELECTROLUX_BLR5</div>
					<a data-ajax="false" class="whatevs rebate-link-check" target="_blank" href="/_CGI/VIEW_REBATE_FORM?PROTOCOL=S3&FORM_NUMBER=CXGFHSVI.pdf&analytics_params=500:NATIONWIDE_ELECTROLUX_BLR5" title="Download Rebate Details">
						Download Rebate
							
					</a>`,
		heroLink = ``,
		force = false) {


		if(typeof stuff == 'object' && stuff != null) {
			this.newClasses = stuff.newClasses ? stuff.newClasses : ``;
			this.showRebateButton = stuff.showRebateButton ? stuff.showRebateButton : true;
			this.showOfferDate = stuff.showOfferDate ? stuff.showOfferDate : true;
			this.offerDate = stuff.offerDate ? stuff.offerDate : `May 18 - September 27, 2023`;
			this.rebateButton = stuff.rebateButton ? stuff.rebateButton : `
			<style>.promotion .rebate-link-check:not(:first-of-type) {display: none;}</style>
					<div style="display: none;">current rebate is... NATIONWIDE_ELECTROLUX_BLR5</div>
					<a data-ajax="false" class="whatevs rebate-link-check" target="_blank" href="/_CGI/VIEW_REBATE_FORM?PROTOCOL=S3&FORM_NUMBER=CXGFHSVI.pdf&analytics_params=500:NATIONWIDE_ELECTROLUX_BLR5" title="Download Rebate Details">
						Download Rebate
							
					</a><style>.promotion .rebate-link-check:not(:first-of-type) {display: none;}</style>
					<div style="display: none;">current rebate is... NATIONWIDE_ELECTROLUX_BLR5</div>
					<a data-ajax="false" class="whatevs rebate-link-check" target="_blank" href="/_CGI/VIEW_REBATE_FORM?PROTOCOL=S3&FORM_NUMBER=CXGFHSVI.pdf&analytics_params=500:NATIONWIDE_ELECTROLUX_BLR5" title="Download Rebate Details">
						Download Rebate
							
					</a>`;
			this.heroLink = stuff.heroLink ? stuff.heroLink : ``;
			this.heroText = stuff.heroText ? stuff.heroText : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			//new classes not previously being called
			this.newClasses = stuff;
			this.showRebateButton = showRebateButton;
			this.showOfferDate = showOfferDate;
			this.offerDate = offerDate;
			this.rebateButton = rebateButton;
			this.heroLink = heroLink;
			this.force = force;

		}
		
		if(this.showOfferDate) {
			this.dateStuff = `
					<div class="offer-text">
						<strong>
							Offer valid:
						</strong>
						${this.offerDate}

					</div>
				
				
				`;
			
		} else {
			this.dateStuff = ``;
			
		}
		
		if(this.heroText) {
			this.heroTextStuff = `
					<div class="promo-hero-text">
						<span>
							${this.heroText}
							
						</span>
					
					</div>
					
			`;
			
		} else {
			this.heroTextStuff = ``;
			
		}
		
		if(this.showRebateButton) {
			this.rebateStuff = this.rebateButton;
		
			if(!this.rebateStuff.trim()) {
				this.rebateStuff = gremlin("rebate_button", promoRebateAll);
				
			}
			
		} else {
			this.rebateStuff = ``;
			
		}

		if(this.heroLink == ``) {
			this.heroStuff = `
	
	
			<img class="img-fluid full_width" src="/promotions/electrolux/2021/06-better-living-event/images/landing_hero.jpg?ccid=x54ac1c5b" alt="Electrolux - The Better Living Event" title="Electrolux - The Better Living Event"/>`;

		} else {
			this.heroStuff = `
				<a href="${this.heroLink}">
					
	
			<img class="img-fluid full_width" src="/promotions/electrolux/2021/06-better-living-event/images/landing_hero.jpg?ccid=x54ac1c5b" alt="Electrolux - The Better Living Event" title="Electrolux - The Better Living Event"/>

				</a>

			`;

		}
		
		
		this.doIt = function() {
			return `
				<section class="hero-section row ${this.newClasses}">
					${this.heroStuff}
					
					${this.heroTextStuff}
					
					${this.dateStuff}
					${this.rebateStuff}

				</section>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(this.force) {
			return this.doIt();

		}

	};
	
	var promoDisclaimerLayout1 = function(stuff, content = ``, force = true) {
		if(typeof stuff == 'object' && stuff != null) {
			this.newClasses = stuff.newClasses ? stuff.newClasses : ``;
			this.content = stuff.content ? stuff.content : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			this.newClasses = stuff;
			this.content = content;
			this.force = force;

		}

		
		this.doIt = function() {
			return `
				<section class="dislcaimer-section row ${this.newClasses}">
					<p>
						${this.content}

					</p>

				</section>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(force) {
			return this.doIt();

		}
		
	};
	
	var promoHeaderLayout1 = function(stuff, header2 = ``, header3 = ``, force = false) {
		
		if(typeof stuff == 'object' && stuff != null) {
			this.header1 = stuff.header1 ? stuff.header1 : ``;
			this.header2 = stuff.header2 ? stuff.header2 : ``;
			this.header3 = stuff.header3 ? stuff.header3 : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			this.header1 = stuff;
			this.header2 = header2;
			this.header3 = header3;
			this.force = force;

		}
		
		this.doIt = function() {
			return `
				<header>
					${this.header1 != "" ? `<span>${this.header1}</span>` : ``}
					${this.header2 != "" ? `<span>${this.header2}</span>` : ``}
					${this.header3 != "" ? `<span>${this.header3}</span>` : ``}
				
				</header>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(force) {
			return this.doIt();

		}
		
	};
	
	var promoFooterLayout1 = function(stuff, footer2 = ``, footer3 = ``, force = false) {
		
		if(typeof stuff == 'object' && stuff != null) {
			this.footer1 = stuff.footer1 ? stuff.footer1 : ``;
			this.footer2 = stuff.footer2 ? stuff.footer2 : ``;
			this.footer3 = stuff.footer3 ? stuff.footer3 : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			this.footer1 = stuff;
			this.footer2 = footer2;
			this.footer3 = footer3;
			this.force = force;

		}
		
		this.doIt = function() {
			return `
				<footer>
					${this.footer1 != "" ? `<span>${this.footer1}</span>` : ``}
					${this.footer2 != "" ? `<span>${this.footer2}</span>` : ``}
					${this.footer3 != "" ? `<span>${this.footer3}</span>` : ``}
				
				</footer>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(force) {
			return this.doIt();

		}
		
	};

	var promoSectionLayout1 = function(
		stuff, header2 = ``, header3 = ``, 
		content = ``, 
		footer1 = ``, footer2 = ``, footer3 = ``, 
		newClasses = ``, 
		force = false) {
		
		if(typeof stuff == 'object' && stuff != null) {
			this.lock = stuff.lock ? stuff.lock : ``;
			this.header1 = stuff.header1 ? stuff.header1 : ``;
			this.header2 = stuff.header2 ? stuff.header2 : ``;
			this.header3 = stuff.header3 ? stuff.header3 : ``;
			this.content = stuff.content ? stuff.content : ``;
			this.footer1 = stuff.footer1 ? stuff.footer1 : ``;
			this.footer2 = stuff.footer2 ? stuff.footer2 : ``;
			this.footer3 = stuff.footer3 ? stuff.footer3 : ``;
			this.newClasses = stuff.newClasses ? stuff.newClasses : ``;
			this.force = stuff.force ? stuff.force : true;

		} else {
			this.header1 = stuff;
			this.header2 = header2;
			this.header3 = header3;
			
			this.content = content;
			
			this.footer1 = footer1;
			this.footer2 = footer2;
			this.footer3 = footer3;

			//new classes not previously being called
			this.newClasses = newClasses;

			this.force = force;

		}
		
		//default stuff
		this.classes = `section-${this.newClasses.includes("no-count") == false ? promoSectionIndex++ : "0"} row ${this.lock ? "hide" : " "}`;

		if(typeof stuff == 'object' && stuff != null && stuff.contentContainer) {
			this.contentContainer = function() {
				return stuff.contentContainer;

			}

		} else {
			this.contentContainer = function() {
				return `
				<div>
					${this.content}
				
				</div>
					
			`};

		}
		
		this.doIt = function() {
			return `
				<section class="${this.classes} ${this.newClasses}">
					${promoHeaderLayout1(this.header1, this.header2, this.header3, true)}
					${this.contentContainer()}
					${promoFooterLayout1(this.footer1, this.footer2, this.footer3, true)}
					
				</section>
				
			`;
			
		}

		this.buildIt = function() {
			return this.doIt();

		}
		
		if(this.force) {
			return this.doIt();

		}
		
	};
	
	var promoHeroSection = new promoHeroLayout1();
	
	var promoMainHero = function(bam=``){
		this.doIt = function() {
			return new promoHeroLayout1(bam).doIt();
			
		}
		
		return this.doIt();
		
	};
	
	
var componentList = [];


//gremlin 1

function queryForJimCode(urlToGet, thing) {
	
	return new Promise(function (resolve) {
	
		let request = new XMLHttpRequest();
		
		request.open('GET', `/promotions/assets/get-stuff/${urlToGet}?${thing}`);
		
		request.onload = function () {
			resolve(request.response);
			
		};
		request.send();
		
	});

}

			
async function reallyGetStuff(typeOfStuff, data, identifier, extraData1="default", extraData2="default", extraData3="default", extraData4="default", extraData5="default") {
	var showNegativeResults = false;
	
	delayLoad++;
	
	switch(typeOfStuff) {
		case "prod_loop" : 
			var numberOfProducts = extraData1 == "default" ? "4" : extraData1,
				buttonSuccessText = extraData2 == "default" ? "View Details" : extraData2;
				buttonFailText = extraData3 == "default" ? "Contact Us" : extraData3;
			var results = await queryForJimCode("prod_loop.html", `${data}&number_of_products=${numberOfProducts}&successButtonText=${buttonSuccessText}&failButtonText=${buttonFailText}`);
			break;
			
		case "prod_loop_data" : 
			var numberOfProducts = extraData1 == "default" ? "4" : extraData1,
				buttonSuccessText = extraData2 == "default" ? "View Details" : extraData2;
			var results = await queryForJimCode("prod_loop_data.html", `${data}&number_of_products=${numberOfProducts}&successButtonText=${extraData2}&failButtonText=${extraData3}`);
			break;
			
		case "single_prod" : 
			var buttonSuccessText = extraData1 == "default" ? "View Details" : extraData1,
				buttonFailText = extraData2 == "default" ? "Contact Us" : extraData2;
			var results = await queryForJimCode("single_prod.html", `prodkey=${data}&successButtonText=${buttonSuccessText}&failButtonText=${buttonFailText}`);
			break;
			
		case "single_prod_data" : 
			var results = await queryForJimCode("single_prod_data.html", `prodkey=${data}`);
			results = JSON.parse(results);
			break;
			
		case "shop_all_button" : 
			var buttonSuccessText = extraData1 == "default" ? "Shop All" : extraData1,
				buttonFailText = extraData2 == "default" ? "Contact Us" : extraData2;
				showNegativeResults = true;
			var results = await queryForJimCode("shop_all_button.html", `${data}&successButtonText=${buttonSuccessText}&failButtonText=${buttonFailText}`);
			break;
			
		case "shop_all_link" : 
			var results = await queryForJimCode("shop_all_link.html", `${data}`);
			break;
			
		case "shop_all_link_update" : 
			var results = "";
			var newLink = await queryForJimCode("shop_all_link.html", `${data}`);
			$(extraData1).attr("href", newLink);
			if(newLink.includes("locations.html")) {
				$(extraData1).addClass("no-results");
				
			} else {
				$(extraData1).addClass("has-results");
				
			}
			break;
			
		case "rebate_button" : 
			var buttonSuccessText = extraData1 == "default" ? "Download Rebate" : extraData1;
			var results = await queryForJimCode("rebate_button.html", `rebate_form_number=${data}&successButtonText=${buttonSuccessText}`);
			break;
			
		case "rebate_link" : 
			var results = await queryForJimCode("rebate_link.html", `rebate_form_number=${data}`);
			break;
			
		case "brand_logo" : 
			var results = await queryForJimCode("brand_logo.html", `brand=${data}`);
			break;
			
		case "svg_logo" : 
			var results = await queryForJimCode("brand_logo.html", `brand=${data}`);
			break;
			
		default:
			var results = `"${typeOfStuff}" is not recognized as a "getStuff" argument.`;
			break;
		
	}
	
	if(typeOfStuff == "rebate_link" || typeOfStuff == "shop_all_link" || typeOfStuff == "single_prod_data") {
		window[extraData1] = results;
		isVarSet[extraData1] = true;
		
	} else if(!results.includes("no-results") || showNegativeResults) {
		$(`placeholderFor${typeOfStuff}[data-placeholder-ref='${identifier}']`).replaceWith(results);
		
	} else {
		$(`placeholderFor${typeOfStuff}[data-placeholder-ref='${identifier}']`).attr("data-placeholder-results", "fail");
	
	}
	
	delayLoad--;

}


function gremlin(typeOfStuff, data, extraData1="default", extraData2="default", extraData3="default", extraData4="default", extraData5="default") {
	let identifier = Math.random();
	let results = `<placeholderFor${typeOfStuff} data-placeholder-ref="${identifier}" style="display: none;"></placeholderFor${typeOfStuff}>`;
	
	switch(typeOfStuff) {
		case "prod_loop" : 
			if(effectiveDate != "") {
				data +=	"&" + effectiveDate;
				
			}
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			break;
			
		case "prod_loop_data" : 
			if(effectiveDate != "") {
				data +=	"&" + effectiveDate;
				
			} 
			results = reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			break;
			
		case "single_prod" : 
		
			if(Array.isArray(data) || (typeof data == 'string' && data.includes("|"))) {
				if(typeof data == 'string' || Array.isArray(data)) {
					if(data.includes("|")) {
						data = data.split("|");
						
					}
				
				}
				var i = 0;
				while (i < data.length) {
					reallyGetStuff(typeOfStuff, data[i], identifier, extraData1, extraData2, extraData3);
					i++;
					if(i < data.length) {
						identifier = Math.random();
						results += `<placeholderFor${typeOfStuff} data-placeholder-ref="${identifier}" style="display: none;"></placeholderFor${typeOfStuff}>`;
						
					}
				
				}
			
			} else {
				reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			
			}
			break;
			
		case "single_prod_data" : 
			results = "";
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			break;
			
		case "shop_all_button" : 
			if(effectiveDate != "") {
				data +=	"&" + effectiveDate;
				
			}
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2);
			break;
			
		case "shop_all_link" : 
			results = "";
			if(effectiveDate != "") {
				data +=	"&" + effectiveDate;
				
			}
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2);
			break;
			
		case "shop_all_link_update" : 
			results = "";
			if(effectiveDate != "") {
				data +=	"&" + effectiveDate;
				
			}
			reallyGetStuff(typeOfStuff, data, identifier, extraData1);
			break;
			
		case "rebate_button" : 
			
			if(Array.isArray(data) || (typeof data == 'string' && data.includes("|"))) {
				if(typeof data == 'string' || Array.isArray(data)) {
					if(data.includes("|")) {
						data = data.split("|");
						
					}
				
				}
				var i = 0;
				while (i < data.length) {
					
					if(effectiveDate != "") {
						data[i] +=	"&" + effectiveDate;
						
					}
					
					reallyGetStuff(typeOfStuff, data[i], identifier, extraData1, extraData2, extraData3);
					i++;
					//even though we itterate through through the list of rebates, we have to NOT add more buttons or identifiers to avoid multiple rebate buttons for the same rebate. Instead, it will display the first one that returns.					
				
				}
			
			} else {
				if(effectiveDate != "") {
					data +=	"&" + effectiveDate;
					
				}
				reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			
			}
			break;
			
		case "rebate_link" : 
			if(extraData1=="default") {
				console.warn(`
					The gremlin code 'rebate_link' takes two parameters.
					1. Rebate Codes
					2. Variable name you want to contain the result
					
					After the result is recieved, you will need to insert the results yourself.
					
					Try using the delayed load aspect to do something after the link has returned.
					
					eg:
					//the following is on load or higher on the page
					var daNewLink = '';
					
					gremlin('rebate_link', 'rebateCodes', 'daNewLink');
					
					//the following is on delayed load
					doOnceWhenVarIsSet(
						'daNewLink',
					function() {
						$('a.someElem').attr('href', daNewLink);
						
					});
					
					The above code will...
					1. Make a variable.
					2. Query for a rebate link if one matches.
					3. After the variable is set, will then change an anchor link address to the new variable value
					
				`);
				
			} else {
				
				window[extraData1] = "/locations.html";
				isVarSet[extraData1] = false;
		
				if(Array.isArray(data) || (typeof data == 'string' && data.includes("|"))) {
					if(typeof data == 'string' || Array.isArray(data)) {
						if(data.includes("|")) {
							data = data.split("|");
							
						}
					
					}
					var i = 0;
					while (i < data.length) {
						
						if(effectiveDate != "") {
							data[i] +=	"&" + effectiveDate;
							
						}
						
						reallyGetStuff(typeOfStuff, data[i], identifier, extraData1, extraData2, extraData3);
						i++;
					
					}
				
				} else {
					if(effectiveDate != "") {
						data +=	"&" + effectiveDate;
						
					}
					reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
				
				}
				results = "";
				
			}
			
			break;
			
		case "brand_logo" : 
			reallyGetStuff(typeOfStuff, data, identifier);
			break;
			
		case "svg_logo" : 
			reallyGetStuff(typeOfStuff, data, identifier);
			break;
			
		default:
			results = `"${typeOfStuff}" is not recognized as a "gremlin" argument.`;
			break;
		
	}
	
	
	return results;
	
}
			

//promo carousel

componentList.push("promoCarousel");
componentList.push("promoCarousel2");

var promoCarouselHelp = `
		
	promoCarouselHelp
	<textarea class="promo-help">
		usage: promoCarousel([stuff, for, carousel])
		
		eg:
		
		prod1 = gremlin("single_prod", "whirl:WTW5057LW");
		prod2 = gremlin("single_prod", "someCode2");
		
		prods = [prod1, prod2];
		
		promoCarousel(prods);
		
		
		Note:
		Images can be used here too. It is recommended to keep all items the same size in width.
	
	</textarea>
	
`;

var promoCarousel2Help = `
		
	promoCarousel2Help
	<textarea class="promo-help">
		usage: promoCarousel2([codes, for, carousel])
		
		eg:
		
		prod1 = "whirl:WTW5057LW";
		prod2 = "someCode2";
		
		prods = [prod1, prod2];
		
		promoCarousel2(prods);
		
		
		Note:
		Images can be used here too. It is recommended to keep all items the same size in width.
	
	</textarea>
	
`;

var carouselProdWrap= (
	insertHere

)=> {
	var results = `
			<promo-carousel-content>
				${insertHere}
					
			</promo-carousel-content>

	`;
	
	return results;

};

var carouselContent= (
	insertHere

)=> {
	var results = "";
	
	$.each(insertHere, function(index, value) {
		results+= `
			${carouselProdWrap(value)}
			
		`;
	
	});
	
	return results;

};

var promoCarousel= (
	insertHere

)=> {
	var results=`
		
			<promo-component-carousel>
				<promo-row>
					<promo-carousel-nav data-nav-direction="prev">
					&#10094;

					</promo-carousel-nav>
					<promo-carousel-nav data-nav-direction="next">
					&#10095

					</promo-carousel-nav>

				</promo-row>
				<promo-row>
					<promo-carousel-content-container>
						${carouselContent(insertHere)}
					
					</promo-carousel-content-container>
				
				</promo-row> 
				
		 </promo-component-carousel>
		
	
	`
	return results;
	
};


var promoCarousel2= (
	codes

)=> {
	var insertHere = ``;
	
	codes.forEach(function(value, index) {
		if(value == "" || value == null) {
			return;
			
		}
		
		if(Array.isArray(value)) {
			switch(value[0].toLowerCase()) {
				case "custom":
					insertHere += carouselProdWrap(value[1]);
					break;
				
				
			}
			
		} else {
			insertHere += carouselProdWrap(gremlin(`single_prod`, value));
		
		}
		
	})
	
	var results=`
		
			<promo-component-carousel>
				<promo-row>
					<promo-carousel-nav data-nav-direction="prev">
					&#10094;

					</promo-carousel-nav>
					<promo-carousel-nav data-nav-direction="next">
					&#10095

					</promo-carousel-nav>

				</promo-row>
				<promo-row>
					<promo-carousel-content-container>
						${insertHere}
					
					</promo-carousel-content-container>
				
				</promo-row> 
				
		 </promo-component-carousel>
		
	
	`
	return results;
	
};


//Get Stuff 1


function getStuff(typeOfStuff, data, extraData1="none", extraData2="none", extraData3="none", extraData4="none", extraData5="none") {
	return gremlin(typeOfStuff, data, extraData1="none", extraData2="none", extraData3="none", extraData4="none", extraData5="none");
	
}
			

//Image Gallery 1

componentList.push("slideItGallery1");

var slideItGallery1Help = `
		
	slideItGallery1Help
	<textarea class="promo-help">
		usage: slideItGallery1(["array", "of image", "sources"], ["words for images", "leave blank when no words should exist for an image", ""])
		
		optional...
		You can include some options. Button the options must be placed in an object.
		eg: {option1: "value", option2: "another value"}
		
		List of options with default values:
		sideButtons : true
		bottomNav : false
		
		It is recommended to place all options and arguments in variables and to use variables in the function call.
		
		The default options are set to...
		
		autoNav: true,
		autoNavTime: 5000,
		sideButtons: true,
		bottomNav: false
		
		eg: 
		var imageList = [
			"path_to_image.jpg",
			"path_to_image2.jpg",
			"path_to_image3.jpg"
			
		];
		
		var slideWords = [
			"words1", 
			"words2",
			""
		
		];
		
		var slideOptions = {
			autoNav: true,
			autoNavTime: 5000,
			sideButtons: true,
			bottomNav: false
		
		};
		
		slideItGallery1(imageList, slideWords, slideOptions);
	
	</textarea>
	
`;

var slideItGallery1AutoNavActive = true;

var slideItGallery1 = function(imageArray, words = "empty", options = "blank") {
	
	var optionsDefault = {
		autoNav: true,
		autoNavTime: 5000,
		sideButtons: true,
		bottomNav: false
		
	};
	
	if(options == "blank") {
		options = {
			autoNav: optionsDefault.autoNav,
			autoNavTime: optionsDefault.autoNavTime,
			sideButtons: optionsDefault.sideButtons,
			bottomNav: optionsDefault.bottomNav
			
		};
		
	}
	
	if(!options.hasOwnProperty('autoNav')) {
		options.autoNav = optionsDefault.autoNav;
		
	}
	
	if(!options.hasOwnProperty('autoNavTime')) {
		options.autoNavTime = optionsDefault.autoNavTime;
		
	}
	
	if(!options.hasOwnProperty('sideButtons')) {
		options.sideButtons = optionsDefault.sideButtons;
		
	}
	
	if(!options.hasOwnProperty('bottomNav')) {
		options.bottomNav = optionsDefault.bottomNav;
		
	}
	
	var result = `
		<section class="section-0 row slide-it-yo" data-auto-change="${options.autoNav}" data-change-time="${options.autoNavTime}" data-current-slide="0">
			<div>
	
	`;
	
	if(options.sideButtons || typeof options.sideButtons == 'undefined') {
		result = result + `
			
			<div class="data-slide-it-button-box">
				<span data-slide-it-button="prev">
					<
				
				</span>
				<span data-slide-it-button="next">
					>
				
				</span>
			
			</div>
		
		`;
		
	}
	
	$.each(imageArray, function(index, imageSrc) {
		if(words != "empty" && typeof words[index] != 'undefined' && words[index] != "") {
			var wordStuff = `
				<figcaption>
					<span>
						${words[index]}
						
					</span>
				
				</figcaption>
			
			`;
					
		} else {
			var wordStuff = "";
			
		}
		
		result =  result + `
			
			<figure data-slide-it-slide="${index}">
				<img src="${imageSrc}" data-slide-number="${index}" />
				${wordStuff}
				
			</figure>
		
		`;
		
	});
	
	
	result =  result + `
			</div>
		
	`;
	
	
	if(options.bottomNav) {
		result = result + `
			
			<div class="data-slide-it-nav-box">
			
		`;
		
		var slideCount = imageArray.length;
		
		var slideDots = ``;
		
		while(slideCount > 0) {
			slideDots = `<span data-slide-dot="${slideCount-1}"></span>${slideDots}`;
			
			slideCount--;
			
		}
		
		
		result = result + `
				${slideDots}
			
			</div>
		
		`;
		
	}
	
	
	result =  result + `
			
		</section>
		
	`;
	
	return result;
	
};


function slideGallery1ChangeSlide(galleryContainerElem, direction) {
	
	var newFirst = "";
	
	if(direction == "prev") {
		var elems = $(galleryContainerElem).find("figure");
		
		newFirst = elems[elems.length-1];

		$(galleryContainerElem).children("div").eq(0).prepend($(elems[elems.length-1]));

		$(elems).css("left", "-100%");

		$(elems).animate({
			"left" : "0%"

		});

	} else if(direction == "next") {
		var elems = $(galleryContainerElem).find("figure");

		newFirst = elems[1];

		$(elems).animate({
			"left" : "-100%"

		}, {
			complete : function() {
				$(galleryContainerElem).children("div").eq(0).append($(elems[0]));
				$(elems).css("left", "0%");

			}

		});

	}
	
	if($(galleryContainerElem).find("[data-slide-dot]").length > 0) {
		$(galleryContainerElem).find("[data-slide-dot]").removeClass("chosen");
		$(galleryContainerElem).find("[data-slide-dot='" + $(newFirst).children("img").eq(0).attr("data-slide-number") + "']").addClass("chosen");
		
	}
	
}


function slideGallery1Button(clickedElem) {
	var galleryContainerElem = $(clickedElem).closest(".slide-it-yo");
	
	slideGallery1ChangeSlide(galleryContainerElem, $(clickedElem).attr("data-slide-it-button"));
	setTimeout(function() {
		let currentSlide = ()=> {
			return $(clickedElem).parentsUntil("section").find("figure").eq(0).attr("data-slide-it-slide");
			
		};
		$(clickedElem).parentsUntil("section").attr("data-current-slide", currentSlide());
		
	}, 500);
	
	
}


var getCurrentSlide1Number = function(galleryContainerElem) {
	return $(galleryContainerElem).find("figure").eq(0).children("img").data("slideNumber");
	
};


function slideGallery1GoToSlide(clickedElem, slideNumber = 0) {
	var galleryContainerElem = $(clickedElem).closest(".slide-it-yo");
		
	var currentSlideShowing = $(galleryContainerElem).find("figure").eq(0).children("img").data("slideNumber");
	
	if(currentSlideShowing != slideNumber) {
		$(galleryContainerElem).children("div").eq(0).append(
			$(galleryContainerElem).children("div").eq(0).children("figure").eq(0)
			
		);
		slideGallery1GoToSlide(clickedElem, slideNumber);
		
	}
	
}


function slideGallery1GoToSlideDirectly(daElem, slideNumber = 0) {
	var galleryContainerElem = $(daElem);
		
	var currentSlideShowing = $(galleryContainerElem).find("figure").eq(0).children("img").data("slideNumber");
	
	if(currentSlideShowing != slideNumber) {
		$(galleryContainerElem).children("div").eq(0).append(
			$(galleryContainerElem).children("div").eq(0).children("figure").eq(0)
			
		);
		slideGallery1GoToSlideDirectly(galleryContainerElem, slideNumber);
		return;
		
	}
	setTimeout(function() {
		let currentSlide = ()=> {
			return $(daElem).find("figure").eq(0).attr("data-slide-it-slide");
			
		};
		$(daElem).attr("data-current-slide", currentSlide());
		$(galleryContainerElem).find("[data-slide-dot]").each(function() {
			$(this).removeClass("chosen");
			
		});
		$(galleryContainerElem).find(`[data-slide-dot="${slideNumber}"]`).addClass("chosen");
		
	}, 500);
	
}


function slideGallery1DotClick(clickedElem) {
	$(clickedElem).parent().find(".chosen").removeClass("chosen");
	$(clickedElem).addClass("chosen");
	
	slideGallery1GoToSlide($(clickedElem), $(clickedElem).attr("data-slide-dot"));
	
}


function slideGallery1Functions() {
	$(".slide-it-yo .data-slide-it-button-box > *").on('click', function() {
		slideGallery1Button($(this));
		
	});
	
	$(".slide-it-yo .data-slide-it-nav-box > *").on('click', function() {
		slideGallery1DotClick($(this));
		
	});
	
	$(".slide-it-yo .data-slide-it-nav-box > *").eq(0).addClass("chosen");
	
	$(".slide-it-yo").each(function() {
		slideItGalleryAutoNav($(this));
		slideItHoverClass($(this));
		
	});

}

function slideItHoverClass(elem) {
	$(elem).hover(
		function() {
			$(this).addClass("user-hover");
			
		}, function() {
			$(this).removeClass("user-hover");
			
		}
	
	);
	
}

function slideItGalleryAutoNav(elem) {
		currentSlideElemTime = $(elem).data("change-time");
		
		//we must check if the string is true because js is being dumb and its not worth converting back to boolean
		if($(elem).attr("data-auto-change").toLowerCase() == "true") {
			setTimeout(function() {
				if(slideItGallery1AutoNavActive && !$(elem).hasClass("user-hover")) {
					//check if tab is visible
					if (document.visibilityState == 'visible') {
						slideGallery1ChangeSlide(elem, "next");
						setTimeout(function() {
							let currentSlide = ()=> {
								return $(elem).find("figure").eq(0).attr("data-slide-it-slide");
								
							};
							$(elem).attr("data-current-slide", currentSlide());
							
						}, 500);
					
					}
					
				}
				slideItGalleryAutoNav(elem);
				
			}, currentSlideElemTime);
			
		}

}


//Tabby 1

componentList.push("spawnTabbyMenu");

var spawnTabbyMenuHelp = `
		
	spawnTabbyMenuHelp
	<textarea class="promo-help">
		usage: spawnTabbyMenu({categories and content info})
		
		Setting up the categories...
		
		All categories must be set up in an object. 
		It is recommended to set the categories object up as a variable and call the variable inside the function call as an argument.
		
		eg:
		var tabbyProds = {
			&lt;%search3 QUERY_STRING="man=beko&&lt;%params name="effective_date" %>&MINOR=&lt;%usedef name="minor_ranges" %>" %>
			ranges : { 
				prodType : &#39;Gas Ranges&#39;,
				prodSection : &#96;&lt;%usedef name="tabby_prod_setup" %>&#96;
			
			},
			&lt;%search3 QUERY_STRING="man=beko&&lt;%params name="effective_date" %>&MINOR=&lt;%usedef name="minor_electric_ranges" %>" %>
			cooktops : {
				prodType : &#39;Electric Ranges&#39;,
				prodSection : &#96;&lt;%usedef name="tabby_prod_setup" %>&#96;
			
			},
			&lt;%search3 QUERY_STRING="man=beko&&lt;%params name="effective_date" %>&MINOR=&lt;%usedef name="minor_wall_ovens" %>" %>
			wallOvens : {
				prodType : &#39;Wall Ovens&#39;,
				prodSection : &#96;&lt;%usedef name="tabby_prod_setup" %>&#96;
			
			}
			
		};
		
		spawnTabbyMenu(tabbyProds);
		
		Currently there are NO options available. Any hiding or addition of elements must be done via js using appending, prepending, or rewriting the spawnTabbyMenu function.
	
	</textarea>
	
`;


/* -- tabby section -- */

var jsTabbyProdSetUp = (daQuery)=>{
	
	return `
		
			<div data-tab-js-type="promo-tab-js-products-">
				<p></p>
				<span>
					${gremlin("shop_all_button", daQuery)}
				
				</span>
				${gremlin("prod_loop", daQuery)}
				
			</div>
	
	`;
	
};
		
	
	var spawnTabbyButtons = function(prodSet) {
		let result = ``;
		
		$.each(prodSet, function(index, value) {
			if(index != "shopAll" && !value.prodSection.includes("no-results")) {
				result += `
					<span>
						${value.prodType}
						
					</span>
						
				`
				
			}
		
		});
	
		return result;
	
	}
	
	var tabbyContentTemplate1 = (info) => `
	
		<div data-tab-js-type="promo-tab-js-products-">
			<p>${info.prodType}</p>
			<span>
				${info.shopAll}
			
			</span>
			<div>
				${info.prodStuff}
			
			</div>
			
		</div>
	
	`;
	
	var tabbyContentTemplate2 = (info) => `
			
		<div data-tab-js-type="promo-tab-js-products-" >
			<p>${info.prodType}</p>
			<div>
				<figure>
					<img src="${info.menuImage}" />
				
				</figure>
				<p>
					<b>
						${info.title}
					
					</b>
					<span>
						${info.description}
					
					</span>
					${info.shopAll}
					
				</p>
				
			</div>
			<div>
				${info.prodStuff}
				
			</div>
			
		</div>
	
	`;


	var spawnTabbyContent = function(prodSet) {
		let result = ``;
		
		$.each(prodSet, function(index, value) {
			if(index != "shopAll" && !value.prodSection.includes("no-results")) {
				result += `
					${value.prodSection}
						
				`
				
				result=result.replace(`<p></p>`, `<p>${value.prodType}</p>`);
			
			}
		
		});
	
		return result;
	
	};


	var spawnTabbyContent2 = function(prodSet, tabbyType) {
		let result = ``;
		
		$.each(prodSet, function(index, value) {
			
			if(index != "shopAll" && !value.prodSection.includes("no-results")) {
				var tabType = (value.hasOwnProperty("tabType") ? value.tabType : tabbyType);
				
				if (tabType == 1 || tabType == 3) {
					result += tabbyContentTemplate1({
						prodType : value.prodType,
						prodStuff : value.prodSection,
						shopAll : value.shopAll
					
					});
				
				} else if (tabType == 2) {
					result += tabbyContentTemplate2({
						title : value.title,
						description : value.description,
						prodType : value.prodType,
						prodStuff : value.prodSection,
						menuImage : value.menuImage,
						shopAll : value.shopAll
					
					});
					
				}
			
			}
		
		});
	
		return result;
	
	};


	var spawnTabbyMenu = function(categories) {
		let result = `
			<section class="section-tabbed-section row" >
				<div class="promo-tab-js-menu">
					${spawnTabbyButtons(categories)}
				
				</div>
				${spawnTabbyContent(categories)}
					
			</section>
					
		`;
	
		return result;
	
	};


	var spawnTabbyMenu2 = function(categories, tabbyType = 1) {
		let classEdit = ` `;
		
		if(tabbyType == 2) {
			classEdit = `side-by-side-tabs`;
			
		} else if(tabbyType == 3) {
			classEdit = `center-tabs`;
			
		}
		
		let result = `
			<section class="section-tabbed-section row ${classEdit}" >
				<div class="promo-tab-js-menu">
					${spawnTabbyButtons(categories)}
				
				</div>
				${spawnTabbyContent2(categories, tabbyType)}
					
			</section>
					
		`;
	
		return result;
	
	};
	

	var gremlinTabs = function(categories) {
		let result = `
			<section class="section-tabbed-section gremlinized row" >
				<div class="promo-tab-js-menu gremlinized">
					${spawnTabbyButtons(categories)}
				
				</div>
				${spawnTabbyContent(categories)}
					
			</section>
					
		`;
	
		return result;
	
	};

/* -- end tabby section -- */

//Youtube Video 1

componentList.push("youtubeVideo");

var youtubeVideoHelp = `
		
	youtubeVideoHelp
	<textarea class="promo-help">
		usage: youtubeVideo("https://www.youtube.com/embed/WuDsHIrgbwo");
		
		optional...
		You can include the width and height as well if the dimensions are not equal to 560x315.
		
		eg:
		youtubeVideo("https://www.youtube.com/embed/WuDsHIrgbwo", [560, 315]);
	
	</textarea>
	
`;

var youtubeVideo = function(vidSrc, size = [560, 315]) {
	return `
		<div class="fix-frame">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${size[0]} ${size[1]}"><title>rpi-placeholder</title></svg>

			<iframe width="${size[0]}" height="${size[1]}" src="${vidSrc}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

		</div>
	
	`;
	
};
					  

//ListIt 1

componentList.push("listIt");

var listItHelp = `
		
	listItHelp
	<textarea class="promo-help">
		usage: listIt(["listItem 1", "ListItem 2", "ListItem 3"])
		
		Pretty easy stuff, homefry.
		
		Currently there are NO options available.
		
		eg:
		listIt([
			\`Up to 30 days: Broccoli and lettuce\`,
			\`Up to 13 days: Spinach\`,
			\`Up to 8 days: Strawberries\`
		
		])
	
	</textarea>
	
`;


var listIt = function(listItems) {
	let result = `
		<ul>
				
	`;
	
	$.each(listItems, function(index, listItem) {
		result += `
			<li>
				${listItem}
			
			</li>
			
		`;
		
	});
	
	result += `
		</ul>
		
	`;

	return result;

};


//productSideScroller 1

componentList.push("productSideScroller");

var productSideScrollerHelp = `
		
	productSideScrollerHelp
	<textarea class="promo-help">
		usage: productSideScroller([prods])
		
		Each prod should be passed through in an array or PRE-BUILT prods.
		
		eg:
		
		prod1 = gremlin("single_prod", "whirl:WTW5057LW");
		prod2 = gremlin("single_prod", "someCode2");
		
		prods = [prod1, prod2];
		
		productSideScroller(prods);
	
	</textarea>
	
`;


/* -- productSideScroller section -- */
	
	
	var productSideScroller = function(prods) {
		var result = "";
		//if == blank remove
		$.each(prods, function(key, val) {
			if(val != "blank") {
				result+=val;
				
			}
		
		});
		
		result = `
			<section class="section-product-side-scroller">
				<scrollButton data-scroll-button="left"></scrollButton>
				<scrollButton data-scroll-button="right"></scrollButton>
				<div data-scroll-target="x">
					${result}
				
				</div>
				<scrollbar ontouchend="stopDraging(event)">
					<scroller class="drag-x-target" ontouchend="stopDraging(event)">
						<scrollicon>|</scrollicon>
						<scrollicon>|</scrollicon>
						<scrollicon>|</scrollicon>
						
					</scroller>
					
				</scrollbar>
			
			</section>
		
		`;
		
		return result;
	
	};
	

/* -- end productSideScroller section -- */

//sideBySideHtml 1
			
componentList.push("sideBySideHtml");

var sideBySideHtmlHelp= `
		
	side-by-side
	<textarea class="promo-help">
		usage: sideBySideHtml("imagePath", "some title");
		
		Image on the left and words on the right.
		
		optional...
		You can reverse the order the component displays using the css "order" attribute or 
		by passing the "true" argument in as an extra argument. You can also not define 
		some of the arguments because they have default values of blank inside the function. :)
		
		eg:
		sideBySideHtml("imagePath", "some title", "some content", "some note", "Some post content", "some post note")
		
		or
		
		sideBySideHtml("imagePath", "some title", "some content", "some note", "Some post content", "some post note", true)
		
		or
		
		sideBySideHtml("imagePath", "some title")
		
		or
		
		sideBySideHtml("imagePath", "some title", "some content")
	
	</textarea>
	
`;
				
function sideBySideHtml(daImg=" ", title=" ", content=" ", sideNote=" ", postContent=" ", postNote=" ", reverse=false) {
	//print text for b
	var newTitle = (title == " " ? " " : `<b>${title}</b>`);
	//print text for p
	var newContent = (content == " " ? " " : `<p>${content}</p>`);
	//print text for i
	var newSideNote = (sideNote == " " ? " " : `<i>${sideNote}</i>`);
	//print img in figure tag
	var newDaImg = (daImg == " " ? " " : `<figure class="da-image"><img src="${daImg}" /></figure>`);
	
	
	//if i is blank
		//change i to havbe no tag

	var result = `
		<!-- print container div -->
		<div class="side-by-side-html ${reverse?"reverse":""}">
			<!-- inner div -->
			<div>
				${newTitle}
				${newContent}
				${postContent}
				${newSideNote}
				${postNote}
			
			</div>
			<!-- inner div -->
			<div>
				${newDaImg}
					
			</div>
		
		</div>
	
	`;
	
			
	return result;

}
				
function sideBySideHtml2(daImg=" ", title=" ", content=" ", sideNote=" ", postContent=" ", postNote=" ", reverse=false) {
	//print text for b
	var newTitle = (title == " " ? " " : `<b>${title}</b>`);
	//print text for p
	var newContent = (content == " " ? " " : `<p>${content}</p>`);
	//print text for i
	var newSideNote = (sideNote == " " ? " " : `<i>${sideNote}</i>`);
	//print img in figure tag
	var newDaImg = (daImg == " " ? " " : `<figure class="da-image"><img src="${daImg}" /></figure>`);
	
	
	//if i is blank
		//change i to havbe no tag

	var result = `
		<!-- print container div -->
		<div class="side-by-side-html ${reverse?"reverse":""}">
			<!-- inner div -->
			<div>
				<div>
					${newTitle}
					${newContent}
					${newSideNote}
					${postContent}
					${postNote}
					
				</div>
			
			</div>
			<!-- inner div -->
			<div>
				${newDaImg}
				
			</div>
		
		</div>
	
	`;
	
			
	return result;

}


//function call
function sideBySideHtmlLoop(stuff=[]) {
	var result = ` `;
	
	//itterate through collection
	$.each(stuff, function() {
		//call function to return data in html
		result += sideBySideHtml(this[0], this[1], this[2], this[3], this[4], this[5]);
		
	});
				
	//return html
	return result;
	
}


//function call
function sideBySideHtmlLoop2(stuff=[]) {
	var result = ` `;
	
	//itterate through collection
	$.each(stuff, function() {
		//call function to return data in html
		result += sideBySideHtml2(this[0], this[1], this[2], this[3], this[4], this[5]);
		
	});
				
	//return html
	return result;
	
}


//category builder 1
var catBuilder = (
	category,
	imgPath,
	link,
	style=1,
	classes=""

) => {
	let result = `
		<figure class="promo-category-build promo-category-build-style-${style} ${classes}" data-category-build-type="${category}" data-cat-type="${category}">
			<a class="${(link.indexOf("locations") > -1 ? "no-results" : "results")}" href="${link}">
				${(style > 2 ? "<div>" : "")}
					<img src="${imgPath}" />
					
				${(style > 2 ? "</div>" : "")}
				<figcaption>
					<span>
						${(link.indexOf("locations") > -1 ? category + " - Contact Us" : category)}
						
					</span>
				
				</figcaption>
			
			</a>
		
		</figure>
	
	`;
	
	return result;

};


var categoryBuilder = (
	category,
	imgPath,
	link,
	style=1

) => {
	
	return catBuilder(category, imgPath, link, style);

};		
				

//text overlay image

var textOverlayImage = (
	width, 
  height, 
  srcLocation,
  words1 = "",
  words2 = "",
  words3 = "",
  alignment = "left",
	wordBlock = "left"
  
) => {
	width = width-2;
	height = height-2;
  alignment = alignment.toLowerCase();
  
  if(alignment == "left") {
  	alignment = "words-left";
  
  } else if(alignment == "right") {
  	alignment = "words-right";
  
  } else if(alignment == "center") {
  	alignment = "words-center";
  
  }

  return `
    <svg class="text-overlay-image ${alignment}" viewBox="1 1 ${width} ${height}" width="${width}" height="${height}" preserveAspectRatio="xMidYMid slice"
      xmlns="http://www.w3.org/2000/svg">
      <image href="${srcLocation}" />
      <foreignObject width="${width}" height="${height}">
        <p class="${(wordBlock == "left" ? `left-block` : wordBlock == "right" ? `right-block` : `center-block` )}">
        	${words1 ?
            `
              <span>
                ${words1}

              </span>
            `
          :
          	``
            
          }

        	${words2 ?
            `
              <span>
                ${words2}

              </span>
            `
          :
          	``
            
          }

        	${words3 ?
            `
              <span>
                ${words3}

              </span>
            `
          :
          	``
            
          }

        </p>

      </foreignObject>

    </svg>

  `;

};


var textOverlayImage2 = (
	width, 
  height, 
  srcLocation,
  words1 = "",
  words2 = "",
  words3 = "",
  alignment = "left",
	wordBlock = "left"
  
) => {
	if(!Array.isArray(srcLocation)) {
		width = width-2;
		height = height-2;
		
	} else {
		width[0] -= 2;
		width[1] -= 2;
		height[0] -= 2;
		height[1] -= 2;
		
	}
  alignment = alignment.toLowerCase();
  
  if(alignment == "left") {
  	alignment = "words-left";
  
  } else if(alignment == "right") {
  	alignment = "words-right";
  
  } else if(alignment == "center") {
  	alignment = "words-center";
  
  }

  return `
		<promo-text-overlay-image data-version="2" data-alignment="${alignment}">
			
			${Array.isArray(srcLocation) ? `
				
				<svg viewBox="1 1 ${width[0]} ${height[0]}" width="${width[0]}" height="${height[0]}" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg" data-viewport-size="desktop">
					<image href="${srcLocation[0]}" />
					
				</svg>
				<svg viewBox="1 1 ${width[1]} ${height[1]}" width="${width[1]}" height="${height[1]}" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg" data-viewport-size="mobile">
					<image href="${srcLocation[1]}" />
					
				</svg>
			
			` : `
				
				<svg viewBox="1 1 ${width} ${height}" width="${width}" height="${height}" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg">
					<image href="${srcLocation}" />
					
				</svg>
				
			`}
			
			<p class="${(wordBlock == "left" ? `left-block` : wordBlock == "right" ? `right-block` : `center-block` )}">
				${words1 ?
					`
						<span>
							${words1}

						</span>
					`
				:
					``
					
				}

				${words2 ?
					`
						<span>
							${words2}

						</span>
					`
				:
					``
					
				}

				${words3 ?
					`
						<span>
							${words3}

						</span>
					`
				:
					``
					
				}

			</p>
				
		</promo-text-overlay-image>

  `;

};


//info drawers


var buildDrawer = (info) => {
	return `
		<promo-column class="promo-collapsible-container" data-collapsed="true">
			<promo-row>
				<span>
					${info[0]}
				
				</span>
				<span class="daSpace">
				
				</span>
				<span class="promo-collapsible-toggle">
					<span>
						>
						
					</span>
				
				</span>
				
			</promo-row>
			<promo-row class="promo-collapsible">
				${info[1]}
			
			</promo-row>
		
		</promo-column>
		
	`;

};

var infoDrawers = (stuff) => {
	var result = ``;
	
	for(thing of stuff) {
		result+=buildDrawer(thing);
	
	}
	
	return result;

};


try {
	//place experiments here
	
} catch(e) {
	//get your errors here
	console.log(e);
	
}


var showComponentList = function() {
	var result = `<p>`;
	
	$.each(componentList, function(index, value) {
		result = result + `<span>${value}</span><br>`;
		
	});
	
	result = result + `</p>`;
	
	return result;
	
};


$(document).ready(function() {
	slideGallery1Functions();
	
});


	var tabbyProds0 = {

			
			refrigerators : {
				prodType : 'Refrigerators',
				prodSection : `<div data-tab-js-type="promo-tab-js-products-">
				<p></p>
				<span>
					<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?MINOR_SORT=REF:FREFALL|REF:FFRENCH&MAJOR=REF&REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0" 
			class="shop-all-button" href="/_CGI/SEARCH3?MINOR_SORT=REF:FREFALL|REF:FFRENCH&MAJOR=REF&REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0">Shop All
		</a>
				
				</span>
				
				<figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="EI33AR80WS" data-product-category="REF" data-query-url="/products/electrolux/ei33ar80ws.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ei33ar80ws.html
			" title="Electrolux 19 Cu. Ft. Single-Door Refrigerator">
				
		<figcaption>Electrolux 19 Cu. Ft. Single-Door Refrigerator</figcaption>
		<h3>EI33AR80WS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 19 Cu. Ft. Single-Door Refrigerator Product Image" src="https://images.webfronts.com/cache/frtrxrxrtnna.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ERFC2393AS" data-product-category="REF" data-query-url="/products/electrolux/erfc2393as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/erfc2393as.html
			" title="Electrolux Counter-Depth French Door Refrigerator">
				
		<figcaption>Electrolux Counter-Depth French Door Refrigerator</figcaption>
		<h3>ERFC2393AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux Counter-Depth French Door Refrigerator Product Image" src="https://images.webfronts.com/cache/frrngpcrdxmw.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ERFG2393AS" data-product-category="REF" data-query-url="/products/electrolux/erfg2393as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/erfg2393as.html
			" title="Electrolux Counter-Depth French Door Refrigerator">
				
		<figcaption>Electrolux Counter-Depth French Door Refrigerator</figcaption>
		<h3>ERFG2393AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux Counter-Depth French Door Refrigerator Product Image" src="https://images.webfronts.com/cache/frmxfbdqmecv.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ERMC2295AS" data-product-category="REF" data-query-url="/products/electrolux/ermc2295as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ermc2295as.html
			" title="Electrolux Counter-Depth French Door Refrigerator">
				
		<figcaption>Electrolux Counter-Depth French Door Refrigerator</figcaption>
		<h3>ERMC2295AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux Counter-Depth French Door Refrigerator Product Image" src="https://images.webfronts.com/cache/frgyoxtqlrgs.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure>
	<div class="clear"></div>
				
			</div>`
			},

			
			ranges : {
				prodType : 'Ranges',
				prodSection : `<div data-tab-js-type="promo-tab-js-products-">
				<p></p>
				<span>
					<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=GR:GASR20|GR:GASR30|GR:GASPRO|GR:GASR24|ER:ER30ST|GR:GRSLIN|ER:ERDROP|GR:GRSPCL|ER:ER24RC|ER:ER20RC|ER:ERSLIN|ER:ER30RC|GR:GR36A|ER:ER36A" 
			class="shop-all-button" href="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=GR:GASR20|GR:GASR30|GR:GASPRO|GR:GASR24|ER:ER30ST|GR:GRSLIN|ER:ERDROP|GR:GRSPCL|ER:ER24RC|ER:ER20RC|ER:ERSLIN|ER:ER30RC|GR:GR36A|ER:ER36A">Shop All
		</a>
				
				</span>
				
				<figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECFD3068AS" data-product-category="GR" data-query-url="/products/electrolux/ecfd3068as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecfd3068as.html
			" title="Electrolux 30&quot; Dual-Fuel Freestanding Range">
				
		<figcaption>Electrolux 30&quot; Dual-Fuel Freestanding Range</figcaption>
		<h3>ECFD3068AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Dual-Fuel Freestanding Range Product Image" src="https://images.webfronts.com/cache/frrwrsagkxar.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECFD3668AS" data-product-category="GR" data-query-url="/products/electrolux/ecfd3668as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecfd3668as.html
			" title="Electrolux 36&quot; Dual-Fuel Freestanding Range">
				
		<figcaption>Electrolux 36&quot; Dual-Fuel Freestanding Range</figcaption>
		<h3>ECFD3668AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 36&quot; Dual-Fuel Freestanding Range Product Image" src="https://images.webfronts.com/cache/frvmxqpqbtvw.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECFG3068AS" data-product-category="GR" data-query-url="/products/electrolux/ecfg3068as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecfg3068as.html
			" title="Electrolux 30&quot; Front Control Freestanding Gas Range">
				
		<figcaption>Electrolux 30&quot; Front Control Freestanding Gas Range</figcaption>
		<h3>ECFG3068AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Front Control Freestanding Gas Range Product Image" src="https://images.webfronts.com/cache/frtcvaeiideu.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECFI3068AS" data-product-category="ER" data-query-url="/products/electrolux/ecfi3068as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecfi3068as.html
			" title="Electrolux 30&quot; Induction Freestanding Range">
				
		<figcaption>Electrolux 30&quot; Induction Freestanding Range</figcaption>
		<h3>ECFI3068AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Induction Freestanding Range Product Image" src="https://images.webfronts.com/cache/frjflnvnixgr.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure>
	<div class="clear"></div>
				
			</div>`
			},

			
			wallOvens : {
				prodType : 'Wall Ovens',
				prodSection : `<div data-tab-js-type="promo-tab-js-products-">
				<p></p>
				<span>
					<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=GR:GRWAL1|GR:GRWAL2|ER:ERWAL2|ER:ERWAL1" 
			class="shop-all-button" href="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=GR:GRWAL1|GR:GRWAL2|ER:ERWAL2|ER:ERWAL1">Shop All
		</a>
				
				</span>
				
				<figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECWD3012AS" data-product-category="ER" data-query-url="/products/electrolux/ecwd3012as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecwd3012as.html
			" title="Electrolux 30&quot; Electric Double Wall Oven with Air Sous Vide">
				
		<figcaption>Electrolux 30&quot; Electric Double Wall Oven with Air Sous Vide</figcaption>
		<h3>ECWD3012AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Electric Double Wall Oven with Air Sous Vide Product Image" src="https://images.webfronts.com/cache/frkbojtxsvlf.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECWM3012AS" data-product-category="ER" data-query-url="/products/electrolux/ecwm3012as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecwm3012as.html
			" title="Electrolux 30&quot; Wall Oven and Microwave Combination">
				
		<figcaption>Electrolux 30&quot; Wall Oven and Microwave Combination</figcaption>
		<h3>ECWM3012AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Wall Oven and Microwave Combination Product Image" src="https://images.webfronts.com/cache/frvwyekrbimm.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECWS3012AS" data-product-category="ER" data-query-url="/products/electrolux/ecws3012as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecws3012as.html
			" title="Electrolux 30&quot; Electric Single Wall Oven with Air Sous Vide">
				
		<figcaption>Electrolux 30&quot; Electric Single Wall Oven with Air Sous Vide</figcaption>
		<h3>ECWS3012AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Electric Single Wall Oven with Air Sous Vide Product Image" src="https://images.webfronts.com/cache/fryigmmzpber.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECWD3011AS" data-product-category="ER" data-query-url="/products/electrolux/ecwd3011as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecwd3011as.html
			" title="Electrolux 30&quot; Electric Double Wall Oven with Air Sous Vide">
				
		<figcaption>Electrolux 30&quot; Electric Double Wall Oven with Air Sous Vide</figcaption>
		<h3>ECWD3011AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Electric Double Wall Oven with Air Sous Vide Product Image" src="https://images.webfronts.com/cache/frvbastlmeyn.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure>
	<div class="clear"></div>
				
			</div>`
			},

			
			cooktops : {
				prodType : 'cooktops',
				prodSection : `<div data-tab-js-type="promo-tab-js-products-">
				<p></p>
				<span>
					<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=ER:ERSURF|GR:GRSURF" 
			class="shop-all-button" href="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=ER:ERSURF|GR:GRSURF">Shop All
		</a>
				
				</span>
				
				<figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECCG3068AS" data-product-category="GR" data-query-url="/products/electrolux/eccg3068as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/eccg3068as.html
			" title="Electrolux 30&quot; Gas Cooktop">
				
		<figcaption>Electrolux 30&quot; Gas Cooktop</figcaption>
		<h3>ECCG3068AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Gas Cooktop Product Image" src="https://images.webfronts.com/cache/frlkhbsrwoxi.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECCG3668AS" data-product-category="GR" data-query-url="/products/electrolux/eccg3668as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/eccg3668as.html
			" title="Electrolux 36&quot; Gas Cooktop">
				
		<figcaption>Electrolux 36&quot; Gas Cooktop</figcaption>
		<h3>ECCG3668AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 36&quot; Gas Cooktop Product Image" src="https://images.webfronts.com/cache/frcwpkmnpejn.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECCG3672AS" data-product-category="GR" data-query-url="/products/electrolux/eccg3672as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/eccg3672as.html
			" title="Electrolux 36&quot; Gas Rangetop">
				
		<figcaption>Electrolux 36&quot; Gas Rangetop</figcaption>
		<h3>ECCG3672AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 36&quot; Gas Rangetop Product Image" src="https://images.webfronts.com/cache/frioaprcdqny.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card grid_3 col-lg-3 col-sm-6
	
	 col-xs-12" data-product-number="ECCI3068AS" data-product-category="ER" data-query-url="/products/electrolux/ecci3068as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecci3068as.html
			" title="Electrolux 30&quot; Induction Cooktop">
				
		<figcaption>Electrolux 30&quot; Induction Cooktop</figcaption>
		<h3>ECCI3068AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Induction Cooktop Product Image" src="https://images.webfronts.com/cache/frhwdkmiwmaj.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure>
	<div class="clear"></div>
				
			</div>`
			},

			
			undercounter : {
				prodType : 'Undercounter',
				prodSection : `<div data-tab-js-type="promo-tab-js-products-">
				<p></p>
				<span>
					<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?MINOR_SORT=REF:RWC|REF:COMPACT&MAJOR=REF&REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0" 
			class="shop-all-button" href="/_CGI/SEARCH3?MINOR_SORT=REF:RWC|REF:COMPACT&MAJOR=REF&REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0">Shop All
		</a>
				
				</span>
				
				<figure class="normal-product-card 
	
	grid_6 col-md-6 col-xs-12" data-product-number="EI24BC15VS" data-product-category="REF" data-query-url="/products/electrolux/ei24bc15vs.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ei24bc15vs.html
			" title="Electrolux 5.1 Cu. Ft. Under-Counter Beverage Center">
				
		<figcaption>Electrolux 5.1 Cu. Ft. Under-Counter Beverage Center</figcaption>
		<h3>EI24BC15VS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 5.1 Cu. Ft. Under-Counter Beverage Center Product Image" src="https://images.webfronts.com/cache/frepeblgkwhc.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card 
	
	grid_6 col-md-6 col-xs-12" data-product-number="EI24WC15VS" data-product-category="REF" data-query-url="/products/electrolux/ei24wc15vs.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ei24wc15vs.html
			" title="Electrolux 24&quot; Under-Counter Wine Cooler">
				
		<figcaption>Electrolux 24&quot; Under-Counter Wine Cooler</figcaption>
		<h3>EI24WC15VS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 24&quot; Under-Counter Wine Cooler Product Image" src="https://images.webfronts.com/cache/frjmuaqjonou.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure>
	<div class="clear"></div>
				
			</div>`
			},

			
			microwaves : {
				prodType : 'Microwaves',
				prodSection : `<div data-tab-js-type="promo-tab-js-products-">
				<p></p>
				<span>
					<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=MIC:HALOGN|MIC:MICOR|MIC:MICCO|MIC:MICBI" 
			class="shop-all-button" href="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=MIC:HALOGN|MIC:MICOR|MIC:MICCO|MIC:MICBI">Shop All
		</a>
				
				</span>
				
				<figure class="normal-product-card 
	grid_4 col-sm-4
	 col-xs-12" data-product-number="EMBD3010AS" data-product-category="MIC" data-query-url="/products/electrolux/embd3010as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/embd3010as.html
			" title="Electrolux 30&quot; Built-In Microwave Oven with Drop-Down Door">
				
		<figcaption>Electrolux 30&quot; Built-In Microwave Oven with Drop-Down Door</figcaption>
		<h3>EMBD3010AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Built-In Microwave Oven with Drop-Down Door Product Image" src="https://images.webfronts.com/cache/frdwuaupnvcw.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card 
	grid_4 col-sm-4
	 col-xs-12" data-product-number="EMBS2411AB" data-product-category="MIC" data-query-url="/products/electrolux/embs2411ab.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/embs2411ab.html
			" title="Electrolux 30&quot; Built-In Side Swing Microwave Oven">
				
		<figcaption>Electrolux 30&quot; Built-In Side Swing Microwave Oven</figcaption>
		<h3>EMBS2411AB</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Built-In Side Swing Microwave Oven Product Image" src="https://images.webfronts.com/cache/frfyaqfhaovs.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card 
	grid_4 col-sm-4
	 col-xs-12" data-product-number="EMOW1911AS" data-product-category="MIC" data-query-url="/products/electrolux/emow1911as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/emow1911as.html
			" title="Electrolux 30&quot; Over-the-Range Convection Microwave">
				
		<figcaption>Electrolux 30&quot; Over-the-Range Convection Microwave</figcaption>
		<h3>EMOW1911AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Over-the-Range Convection Microwave Product Image" src="https://images.webfronts.com/cache/frmqqwkmehkv.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure>
	<div class="clear"></div>
				
			</div>`
			},

			
			dishwashers : {
				prodType : 'Dishwashers',
				prodSection : `<div data-tab-js-type="promo-tab-js-products-">
				<p></p>
				<span>
					<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=DISH:DWPO|DISH:DWBI" 
			class="shop-all-button" href="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MINOR=DISH:DWPO|DISH:DWBI">Shop All
		</a>
				
				</span>
				
				<figure class="normal-product-card 
	
	grid_6 col-md-6 col-xs-12" data-product-number="EDSH4944AS" data-product-category="DISH" data-query-url="/products/electrolux/edsh4944as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/edsh4944as.html
			" title="Electrolux 24&quot; Built-In Dishwasher">
				
		<figcaption>Electrolux 24&quot; Built-In Dishwasher</figcaption>
		<h3>EDSH4944AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 24&quot; Built-In Dishwasher Product Image" src="https://images.webfronts.com/cache/frmedgiakykj.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure>
	<div class="clear"></div>
				
			</div>`
			},

			
			hoods : {
				prodType : 'Hoods',
				prodSection : `<div data-tab-js-type="promo-tab-js-products-">
				<p></p>
				<span>
					<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MAJOR=HOOD" 
			class="shop-all-button" href="/_CGI/SEARCH3?REBATE_FORM_NUMBER=NECO_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|AVB_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5&POS=0&MAJOR=HOOD">Shop All
		</a>
				
				</span>
				
				<figure class="normal-product-card 
	grid_4 col-sm-4
	 col-xs-12" data-product-number="ECVI4262AS" data-product-category="HOOD" data-query-url="/products/electrolux/ecvi4262as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecvi4262as.html
			" title="Electrolux 42&quot; Island-Mount T Shape Hood">
				
		<figcaption>Electrolux 42&quot; Island-Mount T Shape Hood</figcaption>
		<h3>ECVI4262AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 42&quot; Island-Mount T Shape Hood Product Image" src="https://images.webfronts.com/cache/frdpmfujrxyr.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card 
	grid_4 col-sm-4
	 col-xs-12" data-product-number="ECVW3062AS" data-product-category="HOOD" data-query-url="/products/electrolux/ecvw3062as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecvw3062as.html
			" title="Electrolux 30&quot; Wall-Mount T Shape Hood">
				
		<figcaption>Electrolux 30&quot; Wall-Mount T Shape Hood</figcaption>
		<h3>ECVW3062AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 30&quot; Wall-Mount T Shape Hood Product Image" src="https://images.webfronts.com/cache/frrtolithagy.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure><figure class="normal-product-card 
	grid_4 col-sm-4
	 col-xs-12" data-product-number="ECVW3662AS" data-product-category="HOOD" data-query-url="/products/electrolux/ecvw3662as.html">
		<a data-ajax="false" data-role="none" href="
			/products/electrolux/ecvw3662as.html
			" title="Electrolux 36&quot; Wall-Mount T Shape Hood">
				
		<figcaption>Electrolux 36&quot; Wall-Mount T Shape Hood</figcaption>
		<h3>ECVW3662AS</h3>
		<img class="img-responsive margin-auto" alt="Electrolux 36&quot; Wall-Mount T Shape Hood Product Image" src="https://images.webfronts.com/cache/frlrrnstyanv.jpg?imgeng=/w_300/h_300/m_letterbox_ffffff_100" />
		
		<span class="custom-product-link
		">View Details
	</span>
	
		</a>
	</figure>
	<div class="clear"></div>
				
			</div>`
			}

		};// -- Build page components here -- //
			
			
				var beginningStuff = `
					
					<!-- Youtube Popup -->
						<div id="youTube_popup_container">
							<div id="youtubePopup">
								<div class="embed-responsive embed-responsive-16by9 youtube-video">
									<iframe class="embed-responsive-item" src="" frameborder="0" allowfullscreen></iframe>
									<span class="promo_close_it">Close</span>
								</div>
							</div>
							<div id="dark_cover" class="promo_close_it"></div>
						</div>
					
				`;
				
				var customHero = `
					
					
					${promoMainHero()}

					
		<!-- Below Hero -->
			<section class="hero-section row new-post-hero" id="hero-id">
				
				<div class="logo">
					<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 379.47 87.12" class="electrolux-logo">
			<defs>
				<style>.electrolux-logo .cls-1{fill:#010d44;}</style>
			</defs>
			<title>Asset 3</title>
			<g id="Layer_2" data-name="Layer 2">
				<g id="ARTWORK">
					<path class="cls-1" d="M0,87.12H87.12V0H0ZM55.84,6.66a38.91,38.91,0,0,1,0,73.8Zm-12.29-2a43.68,43.68,0,0,1,8.21.86c0,19.74-19.09,36-38.79,36H4.73C6.08,21.28,22.82,4.68,43.54,4.68M13,45.63c19.7,0,38.78,16.23,38.78,35.95a43.93,43.93,0,0,1-8.21.88c-20.73,0-38-16.68-38.82-36.82Z"/>
					<path class="cls-1" d="M116.28,51.22V45.73H134.4v-7H116.27V28.53h19.29v-7h-26.7V50.9c0,7.42,3.16,12.49,10.58,13.54a2,2,0,0,0,.43.07H120a21.19,21.19,0,0,0,2.35.14h13.73v-7H122.41c-2.36,0-6.13-1.16-6.13-6.45"/>
					<polygon class="cls-1" points="141.35 41.91 141.35 64.66 148.77 64.66 148.77 41.76 148.77 21.54 141.35 21.54 141.35 41.91"/>
					<path class="cls-1" d="M170.05,32.49c-9.38,0-16.4,6.46-16.4,16.53v.25c0,9.82,6.77,16.16,16.59,16.16a17,17,0,0,0,13.17-5.59l-4.47-4.35a10.8,10.8,0,0,1-8.45,3.6c-5.53,0-9.2-3.23-9.44-8.2H185.4c.12-1.24.12-2.61.12-2.61,0-8.76-6.15-15.78-15.47-15.78m-8.82,13.17c.31-3.79,4.16-6.83,8.82-6.83,4.35,0,7.89,3.11,7.89,6.83Z"/>
					<path class="cls-1" d="M206.39,39.14a10.5,10.5,0,0,1,8,3.42l4.6-4.78a16.46,16.46,0,0,0-12.55-5.41c-9.45,0-17,7-17,16.59s7.58,16.59,17,16.59a16.46,16.46,0,0,0,12.55-5.41l-4.6-4.78a10.5,10.5,0,0,1-8,3.42A9.49,9.49,0,0,1,196.75,49a9.49,9.49,0,0,1,9.63-9.82"/>
					<path class="cls-1" d="M231,51.23h0v-11h6.75V33.48H231V21.54h-7.42V51.67h0c.21,7,3.4,11.78,10.56,12.78a2,2,0,0,0,.43.07h.14a21.19,21.19,0,0,0,2.35.14h.79l0-7h-.75c-2.36,0-6.13-1.16-6.13-6.45"/>
					<path class="cls-1" d="M251.33,38.11V33.48H244V64.66h7.36V48.26c0-5.13,3.28-8.35,8.41-8.35a14.81,14.81,0,0,1,3.09.31V33a16,16,0,0,0-2.23-.18c-4.46,0-7.8,2-9.28,5.25"/>
					<path class="cls-1" d="M281,32.55c-9.47,0-17,7.17-17,16.52s7.55,16.52,17,16.52,17-7.18,17-16.52-7.61-16.52-17-16.52m0,26.29a9.78,9.78,0,1,1,9.65-9.77A9.54,9.54,0,0,1,281,58.84"/>
					<polygon class="cls-1" points="302.57 41.17 302.57 64.66 309.99 64.66 309.99 41.47 309.99 21.54 302.57 21.54 302.57 41.17"/>
					<path class="cls-1" d="M336.77,51.6c0,4.95-2.91,7.05-6.81,7.05s-6.8-2.11-6.8-7V33.48h-7.49V52.28c0,8.91,6.49,13.18,14.23,13.18s14.35-4.33,14.35-13.36V33.48h-7.48Z"/>
					<polygon class="cls-1" points="372.34 54.69 367.65 48.14 373.45 40.24 378.42 33.48 370.31 33.48 363.57 42.82 356.76 33.48 348.72 33.48 353.33 39.79 359.49 48.2 353.04 57.18 347.67 64.66 355.65 64.66 363.57 53.64 371.49 64.66 379.47 64.66 372.34 54.69"/>
				</g>
			</g>
		</svg>
				</div>
				<h3>The Better Living Event</h3>
		<h3>SAVE UP TO $2,500</h3>
		<p>when you purchase qualifying Electrolux appliances via online or mail-in rebate<sup>*</sup></p>
				
				<div class="offer-text">
					<strong>
						Offer valid:
					</strong>
					May 18 - September 27, 2023

				</div>
				
				
			<style>.promotion .rebate-link-check:not(:first-of-type) {display: none;}</style>
					<div style="display: none;">current rebate is... NATIONWIDE_ELECTROLUX_BLR5</div>
					<a data-ajax="false" class="whatevs rebate-link-check" target="_blank" href="/_CGI/VIEW_REBATE_FORM?PROTOCOL=S3&FORM_NUMBER=CXGFHSVI.pdf&analytics_params=500:NATIONWIDE_ELECTROLUX_BLR5" title="Download Rebate Details">
						Download Rebate
							
					</a><style>.promotion .rebate-link-check:not(:first-of-type) {display: none;}</style>
					<div style="display: none;">current rebate is... NATIONWIDE_ELECTROLUX_BLR5</div>
					<a data-ajax="false" class="whatevs rebate-link-check" target="_blank" href="/_CGI/VIEW_REBATE_FORM?PROTOCOL=S3&FORM_NUMBER=CXGFHSVI.pdf&analytics_params=500:NATIONWIDE_ELECTROLUX_BLR5" title="Download Rebate Details">
						Download Rebate
							
					</a>
				
			</section>
		<!-- //end section -->
				
				`;


				var promoSection1 = `
					<!-- Better Living - Wall Ovens -->
				<div class="row d-flex d-flex-wrap justify-content-center electrolux-feature">
					<div class="grid_5 col-xs-12 col-sm-12 col-md-12 col-lg-4 align-center align_center first_child">
						<div class="text_promo_container">
							<h3>Better Living means amplifying nature's unique flavors.</h3>
							<p>Enhance juiciness, texture and flavor with our in-oven air sous vide. This technology uses air instead of water to deliver perfectly-cooked salmon filets and other delectable proteins.</p>
							<br>
							<a data-ajax="false" target="_blank" href="/_CGI/SEARCH3?MAN=ELECTROLUX&MINOR=GR:GRWAL2|ER:ERWARM|ER:ERWAL2|ER:ERWALCM|ER:ERWAL1" title="" class="shop-all-btn">Shop Wall Ovens</a>
						</div>
					</div>
					<div class="grid_5 col-xs-12 col-sm-12 col-md-12 col-lg-8 align-right no-pad pad_content_none last_child">
						<img id="video_2" class="full_width img-fluid d-inline-block" src="https://www.cgappliances.com/promotions/electrolux/2021/06-better-living-event/images/feature01.jpg">
					</div>
					<div class="clear"></div>
				</div>
			<!-- //end section -->

			<!-- Thoughtfully designed - Inductions -->
				<div class="row d-flex d-flex-wrap justify-content-center electrolux-feature electrolux-feature-2 swap-sides">
					<div class="grid_5 col-xs-12 col-sm-12 col-md-12 col-lg-4 align-center align_center first_child">
						<div class="text_promo_container">
							<h3>Thoughtfully designed with culinary creativity in mind.</h3>
							<p>Our new induction cooktops and ranges feature precise temperature control and power slide, giving you more freedom to craft the perfect meal.</p>
							<br>
							<a data-ajax="false" target="_blank" href="/_CGI/SEARCH3?KEY=Electrolux:ECCI3068AS|Electrolux:ECCI3668AS|Electrolux:ECFI3068AS|Electrolux:ECFI3668AS" title="" class="shop-all-btn">Shop Induction</a>
						</div>
					</div>
					<div class="grid_5 col-xs-12 col-sm-12 col-md-12 col-lg-8 align-right no-pad pad_content_none last_child">
						<img id="video_4" class="full_width img-fluid d-inline-block" src="https://www.cgappliances.com/promotions/electrolux/2021/06-better-living-event/images/feature03.jpg">
					</div>
					<div class="clear"></div>
				</div>
			<!-- //end section -->
					
				`;


				var promoSection2 = `

					${spawnTabbyMenu(tabbyProds0)}<!-- financing banner -->	
		<section class="section-financing-inner-banner-background">
			<section class="financing-inner-banner boxed-container">
				<div>
					<div>
						<img src="/promotions/assets/templates/blank_02/images/financing.svg?ccid=x54ac1c5b" alt="Special Financing Available with Approved Credit" title="Special Financing Available with Approved Credit">
						<p>Special Financing with Approved Credit.</p>
						<p>Contact us for more details about this offer!</p>
						<a data-ajax="false" target="_blank" href="/locations.html" title="">Call Now!</a>
					</div>
				</div>
				<div class="clear"></div>
			</section>
		</section>
	<!-- end financing banner -->
				
				`;

				var promoDisclaimerSection = promoDisclaimerLayout1(`boxed-container`, `
				
					*Please keep a copy of your sales slip and this claim for your records. Selected Electrolux appliances listed purchased between May 18, 2023 - September 27, 2023, are eligible. No substitution of other models is allowed. Claim MUST be postmarked no later than October 27, 2023. Online claims must be submitted by October 27, 2023. If you purchased your appliance(s) as part of a new home construction or remodeling project, check the "New Construction" box above and you may submit your claim upon delivery of your appliances (postmarked by October 27, 2023), provided the receipt was originally generated and dated within the program period. All products must be purchased on the same invoice. Rebate is a prepaid Mastercard<sup>&reg;</sup> Card. Allow up to 8 weeks for delivery of prepaid Mastercard<sup>&reg;</sup> Card. Cards are issued by Citibank, N.A. pursuant to a license from Mastercard International and managed by Citi<sup>&reg;</sup> Prepaid Services. Cards will not have cash access and can be used anywhere Mastercard debit cards are accepted. Mastercard is a registered trademark of Mastercard International Incorporated. The prepaid Mastercard Card expires 6 months after issuance. Items purchased at discounted rate due to damage or closeout are not eligible for this rebate. Inquiries regarding the status of a claim may be made by calling 1-866-226-7076 or visiting www.electroluxpromotions.com. Offer applies at participating retail dealers only. Applicable to individual sales only. Multiple sales to apartments, condominiums, subdivisions, wholesale sales, etc. do not qualify. One claim per household. Photocopies will be accepted. Completed materials will not be returned. Void where prohibited, taxed or otherwise restricted by law. Offer good only in USA. Void in Puerto Rico. Requests with invalid or undeliverable mailing addresses, P.O. Box addresses (except those in North Dakota where P.O. box addresses are accepted) or addresses outside of the US will be denied. Not available to clubs, organizations, or groups. Electrolux is not responsible for lost, late, incomplete, damaged, misdirected or postage due requests. Late, noncompliant or duplicate submissions WILL NOT BE acknowledged, returned or honored. All submissions become property of Electrolux and will not be returned. Merchandise returned prior to rebate fulfillment will void rebate submissions. Rebate form may not be assigned, transferred or sold. By submitting this claim, you hereby accept the stated terms and conditions. See in-store sales associate for details. At participating retailers. Purchases made at Lowe's, Home Depot, Sears and Best Buy are not eligible for this rebate.
				
				`);


			/*
				Put all section functions below in the append to have them appear in the page

				You can also write plain html and jim code within the string below.

			*/
			$(".section-container").append(`

				${beginningStuff}

				${customHero}

				<!-- Section 1 -->
					${promoSection1}
				<!-- Section 2 -->
					${promoSection2}

				<!-- Disclaimer Section -->
					${promoDisclaimerSection}

			`);
	
	
	$(".section-container").append(`
		

	`);
	
</script>
	
	
	<script type="text/javascript">
			
			function playVideo(vid) {
				vid.get(0).play();
				vid.addClass("playingVideo");

			}
			function pauseVideo(vid) {
				vid.get(0).pause();
				vid.removeClass("playingVideo");

			}
			function checkURLCodes(giveReturnValue = false) {
				if(window.location.href.indexOf("?") > -1) {
					var currentURL = window.location.href,
						splitURL = currentURL.split("?")[1],
						rebates = ["NATIONWIDE_BER_RR","NATIONWIDE_BER_SDR1","NATIONWIDE_CAFEA_GTLR","NATIONWIDE_VIK_B1G1","NATIONWIDE_LG_SKBR","NATIONWIDE_ELECTROLUX_BLR5","NATIONWIDE_ELECTROLUX_BLR5","NATIONWIDE_510245_BEKO","NATIONWIDE_BEKO_DR4","NATIONWIDE_LG_SWSR","NATIONWIDE_GE_TIR1","NATIONWIDE_MIE_LPR","NATIONWIDE_511015_MB","NATIONWIDE_510337_SAMSUNG","NATIONWIDE_ELECTROLUX_CPFPR2","NATIONWIDE_PERLI_RDIR","NATIONWIDE_MIE_MILR","NATIONWIDE_510297_GE","NATIONWIDE_FRIG_4PPR4","NATIONWIDE_BEKO_RWOR","NATIONWIDE_LG_MDLP","NATIONWIDE_SAMSUNG_LPOR","NATIONWIDE_SKS_CTSR3","NATIONWIDE_SAMSUNG_MDSR","NATIONWIDE_BEKO_RR","NATIONWIDE_510295_BOSCH","NATIONWIDE_LG_PPR5","NATIONWIDE_510298_LG","NATIONWIDE_BEKO_KR","NATIONWIDE_510335_MB","NATIONWIDE_FRIG_CFPR2","NATIONWIDE_ULN_CHCR2","NATIONWIDE_ULN_USR2","NATIONWIDE_FPK_CYDK2","NATIONWIDE_SAMSUNG_R2FG3","NATIONWIDE_GE_LPR2","NATIONWIDE_MIE_RR","NATIONWIDE_GE_PFG","NATIONWIDE_FRIG_WOFPR2","NATIONWIDE_SAMSUNG_R2FG","NATIONWIDE_FRIG_MFBPR","NATIONWIDE_LG_TCWR","NATIONWIDE_THE_TUGWP","NATIONWIDE_PERLI_UMR","NATIONWIDE_PERLI_UMR","NATIONWIDE_PERLI_IMIR","NATIONWIDE_DCS_OAR","NATIONWIDE_CAFEA_FG1","NATIONWIDE_JEN_CYKR","NATIONWIDE_LNX_CBPR","NATIONWIDE_MIE_DR","NATIONWIDE_BEKO_RR2","NATIONWIDE_DAC_51020P1","NATIONWIDE_GE_LPR","NATIONWIDE_LG_FLLP","NATIONWIDE_LG_ABR","NATIONWIDE_GE_FHCSPR","NATIONWIDE_CAFEA_FHCSPR4","NATIONWIDE_CAFEA_FHCSPR3","NATIONWIDE_510296_MB","NATIONWIDE_ELECTROLUX_WOPFPR2","NATIONWIDE_KTA_MIYOR2","NATIONWIDE_ELECTROLUX_RPFPR2","NATIONWIDE_VIK_WHCBSE","NATIONWIDE_LG_B1G1BR","NATIONWIDE_VER_BIS2","NATIONWIDE_SAMSUNG_FICR2","NATIONWIDE_HAR_SIRFG","NATIONWIDE_MONOGRAM_2023R","NATIONWIDE_LG_MDSR2",];

					if(splitURL.toLowerCase().indexOf("showdemrebates=true") > -1) {
						$.each(rebates, function(key, value) {
							$('body').append('<div style="color: gray; max-width: 100vw; word-break: break-all;">' + value + '</div>');

						});

					}
					
					if(giveReturnValue) {
						return rebates;
					
					}
					
				}

			}
			function fixSvgs() {
				$("svg *").each(function() {
					var g = this,
						transform = getComputedStyle(g).getPropertyValue('transform');
						
					if(typeof transform != 'undefined' && transform != 'none' && transform != null) {
					  g.setAttribute('transform', transform);

					}
					
				});
				
				$("svg.fix-spacing").each(function() {
					
					var vB = $(this).get(0).getAttribute("viewBox").split(" ");
					var width = $(this).width();
					var height = $(this).height();
					var newWidth = $(this).parent().width();
					var newHeight = vB[3] / vB[2] * width;
					
					
					$(this).width(newWidth);
					$(this).height(newHeight);
					
					
					$(this).attr("width", newWidth);
					$(this).attr("height", newHeight);
					
					$(this).css("position", "relative");
					
					var newSVG = $(this).clone();
					
					$(this).replaceWith(newSVG);
					
				});

			}
			function updateShopAllButtonText() {
				$("[data-change-text]").each(function() {
					var shopButton = $(this).find(".shop-all-button"),
							newShopButtonText = $(this).attr("data-change-text");

					if(!shopButton.hasClass("no-results")) {
						shopButton.html(newShopButtonText);
						$(this).css({"opacity" : 1});

					}

				});

			}
			function updateShopAllClasses() {
				$("[data-shop-classes]").each(function() {
					var shopButton = $(this).find(".shop-all-button"),
						newShopButtonClasses = $(this).attr("data-shop-classes");
						console.log(newShopButtonClasses);
					$(shopButton).addClass(newShopButtonClasses);

				});

			}
			function fixFrame() {
				$("#page-content-wrap iframe").each(function() {
					$(this).css({"height" : $(this).first("svg").height});
					$(this).attr("width", $(this).parent().width()).attr("height", $(this).parent().height());

				});

			}
			function shopAllTextAddOn() {
				$(".shop-all-button").each(function() {
					$(this).attr("data-more-text", $(this).parent().attr("data-more-text"));
				
				});
			
			}
			function negativeImageHeightFix() {
				$("img").each(function() {
					if($(this).attr("src").indexOf("height=-1") > -1) {
						$(this).attr("src", 
							$(this).attr("src").split("height=-1")[0] + 
							"&height=" + 
							$(this).attr("src").split("height=-1")[0].substring( 
								$(this).attr("src").split("height=-1")[0].lastIndexOf("&width=") + 1, 
								$(this).attr("src").split("height=-1")[0].lastIndexOf("&")
							) + 
							$(this).attr("src").split("height=-1")[1]);
					
					}
				
				});
			
			}
			
			
			function promoBurst(elem, text1="blank", text2="blank", text3="blank", burst=1, text4="blank") {
				if(text3 == "") { text3 = "blank"; }
				if(text2 == "") { text2 = "blank"; }
				
				
				var uniqueSelector = "rand-int-" + Math.floor((Math.random() * 9999) + 1);
				
				if(burst == 7) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 153.22 153.22" class="burst burst-${burst + " " + uniqueSelector}">
							<defs>
								<style>
									.${uniqueSelector}.burst-${burst} .cls-1 {
										fill: #093272;
									}
									.${uniqueSelector}.burst-${burst} .cls-2 {
										${(text4 == "blank"? 
											"font-size: 43.41px;" 
										: 
											"font-size: 23.41px;" 
										)}
										font-family: OpenSans-Bold, Open Sans;
										font-weight: 700;
									}
									.${uniqueSelector}.burst-${burst} .cls-2,
									.${uniqueSelector}.burst-${burst} .cls-4 {
										fill: #fff;
									}
									.${uniqueSelector}.burst-${burst} .cls-3 {
									
										${(text4 == "blank"? 
											"font-size: 14.02px;" 
										: 
											"font-size: 27.02px;" 
										)}
										
									}
									.${uniqueSelector}.burst-${burst} .cls-4 {
									
										${(text4 == "blank"? 
											"font-size: 36.34px;" 
										: 
											"font-size: 14.34px;" 
										)}
										font-family: OpenSans-Semibold, Open Sans;
										font-weight: 600;
									}
									.${uniqueSelector}.burst-${burst} .cls-5 {
										fill: #fff;
										stroke: #093272;
										stroke-miterlimit: 10;
										stroke-width: 2.12px;
									}
								</style>
							</defs>
							<g>
								<g>
									<circle class="cls-5" cx="50%" cy="50%" r="75.55" />
									<circle class="cls-1" cx="50%" cy="50%" r="71.44" />
									<text class="cls-4" text-anchor="middle" 
										${(text4 == "blank"? 
											"x=\"50%\" y=\"40%\"" 
										: 
											"x=\"50%\" y=\"28%\"" 
										)}
									
									>
										${text1}
									
									</text>
									<text class="cls-2" text-anchor="middle" 
										${(text4 == "blank"? 
											"x=\"50%\" y=\"66%\"" 
										: 
											"x=\"50%\" y=\"46%\"" 
										)}
									
									>
										${text2}
											
									</text>
									<text class="cls-2 cls-3" text-anchor="middle" 
										${(text4 == "blank"? 
											"x=\"50%\" y=\"80%\"" 
										: 
											"x=\"50%\" y=\"66%\"" 
										)}
									
									>
										${(text3 == "blank"? "" : text3)}
										
									</text>
									<text class="cls-2 cls-3" text-anchor="middle" x="50%" y="87%">
										${(text4 == "blank"? "" : text4)}
										
									</text>
									
								</g>
								
							</g>
							
						</svg>
					`;
						
				} else if(burst == 6) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 142.87 142.87" class="burst burst-${burst}">
							<defs>
								<style>
									.${uniqueSelector}.burst-${burst} .cls-gradient {
										fill: url(#New_Gradient_Swatch_3);
									}
									
									.${uniqueSelector}.burst-${burst} .cls-2 {
										font-size: 23.41px;
									}
									
									.${uniqueSelector}.burst-${burst} .cls-2,
									.${uniqueSelector}.burst-${burst} .cls-3,
									.${uniqueSelector}.burst-${burst} .cls-4 {
										fill: #fff;
									}
									
									.${uniqueSelector}.burst-${burst} .cls-2,
									.${uniqueSelector}.burst-${burst} .cls-4 {
										font-family: OpenSans-Bold, Open Sans;
										font-weight: 700;
									}
									
									.${uniqueSelector}.burst-${burst} .cls-3 {
										font-size: 14.34px;
										font-family: OpenSans-Semibold, Open Sans;
										font-weight: 600;
									}
									
									.${uniqueSelector}.burst-${burst} .cls-4 {
										font-size: 19.74px;
									}
				
								</style>
								<linearGradient id="New_Gradient_Swatch_3" y1="71.44" x2="142.87" y2="71.44" gradientUnits="userSpaceOnUse">
									<stop offset="0.23" stop-color="#81c11f" />
									<stop offset="1" stop-color="#c8de00" />
								</linearGradient>
								
							</defs>
							<title>new_burst</title>

							<g>
								<g>
									<circle class="cls-gradient" cx="71.44" cy="71.44" r="71.44" />
									<text class="cls-2" transform="translate(69.4 75.16)" text-anchor="middle">${text2}</text>
									<text class="cls-3" transform="translate(69.6 43.28)" text-anchor="middle">${text1}</text>
									<text class="cls-4" transform="translate(69.6 105.04)" text-anchor="middle">${(text3 == "blank"? "" : text3)}</text>
									
								</g>
								
							</g>
							
						</svg>
					`;
						
				} else if(burst == 5) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 170.4 170.4" class="burst burst-${burst}">
							<defs>
								<style>
									.${uniqueSelector}.burst-5 .dat-style-1 {
										isolation: isolate;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-2 {
										mix-blend-mode: multiply;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-3,
									.${uniqueSelector}.burst-5 .dat-style-7,
									.${uniqueSelector}.burst-5 .dat-style-9 {
										fill: #1f425e;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-4 {
										fill: #fff5ec;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-5 {
										fill: #e6e6e6;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-6 {
										fill: url(#New_Gradient_Swatch_2);
									}
									
									.${uniqueSelector}.burst-5 .dat-style-7 {
										font-size: 24px;
										font-family: Charter-Bold, Charter;
										font-weight: 700;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-8 {
										font-size: 30.94px;
										fill: #b61515;
									}
									
									.${uniqueSelector}.burst-5 .dat-style-9 {
										font-size: 16.42px;
										font-family: OpenSans-Semibold, Open Sans;
										font-weight: 600;
									}
								</style>
								<linearGradient id="New_Gradient_Swatch_2" x1="-10.68" y1="84.52" x2="142.68" y2="84.52" gradientTransform="matrix(-1, 0, 0, 1, 151.2, 0)" gradientUnits="userSpaceOnUse">
									<stop offset="0" stop-color="#b11414" />
									<stop offset="0.5" stop-color="#cd1919" />
									<stop offset="1" stop-color="#b11414" />
								</linearGradient>
							</defs>
							<title>new_burst</title>
							<g class="dat-style-1">
								<g id="Layer_2" data-name="Layer 2">
									<g id="Layer_1-2" data-name="Layer 1">
										<g id="Shadow" class="dat-style-2">
											<circle class="dat-style-3" cx="85.2" cy="85.2" r="85.2" />
											<circle class="dat-style-3" cx="85.2" cy="85.2" r="83.5" />
											<circle class="dat-style-3" cx="85.2" cy="85.2" r="81.79" />
										</g>
										<circle class="dat-style-4" cx="85.2" cy="85.2" r="81.79" />
										<circle class="dat-style-5" cx="85.2" cy="84.52" r="81.79" />
										<path id="Dots" class="dat-style-6" d="M89.34,160.26a.83.83,0,1,1,.86.79A.83.83,0,0,1,89.34,160.26Zm4.19.5a.83.83,0,1,0-.89-.75A.82.82,0,0,0,93.53,160.76Zm3.32-.43a.83.83,0,0,0-.22-1.64.82.82,0,0,0-.71.92A.83.83,0,0,0,96.85,160.33Zm3.3-.58a.83.83,0,1,0-1-.67A.83.83,0,0,0,100.15,159.75Zm3.26-.73a.82.82,0,1,0-1-.63A.82.82,0,0,0,103.41,159Zm3.24-.86a.83.83,0,1,0-1-.59A.83.83,0,0,0,106.65,158.16Zm3.19-1a.83.83,0,1,0-.5-1.58.83.83,0,1,0,.5,1.58ZM113,156a.83.83,0,1,0-1.06-.5A.84.84,0,0,0,113,156Zm3.09-1.28a.83.83,0,0,0-.63-1.53.83.83,0,0,0,.63,1.53Zm3-1.42a.82.82,0,0,0,.4-1.09.83.83,0,0,0-1.1-.41.83.83,0,1,0,.7,1.5Zm3-1.54a.83.83,0,1,0-1.11-.35A.83.83,0,0,0,122.07,151.77Zm2.9-1.67a.83.83,0,0,0-.82-1.44.83.83,0,1,0,.82,1.44Zm2.83-1.8a.83.83,0,0,0-.89-1.4.83.83,0,1,0,.89,1.4Zm2.74-1.92a.83.83,0,0,0,.2-1.15.81.81,0,0,0-1.15-.2.82.82,0,0,0-.21,1.15A.84.84,0,0,0,130.54,146.38Zm2.65-2a.84.84,0,0,0,.16-1.17.83.83,0,1,0-.16,1.17Zm2.57-2.16a.83.83,0,1,0-1.17-.1A.82.82,0,0,0,135.76,142.19Zm2.46-2.26a.82.82,0,0,0,.06-1.16.83.83,0,0,0-1.17-.06.82.82,0,0,0-.05,1.17A.81.81,0,0,0,138.22,139.93Zm2.37-2.36a.83.83,0,1,0-1.17,0A.83.83,0,0,0,140.59,137.57Zm2.26-2.47a.82.82,0,0,0,0-1.17.83.83,0,0,0-1.12,1.22A.82.82,0,0,0,142.85,135.1Zm2.15-2.56a.82.82,0,1,0-1.26-1.06.82.82,0,1,0,1.26,1.06Zm2-2.65a.83.83,0,1,0-1.31-1,.83.83,0,1,0,1.31,1Zm1.92-2.75a.83.83,0,0,0-.2-1.15.82.82,0,0,0-1.15.21.81.81,0,0,0,.2,1.15A.82.82,0,0,0,149,127.14Zm1.8-2.82a.83.83,0,0,0-.25-1.14.83.83,0,1,0-.89,1.4A.83.83,0,0,0,150.76,124.32Zm1.67-2.89a.83.83,0,1,0-1.13.3A.83.83,0,0,0,152.43,121.43Zm1.55-3a.83.83,0,1,0-1.12.35A.84.84,0,0,0,154,118.46Zm1.42-3a.84.84,0,0,0-.41-1.11.83.83,0,0,0-.69,1.51A.84.84,0,0,0,155.4,115.43Zm1.28-3.1a.83.83,0,0,0-1.53-.63.83.83,0,1,0,1.53.63Zm1.14-3.14a.83.83,0,1,0-1.06.49A.82.82,0,0,0,157.82,109.19Zm1-3.19a.83.83,0,1,0-1,.54A.83.83,0,0,0,158.83,106Zm.87-3.23a.84.84,0,0,0-.59-1,.83.83,0,1,0,.59,1Zm.72-3.27a.83.83,0,0,0-1.62-.36.84.84,0,0,0,.63,1A.83.83,0,0,0,160.42,99.5Zm.58-3.3a.81.81,0,0,0-.67-1,.83.83,0,0,0-.29,1.63A.84.84,0,0,0,161,96.2Zm.44-3.31a.83.83,0,1,0-.93.71A.83.83,0,0,0,161.44,92.89Zm.29-3.34a.83.83,0,0,0-1.65-.14.83.83,0,1,0,1.65.14Zm.15-3.34A.83.83,0,1,0,161,87,.82.82,0,0,0,161.88,86.21Zm0-3.35a.83.83,0,1,0-.83.83A.83.83,0,0,0,161.88,82.86Zm-.15-3.34a.82.82,0,0,0-.86-.79.83.83,0,0,0,.07,1.65A.81.81,0,0,0,161.73,79.52Zm-.29-3.33a.82.82,0,1,0-1.64.14.82.82,0,0,0,1.64-.14ZM161,72.87a.83.83,0,0,0-.93-.71.83.83,0,0,0,.22,1.64A.83.83,0,0,0,161,72.87Zm-.58-3.3a.83.83,0,1,0-.67,1A.83.83,0,0,0,160.43,69.57Zm-.73-3.26a.82.82,0,0,0-1.61.35.82.82,0,1,0,1.61-.35Zm-.86-3.24a.83.83,0,1,0-.59,1A.83.83,0,0,0,158.84,63.07Zm-1-3.19a.82.82,0,0,0-1-.54.84.84,0,0,0-.55,1,.83.83,0,0,0,1.58-.5Zm-1.14-3.14a.83.83,0,1,0-1.56.56.85.85,0,0,0,1.07.5A.83.83,0,0,0,156.69,56.74Zm-1.28-3.09a.82.82,0,0,0-1.08-.45.83.83,0,1,0,1.08.45Zm-1.41-3a.84.84,0,0,0-1.1-.4.83.83,0,1,0,.7,1.5A.83.83,0,0,0,154,50.61Zm-1.55-3a.83.83,0,0,0-1.47.77.84.84,0,0,0,1.12.35A.83.83,0,0,0,152.45,47.64Zm-1.67-2.89a.82.82,0,1,0-.3,1.13A.83.83,0,0,0,150.78,44.75ZM149,41.92a.82.82,0,0,0-1.14-.25.82.82,0,0,0-.25,1.14.83.83,0,0,0,1.14.26A.84.84,0,0,0,149,41.92Zm-1.92-2.74a.83.83,0,1,0-.2,1.15A.82.82,0,0,0,147.06,39.18Zm-2-2.65a.82.82,0,0,0-1.16-.16.83.83,0,1,0,1.16.16ZM142.88,34a.84.84,0,0,0-1.17-.1.83.83,0,0,0,1.06,1.27A.84.84,0,0,0,142.88,34Zm-2.26-2.47a.83.83,0,0,0-1.17,0,.83.83,0,0,0,1.12,1.22A.83.83,0,0,0,140.62,31.49Zm-2.37-2.36a.82.82,0,0,0-1.17,0,.83.83,0,1,0,1.17,0Zm-2.47-2.26a.82.82,0,0,0-1.17.05.83.83,0,0,0,.06,1.17.84.84,0,0,0,1.17-.05A.83.83,0,0,0,135.78,26.87Zm-2.56-2.16a.82.82,0,0,0-1.16.11.82.82,0,1,0,1.26,1.06A.83.83,0,0,0,133.22,24.71Zm-2.65-2a.83.83,0,1,0,.15,1.16A.83.83,0,0,0,130.57,22.68Zm-2.74-1.92a.83.83,0,0,0-1.16.2.83.83,0,1,0,1.16-.2ZM125,19a.82.82,0,1,0-.88,1.39.82.82,0,0,0,1.14-.25A.83.83,0,0,0,125,19Zm-2.89-1.68a.83.83,0,1,0,.3,1.13A.83.83,0,0,0,122.11,17.28Zm-3-1.54a.83.83,0,0,0-1.12.35.83.83,0,1,0,1.47.76A.83.83,0,0,0,119.14,15.74Zm-3-1.42a.83.83,0,0,0-1.1.4.83.83,0,0,0,1.5.7A.84.84,0,0,0,116.11,14.32ZM113,13a.84.84,0,0,0-1.09.45.83.83,0,0,0,.45,1.08A.83.83,0,0,0,113,13Zm-3.15-1.14a.83.83,0,0,0-.57,1.55.83.83,0,1,0,.57-1.55Zm-3.19-1a.83.83,0,1,0,.54,1A.82.82,0,0,0,106.68,10.89ZM103.45,10a.83.83,0,1,0-.43,1.6.83.83,0,0,0,.43-1.6Zm-3.27-.72a.82.82,0,1,0,.63,1A.83.83,0,0,0,100.18,9.3Zm-3.29-.58a.83.83,0,1,0,.67.95A.82.82,0,0,0,96.89,8.72Zm-3.32-.44a.83.83,0,1,0,.71.93A.83.83,0,0,0,93.57,8.28ZM90.23,8a.82.82,0,1,0,.76.89A.82.82,0,0,0,90.23,8Zm-3.34-.15a.83.83,0,1,0,.79.86A.82.82,0,0,0,86.89,7.84Zm-3.35,0a.83.83,0,1,0,.83.83A.83.83,0,0,0,83.54,7.84ZM80.2,8a.83.83,0,1,0,.86.79A.83.83,0,0,0,80.2,8Zm-3.33.29a.83.83,0,0,0-.75.9.82.82,0,1,0,.75-.9Zm-3.32.44a.83.83,0,1,0,.93.71A.83.83,0,0,0,73.55,8.71Zm-3.3.58a.83.83,0,1,0,1,.67A.83.83,0,0,0,70.25,9.29ZM67,10a.83.83,0,1,0,1,.63A.83.83,0,0,0,67,10Zm-3.24.87a.83.83,0,0,0,.43,1.6.83.83,0,1,0-.43-1.6Zm-3.19,1a.82.82,0,1,0,.5,1.57.81.81,0,0,0,.54-1A.82.82,0,0,0,60.56,11.89ZM57.42,13a.84.84,0,0,0-.5,1.06.83.83,0,1,0,.5-1.06Zm-3.09,1.28a.82.82,0,0,0-.45,1.08.83.83,0,0,0,1.53-.63A.82.82,0,0,0,54.33,14.31Zm-3,1.41a.84.84,0,0,0-.4,1.1.83.83,0,1,0,1.5-.7A.83.83,0,0,0,51.29,15.72Zm-3,1.55a.83.83,0,1,0,1.12.35A.83.83,0,0,0,48.32,17.27Zm-2.89,1.67a.82.82,0,1,0,1.13.3A.82.82,0,0,0,45.43,18.94Zm-2.83,1.8a.83.83,0,1,0,1.15.25A.82.82,0,0,0,42.6,20.74Zm-2.74,1.92a.83.83,0,1,0,1,1.35.83.83,0,1,0-1-1.35Zm-2.65,2a.82.82,0,1,0,1,1.31.82.82,0,0,0,.16-1.16A.83.83,0,0,0,37.21,24.69Zm-2.57,2.15a.83.83,0,1,0,1.17.1A.84.84,0,0,0,34.64,26.84ZM32.18,29.1a.83.83,0,0,0-.06,1.17.83.83,0,1,0,.06-1.17Zm-2.37,2.37a.83.83,0,1,0,1.17,0A.82.82,0,0,0,29.81,31.47Zm-2.26,2.46a.83.83,0,0,0,1.22,1.12.83.83,0,1,0-1.22-1.12ZM25.4,36.5a.82.82,0,1,0,1.16-.1A.81.81,0,0,0,25.4,36.5Zm-2,2.65A.83.83,0,1,0,24.52,39,.83.83,0,0,0,23.36,39.15Zm-1.92,2.74a.84.84,0,0,0,.2,1.16.83.83,0,0,0,.95-1.36A.83.83,0,0,0,21.44,41.89Zm-1.8,2.82a.83.83,0,1,0,1.14-.25A.84.84,0,0,0,19.64,44.71ZM18,47.61a.83.83,0,0,0,1.43.83A.83.83,0,0,0,18,47.61Zm-1.55,3a.83.83,0,1,0,1.47.76.83.83,0,0,0-1.47-.76Zm-1.42,3a.83.83,0,0,0,.41,1.1.81.81,0,0,0,1.09-.4.82.82,0,0,0-.4-1.1A.84.84,0,0,0,15,53.61ZM13.72,56.7a.83.83,0,0,0,.45,1.08.82.82,0,1,0-.45-1.08Zm-1.14,3.15a.82.82,0,0,0,.49,1.06.83.83,0,0,0,1.06-.5.82.82,0,0,0-.49-1.06A.83.83,0,0,0,12.58,59.85Zm-1,3.19a.83.83,0,0,0,1.58.5.83.83,0,1,0-1.58-.5Zm-.87,3.23a.83.83,0,0,0,.59,1,.82.82,0,0,0,.43-1.59A.83.83,0,0,0,10.7,66.27ZM10,69.54a.82.82,0,0,0,.63,1,.83.83,0,0,0,1-.62.84.84,0,0,0-.63-1A.83.83,0,0,0,10,69.54ZM9.4,72.83a.83.83,0,1,0,1-.67A.83.83,0,0,0,9.4,72.83ZM9,76.15a.83.83,0,1,0,.93-.71A.83.83,0,0,0,9,76.15Zm-.29,3.33a.82.82,0,0,0,.75.9.83.83,0,1,0,.14-1.65A.83.83,0,0,0,8.67,79.48Zm-.15,3.35A.83.83,0,1,0,9.38,82,.83.83,0,0,0,8.52,82.83Zm0,3.34a.83.83,0,1,0,.83-.82A.83.83,0,0,0,8.52,86.17Zm.15,3.35a.83.83,0,0,0,.86.79.83.83,0,1,0-.86-.79ZM9,92.85a.82.82,0,1,0,.75-.9A.83.83,0,0,0,9,92.85Zm.43,3.32a.83.83,0,1,0,.71-.93A.83.83,0,0,0,9.39,96.17ZM10,99.46a.84.84,0,0,0,1,.68.83.83,0,0,0-.29-1.63A.81.81,0,0,0,10,99.46Zm.73,3.27a.82.82,0,0,0,1,.63.83.83,0,0,0,.63-1,.84.84,0,0,0-1-.63A.83.83,0,0,0,10.7,102.73Zm.86,3.23a.83.83,0,1,0,.59-1A.82.82,0,0,0,11.56,106Zm1,3.2a.83.83,0,0,0,1,.54.84.84,0,0,0,.55-1,.83.83,0,0,0-1.58.5Zm1.14,3.14a.82.82,0,0,0,1.06.49.83.83,0,1,0-1.06-.49ZM15,115.39a.83.83,0,1,0,.45-1.08A.84.84,0,0,0,15,115.39Zm1.41,3a.83.83,0,0,0,1.1.41.83.83,0,1,0-1.1-.41Zm1.55,3a.82.82,0,0,0,1.11.36.84.84,0,0,0,.36-1.12.83.83,0,0,0-1.12-.35A.82.82,0,0,0,18,121.39Zm1.67,2.9a.83.83,0,1,0,.3-1.13A.83.83,0,0,0,19.62,124.29Zm1.8,2.82a.83.83,0,0,0,1.14.26.83.83,0,0,0-.89-1.4A.83.83,0,0,0,21.42,127.11Zm1.92,2.75a.83.83,0,1,0,.2-1.16A.83.83,0,0,0,23.34,129.86Zm2,2.65a.83.83,0,1,0,.16-1.16A.83.83,0,0,0,25.37,132.51Zm2.15,2.57a.84.84,0,0,0,1.17.1.83.83,0,0,0-1.06-1.27A.84.84,0,0,0,27.52,135.08Zm2.26,2.46A.83.83,0,1,0,31,136.42a.83.83,0,0,0-1.22,1.12Zm2.37,2.37a.83.83,0,1,0,0-1.17A.83.83,0,0,0,32.15,139.91Zm2.47,2.26a.82.82,0,0,0,1.17,0,.83.83,0,0,0-.06-1.17.82.82,0,0,0-1.17.05A.83.83,0,0,0,34.62,142.17Zm2.56,2.15a.81.81,0,0,0,1.16-.1.82.82,0,1,0-1.26-1.06A.81.81,0,0,0,37.18,144.32Zm2.65,2a.83.83,0,1,0-.15-1.16A.83.83,0,0,0,39.83,146.36Zm2.74,1.92a.83.83,0,1,0,1-1.36.83.83,0,0,0-1,1.36Zm2.83,1.8a.83.83,0,1,0-.26-1.14A.84.84,0,0,0,45.4,150.08Zm2.89,1.67a.83.83,0,1,0,.83-1.43.83.83,0,1,0-.83,1.43Zm3,1.55a.83.83,0,1,0-.35-1.12A.84.84,0,0,0,51.26,153.3Zm3,1.41a.83.83,0,0,0,.7-1.5.83.83,0,1,0-.7,1.5ZM57.38,156a.84.84,0,0,0,1.09-.45.83.83,0,0,0-.45-1.08.82.82,0,0,0-1.08.44A.83.83,0,0,0,57.38,156Zm3.15,1.14a.83.83,0,1,0,.57-1.55.83.83,0,1,0-.57,1.55Zm3.19,1a.83.83,0,0,0,.5-1.58.83.83,0,1,0-.5,1.58ZM67,159a.82.82,0,1,0,.43-1.59A.82.82,0,1,0,67,159Zm3.27.73a.83.83,0,1,0-.63-1A.83.83,0,0,0,70.22,159.74Zm3.29.58a.83.83,0,1,0-.67-1A.83.83,0,0,0,73.51,160.32Zm3.32.44a.83.83,0,1,0-.71-.93A.83.83,0,0,0,76.83,160.76Zm3.34.29a.83.83,0,1,0-.76-.9A.83.83,0,0,0,80.17,161.05Zm3.34.15a.83.83,0,1,0-.79-.86A.83.83,0,0,0,83.51,161.2Zm3.35,0a.83.83,0,1,0-.83-.83A.83.83,0,0,0,86.86,161.2Z" />
										<text class="dat-style-9" transform="translate(84 44.95)" text-anchor="middle">${text1}</text>
										<text class="dat-style-7" transform="translate(88 81.44)" text-anchor="middle">${text2}
											<tspan class="dat-style-8">
												<tspan x="0" y="29.65" text-anchor="middle">${(text3 == "blank"? "" : text3)}</tspan>
												<tspan x="-4" y="59.31" text-anchor="middle">${(text4 == "blank"? "" : text4)}</tspan>
											</tspan>
										</text>
									</g>
								</g>
							</g>
						</svg>
					`;
						
				} else if(burst == 4) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 453.7 343.3" class="burst burst-${burst}">
						  <defs>
							<style>
							  .${uniqueSelector}.burst-4 .cls-1{fill:#00c4b3;}
							  .${uniqueSelector}.burst-4 .cls-2{font-size:56px;}
							  .${uniqueSelector}.burst-4 .cls-6{font-size:56px;}
							  .${uniqueSelector}.burst-4 .cls-2,
							  .${uniqueSelector}.burst-4 .cls-3,
							  .${uniqueSelector}.burst-4 .cls-6{fill:#fff;font-family:Calibri-Bold, Calibri;font-weight:700;}
							  .${uniqueSelector}.burst-4 .cls-3{font-size:58px;}
							  .${uniqueSelector}.burst-4 .cls-4{letter-spacing:-0.01em;}
							  .${uniqueSelector}.burst-4 .cls-5{letter-spacing:-0.08em;}
							  .${uniqueSelector}.burst-4 .st0{fill:#111CEF;}
							</style>
						  </defs>
						  <g text-anchor="middle">
							<g class="text-container">
								<polygon class="st0" points="406.2,232.4 453.7,259.6 403.2,280.8 392.1,334.3 356.4,292.9 302,298.8 330.4,252.1 307.9,202.2 
									361.1,214.7 401.6,177.9 "/>
								<polygon class="st0" points="52,177.9 92.5,214.7 145.8,202.2 123.3,252.1 151.7,298.8 97.3,292.9 61.6,334.3 50.4,280.8 0,259.6 
									47.5,232.4 "/>
								<polygon class="cls-1" points="227.3,0 283.1,113 407.8,131.1 317.6,219.1 338.9,343.3 227.3,284.7 115.8,343.3 137.1,219.1 46.9,131.1 171.6,113 "/>
							
							  <text class="cls-2" ${text3 == "blank" ? `transform="translate(224 186)"` : `transform="translate(180 162)"`}>${text1}</text>
							  ${text2 == "blank" ? `` : `<text class="cls-3" ${text3 == "blank" ? `transform="translate(224 242)"` : `transform="translate(180 214)"`}>${text2}</text>`}
							  ${text3 == "blank" ? `` : `<text class="cls-6" transform="translate(180 260)">${text3}</text>`}
							</g>
						  </g>
						</svg>
					`;
						
				} else if(burst == 3) {
					var burst = `
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360.96 358.98" class="burst burst-${burst}">
						  <defs>
							<style>
							  .${uniqueSelector}.burst-3 .cls-1{fill:#00c4b3;}
							  .${uniqueSelector}.burst-3 .cls-2{font-size:50px;}
							  .${uniqueSelector}.burst-3 .cls-6{font-size:50px;}
							  .${uniqueSelector}.burst-3 .cls-2,
							  .${uniqueSelector}.burst-3 .cls-3,
							  .${uniqueSelector}.burst-3 .cls-6{fill:#fff;font-family:Calibri-Bold, Calibri;font-weight:700;}
							  .${uniqueSelector}.burst-3 .cls-3{font-size:58px;}
							  .${uniqueSelector}.burst-3 .cls-4{letter-spacing:-0.01em;}
							  .${uniqueSelector}.burst-3 .cls-5{letter-spacing:-0.08em;}
							</style>
						  </defs>
						  <g text-anchor="middle">
							<g class="text-container">
								<polygon class="cls-1" points="180.5,7.8 236.3,120.8 361,139 270.7,226.9 292,351.1 180.5,292.5 68.9,351.1 90.2,226.9 0,139 124.7,120.8 "/>
							
							  <text class="cls-2" ${text3 == "blank" ? `transform="translate(180 186)"` : `transform="translate(180 162)"`}>${text1}</text>
							  ${text2 == "blank" ? `` : `<text class="cls-3" ${text3 == "blank" ? `transform="translate(180 242)"` : `transform="translate(180 214)"`}>${text2}</text>`}
							  ${text3 == "blank" ? `` : `<text class="cls-6" transform="translate(180 260)">${text3}</text>`}
							</g>
						  </g>
						</svg>
					
					`;
				
				} else {
				  var burst = `
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360.96 358.98" class="burst burst-${burst} ${text2 == "blank" && text3 == "blank" ? `svg-one-liner` : ``}">
					  <defs>
						<style>
						  .${uniqueSelector}.burst-${burst} .cls-1{fill:#00c4b3;}
						  .${uniqueSelector}.burst-${burst} .cls-2{${text2 == "blank" && text3 == "blank" ? `font-size: 56px;` : `font-size: 50px;`} }
						  .${uniqueSelector}.burst-${burst} .cls-6{font-size:50px;}
						  .${uniqueSelector}.burst-${burst} .cls-2,.${uniqueSelector}.burst-${burst} .cls-3,.${uniqueSelector}.burst-${burst} .cls-6{fill:#fff;font-family:Calibri-Bold, Calibri;font-weight:700;}
						  .${uniqueSelector}.burst-${burst} .cls-3{font-size:58px;}.${uniqueSelector}.burst-${burst} .cls-4{letter-spacing:-0.01em;}
						  .${uniqueSelector}.burst-${burst} .cls-5{letter-spacing:-0.08em;}
						</style>
					  </defs>
					  <g text-anchor="middle">
						<g class="text-container"><polygon class="cls-1" points="${
							burst == 1 ? `180.48 34.4 199.34 0 210.65 37.57 236.25 7.84 239.5 46.94 270.72 23.19 265.76 62.11 301.24 45.37 288.31 82.41 326.49 73.41 306.13 106.94 345.36 106.08 318.47 134.66 357.02 141.97 324.78 164.32 360.96 179.49 324.78 194.66 357.02 217.01 318.47 224.33 345.36 252.9 306.13 252.04 326.49 285.57 288.31 276.58 301.24 313.61 265.76 296.87 270.72 335.79 239.5 312.04 236.25 351.14 210.65 321.41 199.34 358.98 180.48 324.58 161.62 358.98 150.31 321.41 124.71 351.14 121.47 312.04 90.24 335.79 95.2 296.87 59.72 313.61 72.65 276.58 34.47 285.57 54.83 252.04 15.6 252.9 42.49 224.33 3.94 217.01 36.18 194.66 0 179.49 36.18 164.32 3.94 141.97 42.49 134.66 15.6 106.08 54.83 106.94 34.47 73.41 72.65 82.41 59.72 45.37 95.2 62.11 90.24 23.19 121.47 46.94 124.71 7.84 150.31 37.57 161.62 0 180.48 34.4` : `227.16 360.96 179.38 308.58 130.69 360.12 115.46 290.88 47.52 311.17 68.98 243.56 0 227.16 52.32 179.38 0.84 130.69 70.08 115.46 49.79 47.52 117.34 68.98 133.8 0 181.58 52.32 230.27 0.84 245.5 70.08 313.44 49.79 291.98 117.34 360.96 133.8 308.58 181.58 360.12 230.27 290.88 245.5 311.17 313.44 243.56 291.98 227.16 360.96`
							}"/>
							
							
						  <text class="cls-2" 
						  
						  ${text3 == "blank" ? burst == 1 ? `transform="translate(180 168)"` : text2 == "blank" ? `x="50%" y="54%"` : `transform="translate(174 168)"` : `transform="translate(180 140)"`}
						  
						  >${text1}</text>
						  ${text2 == "blank" ? `` : `<text class="cls-3" ${text3 == "blank" ? `transform="translate(180 228)"` : `transform="translate(180 200)"`}>${text2}</text>`}
						  ${text3 == "blank" ? `` : `<text class="cls-6" transform="translate(180 260)">${text3}</text>`}
						</g>
					  </g>
					</svg>
				  `;
				}
			  
			  $(elem).append(burst);
			
			}
			
			function addBurstRibbon(bam, words1) {
				$.each(bam, function(index, value) {
					$(bam[index]).append(`
						<div class="burst-ribbon-container">
							<p class="burst-ribbon">
								<svg version="1.1"
									 id="svg4252" inkscape:export-filename="/home/chaunce/Documents/runeman.org/clipart/ribbon-cutting.png?ccid=x54ac1c5b" inkscape:export-xdpi="21.882757" inkscape:export-ydpi="21.882757" inkscape:version="0.48.4 r9939" sodipodi:docname="ribbon-cutting.svg?ccid=x54ac1c5b" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:ns1="http://sozi.baierouge.fr" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
									 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 615.9 128.5"
									 style="enable-background:new 0 0 615.9 128.5;" xml:space="preserve" preserveAspectRatio="none">
								<style type="text/css">
									.st0{fill:#0000FF;stroke:#000000;}
									.st1{fill:#000080;stroke:#000000;}
								</style>
								<title  id="title4951">Ribbon Cutting</title>
								<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" fit-margin-bottom="0" fit-margin-left="0" fit-margin-right="0" fit-margin-top="0" id="base" inkscape:current-layer="layer1" inkscape:cx="341.64284" inkscape:cy="226.10726" inkscape:document-units="px" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="717" inkscape:window-maximized="1" inkscape:window-width="1366" inkscape:window-x="-3" inkscape:window-y="28" inkscape:zoom="0.70710678" pagecolor="#ffffff" showgrid="false">
									
										<inkscape:grid  empspacing="5" enabled="true" id="grid4260" originx="313.95708px" originy="-347.46257px" snapvisiblegridlinesonly="true" type="xygrid" visible="true">
										</inkscape:grid>
								</sodipodi:namedview>
								<path id="path4107" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccccc" class="st0" d="M498.6,40.4V9.1
									c-0.5-10.7,77.1-4.8,116.4,0L585.8,56l29.1,46.9c-40-4.4-85-11-116.4,0V40.4z"/>
								<path id="path4105" inkscape:connector-curvature="0" sodipodi:nodetypes="cccccccc" class="st0" d="M91.2,40.4l29.1-31.3
									c0.6-16.6-75.6-5-119.3,0L30.1,56L1.1,103c43.6-9.8,90.6-13.2,119.3,0V9.1L91.2,40.4z"/>
								<path id="path4109" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M498.6,9.1c15.2,8.9,30-2,29.1,11.3
									c-10.7,5.1-19.9,28.4-30.6,26.1L498.6,9.1z"/>
								<path id="path4111" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" class="st1" d="M120.3,9.1l1.6,37.4
									c-10.2-0.2-20.5-23-30.7-26.1C91.6,9.3,100.8,18.8,120.3,9.1L120.3,9.1z"/>
								<path id="path4103" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccc" class="st0" d="M91.2,20.4
									c18.3,16.3,392.4,23.9,436.4,0v93.8c-144.7,18.4-290.3,18.4-436.4,0V20.4z"/>
								</svg>

								<span>
									${words1}
								
								</span>
							
							</p>
							
						</div>
						
					`);
				
				});
			
			}
			
			
			function addMultiBurst(bam, words1="blank", words2="blank", words3="blank", burstType=2, words4="blank") {
				$.each(bam, function(index, value) {
					promoBurst(bam[index], words1, words2, words3, burstType, words4);
				
				});
			
			}
			
			//counts the elements on the page in respect to their parents
			function elemCounter(elem, elemType) {
			  if(!$(elem).is('[class*="' + elemType + '-"]') && !$(elem).is('[class*="hero-section"]') && !$(elem).is('[class*="disclaimer-section"]')){
				$(elem).addClass(`${elemType}-${$(elem).prevAll(elemType).length}`);

			  }
			
			}
			
			function replaceTextBasedOnShopAllResultsForAllChosenElems() {
				$("[data-if-available-text]").each(function() {
					if($(this).hasClass("results")) {
						$(this).html(
							$(this).attr("data-if-available-text")

						);

					}

				});
				
				$("[data-if-not-available-text]").each(function() {
					if($(this).hasClass("no-results")) {
						$(this).html(
							$(this).attr("data-if-not-available-text")

						);

					}

				});
			
			}
			
			
			/* -- 
			
				Scrollbar Junk
				-note for dev-
				I did NOT set up every scenario with height/vertical-scrolling and did NOT finish the 
				set up for multiple scrollbars OR multiple scrolling areas based on single bars
				HOWEVER...MOST of the ground-work has been done and will only need to be finished
				Blame this on high-priority work...
				
			
			-- */
			
				function sideScrollerButtonClick(elem) {
					if($(elem).attr("data-scroll-button") == "left") {
						console.log("left");

					} else {
						console.log("right");

					}

				}
			
				//return the scrollable area
				function getScrollingAreaFullDimensions(elem) {
					var fullHeight = 0,
						fullWidth = 0,
						lastKid = $(elem).children().last(); //last child in row
					
					//get the space from the edge of the screen
					fullWidth+=$(lastKid).get(0).offsetLeft;
					//get the width of the last object
					fullWidth+=$(lastKid).width();
					
					//add the padding...
					fullWidth+=$(lastKid).css("padding-left").split("px")[0]*1;
					fullWidth+=$(lastKid).css("padding-right").split("px")[0]*1;
					
					//and the margin...
					fullWidth+=$(lastKid).css("margin-left").split("px")[0]*1;
					fullWidth+=$(lastKid).css("margin-right").split("px")[0]*1;
						
					//repeat for the height
					fullHeight+=$(lastKid).get(0).offsetTop;
					fullHeight+=$(lastKid).height();
					fullHeight+=$(lastKid).css("padding-top").split("px")[0]*1;
					fullHeight+=$(lastKid).css("padding-bottom").split("px")[0]*1;
					fullHeight+=$(lastKid).css("margin-top").split("px")[0]*1;
					fullHeight+=$(lastKid).css("margin-bottom").split("px")[0]*1;
					
					//payload, baby...
					return [fullWidth, fullHeight];
				
				}
			
				//the goal here is to hide the scrollbar if it is unneeded - like the width does not exceed screen-size
				function checkToHideScrollBar(elem) {
					//because there might be multiple scrolling things, we need to scroll through each
					$(elem).parents("section").eq(0).children("[data-scroll-target]").each(function() {
						//get the dimensions of this thing based on the last child position and width
						var dimensions = getScrollingAreaFullDimensions($(this));
						
						var fullHeight = dimensions[1],
							fullWidth = dimensions[0];
						
						//if the content is smaller than or equal to its container, hide the scrollbar
						if(fullWidth <= $(this).width() + 4) { //I added an extra 4 pixels because I noticed a flickering effect - band-aid solution :(
							//change it to its origin postion(almost like a refresh)
							$(this).css({
								"top"	:	"0px",
								"left"	:	"0px"
								
							});
							//hide the scrollbar
							$(elem).css("display", "none");
						
						//if content is larger than its container
						} else {
							//unhide the scrollbar
							$(elem).css("display", "");
						
						}
						
					});
				
				}
				
				//this is the function for when someone clicks or touches the scrollbar without touching the scroller(scroll handle)
				function scrollerToClick(elem, point, scrollX=true, scrollY=true) {
					//get the point of contact
					var scrollerSpotY = (scrollY ? point[1] : $(elem).css("top")) - $(elem).find("scroller").eq(0).height();
					var scrollerSpotX = (scrollX ? point[0] : $(elem).css("left")) - $(elem).find("scroller").eq(0).width();
				
					$(elem).find("scroller").animate({
						"top" : (scrollerSpotY > 0 ? scrollerSpotY : 0) + "px",
						"left" : (scrollerSpotX > 0 ? scrollerSpotX : 0) + "px"
					
					}, 400);
					
					$(elem).parent().children("[data-scroll-target]").each(function() {
						//get the dimensions of this thing based on the last child position and width
						var dimensions = getScrollingAreaFullDimensions($(this));
						
						var fullHeight = dimensions[1],
							fullWidth = dimensions[0];
						
						var percentOfScrollX = point[0] / $(elem).width();
						var percentOfScrollY = point[1] / $(elem).height();
						
						fullHeight = fullHeight - $(this).height();
						fullWidth = fullWidth - $(this).width();
						
						$(this).animate({
							"top" : (scrollY ? percentOfScrollY * fullHeight * -1 + "px" : $(this).css("top")),
							"left" : (scrollX ? percentOfScrollX * fullWidth * -1 + "px" : $(this).css("left"))
						
						}, 400);
						
					});
				
				}

				function basicMakeScrollable(elem, scrollX=true, scrollY=true) {
				  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
				  elem.onmousedown = dragMouseDown;
				  elem.addEventListener('touchstart', function(e){
					dragMouseDown(e);
					
				  }, false);

				  function dragMouseDown(e) {
					e = e || window.event;
					e.preventDefault();
					// get the mouse cursor position at startup:
					pos3 = e.clientX || e.targetTouches[0].pageX;
					pos4 = e.clientY || e.targetTouches[0].pageY;
					document.onmouseup = closeDragElement;
					document.touchend = closeDragElement;
					// call a function whenever the cursor moves:
					document.onmousemove = elementDrag;
					document.ontouchmove = elementDrag;
					
				  }

				  function elementDrag(e) {
				   var newDragX = e.clientX || e.targetTouches[0].pageX;
				   var newDragY = e.clientY || e.targetTouches[0].pageY;
					e = e || window.event;
					e.preventDefault();
					// calculate the new cursor position:
					pos1 = pos3 - newDragX;
					pos2 = pos4 - newDragY;
					pos3 = newDragX;
					pos4 = newDragY;
					// set the element's new position:
					if(scrollY) {
						elem.style.top = (elem.offsetTop - pos2) + "px";
					
					} else {
						elem.style.top = elem.offsetTop + "px";
						
					}
					if(scrollX) {
						let maxLeft = $(elem).parent().width() - $(elem).width();
						let newLeft = elem.offsetLeft - pos1;
						if(newLeft > maxLeft) {
							newLeft = maxLeft;
							
						} else if(newLeft < 0) {
							newLeft = 0;
						
						}
						elem.style.left = newLeft + "px";
					
					} else {
						elem.style.left = elem.offsetLeft + "px";
						
					}
					//go to parent -- find children with data scroll target -- if x do x if y do y if both do both
					$(elem).parent().parent().children("[data-scroll-target]").each(function() {
					
						//get the dimensions of this thing based on the last child position and width
						var dimensions = getScrollingAreaFullDimensions($(this));
						
						var fullHeight = dimensions[1],
							fullWidth = dimensions[0];
						
						var percentOfScrollX = $(elem).css("left").split("px")[0] / ($(elem).parent().width() - $(elem).width());
						var percentOfScrollY = $(elem).css("top").split("px")[0] / ($(elem).parent().height() - $(elem).height());
						
						fullWidth = fullWidth - $(this).width();
						fullHeight = fullHeight - $(this).height();
						
						if($(this).attr("data-scroll-target") == "x" || $(this).attr("data-scroll-target") == "both") {
							$(this).css("left", percentOfScrollX * fullWidth * -1 + "px");
							
						}
						if($(this).attr("data-scroll-target") == "y" || $(this).attr("data-scroll-target") == "both") {
							$(this).css("left", percentOfScrollY * fullHeight * -1 + "px");
							
						}
					
					});
					
				  }

				  function closeDragElement() {
					/* stop moving when mouse button is released:*/
					document.onmouseup = null;
					document.onmousemove = null;
					document.touchend = null;
					document.ontouchmove = null;
					
				  }
				  
				}

				function stopDraging() {
					/* stop moving when mouse button is released:*/
					document.onmouseup = null;
					document.onmousemove = null;
					document.touchend = null;
					document.ontouchmove = null;

				}
			
			/* -- 
			
				end Scrollbar Junk
			
			-- */
			
			
			function ScrollToThing (elem, scrollOffset = 0) {
				window.scrollTo(0, window.pageYOffset + $(elem).eq(0).get(0).getBoundingClientRect().top + (scrollOffset * -1));
			
			}
			
			
			function doOnceWhenVarIsSet(nameOfVar, callback) {
				if(!hasActionBeenCompleted.hasOwnProperty(nameOfVar)) {
					hasActionBeenCompleted[nameOfVar] = false;
				
				}
				
				if(isVarSet[nameOfVar] && !hasActionBeenCompleted[nameOfVar]) {
					hasActionBeenCompleted[nameOfVar] = true;
					delayedVarActionsActivated++;
					callback();
				
				}
			
			}
			

			//When document finishes loading
			$(document).ready(function() {
				
				//fixes plato...legacy
				$(".product_section .grid_3:nth-of-type(4n+1)")
					.add('.product_section .grid_4:nth-of-type(3n+1)')
					.add('.product_section .grid_6:nth-of-type(2n+1)')
					.add('.paired_product_section :nth-child(2n+1)')
					.add('[class^="grid_"]:first-of-type:not(:last-child):not(.grid_12)')
					.addClass('first_child');

				//fixes plato...legacy
				$('.product_section .grid_3:nth-of-type(4n)')
					.add('.product_section .grid_4:nth-of-type(3n)')
					.add('.product_section .grid_6:nth-of-type(2n)')
					.add('.paired_product_section :nth-child(2n)')
					.add('[class^="grid_"]:last-of-type:not(:first-child):not(.grid_12)')
					.addClass('last_child');

				//all videos will pause/play on button press
				$("video:not(.da-normals)").on('click', function() {
					if($(this).hasClass("playingVideo")) {
						pauseVideo($(this));

					}else {
						playVideo($(this));

					}

				});
				
				//lets me do things based on query strings
				checkURLCodes();

				//rebate formatter - flex without making it full width
				$("header").each(function() {$(this).find(".rebate-link-check.factory").first().css({"display" : "inline-flex"})});
				
				//rebate formatter - flex without making it full width
				$("header").each(function() {$(this).find(".rebate-link-check.bonus").first().css({"display" : "inline-flex"})});

				//kill the blank features -- dumb problem with our api
				setTimeout(function() {
					$(".feature-list li").each(function() {
						if($(this).html() == "") {
							$(this).remove();
						}

					});
					$(".feature-list li").css({"opacity" : "1"});

				}, 1000);

				//fix svg css problems on ie and safari/ios
				fixSvgs();
				
				//update shop all button text, if set by attribute
				updateShopAllButtonText();
				
				updateShopAllClasses();
				
				//fix iframes
				fixFrame();
				
				//log the platform
				console.log(itsPlato ? "plates" : "socks");
				
				//add a class depending on the platform
				$(".promotion").addClass(itsPlato ? "plates" : "socks");
				
				//Appends text to shop all buttons
				$(".shop-all-button").ready(function() {
					shopAllTextAddOn();
					
				});


				/* -- tabby section -- */
					$(".promo-tab-menu:not(.gremlinized) > span").on('click', function(){
					  $(this).closest(".section-tabbed-section").find(".chosen").removeClass("chosen");
					  $(this).add("[data-tab-type='promo-tab-products-" + $(this).html().toLowerCase().trim().replace(/\n/g,"").replace(/\r/g,"").replace(/\t/g,"") + "']").addClass("chosen");
				
					});
					
					$(".promo-tab-menu:not(.gremlinized) > span").each(function() {
						if($("[data-tab-type='promo-tab-products-" + $(this).html().toLowerCase().trim().replace(/\n/g,"").replace(/\r/g,"").replace(/\t/g,"") + "'] figure").length < 1) {
							$(this).remove();
						
						}
						
					});
					
					$(".promo-tab-menu:not(.gremlinized) span:first-of-type").trigger('click');
					
					
					//js version below
					
					
				$(".section-tabbed-section:not(.gremlinized)").each(function(tabbyindex, tabbyElem){
					let prodCats = $(tabbyElem).find(".promo-tab-js-menu span");
					if($(prodCats).length > 0) {
						$.each(prodCats, function(index, value) {
							let prodCat = $(value).html().toLowerCase().trim().replace(/\n/g,"").replace(/\r/g,"").replace(/\t/g,"");
							
							//give the div that holds the prods the proper identifier
							$(tabbyElem)
								.find("[data-tab-js-type]").eq(index)
								.attr("data-tab-js-type", prodCat);
							
							//give the span the proper tab match
							$(value).attr("data-tab-match", prodCat);
							
						});
						
						$(tabbyElem).find("[data-tab-match]").on('click', function() {
							$(tabbyElem).find(".chosen").removeClass("chosen");
								
							$(this).addClass("chosen");
							
							$($(tabbyElem).find("[data-tab-js-type='" + $(this).attr("data-tab-match") + "']")).addClass("chosen");
						
						});
						
						$(prodCats).eq(0).trigger('click');
						
					} else {
						$(tabbyElem).find(".promo-tab-js-menu").remove();
					
					}
				
				});
				
				/* -- end tabby section -- */
					
				
				replaceTextBasedOnShopAllResultsForAllChosenElems();
				
				
				$("scrollbar").on('click', function (e){
					var posX = $(this).offset().left, 
						posY = $(this).offset().top,
						scrollTarget = $(this).parents().find("[data-scroll-target]").eq(0);
						
					var scrollX = (scrollTarget.attr("data-scroll-target") == "x" || scrollTarget.attr("data-scroll-target") == "both" ? true : false),
						scrollY = (scrollTarget.attr("data-scroll-target") == "y" || scrollTarget.attr("data-scroll-target") == "both" ? true : false);
						
					scrollerToClick($(this).get(0), [e.pageX - posX, e.pageY - posY], scrollX, scrollY);
					
				});

				$(".drag-target").each(function (){
					basicMakeScrollable($(this).get(0));
					checkToHideScrollBar($(this));
					
				});

				$(".drag-x-target").each(function (){
					basicMakeScrollable($(this).get(0), true, false);
					checkToHideScrollBar($(this));
					
				});

				$(".drag-y-target").each(function (){
					basicMakeScrollable($(this).get(0), false, true);
					checkToHideScrollBar($(this));
					
				});
				
				$("scrollbutton").on('click', function(){
					sideScrollerButtonClick($(this));
					
				});
				
				$(".promo-collapsible-container").each(function() {
					var theParent = $(this);
					
					$(theParent).children("promo-row:first-of-type").click(function() {
						var collapsed = $(theParent).attr("data-collapsed");
						if(collapsed == "true") {
							$(theParent).attr("data-collapsed", "false");
							if($(theParent).parent().is("[data-child-scroll-offset]")) {
								setTimeout(()=>{ScrollToThing($(theParent), parseInt($(theParent).parent().attr("data-child-scroll-offset")))}, 500);
								setTimeout(()=>{ScrollToThing($(theParent), parseInt($(theParent).parent().attr("data-child-scroll-offset")))}, 1000);
								
							}
						
						} else {
							$(theParent).attr("data-collapsed", "true");
						
						}
					
					});
					
				});
				
				$('#video_1').on('click', function() {
			$('#dark_cover').show();
			$('#youtubePopup iframe').attr('src', 'https://player.vimeo.com/video/509929248');
			$('#youTube_popup_container').css('display', 'flex');
			$('#youtubePopup video.embed-responsive-item').css('display', 'block');
		});
		$('#video_2').on('click', function() {
			$('#dark_cover').show();
			$('#youtubePopup iframe').attr('src', 'https://www.youtube.com/embed/qwL-wkP8A1I');
			$('#youTube_popup_container').css('display', 'flex');
			$('#youtubePopup iframe.embed-responsive-item').css('display', 'block');
		});
		$('#video_3').on('click', function() {
			$('#dark_cover').show();
			$('#youtubePopup iframe').attr('src', 'https://www.youtube.com/embed/M2tFQESS41k');
			$('#youTube_popup_container').css('display', 'flex');
			$('#youtubePopup iframe.embed-responsive-item').css('display', 'block');
		});
		$('#video_4').on('click', function() {
			$('#dark_cover').show();
			$('#youtubePopup iframe').attr('src', 'https://www.youtube.com/embed/g-OsaAmOqY4');
			$('#youTube_popup_container').css('display', 'flex');
			$('#youtubePopup iframe.embed-responsive-item').css('display', 'block');
		});
		$('.promo_close_it').on('click', function() {
			$('#dark_cover').hide();
			$('#youtubePopup iframe').attr('src', '');
			$('#youTube_popup_container').css('display', 'none');
		});
	 
			});
			
			
			function delayLoaded() {
				
				
				if(delayLoad > 0 || delayedVarActionsActivated < Object.keys(hasActionBeenCompleted).length) {
					setTimeout(function(){
							delayLoaded();
					
					}, 300);
					
				}
				
			}
			
			delayLoaded();

			//When window size changes
			$(window).on('resize', function(){
				
				//svg fix for ie and safari/ios mobile
				fixSvgs();
				
				//fix iframes
				fixFrame();

				$(".drag-target").each(function (){
					checkToHideScrollBar($(this));
					
				});

				$(".drag-x-target").each(function (){
					checkToHideScrollBar($(this));
					
				});

				$(".drag-y-target").each(function (){
					checkToHideScrollBar($(this));
					
				});
				
				
			});
			
			
	</script></script>
					
					
				</div>

			</div>
		</div>
	</div>


<script>

	function promoElemInfoStorage(newAttribute, info, elem = ".promotion") {
		$(elem).attr(newAttribute, info);
	
	}
	
	function promoInfoStorage(newAttribute, info) {
		promoElemInfoStorage(newAttribute, info, "#promo-super-info-elem");
	
	}
	
	function getProperRebateCodes() {
		return typeof promoAllRebates != 'undefined' ? promoAllRebates : typeof promoRebateAll != 'undefined' ? promoRebateAll : "AVB_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5|NECO_ELECTROLUX_BLR5";
	
	}

	$(document).ready(function() {
		$("body").append(`<div style="display: none;" id="promo-super-info-elem"></div>`);
	
		//mingle id
		promoElemInfoStorage("data-mingle-id", "1448565508");
		promoElemInfoStorage("data-mingle-id-type", ('' == '' ? "mingle_id" : "gremlin_id"));
		promoElemInfoStorage("data-mingle-id-extra", "");
		promoElemInfoStorage("data-mingle-id-lv4", "1448565508");
		promoElemInfoStorage("data-mingle-id-ar", "");
		promoElemInfoStorage("data-mingle-id-ari", "");
		
		
		promoElemInfoStorage("data-all-rebates", getProperRebateCodes());
		promoElemInfoStorage("data-bonus-rebates", "");
		promoElemInfoStorage("data-template", "dynamic_1 v.1.41 or lower");
		promoElemInfoStorage("data-canonical-url", $(`[property="og:url"]`).attr("content"));
		promoElemInfoStorage("data-pulled-url", "https://www.cgappliances.com/promotions/electrolux/2023/05-better-living/savings.html?RANDOM_ID=-382710316&RPI_CLICK=true");
		promoElemInfoStorage("data-multi-page", "");
		promoElemInfoStorage("data-multi-page-adrocket", "no");
		promoElemInfoStorage("data-page-rebates", checkURLCodes(true));
		promoElemInfoStorage("data-promo-url", "/promotions/electrolux/2021/05-evergreen");
		promoElemInfoStorage("data-promo-inherited-url", "/promotions/electrolux/2022/05-better-living-event/savings.html");
		promoElemInfoStorage("data-promo-title", "Electrolux - The Better Living Event");
		promoElemInfoStorage("data-promo-description", "Save up to $2,500 when you purchase qualifying Electrolux appliances via online or mail-in rebate.");
		promoElemInfoStorage("data-promo-date", "May 18 - September 27, 2023");
		promoElemInfoStorage("data-promo-social-url", "/promotions/electrolux/2021/06-better-living-event");
		promoElemInfoStorage("data-promo-hero-url", "/promotions/electrolux/2021/06-better-living-event");
		
		//add info storage for inner page content
		promoInfoStorage("data-promo-disclaimer", $(".dislcaimer-section p").html());
		if($("#promo-super-info-elem").attr("data-promo-disclaimer") == "") {
			promoInfoStorage("data-promo-disclaimer", $(".dislcaimer-section").html());
		
		}
		
		promoInfoStorage("data-css-url", "");
		promoInfoStorage("data-promo-image-url", "");
		promoInfoStorage("data-image-url", "/promotions/electrolux/2021/05-evergreen");
		promoInfoStorage("data-promo-image-path", "");
		
		
		promoInfoStorage("data-promo-designer", "Joven");
		
		promoInfoStorage("data-promo-lvl4-id", "1448565508");
		promoInfoStorage("data-promo-ar-id", "");
		promoInfoStorage("data-promo-aro-id", "");
		
		
		promoInfoStorage("data-promo-page-type", "");
		
		
		promoInfoStorage("promo-first-query", "REBATE_FORM_NUMBER=AVB_ELECTROLUX_BLR5|INDP_ELECTROLUX_BLR5|MEGA_ELECTROLUX_BLR5|NATIONWIDE_ELECTROLUX_BLR5|NECO_ELECTROLUX_BLR5");
		promoInfoStorage("promo-second-query", "electrolux:ECWS3011AS");
		promoInfoStorage("promo-third-query", "electrolux:ECFD3668AS");
		promoInfoStorage("promo-fourth-query", "electrolux:ECFI3068AS");
		promoInfoStorage("promo-fifth-query", "");

		promoInfoStorage("promo-sixth-query", "");
		promoInfoStorage("promo-seventh-query", "");
		promoInfoStorage("promo-eighth-query", "");
		promoInfoStorage("promo-nineth-query", "");
		promoInfoStorage("promo-tenth-query", "");
		
		promoInfoStorage("promo-eleventh-query", "");
		promoInfoStorage("promo-twelveth-query", "");
		promoInfoStorage("promo-thirteenth-query", "");
		promoInfoStorage("promo-fourteenth-query", "");
		promoInfoStorage("promo-fifteenth-query", "");
		
		promoInfoStorage("promo-sixteenth-query", "");
		promoInfoStorage("promo-seventeenth-query", "");
		promoInfoStorage("promo-eighteenth-query", "");
		promoInfoStorage("promo-nineteenth-query", "");
		promoInfoStorage("promo-twentieth-query", "");
		
		
	});

		
	$("html").attr(`data-promo-tool-box`, `inactive`);
	
	function fixDumbExtensionConflict() {
	
	   var script = document.createElement('script');
	   script.setAttribute('src', '/promotions/assets/help/demo_v3.js');
	   script.setAttribute('type', 'text/javascript');
	   document.getElementsByTagName('head')[0].appendChild(script);
	   if(!window.location.href.includes("appliances.dev")) {
		   $('head').append('<link rel="stylesheet" href="/promotions/assets/help/css/all.css?ccid=x54ac1c5b" type="text/css" />');
	   
	   }

	}

	function checkForToolBox(count=0) {
		
	
		if($("html").attr("data-promo-tool-box") == "active") {
			fixDumbExtensionConflict();

		} else if(count > 0) {
			setTimeout(function() {
				checkForToolBox(--count);

			}, 2000);

		}

	}

	checkForToolBox(15);
	
</script>


	 <!-- FOOTER -->
 

<footer id="footer-wrap" class="container-fluid">
	<div class="row">
		<div class="boxed-container">
				<div class="footer-main-content-wrap">
					

					<div class="row">
						<div id="footer-about-store-text" class="col-sm-12 hidden-xs">
								

							</div>

						<div id="footer-contact-info-container" class="col-xs-12 flex-display flex-wrap">	
								

<div class="hidden-xs col-sm-12">
				<p class="section-header">Contact Us</p>
			</div>
				<div id="phone-numbers-header" class="full-width">
				<div class="item">
					<p>
						(650) 756-3931<br>
						<span><a href="/locations/mission.html" title="Daly City">Daly City</a></span>
					</p>
				</div>
				<div class="item">
					<p>
						(415) 532-9323<br>
						<span>San Rafael</span>
					</p>
				</div>
				<div class="item">
					<p>
						(925) 956-3332<br>
						<span>Walnut Creek </span>
					</p>
				</div>
				<div class="item">
					<p>
						(415) 424-6914<br>
						<span>San Francisco</span>
					</p>
				</div>
				<div class="item">
					<p>
						(510) 876-8758<br>
						<span>Hayward</span>
					</p>
				</div>
				<div class="item">
					<p>
						(650) 654-3100<br>
						<span><a href="/locations/industrial.html" title="San Carlos">San Carlos</a></span>
					</p>
				</div>
				<div class="item">
					<p>
						(408) 726-6193<br>
						<span>San Jose</span>
					</p>
				</div>
			</div>
		

							</div>
						
						<div class="col-xs-12">	

								
								<div id="footer-sub-nav">
			<ul class="list-unstyled border-top m-t-20 p-t-20">
				<li><a href="/locations.html" title="CG Appliance INC Locations">Contact Us</a></li>
				<li><a href="/customer/sign_in.html" title="My Account">My Account</a></li>
				
				<li><a href="/policies.html" title="Privacy Policy">Privacy Policy</a></li>
				<li><a href="/terms_of_service.html" title="Terms of Service">Terms of Service</a></li>
				<li><a href="/asitemap.html">Site Map</a></li>
				<li><a href="/accessibility.html" title="Accessibility">Accessibility</a></li>
			</ul>
		</div>
							</div> <!-- /col -->
					</div>
				</div>

				
				<div class="row">
						<div id="footer-sign-in" class="col-xs-12">
							
						</div> <!-- /col -->
					</div>  <!-- /row -->

				<div class="row">
						<div id="footer-screen-reader" class="col-xs-12">
							<p arial-label='Welcome to our website! As we have the ability to list over one million items on our website (our selection changes all of the time), it is not feasible for a company our size to record and playback the descriptions on every item on our website.
								However, if you have a disability we are here to help you. Please call our disability services phone line at (650) 756-3931 during regular business hours and one of our kind and friendly personal shoppers will help you navigate through our website, help conduct advanced searches, help you choose the item you are looking for with the specifications you are seeking, read you the specifications of any item and consult with you about the products themselves. There is no charge for the help of this personal shopper for anyone with a disability. Finally, your personal shopper will explain our Privacy Policy and Terms of Service, and help you place an order if you so desire.'>
								Welcome to our website! As we have the ability to list over one million items on our website (our selection changes all of the time), it is not feasible for a company our size to record and playback the descriptions on every item on our website.
								However, if you have a disability we are here to help you. Please call our disability services phone line at (650) 756-3931 during regular business hours and one of our kind and friendly personal shoppers will help you navigate through our website, help conduct advanced searches, help you choose the item you are looking for with the specifications you are seeking, read you the specifications of any item and consult with you about the products themselves. There is no charge for the help of this personal shopper for anyone with a disability. Finally, your personal shopper will explain our Privacy Policy and Terms of Service, and help you place an order if you so desire.
							</p>
						</div>  <!-- /col -->
					</div>  <!-- /row -->

				<div id="footer-copyright" class="row">
						<div class="col-xs-12">	
							<p>
										&copy; 2023 <a href="http://www.allyourretail.com/" rel="noopener" target="_blank" class="corporate-id">All Your Retail </a> All Rights Reserved&nbsp;|&nbsp;Powered by AllYourRetail.com
									</p>
						</div> <!-- /col -->
					</div>  <!-- /row -->	
			</div>
	</div>


</footer>


	<script type="text/javascript" src="/common_js/marketing_video_analytics.js?ccid=x54ac1c5b"></script>


	<!-- ------ ---- -- -- -- ------- -->
	<!-- ------ ---- -- -- -- ------- -->

	<!-- needed, dont removed!!! -->
	

    <script>
            document.addEventListener('DOMContentLoaded', function() {
                const ema_prices_on_page = document.querySelectorAll('span.ema_price[data-ema-res]');
                if (ema_prices_on_page.length) {
                    ema_prices_on_page.forEach(item => {
                        let price_obj = JSON.parse(item.dataset.emaRes);
                        let regExp = /[a-zA-Z]/g;
                        if (!regExp.test(price_obj.regular)) {
                            item.innerText = price_obj.regular;
                        } else item.closest('.model-price-regular').classList.add('hidden');
                    });
                }

                const ema_savings_on_page = document.querySelectorAll('span.ema_savings[data-ema-res]');
                if (ema_savings_on_page.length) {
                    ema_savings_on_page.forEach(item => {
                        let price_obj = JSON.parse(item.dataset.emaRes);

                        let has_discount = price_obj.hasOwnProperty('discount');
                        if (has_discount) {
                            item.innerText = price_obj.discount;
                            item.classList.remove('hidden');
                            item.parentElement.querySelector('span.hidden').classList.remove('hidden');
                        }
                    });
                }
            });
        </script>

    <script src="/js/alpine.min.js?ccid=x54ac1c5b" defer></script>

    
    <script>
        const store_phones = ['(650) 756-3931'.replace(/\D+/gm, '')];
		
        store_phones.push('(650) 756-3931'.replace(/\D+/gm, ''));store_phones.push('(650) 654-3100'.replace(/\D+/gm, ''));
    </script>

    <script>
            function downloadJSAtOnload(){const scriptElement=document.createElement('script');scriptElement.src='/js/min/async.js';document.body.appendChild(scriptElement);}window.addEventListener('load',downloadJSAtOnload);
        </script>

    <script>
            let nav_left_original_width=0;function toggleSubNav(){let subnav_container=$('#header-secondary-nav-container').outerWidth();let nav_right=$('#secondary-nav-content .navbar-right').outerWidth();let break_nav=(nav_left_original_width+nav_right+2>=subnav_container);if(break_nav){$('#header-secondary-nav-container').addClass('collapsed-subnav')}else{$('#header-secondary-nav-container').removeClass('collapsed-subnav')}}

            document.addEventListener('DOMContentLoaded', function() {
                nav_left_original_width = document.querySelector('#secondary-nav-content .navbar-left')?.offsetWidth || 0;toggleSubNav();

                $('#nav-primary > ul > li').on('click', function(e){let menu=$(this);let off=menu.position();let l=off.left;let w=$(this).find('.megamenu-content').outerWidth();let container=$("#nav-primary").width();let isEntirelyVisible=(l+w<container);if(!isEntirelyVisible){$(this).addClass('edge')}});if(!!$().dropdownHover){$('#nav-primary > ul > li').on('mouseenter',function(e){if(!($(this).position().left+$(this).find('.megamenu-content').outerWidth()<$("#nav-primary").width()))$(this).addClass('edge')})}

                const subNavslideOut = document.querySelector('[data-toggle=collapse-side]');
                    if (subNavslideOut) {
                        const sel = subNavslideOut.dataset.target;
                        subNavslideOut.addEventListener('click', () => {
                            document.querySelector(sel)?.classList.toggle('in');
                        });
                    }

                const carousel = document.querySelector('.carousel');
                const firstItem = carousel?.querySelector('.item:first-of-type');
                if (firstItem) firstItem.classList.add('active');

                if($(".model-out-of-cart-message").length){$(".model-out-of-cart-message").popover({
                        title:"<strong class='font-14'>Why do I have to wait for the price?</strong>",content:"<p class='font-12'>Some manufacturers restrict how we may display our online prices. Don\'t worry; you can remove the item from your cart if you decide not to buy it.</p>",html:!0
                    })}

                if (document.querySelector('.nav-tabs')) {
                    const firstNavTab = document.querySelector(".nav-tabs li:first-of-type");
                    if (firstNavTab) firstNavTab.classList.add("active");

                    if (document.querySelectorAll(".tab-content").length) {
                        document.querySelectorAll(".tab-content").forEach(tabGroup => {
                            const tabPaneEl = tabGroup.querySelector(".tab-pane");
                            if (tabPaneEl) tabPaneEl.classList.add("active");
                        });
                    };

                    $(".dotdotdot").dotdotdot({watch:"true",height:"50px"});

                    $('a[data-toggle="tab"]').on('shown.bs.tab',function(e) {
                        $(".dotdotdot").dotdotdot({watch:"true",height:"50px"})
                    });
                }

                const pageGoToTop = document.createElement('div');pageGoToTop.id = "page-go-to-top";pageGoToTop.className = "btn btn-lg animated fadeOutDown";pageGoToTop.setAttribute("role", "button");pageGoToTop.setAttribute("aria-label", "Scroll to top");pageGoToTop.setAttribute("tabindex", "0");pageGoToTop.innerHTML = '<i class="fa fa-angle-up"></i>';
                    window.addEventListener('scroll', function() {if (window.pageYOffset > 300) {pageGoToTop.style.display = 'block';pageGoToTop.classList.add('fadeInUp');pageGoToTop.classList.remove('fadeOutDown');}else { pageGoToTop.classList.remove('fadeInUp');pageGoToTop.classList.add('fadeOutDown');pageGoToTop.style.display = 'none';}},{passive:true});
                    pageGoToTop.addEventListener('click', function() {document.documentElement.scrollTo({ top: 0, behavior: 'smooth' });});
                    pageGoToTop.addEventListener('keyup', function(event) {if (event.key === "Enter") {document.documentElement.scrollTo({ top: 0, behavior: 'smooth' });}});
                    document.body.appendChild(pageGoToTop);

                
            });

            window.addEventListener('resize', () => {
					toggleSubNav();
				})

			document.addEventListener('DOMContentLoaded', () => {
				toggleSubNav();
			})
        </script>

    
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // append recaptcha script only if needed, on form focus
            const recaptchaExists = !!document.querySelector(".g-recaptcha");
            if (!recaptchaExists) return;
            const recaptchas = document.querySelectorAll(".g-recaptcha");
            for (var i = 0; i < recaptchas.length; i++) {
                recaptchas[i].closest("form").addEventListener("focusin", appendRecaptchaScript);
            };

            function appendRecaptchaScript() {
                const script = document.createElement("script");
                script.src = "https://www.google.com/recaptcha/api.js";
                script.type = "text/javascript";
                document.querySelector("head").appendChild(script);
                for (var i = 0; i < recaptchas.length; i++) {
                    recaptchas[i].closest("form").removeEventListener("focusin", appendRecaptchaScript);
                };
            };
        });
    </script>

    <script>
        var dialog = null;

function launchDialog(id, classes, require_input, after_dialog_action)
{
	var modal_config = {};
	modal_config.show = 'true';
	if ( require_input == true )
	{
		modal_config.backdrop = 'static';
		modal_config.keyboard ='false'
	}
	
	$('#'+id).modal(modal_config);
	
	var invisible_node = document.getElementById(id);

	if ( invisible_node == null ) return;

	var close_elements = invisible_node.getElementsByClassName("close_action");

	if (after_dialog_action != null && after_dialog_action != undefined)
	{
		$('#'+id).on('hidden.bs.modal', after_dialog_action);
	}

	if (require_input)
	{
		for ( var i = 0; i < close_elements.length; i++ )
		{
			// Prevent Bootstrap modal close
			close_elements[i].setAttribute("data-dismiss", "null");
			
			close_elements[i].onclick = function()
			{
				document.getElementById("prevent_close_deanonymize").className = document.getElementById("prevent_close_deanonymize").className.replace("hidden", "");
				document.getElementById("prevent_close_deanonymize_content").innerHTML = 'Information is required to view this content. <a href="javascript:goBackOrSendToIndexPage();">Take me back.</a>';
				document.getElementById("prevent_close_authenticate").className = document.getElementById("prevent_close_authenticate").className.replace("hidden", "");
				document.getElementById("prevent_close_authenticate_content").innerHTML = 'An account is required to view this content. <a href="javascript:window.history.back();">Take me back.</a>';
				document.getElementById("prevent_close_sign_in").className = document.getElementById("prevent_close_sign_in").className.replace("hidden", "");
				document.getElementById("prevent_close_sign_in_content").innerHTML = 'Sign in or create an account to view this content and much more! <a href="javascript:goBackOrSendToIndexPage();">Take me back.</a>';
			}
		} 
	}
}


// Email saving/storing for Level 4
function emailStorer()
{
	var ret = new Object();
	
	function normalizeEmail(email)
	{
		if ( email == null ) return null;
		email = email.toLowerCase().trim();
		
		if ( email.length == 0 ) return null;
		if ( email.indexOf("@") < 0 ) return null;
		if ( email.indexOf(".") < 0 ) return null;
		
		return email;
	}

	function upsertEmailIntoLocalStorage(email_element_id)
	{
		var email = document.getElementById(email_element_id).value;
		
		//Check if local storage is supported
		if (typeof Storage === "undefined") 
		{
			console.log("Local storage unsupported");
			return;
		}

		email = normalizeEmail(email);

		if (!email) return;

		localStorage.setItem('rws_pp_email', JSON.stringify(email));
		
		setEmailCookieFromLocalStorage();
	}

	function getSimpleEmailFromLocalStorage()
	{
		var email_string = localStorage.getItem('rws_pp_email');
		
		if (!email_string) return "";
		
		return email_string;
	}

	function setEmailCookieFromLocalStorage()
	{
		document.cookie = "RWS_CONSUMER_EMAIL=" + JSON.stringify(getSimpleEmailFromLocalStorage());
	}

	function getAllItemsForLocalStorage()
	{
		return document.querySelectorAll("[local-email-storage]");
	}

	function closeOnBlur(email_id)
	{
		 return function() { doOnBlur(email_id) };
	}

	function doOnBlur(email)
	{
		try 
		{
			upsertEmailIntoLocalStorage(email);
		}
		catch (e) 
		{
			alert('Your web browser does not support storing settings locally. In Safari, the most common cause of this is using "Private Browsing Mode". Some  features may not work properly for you.');
		}
		
	}

	ret.setupEmailInputs = function()
	{
		var local_storage_elements = getAllItemsForLocalStorage();

		for (var i = 0; i < local_storage_elements.length; i++)
		{
			var email_id = local_storage_elements[i].id;
			local_storage_elements[i].onblur = closeOnBlur(email_id)
		}
	}
	
	return ret;
}

emailStorer().setupEmailInputs();


        function onMyAccountClick()
{
	var elem = document.getElementById("nav_sign_in");
	if ( elem == null ) elem = document.getElementById("nav_signed_in")
	var display = elem.parentNode.style.display;
	if ( display == "block" )
	{
		elem.parentNode.style.display = "none";
	}
	else
	{
		elem.parentNode.style.display = "block";
	}
}

// add a unique variable to each button to distinguish which login instance is used
$(function(){
	$('.sign-in-button').each(function(i){
		$(this).attr('href', 'javascript:onHeaderSignIn2(' + i + ')')
	})
})

function onHeaderSignIn2(instance)
{
	var email = document.getElementsByClassName("header-sign-in-email")[instance].value;
	var p = document.getElementsByClassName("header-sign-in-password")[instance].value;

	var form = createElement("form");
	form.appendChild(createElement('input', {'name':'email', 'value':email}));
	form.appendChild(createElement('input', {'name':'password', 'value':p}));

	var data = new FormData(form);
	rwsAJAXPostFormAJAXWithWaitFade('/profile/log-in-account', data, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			location.reload();
		}
		else
		{
			document.getElementsByClassName('menu-sign-in-error')[instance].className = document.getElementsByClassName('menu-sign-in-error')[instance].className.replace("hidden", "");

			document.getElementById("nav_sign_in").parentNode.style.display = "block";
		}
	}
}

function onHeaderSignIn()
{
	var form = createElement("form");
	form.appendChild(createElement('input', {'name':'email', 'value':document.getElementById("HEADER_SIGN_IN_EMAIL").value}));
	form.appendChild(createElement('input', {'name':'password', 'value':document.getElementById("HEADER_SIGN_IN_PASSWORD").value}));

	var data = new FormData(form);
	rwsAJAXPostFormAJAXWithWaitFade('/profile/log-in-account', data, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			location.reload();
		}
		else
		{
			document.getElementById("menu_sign_in_error").className = document.getElementById("menu_sign_in_error").className.replace("hidden", "");

			document.getElementById("nav_sign_in").parentNode.style.display = "block";
		}
	}
}

function onSignOut()
{
	rwsAJAXPostFormAJAXWithWaitFade('/profile/log-out-account', null, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			document.location = '/index.html'

			// alert("You are now signed out");
			// location.reload();
		}
		else
		{
			alert("Error Signing Out");
		}
	}
}

    </script>
    
    
<div id="sign_in_modal" class="modal fade profile-modal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">

			<div class="modal-header">
				<button type="button" class="close close_action" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			</div>

			 <div class="modal-body">
				<div id="sign_in_content">

					<div class="modal-title align-center">
							<p class="font-32 font-bold lead text-primary">Sign In</p>
							<p class="lead font-muted">
								<strong>
									Account Holders Always Get More!
								</strong>
								<br>
								<span>
									Some areas of our site are limited account holders only.
								</span>
							</p>
						</div>

					<form id="profile_sign_in_modal" class="profile pad">
						
						<div id="warning_container" class="alert alert-danger hidden">
							<p class="align-center"><strong>Your email address and password do not match.</strong> Please try again or <a href="/customer/FORGOT_PASSWORD.html">reset your password.</a></p>
						</div>

						<div id="prevent_close_sign_in" class="alert alert-danger hidden">
							<p id="prevent_close_sign_in_content">Sign in or create an account to view this content and much more! <a href="javascript:goBackOrSendToIndexPage();">Take me back.</a></p>
						</div>

						<div class="form-group">
							<label class="form-label control-label" for="SIGN_IN_MODAL_EMAIL">Email Address<span class="red"></span></label>
							<input class="form-control input-lg required" type="email" name="SIGN_IN_MODAL_EMAIL" id="SIGN_IN_MODAL_EMAIL" value="" required local-email-storage />
						</div>

						<div class="form-group">
							<label class="form-label control-label" for="SIGN_IN_MODAL_PASSWORD">Password</label>
							<input class="form-control input-lg required" type="password" name="SIGN_IN_MODAL_PASSWORD" id="SIGN_IN_MODAL_PASSWORD" required />
						</div>

						<div class="form-group">
							<p class="align-right">
								<a href="/customer/forgot_password.html" title="Forgot your password?">Forgot your password?</a>
							</p>
						</div>

						<div class="clearfix">&nbsp;</div>

						<div class="form-group">
							<a class="btn btn-primary btn-block btn-lg" href="javascript:onSignInDialogSubmit();" data-gtm-event="login">Sign In</a>
						</div>
						
						<div class="divide-msg-container">
							<strong class="divide-msg">New Customer?</strong>
						</div>
						
						<div class="form-group align-center">
							<a class="btn btn-default btn-outline" role="button" href="/customer/create_account.html">Create a New Account</a>
						</div>
					</form>
				</div> <!-- /sign_in_content -->

				<div id="sign_in_content_confirmation" class="hidden">
					<div class="modal-title align-center">
						<p class="lead">
							<strong class="font-32 block text-primary">Welcome, <span id="sign_in_consumer_name"></span></strong>
						</p>
					</div>

					<div class="align-center">
						<p class="lead">
							<span class="block">You are now signed in.</span>
							<span class="font-muted">Now you can access all the account-holder only content.</span>
						</p>
						<div class="clearfix">&nbsp;</div>
						<p>
							<button class="btn btn-primary" type="button" data-dismiss="modal" aria-label="Continue Shopping">Continue Shopping</button>
						</p>

						<div class="clearfix">&nbsp;</div>

						<div class="col-md-8 col-md-offset-2">
							<hr class="with-or">
						</div>

						<div class="clearfix">&nbsp;</div>
						<p>
							<a href="/customer/account_details.html"><strong>Manage Account</strong></a>
						</p>
					</div>
				</div>
			</div> <!-- /modal-body -->
		</div>
	</div>
</div>

<script>
	function onSignInDialogSubmit()
{
	var required_elements = document.getElementById('sign_in_modal').getElementsByClassName("required");

	for ( var i = 0; i < required_elements.length; i++ )
	{
		if (!required_elements[i].value || required_elements[i].value == null || required_elements[i].value.length == 0)
		{
			$(required_elements).parent(".form-group").addClass("has-error");
			document.getElementById("prevent_close_sign_in").className = document.getElementById("prevent_close_sign_in").className.replace("hidden", "");
			document.getElementById("prevent_close_sign_in_content").innerHTML = "Please fill out all required fields.";
			return;
		}
	}

	var form = createElement("form");
	form.appendChild(createElement('input', {'name':'email', 'value':document.getElementById("SIGN_IN_MODAL_EMAIL").value}));
	form.appendChild(createElement('input', {'name':'password', 'value':document.getElementById("SIGN_IN_MODAL_PASSWORD").value}));

	var data = new FormData(form);
	rwsAJAXPostFormAJAXWithWaitFade('/profile/log-in-account', data, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			document.getElementById("sign_in_content_confirmation").className = document.getElementById("sign_in_content_confirmation").className.replace("hidden", "");
			document.getElementById("sign_in_content").className += " hidden";

			document.getElementById("sign_in_consumer_name").innerHTML = response.name;

			if (dialog) dialog.close();

			// check if user signed in from wishlist CTA
			if (sessionStorage.getItem('wishlist_item_add')) {
				// let the browser know that we need to add an item to wishlist upon reload (once we have access to consumer_profile_id)
				sessionStorage.setItem('wishlist_add_success', 'true');

				$('#sign_in_modal').on('hidden.bs.modal', function() {
					window.location.reload();
				});
			};
		}
		else
		{
			document.getElementById("warning_container").className = document.getElementById("warning_container").className.replace("hidden", "")
		}
	}
}

function goBackOrSendToIndexPage()
{
    var last_url = document.referrer;

	// if the last url navigates them away from the site, send them to the index page
	if ( last_url && last_url.indexOf('www.cgappliances.com') == -1 )
	{
		document.location = 'www.cgappliances.com';
	}

	window.history.back();
}
</script>

	        
<div id="authentication_modal" class="modal fade profile-modal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">

			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			</div>

			 <div class="modal-body">
				<div id="authentication_content">

					<div class="modal-title align-center">
							<p class="font-32 font-bold lead text-primary">Create an Account</p>
							<p class="lead font-muted"><strong>Members Always Get More!</strong><br> Create an account today to get access to our member only deals!</p>
						</div>

					<form id="profile_authentication" class="profile pad_content">

						<div id="authentication_error" class="alert alert-danger hidden">
							<p>
								<strong id="auth_error_title">We Recognize Your Email</strong><br>
								<span id="auth_error_desc">It looks like there is already an account associated with your email address. Please try a different email address or reset your password.</span>
							</p>
						</div>

						<div id="prevent_close_authenticate" class="alert alert-danger hidden">
							<p id="prevent_close_authenticate_content" class="no_margin font_bold">An account is required to view this content. <a href="javascript:window.history.back();">Take me back.</a></p>
						</div>

						<div class="form-group">
									<label class="form-label control-label" for="AUTHENTICATION_MODAL_NAME">Name<span class="red">*</span></label>
									<input class="form-control required" type="text" name="AUTHENTICATION_MODAL_NAME" id="AUTHENTICATION_MODAL_NAME" required value="" />
								</div>

						<div class="form-group">
									<label class="form-label control-label" for="AUTHENTICATION_MODAL_EMAIL">Email / Username<span class="red">*</span></label>
									<input class="form-control required" type="email" name="AUTHENTICATION_MODAL_EMAIL" id="AUTHENTICATION_MODAL_EMAIL" value="" required local-email-storage onfocus="setupEmailInputs()" />
									<p class="help-block">Use this email address as your username the next time you log in.<p>
								</div>

						<div class="form-group">
							<label class="form-label control-label" for="AUTHENTICATION_MODAL_PASSWORD">Password<span class="red">*</span></label>
							<input class="form-control required" type="password" name="AUTHENTICATION_MODAL_PASSWORD" id="AUTHENTICATION_MODAL_PASSWORD" onkeyup="authenticationPasswordTest()" required />
							<p class="help-block">Password must be at least 8 characters</p>
						</div>

						<div class="form-group">
							<label class="form-label control-label" for="AUTHENTICATION_MODAL_PASSWORD_CONFIRM">Confirm Password<span class="red">*</span></label>
							<input class="form-control required" type="password" name="AUTHENTICATION_MODAL_PASSWORD_CONFIRM" id="AUTHENTICATION_MODAL_PASSWORD_CONFIRM" onkeyup="authenticationPasswordTest()" required />

							<p class="help-block"><span id="authentication_password_match_warning" class="text-danger">&nbsp;</span></p>
						</div>

						
						<div class="form-group checkbox checkbox-primary border-top border-bottom p-t-10 p-b-10 ">
							<input type="checkbox" class="required" name="AUTHENTICATION_MODAL_OPT_IN" id="AUTHENTICATION_MODAL_OPT_IN" required />
							<label for="AUTHENTICATION_MODAL_OPT_IN">I hereby understand and agree to the <a href="/terms_of_service.html" target="_blank" title="Terms of Service">Terms of Service</a> and <a href="/policies.html" target="_blank" title="Privacy Policy">Privacy Policy</a>.</label>
						</div>

						<div class="clearfix">&nbsp;</div>

						<div class="form-group">
							<a class="btn btn-primary btn-block btn-lg" href="javascript:onAuthenticationDialogSubmit();">Create My Account</a>
						</div>

						<div class="divide-msg-container">
							<strong class="divide-msg">Already have an account?</strong>
						</div>
						
						<div class="form-group align-center">
							<a class="btn btn-default btn-outline" href="/customer/sign_in.html">Sign In</a>		
						</div>
					</form>
				</div> <!-- /authentication_content -->

				<div id="authentication_confirmation" class="hidden">
					<div class="modal-title align-center">
						<p class="lead">
							<strong class="font-32 block text-primary">Welcome, <span id="auth_consumer_name"></span></strong>
						</p>
					</div>

					<div class="align-center">
						<p class="lead">
							<span class="font-muted">Your account has been created.</span>
						</p>
						<div class="clearfix">&nbsp;</div>
						<p>
							<button class="btn btn-primary" type="button" data-dismiss="modal" aria-label="Continue Shopping">Continue Shopping</button>
						</p>

						<div class="clearfix">&nbsp;</div>

						<div class="col-md-8 col-md-offset-2">
							<hr class="with-or">
						</div>

						<div class="clearfix">&nbsp;</div>
						<p>
							<a href="/customer/account_details.html"><strong>Manage Account</strong></a>
						</p>
					</div>
				</div>
			</div> <!-- /modal-body -->
		</div>
	</div>
</div>

<script type="text/javascript">
function onAuthenticationDialogSubmit()
{
	var required_elements = document.getElementById('authentication_modal').getElementsByClassName("required");

	for ( var i = 0; i < required_elements.length; i++ )
	{
		if (!required_elements[i].value || required_elements[i].value == null || required_elements[i].value.length == 0)
		{
			$(required_elements).parent(".form-group").addClass("has-error");
			document.getElementById("prevent_close_authenticate").className = document.getElementById("prevent_close_authenticate").className.replace("hidden", "");
			document.getElementById("prevent_close_authenticate_content").innerHTML = "Please fill out all required fields."
			return;
		}
	}
	
	if ( authenticationPasswordTest() == false )
	{
		if ( document.getElementById("AUTHENTICATION_MODAL_PASSWORD").value.length < 8 ) 
		{
			alert("Password must be at least 8 characters.")
		}
		else
		{
			alert("Passwords do not match.");
		}
		return;
	}
	var form = document.getElementById("profile_authentication");
	if ( form == null ) return;

	form.appendChild(createElement('input', {'class':'hidden', 'name':'wfid', 'value':'32321'}));

	var data = new FormData(form);

	// VALIDATE ON CHECKBOX
	if ( !document.getElementById("AUTHENTICATION_MODAL_OPT_IN").checked )
	{
		document.getElementById("prevent_close_authenticate").className = document.getElementById("prevent_close_authenticate").className.replace("hidden", "");
		document.getElementById("prevent_close_authenticate_content").innerHTML = "Please acknowledge that you agree to the Terms of Service."
		return;
	}

	rwsAJAXPostFormAJAXWithWaitFade('/profile/authenticate-account', data, onResponse);

	function onResponse(response)
	{
		if (response.success)
		{
			// alert(response.message);
			document.getElementById("authentication_confirmation").className = document.getElementById("authentication_confirmation").className.replace("hidden", "");
			document.getElementById("authentication_content").className += " hidden";
			
			document.getElementById("auth_consumer_name").innerHTML = response.name;

			if (dialog) dialog.close();
		}
		else
		{
			//alert("Error: " + response.error_msg);

			document.getElementById("authentication_error").className = document.getElementById("authentication_error").className.replace("hidden", "");

			var title = "";
			var desc = "";
			
			if ( response.error_msg == "0" )
			{
				title = "reCAPTCHA Incorrect";
				desc = "Please enter the correct value into the reCAPTCHA.";
			}
			else if ( response.error_msg == "1" )
			{
				title = "We Recognize Your Email";
				desc = "It looks like there is already an account associated with your email address. Please try a different email address or <a href='/customer/forgot_password.html'>reset your password</a>. ";
				removeRecaptcha();
			}
			else if ( response.error_msg == "2" )
			{
				title = "Invalid Email/Password Combination";
				desc = "Your password and email address do not match. Please sign in or <a href='/customer/forgot_password.html'>reset your password</a>.";
				removeRecaptcha();
			}
			else
			{
				title = "";
				desc = response.error_msg;
				removeRecaptcha();
			}
			
			document.getElementById("auth_error_title").innerHTML = title;
			document.getElementById("auth_error_desc").innerHTML = desc;
			
			scroll(0,0);
		}
	}
}

function goBackOrSendToIndexPage()
{
    var last_url = document.referrer;

	// if the last url navigates them away from the site, send them to the index page
	if ( last_url && last_url.indexOf('www.cgappliances.com') == -1 )
	{
		document.location = 'www.cgappliances.com';
	}

	window.history.back();
}

function authenticationPasswordTest()
{
	// Check if password fields are identical
	var pass1 = document.getElementById("AUTHENTICATION_MODAL_PASSWORD");
	var pass2 = document.getElementById("AUTHENTICATION_MODAL_PASSWORD_CONFIRM");

	var warning = document.getElementById("authentication_password_match_warning");

	if ( pass1.value.length < 8 || pass2.value.length <= 0 )
	{
		if ( warning.className.indexOf('hidden') > 0 )
		{
			warning.className = warning.className.replace("hidden","");
		}
		warning.innerHTML = "&nbsp;";

		return false;
	}

	if ( pass1.value != pass2.value )
	{
		if ( warning.className.indexOf('hidden') > 0 )
		{
			warning.className = warning.className.replace("hidden","");
		}
		warning.innerHTML = "Passwords do not match";

		return false;
	}
	
	
	warning.innerHTML = "&nbsp;";

	return true;
}
</script></script>
	        

<div id="deanonymize_modal" class="modal profile-modal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">

			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			</div>

			 <div class="modal-body">
				<div id="deanonymization_content">

					<div class="modal-title align-center">
							<p class="font-32 font-bold lead text-primary">Tell Us About Yourself</p>
							<p class="lead font-muted">We're proud to be a small, local business and we want to get to know our customers.</p>
						</div>

					<form id="profile_deanonymize" class="profile">

						<div id="deanonymize_error" class="alert alert-danger hidden">
							<p>
								<strong id="authentication_error_title">We Recognize Your Email</strong><br>
								<span id="authentication_error_desc">It looks like there is already an account associated with your email address. Please try a different email address or reset your password.</span>
							</p>
						</div>

						<div id="prevent_close_deanonymize" class="alert alert-danger hidden">
							<p id="prevent_close_deanonymize_content">Information is required to view this content. <a href="javascript:goBackOrSendToIndexPage();">Take me back.</a></p>
						</div>

						<div class="form-group">
										<label class="form-label control-label" for="DEANONYMIZE_MODAL_NAME">Name<span class="red">*</span></label>
										<input class="form-control required" type="text" name="DEANONYMIZE_MODAL_NAME" id="DEANONYMIZE_MODAL_NAME" required value="" />
									</div>

						<div class="form-group">
										<label class="form-label control-label" for="DEANONYMIZE_MODAL_EMAIL">Email<span class="red">*</span></label>
										<input class="form-control required" type="email" name="DEANONYMIZE_MODAL_EMAIL" id="DEANONYMIZE_MODAL_EMAIL" value="" required local-email-storage onfocus="setupEmailInputs()" />
									</div>

						
						<div class="form-group checkbox checkbox-primary border-top border-bottom p-t-10 p-b-10 ">
							<input type="checkbox" class="required" name="DEANONYMIZE_MODAL_OPT_IN" id="DEANONYMIZE_MODAL_OPT_IN" required />
							<label for="DEANONYMIZE_MODAL_OPT_IN">I hereby understand and agree to the <a href="/terms_of_service.html" target="_blank" title="Terms of Service">Terms of Service</a> and <a href="/policies.html" target="_blank" title="Privacy Policy">Privacy Policy</a>.</label>
						</div>

						<div class="clearfix">&nbsp;</div>

						<div class="form-group">
							<a class="btn btn-primary btn-block btn-lg" href="javascript:onDeanonymizeDialogSubmit();">Submit</a>
						</div>
						<div class="divide-msg-container">
								<strong class="divide-msg">Already have an account?</strong>
							</div>
							
							<div class="form-group align-center">
								<a class="btn btn-default btn-outline" href="/customer/sign_in.html">Sign In</a>		
							</div>
					</form>
				</div> <!-- /deanonymization_content -->

				<div id="deanonymization_confirmation" class="hidden">
					<div class="modal-title align-center">
							<p class="lead">
								<strong class="font-32 block text-primary">Thank You <span id="consumer_name"></span></strong>
							</p>
						</div>

						<div class="align-center">
							<p class="lead font-muted">
								<strong class="block">We appreciate it!</strong> Please don't hesitate to contact us if you have any questions.
							</p>
							<div class="clearfix">&nbsp;</div>
							<p>
								<button class="btn btn-primary" type="button" data-dismiss="modal" aria-label="Continue Shopping">Continue Shopping</button>
							</p>

						</div>
						
				</div>

			</div> <!-- /modal-body -->
		</div>
	</div>
</div>

<script type="text/javascript">
	function onDeanonymizeDialogSubmit()
	{
		var required_elements = document.getElementById('deanonymize_modal').getElementsByClassName("required");

		for ( var i = 0; i < required_elements.length; i++ )
		{
			if (!required_elements[i].value || required_elements[i].value == null || required_elements[i].value.length == 0)
			{
				$(required_elements).parent(".form-group").addClass("has-error");
				document.getElementById("prevent_close_deanonymize").className = document.getElementById("prevent_close_deanonymize").className.replace("hidden", "");
				document.getElementById("prevent_close_deanonymize_content").innerHTML = "Please fill out all required fields."
				return;
			}
		}

		var form = document.getElementById("profile_deanonymize");
		if ( form == null ) return;

		form.appendChild(createElement('input', {'class':'hidden', 'name':'wfid', 'value':'32321'}));

		var data = new FormData(form);

		// VALIDATE ON CHECKBOX
		if ( !document.getElementById("DEANONYMIZE_MODAL_OPT_IN").checked )
		{
			document.getElementById("prevent_close_deanonymize").className = document.getElementById("prevent_close_deanonymize").className.replace("hidden", "");
			document.getElementById("prevent_close_deanonymize_content").innerHTML = "Please acknowledge that you agree to the Terms of Service."
			return;
		}

		rwsAJAXPostFormAJAXWithWaitFade('/profile/deanonymize-account', data, onResponse);

		function onResponse(response)
		{
			if (response.success)
			{
				// alert(response.message);
				document.getElementById("deanonymization_confirmation").className = document.getElementById("deanonymization_confirmation").className.replace("hidden", "");
				document.getElementById("deanonymization_content").className += " hidden";
				
				document.getElementById("consumer_name").innerHTML = response.name;

				if (dialog) dialog.close();
			}
			else
			{
				alert("Error: " + response.error_msg);
			}
		}
	}

	function goBackOrSendToIndexPage()
	{
		var last_url = document.referrer;

		// if the last url navigates them away from the site, send them to the index page
		if ( last_url && last_url.indexOf('www.cgappliances.com') == -1 )
		{
			document.location = 'www.cgappliances.com';
		}

		window.history.back();
	}
</script></script>
	        <script src="/customer/js/protected_resources_manager.js?ccid=x54ac1c5b" type="text/javascript"></script>

<script type="text/javascript">
	var check_item_permissions = false;
		var is_deanonymized = false;
		var is_authenticated = false; 
		
		ProtectedResourcesManager.checkProtectedResources({"authentication_settings":{"requirements":[{"id":0,"type":"NAME","state":"REQUIRED","pretty_print":"Name","state_pretty_print":"Required"},{"id":4,"type":"EMAIL_ADDRESS","state":"REQUIRED","pretty_print":"Email Address","state_pretty_print":"Required"},{"id":5,"type":"PHONE_NUMBER","state":"NOT_VISIBLE","pretty_print":"Phone Number","state_pretty_print":"Not_visible"},{"id":6,"type":"ZIP_CODE","state":"NOT_VISIBLE","pretty_print":"Zip / Postal Code","state_pretty_print":"Not_visible"},{"id":7,"type":"PHYSICAL_ADDRESS","state":"NOT_VISIBLE","pretty_print":"Address","state_pretty_print":"Not_visible"}]},"de_anonymization_settings":{"requirements":[{"id":0,"type":"NAME","state":"REQUIRED","pretty_print":"Name"},{"id":4,"type":"EMAIL_ADDRESS","state":"REQUIRED","pretty_print":"Email Address"},{"id":5,"type":"PHONE_NUMBER","state":"NOT_VISIBLE","pretty_print":"Phone Number"},{"id":6,"type":"ZIP_CODE","state":"NOT_VISIBLE","pretty_print":"Zip / Postal Code"},{"id":7,"type":"PHYSICAL_ADDRESS","state":"NOT_VISIBLE","pretty_print":"Address"}]},"de_anonymization_settings_mode":"STANDARD","authentication_settings_mode":"STANDARD","sign_in_partner_types":[],"enabled_desktop":true,"enabled_mobile":true,"activity_score_desktop":5,"activity_score_mobile":5,"activity_score_action_desktop":"PROMPT_DE_ANON","activity_score_action_mobile":"PROMPT_DE_ANON","protectable_resource_setting_desktop":"CUSTOM","protectable_resource_setting_mobile":"STANDARD","protectable_resources":[{"id":0,"desktop_state":"PROMPT_DE_ANON","desktop_state_pretty_print":"Request - De-Anonymization","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"DOWNLOAD_REBATES","default_type_pretty_print":"Downloading Rebate Forms"},{"id":1,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"DOWNLOAD_SPECS","default_type_pretty_print":"Downloading Product Documents"},{"id":2,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"PRINT_PRODUCT_PAGES","default_type_pretty_print":"Printing Product Pages"},{"id":3,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"DISABLED","mobile_state_pretty_print":"Not Protected","type":"DEFAULT","default_type":"VIEW_PRODUCT_PAGES","default_type_pretty_print":"Accessing Product Pages"},{"id":4,"desktop_state":"PROMPT_DE_ANON","desktop_state_pretty_print":"Request - De-Anonymization","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"VIEW_FLYERS","default_type_pretty_print":"Accessing Flyers"},{"id":5,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"DISABLED","mobile_state_pretty_print":"Not Protected","type":"DEFAULT","default_type":"VIEW_REBATE_CENTER","default_type_pretty_print":"Accessing the Rebate Center"},{"id":6,"desktop_state":"PROMPT_AUTHENTICATE","desktop_state_pretty_print":"Request - Authentication","mobile_state":"NOT_AVAILABLE","mobile_state_pretty_print":"N/A","type":"DEFAULT","default_type":"SHOPPING_CART","default_type_pretty_print":"Shopping Cart"},{"id":7,"desktop_state":"PROMPT_AUTHENTICATE","desktop_state_pretty_print":"Request - Authentication","mobile_state":"DISABLED","mobile_state_pretty_print":"Not Protected","type":"DEFAULT","default_type":"QUOTE_REQUEST","default_type_pretty_print":"Quote Request"},{"id":8,"desktop_state":"DISABLED","desktop_state_pretty_print":"Not Protected","mobile_state":"DISABLED","mobile_state_pretty_print":"Not Protected","type":"DEFAULT","default_type":"INDEX_PAGE_VISIT","default_type_pretty_print":"Homepage Visit"}]},null,check_item_permissions, is_deanonymized, is_authenticated);
</script></script>

    
<style>
    #toasts .toast { background-color: #000; }
</style>

<div id="toasts"></div>

<script>
        const createToast = (message = '', checkIcon = true, type = 'info', el = null) => {
            message = el?.dataset?.toastMessage || message;
            if (!message) return;

            const notif = document.createElement('div');
            notif.classList.add('toast');
            notif.classList.add(type);
            notif.setAttribute('aria-live', 'polite');
            checkIcon
                ? notif.innerHTML = `<i class="fa fa-check m-r-5" aria-hidden="true"></i> ${message}`
                : notif.textContent = message;
            toasts.appendChild(notif);
            setTimeout(() => notif.remove(), 3000);
            notif.addEventListener('click', function() { this.remove() });
        };

        document.addEventListener('DOMContentLoaded', () => {
            const toast_buttons = document.querySelectorAll('.toast_trigger');
            const toasts = document.getElementById('toasts');
        
            if (toast_buttons.length && toasts) {
                toast_buttons.forEach(btn => {
                    const type = btn.dataset.toastType || 'info';
                    btn.addEventListener('click', function() { createToast(null, type, btn); });
                });
            };
        });
    </script>


    <script>
        const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
        if (isIE11) {
            $('body').append('<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">')
            .append('<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/v4-shims.css">')
            .append('<style>.nav .dropdown:not(.dropdown-no-arrow)>a:after { white-space: nowrap; font-family: "FontAwesome"; content: ""; margin-left: 0; vertical-align: top; display: none;}</style')
                
            
            $('.nav :not(.dropdown-no-arrow).dropdown > a').append('<i class="fas fa-caret-down"></i>')
            $('i.glyphicon.glyphicon-search').addClass('fa').addClass('fa-search').removeClass('glyphicon-search')
            window.setTimeout(function(){
                $('i.glyphicon.glyphicon-menu-right').addClass('fas').addClass('fa-chevron-right').removeClass('glyphicon-menu-right')
                $('i.glyphicon.glyphicon-menu-left').addClass('fas').addClass('fa-chevron-left').removeClass('glyphicon-menu-left')
            }, 1000)
        }
    </script>    

    
    <script>
            window.addEventListener("load", () => {
                // dot fix for keyboard users
                let owl = $('.owl-carousel');
                let dotContainers = document.querySelectorAll('.rpi-nav');
                if (dotContainers.length) dotContainers.forEach(container => {
                    container.querySelectorAll('.rpi-nav-dot').forEach((dot, i) => {
                        dot.setAttribute("role", "button");
                        dot.setAttribute("tabindex", "0");
                        dot.setAttribute("aria-label", `Go to image number ${i + 1}`);
                        dot.addEventListener("keypress", (e) => {
                            if (e.key === 'Enter') owl.trigger('to.owl.carousel', i);
                        })
                    });
                });

                // image fix for keyboard users
				const dots = document.querySelectorAll('.rpi-nav-dot');
				const images = document.querySelectorAll('.owl-item a');
				if (dots.length && images.length) {
					dots.forEach(dot => dot.addEventListener('keypress', (e) => {
						if (e.key === 'Enter') {
							setTimeout(() => {
								images.forEach(img => img.setAttribute('tabindex', '-1'));
								document.querySelector('.owl-item.active a').setAttribute('tabindex', '0');
							}, 0);
						};
					}));
				};

                // catch-all for highly-customized RPIs to retain CLS benefits without compromising layout
                setTimeout(() => {
                    document.querySelector('html.page-loading')?.classList.remove('page-loading');
                }, 1000);
            });
        </script>

    <script>
            if(!!document.querySelector(".g-recaptcha")){var HEADER_HEIGHT=0;var isIOS=/iPhone|iPad|iPod/i.test(navigator.userAgent);var grecaptchaPosition;var isScrolledIntoView=function(elem){var elemRect=elem.getBoundingClientRect();var isVisible=(elemRect.top-HEADER_HEIGHT>=0&&elemRect.bottom<=window.innerHeight);return isVisible};if(isIOS){var recaptchaElements=document.querySelectorAll('.g-recaptcha');window.addEventListener('scroll',function(){Array.prototype.forEach.call(recaptchaElements,function(element){if(isScrolledIntoView(element)){grecaptchaPosition=document.documentElement.scrollTop||document.body.scrollTop}})},!1)}var onReCaptchaSuccess=function(){if(isIOS&&grecaptchaPosition!==undefined){window.scrollTo(0,grecaptchaPosition)}};document.querySelector(".g-recaptcha").setAttribute("data-callback","onReCaptchaSuccess")}
        </script>

    <script>
            (() => {
                if (document.querySelector('link[rel="icon"]')) return;
                
                const canvas = createFaviconCanvas('favicon-canvas');
                document.body.insertAdjacentElement('beforeend', canvas);
                
                const ctx = canvas.getContext('2d');
                const storeInitial = "CG Appliance INC".toUpperCase()[0]; 
                ctx.fillStyle = '#000';
                
                ctx.beginPath();
                ctx.arc(canvas.width / 2, canvas.height / 2, canvas.width / 2, 0, 2 * Math.PI);
                ctx.fill(); 
                
                const text = ctx.measureText(storeInitial);
                ctx.font = "bold 100px Arial";
                ctx.fillStyle = "white";
                ctx.textBaseline = "middle";
                ctx.textAlign = "center";
                
                let fontAscent = text.actualBoundingBoxAscent;
                let adjustedCanvasY = (canvas.height / 2) + fontAscent;
                let canvasX = canvas.width / 2;
                ctx.fillText(storeInitial, canvasX, adjustedCanvasY);

                document.querySelector('head').insertAdjacentElement('beforeend', createFaviconLink(canvas));

                function createFaviconCanvas(id) {
                    const canvas = document.createElement("canvas");
                    canvas.id = id;
                    canvas.hidden = true;
                    canvas.width = "150";
                    canvas.height = "150";
                    return canvas;
                }

                function createFaviconLink(canvas) {
                    const link = document.createElement('link');
                    link.rel = 'icon';
                    link.href = canvas.toDataURL('image/png');
                    return link;
                }
            })();
        </script>

    
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFJ4DFF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TVLXP9D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHWHD5H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>
	<!-- end of needed -->


<style>
	.hero-section .logo { max-width: 350px; margin: 2em auto 1em;}
	.hero-section p { font-size: 18px;}

	.promotion section.section-tabbed-section {
		margin: 5em 0;
	}

	.hero-section a:nth-child(2) { display: none;}

	
	.promotion .electrolux-feature > div:nth-of-type(even) {
	    flex-basis: 900px;
		flex-grow: 1;
		
	}
	
	.promotion .electrolux-feature > div:nth-of-type(even) {
	    flex-basis: 902px;
		flex-grow: 1;
		
	}
	.promotion .electrolux-feature-2 > div:nth-of-type(even) {
	    flex-basis: 954px;
		flex-grow: 1;
		order: 2;
		
	}
	
	
	@media only screen and (min-width: 1448px){	
	
		.promotion .electrolux-feature-2 > div:nth-of-type(even) {
			order: 0;
			
		}
	
	}

</style>
				

<style>
	.promotion .dislcaimer-section p {
			margin-top: 30px;
			
		}
</style>