It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.werentfun.net

  1. <!DOCTYPE html>
  2.        <html lang='en'>
  3.        <head>
  4.  
  5.  
  6. <!-- Google Tag Manager -->
  7. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  8. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  9. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  10. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  11. })(window,document,'script','dataLayer','GTM-NR22FLH');</script>
  12. <!-- End Google Tag Manager -->
  13.  
  14. <meta name="ahrefs-site-verification" content="8afd9c4f9b297c22afa6cfc11a82d1f2bb46effd24d0124cdc8346fec2e09724">
  15. <!-- Hotjar Tracking Code for https://www.werentfun.net -->
  16. <script>
  17.    (function(h,o,t,j,a,r){
  18.        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
  19.        h._hjSettings={hjid:2165178,hjsv:6};
  20.        a=o.getElementsByTagName('head')[0];
  21.        r=o.createElement('script');r.async=1;
  22.        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
  23.        a.appendChild(r);
  24.    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  25. </script>
  26.  
  27. <!-- BLGapi -->
  28. <script>let ers_nav = "Our Company<-secondary->Employment::/employment_opportunities/<-secondary->About Us::/about_us/<-secondary->Contact Us::/contact_us/<-secondary->Frequently Asked Questions::/faq/<-secondary->Privacy Policies::/privacy_policy/<-secondary->Donations::/Donations/<-secondary->Delivery Areas::/Delivery_Areas/";</script>
  29. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  30. <script src="https://www.BestLyfeGroup.com/clientResources/blgAPI/v3.js"></script>
  31. <link rel="stylesheet" href="https://www.BestLyfeGroup.com/clientResources/blgAPI/v3styling.css">
  32. <link rel="stylesheet" href="https://squad.BestLyfeGroup.com/clientResources/ers/omega/blgEditStyles.css">
  33. <link rel="stylesheet" href="https://squad.BestLyfeGroup.com/clientResources/ers/omega/ersStyles.css">
  34.  
  35.  
  36. <!-- Link Preview -->
  37. <meta property="og:title" content="We Rent Fun | Miami Party & Event Rentals" />
  38. <meta property="og:description" content="Party and event rentals made simple! Easy 24/7 online ordering with a company you can trust." />
  39. <meta property="og:image" content="https://files.sysers.com/cp/upload/omega/editor/full/WRF-Link-Preview-OG.jpg" />
  40. <meta property="og:url" content="http://www.werentfun.net/"/>
  41. <meta property="og:image:alt" content="We Rent Fun"/>
  42. <meta property="og:type" content="website"/>
  43. <!-- End Link Preview -->
  44.  
  45.  
  46. <script id='pixel-script-poptin' src='https://cdn.popt.in/pixel.js?id=c02609902be8c' async='true'></script>
  47.  
  48.  
  49. <!-- Owl Carousel -->
  50. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
  51. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css">
  52.  
  53.  
  54. <!-- Custom Styles for SWD -->
  55. <link rel="stylesheet" href="https://www.thebestlyfegroup.com/clientSections/omega/style-updated-05022022-blg.css">
  56. <link rel="stylesheet" href="https://www.thescienceoutlet.com/Client_Resources/ERS/swdrecentlyviewed.css">
  57. <!--<link rel="stylesheet" href="https://resources.swd-hosting.com/ers/mods/tccm/omega.css">--><style type="text/css">
  58.  
  59. .h4e51fe6f76a4ea47155379fbcb54c35e {
  60.    padding: 20px;
  61.    background: #000 !important;
  62.    color: #fff !important;
  63.    display: flex;
  64.    align-items: center;
  65.    justify-content: space-between;
  66.    align-content: center;
  67. }
  68.  
  69. .h4e51fe6f76a4ea47155379fbcb54c35e p {
  70.    margin: 0;
  71. }
  72.  
  73. .h4e51fe6f76a4ea47155379fbcb54c35e br {
  74.  display: none;
  75. }
  76.  
  77. .h4e51fe6f76a4ea47155379fbcb54c35e span {
  78.    color: #fff !important;
  79. }
  80.  
  81. .h4e51fe6f76a4ea47155379fbcb54c35e #h558153e978cbb3c26cb1190b625ca861 {
  82.  width: initial !important;
  83. }
  84.  
  85. .h4e51fe6f76a4ea47155379fbcb54c35e span a span {
  86.    color: #fff !important;
  87. }
  88.  
  89. .h4e51fe6f76a4ea47155379fbcb54c35e span a:hover {
  90.    color: #fff;
  91.    text-decoration: underline;
  92. }
  93. </style>
  94. <title>Bounce House Rental in Miami | Event Rentals | We Rent Fun</title>
  95. <meta name="keywords" content="Bounce house rentals, water slide rentals, obstacle course rentals, tent rentals, inflatable games rentals, carnival ride rentals, Photo Booth Rentals, concessions rentals, toddler inflatable rentals, table & chair rentals, Party Rental In Miami, Party Rentals In Miami, Party Rentals Miami, Bounce House Miami" />
  96. <meta name="description" content="For the best bounce house rental in Miami, turn to the pros at We Rent Fun. From inflatable rentals, water slides, games and more, we have you covered." />
  97. <script type="importmap">
  98. {
  99.    "imports": {
  100.        "preact": "/cp/resources/js/preact@10.5.13.module.js",
  101.        "preact/hooks": "/cp/resources/js/preact@10.5.13.hooks.module.js",
  102.        "preact/devtools": "/cp/resources/js/preact@10.5.13.devtools.module.js",
  103.        "html": "/cp/resources/js/html.module.js",
  104.        "slot": "/cp/resources/views/test_slot/slot/Slot.js",
  105.        "slot/utils": "/cp/resources/views/test_slot/slot/utils.js",
  106.        "rpc": "/__core__/rpc/index.js"
  107.    }
  108. }
  109. </script><script>document.addEventListener('DOMContentLoaded', () => {
  110.    let interval = 50;
  111.    function xy950() {
  112.        let bl = ["Ly9hW2NvbnRhaW5zKHRleHQoKSwgJ0V2ZW50IEhhd2snKV0=", "Ly9hW2NvbnRhaW5zKHRleHQoKSwgJ0VIJyld", "Ly9hW2NvbnRhaW5zKEBocmVmLCAnbXlhZGFjYWRlbXkuY29tJyld", "Ly9hW2NvbnRhaW5zKEBocmVmLCAnZXZlbnRoYXdrMzYwLmNvbScpXQ=="];
  113.        bl.forEach((b) => {
  114.            let nodes = document.evaluate(atob(b), document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null)
  115.            for(i=0; i < nodes.snapshotLength; i++) {
  116.                nodes.snapshotItem(i).remove();
  117.            }
  118.        });
  119.        interval *= 1.3;
  120.        setTimeout(xy950, interval);
  121.    }
  122.    xy950();
  123. });
  124. </script><script language='javascript' src='/cp/resources/js/general_functions.js?49'></script><style>/* imported by CountdownTimer module */.fomo-container {
  125.    opacity: 0;
  126.    font-size: 16px;
  127.    color: #333;
  128.    font-family: sans-serif;
  129.    font-weight: bold;
  130.    transition: opacity 250ms linear;
  131. }
  132.  
  133. .fomo-body {
  134.    display: inline-block;
  135. }
  136.  
  137. .fomo-slat {
  138.    display: inline-block;
  139.    vertical-align: top;
  140.    text-align: center;
  141.    margin: 0.3em 0.2em;
  142.    padding: 0.5em 1em;
  143.    min-width: 4.5em;
  144.    background-color: #fff;
  145.    box-shadow: 0 0 2px 0 #0003;
  146. }
  147.  
  148. .fomo-time,
  149. .fomo-unit {
  150. }
  151.  
  152. .fomo-time {
  153.    font-size: 1.5em;
  154. }
  155.  
  156. .fomo-unit {
  157.    color: rgba(0,0,0,0.5);
  158.    font-size: 0.7em;
  159. }
  160. </style><script type='module'>window.addEventListener("load", async function main() {
  161.    const timers = document.getElementsByClassName("fomo-container");
  162.    for (const timerElement of timers) {
  163.        const then = new Date(timerElement.getElementsByTagName("input")[0].value.trim());
  164.        initTimer(timerElement, then);
  165.    }
  166. });
  167.  
  168. function countDown(then) {
  169.    const _sec = 1000;
  170.    const _min = _sec * 60;
  171.    const _hr = _min * 60;
  172.    const _day = _hr * 24;
  173.    const _wk = _day * 7;
  174.    const diff = then - Date.now();
  175.    const days = Math.max(Math.floor(diff / _day), 0);
  176.    const hours = Math.max(Math.floor(diff % _day / _hr), 0);
  177.    const minutes = Math.max(Math.floor(diff % _hr / _min), 0);
  178.    const seconds = Math.max(Math.floor(diff % _min / _sec), 0);
  179.    return {days, hours, minutes, seconds};
  180. }
  181.  
  182. function initTimer(e, then) {
  183.    updateTimer(e, then);
  184. }
  185.  
  186. function updateTimer(e, then) {
  187.    const times = e.getElementsByClassName("fomo-time");
  188.    (function doUpdate() {
  189.  
  190.        const t = countDown(then);
  191.        const units = Object.values(t);
  192.        if (!units.some(Boolean)) {
  193.            e.style.display = "none";
  194.            return;
  195.        }
  196.  
  197.        e.style.display = "inline-block";
  198.        e.style.opacity = "1";
  199.        for (let i = 0; i < units.length; i++) {
  200.            times[i].innerHTML = units[i];
  201.        }
  202.        setTimeout(doUpdate, 1000);
  203.  
  204.    })();
  205. }
  206. </script><script>window.addEventListener("load", () => {
  207.  [...document.getElementsByClassName("asyncImage")].map((item) => {
  208.    const img = new Image();
  209.    img.src = (
  210.      item.nodeName === "IMG"
  211.        ? item.src
  212.        : item.style.backgroundImage.slice(4, -1).replace(/['"]/g, "")
  213.    ).replace(/(banner|categories|design|editor|gallery|items)\b/g, "$1/full");
  214.    img.onload = () => {
  215.      return item.nodeName === "IMG"
  216.        ? (item.src = img.src)
  217.        : (item.style.backgroundImage = `url("${img.src}")`);
  218.    };
  219.  });
  220. });
  221. </script><script type='text/javascript'>CM_use_touch = false;</script>
  222.  
  223. <script type='text/javascript'>
  224. CM_foldername = 'omega';
  225. PL_row_id = '0';
  226. </script>
  227.  
  229. <script type='text/javascript' src='/cp/resources/js/click_mapping.js?v=1557513038'></script>
  230.  
  232.            <meta charset="utf-8">
  233.            <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="shortcut icon" href="//files.sysers.com/cp/upload/omega/editor/full/Gator-Head-Big.png" sizes="any" />
  234. <link rel="apple-touch-icon" href="//files.sysers.com/cp/upload/omega/editor/full/Gator-Head-Big.png" sizes="any" />
  235. <link rel='stylesheet' href='/cp/resources/template-common/responsive/bootstrap.min.css?md5=6dde4d3ce89ffe3ba3955eab085fd0fb'>
  236.        <script src='/cp/resources/template-common/jquery-2.2.0.min.js' noexpand='1'></script><style>
  237.            :root {
  238.                --color-theme-1: #0a00d1;
  239.                --color-theme-2: #ff5700;
  240.                --color-theme-3: #1573fc;
  241.                --color-theme-4: #fff;
  242.                --color-theme-5: #fff;
  243.                --color-theme-6: #fff;}
  244.        </style><!--floating shopping cart start-->
  245. <script>const showFloatingCart = 'yes'; const floatingCartCountIndicator = ''</script>
  246. <script src="https://premium-websections.ourers.com/view/assets/floating-shopping-cart.js"></script>
  247. <script src="https://premium-dev.ourers.com/cp/resources/js/ajax_lib.js"></script>
  248. <link rel="stylesheet" href="https://premium-websections.ourers.com/view/assets/floating-shopping-cart.css" />
  249. <style>.floating-shopping-cart {background-color: #ff5700;} .floating-shopping-cart .shopping-cart-icon {fill: #fff;} .cart-modal-container .shopping-cart-modal::-webkit-scrollbar-thumb {background-color: #1573fc;} .floating-shopping-cart .floating-cart-count-indicator{color:#fff; background-color:#1573fc}</style>
  250. <!--floating shopping cart end-->
  251.  
  252. <script id='pixel-script-poptin' src='https://cdn.popt.in/pixel.js?id=c02609902be8c' async='true'></script>
  253.  
  254. <!-- schema START -->
  255. <script type="application/ld+json">
  256. {
  257.  "@context": "https://schema.org",
  258.  "@type": "LocalBusiness",
  259.  "name": "We Rent Fun",
  260.  "image": "https://files.sysers.com/cp/upload/omega/editor/Final-We-Rent-Fun-Final.png",
  261.  "@id": "",
  262.  "url": "https://www.werentfun.net/",
  263.  "telephone": "305-985-0505",
  264.  "address": {
  265.    "@type": "PostalAddress",
  266.    "streetAddress": "8850 NW 97 Ave., Apt 103",
  267.    "addressLocality": "Doral",
  268.    "addressRegion": "FL",
  269.    "postalCode": "33178",
  270.    "addressCountry": "US"
  271.  },
  272.  "geo": {
  273.    "@type": "GeoCoordinates",
  274.    "latitude": 25.8534484,
  275.    "longitude": -80.3555344
  276.  },
  277.  "openingHoursSpecification": {
  278.    "@type": "OpeningHoursSpecification",
  279.    "dayOfWeek": [
  280.      "Monday",
  281.      "Tuesday",
  282.      "Wednesday",
  283.      "Thursday",
  284.      "Friday",
  285.      "Saturday",
  286.      "Sunday"
  287.    ],
  288.    "opens": "00:00",
  289.    "closes": "23:59"
  290.  },
  291.  "sameAs": [
  292.    "https://www.facebook.com/WeRentFun.Net/",
  293.    "https://www.instagram.com/werentfun/",
  294.    "https://www.youtube.com/channel/UCAqszFtD4pczUizY11mbAaQ",
  295.    "https://www.yelp.com/biz/we-rent-fun-miami-lakes"
  296.  ]
  297. }
  298. </script>
  299. <!-- schema END -->
  300.  
  301.  
  302. <link rel="stylesheet" href="/cp/resources/css/swiper-bundle.min.css" />
  303. <script src="/cp/resources/js/swiper-bundle.min.js"></script>
  304. <script type="text/javascript">
  305. $(document).ready(function() {
  306.    // Fix button styling in store
  307.    $('.button_add').addClass('button_book').removeClass('button_add');
  308. });
  309.  
  310. //Fetch data
  311. let productsData;
  312. let categoriesData;
  313.  
  314. const searchEndpoint = 'https://api.partyrental.marketing/v1/installs/omega/products';
  315. const productsAndCategories = $.getJSON(searchEndpoint, (response) => {
  316.    if (response.status !== 200) {
  317.        throw new Error(`${response.status} Error: ${response.message}`);
  318.    }
  319.  
  320.    productsData = response.data.products;
  321.    categoriesData = response.data.categories;
  322. });
  323. </script>
  324. <link rel="preconnect" href="https://fonts.googleapis.com">
  325. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  326. <link href="https://fonts.googleapis.com/css2?family=Passion+One&family=Rubik:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap" rel="stylesheet">
  327. <style rel="stylesheet" type="text/css">
  328. /*Hide editor content on live page*/
  329. body[class*="ers"] .editor-only {
  330.    display: none;
  331. }
  332.  
  333. /* Hide old web sections in editor */
  334. div#section_browser > div[style*="width:100%"] > div[style*="padding:20px"] > div.scnt {
  335.    display: none;
  336. }
  337. div#section_browser > div[style*="width:100%"] > div[style*="padding:20px"] > div:nth-child(1n + 66) {
  338.    display: initial;
  339. }
  340.  
  341. /* Fixes styling of category boxes on Category Page and Home page */
  342. .ers_category .panel-default,
  343. .ers_page_home .panel-default {
  344.    box-shadow: 0 0 5px #707070;
  345.    border-radius: 5px;
  346.    margin: 15px 0;
  347.    border: solid 3px #222;
  348. }
  349. .ers_category .panel-title, .ers_page_home .panel-title {
  350.    font-size: 1.25rem;
  351. }
  352. .ers_category .store > .container .row div.col-md-4,
  353. .ers_category .store section div[id*='container_'],
  354. .ers_page_home .store > .container .row div.col-md-4,
  355. .ers_page_home .store section div[id*='container_'] {
  356.    box-shadow: none;
  357. }
  358.  
  359. .ajax_overlay #price_rule_text {
  360.    overflow-y: scroll !important;
  361. }
  362. body .button_book {
  363.    width: unset;
  364. }
  365. .store section > .col-md-4 {
  366.    height: 440px !important;
  367. }
  368.  
  369. /* Fix font styling on item pages */
  370. .basic-item-page div.description-container {
  371.    font-family: 'Rubik', Verdana, sans-serif;
  372. }
  373.  
  374. /* Fix styling on contact form */
  375. .form-control {
  376.    margin-bottom: 10px !important;
  377.    height: 45px;
  378.    font-size: 16px;
  379. }
  380.  
  381. /* Fix button centering on order by date page */
  382. .ers_page_order-by-date #item_container > div > table > tbody > tr:nth-of-type(2) {
  383.    display: flex;
  384.    justify-content: center;
  385. }
  386. .ers_page_order-by-date #item_container > div > table > tbody > tr:nth-of-type(2) > td > div {
  387.    margin-left: 0 !important;
  388. }
  389.  
  390. /* Fix styles on item pages */
  391. body[class^="ers_items"] #item_container > div > table > tbody > tr:nth-of-type(2) > td > div {
  392.    display: flex;
  393.    justify-content: center;
  394. }
  395. body[class^="ers_items"] .highlight-list-content {
  396.    text-align: center;
  397. }
  398. body[class^="ers_items"] #item_container > div > table > tbody > tr:nth-of-type(1) > td > div {
  399.    overflow-y: scroll !important;
  400.    padding: 10px;
  401. }
  402.  
  403. /* Core Styles */
  404. body {
  405.    font-family: 'Rubik', Verdana, sans-serif;
  406.    font-size: 16px;
  407.    overflow-x: hidden;
  408. }
  409. .header-style {
  410.    font-family: 'Passion One', Verdana, sans-serif;
  411. }
  412. .link-style {
  413.    filter: brightness(100%);
  414.    text-decoration: none;
  415.    transition: 0.25s;
  416. }
  417. .link-style:hover,
  418. .link-style:focus {
  419.    color: #fff;
  420.    filter: brightness(90%);
  421.    text-decoration: none;
  422. }
  423. .button-style {
  424.    color: #fff;
  425.    border: none;
  426.    padding: 10px 20px;
  427.    border-radius: 5px;
  428.    box-shadow: 0 0 5px #707070;
  429.    filter: brightness(100%);
  430.    transition: 0.25s;
  431. }
  432. .button-style:hover,
  433. .button-style:focus {
  434.    color: #fff;
  435.    text-decoration: none;
  436.    filter: brightness(90%);
  437. }
  438. .custom-scrollbar::-webkit-scrollbar {
  439.    width: 10px;               /* width of the entire scrollbar */
  440. }
  441. .custom-scrollbar::-webkit-scrollbar-track {
  442.    background: transparent;        /* color of the tracking area */
  443. }
  444. .custom-scrollbar::-webkit-scrollbar-thumb {
  445.    background-color: #808080;    /* color of the scroll thumb */
  446.    visibility: hidden;          /* hides scrollbar when not hovered */
  447.    transition: 0.25s;
  448. }
  449. .custom-scrollbar:hover::-webkit-scrollbar-thumb {
  450.    visibility: visible;
  451. }
  452. /* End Core Styles */
  453.  
  454. #store_form input[type="button"] {
  455.    height: unset !important;
  456.    background-color: #ff5700;
  457. }
  458. #store_form button:hover,
  459. #store_form input[type="button"]:hover,
  460. #store_form input[type="submit"]:hover {
  461.    color: #fff;
  462.    text-decoration: none;
  463.    -webkit-animation: Animation .75s ease 1;
  464.    -moz-animation: Animation .75s ease 1;
  465.    animation: Animation .75s ease 1;
  466. }
  467. .header-button {
  468.    margin-left: 20px;
  469. }
  470. #search_box {
  471.    display: none;
  472. }
  473. @media only screen and (max-width: 600px) {
  474.    div[style="text-align: center;"] {
  475.        display: flex;
  476.        flex-direction: column;
  477.    }
  478. }
  479. </style>
  480. <style type="text/css">
  481. /*
  482. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  483. *
  484. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  485. * unless you know what you're doing.
  486. */
  487. /*
  488. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  489. * inside of the `/config/layout.scss` file
  490. */
  491. /*
  492. * Automatically chooses a white or black font color dependant upon the background color
  493. * and what can be seen better. Not perfect, but works good.
  494.    */
  495. /*
  496. * Returns an array containing colors for each of the pseudo-class's for a link
  497.    */
  498. /*
  499. * See link-state-colors; Meant to differentiate from link-state-colors and be used for links background colors;
  500.    */
  501. /*
  502. * Change these variables around if the end result doesn't look good after changing brand colors.
  503. * I know this is far from perfect as well so please feel free to recommend how you think
  504. * it should be setup so we can come up with a better & more useful structure
  505. */
  506. html, body {
  507.    background: #fff !important;
  508.    font-size: 16px !important;
  509.    font-weight: 400 !important;
  510. }
  511.  
  512. html, body {
  513.    background-image: none !important;
  514. }
  515.  
  516. video {
  517.    width: 100%    !important;
  518.    height: auto   !important;
  519. }
  520.  
  521. h1, .h1,
  522. h2, .h2,
  523. h3, .h3,
  524. h4, .h4,
  525. h5, .h5,
  526. h6, .h6 {
  527.    margin: 0 0 15px 0;
  528.    display: block;
  529. }
  530.  
  531. h1, .h1 {
  532.    font-size: 3rem;
  533.    margin: 0 0 15px 0;
  534. }
  535.  
  536. h2, .h2 {
  537.    font-size: 2.8rem;
  538.    margin: 0 0 15px 0;
  539. }
  540.  
  541. h3, .h3 {
  542.    font-size: 2.4rem;
  543.    margin: 0 0 15px 0;
  544. }
  545.  
  546. h4, .h4 {
  547.    font-size: 2rem;
  548.    margin: 0 0 15px 0;
  549. }
  550.  
  551. h5, .h5 {
  552.    font-size: 1.8rem;
  553.    margin: 0 0 15px 0;
  554. }
  555.  
  556. h6, .h6 {
  557.    font-size: 1.5rem;
  558.    margin: 0 0 15px 0;
  559. }
  560.  
  561. ol, ul {
  562.    list-style-position: inside;
  563. }
  564.  
  565. video {
  566.    width: 100%    !important;
  567.    height: auto   !important;
  568. }
  569.  
  570. p {
  571.    line-height: 1.5rem;
  572.    font-size: 1.1rem;
  573. }
  574.  
  575. p:last-child {
  576.    margin-bottom: 0;
  577. }
  578.  
  579. /*  ERS Resets */
  580. .col-sm-12[style*="padding-right"][style*="0px"] {
  581.    padding: 5px 15px !important;
  582. }
  583.  
  584. div[style*="max-height"][style*="overflow:auto"] {
  585.    overflow: visible !important;
  586. }
  587.  
  588. .green_asterisk {
  589.    color: #ff5700 !important;
  590. }
  591.  
  592. *[autocolor="main"] {
  593.    background-color: #ff5700 !important;
  594.    opacity: 1 !important;
  595. }
  596.  
  597. #item_container.ajax_overlay table tr:nth-child(2) td div[style*="margin-left:100px"] {
  598.    margin-left: 0 !important;
  599. }
  600.  
  601. /* End ERS Resets */
  602. /*
  603. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  604. *
  605. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  606. * unless you know what you're doing.
  607. */
  608. /*
  609. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  610. * inside of the `/config/layout.scss` file
  611. */
  612. /*
  613. * Automatically chooses a white or black font color dependant upon the background color
  614. * and what can be seen better. Not perfect, but works good.
  615.    */
  616. /*
  617. * Returns an array containing colors for each of the pseudo-class's for a link
  618.    */
  619. /*
  620. * See link-state-colors; Meant to differentiate from link-state-colors and be used for links background colors;
  621.    */
  622. /*
  623. * Change these variables around if the end result doesn't look good after changing brand colors.
  624. * I know this is far from perfect as well so please feel free to recommend how you think
  625. * it should be setup so we can come up with a better & more useful structure
  626. */
  627. .section-py {
  628.    padding-top: 60px;
  629.    padding-bottom: 60px;
  630. }
  631.  
  632. .section-px {
  633.    padding-left: 15px;
  634.    padding-right: 15px;
  635. }
  636.  
  637. .section-primary {
  638.    background: #fff;
  639.    color: #212529;
  640. }
  641.  
  642. .section-primary a:hover {
  643.    color: #fff;
  644. }
  645.  
  646. .section-primary a:active {
  647.    color: #222;
  648. }
  649.  
  650. .section-primary a:link {
  651.    color: #000;
  652. }
  653.  
  654. .section-primary a:visited {
  655.    color: #444;
  656. }
  657.  
  658. .video-responsive {
  659.    position: relative;
  660.    padding-bottom: 56.25%;
  661.    /* 16:9 */
  662.    padding-top: 25px;
  663.    height: 0;
  664. }
  665.  
  666. .video-responsive iframe {
  667.    position: absolute;
  668.    top: 0;
  669.    left: 0;
  670.    width: 100%;
  671.    height: 100%;
  672. }
  673.  
  674. .footer {
  675.    position: relative;
  676.    color: #fff;
  677.    background: #333;
  678.    border: 1px solid #222;
  679.    box-shadow: 1px 1px 1px #000;
  680. }
  681.  
  682. /*
  683. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  684. *
  685. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  686. * unless you know what you're doing.
  687. */
  688. /*
  689. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  690. * inside of the `/config/layout.scss` file
  691. */
  692. /*
  693. * Automatically chooses a white or black font color dependant upon the background color
  694. * and what can be seen better. Not perfect, but works good.
  695.    */
  696. /*
  697. * Returns an array containing colors for each of the pseudo-class's for a link
  698.    */
  699. /*
  700. * See link-state-colors; Meant to differentiate from link-state-colors and be used for links background colors;
  701.    */
  702. /*
  703. * Change these variables around if the end result doesn't look good after changing brand colors.
  704. * I know this is far from perfect as well so please feel free to recommend how you think
  705. * it should be setup so we can come up with a better & more useful structure
  706. */
  707. center.ers_footer {
  708.    padding: 15px;
  709.    color: #fff;
  710.    background: #222;
  711.    border: 1px solid #66b8ff;
  712. }
  713.  
  714. center.ers_footer br, .ers_footer > p {
  715.    display: none !important;
  716. }
  717.  
  718. .prm-copyright, .ers_footer > div[style*="center"] {
  719.    display: inline;
  720.    text-align: initial !important;
  721. }
  722.  
  723. .prm-copyright span,
  724. .ers_footer span {
  725.    color: #fff !important;
  726. }
  727.  
  728. .copyright a,
  729. .ers_footer span font {
  730.    color: #000 !important;
  731. }
  732.  
  733. /*
  734. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  735. *
  736. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  737. * unless you know what you're doing.
  738. */
  739. /*
  740. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  741. * inside of the `/config/layout.scss` file
  742. */
  743. /*
  744. * $button-background-color
  745. * This can be set to a gradient if you use the background shorthand property,
  746. * otherwise you may want to edit the scss directly
  747. * Shorthand syntax: https://www.w3schools.com/cssref/css3_pr_background.asp
  748.    */
  749. /*.button,
  750. .button_book,
  751. .button_add,
  752. .button_back,
  753. .header_change_button,
  754. .button_finalizeOrder,
  755. .btn#ers_continue_shopping,
  756. .btn#ers_translate_clear_order,
  757. .btn#ers_translate_checkout,
  758. #cart_container .btn-default {
  759.    background: #0BB02B !important;
  760.    border-radius: 5px !important !important;
  761.    border: none !important;
  762.    padding: 7px 14px !important;
  763.    font-size: 0.8rem !important;
  764.    color: #fff !important;
  765.    font-weight: 600 !important;
  766.    font-family: "Open Sans", verdana, arial, sans-serif !important;
  767.    text-transform: capitalize !important;
  768.    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important;
  769.    box-shadow: none !important;
  770.    margin: 2px !important;
  771.    outline: none !important;
  772. }*/
  773.  
  774. .button,
  775. .button_add,
  776. .button_back,
  777. .header_change_button,
  778. .button_finalizeOrder,
  779. .btn#ers_continue_shopping,
  780. .btn#ers_translate_clear_order,
  781. .btn#ers_translate_checkout,
  782. #cart_container .btn-default {
  783.    font-size: 16px;
  784.    color: #fff !important;
  785.    border: none;
  786.    padding: 10px 20px;
  787.    border-radius: 5px;
  788.    box-shadow: 0 0 5px #707070;
  789.    background-color: #ff5700;
  790. }
  791.  
  792. .btn#ers_translate_checkout {
  793.    margin-top: 6px;
  794.    background-color: #ff5700;
  795. }
  796. .btn#ers_translate_checkout:hover {
  797.    color: #fff;
  798.    text-decoration: none;
  799.    background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
  800. }
  801.  
  802. .store .item_price {
  803.    font-family: 'Passion One', sans-serif !important;
  804.    font-size: 25px !important;
  805. }
  806.  
  807. .store .button_book,
  808. .store .button_back,
  809. .btn#ers_continue_shopping,
  810. .btn#ers_translate_clear_order,
  811. .form-group > .col-md-6 > .btn-primary {
  812.    color: #fff;
  813.    border: none;
  814.    padding: 10px 20px;
  815.    border-radius: 5px;
  816.    box-shadow: 0 0 5px #707070;
  817.    background-color: #ff5700;
  818. }
  819. .store .button_book:hover,
  820. .store .button_back:hover,
  821. .btn#ers_continue_shopping:hover,
  822. .btn#ers_translate_clear_order:hover,
  823. .form-group > .col-md-6 > .btn-primary:hover {
  824.    color: #fff;
  825.    text-decoration: none;
  826.    background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
  827. }
  828.  
  829. .store [class*=col-xs-12] > table td[valign] > div[style*=float],
  830. .store div > table td[valign] > div[style*=float] {
  831.    width: 100%;
  832.    padding-bottom: 20px;
  833. }
  834.  
  835. .button_back {
  836.    padding: 7px 14px !important;
  837. }
  838.  
  839. /* Add to calendar button */
  840. .button_book {
  841.    width: 230px;
  842.    max-width: 100%;
  843. }
  844.  
  845. .book-now .button_book {
  846.    width: 100% !important;
  847.    max-width: 100% !important;
  848.    border: none !important;
  849.    padding: 10px 20px !important;
  850.    border-radius: 5px !important;
  851.    box-shadow: 0 0 5px #707070 !important;
  852.    color: #fff !important;
  853.    font-family: Verdana, Arial !important;
  854.    font-size: 14pt !important;
  855.    font-weight: 400 !important;
  856. }
  857.  
  858. .ers_button_silver {
  859.    background: #e3e3e3 !important;
  860.    border: 1px solid #AFAFAF !important;
  861.    border-radius: 5px !important;
  862.    color: #495057;
  863. }
  864.  
  865. .ers_button_default,
  866. .ers_button_grey,
  867. .ers_button_silver {
  868.    padding: 7px 14px;
  869.    vertical-align: middle;
  870. }
  871.  
  872. /*
  873. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  874. *
  875. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  876. * unless you know what you're doing.
  877. */
  878. /*
  879. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  880. * inside of the `/config/layout.scss` file
  881. */
  882. .calendar_div_dayofweek, .calendar_cell_dayofweek {
  883.    background-color: #0a00d1 !important;
  884.    color: #fff !important;
  885.    text-align: center !important;
  886. }
  887.  
  888. .calendar_div {
  889.    color: #0a00d1 !important;
  890. }
  891.  
  892. #calendar_container .button-nexto-text {
  893.    color: #495057 !important;
  894. }
  895.  
  896. .calendar_nextprev {
  897.    color: #0a00d1 !important;
  898. }
  899.  
  900. #multidaybtn div[onclick*=multidaybtn] {
  901.    background-color: #0a00d1 !important;
  902.    color: #fff !important;
  903.    width: 100% !important;
  904.    margin: 0 0 10px 0 !important;
  905.    border-radius: 5px !important !important;
  906. }
  907.  
  908. #multidaybtn div[onclick*=overnight] {
  909.    background-color: #1573fc !important;
  910.    color: #fff !important;
  911.    width: 100% !important;
  912.    margin: 0 !important;
  913.    border-radius: 5px !important !important;
  914. }
  915.  
  916. /*
  917. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  918. *
  919. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  920. * unless you know what you're doing.
  921. */
  922. /*
  923. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  924. * inside of the `/config/layout.scss` file
  925. */
  926.  
  927. .suggested-addon-text {
  928.    font-size: 1.2rem !important;
  929.    line-height: 1.1em !important;
  930. }
  931.  
  932. /* Begin: Checkout Forms */
  933. #formsec1, #formsec2, #formsec3 {
  934.    border-radius: 20px;
  935.    padding-left: 0px;
  936.    padding-right: 0px;
  937. }
  938.  
  939. #store_form button,
  940. #store_form select,
  941. #store_form input[type="email"],
  942. #store_form input[type="text"],
  943. #store_form input[type="submit"],
  944. #store_form input[type="button"] {
  945.    height: 45px;
  946. }
  947.  
  948. #store_form button,
  949. #store_form select,
  950. #store_form textarea,
  951. #store_form input[type="text"],
  952. #store_form input[type="email"] {
  953.    width: 100% !important;
  954.    max-width: 100% !important;
  955.    border: 1px solid #cccccc;
  956.    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
  957.    padding: 2px 15px;
  958.    border-radius: 5px;
  959. }
  960.  
  961. #store_form button,
  962. #store_form input[type="button"],
  963. #store_form input[type="submit"] {
  964.    color: #fff;
  965.    border: none;
  966.    padding: 10px 20px;
  967.    border-radius: 5px;
  968.    box-shadow: 0 0 5px #707070;
  969.    background-color: #ff5700;
  970. }
  971. #store_form button:hover,
  972. #store_form input[type="button"]:hover,
  973. #store_form input[type="submit"]:hover {
  974.    color: #fff;
  975.    text-decoration: none;
  976.    background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
  977. }
  978.  
  979. #store_form button,
  980. #store_form input[type="button"],
  981. #store_form input[type="submit"] {
  982.    width: 100%;
  983. }
  984.  
  985. #store_form textarea {
  986.    padding: 10px 15px !important;
  987. }
  988.  
  989. #store_form table[style*="left"][style*="8px"] {
  990.    left: 0 !important;
  991. }
  992.  
  993. #store_form select[id*="order_options_"], #store_form #other_billing_state {
  994.    margin-top: 8px;
  995. }
  996.  
  997. /* End: Checkout Forms */
  998. /* Begin: Payment Page */
  999. #payment_container td[bgcolor] {
  1000.    background-color: #cccccc;
  1001.    color: #777 !important;
  1002. }
  1003.  
  1004. /* End: Payment Page */
  1005. @media (min-width: 400px) {
  1006.    .cart_table_container .cart_item_name {
  1007.    font-weight: 600;
  1008.    }
  1009.    .cart_table_container .cart_item_name, .cart_table_container .cart_item_details, .cart_table_container table[width*='100'] td:nth-child(2) font {
  1010.    font-size: 1.2rem !important;
  1011.    line-height: 1.1em !important;
  1012.    }
  1013. }
  1014.  
  1015. /*
  1016. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  1017. *
  1018. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  1019. * unless you know what you're doing.
  1020. */
  1021. /*
  1022. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  1023. * inside of the `/config/layout.scss` file
  1024. */
  1025. /* Logo Styling */
  1026. .logo {
  1027.    display: block;
  1028.    margin: 0 auto;
  1029. }
  1030.  
  1031. .logo img {
  1032.    width: 100%;
  1033.    max-width: 180px;
  1034.    max-height: 80px;
  1035.    margin: -5px 0 0 0;
  1036. }
  1037.  
  1038. /* End Logo Styling */
  1039. /*
  1040. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  1041. *
  1042. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  1043. * unless you know what you're doing.
  1044. */
  1045. /*
  1046. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  1047. * inside of the `/config/layout.scss` file
  1048. */
  1049. #search_box {
  1050.    margin: 20px 0 !important;
  1051.    border-radius: 5px;
  1052.    border: none;
  1053.    padding-bottom: 0 !important;
  1054. }
  1055.  
  1056. #item_search_box {
  1057.    background: #0a00d1;
  1058.    color: #fff !important;
  1059.    border-radius: 0 !important;
  1060.    font-weight: 600;
  1061.    box-shadow: -2px 0 1px rgba(0, 0, 0, 0.2);
  1062.    text-transform: uppercase;
  1063.    width: 100%;
  1064.    text-align: center;
  1065.    cursor: pointer;
  1066. }
  1067.  
  1068. input#search_items {
  1069.    width: 100%;
  1070.    padding-left: 20px;
  1071. }
  1072.  
  1073. #search_box {
  1074.    overflow: hidden;
  1075. }
  1076.  
  1077. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td {
  1078.    display: inline-block;
  1079.    width: 80%;
  1080. }
  1081.  
  1082. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td:nth-child(1) input[type=text] {
  1083.    width: 100%;
  1084.    border: none !important;
  1085. }
  1086.  
  1087. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td:nth-child(2) {
  1088.    display: inline-block;
  1089.    width: 20%;
  1090.    padding-left: 0 !important;
  1091. }
  1092.  
  1093. input#item_search_box {
  1094.    display: block;
  1095.    padding: 8px 18px;
  1096.    font-weight: 600;
  1097.    vertical-align: middle;
  1098.    -ms-touch-action: manipulation;
  1099.    touch-action: manipulation;
  1100.    cursor: pointer;
  1101.    -webkit-user-select: none;
  1102.    -moz-user-select: none;
  1103.    -ms-user-select: none;
  1104. }
  1105.  
  1106. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td:nth-child(1) input[type=text],
  1107. #item_search_box {
  1108.    height: 45px !important;
  1109.    font-size: 1em !important;
  1110.    line-height: 1.1em !important;
  1111. }
  1112.  
  1113. #item_search_box {
  1114.    border: none !important;
  1115. }
  1116.  
  1117. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td:nth-child(1) input[type=text] {
  1118.    width: 100%;
  1119.    border: 1px solid #cccccc !important;
  1120. }
  1121.  
  1122. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr {
  1123.    margin-bottom: 1px;
  1124. }
  1125.  
  1126. #search_box > table > tbody > tr,
  1127. #search_box > table > tbody > tr > td,
  1128. #search_box > table > tbody > tr > td > table,
  1129. #search_box > table > tbody > tr > td > table > tbody,
  1130. #search_box > table > tbody > tr > td > table > tbody > tr,
  1131. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2),
  1132. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table,
  1133. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody,
  1134. #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr {
  1135.    display: block;
  1136. }
  1137.  
  1138. .ers_store_table > tbody > tr > td[align=center]:not(:nth-child(2)),
  1139. .ers_store_table > tbody > tr > td > table:nth-child(1) > tbody > tr:nth-child(2) > td:not(:nth-child(2)),
  1140. .ers_category_table > tbody > tr > td > table:nth-child(1) > tbody > tr:nth-child(2) > td:not(:nth-child(2)),
  1141. .ers_item_table > tbody > tr > td > table:nth-child(1) > tbody > tr:nth-child(2) > td:not(:nth-child(2)),
  1142. #search_box > table > tbody > tr > td > table > tbody > tr > td:not(:nth-child(2)),
  1143. #cart_container > table:nth-child(1) > tbody > tr:nth-child(2) > td:not(:nth-child(2)) {
  1144.    display: none;
  1145. }
  1146.  
  1147. #order_header_container > span {
  1148.    display: inline-block;
  1149.    color: #fff;
  1150.    background-color: #ff5700;
  1151.    padding: 8px;
  1152.    margin-top: 10px;
  1153.    width: 100%;
  1154. }
  1155.  
  1156. div#order_header_container {
  1157.    background: none !important;
  1158.    padding: 0;
  1159.    margin: 5px 5px 0 5px;
  1160. }
  1161.  
  1162. div#order_header_container + div {
  1163.    border: 1px solid #cccccc;
  1164.    margin: 0 5px 5px 5px;
  1165. }
  1166.  
  1167. #order_header_container input#item_search_box {
  1168.    width: 100%;
  1169. }
  1170.  
  1171. #order_header_container .header_search_box {
  1172.    display: none;
  1173.    width: 100%;
  1174.    position: static;
  1175.    margin: 0 !important;
  1176. }
  1177.  
  1178. #order_header_container > span {
  1179.    display: inline-block;
  1180.    width: 100%;
  1181. }
  1182.  
  1183. @media (max-width: 767px) {
  1184.    #search_box {
  1185.    margin: 20px 15px !important;
  1186.    }
  1187.    #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td,
  1188.    #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td:nth-child(2) {
  1189.    width: 100%;
  1190.    }
  1191.    #search_box > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td:nth-child(2) {
  1192.    margin-top: 5px;
  1193.    }
  1194. }
  1195.  
  1196. /*
  1197. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  1198. *
  1199. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  1200. * unless you know what you're doing.
  1201. */
  1202. /*
  1203. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  1204. * inside of the `/config/layout.scss` file
  1205. */
  1206. /* Social Media Styling */
  1207. .social-media {
  1208.    margin: 10px auto;
  1209.    text-align: center;
  1210. }
  1211.  
  1212. .social-media a {
  1213.    font-size: 20px;
  1214.    width: 40px;
  1215.    height: 40px;
  1216.    margin: 0 2px;
  1217.    background: #0BB02B;
  1218.    border-radius: 100%;
  1219.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  1220.    color: #fff !important;
  1221.    display: -ms-inline-flexbox;
  1222.    display: inline-flex;
  1223.    -ms-flex-pack: center;
  1224.        justify-content: center;
  1225.    -ms-flex-line-pack: center;
  1226.        align-content: center;
  1227.    -ms-flex-align: center;
  1228.        align-items: center;
  1229. }
  1230.  
  1231. /* End Social Media Styling */
  1232. /*
  1233. * Default Variables from Bootstrap 3.3.6 /scss/_defaults.scss file
  1234. *
  1235. * Important: This allows us to use all default bootstrap variables and should probably not be edited
  1236. * unless you know what you're doing.
  1237. */
  1238. /*
  1239. * If modifying these values does not produce a result that looks good, consider changing the lower level variables
  1240. * inside of the `/config/layout.scss` file
  1241. */
  1242. .store {
  1243.    background: none !important;
  1244. }
  1245.  
  1246. .store > .container .row div.col-md-4,
  1247. .store section div[id*='container_'] {
  1248.    margin: 5px;
  1249.    float: left;
  1250.    width: calc(33.333% - 10px);
  1251.    box-shadow: 0 0 10px 0 rgba(84, 84, 84, 0.35);
  1252. }
  1253.  
  1254. @media (min-width: 768px) and (max-width: 991px) {
  1255.    .store > .container .row div.col-md-4,
  1256.    .store section div[id*='container_'] {
  1257.    margin: 5px;
  1258.    float: left;
  1259.    width: calc(50% - 10px);
  1260.    box-shadow: 0 0 10px 0 rgba(84, 84, 84, 0.35);
  1261.    }
  1262. }
  1263.  
  1264. @media (max-width: 767px) {
  1265.    .store > .container .row div.col-md-4,
  1266.    .store section div[id*='container_'] {
  1267.    margin: 5px;
  1268.    width: calc(100% - 10px);
  1269.    box-shadow: 0 0 10px 0 rgba(84, 84, 84, 0.35);
  1270.    }
  1271. }
  1272.  
  1273. .panel-default {
  1274.    box-shadow: none;
  1275.    border: none !important;
  1276. }
  1277.  
  1278. .panel-default > .panel-heading {
  1279.    background-color: transparent !important;
  1280.    border: none;
  1281. }
  1282.  
  1283. .panel-group .panel {
  1284.    margin-bottom: 0;
  1285. }
  1286.  
  1287. .panel-title {
  1288.    font-family: 'Passion One', sans-serif !important;
  1289.    color: #222 !important;
  1290.    font-size: 1.2rem;
  1291.    font-weight: 600;
  1292. }
  1293.  
  1294. .panel-title a {
  1295.    font-size: 18px;
  1296.    color: #7b7b7b;
  1297. }
  1298.  
  1299. .panel-heading i {
  1300.    margin-top: -25px;
  1301.    color: #e2dfdf;
  1302. }
  1303.  
  1304. .panel-body {
  1305.    padding-bottom: 2.66rem;
  1306. }
  1307.  
  1308. .store .category_text {
  1309.    display: block;
  1310.    text-align: center;
  1311.    font-size: 2.4rem;
  1312.    font-weight: 700;
  1313.    line-height: 1.1em;
  1314.    clear: both;
  1315.    font-family: 'Passion One', sans-serif !important;
  1316. }
  1317.  
  1318. .store .category_title {
  1319.    font-size: 1.5rem;
  1320.    font-weight: 700;
  1321.    line-height: 1.1em;
  1322.    clear: both;
  1323.    font-family: 'Passion One', sans-serif !important;
  1324.    color: #000;
  1325. }
  1326. .swiper-wrapper {
  1327.    height: auto !important;
  1328. }
  1329. .ers-category-carousel .category-header-wrapper {
  1330.    background: url('https://files.sysers.com/cp/upload/omega/editor/full/header-bg-tablet.jpg') !important;
  1331.    background-size: cover !important;
  1332.    background-repeat: no-repeat !important;
  1333.    background-position: center !important;
  1334. }
  1335.  
  1336. .item-image:hover, .ers-item-image-container:hover {
  1337.    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  1338.    transition: transform .5s;
  1339. }
  1340. .ers-category-carousel .category-header {
  1341.    color: black !important;
  1342. }
  1343. </style>
  1344. <link rel="canonical" href="https://www.werentfun.net/" />
  1345.  
  1346.  
  1347. <!-- Facebook Pixel Code -->
  1348. <script>
  1349. !function(f,b,e,v,n,t,s)
  1350. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  1351. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  1352. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  1353. n.queue=[];t=b.createElement(e);t.async=!0;
  1354. t.src=v;s=b.getElementsByTagName(e)[0];
  1355. s.parentNode.insertBefore(t,s)}(window, document,'script',
  1356. 'https://connect.facebook.net/en_US/fbevents.js');
  1357. fbq('init', '203104062079024');
  1358. fbq('track', 'PageView');
  1359. </script>
  1360. <noscript>
  1361. <img height="1" width="1" style="display:none"
  1362. src="https://www.facebook.com/tr?id=203104062079024&ev=PageView&noscript=1"/>
  1363. </noscript>
  1364. <!-- End Facebook Pixel Code -->
  1365. <!-- auto inserted facebook tag -->
  1366. </head><body class='ers_page_home'><!-- Google Tag Manager (noscript) -->
  1367. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NR22FLH"
  1368. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  1369. <!-- End Google Tag Manager (noscript) -->
  1370.  
  1371. <!-- Start Engagement Widget Script -->
  1372. <script>
  1373.    window.engagementContextExtra = {
  1374.        // Add your custom data here
  1375.    };
  1376.    (function (w, i, d, g, e, t) {
  1377.        const s = w.createElement(i);
  1378.        d.forEach(([k, v]) => s.setAttribute(k, v));
  1379.        w.body.appendChild(s);
  1380.    })(
  1381.        document,
  1382.        'script',
  1383.        [['async', 1],
  1384.            ['crossorigin', 1],
  1385.            ['type', 'module'],
  1386.            ['id', 'engagementWidget'],
  1387.            ['src', 'https://cdn.chatwidgets.net/widget/livechat/bundle.js'],
  1388.            ['data-env', 'portal-api'],
  1389.            ['data-instance', 'ZaCc9jOzwNVjgF0t'],
  1390.            ['data-container', '#engagement-widget-container']]
  1391.    );
  1392. </script>
  1393. <!-- End Engagement Widget Script -->
  1394. <script type="text/javascript">  function check_responsive_page_mode_enabled() { return "Home"; } </script><style>
  1395.  
  1396. .button_back {
  1397. background: none repeat scroll 0 0 #FFA500;
  1398. border: 1px solid #6b6b6b;
  1399. border-radius: 0.5em;
  1400. float: left;
  1401. font-size: 9pt;
  1402. font-family: Verdana, Arial;
  1403. padding: 0.2em 1.3em .2em 1em;
  1404. position: relative;
  1405. text-align: center;
  1406. color: #fff;
  1407. text-transform: uppercase;
  1408. }
  1409.  
  1410. .button_book,
  1411. .button_add {
  1412. background: none repeat scroll 0 0 #FFA500;
  1413. border: 1px solid #6b6b6b;
  1414. border-radius: 0.5em;
  1415. float: left;
  1416. font-size: 12pt;
  1417. font-family: Verdana, Arial;
  1418. padding: 0.2em 1.3em .2em 1em;
  1419. position: relative;
  1420. text-align: center;
  1421. color: #fff;
  1422. text-transform: uppercase;
  1423. }
  1424.  
  1425. .button_finalizeOrder {
  1426. background-color: #FFA500;
  1427. border: 1px solid #6b6b6b;
  1428. border-radius: 0.5em;
  1429. color: white;
  1430. font-size: 12pt;
  1431. font-family: Verdana, Arial;
  1432. margin: 3px 0px;
  1433. padding: 0.2em 1.3em .2em 1em;
  1434. text-transform: uppercase;
  1435. }
  1436.  
  1437. .button_finalizeOrder_without_receipt
  1438. {
  1439. background-color: #6F8FAF;
  1440. border: 1px solid #6b6b6b;
  1441. border-radius: 0.5em;
  1442. color: white;
  1443. font-size: 12pt;
  1444. font-family: Verdana, Arial;
  1445. margin: 3px 0px;
  1446. padding: 0.2em 1.3em .2em 1em;
  1447. text-transform: uppercase;
  1448. }
  1449. .store {
  1450. background-image:url('//files.sysers.com/cp/upload/omega/banner/full/YtsNDL8.jpg');
  1451. background-repeat:no-repeat;
  1452. background-attachment:fixed;
  1453. background-position:top;
  1454. background-size:cover;
  1455. background-blend-mode: normal;
  1456. background-color:transparent;
  1457. }
  1459. </style>
  1460. <style>
  1461.  
  1462. </style>
  1463. <div style='visibility:hidden; z-index:-200; position:absolute' id='imgloadcontainer'></div><span id='section_header_nav_container'>
  1464. <div id='elemtype-NavCustom' option_count=''></div>
  1465. <style rel="stylesheet" type="text/css">
  1466. .ers-premium-header {
  1467.    z-index: 2000;
  1468.    margin-top: calc(75px + 150px);
  1469. }
  1470. .ers-premium-header .mobile-banner {
  1471.    padding: 15px 15px 10px;
  1472.    margin-top: -5px;
  1473.    display: flex;
  1474.    flex-direction: row;
  1475.    justify-content: space-between;
  1476.    align-items: center;
  1477.    background: url('https://files.sysers.com/cp/upload/omega/editor/header-bg-tablet.jpg') !important;
  1478.    background-size: cover !important;
  1479.    background-repeat: no-repeat !important;
  1480.    background-position: center !important;
  1481.    background-color: var(--color-theme-3);
  1482. }
  1483. .ers-premium-header .mobile-ar-button,
  1484. .ers-premium-header .mobile-phone-link {
  1485.    font-weight: 500;
  1486.    color: #000;
  1487. }
  1488. .ers-premium-header .header-top {
  1489.    width: 100%;
  1490.    padding: 10px;
  1491.    display: flex;
  1492.    flex-direction: column;
  1493.    position: fixed;
  1494.    top: 0;
  1495.    z-index: 2500;
  1496.    background: url('https://files.sysers.com/cp/upload/omega/editor/header-bg-tablet.jpg') !important;
  1497.    background-size: cover !important;
  1498.    background-repeat: no-repeat !important;
  1499.    background-position: center !important;
  1500.    background-color: black;
  1501.    background-color: var(--color-theme-1);
  1502.    background-image: linear-gradient(0deg, var(--color-theme-3), var(--color-theme-1));
  1503. }
  1504. .ers-premium-header .header-top.active {
  1505.    box-shadow: 0 0 5px #707070;
  1506. }
  1507. .ers-premium-header .header-logo-wrapper {
  1508.    width: 100%;
  1509.    margin: 0 10px 10px;
  1510.    display: flex;
  1511.    align-items: center;
  1512.    justify-content: center;
  1513.    transition: 0.1s;
  1514.    align-self: center;
  1515.    height: 150px;
  1516. }
  1517. .ers-premium-header .header-logo-wrapper.active {
  1518.    height: 0;
  1519.    margin: 0;
  1520. }
  1521. .ers-premium-header .header-logo {
  1522.    max-width: 100%;
  1523.    max-height: 100%;
  1524. }
  1525. .ers-premium-header .hamburger-button {
  1526.    cursor: pointer;
  1527.    height: 36px;
  1528.    width: 36px;
  1529. }
  1530. .ers-premium-header .hamburger-icon {
  1531.    fill: #000;
  1532. }
  1533. .ers-premium-header .mobile-header-container {
  1534.    display: flex;
  1535.    flex-direction: row;
  1536.    flex-grow: 1;
  1537.    align-items: center;
  1538. }
  1539. .ers-premium-header .product-search-container {
  1540.    flex-grow: 1;
  1541. }
  1542. .ers-premium-header .product-search-form {
  1543.    background-color: #fff;
  1544.    display: flex;
  1545.    flex-direction: row;
  1546.    align-items: center;
  1547.    padding: 10px;
  1548.    margin: 0 10px;
  1549.    border-radius: 5px;
  1550.    border: 1px solid black;
  1551. }
  1552. .ers-premium-header .product-search-input {
  1553.    border: none;
  1554.    padding: 0;
  1555.    flex-grow: 1;
  1556. }
  1557. .ers-premium-header .product-search-input:focus-visible {
  1558.    outline: none;
  1559. }
  1560. .ers-premium-header .product-search-button {
  1561.    background: none;
  1562.    border: none;
  1563.    display: flex;
  1564.    padding: 0;
  1565. }
  1566. .ers-premium-header .product-search-icon {
  1567.    height: 20px;
  1568.    width: 20px;
  1569.    fill: var(--color-theme-2);
  1570. }
  1571. .ers-premium-header .product-search-list {
  1572.    margin: 0;
  1573.    padding: 0;
  1574.    right: 0;
  1575.    left: 0;
  1576.    position: absolute;
  1577.    max-height: 80vh;
  1578.    overflow-y: scroll;
  1579.    background-color: #fff;
  1580.    box-shadow: 0 3px 5px #707070;
  1581. }
  1582. .ers-premium-header .product-search-list::-webkit-scrollbar-thumb {
  1583.    background-color: #808080;
  1584. }
  1585. .ers-premium-header .product {
  1586.    list-style-type: none;
  1587. }
  1588. .ers-premium-header .product-link {
  1589.    color: #222;
  1590. }
  1591. .ers-premium-header .product-link:hover {
  1592.    color: #222;
  1593.    text-decoration: none;
  1594. }
  1595. .ers-premium-header .product-details {
  1596.    display: flex;
  1597.    flex-direction: row;
  1598.    align-items: center;
  1599.    justify-content: space-between;
  1600.    background-color: #fff;
  1601.    text-align: center;
  1602.    transition: 0.25s;
  1603.    border-top: solid 2px #eee;
  1604.    border-left: solid 2px #eee;
  1605. }
  1606. .ers-premium-header .product-search-list > li:last-child > .product-link > .product-details {
  1607.    border-bottom: solid 2px #eee;
  1608. }
  1609. .ers-premium-header .product-details:hover {
  1610.    background-color: #eee;
  1611. }
  1612. .ers-premium-header .product-image-wrapper {
  1613.    width: 60px;
  1614.    height: 60px;
  1615.    margin: 5px 15px;
  1616.    display: flex;
  1617.    align-items: center;
  1618.    justify-content: center;
  1619. }
  1620. .ers-premium-header .product-image {
  1621.    max-width: 100%;
  1622.    max-height: 100%;
  1623. }
  1624. .ers-premium-header .product-name {
  1625.    font-size: 14px;
  1626.    font-weight: 500;
  1627. }
  1628. .ers-premium-header .category-name {
  1629.    font-size: 12px
  1630. }
  1631. .ers-premium-header .product-price {
  1632.    font-size: 14px;
  1633.    margin: 0 15px;
  1634.    font-weight: 500;
  1635. }
  1636. .ers-premium-header .header-phone-number:hover .header-phone-icon,
  1637. .ers-premium-header .header-phone-number:hover .header-phone-number-text {
  1638.    filter: brightness(90%);
  1639. }
  1640. .ers-premium-header .header-phone-number {
  1641.    display: flex;
  1642.    flex-direction: row;
  1643.    align-items: center;
  1644. }
  1645. .ers-premium-header .header-phone-icon {
  1646.    height: 32px;
  1647.    width: 32px;
  1648.    margin-right: 5px;
  1649.    transition: 0.25s;
  1650.    filter: brightness(100%);
  1651.    fill: #000;
  1652. }
  1653. .ers-premium-header .header-phone-number-text {
  1654.    font-family: 'Passion One', cursive;
  1655.    font-size: 32px;
  1656.    display: none;
  1657.    color: white;
  1658.    color: var(--color-theme-4);
  1659. }
  1660.  
  1661. .ers-premium-header .header-bottom {
  1662.    width: 100%;
  1663.    padding: 10px;
  1664.    display: flex;
  1665.    flex-direction: column;
  1666.    align-items: center;
  1667.    justify-content: flex-start;
  1668.    transition: 0.25s;
  1669.    position: fixed;
  1670.    left: -100%;
  1671.    height: 100%;
  1672.    z-index: 3000;
  1673.    overflow-y: scroll;
  1674.    background-color: grey;
  1675.    background-color: var(--color-theme-3);
  1676. }
  1677. .ers-premium-header .header-bottom {
  1678.    margin-top: calc(-118px - 150px);
  1679. }
  1680. .ers-premium-header .header-bottom::-webkit-scrollbar-thumb {
  1681.    background-color: var(--color-theme-6);
  1682. }
  1683. .ers-premium-header .header-category-container {
  1684.    display: flex;
  1685.    flex-direction: column;
  1686.    align-items: flex-start;
  1687.    justify-content: flex-start;
  1688.    position: fixed;
  1689.    box-shadow: 0 3px 5px #222;
  1690.    z-index: 2500;
  1691.    left: -105%;
  1692.    top: 0;
  1693.    height: 100%;
  1694.    width: 100%;
  1695.    transition: left 0.25s ease-in-out;
  1696.    background-color: grey;
  1697.    background-color: var(--color-theme-3);
  1698. }
  1699. .ers-premium-header .header-category-container.active {
  1700.    left: 0;
  1701. }
  1702. .ers-premium-header .header-nav-back-button-container {
  1703.    display: flex;
  1704.    flex-direction: row;
  1705.    margin: 15px 10px;
  1706. }
  1707. .ers-premium-header .header-nav-back-button {
  1708.    cursor: pointer;
  1709.    height: 36px;
  1710.    width: 36px;
  1711. }
  1712. .ers-premium-header .header-nav-back-icon {
  1713.    transform: scaleX(-1);
  1714.    fill: var(--color-theme-6);
  1715. }
  1716. .ers-premium-header .header-nav-back-button-title {
  1717.    font-size: 28px;
  1718.    margin-left: 25px;
  1719.    color: var(--color-theme-6);
  1720. }
  1721. .ers-premium-header .megamenu-item {
  1722.    display: flex;
  1723.    flex-direction: row;
  1724.    align-items: center;
  1725.    margin: 2px 10px;
  1726. }
  1727. .ers-premium-header .megamenu-image-container {
  1728.    display: flex;
  1729.    align-items: center;
  1730.    justify-content: center;
  1731.    height: 50px;
  1732.    width: 50px;
  1733. }
  1734. .ers-premium-header .megamenu-image {
  1735.    max-height: 100%;
  1736.    max-width: 100%;
  1737. }
  1738. .ers-premium-header .megamenu-title {
  1739.    font-size: 16px;
  1740.    margin: 0 10px;
  1741.    font-weight: 500;
  1742.    color: white;
  1743.    color: var(--color-theme-6);
  1744. }
  1745. .ers-premium-header .megamenu-link {
  1746.    cursor: pointer;
  1747. }
  1748. .ers-premium-header .megamenu-modal-container {
  1749.    display: none;
  1750. }
  1751. .ers-premium-header .megamenu-category-container {
  1752.    width: 100%;
  1753.    overflow-y: scroll;
  1754. }
  1755. .ers-premium-header .megamenu-category-container::-webkit-scrollbar-thumb {
  1756.    background-color: var(--color-theme-6);
  1757. }
  1758. .ers-premium-header .header-bottom.active {
  1759.    left: 0;
  1760. }
  1761. .ers-premium-header .header-nav-container {
  1762.    margin: 0;
  1763.    padding: 15px 0;
  1764.    display: flex;
  1765.    flex-direction: column;
  1766.    align-items: flex-start;
  1767.    flex-wrap: wrap;
  1768. }
  1769. .ers-premium-header .close-hamburger-button {
  1770.    cursor: pointer;
  1771.    height: 36px;
  1772.    width: 36px;
  1773.    margin: 5px 0;
  1774.    align-self: flex-start;
  1775. }
  1776. .ers-premium-header .close-hamburger-icon {
  1777.    fill: var(--color-theme-6);
  1778. }
  1779. .ers-premium-header .header-nav-item {
  1780.    list-style-type: none;
  1781.    margin: 12px 0;
  1782. }
  1783. .ers-premium-header .header-nav-container > .header-nav-item > a.link-style {
  1784.    color: white;
  1785.    color: var(--color-theme-6);
  1786. }
  1787. .ers-premium-header .dropdown-menu {
  1788.    top: unset;
  1789.    left: unset;
  1790. }
  1791. .ers-premium-header .dropdown-menu > .header-nav-item > a {
  1792.    padding: 5px;
  1793. }
  1794. .ers-premium-header .header-bottom-right {
  1795.    display: flex;
  1796.    flex-direction: column;
  1797.    align-items: center;
  1798. }
  1799. .ers-premium-header .recently-viewed-button,
  1800. .ers-premium-header .header-book-now-button {
  1801.    margin: 8px 0;
  1802. }
  1803. .ers-premium-header .recently-viewed-wrapper-header {
  1804.    display: flex;
  1805.    align-items: center;
  1806.    position: relative;
  1807. }
  1808. .ers-premium-header .recently-viewed-button {
  1809.    border-radius: 5px;
  1810.    padding: 8px 18px;
  1811.    transition: 0.25s;
  1812.    cursor: pointer;
  1813.    border: solid 2px var(--color-theme-6);
  1814. }
  1815. .ers-premium-header .recently-viewed-button {
  1816.    color: var(--color-theme-6);
  1817. }
  1818. .ers-premium-header .recently-viewed-button:hover {
  1819.    background-color: var(--color-theme-6);
  1820. }
  1821. .ers-premium-header .recently-viewed-button:hover {
  1822.    color: var(--color-theme-3);
  1823. }
  1824. .ers-premium-header .recently-viewed-container {
  1825.    display: none;
  1826.    opacity: 0;
  1827.    position: fixed;
  1828.    flex-direction: column;
  1829.    width: 100%;
  1830.    height: 100%;
  1831.    top: 0;
  1832.    left: 0;
  1833.    transition: 0.25s;
  1834.    z-index: 3500;
  1835.    background-color: grey;
  1836.    background-color: var(--color-theme-3);
  1837. }
  1838. .ers-premium-header .recently-viewed-items-container {
  1839.    overflow-y: scroll;
  1840. }
  1841. .ers-premium-header .recently-viewed-items-container::-webkit-scrollbar-thumb {
  1842.    background-color: var(--color-theme-6);
  1843. }
  1844. .ers-premium-header .recently-viewed-back-button-container {
  1845.    display: flex;
  1846.    flex-direction: row;
  1847.    margin: 15px 10px;
  1848. }
  1849. .ers-premium-header .recently-viewed-back-button {
  1850.    cursor: pointer;
  1851.    height: 36px;
  1852.    width: 36px;
  1853. }
  1854. .ers-premium-header .recently-viewed-back-icon {
  1855.    transform: scaleX(-1);
  1856.    fill: var(--color-theme-6);
  1857. }
  1858. .ers-premium-header .recently-viewed-back-button-title {
  1859.    font-size: 28px;
  1860.    margin-left: 25px;
  1861.    color: var(--color-theme-6);
  1862. }
  1863. .ers-premium-header .recently-viewed-item {
  1864.    display: flex;
  1865.    flex-direction: row;
  1866.    padding: 10px;
  1867. }
  1868. .ers-premium-header .recently-item-picture-wrapper {
  1869.    display: flex;
  1870.    align-items: center;
  1871.    justify-content: center;
  1872.    height: 60px;
  1873.    width: 60px;
  1874.    margin-right: 20px;
  1875. }
  1876. .ers-premium-header .recently-item-picture {
  1877.    max-height: 100%;
  1878.    max-width: 100%;
  1879. }
  1880. .ers-premium-header .recently-item-content {
  1881.    display: flex;
  1882.    flex-direction: column;
  1883.    justify-content: center;
  1884.    color: var(--color-theme-6);
  1885. }
  1886. .ers-premium-header .recently-item-name {
  1887.    font-size: 14px;
  1888.    font-weight: 500;
  1889. }
  1890. .ers-premium-header .recently-item-price {
  1891.    font-size: 12px;
  1892. }
  1893. .ers-premium-header .header-book-now-button {
  1894.    background-color: black;
  1895.    background-color: var(--color-theme-2);
  1896. }
  1897. .ers-premium-header .cart-container {
  1898.    position: relative;
  1899.    display: flex;
  1900.    margin: 15px 0;
  1901. }
  1902. .ers-premium-header .cart-icon {
  1903.    height: 30px;
  1904.    transition: 0.25s;
  1905.    filter: brightness(100%);
  1906.    fill: var(--color-theme-6);
  1907. }
  1908. .ers-premium-header .cart-icon:hover {
  1909.    filter: brightness(90%);
  1910. }
  1911. .ers-premium-header .cart-count-indicator {
  1912.    position: absolute;
  1913.    top: -10px;
  1914.    left: 15px;
  1915.    width: 25px;
  1916.    height: 25px;
  1917.    font-size: 16px;
  1918.    border-radius: 100px;
  1919.    text-align: center;
  1920.    color: var(--color-theme-5);
  1921. }
  1922. .ers-premium-header .cart-count-indicator {
  1923.    background-color: var(--color-theme-2);
  1924. }
  1925. @media only screen and (min-width: 600px) {
  1926.    .ers-premium-header .product-search-list {
  1927.        margin-left: 10px;
  1928.        right: unset;
  1929.        left: unset;
  1930.    }
  1931. }
  1932. @media only screen and (min-width: 992px) {
  1933.    .ers-premium-header {
  1934.        margin-top: 0;
  1935.    }
  1936.    .ers-premium-header .mobile-banner {
  1937.        display: none;
  1938.    }
  1939.    .ers-premium-header .header-top {
  1940.        flex-direction: row;
  1941.        align-items: center;
  1942.        z-index: 4500;
  1943.    }
  1944.    .ers-premium-header .header-logo-wrapper {
  1945.        width: unset;
  1946.        max-width: 400px;
  1947.    }
  1948.    .ers-premium-header .header-logo-wrapper,
  1949.    .ers-premium-header .header-logo-wrapper.active {
  1950.        margin: 0 10px;
  1951.    }
  1952.    .ers-premium-header .header-logo-wrapper.active {
  1953.        height: 50px;
  1954.    }
  1955.    .ers-premium-header .hamburger-button,
  1956.    .ers-premium-header .close-hamburger-button {
  1957.        display: none;
  1958.    }
  1959.    .ers-premium-header .header-phone-number {
  1960.        margin: 0 10px;
  1961.    }
  1962.    .ers-premium-header .header-phone-number-text {
  1963.        display: initial;
  1964.    }
  1965.    .ers-premium-header .header-bottom {
  1966.        width: 100%;
  1967.        padding: 10px 25px;
  1968.        overflow-y: initial;
  1969.        flex-direction: row;
  1970.        justify-content: space-between;
  1971.        position: relative;
  1972.        left: unset;
  1973.        z-index: unset;
  1974.        height: unset;
  1975.        margin-top: calc(20px + 150px);
  1976.    }
  1977.    .ers-premium-header .header-bottom.active {
  1978.        left: unset;
  1979.    }
  1980.    .ers-premium-header .header-nav-container {
  1981.        flex-direction: row;
  1982.        align-items: center;
  1983.        padding: 0;
  1984.    }
  1985.    .ers-premium-header .header-bottom-right {
  1986.        flex-direction: row;
  1987.    }
  1988.    .ers-premium-header .header-nav-item {
  1989.        margin: 0 12px;
  1990.    }
  1991.    .ers-premium-header .recently-viewed-button,
  1992.    .ers-premium-header .header-book-now-button {
  1993.        margin: 0 10px;
  1994.    }
  1995.    .ers-premium-header .recently-viewed-button {
  1996.        z-index: 4000;
  1997.    }
  1998.    .ers-premium-header .recently-viewed-container {
  1999.        position: absolute;
  2000.        width: unset;
  2001.        height: auto;
  2002.        max-height: 400px;
  2003.        top: 50px;
  2004.        left: -300px;
  2005.        right: 0;
  2006.        border-radius: 5px;
  2007.        box-shadow: 0 3px 5px #707070;
  2008.        border: solid 2px var(--color-theme-6);
  2009.    }
  2010.    .ers-premium-header .recently-viewed-back-button-container {
  2011.        display: none;
  2012.    }
  2013.    .ers-premium-header .cart-container {
  2014.        margin: 0 10px;
  2015.    }
  2016.    .ers-premium-header .megamenu-modal-container {
  2017.        position: fixed;
  2018.        width: 100%;
  2019.        height: 100%;
  2020.        top: 0;
  2021.        left: 0;
  2022.        right: 0;
  2023.        bottom: 0;
  2024.        background-color: rgba(0, 0, 0, 0.5);
  2025.        z-index: 10000;
  2026.        display: none;
  2027.        opacity: 0;
  2028.    }
  2029.    .ers-premium-header .megamenu-modal-container.active {
  2030.        display: initial;
  2031.    }
  2032.    .ers-premium-header .megamenu-modal {
  2033.        height: 80%;
  2034.        width: 60%;
  2035.        border-radius: 5px;
  2036.        box-shadow: 0 0 5px #222;
  2037.        background-color: #fff;
  2038.        margin: 5% auto;
  2039.    }
  2040.    .ers-premium-header .megamenu-modal-header {
  2041.        margin: 0 50px 25px;
  2042.        display: flex;
  2043.        flex-direction: row;
  2044.        justify-content: space-between;
  2045.        align-items: center;
  2046.        border-bottom: solid 2px #eee;
  2047.    }
  2048.    .ers-premium-header .close-megamenu {
  2049.        font-size: 55px;
  2050.        font-weight: 500;
  2051.        cursor: pointer;
  2052.        color: grey;
  2053.        color: #222;
  2054.    }
  2055.    .ers-premium-header .modal-header-text {
  2056.        font-size: 36px;
  2057.        color: grey;
  2058.        color: var(--color-theme-1);
  2059.    }
  2060.    .ers-premium-header .categories-searchbar {
  2061.        font-size: 16px;
  2062.        color: #222;
  2063.        padding: 0 10px;
  2064.        height: 45px;
  2065.        border-radius: 5px;
  2066.    }
  2067.    .ers-premium-header .megamenu-category-container {
  2068.        display: flex;
  2069.        flex-direction: row;
  2070.        justify-content: flex-start;
  2071.        flex-wrap: wrap;
  2072.        padding: 0 5%;
  2073.        overflow-y: scroll;
  2074.        max-height: 75%;
  2075.    }
  2076.    .ers-premium-header .megamenu-category-container::-webkit-scrollbar-thumb {
  2077.        background-color: #808080;
  2078.    }
  2079.    .ers-premium-header .megamenu-item {
  2080.        display: flex;
  2081.        flex-direction: column;
  2082.        align-items: center;
  2083.        width: 33.333333%;
  2084.        margin: 0 0 15px;
  2085.    }
  2086.    .ers-premium-header .megamenu-image-container {
  2087.        height: 125px;
  2088.        width: 125px;
  2089.        display: flex;
  2090.        align-items: center;
  2091.    }
  2092.    .ers-premium-header .megamenu-image {
  2093.        max-height: 100%;
  2094.        max-width: 100%;
  2095.    }
  2096.    .ers-premium-header .megamenu-title {
  2097.        white-space: initial;
  2098.        font-size: 16px;
  2099.        line-height: initial;
  2100.        text-align: center;
  2101.        color: #222;
  2102.        max-width: 150px;
  2103.    }
  2104. }
  2105. @media only screen and (min-width: 1200px) {
  2106.    .ers-premium-header .megamenu-item {
  2107.        width: 25%;
  2108.    }
  2109. }
  2110. @media only screen and (min-width: 1400px) {
  2111.    .ers-premium-header .megamenu-item {
  2112.        width: 20%;
  2113.    }
  2114. }
  2115. @media only screen and (min-width: 1650px) {
  2116.    .ers-premium-header .megamenu-item {
  2117.        width: 16.666666%;
  2118.    }
  2119. }
  2120. @media only screen and (min-width: 1900px) {
  2121.    .ers-premium-header .megamenu-item {
  2122.        width: 14.285714%;
  2123.    }
  2124. }
  2125. </style>
  2126. <div class="ers-premium-header">
  2127.    <div class="header-top">
  2128.        <a class="header-logo-wrapper" href="/"><img src='//files.sysers.com/cp/upload/omega/editor/Final-We-Rent-Fun-Final-(1)-2.png' class='header-logo' border='0' style='max-height:300;' alt='We Rent Fun' title='We Rent Fun' /></a>
  2129.        <div class="mobile-header-container">
  2130.            <a class="hamburger-button">
  2131.                <svg class="hamburger-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  2132.                    <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 17h-12v-2h12v2zm0-4h-12v-2h12v2zm0-4h-12v-2h12v2z"/>
  2133.                </svg>
  2134.            </a>
  2135.            <div class="product-search-container">
  2136.                <form action="" class="product-search-form">
  2137.                    <input type="text" id="product-search-input" class="product-search-input" name="product-search-input" placeholder="Search Inventory" autocomplete="off">
  2138.                    <button type="submit" class="product-search-button">
  2139.                        <svg class="product-search-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 30.239 30.239" xml:space="preserve">
  2140.                            <g>
  2141.                                <path d="M20.194,3.46c-4.613-4.613-12.121-4.613-16.734,0c-4.612,4.614-4.612,12.121,0,16.735   c4.108,4.107,10.506,4.547,15.116,1.34c0.097,0.459,0.319,0.897,0.676,1.254l6.718,6.718c0.979,0.977,2.561,0.977,3.535,0   c0.978-0.978,0.978-2.56,0-3.535l-6.718-6.72c-0.355-0.354-0.794-0.577-1.253-0.674C24.743,13.967,24.303,7.57,20.194,3.46z    M18.073,18.074c-3.444,3.444-9.049,3.444-12.492,0c-3.442-3.444-3.442-9.048,0-12.492c3.443-3.443,9.048-3.443,12.492,0   C21.517,9.026,21.517,14.63,18.073,18.074z"/>
  2142.                            </g>
  2143.                        </svg>
  2144.                    </button>
  2145.                </form>
  2146.                <ul class="product-search-list custom-scrollbar"></ul>
  2147.            </div>
  2148.            <a class="header-phone-number link-style" href="tel://305-985-0505">
  2149.                <svg class="header-phone-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  2150.                    <path d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z"/>
  2151.                </svg>
  2152.                <span class="header-phone-number-text link-style">305-985-0505</span>
  2153.            </a>
  2154.        </div>
  2155.    </div>
  2156.    <div class="mobile-banner">
  2157.        <a class="megamenu-link mobile-ar-button link-style">All Rentals <span class="caret"></span></a>
  2158.        <a href="tel://305-985-0505" class="mobile-phone-link link-style">305-985-0505</a>
  2159.    </div>
  2160.    <div class="header-bottom custom-scrollbar">
  2161.        <a class="close-hamburger-button">
  2162.            <svg class="close-hamburger-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  2163.                <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 16.094l-4.157-4.104 4.1-4.141-1.849-1.849-4.105 4.159-4.156-4.102-1.833 1.834 4.161 4.12-4.104 4.157 1.834 1.832 4.118-4.159 4.143 4.102 1.848-1.849z"/>
  2164.            </svg>
  2165.        </a>
  2166.        <ul class="header-nav-container">
  2167.            <li class="header-nav-item">
  2168.                <a class="link-style" href="/">Home</a>
  2169.            </li>
  2170.            <li class="header-nav-item">
  2171.                <a class="megamenu-link link-style">All Rentals <span class="caret"></span></a>
  2172.                <div class="megamenu-modal-container">
  2173.                    <div class="megamenu-modal">
  2174.                        <div class="megamenu-modal-header">
  2175.                            <div class="close-megamenu">&#xd7</div>
  2176.                            <div class="modal-header-text header-style">Shop By Category</div>
  2177.                            <input type="text" id="categories-searchbar" class="categories-searchbar" name="categories-searchbar" placeholder="Search Categories">
  2178.                        </div>
  2179.                        <div class="megamenu-category-container custom-scrollbar"></div>
  2180.                    </div>
  2181.                </div>
  2182.            </li>
  2183.            <li class="header-nav-item">
  2184.                <a class="link-style" href="/all_products/">Online Catelog</a>
  2185.            </li>
  2186.            
  2187.                
  2188.                    <li class="header-nav-item">
  2189.                        <a noref="" class="dropdown-toggle link-style" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Our Company <span class="caret"></span></a>
  2190.                        <ul class="dropdown-menu">
  2191.                            
  2192.                                <li class="header-nav-item"><a class="link-style" href="/employment_opportunities/">Employment</a></li>
  2193.                            
  2194.                                <li class="header-nav-item"><a class="link-style" href="/about_us/">About Us</a></li>
  2195.                            
  2196.                                <li class="header-nav-item"><a class="link-style" href="/contact_us/">Contact Us</a></li>
  2197.                            
  2198.                                <li class="header-nav-item"><a class="link-style" href="/faq/">Frequently Asked Questions</a></li>
  2199.                            
  2200.                                <li class="header-nav-item"><a class="link-style" href="/privacy_policy/">Privacy Policies</a></li>
  2201.                            
  2202.                                <li class="header-nav-item"><a class="link-style" href="/Donations/">Donations</a></li>
  2203.                            
  2204.                                <li class="header-nav-item"><a class="link-style" href="/Delivery_Areas/">Delivery Areas</a></li>
  2205.                            
  2206.                        </ul>
  2207.                    </li>
  2208.                
  2209.            
  2210.        </ul>
  2211.        <div class="header-category-container">
  2212.            <div class="header-nav-back-button-container">
  2213.                <a class="header-nav-back-button">
  2214.                    <svg class="header-nav-back-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  2215.                        <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm2 12l-4.5 4.5 1.527 1.5 5.973-6-5.973-6-1.527 1.5 4.5 4.5z"/>
  2216.                    </svg>
  2217.                </a>
  2218.                <span class="header-nav-back-button-title header-style">Shop By Category</span>
  2219.            </div>
  2220.            <div class="megamenu-category-container custom-scrollbar"></div>
  2221.        </div>
  2222.        <div class="header-bottom-right">
  2223.            <div class="recently-viewed-wrapper-header">
  2224.                <a class="recently-viewed-button link-style">Recently Viewed</a>
  2225.                <div class="recently-viewed-container">
  2226.                    <div class="recently-viewed-back-button-container">
  2227.                        <a class="recently-viewed-back-button">
  2228.                            <svg class="recently-viewed-back-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  2229.                                <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm2 12l-4.5 4.5 1.527 1.5 5.973-6-5.973-6-1.527 1.5 4.5 4.5z"/>
  2230.                            </svg>
  2231.                        </a>
  2232.                        <span class="recently-viewed-back-button-title header-style">Recently Viewed Items</span>
  2233.                    </div>
  2234.                    <div class="recently-viewed-items-container custom-scrollbar"></div>
  2235.                </div>
  2236.            </div>
  2237.            <a class="header-book-now-button button-style" href="/order-by-date/?show_instructions=1">Order By Date</a>
  2238.            <a class="cart-container" href="/cart/">
  2239.                <svg class="cart-icon link-style" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><g><polygon points="26.672,15.636 30.229,57.839 92.887,57.839 100,15.636  "/><polygon points="20.39,7.263 12.841,7.263 0,7.263 0,15.636 13.683,15.636 19.124,69.772 21.604,69.772 26.672,69.772    92.887,69.772 92.887,61.396 25.831,61.396  "/><circle cx="39.593" cy="82.802" r="9.935"/><circle cx="76.673" cy="82.802" r="9.935"/></g></svg>
  2240.            </a>
  2241.        </div>
  2242.    </div>
  2243. </div>
  2244. <script type="text/javascript">
  2245. // Functions to enable and disable scrolling
  2246. const disableScroll = () => {
  2247.    $('body').css({'overflow':'hidden'});
  2248.    $(document).bind('scroll', () => {
  2249.        window.scrollTo(0,0);
  2250.    });
  2251. }
  2252. const enableScroll = () => {
  2253.    $(document).unbind('scroll');
  2254.    $('body').css({'overflow':'visible'});
  2255. }
  2256.  
  2257. // Initialize recently viewed items for the header
  2258. const initializeRecentlyViewedHeader = () => {
  2259.    const storageItems = Object.keys(localStorage);
  2260.    let hasItems = false;
  2261.    for (let storageItem of storageItems) {
  2262.        try {
  2263.            let formattedStorageItem = JSON.parse(localStorage.getItem(storageItem));
  2264.  
  2265.            if (formattedStorageItem.price !== undefined) {
  2266.                $('.recently-viewed-items-container').append(`
  2267.                    <a class="recently-viewed-item link-style" href="${formattedStorageItem.path}">
  2268.                        <div class="recently-item-picture-wrapper">
  2269.                            <img class="recently-item-picture" src="${formattedStorageItem.picture}" alt="${formattedStorageItem.name}" />
  2270.                        </div>
  2271.                        <div class="recently-item-content">
  2272.                            <div class="recently-item-name">${formattedStorageItem.name}</div>
  2273.                            <div class="recently-item-price">${formattedStorageItem.price}</div>
  2274.                        </div>
  2275.                    </a>
  2276.                `);
  2277.                hasItems = true;
  2278.            }
  2279.        } catch(err) {
  2280.            console.log(err);
  2281.        }
  2282.    }
  2283.    if ($('.recently-viewed-button').closest('body[class*="ers"]').length && !hasItems) {
  2284.        $('.recently-viewed-button').css('display', 'none');
  2285.    }
  2286. }
  2287. initializeRecentlyViewedHeader();
  2288.  
  2289. $('.recently-viewed-button').click(() => {
  2290.    $('.recently-viewed-container').toggleClass('active');
  2291.    if ($('.recently-viewed-container').hasClass('active')) {
  2292.        $('.recently-viewed-container').css('display', 'flex');
  2293.        $('.recently-viewed-container').animate(
  2294.            {opacity:1},
  2295.            100
  2296.        );
  2297.    } else {
  2298.        $('.recently-viewed-container').animate(
  2299.            {opacity:0},
  2300.            100,
  2301.            () => {
  2302.                $('.recently-viewed-container').css('display', 'none');
  2303.            }
  2304.        );
  2305.    }
  2306. });
  2307. $('.recently-viewed-back-button').click(() => {
  2308.    $('.recently-viewed-container').removeClass('active');
  2309.    $('.recently-viewed-container').animate(
  2310.        {opacity:0},
  2311.        100,
  2312.        () => {
  2313.            $('.recently-viewed-container').css('display', 'none');
  2314.        }
  2315.    );
  2316. });
  2317. $(document).click((e) => {
  2318.    if (window.matchMedia("only screen and (min-width: 992px)").matches) {
  2319.        if (!e.target.closest('div').classList.contains('recently-viewed-wrapper-header') && $('.recently-viewed-container').hasClass('active')) {
  2320.            $('.recently-viewed-container').removeClass('active');
  2321.            $('.recently-viewed-container').animate(
  2322.                {opacity:0},
  2323.                100,
  2324.                () => {
  2325.                    $('.recently-viewed-container').css('display', 'none');
  2326.                }
  2327.            );
  2328.        }
  2329.    }
  2330. });
  2331.  
  2332. // Initialize megamenu functionality
  2333. const displayCategoriesSearchResults = () => {
  2334.    let selectedCategories = [];
  2335.  
  2336.    categoriesData.forEach(category => {
  2337.        if (category.name.toLowerCase().includes(categoriesQuery.toLowerCase()) && categoriesQuery !== '') {
  2338.            selectedCategories.push(category);
  2339.        }
  2340.    });
  2341.  
  2342.    if (categoriesQuery === '') {
  2343.        createMegamenu(categoriesData);
  2344.    } else {
  2345.        createMegamenu(selectedCategories);
  2346.    }
  2347. }
  2348. $('#categories-searchbar').keyup((e) => {
  2349.    categoriesQuery = e.target.value;
  2350.    $('.megamenu-category-container').empty();
  2351.    displayCategoriesSearchResults();
  2352. });
  2353. $('.header-nav-back-button').click(() => {
  2354.    setTimeout(() => {
  2355.        $('.megamenu-category-container').empty();
  2356.    }, 250)
  2357.    $('.header-category-container').toggleClass('active');
  2358. });
  2359.  
  2360. const createMegamenu = (data) => {
  2361.    let counter = 0;
  2362.    if (productsData && categoriesData) {
  2363.        data.forEach((category, index) => {
  2364.            if (category.display === true || category.display === 'web_only') {
  2365.                $('.megamenu-category-container').append(`
  2366.                    <a class="megamenu-item megamenu-item-${index} link-style" style="opacity:0;" href="${category.url}">
  2367.                        <div class="megamenu-image-container">
  2368.                            <img class="megamenu-image" loading="lazy" src="${category.picture}">
  2369.                        </div>
  2370.                        <div class="megamenu-title">${category.name}</div>
  2371.                    </a>
  2372.                `);
  2373.                setTimeout(() => {
  2374.                    $('.megamenu-item-' + index).animate(
  2375.                        {'opacity':1},
  2376.                        150
  2377.                    );
  2378.                }, index * 25);
  2379.            }
  2380.        });
  2381.    } else if (counter < 16) {
  2382.        setTimeout(() => {
  2383.            counter += 1;
  2384.            createMegamenu();
  2385.        }, 250);
  2386.    }
  2387. }
  2388. $('.megamenu-link').click(() => {
  2389.    $('.megamenu-category-container').empty();
  2390.    createMegamenu(categoriesData);
  2391.  
  2392.    if (window.matchMedia("only screen and (max-width: 992px)").matches) {
  2393.        $('.header-category-container').toggleClass('active');
  2394.    } else {
  2395.        $('.megamenu-modal-container').toggleClass('active');
  2396.        $('.megamenu-modal-container').animate(
  2397.            {'opacity': 1},
  2398.            250
  2399.        );
  2400.        disableScroll();
  2401.    }
  2402. });
  2403. $('.close-megamenu').click(() => {
  2404.    $('.megamenu-modal-container').animate(
  2405.        {'opacity': 0},
  2406.        250,
  2407.        () => {
  2408.            $('.megamenu-category-container').empty();
  2409.            $('.megamenu-modal-container').toggleClass('active');
  2410.            $('#categories-searchbar').val('');
  2411.            enableScroll();
  2412.            if (window.matchMedia("only screen and (max-width: 992px)").matches) {
  2413.                window.addEventListener('scroll', shrinkLogoOnScroll);
  2414.            }
  2415.        }
  2416.    );
  2417. });
  2418.  
  2419. // Intialize searchbar functionality
  2420. let query = '';
  2421. let keywordCategories = [];
  2422. let addedProductsIds = [];
  2423.  
  2424. const delaySearch = (callback, ms) => {
  2425.    var timer = 0;
  2426.    return function() {
  2427.        var context = this, args = arguments;
  2428.        clearTimeout(timer);
  2429.        timer = setTimeout(() => {
  2430.            callback.apply(context, args);
  2431.        }, ms || 0);
  2432.    };
  2433. }
  2434.  
  2435. $('#product-search-input').keyup(delaySearch((e) => {
  2436.    keywordCategories = [];
  2437.    $('.product-search-list').empty();
  2438.    query = e.target.value;
  2439.    displaySearchResults();
  2440. }, 250));
  2441. $('#product-search-input').click(delaySearch((e) => {
  2442.    keywordCategories = [];
  2443.    $('.product-search-list').empty();
  2444.    displaySearchResults();
  2445. }, 250));
  2446. $('.product-search-form').submit((e) => {
  2447.    e.preventDefault();
  2448.    document.location.href = `/category/?item_search=${query}`;
  2449. });
  2450.  
  2451. const bounceKeywords = ['moonwalks', 'moonwalk', 'moon walks', 'moon walk', 'jumpy houses', 'jumpy house', 'spacewalks', 'spacewalk', 'space walks', 'space walk', 'moon bounces', 'moon bounce', 'moon jumps', 'moon jump', 'moon', 'brincas brincas', 'brinca brinca', 'brincas', 'brinca', 'inflatables', 'inflatable', 'bouncers', 'bouncer', 'inflatable castles', 'inflatable castle', 'bouncy castles', 'bouncy castle', 'bouncy houses', 'bouncy house', 'jumpy balloon', 'jumpers', 'jumper', 'jumps', 'jump', 'brincolin'];
  2452. const slideKeywords = ['water', 'wet'];
  2453. const mechanicalKeywords = ['carnival', 'train', 'axe', 'axe throw', 'axe throwing', 'roller', 'roller coaster', 'carousel', 'swing', 'mechanical', 'mechanical bull', 'meltdown', 'ride', 'rides', 'rock', 'rock wall', 'rockwall', 'foam', 'foam machine', 'kiddy rides', 'party rides'];
  2454. const tentsKeywords = ['tables', 'table', 'chairs', 'chair'];
  2455. const chairsKeywords = ['tents', 'tent', 'tables', 'table'];
  2456. const tablesKeywords = ['tents', 'tent', 'chairs', 'chair'];
  2457.  
  2458. const bounceCategories = ['bounce houses', 'combos', 'combo bouncers', 'combo bounce houses', 'inflatable', 'inflatable games'];
  2459. const slideCategories = ['water slides', 'dry slides', 'dunk tanks', 'inflatable slides', 'wet combos', 'wet combo bouncers'];
  2460. const mechanicalCategories = ['mechanical rides', 'carnival rides', 'inflatable games'];
  2461. const tentsCategories = ['tents'];
  2462. const chairsCategories = ['chairs'];
  2463. const tablesCategories = ['tables'];
  2464.  
  2465. const addSelectedCategoriesToKeywordCategories = (keywords, selectedCategories) => {
  2466.    keywords.forEach(keyword => {
  2467.        if (query.toLowerCase() === keyword.toLowerCase()) {
  2468.            keywordCategories = keywordCategories.concat(selectedCategories);
  2469.        }
  2470.    })
  2471. }
  2472. const compareQuerySynonyms = () => {
  2473.    addSelectedCategoriesToKeywordCategories(bounceKeywords, bounceCategories);
  2474.    addSelectedCategoriesToKeywordCategories(slideKeywords, slideCategories);
  2475.    addSelectedCategoriesToKeywordCategories(mechanicalKeywords, mechanicalCategories);
  2476.    addSelectedCategoriesToKeywordCategories(tentsKeywords, tentsCategories);
  2477.    addSelectedCategoriesToKeywordCategories(chairsKeywords, chairsCategories);
  2478.    addSelectedCategoriesToKeywordCategories(tablesKeywords, tablesCategories);
  2479. }
  2480. const displaySearchResults = () => {
  2481.    productsData.forEach(product => {
  2482.        let categoryNameIncludesKeyword = false;
  2483.        let addedProductsIds = [];
  2484.        let categoryName = '';
  2485.        categoriesData.forEach(category => {
  2486.            if (product.categoryIds[0] === category.id) {
  2487.                categoryName = category.name;
  2488.            }
  2489.        });
  2490.  
  2491.        const addProduct = () => {
  2492.            if (!addedProductsIds.includes(product.id)) {
  2493.                $('.product-search-list').append(`
  2494.                    <li data-value="${product.id}" class="product product-${product.id}">
  2495.                        <a class="product-link" href="${product.url}">
  2496.                            <div class="product-details">
  2497.                                <div class="product-image-wrapper">
  2498.                                    <img class="product-image" src="${product.picture}" loading="lazy" alt="${product.alt}" />
  2499.                                </div>
  2500.                                <div class="product-info">
  2501.                                    <div class="product-name">${product.name}</div>
  2502.                                    <div class="category-name">${categoryName}</div>
  2503.                                </div>
  2504.                                <div class="product-price">$${product.baseCost}</div>
  2505.                            </div>
  2506.                        </a>
  2507.                    </li>
  2508.                `);
  2509.                addedProductsIds.push(product.id);
  2510.            }
  2511.        }
  2512.  
  2513.        if (product.name.toLowerCase().includes(query.toLowerCase()) && query.trim() !== '') {
  2514.            console.log('product');
  2515.            addProduct();
  2516.        }
  2517.        setTimeout(() => {
  2518.            categoriesData.forEach(category => {
  2519.                if (category.name === categoryName) {
  2520.                    category.name.split(' ').forEach(categoryWord => {
  2521.                        if (categoryWord.toLowerCase() === query.toLowerCase() && query.trim() !== '') {
  2522.                            console.log('category');
  2523.                            addProduct();
  2524.                        }
  2525.                    });
  2526.                }
  2527.            });
  2528.        }, 50);
  2529.        setTimeout(() => {
  2530.            compareQuerySynonyms();
  2531.            keywordCategories.forEach(keywordCategory => {
  2532.                if (categoryName.toLowerCase().includes(keywordCategory.toLowerCase()) && query.trim() !== '') {
  2533.                    console.log('keyword');
  2534.                    addProduct();
  2535.                }
  2536.            });
  2537.        }, 100);
  2538.    });
  2539. }
  2540. $(document).click((e) => {
  2541.    if (!e.target.closest('div').classList.contains('product-search-container')) {
  2542.        $('.product-search-list').empty();
  2543.    }
  2544.    
  2545.    if (
  2546.        e.target.closest('div') === null ||
  2547.        e.target.closest('div').classList.contains('megamenu-modal-container') &&
  2548.        document.querySelectorAll('.megamenu-modal-container')[0].classList.contains('active')
  2549.    ) {
  2550.        $('.megamenu-modal-container').animate(
  2551.            {'opacity': 0},
  2552.            250,
  2553.            () => {
  2554.                $('.megamenu-category-container').empty();
  2555.                $('.megamenu-modal-container').toggleClass('active');
  2556.                $(document).unbind('scroll');
  2557.                $('body').css({'overflow':'visible'});
  2558.                $('#categories-searchbar').val('');
  2559.            }
  2560.        );
  2561.    }
  2562. });
  2563.  
  2564. // Shrink logo when user scrolls below 100px
  2565. const shrinkLogoOnScroll = () => {
  2566.    let headerLogoWrapper = document.querySelectorAll('.header-logo-wrapper')[0];
  2567.    let headerTop = document.querySelectorAll('.header-top')[0];
  2568.    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
  2569.        if (!headerLogoWrapper.classList.contains('active')) {
  2570.            headerLogoWrapper.classList.add('active');
  2571.            headerTop.classList.add('active');
  2572.        }
  2573.    } else {
  2574.        if (headerLogoWrapper.classList.contains('active')) {
  2575.            headerLogoWrapper.classList.remove('active');
  2576.            headerTop.classList.remove('active');
  2577.        }
  2578.    }
  2579. }
  2580. window.addEventListener('scroll', shrinkLogoOnScroll);
  2581.  
  2582. // Initialize hamburger menu functionality on mobile
  2583. $('.hamburger-button').click(() => {
  2584.    $('.header-bottom').addClass('active');
  2585.    disableScroll();
  2586.    if (!$('.header-logo-wrapper').hasClass('active')) {
  2587.        $('.header-logo-wrapper').toggleClass('active');
  2588.    }
  2589. });
  2590. $('.close-hamburger-button').click(() => {
  2591.    $('.header-bottom').removeClass('active');
  2592.    enableScroll();
  2593.    if (!window.matchMedia("only screen and (min-width: 992px)").matches) {
  2594.        window.addEventListener('scroll', shrinkLogoOnScroll);
  2595.    }
  2596.    if (document.documentElement.scrollTop < 100 && $('.header-logo-wrapper').hasClass('active')) {
  2597.        $('.header-logo-wrapper').toggleClass('active');
  2598.    }
  2599. });
  2600. window.addEventListener('resize', () => {
  2601.    if (window.matchMedia("only screen and (min-width: 992px)").matches) {
  2602.        if ($('.header-bottom').hasClass('active')) {
  2603.            $('.header-bottom').removeClass('active');
  2604.            enableScroll();
  2605.        }
  2606.        if (document.documentElement.scrollTop < 100 && $('.header-logo-wrapper').hasClass('active')) {
  2607.            $('.header-logo-wrapper').toggleClass('active');
  2608.        }
  2609.        if ($('.header-category-container').hasClass('active')) {
  2610.            $('.header-category-container').removeClass('active');
  2611.        }
  2612.    }
  2613. });
  2614.  
  2615. // Resize search list container width to match search bar
  2616. const matchSearchWidth = () => {
  2617.    if (window.matchMedia("only screen and (min-width: 600px)").matches) {
  2618.        let searchbarWidth = $('.product-search-container').width();
  2619.        $('.product-search-list').css('width', searchbarWidth - 20);
  2620.    } else {
  2621.        $('.product-search-list').css('width', 'unset');
  2622.    }
  2623. }
  2624. $(document).ready(() => {
  2625.    matchSearchWidth();
  2626. })
  2627. window.addEventListener('resize', matchSearchWidth);
  2628. window.addEventListener('scroll', matchSearchWidth);
  2629.  
  2630. // Display an item count indicator on the cart icon if user has items in cart
  2631. if ('' !== '') {
  2632.    $('.cart-container').append('<div class="cart-count-indicator"></div>')
  2633. }
  2634. </script></span><div id='main_section_editor_container'><div style="clear:left" id="sepDn658" class="edsep"></div><div id="newdiv_insert_n654"><style>
  2635.  
  2636.  
  2637. </style>
  2638.  
  2639. <div id="elemtype-~ LEGACY ~ Color Spacer" option_count="3"></div>
  2640. <style rel="stylesheet" type="text/css">
  2641. .ers-color-spacer {
  2642.    padding: 10px;
  2643. }
  2644.  
  2645. .ers-color-spacer {
  2646.    background-color: #08f;
  2647. }
  2648.  
  2649.  
  2650.  
  2651. </style>
  2652. <section class="ers-color-spacer"></section>
  2653. </div><div style="clear:left" id="sepDn654" class="edsep"></div><div id="newdiv_insert_n638"><style>
  2654.  
  2655.  
  2656. </style>
  2657.  
  2658. <div id="elemtype-Banner Carousel 2" option_count="3"></div>
  2659. <style rel="stylesheet" type="text/css">
  2660. .ers-banner-carousel-2 {
  2661.    width: 100%;
  2662.    margin-bottom: 20px;
  2663. }
  2664. .ers-banner-carousel-2 .swiper-slide-content {
  2665.    width: 100%;
  2666. }
  2667. .ers-banner-carousel-2 .swiper-button-next,
  2668. .ers-banner-carousel-2 .swiper-button-prev {
  2669.    color: #222;
  2670. }
  2671. .ers-banner-carousel-2 .slide-image-wrapper {
  2672.    width: 100%;
  2673. }
  2674. .ers-banner-carousel-2 .slide-image {
  2675.    width: 100%;
  2676.    height: auto;
  2677. }
  2678. .ers-banner-carousel-2 .swiper-button-next,
  2679. .ers-banner-carousel-2 .swiper-button-prev {
  2680.    color: #fff;
  2681. }
  2682. .ers-banner-carousel-2 .swiper-button-next:after,
  2683. .ers-banner-carousel-2 .swiper-button-prev:after {
  2684.    font-size: 24px;
  2685. }
  2686. .ers-banner-carousel-2 .swiper-button-prev {
  2687.    left: 0;
  2688. }
  2689. .ers-banner-carousel-2 .swiper-button-next {
  2690.    right: 0;
  2691. }
  2692. /* Code to show all slides in the responsive editor */
  2693. .ers-banner-carousel-2 .swiper-wrapper {
  2694.    flex-direction: row;
  2695. }
  2696. .ers-banner-carousel-2 .swiper-wrapper.editor-style {
  2697.    flex-wrap: wrap;
  2698. }
  2699. body[class*="ers"] .ers-banner-carousel-2 .swiper-wrapper {
  2700.    flex-direction: unset;
  2701.    flex-wrap: unset;
  2702. }
  2703. .ers-banner-carousel-2 .swiper-slide {
  2704.    width: 100%;
  2705. }
  2706. body[class*="ers"] .ers-banner-carousel-2 .swiper-slide {
  2707.    /*width: 100%;*/
  2708. }
  2709. .modal-content .ers-banner-carousel-2 .swiper-wrapper {
  2710.    flex-direction: row;
  2711.    flex-wrap: wrap;
  2712. }
  2713. @media only screen and (min-width: 400px) {
  2714.    .ers-banner-carousel-2 .banner-2-swiper {
  2715.        min-height: 165px;
  2716.    }
  2717. }
  2718. @media only screen and (min-width: 500px) {
  2719.    .ers-banner-carousel-2 .banner-2-swiper {
  2720.        min-height: 205px;
  2721.    }
  2722. }
  2723. @media only screen and (min-width: 600px) {
  2724.    .ers-banner-carousel-2 .banner-2-swiper {
  2725.        min-height: 250px;
  2726.    }
  2727. }
  2728. @media only screen and (min-width: 768px) {
  2729.    .ers-banner-carousel-2 .banner-2-swiper {
  2730.        min-height: 315px;
  2731.    }
  2732. }
  2733. @media only screen and (min-width: 992px) {
  2734.    .ers-banner-carousel-2 .swiper-slide {
  2735.        width: 50%;
  2736.    }
  2737.    .ers-banner-carousel-2 .banner-2-swiper {
  2738.        min-height: 205px;
  2739.    }
  2740.    .ers-banner-carousel-2 .swiper-button-next:after,
  2741.    .ers-banner-carousel-2 .swiper-button-prev:after {
  2742.        font-size: 44px;
  2743.    }
  2744.    .ers-banner-carousel-2 .swiper-button-prev {
  2745.        left: 10px;
  2746.    }
  2747.    .ers-banner-carousel-2 .swiper-button-next {
  2748.        right: 10px;
  2749.    }
  2750. }
  2751. @media only screen and (min-width: 1200px) {
  2752.    .ers-banner-carousel-2 .banner-2-swiper {
  2753.        min-height: 250px;
  2754.    }
  2755. }
  2756. @media only screen and (min-width: 1500px) {
  2757.    .ers-banner-carousel-2 .banner-2-swiper {
  2758.        min-height: 300px;
  2759.    }
  2760. }
  2761. </style>
  2762. <div class="ers-banner-carousel-2">
  2763.    <div class="swiper banner-2-swiper" id="banner-2-swiper-n638at_0_">
  2764.        <div class="swiper-wrapper editor-style">
  2765.            <div class="swiper-slide">
  2766.                <div class="swiper-slide-content">
  2767.                    <div class="slide-image-wrapper" eclick="slide-1">
  2768.                        <img fetchpriority="high" class="asyncImage slide-image" id="n638at_0_imageid-slide-1" data-id="n638at_0_imageid-slide-1" src="https://files.sysers.com/cp/upload/omega/gallery/433684717_1401144220517062_7327557243999296665_n.jpg"onclick='window.location = "https://www.werentfun.net/category/bounce_house_with_slide/"' style='cursor:pointer' alt="Bounce House rental Miami" title="Bounce House rental Miami">
  2769.                    </div>
  2770.                </div>
  2771.            </div>
  2772.            <div class="swiper-slide">
  2773.                <div class="swiper-slide-content">
  2774.                    <div class="slide-image-wrapper" eclick="slide-2">
  2775.                        <img fetchpriority="high" class="asyncImage slide-image" id="n638at_0_imageid-slide-2" data-id="n638at_0_imageid-slide-2" src="https://files.sysers.com/cp/upload/omega/gallery/434362211_425726719948114_132740511939315155_n.jpg"onclick='window.location = "https://www.werentfun.net/category/obstacle_course__and__interactives/"' style='cursor:pointer' alt="Bounce House rental Miami" title="Bounce House rental Miami">
  2776.                    </div>
  2777.                </div>
  2778.            </div>
  2779.            
  2780.            
  2781.            
  2782.                <div class="swiper-slide">
  2783.                    <div class="swiper-slide-content">
  2784.                        <div class="slide-image-wrapper" eclick="slide-3">
  2785.                            <img fetchpriority="low" loading="lazy" class="asyncImage slide-image" id="n638at_0_imageid-slide-3" data-id="n638at_0_imageid-slide-3" src="https://files.sysers.com/cp/upload/omega/gallery/Water-Slide-Rental-In-Miami.jpg"onclick='window.location = "https://www.werentfun.net/category/water_slides/"' style='cursor:pointer' alt="Water Slide Rental MIami" title="Water Slide Rental MIami">
  2786.                        </div>
  2787.                    </div>
  2788.                </div>
  2789.                <div class="swiper-slide">
  2790.                    <div class="swiper-slide-content">
  2791.                        <div class="slide-image-wrapper" eclick="slide-4">
  2792.                            <img fetchpriority="low" loading="lazy" class="asyncImage slide-image" id="n638at_0_imageid-slide-4" data-id="n638at_0_imageid-slide-4" src="https://files.sysers.com/cp/upload/omega/gallery/Extreme-Rides--We-Rent-Fun-2.jpg"onclick='window.location = "https://www.werentfun.net/category/carnival_rides/"' style='cursor:pointer' alt="Mechanical Ride Rental In Miami" title="Mechanical Ride Rental In Miami">
  2793.                        </div>
  2794.                    </div>
  2795.                </div>
  2796.            
  2797.        </div>
  2798.        <div class="swiper-button-prev banner-2-swiper-button-prev"></div>
  2799.        <div class="swiper-button-next banner-2-swiper-button-next"></div>
  2800.    </div>
  2801. </div>
  2802. <script>
  2803. const bannerCarousel2 = document.querySelectorAll('.ers-banner-carousel-2');
  2804. bannerCarousel2.forEach((container) => {
  2805.    container.querySelectorAll('.editor-style')
  2806.        .forEach((div) => div.classList.remove('editor-style'));
  2807. });
  2808.  
  2809. window.addEventListener('load', function() {
  2810.    let bannerCarouselSwiper2_n638at_0_ = new Swiper('#banner-2-swiper-n638at_0_', {
  2811.        direction: 'horizontal',
  2812.        loop: true,
  2813.        navigation: {
  2814.            nextEl: '.banner-2-swiper-button-next',
  2815.            prevEl: '.banner-2-swiper-button-prev'
  2816.        },
  2817.        speed: 500,
  2818.        slidesPerView: 1,
  2819.        watchSlidesProgress: true,
  2820.        autoplay: {
  2821.            delay: 8000,
  2822.            disableOnInteraction: false
  2823.        },
  2824.        breakpoints: {
  2825.            992: {
  2826.                slidesPerView: 2
  2827.            }
  2828.        }
  2829.    });
  2830. });
  2831. </script>
  2832. </div><div style="clear:left" id="sepDn635" class="edsep"></div><div id="newdiv_insert_n667"><style>
  2833.  
  2834.  
  2835. </style>
  2836.  
  2837. <div id="elemtype-HeaderText1" option_count="2"></div>
  2838. <style>
  2839.  
  2840.    
  2841.  
  2842.    @media screen and ( max-width: 600px ) {
  2843.  
  2844.        h1.mainheader-d1ed753 {
  2845.  
  2846.            /*font-size: 7vw;*/
  2847.        }
  2848.  
  2849.    }
  2850.  
  2851. </style>
  2852.  
  2853.  
  2854. <section class="headertext1">
  2855.    <div class="container">
  2856.        <div class="row-spacing"></div>
  2857.        <div class="row">
  2858.            <h1 class="mainheader mainheader-d1ed753 text-center" id="n667at_0_textid-h1" data-id="n667at_0_textid-h1">Miami's Top Choice for Customer Service</h1>
  2859.        </div>
  2860.    </div>
  2861. </section>
  2862.  
  2863. <!--  tplid  headertext1 -->
  2864.  
  2865.  
  2866. </div><div style="clear:left" id="sepDn665" class="edsep"></div><div id="newdiv_insert_n614"><style>
  2867.  
  2868.  
  2869. </style>
  2870.  
  2871. <div id="elemtype-Category Carousel Omega" option_count="3"></div>
  2872. <style rel="stylesheet" type="text/css">
  2873. /* Css For Editor */
  2874. .editor-modal-only {
  2875.    display: none;
  2876. }
  2877.  
  2878. #section_editor_modal .editor-modal-only {
  2879.    display: revert;
  2880. }
  2881.  
  2882. .ers-category-carousel {
  2883.    min-height: 700px;
  2884. }
  2885. body[class^="ers"] .ers-category-carousel .title-for-editor {
  2886.    display: none;
  2887. }
  2888. .ers-category-carousel .swiper-button-next {
  2889.    right: 0;
  2890.    border-radius: 5px 0 0 5px;
  2891. }
  2892. .ers-category-carousel .swiper-button-prev {
  2893.    left: 0;
  2894.    border-radius: 0 5px 5px 0;
  2895. }
  2896. .ers-category-carousel .swiper-button-next,
  2897. .ers-category-carousel .swiper-button-prev {
  2898.    top: 40%;
  2899. }
  2900. .ers-category-carousel .swiper-button-prev:after,
  2901. .ers-category-carousel .swiper-button-next:after {
  2902.    font-size: 24px;
  2903. }
  2904. .ers-category-carousel .swiper-button-next:after {
  2905.    padding-left: 5px;
  2906. }
  2907. .ers-category-carousel .swiper-button-prev:after {
  2908.    padding-right: 5px;
  2909. }
  2910. .ers-category-carousel .swiper-button-next,
  2911. .ers-category-carousel .swiper-button-prev {
  2912.    height: 100px;
  2913.    width: 30px;
  2914.    background-color: var(--color-theme-3);
  2915. }
  2916. .ers-category-carousel .swiper-button-next,
  2917. .ers-category-carousel .swiper-button-prev {
  2918.    color: var(--color-theme-6);
  2919. }
  2920. .ers-category-carousel .swiper-button-next.swiper-button-disabled,
  2921. .ers-category-carousel .swiper-button-prev.swiper-button-disabled {
  2922.    pointer-events: initial;
  2923. }
  2924. .ers-category-carousel .category-wrapper {
  2925.    display: flex;
  2926.    flex-direction: row;
  2927.    flex-wrap: wrap;
  2928. }
  2929. .ers-category-carousel .category {
  2930.    width: 100%;
  2931.    margin: 10px 0;
  2932.    border-radius: 5px;
  2933.    border: solid 2px #eee;
  2934. }
  2935. .ers-category-carousel .category-header-wrapper {
  2936.    width: 100%;
  2937.    padding: 15px 25px;
  2938.    border-radius: 5px 5px 0 0;
  2939.    display: flex;
  2940.    flex-direction: row;
  2941.    justify-content: space-between;
  2942.    align-items: center;
  2943.    background-color: grey;
  2944.    background-color: var(--color-theme-1);
  2945. }
  2946. .ers-category-carousel .category-header {
  2947.    font-size: 18px;
  2948.    margin: 0;
  2949.    text-align: left;
  2950.    color: var(--color-theme-4);
  2951. }
  2952. .ers-category-carousel .see-all-link {
  2953.    color: #222;
  2954.    background-color: #fff;
  2955.    margin-left: 20px;
  2956.    white-space: nowrap;
  2957. }
  2958.  
  2959. .ers-category-carousel .item-inner-container {
  2960.    display: flex;
  2961.    flex-direction: column;
  2962.    align-items: center;
  2963.    justify-content: center;
  2964.    height: 100%;
  2965.    color: #222;
  2966.    border-radius: 5px;
  2967.    background-color: #fff;
  2968. }
  2969. .ers-category-carousel .item-inner-container:hover {
  2970.    color: #222;
  2971.    text-decoration: none;;
  2972. }
  2973. .ers-category-carousel .item-image-wrapper {
  2974.    padding: 10px;
  2975.    width: 150px;
  2976.    height: 100px;
  2977.    display: flex;
  2978.    justify-content: center;
  2979.    align-items: center;
  2980. }
  2981. .ers-category-carousel .editor-only .item-image-wrapper {
  2982.    background-image: url(https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/med/placeholder-image.jpg);
  2983.    background-size: contain;
  2984.    background-repeat: no-repeat;
  2985.    background-position: center;
  2986. }
  2987. .ers-category-carousel .item-image {
  2988.    max-height: 100%;
  2989.    max-width: 100%;
  2990. }
  2991. .ers-category-carousel .item-name {
  2992.    overflow: hidden;
  2993.    height: auto;
  2994.    padding: 0 20px;
  2995.    margin: auto 0;
  2996.    max-width: 225px;
  2997.    text-align: center;
  2998. }
  2999. .ers-category-carousel .item-price {
  3000.    font-weight: bold;
  3001.    padding-bottom: 10px;
  3002. }
  3003. .ers-category-carousel .item-name,
  3004. .ers-category-carousel .item-price {
  3005.    font-size: 12px;
  3006. }
  3007. .ers-category-carousel .swiper > .swiper-wrapper > div.category-button-slide {
  3008.    height: unset;
  3009.    display: flex;
  3010.    align-items: center;
  3011.    justify-content: center;
  3012. }
  3013. .ers-category-carousel .category-button {
  3014.    background-color: grey;
  3015.    background-color: var(--color-theme-2);
  3016. }
  3017. .ers-category-carousel .editor-only {
  3018.    width: 100%;
  3019.    display: flex;
  3020.    flex-direction: row;
  3021.    flex-wrap: wrap;
  3022. }
  3023. .ers-category-carousel .editor-only .category-wrapper {
  3024.    display: flex;
  3025.    flex-direction: row;
  3026.    flex-wrap: wrap;
  3027. }
  3028. .ers-category-carousel .editor-only .editor-swiper-wrapper {
  3029.    display: flex;
  3030.    justify-content: space-around;
  3031. }
  3032. body[class*="ers_page"] .editor-only {
  3033.        display: none;
  3034. }
  3035. @media only screen and (min-width: 768px) {
  3036.    .ers-category-carousel .category-header {
  3037.        font-size: 28px;
  3038.    }
  3039.    .ers-category-carousel .item-name,
  3040.    .ers-category-carousel .item-price {
  3041.        font-size: 16px;
  3042.    }
  3043.    .ers-category-carousel .item-image-wrapper {
  3044.        height: 150px;
  3045.    }
  3046. }
  3047. @media only screen and (min-width: 992px) {
  3048.    .ers-category-carousel .category {
  3049.        width: calc(50% - 40px);
  3050.        margin: 20px;
  3051.    }
  3052. }
  3053. </style>
  3054. <div class="editor-modal-only text-center">Show Primary and Secondary Categories</div>
  3055.  
  3056.  
  3057. <div class="ers-category-carousel">
  3058.    <div class="container-fluid">
  3059.        <div class="row">
  3060.            <div class="col-md-12">
  3061.                <div class="category-wrapper">
  3062.                    <div class="editor-only">
  3063.                        <div class="category">
  3064.                            <div class="category-header-wrapper">
  3065.                                <div class="category-header header-style">Category Name</div>
  3066.                                <div class="see-all-link button-style">See All</div>
  3067.                            </div>
  3068.                            <div class="editor-swiper-wrapper">
  3069.                                <div class="item-inner-container link-style">
  3070.                                    <div class="item-image-wrapper">
  3071.                                    </div>
  3072.                                    <div class="item-name">Product Name</div>
  3073.                                    <div class="item-price">$0</div>
  3074.                                </div>
  3075.                                <div class="item-inner-container link-style">
  3076.                                    <div class="item-image-wrapper">
  3077.                                    </div>
  3078.                                    <div class="item-name">Product Name</div>
  3079.                                    <div class="item-price">$0</div>
  3080.                                </div>
  3081.                                <div class="item-inner-container link-style">
  3082.                                    <div class="item-image-wrapper">
  3083.                                    </div>
  3084.                                    <div class="item-name">Product Name</div>
  3085.                                    <div class="item-price">$0</div>
  3086.                                </div>
  3087.                            </div>
  3088.                        </div>
  3089.                        <div class="category">
  3090.                            <div class="category-header-wrapper">
  3091.                                <div class="category-header header-style">Category Name</div>
  3092.                                <div class="see-all-link button-style">See All</div>
  3093.                            </div>
  3094.                            <div class="editor-swiper-wrapper">
  3095.                                <div class="item-inner-container link-style">
  3096.                                    <div class="item-image-wrapper">
  3097.                                    </div>
  3098.                                    <div class="item-name">Product Name</div>
  3099.                                    <div class="item-price">$0</div>
  3100.                                </div>
  3101.                                <div class="item-inner-container link-style">
  3102.                                    <div class="item-image-wrapper">
  3103.                                    </div>
  3104.                                    <div class="item-name">Product Name</div>
  3105.                                    <div class="item-price">$0</div>
  3106.                                </div>
  3107.                                <div class="item-inner-container link-style">
  3108.                                    <div class="item-image-wrapper">
  3109.                                    </div>
  3110.                                    <div class="item-name">Product Name</div>
  3111.                                    <div class="item-price">$0</div>
  3112.                                </div>
  3113.                            </div>
  3114.                        </div>
  3115.                        <div class="category">
  3116.                            <div class="category-header-wrapper">
  3117.                                <div class="category-header header-style">Category Name</div>
  3118.                                <div class="see-all-link button-style">See All</div>
  3119.                            </div>
  3120.                            <div class="editor-swiper-wrapper">
  3121.                                <div class="item-inner-container link-style">
  3122.                                    <div class="item-image-wrapper">
  3123.                                    </div>
  3124.                                    <div class="item-name">Product Name</div>
  3125.                                    <div class="item-price">$0</div>
  3126.                                </div>
  3127.                                <div class="item-inner-container link-style">
  3128.                                    <div class="item-image-wrapper">
  3129.                                    </div>
  3130.                                    <div class="item-name">Product Name</div>
  3131.                                    <div class="item-price">$0</div>
  3132.                                </div>
  3133.                                <div class="item-inner-container link-style">
  3134.                                    <div class="item-image-wrapper">
  3135.                                    </div>
  3136.                                    <div class="item-name">Product Name</div>
  3137.                                    <div class="item-price">$0</div>
  3138.                                </div>
  3139.                            </div>
  3140.                        </div>
  3141.                        <div class="category">
  3142.                            <div class="category-header-wrapper">
  3143.                                <div class="category-header header-style">Category Name</div>
  3144.                                <div class="see-all-link button-style">See All</div>
  3145.                            </div>
  3146.                            <div class="editor-swiper-wrapper">
  3147.                                <div class="item-inner-container link-style">
  3148.                                    <div class="item-image-wrapper">
  3149.                                    </div>
  3150.                                    <div class="item-name">Product Name</div>
  3151.                                    <div class="item-price">$0</div>
  3152.                                </div>
  3153.                                <div class="item-inner-container link-style">
  3154.                                    <div class="item-image-wrapper">
  3155.                                    </div>
  3156.                                    <div class="item-name">Product Name</div>
  3157.                                    <div class="item-price">$0</div>
  3158.                                </div>
  3159.                                <div class="item-inner-container link-style">
  3160.                                    <div class="item-image-wrapper">
  3161.                                    </div>
  3162.                                    <div class="item-name">Product Name</div>
  3163.                                    <div class="item-price">$0</div>
  3164.                                </div>
  3165.                            </div>
  3166.                        </div>
  3167.                    </div>
  3168.                </div>
  3169.            </div>
  3170.        </div>
  3171.    </div>
  3172. </div>
  3173. <script>
  3174. (async () => {
  3175.    let retryCounter = 0;
  3176.    const initializeSwipers = () => {
  3177.        if (productsData && categoriesData) {
  3178.            let categoryWrapper = document.querySelector('.ers-category-carousel .category-wrapper');
  3179.            let categoriesCounter = 0;
  3180.            let categoryQuantity = Number('6');
  3181.            if(isNaN(categoryQuantity) || categoryQuantity == 0) {
  3182.                categoryQuantity = 8;
  3183.            }
  3184.            
  3185.            const productAlreadyAdded = [];
  3186.            for(const category of categoriesData) {
  3187.                if (
  3188.                    category.display === true &&
  3189.                    categoriesCounter < categoryQuantity
  3190.                ) {
  3191.                    const productsInCategory = [];
  3192.                    if(category.sortItems) {
  3193.                        for(const sortId of category.sortItems) {
  3194.                            if(productsInCategory.length === 5) {
  3195.                                break;
  3196.                            }
  3197.                            let product = productsData.find(({id}) => id === sortId);
  3198.                            if(!product) {
  3199.                                continue;
  3200.                            } else if (
  3201.                                
  3202.                                
  3203.                                product.baseCost !== undefined &&
  3204.                                parseFloat(product.baseCost) > 0 &&
  3205.                                product.display === true
  3206.                            ) {
  3207.                                productsInCategory.push(product);
  3208.                                productAlreadyAdded.push(product.id);
  3209.                            }
  3210.                        }
  3211.                    } else {
  3212.                        for(const product of productsData) {
  3213.                            if(productsInCategory.length === 5) {
  3214.                                break;
  3215.                            }
  3216.                            if(
  3217.                                
  3218.                                product.categoryIds[0] === category.id &&
  3219.                                product.baseCost !== undefined &&
  3220.                                parseFloat(product.baseCost) > 0 &&
  3221.                                product.display === true
  3222.                            ) {
  3223.                                productsInCategory.push(product);
  3224.                                productAlreadyAdded.push(product.id);
  3225.                            }
  3226.                        }
  3227.                        
  3228.                        if(productsInCategory.length < 5) {
  3229.                            for(const product of productsData) {
  3230.                                if(productsInCategory.length === 5) {
  3231.                                    break;
  3232.                                }
  3233.                                if(
  3234.                                    product.categoryIds.includes(category.id) &&
  3235.                                    product.categoryIds[0] !== category.id &&
  3236.                                    product.baseCost !== undefined &&
  3237.                                    parseFloat(product.baseCost) > 0 &&
  3238.                                    product.display === true
  3239.                                ) {
  3240.                                    productsInCategory.push(product);
  3241.                                    productAlreadyAdded.push(product.id);
  3242.                                }
  3243.                            }    
  3244.                        }
  3245.                        
  3246.                        
  3247.                    }
  3248.                    let productSlides = "";
  3249.                    for(const product of productsInCategory) {
  3250.                        productSlides += `
  3251.                            <div class="swiper-slide">
  3252.                                <a class="item-inner-container link-style" href="${product.url}">
  3253.                                    <div class="item-image-wrapper">
  3254.                                        <img class="item-image" loading="lazy" src="${product.picture}" alt="${product.alt}" onerror="this.src='https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/med/placeholder-image.jpg'">
  3255.                                    </div>
  3256.                                    <h4 class="item-name">${product.name}</h4>
  3257.                                    <div class="item-price">$${product.baseCost}</div>
  3258.                                </a>
  3259.                            </div>
  3260.                        `;
  3261.                    }
  3262.                    
  3263.                    let categorySlider = `
  3264.                        <div class="category category-${category.id}">
  3265.                            <div class="category-header-wrapper">
  3266.                                <h3 class="category-header header-style">${category.name}</h3>
  3267.                                <a class="see-all-link button-style" href="${category.url}">See All</a>
  3268.                            </div>
  3269.                            <div class="swiper categories-swiper-${category.id}">
  3270.                                <div class="swiper-wrapper swiper-wrapper-${category.id}">
  3271.                                    ${productSlides}
  3272.                                    <div class="swiper-slide category-button-slide">
  3273.                                        <div class="item-inner-container category-button-container">
  3274.                                            <a class="category-button button-style" href="${category.url}">See More</a>
  3275.                                        </div>
  3276.                                    </div>            
  3277.                                </div>
  3278.                                <div class="swiper-button-prev swiper-button-prev-${category.id}"></div>
  3279.                                <div class="swiper-button-next swiper-button-next-${category.id}"></div>
  3280.                            </div>
  3281.                        </div>
  3282.                    `;
  3283.                    
  3284.                    if (productsInCategory.length > 0) {
  3285.                        categoryWrapper.insertAdjacentHTML('beforeend', categorySlider);
  3286.                        
  3287.                        let categoriesSwiper = new Swiper(`.categories-swiper-${category.id}`, {
  3288.                            direction: 'horizontal',
  3289.                            loop: false,
  3290.                            navigation: {
  3291.                                nextEl: `.swiper-button-next-${category.id}`,
  3292.                                prevEl: `.swiper-button-prev-${category.id}`
  3293.                            },
  3294.                            speed: 400,
  3295.                            slidesPerView: 2,
  3296.                            watchSlidesProgress: true,
  3297.                            breakpoints: {
  3298.                                575: {
  3299.                                    slidesPerView: 3
  3300.                                },
  3301.                                700: {
  3302.                                    slidesPerView: 4
  3303.                                },
  3304.                                992: {
  3305.                                    slidesPerView: 2
  3306.                                },
  3307.                                1100: {
  3308.                                    slidesPerView: 3
  3309.                                },
  3310.                                1750: {
  3311.                                    slidesPerView: 4
  3312.                                }
  3313.                            }
  3314.                        });
  3315.                        categoriesCounter += 1;
  3316.                    }
  3317.                } else if(categoriesCounter === categoryQuantity) {
  3318.                    break;
  3319.                }
  3320.            }
  3321.        } else if (retryCounter < 9) {
  3322.            setTimeout(() => {
  3323.                retryCounter += 1;
  3324.                initializeSwipers();
  3325.            }, 100);
  3326.        } else if (retryCounter >= 9 && retryCounter < 50) {
  3327.            setTimeout(() => {
  3328.                retryCounter += 1;
  3329.                initializeSwipers();
  3330.            }, 300);
  3331.        } else if (retryCounter >= 50) {
  3332.            setTimeout(() => {
  3333.                retryCounter += 1;
  3334.                initializeSwipers();
  3335.            }, 500);
  3336.        }
  3337.    }
  3338.    
  3339.    initializeSwipers();
  3340. })();
  3341. </script>
  3342. <script>
  3343.    function adjustSlideHeight() {
  3344.      const divNumber = 'n614at_0_'.slice(0,4);
  3345.      const thisDiv = document.getElementById(`newdiv_insert_${divNumber}`);
  3346.      
  3347.      const slides = thisDiv.querySelectorAll('.swiper-slide');
  3348.      if (slides.length === 0) return;
  3349.    
  3350.      let maxHeight = 0;
  3351.    
  3352.      // Find the slide with the greatest height.
  3353.      slides.forEach(slide => {
  3354.        const slideHeight = slide.offsetHeight;
  3355.        if (slideHeight > maxHeight) maxHeight = slideHeight;
  3356.      });
  3357.    
  3358.      // Set all slides to the greatest height.
  3359.      slides.forEach(slide => {
  3360.        slide.style.height = `${maxHeight}px`;
  3361.      });
  3362.    }
  3363.    
  3364.    document.addEventListener('DOMContentLoaded', adjustSlideHeight);
  3365.    
  3366.    window.addEventListener('resize', adjustSlideHeight);
  3367. </script>
  3368. </div><div style="clear:left" id="sepDn663" class="edsep"></div><div id="newdiv_insert_n647"><style>
  3369.  
  3370.  
  3371. </style>
  3372.  
  3373. <div id="elemtype-Check Availability (Category Pages)" option_count="6"></div>
  3374. <style>
  3375. /* Css For Editor */
  3376. .editor-modal-only {
  3377.    display: none;
  3378. }
  3379. #section_editor_modal .editor-modal-only {
  3380.    display: revert;
  3381. }
  3382. .reserve-date-container {
  3383.    margin-top: 30px;
  3384.    margin-bottom: 30px;
  3385.    display: grid;
  3386.    grid-row-gap: 20px;
  3387.    grid-column-gap: 30px;
  3388.    grid-template-columns: repeat(2, 1fr);
  3389.    align-items: center;
  3390. }
  3391. .reserve-date-container.option5,
  3392. .reserve-date-container.option6 {
  3393.    grid-template-columns: 1fr;
  3394. }
  3395. .reserve-date-container:before,
  3396. .reserve-date-container:after {
  3397.    display: none !important;
  3398. }
  3399. .reserve-date-text {
  3400.    font-size: 20px;
  3401.    vertical-align: middle;
  3402.    text-align: left;
  3403. }
  3404. @keyframes reserve-button-pulse {
  3405.  from { transform: scale(1); }
  3406.  50% { transform: scale(0.9); }
  3407.  to { transform: scale(1); }
  3408. }
  3409. #reserve-date-button {
  3410.    display: block;
  3411.    background: grey;
  3412.    background: var(--color-theme-2);
  3413.    padding: 10px 20px;
  3414.    margin: 0 auto;
  3415.    text-align: center;
  3416.    border: 0;
  3417.    border-radius: 10px;
  3418.    color: #fff;
  3419.    color: var(--color-theme-5);
  3420.    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  3421.    width: 100%;
  3422.    max-width: 600px;
  3423.    display: flex;
  3424.    justify-content: center;
  3425.    align-items: center;
  3426. }
  3427. .reserve-date-container.option2 #reserve-date-button,
  3428. .reserve-date-container.option4 #reserve-date-button,
  3429. .reserve-date-container.option6 #reserve-date-button {
  3430.    animation-name: reserve-button-pulse;
  3431.    animation-duration: 3s;
  3432.    animation-iteration-count: infinite;
  3433. }
  3434. .reserve-date-container.option2 #reserve-date-button:hover, #reserve-date-button:focus,
  3435. .reserve-date-container.option4 #reserve-date-button:hover, #reserve-date-button:focus,
  3436. .reserve-date-container.option6 #reserve-date-button:hover, #reserve-date-button:focus {
  3437.    animation-play-state: paused;
  3438. }
  3439.  
  3440. #reserve-date-button i {
  3441.    font-size: 50px;
  3442.    vertical-align: middle;
  3443.    display: inline-block;
  3444. }
  3445.  
  3446. #reserve-date-button svg {
  3447.    width: 50px;
  3448.    height: 50px;
  3449.    fill: var(--color-theme-5);
  3450. }
  3451.  
  3452. #reserve-date-button .reserve-button-text {
  3453.    padding-left: 10px;
  3454.    font-size: 20px;
  3455.    display: inline-block;
  3456.    vertical-align: middle;
  3457. }
  3458. @media screen and (max-width:767px) {
  3459.    .reserve-date-container {
  3460.        grid-template-columns: 1fr;
  3461.    }
  3462.    .reserve-date-text {
  3463.        text-align: center;
  3464.    }
  3465.    .reserve-date-container.option3 .reserve-date-text,
  3466.    .reserve-date-container.option4 .reserve-date-text {
  3467.        display: none;
  3468.    }
  3469.    #reserve-date-button {
  3470.        width: 90%;
  3471.    }
  3472. }
  3473. /* Calendar Overlay */
  3474.  
  3475. #check-availability-calendar-overlay {
  3476.  display: none;
  3477.  position: fixed;
  3478.  align-items: center;
  3479.  justify-content: center;
  3480.  width: 100%;
  3481.  height: 100%;
  3482.  top: 0;
  3483.  left: 0;
  3484.  right: 0;
  3485.  bottom: 0;
  3486.  background-color: rgba(0,0,0,0.5);
  3487.  z-index: 9999;
  3488.  cursor: pointer;
  3489.  transition: opacity 5s;
  3490. }
  3491.  
  3492. #check-availability-calendar-overlay.active {
  3493.    display: flex;
  3494. }
  3495.  
  3496. .check-availability-calendar-modal-wrapper {
  3497.    cursor: default;
  3498.    width: 85%;
  3499.    max-width: 600px;
  3500. }
  3501.  
  3502. #check-availability-calendar-modal #item_container > div[style] {
  3503.    width: 100% !important;
  3504.    max-width: none !important;
  3505.    padding: 0 !important;
  3506.    border-radius: 0 !important;
  3507. }
  3508.  
  3509. #check-availability-calendar-modal #item_container.ajax_overlay {
  3510.    min-height: 400px;
  3511.    background-color: #ffffff;
  3512.    padding: 20px;
  3513.    border-radius: 10px;
  3514. }
  3515.  
  3516. #check-availability-calendar-modal #calendar_container td[align="left"],
  3517. #check-availability-calendar-modal #calendar_container .button_back {
  3518.    display: none;
  3519. }
  3520.  
  3521. .check-availability-calendar-modal-wrapper .close-btn-wrapper {
  3522.    font-size: 28px;
  3523.    font-weight: bold;
  3524.    float: right;
  3525.    padding-right: 15px;
  3526.    padding-left: 15px;
  3527.    cursor: pointer;
  3528.    position: relative;
  3529.    z-index: 9999;
  3530. }
  3531.  
  3532. .check-availability-calendar-modal-wrapper .close-btn {
  3533.    display: inline-block;
  3534.    transition: color .2s;
  3535.    color: #565656;
  3536. }
  3537.  
  3538. .check-availability-calendar-modal-wrapper .close-btn-wrapper:hover .close-btn {
  3539.    color: red;
  3540. }
  3541. </style>
  3542.  
  3543.    <div class="editor-modal-only text-center">Show Both Text and Button</div>
  3544.    <div class="container reserve-date-container option1">
  3545.  
  3546.  
  3547.  
  3548.  
  3549.  
  3550.  
  3551.    
  3552.    <div class="reserve-date-text" id="n647at_0_textid-reserve-date-text" data-id="n647at_0_textid-reserve-date-text">Click the check availability button to see what we have available for your specific day, then add to the cart and reserve online!</div>
  3553.    
  3554.    <div class="reserve-date-button-container">
  3555.        <button id="reserve-date-button">
  3556.            <span class="reserve-button-icon" id="n647at_0_textid-reserve-button-icon" data-id="n647at_0_textid-reserve-button-icon"><svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M436 160H12c-6.6 0-12-5.4-12-12v-36c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48v36c0 6.6-5.4 12-12 12zM12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm333.3 95.9l-28.2-28.4c-4.7-4.7-12.3-4.7-17-.1L194.1 364.7l-46-46.4c-4.7-4.7-12.3-4.7-17-.1l-28.4 28.2c-4.7 4.7-4.7 12.3-.1 17l82.6 83.3c4.7 4.7 12.3 4.7 17 .1l143-141.8c4.7-4.7 4.7-12.3 .1-17z"></path></svg></span>
  3557.            <span class="reserve-button-text" id="n647at_0_textid-reserve-button-text" data-id="n647at_0_textid-reserve-button-text">Click Here to<br> Check Availability</span>
  3558.        </button>
  3559.    </div>
  3560. </div>
  3561.  
  3562. <div id="check-availability-calendar-overlay">
  3563.    <div class="check-availability-calendar-modal-wrapper">
  3564.        <div class="close-btn-wrapper">
  3565.            <a class="close-btn"><i class="fa fa-times" aria-hidden="true"></i></a>
  3566.        </div>
  3567.        <div id="check-availability-calendar-modal"></div>
  3568.    </div>
  3569. </div>
  3570.  
  3571. <script>
  3572. (() => {
  3573.    let reserveDateButton = document.querySelector(".reserve-date-container #reserve-date-button");
  3574.    let calendarOverlay = document.querySelector("#check-availability-calendar-overlay");
  3575.    let calendarModal = document.querySelector("#check-availability-calendar-overlay #check-availability-calendar-modal");
  3576.    let calendarModalCloseBtn = document.querySelector("#check-availability-calendar-overlay .close-btn-wrapper");
  3577.    
  3578.    function checkDateAvailability() {
  3579.        if (navigator.cookieEnabled) {
  3580.            calendarModal.insertAdjacentHTML('beforeend', '<div id="item_container"> </div>');
  3581.            ajax_link(
  3582.                "item_container",
  3583.                "store.item.calendar?root_path=&store_mode=order-by-date&itemid=",
  3584.            );
  3585.            calendarOverlay.classList.add("active");
  3586.        } else {
  3587.            alert("Cookies are not enabled. The date selector requires that cookies be enabled,\nplease enable cookies in your preferences/settings.");
  3588.        }
  3589.    }
  3590.    
  3591.    reserveDateButton.addEventListener('click', (event) => {
  3592.        checkDateAvailability();
  3593.    });
  3594.    
  3595.    function clearCalendarModal() {
  3596.        calendarOverlay.classList.remove('active');
  3597.        calendarModal.replaceChildren();
  3598.    }
  3599.    calendarOverlay.addEventListener('click', (event) => {
  3600.        const isOutside = !event.target.closest('.check-availability-calendar-modal-wrapper');
  3601.        if (isOutside) {
  3602.            clearCalendarModal();
  3603.        }
  3604.    });
  3605.    calendarModalCloseBtn.addEventListener('click', (event) => {
  3606.        clearCalendarModal();
  3607.    });
  3608. })();
  3609. </script>
  3610. </div><div style="clear:left" id="sepDn637" class="edsep"></div><div id="newdiv_insert_n639"><style>
  3611.  
  3612.  
  3613. </style>
  3614.  
  3615. <div id="elemtype-Feature Section Main" option_count="3"></div>
  3616.  
  3617.  
  3618. <style>
  3619.  
  3620.    .img-container-46b8546 {
  3621.        background-color: #222;
  3622.        min-height: 150px;
  3623.    }
  3624.  
  3625.    .text-box-46b8546 {
  3626.        padding: 0;
  3627.        padding-bottom: 1.5em;
  3628.        background: radial-gradient( at top, #0053a7, #127);
  3629.    }
  3630.  
  3631.    .header-46b8546 {
  3632.        padding: 1em;
  3633.        background-color: #dadada;
  3634.        color: #137;
  3635.        font-weight: bold;
  3636.        font-family: verdana, sans-serif;
  3637.        text-transform: uppercase;
  3638.        text-align: center;
  3639.    }
  3640.  
  3641.    .content-46b8546 {
  3642.        text-align: center;
  3643.        color: white;
  3644.        font-size: 12pt;
  3645.        padding: 1em;
  3646.    }
  3648. .btn-46b8546 {
  3649. border-radius:0px;
  3650. }
  3651.  
  3652.    a[href].text-button-46b8546 {
  3653.        font-family: verdana, sans-serif;
  3654.        text-decoration: none;
  3655.        display: block;
  3656.        margin: auto;
  3657.        width: 80%;
  3658.        color: #113376;
  3659.        background-color: #eabd00;
  3660.        text-align: center;
  3661.        box-sizing: border-box;
  3662.        padding: .5em;
  3663.    }
  3664.  
  3665. @media screen and ( max-width: 800px ) {
  3666.  
  3667.    .img-responsive-46b8546 {
  3668.        width: 100%;
  3669.    }
  3670.  
  3671.    .col-sm-6-46b8546 {
  3672.        margin-bottom: 6em;
  3673.    }
  3674. }
  3675.  
  3676. .h3-46b8546, .h5-46b8546 {
  3677.    font-weight: normal;
  3678.    margin-bottom: .9rem;
  3679.    font-size: 2.1rem;
  3680.    line-height: 2.5rem;
  3681.    font-family: 'Lane', sans-serif;
  3682.    margin-top: 0;
  3683.    color: inherit;
  3684. }
  3685.  
  3686. .h5-46b8546 {
  3687.    font-size: 1.3rem;
  3688.    margin-bottom: 1rem;
  3689.    font-weight: 300;
  3690.    margin-top: 0;
  3691. }
  3692.  
  3693. </style>
  3694.  
  3695. <section class="feature-section">
  3696.  
  3697.        <div class="container">
  3698.            <div class="row-spacing"></div>
  3699.  
  3700.            <!-- For normal size screens separate layout -->
  3701.            <div class="hidden-xs row">
  3702.                <div class="col-sm-4 text-center">
  3703.                    <img id="n639at_0_imageid-if1" data-id="n639at_0_imageid-if1" src="https://files.sysers.com/cp/upload/omega/gallery/Corporate-%281%29.jpg" class="img-responsive img-responsive-46b8546" alt="Corporate Event Rentals" title="Corporate Event Rentals">
  3704.                    <div class="row-spacing"></div>
  3705.                    <div class="h3 h3-46b8546 title" id="n639at_0_textid-f-t1-1" data-id="n639at_0_textid-f-t1-1">Corporate Event Rentals</div>
  3707.                    <div class="team-separator"></div>
  3708. <div class="info" id="n639at_0_textid-f-info-1" data-id="n639at_0_textid-f-info-1">Organizing a company picnic or any corporate event shouldn't be a stressful endeavor. At We Rent Fun, we offer a wide range of rental choices that go beyond the usual items like chairs and tables. We provide entertainment and various other event essentials, making event planning a breeze. We are your go-to source for all your corporate event needs, so you can focus on what truly matters: your team. You can trust us to handle all the intricate details while you sit back and enjoy the celebration.</div>
  3709.                </div>
  3710.  
  3711.                <div class="hidden-xs col-sm-4 text-center">
  3712.                    <img id="n639at_0_imageid-if2" data-id="n639at_0_imageid-if2" src="https://files.sysers.com/cp/upload/omega/gallery/Church.jpg" class="img-responsive img-responsive-46b8546" alt="Church Event Rentals " title="Church Event Rentals ">
  3713.                    <div class="row-spacing"></div>
  3714.                    <div class="h3 h3-46b8546 title" id="n639at_0_textid-f-t1-2" data-id="n639at_0_textid-f-t1-2">Church & Non-profit Rentals </div>
  3716.                    <div class="team-separator"></div>
  3717. <div class="info" id="n639at_0_textid-f-info-2" data-id="n639at_0_textid-f-info-2">At We Rent Fun, our expertise lies in collaborating with nonprofit organizations and churches to offer cost-effective and dependable entertainment solutions. We boast an extensive inventory of equipment suitable for individuals of all ages and can cater to events of any scale. Our primary objective is to craft a memorable experience for your organization, thanks to our extensive assortment of event equipment. Feel free to reach out to us, and we'll be more than happy to tailor a package to suit your forthcoming event.</div>
  3718.                </div>
  3719.  
  3720.                <div class="hidden-xs col-sm-4 text-center">
  3721.                    <img id="n639at_0_imageid-if3" data-id="n639at_0_imageid-if3" src="https://files.sysers.com/cp/upload/omega/gallery/School.jpg" class="img-responsive img-responsive-46b8546" alt="School Event Rentals" title="School Event Rentals">
  3722.                    <div class="row-spacing"></div>
  3723.                    <div class="h3 h3-46b8546 title" id="n639at_0_textid-f-t1-3" data-id="n639at_0_textid-f-t1-3">School Event Rentals</div>
  3725.                    <div class="team-separator"></div>
  3726. <div class="info" id="n639at_0_textid-f-info-3" data-id="n639at_0_textid-f-info-3">If you're a school or organization looking to add some fun to your fundraising events, We Rent Fun is here to assist you. Whether you're planning carnivals, field days, celebrations, or rewards days, we offer a wide range of options to choose from, including mechanical rides, carnival games, inflatables, yard games, concessions, and arcades. Get in touch with us to find out how we can work within your budget to create a successful event that will bring joy to attendees of all ages.</div>
  3727.                </div>
  3728.            </div>
  3729.            <!-- Buttons separated for even column heights -->
  3731. <div class="hidden-xs row">
  3732. <div class="col-sm-4">
  3733. <div class="row-spacing"></div>
  3734. <a id="n639at_0_textid-f-btn1" data-id="n639at_0_textid-f-btn1" href="/category/obstacle_course__and__interactives/" class="btn btn-46b8546 btn-primary btn-lg btn-block" target="">Corporate Event Rentals</a>
  3735. <div class="row-spacing"></div>
  3736. </div>
  3737.  
  3738. <div class="col-sm-4">
  3739. <div class="row-spacing"></div>
  3740. <a id="n639at_0_textid-f-btn2" data-id="n639at_0_textid-f-btn2" href="/category/carnival_rides/" class="btn btn-46b8546 btn-primary btn-lg btn-block" target="">Church & Non-profit Rentals </a>
  3741. <div class="row-spacing"></div>
  3742. </div>
  3743.  
  3744. <div class="col-sm-4">
  3745. <div class="row-spacing"></div>
  3746. <a id="n639at_0_textid-f-btn3" data-id="n639at_0_textid-f-btn3" href="/category/interactive_games/" class="btn btn-46b8546 btn-primary btn-lg btn-block" target="">School Event Rentals</a>
  3747. <div class="row-spacing"></div>
  3748. </div>
  3749. </div>
  3751.  
  3752.            <!-- For xsmall screens use full width layout -->
  3753.            <div class="hidden-sm hidden-md hidden-lg row">
  3754.                <div class="col-xs-12 text-center">
  3755.                    <img id="n639at_0_imageid-if1" data-id="n639at_0_imageid-if1" src="https://files.sysers.com/cp/upload/omega/gallery/Corporate-%281%29.jpg" class="img-responsive img-responsive-46b8546" alt="Corporate Event Rentals" title="Corporate Event Rentals">
  3756.                    <div class="row-spacing"></div>
  3757.                    <div class="h3 h3-46b8546 title" id="n639at_0_textid-f-t1-1" data-id="n639at_0_textid-f-t1-1">Corporate Event Rentals</div>
  3759.                    <div class="team-separator"></div>
  3760. <div class="info" id="n639at_0_textid-f-info-1" data-id="n639at_0_textid-f-info-1">Organizing a company picnic or any corporate event shouldn't be a stressful endeavor. At We Rent Fun, we offer a wide range of rental choices that go beyond the usual items like chairs and tables. We provide entertainment and various other event essentials, making event planning a breeze. We are your go-to source for all your corporate event needs, so you can focus on what truly matters: your team. You can trust us to handle all the intricate details while you sit back and enjoy the celebration.</div>
  3762. <a id="n639at_0_textid-f-btn1" data-id="n639at_0_textid-f-btn1" href="/category/obstacle_course__and__interactives/" class="btn btn-46b8546 btn-primary btn-lg" target="">Corporate Event Rentals</a>
  3764.                    <div class="row-spacing"></div>
  3765.                </div>
  3766.  
  3767.                <div class="col-xs-12 text-center">
  3768.                    <img id="n639at_0_imageid-if2" data-id="n639at_0_imageid-if2" src="https://files.sysers.com/cp/upload/omega/gallery/Church.jpg" class="img-responsive img-responsive-46b8546" alt="Church Event Rentals " title="Church Event Rentals ">
  3769.                    <div class="row-spacing"></div>
  3770.                    <div class="h3 h3-46b8546 title" id="n639at_0_textid-f-t1-2" data-id="n639at_0_textid-f-t1-2">Church & Non-profit Rentals </div>
  3772.                    <div class="team-separator"></div>
  3773.                    <div class="info" id="n639at_0_textid-f-info-2" data-id="n639at_0_textid-f-info-2">At We Rent Fun, our expertise lies in collaborating with nonprofit organizations and churches to offer cost-effective and dependable entertainment solutions. We boast an extensive inventory of equipment suitable for individuals of all ages and can cater to events of any scale. Our primary objective is to craft a memorable experience for your organization, thanks to our extensive assortment of event equipment. Feel free to reach out to us, and we'll be more than happy to tailor a package to suit your forthcoming event.</div>
  3775. <a id="n639at_0_textid-f-btn2" data-id="n639at_0_textid-f-btn2" href="/category/carnival_rides/" class="btn btn-46b8546 btn-primary btn-lg" target="">Church & Non-profit Rentals </a>
  3777. <div class="row-spacing"></div>
  3778.                </div>
  3779.  
  3780.                <div class="col-xs-12 text-center">
  3781.                    <img id="n639at_0_imageid-if3" data-id="n639at_0_imageid-if3" src="https://files.sysers.com/cp/upload/omega/gallery/School.jpg" class="img-responsive img-responsive-46b8546" alt="School Event Rentals" title="School Event Rentals">
  3782.                    <div class="row-spacing"></div>
  3783.                    <div class="h3 h3-46b8546 title" id="n639at_0_textid-f-t1-3" data-id="n639at_0_textid-f-t1-3">School Event Rentals</div>
  3785.                    <div class="team-separator"></div>
  3786.                    <div class="info" id="n639at_0_textid-f-info-3" data-id="n639at_0_textid-f-info-3">If you're a school or organization looking to add some fun to your fundraising events, We Rent Fun is here to assist you. Whether you're planning carnivals, field days, celebrations, or rewards days, we offer a wide range of options to choose from, including mechanical rides, carnival games, inflatables, yard games, concessions, and arcades. Get in touch with us to find out how we can work within your budget to create a successful event that will bring joy to attendees of all ages.</div>
  3788. <a id="n639at_0_textid-f-btn3" data-id="n639at_0_textid-f-btn3" href="/category/interactive_games/" class="btn btn-46b8546 btn-primary btn-lg" target="">School Event Rentals</a>
  3790.                    <div class="row-spacing"></div>
  3791.                </div>
  3792.            </div>
  3793.        </div>
  3794.  
  3795. </section>
  3796.  
  3797. <!--  tplid  feature_section -->
  3798.  
  3799.  
  3800. </div><div style="clear:left" id="sepDn641" class="edsep"></div><div id="newdiv_insert_n643"><style>
  3801.  
  3802.  
  3803. </style>
  3804.  
  3805. <div id="elemtype-Spacing" option_count="2"></div>
  3806. <style rel="stylesheet" type="text/css">
  3807.    .ers-spacing {
  3808.        height: 40px;
  3809.    }
  3810. </style>
  3811. <div class="ers-spacing"></div>
  3812. </div><div style="clear:left" id="sepDn516" class="edsep"></div><div id="newdiv_insert_n552"><style>
  3813.  
  3814.  
  3815. </style>
  3816.  
  3817. <div id="elemtype-Vid-Left-Larger-Nolink" option_count=""></div>
  3818.  
  3819. <style type="text/css">
  3820.    .video-feature .overlay-embed-8daf653 {
  3821.        position: absolute;
  3822.        width: 100%;
  3823.        height: 100%;
  3824. z-index: 999;
  3825.    }
  3826. </style>
  3827.  
  3828. <section class="video-feature">
  3829.    <div class="container">
  3830.        <div class="row-spacing"></div>
  3831.  
  3832.        <div class="row">
  3833.            <div class="row-spacing visible-xs-block"></div>
  3834.            <div class="col-md-6">
  3835.                <div class="overlay-embed overlay-embed-8daf653" style="display:none; z-index:-800"></div>
  3836.                <div class="embed-responsive embed-responsive-4by3" id="n552at_0_textid-embed"><iframe class="embed-responsive-item" src="https://www.youtube.com/embed/6eXqlvK7atM" allowfullscreen=""></iframe></div>
  3837.            </div>
  3838.  
  3839.            <div class="col-md-6">
  3840.                <div class="h4" id="n552at_0_textid-heading" data-id="n552at_0_textid-heading">Booking with We Rent Fun is Party Planning Made Easy</div>
  3841.                <div id="n552at_0_textid-text1" data-id="n552at_0_textid-text1">Check out our video about Miami's Best Bounce House Rentals from&nbsp;<a href="http://vimeo.com/user21979228">We Rent Fun on Vimeo</a>. Miami,&nbsp;<a href="https://www.werentfun.net/party_rental_in_kendall/">Kendall</a>&nbsp;and&nbsp;<a href="https://www.werentfun.net/bounce_house_broward/">Broward</a>&nbsp;knows how to have a good time. What better way to experience good times with friends and family than in the comfort of your own backyard? Throw an unforgettable farewell summer block party that no one will forget! Rent the best&nbsp;<a href="https://www.werentfun.net/bounce-house-broward/">Broward</a>&nbsp;inflatables seen here such as the eye-catching&nbsp;<a href="https://omega.ourers.com/category/foam_party_machine/">foam machine</a>,&nbsp;<a href="https://omega.ourers.com/items/r79_-_tiburon_(shark)_20ft_double_lane_water_slide/">&nbsp;Tiburon Water Slide&nbsp;</a>, the tall&nbsp;<a href="https://omega.ourers.com/items/r89-90_-_27ft_mega_kraken_water_slide/">27 Foot High Mega Kraken Water Slide&nbsp;</a>, or compete 1 on 1 in one of our&nbsp;<a href="https://omega.ourers.com/category/obstacle_course__and__interactives/">Obstacle Courses</a>! Your next event could be like this and with convenient ordering, delivery, and setup, We Rent Fun delivers happiness right to your doorstep.</div>
  3842.            </div>
  3843.  
  3844.        </div>
  3845.    </div>
  3846. </section>
  3847.  
  3848. <div class="row-spacing"></div>
  3849.  
  3850. <!--  tplid  vid-left-larger-nolink -->
  3851.  
  3852.  
  3853. </div><div style="clear:left" id="sepDn661" class="edsep"></div><div id="newdiv_insert_n645"><style>
  3854.  
  3855.  
  3856. </style>
  3857.  
  3858. <div id="elemtype-Category Small" option_count="2"></div>
  3859. <style rel="stylesheet" type="text/css">
  3860. /* Css For Editor */
  3861. .editor-modal-only {
  3862.    display: none;
  3863. }
  3864.  
  3865. #section_editor_modal .editor-modal-only {
  3866.    display: revert;
  3867. }
  3868.  
  3869. .ers-category-small .category-small-header {
  3870.    text-align: center;
  3871.    font-family: Passion One;
  3872. }
  3873. .ers-category-small .category-container {
  3874.    display: flex;
  3875.    flex-direction: row;
  3876.    align-items: center;
  3877.    justify-content: space-between;
  3878.    background-color: #fff;
  3879.    color: #222;
  3880.    padding: 5px;
  3881.    margin: 10px 0;
  3882.    border-radius: 5px;
  3883.    box-shadow: 0 0 5px #707070;
  3884. }
  3885. .ers-category-small .category-container:hover {
  3886.    text-decoration: none;
  3887. }
  3888. .ers-category-small .category-picture-wrapper {
  3889.    height: 70px;
  3890.    width: 90px;
  3891.    max-width: 50%;
  3892.    display: flex;
  3893.    align-items: center;
  3894.    justify-content: center;
  3895. }
  3896. .ers-category-small .editor-only .category-picture-wrapper {
  3897.    background-image: url(https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/thumbs/placeholder-image.jpg);
  3898.    background-size: contain;
  3899.    background-repeat: no-repeat;
  3900.    background-position: center;
  3901. }
  3902. .ers-category-small .category-picture {
  3903.    max-height: 100%;
  3904.    max-width: 100%;
  3905. }
  3906. .ers-category-small .category-name {
  3907.    width: 50%;
  3908.    min-width: 85px;
  3909.    text-align: left;
  3910.    font-size: 12px;
  3911.    display: -webkit-box;
  3912.    -webkit-line-clamp: 3;
  3913.    -webkit-box-orient: vertical;  
  3914.    overflow: hidden;
  3915. }
  3916. @media only screen and (min-width: 768px) {
  3917.    .ers-category-small .category-small-header {
  3918.        text-align: left;
  3919.    }
  3920. }
  3921. </style>
  3922. <div class="editor-modal-only text-center">Show All Categories</div>
  3923.  
  3924. <div class="ers-category-small">
  3925.    <div class="container">
  3926.        <div class="row category-small-container" id="category-small-container-n645at_0_">
  3927.            <div class="col-md-12 h5 category-small-header">Shop By Category</div>
  3928.            <div class="editor-only">
  3929.                <div class="col-md-3 col-sm-4 col-xs-6">
  3930.                    <div class="category-container link-style">
  3931.                        <div class="category-picture-wrapper">
  3932.                        </div>
  3933.                        <div class="category-name">Category Name</div>
  3934.                    </div>
  3935.                </div>
  3936.                <div class="col-md-3 col-sm-4 col-xs-6">
  3937.                    <div class="category-container link-style">
  3938.                        <div class="category-picture-wrapper">
  3939.                        </div>
  3940.                        <div class="category-name">Category Name</div>
  3941.                    </div>
  3942.                </div>
  3943.                <div class="col-md-3 col-sm-4 col-xs-6">
  3944.                    <div class="category-container link-style">
  3945.                        <div class="category-picture-wrapper">
  3946.                        </div>
  3947.                        <div class="category-name">Category Name</div>
  3948.                    </div>
  3949.                </div>
  3950.                <div class="col-md-3 col-sm-4 col-xs-6">
  3951.                    <div class="category-container link-style">
  3952.                        <div class="category-picture-wrapper">
  3953.                        </div>
  3954.                        <div class="category-name">Category Name</div>
  3955.                    </div>
  3956.                </div>
  3957.                <div class="col-md-3 col-sm-4 col-xs-6">
  3958.                    <div class="category-container link-style">
  3959.                        <div class="category-picture-wrapper">
  3960.                        </div>
  3961.                        <div class="category-name">Category Name</div>
  3962.                    </div>
  3963.                </div>
  3964.                <div class="col-md-3 col-sm-4 col-xs-6">
  3965.                    <div class="category-container link-style">
  3966.                        <div class="category-picture-wrapper">
  3967.                        </div>
  3968.                        <div class="category-name">Category Name</div>
  3969.                    </div>
  3970.                </div>
  3971.                <div class="col-md-3 col-sm-4 col-xs-6">
  3972.                    <div class="category-container link-style">
  3973.                        <div class="category-picture-wrapper">
  3974.                        </div>
  3975.                        <div class="category-name">Category Name</div>
  3976.                    </div>
  3977.                </div>
  3978.                <div class="col-md-3 col-sm-4 col-xs-6">
  3979.                    <div class="category-container link-style">
  3980.                        <div class="category-picture-wrapper">
  3981.                        </div>
  3982.                        <div class="category-name">Category Name</div>
  3983.                    </div>
  3984.                </div>
  3985.            </div>
  3986.        </div>
  3987.    </div>
  3988. </div>
  3989. <script>
  3990. (() => {
  3991.    let showChildCategories = true;
  3992.    
  3993.    
  3994.    
  3995.    const categorySmallContainer = document.querySelector('#category-small-container-n645at_0_');
  3996.    const initializeCategoryPills = () => {
  3997.        let counter = 0;
  3998.    
  3999.        if (categoriesData) {
  4000.            for(const category of categoriesData) {
  4001.                if(!showChildCategories && category.parent.trim() !== "") {
  4002.                    continue;
  4003.                }
  4004.                if (category.display) {
  4005.                    if(!category.picture) {category.picture = 'https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/thumbs/placeholder-image.jpg';}
  4006.                    categorySmallContainer.insertAdjacentHTML('beforeend', `
  4007.                        <div class="col-md-3 col-sm-4 col-xs-6">
  4008.                            <a class="category-container link-style" href="${category.url}">
  4009.                                <div class="category-picture-wrapper">
  4010.                                    <img class="category-picture" src="${category.picture}" alt="Picture of ${category.name}">
  4011.                                </div>
  4012.                                <div class="category-name">${category.name}</div>
  4013.                            </a>
  4014.                        </div>
  4015.                    `);
  4016.                }
  4017.            }
  4018.        } else if (counter < 16) {
  4019.            setTimeout(() => {
  4020.                counter += 1;
  4021.                initializeCategoryPills();
  4022.            }, 250);
  4023.        }
  4024.    }
  4025.    
  4026.    initializeCategoryPills();
  4027. })();
  4028.  
  4029. </script>
  4030. </div><div style="clear:left" id="sepDn660" class="edsep"></div><div id="newdiv_insert_n628"><style>
  4031.  
  4032.  
  4033. </style>
  4034.  
  4035. <div id="elemtype-HeaderText2" option_count=""></div>
  4036.  
  4037.  
  4038.  
  4039. <section class="headertext2">
  4040.    <div class="container">
  4041.        <div class="row-spacing"></div>
  4042.        <div class="row">
  4043.            <h2 style="font-size:1.3em; margin-bottom:1rem; font-weight:300; line-height:1.1; font-family:roboto, sans-serif; " class="text-center" id="n628at_0_textid-h2" data-id="n628at_0_textid-h2">What our customers say About We Rent Fun</h2></div>
  4044.        </div>
  4045.    
  4046. </section>
  4047.  
  4048. <!--  tplid  headertext2 -->
  4049.  
  4050.  
  4051. </div><div style="clear:left" id="sepDn646" class="edsep"></div><div id="newdiv_insert_n626"><style>
  4052.  
  4053.  
  4054. </style>
  4055.  
  4056. <div id="elemtype-raw html" option_count=""></div>
  4057. <div class="raw_html" id="n626at_0_textid-text1" data-id="n626at_0_textid-text1"><div data-romw-token="EfL8etvMfP15RATKkEmmSb8iWNabRFQys34MtYzw0EQ3BCqPgg"></div>
  4058. <script src="https://reviewsonmywebsite.com/js/v2/embed.js?id=f80941fd7409d125707fcfa008e937a2"></script></div>
  4059.  
  4060. <!-- (Level: 12) tplid  raw_html -->
  4061.  
  4062.  
  4063. </div><div style="clear:left" id="sepDn562" class="edsep"></div><div id="newdiv_insert_n521"><style>
  4064.  
  4065.  
  4066. </style>
  4067.  
  4068. <div id="elemtype-Spacing" option_count="2"></div>
  4069. <style rel="stylesheet" type="text/css">
  4070.    .ers-spacing {
  4071.        height: 40px;
  4072.    }
  4073. </style>
  4074. <div class="ers-spacing"></div>
  4075. </div><div style="clear:left" id="sepDn545" class="edsep"></div><div id="newdiv_insert_n598"><style>
  4076.  
  4077.  
  4078. </style>
  4079.  
  4080. <div id="elemtype-Mobile OBD Button" option_count="1"></div>
  4081. <style rel="stylesheet" type="text/css">
  4082. .ers-mobile-obd-button {
  4083.    display: flex;
  4084.    align-items: center;
  4085.    justify-content: center;
  4086. }
  4087. .ers-mobile-obd-button .obd-button {
  4088.    margin: 10px 0;
  4089.    background-color: grey;
  4090.    background-color: var(--color-theme-2);
  4091.    color: var(--color-theme-5);
  4092. }
  4093. @media only screen and (min-width: 992px) {
  4094.    body.ers_page_home .ers-mobile-obd-button .obd-button {
  4095.        display: none;
  4096.    }
  4097.    .ers-mobile-obd-button .obd-button {
  4098.        display: initial;
  4099.    }
  4100. }
  4101. </style>
  4102. <div class="ers-mobile-obd-button">
  4103.    <a class="obd-button button-style" href="/order-by-date/">Order By Date</a>
  4104. </div>
  4105. </div><div style="clear:left" id="sepDn612" class="edsep"></div><div id="newdiv_insert_n605"><style>
  4106.  
  4107.  
  4108. </style>
  4109.  
  4110. <div id="elemtype-Header Section" option_count="2"></div>
  4111. <style rel="stylesheet" type="text/css">
  4112. .header-text {
  4113.    
  4114.    color: #222;
  4115.    
  4116.    
  4117. }
  4118. </style>
  4119. <div class="header-section">
  4120.    <div class="container">
  4121.        <div class="row">
  4122.            <h1 class="col-md-12 header-style h2 header-text" id="n605at_0_textid-header-text" data-id="n605at_0_textid-header-text" style="
  4123.    text-align: center;
  4124. ">Bounce House
  4125. Rentals in Miami</h1>
  4126.        </div>
  4127.    </div>
  4128. </div>
  4129. </div><div style="clear:left" id="sepDn515" class="edsep"></div><div id="newdiv_insert_n516"><style>
  4130.  
  4131.  
  4132. </style>
  4133.  
  4134. <div id="elemtype-Spacing" option_count="2"></div>
  4135. <style rel="stylesheet" type="text/css">
  4136.    .ers-spacing {
  4137.        height: 40px;
  4138.    }
  4139. </style>
  4140. <div class="ers-spacing"></div>
  4141. </div><div style="clear:left" id="sepDn542" class="edsep"></div><div id="newdiv_insert_n522"><style>
  4142.  
  4143.  
  4144. </style>
  4145.  
  4146. <div id="elemtype-Spacing" option_count="2"></div>
  4147. <style rel="stylesheet" type="text/css">
  4148.    .ers-spacing {
  4149.        height: 40px;
  4150.    }
  4151. </style>
  4152. <div class="ers-spacing"></div>
  4153. </div><div style="clear:left" id="sepDn522" class="edsep"></div><div id="newdiv_insert_n517"><style>
  4154.  
  4155.  
  4156. </style>
  4157.  
  4158. <div id="elemtype-Spacing" option_count="2"></div>
  4159. <style rel="stylesheet" type="text/css">
  4160.    .ers-spacing {
  4161.        height: 40px;
  4162.    }
  4163. </style>
  4164. <div class="ers-spacing"></div>
  4165. </div><div style="clear:left" id="sepDn517" class="edsep"></div><div id="newdiv_insert_n554"><style>
  4166.  
  4167.  
  4168. </style>
  4169.  
  4170. <div id="elemtype-Header Section" option_count="2"></div>
  4171. <style rel="stylesheet" type="text/css">
  4172. .header-text {
  4173.    
  4174.    color: #222;
  4175.    
  4176.    
  4177. }
  4178. </style>
  4179. <div class="header-section">
  4180.    <div class="container">
  4181.        <div class="row">
  4182.            <p id="n554at_0_textid-header-text" class="col-md-12 header-style h2 header-text" style="text-align: center;" data-id="n554at_0_textid-header-text">Easy Online Booking</p>
  4183.        </div>
  4184.    </div>
  4185. </div>
  4186. </div><div style="clear:left" id="sepDn554" class="edsep"></div><div id="newdiv_insert_n556"><style>
  4187.  
  4188.  
  4189. </style>
  4190.  
  4191. <div id="elemtype-FullWidthText1" option_count=""></div>
  4192.  
  4193. <!-- TODO:
  4194.     Add icon
  4195.     Section naming?
  4196.     Styling? -->
  4197.  
  4198. <section class="full-width-text-1">
  4199.    <div class="container">
  4200.        <div id="n556at_0_textid-text1" data-id="n556at_0_textid-text1" class="lead"><div style="text-align: center;">Booking online has never been easier than with We Rent Fun!</div>
  4201. </div>
  4202.    </div>
  4203. </section>
  4204.  
  4205. <!--  tplid  fullwidthtext1 -->
  4206.  
  4207.  
  4208. </div><div style="clear:left" id="sepDn556" class="edsep"></div><div id="newdiv_insert_n558"><style>
  4209.  
  4210.  
  4211. </style>
  4212.  
  4213. <div id="elemtype-Info Boxes" option_count="3"></div>
  4214. <style rel="stylesheet" type="text/css">
  4215. .ers-info-boxes {
  4216.    text-align: center;
  4217. }
  4218. .ers-info-boxes .info-box-wrapper {
  4219.    padding: 30px 10px;
  4220. }
  4221. .ers-info-boxes .info-box-icon {
  4222.    margin-bottom: 20px;
  4223. }
  4224. .ers-info-boxes .info-box-header {
  4225.    height: 80px;
  4226.    overflow: hidden;
  4227. }
  4228. .ers-info-boxes .divider {
  4229.    height: 2px;
  4230.    width: 50px;
  4231.    background-color: #858585;
  4232. }
  4233. .ers-info-boxes .info-box-icon > img {
  4234.    height: 200px;
  4235.    max-width: 100%;
  4236. }
  4237. .ers-info-boxes > .container > .row > div {
  4238.    border-bottom: solid 2px #eeeeee;
  4239. }
  4240. .ers-info-boxes > .container > .row > div:last-child {
  4241.    border-bottom: none;
  4242. }
  4243. @media only screen and (min-width: 992px) {
  4244.    .ers-info-boxes > .container > .row > div {
  4245.        border-bottom: none;
  4246.        border-right: solid 2px #eeeeee;
  4247.    }
  4248.    .ers-info-boxes > .container > .row > div:last-child {
  4249.        border-right: none;
  4250.    }
  4251. }
  4252. </style>
  4253. <div class="ers-info-boxes">
  4254.    <div class="container">
  4255.        <div class="row">
  4256.            
  4257.            
  4258.            
  4259.                <div class="col-md-3">
  4260.            
  4261.                    <div class="info-box-wrapper">
  4262.                        <div class="info-box-icon" eclick="info-box-icon-1">
  4263.                            
  4264.                        <img id="n558at_0_imageid-info-box-icon-1" data-id="n558at_0_imageid-info-box-icon-1" src="https://files.sysers.com/cp/upload/omega/gallery/Number-1.png"></div>
  4265.                        <p class="info-box-header h3 header-style" id="n558at_0_textid-info-box-header-1" data-id="n558at_0_textid-info-box-header-1">Date & Time
  4266. </p>
  4267.                        <hr class="divider">
  4268.                        <p class="info-box-body" id="n558at_0_textid-info-box-body-1" data-id="n558at_0_textid-info-box-body-1">Choose the date and time of your event or party
  4269.  
  4270. </p>
  4271.                    </div>
  4272.                </div>
  4273.            
  4274.            
  4275.            
  4276.                <div class="col-md-3">
  4277.            
  4278.                    <div class="info-box-wrapper">
  4279.                        <div class="info-box-icon" eclick="info-box-icon-2">
  4280.                            
  4281.                        <img id="n558at_0_imageid-info-box-icon-2" data-id="n558at_0_imageid-info-box-icon-2" src="https://files.sysers.com/cp/upload/omega/gallery/Number-2.png"></div>
  4282.                        <p class="info-box-header h3 header-style" id="n558at_0_textid-info-box-header-2" data-id="n558at_0_textid-info-box-header-2">Select Items
  4283. </p>
  4284.                        <hr class="divider">
  4285.                        <p class="info-box-body" id="n558at_0_textid-info-box-body-2" data-id="n558at_0_textid-info-box-body-2">Browse the available items and add to cart
  4286.  
  4287. </p>
  4288.                    </div>
  4289.                </div>
  4290.            
  4291.            
  4292.                <div class="col-md-3">
  4293.                    <div class="info-box-wrapper">
  4294.                        <div class="info-box-icon" eclick="info-box-icon-3">
  4295.                            
  4296.                        <img id="n558at_0_imageid-info-box-icon-3" data-id="n558at_0_imageid-info-box-icon-3" src="https://files.sysers.com/cp/upload/omega/gallery/Number-3.png"></div>
  4297.                        <p class="info-box-header h3 header-style" id="n558at_0_textid-info-box-header-3" data-id="n558at_0_textid-info-box-header-3">Check Out
  4298. </p>
  4299.                        <hr class="divider">
  4300.                        <p class="info-box-body" id="n558at_0_textid-info-box-body-3" data-id="n558at_0_textid-info-box-body-3">Enter your event information and pay a small deposit
  4301.  
  4302. </p>
  4303.                    </div>
  4304.                </div>
  4305.                <div class="col-md-3">
  4306.                    <div class="info-box-wrapper">
  4307.                        <div class="info-box-icon" eclick="info-box-icon-4">
  4308.                            
  4309.                        <img id="n558at_0_imageid-info-box-icon-4" data-id="n558at_0_imageid-info-box-icon-4" src="https://files.sysers.com/cp/upload/omega/gallery/Number-4.png"></div>
  4310.                        <p class="info-box-header h3 header-style" id="n558at_0_textid-info-box-header-4" data-id="n558at_0_textid-info-box-header-4">We Deliver!
  4311. </p>
  4312.                        <hr class="divider">
  4313.                        <p class="info-box-body" id="n558at_0_textid-info-box-body-4" data-id="n558at_0_textid-info-box-body-4">Let us do all the heavy lifting with delivery and setup of party rentals
  4314.  
  4315. </p>
  4316.                    </div>
  4317.                </div>
  4318.            
  4319.        </div>
  4320.    </div>
  4321. </div>
  4322. </div><div style="clear:left" id="sepDn557" class="edsep"></div><div id="newdiv_insert_n560"><style>
  4323.  
  4324.  
  4325. </style>
  4326.  
  4327. <div id="elemtype-Spacing" option_count="2"></div>
  4328. <style rel="stylesheet" type="text/css">
  4329.    .ers-spacing {
  4330.        height: 40px;
  4331.    }
  4332. </style>
  4333. <div class="ers-spacing"></div>
  4334. </div><div style="clear:left" id="sepDn560" class="edsep"></div><div id="newdiv_insert_n559"><style>
  4335.  
  4336.  
  4337. </style>
  4338.  
  4339. <div id="elemtype-Spacing" option_count="2"></div>
  4340. <style rel="stylesheet" type="text/css">
  4341.    .ers-spacing {
  4342.        height: 40px;
  4343.    }
  4344. </style>
  4345. <div class="ers-spacing"></div>
  4346. </div><div style="clear:left" id="sepDn595" class="edsep"></div><div id="newdiv_insert_n616"><style>
  4347.  
  4348.  
  4349. </style>
  4350.  
  4351. <div id="elemtype-Filter Items" option_count="1"></div>
  4352. <style rel="stylesheet" type="text/css">
  4353. .ers-filter-items {
  4354.    min-height: 425px;
  4355. }
  4356. .ers-filter-items .category-header-wrapper {
  4357.    display: flex;
  4358.    flex-direction: column;
  4359.    align-items: center;
  4360.    justify-content: space-between;
  4361. }
  4362. .ers-filter-items .category-header-filter {
  4363.    padding: 0 25px;
  4364.    text-align: center;
  4365.    transition: opacity .25s;
  4366.    opacity: 0;
  4367. }
  4368. .ers-filter-items .category-header-filter.show {
  4369.    opacity: 1;
  4370. }
  4371. .ers-filter-items .category-selector-wrapper {
  4372.    position: relative;
  4373. }
  4374. .ers-filter-items .category-selector {
  4375.    transition: 0.25s;
  4376.    width: max-content;
  4377.    position: absolute;
  4378.    left: -50px;
  4379.    z-index: 2;
  4380.    color: var(--color-theme-6);
  4381. }
  4382. .ers-filter-items .category-selector {
  4383.    background-color: grey;
  4384.    background-color: var(--color-theme-3);
  4385. }
  4386. .ers-filter-items .category-selector.active {
  4387.    background-color: var(--color-theme-6);
  4388. }
  4389. .ers-filter-items .category-selector.active {
  4390.    color: var(--color-theme-3);
  4391. }
  4392. .ers-filter-items .category-selector-dropdown {
  4393.    text-align: right;
  4394.    position: absolute;
  4395.    top: -10px;
  4396.    left: -120px;
  4397.    width: 250px;
  4398.    z-index: 1;
  4399.    opacity: 0;
  4400.    border-radius: 5px;
  4401.    box-shadow: 0 2px 5px #222;
  4402.    transition: 0.4s;
  4403.    padding: 70px 20px 10px;
  4404.    pointer-events: none;
  4405.    background-color: grey;
  4406.    background-color: var(--color-theme-3);
  4407. }
  4408. .ers-filter-items .category-selector-dropdown.active {
  4409.    opacity: 1;
  4410.    pointer-events: auto;
  4411. }
  4412. .ers-filter-items .category-dropdown-entry {
  4413.    margin: 10px 0;
  4414.    cursor: pointer;
  4415.    font-weight: bold;
  4416.    color: var(--color-theme-6);
  4417. }
  4418. .ers-filter-items .category-dropdown-entry.active {
  4419.    pointer-events: none;
  4420.    color: white;
  4421.    color: var(--color-theme-2);
  4422. }
  4423. .ers-filter-items .products-wrapper {
  4424.    margin-top: 70px;
  4425.    opacity: 0;
  4426.    transition: opacity .25s;
  4427. }
  4428. .ers-filter-items .products-wrapper.show {
  4429.    opacity: 1;
  4430. }
  4431. .ers-filter-items .product {
  4432.    align-items: center;
  4433.    display: flex;
  4434.    flex-direction: column;
  4435.    justify-content: center;
  4436.    text-align: center;
  4437.    padding: 10px 0;
  4438.    margin: 15px 0;
  4439.    border-radius: 5px;
  4440.    box-shadow: 0 0 5px #707070;
  4441.    background-color: #fff;
  4442.    color: #222;
  4443. }
  4444. .ers-filter-items .product:hover {
  4445.    text-decoration: none;
  4446. }
  4447. .ers-filter-items .product-image-wrapper {
  4448.    height: 100px;
  4449.    width: 100px;
  4450.    display: flex;
  4451.    align-items: center;
  4452.    justify-content: center;
  4453. }
  4454. .ers-filter-items .editor-only .product-image-wrapper {
  4455.    background-image: url(https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/med/placeholder-image.jpg);
  4456.    background-size: contain;
  4457.    background-repeat: no-repeat;
  4458.    background-position: center;
  4459. }
  4460. .ers-filter-items .product-image {
  4461.    max-height: 100%;
  4462.    max-width: 100%;
  4463. }
  4464. .ers-filter-items .product-content {
  4465.    display: block;
  4466. }
  4467. .ers-filter-items .product-description {
  4468.    height: auto
  4469.    padding: 0 15px;
  4470.    overflow: hidden;
  4471. }
  4472. .ers-filter-items .product-price {
  4473.    font-weight: bold;
  4474. }
  4475. .ers-filter-items .product-description,
  4476. .ers-filter-items .product-price {
  4477.    font-size: 12px;
  4478. }
  4479. .ers-filter-items .product-button {
  4480.    background-color: grey;
  4481.    background-color: var(--color-theme-2);
  4482. }
  4483. @media only screen and (min-width: 992px) {
  4484.    .ers-filter-items .category-header-wrapper {
  4485.        flex-direction: row;
  4486.        flex-wrap: wrap;
  4487.        align-items: flex-start;
  4488.    }
  4489.    .ers-filter-items .product-image-wrapper {
  4490.        height: 150px;
  4491.        width: 150px;
  4492.    }
  4493.    .ers-filter-items .product-description {
  4494.        /*height: 50px;*/
  4495.    }
  4496.    .ers-filter-items .product-description,
  4497.    .ers-filter-items .product-price {
  4498.        font-size: 16px;
  4499.    }
  4500.    .ers-filter-items .category-selector {
  4501.        left: unset;
  4502.        right: 15px;
  4503.    }
  4504.    .ers-filter-items .category-selector-dropdown {
  4505.        left: unset;
  4506.        right: -10px;
  4507.    }
  4508.    .ers-filter-items .products-wrapper {
  4509.        margin-top: 0px;
  4510.    }
  4511. }
  4512. </style>
  4513. <div class="ers-filter-items">
  4514.    <div class="container">
  4515.        <div class="row">
  4516.            <div class="category-header-wrapper">
  4517.                <p class="category-header-filter show h5 header-style">Bounce Houses</p>
  4518.                <div class="category-selector-wrapper">
  4519.                    <button class="category-selector button-style">Online Catelog ↓</button>
  4520.                    <div class="category-selector-dropdown"></div>
  4521.                </div>
  4522.            </div>
  4523.            <div class="products-wrapper show">
  4524.                <div class="editor-only">
  4525.                    <div class="col-xs-6 col-sm-4 col-lg-3">
  4526.                        <div class="product link-style">
  4527.                            <div class="product-image-wrapper">
  4528.                            </div>
  4529.                            <div class="product-content">
  4530.                                <div class="product-description">Product Name</div>
  4531.                                <div class="product-price">$0</div>
  4532.                            </div>
  4533.                        </div>
  4534.                    </div>
  4535.                    <div class="col-xs-6 col-sm-4 col-lg-3">
  4536.                        <div class="product link-style">
  4537.                            <div class="product-image-wrapper">
  4538.                            </div>
  4539.                            <div class="product-content">
  4540.                                <div class="product-description">Product Name</div>
  4541.                                <div class="product-price">$0</div>
  4542.                            </div>
  4543.                        </div>
  4544.                    </div>
  4545.                    <div class="col-xs-6 col-sm-4 col-lg-3">
  4546.                        <div class="product link-style">
  4547.                            <div class="product-image-wrapper">
  4548.                            </div>
  4549.                            <div class="product-content">
  4550.                                <div class="product-description">Product Name</div>
  4551.                                <div class="product-price">$0</div>
  4552.                            </div>
  4553.                        </div>
  4554.                    </div>
  4555.                    <div class="col-xs-6 col-sm-4 col-lg-3">
  4556.                        <div class="product link-style">
  4557.                            <div class="product-image-wrapper">
  4558.                            </div>
  4559.                            <div class="product-content">
  4560.                                <div class="product-description">Product Name</div>
  4561.                                <div class="product-price">$0</div>
  4562.                            </div>
  4563.                        </div>
  4564.                    </div>
  4565.                    <div class="col-xs-6 col-sm-4 col-lg-3">
  4566.                        <div class="product link-style">
  4567.                            <div class="product-image-wrapper">
  4568.                            </div>
  4569.                            <div class="product-content">
  4570.                                <div class="product-description">Product Name</div>
  4571.                                <div class="product-price">$0</div>
  4572.                            </div>
  4573.                        </div>
  4574.                    </div>
  4575.                    <div class="col-xs-6 col-sm-4 col-lg-3">
  4576.                        <div class="product link-style">
  4577.                            <div class="product-image-wrapper">
  4578.                            </div>
  4579.                            <div class="product-content">
  4580.                                <div class="product-description">Product Name</div>
  4581.                                <div class="product-price">$0</div>
  4582.                            </div>
  4583.                        </div>
  4584.                    </div>
  4585.                    <div class="col-xs-6 col-sm-4 col-lg-3">
  4586.                        <div class="product link-style">
  4587.                            <div class="product-image-wrapper">
  4588.                            </div>
  4589.                            <div class="product-content">
  4590.                                <div class="product-description">Product Name</div>
  4591.                                <div class="product-price">$0</div>
  4592.                            </div>
  4593.                        </div>
  4594.                    </div>
  4595.                    <div class="col-xs-6 col-sm-4 col-lg-3">
  4596.                        <div class="product link-style">
  4597.                            <div class="product-image-wrapper">
  4598.                            </div>
  4599.                            <div class="product-content">
  4600.                                <div class="product-description">Product Name</div>
  4601.                                <div class="product-price">$0</div>
  4602.                            </div>
  4603.                        </div>
  4604.                    </div>
  4605.                </div>
  4606.            </div>
  4607.        </div>
  4608.    </div>
  4609. </div>
  4610. <script>
  4611. (() => {
  4612.    function adjustProductHeight() {
  4613.        
  4614.      // Locate the current web section
  4615.      const divNumber = 'n616at_0_'.slice(0,4);
  4616.      const thisDiv = document.getElementById(`newdiv_insert_${divNumber}`);  
  4617.        
  4618.      const products = thisDiv.querySelectorAll('.product');
  4619.      if (products.length === 0) return;
  4620.    
  4621.      let maxHeight = 0;
  4622.    
  4623.      // Find the product with the greatest height.
  4624.      products.forEach(product => {
  4625.        const productHeight = product.offsetHeight;
  4626.        if (productHeight > maxHeight) maxHeight = productHeight;
  4627.      });
  4628.    
  4629.      // Set all products to the greatest height.
  4630.      products.forEach(product => {
  4631.        product.style.height = `${maxHeight}px`;
  4632.      });
  4633.    }
  4634.    
  4635.    // Adjust the product height when the page loads.
  4636.    document.addEventListener('DOMContentLoaded', adjustProductHeight);
  4637.    
  4638.    // Adjust the product height when the window is resized.
  4639.    window.addEventListener('resize', adjustProductHeight);
  4640.    
  4641.    
  4642.    let retryCounter = 0;
  4643.    const createFilters = () => {
  4644.        if (productsData && categoriesData) {
  4645.            let categoryHeaderFilter = document.querySelector('.ers-filter-items .category-header-filter');
  4646.            let categorySelectorBtn = document.querySelector('.ers-filter-items .category-selector');
  4647.            let categorySelectorDropdown = document.querySelector('.ers-filter-items .category-selector-dropdown');
  4648.            let productsWrapper = document.querySelector('.ers-filter-items .products-wrapper');
  4649.            
  4650.            const appendProductsToCategory = (categoryId, sortItems) => {
  4651.                let productCounter = 0;
  4652.                let productsForCategory = "";
  4653.                if(sortItems) {
  4654.                    for(const sortId of sortItems) {
  4655.                        if(productCounter === 8) {
  4656.                            break;
  4657.                        }
  4658.                        let product = productsData.find(({id}) => id === sortId);
  4659.                        if(!product) {
  4660.                            continue;
  4661.                        } else if (
  4662.                            product.baseCost !== undefined &&
  4663.                            parseFloat(product.baseCost) > 0 &&
  4664.                            product.display === true
  4665.                        ) {
  4666.                            productsForCategory += `
  4667.                                <div class="col-xs-6 col-sm-4 col-lg-3">
  4668.                                    <a class="product product-${product.id} link-style" href="${product.url}">
  4669.                                        <div class="product-image-wrapper">
  4670.                                            <img loading="lazy" class="product-image" src="${product.picture}" alt="Picture of ${product.alt}" />
  4671.                                        </div>
  4672.                                        <div class="product-content">
  4673.                                            <div class="product-description">${product.name}</div>
  4674.                                            <div class="product-price">$${product.baseCost}</div>
  4675.                                        </div>
  4676.                                    </a>
  4677.                                </div>
  4678.                            `;
  4679.                            productCounter += 1;
  4680.                        }
  4681.                    }
  4682.                } else {
  4683.                    for (const product of productsData) {
  4684.                        if(productCounter === 8) {
  4685.                            break;
  4686.                        } else if (
  4687.                            product.categoryIds.includes(categoryId) &&
  4688.                            product.display === true &&
  4689.                            product.baseCost !== undefined &&
  4690.                            product.baseCost !== 0
  4691.                        ) {
  4692.                            productsForCategory += `
  4693.                                <div class="col-xs-6 col-sm-4 col-lg-3">
  4694.                                    <a class="product product-${product.id} link-style" href="${product.url}">
  4695.                                        <div class="product-image-wrapper">
  4696.                                            <img loading="lazy" class="product-image" src="${product.picture}" alt="Picture of ${product.alt}" />
  4697.                                        </div>
  4698.                                        <div class="product-content">
  4699.                                            <div class="product-description">${product.name}</div>
  4700.                                            <div class="product-price">$${product.baseCost}</div>
  4701.                                        </div>
  4702.                                    </a>
  4703.                                </div>
  4704.                            `;
  4705.                            productCounter += 1;
  4706.                        }
  4707.                    }
  4708.                }
  4709.                productsWrapper.insertAdjacentHTML('beforeend', productsForCategory);
  4710.            }
  4711.    
  4712.            const setActiveCategory = (categoryId, categoryName, sortItems) => {
  4713.                let categoryDropdownEntry = document.querySelector(`.category-dropdown-entry-${categoryId}`);
  4714.                categoryDropdownEntry.addEventListener('click', () => {
  4715.                    categoryHeaderFilter.classList.toggle('show');
  4716.                    productsWrapper.classList.toggle('show');
  4717.                    setTimeout(() => {
  4718.                        categoryHeaderFilter.textContent = categoryName;
  4719.                        productsWrapper.replaceChildren();
  4720.                        appendProductsToCategory(categoryId, sortItems);
  4721.                        categoryHeaderFilter.classList.toggle('show');
  4722.                        productsWrapper.classList.toggle('show');
  4723.                        adjustProductHeight();
  4724.                    }, 250);
  4725.    
  4726.                    document.querySelectorAll('.category-dropdown-entry').forEach((el, index) => {
  4727.                        if (el.classList.contains('category-dropdown-entry-' + categoryId)) {
  4728.                            el.classList.add('active');
  4729.                        } else if (el.classList.contains('active')) {
  4730.                            el.classList.remove('active');
  4731.                        }
  4732.                    });
  4733.                    categorySelectorBtn.classList.toggle('active');
  4734.                    categorySelectorDropdown.classList.toggle('active');
  4735.                });
  4736.            }
  4737.    
  4738.            let categoryCounter = 0;
  4739.            
  4740.            for (const category of categoriesData) {
  4741.                if(categoryCounter === 10) {
  4742.                    break;
  4743.                } else if (category.display === true) {
  4744.                    let hasProducts = false;
  4745.                    
  4746.                    if (category.sortItems) {
  4747.                        for(const itemId of category.sortItems) {
  4748.                            productsData.find((product) => {
  4749.                                if (
  4750.                                    product.id === itemId &&
  4751.                                    product.display === true &&
  4752.                                    product.baseCost !== undefined &&
  4753.                                    product.baseCost !== 0
  4754.                                ) {
  4755.                                    hasProducts = true;
  4756.                                }
  4757.                            });
  4758.                            if (hasProducts) {
  4759.                                break;
  4760.                            }
  4761.                        }
  4762.                    } else {
  4763.                        productsData.find((product) => {
  4764.                            if (
  4765.                                product.categoryIds[0] === category.id &&
  4766.                                product.display === true &&
  4767.                                product.baseCost !== undefined &&
  4768.                                product.baseCost !== 0
  4769.                            ) {
  4770.                                hasProducts = true;
  4771.                            }
  4772.                        });
  4773.                    }
  4774.    
  4775.                    if (!hasProducts) {
  4776.                        continue;
  4777.                    } else if (categoryCounter === 0) {
  4778.                        categoryHeaderFilter.textContent = category.name;
  4779.                        
  4780.                        appendProductsToCategory(category.id, category.sortItems);
  4781.                        categorySelectorDropdown.insertAdjacentHTML('beforeend', `
  4782.                            <div class="category-dropdown-entry category-dropdown-entry-${category.id} active">${category.name}</div>
  4783.                        `);
  4784.                        setActiveCategory(category.id, category.name, category.sortItems);
  4785.                        categoryCounter += 1;
  4786.                    } else if (categoryCounter !== 0) {
  4787.                        categorySelectorDropdown.insertAdjacentHTML('beforeend', `
  4788.                            <div class="category-dropdown-entry category-dropdown-entry-${category.id}">${category.name}</div>
  4789.                        `);
  4790.                        
  4791.                        setActiveCategory(category.id, category.name, category.sortItems);
  4792.                        categoryCounter += 1;
  4793.                    }
  4794.                }
  4795.            }
  4796.            
  4797.            categorySelectorBtn.addEventListener('click', () => {
  4798.                categorySelectorBtn.classList.toggle('active');
  4799.                categorySelectorDropdown.classList.toggle('active');
  4800.            });
  4801.    
  4802.        } else if (retryCounter < 9) {
  4803.            setTimeout(() => {
  4804.                retryCounter += 1;
  4805.                createFilters();
  4806.            }, 100);
  4807.        } else if (retryCounter >= 9 && retryCounter < 50) {
  4808.            setTimeout(() => {
  4809.                retryCounter += 1;
  4810.                createFilters();
  4811.            }, 300);
  4812.        } else if (retryCounter >= 50) {
  4813.            setTimeout(() => {
  4814.                retryCounter += 1;
  4815.                createFilters();
  4816.            }, 500);
  4817.        }
  4818.    }
  4819.    createFilters();
  4820. })();
  4821.    
  4822. </script>
  4823. </div><div style="clear:left" id="sepDn626" class="edsep"></div><div id="newdiv_insert_n571"><style>
  4824.  
  4825.  
  4826. </style>
  4827.  
  4828. <div id="elemtype-Spacing" option_count="2"></div>
  4829. <style rel="stylesheet" type="text/css">
  4830.    .ers-spacing {
  4831.        height: 40px;
  4832.    }
  4833. </style>
  4834. <div class="ers-spacing"></div>
  4835. </div><div style="clear:left" id="sepDn572" class="edsep"></div><div id="newdiv_insert_n519"><style>
  4836.  
  4837.  
  4838. </style>
  4839.  
  4840. <div id="elemtype-Spacing" option_count="2"></div>
  4841. <style rel="stylesheet" type="text/css">
  4842.    .ers-spacing {
  4843.        height: 40px;
  4844.    }
  4845. </style>
  4846. <div class="ers-spacing"></div>
  4847. </div><div style="clear:left" id="sepDn519" class="edsep"></div><div id="newdiv_insert_n603"><style>
  4848.  
  4849.  
  4850. </style>
  4851.  
  4852. <div id="elemtype-Collapsable Article Float Right" option_count="1"></div>
  4853. <style rel="stylesheet" type="text/css">
  4854. .ers-article-float-right .article-float-left-container {
  4855.    text-align: justify;
  4856. }
  4857. .ers-article-float-right .article-image-wrapper {
  4858.    float: right;
  4859.    max-width: 50%;
  4860.    margin-left: 30px;
  4861. }
  4862. .ers-article-float-right .article-float-right-img {
  4863.    width: 100%;
  4864.    margin-left: -15px;
  4865.    margin-bottom: 8px;
  4866.    border-radius: 5px;
  4867. }
  4868. .ers-article-float-right a {
  4869.    color: #337ab7;
  4870.    text-decoration: underline;
  4871.    font-weight: bold;
  4872. }
  4873. .ers-article-float-right .see-more-wrapper {
  4874.    border-radius: 5px;
  4875.    padding: 0px 15px;
  4876.    height: auto;
  4877. }
  4878. .ers-article-float-right .see-more-wrapper {
  4879.    color: #565656;
  4880. }
  4881. .ers-article-float-right .see-more-header {
  4882.    text-align: center;
  4883.    /*color: var(--color-theme-6);*/
  4884. }
  4885. .ers-article-float-right .show-more-button {
  4886.    text-transform: capitalize;
  4887.    cursor: pointer;
  4888.    text-decoration: underline;
  4889.    /*color: var(--color-theme-6);*/
  4890. }
  4891. .ers-article-float-right .show-more-button-container {
  4892.    text-align: center;
  4893. }
  4894. .ers-article-float-right .see-more-text-container {
  4895.    transition: max-height 1s;
  4896. }
  4897. .ers-article-float-right .see-more-text-container.see-more-text-container-minimized {
  4898.    max-height: 190px;
  4899.    -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 98%);
  4900.    mask-image: linear-gradient(to bottom, black 90%, transparent 98%);
  4901. }
  4902. .ers-article-float-right .see-more-text-container.see-more-text-container-maximized {
  4903.    height: auto;
  4904.    max-height: 15000px;
  4905. }
  4906. @media (max-width:767px) {
  4907.    .ers-article-float-right .article-float-right-container {
  4908.        text-align: left;
  4909.    }
  4910.    .ers-article-float-right .see-more-header {
  4911.        font-size: 2.2rem;
  4912.    }
  4913.    .ers-article-float-right .article-image-wrapper {
  4914.        float: unset;
  4915.        margin: auto;
  4916.        max-width: 90%;
  4917.    }
  4918.    .ers-article-float-right .article-float-right-img {
  4919.        margin-left: 0px;
  4920.    }
  4921. }
  4922. </style>
  4923. <section class="ers-article-float-right">
  4924.    <div class="container">
  4925.        <div class="row-spacing"></div>
  4926.            <div class="article-float-right-container">
  4927.                <div class="article-image-wrapper" eclick="article-image">
  4928.                    
  4929.                <img id="n603at_0_imageid-article-image" data-id="n603at_0_imageid-article-image" src="https://files.sysers.com/cp/upload/omega/gallery/600x425_WRF_experience_inflatable-games.jpeg" class="article-float-right-img img-responsive"></div>
  4930.                <div class="see-more-wrapper">
  4931.                    <p id="n603at_0_textid-see-more-headline" class="header-style see-more-header h1" style="text-align: center;" data-id="n603at_0_textid-see-more-headline"><span style="color: #000000;">Experience the Magic</span></p>
  4932.                    <div class="see-more-text-container see-more-text-container-n603at_0_ see-more-text-container-maximized">
  4933.                        <div class="see-more-text see-more-text-n603at_0_" id="n603at_0_textid-see-more-text" data-id="n603at_0_textid-see-more-text">We Rent Fun is based in Miami and delivers to&nbsp;<a href="https://www.werentfun.net/pembroke/">Pembroke Pines</a>,&nbsp;<a href="https://www.werentfun.net/Party_Rental_In_Homestead/">Homestead</a>,&nbsp;<a href="https://www.werentfun.net/party_rental_in_hialeah/">Hialeah</a>&nbsp;Miami-Dade and Broward, and all of South Florida. We strive to deliver remarkable customer service as well as superb and up-to-date equipment like our&nbsp;<a href="https://www.werentfun.net/items/g35_-_cash_cube_-_money_machine/">cash cube</a>! We Rent fun can make your next&nbsp;holiday, birthday, or event into an exciting,&nbsp;<a href="https://www.werentfun.net/category/bounce_house_with_slide/">unforgettable experience</a>. We Have everything you need for Birthday Parties, reunions, brunches, graduations, conventions, or any other event that requires High-quality equipment and friendly service, all in one place. Knowing Which company&nbsp;to choose from is a no-brainer. Our team will show up to your event with a big smile. That is one of the many reasons that makes us The Best&nbsp;<a href="https://www.werentfun.net/party_rental_in_miami/">Party Rental in Miami</a>!</div>
  4934.                    </div>
  4935.                    <div class="show-more-button-container show-more-button-container-n603at_0_">
  4936.                        <a class="show-more-button show-more-button-n603at_0_" id="n603at_0_textid-show-more-button" data-id="n603at_0_textid-show-more-button" target="">Read More</a>
  4937.                    </div>
  4938.                </div>
  4939.            </div>
  4940.        <div class="row-spacing" style="clear:both;"></div>
  4941.    </div>
  4942. </section>
  4943. <script>
  4944. $(() => {
  4945.    var $showMoreButton = $('.show-more-button-n603at_0_');
  4946.    var $showMoreContainer = $('.see-more-text-container-n603at_0_');
  4947.  
  4948.    $showMoreContainer.toggleClass('see-more-text-container-minimized see-more-text-container-maximized');
  4949.  
  4950.    $showMoreButton.on('click', function() {
  4951.        $showMoreContainer.toggleClass('see-more-text-container-minimized see-more-text-container-maximized');
  4952.        var buttonText = $(this).text().toLowerCase();
  4953.        var newButtonText = buttonText.includes('more')?
  4954.                            buttonText.replace('more', 'less'):
  4955.                            buttonText.replace('less', 'more');
  4956.        $(this).text(newButtonText);
  4957.        });
  4958.    });
  4959. </script>
  4960. </div><div style="clear:left" id="sepDn570" class="edsep"></div><div id="newdiv_insert_n582"><style>
  4961.  
  4962.  
  4963. </style>
  4964.  
  4965. <div id="elemtype-Spacing" option_count="2"></div>
  4966. <style rel="stylesheet" type="text/css">
  4967.    .ers-spacing {
  4968.        height: 40px;
  4969.    }
  4970. </style>
  4971. <div class="ers-spacing"></div>
  4972. </div><div style="clear:left" id="sepDn649" class="edsep"></div><div id="newdiv_insert_n574"><style>
  4973.  
  4974.  
  4975. </style>
  4976.  
  4977. <div id="elemtype-Spacing" option_count="2"></div>
  4978. <style rel="stylesheet" type="text/css">
  4979.    .ers-spacing {
  4980.        height: 40px;
  4981.    }
  4982. </style>
  4983. <div class="ers-spacing"></div>
  4984. </div><div style="clear:left" id="sepDn573" class="edsep"></div><div id="newdiv_insert_n602"><style>
  4985.  
  4986.  
  4987. </style>
  4988.  
  4989. <div id="elemtype-Collapsable Article Float Left" option_count="1"></div>
  4990. <style rel="stylesheet" type="text/css">
  4991. .ers-article-float-left .article-float-left-container {
  4992.    text-align: justify;
  4993. }
  4994. .ers-article-float-left .article-image-wrapper {
  4995.    float: left;
  4996.    max-width: 50%;
  4997.    margin-left: 30px;
  4998. }
  4999. .ers-article-float-left .article-float-left-img {
  5000.    width: 100%;
  5001.    margin-left: -15px;
  5002.    margin-bottom: 8px;
  5003.    border-radius: 5px;
  5004. }
  5005. .ers-article-float-left a {
  5006.    color: #337ab7;
  5007.    text-decoration: underline;
  5008.    font-weight: bold;
  5009. }
  5010. .ers-article-float-left .see-more-wrapper {
  5011.    border-radius: 5px;
  5012.    padding: 0px 15px;
  5013.    height: auto;
  5014. }
  5015. .ers-article-float-left .see-more-wrapper {
  5016.    color: #565656;
  5017. }
  5018. .ers-article-float-left .see-more-header {
  5019.    text-align: center;
  5020.    /*color: var(--color-theme-6);*/
  5021. }
  5022. .ers-article-float-left .show-more-button {
  5023.    text-transform: capitalize;
  5024.    cursor: pointer;
  5025.    text-decoration: underline;
  5026.    /*color: var(--color-theme-6);*/
  5027. }
  5028. .ers-article-float-left .show-more-button-container {
  5029.    text-align: center;
  5030. }
  5031. .ers-article-float-left .see-more-text-container {
  5032.    transition: max-height 1s;
  5033. }
  5034. .ers-article-float-left .see-more-text-container.see-more-text-container-minimized {
  5035.    max-height: 190px;
  5036.    -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 98%);
  5037.    mask-image: linear-gradient(to bottom, black 90%, transparent 98%);
  5038. }
  5039. .ers-article-float-left .see-more-text-container.see-more-text-container-maximized {
  5040.    height: auto;
  5041.    max-height: 15000px;
  5042. }
  5043. @media (max-width:767px) {
  5044.    .ers-article-float-left .article-float-left-container {
  5045.        text-align: left;
  5046.    }
  5047.    .ers-article-float-left .see-more-header {
  5048.        font-size: 2.2rem;
  5049.    }
  5050.    .ers-article-float-left .article-image-wrapper {
  5051.        float: unset;
  5052.        margin: auto;
  5053.        max-width: 90%;
  5054.    }
  5055.    .ers-article-float-left .article-float-left-img {
  5056.        margin-left: 0px;
  5057.    }
  5058. }
  5059. </style>
  5060. <section class="ers-article-float-left">
  5061.    <div class="container">
  5062.        <div class="row-spacing"></div>
  5063.            <div class="article-float-left-container">
  5064.                <div class="article-image-wrapper" eclick="article-image">
  5065.                    
  5066.                <img id="n602at_0_imageid-article-image" data-id="n602at_0_imageid-article-image" src="https://files.sysers.com/cp/upload/omega/gallery/600x425_WRF_experience_inflatable-water-slide.jpeg" class="article-float-left-img img-responsive"></div>
  5067.                <div class="see-more-wrapper">
  5068.                    <h2 id="n603at_0_textid-see-more-headline" class="header-style see-more-header h1" style="text-align: center;" data-id="n603at_0_textid-see-more-headline">Best Bounce House Rentals in Miami</h2>
  5069.                    <div class="see-more-text-container see-more-text-container-n602at_0_ see-more-text-container-maximized">
  5070.                        <div class="see-more-text see-more-text-n602at_0_" id="n602at_0_textid-see-more-text" data-id="n602at_0_textid-see-more-text">What type of inflatable should you rent for your event? With so many different types of inflatables for rent, it can be overwhelming to know which inflatable rental will be the perfect fit for your next party or event. Here at We Rent Fun, we have helped thousands of customers choose the perfect rental items for their events. Our<a href="https://www.werentfun.net/category/bounce_houses/">&nbsp;bounce house rentals</a>&nbsp;are great for smaller children or if you have limited space at your event. Our&nbsp;<a href="https://www.werentfun.net/category/bounce_house_with_slide/">combo bouncers</a>&nbsp;are perfect if you want to have a bounce house but also like the idea of an inflatable slide. Most of our combos can be used wet or dry. Speaking of wet, our&nbsp;<a href="https://www.werentfun.net/category/water_slides/">water slide rentals</a>&nbsp;are a perfect way to beat the Miami, Florida heat. Have a large event? Take a look at our&nbsp;<a href="https://www.werentfun.net/category/obstacle_course__and__interactives/">obstacle course rentals</a>. These Obstacle Course Miami are perfect because they allow a lot of participants to go through in a short amount of time, and nobody is waiting too long in line. They are also great because the grownups have as much fun as the kids.</div>
  5071.                    </div>
  5072.                    <div class="show-more-button-container show-more-button-container-n602at_0_">
  5073.                        <a class="show-more-button show-more-button-n602at_0_" id="n602at_0_textid-show-more-button" data-id="n602at_0_textid-show-more-button" target="">Read More</a>
  5074.                    </div>
  5075.                </div>
  5076.            </div>
  5077.        <div class="row-spacing" style="clear:both;"></div>
  5078.    </div>
  5079. </section>
  5080. <script>
  5081. $(() => {
  5082.    var $showMoreButton = $('.show-more-button-n602at_0_');
  5083.    var $showMoreContainer = $('.see-more-text-container-n602at_0_');
  5084.  
  5085.    $showMoreContainer.toggleClass('see-more-text-container-minimized see-more-text-container-maximized');
  5086.  
  5087.    $showMoreButton.on('click', function() {
  5088.        $showMoreContainer.toggleClass('see-more-text-container-minimized see-more-text-container-maximized');
  5089.        var buttonText = $(this).text().toLowerCase();
  5090.        var newButtonText = buttonText.includes('more')?
  5091.                            buttonText.replace('more', 'less'):
  5092.                            buttonText.replace('less', 'more');
  5093.        $(this).text(newButtonText);
  5094.        });
  5095.    });
  5096. </script>
  5097. </div><div style="clear:left" id="sepDn574" class="edsep"></div><div id="newdiv_insert_n583"><style>
  5098.  
  5099.  
  5100. </style>
  5101.  
  5102. <div id="elemtype-Spacing" option_count="2"></div>
  5103. <style rel="stylesheet" type="text/css">
  5104.    .ers-spacing {
  5105.        height: 40px;
  5106.    }
  5107. </style>
  5108. <div class="ers-spacing"></div>
  5109. </div><div style="clear:left" id="sepDn583" class="edsep"></div><div id="newdiv_insert_n573"><style>
  5110.  
  5111.  
  5112. </style>
  5113.  
  5114. <div id="elemtype-Spacing" option_count="2"></div>
  5115. <style rel="stylesheet" type="text/css">
  5116.    .ers-spacing {
  5117.        height: 40px;
  5118.    }
  5119. </style>
  5120. <div class="ers-spacing"></div>
  5121. </div><div style="clear:left" id="sepDn575" class="edsep"></div><div id="newdiv_insert_n604"><style>
  5122.  
  5123.  
  5124. </style>
  5125.  
  5126. <div id="elemtype-Collapsable Article Float Right" option_count="1"></div>
  5127. <style rel="stylesheet" type="text/css">
  5128. .ers-article-float-right .article-float-left-container {
  5129.    text-align: justify;
  5130. }
  5131. .ers-article-float-right .article-image-wrapper {
  5132.    float: right;
  5133.    max-width: 50%;
  5134.    margin-left: 30px;
  5135. }
  5136. .ers-article-float-right .article-float-right-img {
  5137.    width: 100%;
  5138.    margin-left: -15px;
  5139.    margin-bottom: 8px;
  5140.    border-radius: 5px;
  5141. }
  5142. .ers-article-float-right a {
  5143.    color: #337ab7;
  5144.    text-decoration: underline;
  5145.    font-weight: bold;
  5146. }
  5147. .ers-article-float-right .see-more-wrapper {
  5148.    border-radius: 5px;
  5149.    padding: 0px 15px;
  5150.    height: auto;
  5151. }
  5152. .ers-article-float-right .see-more-wrapper {
  5153.    color: #565656;
  5154. }
  5155. .ers-article-float-right .see-more-header {
  5156.    text-align: center;
  5157.    /*color: var(--color-theme-6);*/
  5158. }
  5159. .ers-article-float-right .show-more-button {
  5160.    text-transform: capitalize;
  5161.    cursor: pointer;
  5162.    text-decoration: underline;
  5163.    /*color: var(--color-theme-6);*/
  5164. }
  5165. .ers-article-float-right .show-more-button-container {
  5166.    text-align: center;
  5167. }
  5168. .ers-article-float-right .see-more-text-container {
  5169.    transition: max-height 1s;
  5170. }
  5171. .ers-article-float-right .see-more-text-container.see-more-text-container-minimized {
  5172.    max-height: 190px;
  5173.    -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 98%);
  5174.    mask-image: linear-gradient(to bottom, black 90%, transparent 98%);
  5175. }
  5176. .ers-article-float-right .see-more-text-container.see-more-text-container-maximized {
  5177.    height: auto;
  5178.    max-height: 15000px;
  5179. }
  5180. @media (max-width:767px) {
  5181.    .ers-article-float-right .article-float-right-container {
  5182.        text-align: left;
  5183.    }
  5184.    .ers-article-float-right .see-more-header {
  5185.        font-size: 2.2rem;
  5186.    }
  5187.    .ers-article-float-right .article-image-wrapper {
  5188.        float: unset;
  5189.        margin: auto;
  5190.        max-width: 90%;
  5191.    }
  5192.    .ers-article-float-right .article-float-right-img {
  5193.        margin-left: 0px;
  5194.    }
  5195. }
  5196. </style>
  5197. <section class="ers-article-float-right">
  5198.    <div class="container">
  5199.        <div class="row-spacing"></div>
  5200.            <div class="article-float-right-container">
  5201.                <div class="article-image-wrapper" eclick="article-image">
  5202.                    
  5203.                <img id="n604at_0_imageid-article-image" data-id="n604at_0_imageid-article-image" src="https://files.sysers.com/cp/upload/omega/gallery/600x425_WRF_experience_table-chairs-rentals.jpeg" class="article-float-right-img img-responsive"></div>
  5204.                <div class="see-more-wrapper">
  5205.                    <h3 id="n604at_0_textid-see-more-headline" class="header-style see-more-header h1" style="text-align: center;" data-id="n604at_0_textid-see-more-headline">Miami Bounce House Rental Services</h3>
  5206.                    <div class="see-more-text-container see-more-text-container-n604at_0_ see-more-text-container-maximized">
  5207.                        <div class="see-more-text see-more-text-n604at_0_" id="n604at_0_textid-see-more-text" data-id="n604at_0_textid-see-more-text">What else do we rent besides bounce houses and inflatables? If you're looking for something other than a bounce house rental or another fun inflatable, don't worry at all. We have you covered. Not only do we have lots of experience with backyard birthday parties and school field days, but we are also experts when it comes to weddings, corporate events, and other outdoor events. Want your guests to have something to remember your event by? Take a look at our great photo booth rentals. Need an event&nbsp;<a href="https://www.werentfun.net/category/tents/">tent rental&nbsp;</a>or some extra seating? We have small and large tent rentals as well as tables and chairs.</div>
  5208.                    </div>
  5209.                    <div class="show-more-button-container show-more-button-container-n604at_0_">
  5210.                        <a class="show-more-button show-more-button-n604at_0_" id="n604at_0_textid-show-more-button" data-id="n604at_0_textid-show-more-button" target="">Read More</a>
  5211.                    </div>
  5212.                </div>
  5213.            </div>
  5214.        <div class="row-spacing" style="clear:both;"></div>
  5215.    </div>
  5216. </section>
  5217. <script>
  5218. $(() => {
  5219.    var $showMoreButton = $('.show-more-button-n604at_0_');
  5220.    var $showMoreContainer = $('.see-more-text-container-n604at_0_');
  5221.  
  5222.    $showMoreContainer.toggleClass('see-more-text-container-minimized see-more-text-container-maximized');
  5223.  
  5224.    $showMoreButton.on('click', function() {
  5225.        $showMoreContainer.toggleClass('see-more-text-container-minimized see-more-text-container-maximized');
  5226.        var buttonText = $(this).text().toLowerCase();
  5227.        var newButtonText = buttonText.includes('more')?
  5228.                            buttonText.replace('more', 'less'):
  5229.                            buttonText.replace('less', 'more');
  5230.        $(this).text(newButtonText);
  5231.        });
  5232.    });
  5233. </script>
  5234. </div><div style="clear:left" id="sepDn621" class="edsep"></div><div id="newdiv_insert_n578"><style>
  5235.  
  5236.  
  5237. </style>
  5238.  
  5239. <div id="elemtype-Spacing" option_count="2"></div>
  5240. <style rel="stylesheet" type="text/css">
  5241.    .ers-spacing {
  5242.        height: 40px;
  5243.    }
  5244. </style>
  5245. <div class="ers-spacing"></div>
  5246. </div><div style="clear:left" id="sepDn623" class="edsep"></div><div id="newdiv_insert_n580"><style>
  5247.  
  5248.  
  5249. </style>
  5250.  
  5251. <div id="elemtype-Spacing" option_count="2"></div>
  5252. <style rel="stylesheet" type="text/css">
  5253.    .ers-spacing {
  5254.        height: 40px;
  5255.    }
  5256. </style>
  5257. <div class="ers-spacing"></div>
  5258. </div><div style="clear:left" id="sepDn581" class="edsep"></div><div id="newdiv_insert_n589"><style>
  5259.  
  5260.  
  5261. </style>
  5262.  
  5263. <div id="elemtype-Header Section" option_count="2"></div>
  5264. <style rel="stylesheet" type="text/css">
  5265. .header-text {
  5266.    
  5267.    color: #222;
  5268.    
  5269.    
  5270. }
  5271. </style>
  5272. <div class="header-section">
  5273.    <div class="container">
  5274.        <div class="row">
  5275.            <div class="col-md-12 header-style h2 header-text" id="n589at_0_textid-header-text" data-id="n589at_0_textid-header-text" style="
  5276.    text-align: center;
  5277. ">THESE CLIENTS TRUST US WITH THEIR BIG DAY, SO SHOULD YOU</div>
  5278.        </div>
  5279.    </div>
  5280. </div>
  5281. </div><div style="clear:left" id="sepDn587" class="edsep"></div><div id="newdiv_insert_n586"><style>
  5282.  
  5283.  
  5284. </style>
  5285.  
  5286. <div id="elemtype-6col Images" option_count=""></div>
  5287.  
  5288. <section class="feature-section">
  5289.    <div class="container">
  5290.        <div class="row-spacing"></div>
  5291.  
  5292.        <!-- For normal size screens separate layout -->
  5293.        <div class="hidden-xs row">
  5294.            <div class="col-sm-2 text-center">
  5295.                
  5296.            <img id="n586at_0_imageid-if1" data-id="n586at_0_imageid-if1" src="https://files.sysers.com/cp/upload/omega/gallery/Amazon-Logo-2.png" class="img-responsive"></div>
  5297.  
  5298.            <div class="hidden-xs col-sm-2 text-center">
  5299.                
  5300.            <img id="n586at_0_imageid-if2" data-id="n586at_0_imageid-if2" src="https://files.sysers.com/cp/upload/omega/gallery/American-Logo-8.png" class="img-responsive"></div>
  5301.  
  5302.            <div class="hidden-xs col-sm-2 text-center">
  5303.                
  5304.            <img id="n586at_0_imageid-if3" data-id="n586at_0_imageid-if3" src="https://files.sysers.com/cp/upload/omega/gallery/Best-Buy-Logo-5.png" class="img-responsive"></div>
  5305.  
  5306.            <div class="col-sm-2 text-center">
  5307.                
  5308.            <img id="n586at_0_imageid-if4" data-id="n586at_0_imageid-if4" src="https://files.sysers.com/cp/upload/omega/gallery/Walmart-Logo-7.png" class="img-responsive"></div>
  5309.  
  5310.            <div class="hidden-xs col-sm-2 text-center">
  5311.                
  5312.            <img id="n586at_0_imageid-if5" data-id="n586at_0_imageid-if5" src="https://files.sysers.com/cp/upload/omega/gallery/Xfinity-Logo-4.png" class="img-responsive"></div>
  5313.  
  5314.            <div class="hidden-xs col-sm-2 text-center">
  5315.                
  5316.            <img id="n586at_0_imageid-if6" data-id="n586at_0_imageid-if6" src="https://files.sysers.com/cp/upload/omega/gallery/Publix-Logo-3.png" class="img-responsive"></div>
  5317.        </div>
  5318.  
  5319.        <!-- For xsmall screens use full width layout -->
  5320.        <div class="hidden-sm hidden-md hidden-lg row">
  5321.            <div class="col-xs-12 text-center">
  5322.                
  5323.            <img id="n586at_0_imageid-if1" data-id="n586at_0_imageid-if1" src="https://files.sysers.com/cp/upload/omega/gallery/Amazon-Logo-2.png" class="img-responsive"></div>
  5324.  
  5325.            <div class="col-xs-12 text-center">
  5326.                
  5327.            <img id="n586at_0_imageid-if2" data-id="n586at_0_imageid-if2" src="https://files.sysers.com/cp/upload/omega/gallery/American-Logo-8.png" class="img-responsive"></div>
  5328.  
  5329.            <div class="col-xs-12 text-center">
  5330.                
  5331.            <img id="n586at_0_imageid-if3" data-id="n586at_0_imageid-if3" src="https://files.sysers.com/cp/upload/omega/gallery/Best-Buy-Logo-5.png" class="img-responsive"></div>
  5332.            <div class="col-xs-12 text-center">
  5333.                
  5334.            <img id="n586at_0_imageid-if4" data-id="n586at_0_imageid-if4" src="https://files.sysers.com/cp/upload/omega/gallery/Walmart-Logo-7.png" class="img-responsive"></div>
  5335.  
  5336.            <div class="col-xs-12 text-center">
  5337.                
  5338.            <img id="n586at_0_imageid-if5" data-id="n586at_0_imageid-if5" src="https://files.sysers.com/cp/upload/omega/gallery/Xfinity-Logo-4.png" class="img-responsive"></div>
  5339.  
  5340.            <div class="col-xs-12 text-center">
  5341.                
  5342.            <img id="n586at_0_imageid-if6" data-id="n586at_0_imageid-if6" src="https://files.sysers.com/cp/upload/omega/gallery/Publix-Logo-3.png" class="img-responsive"></div>
  5343.        </div>
  5344.    </div>
  5345. </section>
  5346.  
  5347. <!--  tplid  6col_images -->
  5348.  
  5349.  
  5350. </div><div style="clear:left" id="sepDn586" class="edsep"></div><div id="newdiv_insert_n579"><style>
  5351.  
  5352.  
  5353. </style>
  5354.  
  5355. <div id="elemtype-Spacing" option_count="2"></div>
  5356. <style rel="stylesheet" type="text/css">
  5357.    .ers-spacing {
  5358.        height: 40px;
  5359.    }
  5360. </style>
  5361. <div class="ers-spacing"></div>
  5362. </div><div style="clear:left" id="sepDn579" class="edsep"></div><div id="newdiv_insert_n577"><style>
  5363.  
  5364.  
  5365. </style>
  5366.  
  5367. <div id="elemtype-Spacing" option_count="2"></div>
  5368. <style rel="stylesheet" type="text/css">
  5369.    .ers-spacing {
  5370.        height: 40px;
  5371.    }
  5372. </style>
  5373. <div class="ers-spacing"></div>
  5374. </div><div style="clear:left" id="sepDn590" class="edsep"></div><div id="newdiv_insert_n591"><style>
  5375.  
  5376.  
  5377. </style>
  5378.  
  5379. <div id="elemtype-Spacing" option_count="2"></div>
  5380. <style rel="stylesheet" type="text/css">
  5381.    .ers-spacing {
  5382.        height: 40px;
  5383.    }
  5384. </style>
  5385. <div class="ers-spacing"></div>
  5386. </div><div style="clear:left" id="sepDn577" class="edsep"></div><div id="newdiv_insert_n590"><style>
  5387.  
  5388.  
  5389. </style>
  5390.  
  5391. <div id="elemtype-Service Area" option_count="2"></div>
  5392. <style rel="stylesheet" type="text/css">
  5393. .ers-service-area .service-area-header {
  5394.    margin-top: 20px;
  5395.    color: #222;
  5396. }
  5397. .ers-service-area .service-col-left, .ers-service-area .service-col-right {
  5398.    margin-top: 25px;
  5399. }
  5400. .ers-service-area .overlay-embed, .ers-service-area .iframe-responsive {
  5401.    
  5402.    height: 400px;
  5403.    
  5404.    
  5405. }
  5406. .ers-service-area .iframe-responsive > .iframe {
  5407.    border-radius: 5px;
  5408.    
  5409.    height: 350px;
  5410.    
  5411.    
  5412.    width: 100%;
  5413.    box-shadow: 0 0 5px #707070;
  5414. }
  5415. .ers-service-area .overlay-embed {
  5416.    z-index: 999;
  5417.    position: absolute;
  5418.    width: 100%;
  5419. }
  5420. .ers-service-area .service-area-list {
  5421.    padding: 5px 20px;
  5422.    list-style-position: outside;
  5423.    column-count: 3;
  5424. }
  5425. .ers-service-area .service-area-list > li {
  5426.    padding-bottom: 5px;
  5427. }
  5428. </style>
  5429. <div class="ers-service-area">
  5430.    <div class="container">
  5431.        <div class="row">
  5432.            <div class="col-md-6 service-col-left">
  5433.                <p id="n590at_0_textid-service-area-header" class="service-area-header h2 header-style" data-id="n590at_0_textid-service-area-header"><span style="color: #000000;">Our Service Area</span></p>
  5434.                <ul id="n590at_0_textid-service-area-list" data-id="n590at_0_textid-service-area-list" class="service-area-list"><li><a href="/coconut-grove-party-rentals/"><span style="color: #333;">Coconut Grove</span></a></li><li><a href="/coral-gables-party-rentals/"><span style="color: #333;">Coral Gables</span></a></li><li><a href="/davie-party-rentals/"><span style="color: #333;">Davie</span></a></li><li><a href="/miami-party-rentals/"><span style="color: #333;">Miami</span></a></li><li><a href="/palmetto-bay-party-rentals/"><span style="color: #333;">Palmetto Bay</span></a></li><li><a href="/pembroke-pines-party-rentals/"><span style="color: #333;">Pembroke Pines</span></a></li><li><a href="/pinecrest-party-rentals/"><span style="color: #333;">Pinecrest</span></a></li><li><a href="/southwest-ranches-party-rentals/"><span style="color: #333;">Southwest Ranches</span></a></li><li><a href="/surfside-party-rentals/"><span style="color: #333;">Surfside</span></a></li><li><a href="/weston-party-rentals/"><span style="color: #333;">Weston</span></a></li><li>All areas in between</li></ul>
  5435.                <div id="n590at_0_textid-service-area-text" data-id="n590at_0_textid-service-area-text" class="service-area-text">
  5436.                    If your project site is outside our normal service area, just let us know! We do deliver even farther out, and special accommodations can usually be made to suit your project.
  5437.                </div>
  5438.                <div id="n590at_0_textid-service-area-subtext" data-id="n590at_0_textid-service-area-subtext" class="service-area-subtext">
  5439.                    <b>NOTE:</b> Extra fees may vary depending on how far you are outside our service area.
  5440.                </div>
  5441.            </div>
  5442.            <div class="col-md-6 service-col-right">
  5443.                <div class="overlay-embed" style="display:none; z-index:-800"></div>
  5444.                <div class="iframe-responsive" id="n590at_0_textid-embed"><iframe class="iframe" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d459513.5260411917!2d-80.6221375760915!3d25.87114199999998!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88d9bb84d005bac1%3A0xe5ae10d64938fe61!2sWe%20Rent%20Fun!5e0!3m2!1sen!2sus!4v1689624912609!5m2!1sen!2sus" frameborder="0" style="border:0" allowfullscreen=""></iframe></div>
  5445.            </div>
  5446.        </div>
  5447.    </div>
  5448. </div>
  5449. </div><div style="clear:left" id="sepDn592" class="edsep"></div><div style="clear:left" id="sepDn250" class="edsep"></div><div style="clear:left" id="sepDn508" class="edsep"></div><div id="newdiv_insert_n513"><style>
  5450.  
  5451.  
  5452. </style>
  5453.  
  5454. <div id="elemtype-Spacing" option_count="2"></div>
  5455. <style rel="stylesheet" type="text/css">
  5456.    .ers-spacing {
  5457.        height: 40px;
  5458.    }
  5459. </style>
  5460. <div class="ers-spacing"></div>
  5461. </div><div style="clear:left" id="sepDn513" class="edsep"></div><div id="newdiv_insert_n615"><style>
  5462.  
  5463.  
  5464. </style>
  5465.  
  5466. <div id="elemtype-See More Text" option_count="2"></div>
  5467. <style rel="stylesheet" type="text/css">
  5468. .ers-see-more-text a {
  5469.    color: inherit;
  5470.    text-decoration: underline;
  5471.    font-weight: bold;
  5472. }
  5473. .ers-see-more-text h1,
  5474. .ers-see-more-text h2,
  5475. .ers-see-more-text h3,
  5476. .ers-see-more-text h4,
  5477. .ers-see-more-text h5,
  5478. .ers-see-more-text h6 {
  5479.    font-family: 'Passion One', sans-serif;
  5480. }
  5481. .ers-see-more-text .see-more-wrapper {
  5482.    border-radius: 5px;
  5483.    padding: 25px 15px;
  5484.    height: auto;
  5485.    
  5486.    box-shadow: 0 0 5px #707070;
  5487.    background-color: grey;
  5488.    background-color: var(--color-theme-3);
  5489.    
  5490. }
  5491. .ers-see-more-text .see-more-wrapper {
  5492.    
  5493.    color: var(--color-theme-6);
  5494.    
  5495.    
  5496. }
  5497. .ers-see-more-text .see-more-header {
  5498.    text-align: center;
  5499.    
  5500.    color: var(--color-theme-6);
  5501.    
  5502.    
  5503. }
  5504. .ers-see-more-text .show-more-button {
  5505.    text-transform: capitalize;
  5506.    cursor: pointer;
  5507.    text-decoration: underline;
  5508.    
  5509.    color: var(--color-theme-6);
  5510.    
  5511.    
  5512. }
  5513. .ers-see-more-text .show-more-button-container {
  5514.    text-align: center;
  5515. }
  5516. .ers-see-more-text .see-more-text-container {
  5517.    transition: max-height 1s;
  5518.    overflow: hidden;
  5519. }
  5520. .ers-see-more-text .see-more-text-container.see-more-text-container-minimized {
  5521.    max-height: 190px;
  5522.    -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 98%);
  5523.    mask-image: linear-gradient(to bottom, black 90%, transparent 98%);
  5524. }
  5525. .ers-see-more-text .see-more-text-container.see-more-text-container-maximized {
  5526.    height: auto;
  5527.    max-height: 15000px;
  5528. }
  5529. @media only screen and (min-width: 992px) {
  5530.    .ers-see-more-text .see-more-wrapper {
  5531.        padding: 50px;
  5532.    }
  5533. }
  5534. </style>
  5535. <div class="ers-see-more-text">
  5536.    <div class="container">
  5537.        <div class="row">
  5538.            <div class="col-md-12">
  5539.                <div class="see-more-wrapper">
  5540.                    <span class="header-style see-more-header h1" id="n615at_0_textid-see-more-headline" data-id="n615at_0_textid-see-more-headline">Miami's Best Bounce House Rental in Miami, Water Slides, Interactive Games
  5541. </span>
  5542.                    <div class="see-more-text-container see-more-text-container-n615at_0_ see-more-text-container-maximized">
  5543.                        <div class="see-more-text see-more-text-n615at_0_" id="n615at_0_textid-see-more-text" data-id="n615at_0_textid-see-more-text"><p data-id="n756at_0_textid-paragraph1" id="n756at_0_textid-paragraph1">Looking for Hialeah Gardens bounce house rentals? Well you have come to the right place. We Rent Fun is a guaranteed hit! We have been providing fun rentals for the City of Hialeah Gardens and its surrounding areas. We specialize in event rentals for events such as but not limited to: backyard parties, school festivals, birthday parties, church carnivals, high school & college graduation parties, cooperate picnics, rodeos, and HOA events. We carry the largest inventory of bounce houses, combo bounce houses, water slides, obstacle courses, inflatable games, concessions and more.</p>
  5544. </div>
  5545.                    </div>
  5546.                    <div class="show-more-button-container show-more-button-container-n615at_0_">
  5547.                        <a class="show-more-button show-more-button-n615at_0_" id="n615at_0_textid-show-more-button" data-id="n615at_0_textid-show-more-button">Read More</a>
  5548.                    </div>
  5549.                </div>
  5550.            </div>
  5551.        </div>
  5552.    </div>
  5553. </div>
  5554. <script>
  5555. $(() => {
  5556.    var $showMoreButton = $('.show-more-button-n615at_0_');
  5557.    var $showMoreContainer = $('.see-more-text-container-n615at_0_');
  5558.  
  5559.    $showMoreContainer.toggleClass('see-more-text-container-minimized see-more-text-container-maximized');
  5560.  
  5561.    $showMoreButton.on('click', function() {
  5562.        $showMoreContainer.toggleClass('see-more-text-container-minimized see-more-text-container-maximized');
  5563.        var buttonText = $(this).text().toLowerCase();
  5564.        var newButtonText = buttonText.includes('more')?
  5565.                            buttonText.replace('more', 'less'):
  5566.                            buttonText.replace('less', 'more');
  5567.        $(this).text(newButtonText);
  5568.        });
  5569.    });
  5570. </script>
  5571. </div><div style="clear:left" id="sepDn593" class="edsep"></div><div id="newdiv_insert_n514"><style>
  5572.  
  5573.  
  5574. </style>
  5575.  
  5576. <div id="elemtype-Spacing" option_count="2"></div>
  5577. <style rel="stylesheet" type="text/css">
  5578.    .ers-spacing {
  5579.        height: 40px;
  5580.    }
  5581. </style>
  5582. <div class="ers-spacing"></div>
  5583. </div><div style="clear:left" id="sepDn514" class="edsep"></div><div id="newdiv_insert_n535"><style>
  5584.  
  5585.  
  5586. </style>
  5587.  
  5588. <div id="elemtype-Recently Viewed Items" option_count="2"></div>
  5589. <style rel="stylesheet" type="text/css">
  5590. .ers-recently-viewed-items .recently-header {
  5591.    text-align: center;
  5592.    margin: 0;
  5593.    padding: 20px 0;
  5594.    color: #fff;
  5595. }
  5596. .ers-recently-viewed-items .swiper-button-next {
  5597.    right: 0;
  5598.    border-radius: 5px 0 0 5px;
  5599. }
  5600. .ers-recently-viewed-items .swiper-button-prev {
  5601.    left: 0;
  5602.    border-radius: 0 5px 5px 0;
  5603. }
  5604. .ers-recently-viewed-items .swiper-button-next,
  5605. .ers-recently-viewed-items .swiper-button-prev {
  5606.    height: 100px;
  5607.    width: 25px;
  5608.    top: 35%;
  5609.    background-color: #1573fc;
  5610.    color: #fff;
  5611. }
  5612. .ers-recently-viewed-items .swiper-button-next:after {
  5613.    padding-left: 5px;
  5614. }
  5615. .ers-recently-viewed-items .swiper-button-prev:after {
  5616.    padding-right: 5px;
  5617. }
  5618. .ers-recently-viewed-items .swiper-button-next:after,
  5619. .ers-recently-viewed-items .swiper-button-prev:after {
  5620.    font-size: 24px;
  5621. }
  5622. .ers-recently-viewed-items .swiper-button-next.swiper-button-disabled,
  5623. .ers-recently-viewed-items .swiper-button-prev.swiper-button-disabled {
  5624.    pointer-events: initial;
  5625. }
  5626. .ers-recently-viewed-items .recently-viewed-item {
  5627.    color: #222;
  5628.    background-color: #fff;
  5629.    display: flex;
  5630.    flex-direction: column;
  5631.    align-items: center;
  5632.    transition: 0.25s;
  5633.    
  5634.    height: 180px;
  5635.    
  5636.    
  5637. }
  5638. .ers-recently-viewed-items .recently-viewed-item:hover {
  5639.    text-decoration: none;
  5640. }
  5641. .ers-recently-viewed-items .recently-outer-container {
  5642.    display: flex;
  5643.    flex-direction: column;
  5644.    align-items: center;
  5645.    border-radius: 5px;
  5646.    box-shadow: 0 0 5px #707070;
  5647.    background-color: grey;
  5648.    background-color: #0a00d1;
  5649. }
  5650. .ers-recently-viewed-items .recently-swiper {
  5651.    width: 100%;
  5652.    background-color: #fff;
  5653.    border-radius: 0 0 5px 5px;
  5654. }
  5655. .ers-recently-viewed-items .item-picture-wrapper {
  5656.    width: 100px;
  5657.    height: 100px;
  5658.    display: flex;
  5659.    align-items: center;
  5660.    justify-content: center;
  5661. }
  5662. .ers-recently-viewed-items .item-picture {
  5663.    max-height: 100%;
  5664.    max-width: 100%;
  5665.    padding: 10px;
  5666.    object-fit: contain;
  5667. }
  5668. .ers-recently-viewed-items .item-content {
  5669.    width: 100px;
  5670.    margin-top: 10px;
  5671.    
  5672. }
  5673. .ers-recently-viewed-items .item-name,
  5674. .ers-recently-viewed-items .item-price {
  5675.    font-size: 12px;
  5676.    line-height: 12px;
  5677. }
  5678. .ers-recently-viewed-items .item-price {
  5679.    font-weight: bold;
  5680. }
  5681. .ers-recently-viewed-items .editor-only {
  5682.    width: 100%;
  5683.    display: flex;
  5684.    flex-direction: row;
  5685.    justify-content: space-around;
  5686. }
  5687. @media only screen and (min-width: 768px) {
  5688.    .ers-recently-viewed-items .recently-header {
  5689.        flex-basis: 25%;
  5690.        padding: 0;
  5691.    }
  5692.    .ers-recently-viewed-items .recently-outer-container {
  5693.        flex-direction: row;
  5694.    }
  5695.    .ers-recently-viewed-items .recently-swiper {
  5696.        width: unset;
  5697.        flex-basis: 75%;
  5698.        border-radius: 0 5px 5px 0;
  5699.    }
  5700. }
  5701. </style>
  5702. <div class="ers-recently-viewed-items">
  5703.    <div class="container">
  5704.        <div class="row">
  5705.            <div class="col-md-12">
  5706.                <div class="recently-outer-container">
  5707.                    <p class="header-style h5 recently-header">Recently<br>Viewed</p>
  5708.                    <div class="swiper recently-swiper">
  5709.                        <div class="swiper-wrapper recently-swiper-wrapper">
  5710.                            <div class="editor-only">
  5711.                                <div class="recently-viewed-item link-style">
  5712.                                    <div class="item-picture-wrapper">
  5713.                                        
  5714.                                    <img class="item-picture" src="https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/placeholder-image.jpg" alt="Picture of placeholder"></div>
  5715.                                    <div class="item-content">
  5716.                                        <p class="item-name">Product Name</p>
  5717.                                        <p class="item-price">$0</p>
  5718.                                    </div>
  5719.                                </div>
  5720.                                <div class="recently-viewed-item link-style">
  5721.                                    <div class="item-picture-wrapper">
  5722.                                        
  5723.                                    <img class="item-picture" src="https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/placeholder-image.jpg" alt="Picture of placeholder"></div>
  5724.                                    <div class="item-content">
  5725.                                        <p class="item-name">Product Name</p>
  5726.                                        <p class="item-price">$0</p>
  5727.                                    </div>
  5728.                                </div>
  5729.                                <div class="recently-viewed-item link-style">
  5730.                                    <div class="item-picture-wrapper">
  5731.                                        
  5732.                                    <img class="item-picture" src="https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/placeholder-image.jpg" alt="Picture of placeholder"></div>
  5733.                                    <div class="item-content">
  5734.                                        <p class="item-name">Product Name</p>
  5735.                                        <p class="item-price">$0</p>
  5736.                                    </div>
  5737.                                </div>
  5738.                                <div class="recently-viewed-item link-style">
  5739.                                    <div class="item-picture-wrapper">
  5740.                                        
  5741.                                    <img class="item-picture" src="https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/placeholder-image.jpg" alt="Picture of placeholder"></div>
  5742.                                    <div class="item-content">
  5743.                                        <p class="item-name">Product Name</p>
  5744.                                        <p class="item-price">$0</p>
  5745.                                    </div>
  5746.                                </div>
  5747.                                <div class="recently-viewed-item link-style">
  5748.                                    <div class="item-picture-wrapper">
  5749.                                        
  5750.                                    <img class="item-picture" src="https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/placeholder-image.jpg" alt="Picture of placeholder"></div>
  5751.                                    <div class="item-content">
  5752.                                        <p class="item-name">Product Name</p>
  5753.                                        <p class="item-price">$0</p>
  5754.                                    </div>
  5755.                                </div>
  5756.                                <div class="recently-viewed-item link-style">
  5757.                                    <div class="item-picture-wrapper">
  5758.                                        
  5759.                                    <img class="item-picture" src="https://files.sysers.com/cp/upload/bouncetemplate-websections/editor/placeholder-image.jpg" alt="Picture of placeholder"></div>
  5760.                                    <div class="item-content">
  5761.                                        <p class="item-name">Product Name</p>
  5762.                                        <p class="item-price">$0</p>
  5763.                                    </div>
  5764.                                </div>
  5765.                            </div>
  5766.                        </div>
  5767.                        <div class="swiper-button-prev recently-swiper-button-prev"></div>
  5768.                        <div class="swiper-button-next recently-swiper-button-next"></div>
  5769.                    </div>
  5770.                </div>
  5771.            </div>
  5772.        </div>
  5773.    </div>
  5774. </div>
  5775. <script>
  5776.  
  5777. const initializeStorageItems = () => {
  5778.    const storageItems = Object.keys(localStorage);
  5779.    let hasItems = false;
  5780.    for (let storageItem of storageItems) {
  5781.        try {
  5782.            let formattedStorageItem = JSON.parse(localStorage.getItem(storageItem));
  5783.  
  5784.            if (formattedStorageItem.price !== undefined) {
  5785.                $('.recently-swiper-wrapper').prepend(`
  5786.                    <a class="swiper-slide recently-viewed-item link-style" href="${formattedStorageItem.path}">
  5787.                        <div class="item-picture-wrapper">
  5788.                            <img class="item-picture" src="${formattedStorageItem.picture}" alt="${formattedStorageItem.name}" />
  5789.                        </div>
  5790.                        <div class="item-content">
  5791.                            <p class="item-name">${formattedStorageItem.name}</p>
  5792.                            <p class="item-price">${formattedStorageItem.price}</p>
  5793.                        </div>
  5794.                    </a>
  5795.                `);
  5796.                hasItems = true;
  5797.            }
  5798.        } catch(err) {
  5799.            console.log(err);
  5800.        }
  5801.    }
  5802.  
  5803.    if ($('.ers-recently-viewed-items').closest('body[class*="ers"]').length && !hasItems) {
  5804.        $('.ers-recently-viewed-items').css('display', 'none');
  5805.    }
  5806. }
  5807. initializeStorageItems();
  5808.  
  5809. var recentlySwiper = new Swiper('.recently-swiper', {
  5810.    direction: 'horizontal',
  5811.    loop: false,
  5812.    slidesPerView: 2,
  5813.    navigation: {
  5814.        nextEl: '.recently-swiper-button-next',
  5815.        prevEl: '.recently-swiper-button-prev'
  5816.    },
  5817.    breakpoints: {
  5818.        420: {
  5819.            slidesPerView: 3
  5820.        },
  5821.        600: {
  5822.            slidesPerView: 4
  5823.        },
  5824.        992: {
  5825.            slidesPerView: 5
  5826.        },
  5827.        1200: {
  5828.            slidesPerView: 6
  5829.        }
  5830.    }
  5831. });
  5832. </script>
  5833. </div><div style="clear:left" id="sepDn509" class="edsep"></div><div id="newdiv_insert_n511"><style>
  5834.  
  5835.  
  5836. </style>
  5837.  
  5838. <div id="elemtype-Spacing" option_count="2"></div>
  5839. <style rel="stylesheet" type="text/css">
  5840.    .ers-spacing {
  5841.        height: 40px;
  5842.    }
  5843. </style>
  5844. <div class="ers-spacing"></div>
  5845. </div><div style="clear:left" id="sepDn512" class="edsep"></div></div><style>
  5846.  
  5847.  
  5848. </style>
  5849.  
  5850. <div id='elemtype-FooterCustom' option_count=''></div>
  5851. <style rel="stylesheet" type="text/css">
  5852. .ers-premium-footer {
  5853.    width: 100%;
  5854.    display: flex;
  5855.    flex-direction: column;
  5856.    align-items: center;
  5857.    background-color: grey;
  5858.    background-color: #30913a;
  5859. }
  5860. .ers-premium-footer .footer-nav {
  5861.    display: flex;
  5862.    flex-direction: row;
  5863.    flex-wrap: wrap;
  5864.    justify-content: center;
  5865.    margin: 40px 0 0;
  5866.    padding: 10px 0;
  5867.    border-top: solid 1px var(--color-theme-6);
  5868.    border-bottom: solid 1px var(--color-theme-6);
  5869. }
  5870. .ers-premium-footer .footer-nav > .footer-nav-item {
  5871.    list-style-type: none;
  5872.    margin: 5px 8px;
  5873. }
  5874. .ers-premium-footer .footer-nav > .footer-nav-item > a.link-style {
  5875.    color: var(--color-theme-6);
  5876. }
  5877. .ers-premium-footer .dropdown-menu {
  5878.    top: unset;
  5879.    left: unset;
  5880. }
  5881. .ers-premium-footer .footer-logo-wrapper {
  5882.    height: 125px;
  5883.    max-width: 100%;
  5884.    display: flex;
  5885.    align-items: center;
  5886.    justify-content: center;
  5887.    margin: 40px 0;
  5888. }
  5889. .ers-premium-footer .footer-logo {
  5890.    max-height: 100%;
  5891.    max-width: 100%;
  5892. }
  5893. .ers-premium-footer .social-icons-container {
  5894.    display: flex;
  5895.    justify-content: center;
  5896.    flex-direction: row;
  5897.    flex-wrap: wrap;
  5898.    max-width: 75%;
  5899.    margin: 40px auto;
  5900. }
  5901. .ers-premium-footer .social-icons-container > a {
  5902.    transition: 0.25s;
  5903.    padding: 10px;
  5904.    width: 45px;
  5905.    height: 45px;
  5906.    margin-bottom: 10px;
  5907.    border-radius: 33px;
  5908.    display: flex;
  5909.    border: solid 2px var(--color-theme-6);
  5910. }
  5911. .ers-premium-footer .social-icons-container > a:hover {
  5912.    filter: brightness(90%);
  5913. }
  5914. .ers-premium-footer .social-icons-container > a > svg,
  5915. .ers-premium-footer .social-icons-container > a > svg > path,
  5916. .ers-premium-footer .social-icons-container > a > svg > g > path {
  5917.    fill: var(--color-theme-6);
  5918. }
  5919. .ers-premium-footer .footer-phone {
  5920.    font-size: 32px;
  5921.    margin: 40px 0;
  5922.    display: flex;
  5923.    justify-content: center;
  5924.    color: var(--color-theme-6);
  5925. }
  5926. </style>
  5927. <div class="ers-premium-footer">
  5928.    <ul class="footer-nav">
  5929.        <li class="footer-nav-item"><a class="link-style" href="/">Home</a></li>
  5930.        <li class="footer-nav-item"><a class="link-style" href="/all_products/">Products</a></li>
  5931.        <li class="footer-nav-item"><a class="link-style" href="/category/">Categories</a></li>
  5932.        
  5933.            
  5934.                <li class="footer-nav-item">
  5935.                    <a noref="" class="dropdown-toggle link-style" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Our Company <span class="caret"></a>
  5936.                    <ul class="dropdown-menu">
  5937.                        
  5938.                            <li class="footer-nav-item"><a class="link-style" href="/employment_opportunities/">Employment</a></li>
  5939.                        
  5940.                            <li class="footer-nav-item"><a class="link-style" href="/about_us/">About Us</a></li>
  5941.                        
  5942.                            <li class="footer-nav-item"><a class="link-style" href="/contact_us/">Contact Us</a></li>
  5943.                        
  5944.                            <li class="footer-nav-item"><a class="link-style" href="/faq/">Frequently Asked Questions</a></li>
  5945.                        
  5946.                            <li class="footer-nav-item"><a class="link-style" href="/privacy_policy/">Privacy Policies</a></li>
  5947.                        
  5948.                            <li class="footer-nav-item"><a class="link-style" href="/Donations/">Donations</a></li>
  5949.                        
  5950.                            <li class="footer-nav-item"><a class="link-style" href="/Delivery_Areas/">Delivery Areas</a></li>
  5951.                        
  5952.                    </ul>
  5953.                </li>
  5954.            
  5955.        
  5956.    </ul>
  5957.    <div class="container">
  5958.        <div class="row">
  5959.            <div class="col-md-4">
  5960.                <a class="footer-phone link-style header-style" href="tel://305-985-0505">305-985-0505</a>
  5961.            </div>
  5962.            <div class="col-md-4">
  5963.                <a class="footer-logo-wrapper" href="/">
  5964.                    <img src='//files.sysers.com/cp/upload/omega/editor/Final-We-Rent-Fun-Final-(1).png' class='footer-logo' border='0' style='' />
  5965.                </a>
  5966.            </div>
  5967.            <div class="col-md-4">
  5968.                <div class="social-icons-container">
  5969.                    <a title="We Rent Fun Facebook" alt="Facebook" href="http://www.facebook.com/werentfun.net" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" fill="#FFFFFF" /></svg></a><a title="We Rent Fun YouTube" alt="YouTube" href="http://www.youtube.com/channel/UCAqszFtD4pczUizY11mbAaQ" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" fill="#FFFFFF" /></svg></a><a title="We Rent Fun Yelp" alt="Yelp" href="http://www.yelp.com/biz/we-rent-fun-doral-3?uid=xl0CRyDEiMOgmav2YDkKpg&utm_campaign=www_business_share_popup&utm_medium=copy_link&utm_source=(direct)" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z" fill="#FFFFFF" /></svg></a><a title="We Rent Fun LinkedIn" alt="LinkedIn" href="http://www.linkedin.com/company/65179148/admin/" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" fill="#FFFFFF" /></svg></a><a title="We Rent Fun Instagram" alt="Instagram" href="http://www.instagram.com/werentfun/" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="#FFFFFF" /></svg></a>
  5970.                </div>
  5971.            </div>
  5972.        </div>
  5973.    </div>
  5974. </div><!-- Compiled and minified js for bootstrap -->
  5975.                <script src="/cp/resources/template-common/bootstrap/js/bootstrap.min.js" noexpand="1"></script>
  5976.                <script src="//files.sysers.com/cp/upload/eventrentalsystems/design/bootstrap/js/main.js"></script>
  5977.        
  5978. <div style='text-align: center;' class='h4e51fe6f76a4ea47155379fbcb54c35e'>
  5979. <p style='display:none'>&nbsp;</p><span style='display:none'><div>&nbsp;</div></span><div id='h558153e978cbb3c26cb1190b625ca861' style='width:100%; text-align:center;'><span style=' color:#777777'>Powered by <a href='https://www.eventrentalsystems.com/?el=customer-site-omega' target='_blank'><span style='color:#444499; '>Event Rental Systems</span></a><br>&nbsp;</span></div>
  5980. </div>
  5981. <style>
  5982. #multidaybtn > tbody > tr > td > div {
  5983.    background-color: #5566aa !important;
  5984.    color: #ffffff !important;
  5985.    border: none !important;
  5986. }
  5987. </style>
  5988. <!-- Start of HubSpot Embed Code -->
  5989. <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8929441.js"></script>
  5990.  
  5991. <!-- jQuery --->
  5992. <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
  5993.  
  5994. <!-- Custom Scripts  -->
  5995. <script src="//files.sysers.com/cp/upload/omega/editor/full/main.js"></script>
  5996. <script src="https://www.thescienceoutlet.com/Client_Resources/ERS/swdrecentlyviewed.js"></script>
  5997. <script src="https://resources.swd-hosting.com/ers/mods/swdqvc.js"></script>
  5998.  
  5999.  
  6000. <!-- Owl Carousel  -->
  6001. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  6002. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  6003.  
  6004.  
  6005. <!-- fixing RVI div -->
  6006. <script>
  6007. if(window.location.pathname.includes('items')) {
  6008.    let checkResponsiveMode = false;
  6009.    if(check_responsive_page_mode_enabled() !== 'Store') {
  6010.        checkResponsiveMode = true;
  6011.    }
  6012.    if (checkResponsiveMode) {
  6013.        const mainEditorContainer = document.querySelector('#main_section_editor_container');
  6014.        const recentlyViewedContainer = document.querySelector('.rv-container');
  6015.        if(mainEditorContainer && recentlyViewedContainer) {
  6016.            mainEditorContainer.appendChild(recentlyViewedContainer);
  6017.        }
  6018.    }
  6019. }
  6020. </script>
  6021.  
  6022. <!-- Fixing Iframes -->
  6023. <!--script>
  6024. (() => {
  6025.    const allIframes = document.querySelectorAll('iframe');
  6026.    for(const iframe of allIframes) {
  6027.        if(iframe.hasAttribute('sandbox') && iframe.src.includes('youtube')) {
  6028.            iframe.removeAttribute('sandbox');
  6029.            iframe.replaceWith(iframe);
  6030.        }
  6031.    }
  6032. })();
  6033. </script-->
  6034.  
  6035. <script type="text/javascript">
  6036. let folderName = "omega";
  6037. let ersDefaultImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOoAAAC0CAQAAAAwGXhCAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AABq7SURBVHja7Z1JjCXJWcd/kZlvq7W7qnqrnp7xjMfYIFmWsMCWwLIQINqAOSAQRiBbQhgJCckyRtw4+oDtwwjJQoIDNmI7cWFsDxLIEjaWWQwHLGHsWXq6Z7qr1+ra35IZwSHj5cv1vVwi873qrq8PXe+9/CK+iH9+X3zfFxuc0Rmd0eKTyPfY3yFFb8VaEUtWd94iP40kT9SxPBwdCfWrOZ6eAerf4+C1Wy84P9b6QPtH7Kv2imXPu4GLRaqRWqQrD923ht91v+3+R//NtnuT35vy9FRQX0YuOx/qfmzpp1au9uwWTl7FfsqoCWAlLkNO3OM3j78++NvRt5z+TX4349lMlF7Gs1of7H56/efOrfawGxJ90am5PkirSaCQHLO3u/9y/6X+f7fVR1N5M0D9Cmqt9dvrn7mwvYT1FMM5XxDTSSA55OGN/c+N/sLq/0LqEwn6CgJ5sfvZrU9caDlPGaBNtrZKXYIR948f/Wn/s/buzyd+tdIY5JWlP9n+rUst+ymAVEX+NVdTtboUDpeXLn2q93m58dXErwlf9mvI873PX/n1DevJdIoW0aCWLXnJst43WB7+y8dHfx35PaapX+PIbn/qwm9uWPmKX3wyqR/zqim75A1745Pt3zmyXok8H1HHV7DwfnHrS1c3TzOmT5IuziaPt2/v/pr1TbgefBdDb7C59OmtzdOVX3iydXEWOWxt9/5gtBb+LgTqK9i0Pnr+J3oL7x49CSBiqGRFj7WfcX46bHIjmnpyvvfx9U6NvVRa8PnAWGfJ1UsflyVYW+5+or88GVdDoAqcH119/yJg+nQb1KIlKros/6Tz3smTAaiv8Czt6ytr8wpkmgKxzppMg5i3RIvlzdaHurwSfA7oe6ud93cbG0+b0kbzZq/ONpSTVdGl9cG7rfFnZ/KTc6n9YitnMcWFbYoWIcxovkSH9g/1trjjfwppqv1Me92k8T0zqHXKGrURAueytTX+LaSpYtPuiQpVzUsb1dSnFP6UlW6j/gzpE1R1a2O14CWbBE4vFVR6lkNuWlSDOtYBiQzpg9JgjuEUCCz9WRic+jcdy+YnYYvl8d9hGGe2rhkgFWXshUKikHgazFnyTuC19L/UKataZM0qqwoJMZmcmaqbi2ZQ0zknYMoCvBPYPa2vFjaW1uB6ZJ1eUpVyoq+WE/+5CSDN1KGQSDy8QmBmyaOQuAgENjZWAO38DGqRcqLfONMfNiWEOSPllzeB03wyzwd3DG210szJVYQKuEZVxDDZPA8XiVdzwkLiYmloizhSpqxQFTIEat2R6PgvD1eb2/pJ4eFpYO0MYBfDSYpTBVCbzd3kB3Ts11o6dJl8Ow5slNbFPKk439BbOBrYRYIxq4yFiExnlZwPUAGh8ETMSDFMsjtypt/sA2vjFDTFpnsvbxlO9SLqbqBkhDsF0DGYttbM2d0uCIM9TrV5OmGRJbOL1MCab6PZMhoKacqWqnAZTelqoce8fGBmlTF+MZQeR7N6wdfYVsYIO08Yo1ST92tGOI8RbkZZk4iyOJzZJYJFSwdL6bZBMiygr3X3k0r5a4G9X6l1NI18/XRyw1lEOgE42NrcptkI/xcn0yOus5/y8ZcEtQ4jHS5TZuroGFArd1llSCBoTQFWMkLm0tdmYIxSblCbnCL2zW4a2TjYKV1ZT8g/AdZLedZF4SS2OMwDxDhlgjqveX6V6etaOIFuNJe3EbSQWKkBlYdCVhzBqk6Vp1Es92vS+y1TkmKYanaF1tH5zIr4sa+Xkpr0p/mKbcauvwVGvd+qL0TWSGplhhF1SzQpw/eyk/qqcGEqrHXo4nSqBKrplXnDlJF0oqNNSZQdEztYuCnjqz+6WjP4m2tBIVBNT3OFSaY6R4JWjVpQvBSLFlaKNfGg5IkYpl6BAnFqU1PE6ZDaKdHgvPM2/qqRpBnOD2vjY+p8HKV0SB1aOnXXnCT5+G0EXsIMZ8HavGu3AI5SNqRl10vUHyv6szXZsJbPdZuguTtKaZAKbFqNrjcozi9wSIe1mJ9exzrrOThKKvK3mwKpM3N0mm/eZsydBauTg7dOmRtaIppVkpcT0nmDmDUQOJDIDfsT6tVrLr9cr6aMUr5SZCI4mEA67xxq3oVzTiJyVXilZ3errH8Oy2SAyrozyRyvXToVOL+Q3w9xoqV5uUbWukxxaVCra0LSQbILBPB1GdQyNVuo2OspESlZsPK11rTu13TQn4zzZnm8TRnU4jX7ACZhtSrUWqW1GaDWnbdJjqZWQkvnZ1DLBDjxNInCI/cZ2RXkTeMzmFHKb1xUIs0mKq+qNWtQi3MLrMTIKqdMRJSXNb2dBh2lcsYluZLASjFVddVe9Nm8vOkjqzWTz3w7G00+jLcPejNNr+nam9kfb5E2sjYprU8zkg/Vdqul88f1VGRAWr325jlFTGaFzLWY1GwQNyP5UGZH93R+mRLIWLm5TXdMNc60ZTci0QZlbObGwLaLerpjHL+p4HPZ49wXAcQkWaU5zclZAtSqFr/8GaVNw1iOK7nesdiRBWWkjNqCHKCepnixKufpeG0KHQ9gYuXD6QKxafib4TKQ0D+DcZGkhMbH1NMBRRXOeWl+wYzS6QKxefib0+BSIU2ek8LqEXc+nKdLF/OTU7WQJx/ExXaKfJ7CIY0JUefDufggNhLSmKt4PkZ88WGsnnqdTU6S/UwX589VDfjE2YTNzEo+uSAuwuvS2Hzq6UjaLzaXoVmaM100xdVku4zlfidTadMESf7aTGPHs5xPJvSVQ5rpAiiOkfQyptckJwh6RuoTqYd9iMRro4ABLp1CTQ2/otV6xDRHOp/KdpSqCuByg7tIzvFiCLoxn+QN7mBxjWcqb851ucduysrhLkussRT59j43GLLOi3QL13XIIUuslu4RU1zGFnMXrVxwl5soBPeweHdMWwWH3GYEvM0F0m5+LFLfDq9lnobW4QpXg4a5vMURgodscDWoI09dgsf8H306vMhmqR4py1N1Djuy+qLcJVdKc0r2tXUX3OdeQhuHeuOQy6hifZLHyJRDJv3PfW7wRkiLBdFzfvPWpXjICdDnQegGjby9UbxVRbniHJO+KDWmqozPk470uMk6y7HRTYX+qrIBQQU12Wzg6I4ccMxQN+4Oq1xGATbXUAw5z0aOOqNPjIL/VYENIfnBL0pGF56VWV52xE3ehV2z89DiBW3KFR4n3OQBAJK7bOkBYIM1PFqpS8Km15VurBd1JJ1QrKUTx7+4CYk+KbjL/UINkPpwx6Ie51hGm1We1xALjukHJTl0QqccRds1MV7xeuPfRLnSZUmXLc1EjuuI260qpntMGVNvJta/edxkjaWM0Cf87YA9DjhBYbHECuu0p9aVVauiyyrHALgM9bcnvM2ATS5GulQw4IADTvAQdFlhPeIdS0aBkZf09QlKAH1u02eDixGNkNxllx7bgeyP2cFim1VOuMchglXOsxziGbDPESdILHqssEa+WzFnoVPwXpp8YPs7wARH3OLFYF1vOiguO+xwHPJlLVbY5kIp0z3ZFaqCu95ucQfYox0aVSUPeJvjkBdg0eUSl3WHeNzkIUPt9h3wXeAc76AFvM1tYI8Wm6F4djdwzt6hAbvBIQrJs7zGHgCP2OE5trQE99jhJNHuDQNLvyPmN624Ml7ZEuMLAmeZ4BGv8jqHIaMrUOzzA97IOBx2uoReoJ+WhtflABC4HAU8klv8gIPQTheB4pgbvKZdrWPuhjpcMqDPXQ5AlyNwOYz0x6G+XuxQb2EccILA4oA32A889T47eIDHm7zBkTbJljbD+7zKncTgV/zVNnbmQ5jP5hqHHCNwucVaalTqd9ab3MV/mdqs0mLIASMEktu0eHYKkEkSwGP2dQe1Gd/aLENc/jc7vKUBdViljccBAwRwnxbPA216sZdKsEQnUrdMlWh8R/H4eI8hQ/yzvv2zIfzRfYcdFALBBhu06POQfQQet2gHKpG/x8ftTwG1HIRpvy5zjVeRCA65xYspp60oBLvs6M/neJ4VLDwOeJ0DQHGbc6zNqEsF57tIhjzW6Q2ANVqkTSUKjnhba1WP5zmHheKYmzwE4D4XWKXNuzhgR78iS1zBYXlKyiS+LSra3k2u0mLAAYotLA7Z0S/VZa5pCDZ4g0eAyx3WU2HJr245QS2uvxfZ1QmIu5zjQkoJknu4CKDLC6yiUFic4wW+xwAYcC8zQTemEd/TI4hkFEpq9LiSuUfnkfaLbZ5jQ2vWMs8zYg8ROFhLLLHHPqDocCm1tNmuG0CXZ1lC0dGvqOQhAwSKZa7oKBs6bLOPi+CIAy1X2V1/qSHN+O+iY2n4b5tr+s12uRkKLyY05EA/u8ly4NZI1jivy9oLYMoiyREHHHDAkX5WoejxAisZIIx4rDV4PajH95ufYwmbc5ozGmZMrtjN60xOSl6jG+H22Ne/+v72eLxd0pGCx2FgxPP1+9SQpvhiFjXllxWe4TUUgkPe4p0xMeBEe5cWa5F3UrDGDiAYMqCdkgLIihItBF3OcSkUOES5FK5+wQRrEf9ascYPM6SXWmPRtk9IsBzTOFeP3wLJbmo5oxlDziwqOKYWg/wiuzzQJvh8oozxUR5WIirtYCHxz0ObrhsOF0NNaNOlR3uK2RLBsXkiUqv/fI9ewaB/NoXr8cfayWFa97gXK8+3Z1UvW6hpNaHfNQ7XOGQAjLjFVsKdmER5UZM1zuXM7mCH7Zj7MsvaTHxWkSi/SIY376/Rc1ui42Qaj0WP8zNrS69p0isx0apkNpNpslW2uYFCsB8JEZSOzsYmMZ6Q8Ls+67KSKIj5L94MJ+pUShzsckyHTirnLJPsxZ6Nv6ATmlwCuMV6orwWS6EBYHafp1HpkCavZ3aZPR4iUKHg3290GxsJSI5DxhnQQbl/XNbs12z6ETRROBQtWox0siE+J3ODhyzxztjsUhZ5kXLzpUp8F7LFEIGix8UURZjGm49yX1kWz3Hk9cwcnsl497va21PsRrpkGPin+d7ZcGJ+mr/u64cTrMnYox/hu8d9JAfs5uyRfnDVn2CoM855+m4iwb72GSb/dvk+rzNI5ctvQzNDmrIFRrl9r/JK6lhl6zynYI+dwIh63NYhv8VmjqME4uHHLJkszulaj7mtr5YXwC53gPHhzOi/xzJNtH2cfhQccai5Xe5wEmnjNHkszusbXg90wmPMc5/XecR9nXwpMjs2ZY1S8ZAm3/OX2WM31miFYIsH7COQ3OSETVoMecCDII6MTmtHX7g8EqQNEorzrOrX5i5Dtujiscc9hvhpi7WgfL9zBCc8YJkBsEqLJa3LLm+yTZch90ParUg/jyUswTrr7CKQ3EJyHgfFgPvcx0PgpFq2In3eyAapFs8EyYGwq9LhOX5AH4HHDvcQKJ3AUyzxrE70pVFWp6WNUPFn21zjVZ3Techu6KQyhcPVIGcs6Gpelze0D7vNs5zjnh4ujngVC4WHxXJijM6Wz+EqA44RjHiTu7RR9HUmS3AxMaZXmqVJFyO/GR6/Ye0E3zpXgzClFaTGFOu8K8jvSjyk1q113slqZm2Wrskvi6nSWcEc5WSuco0XWGasyV5weXWXd4SS6Yr1YDZY6TtVXSQrXA5NJ7p42GwH7Ruf8zs+mM/GTsinWOZ53W7FMY/ZY6DH222uRFZTVZ6lKWeAx50j2OIxx3Rj09E+XcFjB5cWlwPwffjezQMe0WeEP6L12GCTToZP69d0gQNOaHN55qyrzUVOcFlnPRT8nKfHAx4z0PbDocM6m6HFpQpBm+e4wxEu/rVHK1wCBFfocI8TPPwQ5CLnkZznEQ4bWqd7bHEfwVag+VFa5UUesUtfJ2FsWqywyUqBYzsLgJoXyPgnxQrvoU8ndbm2xTU2GdKKrYVQtNnmEgM9k9mmHTudO62mVd7DCe3YCt906TZZYsRSZFWBosNVLjNkiALatLXOR8tYY5kBIxQWbTqBFm5xjj4ughYdbBQWz3EBO2idxTNsIFjKOKJP0eISWwz11b8ObZwZB4WVWniWL5s5jbr0Qk/HuZa10UuSrX/Lbys6dKfUFCaRUavCphe8gFlmzg7yyNEEi81KjNNhPVKPHZo4zIqkLd1j6S0vO7edeYhzuWkfVfhNG9dUJmjK/2x6m/IGQnlbE7cuRc1oWRDjvJlnPlS16/m5nsSa6uWaxVdwTC2nvU01d/HhqAfEONWwP7W86W6mptMAYjVTXPnInTSuM4M6X77Uw7EWp7mLD8cigBinWu+lacqgNjlMNClh2foyQZ2XXtVpK8rGgSa4muyRSmPqmRmeJ182ZwMhTXNcT65BLVZnLUfuzI/rSTKo5WusPEleturFf10WyaAWo5KzNM2aq+IcZQ1qs3zVeiW+4HZCte2lmS9XlSlEU3zpV3CbStoXmE8t3ri8PCK2ije84sB0XYvAZ9EOwaqQeua2flkrpwmLvdlW7BsvN3fZRjZvUMfrm5xI1+Zpa9W77SbUYEjj6XU7Y7L0jhmzdc3bEI/bFu3Y5CXA1eqc/nQtszTpJPGmgnpa5kFm8wmc2FDjVhhqiktrJKTJyxU/UMdO3Hicp6amPc0y46kTK8EtXIrBqbd6w3CJF6nQwpmxFzOttrpD96oaFdfTyYavOusNU8MhjResi/XJxku4EItoUItw2qXGU5NSG52lmc0lcSNLNQUOsrAJNtExZds3y/hbtGN6Oopsc6xCpZaIFq+2+EjhxeJVS29orKc+85yzynFim7q83MbXnMyNhDRhPl9XJybY11VvJl8z3VGV1460DVRET5uSuvGLERQuduRttnCCo6QWQRfL81p6d8GEvMqHcpSR3FBIU8wndUNb5MF3LfJ4waY6pB49FnrrRvjZUcz01ucchSkkhcjNVEU8BbihvWh+zS3UzDOTFg3EOLViphdGJV5VE5IbvRghL5diFOzI9il9ZF10GMNkJ7xel0EJF8lErGrwYoQifDLFBLcqBDfzcozG3MnRVDHM5SKZADFehoHF3OXEiptg9Kkl9a4mrMqbNXPaibVFMcwYTqqDOLuEEou5zXSoYhg5NMMfWcmEdbFgDJOgE5k7Bd/0Vvfny7agposR8nBKhrHJuLHDVMULryZvcW4R2ow8Jo9+wblisy1IBbUpB8VjGOsQQTuAtakuqMKdBqlikPuoLBPyJ8sofTxAVYF8vhFWLBAQdBAzx9b5wRjm9iGNr+cYBke+1yfD9FLmfCe5P7JGnQz/3M0orPMEMYtf0E3R0hH9WuZkipQyE9S6TbFkACmwilJRXlWZ8/NbdBPuEYzoB2cymSBjyYemk+jpsLYgN6zNJN/CZKd4vDCkX3A0Nd8WKLk/1YQAYV4vQ1stBqFzAU02vZpz5CTiUvC1tDikplY7hGlB7iRPgxUcLH3S0TxBjJbhn6eUPAhzxEkuSE2CWGqFfpOxYjqslvaFi0Z9ZtbQJkuwU0dSNVVL64Ixmwyd+VBdeKXPvo3PdAg62Axnxq5qxufqLfBPN3NSIT0xtmSleisqxanmwwyPPiRg9c2wzSh2YHt1KraWtp2Yh/HLGEYgbU6iabI2VGE+gyjpI1M6z6KDw7DQ4hBzbbCCswuT8g6CIKZJiaZTbWNqkj9/3OrRTvEubbo4jBKrCepsgX+0bCvFeoDv7zab0sxXorHlLOZeAX8mUqV0pKCFQ2sKsGZDfos2rcTS7ImUeUKYJkCMU6UxtZqHOY3f4wQvkVeFJLD1jK0iOKQ2/ZRrST8jNVKHOS1aZqUbpKqm/6dPzA3wUr3NMbBtXEbBjROmukkgsGljp9bs8470GcBle6G8dPmowTG1OPcIjxad2MIXn/wdoG08Rrj6grxqkgiEHkGt1Br9cjwGJeLmOvspSQbjVDMhf5TfP7e+E9wHHidLrxqWuHhaa4tqrtBwOlPhBH9av5+RuKzSStNUKfebFM/8Dhz/6gH/UPN0YAU2Ng7+9dX+BQbTL0Xy76UZg2nhYAf302SRxGVQyPOu3i9Fyi6wQr8O4cq8OENcWpmeKIzvVLM1kD7AMgBWRZ7ywZwAKWbUL3EZMmw0lKpSdk23MppvoIdkSEtfH5BNE5DiFx3En8pHklFweUH9rTRTtsH5VPNNjJt2xYARLVrYsX2uWZQfvLTaPdzMmHiRQIxT5TVK5hqYP+M0xMbBSWwbNEcebhAwmWxjlZbnp1JXbZoTouxL5OJiYeNg40z1WIuWLHH1v+qzuKbbnZdqPcS53sZ4eAyxsAN4/bsOy0nlvyi+72w2CjXd7tlk8MSzepuSVZa//8YPTSytt2PNnX0ZtULqMMhDhnbJLlLLi9dTOU6tqznFEhlKHwgi9LXYQmuw0J7y5CZI8F8EGYpnTYDZDIzFVz7Muviz9sZUT2T4EPkUjkCjoEZjVxOy1ke56wldzh4G9SR2dErNTak7EW62/IUDMc7nTS59D4GqHqqTNFDnY1Dr7IBFKN14LSfq/tgehTX1Lbmn1sx2vHndOa1hRr01KdQOD8afQhk3dVe+Vs1lUIl/BoQ1XGJ22XVRnW2Y1CG/L9NAXTqQ/1lsDmKSPDclbL3NbwbE5uqJ1PjtVrB1PQD1On3kP3r7RQQ2ZVCbAfHJgjFK8qH6huS6/hSZ8FDf8b4T11XzHXP6DWqTNeUhifdN/mfyOQKqvev9pTswL+7pB3H+ujiNvCP1ZXF0PfgcAvU6CvUPo3+tsjQ5rQPqg7FOWixdnEYS75/UP4e/ic03i4fypdHDok04M6jzI4V7W31BRHyhCKjXAe+r7hfdmdMUpx/ExTao+cnte1+Q34Lroe9imnod25MvDf/KjdngM4O6mOR63p+rP7Pk9ci3KQn8V1BX7Jdav+JYOUsuRKc5b7No5Lrul+UfikfXY9+nrAf5DcSh/Ibc4L2WXX1FgfmM77S6nh5SuMfeF+Ufid3rid8yUPsarIlPOr/vbJdZBXQGYt0kcW94n1Nf4uQjKb9mquLXUJb4oPUZ52ft1enAnhnUZkni7XpfkS+p/xLqI6lPTLGv7+OPkcvWh8XH7A9bVy3bXwF0BuG8SKGQnnxTfl39jfoW/RG/lPHkjEHzqwBt8YL4cfEB8R5xVazWtirzjKaQ8thXt9T/qn9T/65uCPeEX57ydE5P6GWwrGVWxDKdeTfwqaQ+R+pAHQv18/OW5IzO6IwM0f8DVh9gmJ/EwkgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTItMDEtMjNUMjA6Mjc6MDctMDc6MDCryLEdAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEyLTAxLTIzVDIwOjI3OjA3LTA3OjAw2pUJoQAAAEZ0RVh0c29mdHdhcmUASW1hZ2VNYWdpY2sgNi43LjMtMiAyMDExLTEwLTEzIFExNiBodHRwOi8vd3d3LmltYWdlbWFnaWNrLm9yZ5YF8dgAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAYdEVYdFRodW1iOjpJbWFnZTo6aGVpZ2h0ADQ4MP7e4AMAAAAXdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgANjIzQhDe0AAAABl0RVh0VGh1bWI6Ok1pbWV0eXBlAGltYWdlL3BuZz+yVk4AAAAXdEVYdFRodW1iOjpNVGltZQAxMzI3Mzc1NjI3ZK/WwAAAABN0RVh0VGh1bWI6OlNpemUAMjEuNEtCQue7lNYAAABBdEVYdFRodW1iOjpVUkkAZmlsZTovLy9lcnMyLWxvY2FsL2NwL3VwbG9hZC9pdGVtcy9mdWxsL25vX3BpY3R1cmUucG5nKepFlgAAAABJRU5ErkJggg==";
  6038. </script>
  6039.                        <script>const mergeFields = {"folderName":"omega","enableTravelFeeByMile":false,"allowOtherCityOrders":false,"enableCheckoutAutocomplete":true,"enableCustomerSave":true,"enableDeliveryArea":true,"enableSuggestedItems":false,"enableQuickView":false,"show_floating_cart":true}</script>
  6040.                        <script src='https://premium-websections.ourers.com/view/assets/allScripts.js'></script>
  6041.                    
  6042. <!-- Start Engagement Widget Script -->
  6043. <script>
  6044.    window.engagementContextExtra = {
  6045.        // Add your custom data here
  6046.    };
  6047.    (function (w, i, d, g, e, t) {
  6048.        const s = w.createElement(i);
  6049.        d.forEach(([k, v]) => s.setAttribute(k, v));
  6050.        w.body.appendChild(s);
  6051.    })(
  6052.        document,
  6053.        'script',
  6054.        [['async', 1],
  6055.            ['crossorigin', 1],
  6056.            ['type', 'module'],
  6057.            ['id', 'engagementWidget'],
  6058.            ['src', 'https://cdn.chatwidgets.net/widget/livechat/bundle.js'],
  6059.            ['data-env', 'portal-api'],
  6060.            ['data-instance', 'ZaCc9jOzwNVjgF0t'],
  6061.            ['data-container', '#engagement-widget-container']]
  6062.    );
  6063. </script>
  6064. <!-- End Engagement Widget Script -->
  6065. </body></html><script type='text/javascript'>
  6066.            SI_designator = '20240418-162106-1713478866-hb1lku00s81jn94pur0gb6ti30';
  6067.        </script>
  6068.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda