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. --><!-- cyan-fennel-hrr2 -->
  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" href="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/54b81c68-b93b-4b23-9c96-95e7b32afc7f/favicon.ico?format=100w"/>
  11. <link rel="canonical" href="https://www.interiordoorandcloset.com"/>
  12. <meta property="og:site_name" content="Interior Door &amp; Closet Company"/>
  13. <meta property="og:title" content="Interior Door &amp; Closet Company: Your Source for Premium Doors"/>
  14. <meta property="og:url" content="https://www.interiordoorandcloset.com"/>
  15. <meta property="og:type" content="website"/>
  16. <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."/>
  17. <meta property="og:image" content="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w"/>
  18. <meta property="og:image:width" content="300"/>
  19. <meta property="og:image:height" content="155"/>
  20. <meta itemprop="name" content="Interior Door &amp; Closet Company: Your Source for Premium Doors"/>
  21. <meta itemprop="url" content="https://www.interiordoorandcloset.com"/>
  22. <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."/>
  23. <meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w"/>
  24. <link rel="image_src" href="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w" />
  25. <meta itemprop="image" content="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w"/>
  26. <meta name="twitter:title" content="Interior Door &amp; Closet Company: Your Source for Premium Doors"/>
  27. <meta name="twitter:image" content="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w"/>
  28. <meta name="twitter:url" content="https://www.interiordoorandcloset.com"/>
  29. <meta name="twitter:card" content="summary"/>
  30. <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."/>
  31. <meta name="description" content="Explore premium interior and sliding closet door installation at Interior
  32. Door &amp; Closet Company. As a closet door installer, we elevate your home
  33. with luxe doors." />
  34. <link rel="preconnect" href="https://images.squarespace-cdn.com">
  35. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  36. <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>
  37. <script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
  38. <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
  39. <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-1125bb0126bdb3d7-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script>
  40. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-1125bb0126bdb3d7-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-088ec0120fdbcfed-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script>
  41. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-088ec0120fdbcfed-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-f88491ffe3410ea1-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script>
  42. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-f88491ffe3410ea1-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-54bab8bb8a15366b-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script>
  43. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-54bab8bb8a15366b-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-9b8bee2d8b8b215b-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
  44. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-9b8bee2d8b8b215b-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-cc69da0a4570b097-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
  45. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-cc69da0a4570b097-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-4895744c4cbc41d8-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
  46. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-4895744c4cbc41d8-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["i18n_beta_website_locales","supports_versioned_template_assets","section-sdk-product-pages","contacts_and_campaigns_redesign","member_areas_feature","override_block_styles","campaigns_import_discounts","marketing_landing_page","order_status_page_checkout_landing_enabled","campaigns_merch_state","nested_categories","section_sdk_product_pages_opt_in_modal","enable_form_submission_trigger","campaigns_new_image_layout_picker","product_pages_sdk_opt_in_enabled","marketing_automations","campaigns_discount_section_in_blasts","section_sdk_product_pages_phase_two","new_stacked_index","scripts_defer","campaigns_thumbnail_layout","campaigns_discount_section_in_automations"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-22d907a98de9ca5e-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-ad5c970f4a433a1a-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-6bc31de7ce2e3134-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-8203d8613186b7eb-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-32e0acd3e82c5bbc-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-1fde703130d50a5b-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-1b6581e53aa77ec5-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-d61406f5fdeb7381-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-982815d2f61cecbb-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-8e9b8dd6281fe29c-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-ae5396a4e79498b7-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-c19180181f0f3b20-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-afebd67b349288e0-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-f144952f77540588-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-0d33abcf9f75d991-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-1c467e203130b06f-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-93aad7f9836808f4-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-0ba5bac716923b8e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-e60c2199542c4e8d-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-53fa72e33faa607d-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-5934140da2f4f73a-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-df7a60ed6d6d20c0-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-1b3b29ad31913679-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-ce827eee91c8c466-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-02456b91a6ff26aa-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-0e567dc5f86499c7-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-a6267da2e59b9a27-min.en-US.js"}},"pageType":2,"website":{"id":"62df9f96468cac7176a697b8","identifier":"cyan-fennel-hrr2","websiteType":1,"contentModifiedOn":1749581709777,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","timeZone":"Asia/Manila","machineTimeZoneOffset":28800000,"timeZoneOffset":28800000,"timeZoneAbbr":"PST","siteTitle":"Interior Door & Closet Company","fullSiteTitle":"Interior Door & Closet Company: Your Source for Premium Doors","siteDescription":"","location":{"mapLat":33.7379115,"mapLng":-118.0370427,"addressTitle":"Interior Door and Closet Company","addressLine1":"15441 Chemical Lane","addressLine2":"Huntington Beach, CA, 92649","addressCountry":"United States"},"logoImageId":"62dfa0ddbf576b4e38489cf7","shareButtonOptions":{"4":true,"6":true,"8":true,"3":true,"1":true,"2":true,"7":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png","authenticUrl":"https://www.interiordoorandcloset.com","internalUrl":"https://cyan-fennel-hrr2.squarespace.com","baseUrl":"https://www.interiordoorandcloset.com","primaryDomain":"www.interiordoorandcloset.com","sslSetting":3,"isHstsEnabled":true,"socialAccounts":[{"serviceId":74,"screenname":"URL","addedOn":1658840223827,"profileUrl":"https://goo.gl/maps/GnSrfPScLQR2","iconEnabled":true,"serviceName":"url"},{"serviceId":60,"screenname":"Facebook","addedOn":1658839522968,"profileUrl":"https://www.facebook.com/interiordoorandcloset","iconEnabled":true,"serviceName":"facebook-unauth"},{"serviceId":61,"screenname":"Pinterest","addedOn":1658840204108,"profileUrl":"https://www.pinterest.com/ocdoors/","iconEnabled":true,"serviceName":"pinterest-unauth"},{"serviceId":65,"screenname":"LinkedIn","addedOn":1658840214379,"profileUrl":"https://www.linkedin.com/company/interior-door-and-closet-company/about/","iconEnabled":true,"serviceName":"linkedin-unauth"},{"serviceId":42,"screenname":"Houzz","addedOn":1721237863460,"profileUrl":"https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company","iconEnabled":true,"serviceName":"houzz"},{"serviceId":64,"screenname":"Instagram","addedOn":1721237951222,"profileUrl":"https://www.instagram.com/ocdoorsandclosets/","iconEnabled":true,"serviceName":"instagram-unauth"},{"serviceId":69,"screenname":"YouTube","addedOn":1743173848559,"profileUrl":"https://www.youtube.com/@interiordoorandcloset","iconEnabled":true,"serviceName":"youtube-unauth"},{"serviceId":69,"screenname":"YouTube","addedOn":1743173912693,"profileUrl":"https://www.youtube.com/@interiordoorandcloset","iconEnabled":true,"serviceName":"youtube-unauth"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"cb799c09d609ca8104c4d61171865b66d420498e12c091b09a91b54053ca79d4","captchaSettings":{"siteKey":"","enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"62df9f96468cac7176a697c5","websiteId":"62df9f96468cac7176a697b8","subjects":[],"country":"PH","state":"07","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":2,"text":"<p class=\"\" 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,"contactPhoneNumber":"(714) 895-5100","businessHours":{"monday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"tuesday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"wednesday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"thursday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"friday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"saturday":{"text":"11am - 3pm","ranges":[{"from":660,"to":900}]},"sunday":{"text":"","ranges":[{}]}},"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,"restockNotificationsSuccessText":"","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":false,"signupAllowed":false}},"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":"62dfa072528d6a3af1025340","fullUrl":"/","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"100px","header-mobile-logo-max-height":"80px","header-vert-padding":"1vw","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":"false","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,"Phil","+08/+09",null]],"rules":{"Phil":[]}},"showAnnouncementBar":true,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"Asia/Manila","name":"Philippine Time"}},"env":"PRODUCTION"};</script><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><script type="application/ld+json">{"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/","https://www.youtube.com/@interiordoorandcloset","https://www.youtube.com/@interiordoorandcloset"],"@context":"http://schema.org","@type":"Organization"}</script><script type="application/ld+json">{"address":"15441 Chemical Lane\nHuntington Beach, CA, 92649\nUnited States","image":"https://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1749581709777/","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><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/62df9f96468cac7176a697b8/188/5c5a519771c10ba3470d8101/62df9f96468cac7176a697f5/1649/site.css"/><link rel="stylesheet" href="//assets.squarewebsites.org/custom-tables/style.css">
  47. <style>
  48.  /*body
  49.  {
  50.    overflow: hidden;
  51.    width: 100vw;
  52.    height: 100vh;
  53.  }
  54.  
  55.  .hide-body-loading
  56.  {
  57.    overflow: auto;
  58.    width: auto;
  59.    height: auto;
  60.  }
  61.  
  62.  #loading-screen
  63.  {
  64.    position: fixed;
  65.    display: flex;
  66.    align-items: center;
  67.    justify-content: center;
  68.    width: 100vw;
  69.    height: 100vh;
  70.    z-index: 9999;
  71.    background-color: #FCFCFC;
  72.  }
  73.  #loading-screen.hide-loading
  74.  {
  75.    display: none;
  76.  }
  77.  
  78.  .logo-center
  79.  {
  80.    padding: 1rem 2rem;
  81.  }
  82.  
  83.  .header-nav-list-center
  84.  {
  85.    align-items: center;
  86.  }
  87.  
  88.  #loading-image
  89.  {
  90.    animation: pulse 3s ease-in-out infinite;
  91.  }*/
  92.  
  93.  .arrow-svg
  94.  {
  95.    height: 1em;
  96.    padding-left: 1em;
  97.    fill: currentColor;
  98.    stroke: currentColor;
  99.  }
  100.  
  101.  @keyframes pulse {    
  102.    0%   {transform: scale(1);}
  103.    50%   {transform: scale(2);}
  104.    100%   {transform: scale(1);}
  105.  }
  106. </style>
  107. <!--div id="loading-screen">
  108.  <div id="loading-image">
  109.   <img src="">
  110.  </div>
  111. </div>
  112.  
  113. <script>
  114.  let faviconLink = document.querySelector('link[rel="shortcut icon"]');
  115.  let url = faviconLink.getAttribute('href');
  116.  document.querySelector('#loading-screen img').setAttribute('src', url);
  117.  
  118.  function hideLoadingScreen()
  119.  {
  120.    document.querySelector("#loading-screen").classList.add("hide-loading");
  121.    document.querySelector("body").classList.add("hide-body-loading");
  122.  }
  123.  
  124.  // Hide loading screen after document is ready or after 3 seconds.
  125.  setTimeout(function() {
  126.    setTimeout(hideLoadingScreen, 200);
  127.    let checkLoadState = setInterval(function(){
  128.      if(document.readyState === "complete")
  129.      {
  130.        hideLoadingScreen();
  131.        clearInterval(checkLoadState);
  132.      }
  133.    }, 100);
  134.  }, 2000);
  135. </script-->
  136.  
  137. <!-- Google Tag Manager -->
  138. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  139. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  140. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  141. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  142. })(window,document,'script','dataLayer','GTM-K6TQXN');</script>
  143. <!-- End Google Tag Manager -->
  144. <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  145. <script>
  146.  class SWSSlides {
  147.  constructor(id, data) {
  148.    this.id = id;
  149.    this.target = data.settings.target;
  150.    this.data = data;
  151.    this.slideIndex = 0;
  152.    this.prevSlide = 0;
  153.    this.animationInStyle = null;
  154.    this.animationOutStyle = null;
  155.    this.prevAnimationInStyle = null;
  156.    this.prevAnimationOutStyle = null;
  157.    this.images = [];
  158.  
  159.    this.slideInterval = this.setSlideInterval();
  160.  }
  161.  
  162.  createContainer = (children) => {
  163.    var mainContainer = document.createElement("div");
  164.    mainContainer.setAttribute("id", this.id);
  165.    mainContainer.classList.add("sw-slider-container");
  166.  
  167.    children.forEach((child) => {
  168.      mainContainer.appendChild(child);
  169.    });
  170.  
  171.    return mainContainer;
  172.  };
  173.  
  174.  createSlides = () => {
  175.    // Get parent object where to attached the objects
  176.    // var parent = document.currentScript.parentElement;
  177.    var galleryContainer = document.getElementsByClassName("sqs-gallery-container")[
  178.      this.target
  179.    ];
  180.  
  181.  
  182.    if (galleryContainer !== undefined) {
  183.      //get Images
  184.      var images = galleryContainer.getElementsByTagName("img");
  185.      for (var img of images) {
  186.        this.images.push(img.getAttribute("data-src"));
  187.      }
  188.      var arrows = this.createArrows();
  189.      // Old description - An Interior Door upgrade is the most cost effective way to transform the look of every room in your home.
  190.      // 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"})
  191.      var content = this.createContent({
  192.        title: "Interior Door & Closet Company",
  193.        description: "Transform Your Home with Expert Interior Door, Closet Door, and Closet Organizer Installations.",
  194.        buttonText: "See Our Products",
  195.        contactNumber: "(714) 895-5100",
  196.        buttonUrl: "/products",
  197.      });
  198.      var imageSlide = this.createImageSlides(this.images);
  199.      var container = this.createContainer([content, imageSlide, arrows]);
  200.  
  201.      var parent = galleryContainer.parentNode;
  202.      parent.style.width = "100%";
  203.      parent.style.height = "100%";
  204.      parent.removeChild(galleryContainer)
  205.      parent.appendChild(container);
  206.    }
  207.  };
  208.  
  209.  createContent = ({ title, description, buttonText, buttonUrl, contactNumber}) => {
  210.    var contentContainer = document.createElement("div");
  211.    contentContainer.classList.add("sw-content-container");
  212.    var contentBox = document.createElement("div");
  213.    contentBox.classList.add("sw-content-box");
  214.    //Add objects to content box.
  215.    var contentHeader = document.createElement("h1");
  216.    contentHeader.classList.add("sw-content-header");
  217.    contentHeader.innerHTML = title;
  218.    var contentText = document.createElement("h2");
  219.    contentText.classList.add("sw-content-text");
  220.    var titleDiv = document.getElementById("block-yui_3_17_2_1_1718252774278_20087");
  221.    var subTitle = document.getElementById("block-yui_3_17_2_1_1717650238425_14446");
  222.    //contentText.innerHTML = description;
  223.    titleDiv.style.display = "none";
  224.    subTitle.style.display = "none";
  225.    contentText.style.fontWeight = "normal";
  226.    contentText.innerHTML = subTitle.innerText;
  227.    var contentButtonContainer = document.createElement("div");
  228.    contentButtonContainer.classList.add("sw-content-button-container");
  229.    var contentButton = document.createElement("a");
  230.    contentButton.classList.add("sw-content-button");
  231.    contentButton.innerHTML = buttonText;
  232.    contentButton.href = buttonUrl;
  233.    contentButtonContainer.appendChild(contentButton);
  234.    
  235.    var contentContactContainer = document.createElement("div");    
  236.    var contactNumberLink = document.createElement("a");
  237.    contactNumberLink.href = "tel:(714) 895-5100";
  238.    contactNumberLink.innerText = "☎ (714) 895-5100";
  239.    contentContactContainer.appendChild(contactNumberLink);
  240.    contentContactContainer.classList.add("sw-content-contact-number");
  241.    
  242.    contentBox.appendChild(contentHeader);
  243.    contentBox.appendChild(contentText);
  244.    contentBox.appendChild(contentButtonContainer);
  245.    contentBox.appendChild(contentContactContainer);
  246.    console.log(contentContactContainer);
  247.  
  248.    contentContainer.appendChild(contentBox);
  249.    return contentContainer;
  250.  };
  251.  
  252.  createImageSlides = (slides) => {
  253.    var imageContainer = document.createElement("div");
  254.    imageContainer.classList.add("sw-image-container");
  255.    slides.forEach((slide, index) => {
  256.      var imageSlide = document.createElement("div");
  257.      imageSlide.classList.add("sw-image-slide");
  258.      imageSlide.classList.add(
  259.        index === 0 ? "sw-image-slide-show" : "sw-image-slide-hidden"
  260.      );
  261.      imageSlide.style.backgroundImage = `url(${slide.trim()})`;
  262.      imageSlide.innerHTML = "&nbsp;";
  263.      imageContainer.appendChild(imageSlide);
  264.    });
  265.  
  266.    return imageContainer;
  267.  };
  268.  
  269.  createArrows = () => {
  270.    var arrowContainer = document.createElement("div");
  271.    arrowContainer.classList.add("sw-arrow-container");
  272.    var previousArrow = document.createElement("div");
  273.    previousArrow.classList.add("sw-arrow-previous");
  274.    previousArrow.onclick = () => {
  275.      this.moveSlide(-1, this.data.settings.interval);
  276.    };
  277.  
  278.    previousArrow.innerHTML = "&#10094;";
  279.    var nextArrow = document.createElement("div");
  280.    nextArrow.classList.add("sw-arrow-next");
  281.    nextArrow.onclick = () => {
  282.      this.moveSlide(1, this.data.settings.interval);
  283.    };
  284.    nextArrow.innerHTML = "&#10095;";
  285.  
  286.    arrowContainer.appendChild(previousArrow);
  287.    arrowContainer.appendChild(nextArrow);
  288.  
  289.    return arrowContainer;
  290.  };
  291.  
  292.  // Logic for moving slides
  293.  moveSlide = (n) => {
  294.    clearInterval(this.slideInterval);
  295.    this.slideInterval = this.setSlideInterval();
  296.    this.plusSlides(n);
  297.  };
  298.  
  299.  setSlideInterval = () => {
  300.    if (
  301.      this.data !== undefined &&
  302.      this.data.settings !== undefined &&
  303.      this.data.settings.interval > 0
  304.    ) {
  305.      return setInterval(() => {
  306.        this.plusSlides(1);
  307.      }, this.data.settings.interval * 1000);
  308.    }
  309.  };
  310.  
  311.  // Next/previous controls
  312.  plusSlides = (n) => {
  313.    this.showSlides((this.slideIndex += n));
  314.  };
  315.  
  316.  determineSlideAnimation = (direction, style) => {
  317.    var inAnimation = null;
  318.    var outAnimation = null;
  319.    switch (style?.toLowerCase()) {
  320.      case "fade": {
  321.        inAnimation = "sw-fade-in-slide";
  322.        outAnimation = "sw-fade-out-slide";
  323.        break;
  324.      }
  325.      case "blur": {
  326.        inAnimation = "sw-slide-blur-in";
  327.        outAnimation = "sw-slide-blur-out";
  328.        break;
  329.      }
  330.      default: {
  331.        if (direction === "left") {
  332.          inAnimation = "sw-right-to-left-in-slide-left";
  333.          outAnimation = "sw-right-to-left-out-slide-left";
  334.        } else {
  335.          inAnimation = "sw-right-to-left-in-slide-right";
  336.          outAnimation = "sw-right-to-left-out-slide-right";
  337.        }
  338.        break;
  339.      }
  340.    }
  341.  
  342.    return {
  343.      inAnimation,
  344.      outAnimation,
  345.    };
  346.  };
  347.  
  348.  showSlides = (n) => {
  349.    var container = document.getElementById(this.id);
  350.    var i;
  351.    var direction = "forward";
  352.    var slides = container.getElementsByClassName("sw-image-slide");
  353.    var slideContents = container.getElementsByClassName(
  354.      "sw-content-container"
  355.    );
  356.    var dots = container.getElementsByClassName("sw-arrow-container");
  357.  
  358.    // Determine direction
  359.    if (n > this.prevSlide) {
  360.      direction = "left";
  361.    } else {
  362.      direction = "right";
  363.    }
  364.  
  365.    if (n >= slides.length) {
  366.      this.slideIndex = 0;
  367.    }
  368.    if (n < 0) {
  369.      this.slideIndex = slides.length - 1;
  370.    }
  371.  
  372.    this.prevAnimationInStyle = this.animationInStyle;
  373.    this.prevAnimationOutStyle = this.animationOutStyle;
  374.  
  375.    ({
  376.      inAnimation: this.animationInStyle,
  377.      outAnimation: this.animationOutStyle,
  378.    } = this.determineSlideAnimation(direction, data.settings.slideAnimation));
  379.  
  380.    // hide content settings to properly animate
  381.    // slideContents[this.prevSlide].style.display = "none";
  382.  
  383.    for (i = 0; i < dots.length; i++) {
  384.      dots[i].classList.remove("sw-slides-dot-active");
  385.    }
  386.  
  387.    if (slides.length > 0) {
  388.      // remove previous animations
  389.      for (i = 0; i < slides.length; i++) {
  390.        slides[i].classList.remove(this.prevAnimationInStyle);
  391.        slides[i].classList.remove(this.prevAnimationOutStyle);
  392.        if (i === this.slideIndex) {
  393.          slides[i].classList.remove("sw-image-slide-hidden");
  394.          slides[i].classList.add("sw-image-slide-show");
  395.          slides[i].classList.remove(this.animationOutStyle);
  396.          slides[i].classList.add(this.animationInStyle);
  397.        } else {
  398.          if (i === this.prevSlide) {
  399.            slides[i].classList.add(this.animationOutStyle);
  400.            slides[i].classList.remove(this.animationInStyle);
  401.          } else {
  402.            slides[i].classList.add("sw-image-slide-hidden");
  403.            slides[i].classList.remove("sw-image-slide-show");
  404.          }
  405.        }
  406.      }
  407.    }
  408.  
  409.    this.prevSlide = this.slideIndex;
  410.  };
  411. }
  412.  
  413. function createBC() {
  414.  $(document).ready(function () {
  415.    const href = window.location.href
  416.    let jsonURL = (href.includes("?") ? href.substring(0,href.lastIndexOf("?")) : href) + "?format=json-pretty";
  417.    var siteData = null;
  418.      $.ajax({
  419.        url: jsonURL,
  420.        type: "GET",
  421.        dataType: "text",
  422.        success: function (data) {
  423.          siteData = JSON.parse(data);
  424.          const paths = siteData.collection.urlId.split("/");
  425.          let pathUrl = siteData.website.baseUrl;
  426.          let pathLinks = [
  427.            {
  428.              title: "Home",
  429.              url: "/",
  430.            },
  431.          ];
  432.  
  433.          if (siteData && !siteData.collection.homepage) {
  434.            let nLinks = paths.length;
  435.            for (let i = 0; i < paths.length; i++) {
  436.              let pathData = null;
  437.              pathUrl += "/" + paths[i];
  438.              pathLinks.push({
  439.                title: "",
  440.                url: paths[i],
  441.              });
  442.              $.ajax({
  443.                url: pathUrl + "?format=json-pretty",
  444.                type: "GET",
  445.                dataType: "text",
  446.                success: function (rootData) {
  447.                  pathData = JSON.parse(rootData);
  448.  
  449.                  // Update Path Links
  450.                  let pathLink = pathLinks.find((pathLink) => {
  451.                    return pathLink.url === paths[i];
  452.                  });
  453.                  
  454.                  if (pathLink) {
  455.                    pathLink.title = pathData.collection.title;
  456.                    pathLink.url = pathData.collection.fullUrl;
  457.                  }
  458.                  --nLinks;
  459.                  if (nLinks === 0) {
  460.                    createBRElements(siteData.collection.title, pathLinks);
  461.                  }
  462.                },
  463.              });
  464.            }
  465.          }
  466.        },
  467.      });
  468.  });
  469. }
  470.  
  471. function createBRElements(pageTitle, pathLinks) {
  472.  var bcContainer = document.createElement("div");
  473.  bcContainer.classList.add("sw-bc-container");
  474.  var title = document.createElement("h1");
  475.  var pathContainer = document.createElement("div");
  476.  pathContainer.classList.add("sw-bc-nav");
  477.  title.innerHTML = pageTitle;
  478.  
  479.  var paths = createParentPath(pathLinks);
  480.  for (var i = 0; i < paths.length-1; i++) {
  481.    pathContainer.appendChild(paths[i]);
  482.  }
  483.  
  484.  const titleElement = document.querySelector(".sw-bc-container h1")
  485.  if (titleElement) titleElement.innerHTML = pageTitle;
  486.  const navLinksContainer = document.querySelector("#bc-nav-links")
  487.  if (navLinksContainer) navLinksContainer.appendChild(pathContainer);
  488.  
  489.  const bcContainerParent = document.querySelector(".sw-bc-container")?.parentElement?.parentElement;
  490.  
  491.  if(bcContainerParent) {
  492.    bcContainerParent.style.display = "flex";
  493.    bcContainerParent.style.alignItems = "center";
  494.    bcContainerParent.style.justifyContent = "center";
  495.  }
  496. }
  497.  
  498. function createParentPath(pathLinks) {
  499.  var paths = [];
  500.  for (var i = 0; i < pathLinks.length-1; i++) {
  501.    var pathElement;
  502.    var separator = document.createElement("span");
  503.    separator.innerHTML = "/";
  504.    if (pathLinks[i].url) {
  505.      pathElement = document.createElement("a");
  506.      pathElement.classList.add("sw-bc-path")
  507.      pathElement.innerHTML = pathLinks[i].title;
  508.      pathElement.href = pathLinks[i].url;
  509.    } else {
  510.      pathElement = document.createElement("span");
  511.      pathElement.innerHTML = pathLinks[i].title;
  512.    }
  513.    paths.push(pathElement);
  514.    if (i+1 < pathLinks.length) paths.push(separator);
  515.  }
  516.  
  517.  return paths;
  518. }
  519.  
  520. function swDecorateImage(id) {
  521.  var imageBlock = document.getElementById(id);
  522.  if (imageBlock) {
  523.    imageBlock.classList.add("sw-image-decor");
  524.    imageBlock.parentElement.classList.add("sw-image-decor-container");
  525.  }
  526. }
  527.  
  528. function swModifyTestimonialSlide(id) {
  529.  var testimonialSlideContainer = $(id);
  530.  
  531.  var leftButton = testimonialSlideContainer.find(
  532.    ".user-items-list-carousel__arrow-button--left"
  533.  );
  534.  
  535.  var rightButton = testimonialSlideContainer.find(
  536.    ".user-items-list-carousel__arrow-button--right"
  537.  );
  538.  
  539.  var buttonContainer = testimonialSlideContainer.find(
  540.    ".arrows-bottom"
  541.  );
  542.  
  543.  leftButton.css("border-radius", "0px");
  544.  leftButton.css("width", "unset");
  545.  leftButton.empty();
  546.  leftButton.append($("<div>&#10094;</div>").addClass("sw-arrow-previous"));
  547.  rightButton.css("border-radius", "0px");
  548.  rightButton.css("width", "unset");
  549.  rightButton.empty();
  550.  rightButton.append($("<div>&#10095;</div>").addClass("sw-arrow-next"));
  551.  buttonContainer.css("grid-gap", "0px");
  552.  
  553.  // Modify radius
  554.  testimonialSlideContainer.find(".user-items-list-carousel__slide").css("border-radius","2rem");
  555.  
  556.  // Get mobile arrows
  557.  var mobileLeft = testimonialSlideContainer.find(".mobile-arrow-button--left");
  558.  mobileLeft.empty();
  559.  mobileLeft.append($("<div>&#10094;</div>").addClass("sw-arrow-previous"));
  560.  mobileLeft.css("width", "unset");
  561.  mobileLeft.css("border-radius", "0px");
  562.  mobileLeft.css("margin", "0px");
  563.  var mobileRight = testimonialSlideContainer.find(".mobile-arrow-button--right");
  564.  mobileRight.empty();
  565.  mobileRight.append($("<div>&#10095;</div>").addClass("sw-arrow-next"));
  566.  mobileRight.css("width", "unset");
  567.  mobileRight.css("border-radius", "0px");
  568.  mobileRight.css("margin", "0px");
  569. }
  570.  
  571. function createTopAction() {
  572.  $(document).ready(function () {  
  573.    // change folder href
  574.    var folderNav = document.querySelector(".header-nav").getElementsByClassName("header-nav-folder-title")
  575.    for(let i=0;i < folderNav.length;i++)
  576.    {
  577.      const folderIndex = folderNav[i].href.indexOf("-folder")
  578.      const newHref = folderNav[i].href.substring(0,folderIndex);
  579.      folderNav[i].href = newHref;
  580.      folderNav[i].addEventListener("click", () => {window.location.href =  newHref});
  581.    }
  582.    
  583.    // relocate actions
  584.   const headerTitalNavWrapper = document.querySelector(".header-title-nav-wrapper");
  585.    var headerDesktopContainer = document.createElement("div");
  586.    headerDesktopContainer.classList.add("header-desktop-container");
  587.    var headerActions = document.getElementsByClassName("header-actions")[0];
  588.    var headerActionsCloned = null;
  589.    if (headerActions !== undefined) {
  590.      headerActions.style.display = "flex";
  591.      headerActionsCloned = headerActions.cloneNode(true);
  592.    }
  593.  
  594.    var headerNav = document.getElementsByClassName(
  595.      "header-display-desktop"
  596.    )[0];
  597.    headerNav.removeChild(headerActions);
  598.    var headerNavCloned = headerNav.cloneNode(true);
  599.    if (headerNav !== undefined && headerActionsCloned) {
  600.      var parentNode = headerNav.parentNode;
  601.    
  602.    headerNav.insertBefore(headerActionsCloned, headerTitalNavWrapper);
  603.    }
  604.  
  605.    const href = window.location.href
  606.    var jsonURL = href.substring(0,href.lastIndexOf("/")) + "?format=json-pretty";
  607.                                                      
  608.    var siteData = null;
  609.    $.ajax({
  610.      url: jsonURL,
  611.      type: "GET",
  612.      dataType: "text",
  613.      success: function (data) {
  614.        siteData = JSON.parse(data.replace("<!doctype html>",""));
  615.        var divPhoneEmailContainer = document.createElement("div");
  616.        var linkPhone = document.createElement("a");
  617.        var divPhoneIcon = document.createElement("div");
  618.        var divPhoneText = document.createElement("div");
  619.        var linkEmail = document.createElement("a");
  620.        var divEmailIcon = document.createElement("div");
  621.        var divEmailText = document.createElement("div");
  622.        divPhoneIcon.innerHTML = "&#9742;";
  623.        divEmailIcon.innerHTML = "&#9993;";
  624.        divPhoneText.innerHTML = siteData.websiteSettings.contactPhoneNumber ?? "(888) 287-4211";
  625.        divEmailText.innerHTML = siteData.websiteSettings.contactEmail ?? "interiordoorandcloset.com";
  626.        linkPhone.href = "tel:" + (siteData.websiteSettings.contactPhoneNumber ? siteData.websiteSettings.contactPhoneNumber : "(888) 287-4211");
  627.        linkEmail.href = "mailto:" + (siteData.websiteSettings.contactEmail ? siteData.websiteSettings.contactEmail : "interiordoorandcloset.com");
  628.        linkPhone.classList.add("sw-navigation-actions-item");
  629.        linkEmail.classList.add("sw-navigation-actions-item");
  630.        divPhoneIcon.classList.add("sw-navigation-actions-icon");
  631.        divEmailIcon.classList.add("sw-navigation-actions-icon");
  632.        linkPhone.appendChild(divPhoneIcon);
  633.        linkPhone.appendChild(divPhoneText);
  634.        linkEmail.appendChild(divEmailIcon);
  635.        linkEmail.appendChild(divEmailText);
  636.        divPhoneEmailContainer.appendChild(linkPhone);
  637.        divPhoneEmailContainer.appendChild(linkEmail);
  638.        divPhoneEmailContainer.classList.add("sw-navigation-actions-top");
  639.        headerActionsCloned.insertBefore(divPhoneEmailContainer, headerActionsCloned.firstChild);
  640.      },
  641.    });
  642.  });
  643. }
  644.  
  645. class SWGalleryPagination {
  646.  constructor() {
  647.    this.currentPage = 1;
  648.    this.itemsPerPage = 12;
  649.    this.imageCount = 0;
  650.    this.pageCount = 0;
  651.  }
  652.  
  653.  initGalleryLabels() {
  654.    setTimeout(() => {
  655.      this.addLabels();
  656.    }, 2000);
  657.  }
  658.  initGalleryPage() {
  659.    // Hook body on resize
  660.    document.body.onresize = () => {
  661.      this.setFluidContainerHeight();
  662.    };
  663.  
  664.    setTimeout(() => {
  665.      this.hideImages();
  666.      this.createPageButtons();
  667.      this.setFluidContainerHeight();
  668.    }, 2000);
  669.  }
  670.  
  671.  addLabelToLightBox()
  672.  {
  673.    const lightBoxDiv = document.querySelectorAll(".sqs-lightbox-slide");
  674.    for (let i = 0; i < lightBoxDiv.length; i++)
  675.    {
  676.      const lightBoxLabel = lightBoxDiv[i].querySelector(".sw-gallery-lightbox-label");
  677.      if (lightBoxLabel === null)
  678.      {
  679.        const imageSrc = lightBoxDiv[i].querySelector("img").getAttribute("data-image");
  680.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  681.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  682.        const spanLabel = document.createElement("span");
  683.        spanLabel.classList.add("sw-gallery-lightbox-label");
  684.        spanLabel.innerHTML = "#" + (i+1) + " " + label.replaceAll("+"," ");
  685.        lightBoxDiv[i].append(spanLabel);
  686.      }
  687.    }
  688.  }
  689.  
  690.  addLabels() {
  691.    var galleryBlock = document.getElementsByClassName("sqs-block-gallery")[0];
  692.    setTimeout(() => {
  693.      galleryBlock.style.setProperty('display', 'block', 'important');
  694.    }, 500);
  695.   document.addEventListener("scroll", () => {
  696.      galleryBlock.style.setProperty('display', 'block', 'important');
  697.    });
  698.    
  699.    var imageList = document.getElementsByClassName(
  700.      "sqs-gallery-design-grid-slide"
  701.    );
  702.  
  703.    for (let i = 0; i < imageList.length; i++) {
  704.      const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label");
  705.      //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide");
  706.      
  707.      if(imageLabelClass === null)
  708.      {
  709.     const imageLink = imageList[i].querySelector("a");
  710.        const imageSrc = imageList[i].querySelector("img").getAttribute("data-image");
  711.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  712.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  713.        const spanLabel = document.createElement("span");
  714.        spanLabel.classList.add("sw-gallery-image-label");
  715.        spanLabel.innerHTML = label.replaceAll("+"," ");
  716.        const spanNumber = document.createElement("span");
  717.        spanNumber.innerHTML = "#" + (i+1);
  718.        spanNumber.classList.add("sw-gallery-image-number");
  719.        imageLink.style.position = "relative";
  720.       imageLink.append(spanLabel);
  721.       imageLink.append(spanNumber);
  722.        imageLink.addEventListener("click", this.addLabelToLightBox);
  723.      }
  724.    }
  725.  }
  726.  
  727.  hideImages() {
  728.    
  729.    var imageList = document.getElementsByClassName(
  730.      "sqs-gallery-design-grid-slide"
  731.    );
  732.  
  733.    var lowerLimit = (this.currentPage - 1) * this.itemsPerPage;
  734.    var upperLimit = this.currentPage * this.itemsPerPage;
  735.    this.imageCount = imageList.length;
  736.    for (let i = 0; i < imageList.length; i++) {
  737.      const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label");
  738.      //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide");
  739.      
  740.      if(imageLabelClass === null)
  741.      {
  742.     const imageLink = imageList[i].querySelector("a");
  743.        const imageSrc = imageList[i].querySelector("img").getAttribute("data-image");
  744.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  745.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  746.        const spanLabel = document.createElement("span");
  747.        spanLabel.classList.add("sw-gallery-image-label");
  748.        spanLabel.innerHTML = label.replaceAll("+"," ");
  749.        const spanNumber = document.createElement("span");
  750.        spanNumber.innerHTML = "#" + (i+1);
  751.        spanNumber.classList.add("sw-gallery-image-number");
  752.        imageLink.style.position = "relative";
  753.       imageLink.append(spanLabel);
  754.       imageLink.append(spanNumber);
  755.        imageLink.addEventListener("click", this.addLabelToLightBox);
  756.      }
  757.      
  758.      if (i >= lowerLimit && i < upperLimit) {
  759.        imageList[i].style.cssText = 'display:initial !important';
  760.      } else {
  761.        imageList[i].style.cssText = 'display:none !important';
  762.      }
  763.    }
  764.  
  765.    var pages = document.getElementsByClassName("sw-gallery-page-item");
  766.    var fillers = document.getElementsByClassName("sw-gallery-page-filler");
  767.  
  768.    for (var i = 0; i < pages?.length; i++) {
  769.      pages[i].style.display = "flex";
  770.      var pageNumber = i + 1;
  771.      if (pageNumber === this.currentPage) {
  772.        pages[i].classList.add("sw-gallery-page-item-active");
  773.        pages[i].style.display = "flex";
  774.      } else {
  775.        pages[i].classList?.remove("sw-gallery-page-item-active");
  776.      }
  777.    }
  778.  
  779.    if (this.pageCount > 5) {
  780.      if (this.currentPage >= 4) {
  781.        fillers[0].style.display = "flex";
  782.      } else {
  783.        fillers[0].style.display = "none";
  784.      }
  785.  
  786.      if (this.currentPage + 2 >= this.pageCount) {
  787.        fillers[1].style.display = "none";
  788.  
  789.        for (var i = pages.length - 5; i > 0; i--) {
  790.          pages[i].style.display = "none";
  791.        }
  792.      } else {
  793.        fillers[1].style.display = "flex";
  794.  
  795.        for (var i = 4; i < pages.length - 1; i++) {
  796.          pages[i].style.display = "none";
  797.        }
  798.      }
  799.    }
  800.  }
  801.  
  802.  createPageButtons() {
  803.    var galleryContainer =
  804.      document.getElementsByClassName("sqs-block-gallery")[0];
  805.  
  806.    var pageContainer = document.createElement("div");
  807.    pageContainer.classList.add("sw-gallery-page-container");
  808.  
  809.    var previousArrow = document.createElement("div");
  810.    previousArrow.classList.add("sw-arrow-previous");
  811.    previousArrow.onclick = () => {
  812.      this.movePageNumber(this.currentPage - 1);
  813.    };
  814.    previousArrow.innerHTML = "&#10094;";
  815.  
  816.    var nextArrow = document.createElement("div");
  817.    nextArrow.classList.add("sw-arrow-next");
  818.    nextArrow.onclick = () => {
  819.      this.movePageNumber(this.currentPage + 1);
  820.    };
  821.    nextArrow.innerHTML = "&#10095;";
  822.    pageContainer.appendChild(previousArrow);
  823.  
  824.    this.pageCount = Math.trunc(this.imageCount / this.itemsPerPage) + 1;
  825.  
  826.    var fillerGapLeft = document.createElement("div");
  827.    fillerGapLeft.classList.add("sw-gallery-page-filler");
  828.    fillerGapLeft.style.display = "none";
  829.    fillerGapLeft.innerHTML = "...";
  830.    var fillerGapRight = document.createElement("div");
  831.    fillerGapRight.classList.add("sw-gallery-page-filler");
  832.    fillerGapRight.innerHTML = "...";
  833.  
  834.    for (var i = 0; i < this.pageCount; i++) {
  835.      const pageNumber = i + 1;
  836.      let pageNumberElement = document.createElement("div");
  837.      pageNumberElement.classList.add("sw-gallery-page-item");
  838.      if (i + 1 === this.currentPage)
  839.        pageNumberElement.classList.add("sw-gallery-page-item-active");
  840.        
  841.      pageNumberElement.innerHTML = pageNumber;
  842.      pageNumberElement.onclick = () => {
  843.        this.movePageNumber(pageNumber);
  844.      };
  845.  
  846.      pageContainer.appendChild(pageNumberElement);
  847.  
  848.      if (this.pageCount > 5) {
  849.        if (pageNumber === 1) {
  850.          pageContainer.appendChild(fillerGapLeft);
  851.        } else if (pageNumber + 1 === this.pageCount) {
  852.          pageContainer.appendChild(fillerGapRight);
  853.        }
  854.  
  855.        if (pageNumber > 4 && pageNumber !== this.pageCount) {
  856.          pageNumberElement.style.display = "none";
  857.        }
  858.      }
  859.    }
  860.    pageContainer.appendChild(nextArrow);
  861.  
  862.    if (this.pageCount > 1) {
  863.      galleryContainer.appendChild(pageContainer);
  864.    }
  865.  }
  866.  
  867.  setFluidContainerHeight() {
  868.    // Set height fluid container
  869.    const fluidContainer =
  870.      document.getElementsByClassName("sqs-block-gallery")[0].parentElement
  871.        .parentElement;
  872.    const galleryContainer =
  873.      document.getElementsByClassName("sqs-block-gallery")[0].parentElement;
  874.    const itemHeight = document.getElementsByClassName(
  875.      "sqs-gallery-design-grid-slide"
  876.    )[0].offsetHeight;
  877.  
  878.    const pageContainerHeight = document.getElementsByClassName(
  879.      "sw-gallery-page-container"
  880.    )[0]?.offsetHeight;
  881.  
  882.    const multiplier = document.body.offsetWidth < 768 ? 6 : 3;
  883.    let newHeight = itemHeight * multiplier + (pageContainerHeight ?? 0)
  884.  
  885.    // Get heading and title
  886.    var textElements = fluidContainer.getElementsByClassName("html-block");
  887.    for(var i=0; i < textElements?.length; i++)
  888.    {
  889.        newHeight += textElements[i].offsetHeight;
  890.    }
  891.  
  892.    newHeight = (newHeight + 200) + "px";
  893. console.log(newHeight);
  894.    galleryContainer.style.height = newHeight;
  895.  
  896.    fluidContainer.style.height = newHeight;
  897.    const contentWrapper = document.getElementsByClassName("sqs-block-gallery")[0].parentElement.parentElement.parentElement;
  898.    
  899.    contentWrapper.style.height = newHeight;
  900.  }
  901.  
  902.  movePageNumber(pageNumber) {
  903.    if (pageNumber < 1) pageNumber = 1;
  904.    else if (pageNumber > this.pageCount) pageNumber = this.pageCount;
  905.  
  906.    if (this.currentPage !== pageNumber) {
  907.      this.currentPage = pageNumber;
  908.      this.hideImages();
  909.    }
  910.  }
  911. }
  912.        
  913. </script>
  914. <style>
  915.  .header-actions
  916.  {
  917.    display: none;
  918.  }
  919. </style>
  920. <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
  921.  
  922. <!-- 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>
  923.  
  924. <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>
  925.  
  926. <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>
  927.  
  928. <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>
  929.  
  930. <script src="https://t.cometlytrack.com/e?uid=9cd157-4503599668000011-037496-s"></script>
  931. <script>
  932. comet('init');
  933. </script>
  934.  
  935. <script>
  936.  document.addEventListener("DOMContentLoaded", function() {
  937.    // Select all schema scripts of type "application/ld+json"
  938.    const schemaScripts = document.querySelectorAll('script[type="application/ld+json"]');
  939.  
  940.    // Remove the first three schema scripts added by Squarespace
  941.    schemaScripts.forEach((script, index) => {
  942.      if (index < 3) {
  943.        script.remove();
  944.      }
  945.    });
  946.  });
  947. </script>
  948.  
  949. <script>
  950.  document.addEventListener("DOMContentLoaded", function() {
  951.    // Get the current page URL
  952.    const currentUrl = window.location.pathname;
  953.  
  954.    // Check if the URL matches the FAQ page
  955.    if (currentUrl.includes('/faq')) {
  956.      // Select all schema scripts of type "application/ld+json"
  957.      const schemaScripts = document.querySelectorAll('script[type="application/ld+json"]');
  958.  
  959.      // Remove the first three schema scripts added by Squarespace
  960.      schemaScripts.forEach((script, index) => {
  961.        if (index < 3) {
  962.          script.remove();
  963.        }
  964.      });
  965.    } else {
  966.      // Remove the manually added FAQ Schema if not on the FAQ page
  967.      const faqSchema = document.querySelector('script#faq-schema');
  968.      if (faqSchema) {
  969.        faqSchema.remove();
  970.      }
  971.    }
  972.  });
  973. </script><script defer>
  974.   const data = {
  975.                        settings: {
  976.                            interval: 5,
  977.                            target: 0,
  978.                            slideAnimation: "fade",
  979.                        }
  980.                    }
  981.  
  982.                    let slides = new SWSSlides("hero-slide", data);
  983.                    
  984.                    $(document).ready(function () {
  985.                        slides.createSlides();
  986.                      
  987.    swDecorateImage("block-984b0e07179ef614a1c6");
  988.                      swModifyTestimonialSlide('[data-section-id="62e7b6368b3184307aa195d5"]');
  989.                    });
  990. </script>
  991.  
  992. <style>
  993.  
  994. section[data-section-id="62e7a6759f6aeb2bb6a015ff"] .sqs-block-image
  995. {
  996.  background-color: white !important;
  997. }
  998.  
  999.  /* mobile */
  1000. @media screen and (max-width:767px) {
  1001.  section[data-section-id="62e7b6368b3184307aa195d5"]
  1002.  {
  1003.    padding-left: 1rem;
  1004.    padding-right: 1rem;
  1005.  }
  1006. }
  1007.  
  1008. </style>
  1009. <!-- Bing Site Authorization Tag -->
  1010. <meta name="msvalidate.01" content="DECEDEEE11268D13C34E9702F50DE4DC" /><script>Static.COOKIE_BANNER_CAPABLE = true;</script>
  1011. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-4199070-1"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZjQwMz', true);gtag('config', 'UA-4199070-1');</script><!-- End of Squarespace Headers -->
  1012.    <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1749578172414-BR2HRM5QY85P3RNH0UVV/static.css">
  1013.  </head>
  1014.  
  1015.  <body
  1016.    id="collection-62dfa072528d6a3af1025340"
  1017.    class="
  1018.      primary-button-style-solid primary-button-shape-pill secondary-button-style-solid secondary-button-shape-pill tertiary-button-style-solid tertiary-button-shape-pill  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 header-overlay-alignment-left header-width-full   tweak-fixed-header-style-scroll-back 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-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 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 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 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-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-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-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease 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 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 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 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 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-62dfa072528d6a3af1025340 collection-type-page collection-layout-default homepage mobile-style-available sqs-seven-one
  1019.      
  1020.        
  1021.          
  1022.            
  1023.              
  1024.            
  1025.          
  1026.        
  1027.      
  1028.    "
  1029.    tabindex="-1"
  1030.  >
  1031.    <div
  1032.      id="siteWrapper"
  1033.      class="clearfix site-wrapper"
  1034.    >
  1035.      
  1036.        <div id="floatingCart" class="floating-cart hidden">
  1037.          <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
  1038.            <span class="Cart-inner">
  1039.              
  1040.  
  1041.  
  1042.  
  1043.  <svg class="icon icon--cart" viewBox="0 0 31 24">
  1044.  <g class="svg-icon cart-icon--odd">
  1045.    <circle fill="none" stroke-miterlimit="10" cx="22.5" cy="21.5" r="1"/>
  1046.    <circle fill="none" stroke-miterlimit="10" cx="9.5" cy="21.5" r="1"/>
  1047.    <path fill="none" stroke-miterlimit="10" d="M0,1.5h5c0.6,0,1.1,0.4,1.1,1l1.7,13
  1048.      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"/>
  1049.  </g>
  1050. </svg>
  1051.  
  1052.              <div class="legacy-cart icon-cart-quantity">
  1053.                <span class="sqs-cart-quantity">0</span>
  1054.              </div>
  1055.            </span>
  1056.          </a>
  1057.        </div>
  1058.      
  1059.  
  1060.      
  1061.  
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073.  <header
  1074.    data-test="header"
  1075.    id="header"
  1076.    
  1077.    class="
  1078.      
  1079.        white
  1080.      
  1081.      header theme-col--primary
  1082.    "
  1083.    data-section-theme="white"
  1084.    data-controller="Header"
  1085.    data-current-styles="{
  1086. &quot;layout&quot;: &quot;navRight&quot;,
  1087. &quot;action&quot;: {
  1088. &quot;href&quot;: &quot;/donate&quot;,
  1089. &quot;buttonText&quot;: &quot;Donate&quot;,
  1090. &quot;newWindow&quot;: false
  1091. },
  1092. &quot;showSocial&quot;: true,
  1093. &quot;socialOptions&quot;: {
  1094. &quot;socialBorderShape&quot;: &quot;none&quot;,
  1095. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  1096. &quot;socialBorderThickness&quot;: {
  1097. &quot;unit&quot;: &quot;px&quot;,
  1098. &quot;value&quot;: 1.0
  1099. }
  1100. },
  1101. &quot;sectionTheme&quot;: &quot;white&quot;,
  1102. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  1103. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  1104. &quot;cartStyle&quot;: &quot;cart&quot;,
  1105. &quot;cartText&quot;: &quot;Cart&quot;,
  1106. &quot;showEmptyCartState&quot;: true,
  1107. &quot;cartOptions&quot;: {
  1108. &quot;iconType&quot;: &quot;stroke-1&quot;,
  1109. &quot;cartBorderShape&quot;: &quot;none&quot;,
  1110. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  1111. &quot;cartBorderThickness&quot;: {
  1112. &quot;unit&quot;: &quot;px&quot;,
  1113. &quot;value&quot;: 1.0
  1114. }
  1115. },
  1116. &quot;showButton&quot;: false,
  1117. &quot;showCart&quot;: false,
  1118. &quot;showAccountLogin&quot;: false,
  1119. &quot;headerStyle&quot;: &quot;theme&quot;,
  1120. &quot;languagePicker&quot;: {
  1121. &quot;enabled&quot;: false,
  1122. &quot;iconEnabled&quot;: false,
  1123. &quot;iconType&quot;: &quot;globe&quot;,
  1124. &quot;flagShape&quot;: &quot;shiny&quot;,
  1125. &quot;languageFlags&quot;: [ ]
  1126. },
  1127. &quot;iconOptions&quot;: {
  1128. &quot;desktopDropdownIconOptions&quot;: {
  1129. &quot;endcapType&quot;: &quot;square&quot;,
  1130. &quot;folderDropdownIcon&quot;: &quot;none&quot;,
  1131. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  1132. },
  1133. &quot;mobileDropdownIconOptions&quot;: {
  1134. &quot;endcapType&quot;: &quot;square&quot;,
  1135. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  1136. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  1137. }
  1138. },
  1139. &quot;mobileOptions&quot;: {
  1140. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  1141. &quot;menuIconOptions&quot;: {
  1142. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  1143. &quot;thickness&quot;: {
  1144. &quot;unit&quot;: &quot;px&quot;,
  1145. &quot;value&quot;: 3.0
  1146. }
  1147. }
  1148. },
  1149. &quot;solidOptions&quot;: {
  1150. &quot;headerOpacity&quot;: {
  1151. &quot;unit&quot;: &quot;%&quot;,
  1152. &quot;value&quot;: 100.0
  1153. },
  1154. &quot;blurBackground&quot;: {
  1155. &quot;enabled&quot;: false,
  1156. &quot;blurRadius&quot;: {
  1157. &quot;unit&quot;: &quot;px&quot;,
  1158. &quot;value&quot;: 12.0
  1159. }
  1160. },
  1161. &quot;backgroundColor&quot;: {
  1162. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1163. &quot;sitePaletteColor&quot;: {
  1164. &quot;colorName&quot;: &quot;white&quot;,
  1165. &quot;alphaModifier&quot;: 1.0
  1166. }
  1167. },
  1168. &quot;navigationColor&quot;: {
  1169. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1170. &quot;sitePaletteColor&quot;: {
  1171. &quot;colorName&quot;: &quot;black&quot;,
  1172. &quot;alphaModifier&quot;: 1.0
  1173. }
  1174. }
  1175. },
  1176. &quot;gradientOptions&quot;: {
  1177. &quot;gradientType&quot;: &quot;faded&quot;,
  1178. &quot;headerOpacity&quot;: {
  1179. &quot;unit&quot;: &quot;%&quot;,
  1180. &quot;value&quot;: 90.0
  1181. },
  1182. &quot;blurBackground&quot;: {
  1183. &quot;enabled&quot;: false,
  1184. &quot;blurRadius&quot;: {
  1185. &quot;unit&quot;: &quot;px&quot;,
  1186. &quot;value&quot;: 12.0
  1187. }
  1188. },
  1189. &quot;backgroundColor&quot;: {
  1190. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1191. &quot;sitePaletteColor&quot;: {
  1192. &quot;colorName&quot;: &quot;white&quot;,
  1193. &quot;alphaModifier&quot;: 1.0
  1194. }
  1195. },
  1196. &quot;navigationColor&quot;: {
  1197. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1198. &quot;sitePaletteColor&quot;: {
  1199. &quot;colorName&quot;: &quot;black&quot;,
  1200. &quot;alphaModifier&quot;: 1.0
  1201. }
  1202. }
  1203. },
  1204. &quot;dropShadowOptions&quot;: {
  1205. &quot;enabled&quot;: false,
  1206. &quot;blur&quot;: {
  1207. &quot;unit&quot;: &quot;px&quot;,
  1208. &quot;value&quot;: 12.0
  1209. },
  1210. &quot;spread&quot;: {
  1211. &quot;unit&quot;: &quot;px&quot;,
  1212. &quot;value&quot;: 0.0
  1213. },
  1214. &quot;distance&quot;: {
  1215. &quot;unit&quot;: &quot;px&quot;,
  1216. &quot;value&quot;: 12.0
  1217. }
  1218. },
  1219. &quot;borderOptions&quot;: {
  1220. &quot;enabled&quot;: false,
  1221. &quot;position&quot;: &quot;bottom&quot;,
  1222. &quot;thickness&quot;: {
  1223. &quot;unit&quot;: &quot;px&quot;,
  1224. &quot;value&quot;: 4.0
  1225. }
  1226. },
  1227. &quot;showPromotedElement&quot;: false,
  1228. &quot;buttonVariant&quot;: &quot;primary&quot;,
  1229. &quot;blurBackground&quot;: {
  1230. &quot;enabled&quot;: false,
  1231. &quot;blurRadius&quot;: {
  1232. &quot;unit&quot;: &quot;px&quot;,
  1233. &quot;value&quot;: 12.0
  1234. }
  1235. },
  1236. &quot;headerOpacity&quot;: {
  1237. &quot;unit&quot;: &quot;%&quot;,
  1238. &quot;value&quot;: 100.0
  1239. }
  1240. }"
  1241.    data-section-id="header"
  1242.    data-header-style="theme"
  1243.    data-language-picker="{
  1244. &quot;enabled&quot;: false,
  1245. &quot;iconEnabled&quot;: false,
  1246. &quot;iconType&quot;: &quot;globe&quot;,
  1247. &quot;flagShape&quot;: &quot;shiny&quot;,
  1248. &quot;languageFlags&quot;: [ ]
  1249. }"
  1250.    
  1251.    data-first-focusable-element
  1252.    tabindex="-1"
  1253.    style="
  1254.      
  1255.      
  1256.      
  1257.        --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1258.      
  1259.      
  1260.        --solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
  1261.      
  1262.      
  1263.        --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1264.      
  1265.      
  1266.        --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
  1267.      
  1268.    "
  1269.  >
  1270.    <svg  style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
  1271.  <symbol id="circle" >
  1272.    <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" />
  1273.  </symbol>
  1274.  
  1275.  <symbol id="circleFilled" >
  1276.    <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" />
  1277.  </symbol>
  1278.  
  1279.  <symbol id="dash" >
  1280.    <path d="M11 11H19H3" />
  1281.  </symbol>
  1282.  
  1283.  <symbol id="squareFilled" >
  1284.    <rect x="6" y="6" width="11" height="11" />
  1285.  </symbol>
  1286.  
  1287.  <symbol id="square" >
  1288.    <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" />
  1289.  </symbol>
  1290.  
  1291.  <symbol id="plus" >
  1292.    <path d="M11 3V19" />
  1293.    <path d="M19 11L3 11"/>
  1294.  </symbol>
  1295.  
  1296.  <symbol id="closedArrow" >
  1297.    <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" />
  1298.  </symbol>
  1299.  
  1300.  <symbol id="closedArrowFilled" >
  1301.    <path d="M11 11L11 2" stroke="inherit" fill="none"  />
  1302.    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" />
  1303.  </symbol>
  1304.  
  1305.  <symbol id="closedArrowHead" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
  1306.    <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" />
  1307.  </symbol>
  1308.  
  1309.  
  1310.  <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
  1311.    <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" />
  1312.  </symbol>
  1313.  
  1314.  <symbol id="openArrow" >
  1315.    <path d="M11 18.3591L11 3" stroke="inherit" fill="none"  />
  1316.    <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none"  />
  1317.  </symbol>
  1318.  
  1319.  <symbol id="openArrowHead" >
  1320.    <path d="M18 7L11 14L4 7" fill="none" />
  1321.  </symbol>
  1322.  
  1323.  <symbol id="pinchedArrow" >
  1324.    <path d="M11 17.3591L11 2" fill="none" />
  1325.    <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" />
  1326.  </symbol>
  1327.  
  1328.  <symbol id="pinchedArrowFilled" >
  1329.    <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"/>
  1330.    <path d="M11 11L11 1" fill="none"/>
  1331.  </symbol>
  1332.  
  1333.  <symbol id="pinchedArrowHead" >
  1334.    <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" />
  1335.  </symbol>
  1336.  
  1337.  <symbol id="pinchedArrowHeadFilled" >
  1338.    <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" />
  1339.  </symbol>
  1340.  
  1341. </svg>
  1342.    
  1343.  <script>
  1344.    function shouldShowAnnouncementBar() {
  1345.      try {
  1346.        if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) {
  1347.          return false;
  1348.        }
  1349.        var localDataStr = localStorage.getItem('squarespace-announcement-bar');
  1350.        if (localDataStr && JSON.parse(localDataStr).closed) {
  1351.          return false;
  1352.        }
  1353.        return true;
  1354.      } catch(e) {
  1355.        console.error(e);
  1356.        return true;
  1357.      }
  1358.    }
  1359.    if (shouldShowAnnouncementBar()) {
  1360.      document.body.classList.add('announcement-bar-reserved-space');
  1361.    }
  1362.    //# sourceURL=reserveSpaceForAnnouncementBar.js
  1363.  </script>
  1364.  
  1365. <div class="sqs-announcement-bar-dropzone"></div>
  1366.  
  1367.    <div class="header-announcement-bar-wrapper">
  1368.      
  1369.      <a
  1370.        href="#page"
  1371.        class="header-skip-link sqs-button-element--primary"
  1372.      >
  1373.        Skip to Content
  1374.      </a>
  1375.      
  1376.  
  1377.  
  1378. <style>
  1379.    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  1380.        .header-blur-background {
  1381.            
  1382.            
  1383.        }
  1384.    }
  1385. </style>
  1386.      <div
  1387.        class="header-border"
  1388.        data-header-style="theme"
  1389.        data-header-border="false"
  1390.        data-test="header-border"
  1391.        style="
  1392.  
  1393.  
  1394.  
  1395.  
  1396. "
  1397.      ></div>
  1398.      <div
  1399.        class="header-dropshadow"
  1400.        data-header-style="theme"
  1401.        data-header-dropshadow="false"
  1402.        data-test="header-dropshadow"
  1403.        style=""
  1404.      ></div>
  1405.      
  1406.      
  1407.  
  1408.      <div class='header-inner container--fluid
  1409.        
  1410.        
  1411.        
  1412.        
  1413.        
  1414.        
  1415.        
  1416.        
  1417.         header-mobile-layout-logo-right-nav-left
  1418.        
  1419.         header-layout-nav-right
  1420.        
  1421.        
  1422.        
  1423.        
  1424.        
  1425.        
  1426.        
  1427.        
  1428.        '
  1429.        data-test="header-inner"
  1430.        >
  1431.        <!-- Background -->
  1432.        <div class="header-background theme-bg--primary"></div>
  1433.  
  1434.        <div class="header-display-desktop" data-content-field="site-title">
  1435.          
  1436.  
  1437.          
  1438.  
  1439.          
  1440.  
  1441.          
  1442.  
  1443.          
  1444.  
  1445.          
  1446.          
  1447.            
  1448.            <!-- Social -->
  1449.            
  1450.              
  1451.            
  1452.          
  1453.            
  1454.            <!-- Title and nav wrapper -->
  1455.            <div class="header-title-nav-wrapper">
  1456.              
  1457.  
  1458.              
  1459.  
  1460.              
  1461.                
  1462.                <!-- Title -->
  1463.                
  1464.                  <div
  1465.                    class="
  1466.                      header-title
  1467.                      
  1468.                    "
  1469.                    data-animation-role="header-element"
  1470.                  >
  1471.                    
  1472.                      <div class="header-title-logo">
  1473.                        <a href="/" data-animation-role="header-element">
  1474.                        
  1475. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png?format=1500w" alt="Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
  1476.  
  1477.                        </a>
  1478.                      </div>
  1479.  
  1480.                    
  1481.                    
  1482.                  </div>
  1483.                
  1484.              
  1485.                
  1486.                <!-- Nav -->
  1487.                <div class="header-nav">
  1488.                  <div class="header-nav-wrapper">
  1489.                    <nav class="header-nav-list">
  1490.                      
  1491.  
  1492.  
  1493.  
  1494.    <div class="header-nav-item header-nav-item--folder">
  1495.      <a
  1496.        class="header-nav-folder-title"
  1497.        href="/interior-doors-folder"
  1498.        data-animation-role="header-element"
  1499.        aria-expanded="false"
  1500.        aria-label="folder dropdown"
  1501.        aria-controls="interior-doors"
  1502.        
  1503.      >
  1504.      <span class="header-nav-folder-title-text">
  1505.        Interior Doors
  1506.      </span>
  1507.      </a>
  1508.      <div class="header-nav-folder-content" id="interior-doors">
  1509.        
  1510.          
  1511.            <div class="header-nav-folder-item">
  1512.              <a
  1513.                href="/interior-doors/signature-collection"
  1514.                
  1515.              >
  1516.                <span class="header-nav-folder-item-content">
  1517.                  Signature Collection
  1518.                </span>
  1519.              </a>
  1520.            </div>
  1521.          
  1522.          
  1523.        
  1524.          
  1525.            <div class="header-nav-folder-item">
  1526.              <a
  1527.                href="/interior-doors/premium-doors"
  1528.                
  1529.              >
  1530.                <span class="header-nav-folder-item-content">
  1531.                  Premium Doors
  1532.                </span>
  1533.              </a>
  1534.            </div>
  1535.          
  1536.          
  1537.        
  1538.          
  1539.            <div class="header-nav-folder-item">
  1540.              <a
  1541.                href="/interior-doors/glass-doors"
  1542.                
  1543.              >
  1544.                <span class="header-nav-folder-item-content">
  1545.                  Glass Doors
  1546.                </span>
  1547.              </a>
  1548.            </div>
  1549.          
  1550.          
  1551.        
  1552.          
  1553.            <div class="header-nav-folder-item">
  1554.              <a
  1555.                href="/interior-doors/stain-grade-doors"
  1556.                
  1557.              >
  1558.                <span class="header-nav-folder-item-content">
  1559.                  Stain Grade Doors
  1560.                </span>
  1561.              </a>
  1562.            </div>
  1563.          
  1564.          
  1565.        
  1566.          
  1567.            <div class="header-nav-folder-item">
  1568.              <a
  1569.                href="/interior-doors/contemporary-doors"
  1570.                
  1571.              >
  1572.                <span class="header-nav-folder-item-content">
  1573.                  Contemporary Doors
  1574.                </span>
  1575.              </a>
  1576.            </div>
  1577.          
  1578.          
  1579.        
  1580.      </div>
  1581.    </div>
  1582.  
  1583.  
  1584.  
  1585.  
  1586.  
  1587.    <div class="header-nav-item header-nav-item--folder">
  1588.      <a
  1589.        class="header-nav-folder-title"
  1590.        href="/closet-doors-folder"
  1591.        data-animation-role="header-element"
  1592.        aria-expanded="false"
  1593.        aria-label="folder dropdown"
  1594.        aria-controls="closet-doors"
  1595.        
  1596.      >
  1597.      <span class="header-nav-folder-title-text">
  1598.        Closet Doors
  1599.      </span>
  1600.      </a>
  1601.      <div class="header-nav-folder-content" id="closet-doors">
  1602.        
  1603.          
  1604.            <div class="header-nav-folder-item">
  1605.              <a
  1606.                href="/closet-doors/mirrored-closet-doors"
  1607.                
  1608.              >
  1609.                <span class="header-nav-folder-item-content">
  1610.                  Mirrored Closet Doors
  1611.                </span>
  1612.              </a>
  1613.            </div>
  1614.          
  1615.          
  1616.        
  1617.          
  1618.            <div class="header-nav-folder-item">
  1619.              <a
  1620.                href="/closet-doors/panel-louver-and-flush-doors"
  1621.                
  1622.              >
  1623.                <span class="header-nav-folder-item-content">
  1624.                  Paneled &amp; Louver Doors
  1625.                </span>
  1626.              </a>
  1627.            </div>
  1628.          
  1629.          
  1630.        
  1631.          
  1632.            <div class="header-nav-folder-item">
  1633.              <a
  1634.                href="/closet-doors/glass-closet-doors"
  1635.                
  1636.              >
  1637.                <span class="header-nav-folder-item-content">
  1638.                  Glass Closet Doors
  1639.                </span>
  1640.              </a>
  1641.            </div>
  1642.          
  1643.          
  1644.        
  1645.          
  1646.            <div class="header-nav-folder-item">
  1647.              <a
  1648.                href="/closet-doors/room-dividers"
  1649.                
  1650.              >
  1651.                <span class="header-nav-folder-item-content">
  1652.                  Room Dividers
  1653.                </span>
  1654.              </a>
  1655.            </div>
  1656.          
  1657.          
  1658.        
  1659.          
  1660.            <div class="header-nav-folder-item">
  1661.              <a
  1662.                href="/closet-doors/sliding-true-shoji"
  1663.                
  1664.              >
  1665.                <span class="header-nav-folder-item-content">
  1666.                  True Shoji
  1667.                </span>
  1668.              </a>
  1669.            </div>
  1670.          
  1671.          
  1672.        
  1673.      </div>
  1674.    </div>
  1675.  
  1676.  
  1677.  
  1678.  
  1679.  
  1680.    <div class="header-nav-item header-nav-item--folder">
  1681.      <a
  1682.        class="header-nav-folder-title"
  1683.        href="/barn-doors-folder"
  1684.        data-animation-role="header-element"
  1685.        aria-expanded="false"
  1686.        aria-label="folder dropdown"
  1687.        aria-controls="barn-doors"
  1688.        
  1689.      >
  1690.      <span class="header-nav-folder-title-text">
  1691.        Barn Doors
  1692.      </span>
  1693.      </a>
  1694.      <div class="header-nav-folder-content" id="barn-doors">
  1695.        
  1696.          
  1697.            <div class="header-nav-folder-item">
  1698.              <a
  1699.                href="/barn-doors/paneled-wood-doors"
  1700.                
  1701.              >
  1702.                <span class="header-nav-folder-item-content">
  1703.                  Paneled Doors
  1704.                </span>
  1705.              </a>
  1706.            </div>
  1707.          
  1708.          
  1709.        
  1710.          
  1711.            <div class="header-nav-folder-item">
  1712.              <a
  1713.                href="/barn-doors/glass-mirrored-doors"
  1714.                
  1715.              >
  1716.                <span class="header-nav-folder-item-content">
  1717.                  Glass &amp; Mirrored Doors
  1718.                </span>
  1719.              </a>
  1720.            </div>
  1721.          
  1722.          
  1723.        
  1724.          
  1725.            <div class="header-nav-folder-item">
  1726.              <a
  1727.                href="/barn-doors/tracks"
  1728.                
  1729.              >
  1730.                <span class="header-nav-folder-item-content">
  1731.                  Tracks
  1732.                </span>
  1733.              </a>
  1734.            </div>
  1735.          
  1736.          
  1737.        
  1738.          
  1739.            <div class="header-nav-folder-item">
  1740.              <a
  1741.                href="/barn-doors/pulls"
  1742.                
  1743.              >
  1744.                <span class="header-nav-folder-item-content">
  1745.                  Pulls
  1746.                </span>
  1747.              </a>
  1748.            </div>
  1749.          
  1750.          
  1751.        
  1752.      </div>
  1753.    </div>
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759.    <div class="header-nav-item header-nav-item--folder">
  1760.      <a
  1761.        class="header-nav-folder-title"
  1762.        href="/organizers-folder"
  1763.        data-animation-role="header-element"
  1764.        aria-expanded="false"
  1765.        aria-label="folder dropdown"
  1766.        aria-controls="organizers"
  1767.        
  1768.      >
  1769.      <span class="header-nav-folder-title-text">
  1770.        Organizers
  1771.      </span>
  1772.      </a>
  1773.      <div class="header-nav-folder-content" id="organizers">
  1774.        
  1775.          
  1776.            <div class="header-nav-folder-item">
  1777.              <a
  1778.                href="/organizers/reach-in-closet-organizers"
  1779.                
  1780.              >
  1781.                <span class="header-nav-folder-item-content">
  1782.                  Reach-in Closet Organizers
  1783.                </span>
  1784.              </a>
  1785.            </div>
  1786.          
  1787.          
  1788.        
  1789.          
  1790.            <div class="header-nav-folder-item">
  1791.              <a
  1792.                href="/organizers/walk-in-closet-organizers"
  1793.                
  1794.              >
  1795.                <span class="header-nav-folder-item-content">
  1796.                  Walk-in Closet Organizers
  1797.                </span>
  1798.              </a>
  1799.            </div>
  1800.          
  1801.          
  1802.        
  1803.          
  1804.            <div class="header-nav-folder-item">
  1805.              <a
  1806.                href="/organizers/closet-accessories"
  1807.                
  1808.              >
  1809.                <span class="header-nav-folder-item-content">
  1810.                  Closet Accessories
  1811.                </span>
  1812.              </a>
  1813.            </div>
  1814.          
  1815.          
  1816.        
  1817.          
  1818.            <div class="header-nav-folder-item">
  1819.              <a
  1820.                href="/organizers/garage-accessories"
  1821.                
  1822.              >
  1823.                <span class="header-nav-folder-item-content">
  1824.                  Garage Organizers
  1825.                </span>
  1826.              </a>
  1827.            </div>
  1828.          
  1829.          
  1830.        
  1831.      </div>
  1832.    </div>
  1833.  
  1834.  
  1835.  
  1836.  
  1837.  
  1838.    <div class="header-nav-item header-nav-item--folder">
  1839.      <a
  1840.        class="header-nav-folder-title"
  1841.        href="/door-installation-folder"
  1842.        data-animation-role="header-element"
  1843.        aria-expanded="false"
  1844.        aria-label="folder dropdown"
  1845.        aria-controls="door-installation"
  1846.        
  1847.      >
  1848.      <span class="header-nav-folder-title-text">
  1849.        Door Installation
  1850.      </span>
  1851.      </a>
  1852.      <div class="header-nav-folder-content" id="door-installation">
  1853.        
  1854.          
  1855.            <div class="header-nav-folder-item">
  1856.              <a
  1857.                href="/door-installation/contractors"
  1858.                
  1859.              >
  1860.                <span class="header-nav-folder-item-content">
  1861.                  Contractors
  1862.                </span>
  1863.              </a>
  1864.            </div>
  1865.          
  1866.          
  1867.        
  1868.          
  1869.            <div class="header-nav-folder-item">
  1870.              <a
  1871.                href="/door-installation/real-estate-agents"
  1872.                
  1873.              >
  1874.                <span class="header-nav-folder-item-content">
  1875.                  Real Estate Agents
  1876.                </span>
  1877.              </a>
  1878.            </div>
  1879.          
  1880.          
  1881.        
  1882.          
  1883.            <div class="header-nav-folder-item">
  1884.              <a
  1885.                href="/door-installation/interior-designers"
  1886.                
  1887.              >
  1888.                <span class="header-nav-folder-item-content">
  1889.                  Interior Designers
  1890.                </span>
  1891.              </a>
  1892.            </div>
  1893.          
  1894.          
  1895.        
  1896.      </div>
  1897.    </div>
  1898.  
  1899.  
  1900.  
  1901.  
  1902.  
  1903.    <div class="header-nav-item header-nav-item--collection">
  1904.      <a
  1905.        href="/faq"
  1906.        data-animation-role="header-element"
  1907.        
  1908.      >
  1909.        FAQ
  1910.      </a>
  1911.    </div>
  1912.  
  1913.  
  1914.  
  1915.  
  1916.  
  1917.  
  1918.    <div class="header-nav-item header-nav-item--collection">
  1919.      <a
  1920.        href="/testimonials"
  1921.        data-animation-role="header-element"
  1922.        
  1923.      >
  1924.        Testimonials
  1925.      </a>
  1926.    </div>
  1927.  
  1928.  
  1929.  
  1930.  
  1931.  
  1932.  
  1933.    <div class="header-nav-item header-nav-item--collection">
  1934.      <a
  1935.        href="/about"
  1936.        data-animation-role="header-element"
  1937.        
  1938.      >
  1939.        About Us
  1940.      </a>
  1941.    </div>
  1942.  
  1943.  
  1944.  
  1945.  
  1946.  
  1947.  
  1948.    <div class="header-nav-item header-nav-item--collection">
  1949.      <a
  1950.        href="/contact-us"
  1951.        data-animation-role="header-element"
  1952.        
  1953.      >
  1954.        Contact Us
  1955.      </a>
  1956.    </div>
  1957.  
  1958.  
  1959.  
  1960.  
  1961.  
  1962.  
  1963.    <div class="header-nav-item header-nav-item--collection">
  1964.      <a
  1965.        href="/will-call"
  1966.        data-animation-role="header-element"
  1967.        
  1968.      >
  1969.        Local pickup / Will Call
  1970.      </a>
  1971.    </div>
  1972.  
  1973.  
  1974.  
  1975.  
  1976.  
  1977.  
  1978.                    </nav>
  1979.                  </div>
  1980.                </div>
  1981.              
  1982.              
  1983.            </div>
  1984.          
  1985.            
  1986.            <!-- Actions -->
  1987.            <div class="header-actions header-actions--right">
  1988.              
  1989.              
  1990.                
  1991.                  <div class="header-actions-action header-actions-action--social">
  1992.                    
  1993.                      
  1994.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" aria-label="URL">
  1995.                          <svg viewBox="23 23 64 64">
  1996.                            <use xlink:href="#url-icon" width="110" height="110"></use>
  1997.                          </svg>
  1998.                        </a>
  1999.                      
  2000.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.facebook.com/interiordoorandcloset" target="_blank" aria-label="Facebook">
  2001.                          <svg viewBox="23 23 64 64">
  2002.                            <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  2003.                          </svg>
  2004.                        </a>
  2005.                      
  2006.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.pinterest.com/ocdoors/" target="_blank" aria-label="Pinterest">
  2007.                          <svg viewBox="23 23 64 64">
  2008.                            <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  2009.                          </svg>
  2010.                        </a>
  2011.                      
  2012.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" aria-label="LinkedIn">
  2013.                          <svg viewBox="23 23 64 64">
  2014.                            <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  2015.                          </svg>
  2016.                        </a>
  2017.                      
  2018.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" aria-label="Houzz">
  2019.                          <svg viewBox="23 23 64 64">
  2020.                            <use xlink:href="#houzz-icon" width="110" height="110"></use>
  2021.                          </svg>
  2022.                        </a>
  2023.                      
  2024.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" aria-label="Instagram">
  2025.                          <svg viewBox="23 23 64 64">
  2026.                            <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
  2027.                          </svg>
  2028.                        </a>
  2029.                      
  2030.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2031.                          <svg viewBox="23 23 64 64">
  2032.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2033.                          </svg>
  2034.                        </a>
  2035.                      
  2036.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2037.                          <svg viewBox="23 23 64 64">
  2038.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2039.                          </svg>
  2040.                        </a>
  2041.                      
  2042.                    
  2043.                  </div>
  2044.                
  2045.              
  2046.  
  2047.              
  2048.  
  2049.            
  2050.            
  2051.  
  2052.              
  2053.              <div class="showOnMobile">
  2054.                
  2055.              </div>
  2056.  
  2057.              
  2058.              <div class="showOnDesktop">
  2059.                
  2060.              </div>
  2061.  
  2062.              
  2063.            </div>
  2064.          
  2065.            
  2066.  
  2067.  
  2068. <style>
  2069.  .top-bun,
  2070.  .patty,
  2071.  .bottom-bun {
  2072.    height: 3px;
  2073.  }
  2074. </style>
  2075.  
  2076. <!-- Burger -->
  2077. <div class="header-burger
  2078.  
  2079.  menu-overlay-has-visible-non-navigation-items
  2080.  
  2081. " data-animation-role="header-element">
  2082.  <button class="header-burger-btn burger" data-test="header-burger">
  2083.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2084.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2085.    <div class="burger-box">
  2086.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2087.        <div class="top-bun"></div>
  2088.        <div class="patty"></div>
  2089.        <div class="bottom-bun"></div>
  2090.      </div>
  2091.    </div>
  2092.  </button>
  2093. </div>
  2094.  
  2095.          
  2096.          
  2097.          
  2098.          
  2099.          
  2100.  
  2101.        </div>
  2102.        <div class="header-display-mobile" data-content-field="site-title">
  2103.          
  2104.          
  2105.          
  2106.          
  2107.          
  2108.            
  2109.            <!-- Social -->
  2110.            
  2111.              
  2112.            
  2113.          
  2114.            
  2115.  
  2116.  
  2117. <style>
  2118.  .top-bun,
  2119.  .patty,
  2120.  .bottom-bun {
  2121.    height: 3px;
  2122.  }
  2123. </style>
  2124.  
  2125. <!-- Burger -->
  2126. <div class="header-burger
  2127.  
  2128.  menu-overlay-has-visible-non-navigation-items
  2129.  
  2130. " data-animation-role="header-element">
  2131.  <button class="header-burger-btn burger" data-test="header-burger">
  2132.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2133.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2134.    <div class="burger-box">
  2135.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2136.        <div class="top-bun"></div>
  2137.        <div class="patty"></div>
  2138.        <div class="bottom-bun"></div>
  2139.      </div>
  2140.    </div>
  2141.  </button>
  2142. </div>
  2143.  
  2144.            
  2145.            <!-- Actions -->
  2146.            <div class="header-actions header-actions--right">
  2147.              
  2148.              
  2149.                
  2150.                  <div class="header-actions-action header-actions-action--social">
  2151.                    
  2152.                      
  2153.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" aria-label="URL">
  2154.                          <svg viewBox="23 23 64 64">
  2155.                            <use xlink:href="#url-icon" width="110" height="110"></use>
  2156.                          </svg>
  2157.                        </a>
  2158.                      
  2159.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.facebook.com/interiordoorandcloset" target="_blank" aria-label="Facebook">
  2160.                          <svg viewBox="23 23 64 64">
  2161.                            <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  2162.                          </svg>
  2163.                        </a>
  2164.                      
  2165.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.pinterest.com/ocdoors/" target="_blank" aria-label="Pinterest">
  2166.                          <svg viewBox="23 23 64 64">
  2167.                            <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  2168.                          </svg>
  2169.                        </a>
  2170.                      
  2171.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" aria-label="LinkedIn">
  2172.                          <svg viewBox="23 23 64 64">
  2173.                            <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  2174.                          </svg>
  2175.                        </a>
  2176.                      
  2177.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" aria-label="Houzz">
  2178.                          <svg viewBox="23 23 64 64">
  2179.                            <use xlink:href="#houzz-icon" width="110" height="110"></use>
  2180.                          </svg>
  2181.                        </a>
  2182.                      
  2183.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" aria-label="Instagram">
  2184.                          <svg viewBox="23 23 64 64">
  2185.                            <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
  2186.                          </svg>
  2187.                        </a>
  2188.                      
  2189.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2190.                          <svg viewBox="23 23 64 64">
  2191.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2192.                          </svg>
  2193.                        </a>
  2194.                      
  2195.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2196.                          <svg viewBox="23 23 64 64">
  2197.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2198.                          </svg>
  2199.                        </a>
  2200.                      
  2201.                    
  2202.                  </div>
  2203.                
  2204.              
  2205.  
  2206.              
  2207.  
  2208.            
  2209.            
  2210.  
  2211.              
  2212.              <div class="showOnMobile">
  2213.                
  2214.              </div>
  2215.  
  2216.              
  2217.              <div class="showOnDesktop">
  2218.                
  2219.              </div>
  2220.  
  2221.              
  2222.            </div>
  2223.          
  2224.            
  2225.            <!-- Title and nav wrapper -->
  2226.            <div class="header-title-nav-wrapper">
  2227.              
  2228.  
  2229.              
  2230.  
  2231.              
  2232.                
  2233.                <!-- Title -->
  2234.                
  2235.                  <div
  2236.                    class="
  2237.                      header-title
  2238.                      
  2239.                    "
  2240.                    data-animation-role="header-element"
  2241.                  >
  2242.                    
  2243.                      <div class="header-title-logo">
  2244.                        <a href="/" data-animation-role="header-element">
  2245.                        
  2246. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png?format=1500w" alt="Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
  2247.  
  2248.                        </a>
  2249.                      </div>
  2250.  
  2251.                    
  2252.                    
  2253.                  </div>
  2254.                
  2255.              
  2256.                
  2257.                <!-- Nav -->
  2258.                <div class="header-nav">
  2259.                  <div class="header-nav-wrapper">
  2260.                    <nav class="header-nav-list">
  2261.                      
  2262.  
  2263.  
  2264.  
  2265.    <div class="header-nav-item header-nav-item--folder">
  2266.      <a
  2267.        class="header-nav-folder-title"
  2268.        href="/interior-doors-folder"
  2269.        data-animation-role="header-element"
  2270.        aria-expanded="false"
  2271.        aria-label="folder dropdown"
  2272.        aria-controls="interior-doors"
  2273.        
  2274.      >
  2275.      <span class="header-nav-folder-title-text">
  2276.        Interior Doors
  2277.      </span>
  2278.      </a>
  2279.      <div class="header-nav-folder-content" id="interior-doors">
  2280.        
  2281.          
  2282.            <div class="header-nav-folder-item">
  2283.              <a
  2284.                href="/interior-doors/signature-collection"
  2285.                
  2286.              >
  2287.                <span class="header-nav-folder-item-content">
  2288.                  Signature Collection
  2289.                </span>
  2290.              </a>
  2291.            </div>
  2292.          
  2293.          
  2294.        
  2295.          
  2296.            <div class="header-nav-folder-item">
  2297.              <a
  2298.                href="/interior-doors/premium-doors"
  2299.                
  2300.              >
  2301.                <span class="header-nav-folder-item-content">
  2302.                  Premium Doors
  2303.                </span>
  2304.              </a>
  2305.            </div>
  2306.          
  2307.          
  2308.        
  2309.          
  2310.            <div class="header-nav-folder-item">
  2311.              <a
  2312.                href="/interior-doors/glass-doors"
  2313.                
  2314.              >
  2315.                <span class="header-nav-folder-item-content">
  2316.                  Glass Doors
  2317.                </span>
  2318.              </a>
  2319.            </div>
  2320.          
  2321.          
  2322.        
  2323.          
  2324.            <div class="header-nav-folder-item">
  2325.              <a
  2326.                href="/interior-doors/stain-grade-doors"
  2327.                
  2328.              >
  2329.                <span class="header-nav-folder-item-content">
  2330.                  Stain Grade Doors
  2331.                </span>
  2332.              </a>
  2333.            </div>
  2334.          
  2335.          
  2336.        
  2337.          
  2338.            <div class="header-nav-folder-item">
  2339.              <a
  2340.                href="/interior-doors/contemporary-doors"
  2341.                
  2342.              >
  2343.                <span class="header-nav-folder-item-content">
  2344.                  Contemporary Doors
  2345.                </span>
  2346.              </a>
  2347.            </div>
  2348.          
  2349.          
  2350.        
  2351.      </div>
  2352.    </div>
  2353.  
  2354.  
  2355.  
  2356.  
  2357.  
  2358.    <div class="header-nav-item header-nav-item--folder">
  2359.      <a
  2360.        class="header-nav-folder-title"
  2361.        href="/closet-doors-folder"
  2362.        data-animation-role="header-element"
  2363.        aria-expanded="false"
  2364.        aria-label="folder dropdown"
  2365.        aria-controls="closet-doors"
  2366.        
  2367.      >
  2368.      <span class="header-nav-folder-title-text">
  2369.        Closet Doors
  2370.      </span>
  2371.      </a>
  2372.      <div class="header-nav-folder-content" id="closet-doors">
  2373.        
  2374.          
  2375.            <div class="header-nav-folder-item">
  2376.              <a
  2377.                href="/closet-doors/mirrored-closet-doors"
  2378.                
  2379.              >
  2380.                <span class="header-nav-folder-item-content">
  2381.                  Mirrored Closet Doors
  2382.                </span>
  2383.              </a>
  2384.            </div>
  2385.          
  2386.          
  2387.        
  2388.          
  2389.            <div class="header-nav-folder-item">
  2390.              <a
  2391.                href="/closet-doors/panel-louver-and-flush-doors"
  2392.                
  2393.              >
  2394.                <span class="header-nav-folder-item-content">
  2395.                  Paneled &amp; Louver Doors
  2396.                </span>
  2397.              </a>
  2398.            </div>
  2399.          
  2400.          
  2401.        
  2402.          
  2403.            <div class="header-nav-folder-item">
  2404.              <a
  2405.                href="/closet-doors/glass-closet-doors"
  2406.                
  2407.              >
  2408.                <span class="header-nav-folder-item-content">
  2409.                  Glass Closet Doors
  2410.                </span>
  2411.              </a>
  2412.            </div>
  2413.          
  2414.          
  2415.        
  2416.          
  2417.            <div class="header-nav-folder-item">
  2418.              <a
  2419.                href="/closet-doors/room-dividers"
  2420.                
  2421.              >
  2422.                <span class="header-nav-folder-item-content">
  2423.                  Room Dividers
  2424.                </span>
  2425.              </a>
  2426.            </div>
  2427.          
  2428.          
  2429.        
  2430.          
  2431.            <div class="header-nav-folder-item">
  2432.              <a
  2433.                href="/closet-doors/sliding-true-shoji"
  2434.                
  2435.              >
  2436.                <span class="header-nav-folder-item-content">
  2437.                  True Shoji
  2438.                </span>
  2439.              </a>
  2440.            </div>
  2441.          
  2442.          
  2443.        
  2444.      </div>
  2445.    </div>
  2446.  
  2447.  
  2448.  
  2449.  
  2450.  
  2451.    <div class="header-nav-item header-nav-item--folder">
  2452.      <a
  2453.        class="header-nav-folder-title"
  2454.        href="/barn-doors-folder"
  2455.        data-animation-role="header-element"
  2456.        aria-expanded="false"
  2457.        aria-label="folder dropdown"
  2458.        aria-controls="barn-doors"
  2459.        
  2460.      >
  2461.      <span class="header-nav-folder-title-text">
  2462.        Barn Doors
  2463.      </span>
  2464.      </a>
  2465.      <div class="header-nav-folder-content" id="barn-doors">
  2466.        
  2467.          
  2468.            <div class="header-nav-folder-item">
  2469.              <a
  2470.                href="/barn-doors/paneled-wood-doors"
  2471.                
  2472.              >
  2473.                <span class="header-nav-folder-item-content">
  2474.                  Paneled Doors
  2475.                </span>
  2476.              </a>
  2477.            </div>
  2478.          
  2479.          
  2480.        
  2481.          
  2482.            <div class="header-nav-folder-item">
  2483.              <a
  2484.                href="/barn-doors/glass-mirrored-doors"
  2485.                
  2486.              >
  2487.                <span class="header-nav-folder-item-content">
  2488.                  Glass &amp; Mirrored Doors
  2489.                </span>
  2490.              </a>
  2491.            </div>
  2492.          
  2493.          
  2494.        
  2495.          
  2496.            <div class="header-nav-folder-item">
  2497.              <a
  2498.                href="/barn-doors/tracks"
  2499.                
  2500.              >
  2501.                <span class="header-nav-folder-item-content">
  2502.                  Tracks
  2503.                </span>
  2504.              </a>
  2505.            </div>
  2506.          
  2507.          
  2508.        
  2509.          
  2510.            <div class="header-nav-folder-item">
  2511.              <a
  2512.                href="/barn-doors/pulls"
  2513.                
  2514.              >
  2515.                <span class="header-nav-folder-item-content">
  2516.                  Pulls
  2517.                </span>
  2518.              </a>
  2519.            </div>
  2520.          
  2521.          
  2522.        
  2523.      </div>
  2524.    </div>
  2525.  
  2526.  
  2527.  
  2528.  
  2529.  
  2530.    <div class="header-nav-item header-nav-item--folder">
  2531.      <a
  2532.        class="header-nav-folder-title"
  2533.        href="/organizers-folder"
  2534.        data-animation-role="header-element"
  2535.        aria-expanded="false"
  2536.        aria-label="folder dropdown"
  2537.        aria-controls="organizers"
  2538.        
  2539.      >
  2540.      <span class="header-nav-folder-title-text">
  2541.        Organizers
  2542.      </span>
  2543.      </a>
  2544.      <div class="header-nav-folder-content" id="organizers">
  2545.        
  2546.          
  2547.            <div class="header-nav-folder-item">
  2548.              <a
  2549.                href="/organizers/reach-in-closet-organizers"
  2550.                
  2551.              >
  2552.                <span class="header-nav-folder-item-content">
  2553.                  Reach-in Closet Organizers
  2554.                </span>
  2555.              </a>
  2556.            </div>
  2557.          
  2558.          
  2559.        
  2560.          
  2561.            <div class="header-nav-folder-item">
  2562.              <a
  2563.                href="/organizers/walk-in-closet-organizers"
  2564.                
  2565.              >
  2566.                <span class="header-nav-folder-item-content">
  2567.                  Walk-in Closet Organizers
  2568.                </span>
  2569.              </a>
  2570.            </div>
  2571.          
  2572.          
  2573.        
  2574.          
  2575.            <div class="header-nav-folder-item">
  2576.              <a
  2577.                href="/organizers/closet-accessories"
  2578.                
  2579.              >
  2580.                <span class="header-nav-folder-item-content">
  2581.                  Closet Accessories
  2582.                </span>
  2583.              </a>
  2584.            </div>
  2585.          
  2586.          
  2587.        
  2588.          
  2589.            <div class="header-nav-folder-item">
  2590.              <a
  2591.                href="/organizers/garage-accessories"
  2592.                
  2593.              >
  2594.                <span class="header-nav-folder-item-content">
  2595.                  Garage Organizers
  2596.                </span>
  2597.              </a>
  2598.            </div>
  2599.          
  2600.          
  2601.        
  2602.      </div>
  2603.    </div>
  2604.  
  2605.  
  2606.  
  2607.  
  2608.  
  2609.    <div class="header-nav-item header-nav-item--folder">
  2610.      <a
  2611.        class="header-nav-folder-title"
  2612.        href="/door-installation-folder"
  2613.        data-animation-role="header-element"
  2614.        aria-expanded="false"
  2615.        aria-label="folder dropdown"
  2616.        aria-controls="door-installation"
  2617.        
  2618.      >
  2619.      <span class="header-nav-folder-title-text">
  2620.        Door Installation
  2621.      </span>
  2622.      </a>
  2623.      <div class="header-nav-folder-content" id="door-installation">
  2624.        
  2625.          
  2626.            <div class="header-nav-folder-item">
  2627.              <a
  2628.                href="/door-installation/contractors"
  2629.                
  2630.              >
  2631.                <span class="header-nav-folder-item-content">
  2632.                  Contractors
  2633.                </span>
  2634.              </a>
  2635.            </div>
  2636.          
  2637.          
  2638.        
  2639.          
  2640.            <div class="header-nav-folder-item">
  2641.              <a
  2642.                href="/door-installation/real-estate-agents"
  2643.                
  2644.              >
  2645.                <span class="header-nav-folder-item-content">
  2646.                  Real Estate Agents
  2647.                </span>
  2648.              </a>
  2649.            </div>
  2650.          
  2651.          
  2652.        
  2653.          
  2654.            <div class="header-nav-folder-item">
  2655.              <a
  2656.                href="/door-installation/interior-designers"
  2657.                
  2658.              >
  2659.                <span class="header-nav-folder-item-content">
  2660.                  Interior Designers
  2661.                </span>
  2662.              </a>
  2663.            </div>
  2664.          
  2665.          
  2666.        
  2667.      </div>
  2668.    </div>
  2669.  
  2670.  
  2671.  
  2672.  
  2673.  
  2674.    <div class="header-nav-item header-nav-item--collection">
  2675.      <a
  2676.        href="/faq"
  2677.        data-animation-role="header-element"
  2678.        
  2679.      >
  2680.        FAQ
  2681.      </a>
  2682.    </div>
  2683.  
  2684.  
  2685.  
  2686.  
  2687.  
  2688.  
  2689.    <div class="header-nav-item header-nav-item--collection">
  2690.      <a
  2691.        href="/testimonials"
  2692.        data-animation-role="header-element"
  2693.        
  2694.      >
  2695.        Testimonials
  2696.      </a>
  2697.    </div>
  2698.  
  2699.  
  2700.  
  2701.  
  2702.  
  2703.  
  2704.    <div class="header-nav-item header-nav-item--collection">
  2705.      <a
  2706.        href="/about"
  2707.        data-animation-role="header-element"
  2708.        
  2709.      >
  2710.        About Us
  2711.      </a>
  2712.    </div>
  2713.  
  2714.  
  2715.  
  2716.  
  2717.  
  2718.  
  2719.    <div class="header-nav-item header-nav-item--collection">
  2720.      <a
  2721.        href="/contact-us"
  2722.        data-animation-role="header-element"
  2723.        
  2724.      >
  2725.        Contact Us
  2726.      </a>
  2727.    </div>
  2728.  
  2729.  
  2730.  
  2731.  
  2732.  
  2733.  
  2734.    <div class="header-nav-item header-nav-item--collection">
  2735.      <a
  2736.        href="/will-call"
  2737.        data-animation-role="header-element"
  2738.        
  2739.      >
  2740.        Local pickup / Will Call
  2741.      </a>
  2742.    </div>
  2743.  
  2744.  
  2745.  
  2746.  
  2747.  
  2748.  
  2749.                    </nav>
  2750.                  </div>
  2751.                </div>
  2752.              
  2753.              
  2754.            </div>
  2755.          
  2756.          
  2757.        </div>
  2758.      </div>
  2759.    </div>
  2760.    <!-- (Mobile) Menu Navigation -->
  2761.    <div class="header-menu header-menu--folder-list
  2762.      white
  2763.      
  2764.      
  2765.      
  2766.      
  2767.      "
  2768.      data-section-theme="white"
  2769.      data-current-styles="{
  2770. &quot;layout&quot;: &quot;navRight&quot;,
  2771. &quot;action&quot;: {
  2772. &quot;href&quot;: &quot;/donate&quot;,
  2773. &quot;buttonText&quot;: &quot;Donate&quot;,
  2774. &quot;newWindow&quot;: false
  2775. },
  2776. &quot;showSocial&quot;: true,
  2777. &quot;socialOptions&quot;: {
  2778. &quot;socialBorderShape&quot;: &quot;none&quot;,
  2779. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  2780. &quot;socialBorderThickness&quot;: {
  2781. &quot;unit&quot;: &quot;px&quot;,
  2782. &quot;value&quot;: 1.0
  2783. }
  2784. },
  2785. &quot;sectionTheme&quot;: &quot;white&quot;,
  2786. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  2787. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  2788. &quot;cartStyle&quot;: &quot;cart&quot;,
  2789. &quot;cartText&quot;: &quot;Cart&quot;,
  2790. &quot;showEmptyCartState&quot;: true,
  2791. &quot;cartOptions&quot;: {
  2792. &quot;iconType&quot;: &quot;stroke-1&quot;,
  2793. &quot;cartBorderShape&quot;: &quot;none&quot;,
  2794. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  2795. &quot;cartBorderThickness&quot;: {
  2796. &quot;unit&quot;: &quot;px&quot;,
  2797. &quot;value&quot;: 1.0
  2798. }
  2799. },
  2800. &quot;showButton&quot;: false,
  2801. &quot;showCart&quot;: false,
  2802. &quot;showAccountLogin&quot;: false,
  2803. &quot;headerStyle&quot;: &quot;theme&quot;,
  2804. &quot;languagePicker&quot;: {
  2805. &quot;enabled&quot;: false,
  2806. &quot;iconEnabled&quot;: false,
  2807. &quot;iconType&quot;: &quot;globe&quot;,
  2808. &quot;flagShape&quot;: &quot;shiny&quot;,
  2809. &quot;languageFlags&quot;: [ ]
  2810. },
  2811. &quot;iconOptions&quot;: {
  2812. &quot;desktopDropdownIconOptions&quot;: {
  2813. &quot;endcapType&quot;: &quot;square&quot;,
  2814. &quot;folderDropdownIcon&quot;: &quot;none&quot;,
  2815. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  2816. },
  2817. &quot;mobileDropdownIconOptions&quot;: {
  2818. &quot;endcapType&quot;: &quot;square&quot;,
  2819. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  2820. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  2821. }
  2822. },
  2823. &quot;mobileOptions&quot;: {
  2824. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  2825. &quot;menuIconOptions&quot;: {
  2826. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  2827. &quot;thickness&quot;: {
  2828. &quot;unit&quot;: &quot;px&quot;,
  2829. &quot;value&quot;: 3.0
  2830. }
  2831. }
  2832. },
  2833. &quot;solidOptions&quot;: {
  2834. &quot;headerOpacity&quot;: {
  2835. &quot;unit&quot;: &quot;%&quot;,
  2836. &quot;value&quot;: 100.0
  2837. },
  2838. &quot;blurBackground&quot;: {
  2839. &quot;enabled&quot;: false,
  2840. &quot;blurRadius&quot;: {
  2841. &quot;unit&quot;: &quot;px&quot;,
  2842. &quot;value&quot;: 12.0
  2843. }
  2844. },
  2845. &quot;backgroundColor&quot;: {
  2846. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2847. &quot;sitePaletteColor&quot;: {
  2848. &quot;colorName&quot;: &quot;white&quot;,
  2849. &quot;alphaModifier&quot;: 1.0
  2850. }
  2851. },
  2852. &quot;navigationColor&quot;: {
  2853. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2854. &quot;sitePaletteColor&quot;: {
  2855. &quot;colorName&quot;: &quot;black&quot;,
  2856. &quot;alphaModifier&quot;: 1.0
  2857. }
  2858. }
  2859. },
  2860. &quot;gradientOptions&quot;: {
  2861. &quot;gradientType&quot;: &quot;faded&quot;,
  2862. &quot;headerOpacity&quot;: {
  2863. &quot;unit&quot;: &quot;%&quot;,
  2864. &quot;value&quot;: 90.0
  2865. },
  2866. &quot;blurBackground&quot;: {
  2867. &quot;enabled&quot;: false,
  2868. &quot;blurRadius&quot;: {
  2869. &quot;unit&quot;: &quot;px&quot;,
  2870. &quot;value&quot;: 12.0
  2871. }
  2872. },
  2873. &quot;backgroundColor&quot;: {
  2874. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2875. &quot;sitePaletteColor&quot;: {
  2876. &quot;colorName&quot;: &quot;white&quot;,
  2877. &quot;alphaModifier&quot;: 1.0
  2878. }
  2879. },
  2880. &quot;navigationColor&quot;: {
  2881. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2882. &quot;sitePaletteColor&quot;: {
  2883. &quot;colorName&quot;: &quot;black&quot;,
  2884. &quot;alphaModifier&quot;: 1.0
  2885. }
  2886. }
  2887. },
  2888. &quot;dropShadowOptions&quot;: {
  2889. &quot;enabled&quot;: false,
  2890. &quot;blur&quot;: {
  2891. &quot;unit&quot;: &quot;px&quot;,
  2892. &quot;value&quot;: 12.0
  2893. },
  2894. &quot;spread&quot;: {
  2895. &quot;unit&quot;: &quot;px&quot;,
  2896. &quot;value&quot;: 0.0
  2897. },
  2898. &quot;distance&quot;: {
  2899. &quot;unit&quot;: &quot;px&quot;,
  2900. &quot;value&quot;: 12.0
  2901. }
  2902. },
  2903. &quot;borderOptions&quot;: {
  2904. &quot;enabled&quot;: false,
  2905. &quot;position&quot;: &quot;bottom&quot;,
  2906. &quot;thickness&quot;: {
  2907. &quot;unit&quot;: &quot;px&quot;,
  2908. &quot;value&quot;: 4.0
  2909. }
  2910. },
  2911. &quot;showPromotedElement&quot;: false,
  2912. &quot;buttonVariant&quot;: &quot;primary&quot;,
  2913. &quot;blurBackground&quot;: {
  2914. &quot;enabled&quot;: false,
  2915. &quot;blurRadius&quot;: {
  2916. &quot;unit&quot;: &quot;px&quot;,
  2917. &quot;value&quot;: 12.0
  2918. }
  2919. },
  2920. &quot;headerOpacity&quot;: {
  2921. &quot;unit&quot;: &quot;%&quot;,
  2922. &quot;value&quot;: 100.0
  2923. }
  2924. }"
  2925.      data-section-id="overlay-nav"
  2926.      data-show-account-login="false"
  2927.      data-test="header-menu">
  2928.      <div class="header-menu-bg theme-bg--primary"></div>
  2929.      <div class="header-menu-nav">
  2930.        <nav class="header-menu-nav-list">
  2931.          <div data-folder="root" class="header-menu-nav-folder">
  2932.            <div class="header-menu-nav-folder-content">
  2933.              <!-- Menu Navigation -->
  2934. <div class="header-menu-nav-wrapper">
  2935.  
  2936.    
  2937.      
  2938.        
  2939.          <div class="container header-menu-nav-item">
  2940.            <a
  2941.              data-folder-id="/interior-doors-folder"
  2942.              href="/interior-doors-folder"
  2943.              
  2944.            >
  2945.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  2946.                <span class="visually-hidden">Folder:</span>
  2947.                <span class="header-nav-folder-title-text">Interior Doors</span>
  2948.              </div>
  2949.            </a>
  2950.          </div>
  2951.          <div data-folder="/interior-doors-folder" class="header-menu-nav-folder">
  2952.            <div class="header-menu-nav-folder-content">
  2953.              <div class="header-menu-controls container header-menu-nav-item">
  2954.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  2955.                  <span>Back</span>
  2956.                </a>
  2957.              </div>
  2958.              
  2959.                
  2960.                  <div class="container header-menu-nav-item">
  2961.                    <a
  2962.                      href="/interior-doors/signature-collection"
  2963.                      
  2964.                    >
  2965.                      <div class="header-menu-nav-item-content">
  2966.                        Signature Collection
  2967.                      </div>
  2968.                    </a>
  2969.                  </div>
  2970.                
  2971.                
  2972.              
  2973.                
  2974.                  <div class="container header-menu-nav-item">
  2975.                    <a
  2976.                      href="/interior-doors/premium-doors"
  2977.                      
  2978.                    >
  2979.                      <div class="header-menu-nav-item-content">
  2980.                        Premium Doors
  2981.                      </div>
  2982.                    </a>
  2983.                  </div>
  2984.                
  2985.                
  2986.              
  2987.                
  2988.                  <div class="container header-menu-nav-item">
  2989.                    <a
  2990.                      href="/interior-doors/glass-doors"
  2991.                      
  2992.                    >
  2993.                      <div class="header-menu-nav-item-content">
  2994.                        Glass Doors
  2995.                      </div>
  2996.                    </a>
  2997.                  </div>
  2998.                
  2999.                
  3000.              
  3001.                
  3002.                  <div class="container header-menu-nav-item">
  3003.                    <a
  3004.                      href="/interior-doors/stain-grade-doors"
  3005.                      
  3006.                    >
  3007.                      <div class="header-menu-nav-item-content">
  3008.                        Stain Grade Doors
  3009.                      </div>
  3010.                    </a>
  3011.                  </div>
  3012.                
  3013.                
  3014.              
  3015.                
  3016.                  <div class="container header-menu-nav-item">
  3017.                    <a
  3018.                      href="/interior-doors/contemporary-doors"
  3019.                      
  3020.                    >
  3021.                      <div class="header-menu-nav-item-content">
  3022.                        Contemporary Doors
  3023.                      </div>
  3024.                    </a>
  3025.                  </div>
  3026.                
  3027.                
  3028.              
  3029.            </div>
  3030.          </div>
  3031.        
  3032.      
  3033.    
  3034.      
  3035.        
  3036.          <div class="container header-menu-nav-item">
  3037.            <a
  3038.              data-folder-id="/closet-doors-folder"
  3039.              href="/closet-doors-folder"
  3040.              
  3041.            >
  3042.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3043.                <span class="visually-hidden">Folder:</span>
  3044.                <span class="header-nav-folder-title-text">Closet Doors</span>
  3045.              </div>
  3046.            </a>
  3047.          </div>
  3048.          <div data-folder="/closet-doors-folder" class="header-menu-nav-folder">
  3049.            <div class="header-menu-nav-folder-content">
  3050.              <div class="header-menu-controls container header-menu-nav-item">
  3051.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3052.                  <span>Back</span>
  3053.                </a>
  3054.              </div>
  3055.              
  3056.                
  3057.                  <div class="container header-menu-nav-item">
  3058.                    <a
  3059.                      href="/closet-doors/mirrored-closet-doors"
  3060.                      
  3061.                    >
  3062.                      <div class="header-menu-nav-item-content">
  3063.                        Mirrored Closet Doors
  3064.                      </div>
  3065.                    </a>
  3066.                  </div>
  3067.                
  3068.                
  3069.              
  3070.                
  3071.                  <div class="container header-menu-nav-item">
  3072.                    <a
  3073.                      href="/closet-doors/panel-louver-and-flush-doors"
  3074.                      
  3075.                    >
  3076.                      <div class="header-menu-nav-item-content">
  3077.                        Paneled &amp; Louver Doors
  3078.                      </div>
  3079.                    </a>
  3080.                  </div>
  3081.                
  3082.                
  3083.              
  3084.                
  3085.                  <div class="container header-menu-nav-item">
  3086.                    <a
  3087.                      href="/closet-doors/glass-closet-doors"
  3088.                      
  3089.                    >
  3090.                      <div class="header-menu-nav-item-content">
  3091.                        Glass Closet Doors
  3092.                      </div>
  3093.                    </a>
  3094.                  </div>
  3095.                
  3096.                
  3097.              
  3098.                
  3099.                  <div class="container header-menu-nav-item">
  3100.                    <a
  3101.                      href="/closet-doors/room-dividers"
  3102.                      
  3103.                    >
  3104.                      <div class="header-menu-nav-item-content">
  3105.                        Room Dividers
  3106.                      </div>
  3107.                    </a>
  3108.                  </div>
  3109.                
  3110.                
  3111.              
  3112.                
  3113.                  <div class="container header-menu-nav-item">
  3114.                    <a
  3115.                      href="/closet-doors/sliding-true-shoji"
  3116.                      
  3117.                    >
  3118.                      <div class="header-menu-nav-item-content">
  3119.                        True Shoji
  3120.                      </div>
  3121.                    </a>
  3122.                  </div>
  3123.                
  3124.                
  3125.              
  3126.            </div>
  3127.          </div>
  3128.        
  3129.      
  3130.    
  3131.      
  3132.        
  3133.          <div class="container header-menu-nav-item">
  3134.            <a
  3135.              data-folder-id="/barn-doors-folder"
  3136.              href="/barn-doors-folder"
  3137.              
  3138.            >
  3139.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3140.                <span class="visually-hidden">Folder:</span>
  3141.                <span class="header-nav-folder-title-text">Barn Doors</span>
  3142.              </div>
  3143.            </a>
  3144.          </div>
  3145.          <div data-folder="/barn-doors-folder" class="header-menu-nav-folder">
  3146.            <div class="header-menu-nav-folder-content">
  3147.              <div class="header-menu-controls container header-menu-nav-item">
  3148.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3149.                  <span>Back</span>
  3150.                </a>
  3151.              </div>
  3152.              
  3153.                
  3154.                  <div class="container header-menu-nav-item">
  3155.                    <a
  3156.                      href="/barn-doors/paneled-wood-doors"
  3157.                      
  3158.                    >
  3159.                      <div class="header-menu-nav-item-content">
  3160.                        Paneled Doors
  3161.                      </div>
  3162.                    </a>
  3163.                  </div>
  3164.                
  3165.                
  3166.              
  3167.                
  3168.                  <div class="container header-menu-nav-item">
  3169.                    <a
  3170.                      href="/barn-doors/glass-mirrored-doors"
  3171.                      
  3172.                    >
  3173.                      <div class="header-menu-nav-item-content">
  3174.                        Glass &amp; Mirrored Doors
  3175.                      </div>
  3176.                    </a>
  3177.                  </div>
  3178.                
  3179.                
  3180.              
  3181.                
  3182.                  <div class="container header-menu-nav-item">
  3183.                    <a
  3184.                      href="/barn-doors/tracks"
  3185.                      
  3186.                    >
  3187.                      <div class="header-menu-nav-item-content">
  3188.                        Tracks
  3189.                      </div>
  3190.                    </a>
  3191.                  </div>
  3192.                
  3193.                
  3194.              
  3195.                
  3196.                  <div class="container header-menu-nav-item">
  3197.                    <a
  3198.                      href="/barn-doors/pulls"
  3199.                      
  3200.                    >
  3201.                      <div class="header-menu-nav-item-content">
  3202.                        Pulls
  3203.                      </div>
  3204.                    </a>
  3205.                  </div>
  3206.                
  3207.                
  3208.              
  3209.            </div>
  3210.          </div>
  3211.        
  3212.      
  3213.    
  3214.      
  3215.        
  3216.          <div class="container header-menu-nav-item">
  3217.            <a
  3218.              data-folder-id="/organizers-folder"
  3219.              href="/organizers-folder"
  3220.              
  3221.            >
  3222.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3223.                <span class="visually-hidden">Folder:</span>
  3224.                <span class="header-nav-folder-title-text">Organizers</span>
  3225.              </div>
  3226.            </a>
  3227.          </div>
  3228.          <div data-folder="/organizers-folder" class="header-menu-nav-folder">
  3229.            <div class="header-menu-nav-folder-content">
  3230.              <div class="header-menu-controls container header-menu-nav-item">
  3231.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3232.                  <span>Back</span>
  3233.                </a>
  3234.              </div>
  3235.              
  3236.                
  3237.                  <div class="container header-menu-nav-item">
  3238.                    <a
  3239.                      href="/organizers/reach-in-closet-organizers"
  3240.                      
  3241.                    >
  3242.                      <div class="header-menu-nav-item-content">
  3243.                        Reach-in Closet Organizers
  3244.                      </div>
  3245.                    </a>
  3246.                  </div>
  3247.                
  3248.                
  3249.              
  3250.                
  3251.                  <div class="container header-menu-nav-item">
  3252.                    <a
  3253.                      href="/organizers/walk-in-closet-organizers"
  3254.                      
  3255.                    >
  3256.                      <div class="header-menu-nav-item-content">
  3257.                        Walk-in Closet Organizers
  3258.                      </div>
  3259.                    </a>
  3260.                  </div>
  3261.                
  3262.                
  3263.              
  3264.                
  3265.                  <div class="container header-menu-nav-item">
  3266.                    <a
  3267.                      href="/organizers/closet-accessories"
  3268.                      
  3269.                    >
  3270.                      <div class="header-menu-nav-item-content">
  3271.                        Closet Accessories
  3272.                      </div>
  3273.                    </a>
  3274.                  </div>
  3275.                
  3276.                
  3277.              
  3278.                
  3279.                  <div class="container header-menu-nav-item">
  3280.                    <a
  3281.                      href="/organizers/garage-accessories"
  3282.                      
  3283.                    >
  3284.                      <div class="header-menu-nav-item-content">
  3285.                        Garage Organizers
  3286.                      </div>
  3287.                    </a>
  3288.                  </div>
  3289.                
  3290.                
  3291.              
  3292.            </div>
  3293.          </div>
  3294.        
  3295.      
  3296.    
  3297.      
  3298.        
  3299.          <div class="container header-menu-nav-item">
  3300.            <a
  3301.              data-folder-id="/door-installation-folder"
  3302.              href="/door-installation-folder"
  3303.              
  3304.            >
  3305.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3306.                <span class="visually-hidden">Folder:</span>
  3307.                <span class="header-nav-folder-title-text">Door Installation</span>
  3308.              </div>
  3309.            </a>
  3310.          </div>
  3311.          <div data-folder="/door-installation-folder" class="header-menu-nav-folder">
  3312.            <div class="header-menu-nav-folder-content">
  3313.              <div class="header-menu-controls container header-menu-nav-item">
  3314.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3315.                  <span>Back</span>
  3316.                </a>
  3317.              </div>
  3318.              
  3319.                
  3320.                  <div class="container header-menu-nav-item">
  3321.                    <a
  3322.                      href="/door-installation/contractors"
  3323.                      
  3324.                    >
  3325.                      <div class="header-menu-nav-item-content">
  3326.                        Contractors
  3327.                      </div>
  3328.                    </a>
  3329.                  </div>
  3330.                
  3331.                
  3332.              
  3333.                
  3334.                  <div class="container header-menu-nav-item">
  3335.                    <a
  3336.                      href="/door-installation/real-estate-agents"
  3337.                      
  3338.                    >
  3339.                      <div class="header-menu-nav-item-content">
  3340.                        Real Estate Agents
  3341.                      </div>
  3342.                    </a>
  3343.                  </div>
  3344.                
  3345.                
  3346.              
  3347.                
  3348.                  <div class="container header-menu-nav-item">
  3349.                    <a
  3350.                      href="/door-installation/interior-designers"
  3351.                      
  3352.                    >
  3353.                      <div class="header-menu-nav-item-content">
  3354.                        Interior Designers
  3355.                      </div>
  3356.                    </a>
  3357.                  </div>
  3358.                
  3359.                
  3360.              
  3361.            </div>
  3362.          </div>
  3363.        
  3364.      
  3365.    
  3366.      
  3367.        
  3368.          
  3369.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3370.              <a
  3371.                href="/faq"
  3372.                
  3373.              >
  3374.                <div class="header-menu-nav-item-content">
  3375.                  FAQ
  3376.                </div>
  3377.              </a>
  3378.            </div>
  3379.          
  3380.        
  3381.      
  3382.    
  3383.      
  3384.        
  3385.          
  3386.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3387.              <a
  3388.                href="/testimonials"
  3389.                
  3390.              >
  3391.                <div class="header-menu-nav-item-content">
  3392.                  Testimonials
  3393.                </div>
  3394.              </a>
  3395.            </div>
  3396.          
  3397.        
  3398.      
  3399.    
  3400.      
  3401.        
  3402.          
  3403.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3404.              <a
  3405.                href="/about"
  3406.                
  3407.              >
  3408.                <div class="header-menu-nav-item-content">
  3409.                  About Us
  3410.                </div>
  3411.              </a>
  3412.            </div>
  3413.          
  3414.        
  3415.      
  3416.    
  3417.      
  3418.        
  3419.          
  3420.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3421.              <a
  3422.                href="/contact-us"
  3423.                
  3424.              >
  3425.                <div class="header-menu-nav-item-content">
  3426.                  Contact Us
  3427.                </div>
  3428.              </a>
  3429.            </div>
  3430.          
  3431.        
  3432.      
  3433.    
  3434.      
  3435.        
  3436.          
  3437.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3438.              <a
  3439.                href="/will-call"
  3440.                
  3441.              >
  3442.                <div class="header-menu-nav-item-content">
  3443.                  Local pickup / Will Call
  3444.                </div>
  3445.              </a>
  3446.            </div>
  3447.          
  3448.        
  3449.      
  3450.    
  3451.  
  3452. </div>
  3453.  
  3454.              
  3455.            </div>
  3456.            
  3457.              <div class="header-menu-actions social-accounts">
  3458.                
  3459.                  
  3460.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3461.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" aria-label="URL">
  3462.                        <svg viewBox="23 23 64 64">
  3463.                          <use xlink:href="#url-icon" width="110" height="110"></use>
  3464.                        </svg>
  3465.                      </a>
  3466.                    </div>
  3467.                  
  3468.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3469.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.facebook.com/interiordoorandcloset" target="_blank" aria-label="Facebook">
  3470.                        <svg viewBox="23 23 64 64">
  3471.                          <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  3472.                        </svg>
  3473.                      </a>
  3474.                    </div>
  3475.                  
  3476.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3477.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.pinterest.com/ocdoors/" target="_blank" aria-label="Pinterest">
  3478.                        <svg viewBox="23 23 64 64">
  3479.                          <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  3480.                        </svg>
  3481.                      </a>
  3482.                    </div>
  3483.                  
  3484.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3485.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" aria-label="LinkedIn">
  3486.                        <svg viewBox="23 23 64 64">
  3487.                          <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  3488.                        </svg>
  3489.                      </a>
  3490.                    </div>
  3491.                  
  3492.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3493.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" aria-label="Houzz">
  3494.                        <svg viewBox="23 23 64 64">
  3495.                          <use xlink:href="#houzz-icon" width="110" height="110"></use>
  3496.                        </svg>
  3497.                      </a>
  3498.                    </div>
  3499.                  
  3500.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3501.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" aria-label="Instagram">
  3502.                        <svg viewBox="23 23 64 64">
  3503.                          <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
  3504.                        </svg>
  3505.                      </a>
  3506.                    </div>
  3507.                  
  3508.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3509.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  3510.                        <svg viewBox="23 23 64 64">
  3511.                          <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  3512.                        </svg>
  3513.                      </a>
  3514.                    </div>
  3515.                  
  3516.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3517.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  3518.                        <svg viewBox="23 23 64 64">
  3519.                          <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  3520.                        </svg>
  3521.                      </a>
  3522.                    </div>
  3523.                  
  3524.                
  3525.              </div>
  3526.            
  3527.            
  3528.            
  3529.          </div>
  3530.        </nav>
  3531.      </div>
  3532.    </div>
  3533.  </header>
  3534.  
  3535.  
  3536.  
  3537.  
  3538.      <main id="page" class="container" role="main">
  3539.        
  3540.          
  3541. <article class="sections" id="sections" data-page-sections="62dfa072528d6a3af102533f">
  3542.  
  3543.  
  3544.    
  3545.    
  3546.  
  3547.  
  3548.  
  3549.  
  3550.  
  3551.  
  3552. <section
  3553.  data-test="page-section"
  3554.  
  3555.  data-section-theme="white"
  3556.  class='page-section
  3557.    
  3558.      full-bleed-section
  3559.      layout-engine-section
  3560.    
  3561.    background-width--full-bleed
  3562.    
  3563.      
  3564.        section-height--custom
  3565.      
  3566.    
  3567.    
  3568.      content-width--wide
  3569.    
  3570.    horizontal-alignment--center
  3571.    vertical-alignment--middle
  3572.    
  3573.      
  3574.    
  3575.    
  3576.    white'
  3577.  
  3578.  data-section-id="62e0cb456bb68f266af7b2c6"
  3579.  
  3580.  data-controller="SectionWrapperController"
  3581.  data-current-styles="{
  3582. &quot;imageOverlayOpacity&quot;: 0.15,
  3583. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  3584. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  3585. &quot;customSectionHeight&quot;: 0,
  3586. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  3587. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  3588. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  3589. &quot;customContentWidth&quot;: 50,
  3590. &quot;backgroundColor&quot;: &quot;&quot;,
  3591. &quot;sectionTheme&quot;: &quot;white&quot;,
  3592. &quot;sectionAnimation&quot;: &quot;none&quot;,
  3593. &quot;backgroundMode&quot;: &quot;image&quot;
  3594. }"
  3595.  data-current-context="{
  3596. &quot;video&quot;: {
  3597. &quot;playbackSpeed&quot;: 0.5,
  3598. &quot;filter&quot;: 1,
  3599. &quot;filterStrength&quot;: 0,
  3600. &quot;zoom&quot;: 0,
  3601. &quot;videoSourceProvider&quot;: &quot;none&quot;
  3602. },
  3603. &quot;backgroundImageId&quot;: null,
  3604. &quot;backgroundMediaEffect&quot;: null,
  3605. &quot;divider&quot;: null,
  3606. &quot;typeName&quot;: &quot;page&quot;
  3607. }"
  3608.  data-animation="none"
  3609.  data-fluid-engine-section
  3610.  
  3611.  
  3612.  
  3613. >
  3614.  <div
  3615.    class="section-border"
  3616.    
  3617.  >
  3618.    <div class="section-background">
  3619.    
  3620.      
  3621.    
  3622.    </div>
  3623.  </div>
  3624.  <div
  3625.    class='content-wrapper'
  3626.    style='
  3627.      
  3628.        
  3629.          
  3630.          
  3631.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  3632.        
  3633.      
  3634.    '
  3635.  >
  3636.    <div
  3637.      class="content"
  3638.      
  3639.    >
  3640.      
  3641.      
  3642.      
  3643.      
  3644.      
  3645.      
  3646.      
  3647.      
  3648.      <div data-fluid-engine="true"><style>
  3649.  
  3650. .fe-62e0cb469d92f32ed9e4bec9 {
  3651.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  3652.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  3653.  
  3654.  display: grid;
  3655.  position: relative;
  3656.  grid-area: 1/1/-1/-1;
  3657.  grid-template-rows: repeat(19,minmax(24px, auto));
  3658.  grid-template-columns:
  3659.    minmax(var(--grid-gutter), 1fr)
  3660.    repeat(8, minmax(0, var(--cell-max-width)))
  3661.    minmax(var(--grid-gutter), 1fr);
  3662.  row-gap: 11.0px;
  3663.  column-gap: 11.0px;
  3664. }
  3665.  
  3666. @media (min-width: 768px) {
  3667.  .background-width--inset .fe-62e0cb469d92f32ed9e4bec9 {
  3668.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  3669.  }
  3670.  
  3671.  .fe-62e0cb469d92f32ed9e4bec9 {
  3672.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  3673.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  3674.    --inset-padding: 0vw;
  3675.  
  3676.    --row-height-scaling-factor: 0.0215;
  3677.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  3678.  
  3679.    grid-template-rows: repeat(28,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  3680.    grid-template-columns:
  3681.      minmax(var(--grid-gutter), 1fr)
  3682.      repeat(24, minmax(0, var(--cell-max-width)))
  3683.      minmax(var(--grid-gutter), 1fr);
  3684.  }
  3685. }
  3686.  
  3687.  
  3688.  .fe-block-yui_3_17_2_1_1658895487437_133502 {
  3689.    grid-area: 1/1/16/11;
  3690.    z-index: 1;
  3691.  
  3692.    @media (max-width: 767px) {
  3693.      
  3694.      
  3695.    }
  3696.  }
  3697.  
  3698.  .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block {
  3699.    justify-content: flex-start;
  3700.  }
  3701.  
  3702.  .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block-alignment-wrapper {
  3703.    align-items: flex-start;
  3704.  }
  3705.  
  3706.  @media (min-width: 768px) {
  3707.    .fe-block-yui_3_17_2_1_1658895487437_133502 {
  3708.      grid-area: 1/1/29/27;
  3709.      z-index: 1;
  3710.  
  3711.      
  3712.  
  3713.      
  3714.    }
  3715.  
  3716.    .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block {
  3717.      justify-content: flex-start;
  3718.    }
  3719.  
  3720.    .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block-alignment-wrapper {
  3721.      align-items: flex-start;
  3722.    }
  3723.  }
  3724.  
  3725.  .fe-block-yui_3_17_2_1_1718252774278_20087 {
  3726.    grid-area: 16/2/18/10;
  3727.    z-index: 3;
  3728.  
  3729.    @media (max-width: 767px) {
  3730.      
  3731.        
  3732.      
  3733.      
  3734.    }
  3735.  }
  3736.  
  3737.  .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block {
  3738.    justify-content: flex-start;
  3739.  }
  3740.  
  3741.  .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block-alignment-wrapper {
  3742.    align-items: flex-start;
  3743.  }
  3744.  
  3745.  @media (min-width: 768px) {
  3746.    .fe-block-yui_3_17_2_1_1718252774278_20087 {
  3747.      grid-area: 4/2/10/14;
  3748.      z-index: 3;
  3749.  
  3750.      
  3751.        
  3752.      
  3753.  
  3754.      
  3755.    }
  3756.  
  3757.    .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block {
  3758.      justify-content: flex-start;
  3759.    }
  3760.  
  3761.    .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block-alignment-wrapper {
  3762.      align-items: flex-start;
  3763.    }
  3764.  }
  3765.  
  3766.  .fe-block-yui_3_17_2_1_1717650238425_14446 {
  3767.    grid-area: 18/2/20/10;
  3768.    z-index: 2;
  3769.  
  3770.    @media (max-width: 767px) {
  3771.      
  3772.        
  3773.      
  3774.      
  3775.    }
  3776.  }
  3777.  
  3778.  .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block {
  3779.    justify-content: flex-start;
  3780.  }
  3781.  
  3782.  .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block-alignment-wrapper {
  3783.    align-items: flex-start;
  3784.  }
  3785.  
  3786.  @media (min-width: 768px) {
  3787.    .fe-block-yui_3_17_2_1_1717650238425_14446 {
  3788.      grid-area: 14/2/29/14;
  3789.      z-index: 2;
  3790.  
  3791.      
  3792.        
  3793.      
  3794.  
  3795.      
  3796.    }
  3797.  
  3798.    .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block {
  3799.      justify-content: flex-start;
  3800.    }
  3801.  
  3802.    .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block-alignment-wrapper {
  3803.      align-items: flex-start;
  3804.    }
  3805.  }
  3806.  
  3807. </style><div class="fluid-engine fe-62e0cb469d92f32ed9e4bec9"><div class="fe-block fe-block-yui_3_17_2_1_1658895487437_133502"><div class="sqs-block gallery-block sqs-block-gallery" data-block-json="&#123;&quot;methodOption&quot;:&quot;transient&quot;,&quot;existingGallery&quot;:null,&quot;newWindow&quot;:false,&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;62e0ccc335f4c61461ef3293&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;62e0ccc335f4c61461ef3293&quot;&#125;" data-block-type="8" id="block-yui_3_17_2_1_1658895487437_133502"><div class="sqs-block-content">
  3808.  
  3809.  
  3810.  
  3811.  
  3812.  
  3813.  
  3814.  
  3815. <div class="
  3816.  sqs-gallery-container
  3817.  sqs-gallery-block-grid
  3818.  sqs-gallery-aspect-ratio-square
  3819.  sqs-gallery-thumbnails-per-row-4
  3820.  
  3821.  
  3822.  
  3823.  
  3824.    
  3825.    
  3826.  
  3827.  sqs-gallery-block-show-meta
  3828.  
  3829.  
  3830.  
  3831.  
  3832.  
  3833.  
  3834.  
  3835.  block-animation-none
  3836.  clear"
  3837.  
  3838.  
  3839. >
  3840.  <div class="sqs-gallery">
  3841.    
  3842.      
  3843.  
  3844.        
  3845.  
  3846.        
  3847.  
  3848.        
  3849.          
  3850.            <div class="slide" data-type="image" data-animation-role="image">
  3851.              <div class="margin-wrapper">
  3852.                
  3853.                <a
  3854.                  
  3855.                    
  3856.                      role="presentation"
  3857.                    
  3858.                  
  3859.  
  3860.                  class="
  3861.                    image-slide-anchor
  3862.                    
  3863.                    content-fill
  3864.                  "
  3865.                >
  3866.                  
  3867.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726183963948-A2PGXBQAVMV3MME7S6U5/Cloud+Allegra+Closet.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/62df9f96468cac7176a697b8/1726183963948-A2PGXBQAVMV3MME7S6U5/Cloud+Allegra+Closet.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726183963948-A2PGXBQAVMV3MME7S6U5/Cloud+Allegra+Closet.png" data-image-dimensions="5000x3333" data-image-focal-point="0.5,0.5" alt="Cloud Allegra Closet.png" data-load="false" data-image-id="66e37a0a5b45f81bdd7fbfc9" data-type="image" />
  3868.                </a>
  3869.                
  3870.              </div>
  3871.            </div>
  3872.          
  3873.  
  3874.          
  3875.        
  3876.  
  3877.      
  3878.  
  3879.        
  3880.  
  3881.        
  3882.  
  3883.        
  3884.          
  3885.            <div class="slide" data-type="image" data-animation-role="image">
  3886.              <div class="margin-wrapper">
  3887.                
  3888.                <a
  3889.                  
  3890.                    
  3891.                      role="presentation"
  3892.                    
  3893.                  
  3894.  
  3895.                  class="
  3896.                    image-slide-anchor
  3897.                    
  3898.                    content-fill
  3899.                  "
  3900.                >
  3901.                  
  3902.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1692942913794-0ML0WXVZASN135AZ5MZ0/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/62df9f96468cac7176a697b8/1692942913794-0ML0WXVZASN135AZ5MZ0/interior-door+%281%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1692942913794-0ML0WXVZASN135AZ5MZ0/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="64e842419722521e2f571351" data-type="image" />
  3903.                </a>
  3904.                
  3905.              </div>
  3906.            </div>
  3907.          
  3908.  
  3909.          
  3910.        
  3911.  
  3912.      
  3913.  
  3914.        
  3915.  
  3916.        
  3917.  
  3918.        
  3919.          
  3920.            <div class="slide" data-type="image" data-animation-role="image">
  3921.              <div class="margin-wrapper">
  3922.                
  3923.                <a
  3924.                  
  3925.                    
  3926.                      role="presentation"
  3927.                    
  3928.                  
  3929.  
  3930.                  class="
  3931.                    image-slide-anchor
  3932.                    
  3933.                    content-fill
  3934.                  "
  3935.                >
  3936.                  
  3937.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184706993-LC5NCT6DSIJ925P42WOR/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/62df9f96468cac7176a697b8/1726184706993-LC5NCT6DSIJ925P42WOR/Jeld-Wen+Birkdale.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184706993-LC5NCT6DSIJ925P42WOR/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="66e37cf07808923a788aea19" data-type="image" />
  3938.                </a>
  3939.                
  3940.              </div>
  3941.            </div>
  3942.          
  3943.  
  3944.          
  3945.        
  3946.  
  3947.      
  3948.  
  3949.        
  3950.  
  3951.        
  3952.  
  3953.        
  3954.          
  3955.            <div class="slide" data-type="image" data-animation-role="image">
  3956.              <div class="margin-wrapper">
  3957.                
  3958.                <a
  3959.                  
  3960.                    
  3961.                      role="presentation"
  3962.                    
  3963.                  
  3964.  
  3965.                  class="
  3966.                    image-slide-anchor
  3967.                    
  3968.                    content-fill
  3969.                  "
  3970.                >
  3971.                  
  3972.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184157035-HUF1Y0HH3D7VOQDBQZV3/5-Lite+Privacy+-+2+-+Copy.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/62df9f96468cac7176a697b8/1726184157035-HUF1Y0HH3D7VOQDBQZV3/5-Lite+Privacy+-+2+-+Copy.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184157035-HUF1Y0HH3D7VOQDBQZV3/5-Lite+Privacy+-+2+-+Copy.jpg" data-image-dimensions="3024x4032" data-image-focal-point="0.48287908380681815,0.003401360544217687" alt="5-Lite Privacy - 2 - Copy.jpg" data-load="false" data-image-id="66e37adb639e6d14c25c5b8d" data-type="image" />
  3973.                </a>
  3974.                
  3975.              </div>
  3976.            </div>
  3977.          
  3978.  
  3979.          
  3980.        
  3981.  
  3982.      
  3983.  
  3984.        
  3985.  
  3986.        
  3987.  
  3988.        
  3989.          
  3990.            <div class="slide" data-type="image" data-animation-role="image">
  3991.              <div class="margin-wrapper">
  3992.                
  3993.                <a
  3994.                  
  3995.                    
  3996.                      role="presentation"
  3997.                    
  3998.                  
  3999.  
  4000.                  class="
  4001.                    image-slide-anchor
  4002.                    
  4003.                    content-fill
  4004.                  "
  4005.                >
  4006.                  
  4007.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184463349-UXWJOQHP2GRE7RZ576IZ/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/62df9f96468cac7176a697b8/1726184463349-UXWJOQHP2GRE7RZ576IZ/4+Door%2C+Quad+track%2C+3-lite.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184463349-UXWJOQHP2GRE7RZ576IZ/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="66e37c0d3495944d697f0120" data-type="image" />
  4008.                </a>
  4009.                
  4010.              </div>
  4011.            </div>
  4012.          
  4013.  
  4014.          
  4015.        
  4016.  
  4017.      
  4018.  
  4019.        
  4020.  
  4021.        
  4022.  
  4023.        
  4024.          
  4025.            <div class="slide" data-type="image" data-animation-role="image">
  4026.              <div class="margin-wrapper">
  4027.                
  4028.                <a
  4029.                  
  4030.                    
  4031.                      role="presentation"
  4032.                    
  4033.                  
  4034.  
  4035.                  class="
  4036.                    image-slide-anchor
  4037.                    
  4038.                    content-fill
  4039.                  "
  4040.                >
  4041.                  
  4042.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184286027-YIPJ5ZLV6G70Q0JTL5HZ/2+Panel+Shaker.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/62df9f96468cac7176a697b8/1726184286027-YIPJ5ZLV6G70Q0JTL5HZ/2+Panel+Shaker.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184286027-YIPJ5ZLV6G70Q0JTL5HZ/2+Panel+Shaker.jpg" data-image-dimensions="579x454" data-image-focal-point="0.5,0.5" alt="2 Panel Shaker.jpg" data-load="false" data-image-id="66e37b5d55f7102d7532f365" data-type="image" />
  4043.                </a>
  4044.                
  4045.              </div>
  4046.            </div>
  4047.          
  4048.  
  4049.          
  4050.        
  4051.  
  4052.      
  4053.  
  4054.        
  4055.  
  4056.        
  4057.  
  4058.        
  4059.          
  4060.            <div class="slide" data-type="image" data-animation-role="image">
  4061.              <div class="margin-wrapper">
  4062.                
  4063.                <a
  4064.                  
  4065.                    
  4066.                      role="presentation"
  4067.                    
  4068.                  
  4069.  
  4070.                  class="
  4071.                    image-slide-anchor
  4072.                    
  4073.                    content-fill
  4074.                  "
  4075.                >
  4076.                  
  4077.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184221349-55T0AVX3XUPRR5RDW73V/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/62df9f96468cac7176a697b8/1726184221349-55T0AVX3XUPRR5RDW73V/5-Lite+White+Glass+Closet+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184221349-55T0AVX3XUPRR5RDW73V/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="66e37b1b94d20714768246fc" data-type="image" />
  4078.                </a>
  4079.                
  4080.              </div>
  4081.            </div>
  4082.          
  4083.  
  4084.          
  4085.        
  4086.  
  4087.      
  4088.  
  4089.        
  4090.  
  4091.        
  4092.  
  4093.        
  4094.          
  4095.            <div class="slide" data-type="image" data-animation-role="image">
  4096.              <div class="margin-wrapper">
  4097.                
  4098.                <a
  4099.                  
  4100.                    
  4101.                      role="presentation"
  4102.                    
  4103.                  
  4104.  
  4105.                  class="
  4106.                    image-slide-anchor
  4107.                    
  4108.                    content-fill
  4109.                  "
  4110.                >
  4111.                  
  4112.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1658899663013-FPQBK5104AMV4IFP72YG/organizers.png" alt="closet organizers" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1658899663013-FPQBK5104AMV4IFP72YG/organizers.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1658899663013-FPQBK5104AMV4IFP72YG/organizers.png" data-image-dimensions="997x774" data-image-focal-point="0.5,0.5" alt="closet organizers" data-load="false" data-image-id="62e0ccc7bdd6ae5deb6faf97" data-type="image" />
  4113.                </a>
  4114.                
  4115.              </div>
  4116.            </div>
  4117.          
  4118.  
  4119.          
  4120.        
  4121.  
  4122.      
  4123.  
  4124.        
  4125.  
  4126.        
  4127.  
  4128.        
  4129.          
  4130.            <div class="slide" data-type="image" data-animation-role="image">
  4131.              <div class="margin-wrapper">
  4132.                
  4133.                <a
  4134.                  
  4135.                    
  4136.                      role="presentation"
  4137.                    
  4138.                  
  4139.  
  4140.                  class="
  4141.                    image-slide-anchor
  4142.                    
  4143.                    content-fill
  4144.                  "
  4145.                >
  4146.                  
  4147.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1658899654722-VI5PMPL0LRW5J9G8K37G/barn-door.jpg" alt="barn doors" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1658899654722-VI5PMPL0LRW5J9G8K37G/barn-door.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1658899654722-VI5PMPL0LRW5J9G8K37G/barn-door.jpg" data-image-dimensions="2500x1875" data-image-focal-point="0.45918367346938777,0.9374245383522727" alt="barn doors" data-load="false" data-image-id="62e0ccc44f63c20a01b2971f" data-type="image" />
  4148.                </a>
  4149.                
  4150.              </div>
  4151.            </div>
  4152.          
  4153.  
  4154.          
  4155.        
  4156.  
  4157.      
  4158.  
  4159.        
  4160.  
  4161.        
  4162.  
  4163.        
  4164.          
  4165.            <div class="slide" data-type="image" data-animation-role="image">
  4166.              <div class="margin-wrapper">
  4167.                
  4168.                <a
  4169.                  
  4170.                    
  4171.                      role="presentation"
  4172.                    
  4173.                  
  4174.  
  4175.                  class="
  4176.                    image-slide-anchor
  4177.                    
  4178.                    content-fill
  4179.                  "
  4180.                >
  4181.                  
  4182.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184405241-E1OOHQ5ZIOQIAFE6K8NZ/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/62df9f96468cac7176a697b8/1726184405241-E1OOHQ5ZIOQIAFE6K8NZ/1-Lite+Mirror+Double+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184405241-E1OOHQ5ZIOQIAFE6K8NZ/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="66e37bd5b18f402cf4c1dafc" data-type="image" />
  4183.                </a>
  4184.                
  4185.              </div>
  4186.            </div>
  4187.          
  4188.  
  4189.          
  4190.        
  4191.  
  4192.      
  4193.  
  4194.        
  4195.  
  4196.        
  4197.  
  4198.        
  4199.          
  4200.            <div class="slide" data-type="image" data-animation-role="image">
  4201.              <div class="margin-wrapper">
  4202.                
  4203.                <a
  4204.                  
  4205.                    
  4206.                      role="presentation"
  4207.                    
  4208.                  
  4209.  
  4210.                  class="
  4211.                    image-slide-anchor
  4212.                    
  4213.                    content-fill
  4214.                  "
  4215.                >
  4216.                  
  4217.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1692942876399-EHI5XHZ7KEIEAJCF9XEV/closet-door+%281%29.jpg" alt="closet organizers and interior doors" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1692942876399-EHI5XHZ7KEIEAJCF9XEV/closet-door+%281%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1692942876399-EHI5XHZ7KEIEAJCF9XEV/closet-door+%281%29.jpg" data-image-dimensions="1334x1000" data-image-focal-point="0.5,0.5" alt="closet organizers and interior doors" data-load="false" data-image-id="64e8421bbaf2770a877c10bc" data-type="image" />
  4218.                </a>
  4219.                
  4220.              </div>
  4221.            </div>
  4222.          
  4223.  
  4224.          
  4225.        
  4226.  
  4227.      
  4228.    
  4229.  </div>
  4230.  
  4231.  
  4232.  
  4233. </div>
  4234.  
  4235.  
  4236.  
  4237.  
  4238. <style type="text/css" id="design-grid-css">
  4239. #block-yui_3_17_2_1_1658895487437_133502 .sqs-gallery-block-grid .sqs-gallery-design-grid { margin-right: -20px; }
  4240. #block-yui_3_17_2_1_1658895487437_133502 .sqs-gallery-block-grid .sqs-gallery-design-grid-slide .margin-wrapper { margin-right: 20px; margin-bottom: 20px; }
  4241. </style>
  4242.  
  4243.  
  4244.  
  4245. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1718252774278_20087"><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;" id="block-yui_3_17_2_1_1718252774278_20087"><div class="sqs-block-content">
  4246.  
  4247. <div class="sqs-html-content">
  4248.  <h1 style="white-space:pre-wrap;">Interior Door &amp; Closet Company</h1>
  4249. </div>
  4250.  
  4251.  
  4252.  
  4253.  
  4254.  
  4255.  
  4256.  
  4257.  
  4258.  
  4259.  
  4260.  
  4261.  
  4262.  
  4263.  
  4264.  
  4265.  
  4266.  
  4267.  
  4268.  
  4269.  
  4270.  
  4271.  
  4272.  
  4273.  
  4274.  
  4275. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1717650238425_14446"><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;" id="block-yui_3_17_2_1_1717650238425_14446"><div class="sqs-block-content">
  4276.  
  4277. <div class="sqs-html-content">
  4278.  <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Transform Your Home with Expert Interior Door, Sliding Closet Door Installations, Hinged Closet Doors, Sliding Closet Doors, and Closet Organizers!</span></p><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p>
  4279. </div>
  4280.  
  4281.  
  4282.  
  4283.  
  4284.  
  4285.  
  4286.  
  4287.  
  4288.  
  4289.  
  4290.  
  4291.  
  4292.  
  4293.  
  4294.  
  4295.  
  4296.  
  4297.  
  4298.  
  4299.  
  4300.  
  4301.  
  4302.  
  4303.  
  4304.  
  4305. </div></div></div></div></div>
  4306.    </div>
  4307.  
  4308.  </div>
  4309.  
  4310. </section>
  4311.  
  4312.  
  4313.    
  4314.    
  4315.  
  4316.  
  4317.  
  4318.  
  4319.  
  4320.  
  4321. <section
  4322.  data-test="page-section"
  4323.  
  4324.  data-section-theme="dark-bold"
  4325.  class='page-section
  4326.    
  4327.      full-bleed-section
  4328.      layout-engine-section
  4329.    
  4330.    background-width--full-bleed
  4331.    
  4332.      
  4333.        section-height--custom
  4334.      
  4335.    
  4336.    
  4337.      content-width--wide
  4338.    
  4339.    horizontal-alignment--center
  4340.    vertical-alignment--middle
  4341.    
  4342.      
  4343.    
  4344.    
  4345.    dark-bold'
  4346.  
  4347.  data-section-id="62e7a6759f6aeb2bb6a015ff"
  4348.  
  4349.  data-controller="SectionWrapperController"
  4350.  data-current-styles="{
  4351. &quot;imageOverlayOpacity&quot;: 0.15,
  4352. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  4353. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  4354. &quot;customSectionHeight&quot;: 0,
  4355. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  4356. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  4357. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  4358. &quot;customContentWidth&quot;: 50,
  4359. &quot;backgroundColor&quot;: &quot;&quot;,
  4360. &quot;sectionTheme&quot;: &quot;dark-bold&quot;,
  4361. &quot;sectionAnimation&quot;: &quot;none&quot;,
  4362. &quot;backgroundMode&quot;: &quot;image&quot;,
  4363. &quot;imageEffect&quot;: &quot;none&quot;
  4364. }"
  4365.  data-current-context="{
  4366. &quot;video&quot;: {
  4367. &quot;playbackSpeed&quot;: 0.5,
  4368. &quot;filter&quot;: 1,
  4369. &quot;filterStrength&quot;: 0,
  4370. &quot;zoom&quot;: 0,
  4371. &quot;videoSourceProvider&quot;: &quot;none&quot;
  4372. },
  4373. &quot;backgroundImageId&quot;: null,
  4374. &quot;backgroundMediaEffect&quot;: null,
  4375. &quot;divider&quot;: null,
  4376. &quot;typeName&quot;: &quot;page&quot;
  4377. }"
  4378.  data-animation="none"
  4379.  data-fluid-engine-section
  4380.  
  4381.  
  4382.  
  4383. >
  4384.  <div
  4385.    class="section-border"
  4386.    
  4387.  >
  4388.    <div class="section-background">
  4389.    
  4390.      
  4391.    
  4392.    </div>
  4393.  </div>
  4394.  <div
  4395.    class='content-wrapper'
  4396.    style='
  4397.      
  4398.        
  4399.          
  4400.          
  4401.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  4402.        
  4403.      
  4404.    '
  4405.  >
  4406.    <div
  4407.      class="content"
  4408.      
  4409.    >
  4410.      
  4411.      
  4412.      
  4413.      
  4414.      
  4415.      
  4416.      
  4417.      
  4418.      <div data-fluid-engine="true"><style>
  4419.  
  4420. .fe-62e7a675bd678f7ed99d3821 {
  4421.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 27.0px);
  4422.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (8 - 1)) ) / 8 );
  4423.  
  4424.  display: grid;
  4425.  position: relative;
  4426.  grid-area: 1/1/-1/-1;
  4427.  grid-template-rows: repeat(14,minmax(24px, auto));
  4428.  grid-template-columns:
  4429.    minmax(var(--grid-gutter), 1fr)
  4430.    repeat(8, minmax(0, var(--cell-max-width)))
  4431.    minmax(var(--grid-gutter), 1fr);
  4432.  row-gap: 11.0px;
  4433.  column-gap: 27.0px;
  4434. }
  4435.  
  4436. @media (min-width: 768px) {
  4437.  .background-width--inset .fe-62e7a675bd678f7ed99d3821 {
  4438.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  4439.  }
  4440.  
  4441.  .fe-62e7a675bd678f7ed99d3821 {
  4442.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 27.0px);
  4443.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (24 - 1)) ) / 24 );
  4444.    --inset-padding: 0vw;
  4445.  
  4446.    --row-height-scaling-factor: 0.0215;
  4447.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  4448.  
  4449.    grid-template-rows: repeat(10,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  4450.    grid-template-columns:
  4451.      minmax(var(--grid-gutter), 1fr)
  4452.      repeat(24, minmax(0, var(--cell-max-width)))
  4453.      minmax(var(--grid-gutter), 1fr);
  4454.  }
  4455. }
  4456.  
  4457.  
  4458.  .fe-block-yui_3_17_2_1_1659333611813_982208 {
  4459.    grid-area: 2/2/4/10;
  4460.    z-index: 2;
  4461.  
  4462.    @media (max-width: 767px) {
  4463.      
  4464.      
  4465.    }
  4466.  }
  4467.  
  4468.  .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block {
  4469.    justify-content: flex-start;
  4470.  }
  4471.  
  4472.  .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block-alignment-wrapper {
  4473.    align-items: flex-start;
  4474.  }
  4475.  
  4476.  @media (min-width: 768px) {
  4477.    .fe-block-yui_3_17_2_1_1659333611813_982208 {
  4478.      grid-area: 4/9/6/19;
  4479.      z-index: 2;
  4480.  
  4481.      
  4482.  
  4483.      
  4484.    }
  4485.  
  4486.    .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block {
  4487.      justify-content: flex-start;
  4488.    }
  4489.  
  4490.    .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block-alignment-wrapper {
  4491.      align-items: flex-start;
  4492.    }
  4493.  }
  4494.  
  4495.  .fe-block-yui_3_17_2_1_1659352525951_1011477 {
  4496.    grid-area: 4/3/7/5;
  4497.    z-index: 3;
  4498.  
  4499.    @media (max-width: 767px) {
  4500.      
  4501.      
  4502.    }
  4503.  }
  4504.  
  4505.  .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block {
  4506.    justify-content: center;
  4507.  }
  4508.  
  4509.  .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block-alignment-wrapper {
  4510.    align-items: center;
  4511.  }
  4512.  
  4513.  @media (min-width: 768px) {
  4514.    .fe-block-yui_3_17_2_1_1659352525951_1011477 {
  4515.      grid-area: 6/5/9/7;
  4516.      z-index: 3;
  4517.  
  4518.      
  4519.  
  4520.      
  4521.    }
  4522.  
  4523.    .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block {
  4524.      justify-content: center;
  4525.    }
  4526.  
  4527.    .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block-alignment-wrapper {
  4528.      align-items: center;
  4529.    }
  4530.  }
  4531.  
  4532.  .fe-block-yui_3_17_2_1_1659352525951_1023202 {
  4533.    grid-area: 4/5/7/7;
  4534.    z-index: 4;
  4535.  
  4536.    @media (max-width: 767px) {
  4537.      
  4538.      
  4539.    }
  4540.  }
  4541.  
  4542.  .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block {
  4543.    justify-content: center;
  4544.  }
  4545.  
  4546.  .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block-alignment-wrapper {
  4547.    align-items: center;
  4548.  }
  4549.  
  4550.  @media (min-width: 768px) {
  4551.    .fe-block-yui_3_17_2_1_1659352525951_1023202 {
  4552.      grid-area: 6/7/9/9;
  4553.      z-index: 4;
  4554.  
  4555.      
  4556.  
  4557.      
  4558.    }
  4559.  
  4560.    .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block {
  4561.      justify-content: center;
  4562.    }
  4563.  
  4564.    .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block-alignment-wrapper {
  4565.      align-items: center;
  4566.    }
  4567.  }
  4568.  
  4569.  .fe-block-yui_3_17_2_1_1659352525951_1031494 {
  4570.    grid-area: 4/7/7/9;
  4571.    z-index: 5;
  4572.  
  4573.    @media (max-width: 767px) {
  4574.      
  4575.      
  4576.    }
  4577.  }
  4578.  
  4579.  .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block {
  4580.    justify-content: center;
  4581.  }
  4582.  
  4583.  .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block-alignment-wrapper {
  4584.    align-items: center;
  4585.  }
  4586.  
  4587.  @media (min-width: 768px) {
  4588.    .fe-block-yui_3_17_2_1_1659352525951_1031494 {
  4589.      grid-area: 6/9/9/11;
  4590.      z-index: 5;
  4591.  
  4592.      
  4593.  
  4594.      
  4595.    }
  4596.  
  4597.    .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block {
  4598.      justify-content: center;
  4599.    }
  4600.  
  4601.    .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block-alignment-wrapper {
  4602.      align-items: center;
  4603.    }
  4604.  }
  4605.  
  4606.  .fe-block-yui_3_17_2_1_1659352525951_1061854 {
  4607.    grid-area: 7/7/10/9;
  4608.    z-index: 8;
  4609.  
  4610.    @media (max-width: 767px) {
  4611.      
  4612.      
  4613.    }
  4614.  }
  4615.  
  4616.  .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block {
  4617.    justify-content: center;
  4618.  }
  4619.  
  4620.  .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block-alignment-wrapper {
  4621.    align-items: center;
  4622.  }
  4623.  
  4624.  @media (min-width: 768px) {
  4625.    .fe-block-yui_3_17_2_1_1659352525951_1061854 {
  4626.      grid-area: 6/15/9/17;
  4627.      z-index: 8;
  4628.  
  4629.      
  4630.  
  4631.      
  4632.    }
  4633.  
  4634.    .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block {
  4635.      justify-content: center;
  4636.    }
  4637.  
  4638.    .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block-alignment-wrapper {
  4639.      align-items: center;
  4640.    }
  4641.  }
  4642.  
  4643.  .fe-block-yui_3_17_2_1_1659352525951_1048412 {
  4644.    grid-area: 7/3/10/5;
  4645.    z-index: 6;
  4646.  
  4647.    @media (max-width: 767px) {
  4648.      
  4649.      
  4650.    }
  4651.  }
  4652.  
  4653.  .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block {
  4654.    justify-content: center;
  4655.  }
  4656.  
  4657.  .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block-alignment-wrapper {
  4658.    align-items: center;
  4659.  }
  4660.  
  4661.  @media (min-width: 768px) {
  4662.    .fe-block-yui_3_17_2_1_1659352525951_1048412 {
  4663.      grid-area: 6/11/9/13;
  4664.      z-index: 6;
  4665.  
  4666.      
  4667.  
  4668.      
  4669.    }
  4670.  
  4671.    .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block {
  4672.      justify-content: center;
  4673.    }
  4674.  
  4675.    .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block-alignment-wrapper {
  4676.      align-items: center;
  4677.    }
  4678.  }
  4679.  
  4680.  .fe-block-yui_3_17_2_1_1659352525951_1055917 {
  4681.    grid-area: 7/5/10/7;
  4682.    z-index: 7;
  4683.  
  4684.    @media (max-width: 767px) {
  4685.      
  4686.      
  4687.    }
  4688.  }
  4689.  
  4690.  .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block {
  4691.    justify-content: center;
  4692.  }
  4693.  
  4694.  .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block-alignment-wrapper {
  4695.    align-items: center;
  4696.  }
  4697.  
  4698.  @media (min-width: 768px) {
  4699.    .fe-block-yui_3_17_2_1_1659352525951_1055917 {
  4700.      grid-area: 6/13/9/15;
  4701.      z-index: 7;
  4702.  
  4703.      
  4704.  
  4705.      
  4706.    }
  4707.  
  4708.    .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block {
  4709.      justify-content: center;
  4710.    }
  4711.  
  4712.    .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block-alignment-wrapper {
  4713.      align-items: center;
  4714.    }
  4715.  }
  4716.  
  4717.  .fe-block-yui_3_17_2_1_1659352525951_1089293 {
  4718.    grid-area: 10/7/13/9;
  4719.    z-index: 11;
  4720.  
  4721.    @media (max-width: 767px) {
  4722.      
  4723.      
  4724.    }
  4725.  }
  4726.  
  4727.  .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block {
  4728.    justify-content: center;
  4729.  }
  4730.  
  4731.  .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block-alignment-wrapper {
  4732.    align-items: center;
  4733.  }
  4734.  
  4735.  @media (min-width: 768px) {
  4736.    .fe-block-yui_3_17_2_1_1659352525951_1089293 {
  4737.      grid-area: 6/21/9/23;
  4738.      z-index: 11;
  4739.  
  4740.      
  4741.  
  4742.      
  4743.    }
  4744.  
  4745.    .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block {
  4746.      justify-content: center;
  4747.    }
  4748.  
  4749.    .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block-alignment-wrapper {
  4750.      align-items: center;
  4751.    }
  4752.  }
  4753.  
  4754.  .fe-block-yui_3_17_2_1_1659352525951_1068577 {
  4755.    grid-area: 10/3/13/5;
  4756.    z-index: 9;
  4757.  
  4758.    @media (max-width: 767px) {
  4759.      
  4760.      
  4761.    }
  4762.  }
  4763.  
  4764.  .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block {
  4765.    justify-content: center;
  4766.  }
  4767.  
  4768.  .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block-alignment-wrapper {
  4769.    align-items: center;
  4770.  }
  4771.  
  4772.  @media (min-width: 768px) {
  4773.    .fe-block-yui_3_17_2_1_1659352525951_1068577 {
  4774.      grid-area: 6/17/9/19;
  4775.      z-index: 9;
  4776.  
  4777.      
  4778.  
  4779.      
  4780.    }
  4781.  
  4782.    .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block {
  4783.      justify-content: center;
  4784.    }
  4785.  
  4786.    .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block-alignment-wrapper {
  4787.      align-items: center;
  4788.    }
  4789.  }
  4790.  
  4791.  .fe-block-yui_3_17_2_1_1659352525951_1081200 {
  4792.    grid-area: 10/5/13/7;
  4793.    z-index: 10;
  4794.  
  4795.    @media (max-width: 767px) {
  4796.      
  4797.      
  4798.    }
  4799.  }
  4800.  
  4801.  .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block {
  4802.    justify-content: center;
  4803.  }
  4804.  
  4805.  .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block-alignment-wrapper {
  4806.    align-items: center;
  4807.  }
  4808.  
  4809.  @media (min-width: 768px) {
  4810.    .fe-block-yui_3_17_2_1_1659352525951_1081200 {
  4811.      grid-area: 6/19/9/21;
  4812.      z-index: 10;
  4813.  
  4814.      
  4815.  
  4816.      
  4817.    }
  4818.  
  4819.    .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block {
  4820.      justify-content: center;
  4821.    }
  4822.  
  4823.    .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block-alignment-wrapper {
  4824.      align-items: center;
  4825.    }
  4826.  }
  4827.  
  4828. </style><div class="fluid-engine fe-62e7a675bd678f7ed99d3821"><div class="fe-block fe-block-yui_3_17_2_1_1659333611813_982208"><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;" id="block-yui_3_17_2_1_1659333611813_982208"><div class="sqs-block-content">
  4829.  
  4830. <div class="sqs-html-content">
  4831.  <h2 style="text-align:center;white-space:pre-wrap;">Trusted by</h2>
  4832. </div>
  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. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1011477"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_1011477"><div class="sqs-block-content">
  4859.  
  4860.  
  4861.  
  4862.  
  4863.  
  4864.  
  4865.  
  4866.  
  4867.  
  4868.  
  4869.  
  4870.  
  4871.  
  4872.  
  4873.  
  4874.  
  4875.  
  4876.  
  4877.  
  4878.  
  4879.  
  4880.  
  4881.  
  4882.  
  4883.  
  4884.  
  4885.  
  4886.  
  4887.  
  4888.  
  4889.  
  4890.  
  4891.  
  4892.  
  4893.  
  4894.  
  4895.  
  4896.  
  4897.  
  4898.  
  4899.  
  4900.  
  4901.  
  4902.  
  4903.    
  4904.  
  4905.    <div
  4906.      class="
  4907.        image-block-outer-wrapper
  4908.        layout-caption-below
  4909.        design-layout-fluid
  4910.        image-position-center
  4911.        combination-animation-site-default
  4912.        individual-animation-site-default
  4913.      "
  4914.      data-test="image-block-fluid-outer-wrapper"
  4915.    >
  4916.      <div
  4917.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  4918.        data-animation-role="image"
  4919.        
  4920.  
  4921.  
  4922.      >
  4923.        <div
  4924.          class="fluid-image-container sqs-image-content"
  4925.          
  4926.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  4927.        >
  4928.          
  4929.  
  4930.          
  4931.          
  4932.  
  4933.          
  4934.            
  4935.              <div class="content-fit">
  4936.                
  4937.            
  4938.            
  4939.            
  4940.            
  4941.            
  4942.            
  4943.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/chambercommerce_logo.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/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/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/chambercommerce_logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/chambercommerce_logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/chambercommerce_logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/chambercommerce_logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/chambercommerce_logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/chambercommerce_logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/571df41e-ec5e-4b91-bbf1-748ad31f8c9b/chambercommerce_logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  4944.  
  4945.            
  4946.              
  4947.            
  4948.            <div class="fluidImageOverlay"></div>
  4949.          
  4950.              </div>
  4951.            
  4952.          
  4953.  
  4954.        </div>
  4955.      </div>
  4956.    </div>
  4957.    <style>
  4958.      .sqs-block-image .sqs-block-content {
  4959.        height: 100%;
  4960.        width: 100%;
  4961.      }
  4962.  
  4963.      
  4964.        .fe-block-yui_3_17_2_1_1659352525951_1011477 .fluidImageOverlay {
  4965.          position: absolute;
  4966.          top: 0;
  4967.          left: 0;
  4968.          width: 100%;
  4969.          height: 100%;
  4970.          mix-blend-mode: ;
  4971.          
  4972.            
  4973.            
  4974.          
  4975.          
  4976.            opacity: 0;
  4977.          
  4978.        }
  4979.      
  4980.    </style>
  4981.  
  4982.  
  4983.  
  4984.  
  4985.  
  4986.  
  4987. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1023202"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_1023202"><div class="sqs-block-content">
  4988.  
  4989.  
  4990.  
  4991.  
  4992.  
  4993.  
  4994.  
  4995.  
  4996.  
  4997.  
  4998.  
  4999.  
  5000.  
  5001.  
  5002.  
  5003.  
  5004.  
  5005.  
  5006.  
  5007.  
  5008.  
  5009.  
  5010.  
  5011.  
  5012.  
  5013.  
  5014.  
  5015.  
  5016.  
  5017.  
  5018.  
  5019.  
  5020.  
  5021.  
  5022.  
  5023.  
  5024.  
  5025.  
  5026.  
  5027.  
  5028.  
  5029.  
  5030.  
  5031.  
  5032.    
  5033.  
  5034.    <div
  5035.      class="
  5036.        image-block-outer-wrapper
  5037.        layout-caption-below
  5038.        design-layout-fluid
  5039.        image-position-center
  5040.        combination-animation-site-default
  5041.        individual-animation-site-default
  5042.      "
  5043.      data-test="image-block-fluid-outer-wrapper"
  5044.    >
  5045.      <div
  5046.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5047.        data-animation-role="image"
  5048.        
  5049.  
  5050.  
  5051.      >
  5052.        <div
  5053.          class="fluid-image-container sqs-image-content"
  5054.          
  5055.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5056.        >
  5057.          
  5058.  
  5059.          
  5060.          
  5061.  
  5062.          
  5063.            
  5064.              <div class="content-fit">
  5065.                
  5066.            
  5067.            
  5068.            
  5069.            
  5070.            
  5071.            
  5072.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/extrememakeover_logo1.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/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/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/extrememakeover_logo1.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/extrememakeover_logo1.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/extrememakeover_logo1.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/extrememakeover_logo1.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/extrememakeover_logo1.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/extrememakeover_logo1.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/0beeb9d1-6b6d-49d8-84ed-480bc139d713/extrememakeover_logo1.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5073.  
  5074.            
  5075.              
  5076.            
  5077.            <div class="fluidImageOverlay"></div>
  5078.          
  5079.              </div>
  5080.            
  5081.          
  5082.  
  5083.        </div>
  5084.      </div>
  5085.    </div>
  5086.    <style>
  5087.      .sqs-block-image .sqs-block-content {
  5088.        height: 100%;
  5089.        width: 100%;
  5090.      }
  5091.  
  5092.      
  5093.        .fe-block-yui_3_17_2_1_1659352525951_1023202 .fluidImageOverlay {
  5094.          position: absolute;
  5095.          top: 0;
  5096.          left: 0;
  5097.          width: 100%;
  5098.          height: 100%;
  5099.          mix-blend-mode: ;
  5100.          
  5101.            
  5102.            
  5103.          
  5104.          
  5105.            opacity: 0;
  5106.          
  5107.        }
  5108.      
  5109.    </style>
  5110.  
  5111.  
  5112.  
  5113.  
  5114.  
  5115.  
  5116. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1031494"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_1031494"><div class="sqs-block-content">
  5117.  
  5118.  
  5119.  
  5120.  
  5121.  
  5122.  
  5123.  
  5124.  
  5125.  
  5126.  
  5127.  
  5128.  
  5129.  
  5130.  
  5131.  
  5132.  
  5133.  
  5134.  
  5135.  
  5136.  
  5137.  
  5138.  
  5139.  
  5140.  
  5141.  
  5142.  
  5143.  
  5144.  
  5145.  
  5146.  
  5147.  
  5148.  
  5149.  
  5150.  
  5151.  
  5152.  
  5153.  
  5154.  
  5155.  
  5156.  
  5157.  
  5158.  
  5159.  
  5160.  
  5161.    
  5162.  
  5163.    <div
  5164.      class="
  5165.        image-block-outer-wrapper
  5166.        layout-caption-below
  5167.        design-layout-fluid
  5168.        image-position-center
  5169.        combination-animation-site-default
  5170.        individual-animation-site-default
  5171.      "
  5172.      data-test="image-block-fluid-outer-wrapper"
  5173.    >
  5174.      <div
  5175.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5176.        data-animation-role="image"
  5177.        
  5178.  
  5179.  
  5180.      >
  5181.        <div
  5182.          class="fluid-image-container sqs-image-content"
  5183.          
  5184.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5185.        >
  5186.          
  5187.  
  5188.          
  5189.          
  5190.  
  5191.          
  5192.            
  5193.              <div class="content-fit">
  5194.                
  5195.            
  5196.            
  5197.            
  5198.            
  5199.            
  5200.            
  5201.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/goodhousekeep_logo.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/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/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/goodhousekeep_logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/goodhousekeep_logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/goodhousekeep_logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/goodhousekeep_logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/goodhousekeep_logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/goodhousekeep_logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d2b2089d-3ce8-4853-ab80-fdc5e0cbe81f/goodhousekeep_logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5202.  
  5203.            
  5204.              
  5205.            
  5206.            <div class="fluidImageOverlay"></div>
  5207.          
  5208.              </div>
  5209.            
  5210.          
  5211.  
  5212.        </div>
  5213.      </div>
  5214.    </div>
  5215.    <style>
  5216.      .sqs-block-image .sqs-block-content {
  5217.        height: 100%;
  5218.        width: 100%;
  5219.      }
  5220.  
  5221.      
  5222.        .fe-block-yui_3_17_2_1_1659352525951_1031494 .fluidImageOverlay {
  5223.          position: absolute;
  5224.          top: 0;
  5225.          left: 0;
  5226.          width: 100%;
  5227.          height: 100%;
  5228.          mix-blend-mode: ;
  5229.          
  5230.            
  5231.            
  5232.          
  5233.          
  5234.            opacity: 0;
  5235.          
  5236.        }
  5237.      
  5238.    </style>
  5239.  
  5240.  
  5241.  
  5242.  
  5243.  
  5244.  
  5245. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1061854"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_1061854"><div class="sqs-block-content">
  5246.  
  5247.  
  5248.  
  5249.  
  5250.  
  5251.  
  5252.  
  5253.  
  5254.  
  5255.  
  5256.  
  5257.  
  5258.  
  5259.  
  5260.  
  5261.  
  5262.  
  5263.  
  5264.  
  5265.  
  5266.  
  5267.  
  5268.  
  5269.  
  5270.  
  5271.  
  5272.  
  5273.  
  5274.  
  5275.  
  5276.  
  5277.  
  5278.  
  5279.  
  5280.  
  5281.  
  5282.  
  5283.  
  5284.  
  5285.  
  5286.  
  5287.  
  5288.  
  5289.  
  5290.    
  5291.  
  5292.    <div
  5293.      class="
  5294.        image-block-outer-wrapper
  5295.        layout-caption-below
  5296.        design-layout-fluid
  5297.        image-position-center
  5298.        combination-animation-site-default
  5299.        individual-animation-site-default
  5300.      "
  5301.      data-test="image-block-fluid-outer-wrapper"
  5302.    >
  5303.      <div
  5304.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5305.        data-animation-role="image"
  5306.        
  5307.  
  5308.  
  5309.      >
  5310.        <div
  5311.          class="fluid-image-container sqs-image-content"
  5312.          
  5313.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5314.        >
  5315.          
  5316.  
  5317.          
  5318.          
  5319.  
  5320.          
  5321.            
  5322.              <div class="content-fit">
  5323.                
  5324.            
  5325.            
  5326.            
  5327.            
  5328.            
  5329.            
  5330.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/best-of-Houzz-2014.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/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/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/best-of-Houzz-2014.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/best-of-Houzz-2014.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/best-of-Houzz-2014.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/best-of-Houzz-2014.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/best-of-Houzz-2014.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/best-of-Houzz-2014.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b610aa32-8489-48dc-b2e0-bb554d824a2f/best-of-Houzz-2014.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5331.  
  5332.            
  5333.              
  5334.            
  5335.            <div class="fluidImageOverlay"></div>
  5336.          
  5337.              </div>
  5338.            
  5339.          
  5340.  
  5341.        </div>
  5342.      </div>
  5343.    </div>
  5344.    <style>
  5345.      .sqs-block-image .sqs-block-content {
  5346.        height: 100%;
  5347.        width: 100%;
  5348.      }
  5349.  
  5350.      
  5351.        .fe-block-yui_3_17_2_1_1659352525951_1061854 .fluidImageOverlay {
  5352.          position: absolute;
  5353.          top: 0;
  5354.          left: 0;
  5355.          width: 100%;
  5356.          height: 100%;
  5357.          mix-blend-mode: ;
  5358.          
  5359.            
  5360.            
  5361.          
  5362.          
  5363.            opacity: 0;
  5364.          
  5365.        }
  5366.      
  5367.    </style>
  5368.  
  5369.  
  5370.  
  5371.  
  5372.  
  5373.  
  5374. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1048412"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_1048412"><div class="sqs-block-content">
  5375.  
  5376.  
  5377.  
  5378.  
  5379.  
  5380.  
  5381.  
  5382.  
  5383.  
  5384.  
  5385.  
  5386.  
  5387.  
  5388.  
  5389.  
  5390.  
  5391.  
  5392.  
  5393.  
  5394.  
  5395.  
  5396.  
  5397.  
  5398.  
  5399.  
  5400.  
  5401.  
  5402.  
  5403.  
  5404.  
  5405.  
  5406.  
  5407.  
  5408.  
  5409.  
  5410.  
  5411.  
  5412.  
  5413.  
  5414.  
  5415.  
  5416.  
  5417.  
  5418.  
  5419.    
  5420.  
  5421.    <div
  5422.      class="
  5423.        image-block-outer-wrapper
  5424.        layout-caption-below
  5425.        design-layout-fluid
  5426.        image-position-center
  5427.        combination-animation-site-default
  5428.        individual-animation-site-default
  5429.      "
  5430.      data-test="image-block-fluid-outer-wrapper"
  5431.    >
  5432.      <div
  5433.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5434.        data-animation-role="image"
  5435.        
  5436.  
  5437.  
  5438.      >
  5439.        <div
  5440.          class="fluid-image-container sqs-image-content"
  5441.          
  5442.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5443.        >
  5444.          
  5445.  
  5446.          
  5447.          
  5448.  
  5449.          
  5450.            
  5451.              <div class="content-fit">
  5452.                
  5453.            
  5454.            
  5455.            
  5456.            
  5457.            
  5458.            
  5459.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/Angies-List.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/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/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/Angies-List.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/Angies-List.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/Angies-List.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/Angies-List.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/Angies-List.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/Angies-List.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/d19dda33-89fc-4af9-9ef6-3919ae49e499/Angies-List.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5460.  
  5461.            
  5462.              
  5463.            
  5464.            <div class="fluidImageOverlay"></div>
  5465.          
  5466.              </div>
  5467.            
  5468.          
  5469.  
  5470.        </div>
  5471.      </div>
  5472.    </div>
  5473.    <style>
  5474.      .sqs-block-image .sqs-block-content {
  5475.        height: 100%;
  5476.        width: 100%;
  5477.      }
  5478.  
  5479.      
  5480.        .fe-block-yui_3_17_2_1_1659352525951_1048412 .fluidImageOverlay {
  5481.          position: absolute;
  5482.          top: 0;
  5483.          left: 0;
  5484.          width: 100%;
  5485.          height: 100%;
  5486.          mix-blend-mode: ;
  5487.          
  5488.            
  5489.            
  5490.          
  5491.          
  5492.            opacity: 0;
  5493.          
  5494.        }
  5495.      
  5496.    </style>
  5497.  
  5498.  
  5499.  
  5500.  
  5501.  
  5502.  
  5503. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1055917"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_1055917"><div class="sqs-block-content">
  5504.  
  5505.  
  5506.  
  5507.  
  5508.  
  5509.  
  5510.  
  5511.  
  5512.  
  5513.  
  5514.  
  5515.  
  5516.  
  5517.  
  5518.  
  5519.  
  5520.  
  5521.  
  5522.  
  5523.  
  5524.  
  5525.  
  5526.  
  5527.  
  5528.  
  5529.  
  5530.  
  5531.  
  5532.  
  5533.  
  5534.  
  5535.  
  5536.  
  5537.  
  5538.  
  5539.  
  5540.  
  5541.  
  5542.  
  5543.  
  5544.  
  5545.  
  5546.  
  5547.  
  5548.    
  5549.  
  5550.    <div
  5551.      class="
  5552.        image-block-outer-wrapper
  5553.        layout-caption-below
  5554.        design-layout-fluid
  5555.        image-position-center
  5556.        combination-animation-site-default
  5557.        individual-animation-site-default
  5558.      "
  5559.      data-test="image-block-fluid-outer-wrapper"
  5560.    >
  5561.      <div
  5562.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5563.        data-animation-role="image"
  5564.        
  5565.  
  5566.  
  5567.      >
  5568.        <div
  5569.          class="fluid-image-container sqs-image-content"
  5570.          
  5571.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5572.        >
  5573.          
  5574.  
  5575.          
  5576.          
  5577.  
  5578.          
  5579.            
  5580.              <div class="content-fit">
  5581.                
  5582.            
  5583.            
  5584.            
  5585.            
  5586.            
  5587.            
  5588.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/SSA_Logo.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/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/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/SSA_Logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/SSA_Logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/SSA_Logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/SSA_Logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/SSA_Logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/SSA_Logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/721d151b-fa5c-43be-a763-1a837436f3a5/SSA_Logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5589.  
  5590.            
  5591.              
  5592.            
  5593.            <div class="fluidImageOverlay"></div>
  5594.          
  5595.              </div>
  5596.            
  5597.          
  5598.  
  5599.        </div>
  5600.      </div>
  5601.    </div>
  5602.    <style>
  5603.      .sqs-block-image .sqs-block-content {
  5604.        height: 100%;
  5605.        width: 100%;
  5606.      }
  5607.  
  5608.      
  5609.        .fe-block-yui_3_17_2_1_1659352525951_1055917 .fluidImageOverlay {
  5610.          position: absolute;
  5611.          top: 0;
  5612.          left: 0;
  5613.          width: 100%;
  5614.          height: 100%;
  5615.          mix-blend-mode: ;
  5616.          
  5617.            
  5618.            
  5619.          
  5620.          
  5621.            opacity: 0;
  5622.          
  5623.        }
  5624.      
  5625.    </style>
  5626.  
  5627.  
  5628.  
  5629.  
  5630.  
  5631.  
  5632. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1089293"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_1089293"><div class="sqs-block-content">
  5633.  
  5634.  
  5635.  
  5636.  
  5637.  
  5638.  
  5639.  
  5640.  
  5641.  
  5642.  
  5643.  
  5644.  
  5645.  
  5646.  
  5647.  
  5648.  
  5649.  
  5650.  
  5651.  
  5652.  
  5653.  
  5654.  
  5655.  
  5656.  
  5657.  
  5658.  
  5659.  
  5660.  
  5661.  
  5662.  
  5663.  
  5664.  
  5665.  
  5666.  
  5667.  
  5668.  
  5669.  
  5670.  
  5671.  
  5672.  
  5673.  
  5674.  
  5675.  
  5676.  
  5677.    
  5678.  
  5679.    <div
  5680.      class="
  5681.        image-block-outer-wrapper
  5682.        layout-caption-below
  5683.        design-layout-fluid
  5684.        image-position-center
  5685.        combination-animation-site-default
  5686.        individual-animation-site-default
  5687.      "
  5688.      data-test="image-block-fluid-outer-wrapper"
  5689.    >
  5690.      <div
  5691.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5692.        data-animation-role="image"
  5693.        
  5694.  
  5695.  
  5696.      >
  5697.        <div
  5698.          class="fluid-image-container sqs-image-content"
  5699.          
  5700.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5701.        >
  5702.          
  5703.  
  5704.          
  5705.          
  5706.  
  5707.          
  5708.            
  5709.              <div class="content-fit">
  5710.                
  5711.            
  5712.            
  5713.            
  5714.            
  5715.            
  5716.            
  5717.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/bbb_logo_square.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/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/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/bbb_logo_square.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/bbb_logo_square.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/bbb_logo_square.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/bbb_logo_square.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/bbb_logo_square.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/bbb_logo_square.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/786e55e0-0467-4e75-809e-f3680ad1e57e/bbb_logo_square.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5718.  
  5719.            
  5720.              
  5721.            
  5722.            <div class="fluidImageOverlay"></div>
  5723.          
  5724.              </div>
  5725.            
  5726.          
  5727.  
  5728.        </div>
  5729.      </div>
  5730.    </div>
  5731.    <style>
  5732.      .sqs-block-image .sqs-block-content {
  5733.        height: 100%;
  5734.        width: 100%;
  5735.      }
  5736.  
  5737.      
  5738.        .fe-block-yui_3_17_2_1_1659352525951_1089293 .fluidImageOverlay {
  5739.          position: absolute;
  5740.          top: 0;
  5741.          left: 0;
  5742.          width: 100%;
  5743.          height: 100%;
  5744.          mix-blend-mode: ;
  5745.          
  5746.            
  5747.            
  5748.          
  5749.          
  5750.            opacity: 0;
  5751.          
  5752.        }
  5753.      
  5754.    </style>
  5755.  
  5756.  
  5757.  
  5758.  
  5759.  
  5760.  
  5761. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1068577"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_1068577"><div class="sqs-block-content">
  5762.  
  5763.  
  5764.  
  5765.  
  5766.  
  5767.  
  5768.  
  5769.  
  5770.  
  5771.  
  5772.  
  5773.  
  5774.  
  5775.  
  5776.  
  5777.  
  5778.  
  5779.  
  5780.  
  5781.  
  5782.  
  5783.  
  5784.  
  5785.  
  5786.  
  5787.  
  5788.  
  5789.  
  5790.  
  5791.  
  5792.  
  5793.  
  5794.  
  5795.  
  5796.  
  5797.  
  5798.  
  5799.  
  5800.  
  5801.  
  5802.  
  5803.  
  5804.  
  5805.  
  5806.    
  5807.  
  5808.    <div
  5809.      class="
  5810.        image-block-outer-wrapper
  5811.        layout-caption-below
  5812.        design-layout-fluid
  5813.        image-position-center
  5814.        combination-animation-site-default
  5815.        individual-animation-site-default
  5816.      "
  5817.      data-test="image-block-fluid-outer-wrapper"
  5818.    >
  5819.      <div
  5820.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5821.        data-animation-role="image"
  5822.        
  5823.  
  5824.  
  5825.      >
  5826.        <div
  5827.          class="fluid-image-container sqs-image-content"
  5828.          
  5829.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5830.        >
  5831.          
  5832.  
  5833.          
  5834.          
  5835.  
  5836.          
  5837.            
  5838.              <div class="content-fit">
  5839.                
  5840.            
  5841.            
  5842.            
  5843.            
  5844.            
  5845.            
  5846.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/houzz-best-of-2015.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/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/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/houzz-best-of-2015.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/houzz-best-of-2015.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/houzz-best-of-2015.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/houzz-best-of-2015.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/houzz-best-of-2015.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/houzz-best-of-2015.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/2d3912f9-5538-4935-8661-45904da054a2/houzz-best-of-2015.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5847.  
  5848.            
  5849.              
  5850.            
  5851.            <div class="fluidImageOverlay"></div>
  5852.          
  5853.              </div>
  5854.            
  5855.          
  5856.  
  5857.        </div>
  5858.      </div>
  5859.    </div>
  5860.    <style>
  5861.      .sqs-block-image .sqs-block-content {
  5862.        height: 100%;
  5863.        width: 100%;
  5864.      }
  5865.  
  5866.      
  5867.        .fe-block-yui_3_17_2_1_1659352525951_1068577 .fluidImageOverlay {
  5868.          position: absolute;
  5869.          top: 0;
  5870.          left: 0;
  5871.          width: 100%;
  5872.          height: 100%;
  5873.          mix-blend-mode: ;
  5874.          
  5875.            
  5876.            
  5877.          
  5878.          
  5879.            opacity: 0;
  5880.          
  5881.        }
  5882.      
  5883.    </style>
  5884.  
  5885.  
  5886.  
  5887.  
  5888.  
  5889.  
  5890. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1081200"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_1081200"><div class="sqs-block-content">
  5891.  
  5892.  
  5893.  
  5894.  
  5895.  
  5896.  
  5897.  
  5898.  
  5899.  
  5900.  
  5901.  
  5902.  
  5903.  
  5904.  
  5905.  
  5906.  
  5907.  
  5908.  
  5909.  
  5910.  
  5911.  
  5912.  
  5913.  
  5914.  
  5915.  
  5916.  
  5917.  
  5918.  
  5919.  
  5920.  
  5921.  
  5922.  
  5923.  
  5924.  
  5925.  
  5926.  
  5927.  
  5928.  
  5929.  
  5930.  
  5931.  
  5932.  
  5933.  
  5934.  
  5935.    
  5936.  
  5937.    <div
  5938.      class="
  5939.        image-block-outer-wrapper
  5940.        layout-caption-below
  5941.        design-layout-fluid
  5942.        image-position-center
  5943.        combination-animation-site-default
  5944.        individual-animation-site-default
  5945.      "
  5946.      data-test="image-block-fluid-outer-wrapper"
  5947.    >
  5948.      <div
  5949.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5950.        data-animation-role="image"
  5951.        
  5952.  
  5953.  
  5954.      >
  5955.        <div
  5956.          class="fluid-image-container sqs-image-content"
  5957.          
  5958.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5959.        >
  5960.          
  5961.  
  5962.          
  5963.          
  5964.  
  5965.          
  5966.            
  5967.              <div class="content-fit">
  5968.                
  5969.            
  5970.            
  5971.            
  5972.            
  5973.            
  5974.            
  5975.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/PayTraceSeal.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/PayTraceSeal.png" data-image-dimensions="100x113" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/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/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/PayTraceSeal.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/PayTraceSeal.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/PayTraceSeal.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/PayTraceSeal.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/PayTraceSeal.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/PayTraceSeal.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/b9427334-f6d7-48ef-81c6-89bf279ec2d2/PayTraceSeal.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  5976.  
  5977.            
  5978.              
  5979.            
  5980.            <div class="fluidImageOverlay"></div>
  5981.          
  5982.              </div>
  5983.            
  5984.          
  5985.  
  5986.        </div>
  5987.      </div>
  5988.    </div>
  5989.    <style>
  5990.      .sqs-block-image .sqs-block-content {
  5991.        height: 100%;
  5992.        width: 100%;
  5993.      }
  5994.  
  5995.      
  5996.        .fe-block-yui_3_17_2_1_1659352525951_1081200 .fluidImageOverlay {
  5997.          position: absolute;
  5998.          top: 0;
  5999.          left: 0;
  6000.          width: 100%;
  6001.          height: 100%;
  6002.          mix-blend-mode: ;
  6003.          
  6004.            
  6005.            
  6006.          
  6007.          
  6008.            opacity: 0;
  6009.          
  6010.        }
  6011.      
  6012.    </style>
  6013.  
  6014.  
  6015.  
  6016.  
  6017.  
  6018.  
  6019. </div></div></div></div></div>
  6020.    </div>
  6021.  
  6022.  </div>
  6023.  
  6024. </section>
  6025.  
  6026.  
  6027.    
  6028.    
  6029.  
  6030.  
  6031.  
  6032.  
  6033.  
  6034.  
  6035. <section
  6036.  data-test="page-section"
  6037.  
  6038.  data-section-theme="white"
  6039.  class='page-section
  6040.    
  6041.      full-bleed-section
  6042.      layout-engine-section
  6043.    
  6044.    background-width--full-bleed
  6045.    
  6046.      
  6047.        section-height--custom
  6048.      
  6049.    
  6050.    
  6051.      content-width--wide
  6052.    
  6053.    horizontal-alignment--center
  6054.    vertical-alignment--middle
  6055.    
  6056.      
  6057.    
  6058.    
  6059.    white'
  6060.  
  6061.  data-section-id="62e74fee9f6aeb2bb6997590"
  6062.  
  6063.  data-controller="SectionWrapperController"
  6064.  data-current-styles="{
  6065. &quot;imageOverlayOpacity&quot;: 0.15,
  6066. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6067. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  6068. &quot;customSectionHeight&quot;: 0,
  6069. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6070. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6071. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6072. &quot;customContentWidth&quot;: 50,
  6073. &quot;sectionTheme&quot;: &quot;white&quot;,
  6074. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6075. &quot;backgroundMode&quot;: &quot;image&quot;
  6076. }"
  6077.  data-current-context="{
  6078. &quot;video&quot;: {
  6079. &quot;playbackSpeed&quot;: 0.5,
  6080. &quot;filter&quot;: 1,
  6081. &quot;filterStrength&quot;: 0,
  6082. &quot;zoom&quot;: 0,
  6083. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6084. },
  6085. &quot;backgroundImageId&quot;: null,
  6086. &quot;backgroundMediaEffect&quot;: null,
  6087. &quot;divider&quot;: null,
  6088. &quot;typeName&quot;: &quot;page&quot;
  6089. }"
  6090.  data-animation="none"
  6091.  data-fluid-engine-section
  6092.  
  6093.  
  6094.  
  6095. >
  6096.  <div
  6097.    class="section-border"
  6098.    
  6099.  >
  6100.    <div class="section-background">
  6101.    
  6102.      
  6103.    
  6104.    </div>
  6105.  </div>
  6106.  <div
  6107.    class='content-wrapper'
  6108.    style='
  6109.      
  6110.        
  6111.          
  6112.          
  6113.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  6114.        
  6115.      
  6116.    '
  6117.  >
  6118.    <div
  6119.      class="content"
  6120.      
  6121.    >
  6122.      
  6123.      
  6124.      
  6125.      
  6126.      
  6127.      
  6128.      
  6129.      
  6130.      <div data-fluid-engine="true"><style>
  6131.  
  6132. .fe-62e74fee9f6aeb2bb699758f {
  6133.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6134.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6135.  
  6136.  display: grid;
  6137.  position: relative;
  6138.  grid-area: 1/1/-1/-1;
  6139.  grid-template-rows: repeat(39,minmax(24px, auto));
  6140.  grid-template-columns:
  6141.    minmax(var(--grid-gutter), 1fr)
  6142.    repeat(8, minmax(0, var(--cell-max-width)))
  6143.    minmax(var(--grid-gutter), 1fr);
  6144.  row-gap: 0.0px;
  6145.  column-gap: 0.0px;
  6146. }
  6147.  
  6148. @media (min-width: 768px) {
  6149.  .background-width--inset .fe-62e74fee9f6aeb2bb699758f {
  6150.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6151.  }
  6152.  
  6153.  .fe-62e74fee9f6aeb2bb699758f {
  6154.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6155.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6156.    --inset-padding: 0vw;
  6157.  
  6158.    --row-height-scaling-factor: 0.0215;
  6159.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6160.  
  6161.    grid-template-rows: repeat(25,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6162.    grid-template-columns:
  6163.      minmax(var(--grid-gutter), 1fr)
  6164.      repeat(24, minmax(0, var(--cell-max-width)))
  6165.      minmax(var(--grid-gutter), 1fr);
  6166.  }
  6167. }
  6168.  
  6169.  
  6170.  .fe-block-984b0e07179ef614a1c6 {
  6171.    grid-area: 3/3/14/9;
  6172.    z-index: 0;
  6173.  
  6174.    @media (max-width: 767px) {
  6175.      
  6176.      
  6177.    }
  6178.  }
  6179.  
  6180.  .fe-block-984b0e07179ef614a1c6 .sqs-block {
  6181.    justify-content: center;
  6182.  }
  6183.  
  6184.  .fe-block-984b0e07179ef614a1c6 .sqs-block-alignment-wrapper {
  6185.    align-items: center;
  6186.  }
  6187.  
  6188.  @media (min-width: 768px) {
  6189.    .fe-block-984b0e07179ef614a1c6 {
  6190.      grid-area: 4/3/20/13;
  6191.      z-index: 0;
  6192.  
  6193.      
  6194.  
  6195.      
  6196.    }
  6197.  
  6198.    .fe-block-984b0e07179ef614a1c6 .sqs-block {
  6199.      justify-content: center;
  6200.    }
  6201.  
  6202.    .fe-block-984b0e07179ef614a1c6 .sqs-block-alignment-wrapper {
  6203.      align-items: center;
  6204.    }
  6205.  }
  6206.  
  6207.  .fe-block-871a96805dbbbcacb711 {
  6208.    grid-area: 16/2/35/10;
  6209.    z-index: 4;
  6210.  
  6211.    @media (max-width: 767px) {
  6212.      
  6213.      
  6214.    }
  6215.  }
  6216.  
  6217.  .fe-block-871a96805dbbbcacb711 .sqs-block {
  6218.    justify-content: flex-start;
  6219.  }
  6220.  
  6221.  .fe-block-871a96805dbbbcacb711 .sqs-block-alignment-wrapper {
  6222.    align-items: flex-start;
  6223.  }
  6224.  
  6225.  @media (min-width: 768px) {
  6226.    .fe-block-871a96805dbbbcacb711 {
  6227.      grid-area: 3/15/23/25;
  6228.      z-index: 4;
  6229.  
  6230.      
  6231.  
  6232.      
  6233.    }
  6234.  
  6235.    .fe-block-871a96805dbbbcacb711 .sqs-block {
  6236.      justify-content: flex-start;
  6237.    }
  6238.  
  6239.    .fe-block-871a96805dbbbcacb711 .sqs-block-alignment-wrapper {
  6240.      align-items: flex-start;
  6241.    }
  6242.  }
  6243.  
  6244.  .fe-block-yui_3_17_2_1_1659325685751_93644 {
  6245.    grid-area: 36/4/38/8;
  6246.    z-index: 5;
  6247.  
  6248.    @media (max-width: 767px) {
  6249.      
  6250.      
  6251.    }
  6252.  }
  6253.  
  6254.  .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block {
  6255.    justify-content: center;
  6256.  }
  6257.  
  6258.  .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block-alignment-wrapper {
  6259.    align-items: center;
  6260.  }
  6261.  
  6262.  @media (min-width: 768px) {
  6263.    .fe-block-yui_3_17_2_1_1659325685751_93644 {
  6264.      grid-area: 24/15/26/20;
  6265.      z-index: 5;
  6266.  
  6267.      
  6268.  
  6269.      
  6270.    }
  6271.  
  6272.    .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block {
  6273.      justify-content: center;
  6274.    }
  6275.  
  6276.    .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block-alignment-wrapper {
  6277.      align-items: center;
  6278.    }
  6279.  }
  6280.  
  6281. </style><div class="fluid-engine fe-62e74fee9f6aeb2bb699758f"><div class="fe-block fe-block-984b0e07179ef614a1c6"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="90.6717605858007" data-block-type="5" id="block-984b0e07179ef614a1c6"><div class="sqs-block-content">
  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.  
  6309.  
  6310.  
  6311.  
  6312.  
  6313.  
  6314.  
  6315.  
  6316.  
  6317.  
  6318.  
  6319.  
  6320.  
  6321.  
  6322.  
  6323.  
  6324.  
  6325.  
  6326.    
  6327.  
  6328.    <div
  6329.      class="
  6330.        image-block-outer-wrapper
  6331.        layout-caption-below
  6332.        design-layout-fluid
  6333.        image-position-center
  6334.        combination-animation-site-default
  6335.        individual-animation-site-default
  6336.      "
  6337.      data-test="image-block-fluid-outer-wrapper"
  6338.    >
  6339.      <div
  6340.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  6341.        data-animation-role="image"
  6342.        
  6343.  
  6344.  
  6345.      >
  6346.        <div
  6347.          class="fluid-image-container sqs-image-content"
  6348.          
  6349.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  6350.        >
  6351.          
  6352.  
  6353.          
  6354.          
  6355.  
  6356.          
  6357.            
  6358.              <div class="content-fill">
  6359.                
  6360.            
  6361.            
  6362.            
  6363.            
  6364.            
  6365.            
  6366.            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/interior-door+%282%29+%281%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/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/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/interior-door+%282%29+%281%29.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/interior-door+%282%29+%281%29.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/interior-door+%282%29+%281%29.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/interior-door+%282%29+%281%29.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/interior-door+%282%29+%281%29.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/interior-door+%282%29+%281%29.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/888d12f8-4f8b-42f1-a6de-962f74263764/interior-door+%282%29+%281%29.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  6367.  
  6368.            
  6369.              
  6370.            
  6371.            <div class="fluidImageOverlay"></div>
  6372.          
  6373.              </div>
  6374.            
  6375.          
  6376.  
  6377.        </div>
  6378.      </div>
  6379.    </div>
  6380.    <style>
  6381.      .sqs-block-image .sqs-block-content {
  6382.        height: 100%;
  6383.        width: 100%;
  6384.      }
  6385.  
  6386.      
  6387.        .fe-block-984b0e07179ef614a1c6 .fluidImageOverlay {
  6388.          position: absolute;
  6389.          top: 0;
  6390.          left: 0;
  6391.          width: 100%;
  6392.          height: 100%;
  6393.          mix-blend-mode: ;
  6394.          
  6395.            
  6396.            
  6397.          
  6398.          
  6399.            opacity: 0;
  6400.          
  6401.        }
  6402.      
  6403.    </style>
  6404.  
  6405.  
  6406.  
  6407.  
  6408.  
  6409.  
  6410. </div></div></div><div class="fe-block fe-block-871a96805dbbbcacb711"><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;" id="block-871a96805dbbbcacb711"><div class="sqs-block-content">
  6411.  
  6412. <div class="sqs-html-content">
  6413.  <p class="" style="white-space:pre-wrap;">Welcome to <a href="/" target="">Interior Door and Closet Company</a> (IDCC), located in <a href="/testimonials/huntington-beach-ca">Huntington Beach</a>, California, we provide service to all cities in Orange County, California. We have developed the most convenient and affordable door and <a href="/closet-doors">closet doors</a> system to beautify, organize and add value to your most prized possession; your home.</p><p class="" style="white-space:pre-wrap;">As our name simply states, we improve the appearance and function of four vital areas of your home: <a href="/interior-doors">interior doors</a>,&nbsp;<a href="/closet-doors">closet door</a>, <a href="/barn-doors">barn doors</a>&nbsp;and <a href="/organizers">closet &amp; garage organizers</a>. 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.</p><p class="" style="white-space:pre-wrap;">Established in 2006, we are a family owned and operated company.</p>
  6414. </div>
  6415.  
  6416.  
  6417.  
  6418.  
  6419.  
  6420.  
  6421.  
  6422.  
  6423.  
  6424.  
  6425.  
  6426.  
  6427.  
  6428.  
  6429.  
  6430.  
  6431.  
  6432.  
  6433.  
  6434.  
  6435.  
  6436.  
  6437.  
  6438.  
  6439.  
  6440. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659325685751_93644"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-yui_3_17_2_1_1659325685751_93644"><div class="sqs-block-content">
  6441.  
  6442. <div
  6443.  class="sqs-block-button-container sqs-block-button-container--center"
  6444.  data-animation-role="button"
  6445.  data-alignment="center"
  6446.  data-button-size="medium"
  6447.  data-button-type="primary"
  6448. >
  6449.  <a
  6450.    href="/about"
  6451.    class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
  6452.    data-sqsp-button
  6453.    
  6454.  >
  6455.    Learn more
  6456.  </a>
  6457. </div>
  6458. </div></div></div></div></div>
  6459.    </div>
  6460.  
  6461.  </div>
  6462.  
  6463. </section>
  6464.  
  6465.  
  6466.    
  6467.    
  6468.  
  6469.  
  6470.  
  6471.  
  6472.  
  6473.  
  6474. <section
  6475.  data-test="page-section"
  6476.  
  6477.  data-section-theme=""
  6478.  class='page-section
  6479.    
  6480.      full-bleed-section
  6481.      layout-engine-section
  6482.    
  6483.    background-width--full-bleed
  6484.    
  6485.      
  6486.        section-height--custom
  6487.      
  6488.    
  6489.    
  6490.      content-width--wide
  6491.    
  6492.    horizontal-alignment--center
  6493.    vertical-alignment--middle
  6494.    
  6495.      
  6496.    
  6497.    
  6498.    '
  6499.  
  6500.  data-section-id="62e7a3ed1b6952301a9c9121"
  6501.  
  6502.  data-controller="SectionWrapperController"
  6503.  data-current-styles="{
  6504. &quot;imageOverlayOpacity&quot;: 0.15,
  6505. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6506. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  6507. &quot;customSectionHeight&quot;: 0,
  6508. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6509. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6510. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6511. &quot;customContentWidth&quot;: 50,
  6512. &quot;backgroundColor&quot;: &quot;&quot;,
  6513. &quot;sectionTheme&quot;: &quot;&quot;,
  6514. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6515. &quot;backgroundMode&quot;: &quot;image&quot;
  6516. }"
  6517.  data-current-context="{
  6518. &quot;video&quot;: {
  6519. &quot;playbackSpeed&quot;: 0.5,
  6520. &quot;filter&quot;: 1,
  6521. &quot;filterStrength&quot;: 0,
  6522. &quot;zoom&quot;: 0,
  6523. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6524. },
  6525. &quot;backgroundImageId&quot;: null,
  6526. &quot;backgroundMediaEffect&quot;: null,
  6527. &quot;divider&quot;: null,
  6528. &quot;typeName&quot;: &quot;page&quot;
  6529. }"
  6530.  data-animation="none"
  6531.  data-fluid-engine-section
  6532.  
  6533.  
  6534.  
  6535. >
  6536.  <div
  6537.    class="section-border"
  6538.    
  6539.  >
  6540.    <div class="section-background">
  6541.    
  6542.      
  6543.    
  6544.    </div>
  6545.  </div>
  6546.  <div
  6547.    class='content-wrapper'
  6548.    style='
  6549.      
  6550.        
  6551.          
  6552.          
  6553.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  6554.        
  6555.      
  6556.    '
  6557.  >
  6558.    <div
  6559.      class="content"
  6560.      
  6561.    >
  6562.      
  6563.      
  6564.      
  6565.      
  6566.      
  6567.      
  6568.      
  6569.      
  6570.      <div data-fluid-engine="true"><style>
  6571.  
  6572. .fe-62e7a3ede8fd9f480aa82d1e {
  6573.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  6574.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  6575.  
  6576.  display: grid;
  6577.  position: relative;
  6578.  grid-area: 1/1/-1/-1;
  6579.  grid-template-rows: repeat(8,minmax(24px, auto));
  6580.  grid-template-columns:
  6581.    minmax(var(--grid-gutter), 1fr)
  6582.    repeat(8, minmax(0, var(--cell-max-width)))
  6583.    minmax(var(--grid-gutter), 1fr);
  6584.  row-gap: 11.0px;
  6585.  column-gap: 11.0px;
  6586. }
  6587.  
  6588. @media (min-width: 768px) {
  6589.  .background-width--inset .fe-62e7a3ede8fd9f480aa82d1e {
  6590.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6591.  }
  6592.  
  6593.  .fe-62e7a3ede8fd9f480aa82d1e {
  6594.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  6595.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  6596.    --inset-padding: 0vw;
  6597.  
  6598.    --row-height-scaling-factor: 0.0215;
  6599.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6600.  
  6601.    grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6602.    grid-template-columns:
  6603.      minmax(var(--grid-gutter), 1fr)
  6604.      repeat(24, minmax(0, var(--cell-max-width)))
  6605.      minmax(var(--grid-gutter), 1fr);
  6606.  }
  6607. }
  6608.  
  6609.  
  6610.  .fe-block-yui_3_17_2_1_1669253304833_25089 {
  6611.    grid-area: 2/2/8/10;
  6612.    z-index: 9;
  6613.  
  6614.    @media (max-width: 767px) {
  6615.      
  6616.      
  6617.    }
  6618.  }
  6619.  
  6620.  .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block {
  6621.    justify-content: flex-start;
  6622.  }
  6623.  
  6624.  .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block-alignment-wrapper {
  6625.    align-items: flex-start;
  6626.  }
  6627.  
  6628.  @media (min-width: 768px) {
  6629.    .fe-block-yui_3_17_2_1_1669253304833_25089 {
  6630.      grid-area: 2/2/7/26;
  6631.      z-index: 2;
  6632.  
  6633.      
  6634.  
  6635.      
  6636.    }
  6637.  
  6638.    .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block {
  6639.      justify-content: flex-start;
  6640.    }
  6641.  
  6642.    .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block-alignment-wrapper {
  6643.      align-items: flex-start;
  6644.    }
  6645.  }
  6646.  
  6647. </style><div class="fluid-engine fe-62e7a3ede8fd9f480aa82d1e"><div class="fe-block fe-block-yui_3_17_2_1_1669253304833_25089"><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;" id="block-yui_3_17_2_1_1669253304833_25089"><div class="sqs-block-content">
  6648.  
  6649. <div class="sqs-html-content">
  6650.  <h2 style="white-space:pre-wrap;">Our Specialty</h2><p class="" style="white-space:pre-wrap;">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.</p>
  6651. </div>
  6652.  
  6653.  
  6654.  
  6655.  
  6656.  
  6657.  
  6658.  
  6659.  
  6660.  
  6661.  
  6662.  
  6663.  
  6664.  
  6665.  
  6666.  
  6667.  
  6668.  
  6669.  
  6670.  
  6671.  
  6672.  
  6673.  
  6674.  
  6675.  
  6676.  
  6677. </div></div></div></div></div>
  6678.    </div>
  6679.  
  6680.  </div>
  6681.  
  6682. </section>
  6683.  
  6684.  
  6685.    
  6686.    
  6687.  
  6688.  
  6689.  
  6690.  
  6691.  
  6692.  
  6693. <section
  6694.  data-test="page-section"
  6695.  
  6696.  data-section-theme=""
  6697.  class='page-section
  6698.    
  6699.      full-bleed-section
  6700.      layout-engine-section
  6701.    
  6702.    background-width--full-bleed
  6703.    
  6704.      section-height--small
  6705.    
  6706.    
  6707.      content-width--wide
  6708.    
  6709.    horizontal-alignment--center
  6710.    vertical-alignment--middle
  6711.    
  6712.      
  6713.    
  6714.    
  6715.    '
  6716.  
  6717.  data-section-id="6583b51d6b120402505a4b9d"
  6718.  
  6719.  data-controller="SectionWrapperController"
  6720.  data-current-styles="{
  6721. &quot;imageOverlayOpacity&quot;: 0.15,
  6722. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6723. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  6724. &quot;customSectionHeight&quot;: 1,
  6725. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6726. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6727. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6728. &quot;customContentWidth&quot;: 50,
  6729. &quot;sectionTheme&quot;: &quot;&quot;,
  6730. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6731. &quot;backgroundMode&quot;: &quot;image&quot;
  6732. }"
  6733.  data-current-context="{
  6734. &quot;video&quot;: {
  6735. &quot;playbackSpeed&quot;: 0.5,
  6736. &quot;filter&quot;: 2,
  6737. &quot;filterStrength&quot;: 0,
  6738. &quot;zoom&quot;: 0,
  6739. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6740. },
  6741. &quot;backgroundImageId&quot;: null,
  6742. &quot;backgroundMediaEffect&quot;: {
  6743. &quot;type&quot;: &quot;none&quot;
  6744. },
  6745. &quot;divider&quot;: {
  6746. &quot;enabled&quot;: false
  6747. },
  6748. &quot;typeName&quot;: &quot;page&quot;
  6749. }"
  6750.  data-animation="none"
  6751.  data-fluid-engine-section
  6752.  
  6753.  
  6754.    
  6755.  
  6756.  
  6757. >
  6758.  <div
  6759.    class="section-border"
  6760.    
  6761.  >
  6762.    <div class="section-background">
  6763.    
  6764.      
  6765.    
  6766.    </div>
  6767.  </div>
  6768.  <div
  6769.    class='content-wrapper'
  6770.    style='
  6771.      
  6772.        
  6773.      
  6774.    '
  6775.  >
  6776.    <div
  6777.      class="content"
  6778.      
  6779.    >
  6780.      
  6781.      
  6782.      
  6783.      
  6784.      
  6785.      
  6786.      
  6787.      
  6788.      <div data-fluid-engine="true"><style>
  6789.  
  6790. .fe-6583b51d6b120402505a4b9c {
  6791.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6792.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6793.  
  6794.  display: grid;
  6795.  position: relative;
  6796.  grid-area: 1/1/-1/-1;
  6797.  grid-template-rows: repeat(29,minmax(24px, auto));
  6798.  grid-template-columns:
  6799.    minmax(var(--grid-gutter), 1fr)
  6800.    repeat(8, minmax(0, var(--cell-max-width)))
  6801.    minmax(var(--grid-gutter), 1fr);
  6802.  row-gap: 0.0px;
  6803.  column-gap: 0.0px;
  6804. }
  6805.  
  6806. @media (min-width: 768px) {
  6807.  .background-width--inset .fe-6583b51d6b120402505a4b9c {
  6808.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6809.  }
  6810.  
  6811.  .fe-6583b51d6b120402505a4b9c {
  6812.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6813.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6814.    --inset-padding: 0vw;
  6815.  
  6816.    --row-height-scaling-factor: 0.0215;
  6817.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6818.  
  6819.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6820.    grid-template-columns:
  6821.      minmax(var(--grid-gutter), 1fr)
  6822.      repeat(24, minmax(0, var(--cell-max-width)))
  6823.      minmax(var(--grid-gutter), 1fr);
  6824.  }
  6825. }
  6826.  
  6827.  
  6828.  .fe-block-40514c877c684bb79c95 {
  6829.    grid-area: 1/2/13/10;
  6830.    z-index: 0;
  6831.  
  6832.    @media (max-width: 767px) {
  6833.      
  6834.      
  6835.    }
  6836.  }
  6837.  
  6838.  .fe-block-40514c877c684bb79c95 .sqs-block {
  6839.    justify-content: center;
  6840.  }
  6841.  
  6842.  .fe-block-40514c877c684bb79c95 .sqs-block-alignment-wrapper {
  6843.    align-items: center;
  6844.  }
  6845.  
  6846.  @media (min-width: 768px) {
  6847.    .fe-block-40514c877c684bb79c95 {
  6848.      grid-area: 1/2/17/13;
  6849.      z-index: 0;
  6850.  
  6851.      
  6852.  
  6853.      
  6854.    }
  6855.  
  6856.    .fe-block-40514c877c684bb79c95 .sqs-block {
  6857.      justify-content: center;
  6858.    }
  6859.  
  6860.    .fe-block-40514c877c684bb79c95 .sqs-block-alignment-wrapper {
  6861.      align-items: center;
  6862.    }
  6863.  }
  6864.  
  6865.  .fe-block-2ef339939ac1139a2039 {
  6866.    grid-area: 14/2/16/10;
  6867.    z-index: 1;
  6868.  
  6869.    @media (max-width: 767px) {
  6870.      
  6871.      
  6872.    }
  6873.  }
  6874.  
  6875.  .fe-block-2ef339939ac1139a2039 .sqs-block {
  6876.    justify-content: flex-start;
  6877.  }
  6878.  
  6879.  .fe-block-2ef339939ac1139a2039 .sqs-block-alignment-wrapper {
  6880.    align-items: flex-start;
  6881.  }
  6882.  
  6883.  @media (min-width: 768px) {
  6884.    .fe-block-2ef339939ac1139a2039 {
  6885.      grid-area: 3/16/5/26;
  6886.      z-index: 2;
  6887.  
  6888.      
  6889.  
  6890.      
  6891.    }
  6892.  
  6893.    .fe-block-2ef339939ac1139a2039 .sqs-block {
  6894.      justify-content: center;
  6895.    }
  6896.  
  6897.    .fe-block-2ef339939ac1139a2039 .sqs-block-alignment-wrapper {
  6898.      align-items: center;
  6899.    }
  6900.  }
  6901.  
  6902.  .fe-block-c763194e44af980b8a1d {
  6903.    grid-area: 16/2/26/10;
  6904.    z-index: 2;
  6905.  
  6906.    @media (max-width: 767px) {
  6907.      
  6908.      
  6909.    }
  6910.  }
  6911.  
  6912.  .fe-block-c763194e44af980b8a1d .sqs-block {
  6913.    justify-content: center;
  6914.  }
  6915.  
  6916.  .fe-block-c763194e44af980b8a1d .sqs-block-alignment-wrapper {
  6917.    align-items: center;
  6918.  }
  6919.  
  6920.  @media (min-width: 768px) {
  6921.    .fe-block-c763194e44af980b8a1d {
  6922.      grid-area: 5/16/14/26;
  6923.      z-index: 1;
  6924.  
  6925.      
  6926.  
  6927.      
  6928.    }
  6929.  
  6930.    .fe-block-c763194e44af980b8a1d .sqs-block {
  6931.      justify-content: center;
  6932.    }
  6933.  
  6934.    .fe-block-c763194e44af980b8a1d .sqs-block-alignment-wrapper {
  6935.      align-items: center;
  6936.    }
  6937.  }
  6938.  
  6939.  .fe-block-f039704eb8709e5bf895 {
  6940.    grid-area: 27/4/29/8;
  6941.    z-index: 3;
  6942.  
  6943.    @media (max-width: 767px) {
  6944.      
  6945.      
  6946.    }
  6947.  }
  6948.  
  6949.  .fe-block-f039704eb8709e5bf895 .sqs-block {
  6950.    justify-content: center;
  6951.  }
  6952.  
  6953.  .fe-block-f039704eb8709e5bf895 .sqs-block-alignment-wrapper {
  6954.    align-items: center;
  6955.  }
  6956.  
  6957.  @media (min-width: 768px) {
  6958.    .fe-block-f039704eb8709e5bf895 {
  6959.      grid-area: 15/16/17/20;
  6960.      z-index: 3;
  6961.  
  6962.      
  6963.  
  6964.      
  6965.    }
  6966.  
  6967.    .fe-block-f039704eb8709e5bf895 .sqs-block {
  6968.      justify-content: center;
  6969.    }
  6970.  
  6971.    .fe-block-f039704eb8709e5bf895 .sqs-block-alignment-wrapper {
  6972.      align-items: center;
  6973.    }
  6974.  }
  6975.  
  6976. </style><div class="fluid-engine fe-6583b51d6b120402505a4b9c"><div class="fe-block fe-block-40514c877c684bb79c95"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-40514c877c684bb79c95"><div class="sqs-block-content">
  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.  
  7012.  
  7013.  
  7014.  
  7015.  
  7016.  
  7017.  
  7018.  
  7019.  
  7020.  
  7021.    
  7022.  
  7023.    <div
  7024.      class="
  7025.        image-block-outer-wrapper
  7026.        layout-caption-below
  7027.        design-layout-fluid
  7028.        image-position-left
  7029.        combination-animation-none
  7030.        individual-animation-none
  7031.      "
  7032.      data-test="image-block-fluid-outer-wrapper"
  7033.    >
  7034.      <div
  7035.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7036.        data-animation-role="image"
  7037.        
  7038.  
  7039.  
  7040.      >
  7041.        <div
  7042.          class="fluid-image-container sqs-image-content"
  7043.          
  7044.          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%;"
  7045.        >
  7046.          
  7047.  
  7048.          
  7049.          
  7050.  
  7051.          
  7052.            
  7053.              <div class="content-fill">
  7054.                
  7055.            
  7056.            
  7057.            
  7058.            
  7059.            
  7060.            
  7061.            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.jpg" data-image-dimensions="1136x844" data-image-focal-point="0.5,0.5" alt="contemporary white interior door beautifully matches  a dark grey room" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.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/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1666722312417-8ZB9K0YE3NM4R0G9A9NU/Madison.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  7062.  
  7063.            
  7064.              
  7065.            
  7066.            <div class="fluidImageOverlay"></div>
  7067.          
  7068.              </div>
  7069.            
  7070.          
  7071.  
  7072.        </div>
  7073.      </div>
  7074.    </div>
  7075.    <style>
  7076.      .sqs-block-image .sqs-block-content {
  7077.        height: 100%;
  7078.        width: 100%;
  7079.      }
  7080.  
  7081.      
  7082.        .fe-block-40514c877c684bb79c95 .fluidImageOverlay {
  7083.          position: absolute;
  7084.          top: 0;
  7085.          left: 0;
  7086.          width: 100%;
  7087.          height: 100%;
  7088.          mix-blend-mode: normal;
  7089.          
  7090.            
  7091.            
  7092.          
  7093.          
  7094.            opacity: 0;
  7095.          
  7096.        }
  7097.      
  7098.    </style>
  7099.  
  7100.  
  7101.  
  7102.  
  7103.  
  7104.  
  7105. </div></div></div><div class="fe-block fe-block-2ef339939ac1139a2039"><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;" id="block-2ef339939ac1139a2039"><div class="sqs-block-content">
  7106.  
  7107. <div class="sqs-html-content">
  7108.  <h2 style="white-space:pre-wrap;"><a href="/interior-doors">Interior Doors</a></h2>
  7109. </div>
  7110.  
  7111.  
  7112.  
  7113.  
  7114.  
  7115.  
  7116.  
  7117.  
  7118.  
  7119.  
  7120.  
  7121.  
  7122.  
  7123.  
  7124.  
  7125.  
  7126.  
  7127.  
  7128.  
  7129.  
  7130.  
  7131.  
  7132.  
  7133.  
  7134.  
  7135. </div></div></div><div class="fe-block fe-block-c763194e44af980b8a1d"><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;" id="block-c763194e44af980b8a1d"><div class="sqs-block-content">
  7136.  
  7137. <div class="sqs-html-content">
  7138.  <p class="" style="white-space:pre-wrap;"><em>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. </em><strong><em>Our collection of interior doors boasts unmatched craftsmanship, ensuring durability and a timeless appeal for every home </em>Call our office to schedule your in-home consultation at </strong><a href="tel:+17148955100"><em>(714) 895-5100</em></a><strong><em>.</em></strong></p>
  7139. </div>
  7140.  
  7141.  
  7142.  
  7143.  
  7144.  
  7145.  
  7146.  
  7147.  
  7148.  
  7149.  
  7150.  
  7151.  
  7152.  
  7153.  
  7154.  
  7155.  
  7156.  
  7157.  
  7158.  
  7159.  
  7160.  
  7161.  
  7162.  
  7163.  
  7164.  
  7165. </div></div></div><div class="fe-block fe-block-f039704eb8709e5bf895"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-f039704eb8709e5bf895"><div class="sqs-block-content">
  7166.  
  7167. <div
  7168.  class="sqs-block-button-container sqs-block-button-container--left"
  7169.  data-animation-role="button"
  7170.  data-alignment="left"
  7171.  data-button-size="large"
  7172.  data-button-type="secondary"
  7173. >
  7174.  <a
  7175.    href="/interior-doors"
  7176.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7177.    data-sqsp-button
  7178.    
  7179.  >
  7180.    See More
  7181.  </a>
  7182. </div>
  7183. </div></div></div></div></div>
  7184.    </div>
  7185.  
  7186.  </div>
  7187.  
  7188. </section>
  7189.  
  7190.  
  7191.    
  7192.    
  7193.  
  7194.  
  7195.  
  7196.  
  7197.  
  7198.  
  7199. <section
  7200.  data-test="page-section"
  7201.  
  7202.  data-section-theme=""
  7203.  class='page-section
  7204.    
  7205.      full-bleed-section
  7206.      layout-engine-section
  7207.    
  7208.    background-width--full-bleed
  7209.    
  7210.      section-height--small
  7211.    
  7212.    
  7213.      content-width--wide
  7214.    
  7215.    horizontal-alignment--center
  7216.    vertical-alignment--middle
  7217.    
  7218.      
  7219.    
  7220.    
  7221.    '
  7222.  
  7223.  data-section-id="6583b684bd1abf4ed651bd60"
  7224.  
  7225.  data-controller="SectionWrapperController"
  7226.  data-current-styles="{
  7227. &quot;imageOverlayOpacity&quot;: 0.15,
  7228. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7229. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7230. &quot;customSectionHeight&quot;: 1,
  7231. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7232. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7233. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7234. &quot;customContentWidth&quot;: 50,
  7235. &quot;sectionTheme&quot;: &quot;&quot;,
  7236. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7237. &quot;backgroundMode&quot;: &quot;image&quot;
  7238. }"
  7239.  data-current-context="{
  7240. &quot;video&quot;: {
  7241. &quot;playbackSpeed&quot;: 0.5,
  7242. &quot;filter&quot;: 2,
  7243. &quot;filterStrength&quot;: 0,
  7244. &quot;zoom&quot;: 0,
  7245. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7246. },
  7247. &quot;backgroundImageId&quot;: null,
  7248. &quot;backgroundMediaEffect&quot;: {
  7249. &quot;type&quot;: &quot;none&quot;
  7250. },
  7251. &quot;divider&quot;: {
  7252. &quot;enabled&quot;: false
  7253. },
  7254. &quot;typeName&quot;: &quot;page&quot;
  7255. }"
  7256.  data-animation="none"
  7257.  data-fluid-engine-section
  7258.  
  7259.  
  7260.    
  7261.  
  7262.  
  7263. >
  7264.  <div
  7265.    class="section-border"
  7266.    
  7267.  >
  7268.    <div class="section-background">
  7269.    
  7270.      
  7271.    
  7272.    </div>
  7273.  </div>
  7274.  <div
  7275.    class='content-wrapper'
  7276.    style='
  7277.      
  7278.        
  7279.      
  7280.    '
  7281.  >
  7282.    <div
  7283.      class="content"
  7284.      
  7285.    >
  7286.      
  7287.      
  7288.      
  7289.      
  7290.      
  7291.      
  7292.      
  7293.      
  7294.      <div data-fluid-engine="true"><style>
  7295.  
  7296. .fe-6583b684bd1abf4ed651bd5f {
  7297.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7298.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7299.  
  7300.  display: grid;
  7301.  position: relative;
  7302.  grid-area: 1/1/-1/-1;
  7303.  grid-template-rows: repeat(40,minmax(24px, auto));
  7304.  grid-template-columns:
  7305.    minmax(var(--grid-gutter), 1fr)
  7306.    repeat(8, minmax(0, var(--cell-max-width)))
  7307.    minmax(var(--grid-gutter), 1fr);
  7308.  row-gap: 0.0px;
  7309.  column-gap: 0.0px;
  7310. }
  7311.  
  7312. @media (min-width: 768px) {
  7313.  .background-width--inset .fe-6583b684bd1abf4ed651bd5f {
  7314.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7315.  }
  7316.  
  7317.  .fe-6583b684bd1abf4ed651bd5f {
  7318.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7319.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7320.    --inset-padding: 0vw;
  7321.  
  7322.    --row-height-scaling-factor: 0.0215;
  7323.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7324.  
  7325.    grid-template-rows: repeat(23,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7326.    grid-template-columns:
  7327.      minmax(var(--grid-gutter), 1fr)
  7328.      repeat(24, minmax(0, var(--cell-max-width)))
  7329.      minmax(var(--grid-gutter), 1fr);
  7330.  }
  7331. }
  7332.  
  7333.  
  7334.  .fe-block-d9c6ec5beae85e113a28 {
  7335.    grid-area: 2/2/14/10;
  7336.    z-index: 0;
  7337.  
  7338.    @media (max-width: 767px) {
  7339.      
  7340.      
  7341.    }
  7342.  }
  7343.  
  7344.  .fe-block-d9c6ec5beae85e113a28 .sqs-block {
  7345.    justify-content: center;
  7346.  }
  7347.  
  7348.  .fe-block-d9c6ec5beae85e113a28 .sqs-block-alignment-wrapper {
  7349.    align-items: center;
  7350.  }
  7351.  
  7352.  @media (min-width: 768px) {
  7353.    .fe-block-d9c6ec5beae85e113a28 {
  7354.      grid-area: 3/15/22/26;
  7355.      z-index: 0;
  7356.  
  7357.      
  7358.  
  7359.      
  7360.    }
  7361.  
  7362.    .fe-block-d9c6ec5beae85e113a28 .sqs-block {
  7363.      justify-content: center;
  7364.    }
  7365.  
  7366.    .fe-block-d9c6ec5beae85e113a28 .sqs-block-alignment-wrapper {
  7367.      align-items: center;
  7368.    }
  7369.  }
  7370.  
  7371.  .fe-block-b294a91f7b71a139cea1 {
  7372.    grid-area: 15/2/17/10;
  7373.    z-index: 1;
  7374.  
  7375.    @media (max-width: 767px) {
  7376.      
  7377.      
  7378.    }
  7379.  }
  7380.  
  7381.  .fe-block-b294a91f7b71a139cea1 .sqs-block {
  7382.    justify-content: flex-start;
  7383.  }
  7384.  
  7385.  .fe-block-b294a91f7b71a139cea1 .sqs-block-alignment-wrapper {
  7386.    align-items: flex-start;
  7387.  }
  7388.  
  7389.  @media (min-width: 768px) {
  7390.    .fe-block-b294a91f7b71a139cea1 {
  7391.      grid-area: 1/2/3/12;
  7392.      z-index: 2;
  7393.  
  7394.      
  7395.  
  7396.      
  7397.    }
  7398.  
  7399.    .fe-block-b294a91f7b71a139cea1 .sqs-block {
  7400.      justify-content: center;
  7401.    }
  7402.  
  7403.    .fe-block-b294a91f7b71a139cea1 .sqs-block-alignment-wrapper {
  7404.      align-items: center;
  7405.    }
  7406.  }
  7407.  
  7408.  .fe-block-51dfbf95068125a15c49 {
  7409.    grid-area: 17/2/37/10;
  7410.    z-index: 2;
  7411.  
  7412.    @media (max-width: 767px) {
  7413.      
  7414.      
  7415.    }
  7416.  }
  7417.  
  7418.  .fe-block-51dfbf95068125a15c49 .sqs-block {
  7419.    justify-content: center;
  7420.  }
  7421.  
  7422.  .fe-block-51dfbf95068125a15c49 .sqs-block-alignment-wrapper {
  7423.    align-items: center;
  7424.  }
  7425.  
  7426.  @media (min-width: 768px) {
  7427.    .fe-block-51dfbf95068125a15c49 {
  7428.      grid-area: 4/2/21/12;
  7429.      z-index: 1;
  7430.  
  7431.      
  7432.  
  7433.      
  7434.    }
  7435.  
  7436.    .fe-block-51dfbf95068125a15c49 .sqs-block {
  7437.      justify-content: center;
  7438.    }
  7439.  
  7440.    .fe-block-51dfbf95068125a15c49 .sqs-block-alignment-wrapper {
  7441.      align-items: center;
  7442.    }
  7443.  }
  7444.  
  7445.  .fe-block-4496c3091f71f3a5081b {
  7446.    grid-area: 38/4/40/8;
  7447.    z-index: 3;
  7448.  
  7449.    @media (max-width: 767px) {
  7450.      
  7451.      
  7452.    }
  7453.  }
  7454.  
  7455.  .fe-block-4496c3091f71f3a5081b .sqs-block {
  7456.    justify-content: center;
  7457.  }
  7458.  
  7459.  .fe-block-4496c3091f71f3a5081b .sqs-block-alignment-wrapper {
  7460.    align-items: center;
  7461.  }
  7462.  
  7463.  @media (min-width: 768px) {
  7464.    .fe-block-4496c3091f71f3a5081b {
  7465.      grid-area: 22/2/24/6;
  7466.      z-index: 3;
  7467.  
  7468.      
  7469.  
  7470.      
  7471.    }
  7472.  
  7473.    .fe-block-4496c3091f71f3a5081b .sqs-block {
  7474.      justify-content: center;
  7475.    }
  7476.  
  7477.    .fe-block-4496c3091f71f3a5081b .sqs-block-alignment-wrapper {
  7478.      align-items: center;
  7479.    }
  7480.  }
  7481.  
  7482. </style><div class="fluid-engine fe-6583b684bd1abf4ed651bd5f"><div class="fe-block fe-block-d9c6ec5beae85e113a28"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-d9c6ec5beae85e113a28"><div class="sqs-block-content">
  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.  
  7523.  
  7524.  
  7525.  
  7526.  
  7527.    
  7528.  
  7529.    <div
  7530.      class="
  7531.        image-block-outer-wrapper
  7532.        layout-caption-below
  7533.        design-layout-fluid
  7534.        image-position-left
  7535.        combination-animation-none
  7536.        individual-animation-none
  7537.      "
  7538.      data-test="image-block-fluid-outer-wrapper"
  7539.    >
  7540.      <div
  7541.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7542.        data-animation-role="image"
  7543.        
  7544.  
  7545.  
  7546.      >
  7547.        <div
  7548.          class="fluid-image-container sqs-image-content"
  7549.          
  7550.          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%;"
  7551.        >
  7552.          
  7553.  
  7554.          
  7555.          
  7556.  
  7557.          
  7558.            
  7559.              <div class="content-fill">
  7560.                
  7561.            
  7562.            
  7563.            
  7564.            
  7565.            
  7566.            
  7567.            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/closet-door.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/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/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/closet-door.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/closet-door.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/closet-door.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/closet-door.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/closet-door.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/closet-door.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/bf8a9c1c-bfda-420a-9f19-315c7cebfe9b/closet-door.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  7568.  
  7569.            
  7570.              
  7571.            
  7572.            <div class="fluidImageOverlay"></div>
  7573.          
  7574.              </div>
  7575.            
  7576.          
  7577.  
  7578.        </div>
  7579.      </div>
  7580.    </div>
  7581.    <style>
  7582.      .sqs-block-image .sqs-block-content {
  7583.        height: 100%;
  7584.        width: 100%;
  7585.      }
  7586.  
  7587.      
  7588.        .fe-block-d9c6ec5beae85e113a28 .fluidImageOverlay {
  7589.          position: absolute;
  7590.          top: 0;
  7591.          left: 0;
  7592.          width: 100%;
  7593.          height: 100%;
  7594.          mix-blend-mode: normal;
  7595.          
  7596.            
  7597.            
  7598.          
  7599.          
  7600.            opacity: 0;
  7601.          
  7602.        }
  7603.      
  7604.    </style>
  7605.  
  7606.  
  7607.  
  7608.  
  7609.  
  7610.  
  7611. </div></div></div><div class="fe-block fe-block-b294a91f7b71a139cea1"><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;" id="block-b294a91f7b71a139cea1"><div class="sqs-block-content">
  7612.  
  7613. <div class="sqs-html-content">
  7614.  <h2 style="white-space:pre-wrap;"><a href="/closet-doors">Closet Doors</a></h2>
  7615. </div>
  7616.  
  7617.  
  7618.  
  7619.  
  7620.  
  7621.  
  7622.  
  7623.  
  7624.  
  7625.  
  7626.  
  7627.  
  7628.  
  7629.  
  7630.  
  7631.  
  7632.  
  7633.  
  7634.  
  7635.  
  7636.  
  7637.  
  7638.  
  7639.  
  7640.  
  7641. </div></div></div><div class="fe-block fe-block-51dfbf95068125a15c49"><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;" id="block-51dfbf95068125a15c49"><div class="sqs-block-content">
  7642.  
  7643. <div class="sqs-html-content">
  7644.  <p class="sqsrte-large" style="white-space:pre-wrap;"><a href="https://www.interiordoorandcloset.com/closet-doors/mirrored-closet-doors" target="_blank"><strong><em>Mirrored</em></strong></a><strong><em>, </em></strong><a href="https://www.interiordoorandcloset.com/closet-doors/glass-closet-doors" target="_blank"><strong><em>Glass</em></strong></a><strong><em>, </em></strong><a href="https://www.interiordoorandcloset.com/closet-doors/panel-louver-and-flush-doors" target="_blank"><strong><em>Panel and Louver Doors</em></strong></a></p><p class="" style="white-space:pre-wrap;"><em>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 </em><a href="tel:+17148955100"><em>(714) 895-5100</em></a><em>.</em></p><p class="" style="white-space:pre-wrap;"><em>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, </em><strong><em>almost any door you like on any page can be made into sliding closet doors</em></strong><em>. Our doors are available in a variety finishes depending on the style you choose. </em></p>
  7645. </div>
  7646.  
  7647.  
  7648.  
  7649.  
  7650.  
  7651.  
  7652.  
  7653.  
  7654.  
  7655.  
  7656.  
  7657.  
  7658.  
  7659.  
  7660.  
  7661.  
  7662.  
  7663.  
  7664.  
  7665.  
  7666.  
  7667.  
  7668.  
  7669.  
  7670.  
  7671. </div></div></div><div class="fe-block fe-block-4496c3091f71f3a5081b"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-4496c3091f71f3a5081b"><div class="sqs-block-content">
  7672.  
  7673. <div
  7674.  class="sqs-block-button-container sqs-block-button-container--left"
  7675.  data-animation-role="button"
  7676.  data-alignment="left"
  7677.  data-button-size="large"
  7678.  data-button-type="secondary"
  7679. >
  7680.  <a
  7681.    href="/closet-doors"
  7682.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7683.    data-sqsp-button
  7684.    
  7685.  >
  7686.    See More
  7687.  </a>
  7688. </div>
  7689. </div></div></div></div></div>
  7690.    </div>
  7691.  
  7692.  </div>
  7693.  
  7694. </section>
  7695.  
  7696.  
  7697.    
  7698.    
  7699.  
  7700.  
  7701.  
  7702.  
  7703.  
  7704.  
  7705. <section
  7706.  data-test="page-section"
  7707.  
  7708.  data-section-theme=""
  7709.  class='page-section
  7710.    
  7711.      full-bleed-section
  7712.      layout-engine-section
  7713.    
  7714.    background-width--full-bleed
  7715.    
  7716.      section-height--small
  7717.    
  7718.    
  7719.      content-width--wide
  7720.    
  7721.    horizontal-alignment--center
  7722.    vertical-alignment--middle
  7723.    
  7724.      
  7725.    
  7726.    
  7727.    '
  7728.  
  7729.  data-section-id="6583b8846906431c717c5758"
  7730.  
  7731.  data-controller="SectionWrapperController"
  7732.  data-current-styles="{
  7733. &quot;imageOverlayOpacity&quot;: 0.15,
  7734. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7735. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7736. &quot;customSectionHeight&quot;: 1,
  7737. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7738. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7739. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7740. &quot;customContentWidth&quot;: 50,
  7741. &quot;sectionTheme&quot;: &quot;&quot;,
  7742. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7743. &quot;backgroundMode&quot;: &quot;image&quot;
  7744. }"
  7745.  data-current-context="{
  7746. &quot;video&quot;: {
  7747. &quot;playbackSpeed&quot;: 0.5,
  7748. &quot;filter&quot;: 2,
  7749. &quot;filterStrength&quot;: 0,
  7750. &quot;zoom&quot;: 0,
  7751. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7752. },
  7753. &quot;backgroundImageId&quot;: null,
  7754. &quot;backgroundMediaEffect&quot;: {
  7755. &quot;type&quot;: &quot;none&quot;
  7756. },
  7757. &quot;divider&quot;: {
  7758. &quot;enabled&quot;: false
  7759. },
  7760. &quot;typeName&quot;: &quot;page&quot;
  7761. }"
  7762.  data-animation="none"
  7763.  data-fluid-engine-section
  7764.  
  7765.  
  7766.    
  7767.  
  7768.  
  7769. >
  7770.  <div
  7771.    class="section-border"
  7772.    
  7773.  >
  7774.    <div class="section-background">
  7775.    
  7776.      
  7777.    
  7778.    </div>
  7779.  </div>
  7780.  <div
  7781.    class='content-wrapper'
  7782.    style='
  7783.      
  7784.        
  7785.      
  7786.    '
  7787.  >
  7788.    <div
  7789.      class="content"
  7790.      
  7791.    >
  7792.      
  7793.      
  7794.      
  7795.      
  7796.      
  7797.      
  7798.      
  7799.      
  7800.      <div data-fluid-engine="true"><style>
  7801.  
  7802. .fe-6583b8846906431c717c5757 {
  7803.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7804.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7805.  
  7806.  display: grid;
  7807.  position: relative;
  7808.  grid-area: 1/1/-1/-1;
  7809.  grid-template-rows: repeat(29,minmax(24px, auto));
  7810.  grid-template-columns:
  7811.    minmax(var(--grid-gutter), 1fr)
  7812.    repeat(8, minmax(0, var(--cell-max-width)))
  7813.    minmax(var(--grid-gutter), 1fr);
  7814.  row-gap: 0.0px;
  7815.  column-gap: 0.0px;
  7816. }
  7817.  
  7818. @media (min-width: 768px) {
  7819.  .background-width--inset .fe-6583b8846906431c717c5757 {
  7820.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7821.  }
  7822.  
  7823.  .fe-6583b8846906431c717c5757 {
  7824.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7825.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7826.    --inset-padding: 0vw;
  7827.  
  7828.    --row-height-scaling-factor: 0.0215;
  7829.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7830.  
  7831.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7832.    grid-template-columns:
  7833.      minmax(var(--grid-gutter), 1fr)
  7834.      repeat(24, minmax(0, var(--cell-max-width)))
  7835.      minmax(var(--grid-gutter), 1fr);
  7836.  }
  7837. }
  7838.  
  7839.  
  7840.  .fe-block-24aad8a09ffeaa035b77 {
  7841.    grid-area: 1/2/13/10;
  7842.    z-index: 0;
  7843.  
  7844.    @media (max-width: 767px) {
  7845.      
  7846.      
  7847.    }
  7848.  }
  7849.  
  7850.  .fe-block-24aad8a09ffeaa035b77 .sqs-block {
  7851.    justify-content: center;
  7852.  }
  7853.  
  7854.  .fe-block-24aad8a09ffeaa035b77 .sqs-block-alignment-wrapper {
  7855.    align-items: center;
  7856.  }
  7857.  
  7858.  @media (min-width: 768px) {
  7859.    .fe-block-24aad8a09ffeaa035b77 {
  7860.      grid-area: 1/2/17/13;
  7861.      z-index: 0;
  7862.  
  7863.      
  7864.  
  7865.      
  7866.    }
  7867.  
  7868.    .fe-block-24aad8a09ffeaa035b77 .sqs-block {
  7869.      justify-content: center;
  7870.    }
  7871.  
  7872.    .fe-block-24aad8a09ffeaa035b77 .sqs-block-alignment-wrapper {
  7873.      align-items: center;
  7874.    }
  7875.  }
  7876.  
  7877.  .fe-block-6491a29f1677ec200bff {
  7878.    grid-area: 14/2/16/10;
  7879.    z-index: 1;
  7880.  
  7881.    @media (max-width: 767px) {
  7882.      
  7883.      
  7884.    }
  7885.  }
  7886.  
  7887.  .fe-block-6491a29f1677ec200bff .sqs-block {
  7888.    justify-content: flex-start;
  7889.  }
  7890.  
  7891.  .fe-block-6491a29f1677ec200bff .sqs-block-alignment-wrapper {
  7892.    align-items: flex-start;
  7893.  }
  7894.  
  7895.  @media (min-width: 768px) {
  7896.    .fe-block-6491a29f1677ec200bff {
  7897.      grid-area: 3/16/5/26;
  7898.      z-index: 2;
  7899.  
  7900.      
  7901.  
  7902.      
  7903.    }
  7904.  
  7905.    .fe-block-6491a29f1677ec200bff .sqs-block {
  7906.      justify-content: center;
  7907.    }
  7908.  
  7909.    .fe-block-6491a29f1677ec200bff .sqs-block-alignment-wrapper {
  7910.      align-items: center;
  7911.    }
  7912.  }
  7913.  
  7914.  .fe-block-d2c045beb6342913e606 {
  7915.    grid-area: 16/2/26/10;
  7916.    z-index: 2;
  7917.  
  7918.    @media (max-width: 767px) {
  7919.      
  7920.      
  7921.    }
  7922.  }
  7923.  
  7924.  .fe-block-d2c045beb6342913e606 .sqs-block {
  7925.    justify-content: center;
  7926.  }
  7927.  
  7928.  .fe-block-d2c045beb6342913e606 .sqs-block-alignment-wrapper {
  7929.    align-items: center;
  7930.  }
  7931.  
  7932.  @media (min-width: 768px) {
  7933.    .fe-block-d2c045beb6342913e606 {
  7934.      grid-area: 5/16/12/26;
  7935.      z-index: 1;
  7936.  
  7937.      
  7938.  
  7939.      
  7940.    }
  7941.  
  7942.    .fe-block-d2c045beb6342913e606 .sqs-block {
  7943.      justify-content: center;
  7944.    }
  7945.  
  7946.    .fe-block-d2c045beb6342913e606 .sqs-block-alignment-wrapper {
  7947.      align-items: center;
  7948.    }
  7949.  }
  7950.  
  7951.  .fe-block-870ef85e8566c3630d7a {
  7952.    grid-area: 27/4/29/8;
  7953.    z-index: 3;
  7954.  
  7955.    @media (max-width: 767px) {
  7956.      
  7957.      
  7958.    }
  7959.  }
  7960.  
  7961.  .fe-block-870ef85e8566c3630d7a .sqs-block {
  7962.    justify-content: center;
  7963.  }
  7964.  
  7965.  .fe-block-870ef85e8566c3630d7a .sqs-block-alignment-wrapper {
  7966.    align-items: center;
  7967.  }
  7968.  
  7969.  @media (min-width: 768px) {
  7970.    .fe-block-870ef85e8566c3630d7a {
  7971.      grid-area: 13/16/15/20;
  7972.      z-index: 3;
  7973.  
  7974.      
  7975.  
  7976.      
  7977.    }
  7978.  
  7979.    .fe-block-870ef85e8566c3630d7a .sqs-block {
  7980.      justify-content: center;
  7981.    }
  7982.  
  7983.    .fe-block-870ef85e8566c3630d7a .sqs-block-alignment-wrapper {
  7984.      align-items: center;
  7985.    }
  7986.  }
  7987.  
  7988. </style><div class="fluid-engine fe-6583b8846906431c717c5757"><div class="fe-block fe-block-24aad8a09ffeaa035b77"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-24aad8a09ffeaa035b77"><div class="sqs-block-content">
  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.    
  8034.  
  8035.    <div
  8036.      class="
  8037.        image-block-outer-wrapper
  8038.        layout-caption-below
  8039.        design-layout-fluid
  8040.        image-position-left
  8041.        combination-animation-none
  8042.        individual-animation-none
  8043.      "
  8044.      data-test="image-block-fluid-outer-wrapper"
  8045.    >
  8046.      <div
  8047.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  8048.        data-animation-role="image"
  8049.        
  8050.  
  8051.  
  8052.      >
  8053.        <div
  8054.          class="fluid-image-container sqs-image-content"
  8055.          
  8056.          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%;"
  8057.        >
  8058.          
  8059.  
  8060.          
  8061.          
  8062.  
  8063.          
  8064.            
  8065.              <div class="content-fill">
  8066.                
  8067.            
  8068.            
  8069.            
  8070.            
  8071.            
  8072.            
  8073.            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/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" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/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/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1662955498822-CZKB5BRORL18WVK6OJ7O/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  8074.  
  8075.            
  8076.              
  8077.            
  8078.            <div class="fluidImageOverlay"></div>
  8079.          
  8080.              </div>
  8081.            
  8082.          
  8083.  
  8084.        </div>
  8085.      </div>
  8086.    </div>
  8087.    <style>
  8088.      .sqs-block-image .sqs-block-content {
  8089.        height: 100%;
  8090.        width: 100%;
  8091.      }
  8092.  
  8093.      
  8094.        .fe-block-24aad8a09ffeaa035b77 .fluidImageOverlay {
  8095.          position: absolute;
  8096.          top: 0;
  8097.          left: 0;
  8098.          width: 100%;
  8099.          height: 100%;
  8100.          mix-blend-mode: normal;
  8101.          
  8102.            
  8103.            
  8104.          
  8105.          
  8106.            opacity: 0;
  8107.          
  8108.        }
  8109.      
  8110.    </style>
  8111.  
  8112.  
  8113.  
  8114.  
  8115.  
  8116.  
  8117. </div></div></div><div class="fe-block fe-block-6491a29f1677ec200bff"><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;" id="block-6491a29f1677ec200bff"><div class="sqs-block-content">
  8118.  
  8119. <div class="sqs-html-content">
  8120.  <h2 style="white-space:pre-wrap;"><a href="/organizers">Closet Organizers</a></h2>
  8121. </div>
  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.  
  8147. </div></div></div><div class="fe-block fe-block-d2c045beb6342913e606"><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;" id="block-d2c045beb6342913e606"><div class="sqs-block-content">
  8148.  
  8149. <div class="sqs-html-content">
  8150.  <p class="" style="white-space:pre-wrap;"><em>Check out our </em><a href="https://www.interiordoorandcloset.com/organizers/reach-in-closet-organizers"><em>reach-in closet</em></a><em> 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 </em><a href="https://www.interiordoorandcloset.com/organizers/walk-in-closet-organizers" target="_blank"><em>walk-in closets</em></a><em> and reach-in closets, we can get extremely creative which is a lot of fun for both us and you!</em></p>
  8151. </div>
  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.  
  8177. </div></div></div><div class="fe-block fe-block-870ef85e8566c3630d7a"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-870ef85e8566c3630d7a"><div class="sqs-block-content">
  8178.  
  8179. <div
  8180.  class="sqs-block-button-container sqs-block-button-container--left"
  8181.  data-animation-role="button"
  8182.  data-alignment="left"
  8183.  data-button-size="large"
  8184.  data-button-type="secondary"
  8185. >
  8186.  <a
  8187.    href="/organizers"
  8188.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  8189.    data-sqsp-button
  8190.    
  8191.  >
  8192.    See More
  8193.  </a>
  8194. </div>
  8195. </div></div></div></div></div>
  8196.    </div>
  8197.  
  8198.  </div>
  8199.  
  8200. </section>
  8201.  
  8202.  
  8203.    
  8204.    
  8205.  
  8206.  
  8207.  
  8208.  
  8209.  
  8210.  
  8211. <section
  8212.  data-test="page-section"
  8213.  
  8214.  data-section-theme=""
  8215.  class='page-section
  8216.    
  8217.      full-bleed-section
  8218.      layout-engine-section
  8219.    
  8220.    background-width--full-bleed
  8221.    
  8222.      section-height--small
  8223.    
  8224.    
  8225.      content-width--wide
  8226.    
  8227.    horizontal-alignment--center
  8228.    vertical-alignment--middle
  8229.    
  8230.      
  8231.    
  8232.    
  8233.    '
  8234.  
  8235.  data-section-id="6583b8ddbb89131305299612"
  8236.  
  8237.  data-controller="SectionWrapperController"
  8238.  data-current-styles="{
  8239. &quot;imageOverlayOpacity&quot;: 0.15,
  8240. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  8241. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  8242. &quot;customSectionHeight&quot;: 1,
  8243. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  8244. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  8245. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  8246. &quot;customContentWidth&quot;: 50,
  8247. &quot;sectionTheme&quot;: &quot;&quot;,
  8248. &quot;sectionAnimation&quot;: &quot;none&quot;,
  8249. &quot;backgroundMode&quot;: &quot;image&quot;
  8250. }"
  8251.  data-current-context="{
  8252. &quot;video&quot;: {
  8253. &quot;playbackSpeed&quot;: 0.5,
  8254. &quot;filter&quot;: 2,
  8255. &quot;filterStrength&quot;: 0,
  8256. &quot;zoom&quot;: 0,
  8257. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8258. },
  8259. &quot;backgroundImageId&quot;: null,
  8260. &quot;backgroundMediaEffect&quot;: {
  8261. &quot;type&quot;: &quot;none&quot;
  8262. },
  8263. &quot;divider&quot;: {
  8264. &quot;enabled&quot;: false
  8265. },
  8266. &quot;typeName&quot;: &quot;page&quot;
  8267. }"
  8268.  data-animation="none"
  8269.  data-fluid-engine-section
  8270.  
  8271.  
  8272.    
  8273.  
  8274.  
  8275. >
  8276.  <div
  8277.    class="section-border"
  8278.    
  8279.  >
  8280.    <div class="section-background">
  8281.    
  8282.      
  8283.    
  8284.    </div>
  8285.  </div>
  8286.  <div
  8287.    class='content-wrapper'
  8288.    style='
  8289.      
  8290.        
  8291.      
  8292.    '
  8293.  >
  8294.    <div
  8295.      class="content"
  8296.      
  8297.    >
  8298.      
  8299.      
  8300.      
  8301.      
  8302.      
  8303.      
  8304.      
  8305.      
  8306.      <div data-fluid-engine="true"><style>
  8307.  
  8308. .fe-6583b8ddbb89131305299611 {
  8309.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  8310.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  8311.  
  8312.  display: grid;
  8313.  position: relative;
  8314.  grid-area: 1/1/-1/-1;
  8315.  grid-template-rows: repeat(28,minmax(24px, auto));
  8316.  grid-template-columns:
  8317.    minmax(var(--grid-gutter), 1fr)
  8318.    repeat(8, minmax(0, var(--cell-max-width)))
  8319.    minmax(var(--grid-gutter), 1fr);
  8320.  row-gap: 0.0px;
  8321.  column-gap: 0.0px;
  8322. }
  8323.  
  8324. @media (min-width: 768px) {
  8325.  .background-width--inset .fe-6583b8ddbb89131305299611 {
  8326.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  8327.  }
  8328.  
  8329.  .fe-6583b8ddbb89131305299611 {
  8330.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  8331.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  8332.    --inset-padding: 0vw;
  8333.  
  8334.    --row-height-scaling-factor: 0.0215;
  8335.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  8336.  
  8337.    grid-template-rows: repeat(18,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  8338.    grid-template-columns:
  8339.      minmax(var(--grid-gutter), 1fr)
  8340.      repeat(24, minmax(0, var(--cell-max-width)))
  8341.      minmax(var(--grid-gutter), 1fr);
  8342.  }
  8343. }
  8344.  
  8345.  
  8346.  .fe-block-1de84f6338eaa3aea2ad {
  8347.    grid-area: 1/2/13/10;
  8348.    z-index: 0;
  8349.  
  8350.    @media (max-width: 767px) {
  8351.      
  8352.      
  8353.    }
  8354.  }
  8355.  
  8356.  .fe-block-1de84f6338eaa3aea2ad .sqs-block {
  8357.    justify-content: center;
  8358.  }
  8359.  
  8360.  .fe-block-1de84f6338eaa3aea2ad .sqs-block-alignment-wrapper {
  8361.    align-items: center;
  8362.  }
  8363.  
  8364.  @media (min-width: 768px) {
  8365.    .fe-block-1de84f6338eaa3aea2ad {
  8366.      grid-area: 1/15/19/26;
  8367.      z-index: 0;
  8368.  
  8369.      
  8370.  
  8371.      
  8372.    }
  8373.  
  8374.    .fe-block-1de84f6338eaa3aea2ad .sqs-block {
  8375.      justify-content: center;
  8376.    }
  8377.  
  8378.    .fe-block-1de84f6338eaa3aea2ad .sqs-block-alignment-wrapper {
  8379.      align-items: center;
  8380.    }
  8381.  }
  8382.  
  8383.  .fe-block-15510a96d83c9d1dfa70 {
  8384.    grid-area: 14/2/16/10;
  8385.    z-index: 1;
  8386.  
  8387.    @media (max-width: 767px) {
  8388.      
  8389.      
  8390.    }
  8391.  }
  8392.  
  8393.  .fe-block-15510a96d83c9d1dfa70 .sqs-block {
  8394.    justify-content: flex-start;
  8395.  }
  8396.  
  8397.  .fe-block-15510a96d83c9d1dfa70 .sqs-block-alignment-wrapper {
  8398.    align-items: flex-start;
  8399.  }
  8400.  
  8401.  @media (min-width: 768px) {
  8402.    .fe-block-15510a96d83c9d1dfa70 {
  8403.      grid-area: 3/2/5/12;
  8404.      z-index: 2;
  8405.  
  8406.      
  8407.  
  8408.      
  8409.    }
  8410.  
  8411.    .fe-block-15510a96d83c9d1dfa70 .sqs-block {
  8412.      justify-content: center;
  8413.    }
  8414.  
  8415.    .fe-block-15510a96d83c9d1dfa70 .sqs-block-alignment-wrapper {
  8416.      align-items: center;
  8417.    }
  8418.  }
  8419.  
  8420.  .fe-block-e32682811787f275842c {
  8421.    grid-area: 16/2/25/10;
  8422.    z-index: 2;
  8423.  
  8424.    @media (max-width: 767px) {
  8425.      
  8426.      
  8427.    }
  8428.  }
  8429.  
  8430.  .fe-block-e32682811787f275842c .sqs-block {
  8431.    justify-content: center;
  8432.  }
  8433.  
  8434.  .fe-block-e32682811787f275842c .sqs-block-alignment-wrapper {
  8435.    align-items: center;
  8436.  }
  8437.  
  8438.  @media (min-width: 768px) {
  8439.    .fe-block-e32682811787f275842c {
  8440.      grid-area: 5/2/13/12;
  8441.      z-index: 1;
  8442.  
  8443.      
  8444.  
  8445.      
  8446.    }
  8447.  
  8448.    .fe-block-e32682811787f275842c .sqs-block {
  8449.      justify-content: center;
  8450.    }
  8451.  
  8452.    .fe-block-e32682811787f275842c .sqs-block-alignment-wrapper {
  8453.      align-items: center;
  8454.    }
  8455.  }
  8456.  
  8457.  .fe-block-98d6a723c4b469b2416e {
  8458.    grid-area: 26/4/28/8;
  8459.    z-index: 3;
  8460.  
  8461.    @media (max-width: 767px) {
  8462.      
  8463.      
  8464.    }
  8465.  }
  8466.  
  8467.  .fe-block-98d6a723c4b469b2416e .sqs-block {
  8468.    justify-content: center;
  8469.  }
  8470.  
  8471.  .fe-block-98d6a723c4b469b2416e .sqs-block-alignment-wrapper {
  8472.    align-items: center;
  8473.  }
  8474.  
  8475.  @media (min-width: 768px) {
  8476.    .fe-block-98d6a723c4b469b2416e {
  8477.      grid-area: 14/2/16/6;
  8478.      z-index: 3;
  8479.  
  8480.      
  8481.  
  8482.      
  8483.    }
  8484.  
  8485.    .fe-block-98d6a723c4b469b2416e .sqs-block {
  8486.      justify-content: center;
  8487.    }
  8488.  
  8489.    .fe-block-98d6a723c4b469b2416e .sqs-block-alignment-wrapper {
  8490.      align-items: center;
  8491.    }
  8492.  }
  8493.  
  8494. </style><div class="fluid-engine fe-6583b8ddbb89131305299611"><div class="fe-block fe-block-1de84f6338eaa3aea2ad"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-1de84f6338eaa3aea2ad"><div class="sqs-block-content">
  8495.  
  8496.  
  8497.  
  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.    <div
  8542.      class="
  8543.        image-block-outer-wrapper
  8544.        layout-caption-below
  8545.        design-layout-fluid
  8546.        image-position-left
  8547.        combination-animation-none
  8548.        individual-animation-none
  8549.      "
  8550.      data-test="image-block-fluid-outer-wrapper"
  8551.    >
  8552.      <div
  8553.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  8554.        data-animation-role="image"
  8555.        
  8556.  
  8557.  
  8558.      >
  8559.        <div
  8560.          class="fluid-image-container sqs-image-content"
  8561.          
  8562.          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%;"
  8563.        >
  8564.          
  8565.  
  8566.          
  8567.          
  8568.  
  8569.          
  8570.            
  8571.              <div class="content-fill">
  8572.                
  8573.            
  8574.            
  8575.            
  8576.            
  8577.            
  8578.            
  8579.            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg" data-image-dimensions="4032x3024" data-image-focal-point="0.5,0.5" alt="a grey room with white barn doors adorned with modern looking door levers" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg" width="4032" height="3024" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1696456328265-QK7I58LLDNTAITNL70V9/1+Panel+Shaker+Biparting.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  8580.  
  8581.            
  8582.              
  8583.            
  8584.            <div class="fluidImageOverlay"></div>
  8585.          
  8586.              </div>
  8587.            
  8588.          
  8589.  
  8590.        </div>
  8591.      </div>
  8592.    </div>
  8593.    <style>
  8594.      .sqs-block-image .sqs-block-content {
  8595.        height: 100%;
  8596.        width: 100%;
  8597.      }
  8598.  
  8599.      
  8600.        .fe-block-1de84f6338eaa3aea2ad .fluidImageOverlay {
  8601.          position: absolute;
  8602.          top: 0;
  8603.          left: 0;
  8604.          width: 100%;
  8605.          height: 100%;
  8606.          mix-blend-mode: normal;
  8607.          
  8608.            
  8609.            
  8610.          
  8611.          
  8612.            opacity: 0;
  8613.          
  8614.        }
  8615.      
  8616.    </style>
  8617.  
  8618.  
  8619.  
  8620.  
  8621.  
  8622.  
  8623. </div></div></div><div class="fe-block fe-block-15510a96d83c9d1dfa70"><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;" id="block-15510a96d83c9d1dfa70"><div class="sqs-block-content">
  8624.  
  8625. <div class="sqs-html-content">
  8626.  <h2 style="white-space:pre-wrap;"><a href="/barn-doors">Barn Doors</a></h2>
  8627. </div>
  8628.  
  8629.  
  8630.  
  8631.  
  8632.  
  8633.  
  8634.  
  8635.  
  8636.  
  8637.  
  8638.  
  8639.  
  8640.  
  8641.  
  8642.  
  8643.  
  8644.  
  8645.  
  8646.  
  8647.  
  8648.  
  8649.  
  8650.  
  8651.  
  8652.  
  8653. </div></div></div><div class="fe-block fe-block-e32682811787f275842c"><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;" id="block-e32682811787f275842c"><div class="sqs-block-content">
  8654.  
  8655. <div class="sqs-html-content">
  8656.  <p class="" style="white-space:pre-wrap;"><em>The popularity of a </em><a href="https://www.interiordoorandcloset.com/barn-doors/pulls"><em>barn door system</em></a><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></p>
  8657. </div>
  8658.  
  8659.  
  8660.  
  8661.  
  8662.  
  8663.  
  8664.  
  8665.  
  8666.  
  8667.  
  8668.  
  8669.  
  8670.  
  8671.  
  8672.  
  8673.  
  8674.  
  8675.  
  8676.  
  8677.  
  8678.  
  8679.  
  8680.  
  8681.  
  8682.  
  8683. </div></div></div><div class="fe-block fe-block-98d6a723c4b469b2416e"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-98d6a723c4b469b2416e"><div class="sqs-block-content">
  8684.  
  8685. <div
  8686.  class="sqs-block-button-container sqs-block-button-container--left"
  8687.  data-animation-role="button"
  8688.  data-alignment="left"
  8689.  data-button-size="large"
  8690.  data-button-type="secondary"
  8691. >
  8692.  <a
  8693.    href="/barn-doors"
  8694.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  8695.    data-sqsp-button
  8696.    
  8697.  >
  8698.    See More
  8699.  </a>
  8700. </div>
  8701. </div></div></div></div></div>
  8702.    </div>
  8703.  
  8704.  </div>
  8705.  
  8706. </section>
  8707.  
  8708.  
  8709.    
  8710.    
  8711.  
  8712.  
  8713.  
  8714.  
  8715.  
  8716.  
  8717. <section
  8718.  data-test="page-section"
  8719.  
  8720.  data-section-theme=""
  8721.  class='page-section
  8722.    
  8723.      full-bleed-section
  8724.      layout-engine-section
  8725.    
  8726.    background-width--full-bleed
  8727.    
  8728.      
  8729.        section-height--custom
  8730.      
  8731.    
  8732.    
  8733.      content-width--wide
  8734.    
  8735.    horizontal-alignment--center
  8736.    vertical-alignment--middle
  8737.    
  8738.      
  8739.    
  8740.    
  8741.    '
  8742.  
  8743.  data-section-id="63763b67271fd25596ed9afe"
  8744.  
  8745.  data-controller="SectionWrapperController"
  8746.  data-current-styles="{
  8747. &quot;imageOverlayOpacity&quot;: 0.15,
  8748. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  8749. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  8750. &quot;customSectionHeight&quot;: 0,
  8751. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  8752. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  8753. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  8754. &quot;customContentWidth&quot;: 50,
  8755. &quot;backgroundColor&quot;: &quot;&quot;,
  8756. &quot;sectionTheme&quot;: &quot;&quot;,
  8757. &quot;sectionAnimation&quot;: &quot;none&quot;,
  8758. &quot;backgroundMode&quot;: &quot;image&quot;
  8759. }"
  8760.  data-current-context="{
  8761. &quot;video&quot;: {
  8762. &quot;playbackSpeed&quot;: 0.5,
  8763. &quot;filter&quot;: 1,
  8764. &quot;filterStrength&quot;: 0,
  8765. &quot;zoom&quot;: 0,
  8766. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8767. },
  8768. &quot;backgroundImageId&quot;: null,
  8769. &quot;backgroundMediaEffect&quot;: {
  8770. &quot;type&quot;: &quot;none&quot;
  8771. },
  8772. &quot;divider&quot;: null,
  8773. &quot;typeName&quot;: &quot;page&quot;
  8774. }"
  8775.  data-animation="none"
  8776.  data-fluid-engine-section
  8777.  
  8778.  
  8779.  
  8780. >
  8781.  <div
  8782.    class="section-border"
  8783.    
  8784.  >
  8785.    <div class="section-background">
  8786.    
  8787.      
  8788.    
  8789.    </div>
  8790.  </div>
  8791.  <div
  8792.    class='content-wrapper'
  8793.    style='
  8794.      
  8795.        
  8796.          
  8797.          
  8798.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  8799.        
  8800.      
  8801.    '
  8802.  >
  8803.    <div
  8804.      class="content"
  8805.      
  8806.    >
  8807.      
  8808.      
  8809.      
  8810.      
  8811.      
  8812.      
  8813.      
  8814.      
  8815.      <div data-fluid-engine="true"><style>
  8816.  
  8817. .fe-63763b680e981f5974c9c2a8 {
  8818.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  8819.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  8820.  
  8821.  display: grid;
  8822.  position: relative;
  8823.  grid-area: 1/1/-1/-1;
  8824.  grid-template-rows: repeat(14,minmax(24px, auto));
  8825.  grid-template-columns:
  8826.    minmax(var(--grid-gutter), 1fr)
  8827.    repeat(8, minmax(0, var(--cell-max-width)))
  8828.    minmax(var(--grid-gutter), 1fr);
  8829.  row-gap: 11.0px;
  8830.  column-gap: 11.0px;
  8831. }
  8832.  
  8833. @media (min-width: 768px) {
  8834.  .background-width--inset .fe-63763b680e981f5974c9c2a8 {
  8835.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  8836.  }
  8837.  
  8838.  .fe-63763b680e981f5974c9c2a8 {
  8839.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  8840.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  8841.    --inset-padding: 0vw;
  8842.  
  8843.    --row-height-scaling-factor: 0.0215;
  8844.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  8845.  
  8846.    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  8847.    grid-template-columns:
  8848.      minmax(var(--grid-gutter), 1fr)
  8849.      repeat(24, minmax(0, var(--cell-max-width)))
  8850.      minmax(var(--grid-gutter), 1fr);
  8851.  }
  8852. }
  8853.  
  8854.  
  8855.  .fe-block-yui_3_17_2_1_1668691615261_33471 {
  8856.    grid-area: 2/2/15/10;
  8857.    z-index: 1;
  8858.  
  8859.    @media (max-width: 767px) {
  8860.      
  8861.      
  8862.    }
  8863.  }
  8864.  
  8865.  .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block {
  8866.    justify-content: flex-start;
  8867.  }
  8868.  
  8869.  .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block-alignment-wrapper {
  8870.    align-items: flex-start;
  8871.  }
  8872.  
  8873.  @media (min-width: 768px) {
  8874.    .fe-block-yui_3_17_2_1_1668691615261_33471 {
  8875.      grid-area: 3/2/14/26;
  8876.      z-index: 1;
  8877.  
  8878.      
  8879.  
  8880.      
  8881.    }
  8882.  
  8883.    .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block {
  8884.      justify-content: flex-start;
  8885.    }
  8886.  
  8887.    .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block-alignment-wrapper {
  8888.      align-items: flex-start;
  8889.    }
  8890.  }
  8891.  
  8892. </style><div class="fluid-engine fe-63763b680e981f5974c9c2a8"><div class="fe-block fe-block-yui_3_17_2_1_1668691615261_33471"><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;" id="block-yui_3_17_2_1_1668691615261_33471"><div class="sqs-block-content">
  8893.  
  8894. <div class="sqs-html-content">
  8895.  <h2 style="white-space:pre-wrap;">Interior Door and Closet Design Experts</h2><p class="" style="white-space:pre-wrap;">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 <a href="/interior-doors/glass-doors">glass interior doors</a>, closet doors, <a href="/barn-doors/glass-mirrored-doors">barn doors</a>, 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.</p><p class="" style="white-space:pre-wrap;">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 <a href="/organizers">closet organizer</a> installation in your home takes one day because the work is completed at our facilities.</p>
  8896. </div>
  8897.  
  8898.  
  8899.  
  8900.  
  8901.  
  8902.  
  8903.  
  8904.  
  8905.  
  8906.  
  8907.  
  8908.  
  8909.  
  8910.  
  8911.  
  8912.  
  8913.  
  8914.  
  8915.  
  8916.  
  8917.  
  8918.  
  8919.  
  8920.  
  8921.  
  8922. </div></div></div></div></div>
  8923.    </div>
  8924.  
  8925.  </div>
  8926.  
  8927. </section>
  8928.  
  8929.  
  8930.    
  8931.    
  8932.  
  8933.  
  8934.  
  8935.  
  8936.  
  8937.  
  8938. <section
  8939.  data-test="page-section"
  8940.  
  8941.  data-section-theme="dark"
  8942.  class='page-section
  8943.    
  8944.      user-items-list-section
  8945.      full-bleed-section
  8946.    
  8947.    
  8948.    
  8949.      
  8950.    
  8951.    
  8952.      
  8953.    
  8954.    
  8955.    
  8956.    
  8957.    
  8958.    dark'
  8959.  
  8960.  data-section-id="62e7b6368b3184307aa195d5"
  8961.  
  8962.  data-controller="SectionWrapperController"
  8963.  data-current-styles="{
  8964. &quot;imageFocalPoint&quot;: {
  8965. &quot;x&quot;: 0.5,
  8966. &quot;y&quot;: 0.5
  8967. },
  8968. &quot;imageOverlayOpacity&quot;: 0.3,
  8969. &quot;backgroundColor&quot;: &quot;white&quot;,
  8970. &quot;sectionTheme&quot;: &quot;dark&quot;,
  8971. &quot;imageEffect&quot;: &quot;none&quot;,
  8972. &quot;backgroundMode&quot;: &quot;generative&quot;,
  8973. &quot;backgroundImage&quot;: null
  8974. }"
  8975.  data-current-context="{
  8976. &quot;video&quot;: {
  8977. &quot;filter&quot;: 1,
  8978. &quot;videoFallbackContentItem&quot;: null,
  8979. &quot;nativeVideoContentItem&quot;: null,
  8980. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8981. },
  8982. &quot;backgroundImageId&quot;: null,
  8983. &quot;backgroundMediaEffect&quot;: {
  8984. &quot;type&quot;: &quot;none&quot;
  8985. },
  8986. &quot;divider&quot;: {
  8987. &quot;enabled&quot;: false
  8988. },
  8989. &quot;typeName&quot;: &quot;page&quot;
  8990. }"
  8991.  data-animation=""
  8992.  
  8993.  data-json-schema-section
  8994.  
  8995.  
  8996. >
  8997.  <div
  8998.    class="section-border"
  8999.    
  9000.  >
  9001.    <div class="section-background">
  9002.    
  9003.      
  9004.    
  9005.    </div>
  9006.  </div>
  9007.  <div
  9008.    class='content-wrapper'
  9009.    style='
  9010.      
  9011.        
  9012.      
  9013.    '
  9014.  >
  9015.    <div
  9016.      class="content"
  9017.      
  9018.    >
  9019.      
  9020.      
  9021.      
  9022.      
  9023.      
  9024.      
  9025.      
  9026.        
  9027.  
  9028.  
  9029.  
  9030.  
  9031.  
  9032.  
  9033.  
  9034.  
  9035.  
  9036.  
  9037.  
  9038.  
  9039.  
  9040.  
  9041.  
  9042.  
  9043.  
  9044.  
  9045. <div
  9046.  class="user-items-list"
  9047.  style="
  9048.    min-height: 100px;
  9049.    padding-top: 3.3vmax;
  9050.    padding-bottom: 3.3vmax;
  9051.    "
  9052.  data-card-theme=""
  9053.  data-section-id="user-items-list"
  9054.  data-section-title-enabled="true"
  9055.  data-space-below-section-title-value="40"
  9056.  data-space-below-section-title-unit="px"
  9057.  data-layout-width="inset"
  9058. >
  9059.  
  9060.    
  9061.    <div class="list-section-title"
  9062.      id="62e7b6368b3184307aa195d5"
  9063.      style= "padding-bottom: 40px;"
  9064.      data-section-title-alignment="center"
  9065.    >
  9066.      <p class="" style="white-space:pre-wrap;">Testimonials</p>
  9067.    </div>
  9068.  
  9069.  
  9070.  
  9071.  
  9072.  
  9073.  
  9074.  
  9075.    
  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. <style>
  9125.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__title {
  9126.    font-size: 1.2rem;
  9127.  }
  9128.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__description {
  9129.    font-size: 0.9rem;
  9130.  }
  9131.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__button {
  9132.    font-size: 0.8rem;
  9133.  }
  9134.  
  9135.  @supports (--test-custom-property: true) {
  9136.    .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] {
  9137.      --title-font-size-value: 1.2;
  9138.      --body-font-size-value: 0.9;
  9139.      --button-font-size-value: 0.8;
  9140.    }
  9141.  }
  9142. </style>
  9143.  
  9144.  
  9145. <div
  9146.  class="
  9147.    user-items-list-item-container
  9148.    user-items-list-carousel
  9149.  "
  9150.  data-controller="UserItemsListCarousel"
  9151.  data-max-columns="2"
  9152.  data-show-adjacent-slides="false"
  9153.  data-space-between-slides-value="20"
  9154.  data-space-between-slides-unit="px"
  9155.  data-media-aspect-ratio="circle"
  9156.  data-is-infinite-enabled="true"
  9157.  data-navigation-controls="arrows"
  9158.  data-navigation-placement="bottom"
  9159.  data-navigation-alignment="center"
  9160.  data-alignment-vertical="top"
  9161.  data-section-id="62e7b6368b3184307aa195d5"
  9162.  data-current-context="{
  9163. &quot;userItems&quot;: [ {
  9164. &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;,
  9165. &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;,
  9166. &quot;button&quot;: {
  9167. &quot;buttonText&quot;: &quot;Make It&quot;,
  9168. &quot;buttonLink&quot;: &quot;#&quot;
  9169. },
  9170. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195cb&quot;,
  9171. &quot;image&quot;: {
  9172. &quot;id&quot;: &quot;62e7b6368b3184307aa195cb&quot;,
  9173. &quot;recordType&quot;: 2,
  9174. &quot;addedOn&quot;: 1656693471823,
  9175. &quot;updatedOn&quot;: 1656694079038,
  9176. &quot;starred&quot;: false,
  9177. &quot;passthrough&quot;: false,
  9178. &quot;workflowState&quot;: 1,
  9179. &quot;publishOn&quot;: 1656693471823,
  9180. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9181. &quot;systemDataId&quot;: &quot;1615225337376-36JM1AX4C0NIC32WNXXU&quot;,
  9182. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9183. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9184. &quot;filename&quot;: &quot;Rectangle 26.jpg&quot;,
  9185. &quot;mediaFocalPoint&quot;: {
  9186. &quot;x&quot;: 0.5,
  9187. &quot;y&quot;: 0.5,
  9188. &quot;source&quot;: 3
  9189. },
  9190. &quot;colorData&quot;: {
  9191. &quot;topLeftAverage&quot;: &quot;969994&quot;,
  9192. &quot;topRightAverage&quot;: &quot;584435&quot;,
  9193. &quot;bottomLeftAverage&quot;: &quot;7e756e&quot;,
  9194. &quot;bottomRightAverage&quot;: &quot;75736e&quot;,
  9195. &quot;centerAverage&quot;: &quot;af8572&quot;,
  9196. &quot;suggestedBgColor&quot;: &quot;989e9a&quot;
  9197. },
  9198. &quot;urlId&quot;: &quot;vrfn569cj6y6y8c243elk4vp2k0dmi-j64e7&quot;,
  9199. &quot;title&quot;: &quot;&quot;,
  9200. &quot;body&quot;: null,
  9201. &quot;likeCount&quot;: 0,
  9202. &quot;commentCount&quot;: 0,
  9203. &quot;publicCommentCount&quot;: 0,
  9204. &quot;commentState&quot;: 2,
  9205. &quot;unsaved&quot;: false,
  9206. &quot;author&quot;: {
  9207. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9208. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9209. &quot;firstName&quot;: &quot;Marlon&quot;,
  9210. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9211. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9212. &quot;bio&quot;: &quot;&quot;,
  9213. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9214. },
  9215. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225337376-36JM1AX4C0NIC32WNXXU/Rectangle+26.jpg&quot;,
  9216. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9217. &quot;items&quot;: [ ],
  9218. &quot;pushedServices&quot;: { },
  9219. &quot;pendingPushedServices&quot;: { },
  9220. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9221. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9222. }
  9223. }, {
  9224. &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;,
  9225. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ David J.&lt;\/p&gt;&quot;,
  9226. &quot;button&quot;: {
  9227. &quot;buttonText&quot;: &quot;Make It&quot;
  9228. },
  9229. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195ce&quot;,
  9230. &quot;image&quot;: {
  9231. &quot;id&quot;: &quot;62e7b6368b3184307aa195ce&quot;,
  9232. &quot;recordType&quot;: 2,
  9233. &quot;addedOn&quot;: 1656693504842,
  9234. &quot;updatedOn&quot;: 1656694079047,
  9235. &quot;starred&quot;: false,
  9236. &quot;passthrough&quot;: false,
  9237. &quot;workflowState&quot;: 1,
  9238. &quot;publishOn&quot;: 1656693504842,
  9239. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9240. &quot;systemDataId&quot;: &quot;1615225123989-3AGGEWNOKB8XK6YRH6A9&quot;,
  9241. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9242. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9243. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  9244. &quot;mediaFocalPoint&quot;: {
  9245. &quot;x&quot;: 0.5,
  9246. &quot;y&quot;: 0.5,
  9247. &quot;source&quot;: 3
  9248. },
  9249. &quot;colorData&quot;: {
  9250. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  9251. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  9252. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  9253. &quot;bottomRightAverage&quot;: &quot;9fa9af&quot;,
  9254. &quot;centerAverage&quot;: &quot;bf907e&quot;,
  9255. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  9256. },
  9257. &quot;urlId&quot;: &quot;jugvkzkjivzvtpqal7ancp1db8ky1v-d8xyl&quot;,
  9258. &quot;title&quot;: &quot;&quot;,
  9259. &quot;body&quot;: null,
  9260. &quot;likeCount&quot;: 0,
  9261. &quot;commentCount&quot;: 0,
  9262. &quot;publicCommentCount&quot;: 0,
  9263. &quot;commentState&quot;: 2,
  9264. &quot;unsaved&quot;: false,
  9265. &quot;author&quot;: {
  9266. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9267. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9268. &quot;firstName&quot;: &quot;Marlon&quot;,
  9269. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9270. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9271. &quot;bio&quot;: &quot;&quot;,
  9272. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9273. },
  9274. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225123989-3AGGEWNOKB8XK6YRH6A9/Rectangle+25.jpg&quot;,
  9275. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9276. &quot;items&quot;: [ ],
  9277. &quot;pushedServices&quot;: { },
  9278. &quot;pendingPushedServices&quot;: { },
  9279. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9280. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9281. }
  9282. }, {
  9283. &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;,
  9284. &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;,
  9285. &quot;button&quot;: {
  9286. &quot;buttonText&quot;: &quot;Make It&quot;
  9287. },
  9288. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195d1&quot;,
  9289. &quot;image&quot;: {
  9290. &quot;id&quot;: &quot;62e7b6368b3184307aa195d1&quot;,
  9291. &quot;recordType&quot;: 2,
  9292. &quot;addedOn&quot;: 1656693525362,
  9293. &quot;updatedOn&quot;: 1656694079054,
  9294. &quot;starred&quot;: false,
  9295. &quot;passthrough&quot;: false,
  9296. &quot;workflowState&quot;: 1,
  9297. &quot;publishOn&quot;: 1656693525362,
  9298. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9299. &quot;systemDataId&quot;: &quot;1615225350677-B3YBA0I530Q8W9125BX3&quot;,
  9300. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9301. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9302. &quot;filename&quot;: &quot;Rectangle 27.jpg&quot;,
  9303. &quot;mediaFocalPoint&quot;: {
  9304. &quot;x&quot;: 0.5,
  9305. &quot;y&quot;: 0.5,
  9306. &quot;source&quot;: 3
  9307. },
  9308. &quot;colorData&quot;: {
  9309. &quot;topLeftAverage&quot;: &quot;868e7e&quot;,
  9310. &quot;topRightAverage&quot;: &quot;475538&quot;,
  9311. &quot;bottomLeftAverage&quot;: &quot;9e988a&quot;,
  9312. &quot;bottomRightAverage&quot;: &quot;586047&quot;,
  9313. &quot;centerAverage&quot;: &quot;cea194&quot;,
  9314. &quot;suggestedBgColor&quot;: &quot;848c7d&quot;
  9315. },
  9316. &quot;urlId&quot;: &quot;ras78oa5af9eea07ppvxpljawj6nio-792ab&quot;,
  9317. &quot;title&quot;: &quot;&quot;,
  9318. &quot;body&quot;: null,
  9319. &quot;likeCount&quot;: 0,
  9320. &quot;commentCount&quot;: 0,
  9321. &quot;publicCommentCount&quot;: 0,
  9322. &quot;commentState&quot;: 2,
  9323. &quot;unsaved&quot;: false,
  9324. &quot;author&quot;: {
  9325. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9326. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9327. &quot;firstName&quot;: &quot;Marlon&quot;,
  9328. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9329. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9330. &quot;bio&quot;: &quot;&quot;,
  9331. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9332. },
  9333. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225350677-B3YBA0I530Q8W9125BX3/Rectangle+27.jpg&quot;,
  9334. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9335. &quot;items&quot;: [ ],
  9336. &quot;pushedServices&quot;: { },
  9337. &quot;pendingPushedServices&quot;: { },
  9338. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9339. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9340. }
  9341. }, {
  9342. &quot;title&quot;: &quot;\&quot;We were happy with everyone we met from your company and especially pleased with our new doors.\&quot;&quot;,
  9343. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ Doug K.&lt;\/p&gt;&quot;,
  9344. &quot;button&quot;: {
  9345. &quot;buttonText&quot;: &quot;Make It&quot;
  9346. },
  9347. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195d4&quot;,
  9348. &quot;image&quot;: {
  9349. &quot;id&quot;: &quot;62e7b6368b3184307aa195d4&quot;,
  9350. &quot;recordType&quot;: 2,
  9351. &quot;addedOn&quot;: 1656693557279,
  9352. &quot;updatedOn&quot;: 1656694079062,
  9353. &quot;starred&quot;: false,
  9354. &quot;passthrough&quot;: false,
  9355. &quot;workflowState&quot;: 1,
  9356. &quot;publishOn&quot;: 1656693557279,
  9357. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9358. &quot;systemDataId&quot;: &quot;1615225322403-8M32U1NK41JYCCJQCWP7&quot;,
  9359. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9360. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9361. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  9362. &quot;mediaFocalPoint&quot;: {
  9363. &quot;x&quot;: 0.5,
  9364. &quot;y&quot;: 0.5,
  9365. &quot;source&quot;: 3
  9366. },
  9367. &quot;colorData&quot;: {
  9368. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  9369. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  9370. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  9371. &quot;bottomRightAverage&quot;: &quot;9ea8b0&quot;,
  9372. &quot;centerAverage&quot;: &quot;c18f7d&quot;,
  9373. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  9374. },
  9375. &quot;urlId&quot;: &quot;n2z4r6bf1ghjzh8mhpzriaca2op5u6-s5ff2&quot;,
  9376. &quot;title&quot;: &quot;&quot;,
  9377. &quot;body&quot;: null,
  9378. &quot;likeCount&quot;: 0,
  9379. &quot;commentCount&quot;: 0,
  9380. &quot;publicCommentCount&quot;: 0,
  9381. &quot;commentState&quot;: 2,
  9382. &quot;unsaved&quot;: false,
  9383. &quot;author&quot;: {
  9384. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9385. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9386. &quot;firstName&quot;: &quot;Marlon&quot;,
  9387. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9388. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9389. &quot;bio&quot;: &quot;&quot;,
  9390. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&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;backgroundColor&quot;: &quot;white&quot;,
  9408. &quot;sectionTheme&quot;: &quot;dark&quot;,
  9409. &quot;imageEffect&quot;: &quot;none&quot;,
  9410. &quot;backgroundMode&quot;: &quot;generative&quot;,
  9411. &quot;backgroundImage&quot;: null
  9412. },
  9413. &quot;video&quot;: {
  9414. &quot;filter&quot;: 1,
  9415. &quot;videoFallbackContentItem&quot;: null,
  9416. &quot;nativeVideoContentItem&quot;: null,
  9417. &quot;videoSourceProvider&quot;: &quot;none&quot;
  9418. },
  9419. &quot;backgroundImageFocalPoint&quot;: null,
  9420. &quot;backgroundImageId&quot;: null,
  9421. &quot;options&quot;: {
  9422. &quot;maxColumns&quot;: 2,
  9423. &quot;isCardEnabled&quot;: true,
  9424. &quot;isMediaEnabled&quot;: false,
  9425. &quot;isTitleEnabled&quot;: true,
  9426. &quot;isBodyEnabled&quot;: true,
  9427. &quot;isButtonEnabled&quot;: false,
  9428. &quot;isShowAdjacentSlides&quot;: false,
  9429. &quot;isInfiniteEnabled&quot;: true,
  9430. &quot;isAutoplayEnabled&quot;: false,
  9431. &quot;slideDurationMs&quot;: 1000,
  9432. &quot;mediaAspectRatio&quot;: &quot;circle&quot;,
  9433. &quot;layoutWidth&quot;: &quot;inset&quot;,
  9434. &quot;mediaWidth&quot;: {
  9435. &quot;value&quot;: 30,
  9436. &quot;unit&quot;: &quot;%&quot;
  9437. },
  9438. &quot;mediaAlignment&quot;: &quot;center&quot;,
  9439. &quot;contentWidth&quot;: {
  9440. &quot;value&quot;: 100,
  9441. &quot;unit&quot;: &quot;%&quot;
  9442. },
  9443. &quot;titleAlignment&quot;: &quot;left&quot;,
  9444. &quot;bodyAlignment&quot;: &quot;left&quot;,
  9445. &quot;buttonAlignment&quot;: &quot;left&quot;,
  9446. &quot;titlePlacement&quot;: &quot;center&quot;,
  9447. &quot;bodyPlacement&quot;: &quot;center&quot;,
  9448. &quot;buttonPlacement&quot;: &quot;center&quot;,
  9449. &quot;cardVerticalAlignment&quot;: &quot;top&quot;,
  9450. &quot;contentOrder&quot;: &quot;media-first&quot;,
  9451. &quot;titleFontSize&quot;: &quot;heading-2&quot;,
  9452. &quot;bodyFontSize&quot;: &quot;paragraph-2&quot;,
  9453. &quot;buttonFontSize&quot;: &quot;button-medium&quot;,
  9454. &quot;customOptions&quot;: {
  9455. &quot;customTitleFontSize&quot;: {
  9456. &quot;value&quot;: 1.2,
  9457. &quot;unit&quot;: &quot;rem&quot;
  9458. },
  9459. &quot;customBodyFontSize&quot;: {
  9460. &quot;value&quot;: 0.9,
  9461. &quot;unit&quot;: &quot;rem&quot;
  9462. },
  9463. &quot;customButtonFontSize&quot;: {
  9464. &quot;value&quot;: 0.8,
  9465. &quot;unit&quot;: &quot;rem&quot;
  9466. }
  9467. },
  9468. &quot;verticalPaddingTop&quot;: {
  9469. &quot;value&quot;: 3.3,
  9470. &quot;unit&quot;: &quot;vmax&quot;
  9471. },
  9472. &quot;verticalPaddingBottom&quot;: {
  9473. &quot;value&quot;: 3.3,
  9474. &quot;unit&quot;: &quot;vmax&quot;
  9475. },
  9476. &quot;spaceBetweenSlides&quot;: {
  9477. &quot;value&quot;: 20,
  9478. &quot;unit&quot;: &quot;px&quot;
  9479. },
  9480. &quot;spaceBetweenContentAndMedia&quot;: {
  9481. &quot;value&quot;: 4,
  9482. &quot;unit&quot;: &quot;%&quot;
  9483. },
  9484. &quot;spaceBelowTitle&quot;: {
  9485. &quot;value&quot;: 1,
  9486. &quot;unit&quot;: &quot;%&quot;
  9487. },
  9488. &quot;spaceBelowBody&quot;: {
  9489. &quot;value&quot;: 4,
  9490. &quot;unit&quot;: &quot;%&quot;
  9491. },
  9492. &quot;cardPaddingTop&quot;: {
  9493. &quot;value&quot;: 6,
  9494. &quot;unit&quot;: &quot;%&quot;
  9495. },
  9496. &quot;cardPaddingRight&quot;: {
  9497. &quot;value&quot;: 6,
  9498. &quot;unit&quot;: &quot;%&quot;
  9499. },
  9500. &quot;cardPaddingBottom&quot;: {
  9501. &quot;value&quot;: 6,
  9502. &quot;unit&quot;: &quot;%&quot;
  9503. },
  9504. &quot;cardPaddingLeft&quot;: {
  9505. &quot;value&quot;: 6,
  9506. &quot;unit&quot;: &quot;%&quot;
  9507. },
  9508. &quot;navigationOffset&quot;: {
  9509. &quot;value&quot;: 5,
  9510. &quot;unit&quot;: &quot;vw&quot;
  9511. },
  9512. &quot;navigationControls&quot;: &quot;arrows&quot;,
  9513. &quot;navigationPlacement&quot;: &quot;bottom&quot;,
  9514. &quot;navigationAlignment&quot;: &quot;center&quot;,
  9515. &quot;spaceAboveNavigation&quot;: {
  9516. &quot;value&quot;: 30,
  9517. &quot;unit&quot;: &quot;px&quot;
  9518. },
  9519. &quot;progressIndicators&quot;: &quot;bars&quot;
  9520. },
  9521. &quot;layout&quot;: &quot;carousel&quot;,
  9522. &quot;isSectionTitleEnabled&quot;: true,
  9523. &quot;sectionTitle&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Testimonials&lt;\/p&gt;&quot;,
  9524. &quot;spaceBelowSectionTitle&quot;: {
  9525. &quot;value&quot;: 40,
  9526. &quot;unit&quot;: &quot;px&quot;
  9527. },
  9528. &quot;sectionTitleAlignment&quot;: &quot;center&quot;,
  9529. &quot;isSectionButtonEnabled&quot;: false,
  9530. &quot;sectionButton&quot;: {
  9531. &quot;buttonText&quot;: &quot;Make It&quot;,
  9532. &quot;buttonLink&quot;: &quot;#&quot;,
  9533. &quot;buttonNewWindow&quot;: false
  9534. },
  9535. &quot;sectionButtonSize&quot;: &quot;medium&quot;,
  9536. &quot;sectionButtonAlignment&quot;: &quot;center&quot;,
  9537. &quot;spaceAboveSectionButton&quot;: {
  9538. &quot;value&quot;: 40,
  9539. &quot;unit&quot;: &quot;px&quot;
  9540. }
  9541. }"
  9542.  data-media-alignment="center"
  9543.  data-title-alignment="left"
  9544.  data-body-alignment="left"
  9545.  data-button-alignment="left"
  9546.  data-title-placement="center"
  9547.  data-body-placement="center"
  9548.  data-button-placement="center"
  9549.  data-layout-width="inset"
  9550.  data-title-font-unit="rem"
  9551.  data-description-font-unit="rem"
  9552.  data-button-font-unit="rem"
  9553.  data-is-media-enabled="false"
  9554.  data-is-card-enabled="true"
  9555.  data-media-width-value="30"
  9556.  data-media-width-unit="%"
  9557.  data-content-order="media-first"
  9558.  data-space-between-columns=""
  9559.  data-vertical-padding-top-value="3.3"
  9560.  data-vertical-padding-bottom-value="3.3"
  9561.  data-vertical-padding-top-unit="vmax"
  9562.  data-vertical-padding-bottom-unit="vmax"
  9563. >
  9564.  <div
  9565.    class="user-items-list-carousel__gutter"
  9566.    role="region"
  9567.    aria-label="Carousel"
  9568.  >
  9569.    <div class="user-items-list-carousel__slideshow-holder">
  9570.  
  9571.      <div class="user-items-list-carousel__slides-revealer">
  9572.        <ul class="user-items-list-carousel__slides" style="grid-gap: 20px;">
  9573.          
  9574.            
  9575.            <li class="
  9576.                  user-items-list-carousel__slide list-item
  9577.                  
  9578.                    list-item-basic-animation
  9579.                  
  9580.                "
  9581.                style="
  9582.                
  9583.                  padding-top: 6%;
  9584.                  padding-right: 6%;
  9585.                  padding-bottom: 6%;
  9586.                  padding-left: 6%;
  9587.                
  9588.              "
  9589.              data-is-card-enabled="true"
  9590.            >
  9591.              
  9592.                
  9593.              
  9594.              <div class="list-item-content">
  9595.  
  9596.                
  9597.                  <div class="list-item-content__text-wrapper">
  9598.  
  9599.                    
  9600.                      <h2
  9601.                        class="list-item-content__title"
  9602.                        style="max-width: 100%;"
  9603.                      >"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>
  9604.                    
  9605.  
  9606.                    
  9607.                        <div class="list-item-content__description
  9608.                          
  9609.                          "
  9610.                          style="
  9611.                            margin-top: 1%;
  9612.                            max-width: 100%;
  9613.                          "
  9614.                        ><p class="" style="white-space:pre-wrap;">~ Scott &amp; Kelly S.</p></div>
  9615.                    
  9616.  
  9617.                  </div>
  9618.                
  9619.  
  9620.                
  9621.  
  9622.              </div>
  9623.            </li>
  9624.          
  9625.            
  9626.            <li class="
  9627.                  user-items-list-carousel__slide list-item
  9628.                  
  9629.                    list-item-basic-animation
  9630.                  
  9631.                "
  9632.                style="
  9633.                
  9634.                  padding-top: 6%;
  9635.                  padding-right: 6%;
  9636.                  padding-bottom: 6%;
  9637.                  padding-left: 6%;
  9638.                
  9639.              "
  9640.              data-is-card-enabled="true"
  9641.            >
  9642.              
  9643.                
  9644.              
  9645.              <div class="list-item-content">
  9646.  
  9647.                
  9648.                  <div class="list-item-content__text-wrapper">
  9649.  
  9650.                    
  9651.                      <h2
  9652.                        class="list-item-content__title"
  9653.                        style="max-width: 100%;"
  9654.                      >"I just wanted to commend you on a project well done again, let your crews know we really appreciated their efforts."</h2>
  9655.                    
  9656.  
  9657.                    
  9658.                        <div class="list-item-content__description
  9659.                          
  9660.                          "
  9661.                          style="
  9662.                            margin-top: 1%;
  9663.                            max-width: 100%;
  9664.                          "
  9665.                        ><p class="" style="white-space:pre-wrap;">~ David J.</p></div>
  9666.                    
  9667.  
  9668.                  </div>
  9669.                
  9670.  
  9671.                
  9672.  
  9673.              </div>
  9674.            </li>
  9675.          
  9676.            
  9677.            <li class="
  9678.                  user-items-list-carousel__slide list-item
  9679.                  
  9680.                    list-item-basic-animation
  9681.                  
  9682.                "
  9683.                style="
  9684.                
  9685.                  padding-top: 6%;
  9686.                  padding-right: 6%;
  9687.                  padding-bottom: 6%;
  9688.                  padding-left: 6%;
  9689.                
  9690.              "
  9691.              data-is-card-enabled="true"
  9692.            >
  9693.              
  9694.                
  9695.              
  9696.              <div class="list-item-content">
  9697.  
  9698.                
  9699.                  <div class="list-item-content__text-wrapper">
  9700.  
  9701.                    
  9702.                      <h2
  9703.                        class="list-item-content__title"
  9704.                        style="max-width: 100%;"
  9705.                      >"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>
  9706.                    
  9707.  
  9708.                    
  9709.                        <div class="list-item-content__description
  9710.                          
  9711.                          "
  9712.                          style="
  9713.                            margin-top: 1%;
  9714.                            max-width: 100%;
  9715.                          "
  9716.                        ><p class="" style="white-space:pre-wrap;">~ Lorraine &amp; Arnie M.</p></div>
  9717.                    
  9718.  
  9719.                  </div>
  9720.                
  9721.  
  9722.                
  9723.  
  9724.              </div>
  9725.            </li>
  9726.          
  9727.            
  9728.            <li class="
  9729.                  user-items-list-carousel__slide list-item
  9730.                  
  9731.                    list-item-basic-animation
  9732.                  
  9733.                "
  9734.                style="
  9735.                
  9736.                  padding-top: 6%;
  9737.                  padding-right: 6%;
  9738.                  padding-bottom: 6%;
  9739.                  padding-left: 6%;
  9740.                
  9741.              "
  9742.              data-is-card-enabled="true"
  9743.            >
  9744.              
  9745.                
  9746.              
  9747.              <div class="list-item-content">
  9748.  
  9749.                
  9750.                  <div class="list-item-content__text-wrapper">
  9751.  
  9752.                    
  9753.                      <h2
  9754.                        class="list-item-content__title"
  9755.                        style="max-width: 100%;"
  9756.                      >"We were happy with everyone we met from your company and especially pleased with our new doors."</h2>
  9757.                    
  9758.  
  9759.                    
  9760.                        <div class="list-item-content__description
  9761.                          
  9762.                          "
  9763.                          style="
  9764.                            margin-top: 1%;
  9765.                            max-width: 100%;
  9766.                          "
  9767.                        ><p class="" style="white-space:pre-wrap;">~ Doug K.</p></div>
  9768.                    
  9769.  
  9770.                  </div>
  9771.                
  9772.  
  9773.                
  9774.  
  9775.              </div>
  9776.            </li>
  9777.          
  9778.        </ul>
  9779.      </div>
  9780.  
  9781.    </div>
  9782.  
  9783.    
  9784.      
  9785.    
  9786.  
  9787.    <div class="mobile-arrows">
  9788.      <button
  9789.  class="
  9790.    mobile-arrow-button
  9791.    mobile-arrow-button--left
  9792.  "
  9793.  aria-label="
  9794.    
  9795.      Previous
  9796.    
  9797.    
  9798.  "
  9799.  data-animation-role="button"
  9800. >
  9801.  <div class="
  9802.    user-items-list-carousel__arrow-icon-background
  9803.    mobile-arrow-icon-background-area
  9804.  ">
  9805.  </div>
  9806.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9807.  
  9808.    
  9809.      <path class="user-items-list-carousel__arrow-icon-foreground
  9810.        mobile-arrow-icon-path"
  9811.        d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none"
  9812.      />
  9813.      <path class="user-items-list-carousel__arrow-icon-foreground
  9814.        mobile-arrow-icon-path"
  9815.        d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none"
  9816.      />
  9817.    
  9818.  
  9819.    
  9820.  
  9821.  </svg>
  9822. </button>
  9823.  
  9824.      <button
  9825.  class="
  9826.    mobile-arrow-button
  9827.    mobile-arrow-button--right
  9828.  "
  9829.  aria-label="
  9830.    
  9831.    
  9832.      Next
  9833.    
  9834.  "
  9835.  data-animation-role="button"
  9836. >
  9837.  <div class="
  9838.    user-items-list-carousel__arrow-icon-background
  9839.    mobile-arrow-icon-background-area
  9840.  ">
  9841.  </div>
  9842.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9843.  
  9844.    
  9845.  
  9846.    
  9847.      <path class="user-items-list-carousel__arrow-icon-foreground
  9848.        mobile-arrow-icon-path"
  9849.        d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none"
  9850.      />
  9851.      <path class="user-items-list-carousel__arrow-icon-foreground
  9852.        mobile-arrow-icon-path"
  9853.        d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none"
  9854.      />
  9855.    
  9856.  
  9857.  </svg>
  9858. </button>
  9859.  
  9860.    </div>
  9861.  
  9862.  </div>
  9863.  
  9864.  
  9865.    
  9866.      <div
  9867.        class="desktop-arrows arrows-bottom-wrapper"
  9868.        style="margin-top: 30px;"
  9869.      >
  9870.        <div class="arrows-bottom">
  9871.          <button
  9872.  class="
  9873.    user-items-list-carousel__arrow-button
  9874.    user-items-list-carousel__arrow-button--left
  9875.  "
  9876.  aria-label="
  9877.    
  9878.      Previous
  9879.    
  9880.    
  9881.  "
  9882.  data-animation-role="button"
  9883. >
  9884.  <div class="
  9885.    user-items-list-carousel__arrow-icon-background
  9886.    user-items-list-carousel__arrow-icon-background-area
  9887.  ">
  9888.  </div>
  9889.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9890.  
  9891.    
  9892.      <path class="user-items-list-carousel__arrow-icon-foreground
  9893.        user-items-list-carousel__arrow-icon-path"
  9894.        d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116"
  9895.      />
  9896.      <path class="user-items-list-carousel__arrow-icon-foreground
  9897.        user-items-list-carousel__arrow-icon-path"
  9898.        d="M42.8633 9.18125L3.37868 9.18125"
  9899.      />
  9900.    
  9901.  
  9902.    
  9903.  
  9904.  </svg>
  9905. </button>
  9906.  
  9907.          <button
  9908.  class="
  9909.    user-items-list-carousel__arrow-button
  9910.    user-items-list-carousel__arrow-button--right
  9911.  "
  9912.  aria-label="
  9913.    
  9914.    
  9915.      Next
  9916.    
  9917.  "
  9918.  data-animation-role="button"
  9919. >
  9920.  <div class="
  9921.    user-items-list-carousel__arrow-icon-background
  9922.    user-items-list-carousel__arrow-icon-background-area
  9923.  ">
  9924.  </div>
  9925.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9926.  
  9927.    
  9928.  
  9929.    
  9930.      <path class="user-items-list-carousel__arrow-icon-foreground
  9931.        user-items-list-carousel__arrow-icon-path"
  9932.        d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599"
  9933.      />
  9934.      <path class="user-items-list-carousel__arrow-icon-foreground
  9935.        user-items-list-carousel__arrow-icon-path"
  9936.        d="M1.19088 9.16982H40.6755"
  9937.      />
  9938.    
  9939.  
  9940.  </svg>
  9941. </button>
  9942.  
  9943.        </div>
  9944.      </div>
  9945.    
  9946.  
  9947.  
  9948. </div>
  9949.  
  9950.  
  9951.  
  9952.  
  9953. </div>
  9954.  
  9955.      
  9956.      
  9957.      
  9958.    </div>
  9959.  
  9960.    <button class='background-pause-button' aria-label="Pause Background"></button>
  9961. <button class='background-pause-button paused' aria-label="Play Background"></button>
  9962.  
  9963.  
  9964.  </div>
  9965.  
  9966. </section>
  9967.  
  9968.  
  9969. </article>
  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="dark-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.    dark-bold'
  10020.  
  10021.  data-section-id="62e8c575fd657a5d285fce5a"
  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;dark-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;: null,
  10047. &quot;divider&quot;: null,
  10048. &quot;typeName&quot;: &quot;page&quot;
  10049. }"
  10050.  data-animation="none"
  10051.  data-fluid-engine-section
  10052.  
  10053.  
  10054.  
  10055. >
  10056.  <div
  10057.    class="section-border"
  10058.    
  10059.  >
  10060.    <div class="section-background">
  10061.    
  10062.      
  10063.    
  10064.    </div>
  10065.  </div>
  10066.  <div
  10067.    class='content-wrapper'
  10068.    style='
  10069.      
  10070.        
  10071.          
  10072.          
  10073.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  10074.        
  10075.      
  10076.    '
  10077.  >
  10078.    <div
  10079.      class="content"
  10080.      
  10081.    >
  10082.      
  10083.      
  10084.      
  10085.      
  10086.      
  10087.      
  10088.      
  10089.      
  10090.      <div data-fluid-engine="true"><style>
  10091.  
  10092. .fe-62e8c575fd657a5d285fce59 {
  10093.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  10094.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  10095.  
  10096.  display: grid;
  10097.  position: relative;
  10098.  grid-area: 1/1/-1/-1;
  10099.  grid-template-rows: repeat(31,minmax(24px, auto));
  10100.  grid-template-columns:
  10101.    minmax(var(--grid-gutter), 1fr)
  10102.    repeat(8, minmax(0, var(--cell-max-width)))
  10103.    minmax(var(--grid-gutter), 1fr);
  10104.  row-gap: 0.0px;
  10105.  column-gap: 0.0px;
  10106. }
  10107.  
  10108. @media (min-width: 768px) {
  10109.  .background-width--inset .fe-62e8c575fd657a5d285fce59 {
  10110.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  10111.  }
  10112.  
  10113.  .fe-62e8c575fd657a5d285fce59 {
  10114.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  10115.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  10116.    --inset-padding: 0vw;
  10117.  
  10118.    --row-height-scaling-factor: 0.0215;
  10119.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  10120.  
  10121.    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  10122.    grid-template-columns:
  10123.      minmax(var(--grid-gutter), 1fr)
  10124.      repeat(24, minmax(0, var(--cell-max-width)))
  10125.      minmax(var(--grid-gutter), 1fr);
  10126.  }
  10127. }
  10128.  
  10129.  
  10130.  .fe-block-yui_3_17_2_1_1659352525951_142917 {
  10131.    grid-area: 2/4/5/8;
  10132.    z-index: 5;
  10133.  
  10134.    @media (max-width: 767px) {
  10135.      
  10136.      
  10137.    }
  10138.  }
  10139.  
  10140.  .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block {
  10141.    justify-content: center;
  10142.  }
  10143.  
  10144.  .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block-alignment-wrapper {
  10145.    align-items: center;
  10146.  }
  10147.  
  10148.  @media (min-width: 768px) {
  10149.    .fe-block-yui_3_17_2_1_1659352525951_142917 {
  10150.      grid-area: 3/3/7/7;
  10151.      z-index: 5;
  10152.  
  10153.      
  10154.  
  10155.      
  10156.    }
  10157.  
  10158.    .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block {
  10159.      justify-content: center;
  10160.    }
  10161.  
  10162.    .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block-alignment-wrapper {
  10163.      align-items: center;
  10164.    }
  10165.  }
  10166.  
  10167.  .fe-block-yui_3_17_2_1_1664442941035_10044 {
  10168.    grid-area: 5/3/8/9;
  10169.    z-index: 9;
  10170.  
  10171.    @media (max-width: 767px) {
  10172.      
  10173.      
  10174.    }
  10175.  }
  10176.  
  10177.  .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block {
  10178.    justify-content: flex-start;
  10179.  }
  10180.  
  10181.  .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block-alignment-wrapper {
  10182.    align-items: flex-start;
  10183.  }
  10184.  
  10185.  @media (min-width: 768px) {
  10186.    .fe-block-yui_3_17_2_1_1664442941035_10044 {
  10187.      grid-area: 7/2/10/8;
  10188.      z-index: 9;
  10189.  
  10190.      
  10191.  
  10192.      
  10193.    }
  10194.  
  10195.    .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block {
  10196.      justify-content: flex-start;
  10197.    }
  10198.  
  10199.    .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block-alignment-wrapper {
  10200.      align-items: flex-start;
  10201.    }
  10202.  }
  10203.  
  10204.  .fe-block-yui_3_17_2_1_1659685427321_812977 {
  10205.    grid-area: 19/2/21/6;
  10206.    z-index: 8;
  10207.  
  10208.    @media (max-width: 767px) {
  10209.      
  10210.      
  10211.    }
  10212.  }
  10213.  
  10214.  .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block {
  10215.    justify-content: flex-start;
  10216.  }
  10217.  
  10218.  .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block-alignment-wrapper {
  10219.    align-items: flex-start;
  10220.  }
  10221.  
  10222.  @media (min-width: 768px) {
  10223.    .fe-block-yui_3_17_2_1_1659685427321_812977 {
  10224.      grid-area: 3/19/5/23;
  10225.      z-index: 8;
  10226.  
  10227.      
  10228.  
  10229.      
  10230.    }
  10231.  
  10232.    .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block {
  10233.      justify-content: flex-start;
  10234.    }
  10235.  
  10236.    .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block-alignment-wrapper {
  10237.      align-items: flex-start;
  10238.    }
  10239.  }
  10240.  
  10241.  .fe-block-91e40b2b691f3f291ecf {
  10242.    grid-area: 8/6/18/10;
  10243.    z-index: 3;
  10244.  
  10245.    @media (max-width: 767px) {
  10246.      
  10247.      
  10248.    }
  10249.  }
  10250.  
  10251.  .fe-block-91e40b2b691f3f291ecf .sqs-block {
  10252.    justify-content: flex-start;
  10253.  }
  10254.  
  10255.  .fe-block-91e40b2b691f3f291ecf .sqs-block-alignment-wrapper {
  10256.    align-items: flex-start;
  10257.  }
  10258.  
  10259.  @media (min-width: 768px) {
  10260.    .fe-block-91e40b2b691f3f291ecf {
  10261.      grid-area: 3/9/14/13;
  10262.      z-index: 3;
  10263.  
  10264.      
  10265.  
  10266.      
  10267.    }
  10268.  
  10269.    .fe-block-91e40b2b691f3f291ecf .sqs-block {
  10270.      justify-content: flex-start;
  10271.    }
  10272.  
  10273.    .fe-block-91e40b2b691f3f291ecf .sqs-block-alignment-wrapper {
  10274.      align-items: flex-start;
  10275.    }
  10276.  }
  10277.  
  10278.  .fe-block-450ffe681a0cb91ba9c6 {
  10279.    grid-area: 8/2/16/6;
  10280.    z-index: 2;
  10281.  
  10282.    @media (max-width: 767px) {
  10283.      
  10284.      
  10285.    }
  10286.  }
  10287.  
  10288.  .fe-block-450ffe681a0cb91ba9c6 .sqs-block {
  10289.    justify-content: flex-start;
  10290.  }
  10291.  
  10292.  .fe-block-450ffe681a0cb91ba9c6 .sqs-block-alignment-wrapper {
  10293.    align-items: flex-start;
  10294.  }
  10295.  
  10296.  @media (min-width: 768px) {
  10297.    .fe-block-450ffe681a0cb91ba9c6 {
  10298.      grid-area: 3/14/12/18;
  10299.      z-index: 2;
  10300.  
  10301.      
  10302.  
  10303.      
  10304.    }
  10305.  
  10306.    .fe-block-450ffe681a0cb91ba9c6 .sqs-block {
  10307.      justify-content: flex-start;
  10308.    }
  10309.  
  10310.    .fe-block-450ffe681a0cb91ba9c6 .sqs-block-alignment-wrapper {
  10311.      align-items: flex-start;
  10312.    }
  10313.  }
  10314.  
  10315.  .fe-block-yui_3_17_2_1_1659498794382_109580 {
  10316.    grid-area: 21/2/25/8;
  10317.    z-index: 7;
  10318.  
  10319.    @media (max-width: 767px) {
  10320.      
  10321.      
  10322.    }
  10323.  }
  10324.  
  10325.  .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block {
  10326.    justify-content: flex-start;
  10327.  }
  10328.  
  10329.  .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block-alignment-wrapper {
  10330.    align-items: flex-start;
  10331.  }
  10332.  
  10333.  @media (min-width: 768px) {
  10334.    .fe-block-yui_3_17_2_1_1659498794382_109580 {
  10335.      grid-area: 5/19/9/26;
  10336.      z-index: 7;
  10337.  
  10338.      
  10339.  
  10340.      
  10341.    }
  10342.  
  10343.    .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block {
  10344.      justify-content: flex-start;
  10345.    }
  10346.  
  10347.    .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block-alignment-wrapper {
  10348.      align-items: flex-start;
  10349.    }
  10350.  }
  10351.  
  10352.  .fe-block-yui_3_17_2_1_1676424978305_9765 {
  10353.    grid-area: 25/2/31/8;
  10354.    z-index: 10;
  10355.  
  10356.    @media (max-width: 767px) {
  10357.      
  10358.      
  10359.    }
  10360.  }
  10361.  
  10362.  .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block {
  10363.    justify-content: flex-start;
  10364.  }
  10365.  
  10366.  .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block-alignment-wrapper {
  10367.    align-items: flex-start;
  10368.  }
  10369.  
  10370.  @media (min-width: 768px) {
  10371.    .fe-block-yui_3_17_2_1_1676424978305_9765 {
  10372.      grid-area: 9/19/16/26;
  10373.      z-index: 10;
  10374.  
  10375.      
  10376.  
  10377.      
  10378.    }
  10379.  
  10380.    .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block {
  10381.      justify-content: flex-start;
  10382.    }
  10383.  
  10384.    .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block-alignment-wrapper {
  10385.      align-items: flex-start;
  10386.    }
  10387.  }
  10388.  
  10389. </style><div class="fluid-engine fe-62e8c575fd657a5d285fce59"><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_142917"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_142917"><div class="sqs-block-content">
  10390.  
  10391.  
  10392.  
  10393.  
  10394.  
  10395.  
  10396.  
  10397.  
  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.    <div
  10437.      class="
  10438.        image-block-outer-wrapper
  10439.        layout-caption-below
  10440.        design-layout-fluid
  10441.        image-position-center
  10442.        combination-animation-site-default
  10443.        individual-animation-site-default
  10444.      "
  10445.      data-test="image-block-fluid-outer-wrapper"
  10446.    >
  10447.      <div
  10448.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  10449.        data-animation-role="image"
  10450.        
  10451.  
  10452.  
  10453.      >
  10454.        <div
  10455.          class="fluid-image-container sqs-image-content"
  10456.          
  10457.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  10458.        >
  10459.          
  10460.  
  10461.          
  10462.          
  10463.  
  10464.          
  10465.            <a
  10466.              class="sqs-block-image-link content-fit"
  10467.              href="/"
  10468.              
  10469.            >
  10470.              
  10471.            
  10472.            
  10473.            
  10474.            
  10475.            
  10476.            
  10477.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png" data-image-dimensions="300x155" data-image-focal-point="0.5,0.5" alt="Interior Door And Closet Logo" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png" width="300" height="155" 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/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  10478.  
  10479.            
  10480.              
  10481.            
  10482.            <div class="fluidImageOverlay"></div>
  10483.          
  10484.            </a>
  10485.          
  10486.  
  10487.        </div>
  10488.      </div>
  10489.    </div>
  10490.    <style>
  10491.      .sqs-block-image .sqs-block-content {
  10492.        height: 100%;
  10493.        width: 100%;
  10494.      }
  10495.  
  10496.      
  10497.        .fe-block-yui_3_17_2_1_1659352525951_142917 .fluidImageOverlay {
  10498.          position: absolute;
  10499.          top: 0;
  10500.          left: 0;
  10501.          width: 100%;
  10502.          height: 100%;
  10503.          mix-blend-mode: normal;
  10504.          
  10505.            
  10506.            
  10507.          
  10508.          
  10509.            opacity: 0;
  10510.          
  10511.        }
  10512.      
  10513.    </style>
  10514.  
  10515.  
  10516.  
  10517.  
  10518.  
  10519.  
  10520. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1664442941035_10044"><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;" id="block-yui_3_17_2_1_1664442941035_10044"><div class="sqs-block-content">
  10521.  
  10522. <div class="sqs-html-content">
  10523.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><a href="https://goo.gl/maps/GnSrfPScLQR2  " target="_blank">15441 Chemical Ln.,<br>Huntington Beach, CA 92649</a></p>
  10524. </div>
  10525.  
  10526.  
  10527.  
  10528.  
  10529.  
  10530.  
  10531.  
  10532.  
  10533.  
  10534.  
  10535.  
  10536.  
  10537.  
  10538.  
  10539.  
  10540.  
  10541.  
  10542.  
  10543.  
  10544.  
  10545.  
  10546.  
  10547.  
  10548.  
  10549.  
  10550. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659685427321_812977"><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;" id="block-yui_3_17_2_1_1659685427321_812977"><div class="sqs-block-content">
  10551.  
  10552. <div class="sqs-html-content">
  10553.  <p class="" style="white-space:pre-wrap;"><strong>Contact Us</strong></p>
  10554. </div>
  10555.  
  10556.  
  10557.  
  10558.  
  10559.  
  10560.  
  10561.  
  10562.  
  10563.  
  10564.  
  10565.  
  10566.  
  10567.  
  10568.  
  10569.  
  10570.  
  10571.  
  10572.  
  10573.  
  10574.  
  10575.  
  10576.  
  10577.  
  10578.  
  10579.  
  10580. </div></div></div><div class="fe-block fe-block-91e40b2b691f3f291ecf"><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;" id="block-91e40b2b691f3f291ecf"><div class="sqs-block-content">
  10581.  
  10582. <div class="sqs-html-content">
  10583.  <p class="" style="white-space:pre-wrap;"><strong>Company</strong></p><ul data-rte-list="default"><li><p class="" style="white-space:pre-wrap;"><a href="/">Home<br></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/about">About Us</a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/door-installation">Installation</a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/testimonials">Testimonials</a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/blog">Blog</a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/privacy-policy">Privacy Policy</a></p></li></ul>
  10584. </div>
  10585.  
  10586.  
  10587.  
  10588.  
  10589.  
  10590.  
  10591.  
  10592.  
  10593.  
  10594.  
  10595.  
  10596.  
  10597.  
  10598.  
  10599.  
  10600.  
  10601.  
  10602.  
  10603.  
  10604.  
  10605.  
  10606.  
  10607.  
  10608.  
  10609.  
  10610. </div></div></div><div class="fe-block fe-block-450ffe681a0cb91ba9c6"><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;" id="block-450ffe681a0cb91ba9c6"><div class="sqs-block-content">
  10611.  
  10612. <div class="sqs-html-content">
  10613.  <p class="" style="white-space:pre-wrap;"><strong>Products</strong></p><ul data-rte-list="default"><li><p class="" style="white-space:pre-wrap;"><a href="/interior-doors">Interior Doors<br></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/closet-doors">Closet Doors<br></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/organizers" target="_blank">Organizers<br></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/barn-doors">Barn Doors</a></p></li></ul>
  10614. </div>
  10615.  
  10616.  
  10617.  
  10618.  
  10619.  
  10620.  
  10621.  
  10622.  
  10623.  
  10624.  
  10625.  
  10626.  
  10627.  
  10628.  
  10629.  
  10630.  
  10631.  
  10632.  
  10633.  
  10634.  
  10635.  
  10636.  
  10637.  
  10638.  
  10639.  
  10640. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659498794382_109580"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1659498794382_109580"><div class="sqs-block-content"><div class="sw-navigation-contact-footer">
  10641.    <div class="sw-navigation-actions-footer">
  10642.        <a href="tel:(714) 895-5100" class="sw-navigation-actions-item">
  10643.            <div class="sw-navigation-actions-icon">&#9742;</div>
  10644.            <div>(714) 895-5100</div>
  10645.        </a>
  10646.    </div>
  10647.    <div class="sw-navigation-actions-footer">
  10648.        <a href="mailto:info@interiordoorandcloset.com" class="sw-navigation-actions-item">
  10649.            <div class="sw-navigation-actions-icon">&#9993;</div>
  10650.            <div>info@interiordoorandcloset.com</div>
  10651.        </a>
  10652.    </div>
  10653. </div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1676424978305_9765"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1676424978305_9765"><div class="sqs-block-content"><div id="footer-hours">
  10654.  <p><strong>Office Hours</strong></p>
  10655.  <p>Mon-Fri: 9:00 am - 5:00 pm</p>
  10656.  <p>Saturday: 11:00 am - 3:00 pm</p>
  10657.  <p>Sunday: Closed</p>
  10658. </div></div></div></div></div></div>
  10659.    </div>
  10660.  
  10661.  </div>
  10662.  
  10663. </section>
  10664.  
  10665.  
  10666.    
  10667.    
  10668.  
  10669.  
  10670.  
  10671.  
  10672.  
  10673.  
  10674. <section
  10675.  data-test="page-section"
  10676.  
  10677.  data-section-theme="light"
  10678.  class='page-section
  10679.    
  10680.      full-bleed-section
  10681.      layout-engine-section
  10682.    
  10683.    background-width--full-bleed
  10684.    
  10685.      
  10686.        section-height--custom
  10687.      
  10688.    
  10689.    
  10690.      content-width--wide
  10691.    
  10692.    horizontal-alignment--center
  10693.    vertical-alignment--middle
  10694.    
  10695.      
  10696.    
  10697.    
  10698.    light'
  10699.  
  10700.  data-section-id="62e9166bd4c1314e4614cd65"
  10701.  
  10702.  data-controller="SectionWrapperController"
  10703.  data-current-styles="{
  10704. &quot;imageOverlayOpacity&quot;: 0.15,
  10705. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  10706. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  10707. &quot;customSectionHeight&quot;: 0,
  10708. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  10709. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  10710. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  10711. &quot;customContentWidth&quot;: 50,
  10712. &quot;backgroundColor&quot;: &quot;&quot;,
  10713. &quot;sectionTheme&quot;: &quot;light&quot;,
  10714. &quot;sectionAnimation&quot;: &quot;none&quot;,
  10715. &quot;backgroundMode&quot;: &quot;image&quot;
  10716. }"
  10717.  data-current-context="{
  10718. &quot;video&quot;: {
  10719. &quot;playbackSpeed&quot;: 0.5,
  10720. &quot;filter&quot;: 1,
  10721. &quot;filterStrength&quot;: 0,
  10722. &quot;zoom&quot;: 0,
  10723. &quot;videoSourceProvider&quot;: &quot;none&quot;
  10724. },
  10725. &quot;backgroundImageId&quot;: null,
  10726. &quot;backgroundMediaEffect&quot;: null,
  10727. &quot;divider&quot;: null,
  10728. &quot;typeName&quot;: &quot;page&quot;
  10729. }"
  10730.  data-animation="none"
  10731.  data-fluid-engine-section
  10732.  
  10733.  
  10734.  
  10735. >
  10736.  <div
  10737.    class="section-border"
  10738.    
  10739.  >
  10740.    <div class="section-background">
  10741.    
  10742.      
  10743.    
  10744.    </div>
  10745.  </div>
  10746.  <div
  10747.    class='content-wrapper'
  10748.    style='
  10749.      
  10750.        
  10751.          
  10752.          
  10753.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  10754.        
  10755.      
  10756.    '
  10757.  >
  10758.    <div
  10759.      class="content"
  10760.      
  10761.    >
  10762.      
  10763.      
  10764.      
  10765.      
  10766.      
  10767.      
  10768.      
  10769.      
  10770.      <div data-fluid-engine="true"><style>
  10771.  
  10772. .fe-62e9166cde02456d98a889e4 {
  10773.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  10774.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  10775.  
  10776.  display: grid;
  10777.  position: relative;
  10778.  grid-area: 1/1/-1/-1;
  10779.  grid-template-rows: repeat(7,minmax(24px, auto));
  10780.  grid-template-columns:
  10781.    minmax(var(--grid-gutter), 1fr)
  10782.    repeat(8, minmax(0, var(--cell-max-width)))
  10783.    minmax(var(--grid-gutter), 1fr);
  10784.  row-gap: 0.0px;
  10785.  column-gap: 0.0px;
  10786. }
  10787.  
  10788. @media (min-width: 768px) {
  10789.  .background-width--inset .fe-62e9166cde02456d98a889e4 {
  10790.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  10791.  }
  10792.  
  10793.  .fe-62e9166cde02456d98a889e4 {
  10794.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  10795.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  10796.    --inset-padding: 0vw;
  10797.  
  10798.    --row-height-scaling-factor: 0.0215;
  10799.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  10800.  
  10801.    grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  10802.    grid-template-columns:
  10803.      minmax(var(--grid-gutter), 1fr)
  10804.      repeat(24, minmax(0, var(--cell-max-width)))
  10805.      minmax(var(--grid-gutter), 1fr);
  10806.  }
  10807. }
  10808.  
  10809.  
  10810.  .fe-block-yui_3_17_2_1_1659352525951_1507949 {
  10811.    grid-area: 2/2/5/10;
  10812.    z-index: 2;
  10813.  
  10814.    @media (max-width: 767px) {
  10815.      
  10816.      
  10817.    }
  10818.  }
  10819.  
  10820.  .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block {
  10821.    justify-content: center;
  10822.  }
  10823.  
  10824.  .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block-alignment-wrapper {
  10825.    align-items: center;
  10826.  }
  10827.  
  10828.  @media (min-width: 768px) {
  10829.    .fe-block-yui_3_17_2_1_1659352525951_1507949 {
  10830.      grid-area: 1/3/3/25;
  10831.      z-index: 2;
  10832.  
  10833.      
  10834.  
  10835.      
  10836.    }
  10837.  
  10838.    .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block {
  10839.      justify-content: center;
  10840.    }
  10841.  
  10842.    .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block-alignment-wrapper {
  10843.      align-items: center;
  10844.    }
  10845.  }
  10846.  
  10847.  .fe-block-yui_3_17_2_1_1659352525951_1492237 {
  10848.    grid-area: 6/2/8/10;
  10849.    z-index: 1;
  10850.  
  10851.    @media (max-width: 767px) {
  10852.      
  10853.      
  10854.    }
  10855.  }
  10856.  
  10857.  .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block {
  10858.    justify-content: flex-start;
  10859.  }
  10860.  
  10861.  .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block-alignment-wrapper {
  10862.    align-items: flex-start;
  10863.  }
  10864.  
  10865.  @media (min-width: 768px) {
  10866.    .fe-block-yui_3_17_2_1_1659352525951_1492237 {
  10867.      grid-area: 3/3/5/25;
  10868.      z-index: 1;
  10869.  
  10870.      
  10871.  
  10872.      
  10873.    }
  10874.  
  10875.    .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block {
  10876.      justify-content: center;
  10877.    }
  10878.  
  10879.    .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block-alignment-wrapper {
  10880.      align-items: center;
  10881.    }
  10882.  }
  10883.  
  10884. </style><div class="fluid-engine fe-62e9166cde02456d98a889e4"><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1507949"><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;" id="block-yui_3_17_2_1_1659352525951_1507949"><div class="sqs-block-content">
  10885.  
  10886. <div class="sqs-html-content">
  10887.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">© 2025 Interior Door and Closet Company | License #908184</p>
  10888. </div>
  10889.  
  10890.  
  10891.  
  10892.  
  10893.  
  10894.  
  10895.  
  10896.  
  10897.  
  10898.  
  10899.  
  10900.  
  10901.  
  10902.  
  10903.  
  10904.  
  10905.  
  10906.  
  10907.  
  10908.  
  10909.  
  10910.  
  10911.  
  10912.  
  10913.  
  10914. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1492237"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-yui_3_17_2_1_1659352525951_1492237"><div class="sqs-block-content">
  10915.  
  10916.  
  10917.  
  10918. <div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color- social-icons-size-extra-small social-icons-shape-circle social-icons-style-solid" >
  10919.  <style>
  10920.    #block-yui_3_17_2_1_1659352525951_1492237 .social-icons-style-border .sqs-svg-icon--wrapper {
  10921.      
  10922.        box-shadow: 0 0 0 2px inset;
  10923.      
  10924.      border: none;
  10925.    }
  10926.  </style>
  10927.  <nav class="sqs-svg-icon--list">
  10928.    <a href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" class="sqs-svg-icon--wrapper url" aria-label="URL">
  10929.      <div>
  10930.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10931.          <use class="sqs-use--icon" xlink:href="#url-icon"></use>
  10932.          <use class="sqs-use--mask" xlink:href="#url-mask"></use>
  10933.        </svg>
  10934.      </div>
  10935.    </a><a href="https://www.facebook.com/interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth" aria-label="Facebook">
  10936.      <div>
  10937.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10938.          <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
  10939.          <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
  10940.        </svg>
  10941.      </div>
  10942.    </a><a href="https://www.pinterest.com/ocdoors/" target="_blank" class="sqs-svg-icon--wrapper pinterest-unauth" aria-label="Pinterest">
  10943.      <div>
  10944.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10945.          <use class="sqs-use--icon" xlink:href="#pinterest-unauth-icon"></use>
  10946.          <use class="sqs-use--mask" xlink:href="#pinterest-unauth-mask"></use>
  10947.        </svg>
  10948.      </div>
  10949.    </a><a href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" class="sqs-svg-icon--wrapper linkedin-unauth" aria-label="LinkedIn">
  10950.      <div>
  10951.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10952.          <use class="sqs-use--icon" xlink:href="#linkedin-unauth-icon"></use>
  10953.          <use class="sqs-use--mask" xlink:href="#linkedin-unauth-mask"></use>
  10954.        </svg>
  10955.      </div>
  10956.    </a><a href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" class="sqs-svg-icon--wrapper houzz" aria-label="Houzz">
  10957.      <div>
  10958.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10959.          <use class="sqs-use--icon" xlink:href="#houzz-icon"></use>
  10960.          <use class="sqs-use--mask" xlink:href="#houzz-mask"></use>
  10961.        </svg>
  10962.      </div>
  10963.    </a><a href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth" aria-label="Instagram">
  10964.      <div>
  10965.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10966.          <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
  10967.          <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
  10968.        </svg>
  10969.      </div>
  10970.    </a><a href="https://www.youtube.com/@interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube">
  10971.      <div>
  10972.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10973.          <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use>
  10974.          <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use>
  10975.        </svg>
  10976.      </div>
  10977.    </a><a href="https://www.youtube.com/@interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube">
  10978.      <div>
  10979.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10980.          <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use>
  10981.          <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use>
  10982.        </svg>
  10983.      </div>
  10984.    </a>
  10985.  </nav>
  10986. </div>
  10987. </div></div></div></div></div>
  10988.    </div>
  10989.  
  10990.  </div>
  10991.  
  10992. </section>
  10993.  
  10994.  
  10995. </footer>
  10996.  
  10997.      
  10998.    </div>
  10999.  
  11000.    <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.3211cb10ca836d332f8a257681734318.js" type="text/javascript"></script>
  11001.    <script src="//assets.squarewebsites.org/custom-tables/custom-table.js"></script>
  11002. <script>
  11003.  createTopAction();
  11004. </script>
  11005.  
  11006. <script>createBC();</script>
  11007.  
  11008. <!-- change blog headers from h1 to h2 on collections pages -->
  11009. <script>
  11010. document.querySelectorAll("h1.blog-title").forEach(header => {
  11011.  header.outerHTML = '<h2>' + header.innerHTML + '</h2>';
  11012. });
  11013. </script>
  11014.  
  11015. <style>
  11016. #footer-sections
  11017.  {
  11018.    z-index: 10;
  11019.  }
  11020. .sw-slider-container {
  11021.  width: 100%;
  11022.  height: 100%;
  11023.  position: relative;
  11024.  padding: 2rem 0;
  11025.  
  11026.  @media screen and (max-width:767px) {
  11027.    padding: 0rem;
  11028.  }
  11029. }
  11030.  
  11031. .sw-content-container {
  11032.    position: absolute;
  11033.    top: 0;
  11034.    left: 0;
  11035.    width: 50%;
  11036.    height: 100%;
  11037.    background-color: rgba(60, 60, 60);
  11038.    display: flex;
  11039.    justify-content: end;
  11040.    align-items: center;
  11041. }
  11042.  
  11043. .sw-content-box {
  11044.    display: flex;
  11045.    flex-direction: column;
  11046.    width: 100%;
  11047.    max-width: 80%;
  11048.    position: relative;
  11049.    padding-right: 5rem;
  11050.    color: white;
  11051. }
  11052. .sw-content-button-container {
  11053.  display: block;
  11054. }
  11055.  
  11056. .sw-content-contact-number {
  11057.  display: none;
  11058. }
  11059.  
  11060. .sw-content-header {
  11061.    padding-bottom: 0.75rem;
  11062.    margin-right: 6rem;
  11063.    border-bottom: 1px solid white;
  11064.    color: white !important;
  11065. }
  11066.  
  11067. .sw-content-text {
  11068.    font-size: 1rem;
  11069.    color: white;
  11070.    padding-top: 1.25rem;
  11071.    padding-bottom: 4rem;
  11072. }
  11073.  
  11074. .sw-content-button {
  11075.    background-color: rgba(58, 102, 173);
  11076.    border-radius: 2rem;
  11077.    font-size: 1rem;
  11078.    padding: 1rem 2rem;
  11079.    cursor: pointer;
  11080.    text-decoration: none;
  11081. }
  11082.  
  11083. .sw-image-container {
  11084.    position: absolute;
  11085.    overflow: hidden;
  11086.    top: 0;
  11087.    right: 0;
  11088.    width: 50%;
  11089.    height: 100%;
  11090.    background-color: whitesmoke;
  11091. }
  11092.  
  11093. .sw-image-slide {
  11094.    position: absolute;
  11095.    background-repeat: no-repeat;
  11096.    background-position: center;
  11097.    background-size: cover;
  11098.    width: 100%;
  11099.    height: 100%;
  11100. }
  11101.  
  11102. .sw-image-slide-show {
  11103.    display: block;
  11104. }
  11105.  
  11106. .sw-image-slide-hidden {
  11107.    display: none;
  11108. }
  11109.  
  11110. .sw-arrow-container {
  11111.    position: absolute;
  11112.    display: flex;
  11113.    flex-direction: row;
  11114.    bottom: 0;
  11115.    left: 50%;
  11116.    transform: translate(-50%, 0px);
  11117.    cursor: pointer;
  11118. }
  11119.  
  11120. .sw-arrow-next,
  11121. .sw-arrow-previous {
  11122.    width: 2.25rem;
  11123.    height: 2.25rem;
  11124.    font-size: 1.5rem;
  11125.    display: flex;
  11126.    justify-content: center;
  11127.    align-items: center;
  11128.    opacity: 0.75;
  11129.    cursor: pointer;
  11130. }
  11131.  
  11132. .sw-arrow-next:hover,
  11133. .sw-arrow-previous:hover {
  11134.    opacity: 1;
  11135.    transition: 0.25s;
  11136. }
  11137.  
  11138. .sw-arrow-previous {
  11139.    background-color: rgba(173, 205, 70);
  11140.    color: white;
  11141. }
  11142.  
  11143. .sw-arrow-next {
  11144.    background-color: rgb(58,102,173);
  11145.    color: white;
  11146. }
  11147.  
  11148. .sqs-svg-icon--wrapper:hover
  11149. {
  11150.  background-color: rgb(173,205,69) !important;
  11151. }
  11152.  
  11153. .sw-navigation-actions-footer,
  11154. .sw-navigation-actions-top
  11155. {
  11156.    display: flex;
  11157.    flex-direction: row;
  11158.    z-index: 1;
  11159. }
  11160.  
  11161. .sw-navigation-actions-top
  11162.  {
  11163.    color: white;
  11164.  }
  11165. .sw-navigation-actions-footer
  11166. {
  11167.  color: black;
  11168. }
  11169.  
  11170. .sw-navigation-actions-item
  11171. {
  11172.    margin-right: 4rem;
  11173.    display: flex;
  11174.    flex-direction: row;
  11175.    align-items: center;
  11176. }
  11177.  
  11178. .sw-navigation-actions-text
  11179. {
  11180.    color: white;
  11181. }
  11182.  
  11183. .sw-navigation-actions-icon
  11184. {
  11185.    border-radius: 100%;
  11186.    background-color: rgba(173, 205, 70);
  11187.    color: black;
  11188.    margin-right: 1rem;
  11189.    display: flex;
  11190.    justify-content: center;
  11191.    align-items: center;
  11192.    padding: 0.25rem;
  11193.  height: 24px;
  11194.  width: 24px;
  11195. }
  11196.  
  11197. .sw-navigation-contact-footer {
  11198.    display: flex;
  11199.    flex-direction: column;
  11200.    line-height: 2.5rem;
  11201. }
  11202.  
  11203. .sw-gallery-page-container {
  11204.    display: flex;
  11205.    column-gap: 0.5rem;
  11206.    justify-content: end;
  11207. }
  11208.  
  11209. .sw-gallery-page-item {
  11210.    display: flex;
  11211.    align-items: center;
  11212.    border: 1px solid rgba(60, 60, 60, 0.25);
  11213.    padding: 0 0.75rem;
  11214.    cursor: pointer;
  11215. }
  11216.  
  11217. .sw-gallery-page-filler {
  11218.    display: flex;
  11219.    align-items: center;
  11220.    padding: 0 0.75rem;
  11221. }
  11222.  
  11223. .sw-gallery-page-item-active {
  11224.    border-color : rgba(60, 60, 60, 1);
  11225. }
  11226.  
  11227. .sw-gallery-image-label
  11228. {
  11229.    position: absolute;
  11230.    bottom: 0;
  11231.    left: 0;
  11232.    width: 100%;
  11233.    background-color: rgba(0,0,0,0.5);
  11234.    color: white;
  11235.    text-align: center;
  11236.    cursor: pointer;
  11237.    text-shadow: 2px 2px #000000;
  11238.    font-size: 0.8rem;
  11239. }
  11240.  
  11241. .sw-gallery-image-number
  11242. {
  11243.    position: absolute;
  11244.    top: 0;
  11245.    left: 0;
  11246.    width: 100%;
  11247.    background-color: rgba(0,0,0,0.5);
  11248.    color: white;
  11249.    text-align: center;
  11250.    cursor: pointer;
  11251.    text-shadow: 2px 2px #000000;
  11252.    font-size: 0.8rem;
  11253. }
  11254.  
  11255. .sw-gallery-lightbox-label
  11256. {
  11257.  position: absolute;
  11258.  bottom: 0;
  11259.  left: 0;
  11260.  width: 100%;
  11261.  background-color: rgba(0,0,0,0.5);
  11262.  color: white;
  11263.  text-align: center;
  11264.  text-shadow: 2px 2px #000000;
  11265.  font-size: 2rem;
  11266. }
  11267.  
  11268.  
  11269. /* Put animations here.... */
  11270. /* in animation */
  11271. .sw-fade-in-slide {
  11272.    animation-name: sw-fade-in-slide;
  11273.    animation-duration: 1s;
  11274.    animation-fill-mode: forwards;
  11275. }
  11276.  
  11277. .sw-right-to-left-in-slide-left {
  11278.    animation-name: sw-right-to-left-in-slide-left;
  11279.    animation-duration: 0.75s;
  11280.    animation-fill-mode: forwards;
  11281. }
  11282.  
  11283. .sw-right-to-left-in-slide-right {
  11284.    animation-name: sw-right-to-left-in-slide-right;
  11285.    animation-duration: 0.75s;
  11286.    animation-fill-mode: forwards;
  11287. }
  11288.  
  11289. .sw-slide-blur-in {
  11290.    animation-name: sw-slide-blur-in;
  11291.    animation-duration: 0.75s;
  11292.    animation-timing-function: ease-out;
  11293.    animation-fill-mode: forwards;
  11294. }
  11295.  
  11296. /* out animation */
  11297. .sw-fade-out-slide {
  11298.    animation-name: sw-fade-out-slide;
  11299.    animation-duration: 1s;
  11300.    animation-fill-mode: forwards;
  11301. }
  11302.  
  11303. .sw-right-to-left-out-slide-left {
  11304.    animation-name: sw-right-to-left-out-slide-left;
  11305.    animation-duration: 0.75s;
  11306.    animation-fill-mode: forwards;
  11307. }
  11308.  
  11309. .sw-right-to-left-out-slide-right {
  11310.    animation-name: sw-right-to-left-out-slide-right;
  11311.    animation-duration: 0.75s;
  11312.    animation-fill-mode: forwards;
  11313. }
  11314.  
  11315. .sw-slide-blur-out {
  11316.    animation-name: sw-slide-blur-out;
  11317.    animation-duration: 0.75s;
  11318.    animation-timing-function: ease-out;
  11319.    animation-fill-mode: forwards;
  11320. }
  11321.  
  11322. .slide-up-content {
  11323.    animation-name: slide-up-content;
  11324.    animation-delay: 0.6s;
  11325.    animation-duration: 1s;
  11326.    animation-fill-mode: forwards;
  11327. }
  11328.  
  11329. /* Keyframes for in animation */
  11330. @keyframes sw-fade-in-slide {
  11331.    from {
  11332.        opacity: .4;
  11333.        visibility: visible;
  11334.    }
  11335.  
  11336.    to {
  11337.        opacity: 1;
  11338.        visibility: visible;
  11339.    }
  11340. }
  11341.  
  11342. @keyframes sw-right-to-left-in-slide-left {
  11343.    from {
  11344.        left: 100%;
  11345.    }
  11346.  
  11347.    to {
  11348.        left: 0%;
  11349.    }
  11350. }
  11351.  
  11352. @keyframes sw-right-to-left-in-slide-right {
  11353.    from {
  11354.        left: -100%;
  11355.    }
  11356.  
  11357.    to {
  11358.        left: 0%;
  11359.    }
  11360. }
  11361.  
  11362. @keyframes sw-slide-blur-in {
  11363.    0% {
  11364.        top: 100%;
  11365.        height: 0%;
  11366.        filter: blur(10px);
  11367.    }
  11368.  
  11369.    75% {
  11370.        height: 100%;
  11371.        filter: blur(5px);
  11372.    }
  11373.  
  11374.    100% {
  11375.        top: 0;
  11376.        /* display: block; */
  11377.    }
  11378. }
  11379.  
  11380. /* */
  11381.  
  11382.  
  11383. /* Keyframes for out animation */
  11384. @keyframes sw-fade-out-slide {
  11385.    0% {
  11386.        opacity: 1;
  11387.        visibility: visible;
  11388.    }
  11389.  
  11390.    50% {
  11391.        opacity: 0.5;
  11392.    }
  11393.  
  11394.    100% {
  11395.        opacity: 0;
  11396.        visibility: hidden;
  11397.    }
  11398. }
  11399.  
  11400. @keyframes sw-right-to-left-out-slide-left {
  11401.    from {
  11402.        left: 0%;
  11403.    }
  11404.  
  11405.    to {
  11406.        left: -100%;
  11407.    }
  11408. }
  11409.  
  11410. @keyframes sw-right-to-left-out-slide-right {
  11411.    from {
  11412.        left: 0%;
  11413.    }
  11414.  
  11415.    to {
  11416.        left: 100%;
  11417.    }
  11418. }
  11419.  
  11420. @keyframes sw-slide-blur-out {
  11421.    0% {
  11422.        top: 0;
  11423.        height: 100%;
  11424.        filter: blur(0px);
  11425.        opacity: 0.5;
  11426.    }
  11427.  
  11428.    /* 50% {
  11429.        height: 25%;
  11430.        filter: blur(10px);
  11431.    } */
  11432.    100% {
  11433.        height: 0%;
  11434.        opacity: 0;
  11435.    }
  11436. }
  11437.  
  11438. /* */
  11439.  
  11440. @keyframes slide-up-content {
  11441.    0% {
  11442.        opacity: 0;
  11443.        -ms-transform: translateY(25%);
  11444.        transform: translateY(25%);
  11445.    }
  11446.  
  11447.    20% {
  11448.        opacity: 0.1;
  11449.    }
  11450.  
  11451.    50% {
  11452.        opacity: 0.5;
  11453.    }
  11454.  
  11455.    100% {
  11456.        opacity: 1;
  11457.        -ms-transform: translateY(0%);
  11458.        transform: translateY(0%);
  11459.    }
  11460. }
  11461.  
  11462. /* mobile */
  11463. @media screen and (max-width:767px) {
  11464.  .sw-arrow-container,
  11465.  .sw-image-container
  11466.  {
  11467.    display: none;
  11468.  }
  11469.  
  11470.  .sw-content-container {
  11471.    width: 100%;
  11472.  }
  11473.  
  11474.  .sw-content-box {
  11475.    padding-right: 3rem;
  11476.    width: 100%;
  11477.  }
  11478.  
  11479.  .sw-content-header {
  11480.    margin-right: 1rem;
  11481.  }
  11482.  .sw-content-button-container {
  11483.    display: flex;
  11484.    align-items: center;
  11485.    justify-content: center;
  11486.  }
  11487.  
  11488.  .sw-content-contact-number {
  11489.    display: block;
  11490.    padding-top: 4rem;
  11491.    text-align: center;
  11492.    text-decoration: underline;
  11493.  }
  11494. }
  11495. </style>
  11496.  
  11497. <!-- Google Tag Manager (noscript) -->
  11498. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6TQXN"
  11499. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  11500. <!-- End Google Tag Manager (noscript) --><svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="url-icon" viewBox="0 0 64 64"><path d="M40.038 24c2.203 0 4.08.801 5.633 2.404C47.224 27.956 48 29.834 48 32.038c0 2.203-.776 4.106-2.329 5.709-1.552 1.552-3.43 2.328-5.633 2.328h-6.46v-3.08h6.46c1.352 0 2.504-.475 3.455-1.427 1.002-1.002 1.502-2.178 1.502-3.53 0-1.353-.5-2.504-1.502-3.456-.952-1.001-2.103-1.502-3.455-1.502h-6.46V24h6.46zm-14.423 9.615V30.46h12.77v3.155h-12.77zm-5.183-5.033c-.952.952-1.427 2.103-1.427 3.456 0 1.352.475 2.529 1.427 3.53 1.002.952 2.178 1.427 3.53 1.427h6.46v3.08h-6.46c-2.203 0-4.08-.776-5.633-2.329C16.776 36.145 16 34.241 16 32.038c0-2.204.776-4.082 2.329-5.634C19.88 24.8 21.759 24 23.962 24h6.46v3.08h-6.46c-1.352 0-2.529.5-3.53 1.502z"/></symbol><symbol id="url-mask" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M64 0H0v64h64V0zM45.671 26.404C44.12 24.8 42.241 24 40.038 24h-6.46v3.08h6.46c1.352 0 2.504.5 3.455 1.502 1.002.952 1.502 2.103 1.502 3.456 0 1.352-.5 2.529-1.502 3.53-.952.952-2.103 1.427-3.455 1.427h-6.46v3.08h6.46c2.203 0 4.08-.776 5.633-2.329C47.224 36.145 48 34.241 48 32.038c0-2.204-.776-4.082-2.329-5.634zm-7.286 4.056h-12.77v3.155h12.77V30.46zm-19.38 1.578c0-1.353.475-2.504 1.427-3.456 1.002-1.001 2.178-1.502 3.53-1.502h6.46V24h-6.46c-2.203 0-4.08.801-5.633 2.404C16.776 27.956 16 29.834 16 32.038c0 2.203.776 4.106 2.329 5.709 1.552 1.552 3.43 2.328 5.633 2.328h6.46v-3.08h-6.46c-1.352 0-2.529-.475-3.53-1.427-.952-1.002-1.427-2.178-1.427-3.53z"/></symbol><symbol id="facebook-unauth-icon" viewBox="0 0 64 64"><path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"/></symbol><symbol id="facebook-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"/></symbol><symbol id="pinterest-unauth-icon" viewBox="0 0 64 64"><path d="M32,16c-8.8,0-16,7.2-16,16c0,6.6,3.9,12.2,9.6,14.7c0-1.1,0-2.5,0.3-3.7 c0.3-1.3,2.1-8.7,2.1-8.7s-0.5-1-0.5-2.5c0-2.4,1.4-4.1,3.1-4.1c1.5,0,2.2,1.1,2.2,2.4c0,1.5-0.9,3.7-1.4,5.7 c-0.4,1.7,0.9,3.1,2.5,3.1c3,0,5.1-3.9,5.1-8.5c0-3.5-2.4-6.1-6.7-6.1c-4.9,0-7.9,3.6-7.9,7.7c0,1.4,0.4,2.4,1.1,3.1 c0.3,0.3,0.3,0.5,0.2,0.9c-0.1,0.3-0.3,1-0.3,1.3c-0.1,0.4-0.4,0.6-0.8,0.4c-2.2-0.9-3.3-3.4-3.3-6.1c0-4.5,3.8-10,11.4-10 c6.1,0,10.1,4.4,10.1,9.2c0,6.3-3.5,11-8.6,11c-1.7,0-3.4-0.9-3.9-2c0,0-0.9,3.7-1.1,4.4c-0.3,1.2-1,2.5-1.6,3.4 c1.4,0.4,3,0.7,4.5,0.7c8.8,0,16-7.2,16-16C48,23.2,40.8,16,32,16z"/></symbol><symbol id="pinterest-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M32,48c-1.6,0-3.1-0.2-4.5-0.7c0.6-1,1.3-2.2,1.6-3.4c0.2-0.7,1.1-4.4,1.1-4.4 c0.6,1.1,2.2,2,3.9,2c5.1,0,8.6-4.7,8.6-11c0-4.7-4-9.2-10.1-9.2c-7.6,0-11.4,5.5-11.4,10c0,2.8,1,5.2,3.3,6.1 c0.4,0.1,0.7,0,0.8-0.4c0.1-0.3,0.2-1,0.3-1.3c0.1-0.4,0.1-0.5-0.2-0.9c-0.6-0.8-1.1-1.7-1.1-3.1c0-4,3-7.7,7.9-7.7 c4.3,0,6.7,2.6,6.7,6.1c0,4.6-2,8.5-5.1,8.5c-1.7,0-2.9-1.4-2.5-3.1c0.5-2,1.4-4.2,1.4-5.7c0-1.3-0.7-2.4-2.2-2.4 c-1.7,0-3.1,1.8-3.1,4.1c0,1.5,0.5,2.5,0.5,2.5s-1.8,7.4-2.1,8.7c-0.3,1.2-0.3,2.6-0.3,3.7C19.9,44.2,16,38.6,16,32 c0-8.8,7.2-16,16-16c8.8,0,16,7.2,16,16C48,40.8,40.8,48,32,48z"/></symbol><symbol id="linkedin-unauth-icon" viewBox="0 0 64 64"><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z"/></symbol><symbol id="linkedin-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M25.8,44h-5.4V26.6h5.4V44z M23.1,24.3c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1 c1.7,0,3.1,1.4,3.1,3.1C26.2,22.9,24.8,24.3,23.1,24.3z M46,44h-5.4v-8.4c0-2,0-4.6-2.8-4.6c-2.8,0-3.2,2.2-3.2,4.5V44h-5.4V26.6 h5.2V29h0.1c0.7-1.4,2.5-2.8,5.1-2.8c5.5,0,6.5,3.6,6.5,8.3V44z"/></symbol><symbol id="houzz-icon" viewBox="0 0 64 64"><path d="M23,42.4l9-5.2L23,32l9-5.2v20.8l9-5.2V21.6l-9,5.2c0,0,0-10.4,0-10.4l-9,5.2V42.4z"></symbol><symbol id="houzz-mask" viewBox="0 0 64 64"><path d="M23,32l9,5.2V26.8L23,32z M0,0v64h64V0H0z M41,42.4l-9,5.2V37.2l-9,5.2V21.6l9-5.2c0,0,0,10.4,0,10.4l9-5.2V42.4z"></symbol><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol></svg>
  11501.  
  11502.  </body>
  11503. </html>
  11504.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda