

<!-- new pages go at the top -->

			
	<!-- new pages go at the top -->
	
	
	<!-- Paste below here - 2024 new pages -->


	<!-- Paste here - 2023 new pages -->

	
		<!-- Sample Block -->


		<!-- End Sample Block -->


	<!-- new pages go at the top -->
	

	<!-- new pages go at the top -->
	

	<!-- Paste below here - 2024 new pages -->

	
		<!-- Sample Block -->


		<!-- End Sample Block -->


	<!-- Paste here - new pages go at the top -->
 
    
<!-- Paste below here - 2024 new pages -->


    <!-- Sample Block -->


    <!-- End Sample Block -->


<!-- Paste below here - 2024 new pages -->


    <!-- Sample Block -->


    <!-- End Sample Block -->


<!-- leave the rest of the page alone -->


<!-- new pages go at the top -->

			
	<!-- new pages go at the top -->
	
	
	<!-- Paste below here - 2024 new pages -->


	<!-- Paste here - 2023 new pages -->

	
		<!-- Sample Block -->


		<!-- End Sample Block -->


	<!-- new pages go at the top -->
	

	<!-- new pages go at the top -->
	

	<!-- Paste below here - 2024 new pages -->

	
		<!-- Sample Block -->


		<!-- End Sample Block -->


	<!-- Paste here - new pages go at the top -->
 
    
<!-- Paste below here - 2024 new pages -->


    <!-- Sample Block -->


    <!-- End Sample Block -->


<!-- Paste below here - 2024 new pages -->


    <!-- Sample Block -->


    <!-- End Sample Block -->


<!-- leave the rest of the page alone -->


<!-- feature loop -->
	
	
<!-- end feature loop -->


<!-- features to 3 -->
	
	
<!-- end features to 3 -->


<!-- shop all -->
	
	
<!-- end shop all -->


<!-- regular page edits below -->


<!-- new pages go at the top -->

			
	<!-- new pages go at the top -->
	
	
	<!-- Paste below here - 2024 new pages -->


	<!-- Paste here - 2023 new pages -->

	
		<!-- Sample Block -->


		<!-- End Sample Block -->


	<!-- new pages go at the top -->
	

	<!-- new pages go at the top -->
	

	<!-- Paste below here - 2024 new pages -->

	
		<!-- Sample Block -->


		<!-- End Sample Block -->


	<!-- Paste here - new pages go at the top -->
 
    
<!-- Paste below here - 2024 new pages -->


    <!-- Sample Block -->


    <!-- End Sample Block -->


<!-- Paste below here - 2024 new pages -->


    <!-- Sample Block -->


    <!-- End Sample Block -->


<!-- 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">

	
<!-- 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-43778822-4"></script>

            <script>
                window.dataLayer = window.dataLayer || [];
                function gtag(){
                    dataLayer.push(arguments);
                }

                gtag('js', new Date());
                gtag('config', 'UA-43778822-4');

                gtag('config','AW-622617168');
                    // Global site tag (gtag.js) - Google Adwords
  
        // AdRocket Global Site Tag Codes
        // ADD_TO_CART - 622617168/
        // BEGIN_QUOTE_REQUEST - 622617168/
        // CHECKOUT - 622617168/
        // LANDING_PAGE_VIEW - 622617168/
        // NAVIGATION_FROM_SITE - 622617168/
        // PHONE_CALLS_FROM_MOBILE_SITE - 622617168/
        // PRODUCT_PAGE_VIEW - 622617168/
        // PURCHASE - 622617168/
        // QUOTE_REQUEST - 622617168/
        // REBATE_FORM_VIEW - 622617168/
        //
        // Sales Phone - (617) 522-4020
        
        var conversionPhoneNumber = '(617) 522-4020';

            if (conversionPhoneNumber.includes('(')) {
                conversionPhoneNumber = conversionPhoneNumber.replace('(','');
                conversionPhoneNumber = conversionPhoneNumber.replace(') ','-');
            }
        
            gtag('config', 'AW-622617168/',
                {'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-622617168/' + id,
                'event_callback': callback
            });
        }
        
        function gtag_report_checkout_conversion(id, price) {

            price = normalizePrice(price);

            gtag('event', 'conversion', {
                'send_to': 'AW-622617168/' + id,
                'value': price,
                'currency': 'USD'
            });

            return false;
        }
                
                
                gtag('config', 'G-CXCEL664YJ');
            </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=x1b7f2b6e"></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  = '31306';
			
			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);
				});
			} 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;

        
        //get_ga4_key is the AdRocket Ignite GA4 id in provision.
        //google_analytics_4_key_2 is the WebFronts GA4 id in provision. 
        let ga4_id = Boolean('') ?'' : 'G-CXCEL664YJ';
        
        let payload = {
            'send_to': ga4_id,
            '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){
                
                
                //get_ga4_key is the AdRocket Ignite GA4 id in provision.
                //google_analytics_4_key_2 is the WebFronts GA4 id in provision. 

                let ga4_id = Boolean('') ?'' : 'G-CXCEL664YJ';

				GTAG_CALLBACK_FAILED = false;
                if (id === ga4_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="42.4072107; -71.3824374">
<meta name="ICBM" content="42.4072107; -71.3824374">
<meta name="geo.placename" content="Boston, MA">
<meta name="geo.region" content="us-ma">
<title>AAA Appliances - Appliances and Electronics, in Boston, Jamaica Plains and Brookline MA</title>
<meta name="description" content="AAA Appliances is a family owned Appliances and Electronics, store located in Boston, MA. We offer the best in home Appliances and Electronics, at discount prices.">
<meta name="keywords" content="AAA Appliances  Boston, local home appliance store, home appliances, kitchen appliances, home appliance store, major home appliances, home electronics, home theatre, high definition televisions, parts, repair, electronics accessories, tvs, hd tvs, lcd tvs,led tvs.">


	<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)); }
			.img-responsive.header-logo { object-fit: contain; }

			[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}.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}.btn--quick_view:hover{background-color:unset}.btn--quick_view:focus{background-color:unset}.btn--quick_view:focus-visible{background-color:#e6e6e6}.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)}}#webfronts-review-slider .review-caption{border:1px solid #e0e0e0}.flag--in-stock,.flag--in-stock::after{background-color:#383972}.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:#383972}.label-success{background-color:#2b982b}.label-info{background-color:#5e5fb2}.label-warning{background-color:#ff9600}.label-danger{background-color:#fb483a}.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-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: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 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:#383972;border-color:#383972}.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:#383972;border-color:#383972}.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:#383972}.radio-primary input[type="radio"]:checked+label::before{border-color:#383972}.radio-primary input[type="radio"]:checked+label::after{background-color:#383972}.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: #fefefe; font-family: 'Tahoma', Geneva, sans-serif; color: #333333; }

/* site: headings */
	h1, h2, h3, h4, h5, h6, .dropdown-header, .page-header, .section-header, .page-title, .section-title { color: #383972; font-weight: bold; }
	.page-header, .page-title { font-size: 2em; color: #333333; }
	.section-header, .section-title { font-size: 1.5em; font-weight: bold; text-transform: uppercase; color: #222; }
	.sub-section-title { color: #333333; }

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

/* site: text and backgrounds */
	.text-primary { color: #383972; }
	.text-secondary { color: #5e5fb2; }
	.text-accent { color: #D43900; }
	.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; }

	.bg-primary { background-color: #383972; color: #fff; }
	.bg-secondary { background-color: #5e5fb2; }
	.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: #383972; border-color: #383972; color: #fff; }
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #5e5fb2; }
	.btn-primary:active, .btn-primary.active { background: #5e5fb2; box-shadow: none; }
	.btn-default { border: 2px solid #C4C4C4; color: #737373; }
	.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background: #FFF; border-color: #949494; color: #737373; }
	.btn-default:active, .btn-default.active { border-color: #737373; box-shadow: none; }
	.btn.btn-outline { background-color: transparent; }
	.btn-primary.btn-outline { border: 1px solid #383972; color: #383972; }
	.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: #5e5fb2; border-color: #5e5fb2; }
	.btn-primary.btn-outline:active, .btn-primary.btn-outline.active { border-color: #5e5fb2; color: #5e5fb2; box-shadow: none; }
	.btn-default.btn-outline { border: 1px solid #666666; color: #666666; }
	.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: #000000; border-color: #5e5fb2; }
	.btn-default.btn-outline:active, .btn-default.btn-outline.active { border-color: #000000; color: #000000; box-shadow: none; }

/* site: breadcrumbs */
	.breadcrumb { font-size: 11px; background-color: transparent; padding: 10px 0px 8px 0px; margin-bottom: 30px; border-bottom: 1px solid #f6f6f6; }

/* site: global pricing */
	.model-price-value-regular, .model-price-value-outofcart { text-decoration: line-through; }
	.model-price-no-regular { margin-bottom: 0px; }
	.model-price-value-sale { color: #79ad3c; }
	.model-price-simple-rebate { color: #174189; }
	.model-price-value-simple-rebate { font-weight: bold; }

/* site: product flags */
	.img-flag-primary, .img-flag-ondisplay, .img-flag-expressdelivery { background-color:#383972; }
	.img-flag-secondary, .img-flag-getittoday { background-color:#5e5fb2; }
	.img-flag-accent, .img-flag-bestseller { background-color:#D43900; }
	.img-flag-red, .img-flag-rebate { background-color:#d9534f; }
	.img-flag-yellow, .img-flag-clearance { background-color:#f0ad4e; }
	.img-flag-green, .img-flag-instock { background-color:#5cb85c; }

/* site: tabs */
	.nav-tabs { }
	.nav-tabs > li { display: inline-block; float: none; }
	.nav-tabs > li > a { color: #525252; }
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { }

/* header: logo */
	#header-logo-container { }

/* header: store info */
	.header-phone-number { color: #6e6e6e; display: block; }
	.header-phone-number--highlight { color: #383972; }
	.header-address, .header-address-street, .header-address-city-state, .header-phone-label { color: #6e6e6e;  }

/* header: searchbox */
	#header-search-box-content .input-group { margin-bottom: 0px; }

/* header config: standalones  */
	#header-standalone-cart .fa-shopping-cart  { background-color: transparent; }
	#header-standalone-cart .badge { background-color: #D43900; color: #FFFFFF; }
	#header-standalone-cart .open > a, .nav .open > a:focus, #header-standalone-cart .nav .open > a:hover { background-color: transparent; color: #383972; }
	#header-standalone-locations .open > a, #header-standalone-locations a:hover i, #header-standalone-locations a:focus i, #header-standalone-locations .open > a:active, #header-standalone-locations .open > a:focus, #header-standalone-locations .open > a:hover { background-color: transparent; color: #383972; }

/* header: colors */
	header .nav > li > a { color: #FFFFFF; }
	header .nav > li > a:focus, header .nav > li > a:active { background-color: #383972; }
	header .nav > li > a:hover, header .nav .open > a, header .open > a:active, header .nav .open > a:focus, header .nav .open > a:hover { color: #FFFFFF; background-color: #5e5fb2; }
	header  .dropdown-menu, header .navbar-nav .open .dropdown-menu { background-color: #FFFFFF; }

/* header: primary nav */
	#nav-primary-container { color: #FFFFFF; background: #383972; }
	#nav-primary-container .navbar-toggle { color: #fff; background-color: transparent; }
	#nav-primary .dropdown-section-header-container { border-color: #f6f6f6; }
	#nav-primary .dropdown-section-header { color: #383972; }
	.navbar { margin-bottom: 0; }
	.primary-nav-toggle-center {
		display: flex;
		justify-content: center;
		align-items: center;
	}

/* header: seconary nav - separate*/
	#header-secondary-nav-container { border-color: #e0e0e0; }
	#header-secondary-nav-container, #header-secondary-nav-container .nav-side-collapse, #header-secondary-nav-container .nav > li > a:active, #header-secondary-nav-container .nav > li > a:focus { background-color: #FFFFFF; }
	#header-secondary-nav-container .nav > li > a, #header-secondary-nav-container .nav > li > a:visited { color: #525252; }
	#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: #f6f6f6; }
	#header-secondary-nav-container .navbar-toggle { color: #525252; }
	#header-secondary-nav-container .navbar-toggle .icon-bar { background-color: #525252; }
	#header-secondary-nav-container .badge { background-color: #D43900; }


	.boston-text {font-size: 42px;}
/* header: header_layout */
	#header-layout-custom {
		margin-bottom: 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}

@media (max-width: 767px) {
	/* header: logo */
		#header-logo-container .header-logo { display: block; margin-left: auto; margin-right: auto; }
		#header-logo-content .header-logo { max-height: 50px; }
	
	/* header: store info */
		#header-store-info { text-align: center; }
		#header-store-info .header-phone-label, #header-store-info .header-address { display: none; }
		#header-store-info .header-address-street, .header-address-city-state, .header-phone-label { font-size: 0.85em;  }

	/* header: primary nav */
		#nav-primary-container .navbar-toggle { color: #FFFFFF; }
		#nav-primary .megamenu .dropdown-footer a { color: #383972; }

		.boston-text {font-size: 24px;}

}

@media (min-width: 768px) {
	/* secondary nav on tablets and up */
	#secondary-nav-custom { background-color: #f6f6f6; color: #383972; }
	#secondary-nav-custom a { color: #383972; }
}

/* index: generic */
	#home #page-content-wrap { padding-bottom: 0px; }
	#home .section-margin { margin-bottom: 5em; }

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

/* index: carousel nav */
	#home .carousel-side-nav .owl-nav .owl-prev, #home .carousel-side-nav .owl-nav .owl-next { background: #f9f9f9 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: 50%; 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; }

/* index: section headers */
	.section-header-banner-bg { margin-bottom: 20px; text-align: center; position: relative; }
	.section-header-banner:after { background-color: #e0e0e0; content: " ";  display: block; height: 1px; left: 0; margin-top: -0.5px; position: absolute; top: 50%; width: 100%; z-index: 0; }
	.section-header-banner .section-header { font-size: 3rem; display: inline-block; padding-left: 2rem; padding-right: 2rem; background-color: #FFFFFF; position: relative; z-index: 1; }

/* index: featured-boxes */
	.featured-boxes .featured-box-wrap { display: block; position: relative; margin-bottom: 30px; }
	.featured-boxes .featured-box-wrap:before { background-color: #000000; content: ""; opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.2s ease 0s; }
	.featured-boxes .featured-box-wrap:hover::before { opacity: 0.25; }
	.featured-boxes .caption { text-align: center; display: flex; flex-direction: column;  -ms-flex-direction: column; -webkit-flex-direction: column; align-items: center; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; font-size: 2.75rem; line-height: 1; position: absolute;  left: 0; right: 0; top: 0; bottom: 0; color: #FFFFFF; text-shadow: 2px 1px 1px rgba(0,0,0,1); opacity: 0;  transition: all 0.2s ease 0s; }
	.featured-boxes .featured-box-wrap:hover .caption { opacity: 1; }

	@media(max-width: 992px) {
		.featured-boxes .caption { opacity: 1; }
	}

/* index: featured-rows */
	.featured-rows .featured-row-wrap { display: block; position: relative; padding: 5rem; }
	.featured-rows .caption { text-align: center; background-color: rgba(0,0,0,0.75); display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column;  -ms-flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; color: #FFFFFF;border: 1px solid  #e0e0e0; line-height: 1.4; color: #FFFFFF; text-shadow: 2px 1px 1px rgba(0,0,0,1); padding: 2.5rem 5rem; }
	.featured-rows .caption-title { font-size: 2.75rem; }
	.featured-rows .caption-desc { font-size: 1.75rem; margin-bottom: 2rem; }
	.featured-rows .btn { align-self: center; display: inline-flex; text-shadow: none; }
	.featured-row-01 { background-image: url(http://via.placeholder.com/1440x600); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; }

/* index: featured-cards */
	.featured-card-wrap { text-align: center; background-color: #FFFFFF; margin: 0.5rem 0 1rem; position: relative; }
	.featured-card-wrap .card-caption { padding: 25px; }
	.featured-card-wrap .caption-title { font-size: 2.75rem; }

/* index: featured brands */
	#featured-brands { background-color: #FFFFFF; margin-bottom: 15px; }
	#featured-brands .featured-brand-container { padding-left: 2rem; padding-right: 2rem; }
	#featured-brands .carousel-side-nav .owl-nav .owl-prev { left: -15px; }
	#featured-brands .carousel-side-nav .owl-nav .owl-next { right: -15px; }
	#featured-brands .featured-brand-container a img, #featured-brands .featured-brand-container a span { padding: 10px; max-width: 160px; text-align: center; }
	#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: inline-flex; float: none; vertical-align: middle; align-items: center; justify-content: center; }

/* index: email sign up */
	.section-email-signup { 
		padding: 6rem 2rem;
		color: #FFFFFF; 
		font-family: inherit;
		font-size: 2.4rem;
		font-weight: 600;
		text-align: center;
		background-image: url(../images/email-background.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: flex;
		justify-content: center;
	}
	.container-email-signup {
		width: 60%;
		padding: 2rem 4rem;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.paragraph-email-signup::after {
		content: "";
		display: block;
		width: 50%;
		height: 1px;
		margin: 1rem auto 2rem auto;
		background-color: #FFFFFF;
	}
	.email-btn {
		background-color: #FFFFFF;
		border: none;
		color: #000000;
		font-weight: 600;
	}
	.email-btn:hover {
		background-color: #e0e0e0;
	}
	.parallax-this {
	    background-image: url(http://via.placeholder.com/2500x1600);
	    background-attachment: fixed;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    min-height: 500px;
}	


@media (max-width: 1130px) { 
	.container-email-signup {
		width: 80%;
	}
	#nav-primary-container {
		font-size: 1.3rem;
	}
  }

 @media (max-width: 950px) {
 	#nav-primary-container {
 		font-size: 1.1rem;
 	}
 }

@media (max-width: 767px) { 
	#nav-primary-container {
 		font-size: 1.4rem;
 	}
	.featured-boxes .caption { font-size: 2rem; }
	.featured-rows .featured-row-wrap { padding: 0px; }
	.featured-cards > div:not(:last-of-type) { margin-bottom: 5rem; }
	.section-email-signup { 
		padding: 4rem 2rem;
		font-size: 1.6rem;
		font-weight: 600;
	}
	.container-email-signup {
		width: 95%;
	}
	#featured-brands .featured-brand-container { padding-left: 0; padding-right: 0; }
  }


/* site: footer */
	footer { background-color: #383972; }
	footer .footer-main-content-wrap { padding-top: 2em;  padding-bottom: 2em; }
	footer, footer a, footer p { color: #e0e0e0; }
	footer a:hover, footer, footer a:focus, footer, footer a:active { color: #FFFFFF; }
	footer .section-header { color: #f6f6f6;  }
	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: #6e6e6e; font-size: 11px; padding: 2em; border-top: 1px solid #525252; }
	footer #footer-copyright { padding: 1em; font-size: 10px; color: #6e6e6e; background-color: #383972; }
	footer #footer-copyright p { margin: 0px; text-align: center; }

	
</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=x1b7f2b6e" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
		<noscript><link rel="stylesheet" href="/css/all.min.css?ccid=x1b7f2b6e"></noscript>

	<link rel="stylesheet" href="/css/prettyphoto.css?ccid=x1b7f2b6e">

	<!-- here for a reason -->
		<script src="/js/min/critical.js?ccid=x1b7f2b6e"></script>
		<!-- <script src="/js/jquery-migrate-3.4.0.js?ccid=x1b7f2b6e"></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-MN3TP5X');</script>
		<!-- End Google Tag Manager -->

	<script>
			function setMobileBrowsingCookie(){
				document.cookie = 'WF_BROWSING_MODE=NORMAL; path=/';
			}
			document.addEventListener('DOMContentLoaded', () => {
				setMobileBrowsingCookie();
			})
			var mamd_id = 2062170742;
		</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.aaaappliancesales.com/promotions/neco/2024/fall-savings/lg/savings.html?RANDOM_ID=1283776359&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=x1b7f2b6e" rel="stylesheet">
		
							
		<link type="text/css" href="/promotions/neco/2024/fall-savings/base/css/style.css?brand=LG" 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="LG Fall Savings Event" />
		<meta property="og:description" content="Save on the best appliances for a limited time only." />
		
		<!-- full_promo_url fails the if check but is needed for the fb src path -->
		<meta property="og:image" content="https://www.aaaappliancesales.com/promotions/neco/2024/fall-savings/base/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 promoTitle = "LG Fall Savings Event";
			var promoDescription = "Save on the best appliances for a limited time only.";
			var promoUrl = "/promotions/neco/2024/fall-savings/base";
			var promoURL = promoUrl;
			var promourl = promoUrl;
			var promo_url = promoUrl;
			var imgUrl = promoUrl + "/images";
			var imgURL = imgUrl;
			var imgurl = imgUrl;
			var img_url = imgUrl;
			var heroUrl = "";
			heroUrl = heroUrl != "" ? heroUrl : 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;
					
					}
					
				});
				
			}
			
			var DoesFileExist = (urlToFile, daCallback = (daResult)=>{return daResult;})=> {
				return new Promise(function (resolve) {
				
					let request = new XMLHttpRequest();
					
					request.open('GET', `/promotions/assets/get-stuff/does_file_exist.html?daFile=${urlToFile}`);
					
					request.onload = function () {
						daCallback(request.response)
						resolve(request.response);
						
					};
					request.onerror = function () {
						resolve("Request Failed");
						
					};
					request.send();
					
				});
				
			};
			
			
			var PromoHeroImage = async (daData)=> {
				let results = ``;
				let daPath = daData.path ? daData.path : heroUrl ? heroUrl : promoUrl;
				daPath += "/images/landing_hero";
				let daType = await DoesFileExist(daPath + ".png");
				daType = daType.toLowerCase() == "true" ? ".png" : ".jpg";
				let mobileExists = await DoesFileExist(daPath + "_mobile" + daType)
				mobileExists = mobileExists.toLowerCase() == "true";
				let imageElem = (src)=> {return `<img class="img-fluid full_width" src="${src}" alt="${promoTitle}" title="${promoDescription}" />`};
				
				if(mobileExists) {
					results += imageElem(`${daPath}_mobile${daType}`);
					
				}
				
				results += imageElem(daPath + daType);
				
				if(daData.selector) {
					let allHeroContainers = document.body.querySelectorAll(daData.selector);
					for(heroContainer of allHeroContainers) {
						heroContainer.insertAdjacentHTML("afterbegin", results);
					
					}
					
				}
				
				return results;
				
			};
		
		</script>

		
	</head>


	<body>

	<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=Montserrat:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
			<link rel="stylesheet" href="https://use.typekit.net/lwv7evw.css">

			<link rel="stylesheet" href="https://use.typekit.net/ihj1srq.css">

	<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.aaaappliancesales.com/promotions/neco/2024/fall-savings/base/images/social_hero.jpg" />
	<!--[if lte IE 6]><script src="js/ie6/warning.js?ccid=x1b7f2b6e"></script><script>window.onload=function(){e("js/ie6/")}</script><![endif]-->
	
	
	<div id="header_bg">
			<!-- BEGIN HEADER -->
			<div class="header grid_whole">
				Unable to read the contents of "/.COMMON_PLATO_JET/HEADER.HTML"

<img class="endcaps" src="/images/endcaps.png?ccid=x1b7f2b6e">
<a href="http://www.facebook.com/pages/A-A-A-Appliance-Center/154503017921082" target="_blank" title="Follow us on Facebook!"><img class="facebook" src="/images/facebook.png?ccid=x1b7f2b6e" alt="Follow us on Facebook!" /></a>

			</div>
			<!-- END HEADER -->
			<div class="clear"></div>
		</div>


	<!-- 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 LG">
				
					
					<script>
						function platoCheck() {
							return (typeof $().modal == "function" ? false : true);
							
						}
					
						var itsPlato = platoCheck();
						const promoPageType = `` == `` ? "lvl4" : `` == `ar` ? "ar" : "ari";
						

					</script>
				
					
					<!-- -- -- -- --
		-- -- -- -- --
		-- -- -- -- --
	-- page edits below --
		-- -- -- -- --
		-- -- -- -- --
	-->
	
	
		<!-- main promo content -->
			
			
			<section class="section-container row">
				
				
			</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>

	function setIfBlank(thing, newStuff=``) {
		var results = typeof thing == `undefined`;
		return results ? newStuff : thing;
	
	}

	var promoSectionIndex = 1;
	
	
	var promoHeroLayout1 = function(
		stuff = ``, 
		showRebateButton = true, 
		showOfferDate = true,
		offerDate = `SEPTEMBER 26 - OCTOBER 16, 2024`,
		rebateButton = `
			`,
		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 : `SEPTEMBER 26 - OCTOBER 16, 2024`;
			this.rebateButton = stuff.rebateButton ? stuff.rebateButton : `
			`;
			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(typeof promoRebateAll != 'undefined' && !this.rebateStuff.trim()) {
				this.rebateStuff = gremlin("rebate_button", promoRebateAll);
				
			}
			
		} else {
			this.rebateStuff = ``;
			
		}
		
		let selector = Math.floor(Math.random() * 100000);

		if(this.heroLink == ``) {
			this.heroStuff = ``;

		} else {
			this.heroStuff = `
				<a href="${this.heroLink}" data-hero-selector="${selector}">

				</a>

			`;

		}
		
		
		this.doIt = function() {
			return `
				<section class="hero-section row ${this.newClasses}" ${this.heroLink == `` ? `data-hero-selector="${selector}"` : ``}>
					${this.heroStuff}
					
					${this.heroTextStuff}
					
					${this.dateStuff}
					${this.rebateStuff}

				</section>
				
			`;
			
		}
		
		//do just enough of a delay so that it can sti
		setTimeout(()=> {
			PromoHeroImage({
				"selector" : `[data-hero-selector="${selector}"]`,
		
			});
			
		}, 500);

		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
var daPromoElem = document.body.querySelector("#page-content-wrap .promotion") || document.querySelector(".promotion");

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.onerror = function () {
			resolve("Request Failed");
			
		};
		request.send();
		
	});

}


async function getDataForGremlin(sortedInfo, timesRan = 0) {
	let method;
	let dataToSend = ``;
	let pageToSendTo = `${sortedInfo.type}.html`;
	let results;
	
	//get data and "&" or blank string - for ajax later
	let buildUrlDataPiece = (dataPiece, keyName = "", defaultVal = ``) => dataPiece ? `${keyName}=${dataPiece}&` : defaultVal;
	let elemSwap = (elemToSwap, newElem) => elemToSwap.outerHTML = newElem;
	
	
	//how many times we can attempt to get data from the server
	let attemptsAllowed = 10;

	//check to see if we have tried too many times
	let resultsRecieved = () => {
		let innerResults = false;
		innerResults = !(timesRan < attemptsAllowed & (results.includes("Request Failed") || results.includes("Oops!")));
		timesRan++;
		return innerResults;
		
	};
	
	dataToSend += buildUrlDataPiece(sortedInfo.data);
	dataToSend += buildUrlDataPiece(sortedInfo.quantity, "number_of_products");
	dataToSend += buildUrlDataPiece(sortedInfo.successText, "successButtonText");
	dataToSend += buildUrlDataPiece(sortedInfo.failText, "failButtonText");
	dataToSend += buildUrlDataPiece(sortedInfo.index, "daIndex");
	dataToSend += buildUrlDataPiece(sortedInfo.effectiveDate);
	
	switch(sortedInfo.type) {
		case "prod_loop" : 
		case "single_prod" : 
		case "prod_image" : 
		case "shop_all_button" : 
		case "view_details_button" : 
		case "rebate_button" : 
		case "brand_logo" : 
		case "svg_logo" : 
			method = "replaceElem";
			break;
			
		//this section will only return data to a callback
		case "prod_loop_data" : 
		case "single_prod_data" : 
		case "shop_all_link" : 
		case "rebate_link" : 
			method = "returnData";
			break;
		
	}
	
	//get results - probably from jim code
	results = await queryForJimCode(pageToSendTo, dataToSend);
	
	if(!resultsRecieved()) {
		return setTimeout(function() {
			getDataForGremlin(sortedInfo, timesRan);
		
		}, 500 * timesRan);
		
	} else if(method == "replaceElem") {
		elemSwap(daPromoElem.querySelector(`[data-placeholder-ref="${sortedInfo.identifier}"]`), results);
		
	} else if(method == "returnData") {
		sortedInfo.daCallback(results);
		
	}
	
	return results;
	
}


function gremlin2(
	typeOfStuff, data, extraData1="default", 
	extraData2="default", extraData3="default", 
	extraData4="default", extraData5="default"
	
) {
	let multipleRequests = false;
	let identifier = Math.random();
	let results = `<placeholderFor${typeOfStuff} data-placeholder-ref="${identifier}" style="display: none;"></placeholderFor${typeOfStuff}>`;
	
	let sortedInfo = {
		type : typeOfStuff,
		data : data,
		successText : null,
		failText : null,
		quantity : null,
		index : null,
		effectiveDate : effectiveDate != "effective_date=" ? "&" + effectiveDate : null,
		identifier : identifier,
		elemQuery : null,
		daCallback : null,
		
	};
	
	switch(typeOfStuff) {
		case "prod_loop" : 
		case "prod_loop_data" : 
			sortedInfo.quantity = extraData1 == "default" ? "4" : extraData1;
			sortedInfo.successText = extraData2 == "default" ? "View Details" : extraData2;
			sortedInfo.failText = extraData3 == "default" ? "Contact Us" : extraData3;
			break;
			
		case "single_prod" : 
		case "single_prod_data" : 
			sortedInfo.successText = extraData2 == "default" ? "View Details" : extraData2;
			sortedInfo.failText = extraData3 == "default" ? "Contact Us" : extraData3;
		
			//if data is an array OR data is a string with "|" in it...
			if(
				Array.isArray(sortedInfo.data) || 
				(typeof sortedInfo.data == 'string' && sortedInfo.data.includes("|"))
				
			) {
				//if it is a string with delimiters, we turn it into an array
				if(typeof sortedInfo.data == 'string' || Array.isArray(sortedInfo.data)) {
					if(sortedInfo.data.includes("|")) {
						sortedInfo.data = sortedInfo.data.split("|");
						
					}
				
				}
				//allow for a loop later
				multipleRequests = true;
			
			}
			break;
			
		case "shop_all_button" : 
			sortedInfo.successText = extraData2 == "default" ? "Shop All" : extraData2;
			sortedInfo.failText = extraData3 == "default" ? "Contact Us" : extraData3;
			break;
			
		case "shop_all_link" : 
			results = ``;
			break;
			
		case "prod_image" : 
			break;
			
		default:
			results = `"${typeOfStuff}" is not a supported "gremlin" argument.`;
			break;
		
	}
	
	//blank our results for data-only options
	if(
		typeOfStuff == "prod_loop_data" ||
		typeOfStuff == "single_prod_data" ||
		typeOfStuff == "shop_all_link"
	
	){
		results = ``;
		
	}
	
	if(multipleRequests) {
		let tempSortedData = structuredClone(sortedInfo);
		let i = 0;
		while (i < sortedInfo.data.length) {
			tempSortedData.data = sortedData[i];
			getDataForGremlin(tempSortedData);
			i++;
			if(i < sortedInfo.data.length) {
				identifier = Math.random();
				results += `<placeholderFor${typeOfStuff} data-placeholder-ref="${identifier}" style="display: none;"></placeholderFor${typeOfStuff}>`;
				
			}
		
		}
		
	} else {
		getDataForGremlin(sortedInfo);
	
	}
	
	return results;
	
}

			
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 "prod_image" : 
			var results = await queryForJimCode("prod_image.html", `prodkey=${data}&imageindex=${extraData1}`);
			break;
			
		case "prod_name" : 
			var results = await queryForJimCode("prod_name.html", `prodkey=${data}`);
			break;
			
		case "linked_prod_number" : 
			var results = await queryForJimCode("linked_prod_number.html", `prodkey=${data}`);
			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}`);
			results = results.replace(/{\[\{success text\}\]}/g, buttonSuccessText)
			.replace(/{\[\{fail text\}\]}/g, 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 "view_details_button" : 
			var buttonSuccessText = extraData1 == "default" ? "View Details" : extraData1,
				buttonFailText = extraData2 == "default" ? "Contact Us" : extraData2;
			var results = await queryForJimCode("view_details.html", `prodkey=${data}&successButtonText=${buttonSuccessText}&failButtonText=${buttonFailText}`);
			break;
			
		case "rebate_button" : 
			var buttonSuccessText = extraData1 == "default" ? "Download Rebate" : extraData1;
			var results = await queryForJimCode("rebate_button.html", `rebate_form_number=${data}`);
			if(!results.includes("no-results")) {
				results += `
						${buttonSuccessText}
						
					</a>
				`;
				
			}
			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(results.includes("Request Failed") || results.includes("Oops!")) {
		setTimeout(function() {
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3, extraData4, extraData5);
			
		}, 500);
		
		return false;
		
	}
	
	if(typeOfStuff == "rebate_link" || typeOfStuff == "shop_all_link" || typeOfStuff == "single_prod_data") {
		window[extraData1] = results;
		isVarSet[extraData1] = true;
		
	} else if((!results.includes("no-results") && !results.includes("Oops!")) || 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 != "effective_date=") {
				data +=	"&" + effectiveDate;
				
			}
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			break;
			
		case "prod_loop_data" : 
			if(effectiveDate != "effective_date=") {
				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 "prod_image" : 
			reallyGetStuff(typeOfStuff, data, identifier, extraData1);
			break;
			
		case "prod_name" : 
			reallyGetStuff(typeOfStuff, data, identifier, extraData1);
			break;
			
		case "linked_prod_number" : 
			reallyGetStuff(typeOfStuff, data, identifier, extraData1);
			break;
			
		case "single_prod_data" : 
			results = "";
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2, extraData3);
			break;
			
		case "shop_all_button" : 
			if(effectiveDate != "effective_date=") {
				data +=	"&" + effectiveDate;
				
			}
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2);
			break;
			
		case "shop_all_link" : 
			results = "";
			if(effectiveDate != "effective_date=") {
				data +=	"&" + effectiveDate;
				
			}
			reallyGetStuff(typeOfStuff, data, identifier, extraData1, extraData2);
			break;
			
		case "shop_all_link_update" : 
			results = "";
			if(effectiveDate != "effective_date=") {
				data +=	"&" + effectiveDate;
				
			}
			reallyGetStuff(typeOfStuff, data, identifier, extraData1);
			break;
			
		case "view_details_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) {
					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 "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 != "effective_date=") {
						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 != "effective_date=") {
					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 != "effective_date=") {
							data[i] +=	"&" + effectiveDate;
							
						}
						
						reallyGetStuff(typeOfStuff, data[i], identifier, extraData1, extraData2, extraData3);
						i++;
					
					}
				
				} else {
					if(effectiveDate != "effective_date=") {
						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
		slideLinks: []
		
		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,
		slideLinks: [],
		
		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,
			slideLinks: [],
			
		};
		
		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,
		slideLinks: [],
		
	};
	
	if(options == "blank") {
		options = {
			autoNav: optionsDefault.autoNav,
			autoNavTime: optionsDefault.autoNavTime,
			sideButtons: optionsDefault.sideButtons,
			bottomNav: optionsDefault.bottomNav,
			slideLinks: optionsDefault.slideLinks,
			
		};
		
	}
	
	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;
		
	}
	
	if(!("slideLinks" in options)) {
		options.slideLinks = [];
		
	}
	
	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}">
				${options.slideLinks.length > 0 && options.slideLinks[index] != "" ? `<a href="${options.slideLinks[index]}">` : ``}
					<img src="${imageSrc}" data-slide-number="${index}" />
					${wordStuff}
					
				${options.slideLinks.length > 0 && options.slideLinks[index] != "" ? `</a>` : ``}
				
			</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;
	
};

var slideItGallery2 = function(galleryArray, 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 slide-it-yo-2" 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(galleryArray, function(index, galleryItem) {
		if(galleryItem.includes("data-slide-it-slide")) {
			result += galleryItem;
			
		} else {
			result += `
				<figure data-slide-it-slide="${index}">
					<img src="${imageSrc}" data-slide-number="${index}" />
					<b>
						slide must have a &lt;figure> container with a "data-slide-number" attribute
						
					</b>
					
				</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[data-slide-it-slide]");
		
		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[data-slide-it-slide]");

		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[data-slide-it-slide]").eq(0).attr("data-slide-it-slide");
			
		};
		$(clickedElem).parentsUntil("section").attr("data-current-slide", currentSlide());
		
	}, 500);
	
	
}


var getCurrentSlide1Number = function(galleryContainerElem) {
	return $(galleryContainerElem).find("figure[data-slide-it-slide]").eq(0).children("img").data("slideNumber");
	
};


function slideGallery1GoToSlide(clickedElem, slideNumber = 0) {
	var galleryContainerElem = $(clickedElem).closest(".slide-it-yo");
		
	var currentSlideShowing = $(galleryContainerElem).find("figure[data-slide-it-slide]").eq(0).children("img").data("slideNumber");
	
	if(currentSlideShowing != slideNumber) {
		$(galleryContainerElem).children("div").eq(0).append(
			$(galleryContainerElem).children("div").eq(0).children("figure[data-slide-it-slide]").eq(0)
			
		);
		slideGallery1GoToSlide(clickedElem, slideNumber);
		
	}
	
}


function slideGallery1GoToSlideDirectly(daElem, slideNumber = 0) {
	var galleryContainerElem = $(daElem);
		
	var currentSlideShowing = $(galleryContainerElem).find("figure[data-slide-it-slide]").eq(0).children("img").data("slideNumber");
	
	if(currentSlideShowing != slideNumber) {
		$(galleryContainerElem).children("div").eq(0).append(
			$(galleryContainerElem).children("div").eq(0).children("figure[data-slide-it-slide]").eq(0)
			
		);
		slideGallery1GoToSlideDirectly(galleryContainerElem, slideNumber);
		return;
		
	}
	setTimeout(function() {
		let currentSlide = ()=> {
			return $(daElem).find("figure[data-slide-it-slide]").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[data-slide-it-slide]").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 = ``;
		
		for(let prod in prodSet) {
			if(prod != "shopAll" && !prodSet[prod].prodSection.includes("no-results")) {
				result += `
					<span>
						${prodSet[prod].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]}"></svg>

			<iframe width="${size[0]}" height="${size[1]}" src="${vidSrc}&enablejsapi=1" 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="",
	options = {
		skipAttr : false
		
	}
	
) => {
	let result = `
		<figure class="promo-category-build promo-category-build-style-${style} ${classes}" ${options.skipAttr ? "" : `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 ? "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();
	
});


	class CardCatData {
				active = true;
				category = "";
				image = "";
				link = null;
				
			}
			
			function setIfBlank(thing, newStuff=``) {
				var results = typeof thing == `undefined`;
				return results ? newStuff : thing;
			
			}
			
			// -- page vars --//
				var imagePath = `/promotions/neco/2024/fall-savings/LG/images/`;
				
				var productShowcase2Active = false;
				
				var cardCatHoliday = new CardCatData();
				cardCatHoliday.image = "/promotions/neco/2024/fall-savings/LG/images/card_cat_holiday.png";
				cardCatHoliday.category = "Fall Savings";
				
				var cardCatRefs = new CardCatData();
				cardCatRefs.image = "/promotions/neco/2024/fall-savings/LG/images/card_cat_ref.png";
				cardCatRefs.category = "Refrigerators";
				
				var cardCatRanges = new CardCatData();
				cardCatRanges.image = "/promotions/neco/2024/fall-savings/LG/images/card_cat_range.png";
				cardCatRanges.category = "Ranges";
				
				var cardCatDish = new CardCatData();
				cardCatDish.image = "/promotions/neco/2024/fall-savings/LG/images/card_cat_dish.png"
				cardCatDish.category = "Dishwashers";
				
				var cardCatMic = new CardCatData();
				cardCatMic.image = "/promotions/neco/2024/fall-savings/LG/images/card_cat_mic.png"
				cardCatMic.category = "Microwaves";
				
				var cardCatLaund = new CardCatData();
				cardCatLaund.image = "/promotions/neco/2024/fall-savings/LG/images/card_cat_laundry.png"
				cardCatLaund.category = "Laundry";
				
				var cardCatCooking = new CardCatData();
				cardCatCooking.image = "/promotions/neco/2024/fall-savings/LG/images/card_cat_cooking.png"
				cardCatCooking.category = "Cooking";
				
				
				//featured Category section at top
				var catTypes = [
					cardCatRefs,
					cardCatRanges,
					cardCatDish,
					cardCatMic,
					cardCatLaund,
					cardCatHoliday,
					
				];
				
				
				let featuredSlideTemplate = (updatedSlideData)=> {
					let results = ``;
					
					//set defaults in slide - override by passing only needed key/value changes {}
					let slideInfo = {
						count : 0,
						get bgImage() {return `/promotions/neco/2024/fall-savings/LG/images/slide_${this.count}_bg.png`},
						get imageTopUrl() {return `/promotions/neco/2024/fall-savings/LG/images/slide_${this.count}_top.png`},
						get imageUrl() {return `/promotions/neco/2024/fall-savings/LG/images/slide_${this.count}.png`},
						
						bigTitle : null,
						smallTitle : null,
						title : null,
						
						bigSubTitle : null,
						smallSubTitle : null,
						subTitle : null,
						
						middleText1 : null,
						
						bottomText1 : null,
						bottomText2 : null,
						
						button1 : null,
						button2 : null,
						
						...updatedSlideData
						
					};
					
					let slideRow = (elem, daClass="")=> `<promo-row class="${daClass}">${elem}</promo-row>`;
					
					let imageTopElem = slideInfo.imageTopUrl ? 
						slideRow(`<img src="${slideInfo.imageTopUrl}" />`, "da-top-image"): ``;
					
					let imageElem = slideInfo.ImageUrl ? 
						slideRow(`<img src="${slideInfo.imageUrl}" />`, "da-image"): ``;
					
					//titles
					let titleElem = 
						slideInfo.bigTitle ? 
							slideRow(`<promo-big-text>${slideInfo.bigTitle}</promo-big-text>`, "da-big-title") 
						: slideInfo.smallTitle ? 
							slideRow(`<promo-small-text>${slideInfo.smallTitle}</promo-small-text>`, "da-small-title") 
						: slideInfo.title ? 
							slideRow(slideInfo.title, "da-title") 
						: ``;
					
					//subtitles
					let subTitleElem = 
						slideInfo.bigSubTitle ? 
							slideRow(`<promo-big-text>${slideInfo.bigSubTitle}</promo-big-text>`, "da-big-sub-title") 
						: slideInfo.smallSubTitle ? 
							slideRow(`<promo-small-text>${slideInfo.smallSubTitle}</promo-small-text>`, "da-small-sub-title") 
						: slideInfo.subTitle ? 
							slideRow(slideInfo.subTitle, "da-sub-title") 
						: ``;
					
					//middle text
					let middleTextElem1 = 
						slideInfo.middleText1 ? 
							slideRow(`<promo-text>${slideInfo.middleText1}</promo-text>`, "da-middle-text") 
						: ``;
					
					//bottom text
					let bottomTextElem1 = 
						slideInfo.bottomText1 ? 
							slideRow(slideInfo.bottomText1, "da-bottom-text-1") 
						: ``;
					
					let bottomTextElem2 = 
						slideInfo.bottomText2 ? 
							slideRow(slideInfo.bottomText2, "da-bottom-text-2") 
						: ``;
					
					results = `
						<figure data-slide-it-slide="${slideInfo.count}">
							<svg class="desktop-ratio" width="${slideRatio[0]}" height="${slideRatio[1]}"></svg>
							<svg class="mobile-ratio" width="${slideRatio[0]}" height="${slideRatio[1]}"></svg>
							<!-- bg image -->
							<img src="${slideInfo.bgImage}" data-slide-number="${slideInfo.count}" />
							<promo-column>
								<!-- overTopImage -->
								${imageTopElem}
								${titleElem}
								${subTitleElem}
								<!-- middle-ish image -->
								${imageElem}
								${middleTextElem1}
								${bottomTextElem1}
								${bottomTextElem2}
								<promo-row class="da-buttons">
									${slideInfo.button1 || ""}
									${slideInfo.button2 || ""}
									
								</promo-row>
								
							</promo-column>
							
						</figure>
						
					`;
					
					return results;
				
				};
				
				//total slide count - change to quickly limit slides
				let slideCount = 6;
				//width, height
				let slideRatio = [404, 464];
				let slideRatioMobile = [1920, 1080];
				//holds slides - edit directly per index like featuredSlides[4] = ...
				let featuredSlides = [];
				
				
				var DisclaimerData = ()=> {
					let results = "";
					for(let promoQuery of promoFeaturedQueries) {
						results += `${gremlin("prod_name", promoQuery)} | ${gremlin("linked_prod_number", promoQuery)} <br>`;
						
					}
					return results;
					
				};
				
				
				var brandName = "LG";
		var brandCode = "lg";
		
		promoRebate1 = "NECO_LG_BMSMR6";
		promoRebate2 = "NECO_LG_PPR";
		promoRebate3 = "NECO_LG_PLPR2";
		
		var promoShopAll1 = `man=${brandCode}&rebate_form_number=${promoRebate1}`;
		var promoShopAll2 = `man=${brandCode}&rebate_form_number=${promoRebate2}`;
		var promoShopAll3 = `man=${brandCode}&rebate_form_number=${promoRebate3}`;

		
		promo_rebate_url = "";
			
			
		var tabbySlide1Text1 = gremlin("svg_logo", brandName);
		var tabbySlide1Text2 = "Save Big";
		var tabbySlide1Text3 = "ON SELECT LG KITCHEN APPLIANCES";
		var tabbySlide1Text4 = "";
		
		
		//--- prod queries --//
			var promoFeaturedQueries = [
				"LG:LRFS28XBS",
				"LG:LREL6323S",
				"LG:MVEM1721F",
				"LG:LDFN4542S",
				
			];
			
			
			slideCount = 3;
			
			
			featuredSlides[0] = featuredSlideTemplate({
				count : 0,
				imageTopUrl : "/promotions/neco/2024/fall-savings/base/images/slide_1_top.png",
				imageUrl : null,
				
				smallTitle : "Buy More, Save More",
				
				middleText1 : `
					<promo-row>
						<promo-small-text>
							Save up to
							
						</promo-small-text>
						
					</promo-row>
					$500 OFF
					
				`,
				
				bottomText1 : "When you purchase 2 or More eligible LG or LG Studio Kitchen Appliances",
				
				button1 : gremlin(
					"shop_all_button",
					promoShopAll1,
					"Start Saving",
					"Contact Us"
					
				)
				
			});
			
			
			featuredSlides[1] = featuredSlideTemplate({
				count : 1,
				imageTopUrl : null,
				imageUrl : null,
				
				smallTitle : "Power Pair Offer",
				
				middleText1 : `
					<promo-row>
						<promo-small-text>
							Save up to
							
						</promo-small-text>
						
					</promo-row>
					$200 OFF
					
				`,
				
				bottomText1 : "When you purchase select LG cooking pairs during our Fall Savings Sale",
				
				button1 : gremlin(
					"shop_all_button",
					promoShopAll2,
					"Learn More",
					"Contact Us"
					
				),
				
			});
			
			
			featuredSlides[2] = featuredSlideTemplate({
				count : 2,
				imageTopUrl : null,
				imageUrl : null,
				
				smallTitle : "Perfect Laundry Pair",
				
				middleText1 : `
					<promo-row>
						<promo-small-text>
							Save up to
							
						</promo-small-text>
						
					</promo-row>
					$100 OFF
					
				`,
				
				bottomText1 : "*via online Rebate. When you bundle an eligible LG Washer and Dryer",
				
				button1 : gremlin(
					"shop_all_button",
					promoShopAll3,
					"Start Shopping",
					"Contact Us"
					
				),
				
			});
		
		
		//--- prod queries --//
				
				
			var promoShowcaseQuery1 = [
				["lg:LSIL6332FE", 0],
				["lg:MVEL2033F", -1],
				
				["lg:LRFXC2606S", -1],
				["lg:WM6998HBA", -1],
				
				["lg:WM4000HWA", -1],
				["lg:DLEX4000W", -1],
				
				["lg:WKE100HWA", -1],
				["lg:WT6105CW", -1],
				
				["lg:DLE6100W", -1],
				
			];
			
		catTypes = [
			cardCatHoliday,
			cardCatRefs,
			cardCatCooking,
			cardCatLaund,
			cardCatDish,
			
		];
				
				
				//use to create slides
				var currentSlideIndex = 0;
				
				while(slideCount > currentSlideIndex) {
					//if slide does NOT already exist, go ahead and create
					if(!featuredSlides[currentSlideIndex]) {
						featuredSlides[currentSlideIndex] = featuredSlideTemplate({
							count : currentSlideIndex
							
						})
					
					}
					currentSlideIndex++;
					
				}
				
				
				var featureImage1 = featureImage1 || `/promotions/neco/2024/fall-savings/LG/images/tab_slide_1.png`;
				
				//SEARCH QUERIES FOR THUMBNAIL IMAGE LINKS

				cardCatHoliday.link = cardCatRefs.link || `man=${brandCode}`;
				cardCatRefs.link = cardCatRefs.link || `man=${brandCode}&minor=${prodCodes.ref}`;
				cardCatRanges.link = cardCatRanges.link || `man=${brandCode}&minor=${prodCodes.ranges}`;
				cardCatDish.link = cardCatDish.link || `man=${brandCode}&minor=${prodCodes.dish}`;
				cardCatMic.link = cardCatMic.link || `man=${brandCode}&minor=${prodCodes.mic}`;
				cardCatLaund.link = cardCatLaund.link || `man=${brandCode}&minor=${prodCodes.laund}`;
				cardCatCooking.link = cardCatCooking.link || `man=${brandCode}&minor=${prodCodes.cooking}`;
				
				
				//--- prod queries --//
				var promoFeaturedQueries = promoFeaturedQueries || [],
					promoFeaturedQueryAll1 = "key=" + Object.values(promoFeaturedQueries).join("|");

				var promoShowcaseQuery1 = promoShowcaseQuery1 || "";

				var promoShowcaseQuery2 = promoShowcaseQuery2 || "";

				if(promoShowcaseQuery1.length > 0) {
					promoShowcaseQuery1.forEach(function(value, index) {
						if(Array.isArray(value)) {
							var daStuff = value[0];
							var daImage;
							var figcaption = ``;
							
							if(!isNaN(value[1])) {
								daImage = gremlin(`prod_image`, daStuff, value[1]);
							
							}
							
							if(value[1] && isNaN(value[1])) {
								figcaption = `
									<figcaption>
										${value[1]}
									
									</figcaption>
								
								`;
							
							}
							
							let showCaseReplacement = new RegExp(brandCode + "\:", "g");
							let showCaseReplacedContent = daStuff.replace(showCaseReplacement, "");
							
							promoShowcaseQuery1[index] = ["custom", `
								<figure data-product-number="${showCaseReplacedContent}" class="check-for-locations">
									<a data-ajax="false" data-role="none">
										${typeof daImage != 'undefined' ? daImage : `<img class="img-responsive margin-auto" src="">`}
										${figcaption}
										
										<h3>${showCaseReplacedContent.replace(/\|/g, " ")}</h3>
										${gremlin(`shop_all_link_update`, "key=" + daStuff, `[data-product-number="${showCaseReplacedContent}"] > a`)}
										<span>
											View Details
										
										</span>

									</a>
			
								</figure>

							`,
							daStuff];

						}

					});
					
				}


				if(promoShowcaseQuery2.length > 0) {
					promoShowcaseQuery2.forEach(function(value, index) {
						if(Array.isArray(value)) {
						
							var daStuff = value[0];
							let showCaseReplacement = new RegExp(brandCode + "\:", "g");
							let showCaseReplacedContent = daStuff.replace(showCaseReplacement, "");
							
							promoShowcaseQuery2[index] = ["custom", `
								<figure data-product-number="${showCaseReplacedContent}" class="check-for-locations">
									<a data-ajax="false" data-role="none">
										<img class="img-responsive margin-auto" src="">
										<figcaption>
											${value[1]}
										
										</figcaption>
										<h3>${showCaseReplacedContent.replace(/\|/g, " ")}</h3>
										${gremlin(`shop_all_link_update`, "key=" + daStuff, `[data-product-number="${showCaseReplacedContent}"] > a`)}
										<span>
											View Details
										
										</span>

									</a>
			
								</figure>

							`,
							daStuff];

						}

					});
					
				}
				
					
				var promoQuery1 = promoQuery1 || "",
					promoQuery2 = promoQuery2 || "",
					promoQuery3 = promoQuery3 || "",
					promoQuery4 = promoQuery4 || "",
					promoQuery5 = promoQuery5 || "",
					promoQuery6 = promoQuery6 || "",
					promoQuery7 = promoQuery7 || "",
					promoQuery8 = promoQuery8 || "",
					promoQuery9 = promoQuery9 || "",
					promoQuery10 = promoQuery10 || "";
					
				//--- rebates ---//
				var promoRebate1 = promoRebate1 || "",
					promoRebate2 = promoRebate2 || "",
					promoRebate3 = promoRebate3 || "",
					promoRebate4 = promoRebate4 || "",
					promoRebate5 = promoRebate5 || "";
				
				var promoAllRebates = promoAllRebates || (
					(typeof promoRebate1 != 'undefined' ? promoRebate1 + "|" : "") + 
					(typeof promoRebate2 != 'undefined' ? promoRebate2 + "|" : "") + 
					(typeof promoRebate3 != 'undefined' ? promoRebate3 + "|" : "") + 
					(typeof promoRebate4 != 'undefined' ? promoRebate4 + "|" : "") + 
					(typeof promoRebate5 != 'undefined' ? promoRebate5 + "|" : "")
				
				);
					
					
				//prototyping for future link
				var newShopAllLink1 = newShopAllLink1 || "",
					newShopAllLink2 = newShopAllLink2 || "";
					
				var newRebateLink1 = newRebateLink1 || "",
					newRebateLink2 = newRebateLink2 || "";
					
					
				//--- shop all links ---//
				var promoShopAll1 = promoShopAll1 || `man=${brandCode}&rebate_form_number=${promoRebate1}|daFail&`;
				
				var promoShopAll2 = promoShopAll2 || ``;

					
				//--- section content vars ---// Leave these blank until you need them
					
					
				var tabbySlide1Text1 = tabbySlide1Text1 || null,
					tabbySlide1Text2 = tabbySlide1Text2 || null,
					tabbySlide1Text3 = tabbySlide1Text3 || null,
					tabbySlide1Text4 = tabbySlide1Text4 || null,
					tabbySlide1Text5 = tabbySlide1Text5 || null,
					tabbySlide1Button1 = tabbySlide1Button1 || null;
					
					
				var cardCatRefs = setIfBlank(cardCatRefs, true),
					cardCatRanges = setIfBlank(cardCatRanges, true),
					cardCatDish = setIfBlank(cardCatDish, true),
					cardCatMic = setIfBlank(cardCatMic, true),
					cardCatLaund = setIfBlank(cardCatLaund, true);
					cardCatCooking = setIfBlank(cardCatCooking, true);
					
				
				gremlin('rebate_link', promoRebate1, 'newRebateLink1');
				gremlin('rebate_link', promoRebate2, 'newRebateLink2');
				
				
				gremlin('shop_all_link', promoShopAll1, 'newShopAllLink1');
				gremlin('shop_all_link', promoShopAll2, 'newShopAllLink2');
		
			var SlideItGalleryNeag = (daSlides)=> {
				let results = `
					<section class="section-slider" data-skip-auto="false" data-auto="true" data-sliding-now="true" data-hovering-now="false">
						<slider-controls>
							<slider-button data-slider-control="changeSlide" data-slide-direction="left">&lt;</slider-button>
							<slider-button data-slider-control="changeSlide" data-slide-direction="right">&gt;</slider-button>
							
						</slider-controls>
						<div>
						
				`;
				
				for(let daSlide of daSlides) {
					results += daSlide;
					
				}
				
				results += `
						</div>
						
					</section>
					
				`;
				return results;
				
			};
		
		
			// -- Build Components here -- //
			
				//basic card blocks with links and images
				var cardLinkBlocks = function(
					imageSource,
					titleText,
					contentText,
					linkText,
					linklocation = " "
				
				) {
					var imageElem = `
						<img src="${Array.isArray(imageSource) ? imageSource[0] : imageSource}" ${Array.isArray(imageSource) ? `alt="${imageSource[1]}"` : ` ` } />
					
					`;
					var titleElem = `
						<b>
							${titleText}
							
						</b>
					
					`;
					var contentElem = `
						<span>
							${contentText}
							
						</span>
					
					`;
					var linkTextElem = `
						<span>
							${linkText}
							
						</span>
					
					`;
				
					var result = `
						<figure>
							<a data-ajax="false" data-role="none" ${linklocation != ` ` ? `href="${linklocation}"` : ` `}>
								${imageElem}
								${titleElem}
								${contentElem}
								${linkTextElem}
								
							</a>
						
						</figure>
					
					`;
				
					return result;
				
				};
				
				
			// -- Build Page here -- //
			
			
				var postHero1 = promoSectionLayout1({
					newClasses : `post-hero-0`,
					header1 : `
						Fall Savings
						
					`,
					header2 : `SEPTEMBER 26 - OCTOBER 16, 2024`,
					contentContainer : `
						<div>
							<div class="da-featured-stuff">
								<promo-column>
									<promo-highlight>
										${tabbySlide1Text1 || ""}
									
									</promo-highlight>
									<promo-title>
										${tabbySlide1Text2 || ""}
										
									</promo-title>
									<promo-sub-title>
										${tabbySlide1Text3 || ""}
										
									</promo-sub-title>
									<promo-info>
										${tabbySlide1Text4 || ""}
										
									</promo-info>
									<promo-row class="da-image">
										<img src="${featureImage1}" />
										
									</promo-row>
									<promo-row class="da-anchor-to-disclaimer">
										<a href="#da-package-details" />
											Find out what's included - <span style="display: inline-block">Learn More &#8614;</span>
											
										</a>
										
									</promo-row>
									<promo-row class="da-buttons">
										${tabbySlide1Button1 || `${gremlin(
											"shop_all_button", 
											promoFeaturedQueryAll1, 
											"Shop Now"
											
										)}
										${gremlin(
											"rebate_button", 
											promoRebate1, "REBATES"
											
										)}`}
										
									</promo-row>
									
								</promo-column>
								
							</div>
							<div>
								${SlideItGalleryNeag(featuredSlides)}
								
							</div>
						
						</div>
						<div>
							<promo-row>
								<promo-row class="keep-shopping-section">
									<promo-row>
										<promo-text>
											Shop by Category
										
										</promo-text>
										
									</promo-row>
									<!--
									<promo-row>
										<a class="shop-all-button no-results" href="/locations.html">
											Contact Us
											
										</a>
										
									</promo-row>
									-->
									
									<card-cat-block name="categories"></card-cat-block>
									
								
								</promo-row>
							
							</promo-row>
						
						</div>
					
					`,
					footer1 : `
						<!--${gremlin("svg_logo", brandName == "GE Appliances" ? "ge_appliances" : brandName)}-->
					
					`
				
				});
			
			
				var postHero2 = promoSectionLayout1({
					newClasses : `post-hero-1`,
					header1 : `
						We offer the Best Prices, Better Selection, and Experienced Staff with Years of Industry Knowledge and Expertise!
					
					`,
					content : `
						${cardLinkBlocks(
							`/promotions/neco/2024/fall-savings/base/images/post_hero_cart.png`,
							`FREE Store Pickup`,
							`Buy online and pick up today. Hassle free and convenient!`,
							`Get Directions`,
							`/locations.html`
							
						)}
						${cardLinkBlocks(
							`/promotions/neco/2024/fall-savings/base/images/post_hero_truck.png`,
							`Get It Delivered`,
							`Get the products you need delivered straight to your door.`,
							`Learn More`,
							`/locations.html`
							
						)}
						${cardLinkBlocks(
							`/promotions/neco/2024/fall-savings/base/images/post_hero_phone.png`,
							`Call, chat or video`,
							`Shop our showroom like you're actually there via your phone.`,
							`Contact Us`,
							`/locations.html`
							
						)}
						${cardLinkBlocks(
							`/promotions/neco/2024/fall-savings/base/images/post_hero_cards.png`,
							`Special Financing`,
							`Create your perfect home with special financing plans!`,
							`Apply Now`,
							`/locations.html`
							
						)}
					
					`
				
				});
			
			
				var rebateSection1 = promoSectionLayout1({
				
					newClasses : `rebate-section-1 no-count boxed-container`,
					content : `
						
						<div>
							<img src="${imagePath}rebate_img_1.png" />
						
						</div>
						<div>
							${gremlin("rebate_button", promoAllRebates)}
						
						</div>
					
					`
				
				});
			
			
				var rebateBackup1 = ``;
			
			
				var featuredSection1 = promoSectionLayout1({
				
					header1 : `
						<span>
								Featured Package
								
							</span>
							
					`,
					header2 : `
						4-Piece LG Stainless Steel Kitchen
							
					`,
					header3 : ``,
					newClasses : `featured-section-1 no-count`,
					content : `
						
						<div>
							<img src="/promotions/neco/2024/fall-savings/LG/images/featured_1.png?ccid=x1b7f2b6e" />
						
						</div>
						<div>
							<b>
								
							
							</b>
							<div class="price-box">
								<b>
									Now $3,704
								
								</b>
								<span>
									Save $412
								
								</span>
								
								
							</div>
							<div data-change-text="Shop Now">
								<a data-ajax="false" data-role="none" data-query-url="/_CGI/SEARCH3?RPI_CLICK=TRUE&POS=0&RANDOM_ID=1283776359" 
			class="shop-all-button" href="/_CGI/SEARCH3?RPI_CLICK=TRUE&POS=0&RANDOM_ID=1283776359">Shop All
		</a>
								
							</div>
							<div class="featured-section-1-post-shop-button-text">
									<span>
										INCLUDED IN THIS PACKAGE:
									
									</span>
									
								</div>
							
							
						</div>
					
					`,
					/*
					footer1 : `
						<span>SHOP THE BIGGEST SALE OF THE YEAR!</span>
						
					`,
					footer2 : `
						*Advertised models are set in advance. Dealers are not held liable due to unforeseen availability issues or changes to promoted prices.
						
					`
					*/
					
				});
			
			
				var productShowcase1 = promoSectionLayout1({
				
					header1 : `
						<span>
								<b>
									Buy More Save More!
									
								</b>
								
							</span>
						
					`,
					header2 : `
						Rake in the Savings on These Amazing Local Deals!
						
					`,
					header3 : `
						
					
					`,
					header3 : ``,
					newClasses : `product-showcase-1 no-count`,
					contentContainer : `
					
						<div>
								<p>
									
										
									<styled-spacer 
										type="
											grow
											mid-line
										
										"
										
									></styled-spacer>
									
								</p>
								<div>
									${promoCarousel2(
											promoShowcaseQuery1
										
										)}

								</div>
								
							</div>
					`
				
				});
				
				
				var productShowcase2 = productShowcase2Active ? promoSectionLayout1({
				
					header1 : `
						<span></span>
							<span><span></span> <span></span></span>
							<span></span>
						
					`,
					header2 : `
						
					
					`,
					header3 : ``,
					newClasses : `product-showcase-2 no-count`,
					contentContainer : `
					
						<div>
								<p>
									<span>
			<b>
				LG Appliance - Makeover Options for any Household
				
			</b>
			
		</span>
									<styled-spacer 
										type="
											grow
											mid-line
										
										"
										
									></styled-spacer>
									
								</p>
								<div>
									

								</div>
								
							</div>
					`
				
				}) : ``;
				
				
				var keepShoppingSwitches = {
				
				};
				
				
				var keepShoppingSection1 = promoSectionLayout1({
				
					header1 : `
						<span></span>
							<span>KEEP SHOPPING TO UPGRADE YOUR ENTIRE KITCHEN</span>
							<span></span>
						
					`,				
					header2 : `
					
					`,
					header3 : ``,
					newClasses : `keep-shopping-section-1 no-count`,
					contentContainer : `
						<div>
							
								<figure class="normal-product-card cat-load col-xs-12" data-product-category="ref" >
									<a data-ajax="false" data-role="none" href="/_CGI/SEARCH3?POS=0&MINOR=REF:BSXS|REF:RWC|REF:RSPCL|REF:COMPACT|REF:DRAWER|REF:FFRENCH|REF:BFRENCH|REF:FGLASS|REF:BBOTF|REF:BREFALL|REF:FREFALL|REF:FTOPF|REF:FSXS|REF:FBOTF|REF:BGLASS|REF:BTOPF&MAN=LG" >
										<img class="img-responsive margin-auto" src="/promotions/neco/2024/fall-savings/LG/images/cat_ref.png?ccid=x1b7f2b6e" />
										<figcaption>
											<span>Shop</span><span>Refrigeration</span>
											
										</figcaption>
									
										<span class="custom-product-link		
					">Save Now
						
				</span>
								
									</a>
									
								</figure>
							
								
								<figure class="normal-product-card cat-load col-xs-12" data-product-category="cook" >
									<a data-ajax="false" data-role="none" href="/_CGI/SEARCH3?POS=0&MINOR=GR:GASR20|GR:GASR30|GR:GASPRO|ER:ERSPCL|GR:GRSURF|GR:GRWALCM|ER:ERWAL2|GR:GASR24|ER:ER30ST|ER:ERWALCM|GR:GRSLIN|ER:ERWAL1|GR:GRWAL1|GR:GRWAL2|ER:ERSURF|ER:ERDROP|GR:GRSPCL|ER:ER24RC|ER:ERWARM|ER:ER20RC|ER:ERSLIN|ER:ER30RC|GR:GR36A|ER:ER36A&MAN=LG" >
										<img class="img-responsive margin-auto" src="/promotions/neco/2024/fall-savings/LG/images/cat_cook.png?ccid=x1b7f2b6e" />
										<figcaption>
											<span>Shop</span><span>Cooking</span>
											
										</figcaption>
									
										<span class="custom-product-link		
					">Save Now
						
				</span>
								
									</a>
									
								</figure>
							
								
								<figure class="normal-product-card cat-load col-xs-12" data-product-category="dish" >
									<a data-ajax="false" data-role="none" href="/_CGI/SEARCH3?POS=0&MINOR=DISH:DWPO|DISH:DWBI&MAN=LG" >
										<img class="img-responsive margin-auto" src="/promotions/neco/2024/fall-savings/LG/images/cat_dish.png?ccid=x1b7f2b6e" />
										<figcaption>
											<span>Shop</span><span>Dishwashers</span>
											
										</figcaption>
									
										<span class="custom-product-link		
					">Save Now
						
				</span>
								
									</a>
									
								</figure>
							
								
								<figure class="normal-product-card cat-load col-xs-12" data-product-category="laund" >
									<a data-ajax="false" data-role="none" href="/_CGI/SEARCH3?POS=0&MINOR=LAUND:COMMD|LAUND:DRYGF|LAUND:WASHP|LAUND:COMMC|LAUND:WASHC|LAUND:WASHF|LAUND:DRYEF|LAUND:DRYE|LAUND:WASHCE|LAUND:COMMW|LAUND:DRYG|LAUND:WASHCG|LAUND:WASHHE|LAUND:PDSTL|LAUND:STEAM|LAUND:WASHT|LAUND:DRYP|LAUND:DRYTMG|LAUND:DRYTME&MAN=LG" >
										<img class="img-responsive margin-auto" src="/promotions/neco/2024/fall-savings/LG/images/cat_laund.png?ccid=x1b7f2b6e" />
										
										<figcaption>
											<span>Shop</span><span>Laundry</span>
											
										</figcaption>
									
										<span class="custom-product-link		
					">Save Now
						
				</span>
								
									</a>
									
								</figure>
							
						</div>
						<div>
							
						
					<section class="section-0 covid-section row boxed-container">
						<div>
							<p>
								DUE TO COVID-19, WE ARE EXPERIENCING PRODUCT SHORTAGES. THANK YOU FOR YOUR PATIENCE DURING THIS TIME. PLEASE CONTACT US FOR SPECIFIC MODEL AVAILABILITY AND IF A MODEL IS UNAVAILABLE, WE WILL WORK TO FIND AN ALTERNATE OPTION THAT WORKS BEST FOR YOU.
							
							</p>
									
						</div>
					
					</section>
					
					
				<!-- financing banner -->	
					<section class="section-locations row boxed-container">
						<div>
							<a class="icon-link" href="/locations.html">
								<div class="pad_content pad margin_content margin icon-bg">
										<p class="font_bold font-bold medium">SPECIAL FINANCING<br>EVERY DAY</p>
										<img src="/promotions/neco/icons/credit_1_red.png?&ccid=x1b7f2b6e" alt="Featured Promotion" title="Special Financing">
								</div>
							</a>
							<a class="icon-link" href="/locations.html">
								<div class="pad_content pad margin_content margin icon-bg">
										<p class="font_bold font-bold medium">LOCAL BUILT-IN<br>APPLIANCE SPECIALISTS</p>
										<img src="/promotions/neco/icons/tool_1_red.png?&ccid=x1b7f2b6e" alt="Featured Promotion" title="Special Financing">
								</div>
							</a>
							<a class="icon-link" href="/locations.html">
								<div class="pad_content pad margin_content margin icon-bg">
										<p class="font_bold font-bold medium">CONTACT US FOR<br>MORE INFORMATION</p>
										<img src="/promotions/neco/icons/phone_1_red.png?&ccid=x1b7f2b6e" alt="Featured Promotion" title="Special Financing">
								</div>
							</a>
						</div>

					</section>
				<!-- end financing banner -->
				
				</div>
					
					`
				
				});
			
				<!-- NEW SECTION: "Even More Ways to Save" -->

				var featuredSection2 = promoSectionLayout1({
				
					newClasses : `no-count more-ways-to-save boxed-container`,
					contentContainer : `
						
						<promo-column>
							<promo-row>
								<a href="/locations.html">EXPLORE FINANCING&nbsp;<i class="fa-regular fa-credit-card"></i></a>

								<a href="/locations.html">VISIT US&nbsp;<i class="fa-regular fa-location-dot"></i></a>

								<a href="/locations.html">DELIVERY &amp; INSTALLATION&nbsp;<i class="fa-solid fa-truck-fast"></i></a>
							</promo-row>

							<promo-row>

								<figure class="promo-bg-save">
									
									<img src="/promotions/neco/2024/fall-savings/LG/images/ways_to_save_img1.png?ccid=x1b7f2b6e" />

									${gremlin(`shop_all_button`, `man=${brandCode}`, `SHOP ALL PRODUCTS`, `CONTACT US`)}

								</figure>

								<figure class="promo-bg-save">

									<img src="/promotions/neco/2024/fall-savings/LG/images/ways_to_save_img2.png?ccid=x1b7f2b6e" />

									${gremlin(`shop_all_button`, `man=${brandCode}&MINOR=LAUND`, `SHOP LAUNDRY PAIRS`, `CONTACT US`)}

								</figure>

								<figure class="promo-bg-save">

									<b>Even More Ways to Save</b>

									<p>Celebrate Savings and Upgrade Your Home: Unbeatable Fall Savings Deals on Top-of-the-Line LG Appliances!</p>

									<a class="shop-all-button" href="/locations.html">LEARN MORE</a>

								</figure>

							</promo-row>


						</promo-column>
					
					`
				
				});


				<!---->
			
			
				var promoDisclaimerSection = promoDisclaimerLayout1(`boxed-container`, `Some Disclaimer Text`);
				
				
			var rebateSection1 = "";
		var prodOverlay = `<div class="temp-overlay"><img src="/promotions/neco/2024/fall-savings/lg/images/prod-overlay.png?ccid=x1b7f2b6e" /></div>`;
				
		
			/*
				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(`
				<!-- hero section -->
						${
							''//promoMainHero()
							
						}
					
					<!-- Post Hero 1 -->
						${postHero1}
						${
						
							``//postHero2
						
						}
					
					<!-- Rebate Section 1 -->
						${rebateSection1}
					
					
					<!-- Featured Section 1 -->
						${featuredSection1}
					
					<!-- Product Showcase 1 -->
						${productShowcase1}
					

					<!-- Product Showcase 2 -->
						${productShowcase2}
						
						<section class="row section-0 post-showcase-section">
							<div>
								<img src="/promotions/neco/2024/fall-savings/base/images/neag_local.png?ccid=x1b7f2b6e" />
							
							</div>
						
						</section>
					
					<!-- Keep Shopping Section 1 -->
						${keepShoppingSection1}
					
						
						<!-- New Section Insert: Even More Ways to Save -->
						${featuredSection2}${promoSectionLayout1({
			newClasses : `post-page-brand-message no-count boxed-container`,
			content : `
				<div>
					<p>
						<b id="da-package-details">
							What's Included in the Featured LG Appliance Package?
							
						</b>
						<span class="da-package-details-prods">
							*SEPTEMBER 26 - OCTOBER 16, 2024
							<br>
							${DisclaimerData()}
							<br><br>
						
						</span>
						<b>
							What better time to celebrate your home than with our Fall Savings Event on LG products?
						
						</b>
						<span>
							Shop our Fall Savings Event for powerful deals on LG kitchen appliances, laundry appliances, and impressive touches of performance and style that echo your taste for design. Whether you prefer timeless style or like to keep your look with the times, we're offering you laundry and kitchen appliance sales you don't want to miss. <br><br>
						
						</span>
						<span>
							Streamline your kitchen with these LG appliance deals. Or embrace breezy chore days made possible by these deals on laundry appliances like washers and dryers. Shopping our Fall Savings Event is the best way to celebrate your living space that we can imagine.
						
						</span>
						<b>
							What are you waiting for? 
							
						</b>
						<span>
							Click, shop, and SAVE BIG with special pricing on LG home appliances. You’ll be satisfied with the incredible deals you got at this Fall Savings Event for years to come.
							
						</span>
						
					</p>
					
				</div>
			
			`
		
		})}
			
			`);
			
			$(`.promotion section[class*=section-].slide-it-yo > div > div > span[data-slide-it-button="prev"]`).html(`&#10094;`);
			$(`.promotion section[class*=section-].slide-it-yo > div > div > span[data-slide-it-button="next"]`).html(`&#10095;`);
	
	var promoDisclaimerSection = setIfBlank(promoDisclaimerSection, 
		promoDisclaimerLayout1(`boxed-container`, `
			
		
		`)
	);
	
	
	$(".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 = ["2407035GE","NECO_SMEG_FTCR","NECO_ULN_CSR","NECO_LG_PPR","2408041LG","NECO_GE_FHCSPR3","NECO_DAC_51020R","NECO_KTA_CYDKR","NECO_LG_PLPR2","NECO_SAMSUNG_PPR","NECO_SAMSUNG_FICR","NECO_SAMSUNG_R2FG5","NECO_SAMSUNG_R2FG4","NECO_SAMSUNG_R2FG2","2406028BS","NECO_SHP_IIR","NECO_BLOMB_CCCR","2407037SA","NECO_BEKO_DIR","NECO_BOSCH_BMSMR2","2407036GEC","NECO_SHP_SBLR","NECO_BEKO_PKSR","NECO_BER_EWR","NECO_BER_BMSMR","NECO_BER_BMSMR","2409042GEB","NECO_GE_LPR7","NECO_LG_TCWR2","NECO_GE_FG","NECO_LG_BMSMR6","NECO_BEKO_CPR","NECO_CAFEA_FHCSPR7","NECO_CAFEA_FG5","NECO_FPK_CPKR","NECO_BEKO_FGR","NECO_CAFEA_EYR","2407033BS","2407039MA","NECO_BEKO_RR3","2407040KA","2407034FGFPEL","NECO_DCS_10PR2","NECO_ELECTROLUX_LP","NECO_FRIG_BMSMR7","2407038WP","NECO_GE_TIR4","NECO_BEKO_KSR",];

					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=x1b7f2b6e" inkscape:export-xdpi="21.882757" inkscape:export-ydpi="21.882757" inkscape:version="0.48.4 r9939" sodipodi:docname="ribbon-cutting.svg?ccid=x1b7f2b6e" 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();
				
				}
			
			}
			

			function animateDaCarousel(elem, numberOfSlidesToShow) {
			
			var slideSpeed = 250,
				navDirection = $(elem).attr("data-nav-direction"),
				daParent = $(elem).parent(),
				movingClass = "carousel-moving",
				carouselContent = $(elem).parent().parent().find("promo-carousel-content"),
				carouselCount = carouselContent.length,
				amountToMove = ((Math.round($(carouselContent[0]).width()) + Math.round($(carouselContent[0]).css("padding-left").split("px")[0]) + Math.round($(carouselContent[0]).css("padding-right").split("px")[0])) + "px");
				
			function resetTheCarousel() {
				$(daParent).removeClass(movingClass);
			
			}
			
			
			//if they want to see previous thing
			if(navDirection == "next") {
			
				//prototyped because .each was not waiting until animation is complete
				function doAfterItsComplete(elem) {
					//change how many has yet to be animated
					carouselCount--;
					
					//if there are no more to animate
					if(carouselCount < 1) {
						//finish the animation
						afterAnimation(elem);
						resetTheCarousel();
					
					}
				
				}
					
				function afterAnimation(elem) {
					//get each piece of content
					$(elem).parent().parent().find("promo-carousel-content").each(function() {
						//remove the animated slide - reset positions
						$(this).css({
							left: "+=" + amountToMove
							
						});
						
					});
					
					var contentParent = $(carouselContent).eq(0).parent();
					//since we have reset the positions, now we can move the first to the end
					$(contentParent).append($(carouselContent)[0]);
				
				}
			
				//for each slide of content...
				$(elem).parent().parent().find("promo-carousel-content").each(function() {
					//move all slides(sometimes each can move separately
					$(this).animate({
						left: "-=" + amountToMove
					
					}, {
						easing: 'swing',
						duration: slideSpeed,
						done: function(){
							/*
								we have to check after each elem animation 
								because .each is not waiting until all are 
								complete, meaning there is a visible shift 
								that the user can see
							*/
							doAfterItsComplete($(this));
						
						}
					
					});
					
				});
				
			} else {
				var contentParent = $(carouselContent).eq(0).parent();
				$(contentParent).prepend($(carouselContent)[carouselContent.length - 1]);
			
				//prototyped because .each was not waiting until animation is complete
				function doAfterItsComplete(elem) {
					//change how many has yet to be animated
					carouselCount--;
					
					//if there are no more to animate
					if(carouselCount < 1) {
						resetTheCarousel();
					
					}
				
				}
				
				$(elem).parent().parent().find("promo-carousel-content").each(function() {
					$(this).css({
						left: "-=" + amountToMove
					
					});
					
					$(this).animate({
						left: "+=" + ((Math.round($(carouselContent[0]).width()) + Math.round($(carouselContent[0]).css("padding-left").split("px")[0]) + Math.round($(carouselContent[0]).css("padding-right").split("px")[0])) + "px")
					
					}, {
						easing: 'swing',
						duration: slideSpeed,
						done: function(){
							doAfterItsComplete($(this));
						
						}
					
					});
					
				});
			
			}
		
		}
		
		function replaceProdImage(prodKey, imgSrc) {
			var replaceImage = true;
			
			if(Array.isArray(prodKey) && !prodKey[1]) {
				var fixedProdKey = prodKey[2].replace(/lg\:/g, "");

			} else if(Array.isArray(prodKey) && !isNaN(prodKey[1])) {
				replaceImage = false;

			} else if(prodKey.indexOf(":") > -1) {
				var fixedProdKey = prodKey.split(":")[1];

			}
			
			if(replaceImage) {
				$(`section:not(.section-1) > div figure[data-product-number="${fixedProdKey}"] img:not(.image-replaced)`).attr("src", imgSrc).addClass(`image-replaced`);
				
			}
		
		}
		async function MakeCardCats(daCats, daElem){
			var cardCatBlock = function(
				imageSource,
				titleText,
				linklocation = " "
			
			) {
				var imageElem = `
					<img src="${Array.isArray(imageSource) ? imageSource[0] : imageSource}" ${Array.isArray(imageSource) ? `alt="${imageSource[1]}"` : ` ` } />
				
				`;
				var titleElem = `
					<promo-info>
						${titleText}
						
					</promo-info>
				
				`;
			
				var result = `
					<figure class="card-cats" data-card-cat="${titleText.toLowerCase()}">
						<a data-ajax="false" data-role="none" ${linklocation != ` ` ? `href="${linklocation}"` : ` `}>
							<div>
								${imageElem}
								
							</div>
							${titleElem}
							
						</a>
					
					</figure>
				
				`;
			
				return result;
			
			};
			
			var allCatsBuilt = [];
			var catCounter = 0;
			
			await Promise.all(daCats.map(async (catType) => {
				var daCount = catCounter;
				catCounter++;
				var daLink = await queryForJimCode("shop_all_link.html", catType.link)
				allCatsBuilt[daCount] = cardCatBlock(
					catType.image,
					catType.category,
					daLink
					
				);
				
			}))
			document.querySelector(daElem).outerHTML = allCatsBuilt.join("");
			
		}
		
		
		//new slider
		function ActivateSliders() {
			var allSliders = document.body.querySelectorAll(`.section-slider`);
			var sliderTimeToFinishSlide = 0.75;
			var sliderTimeBetweenSliding = 4;
			
			async function SlideImages(daSlider, direction = "right", forced = false) {
				let daContainer = daSlider.querySelector("div");
				let daImages = daSlider.querySelectorAll("div > figure");
				let slidingImages = [];
				
				let firstImage = daImages[0];
				let lastImage = daImages[daImages.length - 1];
				
				daSlider.setAttribute("data-sliding-now", "true");
				
				if(direction == "left") {
					lastImage.style.left = "0px";
					daSlider.querySelector("div").insertAdjacentElement("afterBegin", lastImage);
					
				}
				
				for (let daImage of daImages) {
					let currentLeft = window.getComputedStyle(daImage, null).getPropertyValue("right").split("px")[0].split("%")[0];
					let currentWidth = window.getComputedStyle(daImage, null).getPropertyValue("width").split("px")[0].split("%")[0];
					if(direction == "left") {
						daImage.style.left = currentLeft - currentWidth + "px";
					
					}
					
					let slidingImage = new Promise((resolve) => {
					
						let daAnimation = daImage.animate(
							{
								left: [
									(direction == "right" ? currentLeft + "px" : currentLeft - currentWidth + "px"), 
									(direction == "right" ? currentLeft - currentWidth + "px" : currentLeft + "px")
								],
								
							},
							{
								fill: (direction == "right" ? "backwards" : "backwards"),
								duration: sliderTimeToFinishSlide * 1000,
								iterations: 1,
								
							}
							
						);
						
						daAnimation.addEventListener("finish", ()=> {
							resolve();
							
						});
						
					});
					
					slidingImages.push(slidingImage);
					
					if(direction == "left") {
						daImage.style.left = "0px";
					
					}
					
				}
				
				await Promise.all(slidingImages);
				
				if(direction == "right") {
					daSlider.querySelector("div").insertAdjacentElement("beforeEnd", daSlider.querySelector("figure"));
					
				}
				
				if(!forced) {
					SlideTimer(daSlider);
					
				} else {
					daSlider.setAttribute("data-skip-auto", "true");
					
				}
				daSlider.setAttribute("data-sliding-now", "false");
				
			}
			
			let SlideTimer = (daSlider)=> {
				setTimeout(function() {
					if(
						daSlider.getAttribute("data-hovering-now") == "false" && 
						daSlider.getAttribute("data-skip-auto") == "false" && 
						daSlider.getAttribute("data-auto") == "true"
						
					) {
						SlideImages(daSlider);
						
					} else if(daSlider.getAttribute("data-hovering-now") == "true") {
						SlideTimer(daSlider);
						
					} else {
						SlideTimer(daSlider);
						daSlider.setAttribute("data-skip-auto", "false");
						
					}
					
				}, sliderTimeBetweenSliding * 1000);
				
			};
			
			for(let daSlider of allSliders) {
				let daButtons = daSlider.querySelectorAll("slider-button");
				
				for(let daButton of daButtons) {
					daButton.addEventListener("click", (event)=> {
						if(daSlider.getAttribute("data-sliding-now") == "true") {
							return;
							
						}
						switch(daButton.getAttribute("data-slider-control")) {
							case "changeSlide":
								daSlider.setAttribute("data-sliding-now", "true");
								SlideImages(daSlider, daButton.getAttribute("data-slide-direction"), true);
								break;
								
						}
						
					});
					
				}
				
				daSlider.addEventListener("mouseover", (event)=> {
					daSlider.setAttribute("data-hovering-now", "true");
					
				});
				
				daSlider.addEventListener("mouseout", (event)=> {
					daSlider.setAttribute("data-hovering-now", "false");
					
				});
				
				//automated slider
				SlideTimer(daSlider);
				
			}
			
		}
		
		function SetSlideSizes() {
			let allSliders = document.body.querySelectorAll(`.section-slider`);
			
			for(let daSlider of allSliders) {
				if($(window).width() >= 1200) {
					daSlider.classList.add("bigger");
					daSlider.setAttribute("data-auto", "false");
					
				} else {
					daSlider.classList.remove("bigger");
					daSlider.setAttribute("data-auto", "true");
					
				}
				
			}
			
		}

			//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 > 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 > 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 span:first-of-type").trigger('click');
					
					
					//js version below
					
					
				$(".section-tabbed-section").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");
						
						}
					
					});
					
				});
				
				
				MakeCardCats(catTypes, `[name="categories"]`);
		
		$(".drop-link-1").click(function() {
			ScrollToThing($(".product-showcase-1"), 104);
		
		});
		
		$("promo-component-tabby").each(function(tabbyindex, tabbyElem) {
			let prodCats = $(tabbyElem).children("promo-tabby-tab-row").children("promo-tabby-tab");
			
			if($(prodCats).length > 0) {
				
				$(tabbyElem).find("[data-promo-tabby-tab]").on('click', function() {
					$(tabbyElem).find(".chosen").removeClass("chosen");
						
					$(this).addClass("chosen");
					
					$($(tabbyElem).find("[data-promo-tabby-slide='" + $(this).attr("data-promo-tabby-tab") + "']")).addClass("chosen");
				
				});
				
				$(prodCats).eq(0).trigger('click');
				
			} else {
				$(tabbyElem).find(".promo-tab-js-menu").remove();
			
			}
		
		
		});
		
		$("promo-carousel-nav").click(function() {
			var daParent = $(this).parent(),
				movingClass = "carousel-moving";
			
			if(!$(daParent).hasClass(movingClass)) {
				$(daParent).addClass(movingClass);
				animateDaCarousel($(this));
				
			}
		
		});
		
		ActivateSliders();
		SetSlideSizes();
	 
			});
			
			
			function delayLoaded() {
				doOnceWhenVarIsSet(
			'newRebateLink1',
		function() {
			$('a.rebate-needed').each(function() {
				$(this).attr('href', newRebateLink1);
				
			});
			
		});
		
		doOnceWhenVarIsSet(
			'newRebateLink2',
		function() {
			$('a.rebate-needed2').each(function() {
				$(this).attr('href', newRebateLink2);
				
			});
			
		});
		
		doOnceWhenVarIsSet(
			'newShopAllLink1',
		function() {
			$('a.shop-all-needed-1').each(function() {
				$(this).attr('href', newShopAllLink1);
				
			});
			
		});
		
		
		/*

			make a .each for the first showcase one day...its easier
			
		*/


		if(promoShowcaseQuery1.length > 0) {
			if(promoShowcaseQuery1.length < 2) {
				$(".product-showcase-1 promo-component-carousel promo-carousel-nav").remove();
			
			}
			promoShowcaseQuery1.forEach(function(value, index) {
				replaceProdImage(value, `${imagePath}product_showcase_1_${index + 1}.png`);

			});
			
		}
		

		if(promoShowcaseQuery2.length > 0) {
			if(promoShowcaseQuery2.length < 2) {
				$(".product-showcase-2 promo-component-carousel promo-carousel-nav").remove();
			
			}
			promoShowcaseQuery2.forEach(function(value, index) {
				replaceProdImage(value, `${imagePath}product_showcase_2_${index + 1}.png`);

			});
			
		}$(".check-for-locations a").each(function() {
			if(typeof $(this).attr("href") != `undefined` && $(this).attr("href").includes("locations.html")) {
				$(this).find("span").html("Contact Us");
			
			}
			
		});
		
		$(".promo-top-slide-2").removeAttr("href");
		
		$(".promo-top-slide-3").removeAttr("href");
		
		$(".promo-top-slide-5").attr("href", slide5Link);
		
		$(`[data-product-number="LFCS22520S"] > a:not(.delayed-edit)`).addClass("delayed-edit").append(prodOverlay);
		$(`[data-product-number="LDFC2423V"] > a:not(.delayed-edit)`).addClass("delayed-edit").append(prodOverlay);
		$(`[data-product-number="MVEL2033F"] > a:not(.delayed-edit)`).addClass("delayed-edit").append(prodOverlay);
		$(`[data-product-number="LRFXC2606S"] > a:not(.delayed-edit)`).addClass("delayed-edit").append(prodOverlay);
		$(`[data-product-number="MVEL2125F"] > a:not(.delayed-edit)`).addClass("delayed-edit").append(prodOverlay);
		$(`[data-product-number="LDTH7972S"] > a:not(.delayed-edit)`).addClass("delayed-edit").append(prodOverlay);
				
				
				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));
					
				});
				
				SetSlideSizes();
				
			});

			//When window scrolls
			$(window).scroll(function() {
			
				
			});
			
			
	</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 : "";
	
	}
	function getRequestedRebateCodes() {
		let results = ``;
		function testRebate(daRebate = "fail") {
			if(daRebate != "fail" && daRebate != "" && daRebate != "daFail") {
				results += daRebate + "|";
			
			}
		
		}
		typeof promoRebate1 != 'undefined' ? testRebate(promoRebate1) : ""
		typeof promoRebate2 != 'undefined' ? testRebate(promoRebate2) : ""
		typeof promoRebate3 != 'undefined' ? testRebate(promoRebate3) : ""
		typeof promoRebate4 != 'undefined' ? testRebate(promoRebate4) : ""
		typeof promoRebate5 != 'undefined' ? testRebate(promoRebate5) : ""
		typeof promoRebate6 != 'undefined' ? testRebate(promoRebate6) : ""
		typeof promoRebate7 != 'undefined' ? testRebate(promoRebate7) : ""
		typeof promoRebate8 != 'undefined' ? testRebate(promoRebate8) : ""
		typeof promoRebate9 != 'undefined' ? testRebate(promoRebate9) : ""
		return results;
	
	}
	
	function saferText( str ) {
		return (str + '').replace(/[\\"']/g, '\\$&').replace(/\u0000/g, '\\0');
		
	}

	$(document).ready(function() {
		$("body").append(`<div style="display: none;" id="promo-super-info-elem"></div>`);
	
		//mingle id
		promoElemInfoStorage("data-mingle-id", `2062170742`);
		promoElemInfoStorage("data-mingle-id-type", ('' == '' ? "mingle_id" : "gremlin_id"));
		promoElemInfoStorage("data-mingle-id-extra", ``);
		promoElemInfoStorage("data-mingle-id-lv4", `2062170742`);
		promoElemInfoStorage("data-mingle-id-ar", ``);
		promoElemInfoStorage("data-mingle-id-ari", ``);
		
		
		promoElemInfoStorage("data-all-rebates", getProperRebateCodes());
		promoElemInfoStorage("data-requested-rebates", getRequestedRebateCodes());
		promoElemInfoStorage("data-bonus-rebates", ``);
		
		if(typeof promoRebate1 != 'undefined') {
			promoInfoStorage("data-rebate-1", promoRebate1);
			
		}
		
		if(typeof promoRebate2 != 'undefined') {
			promoInfoStorage("data-rebate-2", promoRebate2);
			
		}
		
		if(typeof promoRebate3 != 'undefined') {
			promoInfoStorage("data-rebate-3", promoRebate3);
			
		}
		
		
		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.aaaappliancesales.com/promotions/neco/2024/fall-savings/lg/savings.html?RANDOM_ID=1283776359&RPI_CLICK=true`);
		promoElemInfoStorage("data-multi-page", `/promotions/neco/2024/fall-savings/bosch/savings.html////promotions/neco/2024/fall-savings/frigidaire/savings.html////promotions/neco/2024/fall-savings/ge/savings.html////promotions/neco/2024/fall-savings/kitchenaid/savings.html////promotions/neco/2024/fall-savings/lg/savings.html////promotions/neco/2024/fall-savings/maytag/savings.html////promotions/neco/2024/fall-savings/samsung/savings.html////promotions/neco/2024/fall-savings/whirlpool/savings.html`);
		promoElemInfoStorage("data-multi-page-adrocket", `no`);
		promoElemInfoStorage("data-page-rebates", checkURLCodes(true));
		promoElemInfoStorage("data-promo-url", `/promotions/neco/2024/fall-savings/base`);
		promoElemInfoStorage("data-promo-inherited-url", ``);
		promoElemInfoStorage("data-promo-title", `LG Fall Savings Event`);
		promoElemInfoStorage("data-promo-description", `Save on the best appliances for a limited time only.`);
		promoElemInfoStorage("data-promo-date", `SEPTEMBER 26 - OCTOBER 16, 2024`);
		promoElemInfoStorage("data-promo-social-url", `/promotions/neco/2024/fall-savings/base`);
		promoElemInfoStorage("data-promo-hero-url", ``);
		
		
		promoInfoStorage("data-css-url", `/promotions/neco/2024/fall-savings/base`);
		promoInfoStorage("data-promo-image-url", ``);
		promoInfoStorage("data-image-url", `/promotions/neco/2024/fall-savings/base`);
		promoInfoStorage("data-promo-image-path", `/promotions/neco/2024/fall-savings/LG/`);
		
		
		promoInfoStorage("data-promo-designer", `Chris`);
		
		promoInfoStorage("data-promo-lvl4-id", `2062170742`);
		promoInfoStorage("data-promo-ar-id", ``);
		promoInfoStorage("data-promo-aro-id", ``);
		
		
		promoInfoStorage("data-promo-page-type", ``);
		
		
		promoInfoStorage("promo-first-query", `rebate_form_number=&major=ref&ALPHA=1`);
		promoInfoStorage("promo-second-query", `man=whirl&major=ref&rebate=false&ALPHA=1`);
		promoInfoStorage("promo-third-query", `man=whirl&major=mic&rebate=false&ALPHA=1`);
		promoInfoStorage("promo-fourth-query", ``);
		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", ``);
		
		promoInfoStorage("data-promo-disclaimer", `${saferText(``)} `);
		promoInfoStorage("data-promo-email-disclaimer", `${saferText(``)} `);
		
		promoInfoStorage("data-promo-source-url", `${saferText(`/promotions/neco/2024/fall-savings`)} `);
		
		
	});

		
	$("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=x1b7f2b6e" 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>


	<div id="footer_bg">
			<div id="footer" class="grid_whole">
				Unable to read the contents of "/.COMMON_PLATO/FOOTER.HTML"

				<div class="clear"></div>
			</div>
		</div>

	<script type="text/javascript" src="/common_js/marketing_video_analytics.js?ccid=x1b7f2b6e"></script>


	<!-- ------ ---- -- -- -- ------- -->
	<!-- ------ ---- -- -- -- ------- -->

	<!-- needed, dont removed!!! -->
	

<!-- OwnerIQ Analytics tag --> 
			<!-- AAA Appliances - Analytics --> 
			<script type="text/javascript"> 
			window._oiqq = window._oiqq || []; 
			_oiqq.push(['oiq_addPageLifecycle', 'fd1j']); 
			_oiqq.push(['oiq_doTag']); 
			(function() { 
			var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true; 
			oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/2xt4ok.js'; 
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s); 
			})(); 
			</script></script> 
			<!-- End OwnerIQ tag -->

<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=x1b7f2b6e" defer></script>


<script>
    const store_phones = ['(617) 522-4020'.replace(/\D+/gm, '')];
    
    store_phones.push('(617) 522-4020'.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 type="text/javascript" src="/js/jquery.prettyPhoto.js?ccid=x1b7f2b6e"></script>
			<script type="text/javascript">
				$(document).ready(function () {		
					$("a[rel^='prettyPhoto']").prettyPhoto({
						animation_speed: 'normal', /* fast/slow/normal */
						horizontal_padding: 200,	
					});
				});
			</script></script>

<div id="primeworks-customer-widget" nmg-id="31306" rws-session-id=""></div>
        <script defer src="https://widget.nmgservices.org/lib/build.widget.min.js?1b21612f13d4ac4d5a7c559e06eb8f0e517aaa59"></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>


<style>
    #toasts .toast { background-color: #383972; }
</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 = "AAA Appliances".toUpperCase()[0]; 
            ctx.fillStyle = '#383972';
            
            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>

<script>
        const registerServiceWorker = async () => {
            if ('serviceWorker' in navigator && !'x1b7f2b6e'.startsWith('ERROR')) {
                try {
                    await navigator.serviceWorker.register('/service-worker.js')

                    if (navigator.serviceWorker.controller) {
                        // clean up old cache on every page load
                        window.addEventListener('load', () => {
                            navigator.serviceWorker.controller.postMessage('enforceLimit')
                        })
                    }
                } catch (error) {
                    console.error(`Service worker registration failed: ${error}`)
                }
            }
        };

        registerServiceWorker();
    </script>


</body>
</html>
	<!-- end of needed -->