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.interiordoorandcloset.com

  1. <!doctype html>
  2. <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US"  >
  3.  <head>
  4.    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1">
  6.    <!-- This is Squarespace. --><!-- new-idcoc -->
  7. <base href="">
  8. <meta charset="utf-8" />
  9. <title>Interior Door &amp; Closet Company: Your Source for Premium Doors</title>
  10. <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" media="(prefers-color-scheme: light)" href="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/8a0ec64d-b029-4e69-af36-a855a8b690b2/favicon.ico?format=100w"/>
  11. <link rel="icon" type="image/x-icon" media="(prefers-color-scheme: dark)" href="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/8dd58140-cec0-4b5c-b02a-234b293a123e/favicon.ico?format=100w"/>
  12. <link rel="canonical" href="https://www.interiordoorandcloset.com"/>
  13. <meta property="og:site_name" content="New Interior Door &amp; Closet Company"/>
  14. <meta property="og:title" content="Interior Door &amp; Closet Company: Your Source for Premium Doors"/>
  15. <meta property="og:url" content="https://www.interiordoorandcloset.com"/>
  16. <meta property="og:type" content="website"/>
  17. <meta property="og:description" content="Explore premium interior and sliding closet door installation at Interior Door &amp; Closet Company. As a closet door installer, we elevate your home with luxe doors."/>
  18. <meta property="og:image" content="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w"/>
  19. <meta property="og:image:width" content="1500"/>
  20. <meta property="og:image:height" content="714"/>
  21. <meta itemprop="name" content="Interior Door &amp; Closet Company: Your Source for Premium Doors"/>
  22. <meta itemprop="url" content="https://www.interiordoorandcloset.com"/>
  23. <meta itemprop="description" content="Explore premium interior and sliding closet door installation at Interior Door &amp; Closet Company. As a closet door installer, we elevate your home with luxe doors."/>
  24. <meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w"/>
  25. <link rel="image_src" href="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w" />
  26. <meta itemprop="image" content="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w"/>
  27. <meta name="twitter:title" content="Interior Door &amp; Closet Company: Your Source for Premium Doors"/>
  28. <meta name="twitter:image" content="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w"/>
  29. <meta name="twitter:url" content="https://www.interiordoorandcloset.com"/>
  30. <meta name="twitter:card" content="summary"/>
  31. <meta name="twitter:description" content="Explore premium interior and sliding closet door installation at Interior Door &amp; Closet Company. As a closet door installer, we elevate your home with luxe doors."/>
  32. <meta name="description" content="Explore premium interior and sliding closet door installation at Interior
  33. Door &amp; Closet Company. As a closet door installer, we elevate your home
  34. with luxe doors." />
  35. <link rel="preconnect" href="https://images.squarespace-cdn.com">
  36. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  37. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700"><script type="text/javascript" crossorigin="anonymous" defer="true" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
  38. <script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
  39. <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
  40. <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-7bf660d88c41919b-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script>
  41. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-7bf660d88c41919b-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f2a1f6ec9a41489-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script>
  42. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f2a1f6ec9a41489-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-c5175d8ac6fd7505-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script>
  43. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-c5175d8ac6fd7505-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-fbd854d40b0804b7-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script>
  44. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-fbd854d40b0804b7-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-064f6d2792a6e103-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
  45. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-064f6d2792a6e103-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-2c4afa8634b509e9-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
  46. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-2c4afa8634b509e9-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/user-account-core-7bbab65d6fe82b72-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-user_account_core');</script>
  47. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/user-account-core-7bbab65d6fe82b72-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].css = ["//assets.squarespace.com/universal/styles-compressed/user-account-core-e83df9d2d6f1f458-min.en-US.css"]; })(SQUARESPACE_ROLLUPS, 'squarespace-user_account_core');</script>
  48. <link rel="stylesheet" type="text/css" href="//assets.squarespace.com/universal/styles-compressed/user-account-core-e83df9d2d6f1f458-min.en-US.css"><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-8ae183c38ee3dcc4-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
  49. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-8ae183c38ee3dcc4-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["new_stacked_index","override_block_styles","member_areas_feature","campaigns_import_discounts","campaigns_discount_section_in_automations","contacts_and_campaigns_redesign","i18n_beta_website_locales","campaigns_new_image_layout_picker","campaigns_thumbnail_layout","campaigns_discount_section_in_blasts","campaigns_merch_state","marketing_automations","marketing_landing_page","scripts_defer","supports_versioned_template_assets","nested_categories","enable_form_submission_trigger"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-47f2b5ad20b5a1f8-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-b05f5197a871c566-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-8ff7d9e5bbaa61c6-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-d311389abad5cb4e-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-968cdc0f3cef83d5-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-96b256171ee039c1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-9dceb144c7651c6b-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-3c0201f524dedf70-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-63c9c746fd817266-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-3548b2c6ee1a27f3-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-85b16131c712c6c9-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-f9093f2d526b94df-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-48d02668ca8a862e-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-2bc817af34c081b9-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-cc6c86a875e95a49-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-e8dfd92d01326da5-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-576f85f760af6e95-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-48fa25f53a8051bf-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-6a1b72510147fc54-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b742b752f5880972-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-9028421b4e1ff9e0-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-9052fb446c5800ee-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-db5d584201fec26d-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-18f8dd35f59f518d-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-de04c98879eafaa3-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-90a67fc09b9b32c6-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-e5f1372318aea976-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-151ffba8baf13bd7-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-701bf8bbc05ec6aa-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-8213887e30899090-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-95032e5fa98e47a5-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-ec53e1f9f187c498-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-1e51660fbb6b71ba-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-07ea5a4e004e6710-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-5f4642c4f6c295de-min.en-US.js"}},"pageType":2,"website":{"id":"6808910f9ad6d047ac5c845e","identifier":"new-idcoc","websiteType":4,"contentModifiedOn":1757320133534,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","translationLocale":"en-US","timeZone":"America/Los_Angeles","machineTimeZoneOffset":-25200000,"timeZoneOffset":-25200000,"timeZoneAbbr":"PDT","siteTitle":"New Interior Door & Closet Company","fullSiteTitle":"Interior Door & Closet Company: Your Source for Premium Doors","location":{},"logoImageId":"6879309ee969e3204eb3c363","mobileLogoImageId":"681144da8989f309da80d25d","shareButtonOptions":{"8":true,"2":true,"6":true,"7":true,"4":true,"1":true,"3":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg","mobileLogoImageUrl":"//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png","authenticUrl":"https://www.interiordoorandcloset.com","internalUrl":"https://new-idcoc.squarespace.com","baseUrl":"https://www.interiordoorandcloset.com","primaryDomain":"www.interiordoorandcloset.com","sslSetting":3,"isHstsEnabled":true,"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"07d61b53ebb069a4e66662196e0ab39f323a30e56f642f7dadcc3522e4e01bcb","captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"680891109ad6d047ac5c8461","websiteId":"6808910f9ad6d047ac5c845e","subjects":[],"country":"US","state":"CA","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":2,"text":"<p data-rte-preserve-empty=\"true\" style=\"white-space:pre-wrap;\">We service Orange County, CA</p>"},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"businessHours":{},"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"PHP","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":true,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false},"minimumOrderSubtotalEnabled":false,"minimumOrderSubtotal":{"currency":"PHP","value":"0.00"},"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"userAccountsSettings":{"loginAllowed":true,"signupAllowed":true}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":"","cookieBannerSavedPreferencesText":"","cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"Home","id":"680891619ad6d047ac5c9389","fullUrl":"/","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"125px","header-mobile-logo-max-height":"80px","header-vert-padding":"0.0vw","header-width":"Full","maxPageWidth":"1200px","mobile-header-vert-padding":"6vw","pagePadding":"0vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"6%","tweak-blog-alternating-side-by-side-meta-spacing":"20px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"20px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"3","tweak-blog-basic-grid-image-aspect-ratio":"3:2 Standard","tweak-blog-basic-grid-image-spacing":"30px","tweak-blog-basic-grid-meta-spacing":"10px","tweak-blog-basic-grid-primary-meta":"Date","tweak-blog-basic-grid-read-more-spacing":"20px","tweak-blog-basic-grid-secondary-meta":"Categories","tweak-blog-item-custom-width":"75","tweak-blog-item-show-author-profile":"false","tweak-blog-item-width":"Medium","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"30px","tweak-blog-masonry-image-spacing":"20px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"20px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"30px","tweak-blog-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"20px","tweak-blog-side-by-side-secondary-meta":"Date","tweak-blog-single-column-image-spacing":"50px","tweak-blog-single-column-meta-spacing":"0px","tweak-blog-single-column-primary-meta":"Date","tweak-blog-single-column-read-more-spacing":"0px","tweak-blog-single-column-secondary-meta":"Categories","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"true","tweak-fixed-header-style":"Scroll Back","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"0.6s","tweak-global-animations-animation-duration":"0.65s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Fast","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Bullet","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"50","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Fast","tweak-portfolio-hover-static-animation-type":"Fade","tweak-portfolio-hover-static-delimiter":"Hyphen","tweak-portfolio-hover-static-front":"true","tweak-portfolio-hover-static-layout":"Inline","tweak-portfolio-hover-static-size":"50","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full","tweak-product-basic-item-click-action":"None","tweak-product-basic-item-gallery-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-product-basic-item-gallery-design":"Slideshow","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"None","tweak-product-basic-item-image-spacing":"2vw","tweak-product-basic-item-image-zoom-factor":"2","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"2","tweak-products-gutter-column":"2vw","tweak-products-gutter-row":"2vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"2:3 Standard (Vertical)","tweak-products-image-text-spacing":"0.5vw","tweak-products-mobile-columns":"1","tweak-products-text-alignment":"Left","tweak-products-width":"Full","tweak-transparent-header":"false"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[-480,"US","P%sT",null]],"rules":{"US":[[1967,2006,null,"Oct","lastSun","2:00","0","S"],[1987,2006,null,"Apr","Sun>=1","2:00","1:00","D"],[2007,"max",null,"Mar","Sun>=8","2:00","1:00","D"],[2007,"max",null,"Nov","Sun>=1","2:00","0","S"]]}},"showAnnouncementBar":true,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"America/Los_Angeles","name":"Pacific Time"}},"env":"PRODUCTION","visitorFormContext":{"formFieldFormats":{"initialAddressFormat":{"id":0,"type":"ADDRESS","country":"US","labelLocale":"en","fields":[{"type":"FIELD","label":"Address Line 1","identifier":"Line1","length":0,"required":true,"metadata":{"autocomplete":"address-line1"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"Address Line 2","identifier":"Line2","length":0,"required":false,"metadata":{"autocomplete":"address-line2"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"City","identifier":"City","length":0,"required":true,"metadata":{"autocomplete":"address-level2"}},{"type":"SEPARATOR","label":",","identifier":"Comma","length":0,"required":false,"metadata":{}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"State","identifier":"State","length":0,"required":true,"metadata":{"autocomplete":"address-level1"}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"ZIP Code","identifier":"Zip","length":0,"required":true,"metadata":{"autocomplete":"postal-code"}}]},"countries":[{"name":"Afghanistan","code":"AF","phoneCode":"+93"},{"name":"\u00C5land Islands","code":"AX","phoneCode":"+358"},{"name":"Albania","code":"AL","phoneCode":"+355"},{"name":"Algeria","code":"DZ","phoneCode":"+213"},{"name":"American Samoa","code":"AS","phoneCode":"+1"},{"name":"Andorra","code":"AD","phoneCode":"+376"},{"name":"Angola","code":"AO","phoneCode":"+244"},{"name":"Anguilla","code":"AI","phoneCode":"+1"},{"name":"Antigua & Barbuda","code":"AG","phoneCode":"+1"},{"name":"Argentina","code":"AR","phoneCode":"+54"},{"name":"Armenia","code":"AM","phoneCode":"+374"},{"name":"Aruba","code":"AW","phoneCode":"+297"},{"name":"Ascension Island","code":"AC","phoneCode":"+247"},{"name":"Australia","code":"AU","phoneCode":"+61"},{"name":"Austria","code":"AT","phoneCode":"+43"},{"name":"Azerbaijan","code":"AZ","phoneCode":"+994"},{"name":"Bahamas","code":"BS","phoneCode":"+1"},{"name":"Bahrain","code":"BH","phoneCode":"+973"},{"name":"Bangladesh","code":"BD","phoneCode":"+880"},{"name":"Barbados","code":"BB","phoneCode":"+1"},{"name":"Belarus","code":"BY","phoneCode":"+375"},{"name":"Belgium","code":"BE","phoneCode":"+32"},{"name":"Belize","code":"BZ","phoneCode":"+501"},{"name":"Benin","code":"BJ","phoneCode":"+229"},{"name":"Bermuda","code":"BM","phoneCode":"+1"},{"name":"Bhutan","code":"BT","phoneCode":"+975"},{"name":"Bolivia","code":"BO","phoneCode":"+591"},{"name":"Bosnia & Herzegovina","code":"BA","phoneCode":"+387"},{"name":"Botswana","code":"BW","phoneCode":"+267"},{"name":"Brazil","code":"BR","phoneCode":"+55"},{"name":"British Indian Ocean Territory","code":"IO","phoneCode":"+246"},{"name":"British Virgin Islands","code":"VG","phoneCode":"+1"},{"name":"Brunei","code":"BN","phoneCode":"+673"},{"name":"Bulgaria","code":"BG","phoneCode":"+359"},{"name":"Burkina Faso","code":"BF","phoneCode":"+226"},{"name":"Burundi","code":"BI","phoneCode":"+257"},{"name":"Cambodia","code":"KH","phoneCode":"+855"},{"name":"Cameroon","code":"CM","phoneCode":"+237"},{"name":"Canada","code":"CA","phoneCode":"+1"},{"name":"Cape Verde","code":"CV","phoneCode":"+238"},{"name":"Caribbean Netherlands","code":"BQ","phoneCode":"+599"},{"name":"Cayman Islands","code":"KY","phoneCode":"+1"},{"name":"Central African Republic","code":"CF","phoneCode":"+236"},{"name":"Chad","code":"TD","phoneCode":"+235"},{"name":"Chile","code":"CL","phoneCode":"+56"},{"name":"China","code":"CN","phoneCode":"+86"},{"name":"Christmas Island","code":"CX","phoneCode":"+61"},{"name":"Cocos (Keeling) Islands","code":"CC","phoneCode":"+61"},{"name":"Colombia","code":"CO","phoneCode":"+57"},{"name":"Comoros","code":"KM","phoneCode":"+269"},{"name":"Congo - Brazzaville","code":"CG","phoneCode":"+242"},{"name":"Congo - Kinshasa","code":"CD","phoneCode":"+243"},{"name":"Cook Islands","code":"CK","phoneCode":"+682"},{"name":"Costa Rica","code":"CR","phoneCode":"+506"},{"name":"C\u00F4te d\u2019Ivoire","code":"CI","phoneCode":"+225"},{"name":"Croatia","code":"HR","phoneCode":"+385"},{"name":"Cuba","code":"CU","phoneCode":"+53"},{"name":"Cura\u00E7ao","code":"CW","phoneCode":"+599"},{"name":"Cyprus","code":"CY","phoneCode":"+357"},{"name":"Czechia","code":"CZ","phoneCode":"+420"},{"name":"Denmark","code":"DK","phoneCode":"+45"},{"name":"Djibouti","code":"DJ","phoneCode":"+253"},{"name":"Dominica","code":"DM","phoneCode":"+1"},{"name":"Dominican Republic","code":"DO","phoneCode":"+1"},{"name":"Ecuador","code":"EC","phoneCode":"+593"},{"name":"Egypt","code":"EG","phoneCode":"+20"},{"name":"El Salvador","code":"SV","phoneCode":"+503"},{"name":"Equatorial Guinea","code":"GQ","phoneCode":"+240"},{"name":"Eritrea","code":"ER","phoneCode":"+291"},{"name":"Estonia","code":"EE","phoneCode":"+372"},{"name":"Eswatini","code":"SZ","phoneCode":"+268"},{"name":"Ethiopia","code":"ET","phoneCode":"+251"},{"name":"Falkland Islands","code":"FK","phoneCode":"+500"},{"name":"Faroe Islands","code":"FO","phoneCode":"+298"},{"name":"Fiji","code":"FJ","phoneCode":"+679"},{"name":"Finland","code":"FI","phoneCode":"+358"},{"name":"France","code":"FR","phoneCode":"+33"},{"name":"French Guiana","code":"GF","phoneCode":"+594"},{"name":"French Polynesia","code":"PF","phoneCode":"+689"},{"name":"Gabon","code":"GA","phoneCode":"+241"},{"name":"Gambia","code":"GM","phoneCode":"+220"},{"name":"Georgia","code":"GE","phoneCode":"+995"},{"name":"Germany","code":"DE","phoneCode":"+49"},{"name":"Ghana","code":"GH","phoneCode":"+233"},{"name":"Gibraltar","code":"GI","phoneCode":"+350"},{"name":"Greece","code":"GR","phoneCode":"+30"},{"name":"Greenland","code":"GL","phoneCode":"+299"},{"name":"Grenada","code":"GD","phoneCode":"+1"},{"name":"Guadeloupe","code":"GP","phoneCode":"+590"},{"name":"Guam","code":"GU","phoneCode":"+1"},{"name":"Guatemala","code":"GT","phoneCode":"+502"},{"name":"Guernsey","code":"GG","phoneCode":"+44"},{"name":"Guinea","code":"GN","phoneCode":"+224"},{"name":"Guinea-Bissau","code":"GW","phoneCode":"+245"},{"name":"Guyana","code":"GY","phoneCode":"+592"},{"name":"Haiti","code":"HT","phoneCode":"+509"},{"name":"Honduras","code":"HN","phoneCode":"+504"},{"name":"Hong Kong SAR China","code":"HK","phoneCode":"+852"},{"name":"Hungary","code":"HU","phoneCode":"+36"},{"name":"Iceland","code":"IS","phoneCode":"+354"},{"name":"India","code":"IN","phoneCode":"+91"},{"name":"Indonesia","code":"ID","phoneCode":"+62"},{"name":"Iran","code":"IR","phoneCode":"+98"},{"name":"Iraq","code":"IQ","phoneCode":"+964"},{"name":"Ireland","code":"IE","phoneCode":"+353"},{"name":"Isle of Man","code":"IM","phoneCode":"+44"},{"name":"Israel","code":"IL","phoneCode":"+972"},{"name":"Italy","code":"IT","phoneCode":"+39"},{"name":"Jamaica","code":"JM","phoneCode":"+1"},{"name":"Japan","code":"JP","phoneCode":"+81"},{"name":"Jersey","code":"JE","phoneCode":"+44"},{"name":"Jordan","code":"JO","phoneCode":"+962"},{"name":"Kazakhstan","code":"KZ","phoneCode":"+7"},{"name":"Kenya","code":"KE","phoneCode":"+254"},{"name":"Kiribati","code":"KI","phoneCode":"+686"},{"name":"Kosovo","code":"XK","phoneCode":"+383"},{"name":"Kuwait","code":"KW","phoneCode":"+965"},{"name":"Kyrgyzstan","code":"KG","phoneCode":"+996"},{"name":"Laos","code":"LA","phoneCode":"+856"},{"name":"Latvia","code":"LV","phoneCode":"+371"},{"name":"Lebanon","code":"LB","phoneCode":"+961"},{"name":"Lesotho","code":"LS","phoneCode":"+266"},{"name":"Liberia","code":"LR","phoneCode":"+231"},{"name":"Libya","code":"LY","phoneCode":"+218"},{"name":"Liechtenstein","code":"LI","phoneCode":"+423"},{"name":"Lithuania","code":"LT","phoneCode":"+370"},{"name":"Luxembourg","code":"LU","phoneCode":"+352"},{"name":"Macao SAR China","code":"MO","phoneCode":"+853"},{"name":"Madagascar","code":"MG","phoneCode":"+261"},{"name":"Malawi","code":"MW","phoneCode":"+265"},{"name":"Malaysia","code":"MY","phoneCode":"+60"},{"name":"Maldives","code":"MV","phoneCode":"+960"},{"name":"Mali","code":"ML","phoneCode":"+223"},{"name":"Malta","code":"MT","phoneCode":"+356"},{"name":"Marshall Islands","code":"MH","phoneCode":"+692"},{"name":"Martinique","code":"MQ","phoneCode":"+596"},{"name":"Mauritania","code":"MR","phoneCode":"+222"},{"name":"Mauritius","code":"MU","phoneCode":"+230"},{"name":"Mayotte","code":"YT","phoneCode":"+262"},{"name":"Mexico","code":"MX","phoneCode":"+52"},{"name":"Micronesia","code":"FM","phoneCode":"+691"},{"name":"Moldova","code":"MD","phoneCode":"+373"},{"name":"Monaco","code":"MC","phoneCode":"+377"},{"name":"Mongolia","code":"MN","phoneCode":"+976"},{"name":"Montenegro","code":"ME","phoneCode":"+382"},{"name":"Montserrat","code":"MS","phoneCode":"+1"},{"name":"Morocco","code":"MA","phoneCode":"+212"},{"name":"Mozambique","code":"MZ","phoneCode":"+258"},{"name":"Myanmar (Burma)","code":"MM","phoneCode":"+95"},{"name":"Namibia","code":"NA","phoneCode":"+264"},{"name":"Nauru","code":"NR","phoneCode":"+674"},{"name":"Nepal","code":"NP","phoneCode":"+977"},{"name":"Netherlands","code":"NL","phoneCode":"+31"},{"name":"New Caledonia","code":"NC","phoneCode":"+687"},{"name":"New Zealand","code":"NZ","phoneCode":"+64"},{"name":"Nicaragua","code":"NI","phoneCode":"+505"},{"name":"Niger","code":"NE","phoneCode":"+227"},{"name":"Nigeria","code":"NG","phoneCode":"+234"},{"name":"Niue","code":"NU","phoneCode":"+683"},{"name":"Norfolk Island","code":"NF","phoneCode":"+672"},{"name":"Northern Mariana Islands","code":"MP","phoneCode":"+1"},{"name":"North Korea","code":"KP","phoneCode":"+850"},{"name":"North Macedonia","code":"MK","phoneCode":"+389"},{"name":"Norway","code":"NO","phoneCode":"+47"},{"name":"Oman","code":"OM","phoneCode":"+968"},{"name":"Pakistan","code":"PK","phoneCode":"+92"},{"name":"Palau","code":"PW","phoneCode":"+680"},{"name":"Palestinian Territories","code":"PS","phoneCode":"+970"},{"name":"Panama","code":"PA","phoneCode":"+507"},{"name":"Papua New Guinea","code":"PG","phoneCode":"+675"},{"name":"Paraguay","code":"PY","phoneCode":"+595"},{"name":"Peru","code":"PE","phoneCode":"+51"},{"name":"Philippines","code":"PH","phoneCode":"+63"},{"name":"Poland","code":"PL","phoneCode":"+48"},{"name":"Portugal","code":"PT","phoneCode":"+351"},{"name":"Puerto Rico","code":"PR","phoneCode":"+1"},{"name":"Qatar","code":"QA","phoneCode":"+974"},{"name":"R\u00E9union","code":"RE","phoneCode":"+262"},{"name":"Romania","code":"RO","phoneCode":"+40"},{"name":"Russia","code":"RU","phoneCode":"+7"},{"name":"Rwanda","code":"RW","phoneCode":"+250"},{"name":"Samoa","code":"WS","phoneCode":"+685"},{"name":"San Marino","code":"SM","phoneCode":"+378"},{"name":"S\u00E3o Tom\u00E9 & Pr\u00EDncipe","code":"ST","phoneCode":"+239"},{"name":"Saudi Arabia","code":"SA","phoneCode":"+966"},{"name":"Senegal","code":"SN","phoneCode":"+221"},{"name":"Serbia","code":"RS","phoneCode":"+381"},{"name":"Seychelles","code":"SC","phoneCode":"+248"},{"name":"Sierra Leone","code":"SL","phoneCode":"+232"},{"name":"Singapore","code":"SG","phoneCode":"+65"},{"name":"Sint Maarten","code":"SX","phoneCode":"+1"},{"name":"Slovakia","code":"SK","phoneCode":"+421"},{"name":"Slovenia","code":"SI","phoneCode":"+386"},{"name":"Solomon Islands","code":"SB","phoneCode":"+677"},{"name":"Somalia","code":"SO","phoneCode":"+252"},{"name":"South Africa","code":"ZA","phoneCode":"+27"},{"name":"South Korea","code":"KR","phoneCode":"+82"},{"name":"South Sudan","code":"SS","phoneCode":"+211"},{"name":"Spain","code":"ES","phoneCode":"+34"},{"name":"Sri Lanka","code":"LK","phoneCode":"+94"},{"name":"St. Barth\u00E9lemy","code":"BL","phoneCode":"+590"},{"name":"St. Helena","code":"SH","phoneCode":"+290"},{"name":"St. Kitts & Nevis","code":"KN","phoneCode":"+1"},{"name":"St. Lucia","code":"LC","phoneCode":"+1"},{"name":"St. Martin","code":"MF","phoneCode":"+590"},{"name":"St. Pierre & Miquelon","code":"PM","phoneCode":"+508"},{"name":"St. Vincent & Grenadines","code":"VC","phoneCode":"+1"},{"name":"Sudan","code":"SD","phoneCode":"+249"},{"name":"Suriname","code":"SR","phoneCode":"+597"},{"name":"Svalbard & Jan Mayen","code":"SJ","phoneCode":"+47"},{"name":"Sweden","code":"SE","phoneCode":"+46"},{"name":"Switzerland","code":"CH","phoneCode":"+41"},{"name":"Syria","code":"SY","phoneCode":"+963"},{"name":"Taiwan","code":"TW","phoneCode":"+886"},{"name":"Tajikistan","code":"TJ","phoneCode":"+992"},{"name":"Tanzania","code":"TZ","phoneCode":"+255"},{"name":"Thailand","code":"TH","phoneCode":"+66"},{"name":"Timor-Leste","code":"TL","phoneCode":"+670"},{"name":"Togo","code":"TG","phoneCode":"+228"},{"name":"Tokelau","code":"TK","phoneCode":"+690"},{"name":"Tonga","code":"TO","phoneCode":"+676"},{"name":"Trinidad & Tobago","code":"TT","phoneCode":"+1"},{"name":"Tristan da Cunha","code":"TA","phoneCode":"+290"},{"name":"Tunisia","code":"TN","phoneCode":"+216"},{"name":"T\u00FCrkiye","code":"TR","phoneCode":"+90"},{"name":"Turkmenistan","code":"TM","phoneCode":"+993"},{"name":"Turks & Caicos Islands","code":"TC","phoneCode":"+1"},{"name":"Tuvalu","code":"TV","phoneCode":"+688"},{"name":"U.S. Virgin Islands","code":"VI","phoneCode":"+1"},{"name":"Uganda","code":"UG","phoneCode":"+256"},{"name":"Ukraine","code":"UA","phoneCode":"+380"},{"name":"United Arab Emirates","code":"AE","phoneCode":"+971"},{"name":"United Kingdom","code":"GB","phoneCode":"+44"},{"name":"United States","code":"US","phoneCode":"+1"},{"name":"Uruguay","code":"UY","phoneCode":"+598"},{"name":"Uzbekistan","code":"UZ","phoneCode":"+998"},{"name":"Vanuatu","code":"VU","phoneCode":"+678"},{"name":"Vatican City","code":"VA","phoneCode":"+39"},{"name":"Venezuela","code":"VE","phoneCode":"+58"},{"name":"Vietnam","code":"VN","phoneCode":"+84"},{"name":"Wallis & Futuna","code":"WF","phoneCode":"+681"},{"name":"Western Sahara","code":"EH","phoneCode":"+212"},{"name":"Yemen","code":"YE","phoneCode":"+967"},{"name":"Zambia","code":"ZM","phoneCode":"+260"},{"name":"Zimbabwe","code":"ZW","phoneCode":"+263"}],"initialPhoneFormat":{"id":0,"type":"PHONE_NUMBER","country":"US","labelLocale":"en-US","fields":[{"type":"SEPARATOR","label":"(","identifier":"LeftParen","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"1","identifier":"1","length":3,"required":false,"metadata":{}},{"type":"SEPARATOR","label":")","identifier":"RightParen","length":0,"required":false,"metadata":{}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"2","identifier":"2","length":3,"required":false,"metadata":{}},{"type":"SEPARATOR","label":"-","identifier":"Dash","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"3","identifier":"3","length":14,"required":false,"metadata":{}}]},"initialNameOrder":"GIVEN_FIRST"},"localizedStrings":{"validation":{"noValidSelection":"A valid selection must be made.","invalidUrl":"Must be a valid URL.","stringTooLong":"Value should have a length no longer than {0}.","containsInvalidKey":"{0} contains an invalid key.","invalidTwitterUsername":"Must be a valid Twitter username.","valueOutsideRange":"Value must be in the range {0} to {1}.","invalidPassword":"Passwords should not contain whitespace.","missingRequiredSubfields":"{0} is missing required subfields: {1}","invalidCurrency":"Currency value should be formatted like 1234 or 123.99.","invalidMapSize":"Value should contain exactly {0} elements.","subfieldsRequired":"All fields in {0} are required.","formSubmissionFailed":"Form submission failed. Review the following information: {0}.","invalidCountryCode":"Country code should have an optional plus and up to 4 digits.","invalidDate":"This is not a real date.","required":"{0} is required.","invalidStringLength":"Value should be {0} characters long.","invalidEmail":"Email addresses should follow the format user@domain.com.","invalidListLength":"Value should be {0} elements long.","allEmpty":"Please fill out at least one form field.","missingRequiredQuestion":"Missing a required question.","invalidQuestion":"Contained an invalid question.","captchaFailure":"Captcha validation failed. Please try again.","stringTooShort":"Value should have a length of at least {0}.","invalid":"{0} is not valid.","formErrors":"Form Errors","containsInvalidValue":"{0} contains an invalid value.","invalidUnsignedNumber":"Numbers must contain only digits and no other characters.","invalidName":"Valid names contain only letters, numbers, spaces, ', or - characters."},"submit":"Submit","status":{"title":"{@} Block","learnMore":"Learn more"},"name":{"firstName":"First Name","lastName":"Last Name"},"lightbox":{"openForm":"Open Form"},"likert":{"agree":"Agree","stronglyDisagree":"Strongly Disagree","disagree":"Disagree","stronglyAgree":"Strongly Agree","neutral":"Neutral"},"time":{"am":"AM","second":"Second","pm":"PM","minute":"Minute","amPm":"AM/PM","hour":"Hour"},"notFound":"Form not found.","date":{"yyyy":"YYYY","year":"Year","mm":"MM","day":"Day","month":"Month","dd":"DD"},"phone":{"country":"Country","number":"Number","prefix":"Prefix","areaCode":"Area Code","line":"Line"},"submitError":"Unable to submit form. Please try again later.","address":{"stateProvince":"State/Province","country":"Country","zipPostalCode":"Zip/Postal Code","address2":"Address 2","address1":"Address 1","city":"City"},"email":{"signUp":"Sign up for news and updates"},"cannotSubmitDemoForm":"This is a demo form and cannot be submitted.","required":"(required)","invalidData":"Invalid form data."}}};</script><script type="application/ld+json">{"url":"https://www.interiordoorandcloset.com","name":"New Interior Door & Closet Company","image":"//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg","@context":"http://schema.org","@type":"WebSite"}</script><script type="application/ld+json">{"address":"","image":"https://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1757320133534/","openingHours":"","@context":"http://schema.org","@type":"LocalBusiness"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/6808910f9ad6d047ac5c845e/71/5c5a519771c10ba3470d8101/680891109ad6d047ac5c8466/1683/site.css"/><link rel="stylesheet" href="//assets.squarewebsites.org/custom-tables/style.css">
  50. <style>
  51.  /*body
  52.  {
  53.    overflow: hidden;
  54.    width: 100vw;
  55.    height: 100vh;
  56.  }
  57.  
  58.  .hide-body-loading
  59.  {
  60.    overflow: auto;
  61.    width: auto;
  62.    height: auto;
  63.  }
  64.  
  65.  #loading-screen
  66.  {
  67.    position: fixed;
  68.    display: flex;
  69.    align-items: center;
  70.    justify-content: center;
  71.    width: 100vw;
  72.    height: 100vh;
  73.    z-index: 9999;
  74.    background-color: #FCFCFC;
  75.  }
  76.  #loading-screen.hide-loading
  77.  {
  78.    display: none;
  79.  }
  80.  
  81.  .logo-center
  82.  {
  83.    padding: 1rem 2rem;
  84.  }
  85.  
  86.  .header-nav-list-center
  87.  {
  88.    align-items: center;
  89.  }
  90.  
  91.  #loading-image
  92.  {
  93.    animation: pulse 3s ease-in-out infinite;
  94.  }*/
  95.  
  96.  .arrow-svg
  97.  {
  98.    height: 1em;
  99.    padding-left: 1em;
  100.    fill: currentColor;
  101.    stroke: currentColor;
  102.  }
  103.  
  104.  @keyframes pulse {    
  105.    0%   {transform: scale(1);}
  106.    50%   {transform: scale(2);}
  107.    100%   {transform: scale(1);}
  108.  }
  109. </style>
  110. <!--div id="loading-screen">
  111.  <div id="loading-image">
  112.   <img src="">
  113.  </div>
  114. </div>
  115.  
  116. <script>
  117.  let faviconLink = document.querySelector('link[rel="shortcut icon"]');
  118.  let url = faviconLink.getAttribute('href');
  119.  document.querySelector('#loading-screen img').setAttribute('src', url);
  120.  
  121.  function hideLoadingScreen()
  122.  {
  123.    document.querySelector("#loading-screen").classList.add("hide-loading");
  124.    document.querySelector("body").classList.add("hide-body-loading");
  125.  }
  126.  
  127.  // Hide loading screen after document is ready or after 3 seconds.
  128.  setTimeout(function() {
  129.    setTimeout(hideLoadingScreen, 200);
  130.    let checkLoadState = setInterval(function(){
  131.      if(document.readyState === "complete")
  132.      {
  133.        hideLoadingScreen();
  134.        clearInterval(checkLoadState);
  135.      }
  136.    }, 100);
  137.  }, 2000);
  138. </script-->
  139.  
  140. <!-- Google Tag Manager -->
  141. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  142. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  143. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  144. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  145. })(window,document,'script','dataLayer','GTM-K6TQXN');</script>
  146. <!-- End Google Tag Manager -->
  147. <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  148. <script>
  149.  class SWSSlides {
  150.  constructor(id, data) {
  151.    this.id = id;
  152.    this.target = data.settings.target;
  153.    this.data = data;
  154.    this.slideIndex = 0;
  155.    this.prevSlide = 0;
  156.    this.animationInStyle = null;
  157.    this.animationOutStyle = null;
  158.    this.prevAnimationInStyle = null;
  159.    this.prevAnimationOutStyle = null;
  160.    this.images = [];
  161.  
  162.    this.slideInterval = this.setSlideInterval();
  163.  }
  164.  
  165.  createContainer = (children) => {
  166.    var mainContainer = document.createElement("div");
  167.    mainContainer.setAttribute("id", this.id);
  168.    mainContainer.classList.add("sw-slider-container");
  169.  
  170.    children.forEach((child) => {
  171.      mainContainer.appendChild(child);
  172.    });
  173.  
  174.    return mainContainer;
  175.  };
  176.  
  177.  createSlides = () => {
  178.    // Get parent object where to attached the objects
  179.    // var parent = document.currentScript.parentElement;
  180.    var galleryContainer = document.getElementsByClassName("sqs-gallery-container")[
  181.      this.target
  182.    ];
  183.  
  184.  
  185.    if (galleryContainer !== undefined) {
  186.      //get Images
  187.      var images = galleryContainer.getElementsByTagName("img");
  188.      for (var img of images) {
  189.        this.images.push(img.getAttribute("data-src"));
  190.      }
  191.      var arrows = this.createArrows();
  192.      // Old description - An Interior Door upgrade is the most cost effective way to transform the look of every room in your home.
  193.      // var content = this.createContent({title: "Title", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur sapien rhoncus nisl consectetur iaculis.", buttonText: "See More"})
  194.      var content = this.createContent({
  195.        title: "Interior Door & Closet Company",
  196.        description: "Transform Your Home with Expert Interior Door, Closet Door, and Closet Organizer Installations.",
  197.        buttonText: "See Our Products",
  198.        contactNumber: "(714) 895-5100",
  199.        buttonUrl: "/products",
  200.      });
  201.      var imageSlide = this.createImageSlides(this.images);
  202.      var container = this.createContainer([content, imageSlide, arrows]);
  203.  
  204.      var parent = galleryContainer.parentNode;
  205.      parent.style.width = "100%";
  206.      parent.style.height = "100%";
  207.      parent.removeChild(galleryContainer)
  208.      parent.appendChild(container);
  209.    }
  210.  };
  211.  
  212.  createContent = ({ title, description, buttonText, buttonUrl, contactNumber}) => {
  213.    var contentContainer = document.createElement("div");
  214.    contentContainer.classList.add("sw-content-container");
  215.    var contentBox = document.createElement("div");
  216.    contentBox.classList.add("sw-content-box");
  217.    //Add objects to content box.
  218.    var contentHeader = document.createElement("h1");
  219.    contentHeader.classList.add("sw-content-header");
  220.    contentHeader.innerHTML = title;
  221.    var contentText = document.createElement("h2");
  222.    contentText.classList.add("sw-content-text");
  223.    var titleDiv = document.getElementById("block-yui_3_17_2_1_1718252774278_20087");
  224.    var subTitle = document.getElementById("block-yui_3_17_2_1_1717650238425_14446");
  225.    //contentText.innerHTML = description;
  226.    titleDiv.style.display = "none";
  227.    subTitle.style.display = "none";
  228.    contentText.style.fontWeight = "normal";
  229.    contentText.innerHTML = subTitle.innerText;
  230.    var contentButtonContainer = document.createElement("div");
  231.    contentButtonContainer.classList.add("sw-content-button-container");
  232.    var contentButton = document.createElement("a");
  233.    contentButton.classList.add("sw-content-button");
  234.    contentButton.innerHTML = buttonText;
  235.    contentButton.href = buttonUrl;
  236.    contentButtonContainer.appendChild(contentButton);
  237.    
  238.    var contentContactContainer = document.createElement("div");    
  239.    var contactNumberLink = document.createElement("a");
  240.    contactNumberLink.href = "tel:(714) 895-5100";
  241.    contactNumberLink.innerText = "☎ (714) 895-5100";
  242.    contentContactContainer.appendChild(contactNumberLink);
  243.    contentContactContainer.classList.add("sw-content-contact-number");
  244.    
  245.    contentBox.appendChild(contentHeader);
  246.    contentBox.appendChild(contentText);
  247.    contentBox.appendChild(contentButtonContainer);
  248.    contentBox.appendChild(contentContactContainer);
  249.    console.log(contentContactContainer);
  250.  
  251.    contentContainer.appendChild(contentBox);
  252.    return contentContainer;
  253.  };
  254.  
  255.  createImageSlides = (slides) => {
  256.    var imageContainer = document.createElement("div");
  257.    imageContainer.classList.add("sw-image-container");
  258.    slides.forEach((slide, index) => {
  259.      var imageSlide = document.createElement("div");
  260.      imageSlide.classList.add("sw-image-slide");
  261.      imageSlide.classList.add(
  262.        index === 0 ? "sw-image-slide-show" : "sw-image-slide-hidden"
  263.      );
  264.      imageSlide.style.backgroundImage = `url(${slide.trim()})`;
  265.      imageSlide.innerHTML = "&nbsp;";
  266.      imageContainer.appendChild(imageSlide);
  267.    });
  268.  
  269.    return imageContainer;
  270.  };
  271.  
  272.  createArrows = () => {
  273.    var arrowContainer = document.createElement("div");
  274.    arrowContainer.classList.add("sw-arrow-container");
  275.    var previousArrow = document.createElement("div");
  276.    previousArrow.classList.add("sw-arrow-previous");
  277.    previousArrow.onclick = () => {
  278.      this.moveSlide(-1, this.data.settings.interval);
  279.    };
  280.  
  281.    previousArrow.innerHTML = "&#10094;";
  282.    var nextArrow = document.createElement("div");
  283.    nextArrow.classList.add("sw-arrow-next");
  284.    nextArrow.onclick = () => {
  285.      this.moveSlide(1, this.data.settings.interval);
  286.    };
  287.    nextArrow.innerHTML = "&#10095;";
  288.  
  289.    arrowContainer.appendChild(previousArrow);
  290.    arrowContainer.appendChild(nextArrow);
  291.  
  292.    return arrowContainer;
  293.  };
  294.  
  295.  // Logic for moving slides
  296.  moveSlide = (n) => {
  297.    clearInterval(this.slideInterval);
  298.    this.slideInterval = this.setSlideInterval();
  299.    this.plusSlides(n);
  300.  };
  301.  
  302.  setSlideInterval = () => {
  303.    if (
  304.      this.data !== undefined &&
  305.      this.data.settings !== undefined &&
  306.      this.data.settings.interval > 0
  307.    ) {
  308.      return setInterval(() => {
  309.        this.plusSlides(1);
  310.      }, this.data.settings.interval * 1000);
  311.    }
  312.  };
  313.  
  314.  // Next/previous controls
  315.  plusSlides = (n) => {
  316.    this.showSlides((this.slideIndex += n));
  317.  };
  318.  
  319.  determineSlideAnimation = (direction, style) => {
  320.    var inAnimation = null;
  321.    var outAnimation = null;
  322.    switch (style?.toLowerCase()) {
  323.      case "fade": {
  324.        inAnimation = "sw-fade-in-slide";
  325.        outAnimation = "sw-fade-out-slide";
  326.        break;
  327.      }
  328.      case "blur": {
  329.        inAnimation = "sw-slide-blur-in";
  330.        outAnimation = "sw-slide-blur-out";
  331.        break;
  332.      }
  333.      default: {
  334.        if (direction === "left") {
  335.          inAnimation = "sw-right-to-left-in-slide-left";
  336.          outAnimation = "sw-right-to-left-out-slide-left";
  337.        } else {
  338.          inAnimation = "sw-right-to-left-in-slide-right";
  339.          outAnimation = "sw-right-to-left-out-slide-right";
  340.        }
  341.        break;
  342.      }
  343.    }
  344.  
  345.    return {
  346.      inAnimation,
  347.      outAnimation,
  348.    };
  349.  };
  350.  
  351.  showSlides = (n) => {
  352.    var container = document.getElementById(this.id);
  353.    var i;
  354.    var direction = "forward";
  355.    var slides = container.getElementsByClassName("sw-image-slide");
  356.    var slideContents = container.getElementsByClassName(
  357.      "sw-content-container"
  358.    );
  359.    var dots = container.getElementsByClassName("sw-arrow-container");
  360.  
  361.    // Determine direction
  362.    if (n > this.prevSlide) {
  363.      direction = "left";
  364.    } else {
  365.      direction = "right";
  366.    }
  367.  
  368.    if (n >= slides.length) {
  369.      this.slideIndex = 0;
  370.    }
  371.    if (n < 0) {
  372.      this.slideIndex = slides.length - 1;
  373.    }
  374.  
  375.    this.prevAnimationInStyle = this.animationInStyle;
  376.    this.prevAnimationOutStyle = this.animationOutStyle;
  377.  
  378.    ({
  379.      inAnimation: this.animationInStyle,
  380.      outAnimation: this.animationOutStyle,
  381.    } = this.determineSlideAnimation(direction, data.settings.slideAnimation));
  382.  
  383.    // hide content settings to properly animate
  384.    // slideContents[this.prevSlide].style.display = "none";
  385.  
  386.    for (i = 0; i < dots.length; i++) {
  387.      dots[i].classList.remove("sw-slides-dot-active");
  388.    }
  389.  
  390.    if (slides.length > 0) {
  391.      // remove previous animations
  392.      for (i = 0; i < slides.length; i++) {
  393.        slides[i].classList.remove(this.prevAnimationInStyle);
  394.        slides[i].classList.remove(this.prevAnimationOutStyle);
  395.        if (i === this.slideIndex) {
  396.          slides[i].classList.remove("sw-image-slide-hidden");
  397.          slides[i].classList.add("sw-image-slide-show");
  398.          slides[i].classList.remove(this.animationOutStyle);
  399.          slides[i].classList.add(this.animationInStyle);
  400.        } else {
  401.          if (i === this.prevSlide) {
  402.            slides[i].classList.add(this.animationOutStyle);
  403.            slides[i].classList.remove(this.animationInStyle);
  404.          } else {
  405.            slides[i].classList.add("sw-image-slide-hidden");
  406.            slides[i].classList.remove("sw-image-slide-show");
  407.          }
  408.        }
  409.      }
  410.    }
  411.  
  412.    this.prevSlide = this.slideIndex;
  413.  };
  414. }
  415.  
  416. function createBC() {
  417.  $(document).ready(function () {
  418.    const href = window.location.href
  419.    let jsonURL = (href.includes("?") ? href.substring(0,href.lastIndexOf("?")) : href) + "?format=json-pretty";
  420.    var siteData = null;
  421.      $.ajax({
  422.        url: jsonURL,
  423.        type: "GET",
  424.        dataType: "text",
  425.        success: function (data) {
  426.          siteData = JSON.parse(data);
  427.          const paths = siteData.collection.urlId.split("/");
  428.          let pathUrl = siteData.website.baseUrl;
  429.          let pathLinks = [
  430.            {
  431.              title: "Home",
  432.              url: "/",
  433.            },
  434.          ];
  435.  
  436.          if (siteData && !siteData.collection.homepage) {
  437.            let nLinks = paths.length;
  438.            for (let i = 0; i < paths.length; i++) {
  439.              let pathData = null;
  440.              pathUrl += "/" + paths[i];
  441.              pathLinks.push({
  442.                title: "",
  443.                url: paths[i],
  444.              });
  445.              $.ajax({
  446.                url: pathUrl + "?format=json-pretty",
  447.                type: "GET",
  448.                dataType: "text",
  449.                success: function (rootData) {
  450.                  pathData = JSON.parse(rootData);
  451.  
  452.                  // Update Path Links
  453.                  let pathLink = pathLinks.find((pathLink) => {
  454.                    return pathLink.url === paths[i];
  455.                  });
  456.                  
  457.                  if (pathLink) {
  458.                    pathLink.title = pathData.collection.title;
  459.                    pathLink.url = pathData.collection.fullUrl;
  460.                  }
  461.                  --nLinks;
  462.                  if (nLinks === 0) {
  463.                    createBRElements(siteData.collection.title, pathLinks);
  464.                  }
  465.                },
  466.              });
  467.            }
  468.          }
  469.        },
  470.      });
  471.  });
  472. }
  473.  
  474. function createBRElements(pageTitle, pathLinks) {
  475.  var bcContainer = document.createElement("div");
  476.  bcContainer.classList.add("sw-bc-container");
  477.  var title = document.createElement("h1");
  478.  var pathContainer = document.createElement("div");
  479.  pathContainer.classList.add("sw-bc-nav");
  480.  title.innerHTML = pageTitle;
  481.  
  482.  var paths = createParentPath(pathLinks);
  483.  for (var i = 0; i < paths.length-1; i++) {
  484.    pathContainer.appendChild(paths[i]);
  485.  }
  486.  
  487.  const titleElement = document.querySelector(".sw-bc-container h1")
  488.  if (titleElement) titleElement.innerHTML = pageTitle;
  489.  const navLinksContainer = document.querySelector("#bc-nav-links")
  490.  if (navLinksContainer) navLinksContainer.appendChild(pathContainer);
  491.  
  492.  const bcContainerParent = document.querySelector(".sw-bc-container")?.parentElement?.parentElement;
  493.  
  494.  if(bcContainerParent) {
  495.    bcContainerParent.style.display = "flex";
  496.    bcContainerParent.style.alignItems = "center";
  497.    bcContainerParent.style.justifyContent = "center";
  498.  }
  499. }
  500.  
  501. function createParentPath(pathLinks) {
  502.  var paths = [];
  503.  for (var i = 0; i < pathLinks.length-1; i++) {
  504.    var pathElement;
  505.    var separator = document.createElement("span");
  506.    separator.innerHTML = "/";
  507.    if (pathLinks[i].url) {
  508.      pathElement = document.createElement("a");
  509.      pathElement.classList.add("sw-bc-path")
  510.      pathElement.innerHTML = pathLinks[i].title;
  511.      pathElement.href = pathLinks[i].url;
  512.    } else {
  513.      pathElement = document.createElement("span");
  514.      pathElement.innerHTML = pathLinks[i].title;
  515.    }
  516.    paths.push(pathElement);
  517.    if (i+1 < pathLinks.length) paths.push(separator);
  518.  }
  519.  
  520.  return paths;
  521. }
  522.  
  523. function swDecorateImage(id) {
  524.  var imageBlock = document.getElementById(id);
  525.  if (imageBlock) {
  526.    imageBlock.classList.add("sw-image-decor");
  527.    imageBlock.parentElement.classList.add("sw-image-decor-container");
  528.  }
  529. }
  530.  
  531. function swModifyTestimonialSlide(id) {
  532.  var testimonialSlideContainer = $(id);
  533.  
  534.  var leftButton = testimonialSlideContainer.find(
  535.    ".user-items-list-carousel__arrow-button--left"
  536.  );
  537.  
  538.  var rightButton = testimonialSlideContainer.find(
  539.    ".user-items-list-carousel__arrow-button--right"
  540.  );
  541.  
  542.  var buttonContainer = testimonialSlideContainer.find(
  543.    ".arrows-bottom"
  544.  );
  545.  
  546.  leftButton.css("border-radius", "0px");
  547.  leftButton.css("width", "unset");
  548.  leftButton.empty();
  549.  leftButton.append($("<div>&#10094;</div>").addClass("sw-arrow-previous"));
  550.  rightButton.css("border-radius", "0px");
  551.  rightButton.css("width", "unset");
  552.  rightButton.empty();
  553.  rightButton.append($("<div>&#10095;</div>").addClass("sw-arrow-next"));
  554.  buttonContainer.css("grid-gap", "0px");
  555.  
  556.  // Modify radius
  557.  testimonialSlideContainer.find(".user-items-list-carousel__slide").css("border-radius","2rem");
  558.  
  559.  // Get mobile arrows
  560.  var mobileLeft = testimonialSlideContainer.find(".mobile-arrow-button--left");
  561.  mobileLeft.empty();
  562.  mobileLeft.append($("<div>&#10094;</div>").addClass("sw-arrow-previous"));
  563.  mobileLeft.css("width", "unset");
  564.  mobileLeft.css("border-radius", "0px");
  565.  mobileLeft.css("margin", "0px");
  566.  var mobileRight = testimonialSlideContainer.find(".mobile-arrow-button--right");
  567.  mobileRight.empty();
  568.  mobileRight.append($("<div>&#10095;</div>").addClass("sw-arrow-next"));
  569.  mobileRight.css("width", "unset");
  570.  mobileRight.css("border-radius", "0px");
  571.  mobileRight.css("margin", "0px");
  572. }
  573.  
  574. function createTopAction() {
  575.  $(document).ready(function () {  
  576.    // change folder href
  577.    var folderNav = document.querySelector(".header-nav").getElementsByClassName("header-nav-folder-title")
  578.    for(let i=0;i < folderNav.length;i++)
  579.    {
  580.      const folderIndex = folderNav[i].href.indexOf("-folder")
  581.      const newHref = folderNav[i].href.substring(0,folderIndex);
  582.      folderNav[i].href = newHref;
  583.      folderNav[i].addEventListener("click", () => {window.location.href =  newHref});
  584.    }
  585.    
  586.    // relocate actions
  587.   const headerTitalNavWrapper = document.querySelector(".header-title-nav-wrapper");
  588.    var headerDesktopContainer = document.createElement("div");
  589.    headerDesktopContainer.classList.add("header-desktop-container");
  590.    var headerActions = document.getElementsByClassName("header-actions")[0];
  591.    var headerActionsCloned = null;
  592.    if (headerActions !== undefined) {
  593.      headerActions.style.display = "flex";
  594.      headerActionsCloned = headerActions.cloneNode(true);
  595.    }
  596.  
  597.    var headerNav = document.getElementsByClassName(
  598.      "header-display-desktop"
  599.    )[0];
  600.    headerNav.removeChild(headerActions);
  601.    var headerNavCloned = headerNav.cloneNode(true);
  602.    if (headerNav !== undefined && headerActionsCloned) {
  603.      var parentNode = headerNav.parentNode;
  604.    
  605.    headerNav.insertBefore(headerActionsCloned, headerTitalNavWrapper);
  606.    }
  607.  
  608.    const href = window.location.href
  609.    var jsonURL = href.substring(0,href.lastIndexOf("/")) + "?format=json-pretty";
  610.                                                      
  611.    var siteData = null;
  612.    $.ajax({
  613.      url: jsonURL,
  614.      type: "GET",
  615.      dataType: "text",
  616.      success: function (data) {
  617.        siteData = JSON.parse(data.replace("<!doctype html>",""));
  618.        var divPhoneEmailContainer = document.createElement("div");
  619.        var linkPhone = document.createElement("a");
  620.        var divPhoneIcon = document.createElement("div");
  621.        var divPhoneText = document.createElement("div");
  622.        var linkEmail = document.createElement("a");
  623.        var divEmailIcon = document.createElement("div");
  624.        var divEmailText = document.createElement("div");
  625.        divPhoneIcon.innerHTML = "&#9742;";
  626.        divEmailIcon.innerHTML = "&#9993;";
  627.        divPhoneText.innerHTML = siteData.websiteSettings.contactPhoneNumber ?? "(888) 287-4211";
  628.        divEmailText.innerHTML = siteData.websiteSettings.contactEmail ?? "info@interiordoorandcloset.com";
  629.        linkPhone.href = "tel:" + (siteData.websiteSettings.contactPhoneNumber ? siteData.websiteSettings.contactPhoneNumber : "(888) 287-4211");
  630.        linkEmail.href = "mailto:" + (siteData.websiteSettings.contactEmail ? siteData.websiteSettings.contactEmail : "info@interiordoorandcloset.com");
  631.        linkPhone.classList.add("sw-navigation-actions-item");
  632.        linkEmail.classList.add("sw-navigation-actions-item");
  633.        divPhoneIcon.classList.add("sw-navigation-actions-icon");
  634.        divEmailIcon.classList.add("sw-navigation-actions-icon");
  635.        linkPhone.appendChild(divPhoneIcon);
  636.        linkPhone.appendChild(divPhoneText);
  637.        linkEmail.appendChild(divEmailIcon);
  638.        linkEmail.appendChild(divEmailText);
  639.        divPhoneEmailContainer.appendChild(linkPhone);
  640.        divPhoneEmailContainer.appendChild(linkEmail);
  641.        divPhoneEmailContainer.classList.add("sw-navigation-actions-top");
  642.        headerActionsCloned.insertBefore(divPhoneEmailContainer, headerActionsCloned.firstChild);
  643.      },
  644.    });
  645.  });
  646. }
  647.  
  648. class SWGalleryPagination {
  649.  constructor() {
  650.    this.currentPage = 1;
  651.    this.itemsPerPage = 12;
  652.    this.imageCount = 0;
  653.    this.pageCount = 0;
  654.  }
  655.  
  656.  initGalleryLabels() {
  657.    setTimeout(() => {
  658.      this.addLabels();
  659.    }, 2000);
  660.  }
  661.  initGalleryPage() {
  662.    // Hook body on resize
  663.    document.body.onresize = () => {
  664.      this.setFluidContainerHeight();
  665.    };
  666.  
  667.    setTimeout(() => {
  668.      this.hideImages();
  669.      this.createPageButtons();
  670.      this.setFluidContainerHeight();
  671.    }, 2000);
  672.  }
  673.  
  674.  addLabelToLightBox()
  675.  {
  676.    const lightBoxDiv = document.querySelectorAll(".sqs-lightbox-slide");
  677.    for (let i = 0; i < lightBoxDiv.length; i++)
  678.    {
  679.      const lightBoxLabel = lightBoxDiv[i].querySelector(".sw-gallery-lightbox-label");
  680.      if (lightBoxLabel === null)
  681.      {
  682.        const imageSrc = lightBoxDiv[i].querySelector("img").getAttribute("data-image");
  683.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  684.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  685.        const spanLabel = document.createElement("span");
  686.        spanLabel.classList.add("sw-gallery-lightbox-label");
  687.        spanLabel.innerHTML = "#" + (i+1) + " " + label.replaceAll("+"," ");
  688.        lightBoxDiv[i].append(spanLabel);
  689.      }
  690.    }
  691.  }
  692.  
  693.  addLabels() {
  694.    var galleryBlock = document.getElementsByClassName("sqs-block-gallery")[0];
  695.    setTimeout(() => {
  696.      galleryBlock.style.setProperty('display', 'block', 'important');
  697.    }, 500);
  698.   document.addEventListener("scroll", () => {
  699.      galleryBlock.style.setProperty('display', 'block', 'important');
  700.    });
  701.    
  702.    var imageList = document.getElementsByClassName(
  703.      "sqs-gallery-design-grid-slide"
  704.    );
  705.  
  706.    for (let i = 0; i < imageList.length; i++) {
  707.      const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label");
  708.      //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide");
  709.      
  710.      if(imageLabelClass === null)
  711.      {
  712.     const imageLink = imageList[i].querySelector("a");
  713.        const imageSrc = imageList[i].querySelector("img").getAttribute("data-image");
  714.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  715.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  716.        const spanLabel = document.createElement("span");
  717.        spanLabel.classList.add("sw-gallery-image-label");
  718.        spanLabel.innerHTML = label.replaceAll("+"," ");
  719.        const spanNumber = document.createElement("span");
  720.        spanNumber.innerHTML = "#" + (i+1);
  721.        spanNumber.classList.add("sw-gallery-image-number");
  722.        imageLink.style.position = "relative";
  723.       imageLink.append(spanLabel);
  724.       imageLink.append(spanNumber);
  725.        imageLink.addEventListener("click", this.addLabelToLightBox);
  726.      }
  727.    }
  728.  }
  729.  
  730.  hideImages() {
  731.    
  732.    var imageList = document.getElementsByClassName(
  733.      "sqs-gallery-design-grid-slide"
  734.    );
  735.  
  736.    var lowerLimit = (this.currentPage - 1) * this.itemsPerPage;
  737.    var upperLimit = this.currentPage * this.itemsPerPage;
  738.    this.imageCount = imageList.length;
  739.    for (let i = 0; i < imageList.length; i++) {
  740.      const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label");
  741.      //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide");
  742.      
  743.      if(imageLabelClass === null)
  744.      {
  745.     const imageLink = imageList[i].querySelector("a");
  746.        const imageSrc = imageList[i].querySelector("img").getAttribute("data-image");
  747.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  748.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  749.        const spanLabel = document.createElement("span");
  750.        spanLabel.classList.add("sw-gallery-image-label");
  751.        spanLabel.innerHTML = label.replaceAll("+"," ");
  752.        const spanNumber = document.createElement("span");
  753.        spanNumber.innerHTML = "#" + (i+1);
  754.        spanNumber.classList.add("sw-gallery-image-number");
  755.        imageLink.style.position = "relative";
  756.       imageLink.append(spanLabel);
  757.       imageLink.append(spanNumber);
  758.        imageLink.addEventListener("click", this.addLabelToLightBox);
  759.      }
  760.      
  761.      if (i >= lowerLimit && i < upperLimit) {
  762.        imageList[i].style.cssText = 'display:initial !important';
  763.      } else {
  764.        imageList[i].style.cssText = 'display:none !important';
  765.      }
  766.    }
  767.  
  768.    var pages = document.getElementsByClassName("sw-gallery-page-item");
  769.    var fillers = document.getElementsByClassName("sw-gallery-page-filler");
  770.  
  771.    for (var i = 0; i < pages?.length; i++) {
  772.      pages[i].style.display = "flex";
  773.      var pageNumber = i + 1;
  774.      if (pageNumber === this.currentPage) {
  775.        pages[i].classList.add("sw-gallery-page-item-active");
  776.        pages[i].style.display = "flex";
  777.      } else {
  778.        pages[i].classList?.remove("sw-gallery-page-item-active");
  779.      }
  780.    }
  781.  
  782.    if (this.pageCount > 5) {
  783.      if (this.currentPage >= 4) {
  784.        fillers[0].style.display = "flex";
  785.      } else {
  786.        fillers[0].style.display = "none";
  787.      }
  788.  
  789.      if (this.currentPage + 2 >= this.pageCount) {
  790.        fillers[1].style.display = "none";
  791.  
  792.        for (var i = pages.length - 5; i > 0; i--) {
  793.          pages[i].style.display = "none";
  794.        }
  795.      } else {
  796.        fillers[1].style.display = "flex";
  797.  
  798.        for (var i = 4; i < pages.length - 1; i++) {
  799.          pages[i].style.display = "none";
  800.        }
  801.      }
  802.    }
  803.  }
  804.  
  805.  createPageButtons() {
  806.    var galleryContainer =
  807.      document.getElementsByClassName("sqs-block-gallery")[0];
  808.  
  809.    var pageContainer = document.createElement("div");
  810.    pageContainer.classList.add("sw-gallery-page-container");
  811.  
  812.    var previousArrow = document.createElement("div");
  813.    previousArrow.classList.add("sw-arrow-previous");
  814.    previousArrow.onclick = () => {
  815.      this.movePageNumber(this.currentPage - 1);
  816.    };
  817.    previousArrow.innerHTML = "&#10094;";
  818.  
  819.    var nextArrow = document.createElement("div");
  820.    nextArrow.classList.add("sw-arrow-next");
  821.    nextArrow.onclick = () => {
  822.      this.movePageNumber(this.currentPage + 1);
  823.    };
  824.    nextArrow.innerHTML = "&#10095;";
  825.    pageContainer.appendChild(previousArrow);
  826.  
  827.    this.pageCount = Math.trunc(this.imageCount / this.itemsPerPage) + 1;
  828.  
  829.    var fillerGapLeft = document.createElement("div");
  830.    fillerGapLeft.classList.add("sw-gallery-page-filler");
  831.    fillerGapLeft.style.display = "none";
  832.    fillerGapLeft.innerHTML = "...";
  833.    var fillerGapRight = document.createElement("div");
  834.    fillerGapRight.classList.add("sw-gallery-page-filler");
  835.    fillerGapRight.innerHTML = "...";
  836.  
  837.    for (var i = 0; i < this.pageCount; i++) {
  838.      const pageNumber = i + 1;
  839.      let pageNumberElement = document.createElement("div");
  840.      pageNumberElement.classList.add("sw-gallery-page-item");
  841.      if (i + 1 === this.currentPage)
  842.        pageNumberElement.classList.add("sw-gallery-page-item-active");
  843.        
  844.      pageNumberElement.innerHTML = pageNumber;
  845.      pageNumberElement.onclick = () => {
  846.        this.movePageNumber(pageNumber);
  847.      };
  848.  
  849.      pageContainer.appendChild(pageNumberElement);
  850.  
  851.      if (this.pageCount > 5) {
  852.        if (pageNumber === 1) {
  853.          pageContainer.appendChild(fillerGapLeft);
  854.        } else if (pageNumber + 1 === this.pageCount) {
  855.          pageContainer.appendChild(fillerGapRight);
  856.        }
  857.  
  858.        if (pageNumber > 4 && pageNumber !== this.pageCount) {
  859.          pageNumberElement.style.display = "none";
  860.        }
  861.      }
  862.    }
  863.    pageContainer.appendChild(nextArrow);
  864.  
  865.    if (this.pageCount > 1) {
  866.      galleryContainer.appendChild(pageContainer);
  867.    }
  868.  }
  869.  
  870.  setFluidContainerHeight() {
  871.    // Set height fluid container
  872.    const fluidContainer =
  873.      document.getElementsByClassName("sqs-block-gallery")[0].parentElement
  874.        .parentElement;
  875.    const galleryContainer =
  876.      document.getElementsByClassName("sqs-block-gallery")[0].parentElement;
  877.    const itemHeight = document.getElementsByClassName(
  878.      "sqs-gallery-design-grid-slide"
  879.    )[0].offsetHeight;
  880.  
  881.    const pageContainerHeight = document.getElementsByClassName(
  882.      "sw-gallery-page-container"
  883.    )[0]?.offsetHeight;
  884.  
  885.    const multiplier = document.body.offsetWidth < 768 ? 6 : 3;
  886.    let newHeight = itemHeight * multiplier + (pageContainerHeight ?? 0)
  887.  
  888.    // Get heading and title
  889.    var textElements = fluidContainer.getElementsByClassName("html-block");
  890.    for(var i=0; i < textElements?.length; i++)
  891.    {
  892.        newHeight += textElements[i].offsetHeight;
  893.    }
  894.  
  895.    newHeight = (newHeight + 200) + "px";
  896. console.log(newHeight);
  897.    galleryContainer.style.height = newHeight;
  898.  
  899.    fluidContainer.style.height = newHeight;
  900.    const contentWrapper = document.getElementsByClassName("sqs-block-gallery")[0].parentElement.parentElement.parentElement;
  901.    
  902.    contentWrapper.style.height = newHeight;
  903.  }
  904.  
  905.  movePageNumber(pageNumber) {
  906.    if (pageNumber < 1) pageNumber = 1;
  907.    else if (pageNumber > this.pageCount) pageNumber = this.pageCount;
  908.  
  909.    if (this.currentPage !== pageNumber) {
  910.      this.currentPage = pageNumber;
  911.      this.hideImages();
  912.    }
  913.  }
  914. }
  915.        
  916. </script>
  917. <style>
  918.  .header-actions
  919.  {
  920.    display: none;
  921.  }
  922. </style>
  923. <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
  924.  
  925. <!-- Clarity tracking code for https://www.interiordoorandcloset.com/ --><script>    (function(c,l,a,r,i,t,y){        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt";        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);    })(window, document, "clarity", "script", "n9oz9g9h9y");</script>
  926.  
  927. <script type="application/ld+json">{"url":"https://www.interiordoorandcloset.com","name":"Interior Door & Closet Company","description":"","image":"//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png","@context":"http://schema.org","@type":"WebSite"}</script>
  928.  
  929. <script type="application/ld+json">{"name": "Interior Door and Closet Company","image":"https://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1719490341817/","legalName":"Interior Door and Closet Company","address":"15441 Chemical Lane\nHuntington Beach, CA, 92649\nUnited States","email":"info@interiordoorandcloset.com","telephone":"(714) 895-5100","sameAs":["https://goo.gl/maps/GnSrfPScLQR2","https://www.facebook.com/interiordoorandcloset","https://www.pinterest.com/ocdoors/","https://www.linkedin.com/company/interior-door-and-closet-company/about/","https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company","https://www.instagram.com/ocdoorsandclosets/"],"@context":"http://schema.org","@type":"Organization"}</script>
  930.  
  931. <script type="application/ld+json">{"address":"15441 Chemical Lane\nHuntington Beach, CA, 92649\nUnited States","image":"https://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1719490341817/","name":"Interior Door and Closet Company","openingHours":"Mo 09:00-17:00, Tu 09:00-17:00, We 09:00-17:00, Th 09:00-17:00, Fr 09:00-17:00, Sa 11:00-15:00, ","@context":"http://schema.org","@type":"LocalBusiness"}</script>
  932.  
  933. <script>
  934.  document.addEventListener("DOMContentLoaded", function() {
  935.    // Select all schema scripts of type "application/ld+json"
  936.    const schemaScripts = document.querySelectorAll('script[type="application/ld+json"]');
  937.  
  938.    // Remove the first three schema scripts added by Squarespace
  939.    schemaScripts.forEach((script, index) => {
  940.      if (index < 3) {
  941.        script.remove();
  942.      }
  943.    });
  944.  });
  945. </script>
  946.  
  947. <script>
  948.  document.addEventListener("DOMContentLoaded", function() {
  949.    // Get the current page URL
  950.    const currentUrl = window.location.pathname;
  951.  
  952.    // Check if the URL matches the FAQ page
  953.    if (currentUrl.includes('/faq')) {
  954.      // Select all schema scripts of type "application/ld+json"
  955.      const schemaScripts = document.querySelectorAll('script[type="application/ld+json"]');
  956.  
  957.      // Remove the first three schema scripts added by Squarespace
  958.      schemaScripts.forEach((script, index) => {
  959.        if (index < 3) {
  960.          script.remove();
  961.        }
  962.      });
  963.    } else {
  964.      // Remove the manually added FAQ Schema if not on the FAQ page
  965.      const faqSchema = document.querySelector('script#faq-schema');
  966.      if (faqSchema) {
  967.        faqSchema.remove();
  968.      }
  969.    }
  970.  });
  971. </script><style>
  972.  
  973. section[data-section-id="62e7a6759f6aeb2bb6a015ff"] .sqs-block-image
  974. {
  975.  background-color: white !important;
  976. }
  977.  
  978.  /* mobile */
  979. @media screen and (max-width:767px) {
  980.  section[data-section-id="62e7b6368b3184307aa195d5"]
  981.  {
  982.    padding-left: 1rem;
  983.    padding-right: 1rem;
  984.  }
  985. }
  986.  
  987. </style>
  988. <!-- Bing Site Authorization Tag -->
  989. <meta name="msvalidate.01" content="DECEDEEE11268D13C34E9702F50DE4DC" /><script>Static.COOKIE_BANNER_CAPABLE = true;</script>
  990. <!-- End of Squarespace Headers -->
  991.    <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1757704579213-WU4CBHS3C989Y4G2VKYW/static.css">
  992.  </head>
  993.  
  994.  <body
  995.    id="collection-680891619ad6d047ac5c9389"
  996.    class="
  997.      form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-large tweak-portfolio-grid-overlay-image-aspect-ratio-11-square tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-center image-block-collage-text-alignment-left image-block-stack-text-alignment-left tweak-blog-single-column-width-full tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-date tweak-blog-single-column-secondary-meta-categories tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-title-only tweak-blog-item-width-medium tweak-blog-item-text-alignment-center tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date   tweak-blog-item-delimiter-bullet primary-button-style-solid primary-button-shape-pill secondary-button-style-solid secondary-button-shape-pill tertiary-button-style-solid tertiary-button-shape-pill tweak-events-stacked-width-full tweak-events-stacked-height-large  tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-with-text tweak-events-stacked-show-time tweak-events-stacked-show-location  tweak-events-stacked-show-excerpt  tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-date tweak-blog-basic-grid-secondary-meta-categories tweak-blog-basic-grid-excerpt-show header-overlay-alignment-left tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full tweak-portfolio-index-background-height-large  tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline  tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast tweak-blog-alternating-side-by-side-width-full tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show  tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-left tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show header-width-full  tweak-fixed-header tweak-fixed-header-style-scroll-back tweak-blog-side-by-side-width-full tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-large tweak-portfolio-grid-basic-image-aspect-ratio-11-square tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-fade hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-php collection-680891619ad6d047ac5c9389 collection-type-page collection-layout-default homepage mobile-style-available sqs-seven-one
  998.      
  999.        
  1000.          
  1001.            
  1002.              
  1003.            
  1004.          
  1005.        
  1006.      
  1007.    "
  1008.    tabindex="-1"
  1009.  >
  1010.    <div
  1011.      id="siteWrapper"
  1012.      class="clearfix site-wrapper"
  1013.    >
  1014.      
  1015.        <div id="floatingCart" class="floating-cart hidden">
  1016.          <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
  1017.            <span class="Cart-inner">
  1018.              
  1019.  
  1020.  
  1021.  
  1022.  <svg class="icon icon--cart" viewBox="0 0 31 24">
  1023.  <g class="svg-icon cart-icon--odd">
  1024.    <circle fill="none" stroke-miterlimit="10" cx="22.5" cy="21.5" r="1"/>
  1025.    <circle fill="none" stroke-miterlimit="10" cx="9.5" cy="21.5" r="1"/>
  1026.    <path fill="none" stroke-miterlimit="10" d="M0,1.5h5c0.6,0,1.1,0.4,1.1,1l1.7,13
  1027.      c0.1,0.5,0.6,1,1.1,1h15c0.5,0,1.2-0.4,1.4-0.9l3.3-8.1c0.2-0.5-0.1-0.9-0.6-0.9H12"/>
  1028.  </g>
  1029. </svg>
  1030.  
  1031.              <div class="legacy-cart icon-cart-quantity">
  1032.                <span class="sqs-cart-quantity">0</span>
  1033.              </div>
  1034.            </span>
  1035.          </a>
  1036.        </div>
  1037.      
  1038.  
  1039.      
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  <header
  1053.    data-test="header"
  1054.    id="header"
  1055.    
  1056.    class="
  1057.      
  1058.        
  1059.      
  1060.      header theme-col--primary
  1061.    "
  1062.    data-section-theme=""
  1063.    data-controller="Header"
  1064.    data-current-styles="{
  1065. &quot;layout&quot;: &quot;brandingCenterNavCenter&quot;,
  1066. &quot;action&quot;: {
  1067. &quot;href&quot;: &quot;/donate&quot;,
  1068. &quot;buttonText&quot;: &quot;Donate&quot;,
  1069. &quot;newWindow&quot;: false
  1070. },
  1071. &quot;showSocial&quot;: true,
  1072. &quot;socialOptions&quot;: {
  1073. &quot;socialBorderShape&quot;: &quot;none&quot;,
  1074. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  1075. &quot;socialBorderThickness&quot;: {
  1076. &quot;unit&quot;: &quot;px&quot;,
  1077. &quot;value&quot;: 1.0
  1078. }
  1079. },
  1080. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  1081. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  1082. &quot;cartStyle&quot;: &quot;cart&quot;,
  1083. &quot;cartText&quot;: &quot;Cart&quot;,
  1084. &quot;showEmptyCartState&quot;: true,
  1085. &quot;cartOptions&quot;: {
  1086. &quot;iconType&quot;: &quot;stroke-1&quot;,
  1087. &quot;cartBorderShape&quot;: &quot;none&quot;,
  1088. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  1089. &quot;cartBorderThickness&quot;: {
  1090. &quot;unit&quot;: &quot;px&quot;,
  1091. &quot;value&quot;: 1.0
  1092. }
  1093. },
  1094. &quot;showButton&quot;: false,
  1095. &quot;showCart&quot;: false,
  1096. &quot;showAccountLogin&quot;: false,
  1097. &quot;headerStyle&quot;: &quot;theme&quot;,
  1098. &quot;languagePicker&quot;: {
  1099. &quot;enabled&quot;: false,
  1100. &quot;iconEnabled&quot;: false,
  1101. &quot;iconType&quot;: &quot;globe&quot;,
  1102. &quot;flagShape&quot;: &quot;shiny&quot;,
  1103. &quot;languageFlags&quot;: [ ]
  1104. },
  1105. &quot;iconOptions&quot;: {
  1106. &quot;desktopDropdownIconOptions&quot;: {
  1107. &quot;size&quot;: {
  1108. &quot;unit&quot;: &quot;em&quot;,
  1109. &quot;value&quot;: 1.0
  1110. },
  1111. &quot;iconSpacing&quot;: {
  1112. &quot;unit&quot;: &quot;em&quot;,
  1113. &quot;value&quot;: 0.1
  1114. },
  1115. &quot;strokeWidth&quot;: {
  1116. &quot;unit&quot;: &quot;px&quot;,
  1117. &quot;value&quot;: 4.0
  1118. },
  1119. &quot;endcapType&quot;: &quot;round&quot;,
  1120. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  1121. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  1122. },
  1123. &quot;mobileDropdownIconOptions&quot;: {
  1124. &quot;size&quot;: {
  1125. &quot;unit&quot;: &quot;em&quot;,
  1126. &quot;value&quot;: 1.0
  1127. },
  1128. &quot;iconSpacing&quot;: {
  1129. &quot;unit&quot;: &quot;em&quot;,
  1130. &quot;value&quot;: 0.15
  1131. },
  1132. &quot;strokeWidth&quot;: {
  1133. &quot;unit&quot;: &quot;px&quot;,
  1134. &quot;value&quot;: 0.5
  1135. },
  1136. &quot;endcapType&quot;: &quot;square&quot;,
  1137. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  1138. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  1139. }
  1140. },
  1141. &quot;mobileOptions&quot;: {
  1142. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  1143. &quot;menuIconOptions&quot;: {
  1144. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  1145. &quot;thickness&quot;: {
  1146. &quot;unit&quot;: &quot;px&quot;,
  1147. &quot;value&quot;: 3.0
  1148. }
  1149. }
  1150. },
  1151. &quot;solidOptions&quot;: {
  1152. &quot;headerOpacity&quot;: {
  1153. &quot;unit&quot;: &quot;%&quot;,
  1154. &quot;value&quot;: 100.0
  1155. },
  1156. &quot;blurBackground&quot;: {
  1157. &quot;enabled&quot;: false,
  1158. &quot;blurRadius&quot;: {
  1159. &quot;unit&quot;: &quot;px&quot;,
  1160. &quot;value&quot;: 12.0
  1161. }
  1162. },
  1163. &quot;backgroundColor&quot;: {
  1164. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1165. &quot;sitePaletteColor&quot;: {
  1166. &quot;colorName&quot;: &quot;white&quot;,
  1167. &quot;alphaModifier&quot;: 1.0
  1168. }
  1169. },
  1170. &quot;navigationColor&quot;: {
  1171. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1172. &quot;sitePaletteColor&quot;: {
  1173. &quot;colorName&quot;: &quot;lightAccent&quot;,
  1174. &quot;alphaModifier&quot;: 1.0
  1175. }
  1176. }
  1177. },
  1178. &quot;gradientOptions&quot;: {
  1179. &quot;gradientType&quot;: &quot;faded&quot;,
  1180. &quot;headerOpacity&quot;: {
  1181. &quot;unit&quot;: &quot;%&quot;,
  1182. &quot;value&quot;: 91.0
  1183. },
  1184. &quot;blurBackground&quot;: {
  1185. &quot;enabled&quot;: false,
  1186. &quot;blurRadius&quot;: {
  1187. &quot;unit&quot;: &quot;px&quot;,
  1188. &quot;value&quot;: 12.0
  1189. }
  1190. },
  1191. &quot;backgroundColor&quot;: {
  1192. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1193. &quot;sitePaletteColor&quot;: {
  1194. &quot;colorName&quot;: &quot;white&quot;,
  1195. &quot;alphaModifier&quot;: 1.0
  1196. }
  1197. },
  1198. &quot;navigationColor&quot;: {
  1199. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1200. &quot;sitePaletteColor&quot;: {
  1201. &quot;colorName&quot;: &quot;black&quot;,
  1202. &quot;alphaModifier&quot;: 1.0
  1203. }
  1204. }
  1205. },
  1206. &quot;dropShadowOptions&quot;: {
  1207. &quot;enabled&quot;: false,
  1208. &quot;blur&quot;: {
  1209. &quot;unit&quot;: &quot;px&quot;,
  1210. &quot;value&quot;: 12.0
  1211. },
  1212. &quot;spread&quot;: {
  1213. &quot;unit&quot;: &quot;px&quot;,
  1214. &quot;value&quot;: 0.0
  1215. },
  1216. &quot;distance&quot;: {
  1217. &quot;unit&quot;: &quot;px&quot;,
  1218. &quot;value&quot;: 12.0
  1219. }
  1220. },
  1221. &quot;borderOptions&quot;: {
  1222. &quot;enabled&quot;: true,
  1223. &quot;position&quot;: &quot;allSides&quot;,
  1224. &quot;thickness&quot;: {
  1225. &quot;unit&quot;: &quot;px&quot;,
  1226. &quot;value&quot;: 1.0
  1227. }
  1228. },
  1229. &quot;showPromotedElement&quot;: false,
  1230. &quot;buttonVariant&quot;: &quot;primary&quot;,
  1231. &quot;blurBackground&quot;: {
  1232. &quot;enabled&quot;: false,
  1233. &quot;blurRadius&quot;: {
  1234. &quot;unit&quot;: &quot;px&quot;,
  1235. &quot;value&quot;: 12.0
  1236. }
  1237. },
  1238. &quot;headerOpacity&quot;: {
  1239. &quot;unit&quot;: &quot;%&quot;,
  1240. &quot;value&quot;: 100.0
  1241. }
  1242. }"
  1243.    data-section-id="header"
  1244.    data-header-style="theme"
  1245.    data-language-picker="{
  1246. &quot;enabled&quot;: false,
  1247. &quot;iconEnabled&quot;: false,
  1248. &quot;iconType&quot;: &quot;globe&quot;,
  1249. &quot;flagShape&quot;: &quot;shiny&quot;,
  1250. &quot;languageFlags&quot;: [ ]
  1251. }"
  1252.    
  1253.    data-first-focusable-element
  1254.    tabindex="-1"
  1255.    style="
  1256.      
  1257.      
  1258.      
  1259.        --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1260.      
  1261.      
  1262.        --solidHeaderNavigationColor: hsla(var(--lightAccent-hsl), 1);
  1263.      
  1264.      
  1265.        --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1266.      
  1267.      
  1268.        --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
  1269.      
  1270.    "
  1271.  >
  1272.    <svg  style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
  1273.  <symbol id="circle" >
  1274.    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" />
  1275.  </symbol>
  1276.  
  1277.  <symbol id="circleFilled" >
  1278.    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" />
  1279.  </symbol>
  1280.  
  1281.  <symbol id="dash" >
  1282.    <path d="M11 11H19H3" />
  1283.  </symbol>
  1284.  
  1285.  <symbol id="squareFilled" >
  1286.    <rect x="6" y="6" width="11" height="11" />
  1287.  </symbol>
  1288.  
  1289.  <symbol id="square" >
  1290.    <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" />
  1291.  </symbol>
  1292.  
  1293.  <symbol id="plus" >
  1294.    <path d="M11 3V19" />
  1295.    <path d="M19 11L3 11"/>
  1296.  </symbol>
  1297.  
  1298.  <symbol id="closedArrow" >
  1299.    <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" />
  1300.  </symbol>
  1301.  
  1302.  <symbol id="closedArrowFilled" >
  1303.    <path d="M11 11L11 2" stroke="inherit" fill="none"  />
  1304.    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" />
  1305.  </symbol>
  1306.  
  1307.  <symbol id="closedArrowHead" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
  1308.    <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" />
  1309.  </symbol>
  1310.  
  1311.  
  1312.  <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
  1313.    <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" />
  1314.  </symbol>
  1315.  
  1316.  <symbol id="openArrow" >
  1317.    <path d="M11 18.3591L11 3" stroke="inherit" fill="none"  />
  1318.    <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none"  />
  1319.  </symbol>
  1320.  
  1321.  <symbol id="openArrowHead" >
  1322.    <path d="M18 7L11 14L4 7" fill="none" />
  1323.  </symbol>
  1324.  
  1325.  <symbol id="pinchedArrow" >
  1326.    <path d="M11 17.3591L11 2" fill="none" />
  1327.    <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" />
  1328.  </symbol>
  1329.  
  1330.  <symbol id="pinchedArrowFilled" >
  1331.    <path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1"/>
  1332.    <path d="M11 11L11 1" fill="none"/>
  1333.  </symbol>
  1334.  
  1335.  <symbol id="pinchedArrowHead" >
  1336.    <path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091"  fill="none" />
  1337.  </symbol>
  1338.  
  1339.  <symbol id="pinchedArrowHeadFilled" >
  1340.    <path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" />
  1341.  </symbol>
  1342.  
  1343. </svg>
  1344.    
  1345.  <script>
  1346.    function shouldShowAnnouncementBar() {
  1347.      try {
  1348.        if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) {
  1349.          return false;
  1350.        }
  1351.        var localDataStr = localStorage.getItem('squarespace-announcement-bar');
  1352.        if (localDataStr && JSON.parse(localDataStr).closed) {
  1353.          return false;
  1354.        }
  1355.        return true;
  1356.      } catch(e) {
  1357.        console.error(e);
  1358.        return true;
  1359.      }
  1360.    }
  1361.    if (shouldShowAnnouncementBar()) {
  1362.      document.body.classList.add('announcement-bar-reserved-space');
  1363.    }
  1364.    //# sourceURL=reserveSpaceForAnnouncementBar.js
  1365.  </script>
  1366.  
  1367. <div class="sqs-announcement-bar-dropzone"></div>
  1368.  
  1369.    <div class="header-announcement-bar-wrapper">
  1370.      
  1371.      <a
  1372.        href="#page"
  1373.        class="header-skip-link sqs-button-element--primary"
  1374.      >
  1375.        Skip to Content
  1376.      </a>
  1377.      
  1378.  
  1379.  
  1380. <style>
  1381.    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  1382.        .header-blur-background {
  1383.            
  1384.            
  1385.        }
  1386.    }
  1387. </style>
  1388.      <div
  1389.        class="header-border"
  1390.        data-header-style="theme"
  1391.        data-header-border="true"
  1392.        data-test="header-border"
  1393.        style="
  1394.  
  1395.  
  1396.  
  1397.    border-width: 1px !important;
  1398.  
  1399.  
  1400.  
  1401.  
  1402. "
  1403.      ></div>
  1404.      <div
  1405.        class="header-dropshadow"
  1406.        data-header-style="theme"
  1407.        data-header-dropshadow="false"
  1408.        data-test="header-dropshadow"
  1409.        style=""
  1410.      ></div>
  1411.      
  1412.      
  1413.  
  1414.      <div class='header-inner container--fluid
  1415.        
  1416.        
  1417.        
  1418.        
  1419.        
  1420.        
  1421.        
  1422.        
  1423.         header-mobile-layout-logo-right-nav-left
  1424.         header-layout-branding-center-nav-center
  1425.        
  1426.        
  1427.        
  1428.        
  1429.        
  1430.        
  1431.        
  1432.        
  1433.        
  1434.        '
  1435.        data-test="header-inner"
  1436.        >
  1437.        <!-- Background -->
  1438.        <div class="header-background theme-bg--primary"></div>
  1439.  
  1440.        <div class="header-display-desktop" data-content-field="site-title">
  1441.          
  1442.  
  1443.          
  1444.  
  1445.          
  1446.  
  1447.          
  1448.  
  1449.          
  1450.  
  1451.          
  1452.          
  1453.            
  1454.            <!-- Social -->
  1455.            
  1456.              
  1457.                <div class="header-actions header-actions--left">
  1458.                  <div class="header-actions-action header-actions-action--social">
  1459.                    
  1460.                      
  1461.                    
  1462.                  </div>
  1463.                </div>
  1464.              
  1465.            
  1466.          
  1467.            
  1468.            <!-- Title and nav wrapper -->
  1469.            <div class="header-title-nav-wrapper">
  1470.              
  1471.  
  1472.              
  1473.  
  1474.              
  1475.                
  1476.                <!-- Title -->
  1477.                
  1478.                  <div
  1479.                    class="
  1480.                      header-title
  1481.                      header-title--use-mobile-logo
  1482.                    "
  1483.                    data-animation-role="header-element"
  1484.                  >
  1485.                    
  1486.                      <div class="header-title-logo">
  1487.                        <a href="/" data-animation-role="header-element">
  1488.                        <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w">
  1489. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w" alt="New Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture>
  1490.  
  1491.                        </a>
  1492.                      </div>
  1493.  
  1494.                    
  1495.                    
  1496.                      <div class="header-mobile-logo">
  1497.                        <a href="/" data-animation-role="header-element">
  1498.                          <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w">
  1499. <img elementtiming="nbf-header-logo-mobile" src="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w" alt="New Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture>
  1500.  
  1501.                        </a>
  1502.                      </div>
  1503.                    
  1504.                  </div>
  1505.                
  1506.              
  1507.                
  1508.                <!-- Nav -->
  1509.                <div class="header-nav">
  1510.                  <div class="header-nav-wrapper">
  1511.                    <nav class="header-nav-list">
  1512.                      
  1513.  
  1514.  
  1515.  
  1516.    <div class="header-nav-item header-nav-item--folder">
  1517.      <a
  1518.        class="header-nav-folder-title"
  1519.        href="/interior-doors-folder"
  1520.        data-animation-role="header-element"
  1521.        aria-expanded="false"
  1522.        aria-label="folder dropdown"
  1523.        aria-controls="interior-doors"
  1524.        
  1525.      >
  1526.      <span class="header-nav-folder-title-text">
  1527.        Interior Doors
  1528.      </span>
  1529.      </a>
  1530.      <div class="header-nav-folder-content" id="interior-doors">
  1531.        
  1532.          
  1533.            <div class="header-nav-folder-item">
  1534.              <a
  1535.                href="/interior-doors/signature-collection"
  1536.                
  1537.              >
  1538.                <span class="header-nav-folder-item-content">
  1539.                  Signature Collection
  1540.                </span>
  1541.              </a>
  1542.            </div>
  1543.          
  1544.          
  1545.        
  1546.          
  1547.            <div class="header-nav-folder-item">
  1548.              <a
  1549.                href="/interior-doors/premium-doors"
  1550.                
  1551.              >
  1552.                <span class="header-nav-folder-item-content">
  1553.                  Premium Doors
  1554.                </span>
  1555.              </a>
  1556.            </div>
  1557.          
  1558.          
  1559.        
  1560.          
  1561.            <div class="header-nav-folder-item">
  1562.              <a
  1563.                href="/interior-doors/glass-doors"
  1564.                
  1565.              >
  1566.                <span class="header-nav-folder-item-content">
  1567.                  Glass Doors
  1568.                </span>
  1569.              </a>
  1570.            </div>
  1571.          
  1572.          
  1573.        
  1574.          
  1575.            <div class="header-nav-folder-item">
  1576.              <a
  1577.                href="/interior-doors/stain-grade-doors"
  1578.                
  1579.              >
  1580.                <span class="header-nav-folder-item-content">
  1581.                  Stain Grade Doors
  1582.                </span>
  1583.              </a>
  1584.            </div>
  1585.          
  1586.          
  1587.        
  1588.          
  1589.            <div class="header-nav-folder-item">
  1590.              <a
  1591.                href="/interior-doors/contemporary-doors"
  1592.                
  1593.              >
  1594.                <span class="header-nav-folder-item-content">
  1595.                  Contemporary Doors
  1596.                </span>
  1597.              </a>
  1598.            </div>
  1599.          
  1600.          
  1601.        
  1602.      </div>
  1603.    </div>
  1604.  
  1605.  
  1606.  
  1607.  
  1608.  
  1609.    <div class="header-nav-item header-nav-item--folder">
  1610.      <a
  1611.        class="header-nav-folder-title"
  1612.        href="/closet-doors-folder"
  1613.        data-animation-role="header-element"
  1614.        aria-expanded="false"
  1615.        aria-label="folder dropdown"
  1616.        aria-controls="closet-doors"
  1617.        
  1618.      >
  1619.      <span class="header-nav-folder-title-text">
  1620.        Closet Doors
  1621.      </span>
  1622.      </a>
  1623.      <div class="header-nav-folder-content" id="closet-doors">
  1624.        
  1625.          
  1626.            <div class="header-nav-folder-item">
  1627.              <a
  1628.                href="/closet-doors/mirrored-closet-doors"
  1629.                
  1630.              >
  1631.                <span class="header-nav-folder-item-content">
  1632.                  Mirrored Closet Doors
  1633.                </span>
  1634.              </a>
  1635.            </div>
  1636.          
  1637.          
  1638.        
  1639.          
  1640.            <div class="header-nav-folder-item">
  1641.              <a
  1642.                href="/closet-doors/panel-louver-and-flush-doors"
  1643.                
  1644.              >
  1645.                <span class="header-nav-folder-item-content">
  1646.                  Paneled &amp; Louver Doors
  1647.                </span>
  1648.              </a>
  1649.            </div>
  1650.          
  1651.          
  1652.        
  1653.          
  1654.            <div class="header-nav-folder-item">
  1655.              <a
  1656.                href="/closet-doors/glass-closet-doors"
  1657.                
  1658.              >
  1659.                <span class="header-nav-folder-item-content">
  1660.                  Glass Closet Doors
  1661.                </span>
  1662.              </a>
  1663.            </div>
  1664.          
  1665.          
  1666.        
  1667.          
  1668.            <div class="header-nav-folder-item">
  1669.              <a
  1670.                href="/closet-doors/sliding-true-shoji"
  1671.                
  1672.              >
  1673.                <span class="header-nav-folder-item-content">
  1674.                  True Shoji
  1675.                </span>
  1676.              </a>
  1677.            </div>
  1678.          
  1679.          
  1680.        
  1681.      </div>
  1682.    </div>
  1683.  
  1684.  
  1685.  
  1686.  
  1687.  
  1688.    <div class="header-nav-item header-nav-item--collection">
  1689.      <a
  1690.        href="/room-dividers"
  1691.        data-animation-role="header-element"
  1692.        
  1693.      >
  1694.        Room Dividers
  1695.      </a>
  1696.    </div>
  1697.  
  1698.  
  1699.  
  1700.  
  1701.  
  1702.  
  1703.    <div class="header-nav-item header-nav-item--folder">
  1704.      <a
  1705.        class="header-nav-folder-title"
  1706.        href="/barn-doors-folder"
  1707.        data-animation-role="header-element"
  1708.        aria-expanded="false"
  1709.        aria-label="folder dropdown"
  1710.        aria-controls="barn-doors"
  1711.        
  1712.      >
  1713.      <span class="header-nav-folder-title-text">
  1714.        Barn Doors
  1715.      </span>
  1716.      </a>
  1717.      <div class="header-nav-folder-content" id="barn-doors">
  1718.        
  1719.          
  1720.            <div class="header-nav-folder-item">
  1721.              <a
  1722.                href="/barn-doors/paneled-wood-doors"
  1723.                
  1724.              >
  1725.                <span class="header-nav-folder-item-content">
  1726.                  Paneled Doors
  1727.                </span>
  1728.              </a>
  1729.            </div>
  1730.          
  1731.          
  1732.        
  1733.          
  1734.            <div class="header-nav-folder-item">
  1735.              <a
  1736.                href="/barn-doors/glass-mirrored-doors"
  1737.                
  1738.              >
  1739.                <span class="header-nav-folder-item-content">
  1740.                  Glass &amp; Mirrored Doors
  1741.                </span>
  1742.              </a>
  1743.            </div>
  1744.          
  1745.          
  1746.        
  1747.          
  1748.            <div class="header-nav-folder-item">
  1749.              <a
  1750.                href="/barn-doors/tracks"
  1751.                
  1752.              >
  1753.                <span class="header-nav-folder-item-content">
  1754.                  Tracks
  1755.                </span>
  1756.              </a>
  1757.            </div>
  1758.          
  1759.          
  1760.        
  1761.          
  1762.            <div class="header-nav-folder-item">
  1763.              <a
  1764.                href="/barn-doors/pulls"
  1765.                
  1766.              >
  1767.                <span class="header-nav-folder-item-content">
  1768.                  Pulls
  1769.                </span>
  1770.              </a>
  1771.            </div>
  1772.          
  1773.          
  1774.        
  1775.      </div>
  1776.    </div>
  1777.  
  1778.  
  1779.  
  1780.  
  1781.  
  1782.    <div class="header-nav-item header-nav-item--folder">
  1783.      <a
  1784.        class="header-nav-folder-title"
  1785.        href="/organizers-folder"
  1786.        data-animation-role="header-element"
  1787.        aria-expanded="false"
  1788.        aria-label="folder dropdown"
  1789.        aria-controls="organizers"
  1790.        
  1791.      >
  1792.      <span class="header-nav-folder-title-text">
  1793.        Organizers
  1794.      </span>
  1795.      </a>
  1796.      <div class="header-nav-folder-content" id="organizers">
  1797.        
  1798.          
  1799.            <div class="header-nav-folder-item">
  1800.              <a
  1801.                href="/organizers/reach-in-closet-organizers"
  1802.                
  1803.              >
  1804.                <span class="header-nav-folder-item-content">
  1805.                  Reach-in Closet Organizers
  1806.                </span>
  1807.              </a>
  1808.            </div>
  1809.          
  1810.          
  1811.        
  1812.          
  1813.            <div class="header-nav-folder-item">
  1814.              <a
  1815.                href="/organizers/walk-in-closet-organizers"
  1816.                
  1817.              >
  1818.                <span class="header-nav-folder-item-content">
  1819.                  Walk-in Closet Organizers
  1820.                </span>
  1821.              </a>
  1822.            </div>
  1823.          
  1824.          
  1825.        
  1826.          
  1827.            <div class="header-nav-folder-item">
  1828.              <a
  1829.                href="/organizers/closet-accessories"
  1830.                
  1831.              >
  1832.                <span class="header-nav-folder-item-content">
  1833.                  Closet Accessories
  1834.                </span>
  1835.              </a>
  1836.            </div>
  1837.          
  1838.          
  1839.        
  1840.          
  1841.            <div class="header-nav-folder-item">
  1842.              <a
  1843.                href="/organizers/garage-accessories"
  1844.                
  1845.              >
  1846.                <span class="header-nav-folder-item-content">
  1847.                  Garage Organizers
  1848.                </span>
  1849.              </a>
  1850.            </div>
  1851.          
  1852.          
  1853.        
  1854.      </div>
  1855.    </div>
  1856.  
  1857.  
  1858.  
  1859.  
  1860.  
  1861.    <div class="header-nav-item header-nav-item--folder">
  1862.      <a
  1863.        class="header-nav-folder-title"
  1864.        href="/door-installation-folder"
  1865.        data-animation-role="header-element"
  1866.        aria-expanded="false"
  1867.        aria-label="folder dropdown"
  1868.        aria-controls="door-installation"
  1869.        
  1870.      >
  1871.      <span class="header-nav-folder-title-text">
  1872.        Door Installation
  1873.      </span>
  1874.      </a>
  1875.      <div class="header-nav-folder-content" id="door-installation">
  1876.        
  1877.          
  1878.            <div class="header-nav-folder-item">
  1879.              <a
  1880.                href="/door-installation/contractors"
  1881.                
  1882.              >
  1883.                <span class="header-nav-folder-item-content">
  1884.                  Contractors
  1885.                </span>
  1886.              </a>
  1887.            </div>
  1888.          
  1889.          
  1890.        
  1891.          
  1892.            <div class="header-nav-folder-item">
  1893.              <a
  1894.                href="/door-installation/real-estate-agents"
  1895.                
  1896.              >
  1897.                <span class="header-nav-folder-item-content">
  1898.                  Real Estate Agents
  1899.                </span>
  1900.              </a>
  1901.            </div>
  1902.          
  1903.          
  1904.        
  1905.          
  1906.            <div class="header-nav-folder-item">
  1907.              <a
  1908.                href="/door-installation/interior-designers"
  1909.                
  1910.              >
  1911.                <span class="header-nav-folder-item-content">
  1912.                  Interior Designers
  1913.                </span>
  1914.              </a>
  1915.            </div>
  1916.          
  1917.          
  1918.        
  1919.      </div>
  1920.    </div>
  1921.  
  1922.  
  1923.  
  1924.  
  1925.  
  1926.    <div class="header-nav-item header-nav-item--folder">
  1927.      <a
  1928.        class="header-nav-folder-title"
  1929.        href="/about-folder"
  1930.        data-animation-role="header-element"
  1931.        aria-expanded="false"
  1932.        aria-label="folder dropdown"
  1933.        aria-controls="about-us"
  1934.        
  1935.      >
  1936.      <span class="header-nav-folder-title-text">
  1937.        About Us
  1938.      </span>
  1939.      </a>
  1940.      <div class="header-nav-folder-content" id="about-us">
  1941.        
  1942.          
  1943.            <div class="header-nav-folder-item">
  1944.              <a
  1945.                href="/faq"
  1946.                
  1947.              >
  1948.                <span class="header-nav-folder-item-content">
  1949.                  FAQ
  1950.                </span>
  1951.              </a>
  1952.            </div>
  1953.          
  1954.          
  1955.        
  1956.          
  1957.            <div class="header-nav-folder-item">
  1958.              <a
  1959.                href="/testimonials"
  1960.                
  1961.              >
  1962.                <span class="header-nav-folder-item-content">
  1963.                  Testimonials
  1964.                </span>
  1965.              </a>
  1966.            </div>
  1967.          
  1968.          
  1969.        
  1970.          
  1971.            <div class="header-nav-folder-item">
  1972.              <a
  1973.                href="/will-call"
  1974.                
  1975.              >
  1976.                <span class="header-nav-folder-item-content">
  1977.                  Local pickup / Will Call
  1978.                </span>
  1979.              </a>
  1980.            </div>
  1981.          
  1982.          
  1983.        
  1984.      </div>
  1985.    </div>
  1986.  
  1987.  
  1988.  
  1989.  
  1990.  
  1991.    <div class="header-nav-item header-nav-item--collection">
  1992.      <a
  1993.        href="/contact-us"
  1994.        data-animation-role="header-element"
  1995.        
  1996.      >
  1997.        Contact Us
  1998.      </a>
  1999.    </div>
  2000.  
  2001.  
  2002.  
  2003.  
  2004.  
  2005.  
  2006.                    </nav>
  2007.                  </div>
  2008.                </div>
  2009.              
  2010.              
  2011.            </div>
  2012.          
  2013.            
  2014.            <!-- Actions -->
  2015.            <div class="header-actions header-actions--right">
  2016.              
  2017.                
  2018.              
  2019.              
  2020.                
  2021.                
  2022.              
  2023.  
  2024.              
  2025.  
  2026.            
  2027.            
  2028.  
  2029.              
  2030.              <div class="showOnMobile">
  2031.                
  2032.              </div>
  2033.  
  2034.              
  2035.              <div class="showOnDesktop">
  2036.                
  2037.              </div>
  2038.  
  2039.              
  2040.            </div>
  2041.          
  2042.            
  2043.  
  2044.  
  2045. <style>
  2046.  .top-bun,
  2047.  .patty,
  2048.  .bottom-bun {
  2049.    height: 3px;
  2050.  }
  2051. </style>
  2052.  
  2053. <!-- Burger -->
  2054. <div class="header-burger
  2055.  
  2056.  menu-overlay-has-visible-non-navigation-items
  2057.  
  2058. " data-animation-role="header-element">
  2059.  <button class="header-burger-btn burger" data-test="header-burger">
  2060.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2061.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2062.    <div class="burger-box">
  2063.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2064.        <div class="top-bun"></div>
  2065.        <div class="patty"></div>
  2066.        <div class="bottom-bun"></div>
  2067.      </div>
  2068.    </div>
  2069.  </button>
  2070. </div>
  2071.  
  2072.          
  2073.          
  2074.          
  2075.          
  2076.          
  2077.  
  2078.        </div>
  2079.        <div class="header-display-mobile" data-content-field="site-title">
  2080.          
  2081.          
  2082.          
  2083.          
  2084.          
  2085.            
  2086.            <!-- Social -->
  2087.            
  2088.              
  2089.                <div class="header-actions header-actions--left">
  2090.                  <div class="header-actions-action header-actions-action--social">
  2091.                    
  2092.                      
  2093.                    
  2094.                  </div>
  2095.                </div>
  2096.              
  2097.            
  2098.          
  2099.            
  2100.  
  2101.  
  2102. <style>
  2103.  .top-bun,
  2104.  .patty,
  2105.  .bottom-bun {
  2106.    height: 3px;
  2107.  }
  2108. </style>
  2109.  
  2110. <!-- Burger -->
  2111. <div class="header-burger
  2112.  
  2113.  menu-overlay-has-visible-non-navigation-items
  2114.  
  2115. " data-animation-role="header-element">
  2116.  <button class="header-burger-btn burger" data-test="header-burger">
  2117.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2118.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2119.    <div class="burger-box">
  2120.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2121.        <div class="top-bun"></div>
  2122.        <div class="patty"></div>
  2123.        <div class="bottom-bun"></div>
  2124.      </div>
  2125.    </div>
  2126.  </button>
  2127. </div>
  2128.  
  2129.            
  2130.            <!-- Actions -->
  2131.            <div class="header-actions header-actions--right">
  2132.              
  2133.                
  2134.              
  2135.              
  2136.                
  2137.                
  2138.              
  2139.  
  2140.              
  2141.  
  2142.            
  2143.            
  2144.  
  2145.              
  2146.              <div class="showOnMobile">
  2147.                
  2148.              </div>
  2149.  
  2150.              
  2151.              <div class="showOnDesktop">
  2152.                
  2153.              </div>
  2154.  
  2155.              
  2156.            </div>
  2157.          
  2158.            
  2159.            <!-- Title and nav wrapper -->
  2160.            <div class="header-title-nav-wrapper">
  2161.              
  2162.  
  2163.              
  2164.  
  2165.              
  2166.                
  2167.                <!-- Title -->
  2168.                
  2169.                  <div
  2170.                    class="
  2171.                      header-title
  2172.                      header-title--use-mobile-logo
  2173.                    "
  2174.                    data-animation-role="header-element"
  2175.                  >
  2176.                    
  2177.                      <div class="header-title-logo">
  2178.                        <a href="/" data-animation-role="header-element">
  2179.                        <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w">
  2180. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w" alt="New Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture>
  2181.  
  2182.                        </a>
  2183.                      </div>
  2184.  
  2185.                    
  2186.                    
  2187.                      <div class="header-mobile-logo">
  2188.                        <a href="/" data-animation-role="header-element">
  2189.                          <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w">
  2190. <img elementtiming="nbf-header-logo-mobile" src="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w" alt="New Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture>
  2191.  
  2192.                        </a>
  2193.                      </div>
  2194.                    
  2195.                  </div>
  2196.                
  2197.              
  2198.                
  2199.                <!-- Nav -->
  2200.                <div class="header-nav">
  2201.                  <div class="header-nav-wrapper">
  2202.                    <nav class="header-nav-list">
  2203.                      
  2204.  
  2205.  
  2206.  
  2207.    <div class="header-nav-item header-nav-item--folder">
  2208.      <a
  2209.        class="header-nav-folder-title"
  2210.        href="/interior-doors-folder"
  2211.        data-animation-role="header-element"
  2212.        aria-expanded="false"
  2213.        aria-label="folder dropdown"
  2214.        aria-controls="interior-doors"
  2215.        
  2216.      >
  2217.      <span class="header-nav-folder-title-text">
  2218.        Interior Doors
  2219.      </span>
  2220.      </a>
  2221.      <div class="header-nav-folder-content" id="interior-doors">
  2222.        
  2223.          
  2224.            <div class="header-nav-folder-item">
  2225.              <a
  2226.                href="/interior-doors/signature-collection"
  2227.                
  2228.              >
  2229.                <span class="header-nav-folder-item-content">
  2230.                  Signature Collection
  2231.                </span>
  2232.              </a>
  2233.            </div>
  2234.          
  2235.          
  2236.        
  2237.          
  2238.            <div class="header-nav-folder-item">
  2239.              <a
  2240.                href="/interior-doors/premium-doors"
  2241.                
  2242.              >
  2243.                <span class="header-nav-folder-item-content">
  2244.                  Premium Doors
  2245.                </span>
  2246.              </a>
  2247.            </div>
  2248.          
  2249.          
  2250.        
  2251.          
  2252.            <div class="header-nav-folder-item">
  2253.              <a
  2254.                href="/interior-doors/glass-doors"
  2255.                
  2256.              >
  2257.                <span class="header-nav-folder-item-content">
  2258.                  Glass Doors
  2259.                </span>
  2260.              </a>
  2261.            </div>
  2262.          
  2263.          
  2264.        
  2265.          
  2266.            <div class="header-nav-folder-item">
  2267.              <a
  2268.                href="/interior-doors/stain-grade-doors"
  2269.                
  2270.              >
  2271.                <span class="header-nav-folder-item-content">
  2272.                  Stain Grade Doors
  2273.                </span>
  2274.              </a>
  2275.            </div>
  2276.          
  2277.          
  2278.        
  2279.          
  2280.            <div class="header-nav-folder-item">
  2281.              <a
  2282.                href="/interior-doors/contemporary-doors"
  2283.                
  2284.              >
  2285.                <span class="header-nav-folder-item-content">
  2286.                  Contemporary Doors
  2287.                </span>
  2288.              </a>
  2289.            </div>
  2290.          
  2291.          
  2292.        
  2293.      </div>
  2294.    </div>
  2295.  
  2296.  
  2297.  
  2298.  
  2299.  
  2300.    <div class="header-nav-item header-nav-item--folder">
  2301.      <a
  2302.        class="header-nav-folder-title"
  2303.        href="/closet-doors-folder"
  2304.        data-animation-role="header-element"
  2305.        aria-expanded="false"
  2306.        aria-label="folder dropdown"
  2307.        aria-controls="closet-doors"
  2308.        
  2309.      >
  2310.      <span class="header-nav-folder-title-text">
  2311.        Closet Doors
  2312.      </span>
  2313.      </a>
  2314.      <div class="header-nav-folder-content" id="closet-doors">
  2315.        
  2316.          
  2317.            <div class="header-nav-folder-item">
  2318.              <a
  2319.                href="/closet-doors/mirrored-closet-doors"
  2320.                
  2321.              >
  2322.                <span class="header-nav-folder-item-content">
  2323.                  Mirrored Closet Doors
  2324.                </span>
  2325.              </a>
  2326.            </div>
  2327.          
  2328.          
  2329.        
  2330.          
  2331.            <div class="header-nav-folder-item">
  2332.              <a
  2333.                href="/closet-doors/panel-louver-and-flush-doors"
  2334.                
  2335.              >
  2336.                <span class="header-nav-folder-item-content">
  2337.                  Paneled &amp; Louver Doors
  2338.                </span>
  2339.              </a>
  2340.            </div>
  2341.          
  2342.          
  2343.        
  2344.          
  2345.            <div class="header-nav-folder-item">
  2346.              <a
  2347.                href="/closet-doors/glass-closet-doors"
  2348.                
  2349.              >
  2350.                <span class="header-nav-folder-item-content">
  2351.                  Glass Closet Doors
  2352.                </span>
  2353.              </a>
  2354.            </div>
  2355.          
  2356.          
  2357.        
  2358.          
  2359.            <div class="header-nav-folder-item">
  2360.              <a
  2361.                href="/closet-doors/sliding-true-shoji"
  2362.                
  2363.              >
  2364.                <span class="header-nav-folder-item-content">
  2365.                  True Shoji
  2366.                </span>
  2367.              </a>
  2368.            </div>
  2369.          
  2370.          
  2371.        
  2372.      </div>
  2373.    </div>
  2374.  
  2375.  
  2376.  
  2377.  
  2378.  
  2379.    <div class="header-nav-item header-nav-item--collection">
  2380.      <a
  2381.        href="/room-dividers"
  2382.        data-animation-role="header-element"
  2383.        
  2384.      >
  2385.        Room Dividers
  2386.      </a>
  2387.    </div>
  2388.  
  2389.  
  2390.  
  2391.  
  2392.  
  2393.  
  2394.    <div class="header-nav-item header-nav-item--folder">
  2395.      <a
  2396.        class="header-nav-folder-title"
  2397.        href="/barn-doors-folder"
  2398.        data-animation-role="header-element"
  2399.        aria-expanded="false"
  2400.        aria-label="folder dropdown"
  2401.        aria-controls="barn-doors"
  2402.        
  2403.      >
  2404.      <span class="header-nav-folder-title-text">
  2405.        Barn Doors
  2406.      </span>
  2407.      </a>
  2408.      <div class="header-nav-folder-content" id="barn-doors">
  2409.        
  2410.          
  2411.            <div class="header-nav-folder-item">
  2412.              <a
  2413.                href="/barn-doors/paneled-wood-doors"
  2414.                
  2415.              >
  2416.                <span class="header-nav-folder-item-content">
  2417.                  Paneled Doors
  2418.                </span>
  2419.              </a>
  2420.            </div>
  2421.          
  2422.          
  2423.        
  2424.          
  2425.            <div class="header-nav-folder-item">
  2426.              <a
  2427.                href="/barn-doors/glass-mirrored-doors"
  2428.                
  2429.              >
  2430.                <span class="header-nav-folder-item-content">
  2431.                  Glass &amp; Mirrored Doors
  2432.                </span>
  2433.              </a>
  2434.            </div>
  2435.          
  2436.          
  2437.        
  2438.          
  2439.            <div class="header-nav-folder-item">
  2440.              <a
  2441.                href="/barn-doors/tracks"
  2442.                
  2443.              >
  2444.                <span class="header-nav-folder-item-content">
  2445.                  Tracks
  2446.                </span>
  2447.              </a>
  2448.            </div>
  2449.          
  2450.          
  2451.        
  2452.          
  2453.            <div class="header-nav-folder-item">
  2454.              <a
  2455.                href="/barn-doors/pulls"
  2456.                
  2457.              >
  2458.                <span class="header-nav-folder-item-content">
  2459.                  Pulls
  2460.                </span>
  2461.              </a>
  2462.            </div>
  2463.          
  2464.          
  2465.        
  2466.      </div>
  2467.    </div>
  2468.  
  2469.  
  2470.  
  2471.  
  2472.  
  2473.    <div class="header-nav-item header-nav-item--folder">
  2474.      <a
  2475.        class="header-nav-folder-title"
  2476.        href="/organizers-folder"
  2477.        data-animation-role="header-element"
  2478.        aria-expanded="false"
  2479.        aria-label="folder dropdown"
  2480.        aria-controls="organizers"
  2481.        
  2482.      >
  2483.      <span class="header-nav-folder-title-text">
  2484.        Organizers
  2485.      </span>
  2486.      </a>
  2487.      <div class="header-nav-folder-content" id="organizers">
  2488.        
  2489.          
  2490.            <div class="header-nav-folder-item">
  2491.              <a
  2492.                href="/organizers/reach-in-closet-organizers"
  2493.                
  2494.              >
  2495.                <span class="header-nav-folder-item-content">
  2496.                  Reach-in Closet Organizers
  2497.                </span>
  2498.              </a>
  2499.            </div>
  2500.          
  2501.          
  2502.        
  2503.          
  2504.            <div class="header-nav-folder-item">
  2505.              <a
  2506.                href="/organizers/walk-in-closet-organizers"
  2507.                
  2508.              >
  2509.                <span class="header-nav-folder-item-content">
  2510.                  Walk-in Closet Organizers
  2511.                </span>
  2512.              </a>
  2513.            </div>
  2514.          
  2515.          
  2516.        
  2517.          
  2518.            <div class="header-nav-folder-item">
  2519.              <a
  2520.                href="/organizers/closet-accessories"
  2521.                
  2522.              >
  2523.                <span class="header-nav-folder-item-content">
  2524.                  Closet Accessories
  2525.                </span>
  2526.              </a>
  2527.            </div>
  2528.          
  2529.          
  2530.        
  2531.          
  2532.            <div class="header-nav-folder-item">
  2533.              <a
  2534.                href="/organizers/garage-accessories"
  2535.                
  2536.              >
  2537.                <span class="header-nav-folder-item-content">
  2538.                  Garage Organizers
  2539.                </span>
  2540.              </a>
  2541.            </div>
  2542.          
  2543.          
  2544.        
  2545.      </div>
  2546.    </div>
  2547.  
  2548.  
  2549.  
  2550.  
  2551.  
  2552.    <div class="header-nav-item header-nav-item--folder">
  2553.      <a
  2554.        class="header-nav-folder-title"
  2555.        href="/door-installation-folder"
  2556.        data-animation-role="header-element"
  2557.        aria-expanded="false"
  2558.        aria-label="folder dropdown"
  2559.        aria-controls="door-installation"
  2560.        
  2561.      >
  2562.      <span class="header-nav-folder-title-text">
  2563.        Door Installation
  2564.      </span>
  2565.      </a>
  2566.      <div class="header-nav-folder-content" id="door-installation">
  2567.        
  2568.          
  2569.            <div class="header-nav-folder-item">
  2570.              <a
  2571.                href="/door-installation/contractors"
  2572.                
  2573.              >
  2574.                <span class="header-nav-folder-item-content">
  2575.                  Contractors
  2576.                </span>
  2577.              </a>
  2578.            </div>
  2579.          
  2580.          
  2581.        
  2582.          
  2583.            <div class="header-nav-folder-item">
  2584.              <a
  2585.                href="/door-installation/real-estate-agents"
  2586.                
  2587.              >
  2588.                <span class="header-nav-folder-item-content">
  2589.                  Real Estate Agents
  2590.                </span>
  2591.              </a>
  2592.            </div>
  2593.          
  2594.          
  2595.        
  2596.          
  2597.            <div class="header-nav-folder-item">
  2598.              <a
  2599.                href="/door-installation/interior-designers"
  2600.                
  2601.              >
  2602.                <span class="header-nav-folder-item-content">
  2603.                  Interior Designers
  2604.                </span>
  2605.              </a>
  2606.            </div>
  2607.          
  2608.          
  2609.        
  2610.      </div>
  2611.    </div>
  2612.  
  2613.  
  2614.  
  2615.  
  2616.  
  2617.    <div class="header-nav-item header-nav-item--folder">
  2618.      <a
  2619.        class="header-nav-folder-title"
  2620.        href="/about-folder"
  2621.        data-animation-role="header-element"
  2622.        aria-expanded="false"
  2623.        aria-label="folder dropdown"
  2624.        aria-controls="about-us"
  2625.        
  2626.      >
  2627.      <span class="header-nav-folder-title-text">
  2628.        About Us
  2629.      </span>
  2630.      </a>
  2631.      <div class="header-nav-folder-content" id="about-us">
  2632.        
  2633.          
  2634.            <div class="header-nav-folder-item">
  2635.              <a
  2636.                href="/faq"
  2637.                
  2638.              >
  2639.                <span class="header-nav-folder-item-content">
  2640.                  FAQ
  2641.                </span>
  2642.              </a>
  2643.            </div>
  2644.          
  2645.          
  2646.        
  2647.          
  2648.            <div class="header-nav-folder-item">
  2649.              <a
  2650.                href="/testimonials"
  2651.                
  2652.              >
  2653.                <span class="header-nav-folder-item-content">
  2654.                  Testimonials
  2655.                </span>
  2656.              </a>
  2657.            </div>
  2658.          
  2659.          
  2660.        
  2661.          
  2662.            <div class="header-nav-folder-item">
  2663.              <a
  2664.                href="/will-call"
  2665.                
  2666.              >
  2667.                <span class="header-nav-folder-item-content">
  2668.                  Local pickup / Will Call
  2669.                </span>
  2670.              </a>
  2671.            </div>
  2672.          
  2673.          
  2674.        
  2675.      </div>
  2676.    </div>
  2677.  
  2678.  
  2679.  
  2680.  
  2681.  
  2682.    <div class="header-nav-item header-nav-item--collection">
  2683.      <a
  2684.        href="/contact-us"
  2685.        data-animation-role="header-element"
  2686.        
  2687.      >
  2688.        Contact Us
  2689.      </a>
  2690.    </div>
  2691.  
  2692.  
  2693.  
  2694.  
  2695.  
  2696.  
  2697.                    </nav>
  2698.                  </div>
  2699.                </div>
  2700.              
  2701.              
  2702.            </div>
  2703.          
  2704.          
  2705.        </div>
  2706.      </div>
  2707.    </div>
  2708.    <!-- (Mobile) Menu Navigation -->
  2709.    <div class="header-menu header-menu--folder-list
  2710.      white
  2711.      
  2712.      
  2713.      
  2714.      
  2715.      "
  2716.      data-section-theme="white"
  2717.      data-current-styles="{
  2718. &quot;layout&quot;: &quot;brandingCenterNavCenter&quot;,
  2719. &quot;action&quot;: {
  2720. &quot;href&quot;: &quot;/donate&quot;,
  2721. &quot;buttonText&quot;: &quot;Donate&quot;,
  2722. &quot;newWindow&quot;: false
  2723. },
  2724. &quot;showSocial&quot;: true,
  2725. &quot;socialOptions&quot;: {
  2726. &quot;socialBorderShape&quot;: &quot;none&quot;,
  2727. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  2728. &quot;socialBorderThickness&quot;: {
  2729. &quot;unit&quot;: &quot;px&quot;,
  2730. &quot;value&quot;: 1.0
  2731. }
  2732. },
  2733. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  2734. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  2735. &quot;cartStyle&quot;: &quot;cart&quot;,
  2736. &quot;cartText&quot;: &quot;Cart&quot;,
  2737. &quot;showEmptyCartState&quot;: true,
  2738. &quot;cartOptions&quot;: {
  2739. &quot;iconType&quot;: &quot;stroke-1&quot;,
  2740. &quot;cartBorderShape&quot;: &quot;none&quot;,
  2741. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  2742. &quot;cartBorderThickness&quot;: {
  2743. &quot;unit&quot;: &quot;px&quot;,
  2744. &quot;value&quot;: 1.0
  2745. }
  2746. },
  2747. &quot;showButton&quot;: false,
  2748. &quot;showCart&quot;: false,
  2749. &quot;showAccountLogin&quot;: false,
  2750. &quot;headerStyle&quot;: &quot;theme&quot;,
  2751. &quot;languagePicker&quot;: {
  2752. &quot;enabled&quot;: false,
  2753. &quot;iconEnabled&quot;: false,
  2754. &quot;iconType&quot;: &quot;globe&quot;,
  2755. &quot;flagShape&quot;: &quot;shiny&quot;,
  2756. &quot;languageFlags&quot;: [ ]
  2757. },
  2758. &quot;iconOptions&quot;: {
  2759. &quot;desktopDropdownIconOptions&quot;: {
  2760. &quot;size&quot;: {
  2761. &quot;unit&quot;: &quot;em&quot;,
  2762. &quot;value&quot;: 1.0
  2763. },
  2764. &quot;iconSpacing&quot;: {
  2765. &quot;unit&quot;: &quot;em&quot;,
  2766. &quot;value&quot;: 0.1
  2767. },
  2768. &quot;strokeWidth&quot;: {
  2769. &quot;unit&quot;: &quot;px&quot;,
  2770. &quot;value&quot;: 4.0
  2771. },
  2772. &quot;endcapType&quot;: &quot;round&quot;,
  2773. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  2774. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  2775. },
  2776. &quot;mobileDropdownIconOptions&quot;: {
  2777. &quot;size&quot;: {
  2778. &quot;unit&quot;: &quot;em&quot;,
  2779. &quot;value&quot;: 1.0
  2780. },
  2781. &quot;iconSpacing&quot;: {
  2782. &quot;unit&quot;: &quot;em&quot;,
  2783. &quot;value&quot;: 0.15
  2784. },
  2785. &quot;strokeWidth&quot;: {
  2786. &quot;unit&quot;: &quot;px&quot;,
  2787. &quot;value&quot;: 0.5
  2788. },
  2789. &quot;endcapType&quot;: &quot;square&quot;,
  2790. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  2791. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  2792. }
  2793. },
  2794. &quot;mobileOptions&quot;: {
  2795. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  2796. &quot;menuIconOptions&quot;: {
  2797. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  2798. &quot;thickness&quot;: {
  2799. &quot;unit&quot;: &quot;px&quot;,
  2800. &quot;value&quot;: 3.0
  2801. }
  2802. }
  2803. },
  2804. &quot;solidOptions&quot;: {
  2805. &quot;headerOpacity&quot;: {
  2806. &quot;unit&quot;: &quot;%&quot;,
  2807. &quot;value&quot;: 100.0
  2808. },
  2809. &quot;blurBackground&quot;: {
  2810. &quot;enabled&quot;: false,
  2811. &quot;blurRadius&quot;: {
  2812. &quot;unit&quot;: &quot;px&quot;,
  2813. &quot;value&quot;: 12.0
  2814. }
  2815. },
  2816. &quot;backgroundColor&quot;: {
  2817. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2818. &quot;sitePaletteColor&quot;: {
  2819. &quot;colorName&quot;: &quot;white&quot;,
  2820. &quot;alphaModifier&quot;: 1.0
  2821. }
  2822. },
  2823. &quot;navigationColor&quot;: {
  2824. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2825. &quot;sitePaletteColor&quot;: {
  2826. &quot;colorName&quot;: &quot;lightAccent&quot;,
  2827. &quot;alphaModifier&quot;: 1.0
  2828. }
  2829. }
  2830. },
  2831. &quot;gradientOptions&quot;: {
  2832. &quot;gradientType&quot;: &quot;faded&quot;,
  2833. &quot;headerOpacity&quot;: {
  2834. &quot;unit&quot;: &quot;%&quot;,
  2835. &quot;value&quot;: 91.0
  2836. },
  2837. &quot;blurBackground&quot;: {
  2838. &quot;enabled&quot;: false,
  2839. &quot;blurRadius&quot;: {
  2840. &quot;unit&quot;: &quot;px&quot;,
  2841. &quot;value&quot;: 12.0
  2842. }
  2843. },
  2844. &quot;backgroundColor&quot;: {
  2845. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2846. &quot;sitePaletteColor&quot;: {
  2847. &quot;colorName&quot;: &quot;white&quot;,
  2848. &quot;alphaModifier&quot;: 1.0
  2849. }
  2850. },
  2851. &quot;navigationColor&quot;: {
  2852. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2853. &quot;sitePaletteColor&quot;: {
  2854. &quot;colorName&quot;: &quot;black&quot;,
  2855. &quot;alphaModifier&quot;: 1.0
  2856. }
  2857. }
  2858. },
  2859. &quot;dropShadowOptions&quot;: {
  2860. &quot;enabled&quot;: false,
  2861. &quot;blur&quot;: {
  2862. &quot;unit&quot;: &quot;px&quot;,
  2863. &quot;value&quot;: 12.0
  2864. },
  2865. &quot;spread&quot;: {
  2866. &quot;unit&quot;: &quot;px&quot;,
  2867. &quot;value&quot;: 0.0
  2868. },
  2869. &quot;distance&quot;: {
  2870. &quot;unit&quot;: &quot;px&quot;,
  2871. &quot;value&quot;: 12.0
  2872. }
  2873. },
  2874. &quot;borderOptions&quot;: {
  2875. &quot;enabled&quot;: true,
  2876. &quot;position&quot;: &quot;allSides&quot;,
  2877. &quot;thickness&quot;: {
  2878. &quot;unit&quot;: &quot;px&quot;,
  2879. &quot;value&quot;: 1.0
  2880. }
  2881. },
  2882. &quot;showPromotedElement&quot;: false,
  2883. &quot;buttonVariant&quot;: &quot;primary&quot;,
  2884. &quot;blurBackground&quot;: {
  2885. &quot;enabled&quot;: false,
  2886. &quot;blurRadius&quot;: {
  2887. &quot;unit&quot;: &quot;px&quot;,
  2888. &quot;value&quot;: 12.0
  2889. }
  2890. },
  2891. &quot;headerOpacity&quot;: {
  2892. &quot;unit&quot;: &quot;%&quot;,
  2893. &quot;value&quot;: 100.0
  2894. }
  2895. }"
  2896.      data-section-id="overlay-nav"
  2897.      data-show-account-login="false"
  2898.      data-test="header-menu">
  2899.      <div class="header-menu-bg theme-bg--primary"></div>
  2900.      <div class="header-menu-nav">
  2901.        <nav class="header-menu-nav-list">
  2902.          <div data-folder="root" class="header-menu-nav-folder">
  2903.            <div class="header-menu-nav-folder-content">
  2904.              <!-- Menu Navigation -->
  2905. <div class="header-menu-nav-wrapper">
  2906.  
  2907.    
  2908.      
  2909.        
  2910.          <div class="container header-menu-nav-item">
  2911.            <a
  2912.              data-folder-id="/interior-doors-folder"
  2913.              href="/interior-doors-folder"
  2914.              
  2915.            >
  2916.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  2917.                <span class="visually-hidden">Folder:</span>
  2918.                <span class="header-nav-folder-title-text">Interior Doors</span>
  2919.              </div>
  2920.            </a>
  2921.          </div>
  2922.          <div data-folder="/interior-doors-folder" class="header-menu-nav-folder">
  2923.            <div class="header-menu-nav-folder-content">
  2924.              <div class="header-menu-controls container header-menu-nav-item">
  2925.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  2926.                  <span>Back</span>
  2927.                </a>
  2928.              </div>
  2929.              
  2930.                
  2931.                  <div class="container header-menu-nav-item">
  2932.                    <a
  2933.                      href="/interior-doors/signature-collection"
  2934.                      
  2935.                    >
  2936.                      <div class="header-menu-nav-item-content">
  2937.                        Signature Collection
  2938.                      </div>
  2939.                    </a>
  2940.                  </div>
  2941.                
  2942.                
  2943.              
  2944.                
  2945.                  <div class="container header-menu-nav-item">
  2946.                    <a
  2947.                      href="/interior-doors/premium-doors"
  2948.                      
  2949.                    >
  2950.                      <div class="header-menu-nav-item-content">
  2951.                        Premium Doors
  2952.                      </div>
  2953.                    </a>
  2954.                  </div>
  2955.                
  2956.                
  2957.              
  2958.                
  2959.                  <div class="container header-menu-nav-item">
  2960.                    <a
  2961.                      href="/interior-doors/glass-doors"
  2962.                      
  2963.                    >
  2964.                      <div class="header-menu-nav-item-content">
  2965.                        Glass Doors
  2966.                      </div>
  2967.                    </a>
  2968.                  </div>
  2969.                
  2970.                
  2971.              
  2972.                
  2973.                  <div class="container header-menu-nav-item">
  2974.                    <a
  2975.                      href="/interior-doors/stain-grade-doors"
  2976.                      
  2977.                    >
  2978.                      <div class="header-menu-nav-item-content">
  2979.                        Stain Grade Doors
  2980.                      </div>
  2981.                    </a>
  2982.                  </div>
  2983.                
  2984.                
  2985.              
  2986.                
  2987.                  <div class="container header-menu-nav-item">
  2988.                    <a
  2989.                      href="/interior-doors/contemporary-doors"
  2990.                      
  2991.                    >
  2992.                      <div class="header-menu-nav-item-content">
  2993.                        Contemporary Doors
  2994.                      </div>
  2995.                    </a>
  2996.                  </div>
  2997.                
  2998.                
  2999.              
  3000.            </div>
  3001.          </div>
  3002.        
  3003.      
  3004.    
  3005.      
  3006.        
  3007.          <div class="container header-menu-nav-item">
  3008.            <a
  3009.              data-folder-id="/closet-doors-folder"
  3010.              href="/closet-doors-folder"
  3011.              
  3012.            >
  3013.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3014.                <span class="visually-hidden">Folder:</span>
  3015.                <span class="header-nav-folder-title-text">Closet Doors</span>
  3016.              </div>
  3017.            </a>
  3018.          </div>
  3019.          <div data-folder="/closet-doors-folder" class="header-menu-nav-folder">
  3020.            <div class="header-menu-nav-folder-content">
  3021.              <div class="header-menu-controls container header-menu-nav-item">
  3022.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3023.                  <span>Back</span>
  3024.                </a>
  3025.              </div>
  3026.              
  3027.                
  3028.                  <div class="container header-menu-nav-item">
  3029.                    <a
  3030.                      href="/closet-doors/mirrored-closet-doors"
  3031.                      
  3032.                    >
  3033.                      <div class="header-menu-nav-item-content">
  3034.                        Mirrored Closet Doors
  3035.                      </div>
  3036.                    </a>
  3037.                  </div>
  3038.                
  3039.                
  3040.              
  3041.                
  3042.                  <div class="container header-menu-nav-item">
  3043.                    <a
  3044.                      href="/closet-doors/panel-louver-and-flush-doors"
  3045.                      
  3046.                    >
  3047.                      <div class="header-menu-nav-item-content">
  3048.                        Paneled &amp; Louver Doors
  3049.                      </div>
  3050.                    </a>
  3051.                  </div>
  3052.                
  3053.                
  3054.              
  3055.                
  3056.                  <div class="container header-menu-nav-item">
  3057.                    <a
  3058.                      href="/closet-doors/glass-closet-doors"
  3059.                      
  3060.                    >
  3061.                      <div class="header-menu-nav-item-content">
  3062.                        Glass Closet Doors
  3063.                      </div>
  3064.                    </a>
  3065.                  </div>
  3066.                
  3067.                
  3068.              
  3069.                
  3070.                  <div class="container header-menu-nav-item">
  3071.                    <a
  3072.                      href="/closet-doors/sliding-true-shoji"
  3073.                      
  3074.                    >
  3075.                      <div class="header-menu-nav-item-content">
  3076.                        True Shoji
  3077.                      </div>
  3078.                    </a>
  3079.                  </div>
  3080.                
  3081.                
  3082.              
  3083.            </div>
  3084.          </div>
  3085.        
  3086.      
  3087.    
  3088.      
  3089.        
  3090.          
  3091.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3092.              <a
  3093.                href="/room-dividers"
  3094.                
  3095.              >
  3096.                <div class="header-menu-nav-item-content">
  3097.                  Room Dividers
  3098.                </div>
  3099.              </a>
  3100.            </div>
  3101.          
  3102.        
  3103.      
  3104.    
  3105.      
  3106.        
  3107.          <div class="container header-menu-nav-item">
  3108.            <a
  3109.              data-folder-id="/barn-doors-folder"
  3110.              href="/barn-doors-folder"
  3111.              
  3112.            >
  3113.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3114.                <span class="visually-hidden">Folder:</span>
  3115.                <span class="header-nav-folder-title-text">Barn Doors</span>
  3116.              </div>
  3117.            </a>
  3118.          </div>
  3119.          <div data-folder="/barn-doors-folder" class="header-menu-nav-folder">
  3120.            <div class="header-menu-nav-folder-content">
  3121.              <div class="header-menu-controls container header-menu-nav-item">
  3122.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3123.                  <span>Back</span>
  3124.                </a>
  3125.              </div>
  3126.              
  3127.                
  3128.                  <div class="container header-menu-nav-item">
  3129.                    <a
  3130.                      href="/barn-doors/paneled-wood-doors"
  3131.                      
  3132.                    >
  3133.                      <div class="header-menu-nav-item-content">
  3134.                        Paneled Doors
  3135.                      </div>
  3136.                    </a>
  3137.                  </div>
  3138.                
  3139.                
  3140.              
  3141.                
  3142.                  <div class="container header-menu-nav-item">
  3143.                    <a
  3144.                      href="/barn-doors/glass-mirrored-doors"
  3145.                      
  3146.                    >
  3147.                      <div class="header-menu-nav-item-content">
  3148.                        Glass &amp; Mirrored Doors
  3149.                      </div>
  3150.                    </a>
  3151.                  </div>
  3152.                
  3153.                
  3154.              
  3155.                
  3156.                  <div class="container header-menu-nav-item">
  3157.                    <a
  3158.                      href="/barn-doors/tracks"
  3159.                      
  3160.                    >
  3161.                      <div class="header-menu-nav-item-content">
  3162.                        Tracks
  3163.                      </div>
  3164.                    </a>
  3165.                  </div>
  3166.                
  3167.                
  3168.              
  3169.                
  3170.                  <div class="container header-menu-nav-item">
  3171.                    <a
  3172.                      href="/barn-doors/pulls"
  3173.                      
  3174.                    >
  3175.                      <div class="header-menu-nav-item-content">
  3176.                        Pulls
  3177.                      </div>
  3178.                    </a>
  3179.                  </div>
  3180.                
  3181.                
  3182.              
  3183.            </div>
  3184.          </div>
  3185.        
  3186.      
  3187.    
  3188.      
  3189.        
  3190.          <div class="container header-menu-nav-item">
  3191.            <a
  3192.              data-folder-id="/organizers-folder"
  3193.              href="/organizers-folder"
  3194.              
  3195.            >
  3196.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3197.                <span class="visually-hidden">Folder:</span>
  3198.                <span class="header-nav-folder-title-text">Organizers</span>
  3199.              </div>
  3200.            </a>
  3201.          </div>
  3202.          <div data-folder="/organizers-folder" class="header-menu-nav-folder">
  3203.            <div class="header-menu-nav-folder-content">
  3204.              <div class="header-menu-controls container header-menu-nav-item">
  3205.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3206.                  <span>Back</span>
  3207.                </a>
  3208.              </div>
  3209.              
  3210.                
  3211.                  <div class="container header-menu-nav-item">
  3212.                    <a
  3213.                      href="/organizers/reach-in-closet-organizers"
  3214.                      
  3215.                    >
  3216.                      <div class="header-menu-nav-item-content">
  3217.                        Reach-in Closet Organizers
  3218.                      </div>
  3219.                    </a>
  3220.                  </div>
  3221.                
  3222.                
  3223.              
  3224.                
  3225.                  <div class="container header-menu-nav-item">
  3226.                    <a
  3227.                      href="/organizers/walk-in-closet-organizers"
  3228.                      
  3229.                    >
  3230.                      <div class="header-menu-nav-item-content">
  3231.                        Walk-in Closet Organizers
  3232.                      </div>
  3233.                    </a>
  3234.                  </div>
  3235.                
  3236.                
  3237.              
  3238.                
  3239.                  <div class="container header-menu-nav-item">
  3240.                    <a
  3241.                      href="/organizers/closet-accessories"
  3242.                      
  3243.                    >
  3244.                      <div class="header-menu-nav-item-content">
  3245.                        Closet Accessories
  3246.                      </div>
  3247.                    </a>
  3248.                  </div>
  3249.                
  3250.                
  3251.              
  3252.                
  3253.                  <div class="container header-menu-nav-item">
  3254.                    <a
  3255.                      href="/organizers/garage-accessories"
  3256.                      
  3257.                    >
  3258.                      <div class="header-menu-nav-item-content">
  3259.                        Garage Organizers
  3260.                      </div>
  3261.                    </a>
  3262.                  </div>
  3263.                
  3264.                
  3265.              
  3266.            </div>
  3267.          </div>
  3268.        
  3269.      
  3270.    
  3271.      
  3272.        
  3273.          <div class="container header-menu-nav-item">
  3274.            <a
  3275.              data-folder-id="/door-installation-folder"
  3276.              href="/door-installation-folder"
  3277.              
  3278.            >
  3279.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3280.                <span class="visually-hidden">Folder:</span>
  3281.                <span class="header-nav-folder-title-text">Door Installation</span>
  3282.              </div>
  3283.            </a>
  3284.          </div>
  3285.          <div data-folder="/door-installation-folder" class="header-menu-nav-folder">
  3286.            <div class="header-menu-nav-folder-content">
  3287.              <div class="header-menu-controls container header-menu-nav-item">
  3288.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3289.                  <span>Back</span>
  3290.                </a>
  3291.              </div>
  3292.              
  3293.                
  3294.                  <div class="container header-menu-nav-item">
  3295.                    <a
  3296.                      href="/door-installation/contractors"
  3297.                      
  3298.                    >
  3299.                      <div class="header-menu-nav-item-content">
  3300.                        Contractors
  3301.                      </div>
  3302.                    </a>
  3303.                  </div>
  3304.                
  3305.                
  3306.              
  3307.                
  3308.                  <div class="container header-menu-nav-item">
  3309.                    <a
  3310.                      href="/door-installation/real-estate-agents"
  3311.                      
  3312.                    >
  3313.                      <div class="header-menu-nav-item-content">
  3314.                        Real Estate Agents
  3315.                      </div>
  3316.                    </a>
  3317.                  </div>
  3318.                
  3319.                
  3320.              
  3321.                
  3322.                  <div class="container header-menu-nav-item">
  3323.                    <a
  3324.                      href="/door-installation/interior-designers"
  3325.                      
  3326.                    >
  3327.                      <div class="header-menu-nav-item-content">
  3328.                        Interior Designers
  3329.                      </div>
  3330.                    </a>
  3331.                  </div>
  3332.                
  3333.                
  3334.              
  3335.            </div>
  3336.          </div>
  3337.        
  3338.      
  3339.    
  3340.      
  3341.        
  3342.          <div class="container header-menu-nav-item">
  3343.            <a
  3344.              data-folder-id="/about-folder"
  3345.              href="/about-folder"
  3346.              
  3347.            >
  3348.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3349.                <span class="visually-hidden">Folder:</span>
  3350.                <span class="header-nav-folder-title-text">About Us</span>
  3351.              </div>
  3352.            </a>
  3353.          </div>
  3354.          <div data-folder="/about-folder" class="header-menu-nav-folder">
  3355.            <div class="header-menu-nav-folder-content">
  3356.              <div class="header-menu-controls container header-menu-nav-item">
  3357.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3358.                  <span>Back</span>
  3359.                </a>
  3360.              </div>
  3361.              
  3362.                
  3363.                  <div class="container header-menu-nav-item">
  3364.                    <a
  3365.                      href="/faq"
  3366.                      
  3367.                    >
  3368.                      <div class="header-menu-nav-item-content">
  3369.                        FAQ
  3370.                      </div>
  3371.                    </a>
  3372.                  </div>
  3373.                
  3374.                
  3375.              
  3376.                
  3377.                  <div class="container header-menu-nav-item">
  3378.                    <a
  3379.                      href="/testimonials"
  3380.                      
  3381.                    >
  3382.                      <div class="header-menu-nav-item-content">
  3383.                        Testimonials
  3384.                      </div>
  3385.                    </a>
  3386.                  </div>
  3387.                
  3388.                
  3389.              
  3390.                
  3391.                  <div class="container header-menu-nav-item">
  3392.                    <a
  3393.                      href="/will-call"
  3394.                      
  3395.                    >
  3396.                      <div class="header-menu-nav-item-content">
  3397.                        Local pickup / Will Call
  3398.                      </div>
  3399.                    </a>
  3400.                  </div>
  3401.                
  3402.                
  3403.              
  3404.            </div>
  3405.          </div>
  3406.        
  3407.      
  3408.    
  3409.      
  3410.        
  3411.          
  3412.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3413.              <a
  3414.                href="/contact-us"
  3415.                
  3416.              >
  3417.                <div class="header-menu-nav-item-content">
  3418.                  Contact Us
  3419.                </div>
  3420.              </a>
  3421.            </div>
  3422.          
  3423.        
  3424.      
  3425.    
  3426.  
  3427. </div>
  3428.  
  3429.              
  3430.                
  3431.              
  3432.            </div>
  3433.            
  3434.              <div class="header-menu-actions social-accounts">
  3435.                
  3436.                  
  3437.                
  3438.              </div>
  3439.            
  3440.            
  3441.            
  3442.          </div>
  3443.        </nav>
  3444.      </div>
  3445.    </div>
  3446.  </header>
  3447.  
  3448.  
  3449.  
  3450.  
  3451.      <main id="page" class="container" role="main">
  3452.        
  3453.          
  3454.            
  3455. <article class="sections" id="sections" data-page-sections="680891619ad6d047ac5c9388">
  3456.  
  3457.  
  3458.    
  3459.    
  3460.  
  3461.  
  3462.  
  3463.  
  3464.  
  3465.  
  3466. <section
  3467.  data-test="page-section"
  3468.  
  3469.  data-section-theme="white"
  3470.  class='page-section
  3471.    
  3472.      full-bleed-section
  3473.      layout-engine-section
  3474.    
  3475.    background-width--full-bleed
  3476.    
  3477.      section-height--small
  3478.    
  3479.    
  3480.      content-width--wide
  3481.    
  3482.    horizontal-alignment--center
  3483.    vertical-alignment--middle
  3484.    
  3485.      
  3486.    
  3487.    
  3488.    white'
  3489.  
  3490.  data-section-id="680891619ad6d047ac5c938c"
  3491.  
  3492.  data-controller="SectionWrapperController"
  3493.  data-current-styles="{
  3494. &quot;imageOverlayOpacity&quot;: 0.15,
  3495. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  3496. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  3497. &quot;customSectionHeight&quot;: 1,
  3498. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  3499. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  3500. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  3501. &quot;customContentWidth&quot;: 50,
  3502. &quot;sectionTheme&quot;: &quot;white&quot;,
  3503. &quot;sectionAnimation&quot;: &quot;none&quot;,
  3504. &quot;backgroundMode&quot;: &quot;image&quot;
  3505. }"
  3506.  data-current-context="{
  3507. &quot;video&quot;: {
  3508. &quot;playbackSpeed&quot;: 0.5,
  3509. &quot;filter&quot;: 1,
  3510. &quot;filterStrength&quot;: 0,
  3511. &quot;zoom&quot;: 0,
  3512. &quot;videoSourceProvider&quot;: &quot;none&quot;
  3513. },
  3514. &quot;backgroundImageId&quot;: null,
  3515. &quot;backgroundMediaEffect&quot;: {
  3516. &quot;type&quot;: &quot;none&quot;
  3517. },
  3518. &quot;divider&quot;: {
  3519. &quot;enabled&quot;: false
  3520. },
  3521. &quot;typeName&quot;: &quot;page&quot;
  3522. }"
  3523.  data-animation="none"
  3524.  data-fluid-engine-section
  3525.  
  3526.  
  3527.    
  3528.  
  3529.  
  3530. >
  3531.  <div
  3532.    class="section-border"
  3533.    
  3534.  >
  3535.    <div class="section-background">
  3536.    
  3537.      
  3538.    
  3539.    </div>
  3540.  </div>
  3541.  <div
  3542.    class='content-wrapper'
  3543.    style='
  3544.      
  3545.        
  3546.      
  3547.    '
  3548.  >
  3549.    <div
  3550.      class="content"
  3551.      
  3552.    >
  3553.      
  3554.      
  3555.      
  3556.      
  3557.      
  3558.      
  3559.      
  3560.      
  3561.      
  3562.      
  3563.      <div data-fluid-engine="true"><style>
  3564.  
  3565. .fe-680891619ad6d047ac5c938b {
  3566.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  3567.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  3568.  
  3569.  display: grid;
  3570.  position: relative;
  3571.  grid-area: 1/1/-1/-1;
  3572.  grid-template-rows: repeat(42,minmax(24px, auto));
  3573.  grid-template-columns:
  3574.    minmax(var(--grid-gutter), 1fr)
  3575.    repeat(8, minmax(0, var(--cell-max-width)))
  3576.    minmax(var(--grid-gutter), 1fr);
  3577.  row-gap: 11.0px;
  3578.  column-gap: 11.0px;
  3579.  overflow-x: hidden;
  3580.  overflow-x: clip;
  3581. }
  3582.  
  3583. @media (min-width: 768px) {
  3584.  .background-width--inset .fe-680891619ad6d047ac5c938b {
  3585.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  3586.  }
  3587.  
  3588.  .fe-680891619ad6d047ac5c938b {
  3589.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  3590.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  3591.    --inset-padding: 0vw;
  3592.  
  3593.    --row-height-scaling-factor: 0.0215;
  3594.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  3595.  
  3596.    grid-template-rows: repeat(33,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  3597.    grid-template-columns:
  3598.      minmax(var(--grid-gutter), 1fr)
  3599.      repeat(24, minmax(0, var(--cell-max-width)))
  3600.      minmax(var(--grid-gutter), 1fr);
  3601.  }
  3602. }
  3603.  
  3604.  
  3605.  .fe-block-ee8a6211b777e349435e {
  3606.    grid-area: 2/2/6/10;
  3607.    z-index: 1;
  3608.  
  3609.    @media (max-width: 767px) {
  3610.      
  3611.        
  3612.      
  3613.      
  3614.    }
  3615.  }
  3616.  
  3617.  .fe-block-ee8a6211b777e349435e .sqs-block {
  3618.    justify-content: flex-start;
  3619.  }
  3620.  
  3621.  .fe-block-ee8a6211b777e349435e .sqs-block-alignment-wrapper {
  3622.    align-items: flex-start;
  3623.  }
  3624.  
  3625.  @media (min-width: 768px) {
  3626.    .fe-block-ee8a6211b777e349435e {
  3627.      grid-area: 1/2/4/26;
  3628.      z-index: 1;
  3629.  
  3630.      
  3631.        
  3632.      
  3633.  
  3634.      
  3635.    }
  3636.  
  3637.    .fe-block-ee8a6211b777e349435e .sqs-block {
  3638.      justify-content: flex-start;
  3639.    }
  3640.  
  3641.    .fe-block-ee8a6211b777e349435e .sqs-block-alignment-wrapper {
  3642.      align-items: flex-start;
  3643.    }
  3644.  }
  3645.  
  3646.  .fe-block-798b7ba5eb0d95d8d718 {
  3647.    grid-area: 8/3/12/9;
  3648.    z-index: 2;
  3649.  
  3650.    @media (max-width: 767px) {
  3651.      
  3652.        
  3653.      
  3654.      
  3655.    }
  3656.  }
  3657.  
  3658.  .fe-block-798b7ba5eb0d95d8d718 .sqs-block {
  3659.    justify-content: flex-start;
  3660.  }
  3661.  
  3662.  .fe-block-798b7ba5eb0d95d8d718 .sqs-block-alignment-wrapper {
  3663.    align-items: flex-start;
  3664.  }
  3665.  
  3666.  @media (min-width: 768px) {
  3667.    .fe-block-798b7ba5eb0d95d8d718 {
  3668.      grid-area: 5/10/9/18;
  3669.      z-index: 2;
  3670.  
  3671.      
  3672.        
  3673.      
  3674.  
  3675.      
  3676.    }
  3677.  
  3678.    .fe-block-798b7ba5eb0d95d8d718 .sqs-block {
  3679.      justify-content: flex-start;
  3680.    }
  3681.  
  3682.    .fe-block-798b7ba5eb0d95d8d718 .sqs-block-alignment-wrapper {
  3683.      align-items: flex-start;
  3684.    }
  3685.  }
  3686.  
  3687.  .fe-block-0da475ce5452a3b885b7 {
  3688.    grid-area: 13/2/42/10;
  3689.    z-index: 3;
  3690.  
  3691.    @media (max-width: 767px) {
  3692.      
  3693.        
  3694.      
  3695.      
  3696.    }
  3697.  }
  3698.  
  3699.  .fe-block-0da475ce5452a3b885b7 .sqs-block {
  3700.    justify-content: flex-start;
  3701.  }
  3702.  
  3703.  .fe-block-0da475ce5452a3b885b7 .sqs-block-alignment-wrapper {
  3704.    align-items: flex-start;
  3705.  }
  3706.  
  3707.  @media (min-width: 768px) {
  3708.    .fe-block-0da475ce5452a3b885b7 {
  3709.      grid-area: 10/3/34/25;
  3710.      z-index: 3;
  3711.  
  3712.      
  3713.        
  3714.      
  3715.  
  3716.      
  3717.    }
  3718.  
  3719.    .fe-block-0da475ce5452a3b885b7 .sqs-block {
  3720.      justify-content: flex-start;
  3721.    }
  3722.  
  3723.    .fe-block-0da475ce5452a3b885b7 .sqs-block-alignment-wrapper {
  3724.      align-items: flex-start;
  3725.    }
  3726.  }
  3727.  
  3728. </style><div class="fluid-engine fe-680891619ad6d047ac5c938b"><div class="fe-block fe-block-ee8a6211b777e349435e"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-ee8a6211b777e349435e"><div class="sqs-block-content">
  3729.  
  3730. <div class="sqs-html-content" data-sqsp-text-block-content>
  3731.  <h1 style="text-align:center;white-space:pre-wrap;">Interior Door &amp; Closet Company</h1>
  3732. </div>
  3733.  
  3734.  
  3735.  
  3736.  
  3737.  
  3738.  
  3739.  
  3740.  
  3741.  
  3742.  
  3743.  
  3744.  
  3745.  
  3746.  
  3747.  
  3748.  
  3749.  
  3750.  
  3751.  
  3752.  
  3753.  
  3754.  
  3755.  
  3756.  
  3757.  
  3758. </div></div></div><div class="fe-block fe-block-798b7ba5eb0d95d8d718"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-798b7ba5eb0d95d8d718"><div class="sqs-block-content">
  3759.  
  3760. <div class="sqs-html-content" data-sqsp-text-block-content>
  3761.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-large">Transform your home with Interior Doors,  Sliding Closet Doors, Hinged Closet Doors, Barn Doors, Room Dividers, Shoji Doors and Closet &amp; Garage Organizers.</p>
  3762. </div>
  3763.  
  3764.  
  3765.  
  3766.  
  3767.  
  3768.  
  3769.  
  3770.  
  3771.  
  3772.  
  3773.  
  3774.  
  3775.  
  3776.  
  3777.  
  3778.  
  3779.  
  3780.  
  3781.  
  3782.  
  3783.  
  3784.  
  3785.  
  3786.  
  3787.  
  3788. </div></div></div><div class="fe-block fe-block-0da475ce5452a3b885b7"><div class="sqs-block gallery-block sqs-block-gallery" data-blend-mode="NORMAL" data-block-json="&#123;&quot;methodOption&quot;:&quot;transient&quot;,&quot;aspect-ratio&quot;:&quot;square&quot;,&quot;aspectRatio&quot;:null,&quot;auto-crop&quot;:true,&quot;blockAnimation&quot;:&quot;none&quot;,&quot;collectionId&quot;:&quot;680891619ad6d047ac5c933a&quot;,&quot;design&quot;:&quot;grid&quot;,&quot;lightbox&quot;:false,&quot;padding&quot;:20,&quot;show-meta&quot;:true,&quot;show-meta-basic&quot;:true,&quot;show-meta-only-title&quot;:false,&quot;show-meta-only-description&quot;:false,&quot;square-thumbs&quot;:true,&quot;thumbnails-per-row&quot;:4,&quot;vSize&quot;:null,&quot;transientGalleryId&quot;:&quot;680891619ad6d047ac5c933a&quot;,&quot;existingGallery&quot;:null,&quot;newWindow&quot;:false&#125;" data-block-type="8" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-0da475ce5452a3b885b7"><div class="sqs-block-content">
  3789.  
  3790.  
  3791.  
  3792.  
  3793.  
  3794.  
  3795.  
  3796. <div class="
  3797.  sqs-gallery-container
  3798.  sqs-gallery-block-grid
  3799.  sqs-gallery-aspect-ratio-square
  3800.  sqs-gallery-thumbnails-per-row-4
  3801.  
  3802.  
  3803.  
  3804.  
  3805.    
  3806.    
  3807.  
  3808.  sqs-gallery-block-show-meta
  3809.  
  3810.  
  3811.  
  3812.  
  3813.  
  3814.  
  3815.  
  3816.  block-animation-none
  3817.  clear"
  3818.  
  3819.  
  3820. >
  3821.  <div class="sqs-gallery">
  3822.    
  3823.      
  3824.  
  3825.        
  3826.  
  3827.        
  3828.  
  3829.        
  3830.          
  3831.            <div class="slide" data-type="image" data-animation-role="image">
  3832.              <div class="margin-wrapper">
  3833.                
  3834.                <a
  3835.                  
  3836.                    
  3837.                      role="presentation"
  3838.                    
  3839.                  
  3840.  
  3841.                  class="
  3842.                    image-slide-anchor
  3843.                    
  3844.                    content-fill
  3845.                  "
  3846.                >
  3847.                  
  3848.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689720319-ZLJ83ZSWXDT7AFCB8WJB/1%2BPanel%2BShaker%2BInterior%2BDoors.jpg" alt="1+Panel+Shaker+Interior+Doors.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689720319-ZLJ83ZSWXDT7AFCB8WJB/1%2BPanel%2BShaker%2BInterior%2BDoors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689720319-ZLJ83ZSWXDT7AFCB8WJB/1%2BPanel%2BShaker%2BInterior%2BDoors.jpg" data-image-dimensions="1667x1667" data-image-focal-point="0.5,0.5" alt="1+Panel+Shaker+Interior+Doors.jpg" data-load="false" data-image-id="6877ebf90aef4a631ace1110" data-type="image" />
  3849.                </a>
  3850.                
  3851.              </div>
  3852.            </div>
  3853.          
  3854.  
  3855.          
  3856.        
  3857.  
  3858.      
  3859.  
  3860.        
  3861.  
  3862.        
  3863.  
  3864.        
  3865.          
  3866.            <div class="slide" data-type="image" data-animation-role="image">
  3867.              <div class="margin-wrapper">
  3868.                
  3869.                <a
  3870.                  
  3871.                    
  3872.                      role="presentation"
  3873.                    
  3874.                  
  3875.  
  3876.                  class="
  3877.                    image-slide-anchor
  3878.                    
  3879.                    content-fill
  3880.                  "
  3881.                >
  3882.                  
  3883.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689761442-B4DSQ3AFQDQUVY5PY2YM/Cloud%2BAllegra%2BCloset.png" alt="Cloud+Allegra+Closet.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689761442-B4DSQ3AFQDQUVY5PY2YM/Cloud%2BAllegra%2BCloset.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689761442-B4DSQ3AFQDQUVY5PY2YM/Cloud%2BAllegra%2BCloset.png" data-image-dimensions="2499x1406" data-image-focal-point="0.5,0.5" alt="Cloud+Allegra+Closet.png" data-load="false" data-image-id="680891619ad6d047ac5c9347" data-type="image" />
  3884.                </a>
  3885.                
  3886.              </div>
  3887.            </div>
  3888.          
  3889.  
  3890.          
  3891.        
  3892.  
  3893.      
  3894.  
  3895.        
  3896.  
  3897.        
  3898.  
  3899.        
  3900.          
  3901.            <div class="slide" data-type="image" data-animation-role="image">
  3902.              <div class="margin-wrapper">
  3903.                
  3904.                <a
  3905.                  
  3906.                    
  3907.                      role="presentation"
  3908.                    
  3909.                  
  3910.  
  3911.                  class="
  3912.                    image-slide-anchor
  3913.                    
  3914.                    content-fill
  3915.                  "
  3916.                >
  3917.                  
  3918.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969368-FUGQIZJR3CR6D5TPBZWE/interior-door+%281%29.jpg" alt="interior door" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969368-FUGQIZJR3CR6D5TPBZWE/interior-door+%281%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969368-FUGQIZJR3CR6D5TPBZWE/interior-door+%281%29.jpg" data-image-dimensions="800x575" data-image-focal-point="0.18027210884353742,0.45125766970076653" alt="interior door" data-load="false" data-image-id="680891619ad6d047ac5c9349" data-type="image" />
  3919.                </a>
  3920.                
  3921.              </div>
  3922.            </div>
  3923.          
  3924.  
  3925.          
  3926.        
  3927.  
  3928.      
  3929.  
  3930.        
  3931.  
  3932.        
  3933.  
  3934.        
  3935.          
  3936.            <div class="slide" data-type="image" data-animation-role="image">
  3937.              <div class="margin-wrapper">
  3938.                
  3939.                <a
  3940.                  
  3941.                    
  3942.                      role="presentation"
  3943.                    
  3944.                  
  3945.  
  3946.                  class="
  3947.                    image-slide-anchor
  3948.                    
  3949.                    content-fill
  3950.                  "
  3951.                >
  3952.                  
  3953.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689816567-9F49SRHZSG1DORJLZW47/1Z2A5181.jpg" alt="1Z2A5181.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689816567-9F49SRHZSG1DORJLZW47/1Z2A5181.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689816567-9F49SRHZSG1DORJLZW47/1Z2A5181.jpg" data-image-dimensions="3053x4579" data-image-focal-point="0.5053150410554847,0.46253770062712585" alt="1Z2A5181.jpg" data-load="false" data-image-id="6877ec93293c7736cd33a5b7" data-type="image" />
  3954.                </a>
  3955.                
  3956.              </div>
  3957.            </div>
  3958.          
  3959.  
  3960.          
  3961.        
  3962.  
  3963.      
  3964.  
  3965.        
  3966.  
  3967.        
  3968.  
  3969.        
  3970.          
  3971.            <div class="slide" data-type="image" data-animation-role="image">
  3972.              <div class="margin-wrapper">
  3973.                
  3974.                <a
  3975.                  
  3976.                    
  3977.                      role="presentation"
  3978.                    
  3979.                  
  3980.  
  3981.                  class="
  3982.                    image-slide-anchor
  3983.                    
  3984.                    content-fill
  3985.                  "
  3986.                >
  3987.                  
  3988.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969328-QOHIQRZVIEI815YLRP4U/4+Door%2C+Quad+track%2C+3-lite.jpg" alt="4 Door, Quad track, 3-lite.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969328-QOHIQRZVIEI815YLRP4U/4+Door%2C+Quad+track%2C+3-lite.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969328-QOHIQRZVIEI815YLRP4U/4+Door%2C+Quad+track%2C+3-lite.jpg" data-image-dimensions="4032x2268" data-image-focal-point="0.5,0.5" alt="4 Door, Quad track, 3-lite.jpg" data-load="false" data-image-id="680891619ad6d047ac5c933d" data-type="image" />
  3989.                </a>
  3990.                
  3991.              </div>
  3992.            </div>
  3993.          
  3994.  
  3995.          
  3996.        
  3997.  
  3998.      
  3999.  
  4000.        
  4001.  
  4002.        
  4003.  
  4004.        
  4005.          
  4006.            <div class="slide" data-type="image" data-animation-role="image">
  4007.              <div class="margin-wrapper">
  4008.                
  4009.                <a
  4010.                  
  4011.                    
  4012.                      role="presentation"
  4013.                    
  4014.                  
  4015.  
  4016.                  class="
  4017.                    image-slide-anchor
  4018.                    
  4019.                    content-fill
  4020.                  "
  4021.                >
  4022.                  
  4023.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969321-ND2RWOAML57VKTCCSC0B/Jeld-Wen+Birkdale.png" alt="Jeld-Wen Birkdale.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969321-ND2RWOAML57VKTCCSC0B/Jeld-Wen+Birkdale.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969321-ND2RWOAML57VKTCCSC0B/Jeld-Wen+Birkdale.png" data-image-dimensions="4500x3435" data-image-focal-point="0.5,0.5" alt="Jeld-Wen Birkdale.png" data-load="false" data-image-id="680891619ad6d047ac5c933b" data-type="image" />
  4024.                </a>
  4025.                
  4026.              </div>
  4027.            </div>
  4028.          
  4029.  
  4030.          
  4031.        
  4032.  
  4033.      
  4034.  
  4035.        
  4036.  
  4037.        
  4038.  
  4039.        
  4040.          
  4041.            <div class="slide" data-type="image" data-animation-role="image">
  4042.              <div class="margin-wrapper">
  4043.                
  4044.                <a
  4045.                  
  4046.                    
  4047.                      role="presentation"
  4048.                    
  4049.                  
  4050.  
  4051.                  class="
  4052.                    image-slide-anchor
  4053.                    
  4054.                    content-fill
  4055.                  "
  4056.                >
  4057.                  
  4058.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969335-WOULRVF7BWM7XSE8PS6X/1-Lite+Mirror+Double+Doors.jpg" alt="1-Lite Mirror Double Doors.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969335-WOULRVF7BWM7XSE8PS6X/1-Lite+Mirror+Double+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969335-WOULRVF7BWM7XSE8PS6X/1-Lite+Mirror+Double+Doors.jpg" data-image-dimensions="821x691" data-image-focal-point="0.5,0.5" alt="1-Lite Mirror Double Doors.jpg" data-load="false" data-image-id="680891619ad6d047ac5c933f" data-type="image" />
  4059.                </a>
  4060.                
  4061.              </div>
  4062.            </div>
  4063.          
  4064.  
  4065.          
  4066.        
  4067.  
  4068.      
  4069.  
  4070.        
  4071.  
  4072.        
  4073.  
  4074.        
  4075.          
  4076.            <div class="slide" data-type="image" data-animation-role="image">
  4077.              <div class="margin-wrapper">
  4078.                
  4079.                <a
  4080.                  
  4081.                    
  4082.                      role="presentation"
  4083.                    
  4084.                  
  4085.  
  4086.                  class="
  4087.                    image-slide-anchor
  4088.                    
  4089.                    content-fill
  4090.                  "
  4091.                >
  4092.                  
  4093.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704452204-POL09LCXTD9XM1841MAV/2%2BPanel%2BShaker.jpg" alt="2+Panel+Shaker.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704452204-POL09LCXTD9XM1841MAV/2%2BPanel%2BShaker.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704452204-POL09LCXTD9XM1841MAV/2%2BPanel%2BShaker.jpg" data-image-dimensions="1891x1345" data-image-focal-point="0.4149427349064626,0.708960843373494" alt="2+Panel+Shaker.jpg" data-load="false" data-image-id="687824741d6fb2775405937c" data-type="image" />
  4094.                </a>
  4095.                
  4096.              </div>
  4097.            </div>
  4098.          
  4099.  
  4100.          
  4101.        
  4102.  
  4103.      
  4104.  
  4105.        
  4106.  
  4107.        
  4108.  
  4109.        
  4110.          
  4111.            <div class="slide" data-type="image" data-animation-role="image">
  4112.              <div class="margin-wrapper">
  4113.                
  4114.                <a
  4115.                  
  4116.                    
  4117.                      role="presentation"
  4118.                    
  4119.                  
  4120.  
  4121.                  class="
  4122.                    image-slide-anchor
  4123.                    
  4124.                    content-fill
  4125.                  "
  4126.                >
  4127.                  
  4128.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752703946242-LTV7N8T3544JVHWGTR5B/Tahoe+Flat+Panel.jpg" alt="Tahoe Flat Panel.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752703946242-LTV7N8T3544JVHWGTR5B/Tahoe+Flat+Panel.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752703946242-LTV7N8T3544JVHWGTR5B/Tahoe+Flat+Panel.jpg" data-image-dimensions="3029x4240" data-image-focal-point="0.5428896949404762,0.3536468298256803" alt="Tahoe Flat Panel.jpg" data-load="false" data-image-id="687823c77404d25443d4ed3f" data-type="image" />
  4129.                </a>
  4130.                
  4131.              </div>
  4132.            </div>
  4133.          
  4134.  
  4135.          
  4136.        
  4137.  
  4138.      
  4139.  
  4140.        
  4141.  
  4142.        
  4143.  
  4144.        
  4145.          
  4146.            <div class="slide" data-type="image" data-animation-role="image">
  4147.              <div class="margin-wrapper">
  4148.                
  4149.                <a
  4150.                  
  4151.                    
  4152.                      role="presentation"
  4153.                    
  4154.                  
  4155.  
  4156.                  class="
  4157.                    image-slide-anchor
  4158.                    
  4159.                    content-fill
  4160.                  "
  4161.                >
  4162.                  
  4163.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969349-7877S8DX622BCJNU3H9A/5-Lite+White+Glass+Closet+Doors.jpg" alt="5-Lite White Glass Closet Doors.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969349-7877S8DX622BCJNU3H9A/5-Lite+White+Glass+Closet+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969349-7877S8DX622BCJNU3H9A/5-Lite+White+Glass+Closet+Doors.jpg" data-image-dimensions="3024x4032" data-image-focal-point="0.49196999289772725,0.22789115646258504" alt="5-Lite White Glass Closet Doors.jpg" data-load="false" data-image-id="680891619ad6d047ac5c9343" data-type="image" />
  4164.                </a>
  4165.                
  4166.              </div>
  4167.            </div>
  4168.          
  4169.  
  4170.          
  4171.        
  4172.  
  4173.      
  4174.  
  4175.        
  4176.  
  4177.        
  4178.  
  4179.        
  4180.          
  4181.            <div class="slide" data-type="image" data-animation-role="image">
  4182.              <div class="margin-wrapper">
  4183.                
  4184.                <a
  4185.                  
  4186.                    
  4187.                      role="presentation"
  4188.                    
  4189.                  
  4190.  
  4191.                  class="
  4192.                    image-slide-anchor
  4193.                    
  4194.                    content-fill
  4195.                  "
  4196.                >
  4197.                  
  4198.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704289712-K1ZW2PSXHT65M36BFHKE/5-Lite%2BPrivacy%2B-%2B2%2B-%2BCopy.jpg" alt="5-Lite+Privacy+-+2+-+Copy.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704289712-K1ZW2PSXHT65M36BFHKE/5-Lite%2BPrivacy%2B-%2B2%2B-%2BCopy.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704289712-K1ZW2PSXHT65M36BFHKE/5-Lite%2BPrivacy%2B-%2B2%2B-%2BCopy.jpg" data-image-dimensions="2500x2000" data-image-focal-point="0.9874367453835228,0.06795621080463435" alt="5-Lite+Privacy+-+2+-+Copy.jpg" data-load="false" data-image-id="680891619ad6d047ac5c9345" data-type="image" />
  4199.                </a>
  4200.                
  4201.              </div>
  4202.            </div>
  4203.          
  4204.  
  4205.          
  4206.        
  4207.  
  4208.      
  4209.  
  4210.        
  4211.  
  4212.        
  4213.  
  4214.        
  4215.          
  4216.            <div class="slide" data-type="image" data-animation-role="image">
  4217.              <div class="margin-wrapper">
  4218.                
  4219.                <a
  4220.                  
  4221.                    
  4222.                      role="presentation"
  4223.                    
  4224.                  
  4225.  
  4226.                  class="
  4227.                    image-slide-anchor
  4228.                    
  4229.                    content-fill
  4230.                  "
  4231.                >
  4232.                  
  4233.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969384-VV30IDXJNX0FSM74BTAT/organizers.png" alt="closet organizers" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969384-VV30IDXJNX0FSM74BTAT/organizers.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969384-VV30IDXJNX0FSM74BTAT/organizers.png" data-image-dimensions="997x774" data-image-focal-point="0.5,0.5" alt="closet organizers" data-load="false" data-image-id="680891619ad6d047ac5c934d" data-type="image" />
  4234.                </a>
  4235.                
  4236.              </div>
  4237.            </div>
  4238.          
  4239.  
  4240.          
  4241.        
  4242.  
  4243.      
  4244.    
  4245.  </div>
  4246.  
  4247.  
  4248.  
  4249. </div>
  4250.  
  4251.  
  4252.  
  4253.  
  4254. <style type="text/css" id="design-grid-css">
  4255. #block-0da475ce5452a3b885b7 .sqs-gallery-block-grid .sqs-gallery-design-grid { margin-right: -20px; }
  4256. #block-0da475ce5452a3b885b7 .sqs-gallery-block-grid .sqs-gallery-design-grid-slide .margin-wrapper { margin-right: 20px; margin-bottom: 20px; }
  4257. </style>
  4258.  
  4259.  
  4260.  
  4261. </div></div></div></div></div>
  4262.    </div>
  4263.  
  4264.  </div>
  4265.  
  4266. </section>
  4267.  
  4268.  
  4269.    
  4270.    
  4271.  
  4272.  
  4273.  
  4274.  
  4275.  
  4276.  
  4277. <section
  4278.  data-test="page-section"
  4279.  
  4280.  data-section-theme="white"
  4281.  class='page-section
  4282.    
  4283.      full-bleed-section
  4284.      layout-engine-section
  4285.    
  4286.    background-width--full-bleed
  4287.    
  4288.      
  4289.        section-height--custom
  4290.      
  4291.    
  4292.    
  4293.      content-width--wide
  4294.    
  4295.    horizontal-alignment--center
  4296.    vertical-alignment--middle
  4297.    
  4298.      
  4299.    
  4300.    
  4301.    white'
  4302.  
  4303.  data-section-id="680891619ad6d047ac5c938f"
  4304.  
  4305.  data-controller="SectionWrapperController"
  4306.  data-current-styles="{
  4307. &quot;imageOverlayOpacity&quot;: 0.15,
  4308. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  4309. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  4310. &quot;customSectionHeight&quot;: 0,
  4311. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  4312. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  4313. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  4314. &quot;customContentWidth&quot;: 50,
  4315. &quot;sectionTheme&quot;: &quot;white&quot;,
  4316. &quot;sectionAnimation&quot;: &quot;none&quot;,
  4317. &quot;backgroundMode&quot;: &quot;image&quot;,
  4318. &quot;imageEffect&quot;: &quot;none&quot;
  4319. }"
  4320.  data-current-context="{
  4321. &quot;video&quot;: {
  4322. &quot;playbackSpeed&quot;: 0.5,
  4323. &quot;filter&quot;: 1,
  4324. &quot;filterStrength&quot;: 0,
  4325. &quot;zoom&quot;: 0,
  4326. &quot;videoSourceProvider&quot;: &quot;none&quot;
  4327. },
  4328. &quot;backgroundImageId&quot;: null,
  4329. &quot;backgroundMediaEffect&quot;: {
  4330. &quot;type&quot;: &quot;none&quot;
  4331. },
  4332. &quot;divider&quot;: {
  4333. &quot;enabled&quot;: false
  4334. },
  4335. &quot;typeName&quot;: &quot;page&quot;
  4336. }"
  4337.  data-animation="none"
  4338.  data-fluid-engine-section
  4339.  
  4340.  
  4341.  
  4342. >
  4343.  <div
  4344.    class="section-border"
  4345.    
  4346.  >
  4347.    <div class="section-background">
  4348.    
  4349.      
  4350.    
  4351.    </div>
  4352.  </div>
  4353.  <div
  4354.    class='content-wrapper'
  4355.    style='
  4356.      
  4357.        
  4358.          
  4359.          
  4360.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  4361.        
  4362.      
  4363.    '
  4364.  >
  4365.    <div
  4366.      class="content"
  4367.      
  4368.    >
  4369.      
  4370.      
  4371.      
  4372.      
  4373.      
  4374.      
  4375.      
  4376.      
  4377.      
  4378.      
  4379.      <div data-fluid-engine="true"><style>
  4380.  
  4381. .fe-680891619ad6d047ac5c938e {
  4382.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 27.0px);
  4383.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (8 - 1)) ) / 8 );
  4384.  
  4385.  display: grid;
  4386.  position: relative;
  4387.  grid-area: 1/1/-1/-1;
  4388.  grid-template-rows: repeat(14,minmax(24px, auto));
  4389.  grid-template-columns:
  4390.    minmax(var(--grid-gutter), 1fr)
  4391.    repeat(8, minmax(0, var(--cell-max-width)))
  4392.    minmax(var(--grid-gutter), 1fr);
  4393.  row-gap: 11.0px;
  4394.  column-gap: 27.0px;
  4395.  overflow-x: hidden;
  4396.  overflow-x: clip;
  4397. }
  4398.  
  4399. @media (min-width: 768px) {
  4400.  .background-width--inset .fe-680891619ad6d047ac5c938e {
  4401.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  4402.  }
  4403.  
  4404.  .fe-680891619ad6d047ac5c938e {
  4405.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 27.0px);
  4406.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (24 - 1)) ) / 24 );
  4407.    --inset-padding: 0vw;
  4408.  
  4409.    --row-height-scaling-factor: 0.0215;
  4410.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  4411.  
  4412.    grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  4413.    grid-template-columns:
  4414.      minmax(var(--grid-gutter), 1fr)
  4415.      repeat(24, minmax(0, var(--cell-max-width)))
  4416.      minmax(var(--grid-gutter), 1fr);
  4417.  }
  4418. }
  4419.  
  4420.  
  4421.  .fe-block-f68f6087fc15b114fa52 {
  4422.    grid-area: 2/2/4/10;
  4423.    z-index: 2;
  4424.  
  4425.    @media (max-width: 767px) {
  4426.      
  4427.      
  4428.    }
  4429.  }
  4430.  
  4431.  .fe-block-f68f6087fc15b114fa52 .sqs-block {
  4432.    justify-content: flex-start;
  4433.  }
  4434.  
  4435.  .fe-block-f68f6087fc15b114fa52 .sqs-block-alignment-wrapper {
  4436.    align-items: flex-start;
  4437.  }
  4438.  
  4439.  @media (min-width: 768px) {
  4440.    .fe-block-f68f6087fc15b114fa52 {
  4441.      grid-area: 1/9/3/19;
  4442.      z-index: 2;
  4443.  
  4444.      
  4445.  
  4446.      
  4447.    }
  4448.  
  4449.    .fe-block-f68f6087fc15b114fa52 .sqs-block {
  4450.      justify-content: flex-start;
  4451.    }
  4452.  
  4453.    .fe-block-f68f6087fc15b114fa52 .sqs-block-alignment-wrapper {
  4454.      align-items: flex-start;
  4455.    }
  4456.  }
  4457.  
  4458.  .fe-block-b3df95bd24475c893bbd {
  4459.    grid-area: 4/3/7/5;
  4460.    z-index: 3;
  4461.  
  4462.    @media (max-width: 767px) {
  4463.      
  4464.      
  4465.    }
  4466.  }
  4467.  
  4468.  .fe-block-b3df95bd24475c893bbd .sqs-block {
  4469.    justify-content: center;
  4470.  }
  4471.  
  4472.  .fe-block-b3df95bd24475c893bbd .sqs-block-alignment-wrapper {
  4473.    align-items: center;
  4474.  }
  4475.  
  4476.  @media (min-width: 768px) {
  4477.    .fe-block-b3df95bd24475c893bbd {
  4478.      grid-area: 4/5/7/7;
  4479.      z-index: 3;
  4480.  
  4481.      
  4482.  
  4483.      
  4484.    }
  4485.  
  4486.    .fe-block-b3df95bd24475c893bbd .sqs-block {
  4487.      justify-content: center;
  4488.    }
  4489.  
  4490.    .fe-block-b3df95bd24475c893bbd .sqs-block-alignment-wrapper {
  4491.      align-items: center;
  4492.    }
  4493.  }
  4494.  
  4495.  .fe-block-bb29bb37b11c794ba866 {
  4496.    grid-area: 4/5/7/7;
  4497.    z-index: 4;
  4498.  
  4499.    @media (max-width: 767px) {
  4500.      
  4501.      
  4502.    }
  4503.  }
  4504.  
  4505.  .fe-block-bb29bb37b11c794ba866 .sqs-block {
  4506.    justify-content: center;
  4507.  }
  4508.  
  4509.  .fe-block-bb29bb37b11c794ba866 .sqs-block-alignment-wrapper {
  4510.    align-items: center;
  4511.  }
  4512.  
  4513.  @media (min-width: 768px) {
  4514.    .fe-block-bb29bb37b11c794ba866 {
  4515.      grid-area: 4/7/7/9;
  4516.      z-index: 4;
  4517.  
  4518.      
  4519.  
  4520.      
  4521.    }
  4522.  
  4523.    .fe-block-bb29bb37b11c794ba866 .sqs-block {
  4524.      justify-content: center;
  4525.    }
  4526.  
  4527.    .fe-block-bb29bb37b11c794ba866 .sqs-block-alignment-wrapper {
  4528.      align-items: center;
  4529.    }
  4530.  }
  4531.  
  4532.  .fe-block-1bbc329151e003464bd4 {
  4533.    grid-area: 4/7/7/9;
  4534.    z-index: 5;
  4535.  
  4536.    @media (max-width: 767px) {
  4537.      
  4538.      
  4539.    }
  4540.  }
  4541.  
  4542.  .fe-block-1bbc329151e003464bd4 .sqs-block {
  4543.    justify-content: center;
  4544.  }
  4545.  
  4546.  .fe-block-1bbc329151e003464bd4 .sqs-block-alignment-wrapper {
  4547.    align-items: center;
  4548.  }
  4549.  
  4550.  @media (min-width: 768px) {
  4551.    .fe-block-1bbc329151e003464bd4 {
  4552.      grid-area: 4/9/7/11;
  4553.      z-index: 5;
  4554.  
  4555.      
  4556.  
  4557.      
  4558.    }
  4559.  
  4560.    .fe-block-1bbc329151e003464bd4 .sqs-block {
  4561.      justify-content: center;
  4562.    }
  4563.  
  4564.    .fe-block-1bbc329151e003464bd4 .sqs-block-alignment-wrapper {
  4565.      align-items: center;
  4566.    }
  4567.  }
  4568.  
  4569.  .fe-block-0e6611ef129f2c4c72ab {
  4570.    grid-area: 7/7/10/9;
  4571.    z-index: 8;
  4572.  
  4573.    @media (max-width: 767px) {
  4574.      
  4575.      
  4576.    }
  4577.  }
  4578.  
  4579.  .fe-block-0e6611ef129f2c4c72ab .sqs-block {
  4580.    justify-content: center;
  4581.  }
  4582.  
  4583.  .fe-block-0e6611ef129f2c4c72ab .sqs-block-alignment-wrapper {
  4584.    align-items: center;
  4585.  }
  4586.  
  4587.  @media (min-width: 768px) {
  4588.    .fe-block-0e6611ef129f2c4c72ab {
  4589.      grid-area: 4/15/7/17;
  4590.      z-index: 8;
  4591.  
  4592.      
  4593.  
  4594.      
  4595.    }
  4596.  
  4597.    .fe-block-0e6611ef129f2c4c72ab .sqs-block {
  4598.      justify-content: center;
  4599.    }
  4600.  
  4601.    .fe-block-0e6611ef129f2c4c72ab .sqs-block-alignment-wrapper {
  4602.      align-items: center;
  4603.    }
  4604.  }
  4605.  
  4606.  .fe-block-67e584186e5d1419a740 {
  4607.    grid-area: 7/3/10/5;
  4608.    z-index: 6;
  4609.  
  4610.    @media (max-width: 767px) {
  4611.      
  4612.      
  4613.    }
  4614.  }
  4615.  
  4616.  .fe-block-67e584186e5d1419a740 .sqs-block {
  4617.    justify-content: center;
  4618.  }
  4619.  
  4620.  .fe-block-67e584186e5d1419a740 .sqs-block-alignment-wrapper {
  4621.    align-items: center;
  4622.  }
  4623.  
  4624.  @media (min-width: 768px) {
  4625.    .fe-block-67e584186e5d1419a740 {
  4626.      grid-area: 4/11/7/13;
  4627.      z-index: 6;
  4628.  
  4629.      
  4630.  
  4631.      
  4632.    }
  4633.  
  4634.    .fe-block-67e584186e5d1419a740 .sqs-block {
  4635.      justify-content: center;
  4636.    }
  4637.  
  4638.    .fe-block-67e584186e5d1419a740 .sqs-block-alignment-wrapper {
  4639.      align-items: center;
  4640.    }
  4641.  }
  4642.  
  4643.  .fe-block-c94498cca53926398f27 {
  4644.    grid-area: 7/5/10/7;
  4645.    z-index: 7;
  4646.  
  4647.    @media (max-width: 767px) {
  4648.      
  4649.      
  4650.    }
  4651.  }
  4652.  
  4653.  .fe-block-c94498cca53926398f27 .sqs-block {
  4654.    justify-content: center;
  4655.  }
  4656.  
  4657.  .fe-block-c94498cca53926398f27 .sqs-block-alignment-wrapper {
  4658.    align-items: center;
  4659.  }
  4660.  
  4661.  @media (min-width: 768px) {
  4662.    .fe-block-c94498cca53926398f27 {
  4663.      grid-area: 4/13/7/15;
  4664.      z-index: 7;
  4665.  
  4666.      
  4667.  
  4668.      
  4669.    }
  4670.  
  4671.    .fe-block-c94498cca53926398f27 .sqs-block {
  4672.      justify-content: center;
  4673.    }
  4674.  
  4675.    .fe-block-c94498cca53926398f27 .sqs-block-alignment-wrapper {
  4676.      align-items: center;
  4677.    }
  4678.  }
  4679.  
  4680.  .fe-block-7d66c383036b7d59dd79 {
  4681.    grid-area: 10/7/13/9;
  4682.    z-index: 11;
  4683.  
  4684.    @media (max-width: 767px) {
  4685.      
  4686.      
  4687.    }
  4688.  }
  4689.  
  4690.  .fe-block-7d66c383036b7d59dd79 .sqs-block {
  4691.    justify-content: center;
  4692.  }
  4693.  
  4694.  .fe-block-7d66c383036b7d59dd79 .sqs-block-alignment-wrapper {
  4695.    align-items: center;
  4696.  }
  4697.  
  4698.  @media (min-width: 768px) {
  4699.    .fe-block-7d66c383036b7d59dd79 {
  4700.      grid-area: 4/21/7/23;
  4701.      z-index: 11;
  4702.  
  4703.      
  4704.  
  4705.      
  4706.    }
  4707.  
  4708.    .fe-block-7d66c383036b7d59dd79 .sqs-block {
  4709.      justify-content: center;
  4710.    }
  4711.  
  4712.    .fe-block-7d66c383036b7d59dd79 .sqs-block-alignment-wrapper {
  4713.      align-items: center;
  4714.    }
  4715.  }
  4716.  
  4717.  .fe-block-0948d6ada77784ca3d16 {
  4718.    grid-area: 10/3/13/5;
  4719.    z-index: 9;
  4720.  
  4721.    @media (max-width: 767px) {
  4722.      
  4723.      
  4724.    }
  4725.  }
  4726.  
  4727.  .fe-block-0948d6ada77784ca3d16 .sqs-block {
  4728.    justify-content: center;
  4729.  }
  4730.  
  4731.  .fe-block-0948d6ada77784ca3d16 .sqs-block-alignment-wrapper {
  4732.    align-items: center;
  4733.  }
  4734.  
  4735.  @media (min-width: 768px) {
  4736.    .fe-block-0948d6ada77784ca3d16 {
  4737.      grid-area: 4/17/7/19;
  4738.      z-index: 9;
  4739.  
  4740.      
  4741.  
  4742.      
  4743.    }
  4744.  
  4745.    .fe-block-0948d6ada77784ca3d16 .sqs-block {
  4746.      justify-content: center;
  4747.    }
  4748.  
  4749.    .fe-block-0948d6ada77784ca3d16 .sqs-block-alignment-wrapper {
  4750.      align-items: center;
  4751.    }
  4752.  }
  4753.  
  4754.  .fe-block-9618697d87627b7ea30b {
  4755.    grid-area: 10/5/13/7;
  4756.    z-index: 10;
  4757.  
  4758.    @media (max-width: 767px) {
  4759.      
  4760.      
  4761.    }
  4762.  }
  4763.  
  4764.  .fe-block-9618697d87627b7ea30b .sqs-block {
  4765.    justify-content: center;
  4766.  }
  4767.  
  4768.  .fe-block-9618697d87627b7ea30b .sqs-block-alignment-wrapper {
  4769.    align-items: center;
  4770.  }
  4771.  
  4772.  @media (min-width: 768px) {
  4773.    .fe-block-9618697d87627b7ea30b {
  4774.      grid-area: 4/19/7/21;
  4775.      z-index: 10;
  4776.  
  4777.      
  4778.  
  4779.      
  4780.    }
  4781.  
  4782.    .fe-block-9618697d87627b7ea30b .sqs-block {
  4783.      justify-content: center;
  4784.    }
  4785.  
  4786.    .fe-block-9618697d87627b7ea30b .sqs-block-alignment-wrapper {
  4787.      align-items: center;
  4788.    }
  4789.  }
  4790.  
  4791. </style><div class="fluid-engine fe-680891619ad6d047ac5c938e"><div class="fe-block fe-block-f68f6087fc15b114fa52"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-f68f6087fc15b114fa52"><div class="sqs-block-content">
  4792.  
  4793. <div class="sqs-html-content" data-sqsp-text-block-content>
  4794.  <h2 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Trusted by</span></h2>
  4795. </div>
  4796.  
  4797.  
  4798.  
  4799.  
  4800.  
  4801.  
  4802.  
  4803.  
  4804.  
  4805.  
  4806.  
  4807.  
  4808.  
  4809.  
  4810.  
  4811.  
  4812.  
  4813.  
  4814.  
  4815.  
  4816.  
  4817.  
  4818.  
  4819.  
  4820.  
  4821. </div></div></div><div class="fe-block fe-block-b3df95bd24475c893bbd"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-b3df95bd24475c893bbd"><div class="sqs-block-content">
  4822.  
  4823.  
  4824.  
  4825.  
  4826.  
  4827.  
  4828.  
  4829.  
  4830.  
  4831.  
  4832.  
  4833.  
  4834.  
  4835.  
  4836.  
  4837.  
  4838.  
  4839.  
  4840.  
  4841.  
  4842.  
  4843.  
  4844.  
  4845.  
  4846.  
  4847.  
  4848.  
  4849.  
  4850.  
  4851.  
  4852.  
  4853.  
  4854.  
  4855.  
  4856.  
  4857.  
  4858.  
  4859.  
  4860.  
  4861.  
  4862.  
  4863.  
  4864.  
  4865.  
  4866.    
  4867.  
  4868.    <div
  4869.      class="
  4870.        image-block-outer-wrapper
  4871.        layout-caption-below
  4872.        design-layout-fluid
  4873.        image-position-center
  4874.        combination-animation-site-default
  4875.        individual-animation-site-default
  4876.      "
  4877.      data-test="image-block-fluid-outer-wrapper"
  4878.    >
  4879.      <div
  4880.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  4881.        data-animation-role="image"
  4882.        
  4883.  
  4884.  
  4885.      >
  4886.        <div
  4887.          class="fluid-image-container sqs-image-content"
  4888.          
  4889.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  4890.          data-sqsp-image-block-image-container
  4891.        >
  4892.          
  4893.  
  4894.          
  4895.          
  4896.  
  4897.          
  4898.            
  4899.              <div class="content-fit">
  4900.                
  4901.            
  4902.            
  4903.            
  4904.            
  4905.            
  4906.            
  4907.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png" data-image-dimensions="71x96" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png" width="71" height="96" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  4908.  
  4909.            
  4910.              
  4911.            
  4912.            <div class="fluidImageOverlay"></div>
  4913.          
  4914.              </div>
  4915.            
  4916.          
  4917.  
  4918.        </div>
  4919.      </div>
  4920.    </div>
  4921.    <style>
  4922.      .sqs-block-image .sqs-block-content {
  4923.        height: 100%;
  4924.        width: 100%;
  4925.      }
  4926.  
  4927.      
  4928.        .fe-block-b3df95bd24475c893bbd .fluidImageOverlay {
  4929.          position: absolute;
  4930.          top: 0;
  4931.          left: 0;
  4932.          width: 100%;
  4933.          height: 100%;
  4934.          mix-blend-mode: ;
  4935.          
  4936.            
  4937.            
  4938.          
  4939.          
  4940.            opacity: 0;
  4941.          
  4942.        }
  4943.      
  4944.    </style>
  4945.  
  4946.  
  4947.  
  4948.  
  4949.  
  4950.  
  4951. </div></div></div><div class="fe-block fe-block-bb29bb37b11c794ba866"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-bb29bb37b11c794ba866"><div class="sqs-block-content">
  4952.  
  4953.  
  4954.  
  4955.  
  4956.  
  4957.  
  4958.  
  4959.  
  4960.  
  4961.  
  4962.  
  4963.  
  4964.  
  4965.  
  4966.  
  4967.  
  4968.  
  4969.  
  4970.  
  4971.  
  4972.  
  4973.  
  4974.  
  4975.  
  4976.  
  4977.  
  4978.  
  4979.  
  4980.  
  4981.  
  4982.  
  4983.  
  4984.  
  4985.  
  4986.  
  4987.  
  4988.  
  4989.  
  4990.  
  4991.  
  4992.  
  4993.  
  4994.  
  4995.  
  4996.    
  4997.  
  4998.    <div
  4999.      class="
  5000.        image-block-outer-wrapper
  5001.        layout-caption-below
  5002.        design-layout-fluid
  5003.        image-position-center
  5004.        combination-animation-site-default
  5005.        individual-animation-site-default
  5006.      "
  5007.      data-test="image-block-fluid-outer-wrapper"
  5008.    >
  5009.      <div
  5010.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5011.        data-animation-role="image"
  5012.        
  5013.  
  5014.  
  5015.      >
  5016.        <div
  5017.          class="fluid-image-container sqs-image-content"
  5018.          
  5019.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5020.          data-sqsp-image-block-image-container
  5021.        >
  5022.          
  5023.  
  5024.          
  5025.          
  5026.  
  5027.          
  5028.            
  5029.              <div class="content-fit">
  5030.                
  5031.            
  5032.            
  5033.            
  5034.            
  5035.            
  5036.            
  5037.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png" data-image-dimensions="189x96" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png" width="189" height="96" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5038.  
  5039.            
  5040.              
  5041.            
  5042.            <div class="fluidImageOverlay"></div>
  5043.          
  5044.              </div>
  5045.            
  5046.          
  5047.  
  5048.        </div>
  5049.      </div>
  5050.    </div>
  5051.    <style>
  5052.      .sqs-block-image .sqs-block-content {
  5053.        height: 100%;
  5054.        width: 100%;
  5055.      }
  5056.  
  5057.      
  5058.        .fe-block-bb29bb37b11c794ba866 .fluidImageOverlay {
  5059.          position: absolute;
  5060.          top: 0;
  5061.          left: 0;
  5062.          width: 100%;
  5063.          height: 100%;
  5064.          mix-blend-mode: ;
  5065.          
  5066.            
  5067.            
  5068.          
  5069.          
  5070.            opacity: 0;
  5071.          
  5072.        }
  5073.      
  5074.    </style>
  5075.  
  5076.  
  5077.  
  5078.  
  5079.  
  5080.  
  5081. </div></div></div><div class="fe-block fe-block-1bbc329151e003464bd4"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-1bbc329151e003464bd4"><div class="sqs-block-content">
  5082.  
  5083.  
  5084.  
  5085.  
  5086.  
  5087.  
  5088.  
  5089.  
  5090.  
  5091.  
  5092.  
  5093.  
  5094.  
  5095.  
  5096.  
  5097.  
  5098.  
  5099.  
  5100.  
  5101.  
  5102.  
  5103.  
  5104.  
  5105.  
  5106.  
  5107.  
  5108.  
  5109.  
  5110.  
  5111.  
  5112.  
  5113.  
  5114.  
  5115.  
  5116.  
  5117.  
  5118.  
  5119.  
  5120.  
  5121.  
  5122.  
  5123.  
  5124.  
  5125.  
  5126.    
  5127.  
  5128.    <div
  5129.      class="
  5130.        image-block-outer-wrapper
  5131.        layout-caption-below
  5132.        design-layout-fluid
  5133.        image-position-center
  5134.        combination-animation-site-default
  5135.        individual-animation-site-default
  5136.      "
  5137.      data-test="image-block-fluid-outer-wrapper"
  5138.    >
  5139.      <div
  5140.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5141.        data-animation-role="image"
  5142.        
  5143.  
  5144.  
  5145.      >
  5146.        <div
  5147.          class="fluid-image-container sqs-image-content"
  5148.          
  5149.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5150.          data-sqsp-image-block-image-container
  5151.        >
  5152.          
  5153.  
  5154.          
  5155.          
  5156.  
  5157.          
  5158.            
  5159.              <div class="content-fit">
  5160.                
  5161.            
  5162.            
  5163.            
  5164.            
  5165.            
  5166.            
  5167.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png" data-image-dimensions="125x96" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png" width="125" height="96" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5168.  
  5169.            
  5170.              
  5171.            
  5172.            <div class="fluidImageOverlay"></div>
  5173.          
  5174.              </div>
  5175.            
  5176.          
  5177.  
  5178.        </div>
  5179.      </div>
  5180.    </div>
  5181.    <style>
  5182.      .sqs-block-image .sqs-block-content {
  5183.        height: 100%;
  5184.        width: 100%;
  5185.      }
  5186.  
  5187.      
  5188.        .fe-block-1bbc329151e003464bd4 .fluidImageOverlay {
  5189.          position: absolute;
  5190.          top: 0;
  5191.          left: 0;
  5192.          width: 100%;
  5193.          height: 100%;
  5194.          mix-blend-mode: ;
  5195.          
  5196.            
  5197.            
  5198.          
  5199.          
  5200.            opacity: 0;
  5201.          
  5202.        }
  5203.      
  5204.    </style>
  5205.  
  5206.  
  5207.  
  5208.  
  5209.  
  5210.  
  5211. </div></div></div><div class="fe-block fe-block-0e6611ef129f2c4c72ab"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-0e6611ef129f2c4c72ab"><div class="sqs-block-content">
  5212.  
  5213.  
  5214.  
  5215.  
  5216.  
  5217.  
  5218.  
  5219.  
  5220.  
  5221.  
  5222.  
  5223.  
  5224.  
  5225.  
  5226.  
  5227.  
  5228.  
  5229.  
  5230.  
  5231.  
  5232.  
  5233.  
  5234.  
  5235.  
  5236.  
  5237.  
  5238.  
  5239.  
  5240.  
  5241.  
  5242.  
  5243.  
  5244.  
  5245.  
  5246.  
  5247.  
  5248.  
  5249.  
  5250.  
  5251.  
  5252.  
  5253.  
  5254.  
  5255.  
  5256.    
  5257.  
  5258.    <div
  5259.      class="
  5260.        image-block-outer-wrapper
  5261.        layout-caption-below
  5262.        design-layout-fluid
  5263.        image-position-center
  5264.        combination-animation-site-default
  5265.        individual-animation-site-default
  5266.      "
  5267.      data-test="image-block-fluid-outer-wrapper"
  5268.    >
  5269.      <div
  5270.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5271.        data-animation-role="image"
  5272.        
  5273.  
  5274.  
  5275.      >
  5276.        <div
  5277.          class="fluid-image-container sqs-image-content"
  5278.          
  5279.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5280.          data-sqsp-image-block-image-container
  5281.        >
  5282.          
  5283.  
  5284.          
  5285.          
  5286.  
  5287.          
  5288.            
  5289.              <div class="content-fit">
  5290.                
  5291.            
  5292.            
  5293.            
  5294.            
  5295.            
  5296.            
  5297.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg" data-image-dimensions="146x147" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg" width="146" height="147" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5298.  
  5299.            
  5300.              
  5301.            
  5302.            <div class="fluidImageOverlay"></div>
  5303.          
  5304.              </div>
  5305.            
  5306.          
  5307.  
  5308.        </div>
  5309.      </div>
  5310.    </div>
  5311.    <style>
  5312.      .sqs-block-image .sqs-block-content {
  5313.        height: 100%;
  5314.        width: 100%;
  5315.      }
  5316.  
  5317.      
  5318.        .fe-block-0e6611ef129f2c4c72ab .fluidImageOverlay {
  5319.          position: absolute;
  5320.          top: 0;
  5321.          left: 0;
  5322.          width: 100%;
  5323.          height: 100%;
  5324.          mix-blend-mode: ;
  5325.          
  5326.            
  5327.            
  5328.          
  5329.          
  5330.            opacity: 0;
  5331.          
  5332.        }
  5333.      
  5334.    </style>
  5335.  
  5336.  
  5337.  
  5338.  
  5339.  
  5340.  
  5341. </div></div></div><div class="fe-block fe-block-67e584186e5d1419a740"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-67e584186e5d1419a740"><div class="sqs-block-content">
  5342.  
  5343.  
  5344.  
  5345.  
  5346.  
  5347.  
  5348.  
  5349.  
  5350.  
  5351.  
  5352.  
  5353.  
  5354.  
  5355.  
  5356.  
  5357.  
  5358.  
  5359.  
  5360.  
  5361.  
  5362.  
  5363.  
  5364.  
  5365.  
  5366.  
  5367.  
  5368.  
  5369.  
  5370.  
  5371.  
  5372.  
  5373.  
  5374.  
  5375.  
  5376.  
  5377.  
  5378.  
  5379.  
  5380.  
  5381.  
  5382.  
  5383.  
  5384.  
  5385.  
  5386.    
  5387.  
  5388.    <div
  5389.      class="
  5390.        image-block-outer-wrapper
  5391.        layout-caption-below
  5392.        design-layout-fluid
  5393.        image-position-center
  5394.        combination-animation-site-default
  5395.        individual-animation-site-default
  5396.      "
  5397.      data-test="image-block-fluid-outer-wrapper"
  5398.    >
  5399.      <div
  5400.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5401.        data-animation-role="image"
  5402.        
  5403.  
  5404.  
  5405.      >
  5406.        <div
  5407.          class="fluid-image-container sqs-image-content"
  5408.          
  5409.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5410.          data-sqsp-image-block-image-container
  5411.        >
  5412.          
  5413.  
  5414.          
  5415.          
  5416.  
  5417.          
  5418.            
  5419.              <div class="content-fit">
  5420.                
  5421.            
  5422.            
  5423.            
  5424.            
  5425.            
  5426.            
  5427.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png" data-image-dimensions="150x150" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png" width="150" height="150" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5428.  
  5429.            
  5430.              
  5431.            
  5432.            <div class="fluidImageOverlay"></div>
  5433.          
  5434.              </div>
  5435.            
  5436.          
  5437.  
  5438.        </div>
  5439.      </div>
  5440.    </div>
  5441.    <style>
  5442.      .sqs-block-image .sqs-block-content {
  5443.        height: 100%;
  5444.        width: 100%;
  5445.      }
  5446.  
  5447.      
  5448.        .fe-block-67e584186e5d1419a740 .fluidImageOverlay {
  5449.          position: absolute;
  5450.          top: 0;
  5451.          left: 0;
  5452.          width: 100%;
  5453.          height: 100%;
  5454.          mix-blend-mode: ;
  5455.          
  5456.            
  5457.            
  5458.          
  5459.          
  5460.            opacity: 0;
  5461.          
  5462.        }
  5463.      
  5464.    </style>
  5465.  
  5466.  
  5467.  
  5468.  
  5469.  
  5470.  
  5471. </div></div></div><div class="fe-block fe-block-c94498cca53926398f27"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-c94498cca53926398f27"><div class="sqs-block-content">
  5472.  
  5473.  
  5474.  
  5475.  
  5476.  
  5477.  
  5478.  
  5479.  
  5480.  
  5481.  
  5482.  
  5483.  
  5484.  
  5485.  
  5486.  
  5487.  
  5488.  
  5489.  
  5490.  
  5491.  
  5492.  
  5493.  
  5494.  
  5495.  
  5496.  
  5497.  
  5498.  
  5499.  
  5500.  
  5501.  
  5502.  
  5503.  
  5504.  
  5505.  
  5506.  
  5507.  
  5508.  
  5509.  
  5510.  
  5511.  
  5512.  
  5513.  
  5514.  
  5515.  
  5516.    
  5517.  
  5518.    <div
  5519.      class="
  5520.        image-block-outer-wrapper
  5521.        layout-caption-below
  5522.        design-layout-fluid
  5523.        image-position-center
  5524.        combination-animation-site-default
  5525.        individual-animation-site-default
  5526.      "
  5527.      data-test="image-block-fluid-outer-wrapper"
  5528.    >
  5529.      <div
  5530.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5531.        data-animation-role="image"
  5532.        
  5533.  
  5534.  
  5535.      >
  5536.        <div
  5537.          class="fluid-image-container sqs-image-content"
  5538.          
  5539.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5540.          data-sqsp-image-block-image-container
  5541.        >
  5542.          
  5543.  
  5544.          
  5545.          
  5546.  
  5547.          
  5548.            
  5549.              <div class="content-fit">
  5550.                
  5551.            
  5552.            
  5553.            
  5554.            
  5555.            
  5556.            
  5557.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png" data-image-dimensions="125x125" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png" width="125" height="125" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5558.  
  5559.            
  5560.              
  5561.            
  5562.            <div class="fluidImageOverlay"></div>
  5563.          
  5564.              </div>
  5565.            
  5566.          
  5567.  
  5568.        </div>
  5569.      </div>
  5570.    </div>
  5571.    <style>
  5572.      .sqs-block-image .sqs-block-content {
  5573.        height: 100%;
  5574.        width: 100%;
  5575.      }
  5576.  
  5577.      
  5578.        .fe-block-c94498cca53926398f27 .fluidImageOverlay {
  5579.          position: absolute;
  5580.          top: 0;
  5581.          left: 0;
  5582.          width: 100%;
  5583.          height: 100%;
  5584.          mix-blend-mode: ;
  5585.          
  5586.            
  5587.            
  5588.          
  5589.          
  5590.            opacity: 0;
  5591.          
  5592.        }
  5593.      
  5594.    </style>
  5595.  
  5596.  
  5597.  
  5598.  
  5599.  
  5600.  
  5601. </div></div></div><div class="fe-block fe-block-7d66c383036b7d59dd79"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-7d66c383036b7d59dd79"><div class="sqs-block-content">
  5602.  
  5603.  
  5604.  
  5605.  
  5606.  
  5607.  
  5608.  
  5609.  
  5610.  
  5611.  
  5612.  
  5613.  
  5614.  
  5615.  
  5616.  
  5617.  
  5618.  
  5619.  
  5620.  
  5621.  
  5622.  
  5623.  
  5624.  
  5625.  
  5626.  
  5627.  
  5628.  
  5629.  
  5630.  
  5631.  
  5632.  
  5633.  
  5634.  
  5635.  
  5636.  
  5637.  
  5638.  
  5639.  
  5640.  
  5641.  
  5642.  
  5643.  
  5644.  
  5645.  
  5646.    
  5647.  
  5648.    <div
  5649.      class="
  5650.        image-block-outer-wrapper
  5651.        layout-caption-below
  5652.        design-layout-fluid
  5653.        image-position-center
  5654.        combination-animation-site-default
  5655.        individual-animation-site-default
  5656.      "
  5657.      data-test="image-block-fluid-outer-wrapper"
  5658.    >
  5659.      <div
  5660.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5661.        data-animation-role="image"
  5662.        
  5663.  
  5664.  
  5665.      >
  5666.        <div
  5667.          class="fluid-image-container sqs-image-content"
  5668.          
  5669.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5670.          data-sqsp-image-block-image-container
  5671.        >
  5672.          
  5673.  
  5674.          
  5675.          
  5676.  
  5677.          
  5678.            
  5679.              <div class="content-fit">
  5680.                
  5681.            
  5682.            
  5683.            
  5684.            
  5685.            
  5686.            
  5687.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png" data-image-dimensions="122x169" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png" width="122" height="169" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5688.  
  5689.            
  5690.              
  5691.            
  5692.            <div class="fluidImageOverlay"></div>
  5693.          
  5694.              </div>
  5695.            
  5696.          
  5697.  
  5698.        </div>
  5699.      </div>
  5700.    </div>
  5701.    <style>
  5702.      .sqs-block-image .sqs-block-content {
  5703.        height: 100%;
  5704.        width: 100%;
  5705.      }
  5706.  
  5707.      
  5708.        .fe-block-7d66c383036b7d59dd79 .fluidImageOverlay {
  5709.          position: absolute;
  5710.          top: 0;
  5711.          left: 0;
  5712.          width: 100%;
  5713.          height: 100%;
  5714.          mix-blend-mode: ;
  5715.          
  5716.            
  5717.            
  5718.          
  5719.          
  5720.            opacity: 0;
  5721.          
  5722.        }
  5723.      
  5724.    </style>
  5725.  
  5726.  
  5727.  
  5728.  
  5729.  
  5730.  
  5731. </div></div></div><div class="fe-block fe-block-0948d6ada77784ca3d16"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-0948d6ada77784ca3d16"><div class="sqs-block-content">
  5732.  
  5733.  
  5734.  
  5735.  
  5736.  
  5737.  
  5738.  
  5739.  
  5740.  
  5741.  
  5742.  
  5743.  
  5744.  
  5745.  
  5746.  
  5747.  
  5748.  
  5749.  
  5750.  
  5751.  
  5752.  
  5753.  
  5754.  
  5755.  
  5756.  
  5757.  
  5758.  
  5759.  
  5760.  
  5761.  
  5762.  
  5763.  
  5764.  
  5765.  
  5766.  
  5767.  
  5768.  
  5769.  
  5770.  
  5771.  
  5772.  
  5773.  
  5774.  
  5775.  
  5776.    
  5777.  
  5778.    <div
  5779.      class="
  5780.        image-block-outer-wrapper
  5781.        layout-caption-below
  5782.        design-layout-fluid
  5783.        image-position-center
  5784.        combination-animation-site-default
  5785.        individual-animation-site-default
  5786.      "
  5787.      data-test="image-block-fluid-outer-wrapper"
  5788.    >
  5789.      <div
  5790.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5791.        data-animation-role="image"
  5792.        
  5793.  
  5794.  
  5795.      >
  5796.        <div
  5797.          class="fluid-image-container sqs-image-content"
  5798.          
  5799.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5800.          data-sqsp-image-block-image-container
  5801.        >
  5802.          
  5803.  
  5804.          
  5805.          
  5806.  
  5807.          
  5808.            
  5809.              <div class="content-fit">
  5810.                
  5811.            
  5812.            
  5813.            
  5814.            
  5815.            
  5816.            
  5817.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg" data-image-dimensions="107x107" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg" width="107" height="107" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5818.  
  5819.            
  5820.              
  5821.            
  5822.            <div class="fluidImageOverlay"></div>
  5823.          
  5824.              </div>
  5825.            
  5826.          
  5827.  
  5828.        </div>
  5829.      </div>
  5830.    </div>
  5831.    <style>
  5832.      .sqs-block-image .sqs-block-content {
  5833.        height: 100%;
  5834.        width: 100%;
  5835.      }
  5836.  
  5837.      
  5838.        .fe-block-0948d6ada77784ca3d16 .fluidImageOverlay {
  5839.          position: absolute;
  5840.          top: 0;
  5841.          left: 0;
  5842.          width: 100%;
  5843.          height: 100%;
  5844.          mix-blend-mode: ;
  5845.          
  5846.            
  5847.            
  5848.          
  5849.          
  5850.            opacity: 0;
  5851.          
  5852.        }
  5853.      
  5854.    </style>
  5855.  
  5856.  
  5857.  
  5858.  
  5859.  
  5860.  
  5861. </div></div></div><div class="fe-block fe-block-9618697d87627b7ea30b"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-9618697d87627b7ea30b"><div class="sqs-block-content">
  5862.  
  5863.  
  5864.  
  5865.  
  5866.  
  5867.  
  5868.  
  5869.  
  5870.  
  5871.  
  5872.  
  5873.  
  5874.  
  5875.  
  5876.  
  5877.  
  5878.  
  5879.  
  5880.  
  5881.  
  5882.  
  5883.  
  5884.  
  5885.  
  5886.  
  5887.  
  5888.  
  5889.  
  5890.  
  5891.  
  5892.  
  5893.  
  5894.  
  5895.  
  5896.  
  5897.  
  5898.  
  5899.  
  5900.  
  5901.  
  5902.  
  5903.  
  5904.  
  5905.  
  5906.    
  5907.  
  5908.    <div
  5909.      class="
  5910.        image-block-outer-wrapper
  5911.        layout-caption-below
  5912.        design-layout-fluid
  5913.        image-position-center
  5914.        combination-animation-site-default
  5915.        individual-animation-site-default
  5916.      "
  5917.      data-test="image-block-fluid-outer-wrapper"
  5918.    >
  5919.      <div
  5920.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5921.        data-animation-role="image"
  5922.        
  5923.  
  5924.  
  5925.      >
  5926.        <div
  5927.          class="fluid-image-container sqs-image-content"
  5928.          
  5929.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5930.          data-sqsp-image-block-image-container
  5931.        >
  5932.          
  5933.  
  5934.          
  5935.          
  5936.  
  5937.          
  5938.            
  5939.              <div class="content-fit">
  5940.                
  5941.            
  5942.            
  5943.            
  5944.            
  5945.            
  5946.            
  5947.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png" data-image-dimensions="100x113" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png" width="100" height="113" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5948.  
  5949.            
  5950.              
  5951.            
  5952.            <div class="fluidImageOverlay"></div>
  5953.          
  5954.              </div>
  5955.            
  5956.          
  5957.  
  5958.        </div>
  5959.      </div>
  5960.    </div>
  5961.    <style>
  5962.      .sqs-block-image .sqs-block-content {
  5963.        height: 100%;
  5964.        width: 100%;
  5965.      }
  5966.  
  5967.      
  5968.        .fe-block-9618697d87627b7ea30b .fluidImageOverlay {
  5969.          position: absolute;
  5970.          top: 0;
  5971.          left: 0;
  5972.          width: 100%;
  5973.          height: 100%;
  5974.          mix-blend-mode: ;
  5975.          
  5976.            
  5977.            
  5978.          
  5979.          
  5980.            opacity: 0;
  5981.          
  5982.        }
  5983.      
  5984.    </style>
  5985.  
  5986.  
  5987.  
  5988.  
  5989.  
  5990.  
  5991. </div></div></div></div></div>
  5992.    </div>
  5993.  
  5994.  </div>
  5995.  
  5996. </section>
  5997.  
  5998.  
  5999.    
  6000.    
  6001.  
  6002.  
  6003.  
  6004.  
  6005.  
  6006.  
  6007. <section
  6008.  data-test="page-section"
  6009.  
  6010.  data-section-theme="white"
  6011.  class='page-section
  6012.    
  6013.      full-bleed-section
  6014.      layout-engine-section
  6015.    
  6016.    background-width--full-bleed
  6017.    
  6018.      
  6019.        section-height--custom
  6020.      
  6021.    
  6022.    
  6023.      content-width--wide
  6024.    
  6025.    horizontal-alignment--center
  6026.    vertical-alignment--middle
  6027.    
  6028.      
  6029.    
  6030.    
  6031.    white'
  6032.  
  6033.  data-section-id="680891619ad6d047ac5c9392"
  6034.  
  6035.  data-controller="SectionWrapperController"
  6036.  data-current-styles="{
  6037. &quot;imageOverlayOpacity&quot;: 0.15,
  6038. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6039. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  6040. &quot;customSectionHeight&quot;: 0,
  6041. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6042. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6043. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6044. &quot;customContentWidth&quot;: 50,
  6045. &quot;sectionTheme&quot;: &quot;white&quot;,
  6046. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6047. &quot;backgroundMode&quot;: &quot;image&quot;
  6048. }"
  6049.  data-current-context="{
  6050. &quot;video&quot;: {
  6051. &quot;playbackSpeed&quot;: 0.5,
  6052. &quot;filter&quot;: 1,
  6053. &quot;filterStrength&quot;: 0,
  6054. &quot;zoom&quot;: 0,
  6055. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6056. },
  6057. &quot;backgroundImageId&quot;: null,
  6058. &quot;backgroundMediaEffect&quot;: {
  6059. &quot;type&quot;: &quot;none&quot;
  6060. },
  6061. &quot;divider&quot;: {
  6062. &quot;enabled&quot;: false
  6063. },
  6064. &quot;typeName&quot;: &quot;page&quot;
  6065. }"
  6066.  data-animation="none"
  6067.  data-fluid-engine-section
  6068.  
  6069.  
  6070.  
  6071. >
  6072.  <div
  6073.    class="section-border"
  6074.    
  6075.  >
  6076.    <div class="section-background">
  6077.    
  6078.      
  6079.    
  6080.    </div>
  6081.  </div>
  6082.  <div
  6083.    class='content-wrapper'
  6084.    style='
  6085.      
  6086.        
  6087.          
  6088.          
  6089.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  6090.        
  6091.      
  6092.    '
  6093.  >
  6094.    <div
  6095.      class="content"
  6096.      
  6097.    >
  6098.      
  6099.      
  6100.      
  6101.      
  6102.      
  6103.      
  6104.      
  6105.      
  6106.      
  6107.      
  6108.      <div data-fluid-engine="true"><style>
  6109.  
  6110. .fe-680891619ad6d047ac5c9391 {
  6111.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6112.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6113.  
  6114.  display: grid;
  6115.  position: relative;
  6116.  grid-area: 1/1/-1/-1;
  6117.  grid-template-rows: repeat(39,minmax(24px, auto));
  6118.  grid-template-columns:
  6119.    minmax(var(--grid-gutter), 1fr)
  6120.    repeat(8, minmax(0, var(--cell-max-width)))
  6121.    minmax(var(--grid-gutter), 1fr);
  6122.  row-gap: 0.0px;
  6123.  column-gap: 0.0px;
  6124.  overflow-x: hidden;
  6125.  overflow-x: clip;
  6126. }
  6127.  
  6128. @media (min-width: 768px) {
  6129.  .background-width--inset .fe-680891619ad6d047ac5c9391 {
  6130.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6131.  }
  6132.  
  6133.  .fe-680891619ad6d047ac5c9391 {
  6134.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6135.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6136.    --inset-padding: 0vw;
  6137.  
  6138.    --row-height-scaling-factor: 0.0215;
  6139.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6140.  
  6141.    grid-template-rows: repeat(25,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6142.    grid-template-columns:
  6143.      minmax(var(--grid-gutter), 1fr)
  6144.      repeat(24, minmax(0, var(--cell-max-width)))
  6145.      minmax(var(--grid-gutter), 1fr);
  6146.  }
  6147. }
  6148.  
  6149.  
  6150.  .fe-block-16552b66423f0c1ed4d0 {
  6151.    grid-area: 3/3/14/9;
  6152.    z-index: 0;
  6153.  
  6154.    @media (max-width: 767px) {
  6155.      
  6156.      
  6157.    }
  6158.  }
  6159.  
  6160.  .fe-block-16552b66423f0c1ed4d0 .sqs-block {
  6161.    justify-content: center;
  6162.  }
  6163.  
  6164.  .fe-block-16552b66423f0c1ed4d0 .sqs-block-alignment-wrapper {
  6165.    align-items: center;
  6166.  }
  6167.  
  6168.  @media (min-width: 768px) {
  6169.    .fe-block-16552b66423f0c1ed4d0 {
  6170.      grid-area: 4/3/20/13;
  6171.      z-index: 0;
  6172.  
  6173.      
  6174.  
  6175.      
  6176.    }
  6177.  
  6178.    .fe-block-16552b66423f0c1ed4d0 .sqs-block {
  6179.      justify-content: center;
  6180.    }
  6181.  
  6182.    .fe-block-16552b66423f0c1ed4d0 .sqs-block-alignment-wrapper {
  6183.      align-items: center;
  6184.    }
  6185.  }
  6186.  
  6187.  .fe-block-c6065b1d2b89a305c348 {
  6188.    grid-area: 16/2/35/10;
  6189.    z-index: 4;
  6190.  
  6191.    @media (max-width: 767px) {
  6192.      
  6193.      
  6194.    }
  6195.  }
  6196.  
  6197.  .fe-block-c6065b1d2b89a305c348 .sqs-block {
  6198.    justify-content: flex-start;
  6199.  }
  6200.  
  6201.  .fe-block-c6065b1d2b89a305c348 .sqs-block-alignment-wrapper {
  6202.    align-items: flex-start;
  6203.  }
  6204.  
  6205.  @media (min-width: 768px) {
  6206.    .fe-block-c6065b1d2b89a305c348 {
  6207.      grid-area: 3/15/23/25;
  6208.      z-index: 4;
  6209.  
  6210.      
  6211.  
  6212.      
  6213.    }
  6214.  
  6215.    .fe-block-c6065b1d2b89a305c348 .sqs-block {
  6216.      justify-content: flex-start;
  6217.    }
  6218.  
  6219.    .fe-block-c6065b1d2b89a305c348 .sqs-block-alignment-wrapper {
  6220.      align-items: flex-start;
  6221.    }
  6222.  }
  6223.  
  6224.  .fe-block-41b775e3166fa926e3d5 {
  6225.    grid-area: 36/4/38/8;
  6226.    z-index: 5;
  6227.  
  6228.    @media (max-width: 767px) {
  6229.      
  6230.      
  6231.    }
  6232.  }
  6233.  
  6234.  .fe-block-41b775e3166fa926e3d5 .sqs-block {
  6235.    justify-content: center;
  6236.  }
  6237.  
  6238.  .fe-block-41b775e3166fa926e3d5 .sqs-block-alignment-wrapper {
  6239.    align-items: center;
  6240.  }
  6241.  
  6242.  @media (min-width: 768px) {
  6243.    .fe-block-41b775e3166fa926e3d5 {
  6244.      grid-area: 24/15/26/20;
  6245.      z-index: 5;
  6246.  
  6247.      
  6248.  
  6249.      
  6250.    }
  6251.  
  6252.    .fe-block-41b775e3166fa926e3d5 .sqs-block {
  6253.      justify-content: center;
  6254.    }
  6255.  
  6256.    .fe-block-41b775e3166fa926e3d5 .sqs-block-alignment-wrapper {
  6257.      align-items: center;
  6258.    }
  6259.  }
  6260.  
  6261. </style><div class="fluid-engine fe-680891619ad6d047ac5c9391"><div class="fe-block fe-block-16552b66423f0c1ed4d0"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="82.39999497070343" data-block-type="5" data-sqsp-block="image" id="block-16552b66423f0c1ed4d0"><div class="sqs-block-content">
  6262.  
  6263.  
  6264.  
  6265.  
  6266.  
  6267.  
  6268.  
  6269.  
  6270.  
  6271.  
  6272.  
  6273.  
  6274.  
  6275.  
  6276.  
  6277.  
  6278.  
  6279.  
  6280.  
  6281.  
  6282.  
  6283.  
  6284.  
  6285.  
  6286.  
  6287.  
  6288.  
  6289.  
  6290.  
  6291.  
  6292.  
  6293.  
  6294.  
  6295.  
  6296.  
  6297.  
  6298.  
  6299.  
  6300.  
  6301.  
  6302.  
  6303.  
  6304.  
  6305.  
  6306.    
  6307.  
  6308.    <div
  6309.      class="
  6310.        image-block-outer-wrapper
  6311.        layout-caption-below
  6312.        design-layout-fluid
  6313.        image-position-center
  6314.        combination-animation-site-default
  6315.        individual-animation-site-default
  6316.      "
  6317.      data-test="image-block-fluid-outer-wrapper"
  6318.    >
  6319.      <div
  6320.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  6321.        data-animation-role="image"
  6322.        
  6323.  
  6324.  
  6325.      >
  6326.        <div
  6327.          class="fluid-image-container sqs-image-content"
  6328.          
  6329.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 70px;border-top-right-radius: 70px;border-bottom-left-radius: 70px;border-bottom-right-radius: 70px;position: relative;width: 100%;height: 100%;"
  6330.          data-sqsp-image-block-image-container
  6331.        >
  6332.          
  6333.  
  6334.          
  6335.          
  6336.  
  6337.          
  6338.            
  6339.              <div class="content-fill">
  6340.                
  6341.            
  6342.            
  6343.            
  6344.            
  6345.            
  6346.            
  6347.            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg" data-image-dimensions="1136x844" data-image-focal-point="0.5,0.5" alt="white interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg" width="1136" height="844" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  6348.  
  6349.            
  6350.              
  6351.            
  6352.            <div class="fluidImageOverlay"></div>
  6353.          
  6354.              </div>
  6355.            
  6356.          
  6357.  
  6358.        </div>
  6359.      </div>
  6360.    </div>
  6361.    <style>
  6362.      .sqs-block-image .sqs-block-content {
  6363.        height: 100%;
  6364.        width: 100%;
  6365.      }
  6366.  
  6367.      
  6368.        .fe-block-16552b66423f0c1ed4d0 .fluidImageOverlay {
  6369.          position: absolute;
  6370.          top: 0;
  6371.          left: 0;
  6372.          width: 100%;
  6373.          height: 100%;
  6374.          mix-blend-mode: ;
  6375.          
  6376.            
  6377.            
  6378.          
  6379.          
  6380.            opacity: 0;
  6381.          
  6382.        }
  6383.      
  6384.    </style>
  6385.  
  6386.  
  6387.  
  6388.  
  6389.  
  6390.  
  6391. </div></div></div><div class="fe-block fe-block-c6065b1d2b89a305c348"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-c6065b1d2b89a305c348"><div class="sqs-block-content">
  6392.  
  6393. <div class="sqs-html-content" data-sqsp-text-block-content>
  6394.  <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Welcome to </span><a href="/" target=""><span class="sqsrte-text-color--lightAccent">Interior Door and Closet Company</span></a><span class="sqsrte-text-color--lightAccent"> (IDCC), located in </span><a href="/testimonials/huntington-beach-ca"><span class="sqsrte-text-color--lightAccent">Huntington Beach</span></a><span class="sqsrte-text-color--lightAccent">, California, we provide service to all cities in Orange County, California. We have developed the most convenient and affordable door and </span><a href="/closet-doors"><span class="sqsrte-text-color--lightAccent">closet doors</span></a><span class="sqsrte-text-color--lightAccent"> system to beautify, organize and add value to your most prized possession; your home.</span></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">As our name simply states, we improve the appearance and function of four vital areas of your home: </span><a href="/interior-doors"><span class="sqsrte-text-color--lightAccent">interior doors</span></a><span class="sqsrte-text-color--lightAccent">,&nbsp;</span><a href="/closet-doors"><span class="sqsrte-text-color--lightAccent">closet door</span></a><span class="sqsrte-text-color--lightAccent">, </span><a href="/barn-doors"><span class="sqsrte-text-color--lightAccent">barn doors</span></a><span class="sqsrte-text-color--lightAccent">&nbsp;and </span><a href="/organizers"><span class="sqsrte-text-color--lightAccent">closet &amp; garage organizers</span></a><span class="sqsrte-text-color--lightAccent">. We are your closet door installer and offer hassle free sliding closet door installation service.  We have the unique ability to provide you with both expert design guidance and professional, convenient sliding closet door installation.</span></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Established in 2006, we are a family owned and operated company.</span></p>
  6395. </div>
  6396.  
  6397.  
  6398.  
  6399.  
  6400.  
  6401.  
  6402.  
  6403.  
  6404.  
  6405.  
  6406.  
  6407.  
  6408.  
  6409.  
  6410.  
  6411.  
  6412.  
  6413.  
  6414.  
  6415.  
  6416.  
  6417.  
  6418.  
  6419.  
  6420.  
  6421. </div></div></div><div class="fe-block fe-block-41b775e3166fa926e3d5"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-41b775e3166fa926e3d5"><div class="sqs-block-content">
  6422.  
  6423. <div
  6424.  class="sqs-block-button-container sqs-block-button-container--center"
  6425.  data-animation-role="button"
  6426.  data-alignment="center"
  6427.  data-button-size="medium"
  6428.  data-button-type="primary"
  6429. >
  6430.  <a
  6431.    href="/about"
  6432.    class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
  6433.    data-sqsp-button
  6434.    
  6435.  >
  6436.    Learn more
  6437.  </a>
  6438. </div>
  6439. </div></div></div></div></div>
  6440.    </div>
  6441.  
  6442.  </div>
  6443.  
  6444. </section>
  6445.  
  6446.  
  6447.    
  6448.    
  6449.  
  6450.  
  6451.  
  6452.  
  6453.  
  6454.  
  6455. <section
  6456.  data-test="page-section"
  6457.  
  6458.  data-section-theme=""
  6459.  class='page-section
  6460.    
  6461.      full-bleed-section
  6462.      layout-engine-section
  6463.    
  6464.    background-width--full-bleed
  6465.    
  6466.      
  6467.        section-height--custom
  6468.      
  6469.    
  6470.    
  6471.      content-width--wide
  6472.    
  6473.    horizontal-alignment--center
  6474.    vertical-alignment--middle
  6475.    
  6476.      
  6477.    
  6478.    
  6479.    '
  6480.  
  6481.  data-section-id="680891619ad6d047ac5c9395"
  6482.  
  6483.  data-controller="SectionWrapperController"
  6484.  data-current-styles="{
  6485. &quot;imageOverlayOpacity&quot;: 0.15,
  6486. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6487. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  6488. &quot;customSectionHeight&quot;: 0,
  6489. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6490. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6491. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6492. &quot;customContentWidth&quot;: 50,
  6493. &quot;sectionTheme&quot;: &quot;&quot;,
  6494. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6495. &quot;backgroundMode&quot;: &quot;image&quot;
  6496. }"
  6497.  data-current-context="{
  6498. &quot;video&quot;: {
  6499. &quot;playbackSpeed&quot;: 0.5,
  6500. &quot;filter&quot;: 1,
  6501. &quot;filterStrength&quot;: 0,
  6502. &quot;zoom&quot;: 0,
  6503. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6504. },
  6505. &quot;backgroundImageId&quot;: null,
  6506. &quot;backgroundMediaEffect&quot;: null,
  6507. &quot;divider&quot;: null,
  6508. &quot;typeName&quot;: &quot;page&quot;
  6509. }"
  6510.  data-animation="none"
  6511.  data-fluid-engine-section
  6512.  
  6513.  
  6514.  
  6515. >
  6516.  <div
  6517.    class="section-border"
  6518.    
  6519.  >
  6520.    <div class="section-background">
  6521.    
  6522.      
  6523.    
  6524.    </div>
  6525.  </div>
  6526.  <div
  6527.    class='content-wrapper'
  6528.    style='
  6529.      
  6530.        
  6531.          
  6532.          
  6533.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  6534.        
  6535.      
  6536.    '
  6537.  >
  6538.    <div
  6539.      class="content"
  6540.      
  6541.    >
  6542.      
  6543.      
  6544.      
  6545.      
  6546.      
  6547.      
  6548.      
  6549.      
  6550.      
  6551.      
  6552.      <div data-fluid-engine="true"><style>
  6553.  
  6554. .fe-680891619ad6d047ac5c9394 {
  6555.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  6556.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  6557.  
  6558.  display: grid;
  6559.  position: relative;
  6560.  grid-area: 1/1/-1/-1;
  6561.  grid-template-rows: repeat(8,minmax(24px, auto));
  6562.  grid-template-columns:
  6563.    minmax(var(--grid-gutter), 1fr)
  6564.    repeat(8, minmax(0, var(--cell-max-width)))
  6565.    minmax(var(--grid-gutter), 1fr);
  6566.  row-gap: 11.0px;
  6567.  column-gap: 11.0px;
  6568.  overflow-x: hidden;
  6569.  overflow-x: clip;
  6570. }
  6571.  
  6572. @media (min-width: 768px) {
  6573.  .background-width--inset .fe-680891619ad6d047ac5c9394 {
  6574.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6575.  }
  6576.  
  6577.  .fe-680891619ad6d047ac5c9394 {
  6578.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  6579.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  6580.    --inset-padding: 0vw;
  6581.  
  6582.    --row-height-scaling-factor: 0.0215;
  6583.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6584.  
  6585.    grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6586.    grid-template-columns:
  6587.      minmax(var(--grid-gutter), 1fr)
  6588.      repeat(24, minmax(0, var(--cell-max-width)))
  6589.      minmax(var(--grid-gutter), 1fr);
  6590.  }
  6591. }
  6592.  
  6593.  
  6594.  .fe-block-54c6e95817a2f3b15296 {
  6595.    grid-area: 2/2/8/10;
  6596.    z-index: 9;
  6597.  
  6598.    @media (max-width: 767px) {
  6599.      
  6600.      
  6601.    }
  6602.  }
  6603.  
  6604.  .fe-block-54c6e95817a2f3b15296 .sqs-block {
  6605.    justify-content: flex-start;
  6606.  }
  6607.  
  6608.  .fe-block-54c6e95817a2f3b15296 .sqs-block-alignment-wrapper {
  6609.    align-items: flex-start;
  6610.  }
  6611.  
  6612.  @media (min-width: 768px) {
  6613.    .fe-block-54c6e95817a2f3b15296 {
  6614.      grid-area: 2/2/7/26;
  6615.      z-index: 2;
  6616.  
  6617.      
  6618.  
  6619.      
  6620.    }
  6621.  
  6622.    .fe-block-54c6e95817a2f3b15296 .sqs-block {
  6623.      justify-content: flex-start;
  6624.    }
  6625.  
  6626.    .fe-block-54c6e95817a2f3b15296 .sqs-block-alignment-wrapper {
  6627.      align-items: flex-start;
  6628.    }
  6629.  }
  6630.  
  6631. </style><div class="fluid-engine fe-680891619ad6d047ac5c9394"><div class="fe-block fe-block-54c6e95817a2f3b15296"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-54c6e95817a2f3b15296"><div class="sqs-block-content">
  6632.  
  6633. <div class="sqs-html-content" data-sqsp-text-block-content>
  6634.  <h2 style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Our Specialty</span></h2><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Specialization within our trade, our proprietary tools, processes and our volume of work allow us to offer you competitive prices. We offer a wide range of beautiful products to enhance your home. Our doors and organizers gallery contains many popular designs, however the possibilities are endless. If you do not see the doors or organizer layout you are looking for, please contact us.</span></p>
  6635. </div>
  6636.  
  6637.  
  6638.  
  6639.  
  6640.  
  6641.  
  6642.  
  6643.  
  6644.  
  6645.  
  6646.  
  6647.  
  6648.  
  6649.  
  6650.  
  6651.  
  6652.  
  6653.  
  6654.  
  6655.  
  6656.  
  6657.  
  6658.  
  6659.  
  6660.  
  6661. </div></div></div></div></div>
  6662.    </div>
  6663.  
  6664.  </div>
  6665.  
  6666. </section>
  6667.  
  6668.  
  6669.    
  6670.    
  6671.  
  6672.  
  6673.  
  6674.  
  6675.  
  6676.  
  6677. <section
  6678.  data-test="page-section"
  6679.  
  6680.  data-section-theme=""
  6681.  class='page-section
  6682.    
  6683.      full-bleed-section
  6684.      layout-engine-section
  6685.    
  6686.    background-width--full-bleed
  6687.    
  6688.      section-height--small
  6689.    
  6690.    
  6691.      content-width--wide
  6692.    
  6693.    horizontal-alignment--center
  6694.    vertical-alignment--middle
  6695.    
  6696.      
  6697.    
  6698.    
  6699.    '
  6700.  
  6701.  data-section-id="680891619ad6d047ac5c9398"
  6702.  
  6703.  data-controller="SectionWrapperController"
  6704.  data-current-styles="{
  6705. &quot;imageOverlayOpacity&quot;: 0.15,
  6706. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6707. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  6708. &quot;customSectionHeight&quot;: 1,
  6709. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6710. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6711. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6712. &quot;customContentWidth&quot;: 50,
  6713. &quot;sectionTheme&quot;: &quot;&quot;,
  6714. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6715. &quot;backgroundMode&quot;: &quot;image&quot;
  6716. }"
  6717.  data-current-context="{
  6718. &quot;video&quot;: {
  6719. &quot;playbackSpeed&quot;: 0.5,
  6720. &quot;filter&quot;: 2,
  6721. &quot;filterStrength&quot;: 0,
  6722. &quot;zoom&quot;: 0,
  6723. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6724. },
  6725. &quot;backgroundImageId&quot;: null,
  6726. &quot;backgroundMediaEffect&quot;: {
  6727. &quot;type&quot;: &quot;none&quot;
  6728. },
  6729. &quot;divider&quot;: {
  6730. &quot;enabled&quot;: false
  6731. },
  6732. &quot;typeName&quot;: &quot;page&quot;
  6733. }"
  6734.  data-animation="none"
  6735.  data-fluid-engine-section
  6736.  
  6737.  
  6738.    
  6739.  
  6740.  
  6741. >
  6742.  <div
  6743.    class="section-border"
  6744.    
  6745.  >
  6746.    <div class="section-background">
  6747.    
  6748.      
  6749.    
  6750.    </div>
  6751.  </div>
  6752.  <div
  6753.    class='content-wrapper'
  6754.    style='
  6755.      
  6756.        
  6757.      
  6758.    '
  6759.  >
  6760.    <div
  6761.      class="content"
  6762.      
  6763.    >
  6764.      
  6765.      
  6766.      
  6767.      
  6768.      
  6769.      
  6770.      
  6771.      
  6772.      
  6773.      
  6774.      <div data-fluid-engine="true"><style>
  6775.  
  6776. .fe-680891619ad6d047ac5c9397 {
  6777.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6778.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6779.  
  6780.  display: grid;
  6781.  position: relative;
  6782.  grid-area: 1/1/-1/-1;
  6783.  grid-template-rows: repeat(29,minmax(24px, auto));
  6784.  grid-template-columns:
  6785.    minmax(var(--grid-gutter), 1fr)
  6786.    repeat(8, minmax(0, var(--cell-max-width)))
  6787.    minmax(var(--grid-gutter), 1fr);
  6788.  row-gap: 0.0px;
  6789.  column-gap: 0.0px;
  6790.  overflow-x: hidden;
  6791.  overflow-x: clip;
  6792. }
  6793.  
  6794. @media (min-width: 768px) {
  6795.  .background-width--inset .fe-680891619ad6d047ac5c9397 {
  6796.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6797.  }
  6798.  
  6799.  .fe-680891619ad6d047ac5c9397 {
  6800.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6801.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6802.    --inset-padding: 0vw;
  6803.  
  6804.    --row-height-scaling-factor: 0.0215;
  6805.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6806.  
  6807.    grid-template-rows: repeat(18,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6808.    grid-template-columns:
  6809.      minmax(var(--grid-gutter), 1fr)
  6810.      repeat(24, minmax(0, var(--cell-max-width)))
  6811.      minmax(var(--grid-gutter), 1fr);
  6812.  }
  6813. }
  6814.  
  6815.  
  6816.  .fe-block-e7bb54eb013756b7fd73 {
  6817.    grid-area: 1/2/13/10;
  6818.    z-index: 0;
  6819.  
  6820.    @media (max-width: 767px) {
  6821.      
  6822.      
  6823.    }
  6824.  }
  6825.  
  6826.  .fe-block-e7bb54eb013756b7fd73 .sqs-block {
  6827.    justify-content: center;
  6828.  }
  6829.  
  6830.  .fe-block-e7bb54eb013756b7fd73 .sqs-block-alignment-wrapper {
  6831.    align-items: center;
  6832.  }
  6833.  
  6834.  @media (min-width: 768px) {
  6835.    .fe-block-e7bb54eb013756b7fd73 {
  6836.      grid-area: 1/2/19/13;
  6837.      z-index: 0;
  6838.  
  6839.      
  6840.  
  6841.      
  6842.    }
  6843.  
  6844.    .fe-block-e7bb54eb013756b7fd73 .sqs-block {
  6845.      justify-content: center;
  6846.    }
  6847.  
  6848.    .fe-block-e7bb54eb013756b7fd73 .sqs-block-alignment-wrapper {
  6849.      align-items: center;
  6850.    }
  6851.  }
  6852.  
  6853.  .fe-block-03897ae8beb108e88995 {
  6854.    grid-area: 14/2/16/10;
  6855.    z-index: 1;
  6856.  
  6857.    @media (max-width: 767px) {
  6858.      
  6859.      
  6860.    }
  6861.  }
  6862.  
  6863.  .fe-block-03897ae8beb108e88995 .sqs-block {
  6864.    justify-content: flex-start;
  6865.  }
  6866.  
  6867.  .fe-block-03897ae8beb108e88995 .sqs-block-alignment-wrapper {
  6868.    align-items: flex-start;
  6869.  }
  6870.  
  6871.  @media (min-width: 768px) {
  6872.    .fe-block-03897ae8beb108e88995 {
  6873.      grid-area: 3/16/5/26;
  6874.      z-index: 2;
  6875.  
  6876.      
  6877.  
  6878.      
  6879.    }
  6880.  
  6881.    .fe-block-03897ae8beb108e88995 .sqs-block {
  6882.      justify-content: center;
  6883.    }
  6884.  
  6885.    .fe-block-03897ae8beb108e88995 .sqs-block-alignment-wrapper {
  6886.      align-items: center;
  6887.    }
  6888.  }
  6889.  
  6890.  .fe-block-58a9ab2958bad1237a79 {
  6891.    grid-area: 16/2/26/10;
  6892.    z-index: 2;
  6893.  
  6894.    @media (max-width: 767px) {
  6895.      
  6896.      
  6897.    }
  6898.  }
  6899.  
  6900.  .fe-block-58a9ab2958bad1237a79 .sqs-block {
  6901.    justify-content: center;
  6902.  }
  6903.  
  6904.  .fe-block-58a9ab2958bad1237a79 .sqs-block-alignment-wrapper {
  6905.    align-items: center;
  6906.  }
  6907.  
  6908.  @media (min-width: 768px) {
  6909.    .fe-block-58a9ab2958bad1237a79 {
  6910.      grid-area: 5/16/12/26;
  6911.      z-index: 1;
  6912.  
  6913.      
  6914.  
  6915.      
  6916.    }
  6917.  
  6918.    .fe-block-58a9ab2958bad1237a79 .sqs-block {
  6919.      justify-content: center;
  6920.    }
  6921.  
  6922.    .fe-block-58a9ab2958bad1237a79 .sqs-block-alignment-wrapper {
  6923.      align-items: center;
  6924.    }
  6925.  }
  6926.  
  6927.  .fe-block-276c54f715c16b5a8076 {
  6928.    grid-area: 27/4/29/8;
  6929.    z-index: 3;
  6930.  
  6931.    @media (max-width: 767px) {
  6932.      
  6933.      
  6934.    }
  6935.  }
  6936.  
  6937.  .fe-block-276c54f715c16b5a8076 .sqs-block {
  6938.    justify-content: center;
  6939.  }
  6940.  
  6941.  .fe-block-276c54f715c16b5a8076 .sqs-block-alignment-wrapper {
  6942.    align-items: center;
  6943.  }
  6944.  
  6945.  @media (min-width: 768px) {
  6946.    .fe-block-276c54f715c16b5a8076 {
  6947.      grid-area: 13/16/15/20;
  6948.      z-index: 3;
  6949.  
  6950.      
  6951.  
  6952.      
  6953.    }
  6954.  
  6955.    .fe-block-276c54f715c16b5a8076 .sqs-block {
  6956.      justify-content: center;
  6957.    }
  6958.  
  6959.    .fe-block-276c54f715c16b5a8076 .sqs-block-alignment-wrapper {
  6960.      align-items: center;
  6961.    }
  6962.  }
  6963.  
  6964. </style><div class="fluid-engine fe-680891619ad6d047ac5c9397"><div class="fe-block fe-block-e7bb54eb013756b7fd73"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-e7bb54eb013756b7fd73"><div class="sqs-block-content">
  6965.  
  6966.  
  6967.  
  6968.  
  6969.  
  6970.  
  6971.  
  6972.  
  6973.  
  6974.  
  6975.  
  6976.  
  6977.  
  6978.  
  6979.  
  6980.  
  6981.  
  6982.  
  6983.  
  6984.  
  6985.  
  6986.  
  6987.  
  6988.  
  6989.  
  6990.  
  6991.  
  6992.  
  6993.  
  6994.  
  6995.  
  6996.  
  6997.  
  6998.  
  6999.  
  7000.  
  7001.  
  7002.  
  7003.  
  7004.  
  7005.  
  7006.  
  7007.  
  7008.  
  7009.    
  7010.  
  7011.    <div
  7012.      class="
  7013.        image-block-outer-wrapper
  7014.        layout-caption-below
  7015.        design-layout-fluid
  7016.        image-position-left
  7017.        combination-animation-none
  7018.        individual-animation-none
  7019.      "
  7020.      data-test="image-block-fluid-outer-wrapper"
  7021.    >
  7022.      <div
  7023.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7024.        data-animation-role="image"
  7025.        
  7026.  
  7027.  
  7028.      >
  7029.        <div
  7030.          class="fluid-image-container sqs-image-content"
  7031.          
  7032.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;position: relative;width: 100%;height: 100%;"
  7033.          data-sqsp-image-block-image-container
  7034.        >
  7035.          
  7036.  
  7037.          
  7038.          
  7039.  
  7040.          
  7041.            
  7042.              <div class="content-fill">
  7043.                
  7044.            
  7045.            
  7046.            
  7047.            
  7048.            
  7049.            
  7050.            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg" data-image-dimensions="5472x3648" data-image-focal-point="0.6246983091941275,0.44809016097881293" alt="Interior view of a modern house with open white door leading to a balcony with metal railing, wooden floor, and a white wall." data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg" width="5472" height="3648" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 62.46983091941275% 44.80901609788129%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  7051.  
  7052.            
  7053.              
  7054.            
  7055.            <div class="fluidImageOverlay"></div>
  7056.          
  7057.              </div>
  7058.            
  7059.          
  7060.  
  7061.        </div>
  7062.      </div>
  7063.    </div>
  7064.    <style>
  7065.      .sqs-block-image .sqs-block-content {
  7066.        height: 100%;
  7067.        width: 100%;
  7068.      }
  7069.  
  7070.      
  7071.        .fe-block-e7bb54eb013756b7fd73 .fluidImageOverlay {
  7072.          position: absolute;
  7073.          top: 0;
  7074.          left: 0;
  7075.          width: 100%;
  7076.          height: 100%;
  7077.          mix-blend-mode: normal;
  7078.          
  7079.            
  7080.            
  7081.          
  7082.          
  7083.            opacity: 0;
  7084.          
  7085.        }
  7086.      
  7087.    </style>
  7088.  
  7089.  
  7090.  
  7091.  
  7092.  
  7093.  
  7094. </div></div></div><div class="fe-block fe-block-03897ae8beb108e88995"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-03897ae8beb108e88995"><div class="sqs-block-content">
  7095.  
  7096. <div class="sqs-html-content" data-sqsp-text-block-content>
  7097.  <h2 style="white-space:pre-wrap;"><a href="/interior-doors">Interior Doors</a></h2>
  7098. </div>
  7099.  
  7100.  
  7101.  
  7102.  
  7103.  
  7104.  
  7105.  
  7106.  
  7107.  
  7108.  
  7109.  
  7110.  
  7111.  
  7112.  
  7113.  
  7114.  
  7115.  
  7116.  
  7117.  
  7118.  
  7119.  
  7120.  
  7121.  
  7122.  
  7123.  
  7124. </div></div></div><div class="fe-block fe-block-58a9ab2958bad1237a79"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-58a9ab2958bad1237a79"><div class="sqs-block-content">
  7125.  
  7126. <div class="sqs-html-content" data-sqsp-text-block-content>
  7127.  <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">With many styles to choose from, we're sure to have doors that suit your home’s style and preferences. We are well known for the ability to source doors for just about any size opening. Our collection of interior doors boasts unmatched craftsmanship, ensuring durability and a timeless appeal for every home Call our office to schedule your in-home consultation at </span><a href="tel:+17148955100"><span class="sqsrte-text-color--lightAccent">(714)</span></a><span class="sqsrte-text-color--lightAccent"> 895-5100.</span></p>
  7128. </div>
  7129.  
  7130.  
  7131.  
  7132.  
  7133.  
  7134.  
  7135.  
  7136.  
  7137.  
  7138.  
  7139.  
  7140.  
  7141.  
  7142.  
  7143.  
  7144.  
  7145.  
  7146.  
  7147.  
  7148.  
  7149.  
  7150.  
  7151.  
  7152.  
  7153.  
  7154. </div></div></div><div class="fe-block fe-block-276c54f715c16b5a8076"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-276c54f715c16b5a8076"><div class="sqs-block-content">
  7155.  
  7156. <div
  7157.  class="sqs-block-button-container sqs-block-button-container--left"
  7158.  data-animation-role="button"
  7159.  data-alignment="left"
  7160.  data-button-size="large"
  7161.  data-button-type="secondary"
  7162. >
  7163.  <a
  7164.    href="/interior-doors"
  7165.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7166.    data-sqsp-button
  7167.    
  7168.  >
  7169.    See More
  7170.  </a>
  7171. </div>
  7172. </div></div></div></div></div>
  7173.    </div>
  7174.  
  7175.  </div>
  7176.  
  7177. </section>
  7178.  
  7179.  
  7180.    
  7181.    
  7182.  
  7183.  
  7184.  
  7185.  
  7186.  
  7187.  
  7188. <section
  7189.  data-test="page-section"
  7190.  
  7191.  data-section-theme=""
  7192.  class='page-section
  7193.    
  7194.      full-bleed-section
  7195.      layout-engine-section
  7196.    
  7197.    background-width--full-bleed
  7198.    
  7199.      section-height--small
  7200.    
  7201.    
  7202.      content-width--wide
  7203.    
  7204.    horizontal-alignment--center
  7205.    vertical-alignment--middle
  7206.    
  7207.      
  7208.    
  7209.    
  7210.    '
  7211.  
  7212.  data-section-id="680891619ad6d047ac5c939b"
  7213.  
  7214.  data-controller="SectionWrapperController"
  7215.  data-current-styles="{
  7216. &quot;imageOverlayOpacity&quot;: 0.15,
  7217. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7218. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7219. &quot;customSectionHeight&quot;: 1,
  7220. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7221. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7222. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7223. &quot;customContentWidth&quot;: 50,
  7224. &quot;sectionTheme&quot;: &quot;&quot;,
  7225. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7226. &quot;backgroundMode&quot;: &quot;image&quot;
  7227. }"
  7228.  data-current-context="{
  7229. &quot;video&quot;: {
  7230. &quot;playbackSpeed&quot;: 0.5,
  7231. &quot;filter&quot;: 2,
  7232. &quot;filterStrength&quot;: 0,
  7233. &quot;zoom&quot;: 0,
  7234. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7235. },
  7236. &quot;backgroundImageId&quot;: null,
  7237. &quot;backgroundMediaEffect&quot;: {
  7238. &quot;type&quot;: &quot;none&quot;
  7239. },
  7240. &quot;divider&quot;: {
  7241. &quot;enabled&quot;: false
  7242. },
  7243. &quot;typeName&quot;: &quot;page&quot;
  7244. }"
  7245.  data-animation="none"
  7246.  data-fluid-engine-section
  7247.  
  7248.  
  7249.    
  7250.  
  7251.  
  7252. >
  7253.  <div
  7254.    class="section-border"
  7255.    
  7256.  >
  7257.    <div class="section-background">
  7258.    
  7259.      
  7260.    
  7261.    </div>
  7262.  </div>
  7263.  <div
  7264.    class='content-wrapper'
  7265.    style='
  7266.      
  7267.        
  7268.      
  7269.    '
  7270.  >
  7271.    <div
  7272.      class="content"
  7273.      
  7274.    >
  7275.      
  7276.      
  7277.      
  7278.      
  7279.      
  7280.      
  7281.      
  7282.      
  7283.      
  7284.      
  7285.      <div data-fluid-engine="true"><style>
  7286.  
  7287. .fe-680891619ad6d047ac5c939a {
  7288.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7289.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7290.  
  7291.  display: grid;
  7292.  position: relative;
  7293.  grid-area: 1/1/-1/-1;
  7294.  grid-template-rows: repeat(40,minmax(24px, auto));
  7295.  grid-template-columns:
  7296.    minmax(var(--grid-gutter), 1fr)
  7297.    repeat(8, minmax(0, var(--cell-max-width)))
  7298.    minmax(var(--grid-gutter), 1fr);
  7299.  row-gap: 0.0px;
  7300.  column-gap: 0.0px;
  7301.  overflow-x: hidden;
  7302.  overflow-x: clip;
  7303. }
  7304.  
  7305. @media (min-width: 768px) {
  7306.  .background-width--inset .fe-680891619ad6d047ac5c939a {
  7307.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7308.  }
  7309.  
  7310.  .fe-680891619ad6d047ac5c939a {
  7311.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7312.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7313.    --inset-padding: 0vw;
  7314.  
  7315.    --row-height-scaling-factor: 0.0215;
  7316.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7317.  
  7318.    grid-template-rows: repeat(23,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7319.    grid-template-columns:
  7320.      minmax(var(--grid-gutter), 1fr)
  7321.      repeat(24, minmax(0, var(--cell-max-width)))
  7322.      minmax(var(--grid-gutter), 1fr);
  7323.  }
  7324. }
  7325.  
  7326.  
  7327.  .fe-block-8b9d719a063aa1824f49 {
  7328.    grid-area: 2/2/14/10;
  7329.    z-index: 0;
  7330.  
  7331.    @media (max-width: 767px) {
  7332.      
  7333.      
  7334.    }
  7335.  }
  7336.  
  7337.  .fe-block-8b9d719a063aa1824f49 .sqs-block {
  7338.    justify-content: center;
  7339.  }
  7340.  
  7341.  .fe-block-8b9d719a063aa1824f49 .sqs-block-alignment-wrapper {
  7342.    align-items: center;
  7343.  }
  7344.  
  7345.  @media (min-width: 768px) {
  7346.    .fe-block-8b9d719a063aa1824f49 {
  7347.      grid-area: 3/15/22/26;
  7348.      z-index: 0;
  7349.  
  7350.      
  7351.  
  7352.      
  7353.    }
  7354.  
  7355.    .fe-block-8b9d719a063aa1824f49 .sqs-block {
  7356.      justify-content: center;
  7357.    }
  7358.  
  7359.    .fe-block-8b9d719a063aa1824f49 .sqs-block-alignment-wrapper {
  7360.      align-items: center;
  7361.    }
  7362.  }
  7363.  
  7364.  .fe-block-8e989293e3a4d5db5653 {
  7365.    grid-area: 15/2/17/10;
  7366.    z-index: 1;
  7367.  
  7368.    @media (max-width: 767px) {
  7369.      
  7370.      
  7371.    }
  7372.  }
  7373.  
  7374.  .fe-block-8e989293e3a4d5db5653 .sqs-block {
  7375.    justify-content: flex-start;
  7376.  }
  7377.  
  7378.  .fe-block-8e989293e3a4d5db5653 .sqs-block-alignment-wrapper {
  7379.    align-items: flex-start;
  7380.  }
  7381.  
  7382.  @media (min-width: 768px) {
  7383.    .fe-block-8e989293e3a4d5db5653 {
  7384.      grid-area: 1/2/3/12;
  7385.      z-index: 2;
  7386.  
  7387.      
  7388.  
  7389.      
  7390.    }
  7391.  
  7392.    .fe-block-8e989293e3a4d5db5653 .sqs-block {
  7393.      justify-content: center;
  7394.    }
  7395.  
  7396.    .fe-block-8e989293e3a4d5db5653 .sqs-block-alignment-wrapper {
  7397.      align-items: center;
  7398.    }
  7399.  }
  7400.  
  7401.  .fe-block-cffca4947c7e998cb11c {
  7402.    grid-area: 17/2/37/10;
  7403.    z-index: 2;
  7404.  
  7405.    @media (max-width: 767px) {
  7406.      
  7407.      
  7408.    }
  7409.  }
  7410.  
  7411.  .fe-block-cffca4947c7e998cb11c .sqs-block {
  7412.    justify-content: center;
  7413.  }
  7414.  
  7415.  .fe-block-cffca4947c7e998cb11c .sqs-block-alignment-wrapper {
  7416.    align-items: center;
  7417.  }
  7418.  
  7419.  @media (min-width: 768px) {
  7420.    .fe-block-cffca4947c7e998cb11c {
  7421.      grid-area: 4/2/21/12;
  7422.      z-index: 1;
  7423.  
  7424.      
  7425.  
  7426.      
  7427.    }
  7428.  
  7429.    .fe-block-cffca4947c7e998cb11c .sqs-block {
  7430.      justify-content: center;
  7431.    }
  7432.  
  7433.    .fe-block-cffca4947c7e998cb11c .sqs-block-alignment-wrapper {
  7434.      align-items: center;
  7435.    }
  7436.  }
  7437.  
  7438.  .fe-block-60a95a966a1629be772c {
  7439.    grid-area: 38/4/40/8;
  7440.    z-index: 3;
  7441.  
  7442.    @media (max-width: 767px) {
  7443.      
  7444.      
  7445.    }
  7446.  }
  7447.  
  7448.  .fe-block-60a95a966a1629be772c .sqs-block {
  7449.    justify-content: center;
  7450.  }
  7451.  
  7452.  .fe-block-60a95a966a1629be772c .sqs-block-alignment-wrapper {
  7453.    align-items: center;
  7454.  }
  7455.  
  7456.  @media (min-width: 768px) {
  7457.    .fe-block-60a95a966a1629be772c {
  7458.      grid-area: 22/2/24/6;
  7459.      z-index: 3;
  7460.  
  7461.      
  7462.  
  7463.      
  7464.    }
  7465.  
  7466.    .fe-block-60a95a966a1629be772c .sqs-block {
  7467.      justify-content: center;
  7468.    }
  7469.  
  7470.    .fe-block-60a95a966a1629be772c .sqs-block-alignment-wrapper {
  7471.      align-items: center;
  7472.    }
  7473.  }
  7474.  
  7475. </style><div class="fluid-engine fe-680891619ad6d047ac5c939a"><div class="fe-block fe-block-8b9d719a063aa1824f49"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-8b9d719a063aa1824f49"><div class="sqs-block-content">
  7476.  
  7477.  
  7478.  
  7479.  
  7480.  
  7481.  
  7482.  
  7483.  
  7484.  
  7485.  
  7486.  
  7487.  
  7488.  
  7489.  
  7490.  
  7491.  
  7492.  
  7493.  
  7494.  
  7495.  
  7496.  
  7497.  
  7498.  
  7499.  
  7500.  
  7501.  
  7502.  
  7503.  
  7504.  
  7505.  
  7506.  
  7507.  
  7508.  
  7509.  
  7510.  
  7511.  
  7512.  
  7513.  
  7514.  
  7515.  
  7516.  
  7517.  
  7518.  
  7519.  
  7520.    
  7521.  
  7522.    <div
  7523.      class="
  7524.        image-block-outer-wrapper
  7525.        layout-caption-below
  7526.        design-layout-fluid
  7527.        image-position-left
  7528.        combination-animation-none
  7529.        individual-animation-none
  7530.      "
  7531.      data-test="image-block-fluid-outer-wrapper"
  7532.    >
  7533.      <div
  7534.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7535.        data-animation-role="image"
  7536.        
  7537.  
  7538.  
  7539.      >
  7540.        <div
  7541.          class="fluid-image-container sqs-image-content"
  7542.          
  7543.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;position: relative;width: 100%;height: 100%;"
  7544.          data-sqsp-image-block-image-container
  7545.        >
  7546.          
  7547.  
  7548.          
  7549.          
  7550.  
  7551.          
  7552.            
  7553.              <div class="content-fill">
  7554.                
  7555.            
  7556.            
  7557.            
  7558.            
  7559.            
  7560.            
  7561.            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg" data-image-dimensions="526x467" data-image-focal-point="0.5,0.5" alt="bedroom with closet doors with mirrors" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg" width="526" height="467" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  7562.  
  7563.            
  7564.              
  7565.            
  7566.            <div class="fluidImageOverlay"></div>
  7567.          
  7568.              </div>
  7569.            
  7570.          
  7571.  
  7572.        </div>
  7573.      </div>
  7574.    </div>
  7575.    <style>
  7576.      .sqs-block-image .sqs-block-content {
  7577.        height: 100%;
  7578.        width: 100%;
  7579.      }
  7580.  
  7581.      
  7582.        .fe-block-8b9d719a063aa1824f49 .fluidImageOverlay {
  7583.          position: absolute;
  7584.          top: 0;
  7585.          left: 0;
  7586.          width: 100%;
  7587.          height: 100%;
  7588.          mix-blend-mode: normal;
  7589.          
  7590.            
  7591.            
  7592.          
  7593.          
  7594.            opacity: 0;
  7595.          
  7596.        }
  7597.      
  7598.    </style>
  7599.  
  7600.  
  7601.  
  7602.  
  7603.  
  7604.  
  7605. </div></div></div><div class="fe-block fe-block-8e989293e3a4d5db5653"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-8e989293e3a4d5db5653"><div class="sqs-block-content">
  7606.  
  7607. <div class="sqs-html-content" data-sqsp-text-block-content>
  7608.  <h2 style="white-space:pre-wrap;"><a href="/closet-doors">Closet Doors</a></h2>
  7609. </div>
  7610.  
  7611.  
  7612.  
  7613.  
  7614.  
  7615.  
  7616.  
  7617.  
  7618.  
  7619.  
  7620.  
  7621.  
  7622.  
  7623.  
  7624.  
  7625.  
  7626.  
  7627.  
  7628.  
  7629.  
  7630.  
  7631.  
  7632.  
  7633.  
  7634.  
  7635. </div></div></div><div class="fe-block fe-block-cffca4947c7e998cb11c"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-cffca4947c7e998cb11c"><div class="sqs-block-content">
  7636.  
  7637. <div class="sqs-html-content" data-sqsp-text-block-content>
  7638.  <p class="sqsrte-large" style="white-space:pre-wrap;"><a href="https://www.interiordoorandcloset.com/closet-doors/mirrored-closet-doors" target="_blank"><span class="sqsrte-text-color--lightAccent">Mirrored</span></a><span class="sqsrte-text-color--lightAccent">, </span><a href="https://www.interiordoorandcloset.com/closet-doors/glass-closet-doors" target="_blank"><span class="sqsrte-text-color--lightAccent">Glass</span></a><span class="sqsrte-text-color--lightAccent">, </span><a href="https://www.interiordoorandcloset.com/closet-doors/panel-louver-and-flush-doors" target="_blank"><span class="sqsrte-text-color--lightAccent">Panel and Louver Doors</span></a></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Doors are multi-functional which means they can be used as bypass sliding doors or hinged closet doors. We offer a wide variety of styles and sizes that allow you to get creative.  We are happy to schedule your in-home consultation.&nbsp;Please call us at </span><a href="tel:+17148955100"><span class="sqsrte-text-color--lightAccent">(714) 8</span></a><span class="sqsrte-text-color--lightAccent">55-2923.</span></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Our sliding closet door installation process is very efficient and we won't consider ourselves done, until you are completely satisfied with the end result. Plus, after the closet installation, we will remove all old closet doors from the site. Don't forget, almost any door you like on any page can be made into sliding closet doors. Our doors are available in a variety finishes depending on the style you choose. </span></p>
  7639. </div>
  7640.  
  7641.  
  7642.  
  7643.  
  7644.  
  7645.  
  7646.  
  7647.  
  7648.  
  7649.  
  7650.  
  7651.  
  7652.  
  7653.  
  7654.  
  7655.  
  7656.  
  7657.  
  7658.  
  7659.  
  7660.  
  7661.  
  7662.  
  7663.  
  7664.  
  7665. </div></div></div><div class="fe-block fe-block-60a95a966a1629be772c"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-60a95a966a1629be772c"><div class="sqs-block-content">
  7666.  
  7667. <div
  7668.  class="sqs-block-button-container sqs-block-button-container--left"
  7669.  data-animation-role="button"
  7670.  data-alignment="left"
  7671.  data-button-size="large"
  7672.  data-button-type="secondary"
  7673. >
  7674.  <a
  7675.    href="/closet-doors"
  7676.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7677.    data-sqsp-button
  7678.    
  7679.  >
  7680.    See More
  7681.  </a>
  7682. </div>
  7683. </div></div></div></div></div>
  7684.    </div>
  7685.  
  7686.  </div>
  7687.  
  7688. </section>
  7689.  
  7690.  
  7691.    
  7692.    
  7693.  
  7694.  
  7695.  
  7696.  
  7697.  
  7698.  
  7699. <section
  7700.  data-test="page-section"
  7701.  
  7702.  data-section-theme=""
  7703.  class='page-section
  7704.    
  7705.      full-bleed-section
  7706.      layout-engine-section
  7707.    
  7708.    background-width--full-bleed
  7709.    
  7710.      section-height--small
  7711.    
  7712.    
  7713.      content-width--wide
  7714.    
  7715.    horizontal-alignment--center
  7716.    vertical-alignment--middle
  7717.    
  7718.      
  7719.    
  7720.    
  7721.    '
  7722.  
  7723.  data-section-id="680891619ad6d047ac5c939e"
  7724.  
  7725.  data-controller="SectionWrapperController"
  7726.  data-current-styles="{
  7727. &quot;imageOverlayOpacity&quot;: 0.15,
  7728. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7729. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7730. &quot;customSectionHeight&quot;: 1,
  7731. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7732. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7733. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7734. &quot;customContentWidth&quot;: 50,
  7735. &quot;sectionTheme&quot;: &quot;&quot;,
  7736. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7737. &quot;backgroundMode&quot;: &quot;image&quot;
  7738. }"
  7739.  data-current-context="{
  7740. &quot;video&quot;: {
  7741. &quot;playbackSpeed&quot;: 0.5,
  7742. &quot;filter&quot;: 2,
  7743. &quot;filterStrength&quot;: 0,
  7744. &quot;zoom&quot;: 0,
  7745. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7746. },
  7747. &quot;backgroundImageId&quot;: null,
  7748. &quot;backgroundMediaEffect&quot;: {
  7749. &quot;type&quot;: &quot;none&quot;
  7750. },
  7751. &quot;divider&quot;: {
  7752. &quot;enabled&quot;: false
  7753. },
  7754. &quot;typeName&quot;: &quot;page&quot;
  7755. }"
  7756.  data-animation="none"
  7757.  data-fluid-engine-section
  7758.  
  7759.  
  7760.    
  7761.  
  7762.  
  7763. >
  7764.  <div
  7765.    class="section-border"
  7766.    
  7767.  >
  7768.    <div class="section-background">
  7769.    
  7770.      
  7771.    
  7772.    </div>
  7773.  </div>
  7774.  <div
  7775.    class='content-wrapper'
  7776.    style='
  7777.      
  7778.        
  7779.      
  7780.    '
  7781.  >
  7782.    <div
  7783.      class="content"
  7784.      
  7785.    >
  7786.      
  7787.      
  7788.      
  7789.      
  7790.      
  7791.      
  7792.      
  7793.      
  7794.      
  7795.      
  7796.      <div data-fluid-engine="true"><style>
  7797.  
  7798. .fe-680891619ad6d047ac5c939d {
  7799.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7800.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7801.  
  7802.  display: grid;
  7803.  position: relative;
  7804.  grid-area: 1/1/-1/-1;
  7805.  grid-template-rows: repeat(29,minmax(24px, auto));
  7806.  grid-template-columns:
  7807.    minmax(var(--grid-gutter), 1fr)
  7808.    repeat(8, minmax(0, var(--cell-max-width)))
  7809.    minmax(var(--grid-gutter), 1fr);
  7810.  row-gap: 0.0px;
  7811.  column-gap: 0.0px;
  7812.  overflow-x: hidden;
  7813.  overflow-x: clip;
  7814. }
  7815.  
  7816. @media (min-width: 768px) {
  7817.  .background-width--inset .fe-680891619ad6d047ac5c939d {
  7818.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7819.  }
  7820.  
  7821.  .fe-680891619ad6d047ac5c939d {
  7822.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7823.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7824.    --inset-padding: 0vw;
  7825.  
  7826.    --row-height-scaling-factor: 0.0215;
  7827.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7828.  
  7829.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7830.    grid-template-columns:
  7831.      minmax(var(--grid-gutter), 1fr)
  7832.      repeat(24, minmax(0, var(--cell-max-width)))
  7833.      minmax(var(--grid-gutter), 1fr);
  7834.  }
  7835. }
  7836.  
  7837.  
  7838.  .fe-block-55dd94e001660c8584d6 {
  7839.    grid-area: 1/2/13/10;
  7840.    z-index: 0;
  7841.  
  7842.    @media (max-width: 767px) {
  7843.      
  7844.      
  7845.    }
  7846.  }
  7847.  
  7848.  .fe-block-55dd94e001660c8584d6 .sqs-block {
  7849.    justify-content: center;
  7850.  }
  7851.  
  7852.  .fe-block-55dd94e001660c8584d6 .sqs-block-alignment-wrapper {
  7853.    align-items: center;
  7854.  }
  7855.  
  7856.  @media (min-width: 768px) {
  7857.    .fe-block-55dd94e001660c8584d6 {
  7858.      grid-area: 1/2/17/13;
  7859.      z-index: 0;
  7860.  
  7861.      
  7862.  
  7863.      
  7864.    }
  7865.  
  7866.    .fe-block-55dd94e001660c8584d6 .sqs-block {
  7867.      justify-content: center;
  7868.    }
  7869.  
  7870.    .fe-block-55dd94e001660c8584d6 .sqs-block-alignment-wrapper {
  7871.      align-items: center;
  7872.    }
  7873.  }
  7874.  
  7875.  .fe-block-bc63666b362bccf6946c {
  7876.    grid-area: 14/2/16/10;
  7877.    z-index: 1;
  7878.  
  7879.    @media (max-width: 767px) {
  7880.      
  7881.      
  7882.    }
  7883.  }
  7884.  
  7885.  .fe-block-bc63666b362bccf6946c .sqs-block {
  7886.    justify-content: flex-start;
  7887.  }
  7888.  
  7889.  .fe-block-bc63666b362bccf6946c .sqs-block-alignment-wrapper {
  7890.    align-items: flex-start;
  7891.  }
  7892.  
  7893.  @media (min-width: 768px) {
  7894.    .fe-block-bc63666b362bccf6946c {
  7895.      grid-area: 3/16/5/26;
  7896.      z-index: 2;
  7897.  
  7898.      
  7899.  
  7900.      
  7901.    }
  7902.  
  7903.    .fe-block-bc63666b362bccf6946c .sqs-block {
  7904.      justify-content: center;
  7905.    }
  7906.  
  7907.    .fe-block-bc63666b362bccf6946c .sqs-block-alignment-wrapper {
  7908.      align-items: center;
  7909.    }
  7910.  }
  7911.  
  7912.  .fe-block-083d69a368c9d6c232a5 {
  7913.    grid-area: 16/2/26/10;
  7914.    z-index: 2;
  7915.  
  7916.    @media (max-width: 767px) {
  7917.      
  7918.      
  7919.    }
  7920.  }
  7921.  
  7922.  .fe-block-083d69a368c9d6c232a5 .sqs-block {
  7923.    justify-content: center;
  7924.  }
  7925.  
  7926.  .fe-block-083d69a368c9d6c232a5 .sqs-block-alignment-wrapper {
  7927.    align-items: center;
  7928.  }
  7929.  
  7930.  @media (min-width: 768px) {
  7931.    .fe-block-083d69a368c9d6c232a5 {
  7932.      grid-area: 5/16/12/26;
  7933.      z-index: 1;
  7934.  
  7935.      
  7936.  
  7937.      
  7938.    }
  7939.  
  7940.    .fe-block-083d69a368c9d6c232a5 .sqs-block {
  7941.      justify-content: center;
  7942.    }
  7943.  
  7944.    .fe-block-083d69a368c9d6c232a5 .sqs-block-alignment-wrapper {
  7945.      align-items: center;
  7946.    }
  7947.  }
  7948.  
  7949.  .fe-block-0f54b2398c4be001d862 {
  7950.    grid-area: 27/4/29/8;
  7951.    z-index: 3;
  7952.  
  7953.    @media (max-width: 767px) {
  7954.      
  7955.      
  7956.    }
  7957.  }
  7958.  
  7959.  .fe-block-0f54b2398c4be001d862 .sqs-block {
  7960.    justify-content: center;
  7961.  }
  7962.  
  7963.  .fe-block-0f54b2398c4be001d862 .sqs-block-alignment-wrapper {
  7964.    align-items: center;
  7965.  }
  7966.  
  7967.  @media (min-width: 768px) {
  7968.    .fe-block-0f54b2398c4be001d862 {
  7969.      grid-area: 13/16/15/20;
  7970.      z-index: 3;
  7971.  
  7972.      
  7973.  
  7974.      
  7975.    }
  7976.  
  7977.    .fe-block-0f54b2398c4be001d862 .sqs-block {
  7978.      justify-content: center;
  7979.    }
  7980.  
  7981.    .fe-block-0f54b2398c4be001d862 .sqs-block-alignment-wrapper {
  7982.      align-items: center;
  7983.    }
  7984.  }
  7985.  
  7986. </style><div class="fluid-engine fe-680891619ad6d047ac5c939d"><div class="fe-block fe-block-55dd94e001660c8584d6"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-55dd94e001660c8584d6"><div class="sqs-block-content">
  7987.  
  7988.  
  7989.  
  7990.  
  7991.  
  7992.  
  7993.  
  7994.  
  7995.  
  7996.  
  7997.  
  7998.  
  7999.  
  8000.  
  8001.  
  8002.  
  8003.  
  8004.  
  8005.  
  8006.  
  8007.  
  8008.  
  8009.  
  8010.  
  8011.  
  8012.  
  8013.  
  8014.  
  8015.  
  8016.  
  8017.  
  8018.  
  8019.  
  8020.  
  8021.  
  8022.  
  8023.  
  8024.  
  8025.  
  8026.  
  8027.  
  8028.  
  8029.  
  8030.  
  8031.    
  8032.  
  8033.    <div
  8034.      class="
  8035.        image-block-outer-wrapper
  8036.        layout-caption-below
  8037.        design-layout-fluid
  8038.        image-position-left
  8039.        combination-animation-none
  8040.        individual-animation-none
  8041.      "
  8042.      data-test="image-block-fluid-outer-wrapper"
  8043.    >
  8044.      <div
  8045.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  8046.        data-animation-role="image"
  8047.        
  8048.  
  8049.  
  8050.      >
  8051.        <div
  8052.          class="fluid-image-container sqs-image-content"
  8053.          
  8054.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;position: relative;width: 100%;height: 100%;"
  8055.          data-sqsp-image-block-image-container
  8056.        >
  8057.          
  8058.  
  8059.          
  8060.          
  8061.  
  8062.          
  8063.            
  8064.              <div class="content-fill">
  8065.                
  8066.            
  8067.            
  8068.            
  8069.            
  8070.            
  8071.            
  8072.            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg" data-image-dimensions="2500x1932" data-image-focal-point="0.5464925012094823,0.6880860107513439" alt="walk in closet with matching white colored wood closet organizers" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg" width="2500" height="1932" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 54.64925012094823% 68.80860107513439%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  8073.  
  8074.            
  8075.              
  8076.            
  8077.            <div class="fluidImageOverlay"></div>
  8078.          
  8079.              </div>
  8080.            
  8081.          
  8082.  
  8083.        </div>
  8084.      </div>
  8085.    </div>
  8086.    <style>
  8087.      .sqs-block-image .sqs-block-content {
  8088.        height: 100%;
  8089.        width: 100%;
  8090.      }
  8091.  
  8092.      
  8093.        .fe-block-55dd94e001660c8584d6 .fluidImageOverlay {
  8094.          position: absolute;
  8095.          top: 0;
  8096.          left: 0;
  8097.          width: 100%;
  8098.          height: 100%;
  8099.          mix-blend-mode: normal;
  8100.          
  8101.            
  8102.            
  8103.          
  8104.          
  8105.            opacity: 0;
  8106.          
  8107.        }
  8108.      
  8109.    </style>
  8110.  
  8111.  
  8112.  
  8113.  
  8114.  
  8115.  
  8116. </div></div></div><div class="fe-block fe-block-bc63666b362bccf6946c"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-bc63666b362bccf6946c"><div class="sqs-block-content">
  8117.  
  8118. <div class="sqs-html-content" data-sqsp-text-block-content>
  8119.  <h2 style="white-space:pre-wrap;"><a href="/organizers">Closet Organizers</a></h2>
  8120. </div>
  8121.  
  8122.  
  8123.  
  8124.  
  8125.  
  8126.  
  8127.  
  8128.  
  8129.  
  8130.  
  8131.  
  8132.  
  8133.  
  8134.  
  8135.  
  8136.  
  8137.  
  8138.  
  8139.  
  8140.  
  8141.  
  8142.  
  8143.  
  8144.  
  8145.  
  8146. </div></div></div><div class="fe-block fe-block-083d69a368c9d6c232a5"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-083d69a368c9d6c232a5"><div class="sqs-block-content">
  8147.  
  8148. <div class="sqs-html-content" data-sqsp-text-block-content>
  8149.  <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Check out our </span><a href="https://www.interiordoorandcloset.com/organizers/reach-in-closet-organizers"><span class="sqsrte-text-color--lightAccent">reach-in closet</span></a><span class="sqsrte-text-color--lightAccent"> options for your&nbsp;closet organizers. Whether you are looking to better organize your shoes, work attire, everyday clothes, or a combination of everything, we&nbsp;can help design your reach-in closet to fit your all of your needs. For both </span><a href="https://www.interiordoorandcloset.com/organizers/walk-in-closet-organizers" target="_blank"><span class="sqsrte-text-color--lightAccent">walk-in closets</span></a><span class="sqsrte-text-color--lightAccent"> and reach-in closets, we can get extremely creative which is a lot of fun for both us and you.</span></p>
  8150. </div>
  8151.  
  8152.  
  8153.  
  8154.  
  8155.  
  8156.  
  8157.  
  8158.  
  8159.  
  8160.  
  8161.  
  8162.  
  8163.  
  8164.  
  8165.  
  8166.  
  8167.  
  8168.  
  8169.  
  8170.  
  8171.  
  8172.  
  8173.  
  8174.  
  8175.  
  8176. </div></div></div><div class="fe-block fe-block-0f54b2398c4be001d862"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-0f54b2398c4be001d862"><div class="sqs-block-content">
  8177.  
  8178. <div
  8179.  class="sqs-block-button-container sqs-block-button-container--left"
  8180.  data-animation-role="button"
  8181.  data-alignment="left"
  8182.  data-button-size="large"
  8183.  data-button-type="secondary"
  8184. >
  8185.  <a
  8186.    href="/organizers"
  8187.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  8188.    data-sqsp-button
  8189.    
  8190.  >
  8191.    See More
  8192.  </a>
  8193. </div>
  8194. </div></div></div></div></div>
  8195.    </div>
  8196.  
  8197.  </div>
  8198.  
  8199. </section>
  8200.  
  8201.  
  8202.    
  8203.    
  8204.  
  8205.  
  8206.  
  8207.  
  8208.  
  8209.  
  8210. <section
  8211.  data-test="page-section"
  8212.  
  8213.  data-section-theme=""
  8214.  class='page-section
  8215.    
  8216.      full-bleed-section
  8217.      layout-engine-section
  8218.    
  8219.    background-width--full-bleed
  8220.    
  8221.      section-height--small
  8222.    
  8223.    
  8224.      content-width--wide
  8225.    
  8226.    horizontal-alignment--center
  8227.    vertical-alignment--middle
  8228.    
  8229.      
  8230.    
  8231.    
  8232.    '
  8233.  
  8234.  data-section-id="680891619ad6d047ac5c93a1"
  8235.  
  8236.  data-controller="SectionWrapperController"
  8237.  data-current-styles="{
  8238. &quot;imageOverlayOpacity&quot;: 0.15,
  8239. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  8240. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  8241. &quot;customSectionHeight&quot;: 1,
  8242. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  8243. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  8244. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  8245. &quot;customContentWidth&quot;: 50,
  8246. &quot;sectionTheme&quot;: &quot;&quot;,
  8247. &quot;sectionAnimation&quot;: &quot;none&quot;,
  8248. &quot;backgroundMode&quot;: &quot;image&quot;
  8249. }"
  8250.  data-current-context="{
  8251. &quot;video&quot;: {
  8252. &quot;playbackSpeed&quot;: 0.5,
  8253. &quot;filter&quot;: 2,
  8254. &quot;filterStrength&quot;: 0,
  8255. &quot;zoom&quot;: 0,
  8256. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8257. },
  8258. &quot;backgroundImageId&quot;: null,
  8259. &quot;backgroundMediaEffect&quot;: {
  8260. &quot;type&quot;: &quot;none&quot;
  8261. },
  8262. &quot;divider&quot;: {
  8263. &quot;enabled&quot;: false
  8264. },
  8265. &quot;typeName&quot;: &quot;page&quot;
  8266. }"
  8267.  data-animation="none"
  8268.  data-fluid-engine-section
  8269.  
  8270.  
  8271.    
  8272.  
  8273.  
  8274. >
  8275.  <div
  8276.    class="section-border"
  8277.    
  8278.  >
  8279.    <div class="section-background">
  8280.    
  8281.      
  8282.    
  8283.    </div>
  8284.  </div>
  8285.  <div
  8286.    class='content-wrapper'
  8287.    style='
  8288.      
  8289.        
  8290.      
  8291.    '
  8292.  >
  8293.    <div
  8294.      class="content"
  8295.      
  8296.    >
  8297.      
  8298.      
  8299.      
  8300.      
  8301.      
  8302.      
  8303.      
  8304.      
  8305.      
  8306.      
  8307.      <div data-fluid-engine="true"><style>
  8308.  
  8309. .fe-680891619ad6d047ac5c93a0 {
  8310.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  8311.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  8312.  
  8313.  display: grid;
  8314.  position: relative;
  8315.  grid-area: 1/1/-1/-1;
  8316.  grid-template-rows: repeat(28,minmax(24px, auto));
  8317.  grid-template-columns:
  8318.    minmax(var(--grid-gutter), 1fr)
  8319.    repeat(8, minmax(0, var(--cell-max-width)))
  8320.    minmax(var(--grid-gutter), 1fr);
  8321.  row-gap: 0.0px;
  8322.  column-gap: 0.0px;
  8323.  overflow-x: hidden;
  8324.  overflow-x: clip;
  8325. }
  8326.  
  8327. @media (min-width: 768px) {
  8328.  .background-width--inset .fe-680891619ad6d047ac5c93a0 {
  8329.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  8330.  }
  8331.  
  8332.  .fe-680891619ad6d047ac5c93a0 {
  8333.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  8334.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  8335.    --inset-padding: 0vw;
  8336.  
  8337.    --row-height-scaling-factor: 0.0215;
  8338.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  8339.  
  8340.    grid-template-rows: repeat(18,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  8341.    grid-template-columns:
  8342.      minmax(var(--grid-gutter), 1fr)
  8343.      repeat(24, minmax(0, var(--cell-max-width)))
  8344.      minmax(var(--grid-gutter), 1fr);
  8345.  }
  8346. }
  8347.  
  8348.  
  8349.  .fe-block-b9e52bd33b14e86a34de {
  8350.    grid-area: 1/2/13/10;
  8351.    z-index: 0;
  8352.  
  8353.    @media (max-width: 767px) {
  8354.      
  8355.      
  8356.    }
  8357.  }
  8358.  
  8359.  .fe-block-b9e52bd33b14e86a34de .sqs-block {
  8360.    justify-content: center;
  8361.  }
  8362.  
  8363.  .fe-block-b9e52bd33b14e86a34de .sqs-block-alignment-wrapper {
  8364.    align-items: center;
  8365.  }
  8366.  
  8367.  @media (min-width: 768px) {
  8368.    .fe-block-b9e52bd33b14e86a34de {
  8369.      grid-area: 1/15/19/26;
  8370.      z-index: 0;
  8371.  
  8372.      
  8373.  
  8374.      
  8375.    }
  8376.  
  8377.    .fe-block-b9e52bd33b14e86a34de .sqs-block {
  8378.      justify-content: center;
  8379.    }
  8380.  
  8381.    .fe-block-b9e52bd33b14e86a34de .sqs-block-alignment-wrapper {
  8382.      align-items: center;
  8383.    }
  8384.  }
  8385.  
  8386.  .fe-block-90989140948f53dcb7cd {
  8387.    grid-area: 14/2/16/10;
  8388.    z-index: 1;
  8389.  
  8390.    @media (max-width: 767px) {
  8391.      
  8392.      
  8393.    }
  8394.  }
  8395.  
  8396.  .fe-block-90989140948f53dcb7cd .sqs-block {
  8397.    justify-content: flex-start;
  8398.  }
  8399.  
  8400.  .fe-block-90989140948f53dcb7cd .sqs-block-alignment-wrapper {
  8401.    align-items: flex-start;
  8402.  }
  8403.  
  8404.  @media (min-width: 768px) {
  8405.    .fe-block-90989140948f53dcb7cd {
  8406.      grid-area: 3/2/5/12;
  8407.      z-index: 2;
  8408.  
  8409.      
  8410.  
  8411.      
  8412.    }
  8413.  
  8414.    .fe-block-90989140948f53dcb7cd .sqs-block {
  8415.      justify-content: center;
  8416.    }
  8417.  
  8418.    .fe-block-90989140948f53dcb7cd .sqs-block-alignment-wrapper {
  8419.      align-items: center;
  8420.    }
  8421.  }
  8422.  
  8423.  .fe-block-4cf454807c92d7a24753 {
  8424.    grid-area: 16/2/25/10;
  8425.    z-index: 2;
  8426.  
  8427.    @media (max-width: 767px) {
  8428.      
  8429.      
  8430.    }
  8431.  }
  8432.  
  8433.  .fe-block-4cf454807c92d7a24753 .sqs-block {
  8434.    justify-content: center;
  8435.  }
  8436.  
  8437.  .fe-block-4cf454807c92d7a24753 .sqs-block-alignment-wrapper {
  8438.    align-items: center;
  8439.  }
  8440.  
  8441.  @media (min-width: 768px) {
  8442.    .fe-block-4cf454807c92d7a24753 {
  8443.      grid-area: 5/2/13/12;
  8444.      z-index: 1;
  8445.  
  8446.      
  8447.  
  8448.      
  8449.    }
  8450.  
  8451.    .fe-block-4cf454807c92d7a24753 .sqs-block {
  8452.      justify-content: center;
  8453.    }
  8454.  
  8455.    .fe-block-4cf454807c92d7a24753 .sqs-block-alignment-wrapper {
  8456.      align-items: center;
  8457.    }
  8458.  }
  8459.  
  8460.  .fe-block-56746044bbcbacb1cd3f {
  8461.    grid-area: 26/4/28/8;
  8462.    z-index: 3;
  8463.  
  8464.    @media (max-width: 767px) {
  8465.      
  8466.      
  8467.    }
  8468.  }
  8469.  
  8470.  .fe-block-56746044bbcbacb1cd3f .sqs-block {
  8471.    justify-content: center;
  8472.  }
  8473.  
  8474.  .fe-block-56746044bbcbacb1cd3f .sqs-block-alignment-wrapper {
  8475.    align-items: center;
  8476.  }
  8477.  
  8478.  @media (min-width: 768px) {
  8479.    .fe-block-56746044bbcbacb1cd3f {
  8480.      grid-area: 14/2/16/6;
  8481.      z-index: 3;
  8482.  
  8483.      
  8484.  
  8485.      
  8486.    }
  8487.  
  8488.    .fe-block-56746044bbcbacb1cd3f .sqs-block {
  8489.      justify-content: center;
  8490.    }
  8491.  
  8492.    .fe-block-56746044bbcbacb1cd3f .sqs-block-alignment-wrapper {
  8493.      align-items: center;
  8494.    }
  8495.  }
  8496.  
  8497. </style><div class="fluid-engine fe-680891619ad6d047ac5c93a0"><div class="fe-block fe-block-b9e52bd33b14e86a34de"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-b9e52bd33b14e86a34de"><div class="sqs-block-content">
  8498.  
  8499.  
  8500.  
  8501.  
  8502.  
  8503.  
  8504.  
  8505.  
  8506.  
  8507.  
  8508.  
  8509.  
  8510.  
  8511.  
  8512.  
  8513.  
  8514.  
  8515.  
  8516.  
  8517.  
  8518.  
  8519.  
  8520.  
  8521.  
  8522.  
  8523.  
  8524.  
  8525.  
  8526.  
  8527.  
  8528.  
  8529.  
  8530.  
  8531.  
  8532.  
  8533.  
  8534.  
  8535.  
  8536.  
  8537.  
  8538.  
  8539.  
  8540.  
  8541.  
  8542.    
  8543.  
  8544.    <div
  8545.      class="
  8546.        image-block-outer-wrapper
  8547.        layout-caption-below
  8548.        design-layout-fluid
  8549.        image-position-left
  8550.        combination-animation-none
  8551.        individual-animation-none
  8552.      "
  8553.      data-test="image-block-fluid-outer-wrapper"
  8554.    >
  8555.      <div
  8556.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  8557.        data-animation-role="image"
  8558.        
  8559.  
  8560.  
  8561.      >
  8562.        <div
  8563.          class="fluid-image-container sqs-image-content"
  8564.          
  8565.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;position: relative;width: 100%;height: 100%;"
  8566.          data-sqsp-image-block-image-container
  8567.        >
  8568.          
  8569.  
  8570.          
  8571.          
  8572.  
  8573.          
  8574.            
  8575.              <div class="content-fit">
  8576.                
  8577.            
  8578.            
  8579.            
  8580.            
  8581.            
  8582.            
  8583.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg" data-image-dimensions="2221x3333" data-image-focal-point="0.5,0.5" alt="A bedroom with a sliding barn door revealing a bathroom with a walk-in shower." data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg" width="2221" height="3333" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 45.83333333333333vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  8584.  
  8585.            
  8586.              
  8587.            
  8588.            <div class="fluidImageOverlay"></div>
  8589.          
  8590.              </div>
  8591.            
  8592.          
  8593.  
  8594.        </div>
  8595.      </div>
  8596.    </div>
  8597.    <style>
  8598.      .sqs-block-image .sqs-block-content {
  8599.        height: 100%;
  8600.        width: 100%;
  8601.      }
  8602.  
  8603.      
  8604.        .fe-block-b9e52bd33b14e86a34de .fluidImageOverlay {
  8605.          position: absolute;
  8606.          top: 0;
  8607.          left: 0;
  8608.          width: 100%;
  8609.          height: 100%;
  8610.          mix-blend-mode: normal;
  8611.          
  8612.            
  8613.            
  8614.          
  8615.          
  8616.            opacity: 0;
  8617.          
  8618.        }
  8619.      
  8620.    </style>
  8621.  
  8622.  
  8623.  
  8624.  
  8625.  
  8626.  
  8627. </div></div></div><div class="fe-block fe-block-90989140948f53dcb7cd"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-90989140948f53dcb7cd"><div class="sqs-block-content">
  8628.  
  8629. <div class="sqs-html-content" data-sqsp-text-block-content>
  8630.  <h2 style="white-space:pre-wrap;"><a href="/barn-doors">Barn Doors</a></h2>
  8631. </div>
  8632.  
  8633.  
  8634.  
  8635.  
  8636.  
  8637.  
  8638.  
  8639.  
  8640.  
  8641.  
  8642.  
  8643.  
  8644.  
  8645.  
  8646.  
  8647.  
  8648.  
  8649.  
  8650.  
  8651.  
  8652.  
  8653.  
  8654.  
  8655.  
  8656.  
  8657. </div></div></div><div class="fe-block fe-block-4cf454807c92d7a24753"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-4cf454807c92d7a24753"><div class="sqs-block-content">
  8658.  
  8659. <div class="sqs-html-content" data-sqsp-text-block-content>
  8660.  <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent"><em>The popularity of a </em></span><a href="https://www.interiordoorandcloset.com/barn-doors/pulls"><span class="sqsrte-text-color--lightAccent"><em>barn door system</em></span></a><span class="sqsrte-text-color--lightAccent"><em> for the inside of the home has been growing for years, and we can understand why. It is unique and can be used in many different ways. The use of barn doors is dependent on the situation. It may be used to separate the master bedroom from the master bath, enclose an open living area etc.</em></span></p>
  8661. </div>
  8662.  
  8663.  
  8664.  
  8665.  
  8666.  
  8667.  
  8668.  
  8669.  
  8670.  
  8671.  
  8672.  
  8673.  
  8674.  
  8675.  
  8676.  
  8677.  
  8678.  
  8679.  
  8680.  
  8681.  
  8682.  
  8683.  
  8684.  
  8685.  
  8686.  
  8687. </div></div></div><div class="fe-block fe-block-56746044bbcbacb1cd3f"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-56746044bbcbacb1cd3f"><div class="sqs-block-content">
  8688.  
  8689. <div
  8690.  class="sqs-block-button-container sqs-block-button-container--left"
  8691.  data-animation-role="button"
  8692.  data-alignment="left"
  8693.  data-button-size="large"
  8694.  data-button-type="secondary"
  8695. >
  8696.  <a
  8697.    href="/barn-doors"
  8698.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  8699.    data-sqsp-button
  8700.    
  8701.  >
  8702.    See More
  8703.  </a>
  8704. </div>
  8705. </div></div></div></div></div>
  8706.    </div>
  8707.  
  8708.  </div>
  8709.  
  8710. </section>
  8711.  
  8712.  
  8713.    
  8714.    
  8715.  
  8716.  
  8717.  
  8718.  
  8719.  
  8720.  
  8721. <section
  8722.  data-test="page-section"
  8723.  
  8724.  data-section-theme=""
  8725.  class='page-section
  8726.    
  8727.      full-bleed-section
  8728.      layout-engine-section
  8729.    
  8730.    background-width--full-bleed
  8731.    
  8732.      
  8733.        section-height--custom
  8734.      
  8735.    
  8736.    
  8737.      content-width--wide
  8738.    
  8739.    horizontal-alignment--center
  8740.    vertical-alignment--middle
  8741.    
  8742.      
  8743.    
  8744.    
  8745.    '
  8746.  
  8747.  data-section-id="680891619ad6d047ac5c93a4"
  8748.  
  8749.  data-controller="SectionWrapperController"
  8750.  data-current-styles="{
  8751. &quot;imageOverlayOpacity&quot;: 0.15,
  8752. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  8753. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  8754. &quot;customSectionHeight&quot;: 0,
  8755. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  8756. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  8757. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  8758. &quot;customContentWidth&quot;: 50,
  8759. &quot;sectionTheme&quot;: &quot;&quot;,
  8760. &quot;sectionAnimation&quot;: &quot;none&quot;,
  8761. &quot;backgroundMode&quot;: &quot;image&quot;
  8762. }"
  8763.  data-current-context="{
  8764. &quot;video&quot;: {
  8765. &quot;playbackSpeed&quot;: 0.5,
  8766. &quot;filter&quot;: 1,
  8767. &quot;filterStrength&quot;: 0,
  8768. &quot;zoom&quot;: 0,
  8769. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8770. },
  8771. &quot;backgroundImageId&quot;: null,
  8772. &quot;backgroundMediaEffect&quot;: {
  8773. &quot;type&quot;: &quot;none&quot;
  8774. },
  8775. &quot;divider&quot;: null,
  8776. &quot;typeName&quot;: &quot;page&quot;
  8777. }"
  8778.  data-animation="none"
  8779.  data-fluid-engine-section
  8780.  
  8781.  
  8782.  
  8783. >
  8784.  <div
  8785.    class="section-border"
  8786.    
  8787.  >
  8788.    <div class="section-background">
  8789.    
  8790.      
  8791.    
  8792.    </div>
  8793.  </div>
  8794.  <div
  8795.    class='content-wrapper'
  8796.    style='
  8797.      
  8798.        
  8799.          
  8800.          
  8801.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  8802.        
  8803.      
  8804.    '
  8805.  >
  8806.    <div
  8807.      class="content"
  8808.      
  8809.    >
  8810.      
  8811.      
  8812.      
  8813.      
  8814.      
  8815.      
  8816.      
  8817.      
  8818.      
  8819.      
  8820.      <div data-fluid-engine="true"><style>
  8821.  
  8822. .fe-680891619ad6d047ac5c93a3 {
  8823.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  8824.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  8825.  
  8826.  display: grid;
  8827.  position: relative;
  8828.  grid-area: 1/1/-1/-1;
  8829.  grid-template-rows: repeat(14,minmax(24px, auto));
  8830.  grid-template-columns:
  8831.    minmax(var(--grid-gutter), 1fr)
  8832.    repeat(8, minmax(0, var(--cell-max-width)))
  8833.    minmax(var(--grid-gutter), 1fr);
  8834.  row-gap: 11.0px;
  8835.  column-gap: 11.0px;
  8836.  overflow-x: hidden;
  8837.  overflow-x: clip;
  8838. }
  8839.  
  8840. @media (min-width: 768px) {
  8841.  .background-width--inset .fe-680891619ad6d047ac5c93a3 {
  8842.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  8843.  }
  8844.  
  8845.  .fe-680891619ad6d047ac5c93a3 {
  8846.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  8847.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  8848.    --inset-padding: 0vw;
  8849.  
  8850.    --row-height-scaling-factor: 0.0215;
  8851.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  8852.  
  8853.    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  8854.    grid-template-columns:
  8855.      minmax(var(--grid-gutter), 1fr)
  8856.      repeat(24, minmax(0, var(--cell-max-width)))
  8857.      minmax(var(--grid-gutter), 1fr);
  8858.  }
  8859. }
  8860.  
  8861.  
  8862.  .fe-block-0d6fc3c00d836f252437 {
  8863.    grid-area: 2/2/15/10;
  8864.    z-index: 1;
  8865.  
  8866.    @media (max-width: 767px) {
  8867.      
  8868.      
  8869.    }
  8870.  }
  8871.  
  8872.  .fe-block-0d6fc3c00d836f252437 .sqs-block {
  8873.    justify-content: flex-start;
  8874.  }
  8875.  
  8876.  .fe-block-0d6fc3c00d836f252437 .sqs-block-alignment-wrapper {
  8877.    align-items: flex-start;
  8878.  }
  8879.  
  8880.  @media (min-width: 768px) {
  8881.    .fe-block-0d6fc3c00d836f252437 {
  8882.      grid-area: 3/2/14/26;
  8883.      z-index: 1;
  8884.  
  8885.      
  8886.  
  8887.      
  8888.    }
  8889.  
  8890.    .fe-block-0d6fc3c00d836f252437 .sqs-block {
  8891.      justify-content: flex-start;
  8892.    }
  8893.  
  8894.    .fe-block-0d6fc3c00d836f252437 .sqs-block-alignment-wrapper {
  8895.      align-items: flex-start;
  8896.    }
  8897.  }
  8898.  
  8899. </style><div class="fluid-engine fe-680891619ad6d047ac5c93a3"><div class="fe-block fe-block-0d6fc3c00d836f252437"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-0d6fc3c00d836f252437"><div class="sqs-block-content">
  8900.  
  8901. <div class="sqs-html-content" data-sqsp-text-block-content>
  8902.  <h2 style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Interior Door and Closet Design Experts</span></h2><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">As your closet door installer, our design knowledge begins by analyzing your personal preferences for furnishings and décor as well as the architectural style of your house. Next, we determine your family's demands and functional needs. We can help you choose the right style, finish, and accessories for your new internal </span><a href="/interior-doors/glass-doors"><span class="sqsrte-text-color--lightAccent">glass interior doors</span></a><span class="sqsrte-text-color--lightAccent">, closet doors, </span><a href="/barn-doors/glass-mirrored-doors"><span class="sqsrte-text-color--lightAccent">barn doors</span></a><span class="sqsrte-text-color--lightAccent">, and organizers by evaluating these two essential factors. We take great satisfaction in having one of the most convenient and quick processes in the business, as well as courteous and skilled craftsmen for optimal sliding closet door installation.</span></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Everything is done in-house, including the labor-intensive cutting, sanding, priming, and painting your new doors. The inconvenience to your family is minimal, and there is no mess left behind in your home, unlike other door replacement services. The same week after measuring and removing your old doors, we come back to install your lovely new completed doors. Our standard door or </span><a href="/organizers"><span class="sqsrte-text-color--lightAccent">closet organizer</span></a><span class="sqsrte-text-color--lightAccent"> installation in your home takes one day because the work is completed at our facilities.</span></p>
  8903. </div>
  8904.  
  8905.  
  8906.  
  8907.  
  8908.  
  8909.  
  8910.  
  8911.  
  8912.  
  8913.  
  8914.  
  8915.  
  8916.  
  8917.  
  8918.  
  8919.  
  8920.  
  8921.  
  8922.  
  8923.  
  8924.  
  8925.  
  8926.  
  8927.  
  8928.  
  8929. </div></div></div></div></div>
  8930.    </div>
  8931.  
  8932.  </div>
  8933.  
  8934. </section>
  8935.  
  8936.  
  8937.    
  8938.    
  8939.  
  8940.  
  8941.  
  8942.  
  8943.  
  8944.  
  8945. <section
  8946.  data-test="page-section"
  8947.  
  8948.  data-section-theme="dark"
  8949.  class='page-section
  8950.    
  8951.      user-items-list-section
  8952.      full-bleed-section
  8953.    
  8954.    
  8955.    
  8956.      
  8957.    
  8958.    
  8959.      
  8960.    
  8961.    
  8962.    
  8963.    
  8964.    
  8965.    dark'
  8966.  
  8967.  data-section-id="680891619ad6d047ac5c93a5"
  8968.  
  8969.  data-controller="SectionWrapperController"
  8970.  data-current-styles="{
  8971. &quot;imageFocalPoint&quot;: {
  8972. &quot;x&quot;: 0.5,
  8973. &quot;y&quot;: 0.5
  8974. },
  8975. &quot;imageOverlayOpacity&quot;: 0.3,
  8976. &quot;sectionTheme&quot;: &quot;dark&quot;,
  8977. &quot;imageEffect&quot;: &quot;none&quot;,
  8978. &quot;backgroundMode&quot;: &quot;generative&quot;,
  8979. &quot;backgroundImage&quot;: null
  8980. }"
  8981.  data-current-context="{
  8982. &quot;video&quot;: {
  8983. &quot;filter&quot;: 1,
  8984. &quot;videoFallbackContentItem&quot;: null,
  8985. &quot;nativeVideoContentItem&quot;: null,
  8986. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8987. },
  8988. &quot;backgroundImageId&quot;: null,
  8989. &quot;backgroundMediaEffect&quot;: {
  8990. &quot;type&quot;: &quot;none&quot;
  8991. },
  8992. &quot;divider&quot;: {
  8993. &quot;enabled&quot;: false
  8994. },
  8995. &quot;typeName&quot;: &quot;page&quot;
  8996. }"
  8997.  data-animation=""
  8998.  
  8999.  data-json-schema-section
  9000.  
  9001.  
  9002. >
  9003.  <div
  9004.    class="section-border"
  9005.    
  9006.  >
  9007.    <div class="section-background">
  9008.    
  9009.      
  9010.    
  9011.    </div>
  9012.  </div>
  9013.  <div
  9014.    class='content-wrapper'
  9015.    style='
  9016.      
  9017.        
  9018.      
  9019.    '
  9020.  >
  9021.    <div
  9022.      class="content"
  9023.      
  9024.    >
  9025.      
  9026.      
  9027.      
  9028.      
  9029.      
  9030.      
  9031.      
  9032.      
  9033.      
  9034.        
  9035.  
  9036.  
  9037.  
  9038.  
  9039.  
  9040.  
  9041.  
  9042.  
  9043.  
  9044.  
  9045.  
  9046.  
  9047.  
  9048.  
  9049.  
  9050.  
  9051.  
  9052.  
  9053. <div
  9054.  class="user-items-list"
  9055.  style="
  9056.    min-height: 100px;
  9057.    padding-top: 3.3vmax;
  9058.    padding-bottom: 3.3vmax;
  9059.    "
  9060.  data-card-theme=""
  9061.  data-section-id="user-items-list"
  9062.  data-section-title-enabled="true"
  9063.  data-space-below-section-title-value="40"
  9064.  data-space-below-section-title-unit="px"
  9065.  data-layout-width="inset"
  9066. >
  9067.  
  9068.    
  9069.    <div class="list-section-title"
  9070.      id="680891619ad6d047ac5c93a5"
  9071.      style= "padding-bottom: 40px;"
  9072.      data-section-title-alignment="center"
  9073.    >
  9074.      <p class="" style="white-space:pre-wrap;">Testimonials</p>
  9075.    </div>
  9076.  
  9077.  
  9078.  
  9079.  
  9080.  
  9081.  
  9082.  
  9083.    
  9084.  
  9085.  
  9086.  
  9087.  
  9088.  
  9089.  
  9090.  
  9091.  
  9092.  
  9093.  
  9094.  
  9095.  
  9096.  
  9097.  
  9098.  
  9099.  
  9100.  
  9101.  
  9102.  
  9103.  
  9104.  
  9105.  
  9106.  
  9107.  
  9108.  
  9109.  
  9110.  
  9111.  
  9112.  
  9113.  
  9114.  
  9115.  
  9116.  
  9117.  
  9118.  
  9119.  
  9120.  
  9121.  
  9122.  
  9123.  
  9124.  
  9125.  
  9126.  
  9127.  
  9128.  
  9129.  
  9130.  
  9131.  
  9132. <style>
  9133.  .user-items-list-item-container[data-section-id="680891619ad6d047ac5c93a5"] .list-item-content__title {
  9134.    font-size: 1.2rem;
  9135.  }
  9136.  .user-items-list-item-container[data-section-id="680891619ad6d047ac5c93a5"] .list-item-content__description {
  9137.    font-size: 0.9rem;
  9138.  }
  9139.  .user-items-list-item-container[data-section-id="680891619ad6d047ac5c93a5"] .list-item-content__button {
  9140.    font-size: 0.8rem;
  9141.  }
  9142.  
  9143.  @supports (--test-custom-property: true) {
  9144.    .user-items-list-item-container[data-section-id="680891619ad6d047ac5c93a5"] {
  9145.      --title-font-size-value: 1.2;
  9146.      --body-font-size-value: 0.9;
  9147.      --button-font-size-value: 0.8;
  9148.    }
  9149.  }
  9150. </style>
  9151.  
  9152.  
  9153. <div
  9154.  class="
  9155.    user-items-list-item-container
  9156.    user-items-list-carousel
  9157.  "
  9158.  data-controller="UserItemsListCarousel"
  9159.  data-max-columns="2"
  9160.  data-show-adjacent-slides="false"
  9161.  data-space-between-slides-value="20"
  9162.  data-space-between-slides-unit="px"
  9163.  data-media-aspect-ratio="circle"
  9164.  data-is-infinite-enabled="true"
  9165.  data-navigation-controls="arrows"
  9166.  data-navigation-placement="bottom"
  9167.  data-navigation-alignment="center"
  9168.  data-alignment-vertical="top"
  9169.  data-section-id="680891619ad6d047ac5c93a5"
  9170.  data-current-context="{
  9171. &quot;userItems&quot;: [ {
  9172. &quot;title&quot;: &quot;\&quot;We have a large house for our large family and they were able to accommodate each of our needs. We will admit, we had a very clear cut idea of everything we wanted from the doors to our new walk-in closet. Their experience really came to light while working with them.\&quot;&quot;,
  9173. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ Scott &amp;amp; Kelly S.&lt;\/p&gt;&quot;,
  9174. &quot;button&quot;: {
  9175. &quot;buttonText&quot;: &quot;Make It&quot;,
  9176. &quot;buttonLink&quot;: &quot;#&quot;
  9177. },
  9178. &quot;imageId&quot;: &quot;680891619ad6d047ac5c937e&quot;,
  9179. &quot;imageAltText&quot;: &quot;A woman with curly black hair, wearing glasses and hoop earrings, smiling in an indoor setting.&quot;,
  9180. &quot;image&quot;: {
  9181. &quot;id&quot;: &quot;680891619ad6d047ac5c937e&quot;,
  9182. &quot;recordType&quot;: 2,
  9183. &quot;addedOn&quot;: 1656693471823,
  9184. &quot;updatedOn&quot;: 1656694079038,
  9185. &quot;starred&quot;: false,
  9186. &quot;passthrough&quot;: false,
  9187. &quot;workflowState&quot;: 1,
  9188. &quot;publishOn&quot;: 1656693471823,
  9189. &quot;authorId&quot;: &quot;5551572de4b059dd136ebf44&quot;,
  9190. &quot;systemDataId&quot;: &quot;1615225337376-36JM1AX4C0NIC32WNXXU&quot;,
  9191. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9192. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9193. &quot;filename&quot;: &quot;Rectangle 26.jpg&quot;,
  9194. &quot;mediaFocalPoint&quot;: {
  9195. &quot;x&quot;: 0.5,
  9196. &quot;y&quot;: 0.5,
  9197. &quot;source&quot;: 3
  9198. },
  9199. &quot;colorData&quot;: {
  9200. &quot;topLeftAverage&quot;: &quot;969994&quot;,
  9201. &quot;topRightAverage&quot;: &quot;584435&quot;,
  9202. &quot;bottomLeftAverage&quot;: &quot;7e756e&quot;,
  9203. &quot;bottomRightAverage&quot;: &quot;75736e&quot;,
  9204. &quot;centerAverage&quot;: &quot;af8572&quot;,
  9205. &quot;suggestedBgColor&quot;: &quot;989e9a&quot;
  9206. },
  9207. &quot;urlId&quot;: &quot;vrfn569cj6y6y8c243elk4vp2k0dmi-j64e7-gr6zm&quot;,
  9208. &quot;title&quot;: &quot;&quot;,
  9209. &quot;body&quot;: null,
  9210. &quot;likeCount&quot;: 0,
  9211. &quot;commentCount&quot;: 0,
  9212. &quot;publicCommentCount&quot;: 0,
  9213. &quot;commentState&quot;: 2,
  9214. &quot;unsaved&quot;: false,
  9215. &quot;author&quot;: {
  9216. &quot;id&quot;: &quot;5551572de4b059dd136ebf44&quot;,
  9217. &quot;displayName&quot;: &quot;Val Galin&quot;,
  9218. &quot;firstName&quot;: &quot;Val&quot;,
  9219. &quot;lastName&quot;: &quot;Galin&quot;
  9220. },
  9221. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225337376-36JM1AX4C0NIC32WNXXU/Rectangle+26.jpg&quot;,
  9222. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9223. &quot;items&quot;: [ ],
  9224. &quot;pushedServices&quot;: { },
  9225. &quot;pendingPushedServices&quot;: { },
  9226. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9227. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9228. }
  9229. }, {
  9230. &quot;title&quot;: &quot;\&quot;I just wanted to commend you on a project well done again, let your crews know we really appreciated their efforts.\&quot;&quot;,
  9231. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ David J.&lt;\/p&gt;&quot;,
  9232. &quot;button&quot;: {
  9233. &quot;buttonText&quot;: &quot;Make It&quot;
  9234. },
  9235. &quot;imageId&quot;: &quot;680891619ad6d047ac5c9381&quot;,
  9236. &quot;imageAltText&quot;: &quot;A man with curly dark hair, glasses, facial hair, and a nose ring, wearing a black sweater, looking slightly to the side in a well-lit room with a plant in the background.&quot;,
  9237. &quot;image&quot;: {
  9238. &quot;id&quot;: &quot;680891619ad6d047ac5c9381&quot;,
  9239. &quot;recordType&quot;: 2,
  9240. &quot;addedOn&quot;: 1656693504842,
  9241. &quot;updatedOn&quot;: 1656694079047,
  9242. &quot;starred&quot;: false,
  9243. &quot;passthrough&quot;: false,
  9244. &quot;workflowState&quot;: 1,
  9245. &quot;publishOn&quot;: 1656693504842,
  9246. &quot;authorId&quot;: &quot;5551572de4b059dd136ebf44&quot;,
  9247. &quot;systemDataId&quot;: &quot;1615225123989-3AGGEWNOKB8XK6YRH6A9&quot;,
  9248. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9249. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9250. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  9251. &quot;mediaFocalPoint&quot;: {
  9252. &quot;x&quot;: 0.5,
  9253. &quot;y&quot;: 0.5,
  9254. &quot;source&quot;: 3
  9255. },
  9256. &quot;colorData&quot;: {
  9257. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  9258. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  9259. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  9260. &quot;bottomRightAverage&quot;: &quot;9fa9af&quot;,
  9261. &quot;centerAverage&quot;: &quot;bf907e&quot;,
  9262. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  9263. },
  9264. &quot;urlId&quot;: &quot;jugvkzkjivzvtpqal7ancp1db8ky1v-d8xyl-8r4hx&quot;,
  9265. &quot;title&quot;: &quot;&quot;,
  9266. &quot;body&quot;: null,
  9267. &quot;likeCount&quot;: 0,
  9268. &quot;commentCount&quot;: 0,
  9269. &quot;publicCommentCount&quot;: 0,
  9270. &quot;commentState&quot;: 2,
  9271. &quot;unsaved&quot;: false,
  9272. &quot;author&quot;: {
  9273. &quot;id&quot;: &quot;5551572de4b059dd136ebf44&quot;,
  9274. &quot;displayName&quot;: &quot;Val Galin&quot;,
  9275. &quot;firstName&quot;: &quot;Val&quot;,
  9276. &quot;lastName&quot;: &quot;Galin&quot;
  9277. },
  9278. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225123989-3AGGEWNOKB8XK6YRH6A9/Rectangle+25.jpg&quot;,
  9279. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9280. &quot;items&quot;: [ ],
  9281. &quot;pushedServices&quot;: { },
  9282. &quot;pendingPushedServices&quot;: { },
  9283. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9284. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9285. }
  9286. }, {
  9287. &quot;title&quot;: &quot;\&quot;Dear Stephen, We want to say thank you for our new interior doors. They are just beautiful! Your crew did a great job of hanging them and were so nice cand very professional. We couldn’t be more pleased and our interior designer is extremely pleased as well.\&quot;&quot;,
  9288. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ Lorraine &amp;amp; Arnie M.&lt;\/p&gt;&quot;,
  9289. &quot;button&quot;: {
  9290. &quot;buttonText&quot;: &quot;Make It&quot;
  9291. },
  9292. &quot;imageId&quot;: &quot;680891619ad6d047ac5c9384&quot;,
  9293. &quot;imageAltText&quot;: &quot;A smiling woman with black hair and wearing a blue top standing among green plants in a greenhouse or botanical garden.&quot;,
  9294. &quot;image&quot;: {
  9295. &quot;id&quot;: &quot;680891619ad6d047ac5c9384&quot;,
  9296. &quot;recordType&quot;: 2,
  9297. &quot;addedOn&quot;: 1656693525362,
  9298. &quot;updatedOn&quot;: 1656694079054,
  9299. &quot;starred&quot;: false,
  9300. &quot;passthrough&quot;: false,
  9301. &quot;workflowState&quot;: 1,
  9302. &quot;publishOn&quot;: 1656693525362,
  9303. &quot;authorId&quot;: &quot;5551572de4b059dd136ebf44&quot;,
  9304. &quot;systemDataId&quot;: &quot;1615225350677-B3YBA0I530Q8W9125BX3&quot;,
  9305. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9306. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9307. &quot;filename&quot;: &quot;Rectangle 27.jpg&quot;,
  9308. &quot;mediaFocalPoint&quot;: {
  9309. &quot;x&quot;: 0.5,
  9310. &quot;y&quot;: 0.5,
  9311. &quot;source&quot;: 3
  9312. },
  9313. &quot;colorData&quot;: {
  9314. &quot;topLeftAverage&quot;: &quot;868e7e&quot;,
  9315. &quot;topRightAverage&quot;: &quot;475538&quot;,
  9316. &quot;bottomLeftAverage&quot;: &quot;9e988a&quot;,
  9317. &quot;bottomRightAverage&quot;: &quot;586047&quot;,
  9318. &quot;centerAverage&quot;: &quot;cea194&quot;,
  9319. &quot;suggestedBgColor&quot;: &quot;848c7d&quot;
  9320. },
  9321. &quot;urlId&quot;: &quot;ras78oa5af9eea07ppvxpljawj6nio-792ab-6hnxn&quot;,
  9322. &quot;title&quot;: &quot;&quot;,
  9323. &quot;body&quot;: null,
  9324. &quot;likeCount&quot;: 0,
  9325. &quot;commentCount&quot;: 0,
  9326. &quot;publicCommentCount&quot;: 0,
  9327. &quot;commentState&quot;: 2,
  9328. &quot;unsaved&quot;: false,
  9329. &quot;author&quot;: {
  9330. &quot;id&quot;: &quot;5551572de4b059dd136ebf44&quot;,
  9331. &quot;displayName&quot;: &quot;Val Galin&quot;,
  9332. &quot;firstName&quot;: &quot;Val&quot;,
  9333. &quot;lastName&quot;: &quot;Galin&quot;
  9334. },
  9335. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225350677-B3YBA0I530Q8W9125BX3/Rectangle+27.jpg&quot;,
  9336. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9337. &quot;items&quot;: [ ],
  9338. &quot;pushedServices&quot;: { },
  9339. &quot;pendingPushedServices&quot;: { },
  9340. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9341. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9342. }
  9343. }, {
  9344. &quot;title&quot;: &quot;\&quot;We were happy with everyone we met from your company and especially pleased with our new doors.\&quot;&quot;,
  9345. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ Doug K.&lt;\/p&gt;&quot;,
  9346. &quot;button&quot;: {
  9347. &quot;buttonText&quot;: &quot;Make It&quot;
  9348. },
  9349. &quot;imageId&quot;: &quot;680891619ad6d047ac5c9387&quot;,
  9350. &quot;imageAltText&quot;: &quot;A man with dark curly hair, glasses, and a beard wearing a dark sweater looks to his right with a neutral expression in an indoor setting.&quot;,
  9351. &quot;image&quot;: {
  9352. &quot;id&quot;: &quot;680891619ad6d047ac5c9387&quot;,
  9353. &quot;recordType&quot;: 2,
  9354. &quot;addedOn&quot;: 1656693557279,
  9355. &quot;updatedOn&quot;: 1656694079062,
  9356. &quot;starred&quot;: false,
  9357. &quot;passthrough&quot;: false,
  9358. &quot;workflowState&quot;: 1,
  9359. &quot;publishOn&quot;: 1656693557279,
  9360. &quot;authorId&quot;: &quot;5551572de4b059dd136ebf44&quot;,
  9361. &quot;systemDataId&quot;: &quot;1615225322403-8M32U1NK41JYCCJQCWP7&quot;,
  9362. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9363. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9364. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  9365. &quot;mediaFocalPoint&quot;: {
  9366. &quot;x&quot;: 0.5,
  9367. &quot;y&quot;: 0.5,
  9368. &quot;source&quot;: 3
  9369. },
  9370. &quot;colorData&quot;: {
  9371. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  9372. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  9373. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  9374. &quot;bottomRightAverage&quot;: &quot;9ea8b0&quot;,
  9375. &quot;centerAverage&quot;: &quot;c18f7d&quot;,
  9376. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  9377. },
  9378. &quot;urlId&quot;: &quot;n2z4r6bf1ghjzh8mhpzriaca2op5u6-s5ff2-3nrn2&quot;,
  9379. &quot;title&quot;: &quot;&quot;,
  9380. &quot;body&quot;: null,
  9381. &quot;likeCount&quot;: 0,
  9382. &quot;commentCount&quot;: 0,
  9383. &quot;publicCommentCount&quot;: 0,
  9384. &quot;commentState&quot;: 2,
  9385. &quot;unsaved&quot;: false,
  9386. &quot;author&quot;: {
  9387. &quot;id&quot;: &quot;5551572de4b059dd136ebf44&quot;,
  9388. &quot;displayName&quot;: &quot;Val Galin&quot;,
  9389. &quot;firstName&quot;: &quot;Val&quot;,
  9390. &quot;lastName&quot;: &quot;Galin&quot;
  9391. },
  9392. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225322403-8M32U1NK41JYCCJQCWP7/Rectangle+25.jpg&quot;,
  9393. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9394. &quot;items&quot;: [ ],
  9395. &quot;pushedServices&quot;: { },
  9396. &quot;pendingPushedServices&quot;: { },
  9397. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9398. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9399. }
  9400. } ],
  9401. &quot;styles&quot;: {
  9402. &quot;imageFocalPoint&quot;: {
  9403. &quot;x&quot;: 0.5,
  9404. &quot;y&quot;: 0.5
  9405. },
  9406. &quot;imageOverlayOpacity&quot;: 0.3,
  9407. &quot;sectionTheme&quot;: &quot;dark&quot;,
  9408. &quot;imageEffect&quot;: &quot;none&quot;,
  9409. &quot;backgroundMode&quot;: &quot;generative&quot;,
  9410. &quot;backgroundImage&quot;: null
  9411. },
  9412. &quot;video&quot;: {
  9413. &quot;filter&quot;: 1,
  9414. &quot;videoFallbackContentItem&quot;: null,
  9415. &quot;nativeVideoContentItem&quot;: null,
  9416. &quot;videoSourceProvider&quot;: &quot;none&quot;
  9417. },
  9418. &quot;backgroundImageFocalPoint&quot;: null,
  9419. &quot;backgroundImageId&quot;: null,
  9420. &quot;options&quot;: {
  9421. &quot;maxColumns&quot;: 2,
  9422. &quot;isCardEnabled&quot;: true,
  9423. &quot;isMediaEnabled&quot;: false,
  9424. &quot;isTitleEnabled&quot;: true,
  9425. &quot;isBodyEnabled&quot;: true,
  9426. &quot;isButtonEnabled&quot;: false,
  9427. &quot;isShowAdjacentSlides&quot;: false,
  9428. &quot;isInfiniteEnabled&quot;: true,
  9429. &quot;isAutoplayEnabled&quot;: false,
  9430. &quot;slideDurationMs&quot;: 1000,
  9431. &quot;mediaAspectRatio&quot;: &quot;circle&quot;,
  9432. &quot;layoutWidth&quot;: &quot;inset&quot;,
  9433. &quot;mediaWidth&quot;: {
  9434. &quot;value&quot;: 30,
  9435. &quot;unit&quot;: &quot;%&quot;
  9436. },
  9437. &quot;mediaAlignment&quot;: &quot;center&quot;,
  9438. &quot;contentWidth&quot;: {
  9439. &quot;value&quot;: 100,
  9440. &quot;unit&quot;: &quot;%&quot;
  9441. },
  9442. &quot;titleAlignment&quot;: &quot;left&quot;,
  9443. &quot;bodyAlignment&quot;: &quot;left&quot;,
  9444. &quot;buttonAlignment&quot;: &quot;left&quot;,
  9445. &quot;titlePlacement&quot;: &quot;center&quot;,
  9446. &quot;bodyPlacement&quot;: &quot;center&quot;,
  9447. &quot;buttonPlacement&quot;: &quot;center&quot;,
  9448. &quot;cardVerticalAlignment&quot;: &quot;top&quot;,
  9449. &quot;contentOrder&quot;: &quot;media-first&quot;,
  9450. &quot;titleFontSize&quot;: &quot;heading-2&quot;,
  9451. &quot;bodyFontSize&quot;: &quot;paragraph-2&quot;,
  9452. &quot;buttonFontSize&quot;: &quot;button-medium&quot;,
  9453. &quot;customOptions&quot;: {
  9454. &quot;customTitleFontSize&quot;: {
  9455. &quot;value&quot;: 1.2,
  9456. &quot;unit&quot;: &quot;rem&quot;
  9457. },
  9458. &quot;customBodyFontSize&quot;: {
  9459. &quot;value&quot;: 0.9,
  9460. &quot;unit&quot;: &quot;rem&quot;
  9461. },
  9462. &quot;customButtonFontSize&quot;: {
  9463. &quot;value&quot;: 0.8,
  9464. &quot;unit&quot;: &quot;rem&quot;
  9465. }
  9466. },
  9467. &quot;verticalPaddingTop&quot;: {
  9468. &quot;value&quot;: 3.3,
  9469. &quot;unit&quot;: &quot;vmax&quot;
  9470. },
  9471. &quot;verticalPaddingBottom&quot;: {
  9472. &quot;value&quot;: 3.3,
  9473. &quot;unit&quot;: &quot;vmax&quot;
  9474. },
  9475. &quot;spaceBetweenSlides&quot;: {
  9476. &quot;value&quot;: 20,
  9477. &quot;unit&quot;: &quot;px&quot;
  9478. },
  9479. &quot;spaceBetweenContentAndMedia&quot;: {
  9480. &quot;value&quot;: 4,
  9481. &quot;unit&quot;: &quot;%&quot;
  9482. },
  9483. &quot;spaceBelowTitle&quot;: {
  9484. &quot;value&quot;: 1,
  9485. &quot;unit&quot;: &quot;%&quot;
  9486. },
  9487. &quot;spaceBelowBody&quot;: {
  9488. &quot;value&quot;: 4,
  9489. &quot;unit&quot;: &quot;%&quot;
  9490. },
  9491. &quot;cardPaddingTop&quot;: {
  9492. &quot;value&quot;: 6,
  9493. &quot;unit&quot;: &quot;%&quot;
  9494. },
  9495. &quot;cardPaddingRight&quot;: {
  9496. &quot;value&quot;: 6,
  9497. &quot;unit&quot;: &quot;%&quot;
  9498. },
  9499. &quot;cardPaddingBottom&quot;: {
  9500. &quot;value&quot;: 6,
  9501. &quot;unit&quot;: &quot;%&quot;
  9502. },
  9503. &quot;cardPaddingLeft&quot;: {
  9504. &quot;value&quot;: 6,
  9505. &quot;unit&quot;: &quot;%&quot;
  9506. },
  9507. &quot;navigationOffset&quot;: {
  9508. &quot;value&quot;: 5,
  9509. &quot;unit&quot;: &quot;vw&quot;
  9510. },
  9511. &quot;navigationControls&quot;: &quot;arrows&quot;,
  9512. &quot;navigationPlacement&quot;: &quot;bottom&quot;,
  9513. &quot;navigationAlignment&quot;: &quot;center&quot;,
  9514. &quot;spaceAboveNavigation&quot;: {
  9515. &quot;value&quot;: 30,
  9516. &quot;unit&quot;: &quot;px&quot;
  9517. },
  9518. &quot;progressIndicators&quot;: &quot;bars&quot;
  9519. },
  9520. &quot;layout&quot;: &quot;carousel&quot;,
  9521. &quot;isSectionTitleEnabled&quot;: true,
  9522. &quot;sectionTitle&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Testimonials&lt;\/p&gt;&quot;,
  9523. &quot;spaceBelowSectionTitle&quot;: {
  9524. &quot;value&quot;: 40,
  9525. &quot;unit&quot;: &quot;px&quot;
  9526. },
  9527. &quot;sectionTitleAlignment&quot;: &quot;center&quot;,
  9528. &quot;isSectionButtonEnabled&quot;: false,
  9529. &quot;sectionButton&quot;: {
  9530. &quot;buttonText&quot;: &quot;Make It&quot;,
  9531. &quot;buttonLink&quot;: &quot;#&quot;,
  9532. &quot;buttonNewWindow&quot;: false
  9533. },
  9534. &quot;sectionButtonSize&quot;: &quot;medium&quot;,
  9535. &quot;sectionButtonAlignment&quot;: &quot;center&quot;,
  9536. &quot;spaceAboveSectionButton&quot;: {
  9537. &quot;value&quot;: 40,
  9538. &quot;unit&quot;: &quot;px&quot;
  9539. }
  9540. }"
  9541.  data-media-alignment="center"
  9542.  data-title-alignment="left"
  9543.  data-body-alignment="left"
  9544.  data-button-alignment="left"
  9545.  data-title-placement="center"
  9546.  data-body-placement="center"
  9547.  data-button-placement="center"
  9548.  data-layout-width="inset"
  9549.  data-title-font-unit="rem"
  9550.  data-description-font-unit="rem"
  9551.  data-button-font-unit="rem"
  9552.  data-is-media-enabled="false"
  9553.  data-is-card-enabled="true"
  9554.  data-media-width-value="30"
  9555.  data-media-width-unit="%"
  9556.  data-content-order="media-first"
  9557.  data-space-between-columns=""
  9558.  data-vertical-padding-top-value="3.3"
  9559.  data-vertical-padding-bottom-value="3.3"
  9560.  data-vertical-padding-top-unit="vmax"
  9561.  data-vertical-padding-bottom-unit="vmax"
  9562. >
  9563.  <div
  9564.    class="user-items-list-carousel__gutter"
  9565.    role="region"
  9566.    aria-label="Carousel"
  9567.  >
  9568.    <div class="user-items-list-carousel__slideshow-holder">
  9569.  
  9570.      <div class="user-items-list-carousel__slides-revealer">
  9571.        <ul class="user-items-list-carousel__slides" style="grid-gap: 20px;">
  9572.          
  9573.            
  9574.            <li class="
  9575.                  user-items-list-carousel__slide list-item
  9576.                  
  9577.                    list-item-basic-animation
  9578.                  
  9579.                "
  9580.                style="
  9581.                
  9582.                  padding-top: 6%;
  9583.                  padding-right: 6%;
  9584.                  padding-bottom: 6%;
  9585.                  padding-left: 6%;
  9586.                
  9587.              "
  9588.              data-is-card-enabled="true"
  9589.            >
  9590.              
  9591.                
  9592.              
  9593.              <div class="list-item-content">
  9594.  
  9595.                
  9596.                  <div class="list-item-content__text-wrapper">
  9597.  
  9598.                    
  9599.                      <h2
  9600.                        class="list-item-content__title"
  9601.                        style="max-width: 100%;"
  9602.                      >"We have a large house for our large family and they were able to accommodate each of our needs. We will admit, we had a very clear cut idea of everything we wanted from the doors to our new walk-in closet. Their experience really came to light while working with them."</h2>
  9603.                    
  9604.  
  9605.                    
  9606.                        <div class="list-item-content__description
  9607.                          
  9608.                          "
  9609.                          style="
  9610.                            margin-top: 1%;
  9611.                            max-width: 100%;
  9612.                          "
  9613.                        ><p class="" style="white-space:pre-wrap;">~ Scott &amp; Kelly S.</p></div>
  9614.                    
  9615.  
  9616.                  </div>
  9617.                
  9618.  
  9619.                
  9620.  
  9621.              </div>
  9622.            </li>
  9623.          
  9624.            
  9625.            <li class="
  9626.                  user-items-list-carousel__slide list-item
  9627.                  
  9628.                    list-item-basic-animation
  9629.                  
  9630.                "
  9631.                style="
  9632.                
  9633.                  padding-top: 6%;
  9634.                  padding-right: 6%;
  9635.                  padding-bottom: 6%;
  9636.                  padding-left: 6%;
  9637.                
  9638.              "
  9639.              data-is-card-enabled="true"
  9640.            >
  9641.              
  9642.                
  9643.              
  9644.              <div class="list-item-content">
  9645.  
  9646.                
  9647.                  <div class="list-item-content__text-wrapper">
  9648.  
  9649.                    
  9650.                      <h2
  9651.                        class="list-item-content__title"
  9652.                        style="max-width: 100%;"
  9653.                      >"I just wanted to commend you on a project well done again, let your crews know we really appreciated their efforts."</h2>
  9654.                    
  9655.  
  9656.                    
  9657.                        <div class="list-item-content__description
  9658.                          
  9659.                          "
  9660.                          style="
  9661.                            margin-top: 1%;
  9662.                            max-width: 100%;
  9663.                          "
  9664.                        ><p class="" style="white-space:pre-wrap;">~ David J.</p></div>
  9665.                    
  9666.  
  9667.                  </div>
  9668.                
  9669.  
  9670.                
  9671.  
  9672.              </div>
  9673.            </li>
  9674.          
  9675.            
  9676.            <li class="
  9677.                  user-items-list-carousel__slide list-item
  9678.                  
  9679.                    list-item-basic-animation
  9680.                  
  9681.                "
  9682.                style="
  9683.                
  9684.                  padding-top: 6%;
  9685.                  padding-right: 6%;
  9686.                  padding-bottom: 6%;
  9687.                  padding-left: 6%;
  9688.                
  9689.              "
  9690.              data-is-card-enabled="true"
  9691.            >
  9692.              
  9693.                
  9694.              
  9695.              <div class="list-item-content">
  9696.  
  9697.                
  9698.                  <div class="list-item-content__text-wrapper">
  9699.  
  9700.                    
  9701.                      <h2
  9702.                        class="list-item-content__title"
  9703.                        style="max-width: 100%;"
  9704.                      >"Dear Stephen, We want to say thank you for our new interior doors. They are just beautiful! Your crew did a great job of hanging them and were so nice cand very professional. We couldn’t be more pleased and our interior designer is extremely pleased as well."</h2>
  9705.                    
  9706.  
  9707.                    
  9708.                        <div class="list-item-content__description
  9709.                          
  9710.                          "
  9711.                          style="
  9712.                            margin-top: 1%;
  9713.                            max-width: 100%;
  9714.                          "
  9715.                        ><p class="" style="white-space:pre-wrap;">~ Lorraine &amp; Arnie M.</p></div>
  9716.                    
  9717.  
  9718.                  </div>
  9719.                
  9720.  
  9721.                
  9722.  
  9723.              </div>
  9724.            </li>
  9725.          
  9726.            
  9727.            <li class="
  9728.                  user-items-list-carousel__slide list-item
  9729.                  
  9730.                    list-item-basic-animation
  9731.                  
  9732.                "
  9733.                style="
  9734.                
  9735.                  padding-top: 6%;
  9736.                  padding-right: 6%;
  9737.                  padding-bottom: 6%;
  9738.                  padding-left: 6%;
  9739.                
  9740.              "
  9741.              data-is-card-enabled="true"
  9742.            >
  9743.              
  9744.                
  9745.              
  9746.              <div class="list-item-content">
  9747.  
  9748.                
  9749.                  <div class="list-item-content__text-wrapper">
  9750.  
  9751.                    
  9752.                      <h2
  9753.                        class="list-item-content__title"
  9754.                        style="max-width: 100%;"
  9755.                      >"We were happy with everyone we met from your company and especially pleased with our new doors."</h2>
  9756.                    
  9757.  
  9758.                    
  9759.                        <div class="list-item-content__description
  9760.                          
  9761.                          "
  9762.                          style="
  9763.                            margin-top: 1%;
  9764.                            max-width: 100%;
  9765.                          "
  9766.                        ><p class="" style="white-space:pre-wrap;">~ Doug K.</p></div>
  9767.                    
  9768.  
  9769.                  </div>
  9770.                
  9771.  
  9772.                
  9773.  
  9774.              </div>
  9775.            </li>
  9776.          
  9777.        </ul>
  9778.      </div>
  9779.  
  9780.    </div>
  9781.  
  9782.    
  9783.      
  9784.    
  9785.  
  9786.    <div class="mobile-arrows">
  9787.      <button
  9788.  class="
  9789.    mobile-arrow-button
  9790.    mobile-arrow-button--left
  9791.  "
  9792.  aria-label="
  9793.    
  9794.      Previous
  9795.    
  9796.    
  9797.  "
  9798.  data-animation-role="button"
  9799. >
  9800.  <div class="
  9801.    user-items-list-carousel__arrow-icon-background
  9802.    mobile-arrow-icon-background-area
  9803.  ">
  9804.  </div>
  9805.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9806.  
  9807.    
  9808.      <path class="user-items-list-carousel__arrow-icon-foreground
  9809.        mobile-arrow-icon-path"
  9810.        d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none"
  9811.      />
  9812.      <path class="user-items-list-carousel__arrow-icon-foreground
  9813.        mobile-arrow-icon-path"
  9814.        d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none"
  9815.      />
  9816.    
  9817.  
  9818.    
  9819.  
  9820.  </svg>
  9821. </button>
  9822.  
  9823.      <button
  9824.  class="
  9825.    mobile-arrow-button
  9826.    mobile-arrow-button--right
  9827.  "
  9828.  aria-label="
  9829.    
  9830.    
  9831.      Next
  9832.    
  9833.  "
  9834.  data-animation-role="button"
  9835. >
  9836.  <div class="
  9837.    user-items-list-carousel__arrow-icon-background
  9838.    mobile-arrow-icon-background-area
  9839.  ">
  9840.  </div>
  9841.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9842.  
  9843.    
  9844.  
  9845.    
  9846.      <path class="user-items-list-carousel__arrow-icon-foreground
  9847.        mobile-arrow-icon-path"
  9848.        d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none"
  9849.      />
  9850.      <path class="user-items-list-carousel__arrow-icon-foreground
  9851.        mobile-arrow-icon-path"
  9852.        d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none"
  9853.      />
  9854.    
  9855.  
  9856.  </svg>
  9857. </button>
  9858.  
  9859.    </div>
  9860.  
  9861.  </div>
  9862.  
  9863.  
  9864.    
  9865.      <div
  9866.        class="desktop-arrows arrows-bottom-wrapper"
  9867.        style="margin-top: 30px;"
  9868.      >
  9869.        <div class="arrows-bottom">
  9870.          <button
  9871.  class="
  9872.    user-items-list-carousel__arrow-button
  9873.    user-items-list-carousel__arrow-button--left
  9874.  "
  9875.  aria-label="
  9876.    
  9877.      Previous
  9878.    
  9879.    
  9880.  "
  9881.  data-animation-role="button"
  9882. >
  9883.  <div class="
  9884.    user-items-list-carousel__arrow-icon-background
  9885.    user-items-list-carousel__arrow-icon-background-area
  9886.  ">
  9887.  </div>
  9888.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9889.  
  9890.    
  9891.      <path class="user-items-list-carousel__arrow-icon-foreground
  9892.        user-items-list-carousel__arrow-icon-path"
  9893.        d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116"
  9894.      />
  9895.      <path class="user-items-list-carousel__arrow-icon-foreground
  9896.        user-items-list-carousel__arrow-icon-path"
  9897.        d="M42.8633 9.18125L3.37868 9.18125"
  9898.      />
  9899.    
  9900.  
  9901.    
  9902.  
  9903.  </svg>
  9904. </button>
  9905.  
  9906.          <button
  9907.  class="
  9908.    user-items-list-carousel__arrow-button
  9909.    user-items-list-carousel__arrow-button--right
  9910.  "
  9911.  aria-label="
  9912.    
  9913.    
  9914.      Next
  9915.    
  9916.  "
  9917.  data-animation-role="button"
  9918. >
  9919.  <div class="
  9920.    user-items-list-carousel__arrow-icon-background
  9921.    user-items-list-carousel__arrow-icon-background-area
  9922.  ">
  9923.  </div>
  9924.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9925.  
  9926.    
  9927.  
  9928.    
  9929.      <path class="user-items-list-carousel__arrow-icon-foreground
  9930.        user-items-list-carousel__arrow-icon-path"
  9931.        d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599"
  9932.      />
  9933.      <path class="user-items-list-carousel__arrow-icon-foreground
  9934.        user-items-list-carousel__arrow-icon-path"
  9935.        d="M1.19088 9.16982H40.6755"
  9936.      />
  9937.    
  9938.  
  9939.  </svg>
  9940. </button>
  9941.  
  9942.        </div>
  9943.      </div>
  9944.    
  9945.  
  9946.  
  9947. </div>
  9948.  
  9949.  
  9950.  
  9951.  
  9952. </div>
  9953.  
  9954.      
  9955.      
  9956.      
  9957.    </div>
  9958.  
  9959.    <button class='background-pause-button' aria-label="Pause Background"></button>
  9960. <button class='background-pause-button paused' aria-label="Play Background"></button>
  9961.  
  9962.  
  9963.  </div>
  9964.  
  9965. </section>
  9966.  
  9967.  
  9968. </article>
  9969.  
  9970.          
  9971.  
  9972.          
  9973.  
  9974.          
  9975.            
  9976.          
  9977.        
  9978.      </main>
  9979.      
  9980.        <footer class="sections" id="footer-sections" data-footer-sections>
  9981.  
  9982.  
  9983.  
  9984.  
  9985.  
  9986.  
  9987.    
  9988.    
  9989.  
  9990.  
  9991.  
  9992.  
  9993.  
  9994.  
  9995. <section
  9996.  data-test="page-section"
  9997.  
  9998.  data-section-theme="white-bold"
  9999.  class='page-section
  10000.    
  10001.      full-bleed-section
  10002.      layout-engine-section
  10003.    
  10004.    background-width--full-bleed
  10005.    
  10006.      
  10007.        section-height--custom
  10008.      
  10009.    
  10010.    
  10011.      content-width--wide
  10012.    
  10013.    horizontal-alignment--center
  10014.    vertical-alignment--middle
  10015.    
  10016.      
  10017.    
  10018.    
  10019.    white-bold'
  10020.  
  10021.  data-section-id="680891109ad6d047ac5c8479"
  10022.  
  10023.  data-controller="SectionWrapperController"
  10024.  data-current-styles="{
  10025. &quot;imageOverlayOpacity&quot;: 0.15,
  10026. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  10027. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  10028. &quot;customSectionHeight&quot;: 0,
  10029. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  10030. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  10031. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  10032. &quot;customContentWidth&quot;: 50,
  10033. &quot;sectionTheme&quot;: &quot;white-bold&quot;,
  10034. &quot;sectionAnimation&quot;: &quot;none&quot;,
  10035. &quot;backgroundMode&quot;: &quot;image&quot;
  10036. }"
  10037.  data-current-context="{
  10038. &quot;video&quot;: {
  10039. &quot;playbackSpeed&quot;: 0.5,
  10040. &quot;filter&quot;: 1,
  10041. &quot;filterStrength&quot;: 0,
  10042. &quot;zoom&quot;: 0,
  10043. &quot;videoSourceProvider&quot;: &quot;none&quot;
  10044. },
  10045. &quot;backgroundImageId&quot;: null,
  10046. &quot;backgroundMediaEffect&quot;: {
  10047. &quot;type&quot;: &quot;none&quot;
  10048. },
  10049. &quot;divider&quot;: {
  10050. &quot;enabled&quot;: false
  10051. },
  10052. &quot;typeName&quot;: &quot;page&quot;
  10053. }"
  10054.  data-animation="none"
  10055.  data-fluid-engine-section
  10056.  
  10057.  
  10058.  
  10059. >
  10060.  <div
  10061.    class="section-border"
  10062.    
  10063.  >
  10064.    <div class="section-background">
  10065.    
  10066.      
  10067.    
  10068.    </div>
  10069.  </div>
  10070.  <div
  10071.    class='content-wrapper'
  10072.    style='
  10073.      
  10074.        
  10075.          
  10076.          
  10077.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  10078.        
  10079.      
  10080.    '
  10081.  >
  10082.    <div
  10083.      class="content"
  10084.      
  10085.    >
  10086.      
  10087.      
  10088.      
  10089.      
  10090.      
  10091.      
  10092.      
  10093.      
  10094.      
  10095.      
  10096.      <div data-fluid-engine="true"><style>
  10097.  
  10098. .fe-680891109ad6d047ac5c8478 {
  10099.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  10100.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  10101.  
  10102.  display: grid;
  10103.  position: relative;
  10104.  grid-area: 1/1/-1/-1;
  10105.  grid-template-rows: repeat(31,minmax(24px, auto));
  10106.  grid-template-columns:
  10107.    minmax(var(--grid-gutter), 1fr)
  10108.    repeat(8, minmax(0, var(--cell-max-width)))
  10109.    minmax(var(--grid-gutter), 1fr);
  10110.  row-gap: 0.0px;
  10111.  column-gap: 0.0px;
  10112.  overflow-x: hidden;
  10113.  overflow-x: clip;
  10114. }
  10115.  
  10116. @media (min-width: 768px) {
  10117.  .background-width--inset .fe-680891109ad6d047ac5c8478 {
  10118.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  10119.  }
  10120.  
  10121.  .fe-680891109ad6d047ac5c8478 {
  10122.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  10123.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  10124.    --inset-padding: 0vw;
  10125.  
  10126.    --row-height-scaling-factor: 0.0215;
  10127.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  10128.  
  10129.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  10130.    grid-template-columns:
  10131.      minmax(var(--grid-gutter), 1fr)
  10132.      repeat(24, minmax(0, var(--cell-max-width)))
  10133.      minmax(var(--grid-gutter), 1fr);
  10134.  }
  10135. }
  10136.  
  10137.  
  10138.  .fe-block-8a24bdaeee7ea753df58 {
  10139.    grid-area: 2/4/5/8;
  10140.    z-index: 5;
  10141.  
  10142.    @media (max-width: 767px) {
  10143.      
  10144.      
  10145.    }
  10146.  }
  10147.  
  10148.  .fe-block-8a24bdaeee7ea753df58 .sqs-block {
  10149.    justify-content: center;
  10150.  }
  10151.  
  10152.  .fe-block-8a24bdaeee7ea753df58 .sqs-block-alignment-wrapper {
  10153.    align-items: center;
  10154.  }
  10155.  
  10156.  @media (min-width: 768px) {
  10157.    .fe-block-8a24bdaeee7ea753df58 {
  10158.      grid-area: 3/3/7/7;
  10159.      z-index: 5;
  10160.  
  10161.      
  10162.  
  10163.      
  10164.    }
  10165.  
  10166.    .fe-block-8a24bdaeee7ea753df58 .sqs-block {
  10167.      justify-content: center;
  10168.    }
  10169.  
  10170.    .fe-block-8a24bdaeee7ea753df58 .sqs-block-alignment-wrapper {
  10171.      align-items: center;
  10172.    }
  10173.  }
  10174.  
  10175.  .fe-block-2e0539c1f7cd1f3e335a {
  10176.    grid-area: 5/3/8/9;
  10177.    z-index: 9;
  10178.  
  10179.    @media (max-width: 767px) {
  10180.      
  10181.      
  10182.    }
  10183.  }
  10184.  
  10185.  .fe-block-2e0539c1f7cd1f3e335a .sqs-block {
  10186.    justify-content: flex-start;
  10187.  }
  10188.  
  10189.  .fe-block-2e0539c1f7cd1f3e335a .sqs-block-alignment-wrapper {
  10190.    align-items: flex-start;
  10191.  }
  10192.  
  10193.  @media (min-width: 768px) {
  10194.    .fe-block-2e0539c1f7cd1f3e335a {
  10195.      grid-area: 7/2/10/8;
  10196.      z-index: 9;
  10197.  
  10198.      
  10199.  
  10200.      
  10201.    }
  10202.  
  10203.    .fe-block-2e0539c1f7cd1f3e335a .sqs-block {
  10204.      justify-content: flex-start;
  10205.    }
  10206.  
  10207.    .fe-block-2e0539c1f7cd1f3e335a .sqs-block-alignment-wrapper {
  10208.      align-items: flex-start;
  10209.    }
  10210.  }
  10211.  
  10212.  .fe-block-6aade7b18cb504538406 {
  10213.    grid-area: 19/2/21/6;
  10214.    z-index: 8;
  10215.  
  10216.    @media (max-width: 767px) {
  10217.      
  10218.      
  10219.    }
  10220.  }
  10221.  
  10222.  .fe-block-6aade7b18cb504538406 .sqs-block {
  10223.    justify-content: flex-start;
  10224.  }
  10225.  
  10226.  .fe-block-6aade7b18cb504538406 .sqs-block-alignment-wrapper {
  10227.    align-items: flex-start;
  10228.  }
  10229.  
  10230.  @media (min-width: 768px) {
  10231.    .fe-block-6aade7b18cb504538406 {
  10232.      grid-area: 3/19/5/23;
  10233.      z-index: 8;
  10234.  
  10235.      
  10236.  
  10237.      
  10238.    }
  10239.  
  10240.    .fe-block-6aade7b18cb504538406 .sqs-block {
  10241.      justify-content: flex-start;
  10242.    }
  10243.  
  10244.    .fe-block-6aade7b18cb504538406 .sqs-block-alignment-wrapper {
  10245.      align-items: flex-start;
  10246.    }
  10247.  }
  10248.  
  10249.  .fe-block-b361871f26e4961b5766 {
  10250.    grid-area: 8/6/18/10;
  10251.    z-index: 3;
  10252.  
  10253.    @media (max-width: 767px) {
  10254.      
  10255.      
  10256.    }
  10257.  }
  10258.  
  10259.  .fe-block-b361871f26e4961b5766 .sqs-block {
  10260.    justify-content: flex-start;
  10261.  }
  10262.  
  10263.  .fe-block-b361871f26e4961b5766 .sqs-block-alignment-wrapper {
  10264.    align-items: flex-start;
  10265.  }
  10266.  
  10267.  @media (min-width: 768px) {
  10268.    .fe-block-b361871f26e4961b5766 {
  10269.      grid-area: 3/9/14/13;
  10270.      z-index: 3;
  10271.  
  10272.      
  10273.  
  10274.      
  10275.    }
  10276.  
  10277.    .fe-block-b361871f26e4961b5766 .sqs-block {
  10278.      justify-content: flex-start;
  10279.    }
  10280.  
  10281.    .fe-block-b361871f26e4961b5766 .sqs-block-alignment-wrapper {
  10282.      align-items: flex-start;
  10283.    }
  10284.  }
  10285.  
  10286.  .fe-block-9dcc1301540f985ef078 {
  10287.    grid-area: 8/2/16/6;
  10288.    z-index: 2;
  10289.  
  10290.    @media (max-width: 767px) {
  10291.      
  10292.      
  10293.    }
  10294.  }
  10295.  
  10296.  .fe-block-9dcc1301540f985ef078 .sqs-block {
  10297.    justify-content: flex-start;
  10298.  }
  10299.  
  10300.  .fe-block-9dcc1301540f985ef078 .sqs-block-alignment-wrapper {
  10301.    align-items: flex-start;
  10302.  }
  10303.  
  10304.  @media (min-width: 768px) {
  10305.    .fe-block-9dcc1301540f985ef078 {
  10306.      grid-area: 3/14/12/18;
  10307.      z-index: 2;
  10308.  
  10309.      
  10310.  
  10311.      
  10312.    }
  10313.  
  10314.    .fe-block-9dcc1301540f985ef078 .sqs-block {
  10315.      justify-content: flex-start;
  10316.    }
  10317.  
  10318.    .fe-block-9dcc1301540f985ef078 .sqs-block-alignment-wrapper {
  10319.      align-items: flex-start;
  10320.    }
  10321.  }
  10322.  
  10323.  .fe-block-851a48a3e2ff3a14d2fb {
  10324.    grid-area: 21/2/25/8;
  10325.    z-index: 7;
  10326.  
  10327.    @media (max-width: 767px) {
  10328.      
  10329.      
  10330.    }
  10331.  }
  10332.  
  10333.  .fe-block-851a48a3e2ff3a14d2fb .sqs-block {
  10334.    justify-content: flex-start;
  10335.  }
  10336.  
  10337.  .fe-block-851a48a3e2ff3a14d2fb .sqs-block-alignment-wrapper {
  10338.    align-items: flex-start;
  10339.  }
  10340.  
  10341.  @media (min-width: 768px) {
  10342.    .fe-block-851a48a3e2ff3a14d2fb {
  10343.      grid-area: 5/19/9/26;
  10344.      z-index: 7;
  10345.  
  10346.      
  10347.  
  10348.      
  10349.    }
  10350.  
  10351.    .fe-block-851a48a3e2ff3a14d2fb .sqs-block {
  10352.      justify-content: flex-start;
  10353.    }
  10354.  
  10355.    .fe-block-851a48a3e2ff3a14d2fb .sqs-block-alignment-wrapper {
  10356.      align-items: flex-start;
  10357.    }
  10358.  }
  10359.  
  10360.  .fe-block-2ebcce99ad499bbcd980 {
  10361.    grid-area: 25/2/31/8;
  10362.    z-index: 10;
  10363.  
  10364.    @media (max-width: 767px) {
  10365.      
  10366.      
  10367.    }
  10368.  }
  10369.  
  10370.  .fe-block-2ebcce99ad499bbcd980 .sqs-block {
  10371.    justify-content: flex-start;
  10372.  }
  10373.  
  10374.  .fe-block-2ebcce99ad499bbcd980 .sqs-block-alignment-wrapper {
  10375.    align-items: flex-start;
  10376.  }
  10377.  
  10378.  @media (min-width: 768px) {
  10379.    .fe-block-2ebcce99ad499bbcd980 {
  10380.      grid-area: 10/19/17/26;
  10381.      z-index: 10;
  10382.  
  10383.      
  10384.  
  10385.      
  10386.    }
  10387.  
  10388.    .fe-block-2ebcce99ad499bbcd980 .sqs-block {
  10389.      justify-content: flex-start;
  10390.    }
  10391.  
  10392.    .fe-block-2ebcce99ad499bbcd980 .sqs-block-alignment-wrapper {
  10393.      align-items: flex-start;
  10394.    }
  10395.  }
  10396.  
  10397. </style><div class="fluid-engine fe-680891109ad6d047ac5c8478"><div class="fe-block fe-block-8a24bdaeee7ea753df58"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-8a24bdaeee7ea753df58"><div class="sqs-block-content">
  10398.  
  10399.  
  10400.  
  10401.  
  10402.  
  10403.  
  10404.  
  10405.  
  10406.  
  10407.  
  10408.  
  10409.  
  10410.  
  10411.  
  10412.  
  10413.  
  10414.  
  10415.  
  10416.  
  10417.  
  10418.  
  10419.  
  10420.  
  10421.  
  10422.  
  10423.  
  10424.  
  10425.  
  10426.  
  10427.  
  10428.  
  10429.  
  10430.  
  10431.  
  10432.  
  10433.  
  10434.  
  10435.  
  10436.  
  10437.  
  10438.  
  10439.  
  10440.  
  10441.  
  10442.    
  10443.  
  10444.    <div
  10445.      class="
  10446.        image-block-outer-wrapper
  10447.        layout-caption-below
  10448.        design-layout-fluid
  10449.        image-position-center
  10450.        combination-animation-site-default
  10451.        individual-animation-site-default
  10452.      "
  10453.      data-test="image-block-fluid-outer-wrapper"
  10454.    >
  10455.      <div
  10456.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  10457.        data-animation-role="image"
  10458.        
  10459.  
  10460.  
  10461.      >
  10462.        <div
  10463.          class="fluid-image-container sqs-image-content"
  10464.          
  10465.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  10466.          data-sqsp-image-block-image-container
  10467.        >
  10468.          
  10469.  
  10470.          
  10471.          
  10472.  
  10473.          
  10474.            <a
  10475.              class="sqs-block-image-link content-fit"
  10476.              href="/"
  10477.              
  10478.              data-sqsp-image-block-link
  10479.            >
  10480.              
  10481.            
  10482.            
  10483.            
  10484.            
  10485.            
  10486.            
  10487.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png" data-image-dimensions="2084x780" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png" width="2084" height="780" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 50vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  10488.  
  10489.            
  10490.              
  10491.            
  10492.            <div class="fluidImageOverlay"></div>
  10493.          
  10494.            </a>
  10495.          
  10496.  
  10497.        </div>
  10498.      </div>
  10499.    </div>
  10500.    <style>
  10501.      .sqs-block-image .sqs-block-content {
  10502.        height: 100%;
  10503.        width: 100%;
  10504.      }
  10505.  
  10506.      
  10507.        .fe-block-8a24bdaeee7ea753df58 .fluidImageOverlay {
  10508.          position: absolute;
  10509.          top: 0;
  10510.          left: 0;
  10511.          width: 100%;
  10512.          height: 100%;
  10513.          mix-blend-mode: normal;
  10514.          
  10515.            
  10516.            
  10517.          
  10518.          
  10519.            opacity: 0;
  10520.          
  10521.        }
  10522.      
  10523.    </style>
  10524.  
  10525.  
  10526.  
  10527.  
  10528.  
  10529.  
  10530. </div></div></div><div class="fe-block fe-block-2e0539c1f7cd1f3e335a"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-2e0539c1f7cd1f3e335a"><div class="sqs-block-content">
  10531.  
  10532. <div class="sqs-html-content" data-sqsp-text-block-content>
  10533.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><a href="https://goo.gl/maps/GnSrfPScLQR2  " target="_blank"><span class="sqsrte-text-color--lightAccent">15441 Chemical Ln.,<br>Huntington Beach, CA 92649</span></a></p>
  10534. </div>
  10535.  
  10536.  
  10537.  
  10538.  
  10539.  
  10540.  
  10541.  
  10542.  
  10543.  
  10544.  
  10545.  
  10546.  
  10547.  
  10548.  
  10549.  
  10550.  
  10551.  
  10552.  
  10553.  
  10554.  
  10555.  
  10556.  
  10557.  
  10558.  
  10559.  
  10560. </div></div></div><div class="fe-block fe-block-6aade7b18cb504538406"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-6aade7b18cb504538406"><div class="sqs-block-content">
  10561.  
  10562. <div class="sqs-html-content" data-sqsp-text-block-content>
  10563.  <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent"><strong>Contact Us</strong></span></p>
  10564. </div>
  10565.  
  10566.  
  10567.  
  10568.  
  10569.  
  10570.  
  10571.  
  10572.  
  10573.  
  10574.  
  10575.  
  10576.  
  10577.  
  10578.  
  10579.  
  10580.  
  10581.  
  10582.  
  10583.  
  10584.  
  10585.  
  10586.  
  10587.  
  10588.  
  10589.  
  10590. </div></div></div><div class="fe-block fe-block-b361871f26e4961b5766"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-b361871f26e4961b5766"><div class="sqs-block-content">
  10591.  
  10592. <div class="sqs-html-content" data-sqsp-text-block-content>
  10593.  <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent"><strong>Company</strong></span></p><ul data-rte-list="default"><li><p class="" style="white-space:pre-wrap;"><a href="/"><span class="sqsrte-text-color--lightAccent">Home<br></span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/about"><span class="sqsrte-text-color--lightAccent">About Us</span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/door-installation"><span class="sqsrte-text-color--lightAccent">Installation</span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/testimonials"><span class="sqsrte-text-color--lightAccent">Testimonials</span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/blog"><span class="sqsrte-text-color--lightAccent">Blog</span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/privacy-policy"><span class="sqsrte-text-color--lightAccent">Privacy Policy</span></a></p></li></ul>
  10594. </div>
  10595.  
  10596.  
  10597.  
  10598.  
  10599.  
  10600.  
  10601.  
  10602.  
  10603.  
  10604.  
  10605.  
  10606.  
  10607.  
  10608.  
  10609.  
  10610.  
  10611.  
  10612.  
  10613.  
  10614.  
  10615.  
  10616.  
  10617.  
  10618.  
  10619.  
  10620. </div></div></div><div class="fe-block fe-block-9dcc1301540f985ef078"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-9dcc1301540f985ef078"><div class="sqs-block-content">
  10621.  
  10622. <div class="sqs-html-content" data-sqsp-text-block-content>
  10623.  <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent"><strong>Products</strong></span></p><ul data-rte-list="default"><li><p class="" style="white-space:pre-wrap;"><a href="/interior-doors"><span class="sqsrte-text-color--lightAccent">Interior Doors<br></span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/closet-doors"><span class="sqsrte-text-color--lightAccent">Closet Doors<br></span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/organizers" target="_blank"><span class="sqsrte-text-color--lightAccent">Organizers<br></span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/barn-doors"><span class="sqsrte-text-color--lightAccent">Barn Doors</span></a></p></li></ul>
  10624. </div>
  10625.  
  10626.  
  10627.  
  10628.  
  10629.  
  10630.  
  10631.  
  10632.  
  10633.  
  10634.  
  10635.  
  10636.  
  10637.  
  10638.  
  10639.  
  10640.  
  10641.  
  10642.  
  10643.  
  10644.  
  10645.  
  10646.  
  10647.  
  10648.  
  10649.  
  10650. </div></div></div><div class="fe-block fe-block-851a48a3e2ff3a14d2fb"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-851a48a3e2ff3a14d2fb"><div class="sqs-block-content"><div class="sw-navigation-contact-footer">
  10651.    <div class="sw-navigation-actions-footer">
  10652.        <a href="tel:(714) 895-5100" class="sw-navigation-actions-item">
  10653.            <div class="sw-navigation-actions-icon">&#9742;</div>
  10654.            <div>(714) 895-5100</div>
  10655.        </a>
  10656.    </div>
  10657.    <div class="sw-navigation-actions-footer">
  10658.        <a href="mailto:info@interiordoorandcloset.com" class="sw-navigation-actions-item">
  10659.            <div class="sw-navigation-actions-icon">&#9993;</div>
  10660.            <div>info@interiordoorandcloset.com</div>
  10661.        </a>
  10662.    </div>
  10663. </div></div></div></div><div class="fe-block fe-block-2ebcce99ad499bbcd980"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-2ebcce99ad499bbcd980"><div class="sqs-block-content"><div id="footer-hours">
  10664.  <p><strong>Office Hours</strong></p>
  10665.  <p>Mon-Fri: 9:00 am - 5:00 pm</p>
  10666.  <p>Saturday: 11:00 am - 3:00 pm</p>
  10667.  <p>Sunday: Closed</p>
  10668. </div></div></div></div></div></div>
  10669.    </div>
  10670.  
  10671.  </div>
  10672.  
  10673. </section>
  10674.  
  10675.  
  10676.    
  10677.    
  10678.  
  10679.  
  10680.  
  10681.  
  10682.  
  10683.  
  10684. <section
  10685.  data-test="page-section"
  10686.  
  10687.  data-section-theme="white"
  10688.  class='page-section
  10689.    
  10690.      full-bleed-section
  10691.      layout-engine-section
  10692.    
  10693.    background-width--full-bleed
  10694.    
  10695.      
  10696.        section-height--custom
  10697.      
  10698.    
  10699.    
  10700.      content-width--wide
  10701.    
  10702.    horizontal-alignment--center
  10703.    vertical-alignment--middle
  10704.    
  10705.      
  10706.    
  10707.    
  10708.    white'
  10709.  
  10710.  data-section-id="680891109ad6d047ac5c847c"
  10711.  
  10712.  data-controller="SectionWrapperController"
  10713.  data-current-styles="{
  10714. &quot;imageOverlayOpacity&quot;: 0.15,
  10715. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  10716. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  10717. &quot;customSectionHeight&quot;: 0,
  10718. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  10719. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  10720. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  10721. &quot;customContentWidth&quot;: 50,
  10722. &quot;sectionTheme&quot;: &quot;white&quot;,
  10723. &quot;sectionAnimation&quot;: &quot;none&quot;,
  10724. &quot;backgroundMode&quot;: &quot;image&quot;
  10725. }"
  10726.  data-current-context="{
  10727. &quot;video&quot;: {
  10728. &quot;playbackSpeed&quot;: 0.5,
  10729. &quot;filter&quot;: 1,
  10730. &quot;filterStrength&quot;: 0,
  10731. &quot;zoom&quot;: 0,
  10732. &quot;videoSourceProvider&quot;: &quot;none&quot;
  10733. },
  10734. &quot;backgroundImageId&quot;: null,
  10735. &quot;backgroundMediaEffect&quot;: {
  10736. &quot;type&quot;: &quot;none&quot;
  10737. },
  10738. &quot;divider&quot;: {
  10739. &quot;enabled&quot;: false
  10740. },
  10741. &quot;typeName&quot;: &quot;page&quot;
  10742. }"
  10743.  data-animation="none"
  10744.  data-fluid-engine-section
  10745.  
  10746.  
  10747.  
  10748. >
  10749.  <div
  10750.    class="section-border"
  10751.    
  10752.  >
  10753.    <div class="section-background">
  10754.    
  10755.      
  10756.    
  10757.    </div>
  10758.  </div>
  10759.  <div
  10760.    class='content-wrapper'
  10761.    style='
  10762.      
  10763.        
  10764.          
  10765.          
  10766.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  10767.        
  10768.      
  10769.    '
  10770.  >
  10771.    <div
  10772.      class="content"
  10773.      
  10774.    >
  10775.      
  10776.      
  10777.      
  10778.      
  10779.      
  10780.      
  10781.      
  10782.      
  10783.      
  10784.      
  10785.      <div data-fluid-engine="true"><style>
  10786.  
  10787. .fe-680891109ad6d047ac5c847b {
  10788.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  10789.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  10790.  
  10791.  display: grid;
  10792.  position: relative;
  10793.  grid-area: 1/1/-1/-1;
  10794.  grid-template-rows: repeat(7,minmax(24px, auto));
  10795.  grid-template-columns:
  10796.    minmax(var(--grid-gutter), 1fr)
  10797.    repeat(8, minmax(0, var(--cell-max-width)))
  10798.    minmax(var(--grid-gutter), 1fr);
  10799.  row-gap: 0.0px;
  10800.  column-gap: 0.0px;
  10801.  overflow-x: hidden;
  10802.  overflow-x: clip;
  10803. }
  10804.  
  10805. @media (min-width: 768px) {
  10806.  .background-width--inset .fe-680891109ad6d047ac5c847b {
  10807.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  10808.  }
  10809.  
  10810.  .fe-680891109ad6d047ac5c847b {
  10811.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  10812.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  10813.    --inset-padding: 0vw;
  10814.  
  10815.    --row-height-scaling-factor: 0.0215;
  10816.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  10817.  
  10818.    grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  10819.    grid-template-columns:
  10820.      minmax(var(--grid-gutter), 1fr)
  10821.      repeat(24, minmax(0, var(--cell-max-width)))
  10822.      minmax(var(--grid-gutter), 1fr);
  10823.  }
  10824. }
  10825.  
  10826.  
  10827.  .fe-block-902cb8f44f2ee96fd91a {
  10828.    grid-area: 2/2/5/10;
  10829.    z-index: 2;
  10830.  
  10831.    @media (max-width: 767px) {
  10832.      
  10833.      
  10834.    }
  10835.  }
  10836.  
  10837.  .fe-block-902cb8f44f2ee96fd91a .sqs-block {
  10838.    justify-content: center;
  10839.  }
  10840.  
  10841.  .fe-block-902cb8f44f2ee96fd91a .sqs-block-alignment-wrapper {
  10842.    align-items: center;
  10843.  }
  10844.  
  10845.  @media (min-width: 768px) {
  10846.    .fe-block-902cb8f44f2ee96fd91a {
  10847.      grid-area: 1/3/3/25;
  10848.      z-index: 2;
  10849.  
  10850.      
  10851.  
  10852.      
  10853.    }
  10854.  
  10855.    .fe-block-902cb8f44f2ee96fd91a .sqs-block {
  10856.      justify-content: center;
  10857.    }
  10858.  
  10859.    .fe-block-902cb8f44f2ee96fd91a .sqs-block-alignment-wrapper {
  10860.      align-items: center;
  10861.    }
  10862.  }
  10863.  
  10864.  .fe-block-291214b3fef6cb7a4120 {
  10865.    grid-area: 6/2/8/10;
  10866.    z-index: 1;
  10867.  
  10868.    @media (max-width: 767px) {
  10869.      
  10870.      
  10871.    }
  10872.  }
  10873.  
  10874.  .fe-block-291214b3fef6cb7a4120 .sqs-block {
  10875.    justify-content: flex-start;
  10876.  }
  10877.  
  10878.  .fe-block-291214b3fef6cb7a4120 .sqs-block-alignment-wrapper {
  10879.    align-items: flex-start;
  10880.  }
  10881.  
  10882.  @media (min-width: 768px) {
  10883.    .fe-block-291214b3fef6cb7a4120 {
  10884.      grid-area: 3/3/5/25;
  10885.      z-index: 1;
  10886.  
  10887.      
  10888.  
  10889.      
  10890.    }
  10891.  
  10892.    .fe-block-291214b3fef6cb7a4120 .sqs-block {
  10893.      justify-content: center;
  10894.    }
  10895.  
  10896.    .fe-block-291214b3fef6cb7a4120 .sqs-block-alignment-wrapper {
  10897.      align-items: center;
  10898.    }
  10899.  }
  10900.  
  10901. </style><div class="fluid-engine fe-680891109ad6d047ac5c847b"><div class="fe-block fe-block-902cb8f44f2ee96fd91a"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-902cb8f44f2ee96fd91a"><div class="sqs-block-content">
  10902.  
  10903. <div class="sqs-html-content" data-sqsp-text-block-content>
  10904.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><span class="sqsrte-text-color--lightAccent">© 2025 Interior Door and Closet Company | License #908184</span></p>
  10905. </div>
  10906.  
  10907.  
  10908.  
  10909.  
  10910.  
  10911.  
  10912.  
  10913.  
  10914.  
  10915.  
  10916.  
  10917.  
  10918.  
  10919.  
  10920.  
  10921.  
  10922.  
  10923.  
  10924.  
  10925.  
  10926.  
  10927.  
  10928.  
  10929.  
  10930.  
  10931. </div></div></div><div class="fe-block fe-block-291214b3fef6cb7a4120"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-291214b3fef6cb7a4120"><div class="sqs-block-content"></div></div></div></div></div>
  10932.    </div>
  10933.  
  10934.  </div>
  10935.  
  10936. </section>
  10937.  
  10938.  
  10939. </footer>
  10940.  
  10941.      
  10942.    </div>
  10943.  
  10944.    <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.54f91f1e22e847285826e297d193698a.js" type="text/javascript"></script>
  10945.    <script src="//assets.squarewebsites.org/custom-tables/custom-table.js"></script>
  10946. <script>
  10947.  createTopAction();
  10948. </script>
  10949.  
  10950. <script>createBC();</script>
  10951.  
  10952. <!-- change blog headers from h1 to h2 on collections pages -->
  10953. <script>
  10954. document.querySelectorAll("h1.blog-title").forEach(header => {
  10955.  header.outerHTML = '<h2>' + header.innerHTML + '</h2>';
  10956. });
  10957. </script>
  10958.  
  10959. <style>
  10960. #footer-sections
  10961.  {
  10962.    z-index: 10;
  10963.  }
  10964. .sw-slider-container {
  10965.  width: 100%;
  10966.  height: 100%;
  10967.  position: relative;
  10968.  padding: 2rem 0;
  10969.  
  10970.  @media screen and (max-width:767px) {
  10971.    padding: 0rem;
  10972.  }
  10973. }
  10974.  
  10975. .sw-content-container {
  10976.    position: absolute;
  10977.    top: 0;
  10978.    left: 0;
  10979.    width: 50%;
  10980.    height: 100%;
  10981.    background-color: rgba(60, 60, 60);
  10982.    display: flex;
  10983.    justify-content: end;
  10984.    align-items: center;
  10985. }
  10986.  
  10987. .sw-content-box {
  10988.    display: flex;
  10989.    flex-direction: column;
  10990.    width: 100%;
  10991.    max-width: 80%;
  10992.    position: relative;
  10993.    padding-right: 5rem;
  10994.    color: white;
  10995. }
  10996. .sw-content-button-container {
  10997.  display: block;
  10998. }
  10999.  
  11000. .sw-content-contact-number {
  11001.  display: none;
  11002. }
  11003.  
  11004. .sw-content-header {
  11005.    padding-bottom: 0.75rem;
  11006.    margin-right: 6rem;
  11007.    border-bottom: 1px solid white;
  11008.    color: white !important;
  11009. }
  11010.  
  11011. .sw-content-text {
  11012.    font-size: 1rem;
  11013.    color: white;
  11014.    padding-top: 1.25rem;
  11015.    padding-bottom: 4rem;
  11016. }
  11017.  
  11018. .sw-content-button {
  11019.    background-color: rgba(58, 102, 173);
  11020.    border-radius: 2rem;
  11021.    font-size: 1rem;
  11022.    padding: 1rem 2rem;
  11023.    cursor: pointer;
  11024.    text-decoration: none;
  11025. }
  11026.  
  11027. .sw-image-container {
  11028.    position: absolute;
  11029.    overflow: hidden;
  11030.    top: 0;
  11031.    right: 0;
  11032.    width: 50%;
  11033.    height: 100%;
  11034.    background-color: whitesmoke;
  11035. }
  11036.  
  11037. .sw-image-slide {
  11038.    position: absolute;
  11039.    background-repeat: no-repeat;
  11040.    background-position: center;
  11041.    background-size: cover;
  11042.    width: 100%;
  11043.    height: 100%;
  11044. }
  11045.  
  11046. .sw-image-slide-show {
  11047.    display: block;
  11048. }
  11049.  
  11050. .sw-image-slide-hidden {
  11051.    display: none;
  11052. }
  11053.  
  11054. .sw-arrow-container {
  11055.    position: absolute;
  11056.    display: flex;
  11057.    flex-direction: row;
  11058.    bottom: 0;
  11059.    left: 50%;
  11060.    transform: translate(-50%, 0px);
  11061.    cursor: pointer;
  11062. }
  11063.  
  11064. .sw-arrow-next,
  11065. .sw-arrow-previous {
  11066.    width: 2.25rem;
  11067.    height: 2.25rem;
  11068.    font-size: 1.5rem;
  11069.    display: flex;
  11070.    justify-content: center;
  11071.    align-items: center;
  11072.    opacity: 0.75;
  11073.    cursor: pointer;
  11074. }
  11075.  
  11076. .sw-arrow-next:hover,
  11077. .sw-arrow-previous:hover {
  11078.    opacity: 1;
  11079.    transition: 0.25s;
  11080. }
  11081.  
  11082. .sw-arrow-previous {
  11083.    background-color: rgba(173, 205, 70);
  11084.    color: white;
  11085. }
  11086.  
  11087. .sw-arrow-next {
  11088.    background-color: rgb(58,102,173);
  11089.    color: white;
  11090. }
  11091.  
  11092. .sqs-svg-icon--wrapper:hover
  11093. {
  11094.  background-color: rgb(173,205,69) !important;
  11095. }
  11096.  
  11097. .sw-navigation-actions-footer,
  11098. .sw-navigation-actions-top
  11099. {
  11100.    display: flex;
  11101.    flex-direction: row;
  11102.    z-index: 1;
  11103. }
  11104.  
  11105. .sw-navigation-actions-top
  11106.  {
  11107.    color: white;
  11108.  }
  11109. .sw-navigation-actions-footer
  11110. {
  11111.  color: black;
  11112. }
  11113.  
  11114. .sw-navigation-actions-item
  11115. {
  11116.    margin-right: 4rem;
  11117.    display: flex;
  11118.    flex-direction: row;
  11119.    align-items: center;
  11120. }
  11121.  
  11122. .sw-navigation-actions-text
  11123. {
  11124.    color: white;
  11125. }
  11126.  
  11127. .sw-navigation-actions-icon
  11128. {
  11129.    border-radius: 100%;
  11130.    background-color: rgba(173, 205, 70);
  11131.    color: black;
  11132.    margin-right: 1rem;
  11133.    display: flex;
  11134.    justify-content: center;
  11135.    align-items: center;
  11136.    padding: 0.25rem;
  11137.  height: 24px;
  11138.  width: 24px;
  11139. }
  11140.  
  11141. .sw-navigation-contact-footer {
  11142.    display: flex;
  11143.    flex-direction: column;
  11144.    line-height: 2.5rem;
  11145. }
  11146.  
  11147. .sw-gallery-page-container {
  11148.    display: flex;
  11149.    column-gap: 0.5rem;
  11150.    justify-content: end;
  11151. }
  11152.  
  11153. .sw-gallery-page-item {
  11154.    display: flex;
  11155.    align-items: center;
  11156.    border: 1px solid rgba(60, 60, 60, 0.25);
  11157.    padding: 0 0.75rem;
  11158.    cursor: pointer;
  11159. }
  11160.  
  11161. .sw-gallery-page-filler {
  11162.    display: flex;
  11163.    align-items: center;
  11164.    padding: 0 0.75rem;
  11165. }
  11166.  
  11167. .sw-gallery-page-item-active {
  11168.    border-color : rgba(60, 60, 60, 1);
  11169. }
  11170.  
  11171. .sw-gallery-image-label
  11172. {
  11173.    position: absolute;
  11174.    bottom: 0;
  11175.    left: 0;
  11176.    width: 100%;
  11177.    background-color: rgba(0,0,0,0.5);
  11178.    color: white;
  11179.    text-align: center;
  11180.    cursor: pointer;
  11181.    text-shadow: 2px 2px #000000;
  11182.    font-size: 0.8rem;
  11183. }
  11184.  
  11185. .sw-gallery-image-number
  11186. {
  11187.    position: absolute;
  11188.    top: 0;
  11189.    left: 0;
  11190.    width: 100%;
  11191.    background-color: rgba(0,0,0,0.5);
  11192.    color: white;
  11193.    text-align: center;
  11194.    cursor: pointer;
  11195.    text-shadow: 2px 2px #000000;
  11196.    font-size: 0.8rem;
  11197. }
  11198.  
  11199. .sw-gallery-lightbox-label
  11200. {
  11201.  position: absolute;
  11202.  bottom: 0;
  11203.  left: 0;
  11204.  width: 100%;
  11205.  background-color: rgba(0,0,0,0.5);
  11206.  color: white;
  11207.  text-align: center;
  11208.  text-shadow: 2px 2px #000000;
  11209.  font-size: 2rem;
  11210. }
  11211.  
  11212.  
  11213. /* Put animations here.... */
  11214. /* in animation */
  11215. .sw-fade-in-slide {
  11216.    animation-name: sw-fade-in-slide;
  11217.    animation-duration: 1s;
  11218.    animation-fill-mode: forwards;
  11219. }
  11220.  
  11221. .sw-right-to-left-in-slide-left {
  11222.    animation-name: sw-right-to-left-in-slide-left;
  11223.    animation-duration: 0.75s;
  11224.    animation-fill-mode: forwards;
  11225. }
  11226.  
  11227. .sw-right-to-left-in-slide-right {
  11228.    animation-name: sw-right-to-left-in-slide-right;
  11229.    animation-duration: 0.75s;
  11230.    animation-fill-mode: forwards;
  11231. }
  11232.  
  11233. .sw-slide-blur-in {
  11234.    animation-name: sw-slide-blur-in;
  11235.    animation-duration: 0.75s;
  11236.    animation-timing-function: ease-out;
  11237.    animation-fill-mode: forwards;
  11238. }
  11239.  
  11240. /* out animation */
  11241. .sw-fade-out-slide {
  11242.    animation-name: sw-fade-out-slide;
  11243.    animation-duration: 1s;
  11244.    animation-fill-mode: forwards;
  11245. }
  11246.  
  11247. .sw-right-to-left-out-slide-left {
  11248.    animation-name: sw-right-to-left-out-slide-left;
  11249.    animation-duration: 0.75s;
  11250.    animation-fill-mode: forwards;
  11251. }
  11252.  
  11253. .sw-right-to-left-out-slide-right {
  11254.    animation-name: sw-right-to-left-out-slide-right;
  11255.    animation-duration: 0.75s;
  11256.    animation-fill-mode: forwards;
  11257. }
  11258.  
  11259. .sw-slide-blur-out {
  11260.    animation-name: sw-slide-blur-out;
  11261.    animation-duration: 0.75s;
  11262.    animation-timing-function: ease-out;
  11263.    animation-fill-mode: forwards;
  11264. }
  11265.  
  11266. .slide-up-content {
  11267.    animation-name: slide-up-content;
  11268.    animation-delay: 0.6s;
  11269.    animation-duration: 1s;
  11270.    animation-fill-mode: forwards;
  11271. }
  11272.  
  11273. /* Keyframes for in animation */
  11274. @keyframes sw-fade-in-slide {
  11275.    from {
  11276.        opacity: .4;
  11277.        visibility: visible;
  11278.    }
  11279.  
  11280.    to {
  11281.        opacity: 1;
  11282.        visibility: visible;
  11283.    }
  11284. }
  11285.  
  11286. @keyframes sw-right-to-left-in-slide-left {
  11287.    from {
  11288.        left: 100%;
  11289.    }
  11290.  
  11291.    to {
  11292.        left: 0%;
  11293.    }
  11294. }
  11295.  
  11296. @keyframes sw-right-to-left-in-slide-right {
  11297.    from {
  11298.        left: -100%;
  11299.    }
  11300.  
  11301.    to {
  11302.        left: 0%;
  11303.    }
  11304. }
  11305.  
  11306. @keyframes sw-slide-blur-in {
  11307.    0% {
  11308.        top: 100%;
  11309.        height: 0%;
  11310.        filter: blur(10px);
  11311.    }
  11312.  
  11313.    75% {
  11314.        height: 100%;
  11315.        filter: blur(5px);
  11316.    }
  11317.  
  11318.    100% {
  11319.        top: 0;
  11320.        /* display: block; */
  11321.    }
  11322. }
  11323.  
  11324. /* */
  11325.  
  11326.  
  11327. /* Keyframes for out animation */
  11328. @keyframes sw-fade-out-slide {
  11329.    0% {
  11330.        opacity: 1;
  11331.        visibility: visible;
  11332.    }
  11333.  
  11334.    50% {
  11335.        opacity: 0.5;
  11336.    }
  11337.  
  11338.    100% {
  11339.        opacity: 0;
  11340.        visibility: hidden;
  11341.    }
  11342. }
  11343.  
  11344. @keyframes sw-right-to-left-out-slide-left {
  11345.    from {
  11346.        left: 0%;
  11347.    }
  11348.  
  11349.    to {
  11350.        left: -100%;
  11351.    }
  11352. }
  11353.  
  11354. @keyframes sw-right-to-left-out-slide-right {
  11355.    from {
  11356.        left: 0%;
  11357.    }
  11358.  
  11359.    to {
  11360.        left: 100%;
  11361.    }
  11362. }
  11363.  
  11364. @keyframes sw-slide-blur-out {
  11365.    0% {
  11366.        top: 0;
  11367.        height: 100%;
  11368.        filter: blur(0px);
  11369.        opacity: 0.5;
  11370.    }
  11371.  
  11372.    /* 50% {
  11373.        height: 25%;
  11374.        filter: blur(10px);
  11375.    } */
  11376.    100% {
  11377.        height: 0%;
  11378.        opacity: 0;
  11379.    }
  11380. }
  11381.  
  11382. /* */
  11383.  
  11384. @keyframes slide-up-content {
  11385.    0% {
  11386.        opacity: 0;
  11387.        -ms-transform: translateY(25%);
  11388.        transform: translateY(25%);
  11389.    }
  11390.  
  11391.    20% {
  11392.        opacity: 0.1;
  11393.    }
  11394.  
  11395.    50% {
  11396.        opacity: 0.5;
  11397.    }
  11398.  
  11399.    100% {
  11400.        opacity: 1;
  11401.        -ms-transform: translateY(0%);
  11402.        transform: translateY(0%);
  11403.    }
  11404. }
  11405.  
  11406. /* mobile */
  11407. @media screen and (max-width:767px) {
  11408.  .sw-arrow-container,
  11409.  .sw-image-container
  11410.  {
  11411.    display: none;
  11412.  }
  11413.  
  11414.  .sw-content-container {
  11415.    width: 100%;
  11416.  }
  11417.  
  11418.  .sw-content-box {
  11419.    padding-right: 3rem;
  11420.    width: 100%;
  11421.  }
  11422.  
  11423.  .sw-content-header {
  11424.    margin-right: 1rem;
  11425.  }
  11426.  .sw-content-button-container {
  11427.    display: flex;
  11428.    align-items: center;
  11429.    justify-content: center;
  11430.  }
  11431.  
  11432.  .sw-content-contact-number {
  11433.    display: block;
  11434.    padding-top: 4rem;
  11435.    text-align: center;
  11436.    text-decoration: underline;
  11437.  }
  11438. }
  11439. </style>
  11440.  
  11441. <!-- Google Tag Manager (noscript) -->
  11442. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6TQXN"
  11443. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  11444. <!-- End Google Tag Manager (noscript) -->
  11445.  
  11446. <!-- Make active nav folder title with border bottom in CSS (noscript) -->
  11447. <script>
  11448. document.addEventListener("DOMContentLoaded", function() {
  11449.  const currentUrl = window.location.pathname.replace(/\/$/, "");
  11450.  document.querySelectorAll(".header-nav-folder-title").forEach(link => {
  11451.    const linkPath = new URL(link.href).pathname.replace(/\/$/, "");
  11452.    if (linkPath === currentUrl) {
  11453.      link.classList.add("folder-title-active");
  11454.    }
  11455.  });
  11456. });
  11457. </script>
  11458.  
  11459.  </body>
  11460. </html>
  11461.  

Home · About · News · Docs · Terms

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