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="Discover premium interior doors and closet doors at Interior Door &amp; Closet Company. Transform your space with our high-quality doors for a stylish home."/>
  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="Discover premium interior doors and closet doors at Interior Door &amp; Closet Company. Transform your space with our high-quality doors for a stylish home."/>
  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="Discover premium interior doors and closet doors at Interior Door &amp; Closet Company. Transform your space with our high-quality doors for a stylish home."/>
  31. <meta name="description" content="Discover premium interior doors and closet doors at Interior Door &amp; Closet
  32. Company. Transform your space with our high-quality doors for a stylish
  33. home." />
  34. <link rel="preconnect" href="https://images.squarespace-cdn.com">
  35. <link rel="stylesheet" type="text/css" 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">
  36. <script type="text/javascript" crossorigin="anonymous" defer="defer" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
  37. <script type="text/javascript" crossorigin="anonymous" defer="defer" 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-00cf9e34b5c5a78ddac8-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-00cf9e34b5c5a78ddac8-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-6f117db4eb7fd4392375-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-6f117db4eb7fd4392375-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-e94539391642d3b99900-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-e94539391642d3b99900-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-3598b219a3c023c1915a-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-3598b219a3c023c1915a-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-b7826948ae0c27d35476-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
  44. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-b7826948ae0c27d35476-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-da7b0f7a9bd87320c9e6-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
  45. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-da7b0f7a9bd87320c9e6-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-b70b316548c4dbb3e0dd-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
  46. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-b70b316548c4dbb3e0dd-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-f5e166398f68a61e662f-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-9fb16b1675c0ff315dae-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-1bf932b43965a7ee4fbb-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-bb0683614c41f8a11085-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-0e361398b7723c9dc63e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-90bf6109d7f9529faf8a-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-e1c09c17d776634c0edc-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-1c1daec665571378cfc1-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-24b74a0326eae0cd5049-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-6a7d5c6470cfc1bf449f-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-9b3afe7e1d728e639bb7-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-5d5b5f0dfeacb1db15c9-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-42d785ce44de05386309-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-78526f4f990b2c74598f-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-0e361398b7723c9dc63e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-49534988d3b5a2f639b6-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-1afff5aaa776aa33842f-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-8d93ba2c12ff0765b64c-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-953994245c1347b8d72b-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-64b8938cf9ce62400835-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-84d849c1eade7a08d59e-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-1d74306ec409d6fbfb22-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b2bf7df4402e207cd72c-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-3fc66fb91506f355347a-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-4aec27f1bd826750e9db-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-64d89704532437ea6a3b-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-fc4cdbcf05cd6cd955d4-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-b9efee358f56ea8bf33b-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-dcc0462e30efbd6dc562-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-d336028d4348f1d434c0-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-4abf20a9822c9ae76ebd-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-a9eb87c1b73b199ce387-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-177101dab03c3e13f3eb-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-98ee3a678d356d849b76-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-d792c7df445248333ed8-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-e26e971ffd0d3a7d6f4f-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-6dfb472f441e39d78b13-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-b95dcd45aaf3d48318ac-min.en-US.js"}},"pageType":2,"website":{"id":"62df9f96468cac7176a697b8","identifier":"cyan-fennel-hrr2","websiteType":1,"contentModifiedOn":1716418904250,"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,"2":true,"7":true,"8":true,"1":true,"3":true,"6":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":62,"screenname":"Twitter","addedOn":1658840052049,"profileUrl":"https://twitter.com/OCDoors","iconEnabled":true,"serviceName":"twitter-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"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"7072bea07347032358efbf479453ddf548bf42af16cc9e3d8295f11d064eb819","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"},"ampEnabled":false,"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"isRestrictiveCookiePolicyAbsolute":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":""},"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","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/","betaFeatureFlags":["new_stacked_index","order_status_page_checkout_landing_enabled","pdp_subs_otp_buttons","campaigns_import_discounts","pdp_subs_otp_visitor_site","commerce_site_visitor_metrics","campaigns_thumbnail_layout","enable_css_variable_tweaks","campaigns_discount_section_in_blasts","commerce_order_status_access","collection_typename_switching","proposals_ga","google_consent_v2","commerce_paywall_renewal_notifications","website_fonts","commerce_subscription_renewal_notifications","send_local_pickup_ready_email","visitor_react_forms","member_areas_feature","background_art_onboarding","nested_categories","hideable_header_footer_for_memberareas","supports_versioned_template_assets","commerce_clearpay","campaigns_discount_section_in_automations","hideable_header_footer_for_videos","override_block_styles","hideable_header_footer","unify_edit_mode_p2","digital_products_personal_plan_access","commsplat_forms_visitor_profile","hide_header_footer_beta","toggle_preview_new_shortcut","commerce_etsy_product_import","hideable_header_footer_for_courses","marketing_landing_page","fluid_engine_clean_up_grid_contextual_change","scripts_defer","fluid_engine","campaigns_new_image_layout_picker","is_feature_gate_refresh_enabled","crm_redesign_phase_1","campaigns_global_uc_ab","accounting_orders_sync","customer_accounts_email_verification","themes","nested_categories_migration_enabled","crm_product_contacts_use_mfe","customer_account_creation_recaptcha","commerce_etsy_shipping_import","i18n_beta_website_locales"],"videoAssetsFeatureFlags":["mux-data-video-collection","mux-data-course-collection"],"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://twitter.com/OCDoors","https://www.pinterest.com/ocdoors/","https://www.linkedin.com/company/interior-door-and-closet-company/about/"],"@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/1716418904250/","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/183/5c5a519771c10ba3470d8101/62df9f96468cac7176a697f5/1528/site.css"/><style>
  47.  /*body
  48.  {
  49.    overflow: hidden;
  50.    width: 100vw;
  51.    height: 100vh;
  52.  }
  53.  
  54.  .hide-body-loading
  55.  {
  56.    overflow: auto;
  57.    width: auto;
  58.    height: auto;
  59.  }
  60.  
  61.  #loading-screen
  62.  {
  63.    position: fixed;
  64.    display: flex;
  65.    align-items: center;
  66.    justify-content: center;
  67.    width: 100vw;
  68.    height: 100vh;
  69.    z-index: 9999;
  70.    background-color: #FCFCFC;
  71.  }
  72.  #loading-screen.hide-loading
  73.  {
  74.    display: none;
  75.  }
  76.  
  77.  .logo-center
  78.  {
  79.    padding: 1rem 2rem;
  80.  }
  81.  
  82.  .header-nav-list-center
  83.  {
  84.    align-items: center;
  85.  }
  86.  
  87.  #loading-image
  88.  {
  89.    animation: pulse 3s ease-in-out infinite;
  90.  }*/
  91.  
  92.  .arrow-svg
  93.  {
  94.    height: 1em;
  95.    padding-left: 1em;
  96.    fill: currentColor;
  97.    stroke: currentColor;
  98.  }
  99.  
  100.  @keyframes pulse {    
  101.    0%   {transform: scale(1);}
  102.    50%   {transform: scale(2);}
  103.    100%   {transform: scale(1);}
  104.  }
  105. </style>
  106. <!--div id="loading-screen">
  107.  <div id="loading-image">
  108.   <img src="">
  109.  </div>
  110. </div>
  111.  
  112. <script>
  113.  let faviconLink = document.querySelector('link[rel="shortcut icon"]');
  114.  let url = faviconLink.getAttribute('href');
  115.  document.querySelector('#loading-screen img').setAttribute('src', url);
  116.  
  117.  function hideLoadingScreen()
  118.  {
  119.    document.querySelector("#loading-screen").classList.add("hide-loading");
  120.    document.querySelector("body").classList.add("hide-body-loading");
  121.  }
  122.  
  123.  // Hide loading screen after document is ready or after 3 seconds.
  124.  setTimeout(function() {
  125.    setTimeout(hideLoadingScreen, 200);
  126.    let checkLoadState = setInterval(function(){
  127.      if(document.readyState === "complete")
  128.      {
  129.        hideLoadingScreen();
  130.        clearInterval(checkLoadState);
  131.      }
  132.    }, 100);
  133.  }, 2000);
  134. </script-->
  135.  
  136. <!-- Google Tag Manager -->
  137. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  138. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  139. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  140. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  141. })(window,document,'script','dataLayer','GTM-K6TQXN');</script>
  142. <!-- End Google Tag Manager -->
  143. <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  144. <script>
  145.  class SWSSlides {
  146.  constructor(id, data) {
  147.    this.id = id;
  148.    this.target = data.settings.target;
  149.    this.data = data;
  150.    this.slideIndex = 0;
  151.    this.prevSlide = 0;
  152.    this.animationInStyle = null;
  153.    this.animationOutStyle = null;
  154.    this.prevAnimationInStyle = null;
  155.    this.prevAnimationOutStyle = null;
  156.    this.images = [];
  157.  
  158.    this.slideInterval = this.setSlideInterval();
  159.  }
  160.  
  161.  createContainer = (children) => {
  162.    var mainContainer = document.createElement("div");
  163.    mainContainer.setAttribute("id", this.id);
  164.    mainContainer.classList.add("sw-slider-container");
  165.  
  166.    children.forEach((child) => {
  167.      mainContainer.appendChild(child);
  168.    });
  169.  
  170.    return mainContainer;
  171.  };
  172.  
  173.  createSlides = () => {
  174.    // Get parent object where to attached the objects
  175.    // var parent = document.currentScript.parentElement;
  176.    var galleryContainer = document.getElementsByClassName("sqs-gallery-container")[
  177.      this.target
  178.    ];
  179.  
  180.  
  181.    if (galleryContainer !== undefined) {
  182.      //get Images
  183.      var images = galleryContainer.getElementsByTagName("img");
  184.      for (var img of images) {
  185.        this.images.push(img.getAttribute("data-src"));
  186.      }
  187.      var arrows = this.createArrows();
  188.      // 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"})
  189.      var content = this.createContent({
  190.        title: "Interior Door & Closet Company",
  191.        description: "An Interior Door upgrade is the most cost effective way to transform the look of every room in your home.",
  192.        buttonText: "See Our Products",
  193.        contactNumber: "(714) 895-5100",
  194.        buttonUrl: "/products",
  195.      });
  196.      var imageSlide = this.createImageSlides(this.images);
  197.      var container = this.createContainer([content, imageSlide, arrows]);
  198.  
  199.      var parent = galleryContainer.parentNode;
  200.      parent.style.width = "100%";
  201.      parent.style.height = "100%";
  202.      parent.removeChild(galleryContainer)
  203.      parent.appendChild(container);
  204.    }
  205.  };
  206.  
  207.  createContent = ({ title, description, buttonText, buttonUrl, contactNumber}) => {
  208.    var contentContainer = document.createElement("div");
  209.    contentContainer.classList.add("sw-content-container");
  210.    var contentBox = document.createElement("div");
  211.    contentBox.classList.add("sw-content-box");
  212.    //Add objects to content box.
  213.    var contentHeader = document.createElement("h1");
  214.    contentHeader.classList.add("sw-content-header");
  215.    contentHeader.innerHTML = title;
  216.    var contentText = document.createElement("span");
  217.    contentText.classList.add("sw-content-text");
  218.    contentText.innerHTML = description;
  219.    var contentButtonContainer = document.createElement("div");
  220.    contentButtonContainer.classList.add("sw-content-button-container");
  221.    var contentButton = document.createElement("a");
  222.    contentButton.classList.add("sw-content-button");
  223.    contentButton.innerHTML = buttonText;
  224.    contentButton.href = buttonUrl;
  225.    contentButtonContainer.appendChild(contentButton);
  226.    
  227.    var contentContactContainer = document.createElement("div");    
  228.    var contactNumberLink = document.createElement("a");
  229.    contactNumberLink.href = "tel:(714) 895-5100";
  230.    contactNumberLink.innerText = "☎ (714) 895-5100";
  231.    contentContactContainer.appendChild(contactNumberLink);
  232.    contentContactContainer.classList.add("sw-content-contact-number");
  233.    
  234.    contentBox.appendChild(contentHeader);
  235.    contentBox.appendChild(contentText);
  236.    contentBox.appendChild(contentButtonContainer);
  237.    contentBox.appendChild(contentContactContainer);
  238.    console.log(contentContactContainer);
  239.  
  240.    contentContainer.appendChild(contentBox);
  241.    return contentContainer;
  242.  };
  243.  
  244.  createImageSlides = (slides) => {
  245.    var imageContainer = document.createElement("div");
  246.    imageContainer.classList.add("sw-image-container");
  247.    slides.forEach((slide, index) => {
  248.      var imageSlide = document.createElement("div");
  249.      imageSlide.classList.add("sw-image-slide");
  250.      imageSlide.classList.add(
  251.        index === 0 ? "sw-image-slide-show" : "sw-image-slide-hidden"
  252.      );
  253.      imageSlide.style.backgroundImage = `url(${slide.trim()})`;
  254.      imageSlide.innerHTML = "&nbsp;";
  255.      imageContainer.appendChild(imageSlide);
  256.    });
  257.  
  258.    return imageContainer;
  259.  };
  260.  
  261.  createArrows = () => {
  262.    var arrowContainer = document.createElement("div");
  263.    arrowContainer.classList.add("sw-arrow-container");
  264.    var previousArrow = document.createElement("div");
  265.    previousArrow.classList.add("sw-arrow-previous");
  266.    previousArrow.onclick = () => {
  267.      this.moveSlide(-1, this.data.settings.interval);
  268.    };
  269.  
  270.    previousArrow.innerHTML = "&#10094;";
  271.    var nextArrow = document.createElement("div");
  272.    nextArrow.classList.add("sw-arrow-next");
  273.    nextArrow.onclick = () => {
  274.      this.moveSlide(1, this.data.settings.interval);
  275.    };
  276.    nextArrow.innerHTML = "&#10095;";
  277.  
  278.    arrowContainer.appendChild(previousArrow);
  279.    arrowContainer.appendChild(nextArrow);
  280.  
  281.    return arrowContainer;
  282.  };
  283.  
  284.  // Logic for moving slides
  285.  moveSlide = (n) => {
  286.    clearInterval(this.slideInterval);
  287.    this.slideInterval = this.setSlideInterval();
  288.    this.plusSlides(n);
  289.  };
  290.  
  291.  setSlideInterval = () => {
  292.    if (
  293.      this.data !== undefined &&
  294.      this.data.settings !== undefined &&
  295.      this.data.settings.interval > 0
  296.    ) {
  297.      return setInterval(() => {
  298.        this.plusSlides(1);
  299.      }, this.data.settings.interval * 1000);
  300.    }
  301.  };
  302.  
  303.  // Next/previous controls
  304.  plusSlides = (n) => {
  305.    this.showSlides((this.slideIndex += n));
  306.  };
  307.  
  308.  determineSlideAnimation = (direction, style) => {
  309.    var inAnimation = null;
  310.    var outAnimation = null;
  311.    switch (style?.toLowerCase()) {
  312.      case "fade": {
  313.        inAnimation = "sw-fade-in-slide";
  314.        outAnimation = "sw-fade-out-slide";
  315.        break;
  316.      }
  317.      case "blur": {
  318.        inAnimation = "sw-slide-blur-in";
  319.        outAnimation = "sw-slide-blur-out";
  320.        break;
  321.      }
  322.      default: {
  323.        if (direction === "left") {
  324.          inAnimation = "sw-right-to-left-in-slide-left";
  325.          outAnimation = "sw-right-to-left-out-slide-left";
  326.        } else {
  327.          inAnimation = "sw-right-to-left-in-slide-right";
  328.          outAnimation = "sw-right-to-left-out-slide-right";
  329.        }
  330.        break;
  331.      }
  332.    }
  333.  
  334.    return {
  335.      inAnimation,
  336.      outAnimation,
  337.    };
  338.  };
  339.  
  340.  showSlides = (n) => {
  341.    var container = document.getElementById(this.id);
  342.    var i;
  343.    var direction = "forward";
  344.    var slides = container.getElementsByClassName("sw-image-slide");
  345.    var slideContents = container.getElementsByClassName(
  346.      "sw-content-container"
  347.    );
  348.    var dots = container.getElementsByClassName("sw-arrow-container");
  349.  
  350.    // Determine direction
  351.    if (n > this.prevSlide) {
  352.      direction = "left";
  353.    } else {
  354.      direction = "right";
  355.    }
  356.  
  357.    if (n >= slides.length) {
  358.      this.slideIndex = 0;
  359.    }
  360.    if (n < 0) {
  361.      this.slideIndex = slides.length - 1;
  362.    }
  363.  
  364.    this.prevAnimationInStyle = this.animationInStyle;
  365.    this.prevAnimationOutStyle = this.animationOutStyle;
  366.  
  367.    ({
  368.      inAnimation: this.animationInStyle,
  369.      outAnimation: this.animationOutStyle,
  370.    } = this.determineSlideAnimation(direction, data.settings.slideAnimation));
  371.  
  372.    // hide content settings to properly animate
  373.    // slideContents[this.prevSlide].style.display = "none";
  374.  
  375.    for (i = 0; i < dots.length; i++) {
  376.      dots[i].classList.remove("sw-slides-dot-active");
  377.    }
  378.  
  379.    if (slides.length > 0) {
  380.      // remove previous animations
  381.      for (i = 0; i < slides.length; i++) {
  382.        slides[i].classList.remove(this.prevAnimationInStyle);
  383.        slides[i].classList.remove(this.prevAnimationOutStyle);
  384.        if (i === this.slideIndex) {
  385.          slides[i].classList.remove("sw-image-slide-hidden");
  386.          slides[i].classList.add("sw-image-slide-show");
  387.          slides[i].classList.remove(this.animationOutStyle);
  388.          slides[i].classList.add(this.animationInStyle);
  389.        } else {
  390.          if (i === this.prevSlide) {
  391.            slides[i].classList.add(this.animationOutStyle);
  392.            slides[i].classList.remove(this.animationInStyle);
  393.          } else {
  394.            slides[i].classList.add("sw-image-slide-hidden");
  395.            slides[i].classList.remove("sw-image-slide-show");
  396.          }
  397.        }
  398.      }
  399.    }
  400.  
  401.    this.prevSlide = this.slideIndex;
  402.  };
  403. }
  404.  
  405. function createBC() {
  406.  $(document).ready(function () {
  407.    const href = window.location.href
  408.    let jsonURL = (href.includes("?") ? href.substring(0,href.lastIndexOf("?")) : href) + "?format=json-pretty";
  409.    var siteData = null;
  410.      $.ajax({
  411.        url: jsonURL,
  412.        type: "GET",
  413.        dataType: "text",
  414.        success: function (data) {
  415.          siteData = JSON.parse(data);
  416.          const paths = siteData.collection.urlId.split("/");
  417.          let pathUrl = siteData.website.baseUrl;
  418.          let pathLinks = [
  419.            {
  420.              title: "Home",
  421.              url: "/",
  422.            },
  423.          ];
  424.  
  425.          if (siteData && !siteData.collection.homepage) {
  426.            let nLinks = paths.length;
  427.            for (let i = 0; i < paths.length; i++) {
  428.              let pathData = null;
  429.              pathUrl += "/" + paths[i];
  430.              pathLinks.push({
  431.                title: "",
  432.                url: paths[i],
  433.              });
  434.              $.ajax({
  435.                url: pathUrl + "?format=json-pretty",
  436.                type: "GET",
  437.                dataType: "text",
  438.                success: function (rootData) {
  439.                  pathData = JSON.parse(rootData);
  440.  
  441.                  // Update Path Links
  442.                  let pathLink = pathLinks.find((pathLink) => {
  443.                    return pathLink.url === paths[i];
  444.                  });
  445.                  
  446.                  if (pathLink) {
  447.                    pathLink.title = pathData.collection.title;
  448.                    pathLink.url = pathData.collection.fullUrl;
  449.                  }
  450.                  --nLinks;
  451.                  if (nLinks === 0) {
  452.                    createBRElements(siteData.collection.title, pathLinks);
  453.                  }
  454.                },
  455.              });
  456.            }
  457.          }
  458.        },
  459.      });
  460.  });
  461. }
  462.  
  463. function createBRElements(pageTitle, pathLinks) {
  464.  var bcContainer = document.createElement("div");
  465.  bcContainer.classList.add("sw-bc-container");
  466.  var title = document.createElement("h1");
  467.  var pathContainer = document.createElement("div");
  468.  pathContainer.classList.add("sw-bc-nav");
  469.  title.innerHTML = pageTitle;
  470.  
  471.  var paths = createParentPath(pathLinks);
  472.  for (var i = 0; i < paths.length-1; i++) {
  473.    pathContainer.appendChild(paths[i]);
  474.  }
  475.  
  476.  const titleElement = document.querySelector(".sw-bc-container h1")
  477.  if (titleElement) titleElement.innerHTML = pageTitle;
  478.  const navLinksContainer = document.querySelector("#bc-nav-links")
  479.  if (navLinksContainer) navLinksContainer.appendChild(pathContainer);
  480.  
  481.  const bcContainerParent = document.querySelector(".sw-bc-container")?.parentElement?.parentElement;
  482.  
  483.  if(bcContainerParent) {
  484.    bcContainerParent.style.display = "flex";
  485.    bcContainerParent.style.alignItems = "center";
  486.    bcContainerParent.style.justifyContent = "center";
  487.  }
  488. }
  489.  
  490. function createParentPath(pathLinks) {
  491.  var paths = [];
  492.  for (var i = 0; i < pathLinks.length-1; i++) {
  493.    var pathElement;
  494.    var separator = document.createElement("span");
  495.    separator.innerHTML = "/";
  496.    if (pathLinks[i].url) {
  497.      pathElement = document.createElement("a");
  498.      pathElement.classList.add("sw-bc-path")
  499.      pathElement.innerHTML = pathLinks[i].title;
  500.      pathElement.href = pathLinks[i].url;
  501.    } else {
  502.      pathElement = document.createElement("span");
  503.      pathElement.innerHTML = pathLinks[i].title;
  504.    }
  505.    paths.push(pathElement);
  506.    if (i+1 < pathLinks.length) paths.push(separator);
  507.  }
  508.  
  509.  return paths;
  510. }
  511.  
  512. function swDecorateImage(id) {
  513.  var imageBlock = document.getElementById(id);
  514.  if (imageBlock) {
  515.    imageBlock.classList.add("sw-image-decor");
  516.    imageBlock.parentElement.classList.add("sw-image-decor-container");
  517.  }
  518. }
  519.  
  520. function swModifyTestimonialSlide(id) {
  521.  var testimonialSlideContainer = $(id);
  522.  
  523.  var leftButton = testimonialSlideContainer.find(
  524.    ".user-items-list-carousel__arrow-button--left"
  525.  );
  526.  
  527.  var rightButton = testimonialSlideContainer.find(
  528.    ".user-items-list-carousel__arrow-button--right"
  529.  );
  530.  
  531.  var buttonContainer = testimonialSlideContainer.find(
  532.    ".arrows-bottom"
  533.  );
  534.  
  535.  leftButton.css("border-radius", "0px");
  536.  leftButton.css("width", "unset");
  537.  leftButton.empty();
  538.  leftButton.append($("<div>&#10094;</div>").addClass("sw-arrow-previous"));
  539.  rightButton.css("border-radius", "0px");
  540.  rightButton.css("width", "unset");
  541.  rightButton.empty();
  542.  rightButton.append($("<div>&#10095;</div>").addClass("sw-arrow-next"));
  543.  buttonContainer.css("grid-gap", "0px");
  544.  
  545.  // Modify radius
  546.  testimonialSlideContainer.find(".user-items-list-carousel__slide").css("border-radius","2rem");
  547.  
  548.  // Get mobile arrows
  549.  var mobileLeft = testimonialSlideContainer.find(".mobile-arrow-button--left");
  550.  mobileLeft.empty();
  551.  mobileLeft.append($("<div>&#10094;</div>").addClass("sw-arrow-previous"));
  552.  mobileLeft.css("width", "unset");
  553.  mobileLeft.css("border-radius", "0px");
  554.  mobileLeft.css("margin", "0px");
  555.  var mobileRight = testimonialSlideContainer.find(".mobile-arrow-button--right");
  556.  mobileRight.empty();
  557.  mobileRight.append($("<div>&#10095;</div>").addClass("sw-arrow-next"));
  558.  mobileRight.css("width", "unset");
  559.  mobileRight.css("border-radius", "0px");
  560.  mobileRight.css("margin", "0px");
  561. }
  562.  
  563. function createTopAction() {
  564.  $(document).ready(function () {  
  565.    // change folder href
  566.    var folderNav = document.querySelector(".header-nav").getElementsByClassName("header-nav-folder-title")
  567.    for(let i=0;i < folderNav.length;i++)
  568.    {
  569.      const folderIndex = folderNav[i].href.indexOf("-folder")
  570.      const newHref = folderNav[i].href.substring(0,folderIndex);
  571.      folderNav[i].href = newHref;
  572.      folderNav[i].addEventListener("click", () => {window.location.href =  newHref});
  573.    }
  574.    
  575.    // relocate actions
  576.   const headerTitalNavWrapper = document.querySelector(".header-title-nav-wrapper");
  577.    var headerDesktopContainer = document.createElement("div");
  578.    headerDesktopContainer.classList.add("header-desktop-container");
  579.    var headerActions = document.getElementsByClassName("header-actions")[0];
  580.    var headerActionsCloned = null;
  581.    if (headerActions !== undefined) {
  582.      headerActions.style.display = "flex";
  583.      headerActionsCloned = headerActions.cloneNode(true);
  584.    }
  585.  
  586.    var headerNav = document.getElementsByClassName(
  587.      "header-display-desktop"
  588.    )[0];
  589.    headerNav.removeChild(headerActions);
  590.    var headerNavCloned = headerNav.cloneNode(true);
  591.    if (headerNav !== undefined && headerActionsCloned) {
  592.      var parentNode = headerNav.parentNode;
  593.    
  594.    headerNav.insertBefore(headerActionsCloned, headerTitalNavWrapper);
  595.    }
  596.  
  597.    const href = window.location.href
  598.    var jsonURL = href.substring(0,href.lastIndexOf("/")) + "?format=json-pretty";
  599.                                                      
  600.    var siteData = null;
  601.    $.ajax({
  602.      url: jsonURL,
  603.      type: "GET",
  604.      dataType: "text",
  605.      success: function (data) {
  606.        siteData = JSON.parse(data.replace("<!doctype html>",""));
  607.        var divPhoneEmailContainer = document.createElement("div");
  608.        var linkPhone = document.createElement("a");
  609.        var divPhoneIcon = document.createElement("div");
  610.        var divPhoneText = document.createElement("div");
  611.        var linkEmail = document.createElement("a");
  612.        var divEmailIcon = document.createElement("div");
  613.        var divEmailText = document.createElement("div");
  614.        divPhoneIcon.innerHTML = "&#9742;";
  615.        divEmailIcon.innerHTML = "&#9993;";
  616.        divPhoneText.innerHTML = siteData.websiteSettings.contactPhoneNumber ?? "(888) 287-4211";
  617.        divEmailText.innerHTML = siteData.websiteSettings.contactEmail ?? "interiordoorandcloset.com";
  618.        linkPhone.href = "tel:" + (siteData.websiteSettings.contactPhoneNumber ? siteData.websiteSettings.contactPhoneNumber : "(888) 287-4211");
  619.        linkEmail.href = "mailto:" + (siteData.websiteSettings.contactEmail ? siteData.websiteSettings.contactEmail : "interiordoorandcloset.com");
  620.        linkPhone.classList.add("sw-navigation-actions-item");
  621.        linkEmail.classList.add("sw-navigation-actions-item");
  622.        divPhoneIcon.classList.add("sw-navigation-actions-icon");
  623.        divEmailIcon.classList.add("sw-navigation-actions-icon");
  624.        linkPhone.appendChild(divPhoneIcon);
  625.        linkPhone.appendChild(divPhoneText);
  626.        linkEmail.appendChild(divEmailIcon);
  627.        linkEmail.appendChild(divEmailText);
  628.        divPhoneEmailContainer.appendChild(linkPhone);
  629.        divPhoneEmailContainer.appendChild(linkEmail);
  630.        divPhoneEmailContainer.classList.add("sw-navigation-actions-top");
  631.        headerActionsCloned.insertBefore(divPhoneEmailContainer, headerActionsCloned.firstChild);
  632.      },
  633.    });
  634.  });
  635. }
  636.  
  637. class SWGalleryPagination {
  638.  constructor() {
  639.    this.currentPage = 1;
  640.    this.itemsPerPage = 12;
  641.    this.imageCount = 0;
  642.    this.pageCount = 0;
  643.  }
  644.  
  645.  initGalleryLabels() {
  646.    setTimeout(() => {
  647.      this.addLabels();
  648.    }, 2000);
  649.  }
  650.  initGalleryPage() {
  651.    // Hook body on resize
  652.    document.body.onresize = () => {
  653.      this.setFluidContainerHeight();
  654.    };
  655.  
  656.    setTimeout(() => {
  657.      this.hideImages();
  658.      this.createPageButtons();
  659.      this.setFluidContainerHeight();
  660.    }, 2000);
  661.  }
  662.  
  663.  addLabelToLightBox()
  664.  {
  665.    const lightBoxDiv = document.querySelectorAll(".sqs-lightbox-slide");
  666.    for (let i = 0; i < lightBoxDiv.length; i++)
  667.    {
  668.      const lightBoxLabel = lightBoxDiv[i].querySelector(".sw-gallery-lightbox-label");
  669.      if (lightBoxLabel === null)
  670.      {
  671.        const imageSrc = lightBoxDiv[i].querySelector("img").getAttribute("data-image");
  672.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  673.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  674.        const spanLabel = document.createElement("span");
  675.        spanLabel.classList.add("sw-gallery-lightbox-label");
  676.        spanLabel.innerHTML = "#" + (i+1) + " " + label.replaceAll("+"," ");
  677.        lightBoxDiv[i].append(spanLabel);
  678.      }
  679.    }
  680.  }
  681.  
  682.  addLabels() {
  683.    var galleryBlock = document.getElementsByClassName("sqs-block-gallery")[0];
  684.    setTimeout(() => {
  685.      galleryBlock.style.setProperty('display', 'block', 'important');
  686.    }, 500);
  687.   document.addEventListener("scroll", () => {
  688.      galleryBlock.style.setProperty('display', 'block', 'important');
  689.    });
  690.    
  691.    var imageList = document.getElementsByClassName(
  692.      "sqs-gallery-design-grid-slide"
  693.    );
  694.  
  695.    for (let i = 0; i < imageList.length; i++) {
  696.      const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label");
  697.      //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide");
  698.      
  699.      if(imageLabelClass === null)
  700.      {
  701.     const imageLink = imageList[i].querySelector("a");
  702.        const imageSrc = imageList[i].querySelector("img").getAttribute("data-image");
  703.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  704.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  705.        const spanLabel = document.createElement("span");
  706.        spanLabel.classList.add("sw-gallery-image-label");
  707.        spanLabel.innerHTML = label.replaceAll("+"," ");
  708.        const spanNumber = document.createElement("span");
  709.        spanNumber.innerHTML = "#" + (i+1);
  710.        spanNumber.classList.add("sw-gallery-image-number");
  711.        imageLink.style.position = "relative";
  712.       imageLink.append(spanLabel);
  713.       imageLink.append(spanNumber);
  714.        imageLink.addEventListener("click", this.addLabelToLightBox);
  715.      }
  716.    }
  717.  }
  718.  
  719.  hideImages() {
  720.    
  721.    var imageList = document.getElementsByClassName(
  722.      "sqs-gallery-design-grid-slide"
  723.    );
  724.  
  725.    var lowerLimit = (this.currentPage - 1) * this.itemsPerPage;
  726.    var upperLimit = this.currentPage * this.itemsPerPage;
  727.    this.imageCount = imageList.length;
  728.    for (let i = 0; i < imageList.length; i++) {
  729.      const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label");
  730.      //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide");
  731.      
  732.      if(imageLabelClass === null)
  733.      {
  734.     const imageLink = imageList[i].querySelector("a");
  735.        const imageSrc = imageList[i].querySelector("img").getAttribute("data-image");
  736.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  737.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  738.        const spanLabel = document.createElement("span");
  739.        spanLabel.classList.add("sw-gallery-image-label");
  740.        spanLabel.innerHTML = label.replaceAll("+"," ");
  741.        const spanNumber = document.createElement("span");
  742.        spanNumber.innerHTML = "#" + (i+1);
  743.        spanNumber.classList.add("sw-gallery-image-number");
  744.        imageLink.style.position = "relative";
  745.       imageLink.append(spanLabel);
  746.       imageLink.append(spanNumber);
  747.        imageLink.addEventListener("click", this.addLabelToLightBox);
  748.      }
  749.      
  750.      if (i >= lowerLimit && i < upperLimit) {
  751.        imageList[i].style.cssText = 'display:initial !important';
  752.      } else {
  753.        imageList[i].style.cssText = 'display:none !important';
  754.      }
  755.    }
  756.  
  757.    var pages = document.getElementsByClassName("sw-gallery-page-item");
  758.    var fillers = document.getElementsByClassName("sw-gallery-page-filler");
  759.  
  760.    for (var i = 0; i < pages?.length; i++) {
  761.      pages[i].style.display = "flex";
  762.      var pageNumber = i + 1;
  763.      if (pageNumber === this.currentPage) {
  764.        pages[i].classList.add("sw-gallery-page-item-active");
  765.        pages[i].style.display = "flex";
  766.      } else {
  767.        pages[i].classList?.remove("sw-gallery-page-item-active");
  768.      }
  769.    }
  770.  
  771.    if (this.pageCount > 5) {
  772.      if (this.currentPage >= 4) {
  773.        fillers[0].style.display = "flex";
  774.      } else {
  775.        fillers[0].style.display = "none";
  776.      }
  777.  
  778.      if (this.currentPage + 2 >= this.pageCount) {
  779.        fillers[1].style.display = "none";
  780.  
  781.        for (var i = pages.length - 5; i > 0; i--) {
  782.          pages[i].style.display = "none";
  783.        }
  784.      } else {
  785.        fillers[1].style.display = "flex";
  786.  
  787.        for (var i = 4; i < pages.length - 1; i++) {
  788.          pages[i].style.display = "none";
  789.        }
  790.      }
  791.    }
  792.  }
  793.  
  794.  createPageButtons() {
  795.    var galleryContainer =
  796.      document.getElementsByClassName("sqs-block-gallery")[0];
  797.  
  798.    var pageContainer = document.createElement("div");
  799.    pageContainer.classList.add("sw-gallery-page-container");
  800.  
  801.    var previousArrow = document.createElement("div");
  802.    previousArrow.classList.add("sw-arrow-previous");
  803.    previousArrow.onclick = () => {
  804.      this.movePageNumber(this.currentPage - 1);
  805.    };
  806.    previousArrow.innerHTML = "&#10094;";
  807.  
  808.    var nextArrow = document.createElement("div");
  809.    nextArrow.classList.add("sw-arrow-next");
  810.    nextArrow.onclick = () => {
  811.      this.movePageNumber(this.currentPage + 1);
  812.    };
  813.    nextArrow.innerHTML = "&#10095;";
  814.    pageContainer.appendChild(previousArrow);
  815.  
  816.    this.pageCount = Math.trunc(this.imageCount / this.itemsPerPage) + 1;
  817.  
  818.    var fillerGapLeft = document.createElement("div");
  819.    fillerGapLeft.classList.add("sw-gallery-page-filler");
  820.    fillerGapLeft.style.display = "none";
  821.    fillerGapLeft.innerHTML = "...";
  822.    var fillerGapRight = document.createElement("div");
  823.    fillerGapRight.classList.add("sw-gallery-page-filler");
  824.    fillerGapRight.innerHTML = "...";
  825.  
  826.    for (var i = 0; i < this.pageCount; i++) {
  827.      const pageNumber = i + 1;
  828.      let pageNumberElement = document.createElement("div");
  829.      pageNumberElement.classList.add("sw-gallery-page-item");
  830.      if (i + 1 === this.currentPage)
  831.        pageNumberElement.classList.add("sw-gallery-page-item-active");
  832.        
  833.      pageNumberElement.innerHTML = pageNumber;
  834.      pageNumberElement.onclick = () => {
  835.        this.movePageNumber(pageNumber);
  836.      };
  837.  
  838.      pageContainer.appendChild(pageNumberElement);
  839.  
  840.      if (this.pageCount > 5) {
  841.        if (pageNumber === 1) {
  842.          pageContainer.appendChild(fillerGapLeft);
  843.        } else if (pageNumber + 1 === this.pageCount) {
  844.          pageContainer.appendChild(fillerGapRight);
  845.        }
  846.  
  847.        if (pageNumber > 4 && pageNumber !== this.pageCount) {
  848.          pageNumberElement.style.display = "none";
  849.        }
  850.      }
  851.    }
  852.    pageContainer.appendChild(nextArrow);
  853.  
  854.    if (this.pageCount > 1) {
  855.      galleryContainer.appendChild(pageContainer);
  856.    }
  857.  }
  858.  
  859.  setFluidContainerHeight() {
  860.    // Set height fluid container
  861.    const fluidContainer =
  862.      document.getElementsByClassName("sqs-block-gallery")[0].parentElement
  863.        .parentElement;
  864.    const galleryContainer =
  865.      document.getElementsByClassName("sqs-block-gallery")[0].parentElement;
  866.    const itemHeight = document.getElementsByClassName(
  867.      "sqs-gallery-design-grid-slide"
  868.    )[0].offsetHeight;
  869.  
  870.    const pageContainerHeight = document.getElementsByClassName(
  871.      "sw-gallery-page-container"
  872.    )[0]?.offsetHeight;
  873.  
  874.    const multiplier = document.body.offsetWidth < 768 ? 6 : 3;
  875.    let newHeight = itemHeight * multiplier + (pageContainerHeight ?? 0)
  876.  
  877.    // Get heading and title
  878.    var textElements = fluidContainer.getElementsByClassName("html-block");
  879.    for(var i=0; i < textElements?.length; i++)
  880.    {
  881.        newHeight += textElements[i].offsetHeight;
  882.    }
  883.  
  884.    newHeight = (newHeight + 200) + "px";
  885. console.log(newHeight);
  886.    galleryContainer.style.height = newHeight;
  887.  
  888.    fluidContainer.style.height = newHeight;
  889.    const contentWrapper = document.getElementsByClassName("sqs-block-gallery")[0].parentElement.parentElement.parentElement;
  890.    
  891.    contentWrapper.style.height = newHeight;
  892.  }
  893.  
  894.  movePageNumber(pageNumber) {
  895.    if (pageNumber < 1) pageNumber = 1;
  896.    else if (pageNumber > this.pageCount) pageNumber = this.pageCount;
  897.  
  898.    if (this.currentPage !== pageNumber) {
  899.      this.currentPage = pageNumber;
  900.      this.hideImages();
  901.    }
  902.  }
  903. }
  904.        
  905. </script>
  906. <style>
  907.  .header-actions
  908.  {
  909.    display: none;
  910.  }
  911. </style>
  912. <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /><script defer>
  913.   const data = {
  914.                        settings: {
  915.                            interval: 5,
  916.                            target: 0,
  917.                            slideAnimation: "fade",
  918.                        }
  919.                    }
  920.  
  921.                    let slides = new SWSSlides("hero-slide", data);
  922.                    
  923.                    $(document).ready(function () {
  924.                        slides.createSlides();
  925.                      
  926.    swDecorateImage("block-984b0e07179ef614a1c6");
  927.                      swModifyTestimonialSlide('[data-section-id="62e7b6368b3184307aa195d5"]');
  928.                    });
  929. </script>
  930.  
  931. <style>
  932.  
  933. section[data-section-id="62e7a6759f6aeb2bb6a015ff"] .sqs-block-image
  934. {
  935.  background-color: white !important;
  936. }
  937.  
  938.  /* mobile */
  939. @media screen and (max-width:767px) {
  940.  section[data-section-id="62e7b6368b3184307aa195d5"]
  941.  {
  942.    padding-left: 1rem;
  943.    padding-right: 1rem;
  944.  }
  945. }
  946.  
  947. </style><script>Static.COOKIE_BANNER_CAPABLE = true;</script>
  948. <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 -->
  949.    
  950.      <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1716308142457-NTLQBPORVVYGYH5NWZVQ/static.css">
  951.    
  952.  </head>
  953.  
  954.  <body
  955.    id="collection-62dfa072528d6a3af1025340"
  956.    class="
  957.      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 tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-product-subscription-display-radio tweak-product-basic-item-product-subscription-border-shape-square tweak-product-basic-item-width-full tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-breadcrumbs tweak-product-basic-item-description-position-below-price tweak-product-basic-item-description-position-mobile-below-add-to-cart-button tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-slideshow tweak-product-basic-item-gallery-placement-left tweak-product-basic-item-thumbnail-placement-side tweak-product-basic-item-click-action-none tweak-product-basic-item-hover-action-none tweak-product-basic-item-variant-picker-layout-dropdowns tweak-product-basic-item-add-to-cart-standalone tweak-product-basic-item-add-to-cart-mobile-standalone tweak-products-width-full tweak-products-image-aspect-ratio-23-standard-vertical tweak-products-text-alignment-left  tweak-products-price-show tweak-products-nested-category-type-top tweak-products-category-title tweak-products-header-text-alignment-middle tweak-products-breadcrumbs 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
  958.      
  959.        show-pdp-subs-otp
  960.      
  961.      
  962.        pdp_subs_otp_buttons_enabled
  963.      
  964.      
  965.      
  966.        
  967.          
  968.            
  969.              
  970.            
  971.          
  972.        
  973.      
  974.    "
  975.    tabindex="-1"
  976.  >
  977.    <div
  978.      id="siteWrapper"
  979.      class="clearfix site-wrapper"
  980.    >
  981.      
  982.        <div id="floatingCart" class="floating-cart hidden">
  983.          <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
  984.            <span class="Cart-inner">
  985.              
  986.  
  987.  
  988.  
  989.  <svg class="icon icon--cart" viewBox="0 0 31 24">
  990.  <g class="svg-icon cart-icon--odd">
  991.    <circle fill="none" stroke-miterlimit="10" cx="22.5" cy="21.5" r="1"/>
  992.    <circle fill="none" stroke-miterlimit="10" cx="9.5" cy="21.5" r="1"/>
  993.    <path fill="none" stroke-miterlimit="10" d="M0,1.5h5c0.6,0,1.1,0.4,1.1,1l1.7,13
  994.      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"/>
  995.  </g>
  996. </svg>
  997.  
  998.              <div class="legacy-cart icon-cart-quantity">
  999.                <span class="sqs-cart-quantity">0</span>
  1000.              </div>
  1001.            </span>
  1002.          </a>
  1003.        </div>
  1004.      
  1005.  
  1006.      
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  <header
  1025.    data-test="header"
  1026.    id="header"
  1027.    
  1028.    class="
  1029.      
  1030.        white
  1031.      
  1032.      header theme-col--primary
  1033.    "
  1034.    data-section-theme="white"
  1035.    data-controller="Header"
  1036.    data-current-styles="{
  1037. &quot;layout&quot;: &quot;navRight&quot;,
  1038. &quot;action&quot;: {
  1039. &quot;href&quot;: &quot;/donate&quot;,
  1040. &quot;buttonText&quot;: &quot;Donate&quot;,
  1041. &quot;newWindow&quot;: false
  1042. },
  1043. &quot;showSocial&quot;: true,
  1044. &quot;socialOptions&quot;: {
  1045. &quot;socialBorderShape&quot;: &quot;none&quot;,
  1046. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  1047. &quot;socialBorderThickness&quot;: {
  1048. &quot;unit&quot;: &quot;px&quot;,
  1049. &quot;value&quot;: 1.0
  1050. }
  1051. },
  1052. &quot;sectionTheme&quot;: &quot;white&quot;,
  1053. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  1054. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  1055. &quot;cartStyle&quot;: &quot;cart&quot;,
  1056. &quot;cartText&quot;: &quot;Cart&quot;,
  1057. &quot;showEmptyCartState&quot;: true,
  1058. &quot;cartOptions&quot;: {
  1059. &quot;iconType&quot;: &quot;stroke-1&quot;,
  1060. &quot;cartBorderShape&quot;: &quot;none&quot;,
  1061. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  1062. &quot;cartBorderThickness&quot;: {
  1063. &quot;unit&quot;: &quot;px&quot;,
  1064. &quot;value&quot;: 1.0
  1065. }
  1066. },
  1067. &quot;showButton&quot;: false,
  1068. &quot;showCart&quot;: false,
  1069. &quot;showAccountLogin&quot;: false,
  1070. &quot;headerStyle&quot;: &quot;theme&quot;,
  1071. &quot;languagePicker&quot;: {
  1072. &quot;enabled&quot;: false,
  1073. &quot;iconEnabled&quot;: false,
  1074. &quot;iconType&quot;: &quot;globe&quot;,
  1075. &quot;flagShape&quot;: &quot;shiny&quot;,
  1076. &quot;languageFlags&quot;: [ ]
  1077. },
  1078. &quot;mobileOptions&quot;: {
  1079. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  1080. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  1081. &quot;menuIconOptions&quot;: {
  1082. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  1083. &quot;thickness&quot;: {
  1084. &quot;unit&quot;: &quot;px&quot;,
  1085. &quot;value&quot;: 3.0
  1086. }
  1087. }
  1088. },
  1089. &quot;dynamicOptions&quot;: {
  1090. &quot;border&quot;: {
  1091. &quot;enabled&quot;: false,
  1092. &quot;position&quot;: &quot;allSides&quot;,
  1093. &quot;thickness&quot;: {
  1094. &quot;unit&quot;: &quot;px&quot;,
  1095. &quot;value&quot;: 4.0
  1096. },
  1097. &quot;color&quot;: {
  1098. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1099. &quot;sitePaletteColor&quot;: {
  1100. &quot;colorName&quot;: &quot;black&quot;,
  1101. &quot;alphaModifier&quot;: 1.0
  1102. }
  1103. }
  1104. }
  1105. },
  1106. &quot;solidOptions&quot;: {
  1107. &quot;headerOpacity&quot;: {
  1108. &quot;unit&quot;: &quot;%&quot;,
  1109. &quot;value&quot;: 100.0
  1110. },
  1111. &quot;border&quot;: {
  1112. &quot;enabled&quot;: false,
  1113. &quot;position&quot;: &quot;allSides&quot;,
  1114. &quot;thickness&quot;: {
  1115. &quot;unit&quot;: &quot;px&quot;,
  1116. &quot;value&quot;: 4.0
  1117. },
  1118. &quot;color&quot;: {
  1119. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1120. &quot;sitePaletteColor&quot;: {
  1121. &quot;colorName&quot;: &quot;black&quot;,
  1122. &quot;alphaModifier&quot;: 1.0
  1123. }
  1124. }
  1125. },
  1126. &quot;dropShadow&quot;: {
  1127. &quot;enabled&quot;: false,
  1128. &quot;blur&quot;: {
  1129. &quot;unit&quot;: &quot;px&quot;,
  1130. &quot;value&quot;: 30.0
  1131. },
  1132. &quot;spread&quot;: {
  1133. &quot;unit&quot;: &quot;px&quot;,
  1134. &quot;value&quot;: 0.0
  1135. },
  1136. &quot;distance&quot;: {
  1137. &quot;unit&quot;: &quot;px&quot;,
  1138. &quot;value&quot;: 0.0
  1139. },
  1140. &quot;color&quot;: {
  1141. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1142. &quot;sitePaletteColor&quot;: {
  1143. &quot;colorName&quot;: &quot;black&quot;,
  1144. &quot;alphaModifier&quot;: 1.0
  1145. }
  1146. }
  1147. },
  1148. &quot;blurBackground&quot;: {
  1149. &quot;enabled&quot;: false,
  1150. &quot;blurRadius&quot;: {
  1151. &quot;unit&quot;: &quot;px&quot;,
  1152. &quot;value&quot;: 12.0
  1153. }
  1154. },
  1155. &quot;backgroundColor&quot;: {
  1156. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1157. &quot;sitePaletteColor&quot;: {
  1158. &quot;colorName&quot;: &quot;white&quot;,
  1159. &quot;alphaModifier&quot;: 1.0
  1160. }
  1161. },
  1162. &quot;navigationColor&quot;: {
  1163. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1164. &quot;sitePaletteColor&quot;: {
  1165. &quot;colorName&quot;: &quot;black&quot;,
  1166. &quot;alphaModifier&quot;: 1.0
  1167. }
  1168. }
  1169. },
  1170. &quot;gradientOptions&quot;: {
  1171. &quot;gradientType&quot;: &quot;faded&quot;,
  1172. &quot;headerOpacity&quot;: {
  1173. &quot;unit&quot;: &quot;%&quot;,
  1174. &quot;value&quot;: 90.0
  1175. },
  1176. &quot;border&quot;: {
  1177. &quot;enabled&quot;: false,
  1178. &quot;position&quot;: &quot;allSides&quot;,
  1179. &quot;thickness&quot;: {
  1180. &quot;unit&quot;: &quot;px&quot;,
  1181. &quot;value&quot;: 4.0
  1182. },
  1183. &quot;color&quot;: {
  1184. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1185. &quot;sitePaletteColor&quot;: {
  1186. &quot;colorName&quot;: &quot;black&quot;,
  1187. &quot;alphaModifier&quot;: 1.0
  1188. }
  1189. }
  1190. },
  1191. &quot;dropShadow&quot;: {
  1192. &quot;enabled&quot;: false,
  1193. &quot;blur&quot;: {
  1194. &quot;unit&quot;: &quot;px&quot;,
  1195. &quot;value&quot;: 30.0
  1196. },
  1197. &quot;spread&quot;: {
  1198. &quot;unit&quot;: &quot;px&quot;,
  1199. &quot;value&quot;: 0.0
  1200. },
  1201. &quot;distance&quot;: {
  1202. &quot;unit&quot;: &quot;px&quot;,
  1203. &quot;value&quot;: 0.0
  1204. },
  1205. &quot;color&quot;: {
  1206. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1207. &quot;sitePaletteColor&quot;: {
  1208. &quot;colorName&quot;: &quot;black&quot;,
  1209. &quot;alphaModifier&quot;: 1.0
  1210. }
  1211. }
  1212. },
  1213. &quot;blurBackground&quot;: {
  1214. &quot;enabled&quot;: false,
  1215. &quot;blurRadius&quot;: {
  1216. &quot;unit&quot;: &quot;px&quot;,
  1217. &quot;value&quot;: 12.0
  1218. }
  1219. },
  1220. &quot;backgroundColor&quot;: {
  1221. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1222. &quot;sitePaletteColor&quot;: {
  1223. &quot;colorName&quot;: &quot;white&quot;,
  1224. &quot;alphaModifier&quot;: 1.0
  1225. }
  1226. },
  1227. &quot;navigationColor&quot;: {
  1228. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1229. &quot;sitePaletteColor&quot;: {
  1230. &quot;colorName&quot;: &quot;black&quot;,
  1231. &quot;alphaModifier&quot;: 1.0
  1232. }
  1233. }
  1234. },
  1235. &quot;dropShadowOptions&quot;: {
  1236. &quot;enabled&quot;: false,
  1237. &quot;blur&quot;: {
  1238. &quot;unit&quot;: &quot;px&quot;,
  1239. &quot;value&quot;: 12.0
  1240. },
  1241. &quot;spread&quot;: {
  1242. &quot;unit&quot;: &quot;px&quot;,
  1243. &quot;value&quot;: 0.0
  1244. },
  1245. &quot;distance&quot;: {
  1246. &quot;unit&quot;: &quot;px&quot;,
  1247. &quot;value&quot;: 12.0
  1248. }
  1249. },
  1250. &quot;borderOptions&quot;: {
  1251. &quot;enabled&quot;: false,
  1252. &quot;position&quot;: &quot;bottom&quot;,
  1253. &quot;thickness&quot;: {
  1254. &quot;unit&quot;: &quot;px&quot;,
  1255. &quot;value&quot;: 4.0
  1256. }
  1257. },
  1258. &quot;showPromotedElement&quot;: false,
  1259. &quot;buttonVariant&quot;: &quot;primary&quot;,
  1260. &quot;blurBackground&quot;: {
  1261. &quot;enabled&quot;: false,
  1262. &quot;blurRadius&quot;: {
  1263. &quot;unit&quot;: &quot;px&quot;,
  1264. &quot;value&quot;: 12.0
  1265. }
  1266. },
  1267. &quot;headerOpacity&quot;: {
  1268. &quot;unit&quot;: &quot;%&quot;,
  1269. &quot;value&quot;: 100.0
  1270. }
  1271. }"
  1272.    data-section-id="header"
  1273.    data-header-style="theme"
  1274.    data-language-picker="{
  1275. &quot;enabled&quot;: false,
  1276. &quot;iconEnabled&quot;: false,
  1277. &quot;iconType&quot;: &quot;globe&quot;,
  1278. &quot;flagShape&quot;: &quot;shiny&quot;,
  1279. &quot;languageFlags&quot;: [ ]
  1280. }"
  1281.    
  1282.    data-first-focusable-element
  1283.    tabindex="-1"
  1284.    style="
  1285.      
  1286.        
  1287.        
  1288.      
  1289.      
  1290.        --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1291.      
  1292.      
  1293.        --solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
  1294.      
  1295.      
  1296.        --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1297.      
  1298.      
  1299.        --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
  1300.      
  1301.    "
  1302.  >
  1303.    
  1304.  <script>
  1305.    function shouldShowAnnouncementBar() {
  1306.      try {
  1307.        if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) {
  1308.          return false;
  1309.        }
  1310.        var localDataStr = localStorage.getItem('squarespace-announcement-bar');
  1311.        if (localDataStr && JSON.parse(localDataStr).closed) {
  1312.          return false;
  1313.        }
  1314.        return true;
  1315.      } catch(e) {
  1316.        console.error(e);
  1317.        return true;
  1318.      }
  1319.    }
  1320.    if (shouldShowAnnouncementBar()) {
  1321.      document.body.classList.add('announcement-bar-reserved-space');
  1322.    }
  1323.    //# sourceURL=reserveSpaceForAnnouncementBar.js
  1324.  </script>
  1325.  
  1326. <div class="sqs-announcement-bar-dropzone"></div>
  1327.  
  1328.    <div class="header-announcement-bar-wrapper">
  1329.      
  1330.      <a
  1331.        href="#page"
  1332.        class="header-skip-link sqs-button-element--primary"
  1333.      >
  1334.        Skip to Content
  1335.      </a>
  1336.      
  1337.  
  1338.  
  1339. <style>
  1340.    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  1341.        .header-blur-background {
  1342.            
  1343.            
  1344.        }
  1345.    }
  1346. </style>
  1347.      <div
  1348.        class="header-border"
  1349.        data-header-style="theme"
  1350.        data-header-usability-enabled="true"
  1351.        data-header-border="false"
  1352.        data-test="header-border"
  1353.        style="
  1354.  
  1355.  
  1356.  
  1357.  
  1358.  
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364.  
  1365.  
  1366. "
  1367.      ></div>
  1368.      <div
  1369.        class="header-dropshadow"
  1370.        data-header-style="theme"
  1371.        data-header-usability-enabled="true"
  1372.        data-header-dropshadow="false"
  1373.        data-test="header-dropshadow"
  1374.        style="
  1375.  
  1376.  
  1377.  
  1378. "
  1379.      ></div>
  1380.      
  1381.      
  1382.  
  1383.      <div class='header-inner container--fluid
  1384.        
  1385.        
  1386.        
  1387.        
  1388.        
  1389.        
  1390.        
  1391.        
  1392.         header-mobile-layout-logo-right-nav-left
  1393.        
  1394.         header-layout-nav-right
  1395.        
  1396.        
  1397.        
  1398.        
  1399.        
  1400.        
  1401.        
  1402.        
  1403.        '
  1404.        style="
  1405.  
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413. "
  1414.        data-test="header-inner"
  1415.        >
  1416.        <!-- Background -->
  1417.        <div class="header-background theme-bg--primary"></div>
  1418.  
  1419.        <div class="header-display-desktop" data-content-field="site-title">
  1420.          
  1421.  
  1422.          
  1423.  
  1424.          
  1425.  
  1426.          
  1427.  
  1428.          
  1429.  
  1430.          
  1431.          
  1432.            
  1433.            <!-- Social -->
  1434.            
  1435.              
  1436.            
  1437.          
  1438.            
  1439.            <!-- Title and nav wrapper -->
  1440.            <div class="header-title-nav-wrapper">
  1441.              
  1442.  
  1443.              
  1444.  
  1445.              
  1446.                
  1447.                <!-- Title -->
  1448.                
  1449.                  <div
  1450.                    class="
  1451.                      header-title
  1452.                      
  1453.                    "
  1454.                    data-animation-role="header-element"
  1455.                  >
  1456.                    
  1457.                      <div class="header-title-logo">
  1458.                        <a href="/" data-animation-role="header-element">
  1459.                        
  1460. <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">
  1461.  
  1462.                        </a>
  1463.                      </div>
  1464.  
  1465.                    
  1466.                    
  1467.                  </div>
  1468.                
  1469.              
  1470.                
  1471.                <!-- Nav -->
  1472.                <div class="header-nav">
  1473.                  <div class="header-nav-wrapper">
  1474.                    <nav class="header-nav-list">
  1475.                      
  1476.  
  1477.  
  1478.  
  1479.    <div class="header-nav-item header-nav-item--folder">
  1480.      <a
  1481.        class="header-nav-folder-title"
  1482.        href="/interior-doors-folder"
  1483.        tabindex="-1"
  1484.        data-animation-role="header-element"
  1485.        
  1486.      >
  1487.        Interior Doors
  1488.      </a>
  1489.      <div class="header-nav-folder-content">
  1490.        
  1491.          
  1492.            <div class="header-nav-folder-item">
  1493.              <a
  1494.                href="/interior-doors/signature-collection"
  1495.                
  1496.              >
  1497.                <span class="header-nav-folder-item-content">
  1498.                  Signature Collection
  1499.                </span>
  1500.              </a>
  1501.            </div>
  1502.          
  1503.          
  1504.        
  1505.          
  1506.            <div class="header-nav-folder-item">
  1507.              <a
  1508.                href="/interior-doors/premium-doors"
  1509.                
  1510.              >
  1511.                <span class="header-nav-folder-item-content">
  1512.                  Premium Doors
  1513.                </span>
  1514.              </a>
  1515.            </div>
  1516.          
  1517.          
  1518.        
  1519.          
  1520.            <div class="header-nav-folder-item">
  1521.              <a
  1522.                href="/interior-doors/glass-doors"
  1523.                
  1524.              >
  1525.                <span class="header-nav-folder-item-content">
  1526.                  Glass Doors
  1527.                </span>
  1528.              </a>
  1529.            </div>
  1530.          
  1531.          
  1532.        
  1533.          
  1534.            <div class="header-nav-folder-item">
  1535.              <a
  1536.                href="/interior-doors/stain-grade-doors"
  1537.                
  1538.              >
  1539.                <span class="header-nav-folder-item-content">
  1540.                  Stain Grade Doors
  1541.                </span>
  1542.              </a>
  1543.            </div>
  1544.          
  1545.          
  1546.        
  1547.          
  1548.            <div class="header-nav-folder-item">
  1549.              <a
  1550.                href="/interior-doors/contemporary-doors"
  1551.                
  1552.              >
  1553.                <span class="header-nav-folder-item-content">
  1554.                  Contemporary Doors
  1555.                </span>
  1556.              </a>
  1557.            </div>
  1558.          
  1559.          
  1560.        
  1561.      </div>
  1562.    </div>
  1563.  
  1564.  
  1565.  
  1566.  
  1567.  
  1568.    <div class="header-nav-item header-nav-item--folder">
  1569.      <a
  1570.        class="header-nav-folder-title"
  1571.        href="/closet-doors-folder"
  1572.        tabindex="-1"
  1573.        data-animation-role="header-element"
  1574.        
  1575.      >
  1576.        Closet Doors
  1577.      </a>
  1578.      <div class="header-nav-folder-content">
  1579.        
  1580.          
  1581.            <div class="header-nav-folder-item">
  1582.              <a
  1583.                href="/closet-doors/glass-closet-doors"
  1584.                
  1585.              >
  1586.                <span class="header-nav-folder-item-content">
  1587.                  Glass Closet Doors
  1588.                </span>
  1589.              </a>
  1590.            </div>
  1591.          
  1592.          
  1593.        
  1594.          
  1595.            <div class="header-nav-folder-item">
  1596.              <a
  1597.                href="/closet-doors/panel-louver-and-flush-doors"
  1598.                
  1599.              >
  1600.                <span class="header-nav-folder-item-content">
  1601.                  Paneled &amp; Louver Doors
  1602.                </span>
  1603.              </a>
  1604.            </div>
  1605.          
  1606.          
  1607.        
  1608.          
  1609.            <div class="header-nav-folder-item">
  1610.              <a
  1611.                href="/closet-doors/mirrored-closet-doors"
  1612.                
  1613.              >
  1614.                <span class="header-nav-folder-item-content">
  1615.                  Mirrored Closet Doors
  1616.                </span>
  1617.              </a>
  1618.            </div>
  1619.          
  1620.          
  1621.        
  1622.          
  1623.            <div class="header-nav-folder-item">
  1624.              <a
  1625.                href="/closet-doors/room-dividers"
  1626.                
  1627.              >
  1628.                <span class="header-nav-folder-item-content">
  1629.                  Room Dividers
  1630.                </span>
  1631.              </a>
  1632.            </div>
  1633.          
  1634.          
  1635.        
  1636.          
  1637.            <div class="header-nav-folder-item">
  1638.              <a
  1639.                href="/closet-doors/sliding-true-shoji"
  1640.                
  1641.              >
  1642.                <span class="header-nav-folder-item-content">
  1643.                  True Shoji
  1644.                </span>
  1645.              </a>
  1646.            </div>
  1647.          
  1648.          
  1649.        
  1650.      </div>
  1651.    </div>
  1652.  
  1653.  
  1654.  
  1655.  
  1656.  
  1657.    <div class="header-nav-item header-nav-item--folder">
  1658.      <a
  1659.        class="header-nav-folder-title"
  1660.        href="/barn-doors-folder"
  1661.        tabindex="-1"
  1662.        data-animation-role="header-element"
  1663.        
  1664.      >
  1665.        Barn Doors
  1666.      </a>
  1667.      <div class="header-nav-folder-content">
  1668.        
  1669.          
  1670.            <div class="header-nav-folder-item">
  1671.              <a
  1672.                href="/barn-doors/paneled-wood-doors"
  1673.                
  1674.              >
  1675.                <span class="header-nav-folder-item-content">
  1676.                  Paneled Doors
  1677.                </span>
  1678.              </a>
  1679.            </div>
  1680.          
  1681.          
  1682.        
  1683.          
  1684.            <div class="header-nav-folder-item">
  1685.              <a
  1686.                href="/barn-doors/glass-mirrored-doors"
  1687.                
  1688.              >
  1689.                <span class="header-nav-folder-item-content">
  1690.                  Glass &amp; Mirrored Doors
  1691.                </span>
  1692.              </a>
  1693.            </div>
  1694.          
  1695.          
  1696.        
  1697.          
  1698.            <div class="header-nav-folder-item">
  1699.              <a
  1700.                href="/barn-doors/tracks"
  1701.                
  1702.              >
  1703.                <span class="header-nav-folder-item-content">
  1704.                  Tracks
  1705.                </span>
  1706.              </a>
  1707.            </div>
  1708.          
  1709.          
  1710.        
  1711.          
  1712.            <div class="header-nav-folder-item">
  1713.              <a
  1714.                href="/barn-doors/pulls"
  1715.                
  1716.              >
  1717.                <span class="header-nav-folder-item-content">
  1718.                  Pulls
  1719.                </span>
  1720.              </a>
  1721.            </div>
  1722.          
  1723.          
  1724.        
  1725.      </div>
  1726.    </div>
  1727.  
  1728.  
  1729.  
  1730.  
  1731.  
  1732.    <div class="header-nav-item header-nav-item--folder">
  1733.      <a
  1734.        class="header-nav-folder-title"
  1735.        href="/organizers-folder"
  1736.        tabindex="-1"
  1737.        data-animation-role="header-element"
  1738.        
  1739.      >
  1740.        Organizers
  1741.      </a>
  1742.      <div class="header-nav-folder-content">
  1743.        
  1744.          
  1745.            <div class="header-nav-folder-item">
  1746.              <a
  1747.                href="/organizers/reach-in-closet-organizers"
  1748.                
  1749.              >
  1750.                <span class="header-nav-folder-item-content">
  1751.                  Reach-in Closet Organizers
  1752.                </span>
  1753.              </a>
  1754.            </div>
  1755.          
  1756.          
  1757.        
  1758.          
  1759.            <div class="header-nav-folder-item">
  1760.              <a
  1761.                href="/organizers/walk-in-closet-organizers"
  1762.                
  1763.              >
  1764.                <span class="header-nav-folder-item-content">
  1765.                  Walk-in Closet Organizers
  1766.                </span>
  1767.              </a>
  1768.            </div>
  1769.          
  1770.          
  1771.        
  1772.          
  1773.            <div class="header-nav-folder-item">
  1774.              <a
  1775.                href="/organizers/closet-accessories"
  1776.                
  1777.              >
  1778.                <span class="header-nav-folder-item-content">
  1779.                  Closet Accessories
  1780.                </span>
  1781.              </a>
  1782.            </div>
  1783.          
  1784.          
  1785.        
  1786.          
  1787.            <div class="header-nav-folder-item">
  1788.              <a
  1789.                href="/organizers/garage-accessories"
  1790.                
  1791.              >
  1792.                <span class="header-nav-folder-item-content">
  1793.                  Garage Organizers
  1794.                </span>
  1795.              </a>
  1796.            </div>
  1797.          
  1798.          
  1799.        
  1800.      </div>
  1801.    </div>
  1802.  
  1803.  
  1804.  
  1805.  
  1806.  
  1807.    <div class="header-nav-item header-nav-item--folder">
  1808.      <a
  1809.        class="header-nav-folder-title"
  1810.        href="/door-installation-folder"
  1811.        tabindex="-1"
  1812.        data-animation-role="header-element"
  1813.        
  1814.      >
  1815.        Door Installation
  1816.      </a>
  1817.      <div class="header-nav-folder-content">
  1818.        
  1819.          
  1820.            <div class="header-nav-folder-item">
  1821.              <a
  1822.                href="/door-installation/contractors"
  1823.                
  1824.              >
  1825.                <span class="header-nav-folder-item-content">
  1826.                  Contractors
  1827.                </span>
  1828.              </a>
  1829.            </div>
  1830.          
  1831.          
  1832.        
  1833.          
  1834.            <div class="header-nav-folder-item">
  1835.              <a
  1836.                href="/door-installation/real-estate-agents"
  1837.                
  1838.              >
  1839.                <span class="header-nav-folder-item-content">
  1840.                  Real Estate Agents
  1841.                </span>
  1842.              </a>
  1843.            </div>
  1844.          
  1845.          
  1846.        
  1847.          
  1848.            <div class="header-nav-folder-item">
  1849.              <a
  1850.                href="/door-installation/interior-designers"
  1851.                
  1852.              >
  1853.                <span class="header-nav-folder-item-content">
  1854.                  Interior Designers
  1855.                </span>
  1856.              </a>
  1857.            </div>
  1858.          
  1859.          
  1860.        
  1861.      </div>
  1862.    </div>
  1863.  
  1864.  
  1865.  
  1866.  
  1867.  
  1868.    <div class="header-nav-item header-nav-item--collection">
  1869.      <a
  1870.        href="/about"
  1871.        data-animation-role="header-element"
  1872.        
  1873.      >
  1874.        About Us
  1875.      </a>
  1876.    </div>
  1877.  
  1878.  
  1879.  
  1880.  
  1881.  
  1882.  
  1883.    <div class="header-nav-item header-nav-item--collection">
  1884.      <a
  1885.        href="/testimonials"
  1886.        data-animation-role="header-element"
  1887.        
  1888.      >
  1889.        Testimonials
  1890.      </a>
  1891.    </div>
  1892.  
  1893.  
  1894.  
  1895.  
  1896.  
  1897.  
  1898.    <div class="header-nav-item header-nav-item--collection">
  1899.      <a
  1900.        href="/contact-us"
  1901.        data-animation-role="header-element"
  1902.        
  1903.      >
  1904.        Contact Us
  1905.      </a>
  1906.    </div>
  1907.  
  1908.  
  1909.  
  1910.  
  1911.  
  1912.  
  1913.                    </nav>
  1914.                  </div>
  1915.                </div>
  1916.              
  1917.              
  1918.            </div>
  1919.          
  1920.            
  1921.            <!-- Actions -->
  1922.            <div class="header-actions header-actions--right">
  1923.              
  1924.              
  1925.                
  1926.                  <div class="header-actions-action header-actions-action--social">
  1927.                    
  1928.                      
  1929.                        <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">
  1930.                          <svg viewBox="23 23 64 64">
  1931.                            <use xlink:href="#url-icon" width="110" height="110"></use>
  1932.                          </svg>
  1933.                        </a>
  1934.                      
  1935.                        <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">
  1936.                          <svg viewBox="23 23 64 64">
  1937.                            <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  1938.                          </svg>
  1939.                        </a>
  1940.                      
  1941.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://twitter.com/OCDoors" target="_blank" aria-label="Twitter">
  1942.                          <svg viewBox="23 23 64 64">
  1943.                            <use xlink:href="#twitter-unauth-icon" width="110" height="110"></use>
  1944.                          </svg>
  1945.                        </a>
  1946.                      
  1947.                        <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">
  1948.                          <svg viewBox="23 23 64 64">
  1949.                            <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  1950.                          </svg>
  1951.                        </a>
  1952.                      
  1953.                        <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">
  1954.                          <svg viewBox="23 23 64 64">
  1955.                            <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  1956.                          </svg>
  1957.                        </a>
  1958.                      
  1959.                    
  1960.                  </div>
  1961.                
  1962.              
  1963.  
  1964.              
  1965.  
  1966.            
  1967.            
  1968.  
  1969.              
  1970.              <div class="showOnMobile">
  1971.                
  1972.              </div>
  1973.  
  1974.              
  1975.              <div class="showOnDesktop">
  1976.                
  1977.              </div>
  1978.  
  1979.              
  1980.            </div>
  1981.          
  1982.            
  1983.  
  1984.  
  1985. <style>
  1986.  .top-bun,
  1987.  .patty,
  1988.  .bottom-bun {
  1989.    height: 3px;
  1990.  }
  1991. </style>
  1992.  
  1993. <!-- Burger -->
  1994. <div class="header-burger
  1995.  
  1996.  menu-overlay-has-visible-non-navigation-items
  1997.  
  1998. " data-animation-role="header-element">
  1999.  <button class="header-burger-btn burger" data-test="header-burger">
  2000.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2001.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2002.    <div class="burger-box">
  2003.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2004.        <div class="top-bun"></div>
  2005.        <div class="patty"></div>
  2006.        <div class="bottom-bun"></div>
  2007.      </div>
  2008.    </div>
  2009.  </button>
  2010. </div>
  2011.  
  2012.          
  2013.          
  2014.          
  2015.          
  2016.          
  2017.  
  2018.        </div>
  2019.        <div class="header-display-mobile" data-content-field="site-title">
  2020.          
  2021.          
  2022.          
  2023.          
  2024.          
  2025.            
  2026.            <!-- Social -->
  2027.            
  2028.              
  2029.            
  2030.          
  2031.            
  2032.  
  2033.  
  2034. <style>
  2035.  .top-bun,
  2036.  .patty,
  2037.  .bottom-bun {
  2038.    height: 3px;
  2039.  }
  2040. </style>
  2041.  
  2042. <!-- Burger -->
  2043. <div class="header-burger
  2044.  
  2045.  menu-overlay-has-visible-non-navigation-items
  2046.  
  2047. " data-animation-role="header-element">
  2048.  <button class="header-burger-btn burger" data-test="header-burger">
  2049.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2050.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2051.    <div class="burger-box">
  2052.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2053.        <div class="top-bun"></div>
  2054.        <div class="patty"></div>
  2055.        <div class="bottom-bun"></div>
  2056.      </div>
  2057.    </div>
  2058.  </button>
  2059. </div>
  2060.  
  2061.            
  2062.            <!-- Actions -->
  2063.            <div class="header-actions header-actions--right">
  2064.              
  2065.              
  2066.                
  2067.                  <div class="header-actions-action header-actions-action--social">
  2068.                    
  2069.                      
  2070.                        <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">
  2071.                          <svg viewBox="23 23 64 64">
  2072.                            <use xlink:href="#url-icon" width="110" height="110"></use>
  2073.                          </svg>
  2074.                        </a>
  2075.                      
  2076.                        <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">
  2077.                          <svg viewBox="23 23 64 64">
  2078.                            <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  2079.                          </svg>
  2080.                        </a>
  2081.                      
  2082.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://twitter.com/OCDoors" target="_blank" aria-label="Twitter">
  2083.                          <svg viewBox="23 23 64 64">
  2084.                            <use xlink:href="#twitter-unauth-icon" width="110" height="110"></use>
  2085.                          </svg>
  2086.                        </a>
  2087.                      
  2088.                        <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">
  2089.                          <svg viewBox="23 23 64 64">
  2090.                            <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  2091.                          </svg>
  2092.                        </a>
  2093.                      
  2094.                        <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">
  2095.                          <svg viewBox="23 23 64 64">
  2096.                            <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  2097.                          </svg>
  2098.                        </a>
  2099.                      
  2100.                    
  2101.                  </div>
  2102.                
  2103.              
  2104.  
  2105.              
  2106.  
  2107.            
  2108.            
  2109.  
  2110.              
  2111.              <div class="showOnMobile">
  2112.                
  2113.              </div>
  2114.  
  2115.              
  2116.              <div class="showOnDesktop">
  2117.                
  2118.              </div>
  2119.  
  2120.              
  2121.            </div>
  2122.          
  2123.            
  2124.            <!-- Title and nav wrapper -->
  2125.            <div class="header-title-nav-wrapper">
  2126.              
  2127.  
  2128.              
  2129.  
  2130.              
  2131.                
  2132.                <!-- Title -->
  2133.                
  2134.                  <div
  2135.                    class="
  2136.                      header-title
  2137.                      
  2138.                    "
  2139.                    data-animation-role="header-element"
  2140.                  >
  2141.                    
  2142.                      <div class="header-title-logo">
  2143.                        <a href="/" data-animation-role="header-element">
  2144.                        
  2145. <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">
  2146.  
  2147.                        </a>
  2148.                      </div>
  2149.  
  2150.                    
  2151.                    
  2152.                  </div>
  2153.                
  2154.              
  2155.                
  2156.                <!-- Nav -->
  2157.                <div class="header-nav">
  2158.                  <div class="header-nav-wrapper">
  2159.                    <nav class="header-nav-list">
  2160.                      
  2161.  
  2162.  
  2163.  
  2164.    <div class="header-nav-item header-nav-item--folder">
  2165.      <a
  2166.        class="header-nav-folder-title"
  2167.        href="/interior-doors-folder"
  2168.        tabindex="-1"
  2169.        data-animation-role="header-element"
  2170.        
  2171.      >
  2172.        Interior Doors
  2173.      </a>
  2174.      <div class="header-nav-folder-content">
  2175.        
  2176.          
  2177.            <div class="header-nav-folder-item">
  2178.              <a
  2179.                href="/interior-doors/signature-collection"
  2180.                
  2181.              >
  2182.                <span class="header-nav-folder-item-content">
  2183.                  Signature Collection
  2184.                </span>
  2185.              </a>
  2186.            </div>
  2187.          
  2188.          
  2189.        
  2190.          
  2191.            <div class="header-nav-folder-item">
  2192.              <a
  2193.                href="/interior-doors/premium-doors"
  2194.                
  2195.              >
  2196.                <span class="header-nav-folder-item-content">
  2197.                  Premium Doors
  2198.                </span>
  2199.              </a>
  2200.            </div>
  2201.          
  2202.          
  2203.        
  2204.          
  2205.            <div class="header-nav-folder-item">
  2206.              <a
  2207.                href="/interior-doors/glass-doors"
  2208.                
  2209.              >
  2210.                <span class="header-nav-folder-item-content">
  2211.                  Glass Doors
  2212.                </span>
  2213.              </a>
  2214.            </div>
  2215.          
  2216.          
  2217.        
  2218.          
  2219.            <div class="header-nav-folder-item">
  2220.              <a
  2221.                href="/interior-doors/stain-grade-doors"
  2222.                
  2223.              >
  2224.                <span class="header-nav-folder-item-content">
  2225.                  Stain Grade Doors
  2226.                </span>
  2227.              </a>
  2228.            </div>
  2229.          
  2230.          
  2231.        
  2232.          
  2233.            <div class="header-nav-folder-item">
  2234.              <a
  2235.                href="/interior-doors/contemporary-doors"
  2236.                
  2237.              >
  2238.                <span class="header-nav-folder-item-content">
  2239.                  Contemporary Doors
  2240.                </span>
  2241.              </a>
  2242.            </div>
  2243.          
  2244.          
  2245.        
  2246.      </div>
  2247.    </div>
  2248.  
  2249.  
  2250.  
  2251.  
  2252.  
  2253.    <div class="header-nav-item header-nav-item--folder">
  2254.      <a
  2255.        class="header-nav-folder-title"
  2256.        href="/closet-doors-folder"
  2257.        tabindex="-1"
  2258.        data-animation-role="header-element"
  2259.        
  2260.      >
  2261.        Closet Doors
  2262.      </a>
  2263.      <div class="header-nav-folder-content">
  2264.        
  2265.          
  2266.            <div class="header-nav-folder-item">
  2267.              <a
  2268.                href="/closet-doors/glass-closet-doors"
  2269.                
  2270.              >
  2271.                <span class="header-nav-folder-item-content">
  2272.                  Glass Closet Doors
  2273.                </span>
  2274.              </a>
  2275.            </div>
  2276.          
  2277.          
  2278.        
  2279.          
  2280.            <div class="header-nav-folder-item">
  2281.              <a
  2282.                href="/closet-doors/panel-louver-and-flush-doors"
  2283.                
  2284.              >
  2285.                <span class="header-nav-folder-item-content">
  2286.                  Paneled &amp; Louver Doors
  2287.                </span>
  2288.              </a>
  2289.            </div>
  2290.          
  2291.          
  2292.        
  2293.          
  2294.            <div class="header-nav-folder-item">
  2295.              <a
  2296.                href="/closet-doors/mirrored-closet-doors"
  2297.                
  2298.              >
  2299.                <span class="header-nav-folder-item-content">
  2300.                  Mirrored Closet Doors
  2301.                </span>
  2302.              </a>
  2303.            </div>
  2304.          
  2305.          
  2306.        
  2307.          
  2308.            <div class="header-nav-folder-item">
  2309.              <a
  2310.                href="/closet-doors/room-dividers"
  2311.                
  2312.              >
  2313.                <span class="header-nav-folder-item-content">
  2314.                  Room Dividers
  2315.                </span>
  2316.              </a>
  2317.            </div>
  2318.          
  2319.          
  2320.        
  2321.          
  2322.            <div class="header-nav-folder-item">
  2323.              <a
  2324.                href="/closet-doors/sliding-true-shoji"
  2325.                
  2326.              >
  2327.                <span class="header-nav-folder-item-content">
  2328.                  True Shoji
  2329.                </span>
  2330.              </a>
  2331.            </div>
  2332.          
  2333.          
  2334.        
  2335.      </div>
  2336.    </div>
  2337.  
  2338.  
  2339.  
  2340.  
  2341.  
  2342.    <div class="header-nav-item header-nav-item--folder">
  2343.      <a
  2344.        class="header-nav-folder-title"
  2345.        href="/barn-doors-folder"
  2346.        tabindex="-1"
  2347.        data-animation-role="header-element"
  2348.        
  2349.      >
  2350.        Barn Doors
  2351.      </a>
  2352.      <div class="header-nav-folder-content">
  2353.        
  2354.          
  2355.            <div class="header-nav-folder-item">
  2356.              <a
  2357.                href="/barn-doors/paneled-wood-doors"
  2358.                
  2359.              >
  2360.                <span class="header-nav-folder-item-content">
  2361.                  Paneled Doors
  2362.                </span>
  2363.              </a>
  2364.            </div>
  2365.          
  2366.          
  2367.        
  2368.          
  2369.            <div class="header-nav-folder-item">
  2370.              <a
  2371.                href="/barn-doors/glass-mirrored-doors"
  2372.                
  2373.              >
  2374.                <span class="header-nav-folder-item-content">
  2375.                  Glass &amp; Mirrored Doors
  2376.                </span>
  2377.              </a>
  2378.            </div>
  2379.          
  2380.          
  2381.        
  2382.          
  2383.            <div class="header-nav-folder-item">
  2384.              <a
  2385.                href="/barn-doors/tracks"
  2386.                
  2387.              >
  2388.                <span class="header-nav-folder-item-content">
  2389.                  Tracks
  2390.                </span>
  2391.              </a>
  2392.            </div>
  2393.          
  2394.          
  2395.        
  2396.          
  2397.            <div class="header-nav-folder-item">
  2398.              <a
  2399.                href="/barn-doors/pulls"
  2400.                
  2401.              >
  2402.                <span class="header-nav-folder-item-content">
  2403.                  Pulls
  2404.                </span>
  2405.              </a>
  2406.            </div>
  2407.          
  2408.          
  2409.        
  2410.      </div>
  2411.    </div>
  2412.  
  2413.  
  2414.  
  2415.  
  2416.  
  2417.    <div class="header-nav-item header-nav-item--folder">
  2418.      <a
  2419.        class="header-nav-folder-title"
  2420.        href="/organizers-folder"
  2421.        tabindex="-1"
  2422.        data-animation-role="header-element"
  2423.        
  2424.      >
  2425.        Organizers
  2426.      </a>
  2427.      <div class="header-nav-folder-content">
  2428.        
  2429.          
  2430.            <div class="header-nav-folder-item">
  2431.              <a
  2432.                href="/organizers/reach-in-closet-organizers"
  2433.                
  2434.              >
  2435.                <span class="header-nav-folder-item-content">
  2436.                  Reach-in Closet Organizers
  2437.                </span>
  2438.              </a>
  2439.            </div>
  2440.          
  2441.          
  2442.        
  2443.          
  2444.            <div class="header-nav-folder-item">
  2445.              <a
  2446.                href="/organizers/walk-in-closet-organizers"
  2447.                
  2448.              >
  2449.                <span class="header-nav-folder-item-content">
  2450.                  Walk-in Closet Organizers
  2451.                </span>
  2452.              </a>
  2453.            </div>
  2454.          
  2455.          
  2456.        
  2457.          
  2458.            <div class="header-nav-folder-item">
  2459.              <a
  2460.                href="/organizers/closet-accessories"
  2461.                
  2462.              >
  2463.                <span class="header-nav-folder-item-content">
  2464.                  Closet Accessories
  2465.                </span>
  2466.              </a>
  2467.            </div>
  2468.          
  2469.          
  2470.        
  2471.          
  2472.            <div class="header-nav-folder-item">
  2473.              <a
  2474.                href="/organizers/garage-accessories"
  2475.                
  2476.              >
  2477.                <span class="header-nav-folder-item-content">
  2478.                  Garage Organizers
  2479.                </span>
  2480.              </a>
  2481.            </div>
  2482.          
  2483.          
  2484.        
  2485.      </div>
  2486.    </div>
  2487.  
  2488.  
  2489.  
  2490.  
  2491.  
  2492.    <div class="header-nav-item header-nav-item--folder">
  2493.      <a
  2494.        class="header-nav-folder-title"
  2495.        href="/door-installation-folder"
  2496.        tabindex="-1"
  2497.        data-animation-role="header-element"
  2498.        
  2499.      >
  2500.        Door Installation
  2501.      </a>
  2502.      <div class="header-nav-folder-content">
  2503.        
  2504.          
  2505.            <div class="header-nav-folder-item">
  2506.              <a
  2507.                href="/door-installation/contractors"
  2508.                
  2509.              >
  2510.                <span class="header-nav-folder-item-content">
  2511.                  Contractors
  2512.                </span>
  2513.              </a>
  2514.            </div>
  2515.          
  2516.          
  2517.        
  2518.          
  2519.            <div class="header-nav-folder-item">
  2520.              <a
  2521.                href="/door-installation/real-estate-agents"
  2522.                
  2523.              >
  2524.                <span class="header-nav-folder-item-content">
  2525.                  Real Estate Agents
  2526.                </span>
  2527.              </a>
  2528.            </div>
  2529.          
  2530.          
  2531.        
  2532.          
  2533.            <div class="header-nav-folder-item">
  2534.              <a
  2535.                href="/door-installation/interior-designers"
  2536.                
  2537.              >
  2538.                <span class="header-nav-folder-item-content">
  2539.                  Interior Designers
  2540.                </span>
  2541.              </a>
  2542.            </div>
  2543.          
  2544.          
  2545.        
  2546.      </div>
  2547.    </div>
  2548.  
  2549.  
  2550.  
  2551.  
  2552.  
  2553.    <div class="header-nav-item header-nav-item--collection">
  2554.      <a
  2555.        href="/about"
  2556.        data-animation-role="header-element"
  2557.        
  2558.      >
  2559.        About Us
  2560.      </a>
  2561.    </div>
  2562.  
  2563.  
  2564.  
  2565.  
  2566.  
  2567.  
  2568.    <div class="header-nav-item header-nav-item--collection">
  2569.      <a
  2570.        href="/testimonials"
  2571.        data-animation-role="header-element"
  2572.        
  2573.      >
  2574.        Testimonials
  2575.      </a>
  2576.    </div>
  2577.  
  2578.  
  2579.  
  2580.  
  2581.  
  2582.  
  2583.    <div class="header-nav-item header-nav-item--collection">
  2584.      <a
  2585.        href="/contact-us"
  2586.        data-animation-role="header-element"
  2587.        
  2588.      >
  2589.        Contact Us
  2590.      </a>
  2591.    </div>
  2592.  
  2593.  
  2594.  
  2595.  
  2596.  
  2597.  
  2598.                    </nav>
  2599.                  </div>
  2600.                </div>
  2601.              
  2602.              
  2603.            </div>
  2604.          
  2605.          
  2606.        </div>
  2607.      </div>
  2608.    </div>
  2609.    <!-- (Mobile) Menu Navigation -->
  2610.    <div class="header-menu header-menu--folder-list
  2611.      white
  2612.      
  2613.      
  2614.      
  2615.      
  2616.      "
  2617.      data-section-theme="white"
  2618.      data-current-styles="{
  2619. &quot;layout&quot;: &quot;navRight&quot;,
  2620. &quot;action&quot;: {
  2621. &quot;href&quot;: &quot;/donate&quot;,
  2622. &quot;buttonText&quot;: &quot;Donate&quot;,
  2623. &quot;newWindow&quot;: false
  2624. },
  2625. &quot;showSocial&quot;: true,
  2626. &quot;socialOptions&quot;: {
  2627. &quot;socialBorderShape&quot;: &quot;none&quot;,
  2628. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  2629. &quot;socialBorderThickness&quot;: {
  2630. &quot;unit&quot;: &quot;px&quot;,
  2631. &quot;value&quot;: 1.0
  2632. }
  2633. },
  2634. &quot;sectionTheme&quot;: &quot;white&quot;,
  2635. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  2636. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  2637. &quot;cartStyle&quot;: &quot;cart&quot;,
  2638. &quot;cartText&quot;: &quot;Cart&quot;,
  2639. &quot;showEmptyCartState&quot;: true,
  2640. &quot;cartOptions&quot;: {
  2641. &quot;iconType&quot;: &quot;stroke-1&quot;,
  2642. &quot;cartBorderShape&quot;: &quot;none&quot;,
  2643. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  2644. &quot;cartBorderThickness&quot;: {
  2645. &quot;unit&quot;: &quot;px&quot;,
  2646. &quot;value&quot;: 1.0
  2647. }
  2648. },
  2649. &quot;showButton&quot;: false,
  2650. &quot;showCart&quot;: false,
  2651. &quot;showAccountLogin&quot;: false,
  2652. &quot;headerStyle&quot;: &quot;theme&quot;,
  2653. &quot;languagePicker&quot;: {
  2654. &quot;enabled&quot;: false,
  2655. &quot;iconEnabled&quot;: false,
  2656. &quot;iconType&quot;: &quot;globe&quot;,
  2657. &quot;flagShape&quot;: &quot;shiny&quot;,
  2658. &quot;languageFlags&quot;: [ ]
  2659. },
  2660. &quot;mobileOptions&quot;: {
  2661. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  2662. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  2663. &quot;menuIconOptions&quot;: {
  2664. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  2665. &quot;thickness&quot;: {
  2666. &quot;unit&quot;: &quot;px&quot;,
  2667. &quot;value&quot;: 3.0
  2668. }
  2669. }
  2670. },
  2671. &quot;dynamicOptions&quot;: {
  2672. &quot;border&quot;: {
  2673. &quot;enabled&quot;: false,
  2674. &quot;position&quot;: &quot;allSides&quot;,
  2675. &quot;thickness&quot;: {
  2676. &quot;unit&quot;: &quot;px&quot;,
  2677. &quot;value&quot;: 4.0
  2678. },
  2679. &quot;color&quot;: {
  2680. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2681. &quot;sitePaletteColor&quot;: {
  2682. &quot;colorName&quot;: &quot;black&quot;,
  2683. &quot;alphaModifier&quot;: 1.0
  2684. }
  2685. }
  2686. }
  2687. },
  2688. &quot;solidOptions&quot;: {
  2689. &quot;headerOpacity&quot;: {
  2690. &quot;unit&quot;: &quot;%&quot;,
  2691. &quot;value&quot;: 100.0
  2692. },
  2693. &quot;border&quot;: {
  2694. &quot;enabled&quot;: false,
  2695. &quot;position&quot;: &quot;allSides&quot;,
  2696. &quot;thickness&quot;: {
  2697. &quot;unit&quot;: &quot;px&quot;,
  2698. &quot;value&quot;: 4.0
  2699. },
  2700. &quot;color&quot;: {
  2701. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2702. &quot;sitePaletteColor&quot;: {
  2703. &quot;colorName&quot;: &quot;black&quot;,
  2704. &quot;alphaModifier&quot;: 1.0
  2705. }
  2706. }
  2707. },
  2708. &quot;dropShadow&quot;: {
  2709. &quot;enabled&quot;: false,
  2710. &quot;blur&quot;: {
  2711. &quot;unit&quot;: &quot;px&quot;,
  2712. &quot;value&quot;: 30.0
  2713. },
  2714. &quot;spread&quot;: {
  2715. &quot;unit&quot;: &quot;px&quot;,
  2716. &quot;value&quot;: 0.0
  2717. },
  2718. &quot;distance&quot;: {
  2719. &quot;unit&quot;: &quot;px&quot;,
  2720. &quot;value&quot;: 0.0
  2721. },
  2722. &quot;color&quot;: {
  2723. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2724. &quot;sitePaletteColor&quot;: {
  2725. &quot;colorName&quot;: &quot;black&quot;,
  2726. &quot;alphaModifier&quot;: 1.0
  2727. }
  2728. }
  2729. },
  2730. &quot;blurBackground&quot;: {
  2731. &quot;enabled&quot;: false,
  2732. &quot;blurRadius&quot;: {
  2733. &quot;unit&quot;: &quot;px&quot;,
  2734. &quot;value&quot;: 12.0
  2735. }
  2736. },
  2737. &quot;backgroundColor&quot;: {
  2738. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2739. &quot;sitePaletteColor&quot;: {
  2740. &quot;colorName&quot;: &quot;white&quot;,
  2741. &quot;alphaModifier&quot;: 1.0
  2742. }
  2743. },
  2744. &quot;navigationColor&quot;: {
  2745. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2746. &quot;sitePaletteColor&quot;: {
  2747. &quot;colorName&quot;: &quot;black&quot;,
  2748. &quot;alphaModifier&quot;: 1.0
  2749. }
  2750. }
  2751. },
  2752. &quot;gradientOptions&quot;: {
  2753. &quot;gradientType&quot;: &quot;faded&quot;,
  2754. &quot;headerOpacity&quot;: {
  2755. &quot;unit&quot;: &quot;%&quot;,
  2756. &quot;value&quot;: 90.0
  2757. },
  2758. &quot;border&quot;: {
  2759. &quot;enabled&quot;: false,
  2760. &quot;position&quot;: &quot;allSides&quot;,
  2761. &quot;thickness&quot;: {
  2762. &quot;unit&quot;: &quot;px&quot;,
  2763. &quot;value&quot;: 4.0
  2764. },
  2765. &quot;color&quot;: {
  2766. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2767. &quot;sitePaletteColor&quot;: {
  2768. &quot;colorName&quot;: &quot;black&quot;,
  2769. &quot;alphaModifier&quot;: 1.0
  2770. }
  2771. }
  2772. },
  2773. &quot;dropShadow&quot;: {
  2774. &quot;enabled&quot;: false,
  2775. &quot;blur&quot;: {
  2776. &quot;unit&quot;: &quot;px&quot;,
  2777. &quot;value&quot;: 30.0
  2778. },
  2779. &quot;spread&quot;: {
  2780. &quot;unit&quot;: &quot;px&quot;,
  2781. &quot;value&quot;: 0.0
  2782. },
  2783. &quot;distance&quot;: {
  2784. &quot;unit&quot;: &quot;px&quot;,
  2785. &quot;value&quot;: 0.0
  2786. },
  2787. &quot;color&quot;: {
  2788. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2789. &quot;sitePaletteColor&quot;: {
  2790. &quot;colorName&quot;: &quot;black&quot;,
  2791. &quot;alphaModifier&quot;: 1.0
  2792. }
  2793. }
  2794. },
  2795. &quot;blurBackground&quot;: {
  2796. &quot;enabled&quot;: false,
  2797. &quot;blurRadius&quot;: {
  2798. &quot;unit&quot;: &quot;px&quot;,
  2799. &quot;value&quot;: 12.0
  2800. }
  2801. },
  2802. &quot;backgroundColor&quot;: {
  2803. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2804. &quot;sitePaletteColor&quot;: {
  2805. &quot;colorName&quot;: &quot;white&quot;,
  2806. &quot;alphaModifier&quot;: 1.0
  2807. }
  2808. },
  2809. &quot;navigationColor&quot;: {
  2810. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2811. &quot;sitePaletteColor&quot;: {
  2812. &quot;colorName&quot;: &quot;black&quot;,
  2813. &quot;alphaModifier&quot;: 1.0
  2814. }
  2815. }
  2816. },
  2817. &quot;dropShadowOptions&quot;: {
  2818. &quot;enabled&quot;: false,
  2819. &quot;blur&quot;: {
  2820. &quot;unit&quot;: &quot;px&quot;,
  2821. &quot;value&quot;: 12.0
  2822. },
  2823. &quot;spread&quot;: {
  2824. &quot;unit&quot;: &quot;px&quot;,
  2825. &quot;value&quot;: 0.0
  2826. },
  2827. &quot;distance&quot;: {
  2828. &quot;unit&quot;: &quot;px&quot;,
  2829. &quot;value&quot;: 12.0
  2830. }
  2831. },
  2832. &quot;borderOptions&quot;: {
  2833. &quot;enabled&quot;: false,
  2834. &quot;position&quot;: &quot;bottom&quot;,
  2835. &quot;thickness&quot;: {
  2836. &quot;unit&quot;: &quot;px&quot;,
  2837. &quot;value&quot;: 4.0
  2838. }
  2839. },
  2840. &quot;showPromotedElement&quot;: false,
  2841. &quot;buttonVariant&quot;: &quot;primary&quot;,
  2842. &quot;blurBackground&quot;: {
  2843. &quot;enabled&quot;: false,
  2844. &quot;blurRadius&quot;: {
  2845. &quot;unit&quot;: &quot;px&quot;,
  2846. &quot;value&quot;: 12.0
  2847. }
  2848. },
  2849. &quot;headerOpacity&quot;: {
  2850. &quot;unit&quot;: &quot;%&quot;,
  2851. &quot;value&quot;: 100.0
  2852. }
  2853. }"
  2854.      data-section-id="overlay-nav"
  2855.      data-show-account-login="false"
  2856.      data-test="header-menu">
  2857.      <div class="header-menu-bg theme-bg--primary"></div>
  2858.      <div class="header-menu-nav">
  2859.        <nav class="header-menu-nav-list">
  2860.          <div data-folder="root" class="header-menu-nav-folder">
  2861.            <div class="header-menu-nav-folder-content">
  2862.              <!-- Menu Navigation -->
  2863. <div class="header-menu-nav-wrapper">
  2864.  
  2865.    
  2866.      
  2867.        
  2868.          <div class="container header-menu-nav-item">
  2869.            <a
  2870.              data-folder-id="/interior-doors-folder"
  2871.              href="/interior-doors-folder"
  2872.              
  2873.            >
  2874.              <div class="header-menu-nav-item-content">
  2875.                <span class="visually-hidden">Folder:</span>
  2876.                <span>Interior Doors</span>
  2877.                <span class="chevron chevron--right"></span>
  2878.              </div>
  2879.            </a>
  2880.          </div>
  2881.          <div data-folder="/interior-doors-folder" class="header-menu-nav-folder">
  2882.            <div class="header-menu-nav-folder-content">
  2883.              <div class="header-menu-controls container header-menu-nav-item">
  2884.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  2885.                  <span class="chevron chevron--left"></span><span>Back</span>
  2886.                </a>
  2887.              </div>
  2888.              
  2889.                
  2890.                  <div class="container header-menu-nav-item">
  2891.                    <a
  2892.                      href="/interior-doors/signature-collection"
  2893.                      
  2894.                    >
  2895.                      <div class="header-menu-nav-item-content">
  2896.                        Signature Collection
  2897.                      </div>
  2898.                    </a>
  2899.                  </div>
  2900.                
  2901.                
  2902.              
  2903.                
  2904.                  <div class="container header-menu-nav-item">
  2905.                    <a
  2906.                      href="/interior-doors/premium-doors"
  2907.                      
  2908.                    >
  2909.                      <div class="header-menu-nav-item-content">
  2910.                        Premium Doors
  2911.                      </div>
  2912.                    </a>
  2913.                  </div>
  2914.                
  2915.                
  2916.              
  2917.                
  2918.                  <div class="container header-menu-nav-item">
  2919.                    <a
  2920.                      href="/interior-doors/glass-doors"
  2921.                      
  2922.                    >
  2923.                      <div class="header-menu-nav-item-content">
  2924.                        Glass Doors
  2925.                      </div>
  2926.                    </a>
  2927.                  </div>
  2928.                
  2929.                
  2930.              
  2931.                
  2932.                  <div class="container header-menu-nav-item">
  2933.                    <a
  2934.                      href="/interior-doors/stain-grade-doors"
  2935.                      
  2936.                    >
  2937.                      <div class="header-menu-nav-item-content">
  2938.                        Stain Grade Doors
  2939.                      </div>
  2940.                    </a>
  2941.                  </div>
  2942.                
  2943.                
  2944.              
  2945.                
  2946.                  <div class="container header-menu-nav-item">
  2947.                    <a
  2948.                      href="/interior-doors/contemporary-doors"
  2949.                      
  2950.                    >
  2951.                      <div class="header-menu-nav-item-content">
  2952.                        Contemporary Doors
  2953.                      </div>
  2954.                    </a>
  2955.                  </div>
  2956.                
  2957.                
  2958.              
  2959.            </div>
  2960.          </div>
  2961.        
  2962.      
  2963.    
  2964.      
  2965.        
  2966.          <div class="container header-menu-nav-item">
  2967.            <a
  2968.              data-folder-id="/closet-doors-folder"
  2969.              href="/closet-doors-folder"
  2970.              
  2971.            >
  2972.              <div class="header-menu-nav-item-content">
  2973.                <span class="visually-hidden">Folder:</span>
  2974.                <span>Closet Doors</span>
  2975.                <span class="chevron chevron--right"></span>
  2976.              </div>
  2977.            </a>
  2978.          </div>
  2979.          <div data-folder="/closet-doors-folder" class="header-menu-nav-folder">
  2980.            <div class="header-menu-nav-folder-content">
  2981.              <div class="header-menu-controls container header-menu-nav-item">
  2982.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  2983.                  <span class="chevron chevron--left"></span><span>Back</span>
  2984.                </a>
  2985.              </div>
  2986.              
  2987.                
  2988.                  <div class="container header-menu-nav-item">
  2989.                    <a
  2990.                      href="/closet-doors/glass-closet-doors"
  2991.                      
  2992.                    >
  2993.                      <div class="header-menu-nav-item-content">
  2994.                        Glass Closet Doors
  2995.                      </div>
  2996.                    </a>
  2997.                  </div>
  2998.                
  2999.                
  3000.              
  3001.                
  3002.                  <div class="container header-menu-nav-item">
  3003.                    <a
  3004.                      href="/closet-doors/panel-louver-and-flush-doors"
  3005.                      
  3006.                    >
  3007.                      <div class="header-menu-nav-item-content">
  3008.                        Paneled &amp; Louver Doors
  3009.                      </div>
  3010.                    </a>
  3011.                  </div>
  3012.                
  3013.                
  3014.              
  3015.                
  3016.                  <div class="container header-menu-nav-item">
  3017.                    <a
  3018.                      href="/closet-doors/mirrored-closet-doors"
  3019.                      
  3020.                    >
  3021.                      <div class="header-menu-nav-item-content">
  3022.                        Mirrored Closet Doors
  3023.                      </div>
  3024.                    </a>
  3025.                  </div>
  3026.                
  3027.                
  3028.              
  3029.                
  3030.                  <div class="container header-menu-nav-item">
  3031.                    <a
  3032.                      href="/closet-doors/room-dividers"
  3033.                      
  3034.                    >
  3035.                      <div class="header-menu-nav-item-content">
  3036.                        Room Dividers
  3037.                      </div>
  3038.                    </a>
  3039.                  </div>
  3040.                
  3041.                
  3042.              
  3043.                
  3044.                  <div class="container header-menu-nav-item">
  3045.                    <a
  3046.                      href="/closet-doors/sliding-true-shoji"
  3047.                      
  3048.                    >
  3049.                      <div class="header-menu-nav-item-content">
  3050.                        True Shoji
  3051.                      </div>
  3052.                    </a>
  3053.                  </div>
  3054.                
  3055.                
  3056.              
  3057.            </div>
  3058.          </div>
  3059.        
  3060.      
  3061.    
  3062.      
  3063.        
  3064.          <div class="container header-menu-nav-item">
  3065.            <a
  3066.              data-folder-id="/barn-doors-folder"
  3067.              href="/barn-doors-folder"
  3068.              
  3069.            >
  3070.              <div class="header-menu-nav-item-content">
  3071.                <span class="visually-hidden">Folder:</span>
  3072.                <span>Barn Doors</span>
  3073.                <span class="chevron chevron--right"></span>
  3074.              </div>
  3075.            </a>
  3076.          </div>
  3077.          <div data-folder="/barn-doors-folder" class="header-menu-nav-folder">
  3078.            <div class="header-menu-nav-folder-content">
  3079.              <div class="header-menu-controls container header-menu-nav-item">
  3080.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3081.                  <span class="chevron chevron--left"></span><span>Back</span>
  3082.                </a>
  3083.              </div>
  3084.              
  3085.                
  3086.                  <div class="container header-menu-nav-item">
  3087.                    <a
  3088.                      href="/barn-doors/paneled-wood-doors"
  3089.                      
  3090.                    >
  3091.                      <div class="header-menu-nav-item-content">
  3092.                        Paneled Doors
  3093.                      </div>
  3094.                    </a>
  3095.                  </div>
  3096.                
  3097.                
  3098.              
  3099.                
  3100.                  <div class="container header-menu-nav-item">
  3101.                    <a
  3102.                      href="/barn-doors/glass-mirrored-doors"
  3103.                      
  3104.                    >
  3105.                      <div class="header-menu-nav-item-content">
  3106.                        Glass &amp; Mirrored Doors
  3107.                      </div>
  3108.                    </a>
  3109.                  </div>
  3110.                
  3111.                
  3112.              
  3113.                
  3114.                  <div class="container header-menu-nav-item">
  3115.                    <a
  3116.                      href="/barn-doors/tracks"
  3117.                      
  3118.                    >
  3119.                      <div class="header-menu-nav-item-content">
  3120.                        Tracks
  3121.                      </div>
  3122.                    </a>
  3123.                  </div>
  3124.                
  3125.                
  3126.              
  3127.                
  3128.                  <div class="container header-menu-nav-item">
  3129.                    <a
  3130.                      href="/barn-doors/pulls"
  3131.                      
  3132.                    >
  3133.                      <div class="header-menu-nav-item-content">
  3134.                        Pulls
  3135.                      </div>
  3136.                    </a>
  3137.                  </div>
  3138.                
  3139.                
  3140.              
  3141.            </div>
  3142.          </div>
  3143.        
  3144.      
  3145.    
  3146.      
  3147.        
  3148.          <div class="container header-menu-nav-item">
  3149.            <a
  3150.              data-folder-id="/organizers-folder"
  3151.              href="/organizers-folder"
  3152.              
  3153.            >
  3154.              <div class="header-menu-nav-item-content">
  3155.                <span class="visually-hidden">Folder:</span>
  3156.                <span>Organizers</span>
  3157.                <span class="chevron chevron--right"></span>
  3158.              </div>
  3159.            </a>
  3160.          </div>
  3161.          <div data-folder="/organizers-folder" class="header-menu-nav-folder">
  3162.            <div class="header-menu-nav-folder-content">
  3163.              <div class="header-menu-controls container header-menu-nav-item">
  3164.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3165.                  <span class="chevron chevron--left"></span><span>Back</span>
  3166.                </a>
  3167.              </div>
  3168.              
  3169.                
  3170.                  <div class="container header-menu-nav-item">
  3171.                    <a
  3172.                      href="/organizers/reach-in-closet-organizers"
  3173.                      
  3174.                    >
  3175.                      <div class="header-menu-nav-item-content">
  3176.                        Reach-in Closet Organizers
  3177.                      </div>
  3178.                    </a>
  3179.                  </div>
  3180.                
  3181.                
  3182.              
  3183.                
  3184.                  <div class="container header-menu-nav-item">
  3185.                    <a
  3186.                      href="/organizers/walk-in-closet-organizers"
  3187.                      
  3188.                    >
  3189.                      <div class="header-menu-nav-item-content">
  3190.                        Walk-in Closet Organizers
  3191.                      </div>
  3192.                    </a>
  3193.                  </div>
  3194.                
  3195.                
  3196.              
  3197.                
  3198.                  <div class="container header-menu-nav-item">
  3199.                    <a
  3200.                      href="/organizers/closet-accessories"
  3201.                      
  3202.                    >
  3203.                      <div class="header-menu-nav-item-content">
  3204.                        Closet Accessories
  3205.                      </div>
  3206.                    </a>
  3207.                  </div>
  3208.                
  3209.                
  3210.              
  3211.                
  3212.                  <div class="container header-menu-nav-item">
  3213.                    <a
  3214.                      href="/organizers/garage-accessories"
  3215.                      
  3216.                    >
  3217.                      <div class="header-menu-nav-item-content">
  3218.                        Garage Organizers
  3219.                      </div>
  3220.                    </a>
  3221.                  </div>
  3222.                
  3223.                
  3224.              
  3225.            </div>
  3226.          </div>
  3227.        
  3228.      
  3229.    
  3230.      
  3231.        
  3232.          <div class="container header-menu-nav-item">
  3233.            <a
  3234.              data-folder-id="/door-installation-folder"
  3235.              href="/door-installation-folder"
  3236.              
  3237.            >
  3238.              <div class="header-menu-nav-item-content">
  3239.                <span class="visually-hidden">Folder:</span>
  3240.                <span>Door Installation</span>
  3241.                <span class="chevron chevron--right"></span>
  3242.              </div>
  3243.            </a>
  3244.          </div>
  3245.          <div data-folder="/door-installation-folder" class="header-menu-nav-folder">
  3246.            <div class="header-menu-nav-folder-content">
  3247.              <div class="header-menu-controls container header-menu-nav-item">
  3248.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3249.                  <span class="chevron chevron--left"></span><span>Back</span>
  3250.                </a>
  3251.              </div>
  3252.              
  3253.                
  3254.                  <div class="container header-menu-nav-item">
  3255.                    <a
  3256.                      href="/door-installation/contractors"
  3257.                      
  3258.                    >
  3259.                      <div class="header-menu-nav-item-content">
  3260.                        Contractors
  3261.                      </div>
  3262.                    </a>
  3263.                  </div>
  3264.                
  3265.                
  3266.              
  3267.                
  3268.                  <div class="container header-menu-nav-item">
  3269.                    <a
  3270.                      href="/door-installation/real-estate-agents"
  3271.                      
  3272.                    >
  3273.                      <div class="header-menu-nav-item-content">
  3274.                        Real Estate Agents
  3275.                      </div>
  3276.                    </a>
  3277.                  </div>
  3278.                
  3279.                
  3280.              
  3281.                
  3282.                  <div class="container header-menu-nav-item">
  3283.                    <a
  3284.                      href="/door-installation/interior-designers"
  3285.                      
  3286.                    >
  3287.                      <div class="header-menu-nav-item-content">
  3288.                        Interior Designers
  3289.                      </div>
  3290.                    </a>
  3291.                  </div>
  3292.                
  3293.                
  3294.              
  3295.            </div>
  3296.          </div>
  3297.        
  3298.      
  3299.    
  3300.      
  3301.        
  3302.          
  3303.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3304.              <a
  3305.                href="/about"
  3306.                
  3307.              >
  3308.                <div class="header-menu-nav-item-content">
  3309.                  About Us
  3310.                </div>
  3311.              </a>
  3312.            </div>
  3313.          
  3314.        
  3315.      
  3316.    
  3317.      
  3318.        
  3319.          
  3320.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3321.              <a
  3322.                href="/testimonials"
  3323.                
  3324.              >
  3325.                <div class="header-menu-nav-item-content">
  3326.                  Testimonials
  3327.                </div>
  3328.              </a>
  3329.            </div>
  3330.          
  3331.        
  3332.      
  3333.    
  3334.      
  3335.        
  3336.          
  3337.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3338.              <a
  3339.                href="/contact-us"
  3340.                
  3341.              >
  3342.                <div class="header-menu-nav-item-content">
  3343.                  Contact Us
  3344.                </div>
  3345.              </a>
  3346.            </div>
  3347.          
  3348.        
  3349.      
  3350.    
  3351.  
  3352. </div>
  3353.  
  3354.              
  3355.            </div>
  3356.            
  3357.              <div class="header-menu-actions social-accounts">
  3358.                
  3359.                  
  3360.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3361.                      <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">
  3362.                        <svg viewBox="23 23 64 64">
  3363.                          <use xlink:href="#url-icon" width="110" height="110"></use>
  3364.                        </svg>
  3365.                      </a>
  3366.                    </div>
  3367.                  
  3368.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3369.                      <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">
  3370.                        <svg viewBox="23 23 64 64">
  3371.                          <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  3372.                        </svg>
  3373.                      </a>
  3374.                    </div>
  3375.                  
  3376.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3377.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://twitter.com/OCDoors" target="_blank" aria-label="Twitter">
  3378.                        <svg viewBox="23 23 64 64">
  3379.                          <use xlink:href="#twitter-unauth-icon" width="110" height="110"></use>
  3380.                        </svg>
  3381.                      </a>
  3382.                    </div>
  3383.                  
  3384.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3385.                      <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">
  3386.                        <svg viewBox="23 23 64 64">
  3387.                          <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  3388.                        </svg>
  3389.                      </a>
  3390.                    </div>
  3391.                  
  3392.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3393.                      <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">
  3394.                        <svg viewBox="23 23 64 64">
  3395.                          <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  3396.                        </svg>
  3397.                      </a>
  3398.                    </div>
  3399.                  
  3400.                
  3401.              </div>
  3402.            
  3403.            
  3404.            
  3405.          </div>
  3406.        </nav>
  3407.      </div>
  3408.    </div>
  3409.  </header>
  3410.  
  3411.  
  3412.  
  3413.  
  3414.      <main id="page" class="container" role="main">
  3415.        
  3416.          
  3417. <article class="sections" id="sections" data-page-sections="62dfa072528d6a3af102533f">
  3418.  
  3419.  
  3420.    
  3421.    
  3422.  
  3423.  
  3424.  
  3425.  
  3426.  
  3427. <section
  3428.  data-test="page-section"
  3429.  
  3430.  data-section-theme="white"
  3431.  class='page-section
  3432.    
  3433.      full-bleed-section
  3434.      layout-engine-section
  3435.    
  3436.    background-width--full-bleed
  3437.    
  3438.      
  3439.        section-height--custom
  3440.      
  3441.    
  3442.    
  3443.      content-width--wide
  3444.    
  3445.    horizontal-alignment--center
  3446.    vertical-alignment--middle
  3447.    
  3448.      
  3449.    
  3450.    
  3451.    white'
  3452.  
  3453.  data-section-id="62e0cb456bb68f266af7b2c6"
  3454.  
  3455.  data-controller="SectionWrapperController"
  3456.  data-current-styles="{
  3457. &quot;imageOverlayOpacity&quot;: 0.15,
  3458. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  3459. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  3460. &quot;customSectionHeight&quot;: 0,
  3461. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  3462. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  3463. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  3464. &quot;customContentWidth&quot;: 50,
  3465. &quot;backgroundColor&quot;: &quot;&quot;,
  3466. &quot;sectionTheme&quot;: &quot;white&quot;,
  3467. &quot;sectionAnimation&quot;: &quot;none&quot;,
  3468. &quot;backgroundMode&quot;: &quot;image&quot;
  3469. }"
  3470.  data-current-context="{
  3471. &quot;video&quot;: {
  3472. &quot;playbackSpeed&quot;: 0.5,
  3473. &quot;filter&quot;: 1,
  3474. &quot;filterStrength&quot;: 0,
  3475. &quot;zoom&quot;: 0,
  3476. &quot;videoSourceProvider&quot;: &quot;none&quot;
  3477. },
  3478. &quot;backgroundImageId&quot;: null,
  3479. &quot;backgroundMediaEffect&quot;: null,
  3480. &quot;divider&quot;: null,
  3481. &quot;typeName&quot;: &quot;page&quot;
  3482. }"
  3483.  data-animation="none"
  3484.  data-fluid-engine-section
  3485.  
  3486.  
  3487.  
  3488. >
  3489.  <div
  3490.    class="section-border"
  3491.    
  3492.  >
  3493.    <div class="section-background">
  3494.    
  3495.      
  3496.    
  3497.    </div>
  3498.  </div>
  3499.  <div
  3500.    class='content-wrapper'
  3501.    style='
  3502.      
  3503.        
  3504.          
  3505.          
  3506.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  3507.        
  3508.      
  3509.    '
  3510.  >
  3511.    <div
  3512.      class="content"
  3513.      
  3514.    >
  3515.      
  3516.      
  3517.      
  3518.      
  3519.      
  3520.      
  3521.      <div data-fluid-engine="true"><style>
  3522.  
  3523. .fe-62e0cb469d92f32ed9e4bec9 {
  3524.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  3525.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  3526.  
  3527.  display: grid;
  3528.  position: relative;
  3529.  grid-area: 1/1/-1/-1;
  3530.  grid-template-rows: repeat(15,minmax(24px, auto));
  3531.  grid-template-columns:
  3532.    minmax(var(--grid-gutter), 1fr)
  3533.    repeat(8, minmax(0, var(--cell-max-width)))
  3534.    minmax(var(--grid-gutter), 1fr);
  3535.  row-gap: 11.0px;
  3536.  column-gap: 11.0px;
  3537. }
  3538.  
  3539. @media (min-width: 768px) {
  3540.  .background-width--inset .fe-62e0cb469d92f32ed9e4bec9 {
  3541.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  3542.  }
  3543.  
  3544.  .fe-62e0cb469d92f32ed9e4bec9 {
  3545.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  3546.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  3547.    --inset-padding: 0vw;
  3548.  
  3549.    --row-height-scaling-factor: 0.0215;
  3550.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  3551.  
  3552.    grid-template-rows: repeat(13,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  3553.    grid-template-columns:
  3554.      minmax(var(--grid-gutter), 1fr)
  3555.      repeat(24, minmax(0, var(--cell-max-width)))
  3556.      minmax(var(--grid-gutter), 1fr);
  3557.  }
  3558. }
  3559.  
  3560.  
  3561.  .fe-block-yui_3_17_2_1_1658895487437_133502 {
  3562.    grid-area: 1/1/16/11;
  3563.    z-index: 1;
  3564.  
  3565.    @media (max-width: 767px) {
  3566.      
  3567.    }
  3568.  }
  3569.  
  3570.  .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block {
  3571.    justify-content: flex-start;
  3572.  }
  3573.  
  3574.  .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block-alignment-wrapper {
  3575.    align-items: flex-start;
  3576.  }
  3577.  
  3578.  @media (min-width: 768px) {
  3579.    .fe-block-yui_3_17_2_1_1658895487437_133502 {
  3580.      grid-area: 1/1/14/27;
  3581.      z-index: 1;
  3582.  
  3583.      
  3584.    }
  3585.  
  3586.    .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block {
  3587.      justify-content: flex-start;
  3588.    }
  3589.  
  3590.    .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block-alignment-wrapper {
  3591.      align-items: flex-start;
  3592.    }
  3593.  }
  3594.  
  3595. </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">
  3596.  
  3597.  
  3598.  
  3599.  
  3600.  
  3601.  
  3602.  
  3603. <div class="
  3604.  sqs-gallery-container
  3605.  sqs-gallery-block-grid
  3606.  sqs-gallery-aspect-ratio-square
  3607.  sqs-gallery-thumbnails-per-row-4
  3608.  
  3609.  
  3610.  
  3611.  
  3612.    
  3613.    
  3614.  
  3615.  sqs-gallery-block-show-meta
  3616.  
  3617.  
  3618.  
  3619.  
  3620.  
  3621.  
  3622.  
  3623.  block-animation-none
  3624.  clear"
  3625.  
  3626.  
  3627. >
  3628.  <div class="sqs-gallery">
  3629.    
  3630.      
  3631.  
  3632.        
  3633.  
  3634.        
  3635.  
  3636.        
  3637.          
  3638.            <div class="slide" data-type="image" data-animation-role="image">
  3639.              <div class="margin-wrapper">
  3640.                
  3641.                <a
  3642.                  
  3643.                    
  3644.                      role="presentation"
  3645.                    
  3646.                  
  3647.  
  3648.                  class="
  3649.                    image-slide-anchor
  3650.                    
  3651.                    content-fill
  3652.                  "
  3653.                >
  3654.                  
  3655.                  <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" />
  3656.                </a>
  3657.                
  3658.              </div>
  3659.            </div>
  3660.          
  3661.  
  3662.          
  3663.        
  3664.  
  3665.      
  3666.  
  3667.        
  3668.  
  3669.        
  3670.  
  3671.        
  3672.          
  3673.            <div class="slide" data-type="image" data-animation-role="image">
  3674.              <div class="margin-wrapper">
  3675.                
  3676.                <a
  3677.                  
  3678.                    
  3679.                      role="presentation"
  3680.                    
  3681.                  
  3682.  
  3683.                  class="
  3684.                    image-slide-anchor
  3685.                    
  3686.                    content-fill
  3687.                  "
  3688.                >
  3689.                  
  3690.                  <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.3829787234042553,0.2591274752475248" alt="interior door" data-load="false" data-image-id="64e842419722521e2f571351" data-type="image" />
  3691.                </a>
  3692.                
  3693.              </div>
  3694.            </div>
  3695.          
  3696.  
  3697.          
  3698.        
  3699.  
  3700.      
  3701.  
  3702.        
  3703.  
  3704.        
  3705.  
  3706.        
  3707.          
  3708.            <div class="slide" data-type="image" data-animation-role="image">
  3709.              <div class="margin-wrapper">
  3710.                
  3711.                <a
  3712.                  
  3713.                    
  3714.                      role="presentation"
  3715.                    
  3716.                  
  3717.  
  3718.                  class="
  3719.                    image-slide-anchor
  3720.                    
  3721.                    content-fill
  3722.                  "
  3723.                >
  3724.                  
  3725.                  <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" />
  3726.                </a>
  3727.                
  3728.              </div>
  3729.            </div>
  3730.          
  3731.  
  3732.          
  3733.        
  3734.  
  3735.      
  3736.  
  3737.        
  3738.  
  3739.        
  3740.  
  3741.        
  3742.          
  3743.            <div class="slide" data-type="image" data-animation-role="image">
  3744.              <div class="margin-wrapper">
  3745.                
  3746.                <a
  3747.                  
  3748.                    
  3749.                      role="presentation"
  3750.                    
  3751.                  
  3752.  
  3753.                  class="
  3754.                    image-slide-anchor
  3755.                    
  3756.                    content-fill
  3757.                  "
  3758.                >
  3759.                  
  3760.                  <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.5,0.5" alt="barn doors" data-load="false" data-image-id="62e0ccc44f63c20a01b2971f" data-type="image" />
  3761.                </a>
  3762.                
  3763.              </div>
  3764.            </div>
  3765.          
  3766.  
  3767.          
  3768.        
  3769.  
  3770.      
  3771.    
  3772.  </div>
  3773.  
  3774.  
  3775.  
  3776. </div>
  3777.  
  3778.  
  3779.  
  3780.  
  3781. <style type="text/css" id="design-grid-css">
  3782. #block-yui_3_17_2_1_1658895487437_133502 .sqs-gallery-block-grid .sqs-gallery-design-grid { margin-right: -20px; }
  3783. #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; }
  3784. </style>
  3785.  
  3786.  
  3787.  
  3788. </div></div></div></div></div>
  3789.    </div>
  3790.  
  3791.  </div>
  3792.  
  3793. </section>
  3794.  
  3795.  
  3796.    
  3797.    
  3798.  
  3799.  
  3800.  
  3801.  
  3802.  
  3803. <section
  3804.  data-test="page-section"
  3805.  
  3806.  data-section-theme="dark-bold"
  3807.  class='page-section
  3808.    
  3809.      full-bleed-section
  3810.      layout-engine-section
  3811.    
  3812.    background-width--full-bleed
  3813.    
  3814.      
  3815.        section-height--custom
  3816.      
  3817.    
  3818.    
  3819.      content-width--wide
  3820.    
  3821.    horizontal-alignment--center
  3822.    vertical-alignment--middle
  3823.    
  3824.      
  3825.    
  3826.    
  3827.    dark-bold'
  3828.  
  3829.  data-section-id="62e7a6759f6aeb2bb6a015ff"
  3830.  
  3831.  data-controller="SectionWrapperController"
  3832.  data-current-styles="{
  3833. &quot;imageOverlayOpacity&quot;: 0.15,
  3834. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  3835. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  3836. &quot;customSectionHeight&quot;: 0,
  3837. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  3838. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  3839. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  3840. &quot;customContentWidth&quot;: 50,
  3841. &quot;backgroundColor&quot;: &quot;&quot;,
  3842. &quot;sectionTheme&quot;: &quot;dark-bold&quot;,
  3843. &quot;sectionAnimation&quot;: &quot;none&quot;,
  3844. &quot;backgroundMode&quot;: &quot;image&quot;,
  3845. &quot;imageEffect&quot;: &quot;none&quot;
  3846. }"
  3847.  data-current-context="{
  3848. &quot;video&quot;: {
  3849. &quot;playbackSpeed&quot;: 0.5,
  3850. &quot;filter&quot;: 1,
  3851. &quot;filterStrength&quot;: 0,
  3852. &quot;zoom&quot;: 0,
  3853. &quot;videoSourceProvider&quot;: &quot;none&quot;
  3854. },
  3855. &quot;backgroundImageId&quot;: null,
  3856. &quot;backgroundMediaEffect&quot;: null,
  3857. &quot;divider&quot;: null,
  3858. &quot;typeName&quot;: &quot;page&quot;
  3859. }"
  3860.  data-animation="none"
  3861.  data-fluid-engine-section
  3862.  
  3863.  
  3864.  
  3865. >
  3866.  <div
  3867.    class="section-border"
  3868.    
  3869.  >
  3870.    <div class="section-background">
  3871.    
  3872.      
  3873.    
  3874.    </div>
  3875.  </div>
  3876.  <div
  3877.    class='content-wrapper'
  3878.    style='
  3879.      
  3880.        
  3881.          
  3882.          
  3883.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  3884.        
  3885.      
  3886.    '
  3887.  >
  3888.    <div
  3889.      class="content"
  3890.      
  3891.    >
  3892.      
  3893.      
  3894.      
  3895.      
  3896.      
  3897.      
  3898.      <div data-fluid-engine="true"><style>
  3899.  
  3900. .fe-62e7a675bd678f7ed99d3821 {
  3901.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 27.0px);
  3902.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (8 - 1)) ) / 8 );
  3903.  
  3904.  display: grid;
  3905.  position: relative;
  3906.  grid-area: 1/1/-1/-1;
  3907.  grid-template-rows: repeat(14,minmax(24px, auto));
  3908.  grid-template-columns:
  3909.    minmax(var(--grid-gutter), 1fr)
  3910.    repeat(8, minmax(0, var(--cell-max-width)))
  3911.    minmax(var(--grid-gutter), 1fr);
  3912.  row-gap: 11.0px;
  3913.  column-gap: 27.0px;
  3914. }
  3915.  
  3916. @media (min-width: 768px) {
  3917.  .background-width--inset .fe-62e7a675bd678f7ed99d3821 {
  3918.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  3919.  }
  3920.  
  3921.  .fe-62e7a675bd678f7ed99d3821 {
  3922.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 27.0px);
  3923.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (24 - 1)) ) / 24 );
  3924.    --inset-padding: 0vw;
  3925.  
  3926.    --row-height-scaling-factor: 0.0215;
  3927.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  3928.  
  3929.    grid-template-rows: repeat(10,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  3930.    grid-template-columns:
  3931.      minmax(var(--grid-gutter), 1fr)
  3932.      repeat(24, minmax(0, var(--cell-max-width)))
  3933.      minmax(var(--grid-gutter), 1fr);
  3934.  }
  3935. }
  3936.  
  3937.  
  3938.  .fe-block-yui_3_17_2_1_1659333611813_982208 {
  3939.    grid-area: 2/2/4/10;
  3940.    z-index: 2;
  3941.  
  3942.    @media (max-width: 767px) {
  3943.      
  3944.    }
  3945.  }
  3946.  
  3947.  .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block {
  3948.    justify-content: flex-start;
  3949.  }
  3950.  
  3951.  .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block-alignment-wrapper {
  3952.    align-items: flex-start;
  3953.  }
  3954.  
  3955.  @media (min-width: 768px) {
  3956.    .fe-block-yui_3_17_2_1_1659333611813_982208 {
  3957.      grid-area: 4/9/6/19;
  3958.      z-index: 2;
  3959.  
  3960.      
  3961.    }
  3962.  
  3963.    .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block {
  3964.      justify-content: flex-start;
  3965.    }
  3966.  
  3967.    .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block-alignment-wrapper {
  3968.      align-items: flex-start;
  3969.    }
  3970.  }
  3971.  
  3972.  .fe-block-yui_3_17_2_1_1659352525951_1011477 {
  3973.    grid-area: 4/3/7/5;
  3974.    z-index: 3;
  3975.  
  3976.    @media (max-width: 767px) {
  3977.      
  3978.    }
  3979.  }
  3980.  
  3981.  .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block {
  3982.    justify-content: center;
  3983.  }
  3984.  
  3985.  .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block-alignment-wrapper {
  3986.    align-items: center;
  3987.  }
  3988.  
  3989.  @media (min-width: 768px) {
  3990.    .fe-block-yui_3_17_2_1_1659352525951_1011477 {
  3991.      grid-area: 6/5/9/7;
  3992.      z-index: 3;
  3993.  
  3994.      
  3995.    }
  3996.  
  3997.    .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block {
  3998.      justify-content: center;
  3999.    }
  4000.  
  4001.    .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block-alignment-wrapper {
  4002.      align-items: center;
  4003.    }
  4004.  }
  4005.  
  4006.  .fe-block-yui_3_17_2_1_1659352525951_1023202 {
  4007.    grid-area: 4/5/7/7;
  4008.    z-index: 4;
  4009.  
  4010.    @media (max-width: 767px) {
  4011.      
  4012.    }
  4013.  }
  4014.  
  4015.  .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block {
  4016.    justify-content: center;
  4017.  }
  4018.  
  4019.  .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block-alignment-wrapper {
  4020.    align-items: center;
  4021.  }
  4022.  
  4023.  @media (min-width: 768px) {
  4024.    .fe-block-yui_3_17_2_1_1659352525951_1023202 {
  4025.      grid-area: 6/7/9/9;
  4026.      z-index: 4;
  4027.  
  4028.      
  4029.    }
  4030.  
  4031.    .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block {
  4032.      justify-content: center;
  4033.    }
  4034.  
  4035.    .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block-alignment-wrapper {
  4036.      align-items: center;
  4037.    }
  4038.  }
  4039.  
  4040.  .fe-block-yui_3_17_2_1_1659352525951_1031494 {
  4041.    grid-area: 4/7/7/9;
  4042.    z-index: 5;
  4043.  
  4044.    @media (max-width: 767px) {
  4045.      
  4046.    }
  4047.  }
  4048.  
  4049.  .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block {
  4050.    justify-content: center;
  4051.  }
  4052.  
  4053.  .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block-alignment-wrapper {
  4054.    align-items: center;
  4055.  }
  4056.  
  4057.  @media (min-width: 768px) {
  4058.    .fe-block-yui_3_17_2_1_1659352525951_1031494 {
  4059.      grid-area: 6/9/9/11;
  4060.      z-index: 5;
  4061.  
  4062.      
  4063.    }
  4064.  
  4065.    .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block {
  4066.      justify-content: center;
  4067.    }
  4068.  
  4069.    .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block-alignment-wrapper {
  4070.      align-items: center;
  4071.    }
  4072.  }
  4073.  
  4074.  .fe-block-yui_3_17_2_1_1659352525951_1061854 {
  4075.    grid-area: 7/7/10/9;
  4076.    z-index: 8;
  4077.  
  4078.    @media (max-width: 767px) {
  4079.      
  4080.    }
  4081.  }
  4082.  
  4083.  .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block {
  4084.    justify-content: center;
  4085.  }
  4086.  
  4087.  .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block-alignment-wrapper {
  4088.    align-items: center;
  4089.  }
  4090.  
  4091.  @media (min-width: 768px) {
  4092.    .fe-block-yui_3_17_2_1_1659352525951_1061854 {
  4093.      grid-area: 6/15/9/17;
  4094.      z-index: 8;
  4095.  
  4096.      
  4097.    }
  4098.  
  4099.    .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block {
  4100.      justify-content: center;
  4101.    }
  4102.  
  4103.    .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block-alignment-wrapper {
  4104.      align-items: center;
  4105.    }
  4106.  }
  4107.  
  4108.  .fe-block-yui_3_17_2_1_1659352525951_1048412 {
  4109.    grid-area: 7/3/10/5;
  4110.    z-index: 6;
  4111.  
  4112.    @media (max-width: 767px) {
  4113.      
  4114.    }
  4115.  }
  4116.  
  4117.  .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block {
  4118.    justify-content: center;
  4119.  }
  4120.  
  4121.  .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block-alignment-wrapper {
  4122.    align-items: center;
  4123.  }
  4124.  
  4125.  @media (min-width: 768px) {
  4126.    .fe-block-yui_3_17_2_1_1659352525951_1048412 {
  4127.      grid-area: 6/11/9/13;
  4128.      z-index: 6;
  4129.  
  4130.      
  4131.    }
  4132.  
  4133.    .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block {
  4134.      justify-content: center;
  4135.    }
  4136.  
  4137.    .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block-alignment-wrapper {
  4138.      align-items: center;
  4139.    }
  4140.  }
  4141.  
  4142.  .fe-block-yui_3_17_2_1_1659352525951_1055917 {
  4143.    grid-area: 7/5/10/7;
  4144.    z-index: 7;
  4145.  
  4146.    @media (max-width: 767px) {
  4147.      
  4148.    }
  4149.  }
  4150.  
  4151.  .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block {
  4152.    justify-content: center;
  4153.  }
  4154.  
  4155.  .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block-alignment-wrapper {
  4156.    align-items: center;
  4157.  }
  4158.  
  4159.  @media (min-width: 768px) {
  4160.    .fe-block-yui_3_17_2_1_1659352525951_1055917 {
  4161.      grid-area: 6/13/9/15;
  4162.      z-index: 7;
  4163.  
  4164.      
  4165.    }
  4166.  
  4167.    .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block {
  4168.      justify-content: center;
  4169.    }
  4170.  
  4171.    .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block-alignment-wrapper {
  4172.      align-items: center;
  4173.    }
  4174.  }
  4175.  
  4176.  .fe-block-yui_3_17_2_1_1659352525951_1089293 {
  4177.    grid-area: 10/7/13/9;
  4178.    z-index: 11;
  4179.  
  4180.    @media (max-width: 767px) {
  4181.      
  4182.    }
  4183.  }
  4184.  
  4185.  .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block {
  4186.    justify-content: center;
  4187.  }
  4188.  
  4189.  .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block-alignment-wrapper {
  4190.    align-items: center;
  4191.  }
  4192.  
  4193.  @media (min-width: 768px) {
  4194.    .fe-block-yui_3_17_2_1_1659352525951_1089293 {
  4195.      grid-area: 6/21/9/23;
  4196.      z-index: 11;
  4197.  
  4198.      
  4199.    }
  4200.  
  4201.    .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block {
  4202.      justify-content: center;
  4203.    }
  4204.  
  4205.    .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block-alignment-wrapper {
  4206.      align-items: center;
  4207.    }
  4208.  }
  4209.  
  4210.  .fe-block-yui_3_17_2_1_1659352525951_1068577 {
  4211.    grid-area: 10/3/13/5;
  4212.    z-index: 9;
  4213.  
  4214.    @media (max-width: 767px) {
  4215.      
  4216.    }
  4217.  }
  4218.  
  4219.  .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block {
  4220.    justify-content: center;
  4221.  }
  4222.  
  4223.  .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block-alignment-wrapper {
  4224.    align-items: center;
  4225.  }
  4226.  
  4227.  @media (min-width: 768px) {
  4228.    .fe-block-yui_3_17_2_1_1659352525951_1068577 {
  4229.      grid-area: 6/17/9/19;
  4230.      z-index: 9;
  4231.  
  4232.      
  4233.    }
  4234.  
  4235.    .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block {
  4236.      justify-content: center;
  4237.    }
  4238.  
  4239.    .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block-alignment-wrapper {
  4240.      align-items: center;
  4241.    }
  4242.  }
  4243.  
  4244.  .fe-block-yui_3_17_2_1_1659352525951_1081200 {
  4245.    grid-area: 10/5/13/7;
  4246.    z-index: 10;
  4247.  
  4248.    @media (max-width: 767px) {
  4249.      
  4250.    }
  4251.  }
  4252.  
  4253.  .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block {
  4254.    justify-content: center;
  4255.  }
  4256.  
  4257.  .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block-alignment-wrapper {
  4258.    align-items: center;
  4259.  }
  4260.  
  4261.  @media (min-width: 768px) {
  4262.    .fe-block-yui_3_17_2_1_1659352525951_1081200 {
  4263.      grid-area: 6/19/9/21;
  4264.      z-index: 10;
  4265.  
  4266.      
  4267.    }
  4268.  
  4269.    .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block {
  4270.      justify-content: center;
  4271.    }
  4272.  
  4273.    .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block-alignment-wrapper {
  4274.      align-items: center;
  4275.    }
  4276.  }
  4277.  
  4278. </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-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">
  4279.  
  4280. <div class="sqs-html-content">
  4281.  <h2 style="text-align:center;white-space:pre-wrap;">Trusted by</h2>
  4282. </div>
  4283.  
  4284.  
  4285.  
  4286.  
  4287.  
  4288.  
  4289.  
  4290.  
  4291.  
  4292.  
  4293.  
  4294.  
  4295.  
  4296.  
  4297.  
  4298.  
  4299.  
  4300.  
  4301.  
  4302.  
  4303.  
  4304.  
  4305.  
  4306.  
  4307.  
  4308. </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">
  4309.  
  4310.  
  4311.  
  4312.  
  4313.  
  4314.  
  4315.  
  4316.  
  4317.  
  4318.  
  4319.  
  4320.  
  4321.  
  4322.  
  4323.  
  4324.  
  4325.  
  4326.  
  4327.  
  4328.  
  4329.  
  4330.  
  4331.  
  4332.  
  4333.  
  4334.  
  4335.  
  4336.  
  4337.  
  4338.  
  4339.  
  4340.  
  4341.  
  4342.  
  4343.  
  4344.  
  4345.  
  4346.  
  4347.  
  4348.  
  4349.  
  4350.  
  4351.  
  4352.  
  4353.    
  4354.  
  4355.    <div
  4356.      class="
  4357.        image-block-outer-wrapper
  4358.        layout-caption-below
  4359.        design-layout-fluid
  4360.        image-position-center
  4361.        combination-animation-site-default
  4362.        individual-animation-site-default
  4363.      "
  4364.      data-test="image-block-fluid-outer-wrapper"
  4365.    >
  4366.      <div
  4367.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  4368.        data-animation-role="image"
  4369.        
  4370.  
  4371.  
  4372.      >
  4373.        <div
  4374.          class="fluid-image-container sqs-image-content"
  4375.          
  4376.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  4377.        >
  4378.          
  4379.  
  4380.          
  4381.          
  4382.  
  4383.          
  4384.            
  4385.              <div class="content-fit">
  4386.                
  4387.            
  4388.            
  4389.            
  4390.            
  4391.            
  4392.            
  4393.            <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">
  4394.  
  4395.            
  4396.              
  4397.            
  4398.            <div class="fluidImageOverlay"></div>
  4399.          
  4400.              </div>
  4401.            
  4402.          
  4403.  
  4404.        </div>
  4405.      </div>
  4406.    </div>
  4407.    <style>
  4408.      .sqs-block-image .sqs-block-content {
  4409.        height: 100%;
  4410.        width: 100%;
  4411.      }
  4412.  
  4413.      
  4414.        .fe-block-yui_3_17_2_1_1659352525951_1011477 .fluidImageOverlay {
  4415.          position: absolute;
  4416.          top: 0;
  4417.          left: 0;
  4418.          width: 100%;
  4419.          height: 100%;
  4420.          mix-blend-mode: ;
  4421.          
  4422.            
  4423.            
  4424.          
  4425.          
  4426.            opacity: 0;
  4427.          
  4428.        }
  4429.      
  4430.    </style>
  4431.  
  4432.  
  4433.  
  4434.  
  4435.  
  4436.  
  4437. </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">
  4438.  
  4439.  
  4440.  
  4441.  
  4442.  
  4443.  
  4444.  
  4445.  
  4446.  
  4447.  
  4448.  
  4449.  
  4450.  
  4451.  
  4452.  
  4453.  
  4454.  
  4455.  
  4456.  
  4457.  
  4458.  
  4459.  
  4460.  
  4461.  
  4462.  
  4463.  
  4464.  
  4465.  
  4466.  
  4467.  
  4468.  
  4469.  
  4470.  
  4471.  
  4472.  
  4473.  
  4474.  
  4475.  
  4476.  
  4477.  
  4478.  
  4479.  
  4480.  
  4481.  
  4482.    
  4483.  
  4484.    <div
  4485.      class="
  4486.        image-block-outer-wrapper
  4487.        layout-caption-below
  4488.        design-layout-fluid
  4489.        image-position-center
  4490.        combination-animation-site-default
  4491.        individual-animation-site-default
  4492.      "
  4493.      data-test="image-block-fluid-outer-wrapper"
  4494.    >
  4495.      <div
  4496.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  4497.        data-animation-role="image"
  4498.        
  4499.  
  4500.  
  4501.      >
  4502.        <div
  4503.          class="fluid-image-container sqs-image-content"
  4504.          
  4505.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  4506.        >
  4507.          
  4508.  
  4509.          
  4510.          
  4511.  
  4512.          
  4513.            
  4514.              <div class="content-fit">
  4515.                
  4516.            
  4517.            
  4518.            
  4519.            
  4520.            
  4521.            
  4522.            <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">
  4523.  
  4524.            
  4525.              
  4526.            
  4527.            <div class="fluidImageOverlay"></div>
  4528.          
  4529.              </div>
  4530.            
  4531.          
  4532.  
  4533.        </div>
  4534.      </div>
  4535.    </div>
  4536.    <style>
  4537.      .sqs-block-image .sqs-block-content {
  4538.        height: 100%;
  4539.        width: 100%;
  4540.      }
  4541.  
  4542.      
  4543.        .fe-block-yui_3_17_2_1_1659352525951_1023202 .fluidImageOverlay {
  4544.          position: absolute;
  4545.          top: 0;
  4546.          left: 0;
  4547.          width: 100%;
  4548.          height: 100%;
  4549.          mix-blend-mode: ;
  4550.          
  4551.            
  4552.            
  4553.          
  4554.          
  4555.            opacity: 0;
  4556.          
  4557.        }
  4558.      
  4559.    </style>
  4560.  
  4561.  
  4562.  
  4563.  
  4564.  
  4565.  
  4566. </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">
  4567.  
  4568.  
  4569.  
  4570.  
  4571.  
  4572.  
  4573.  
  4574.  
  4575.  
  4576.  
  4577.  
  4578.  
  4579.  
  4580.  
  4581.  
  4582.  
  4583.  
  4584.  
  4585.  
  4586.  
  4587.  
  4588.  
  4589.  
  4590.  
  4591.  
  4592.  
  4593.  
  4594.  
  4595.  
  4596.  
  4597.  
  4598.  
  4599.  
  4600.  
  4601.  
  4602.  
  4603.  
  4604.  
  4605.  
  4606.  
  4607.  
  4608.  
  4609.  
  4610.  
  4611.    
  4612.  
  4613.    <div
  4614.      class="
  4615.        image-block-outer-wrapper
  4616.        layout-caption-below
  4617.        design-layout-fluid
  4618.        image-position-center
  4619.        combination-animation-site-default
  4620.        individual-animation-site-default
  4621.      "
  4622.      data-test="image-block-fluid-outer-wrapper"
  4623.    >
  4624.      <div
  4625.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  4626.        data-animation-role="image"
  4627.        
  4628.  
  4629.  
  4630.      >
  4631.        <div
  4632.          class="fluid-image-container sqs-image-content"
  4633.          
  4634.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  4635.        >
  4636.          
  4637.  
  4638.          
  4639.          
  4640.  
  4641.          
  4642.            
  4643.              <div class="content-fit">
  4644.                
  4645.            
  4646.            
  4647.            
  4648.            
  4649.            
  4650.            
  4651.            <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">
  4652.  
  4653.            
  4654.              
  4655.            
  4656.            <div class="fluidImageOverlay"></div>
  4657.          
  4658.              </div>
  4659.            
  4660.          
  4661.  
  4662.        </div>
  4663.      </div>
  4664.    </div>
  4665.    <style>
  4666.      .sqs-block-image .sqs-block-content {
  4667.        height: 100%;
  4668.        width: 100%;
  4669.      }
  4670.  
  4671.      
  4672.        .fe-block-yui_3_17_2_1_1659352525951_1031494 .fluidImageOverlay {
  4673.          position: absolute;
  4674.          top: 0;
  4675.          left: 0;
  4676.          width: 100%;
  4677.          height: 100%;
  4678.          mix-blend-mode: ;
  4679.          
  4680.            
  4681.            
  4682.          
  4683.          
  4684.            opacity: 0;
  4685.          
  4686.        }
  4687.      
  4688.    </style>
  4689.  
  4690.  
  4691.  
  4692.  
  4693.  
  4694.  
  4695. </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">
  4696.  
  4697.  
  4698.  
  4699.  
  4700.  
  4701.  
  4702.  
  4703.  
  4704.  
  4705.  
  4706.  
  4707.  
  4708.  
  4709.  
  4710.  
  4711.  
  4712.  
  4713.  
  4714.  
  4715.  
  4716.  
  4717.  
  4718.  
  4719.  
  4720.  
  4721.  
  4722.  
  4723.  
  4724.  
  4725.  
  4726.  
  4727.  
  4728.  
  4729.  
  4730.  
  4731.  
  4732.  
  4733.  
  4734.  
  4735.  
  4736.  
  4737.  
  4738.  
  4739.  
  4740.    
  4741.  
  4742.    <div
  4743.      class="
  4744.        image-block-outer-wrapper
  4745.        layout-caption-below
  4746.        design-layout-fluid
  4747.        image-position-center
  4748.        combination-animation-site-default
  4749.        individual-animation-site-default
  4750.      "
  4751.      data-test="image-block-fluid-outer-wrapper"
  4752.    >
  4753.      <div
  4754.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  4755.        data-animation-role="image"
  4756.        
  4757.  
  4758.  
  4759.      >
  4760.        <div
  4761.          class="fluid-image-container sqs-image-content"
  4762.          
  4763.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  4764.        >
  4765.          
  4766.  
  4767.          
  4768.          
  4769.  
  4770.          
  4771.            
  4772.              <div class="content-fit">
  4773.                
  4774.            
  4775.            
  4776.            
  4777.            
  4778.            
  4779.            
  4780.            <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">
  4781.  
  4782.            
  4783.              
  4784.            
  4785.            <div class="fluidImageOverlay"></div>
  4786.          
  4787.              </div>
  4788.            
  4789.          
  4790.  
  4791.        </div>
  4792.      </div>
  4793.    </div>
  4794.    <style>
  4795.      .sqs-block-image .sqs-block-content {
  4796.        height: 100%;
  4797.        width: 100%;
  4798.      }
  4799.  
  4800.      
  4801.        .fe-block-yui_3_17_2_1_1659352525951_1061854 .fluidImageOverlay {
  4802.          position: absolute;
  4803.          top: 0;
  4804.          left: 0;
  4805.          width: 100%;
  4806.          height: 100%;
  4807.          mix-blend-mode: ;
  4808.          
  4809.            
  4810.            
  4811.          
  4812.          
  4813.            opacity: 0;
  4814.          
  4815.        }
  4816.      
  4817.    </style>
  4818.  
  4819.  
  4820.  
  4821.  
  4822.  
  4823.  
  4824. </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">
  4825.  
  4826.  
  4827.  
  4828.  
  4829.  
  4830.  
  4831.  
  4832.  
  4833.  
  4834.  
  4835.  
  4836.  
  4837.  
  4838.  
  4839.  
  4840.  
  4841.  
  4842.  
  4843.  
  4844.  
  4845.  
  4846.  
  4847.  
  4848.  
  4849.  
  4850.  
  4851.  
  4852.  
  4853.  
  4854.  
  4855.  
  4856.  
  4857.  
  4858.  
  4859.  
  4860.  
  4861.  
  4862.  
  4863.  
  4864.  
  4865.  
  4866.  
  4867.  
  4868.  
  4869.    
  4870.  
  4871.    <div
  4872.      class="
  4873.        image-block-outer-wrapper
  4874.        layout-caption-below
  4875.        design-layout-fluid
  4876.        image-position-center
  4877.        combination-animation-site-default
  4878.        individual-animation-site-default
  4879.      "
  4880.      data-test="image-block-fluid-outer-wrapper"
  4881.    >
  4882.      <div
  4883.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  4884.        data-animation-role="image"
  4885.        
  4886.  
  4887.  
  4888.      >
  4889.        <div
  4890.          class="fluid-image-container sqs-image-content"
  4891.          
  4892.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  4893.        >
  4894.          
  4895.  
  4896.          
  4897.          
  4898.  
  4899.          
  4900.            
  4901.              <div class="content-fit">
  4902.                
  4903.            
  4904.            
  4905.            
  4906.            
  4907.            
  4908.            
  4909.            <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">
  4910.  
  4911.            
  4912.              
  4913.            
  4914.            <div class="fluidImageOverlay"></div>
  4915.          
  4916.              </div>
  4917.            
  4918.          
  4919.  
  4920.        </div>
  4921.      </div>
  4922.    </div>
  4923.    <style>
  4924.      .sqs-block-image .sqs-block-content {
  4925.        height: 100%;
  4926.        width: 100%;
  4927.      }
  4928.  
  4929.      
  4930.        .fe-block-yui_3_17_2_1_1659352525951_1048412 .fluidImageOverlay {
  4931.          position: absolute;
  4932.          top: 0;
  4933.          left: 0;
  4934.          width: 100%;
  4935.          height: 100%;
  4936.          mix-blend-mode: ;
  4937.          
  4938.            
  4939.            
  4940.          
  4941.          
  4942.            opacity: 0;
  4943.          
  4944.        }
  4945.      
  4946.    </style>
  4947.  
  4948.  
  4949.  
  4950.  
  4951.  
  4952.  
  4953. </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">
  4954.  
  4955.  
  4956.  
  4957.  
  4958.  
  4959.  
  4960.  
  4961.  
  4962.  
  4963.  
  4964.  
  4965.  
  4966.  
  4967.  
  4968.  
  4969.  
  4970.  
  4971.  
  4972.  
  4973.  
  4974.  
  4975.  
  4976.  
  4977.  
  4978.  
  4979.  
  4980.  
  4981.  
  4982.  
  4983.  
  4984.  
  4985.  
  4986.  
  4987.  
  4988.  
  4989.  
  4990.  
  4991.  
  4992.  
  4993.  
  4994.  
  4995.  
  4996.  
  4997.  
  4998.    
  4999.  
  5000.    <div
  5001.      class="
  5002.        image-block-outer-wrapper
  5003.        layout-caption-below
  5004.        design-layout-fluid
  5005.        image-position-center
  5006.        combination-animation-site-default
  5007.        individual-animation-site-default
  5008.      "
  5009.      data-test="image-block-fluid-outer-wrapper"
  5010.    >
  5011.      <div
  5012.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5013.        data-animation-role="image"
  5014.        
  5015.  
  5016.  
  5017.      >
  5018.        <div
  5019.          class="fluid-image-container sqs-image-content"
  5020.          
  5021.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5022.        >
  5023.          
  5024.  
  5025.          
  5026.          
  5027.  
  5028.          
  5029.            
  5030.              <div class="content-fit">
  5031.                
  5032.            
  5033.            
  5034.            
  5035.            
  5036.            
  5037.            
  5038.            <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">
  5039.  
  5040.            
  5041.              
  5042.            
  5043.            <div class="fluidImageOverlay"></div>
  5044.          
  5045.              </div>
  5046.            
  5047.          
  5048.  
  5049.        </div>
  5050.      </div>
  5051.    </div>
  5052.    <style>
  5053.      .sqs-block-image .sqs-block-content {
  5054.        height: 100%;
  5055.        width: 100%;
  5056.      }
  5057.  
  5058.      
  5059.        .fe-block-yui_3_17_2_1_1659352525951_1055917 .fluidImageOverlay {
  5060.          position: absolute;
  5061.          top: 0;
  5062.          left: 0;
  5063.          width: 100%;
  5064.          height: 100%;
  5065.          mix-blend-mode: ;
  5066.          
  5067.            
  5068.            
  5069.          
  5070.          
  5071.            opacity: 0;
  5072.          
  5073.        }
  5074.      
  5075.    </style>
  5076.  
  5077.  
  5078.  
  5079.  
  5080.  
  5081.  
  5082. </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">
  5083.  
  5084.  
  5085.  
  5086.  
  5087.  
  5088.  
  5089.  
  5090.  
  5091.  
  5092.  
  5093.  
  5094.  
  5095.  
  5096.  
  5097.  
  5098.  
  5099.  
  5100.  
  5101.  
  5102.  
  5103.  
  5104.  
  5105.  
  5106.  
  5107.  
  5108.  
  5109.  
  5110.  
  5111.  
  5112.  
  5113.  
  5114.  
  5115.  
  5116.  
  5117.  
  5118.  
  5119.  
  5120.  
  5121.  
  5122.  
  5123.  
  5124.  
  5125.  
  5126.  
  5127.    
  5128.  
  5129.    <div
  5130.      class="
  5131.        image-block-outer-wrapper
  5132.        layout-caption-below
  5133.        design-layout-fluid
  5134.        image-position-center
  5135.        combination-animation-site-default
  5136.        individual-animation-site-default
  5137.      "
  5138.      data-test="image-block-fluid-outer-wrapper"
  5139.    >
  5140.      <div
  5141.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5142.        data-animation-role="image"
  5143.        
  5144.  
  5145.  
  5146.      >
  5147.        <div
  5148.          class="fluid-image-container sqs-image-content"
  5149.          
  5150.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5151.        >
  5152.          
  5153.  
  5154.          
  5155.          
  5156.  
  5157.          
  5158.            
  5159.              <div class="content-fit">
  5160.                
  5161.            
  5162.            
  5163.            
  5164.            
  5165.            
  5166.            
  5167.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/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">
  5168.  
  5169.            
  5170.              
  5171.            
  5172.            <div class="fluidImageOverlay"></div>
  5173.          
  5174.              </div>
  5175.            
  5176.          
  5177.  
  5178.        </div>
  5179.      </div>
  5180.    </div>
  5181.    <style>
  5182.      .sqs-block-image .sqs-block-content {
  5183.        height: 100%;
  5184.        width: 100%;
  5185.      }
  5186.  
  5187.      
  5188.        .fe-block-yui_3_17_2_1_1659352525951_1089293 .fluidImageOverlay {
  5189.          position: absolute;
  5190.          top: 0;
  5191.          left: 0;
  5192.          width: 100%;
  5193.          height: 100%;
  5194.          mix-blend-mode: ;
  5195.          
  5196.            
  5197.            
  5198.          
  5199.          
  5200.            opacity: 0;
  5201.          
  5202.        }
  5203.      
  5204.    </style>
  5205.  
  5206.  
  5207.  
  5208.  
  5209.  
  5210.  
  5211. </div></div></div><div class="fe-block fe-block-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">
  5212.  
  5213.  
  5214.  
  5215.  
  5216.  
  5217.  
  5218.  
  5219.  
  5220.  
  5221.  
  5222.  
  5223.  
  5224.  
  5225.  
  5226.  
  5227.  
  5228.  
  5229.  
  5230.  
  5231.  
  5232.  
  5233.  
  5234.  
  5235.  
  5236.  
  5237.  
  5238.  
  5239.  
  5240.  
  5241.  
  5242.  
  5243.  
  5244.  
  5245.  
  5246.  
  5247.  
  5248.  
  5249.  
  5250.  
  5251.  
  5252.  
  5253.  
  5254.  
  5255.  
  5256.    
  5257.  
  5258.    <div
  5259.      class="
  5260.        image-block-outer-wrapper
  5261.        layout-caption-below
  5262.        design-layout-fluid
  5263.        image-position-center
  5264.        combination-animation-site-default
  5265.        individual-animation-site-default
  5266.      "
  5267.      data-test="image-block-fluid-outer-wrapper"
  5268.    >
  5269.      <div
  5270.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5271.        data-animation-role="image"
  5272.        
  5273.  
  5274.  
  5275.      >
  5276.        <div
  5277.          class="fluid-image-container sqs-image-content"
  5278.          
  5279.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5280.        >
  5281.          
  5282.  
  5283.          
  5284.          
  5285.  
  5286.          
  5287.            
  5288.              <div class="content-fit">
  5289.                
  5290.            
  5291.            
  5292.            
  5293.            
  5294.            
  5295.            
  5296.            <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">
  5297.  
  5298.            
  5299.              
  5300.            
  5301.            <div class="fluidImageOverlay"></div>
  5302.          
  5303.              </div>
  5304.            
  5305.          
  5306.  
  5307.        </div>
  5308.      </div>
  5309.    </div>
  5310.    <style>
  5311.      .sqs-block-image .sqs-block-content {
  5312.        height: 100%;
  5313.        width: 100%;
  5314.      }
  5315.  
  5316.      
  5317.        .fe-block-yui_3_17_2_1_1659352525951_1068577 .fluidImageOverlay {
  5318.          position: absolute;
  5319.          top: 0;
  5320.          left: 0;
  5321.          width: 100%;
  5322.          height: 100%;
  5323.          mix-blend-mode: ;
  5324.          
  5325.            
  5326.            
  5327.          
  5328.          
  5329.            opacity: 0;
  5330.          
  5331.        }
  5332.      
  5333.    </style>
  5334.  
  5335.  
  5336.  
  5337.  
  5338.  
  5339.  
  5340. </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">
  5341.  
  5342.  
  5343.  
  5344.  
  5345.  
  5346.  
  5347.  
  5348.  
  5349.  
  5350.  
  5351.  
  5352.  
  5353.  
  5354.  
  5355.  
  5356.  
  5357.  
  5358.  
  5359.  
  5360.  
  5361.  
  5362.  
  5363.  
  5364.  
  5365.  
  5366.  
  5367.  
  5368.  
  5369.  
  5370.  
  5371.  
  5372.  
  5373.  
  5374.  
  5375.  
  5376.  
  5377.  
  5378.  
  5379.  
  5380.  
  5381.  
  5382.  
  5383.  
  5384.  
  5385.    
  5386.  
  5387.    <div
  5388.      class="
  5389.        image-block-outer-wrapper
  5390.        layout-caption-below
  5391.        design-layout-fluid
  5392.        image-position-center
  5393.        combination-animation-site-default
  5394.        individual-animation-site-default
  5395.      "
  5396.      data-test="image-block-fluid-outer-wrapper"
  5397.    >
  5398.      <div
  5399.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5400.        data-animation-role="image"
  5401.        
  5402.  
  5403.  
  5404.      >
  5405.        <div
  5406.          class="fluid-image-container sqs-image-content"
  5407.          
  5408.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5409.        >
  5410.          
  5411.  
  5412.          
  5413.          
  5414.  
  5415.          
  5416.            
  5417.              <div class="content-fit">
  5418.                
  5419.            
  5420.            
  5421.            
  5422.            
  5423.            
  5424.            
  5425.            <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">
  5426.  
  5427.            
  5428.              
  5429.            
  5430.            <div class="fluidImageOverlay"></div>
  5431.          
  5432.              </div>
  5433.            
  5434.          
  5435.  
  5436.        </div>
  5437.      </div>
  5438.    </div>
  5439.    <style>
  5440.      .sqs-block-image .sqs-block-content {
  5441.        height: 100%;
  5442.        width: 100%;
  5443.      }
  5444.  
  5445.      
  5446.        .fe-block-yui_3_17_2_1_1659352525951_1081200 .fluidImageOverlay {
  5447.          position: absolute;
  5448.          top: 0;
  5449.          left: 0;
  5450.          width: 100%;
  5451.          height: 100%;
  5452.          mix-blend-mode: ;
  5453.          
  5454.            
  5455.            
  5456.          
  5457.          
  5458.            opacity: 0;
  5459.          
  5460.        }
  5461.      
  5462.    </style>
  5463.  
  5464.  
  5465.  
  5466.  
  5467.  
  5468.  
  5469. </div></div></div></div></div>
  5470.    </div>
  5471.  
  5472.  </div>
  5473.  
  5474. </section>
  5475.  
  5476.  
  5477.    
  5478.    
  5479.  
  5480.  
  5481.  
  5482.  
  5483.  
  5484. <section
  5485.  data-test="page-section"
  5486.  
  5487.  data-section-theme="white"
  5488.  class='page-section
  5489.    
  5490.      full-bleed-section
  5491.      layout-engine-section
  5492.    
  5493.    background-width--full-bleed
  5494.    
  5495.      
  5496.        section-height--custom
  5497.      
  5498.    
  5499.    
  5500.      content-width--wide
  5501.    
  5502.    horizontal-alignment--center
  5503.    vertical-alignment--middle
  5504.    
  5505.      
  5506.    
  5507.    
  5508.    white'
  5509.  
  5510.  data-section-id="62e74fee9f6aeb2bb6997590"
  5511.  
  5512.  data-controller="SectionWrapperController"
  5513.  data-current-styles="{
  5514. &quot;imageOverlayOpacity&quot;: 0.15,
  5515. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  5516. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  5517. &quot;customSectionHeight&quot;: 0,
  5518. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  5519. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  5520. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  5521. &quot;customContentWidth&quot;: 50,
  5522. &quot;sectionTheme&quot;: &quot;white&quot;,
  5523. &quot;sectionAnimation&quot;: &quot;none&quot;,
  5524. &quot;backgroundMode&quot;: &quot;image&quot;
  5525. }"
  5526.  data-current-context="{
  5527. &quot;video&quot;: {
  5528. &quot;playbackSpeed&quot;: 0.5,
  5529. &quot;filter&quot;: 1,
  5530. &quot;filterStrength&quot;: 0,
  5531. &quot;zoom&quot;: 0,
  5532. &quot;videoSourceProvider&quot;: &quot;none&quot;
  5533. },
  5534. &quot;backgroundImageId&quot;: null,
  5535. &quot;backgroundMediaEffect&quot;: null,
  5536. &quot;divider&quot;: null,
  5537. &quot;typeName&quot;: &quot;page&quot;
  5538. }"
  5539.  data-animation="none"
  5540.  data-fluid-engine-section
  5541.  
  5542.  
  5543.  
  5544. >
  5545.  <div
  5546.    class="section-border"
  5547.    
  5548.  >
  5549.    <div class="section-background">
  5550.    
  5551.      
  5552.    
  5553.    </div>
  5554.  </div>
  5555.  <div
  5556.    class='content-wrapper'
  5557.    style='
  5558.      
  5559.        
  5560.          
  5561.          
  5562.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  5563.        
  5564.      
  5565.    '
  5566.  >
  5567.    <div
  5568.      class="content"
  5569.      
  5570.    >
  5571.      
  5572.      
  5573.      
  5574.      
  5575.      
  5576.      
  5577.      <div data-fluid-engine="true"><style>
  5578.  
  5579. .fe-62e74fee9f6aeb2bb699758f {
  5580.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  5581.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  5582.  
  5583.  display: grid;
  5584.  position: relative;
  5585.  grid-area: 1/1/-1/-1;
  5586.  grid-template-rows: repeat(39,minmax(24px, auto));
  5587.  grid-template-columns:
  5588.    minmax(var(--grid-gutter), 1fr)
  5589.    repeat(8, minmax(0, var(--cell-max-width)))
  5590.    minmax(var(--grid-gutter), 1fr);
  5591.  row-gap: 0.0px;
  5592.  column-gap: 0.0px;
  5593. }
  5594.  
  5595. @media (min-width: 768px) {
  5596.  .background-width--inset .fe-62e74fee9f6aeb2bb699758f {
  5597.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  5598.  }
  5599.  
  5600.  .fe-62e74fee9f6aeb2bb699758f {
  5601.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  5602.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  5603.    --inset-padding: 0vw;
  5604.  
  5605.    --row-height-scaling-factor: 0.0215;
  5606.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  5607.  
  5608.    grid-template-rows: repeat(22,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  5609.    grid-template-columns:
  5610.      minmax(var(--grid-gutter), 1fr)
  5611.      repeat(24, minmax(0, var(--cell-max-width)))
  5612.      minmax(var(--grid-gutter), 1fr);
  5613.  }
  5614. }
  5615.  
  5616.  
  5617.  .fe-block-984b0e07179ef614a1c6 {
  5618.    grid-area: 3/3/14/9;
  5619.    z-index: 0;
  5620.  
  5621.    @media (max-width: 767px) {
  5622.      
  5623.    }
  5624.  }
  5625.  
  5626.  .fe-block-984b0e07179ef614a1c6 .sqs-block {
  5627.    justify-content: center;
  5628.  }
  5629.  
  5630.  .fe-block-984b0e07179ef614a1c6 .sqs-block-alignment-wrapper {
  5631.    align-items: center;
  5632.  }
  5633.  
  5634.  @media (min-width: 768px) {
  5635.    .fe-block-984b0e07179ef614a1c6 {
  5636.      grid-area: 4/3/20/13;
  5637.      z-index: 0;
  5638.  
  5639.      
  5640.    }
  5641.  
  5642.    .fe-block-984b0e07179ef614a1c6 .sqs-block {
  5643.      justify-content: center;
  5644.    }
  5645.  
  5646.    .fe-block-984b0e07179ef614a1c6 .sqs-block-alignment-wrapper {
  5647.      align-items: center;
  5648.    }
  5649.  }
  5650.  
  5651.  .fe-block-871a96805dbbbcacb711 {
  5652.    grid-area: 16/2/35/10;
  5653.    z-index: 4;
  5654.  
  5655.    @media (max-width: 767px) {
  5656.      
  5657.    }
  5658.  }
  5659.  
  5660.  .fe-block-871a96805dbbbcacb711 .sqs-block {
  5661.    justify-content: flex-start;
  5662.  }
  5663.  
  5664.  .fe-block-871a96805dbbbcacb711 .sqs-block-alignment-wrapper {
  5665.    align-items: flex-start;
  5666.  }
  5667.  
  5668.  @media (min-width: 768px) {
  5669.    .fe-block-871a96805dbbbcacb711 {
  5670.      grid-area: 3/15/20/25;
  5671.      z-index: 4;
  5672.  
  5673.      
  5674.    }
  5675.  
  5676.    .fe-block-871a96805dbbbcacb711 .sqs-block {
  5677.      justify-content: flex-start;
  5678.    }
  5679.  
  5680.    .fe-block-871a96805dbbbcacb711 .sqs-block-alignment-wrapper {
  5681.      align-items: flex-start;
  5682.    }
  5683.  }
  5684.  
  5685.  .fe-block-yui_3_17_2_1_1659325685751_93644 {
  5686.    grid-area: 36/4/38/8;
  5687.    z-index: 5;
  5688.  
  5689.    @media (max-width: 767px) {
  5690.      
  5691.    }
  5692.  }
  5693.  
  5694.  .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block {
  5695.    justify-content: center;
  5696.  }
  5697.  
  5698.  .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block-alignment-wrapper {
  5699.    align-items: center;
  5700.  }
  5701.  
  5702.  @media (min-width: 768px) {
  5703.    .fe-block-yui_3_17_2_1_1659325685751_93644 {
  5704.      grid-area: 21/15/23/20;
  5705.      z-index: 5;
  5706.  
  5707.      
  5708.    }
  5709.  
  5710.    .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block {
  5711.      justify-content: center;
  5712.    }
  5713.  
  5714.    .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block-alignment-wrapper {
  5715.      align-items: center;
  5716.    }
  5717.  }
  5718.  
  5719. </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">
  5720.  
  5721.  
  5722.  
  5723.  
  5724.  
  5725.  
  5726.  
  5727.  
  5728.  
  5729.  
  5730.  
  5731.  
  5732.  
  5733.  
  5734.  
  5735.  
  5736.  
  5737.  
  5738.  
  5739.  
  5740.  
  5741.  
  5742.  
  5743.  
  5744.  
  5745.  
  5746.  
  5747.  
  5748.  
  5749.  
  5750.  
  5751.  
  5752.  
  5753.  
  5754.  
  5755.  
  5756.  
  5757.  
  5758.  
  5759.  
  5760.  
  5761.  
  5762.  
  5763.  
  5764.    
  5765.  
  5766.    <div
  5767.      class="
  5768.        image-block-outer-wrapper
  5769.        layout-caption-below
  5770.        design-layout-fluid
  5771.        image-position-center
  5772.        combination-animation-site-default
  5773.        individual-animation-site-default
  5774.      "
  5775.      data-test="image-block-fluid-outer-wrapper"
  5776.    >
  5777.      <div
  5778.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5779.        data-animation-role="image"
  5780.        
  5781.  
  5782.  
  5783.      >
  5784.        <div
  5785.          class="fluid-image-container sqs-image-content"
  5786.          
  5787.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5788.        >
  5789.          
  5790.  
  5791.          
  5792.          
  5793.  
  5794.          
  5795.            
  5796.              <div class="content-fill">
  5797.                
  5798.            
  5799.            
  5800.            
  5801.            
  5802.            
  5803.            
  5804.            <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">
  5805.  
  5806.            
  5807.              
  5808.            
  5809.            <div class="fluidImageOverlay"></div>
  5810.          
  5811.              </div>
  5812.            
  5813.          
  5814.  
  5815.        </div>
  5816.      </div>
  5817.    </div>
  5818.    <style>
  5819.      .sqs-block-image .sqs-block-content {
  5820.        height: 100%;
  5821.        width: 100%;
  5822.      }
  5823.  
  5824.      
  5825.        .fe-block-984b0e07179ef614a1c6 .fluidImageOverlay {
  5826.          position: absolute;
  5827.          top: 0;
  5828.          left: 0;
  5829.          width: 100%;
  5830.          height: 100%;
  5831.          mix-blend-mode: ;
  5832.          
  5833.            
  5834.            
  5835.          
  5836.          
  5837.            opacity: 0;
  5838.          
  5839.        }
  5840.      
  5841.    </style>
  5842.  
  5843.  
  5844.  
  5845.  
  5846.  
  5847.  
  5848. </div></div></div><div class="fe-block fe-block-871a96805dbbbcacb711"><div class="sqs-block html-block sqs-block-html" 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">
  5849.  
  5850. <div class="sqs-html-content">
  5851.  <p class="" style="white-space:pre-wrap;">Welcome to <a href="/home">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 have the unique ability to provide you with both expert design guidance and professional, convenient installation.</p><p class="" style="white-space:pre-wrap;">Established in 2006, we are a family owned and operated company.</p>
  5852. </div>
  5853.  
  5854.  
  5855.  
  5856.  
  5857.  
  5858.  
  5859.  
  5860.  
  5861.  
  5862.  
  5863.  
  5864.  
  5865.  
  5866.  
  5867.  
  5868.  
  5869.  
  5870.  
  5871.  
  5872.  
  5873.  
  5874.  
  5875.  
  5876.  
  5877.  
  5878. </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" id="block-yui_3_17_2_1_1659325685751_93644"><div class="sqs-block-content">
  5879.  
  5880. <div
  5881.  class="sqs-block-button-container sqs-block-button-container--center"
  5882.  data-animation-role="button"
  5883.  data-alignment="center"
  5884.  data-button-size="medium"
  5885.  data-button-type="primary"
  5886. >
  5887.  <a
  5888.    href="/about"
  5889.    class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
  5890.    
  5891.  >
  5892.    Learn more
  5893.  </a>
  5894. </div>
  5895. </div></div></div></div></div>
  5896.    </div>
  5897.  
  5898.  </div>
  5899.  
  5900. </section>
  5901.  
  5902.  
  5903.    
  5904.    
  5905.  
  5906.  
  5907.  
  5908.  
  5909.  
  5910. <section
  5911.  data-test="page-section"
  5912.  
  5913.  data-section-theme=""
  5914.  class='page-section
  5915.    
  5916.      full-bleed-section
  5917.      layout-engine-section
  5918.    
  5919.    background-width--full-bleed
  5920.    
  5921.      
  5922.        section-height--custom
  5923.      
  5924.    
  5925.    
  5926.      content-width--wide
  5927.    
  5928.    horizontal-alignment--center
  5929.    vertical-alignment--middle
  5930.    
  5931.      
  5932.    
  5933.    
  5934.    '
  5935.  
  5936.  data-section-id="62e7a3ed1b6952301a9c9121"
  5937.  
  5938.  data-controller="SectionWrapperController"
  5939.  data-current-styles="{
  5940. &quot;imageOverlayOpacity&quot;: 0.15,
  5941. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  5942. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  5943. &quot;customSectionHeight&quot;: 0,
  5944. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  5945. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  5946. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  5947. &quot;customContentWidth&quot;: 50,
  5948. &quot;backgroundColor&quot;: &quot;&quot;,
  5949. &quot;sectionTheme&quot;: &quot;&quot;,
  5950. &quot;sectionAnimation&quot;: &quot;none&quot;,
  5951. &quot;backgroundMode&quot;: &quot;image&quot;
  5952. }"
  5953.  data-current-context="{
  5954. &quot;video&quot;: {
  5955. &quot;playbackSpeed&quot;: 0.5,
  5956. &quot;filter&quot;: 1,
  5957. &quot;filterStrength&quot;: 0,
  5958. &quot;zoom&quot;: 0,
  5959. &quot;videoSourceProvider&quot;: &quot;none&quot;
  5960. },
  5961. &quot;backgroundImageId&quot;: null,
  5962. &quot;backgroundMediaEffect&quot;: null,
  5963. &quot;divider&quot;: null,
  5964. &quot;typeName&quot;: &quot;page&quot;
  5965. }"
  5966.  data-animation="none"
  5967.  data-fluid-engine-section
  5968.  
  5969.  
  5970.  
  5971. >
  5972.  <div
  5973.    class="section-border"
  5974.    
  5975.  >
  5976.    <div class="section-background">
  5977.    
  5978.      
  5979.    
  5980.    </div>
  5981.  </div>
  5982.  <div
  5983.    class='content-wrapper'
  5984.    style='
  5985.      
  5986.        
  5987.          
  5988.          
  5989.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  5990.        
  5991.      
  5992.    '
  5993.  >
  5994.    <div
  5995.      class="content"
  5996.      
  5997.    >
  5998.      
  5999.      
  6000.      
  6001.      
  6002.      
  6003.      
  6004.      <div data-fluid-engine="true"><style>
  6005.  
  6006. .fe-62e7a3ede8fd9f480aa82d1e {
  6007.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  6008.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  6009.  
  6010.  display: grid;
  6011.  position: relative;
  6012.  grid-area: 1/1/-1/-1;
  6013.  grid-template-rows: repeat(8,minmax(24px, auto));
  6014.  grid-template-columns:
  6015.    minmax(var(--grid-gutter), 1fr)
  6016.    repeat(8, minmax(0, var(--cell-max-width)))
  6017.    minmax(var(--grid-gutter), 1fr);
  6018.  row-gap: 11.0px;
  6019.  column-gap: 11.0px;
  6020. }
  6021.  
  6022. @media (min-width: 768px) {
  6023.  .background-width--inset .fe-62e7a3ede8fd9f480aa82d1e {
  6024.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6025.  }
  6026.  
  6027.  .fe-62e7a3ede8fd9f480aa82d1e {
  6028.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  6029.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  6030.    --inset-padding: 0vw;
  6031.  
  6032.    --row-height-scaling-factor: 0.0215;
  6033.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6034.  
  6035.    grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6036.    grid-template-columns:
  6037.      minmax(var(--grid-gutter), 1fr)
  6038.      repeat(24, minmax(0, var(--cell-max-width)))
  6039.      minmax(var(--grid-gutter), 1fr);
  6040.  }
  6041. }
  6042.  
  6043.  
  6044.  .fe-block-yui_3_17_2_1_1669253304833_25089 {
  6045.    grid-area: 2/2/8/10;
  6046.    z-index: 9;
  6047.  
  6048.    @media (max-width: 767px) {
  6049.      
  6050.    }
  6051.  }
  6052.  
  6053.  .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block {
  6054.    justify-content: flex-start;
  6055.  }
  6056.  
  6057.  .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block-alignment-wrapper {
  6058.    align-items: flex-start;
  6059.  }
  6060.  
  6061.  @media (min-width: 768px) {
  6062.    .fe-block-yui_3_17_2_1_1669253304833_25089 {
  6063.      grid-area: 2/2/7/26;
  6064.      z-index: 2;
  6065.  
  6066.      
  6067.    }
  6068.  
  6069.    .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block {
  6070.      justify-content: flex-start;
  6071.    }
  6072.  
  6073.    .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block-alignment-wrapper {
  6074.      align-items: flex-start;
  6075.    }
  6076.  }
  6077.  
  6078. </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-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">
  6079.  
  6080. <div class="sqs-html-content">
  6081.  <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>
  6082. </div>
  6083.  
  6084.  
  6085.  
  6086.  
  6087.  
  6088.  
  6089.  
  6090.  
  6091.  
  6092.  
  6093.  
  6094.  
  6095.  
  6096.  
  6097.  
  6098.  
  6099.  
  6100.  
  6101.  
  6102.  
  6103.  
  6104.  
  6105.  
  6106.  
  6107.  
  6108. </div></div></div></div></div>
  6109.    </div>
  6110.  
  6111.  </div>
  6112.  
  6113. </section>
  6114.  
  6115.  
  6116.    
  6117.    
  6118.  
  6119.  
  6120.  
  6121.  
  6122.  
  6123. <section
  6124.  data-test="page-section"
  6125.  
  6126.  data-section-theme=""
  6127.  class='page-section
  6128.    
  6129.      full-bleed-section
  6130.      layout-engine-section
  6131.    
  6132.    background-width--full-bleed
  6133.    
  6134.      section-height--small
  6135.    
  6136.    
  6137.      content-width--wide
  6138.    
  6139.    horizontal-alignment--center
  6140.    vertical-alignment--middle
  6141.    
  6142.      
  6143.    
  6144.    
  6145.    '
  6146.  
  6147.  data-section-id="6583b51d6b120402505a4b9d"
  6148.  
  6149.  data-controller="SectionWrapperController"
  6150.  data-current-styles="{
  6151. &quot;imageOverlayOpacity&quot;: 0.15,
  6152. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6153. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  6154. &quot;customSectionHeight&quot;: 1,
  6155. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6156. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6157. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6158. &quot;customContentWidth&quot;: 50,
  6159. &quot;sectionTheme&quot;: &quot;&quot;,
  6160. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6161. &quot;backgroundMode&quot;: &quot;image&quot;
  6162. }"
  6163.  data-current-context="{
  6164. &quot;video&quot;: {
  6165. &quot;playbackSpeed&quot;: 0.5,
  6166. &quot;filter&quot;: 2,
  6167. &quot;filterStrength&quot;: 0,
  6168. &quot;zoom&quot;: 0,
  6169. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6170. },
  6171. &quot;backgroundImageId&quot;: null,
  6172. &quot;backgroundMediaEffect&quot;: {
  6173. &quot;type&quot;: &quot;none&quot;
  6174. },
  6175. &quot;divider&quot;: {
  6176. &quot;enabled&quot;: false
  6177. },
  6178. &quot;typeName&quot;: &quot;page&quot;
  6179. }"
  6180.  data-animation="none"
  6181.  data-fluid-engine-section
  6182.  
  6183.  
  6184.    
  6185.  
  6186.  
  6187. >
  6188.  <div
  6189.    class="section-border"
  6190.    
  6191.  >
  6192.    <div class="section-background">
  6193.    
  6194.      
  6195.    
  6196.    </div>
  6197.  </div>
  6198.  <div
  6199.    class='content-wrapper'
  6200.    style='
  6201.      
  6202.        
  6203.      
  6204.    '
  6205.  >
  6206.    <div
  6207.      class="content"
  6208.      
  6209.    >
  6210.      
  6211.      
  6212.      
  6213.      
  6214.      
  6215.      
  6216.      <div data-fluid-engine="true"><style>
  6217.  
  6218. .fe-6583b51d6b120402505a4b9c {
  6219.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6220.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6221.  
  6222.  display: grid;
  6223.  position: relative;
  6224.  grid-area: 1/1/-1/-1;
  6225.  grid-template-rows: repeat(29,minmax(24px, auto));
  6226.  grid-template-columns:
  6227.    minmax(var(--grid-gutter), 1fr)
  6228.    repeat(8, minmax(0, var(--cell-max-width)))
  6229.    minmax(var(--grid-gutter), 1fr);
  6230.  row-gap: 0.0px;
  6231.  column-gap: 0.0px;
  6232. }
  6233.  
  6234. @media (min-width: 768px) {
  6235.  .background-width--inset .fe-6583b51d6b120402505a4b9c {
  6236.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6237.  }
  6238.  
  6239.  .fe-6583b51d6b120402505a4b9c {
  6240.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6241.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6242.    --inset-padding: 0vw;
  6243.  
  6244.    --row-height-scaling-factor: 0.0215;
  6245.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6246.  
  6247.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6248.    grid-template-columns:
  6249.      minmax(var(--grid-gutter), 1fr)
  6250.      repeat(24, minmax(0, var(--cell-max-width)))
  6251.      minmax(var(--grid-gutter), 1fr);
  6252.  }
  6253. }
  6254.  
  6255.  
  6256.  .fe-block-40514c877c684bb79c95 {
  6257.    grid-area: 1/2/13/10;
  6258.    z-index: 0;
  6259.  
  6260.    @media (max-width: 767px) {
  6261.      
  6262.    }
  6263.  }
  6264.  
  6265.  .fe-block-40514c877c684bb79c95 .sqs-block {
  6266.    justify-content: center;
  6267.  }
  6268.  
  6269.  .fe-block-40514c877c684bb79c95 .sqs-block-alignment-wrapper {
  6270.    align-items: center;
  6271.  }
  6272.  
  6273.  @media (min-width: 768px) {
  6274.    .fe-block-40514c877c684bb79c95 {
  6275.      grid-area: 1/2/17/13;
  6276.      z-index: 0;
  6277.  
  6278.      
  6279.    }
  6280.  
  6281.    .fe-block-40514c877c684bb79c95 .sqs-block {
  6282.      justify-content: center;
  6283.    }
  6284.  
  6285.    .fe-block-40514c877c684bb79c95 .sqs-block-alignment-wrapper {
  6286.      align-items: center;
  6287.    }
  6288.  }
  6289.  
  6290.  .fe-block-2ef339939ac1139a2039 {
  6291.    grid-area: 14/2/16/10;
  6292.    z-index: 1;
  6293.  
  6294.    @media (max-width: 767px) {
  6295.      
  6296.    }
  6297.  }
  6298.  
  6299.  .fe-block-2ef339939ac1139a2039 .sqs-block {
  6300.    justify-content: flex-start;
  6301.  }
  6302.  
  6303.  .fe-block-2ef339939ac1139a2039 .sqs-block-alignment-wrapper {
  6304.    align-items: flex-start;
  6305.  }
  6306.  
  6307.  @media (min-width: 768px) {
  6308.    .fe-block-2ef339939ac1139a2039 {
  6309.      grid-area: 3/16/5/26;
  6310.      z-index: 2;
  6311.  
  6312.      
  6313.    }
  6314.  
  6315.    .fe-block-2ef339939ac1139a2039 .sqs-block {
  6316.      justify-content: center;
  6317.    }
  6318.  
  6319.    .fe-block-2ef339939ac1139a2039 .sqs-block-alignment-wrapper {
  6320.      align-items: center;
  6321.    }
  6322.  }
  6323.  
  6324.  .fe-block-c763194e44af980b8a1d {
  6325.    grid-area: 16/2/26/10;
  6326.    z-index: 2;
  6327.  
  6328.    @media (max-width: 767px) {
  6329.      
  6330.    }
  6331.  }
  6332.  
  6333.  .fe-block-c763194e44af980b8a1d .sqs-block {
  6334.    justify-content: center;
  6335.  }
  6336.  
  6337.  .fe-block-c763194e44af980b8a1d .sqs-block-alignment-wrapper {
  6338.    align-items: center;
  6339.  }
  6340.  
  6341.  @media (min-width: 768px) {
  6342.    .fe-block-c763194e44af980b8a1d {
  6343.      grid-area: 5/16/12/26;
  6344.      z-index: 1;
  6345.  
  6346.      
  6347.    }
  6348.  
  6349.    .fe-block-c763194e44af980b8a1d .sqs-block {
  6350.      justify-content: center;
  6351.    }
  6352.  
  6353.    .fe-block-c763194e44af980b8a1d .sqs-block-alignment-wrapper {
  6354.      align-items: center;
  6355.    }
  6356.  }
  6357.  
  6358.  .fe-block-f039704eb8709e5bf895 {
  6359.    grid-area: 27/4/29/8;
  6360.    z-index: 3;
  6361.  
  6362.    @media (max-width: 767px) {
  6363.      
  6364.    }
  6365.  }
  6366.  
  6367.  .fe-block-f039704eb8709e5bf895 .sqs-block {
  6368.    justify-content: center;
  6369.  }
  6370.  
  6371.  .fe-block-f039704eb8709e5bf895 .sqs-block-alignment-wrapper {
  6372.    align-items: center;
  6373.  }
  6374.  
  6375.  @media (min-width: 768px) {
  6376.    .fe-block-f039704eb8709e5bf895 {
  6377.      grid-area: 13/16/15/20;
  6378.      z-index: 3;
  6379.  
  6380.      
  6381.    }
  6382.  
  6383.    .fe-block-f039704eb8709e5bf895 .sqs-block {
  6384.      justify-content: center;
  6385.    }
  6386.  
  6387.    .fe-block-f039704eb8709e5bf895 .sqs-block-alignment-wrapper {
  6388.      align-items: center;
  6389.    }
  6390.  }
  6391.  
  6392. </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">
  6393.  
  6394.  
  6395.  
  6396.  
  6397.  
  6398.  
  6399.  
  6400.  
  6401.  
  6402.  
  6403.  
  6404.  
  6405.  
  6406.  
  6407.  
  6408.  
  6409.  
  6410.  
  6411.  
  6412.  
  6413.  
  6414.  
  6415.  
  6416.  
  6417.  
  6418.  
  6419.  
  6420.  
  6421.  
  6422.  
  6423.  
  6424.  
  6425.  
  6426.  
  6427.  
  6428.  
  6429.  
  6430.  
  6431.  
  6432.  
  6433.  
  6434.  
  6435.  
  6436.  
  6437.    
  6438.  
  6439.    <div
  6440.      class="
  6441.        image-block-outer-wrapper
  6442.        layout-caption-below
  6443.        design-layout-fluid
  6444.        image-position-left
  6445.        combination-animation-none
  6446.        individual-animation-none
  6447.      "
  6448.      data-test="image-block-fluid-outer-wrapper"
  6449.    >
  6450.      <div
  6451.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  6452.        data-animation-role="image"
  6453.        
  6454.  
  6455.  
  6456.      >
  6457.        <div
  6458.          class="fluid-image-container sqs-image-content"
  6459.          
  6460.          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%;"
  6461.        >
  6462.          
  6463.  
  6464.          
  6465.          
  6466.  
  6467.          
  6468.            
  6469.              <div class="content-fill">
  6470.                
  6471.            
  6472.            
  6473.            
  6474.            
  6475.            
  6476.            
  6477.            <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">
  6478.  
  6479.            
  6480.              
  6481.            
  6482.            <div class="fluidImageOverlay"></div>
  6483.          
  6484.              </div>
  6485.            
  6486.          
  6487.  
  6488.        </div>
  6489.      </div>
  6490.    </div>
  6491.    <style>
  6492.      .sqs-block-image .sqs-block-content {
  6493.        height: 100%;
  6494.        width: 100%;
  6495.      }
  6496.  
  6497.      
  6498.        .fe-block-40514c877c684bb79c95 .fluidImageOverlay {
  6499.          position: absolute;
  6500.          top: 0;
  6501.          left: 0;
  6502.          width: 100%;
  6503.          height: 100%;
  6504.          mix-blend-mode: normal;
  6505.          
  6506.            
  6507.            
  6508.          
  6509.          
  6510.            opacity: 0;
  6511.          
  6512.        }
  6513.      
  6514.    </style>
  6515.  
  6516.  
  6517.  
  6518.  
  6519.  
  6520.  
  6521. </div></div></div><div class="fe-block fe-block-2ef339939ac1139a2039"><div class="sqs-block html-block sqs-block-html" 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">
  6522.  
  6523. <div class="sqs-html-content">
  6524.  <h2 style="white-space:pre-wrap;"><a href="/interior-doors">Interior Doors</a></h2>
  6525. </div>
  6526.  
  6527.  
  6528.  
  6529.  
  6530.  
  6531.  
  6532.  
  6533.  
  6534.  
  6535.  
  6536.  
  6537.  
  6538.  
  6539.  
  6540.  
  6541.  
  6542.  
  6543.  
  6544.  
  6545.  
  6546.  
  6547.  
  6548.  
  6549.  
  6550.  
  6551. </div></div></div><div class="fe-block fe-block-c763194e44af980b8a1d"><div class="sqs-block html-block sqs-block-html" 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">
  6552.  
  6553. <div class="sqs-html-content">
  6554.  <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>
  6555. </div>
  6556.  
  6557.  
  6558.  
  6559.  
  6560.  
  6561.  
  6562.  
  6563.  
  6564.  
  6565.  
  6566.  
  6567.  
  6568.  
  6569.  
  6570.  
  6571.  
  6572.  
  6573.  
  6574.  
  6575.  
  6576.  
  6577.  
  6578.  
  6579.  
  6580.  
  6581. </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" id="block-f039704eb8709e5bf895"><div class="sqs-block-content">
  6582.  
  6583. <div
  6584.  class="sqs-block-button-container sqs-block-button-container--left"
  6585.  data-animation-role="button"
  6586.  data-alignment="left"
  6587.  data-button-size="large"
  6588.  data-button-type="secondary"
  6589. >
  6590.  <a
  6591.    href="/interior-doors"
  6592.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  6593.    
  6594.  >
  6595.    See More
  6596.  </a>
  6597. </div>
  6598. </div></div></div></div></div>
  6599.    </div>
  6600.  
  6601.  </div>
  6602.  
  6603. </section>
  6604.  
  6605.  
  6606.    
  6607.    
  6608.  
  6609.  
  6610.  
  6611.  
  6612.  
  6613. <section
  6614.  data-test="page-section"
  6615.  
  6616.  data-section-theme=""
  6617.  class='page-section
  6618.    
  6619.      full-bleed-section
  6620.      layout-engine-section
  6621.    
  6622.    background-width--full-bleed
  6623.    
  6624.      section-height--small
  6625.    
  6626.    
  6627.      content-width--wide
  6628.    
  6629.    horizontal-alignment--center
  6630.    vertical-alignment--middle
  6631.    
  6632.      
  6633.    
  6634.    
  6635.    '
  6636.  
  6637.  data-section-id="6583b684bd1abf4ed651bd60"
  6638.  
  6639.  data-controller="SectionWrapperController"
  6640.  data-current-styles="{
  6641. &quot;imageOverlayOpacity&quot;: 0.15,
  6642. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6643. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  6644. &quot;customSectionHeight&quot;: 1,
  6645. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6646. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6647. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6648. &quot;customContentWidth&quot;: 50,
  6649. &quot;sectionTheme&quot;: &quot;&quot;,
  6650. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6651. &quot;backgroundMode&quot;: &quot;image&quot;
  6652. }"
  6653.  data-current-context="{
  6654. &quot;video&quot;: {
  6655. &quot;playbackSpeed&quot;: 0.5,
  6656. &quot;filter&quot;: 2,
  6657. &quot;filterStrength&quot;: 0,
  6658. &quot;zoom&quot;: 0,
  6659. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6660. },
  6661. &quot;backgroundImageId&quot;: null,
  6662. &quot;backgroundMediaEffect&quot;: {
  6663. &quot;type&quot;: &quot;none&quot;
  6664. },
  6665. &quot;divider&quot;: {
  6666. &quot;enabled&quot;: false
  6667. },
  6668. &quot;typeName&quot;: &quot;page&quot;
  6669. }"
  6670.  data-animation="none"
  6671.  data-fluid-engine-section
  6672.  
  6673.  
  6674.    
  6675.  
  6676.  
  6677. >
  6678.  <div
  6679.    class="section-border"
  6680.    
  6681.  >
  6682.    <div class="section-background">
  6683.    
  6684.      
  6685.    
  6686.    </div>
  6687.  </div>
  6688.  <div
  6689.    class='content-wrapper'
  6690.    style='
  6691.      
  6692.        
  6693.      
  6694.    '
  6695.  >
  6696.    <div
  6697.      class="content"
  6698.      
  6699.    >
  6700.      
  6701.      
  6702.      
  6703.      
  6704.      
  6705.      
  6706.      <div data-fluid-engine="true"><style>
  6707.  
  6708. .fe-6583b684bd1abf4ed651bd5f {
  6709.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6710.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6711.  
  6712.  display: grid;
  6713.  position: relative;
  6714.  grid-area: 1/1/-1/-1;
  6715.  grid-template-rows: repeat(40,minmax(24px, auto));
  6716.  grid-template-columns:
  6717.    minmax(var(--grid-gutter), 1fr)
  6718.    repeat(8, minmax(0, var(--cell-max-width)))
  6719.    minmax(var(--grid-gutter), 1fr);
  6720.  row-gap: 0.0px;
  6721.  column-gap: 0.0px;
  6722. }
  6723.  
  6724. @media (min-width: 768px) {
  6725.  .background-width--inset .fe-6583b684bd1abf4ed651bd5f {
  6726.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6727.  }
  6728.  
  6729.  .fe-6583b684bd1abf4ed651bd5f {
  6730.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6731.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6732.    --inset-padding: 0vw;
  6733.  
  6734.    --row-height-scaling-factor: 0.0215;
  6735.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6736.  
  6737.    grid-template-rows: repeat(23,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6738.    grid-template-columns:
  6739.      minmax(var(--grid-gutter), 1fr)
  6740.      repeat(24, minmax(0, var(--cell-max-width)))
  6741.      minmax(var(--grid-gutter), 1fr);
  6742.  }
  6743. }
  6744.  
  6745.  
  6746.  .fe-block-d9c6ec5beae85e113a28 {
  6747.    grid-area: 2/2/14/10;
  6748.    z-index: 0;
  6749.  
  6750.    @media (max-width: 767px) {
  6751.      
  6752.    }
  6753.  }
  6754.  
  6755.  .fe-block-d9c6ec5beae85e113a28 .sqs-block {
  6756.    justify-content: center;
  6757.  }
  6758.  
  6759.  .fe-block-d9c6ec5beae85e113a28 .sqs-block-alignment-wrapper {
  6760.    align-items: center;
  6761.  }
  6762.  
  6763.  @media (min-width: 768px) {
  6764.    .fe-block-d9c6ec5beae85e113a28 {
  6765.      grid-area: 3/15/22/26;
  6766.      z-index: 0;
  6767.  
  6768.      
  6769.    }
  6770.  
  6771.    .fe-block-d9c6ec5beae85e113a28 .sqs-block {
  6772.      justify-content: center;
  6773.    }
  6774.  
  6775.    .fe-block-d9c6ec5beae85e113a28 .sqs-block-alignment-wrapper {
  6776.      align-items: center;
  6777.    }
  6778.  }
  6779.  
  6780.  .fe-block-b294a91f7b71a139cea1 {
  6781.    grid-area: 15/2/17/10;
  6782.    z-index: 1;
  6783.  
  6784.    @media (max-width: 767px) {
  6785.      
  6786.    }
  6787.  }
  6788.  
  6789.  .fe-block-b294a91f7b71a139cea1 .sqs-block {
  6790.    justify-content: flex-start;
  6791.  }
  6792.  
  6793.  .fe-block-b294a91f7b71a139cea1 .sqs-block-alignment-wrapper {
  6794.    align-items: flex-start;
  6795.  }
  6796.  
  6797.  @media (min-width: 768px) {
  6798.    .fe-block-b294a91f7b71a139cea1 {
  6799.      grid-area: 1/2/3/12;
  6800.      z-index: 2;
  6801.  
  6802.      
  6803.    }
  6804.  
  6805.    .fe-block-b294a91f7b71a139cea1 .sqs-block {
  6806.      justify-content: center;
  6807.    }
  6808.  
  6809.    .fe-block-b294a91f7b71a139cea1 .sqs-block-alignment-wrapper {
  6810.      align-items: center;
  6811.    }
  6812.  }
  6813.  
  6814.  .fe-block-51dfbf95068125a15c49 {
  6815.    grid-area: 17/2/37/10;
  6816.    z-index: 2;
  6817.  
  6818.    @media (max-width: 767px) {
  6819.      
  6820.    }
  6821.  }
  6822.  
  6823.  .fe-block-51dfbf95068125a15c49 .sqs-block {
  6824.    justify-content: center;
  6825.  }
  6826.  
  6827.  .fe-block-51dfbf95068125a15c49 .sqs-block-alignment-wrapper {
  6828.    align-items: center;
  6829.  }
  6830.  
  6831.  @media (min-width: 768px) {
  6832.    .fe-block-51dfbf95068125a15c49 {
  6833.      grid-area: 4/2/21/12;
  6834.      z-index: 1;
  6835.  
  6836.      
  6837.    }
  6838.  
  6839.    .fe-block-51dfbf95068125a15c49 .sqs-block {
  6840.      justify-content: center;
  6841.    }
  6842.  
  6843.    .fe-block-51dfbf95068125a15c49 .sqs-block-alignment-wrapper {
  6844.      align-items: center;
  6845.    }
  6846.  }
  6847.  
  6848.  .fe-block-4496c3091f71f3a5081b {
  6849.    grid-area: 38/4/40/8;
  6850.    z-index: 3;
  6851.  
  6852.    @media (max-width: 767px) {
  6853.      
  6854.    }
  6855.  }
  6856.  
  6857.  .fe-block-4496c3091f71f3a5081b .sqs-block {
  6858.    justify-content: center;
  6859.  }
  6860.  
  6861.  .fe-block-4496c3091f71f3a5081b .sqs-block-alignment-wrapper {
  6862.    align-items: center;
  6863.  }
  6864.  
  6865.  @media (min-width: 768px) {
  6866.    .fe-block-4496c3091f71f3a5081b {
  6867.      grid-area: 22/2/24/6;
  6868.      z-index: 3;
  6869.  
  6870.      
  6871.    }
  6872.  
  6873.    .fe-block-4496c3091f71f3a5081b .sqs-block {
  6874.      justify-content: center;
  6875.    }
  6876.  
  6877.    .fe-block-4496c3091f71f3a5081b .sqs-block-alignment-wrapper {
  6878.      align-items: center;
  6879.    }
  6880.  }
  6881.  
  6882. </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">
  6883.  
  6884.  
  6885.  
  6886.  
  6887.  
  6888.  
  6889.  
  6890.  
  6891.  
  6892.  
  6893.  
  6894.  
  6895.  
  6896.  
  6897.  
  6898.  
  6899.  
  6900.  
  6901.  
  6902.  
  6903.  
  6904.  
  6905.  
  6906.  
  6907.  
  6908.  
  6909.  
  6910.  
  6911.  
  6912.  
  6913.  
  6914.  
  6915.  
  6916.  
  6917.  
  6918.  
  6919.  
  6920.  
  6921.  
  6922.  
  6923.  
  6924.  
  6925.  
  6926.  
  6927.    
  6928.  
  6929.    <div
  6930.      class="
  6931.        image-block-outer-wrapper
  6932.        layout-caption-below
  6933.        design-layout-fluid
  6934.        image-position-left
  6935.        combination-animation-none
  6936.        individual-animation-none
  6937.      "
  6938.      data-test="image-block-fluid-outer-wrapper"
  6939.    >
  6940.      <div
  6941.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  6942.        data-animation-role="image"
  6943.        
  6944.  
  6945.  
  6946.      >
  6947.        <div
  6948.          class="fluid-image-container sqs-image-content"
  6949.          
  6950.          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%;"
  6951.        >
  6952.          
  6953.  
  6954.          
  6955.          
  6956.  
  6957.          
  6958.            
  6959.              <div class="content-fill">
  6960.                
  6961.            
  6962.            
  6963.            
  6964.            
  6965.            
  6966.            
  6967.            <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">
  6968.  
  6969.            
  6970.              
  6971.            
  6972.            <div class="fluidImageOverlay"></div>
  6973.          
  6974.              </div>
  6975.            
  6976.          
  6977.  
  6978.        </div>
  6979.      </div>
  6980.    </div>
  6981.    <style>
  6982.      .sqs-block-image .sqs-block-content {
  6983.        height: 100%;
  6984.        width: 100%;
  6985.      }
  6986.  
  6987.      
  6988.        .fe-block-d9c6ec5beae85e113a28 .fluidImageOverlay {
  6989.          position: absolute;
  6990.          top: 0;
  6991.          left: 0;
  6992.          width: 100%;
  6993.          height: 100%;
  6994.          mix-blend-mode: normal;
  6995.          
  6996.            
  6997.            
  6998.          
  6999.          
  7000.            opacity: 0;
  7001.          
  7002.        }
  7003.      
  7004.    </style>
  7005.  
  7006.  
  7007.  
  7008.  
  7009.  
  7010.  
  7011. </div></div></div><div class="fe-block fe-block-b294a91f7b71a139cea1"><div class="sqs-block html-block sqs-block-html" 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">
  7012.  
  7013. <div class="sqs-html-content">
  7014.  <h2 style="white-space:pre-wrap;"><a href="/closet-doors">Closet Doors</a></h2>
  7015. </div>
  7016.  
  7017.  
  7018.  
  7019.  
  7020.  
  7021.  
  7022.  
  7023.  
  7024.  
  7025.  
  7026.  
  7027.  
  7028.  
  7029.  
  7030.  
  7031.  
  7032.  
  7033.  
  7034.  
  7035.  
  7036.  
  7037.  
  7038.  
  7039.  
  7040.  
  7041. </div></div></div><div class="fe-block fe-block-51dfbf95068125a15c49"><div class="sqs-block html-block sqs-block-html" 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">
  7042.  
  7043. <div class="sqs-html-content">
  7044.  <p class="sqsrte-large" style="white-space:pre-wrap;"><strong><em>Mirrored, Glass, Panel and Louver Doors</em></strong></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 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>
  7045. </div>
  7046.  
  7047.  
  7048.  
  7049.  
  7050.  
  7051.  
  7052.  
  7053.  
  7054.  
  7055.  
  7056.  
  7057.  
  7058.  
  7059.  
  7060.  
  7061.  
  7062.  
  7063.  
  7064.  
  7065.  
  7066.  
  7067.  
  7068.  
  7069.  
  7070.  
  7071. </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" id="block-4496c3091f71f3a5081b"><div class="sqs-block-content">
  7072.  
  7073. <div
  7074.  class="sqs-block-button-container sqs-block-button-container--left"
  7075.  data-animation-role="button"
  7076.  data-alignment="left"
  7077.  data-button-size="large"
  7078.  data-button-type="secondary"
  7079. >
  7080.  <a
  7081.    href="/closet-doors"
  7082.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7083.    
  7084.  >
  7085.    See More
  7086.  </a>
  7087. </div>
  7088. </div></div></div></div></div>
  7089.    </div>
  7090.  
  7091.  </div>
  7092.  
  7093. </section>
  7094.  
  7095.  
  7096.    
  7097.    
  7098.  
  7099.  
  7100.  
  7101.  
  7102.  
  7103. <section
  7104.  data-test="page-section"
  7105.  
  7106.  data-section-theme=""
  7107.  class='page-section
  7108.    
  7109.      full-bleed-section
  7110.      layout-engine-section
  7111.    
  7112.    background-width--full-bleed
  7113.    
  7114.      section-height--small
  7115.    
  7116.    
  7117.      content-width--wide
  7118.    
  7119.    horizontal-alignment--center
  7120.    vertical-alignment--middle
  7121.    
  7122.      
  7123.    
  7124.    
  7125.    '
  7126.  
  7127.  data-section-id="6583b8846906431c717c5758"
  7128.  
  7129.  data-controller="SectionWrapperController"
  7130.  data-current-styles="{
  7131. &quot;imageOverlayOpacity&quot;: 0.15,
  7132. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7133. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7134. &quot;customSectionHeight&quot;: 1,
  7135. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7136. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7137. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7138. &quot;customContentWidth&quot;: 50,
  7139. &quot;sectionTheme&quot;: &quot;&quot;,
  7140. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7141. &quot;backgroundMode&quot;: &quot;image&quot;
  7142. }"
  7143.  data-current-context="{
  7144. &quot;video&quot;: {
  7145. &quot;playbackSpeed&quot;: 0.5,
  7146. &quot;filter&quot;: 2,
  7147. &quot;filterStrength&quot;: 0,
  7148. &quot;zoom&quot;: 0,
  7149. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7150. },
  7151. &quot;backgroundImageId&quot;: null,
  7152. &quot;backgroundMediaEffect&quot;: {
  7153. &quot;type&quot;: &quot;none&quot;
  7154. },
  7155. &quot;divider&quot;: {
  7156. &quot;enabled&quot;: false
  7157. },
  7158. &quot;typeName&quot;: &quot;page&quot;
  7159. }"
  7160.  data-animation="none"
  7161.  data-fluid-engine-section
  7162.  
  7163.  
  7164.    
  7165.  
  7166.  
  7167. >
  7168.  <div
  7169.    class="section-border"
  7170.    
  7171.  >
  7172.    <div class="section-background">
  7173.    
  7174.      
  7175.    
  7176.    </div>
  7177.  </div>
  7178.  <div
  7179.    class='content-wrapper'
  7180.    style='
  7181.      
  7182.        
  7183.      
  7184.    '
  7185.  >
  7186.    <div
  7187.      class="content"
  7188.      
  7189.    >
  7190.      
  7191.      
  7192.      
  7193.      
  7194.      
  7195.      
  7196.      <div data-fluid-engine="true"><style>
  7197.  
  7198. .fe-6583b8846906431c717c5757 {
  7199.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7200.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7201.  
  7202.  display: grid;
  7203.  position: relative;
  7204.  grid-area: 1/1/-1/-1;
  7205.  grid-template-rows: repeat(29,minmax(24px, auto));
  7206.  grid-template-columns:
  7207.    minmax(var(--grid-gutter), 1fr)
  7208.    repeat(8, minmax(0, var(--cell-max-width)))
  7209.    minmax(var(--grid-gutter), 1fr);
  7210.  row-gap: 0.0px;
  7211.  column-gap: 0.0px;
  7212. }
  7213.  
  7214. @media (min-width: 768px) {
  7215.  .background-width--inset .fe-6583b8846906431c717c5757 {
  7216.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7217.  }
  7218.  
  7219.  .fe-6583b8846906431c717c5757 {
  7220.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7221.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7222.    --inset-padding: 0vw;
  7223.  
  7224.    --row-height-scaling-factor: 0.0215;
  7225.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7226.  
  7227.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7228.    grid-template-columns:
  7229.      minmax(var(--grid-gutter), 1fr)
  7230.      repeat(24, minmax(0, var(--cell-max-width)))
  7231.      minmax(var(--grid-gutter), 1fr);
  7232.  }
  7233. }
  7234.  
  7235.  
  7236.  .fe-block-24aad8a09ffeaa035b77 {
  7237.    grid-area: 1/2/13/10;
  7238.    z-index: 0;
  7239.  
  7240.    @media (max-width: 767px) {
  7241.      
  7242.    }
  7243.  }
  7244.  
  7245.  .fe-block-24aad8a09ffeaa035b77 .sqs-block {
  7246.    justify-content: center;
  7247.  }
  7248.  
  7249.  .fe-block-24aad8a09ffeaa035b77 .sqs-block-alignment-wrapper {
  7250.    align-items: center;
  7251.  }
  7252.  
  7253.  @media (min-width: 768px) {
  7254.    .fe-block-24aad8a09ffeaa035b77 {
  7255.      grid-area: 1/2/17/13;
  7256.      z-index: 0;
  7257.  
  7258.      
  7259.    }
  7260.  
  7261.    .fe-block-24aad8a09ffeaa035b77 .sqs-block {
  7262.      justify-content: center;
  7263.    }
  7264.  
  7265.    .fe-block-24aad8a09ffeaa035b77 .sqs-block-alignment-wrapper {
  7266.      align-items: center;
  7267.    }
  7268.  }
  7269.  
  7270.  .fe-block-6491a29f1677ec200bff {
  7271.    grid-area: 14/2/16/10;
  7272.    z-index: 1;
  7273.  
  7274.    @media (max-width: 767px) {
  7275.      
  7276.    }
  7277.  }
  7278.  
  7279.  .fe-block-6491a29f1677ec200bff .sqs-block {
  7280.    justify-content: flex-start;
  7281.  }
  7282.  
  7283.  .fe-block-6491a29f1677ec200bff .sqs-block-alignment-wrapper {
  7284.    align-items: flex-start;
  7285.  }
  7286.  
  7287.  @media (min-width: 768px) {
  7288.    .fe-block-6491a29f1677ec200bff {
  7289.      grid-area: 3/16/5/26;
  7290.      z-index: 2;
  7291.  
  7292.      
  7293.    }
  7294.  
  7295.    .fe-block-6491a29f1677ec200bff .sqs-block {
  7296.      justify-content: center;
  7297.    }
  7298.  
  7299.    .fe-block-6491a29f1677ec200bff .sqs-block-alignment-wrapper {
  7300.      align-items: center;
  7301.    }
  7302.  }
  7303.  
  7304.  .fe-block-d2c045beb6342913e606 {
  7305.    grid-area: 16/2/26/10;
  7306.    z-index: 2;
  7307.  
  7308.    @media (max-width: 767px) {
  7309.      
  7310.    }
  7311.  }
  7312.  
  7313.  .fe-block-d2c045beb6342913e606 .sqs-block {
  7314.    justify-content: center;
  7315.  }
  7316.  
  7317.  .fe-block-d2c045beb6342913e606 .sqs-block-alignment-wrapper {
  7318.    align-items: center;
  7319.  }
  7320.  
  7321.  @media (min-width: 768px) {
  7322.    .fe-block-d2c045beb6342913e606 {
  7323.      grid-area: 5/16/12/26;
  7324.      z-index: 1;
  7325.  
  7326.      
  7327.    }
  7328.  
  7329.    .fe-block-d2c045beb6342913e606 .sqs-block {
  7330.      justify-content: center;
  7331.    }
  7332.  
  7333.    .fe-block-d2c045beb6342913e606 .sqs-block-alignment-wrapper {
  7334.      align-items: center;
  7335.    }
  7336.  }
  7337.  
  7338.  .fe-block-870ef85e8566c3630d7a {
  7339.    grid-area: 27/4/29/8;
  7340.    z-index: 3;
  7341.  
  7342.    @media (max-width: 767px) {
  7343.      
  7344.    }
  7345.  }
  7346.  
  7347.  .fe-block-870ef85e8566c3630d7a .sqs-block {
  7348.    justify-content: center;
  7349.  }
  7350.  
  7351.  .fe-block-870ef85e8566c3630d7a .sqs-block-alignment-wrapper {
  7352.    align-items: center;
  7353.  }
  7354.  
  7355.  @media (min-width: 768px) {
  7356.    .fe-block-870ef85e8566c3630d7a {
  7357.      grid-area: 13/16/15/20;
  7358.      z-index: 3;
  7359.  
  7360.      
  7361.    }
  7362.  
  7363.    .fe-block-870ef85e8566c3630d7a .sqs-block {
  7364.      justify-content: center;
  7365.    }
  7366.  
  7367.    .fe-block-870ef85e8566c3630d7a .sqs-block-alignment-wrapper {
  7368.      align-items: center;
  7369.    }
  7370.  }
  7371.  
  7372. </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">
  7373.  
  7374.  
  7375.  
  7376.  
  7377.  
  7378.  
  7379.  
  7380.  
  7381.  
  7382.  
  7383.  
  7384.  
  7385.  
  7386.  
  7387.  
  7388.  
  7389.  
  7390.  
  7391.  
  7392.  
  7393.  
  7394.  
  7395.  
  7396.  
  7397.  
  7398.  
  7399.  
  7400.  
  7401.  
  7402.  
  7403.  
  7404.  
  7405.  
  7406.  
  7407.  
  7408.  
  7409.  
  7410.  
  7411.  
  7412.  
  7413.  
  7414.  
  7415.  
  7416.  
  7417.    
  7418.  
  7419.    <div
  7420.      class="
  7421.        image-block-outer-wrapper
  7422.        layout-caption-below
  7423.        design-layout-fluid
  7424.        image-position-left
  7425.        combination-animation-none
  7426.        individual-animation-none
  7427.      "
  7428.      data-test="image-block-fluid-outer-wrapper"
  7429.    >
  7430.      <div
  7431.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7432.        data-animation-role="image"
  7433.        
  7434.  
  7435.  
  7436.      >
  7437.        <div
  7438.          class="fluid-image-container sqs-image-content"
  7439.          
  7440.          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%;"
  7441.        >
  7442.          
  7443.  
  7444.          
  7445.          
  7446.  
  7447.          
  7448.            
  7449.              <div class="content-fill">
  7450.                
  7451.            
  7452.            
  7453.            
  7454.            
  7455.            
  7456.            
  7457.            <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">
  7458.  
  7459.            
  7460.              
  7461.            
  7462.            <div class="fluidImageOverlay"></div>
  7463.          
  7464.              </div>
  7465.            
  7466.          
  7467.  
  7468.        </div>
  7469.      </div>
  7470.    </div>
  7471.    <style>
  7472.      .sqs-block-image .sqs-block-content {
  7473.        height: 100%;
  7474.        width: 100%;
  7475.      }
  7476.  
  7477.      
  7478.        .fe-block-24aad8a09ffeaa035b77 .fluidImageOverlay {
  7479.          position: absolute;
  7480.          top: 0;
  7481.          left: 0;
  7482.          width: 100%;
  7483.          height: 100%;
  7484.          mix-blend-mode: normal;
  7485.          
  7486.            
  7487.            
  7488.          
  7489.          
  7490.            opacity: 0;
  7491.          
  7492.        }
  7493.      
  7494.    </style>
  7495.  
  7496.  
  7497.  
  7498.  
  7499.  
  7500.  
  7501. </div></div></div><div class="fe-block fe-block-6491a29f1677ec200bff"><div class="sqs-block html-block sqs-block-html" 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">
  7502.  
  7503. <div class="sqs-html-content">
  7504.  <h2 style="white-space:pre-wrap;"><a href="/organizers">Closet Organizers</a></h2>
  7505. </div>
  7506.  
  7507.  
  7508.  
  7509.  
  7510.  
  7511.  
  7512.  
  7513.  
  7514.  
  7515.  
  7516.  
  7517.  
  7518.  
  7519.  
  7520.  
  7521.  
  7522.  
  7523.  
  7524.  
  7525.  
  7526.  
  7527.  
  7528.  
  7529.  
  7530.  
  7531. </div></div></div><div class="fe-block fe-block-d2c045beb6342913e606"><div class="sqs-block html-block sqs-block-html" 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">
  7532.  
  7533. <div class="sqs-html-content">
  7534.  <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 walk-in closets and reach-in closets, we can get extremely creative which is a lot of fun for both us and you!</em></p>
  7535. </div>
  7536.  
  7537.  
  7538.  
  7539.  
  7540.  
  7541.  
  7542.  
  7543.  
  7544.  
  7545.  
  7546.  
  7547.  
  7548.  
  7549.  
  7550.  
  7551.  
  7552.  
  7553.  
  7554.  
  7555.  
  7556.  
  7557.  
  7558.  
  7559.  
  7560.  
  7561. </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" id="block-870ef85e8566c3630d7a"><div class="sqs-block-content">
  7562.  
  7563. <div
  7564.  class="sqs-block-button-container sqs-block-button-container--left"
  7565.  data-animation-role="button"
  7566.  data-alignment="left"
  7567.  data-button-size="large"
  7568.  data-button-type="secondary"
  7569. >
  7570.  <a
  7571.    href="/organizers"
  7572.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7573.    
  7574.  >
  7575.    See More
  7576.  </a>
  7577. </div>
  7578. </div></div></div></div></div>
  7579.    </div>
  7580.  
  7581.  </div>
  7582.  
  7583. </section>
  7584.  
  7585.  
  7586.    
  7587.    
  7588.  
  7589.  
  7590.  
  7591.  
  7592.  
  7593. <section
  7594.  data-test="page-section"
  7595.  
  7596.  data-section-theme=""
  7597.  class='page-section
  7598.    
  7599.      full-bleed-section
  7600.      layout-engine-section
  7601.    
  7602.    background-width--full-bleed
  7603.    
  7604.      section-height--small
  7605.    
  7606.    
  7607.      content-width--wide
  7608.    
  7609.    horizontal-alignment--center
  7610.    vertical-alignment--middle
  7611.    
  7612.      
  7613.    
  7614.    
  7615.    '
  7616.  
  7617.  data-section-id="6583b8ddbb89131305299612"
  7618.  
  7619.  data-controller="SectionWrapperController"
  7620.  data-current-styles="{
  7621. &quot;imageOverlayOpacity&quot;: 0.15,
  7622. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7623. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7624. &quot;customSectionHeight&quot;: 1,
  7625. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7626. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7627. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7628. &quot;customContentWidth&quot;: 50,
  7629. &quot;sectionTheme&quot;: &quot;&quot;,
  7630. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7631. &quot;backgroundMode&quot;: &quot;image&quot;
  7632. }"
  7633.  data-current-context="{
  7634. &quot;video&quot;: {
  7635. &quot;playbackSpeed&quot;: 0.5,
  7636. &quot;filter&quot;: 2,
  7637. &quot;filterStrength&quot;: 0,
  7638. &quot;zoom&quot;: 0,
  7639. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7640. },
  7641. &quot;backgroundImageId&quot;: null,
  7642. &quot;backgroundMediaEffect&quot;: {
  7643. &quot;type&quot;: &quot;none&quot;
  7644. },
  7645. &quot;divider&quot;: {
  7646. &quot;enabled&quot;: false
  7647. },
  7648. &quot;typeName&quot;: &quot;page&quot;
  7649. }"
  7650.  data-animation="none"
  7651.  data-fluid-engine-section
  7652.  
  7653.  
  7654.    
  7655.  
  7656.  
  7657. >
  7658.  <div
  7659.    class="section-border"
  7660.    
  7661.  >
  7662.    <div class="section-background">
  7663.    
  7664.      
  7665.    
  7666.    </div>
  7667.  </div>
  7668.  <div
  7669.    class='content-wrapper'
  7670.    style='
  7671.      
  7672.        
  7673.      
  7674.    '
  7675.  >
  7676.    <div
  7677.      class="content"
  7678.      
  7679.    >
  7680.      
  7681.      
  7682.      
  7683.      
  7684.      
  7685.      
  7686.      <div data-fluid-engine="true"><style>
  7687.  
  7688. .fe-6583b8ddbb89131305299611 {
  7689.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7690.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7691.  
  7692.  display: grid;
  7693.  position: relative;
  7694.  grid-area: 1/1/-1/-1;
  7695.  grid-template-rows: repeat(28,minmax(24px, auto));
  7696.  grid-template-columns:
  7697.    minmax(var(--grid-gutter), 1fr)
  7698.    repeat(8, minmax(0, var(--cell-max-width)))
  7699.    minmax(var(--grid-gutter), 1fr);
  7700.  row-gap: 0.0px;
  7701.  column-gap: 0.0px;
  7702. }
  7703.  
  7704. @media (min-width: 768px) {
  7705.  .background-width--inset .fe-6583b8ddbb89131305299611 {
  7706.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7707.  }
  7708.  
  7709.  .fe-6583b8ddbb89131305299611 {
  7710.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7711.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7712.    --inset-padding: 0vw;
  7713.  
  7714.    --row-height-scaling-factor: 0.0215;
  7715.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7716.  
  7717.    grid-template-rows: repeat(18,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7718.    grid-template-columns:
  7719.      minmax(var(--grid-gutter), 1fr)
  7720.      repeat(24, minmax(0, var(--cell-max-width)))
  7721.      minmax(var(--grid-gutter), 1fr);
  7722.  }
  7723. }
  7724.  
  7725.  
  7726.  .fe-block-1de84f6338eaa3aea2ad {
  7727.    grid-area: 1/2/13/10;
  7728.    z-index: 0;
  7729.  
  7730.    @media (max-width: 767px) {
  7731.      
  7732.    }
  7733.  }
  7734.  
  7735.  .fe-block-1de84f6338eaa3aea2ad .sqs-block {
  7736.    justify-content: center;
  7737.  }
  7738.  
  7739.  .fe-block-1de84f6338eaa3aea2ad .sqs-block-alignment-wrapper {
  7740.    align-items: center;
  7741.  }
  7742.  
  7743.  @media (min-width: 768px) {
  7744.    .fe-block-1de84f6338eaa3aea2ad {
  7745.      grid-area: 1/15/19/26;
  7746.      z-index: 0;
  7747.  
  7748.      
  7749.    }
  7750.  
  7751.    .fe-block-1de84f6338eaa3aea2ad .sqs-block {
  7752.      justify-content: center;
  7753.    }
  7754.  
  7755.    .fe-block-1de84f6338eaa3aea2ad .sqs-block-alignment-wrapper {
  7756.      align-items: center;
  7757.    }
  7758.  }
  7759.  
  7760.  .fe-block-15510a96d83c9d1dfa70 {
  7761.    grid-area: 14/2/16/10;
  7762.    z-index: 1;
  7763.  
  7764.    @media (max-width: 767px) {
  7765.      
  7766.    }
  7767.  }
  7768.  
  7769.  .fe-block-15510a96d83c9d1dfa70 .sqs-block {
  7770.    justify-content: flex-start;
  7771.  }
  7772.  
  7773.  .fe-block-15510a96d83c9d1dfa70 .sqs-block-alignment-wrapper {
  7774.    align-items: flex-start;
  7775.  }
  7776.  
  7777.  @media (min-width: 768px) {
  7778.    .fe-block-15510a96d83c9d1dfa70 {
  7779.      grid-area: 3/2/5/12;
  7780.      z-index: 2;
  7781.  
  7782.      
  7783.    }
  7784.  
  7785.    .fe-block-15510a96d83c9d1dfa70 .sqs-block {
  7786.      justify-content: center;
  7787.    }
  7788.  
  7789.    .fe-block-15510a96d83c9d1dfa70 .sqs-block-alignment-wrapper {
  7790.      align-items: center;
  7791.    }
  7792.  }
  7793.  
  7794.  .fe-block-e32682811787f275842c {
  7795.    grid-area: 16/2/25/10;
  7796.    z-index: 2;
  7797.  
  7798.    @media (max-width: 767px) {
  7799.      
  7800.    }
  7801.  }
  7802.  
  7803.  .fe-block-e32682811787f275842c .sqs-block {
  7804.    justify-content: center;
  7805.  }
  7806.  
  7807.  .fe-block-e32682811787f275842c .sqs-block-alignment-wrapper {
  7808.    align-items: center;
  7809.  }
  7810.  
  7811.  @media (min-width: 768px) {
  7812.    .fe-block-e32682811787f275842c {
  7813.      grid-area: 5/2/13/12;
  7814.      z-index: 1;
  7815.  
  7816.      
  7817.    }
  7818.  
  7819.    .fe-block-e32682811787f275842c .sqs-block {
  7820.      justify-content: center;
  7821.    }
  7822.  
  7823.    .fe-block-e32682811787f275842c .sqs-block-alignment-wrapper {
  7824.      align-items: center;
  7825.    }
  7826.  }
  7827.  
  7828.  .fe-block-98d6a723c4b469b2416e {
  7829.    grid-area: 26/4/28/8;
  7830.    z-index: 3;
  7831.  
  7832.    @media (max-width: 767px) {
  7833.      
  7834.    }
  7835.  }
  7836.  
  7837.  .fe-block-98d6a723c4b469b2416e .sqs-block {
  7838.    justify-content: center;
  7839.  }
  7840.  
  7841.  .fe-block-98d6a723c4b469b2416e .sqs-block-alignment-wrapper {
  7842.    align-items: center;
  7843.  }
  7844.  
  7845.  @media (min-width: 768px) {
  7846.    .fe-block-98d6a723c4b469b2416e {
  7847.      grid-area: 14/2/16/6;
  7848.      z-index: 3;
  7849.  
  7850.      
  7851.    }
  7852.  
  7853.    .fe-block-98d6a723c4b469b2416e .sqs-block {
  7854.      justify-content: center;
  7855.    }
  7856.  
  7857.    .fe-block-98d6a723c4b469b2416e .sqs-block-alignment-wrapper {
  7858.      align-items: center;
  7859.    }
  7860.  }
  7861.  
  7862. </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">
  7863.  
  7864.  
  7865.  
  7866.  
  7867.  
  7868.  
  7869.  
  7870.  
  7871.  
  7872.  
  7873.  
  7874.  
  7875.  
  7876.  
  7877.  
  7878.  
  7879.  
  7880.  
  7881.  
  7882.  
  7883.  
  7884.  
  7885.  
  7886.  
  7887.  
  7888.  
  7889.  
  7890.  
  7891.  
  7892.  
  7893.  
  7894.  
  7895.  
  7896.  
  7897.  
  7898.  
  7899.  
  7900.  
  7901.  
  7902.  
  7903.  
  7904.  
  7905.  
  7906.  
  7907.    
  7908.  
  7909.    <div
  7910.      class="
  7911.        image-block-outer-wrapper
  7912.        layout-caption-below
  7913.        design-layout-fluid
  7914.        image-position-left
  7915.        combination-animation-none
  7916.        individual-animation-none
  7917.      "
  7918.      data-test="image-block-fluid-outer-wrapper"
  7919.    >
  7920.      <div
  7921.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7922.        data-animation-role="image"
  7923.        
  7924.  
  7925.  
  7926.      >
  7927.        <div
  7928.          class="fluid-image-container sqs-image-content"
  7929.          
  7930.          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%;"
  7931.        >
  7932.          
  7933.  
  7934.          
  7935.          
  7936.  
  7937.          
  7938.            
  7939.              <div class="content-fill">
  7940.                
  7941.            
  7942.            
  7943.            
  7944.            
  7945.            
  7946.            
  7947.            <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">
  7948.  
  7949.            
  7950.              
  7951.            
  7952.            <div class="fluidImageOverlay"></div>
  7953.          
  7954.              </div>
  7955.            
  7956.          
  7957.  
  7958.        </div>
  7959.      </div>
  7960.    </div>
  7961.    <style>
  7962.      .sqs-block-image .sqs-block-content {
  7963.        height: 100%;
  7964.        width: 100%;
  7965.      }
  7966.  
  7967.      
  7968.        .fe-block-1de84f6338eaa3aea2ad .fluidImageOverlay {
  7969.          position: absolute;
  7970.          top: 0;
  7971.          left: 0;
  7972.          width: 100%;
  7973.          height: 100%;
  7974.          mix-blend-mode: normal;
  7975.          
  7976.            
  7977.            
  7978.          
  7979.          
  7980.            opacity: 0;
  7981.          
  7982.        }
  7983.      
  7984.    </style>
  7985.  
  7986.  
  7987.  
  7988.  
  7989.  
  7990.  
  7991. </div></div></div><div class="fe-block fe-block-15510a96d83c9d1dfa70"><div class="sqs-block html-block sqs-block-html" 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">
  7992.  
  7993. <div class="sqs-html-content">
  7994.  <h2 style="white-space:pre-wrap;"><a href="/barn-doors">Barn Doors</a></h2>
  7995. </div>
  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. </div></div></div><div class="fe-block fe-block-e32682811787f275842c"><div class="sqs-block html-block sqs-block-html" 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">
  8022.  
  8023. <div class="sqs-html-content">
  8024.  <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>
  8025. </div>
  8026.  
  8027.  
  8028.  
  8029.  
  8030.  
  8031.  
  8032.  
  8033.  
  8034.  
  8035.  
  8036.  
  8037.  
  8038.  
  8039.  
  8040.  
  8041.  
  8042.  
  8043.  
  8044.  
  8045.  
  8046.  
  8047.  
  8048.  
  8049.  
  8050.  
  8051. </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" id="block-98d6a723c4b469b2416e"><div class="sqs-block-content">
  8052.  
  8053. <div
  8054.  class="sqs-block-button-container sqs-block-button-container--left"
  8055.  data-animation-role="button"
  8056.  data-alignment="left"
  8057.  data-button-size="large"
  8058.  data-button-type="secondary"
  8059. >
  8060.  <a
  8061.    href="/barn-doors"
  8062.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  8063.    
  8064.  >
  8065.    See More
  8066.  </a>
  8067. </div>
  8068. </div></div></div></div></div>
  8069.    </div>
  8070.  
  8071.  </div>
  8072.  
  8073. </section>
  8074.  
  8075.  
  8076.    
  8077.    
  8078.  
  8079.  
  8080.  
  8081.  
  8082.  
  8083. <section
  8084.  data-test="page-section"
  8085.  
  8086.  data-section-theme=""
  8087.  class='page-section
  8088.    
  8089.      full-bleed-section
  8090.      layout-engine-section
  8091.    
  8092.    background-width--full-bleed
  8093.    
  8094.      
  8095.        section-height--custom
  8096.      
  8097.    
  8098.    
  8099.      content-width--wide
  8100.    
  8101.    horizontal-alignment--center
  8102.    vertical-alignment--middle
  8103.    
  8104.      
  8105.    
  8106.    
  8107.    '
  8108.  
  8109.  data-section-id="63763b67271fd25596ed9afe"
  8110.  
  8111.  data-controller="SectionWrapperController"
  8112.  data-current-styles="{
  8113. &quot;imageOverlayOpacity&quot;: 0.15,
  8114. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  8115. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  8116. &quot;customSectionHeight&quot;: 0,
  8117. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  8118. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  8119. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  8120. &quot;customContentWidth&quot;: 50,
  8121. &quot;backgroundColor&quot;: &quot;&quot;,
  8122. &quot;sectionTheme&quot;: &quot;&quot;,
  8123. &quot;sectionAnimation&quot;: &quot;none&quot;,
  8124. &quot;backgroundMode&quot;: &quot;image&quot;
  8125. }"
  8126.  data-current-context="{
  8127. &quot;video&quot;: {
  8128. &quot;playbackSpeed&quot;: 0.5,
  8129. &quot;filter&quot;: 1,
  8130. &quot;filterStrength&quot;: 0,
  8131. &quot;zoom&quot;: 0,
  8132. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8133. },
  8134. &quot;backgroundImageId&quot;: null,
  8135. &quot;backgroundMediaEffect&quot;: {
  8136. &quot;type&quot;: &quot;none&quot;
  8137. },
  8138. &quot;divider&quot;: null,
  8139. &quot;typeName&quot;: &quot;page&quot;
  8140. }"
  8141.  data-animation="none"
  8142.  data-fluid-engine-section
  8143.  
  8144.  
  8145.  
  8146. >
  8147.  <div
  8148.    class="section-border"
  8149.    
  8150.  >
  8151.    <div class="section-background">
  8152.    
  8153.      
  8154.    
  8155.    </div>
  8156.  </div>
  8157.  <div
  8158.    class='content-wrapper'
  8159.    style='
  8160.      
  8161.        
  8162.          
  8163.          
  8164.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  8165.        
  8166.      
  8167.    '
  8168.  >
  8169.    <div
  8170.      class="content"
  8171.      
  8172.    >
  8173.      
  8174.      
  8175.      
  8176.      
  8177.      
  8178.      
  8179.      <div data-fluid-engine="true"><style>
  8180.  
  8181. .fe-63763b680e981f5974c9c2a8 {
  8182.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  8183.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  8184.  
  8185.  display: grid;
  8186.  position: relative;
  8187.  grid-area: 1/1/-1/-1;
  8188.  grid-template-rows: repeat(14,minmax(24px, auto));
  8189.  grid-template-columns:
  8190.    minmax(var(--grid-gutter), 1fr)
  8191.    repeat(8, minmax(0, var(--cell-max-width)))
  8192.    minmax(var(--grid-gutter), 1fr);
  8193.  row-gap: 11.0px;
  8194.  column-gap: 11.0px;
  8195. }
  8196.  
  8197. @media (min-width: 768px) {
  8198.  .background-width--inset .fe-63763b680e981f5974c9c2a8 {
  8199.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  8200.  }
  8201.  
  8202.  .fe-63763b680e981f5974c9c2a8 {
  8203.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  8204.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  8205.    --inset-padding: 0vw;
  8206.  
  8207.    --row-height-scaling-factor: 0.0215;
  8208.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  8209.  
  8210.    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  8211.    grid-template-columns:
  8212.      minmax(var(--grid-gutter), 1fr)
  8213.      repeat(24, minmax(0, var(--cell-max-width)))
  8214.      minmax(var(--grid-gutter), 1fr);
  8215.  }
  8216. }
  8217.  
  8218.  
  8219.  .fe-block-yui_3_17_2_1_1668691615261_33471 {
  8220.    grid-area: 2/2/15/10;
  8221.    z-index: 1;
  8222.  
  8223.    @media (max-width: 767px) {
  8224.      
  8225.    }
  8226.  }
  8227.  
  8228.  .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block {
  8229.    justify-content: flex-start;
  8230.  }
  8231.  
  8232.  .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block-alignment-wrapper {
  8233.    align-items: flex-start;
  8234.  }
  8235.  
  8236.  @media (min-width: 768px) {
  8237.    .fe-block-yui_3_17_2_1_1668691615261_33471 {
  8238.      grid-area: 3/2/14/26;
  8239.      z-index: 1;
  8240.  
  8241.      
  8242.    }
  8243.  
  8244.    .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block {
  8245.      justify-content: flex-start;
  8246.    }
  8247.  
  8248.    .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block-alignment-wrapper {
  8249.      align-items: flex-start;
  8250.    }
  8251.  }
  8252.  
  8253. </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-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">
  8254.  
  8255. <div class="sqs-html-content">
  8256.  <h2 style="white-space:pre-wrap;">Interior Door and Closet Design Experts</h2><p class="" style="white-space:pre-wrap;">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.</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>
  8257. </div>
  8258.  
  8259.  
  8260.  
  8261.  
  8262.  
  8263.  
  8264.  
  8265.  
  8266.  
  8267.  
  8268.  
  8269.  
  8270.  
  8271.  
  8272.  
  8273.  
  8274.  
  8275.  
  8276.  
  8277.  
  8278.  
  8279.  
  8280.  
  8281.  
  8282.  
  8283. </div></div></div></div></div>
  8284.    </div>
  8285.  
  8286.  </div>
  8287.  
  8288. </section>
  8289.  
  8290.  
  8291.    
  8292.    
  8293.  
  8294.  
  8295.  
  8296.  
  8297.  
  8298. <section
  8299.  data-test="page-section"
  8300.  
  8301.  data-section-theme="dark"
  8302.  class='page-section
  8303.    
  8304.      user-items-list-section
  8305.      full-bleed-section
  8306.    
  8307.    
  8308.    
  8309.      
  8310.    
  8311.    
  8312.      
  8313.    
  8314.    
  8315.    
  8316.    
  8317.    
  8318.    dark'
  8319.  
  8320.  data-section-id="62e7b6368b3184307aa195d5"
  8321.  
  8322.  data-controller="SectionWrapperController"
  8323.  data-current-styles="{
  8324. &quot;imageFocalPoint&quot;: {
  8325. &quot;x&quot;: 0.5,
  8326. &quot;y&quot;: 0.5
  8327. },
  8328. &quot;imageOverlayOpacity&quot;: 0.3,
  8329. &quot;backgroundColor&quot;: &quot;white&quot;,
  8330. &quot;sectionTheme&quot;: &quot;dark&quot;,
  8331. &quot;imageEffect&quot;: &quot;none&quot;,
  8332. &quot;backgroundMode&quot;: &quot;generative&quot;,
  8333. &quot;backgroundImage&quot;: null
  8334. }"
  8335.  data-current-context="{
  8336. &quot;video&quot;: {
  8337. &quot;filter&quot;: 1,
  8338. &quot;videoFallbackContentItem&quot;: null,
  8339. &quot;nativeVideoContentItem&quot;: null,
  8340. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8341. },
  8342. &quot;backgroundImageId&quot;: null,
  8343. &quot;backgroundMediaEffect&quot;: {
  8344. &quot;type&quot;: &quot;none&quot;
  8345. },
  8346. &quot;divider&quot;: {
  8347. &quot;enabled&quot;: false
  8348. },
  8349. &quot;typeName&quot;: &quot;page&quot;
  8350. }"
  8351.  data-animation=""
  8352.  
  8353.  data-json-schema-section
  8354.  
  8355.  
  8356. >
  8357.  <div
  8358.    class="section-border"
  8359.    
  8360.  >
  8361.    <div class="section-background">
  8362.    
  8363.      
  8364.    
  8365.    </div>
  8366.  </div>
  8367.  <div
  8368.    class='content-wrapper'
  8369.    style='
  8370.      
  8371.        
  8372.      
  8373.    '
  8374.  >
  8375.    <div
  8376.      class="content"
  8377.      
  8378.    >
  8379.      
  8380.      
  8381.      
  8382.      
  8383.      
  8384.        
  8385.  
  8386.  
  8387.  
  8388.  
  8389.  
  8390.  
  8391.  
  8392.  
  8393.  
  8394.  
  8395.  
  8396.  
  8397.  
  8398.  
  8399.  
  8400.  
  8401.  
  8402.  
  8403. <div
  8404.  class="user-items-list"
  8405.  style="
  8406.    min-height: 100px;
  8407.    padding-top: 3.3vmax;
  8408.    padding-bottom: 3.3vmax;
  8409.    "
  8410.  data-card-theme=""
  8411.  data-section-id="user-items-list"
  8412.  data-section-title-enabled="true"
  8413.  data-space-below-section-title-value="40"
  8414.  data-space-below-section-title-unit="px"
  8415.  data-layout-width="inset"
  8416. >
  8417.  
  8418.    
  8419.    <div class="list-section-title"
  8420.      id="62e7b6368b3184307aa195d5"
  8421.      style= "padding-bottom: 40px;"
  8422.      data-section-title-alignment="center"
  8423.    >
  8424.      <p class="" style="white-space:pre-wrap;">Testimonials</p>
  8425.    </div>
  8426.  
  8427.  
  8428.  
  8429.  
  8430.  
  8431.  
  8432.  
  8433.    
  8434.  
  8435.  
  8436.  
  8437.  
  8438.  
  8439.  
  8440.  
  8441.  
  8442.  
  8443.  
  8444.  
  8445.  
  8446.  
  8447.  
  8448.  
  8449.  
  8450.  
  8451.  
  8452.  
  8453.  
  8454.  
  8455.  
  8456.  
  8457.  
  8458.  
  8459.  
  8460.  
  8461.  
  8462.  
  8463.  
  8464.  
  8465.  
  8466.  
  8467.  
  8468.  
  8469.  
  8470.  
  8471.  
  8472.  
  8473.  
  8474.  
  8475.  
  8476.  
  8477.  
  8478.  
  8479.  
  8480.  
  8481.  
  8482. <style>
  8483.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__title {
  8484.    font-size: 1.2rem;
  8485.  }
  8486.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__description {
  8487.    font-size: 0.9rem;
  8488.  }
  8489.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__button {
  8490.    font-size: 0.8rem;
  8491.  }
  8492.  
  8493.  @supports (--test-custom-property: true) {
  8494.    .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] {
  8495.      --title-font-size-value: 1.2;
  8496.      --body-font-size-value: 0.9;
  8497.      --button-font-size-value: 0.8;
  8498.    }
  8499.  }
  8500. </style>
  8501.  
  8502.  
  8503. <div
  8504.  class="
  8505.    user-items-list-item-container
  8506.    user-items-list-carousel
  8507.  "
  8508.  data-controller="UserItemsListCarousel"
  8509.  data-max-columns="2"
  8510.  data-show-adjacent-slides="false"
  8511.  data-space-between-slides-value="20"
  8512.  data-space-between-slides-unit="px"
  8513.  data-media-aspect-ratio="circle"
  8514.  data-is-infinite-enabled="true"
  8515.  data-navigation-controls="arrows"
  8516.  data-navigation-placement="bottom"
  8517.  data-navigation-alignment="center"
  8518.  data-alignment-vertical="top"
  8519.  data-section-id="62e7b6368b3184307aa195d5"
  8520.  data-current-context="{
  8521. &quot;userItems&quot;: [ {
  8522. &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;,
  8523. &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;,
  8524. &quot;button&quot;: {
  8525. &quot;buttonText&quot;: &quot;Make It&quot;,
  8526. &quot;buttonLink&quot;: &quot;#&quot;
  8527. },
  8528. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195cb&quot;,
  8529. &quot;image&quot;: {
  8530. &quot;id&quot;: &quot;62e7b6368b3184307aa195cb&quot;,
  8531. &quot;recordType&quot;: 2,
  8532. &quot;addedOn&quot;: 1656693471823,
  8533. &quot;updatedOn&quot;: 1656694079038,
  8534. &quot;starred&quot;: false,
  8535. &quot;passthrough&quot;: false,
  8536. &quot;workflowState&quot;: 1,
  8537. &quot;publishOn&quot;: 1656693471823,
  8538. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  8539. &quot;systemDataId&quot;: &quot;1615225337376-36JM1AX4C0NIC32WNXXU&quot;,
  8540. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  8541. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  8542. &quot;filename&quot;: &quot;Rectangle 26.jpg&quot;,
  8543. &quot;mediaFocalPoint&quot;: {
  8544. &quot;x&quot;: 0.5,
  8545. &quot;y&quot;: 0.5,
  8546. &quot;source&quot;: 3
  8547. },
  8548. &quot;colorData&quot;: {
  8549. &quot;topLeftAverage&quot;: &quot;969994&quot;,
  8550. &quot;topRightAverage&quot;: &quot;584435&quot;,
  8551. &quot;bottomLeftAverage&quot;: &quot;7e756e&quot;,
  8552. &quot;bottomRightAverage&quot;: &quot;75736e&quot;,
  8553. &quot;centerAverage&quot;: &quot;af8572&quot;,
  8554. &quot;suggestedBgColor&quot;: &quot;989e9a&quot;
  8555. },
  8556. &quot;urlId&quot;: &quot;vrfn569cj6y6y8c243elk4vp2k0dmi-j64e7&quot;,
  8557. &quot;title&quot;: &quot;&quot;,
  8558. &quot;body&quot;: null,
  8559. &quot;likeCount&quot;: 0,
  8560. &quot;commentCount&quot;: 0,
  8561. &quot;publicCommentCount&quot;: 0,
  8562. &quot;commentState&quot;: 2,
  8563. &quot;unsaved&quot;: false,
  8564. &quot;author&quot;: {
  8565. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  8566. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  8567. &quot;firstName&quot;: &quot;Marlon&quot;,
  8568. &quot;lastName&quot;: &quot;Alcantara&quot;,
  8569. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  8570. &quot;bio&quot;: &quot;&quot;,
  8571. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  8572. },
  8573. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225337376-36JM1AX4C0NIC32WNXXU/Rectangle+26.jpg&quot;,
  8574. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  8575. &quot;items&quot;: [ ],
  8576. &quot;pushedServices&quot;: { },
  8577. &quot;pendingPushedServices&quot;: { },
  8578. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  8579. &quot;recordTypeLabel&quot;: &quot;image&quot;
  8580. }
  8581. }, {
  8582. &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;,
  8583. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ David J.&lt;\/p&gt;&quot;,
  8584. &quot;button&quot;: {
  8585. &quot;buttonText&quot;: &quot;Make It&quot;
  8586. },
  8587. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195ce&quot;,
  8588. &quot;image&quot;: {
  8589. &quot;id&quot;: &quot;62e7b6368b3184307aa195ce&quot;,
  8590. &quot;recordType&quot;: 2,
  8591. &quot;addedOn&quot;: 1656693504842,
  8592. &quot;updatedOn&quot;: 1656694079047,
  8593. &quot;starred&quot;: false,
  8594. &quot;passthrough&quot;: false,
  8595. &quot;workflowState&quot;: 1,
  8596. &quot;publishOn&quot;: 1656693504842,
  8597. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  8598. &quot;systemDataId&quot;: &quot;1615225123989-3AGGEWNOKB8XK6YRH6A9&quot;,
  8599. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  8600. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  8601. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  8602. &quot;mediaFocalPoint&quot;: {
  8603. &quot;x&quot;: 0.5,
  8604. &quot;y&quot;: 0.5,
  8605. &quot;source&quot;: 3
  8606. },
  8607. &quot;colorData&quot;: {
  8608. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  8609. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  8610. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  8611. &quot;bottomRightAverage&quot;: &quot;9fa9af&quot;,
  8612. &quot;centerAverage&quot;: &quot;bf907e&quot;,
  8613. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  8614. },
  8615. &quot;urlId&quot;: &quot;jugvkzkjivzvtpqal7ancp1db8ky1v-d8xyl&quot;,
  8616. &quot;title&quot;: &quot;&quot;,
  8617. &quot;body&quot;: null,
  8618. &quot;likeCount&quot;: 0,
  8619. &quot;commentCount&quot;: 0,
  8620. &quot;publicCommentCount&quot;: 0,
  8621. &quot;commentState&quot;: 2,
  8622. &quot;unsaved&quot;: false,
  8623. &quot;author&quot;: {
  8624. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  8625. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  8626. &quot;firstName&quot;: &quot;Marlon&quot;,
  8627. &quot;lastName&quot;: &quot;Alcantara&quot;,
  8628. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  8629. &quot;bio&quot;: &quot;&quot;,
  8630. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  8631. },
  8632. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225123989-3AGGEWNOKB8XK6YRH6A9/Rectangle+25.jpg&quot;,
  8633. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  8634. &quot;items&quot;: [ ],
  8635. &quot;pushedServices&quot;: { },
  8636. &quot;pendingPushedServices&quot;: { },
  8637. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  8638. &quot;recordTypeLabel&quot;: &quot;image&quot;
  8639. }
  8640. }, {
  8641. &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;,
  8642. &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;,
  8643. &quot;button&quot;: {
  8644. &quot;buttonText&quot;: &quot;Make It&quot;
  8645. },
  8646. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195d1&quot;,
  8647. &quot;image&quot;: {
  8648. &quot;id&quot;: &quot;62e7b6368b3184307aa195d1&quot;,
  8649. &quot;recordType&quot;: 2,
  8650. &quot;addedOn&quot;: 1656693525362,
  8651. &quot;updatedOn&quot;: 1656694079054,
  8652. &quot;starred&quot;: false,
  8653. &quot;passthrough&quot;: false,
  8654. &quot;workflowState&quot;: 1,
  8655. &quot;publishOn&quot;: 1656693525362,
  8656. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  8657. &quot;systemDataId&quot;: &quot;1615225350677-B3YBA0I530Q8W9125BX3&quot;,
  8658. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  8659. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  8660. &quot;filename&quot;: &quot;Rectangle 27.jpg&quot;,
  8661. &quot;mediaFocalPoint&quot;: {
  8662. &quot;x&quot;: 0.5,
  8663. &quot;y&quot;: 0.5,
  8664. &quot;source&quot;: 3
  8665. },
  8666. &quot;colorData&quot;: {
  8667. &quot;topLeftAverage&quot;: &quot;868e7e&quot;,
  8668. &quot;topRightAverage&quot;: &quot;475538&quot;,
  8669. &quot;bottomLeftAverage&quot;: &quot;9e988a&quot;,
  8670. &quot;bottomRightAverage&quot;: &quot;586047&quot;,
  8671. &quot;centerAverage&quot;: &quot;cea194&quot;,
  8672. &quot;suggestedBgColor&quot;: &quot;848c7d&quot;
  8673. },
  8674. &quot;urlId&quot;: &quot;ras78oa5af9eea07ppvxpljawj6nio-792ab&quot;,
  8675. &quot;title&quot;: &quot;&quot;,
  8676. &quot;body&quot;: null,
  8677. &quot;likeCount&quot;: 0,
  8678. &quot;commentCount&quot;: 0,
  8679. &quot;publicCommentCount&quot;: 0,
  8680. &quot;commentState&quot;: 2,
  8681. &quot;unsaved&quot;: false,
  8682. &quot;author&quot;: {
  8683. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  8684. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  8685. &quot;firstName&quot;: &quot;Marlon&quot;,
  8686. &quot;lastName&quot;: &quot;Alcantara&quot;,
  8687. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  8688. &quot;bio&quot;: &quot;&quot;,
  8689. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  8690. },
  8691. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225350677-B3YBA0I530Q8W9125BX3/Rectangle+27.jpg&quot;,
  8692. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  8693. &quot;items&quot;: [ ],
  8694. &quot;pushedServices&quot;: { },
  8695. &quot;pendingPushedServices&quot;: { },
  8696. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  8697. &quot;recordTypeLabel&quot;: &quot;image&quot;
  8698. }
  8699. }, {
  8700. &quot;title&quot;: &quot;\&quot;We were happy with everyone we met from your company and especially pleased with our new doors.\&quot;&quot;,
  8701. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ Doug K.&lt;\/p&gt;&quot;,
  8702. &quot;button&quot;: {
  8703. &quot;buttonText&quot;: &quot;Make It&quot;
  8704. },
  8705. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195d4&quot;,
  8706. &quot;image&quot;: {
  8707. &quot;id&quot;: &quot;62e7b6368b3184307aa195d4&quot;,
  8708. &quot;recordType&quot;: 2,
  8709. &quot;addedOn&quot;: 1656693557279,
  8710. &quot;updatedOn&quot;: 1656694079062,
  8711. &quot;starred&quot;: false,
  8712. &quot;passthrough&quot;: false,
  8713. &quot;workflowState&quot;: 1,
  8714. &quot;publishOn&quot;: 1656693557279,
  8715. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  8716. &quot;systemDataId&quot;: &quot;1615225322403-8M32U1NK41JYCCJQCWP7&quot;,
  8717. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  8718. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  8719. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  8720. &quot;mediaFocalPoint&quot;: {
  8721. &quot;x&quot;: 0.5,
  8722. &quot;y&quot;: 0.5,
  8723. &quot;source&quot;: 3
  8724. },
  8725. &quot;colorData&quot;: {
  8726. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  8727. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  8728. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  8729. &quot;bottomRightAverage&quot;: &quot;9ea8b0&quot;,
  8730. &quot;centerAverage&quot;: &quot;c18f7d&quot;,
  8731. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  8732. },
  8733. &quot;urlId&quot;: &quot;n2z4r6bf1ghjzh8mhpzriaca2op5u6-s5ff2&quot;,
  8734. &quot;title&quot;: &quot;&quot;,
  8735. &quot;body&quot;: null,
  8736. &quot;likeCount&quot;: 0,
  8737. &quot;commentCount&quot;: 0,
  8738. &quot;publicCommentCount&quot;: 0,
  8739. &quot;commentState&quot;: 2,
  8740. &quot;unsaved&quot;: false,
  8741. &quot;author&quot;: {
  8742. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  8743. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  8744. &quot;firstName&quot;: &quot;Marlon&quot;,
  8745. &quot;lastName&quot;: &quot;Alcantara&quot;,
  8746. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  8747. &quot;bio&quot;: &quot;&quot;,
  8748. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  8749. },
  8750. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225322403-8M32U1NK41JYCCJQCWP7/Rectangle+25.jpg&quot;,
  8751. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  8752. &quot;items&quot;: [ ],
  8753. &quot;pushedServices&quot;: { },
  8754. &quot;pendingPushedServices&quot;: { },
  8755. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  8756. &quot;recordTypeLabel&quot;: &quot;image&quot;
  8757. }
  8758. } ],
  8759. &quot;styles&quot;: {
  8760. &quot;imageFocalPoint&quot;: {
  8761. &quot;x&quot;: 0.5,
  8762. &quot;y&quot;: 0.5
  8763. },
  8764. &quot;imageOverlayOpacity&quot;: 0.3,
  8765. &quot;backgroundColor&quot;: &quot;white&quot;,
  8766. &quot;sectionTheme&quot;: &quot;dark&quot;,
  8767. &quot;imageEffect&quot;: &quot;none&quot;,
  8768. &quot;backgroundMode&quot;: &quot;generative&quot;,
  8769. &quot;backgroundImage&quot;: null
  8770. },
  8771. &quot;video&quot;: {
  8772. &quot;filter&quot;: 1,
  8773. &quot;videoFallbackContentItem&quot;: null,
  8774. &quot;nativeVideoContentItem&quot;: null,
  8775. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8776. },
  8777. &quot;backgroundImageFocalPoint&quot;: null,
  8778. &quot;backgroundImageId&quot;: null,
  8779. &quot;options&quot;: {
  8780. &quot;maxColumns&quot;: 2,
  8781. &quot;isCardEnabled&quot;: true,
  8782. &quot;isMediaEnabled&quot;: false,
  8783. &quot;isTitleEnabled&quot;: true,
  8784. &quot;isBodyEnabled&quot;: true,
  8785. &quot;isButtonEnabled&quot;: false,
  8786. &quot;isShowAdjacentSlides&quot;: false,
  8787. &quot;isInfiniteEnabled&quot;: true,
  8788. &quot;isAutoplayEnabled&quot;: false,
  8789. &quot;slideDurationMs&quot;: 1000,
  8790. &quot;mediaAspectRatio&quot;: &quot;circle&quot;,
  8791. &quot;layoutWidth&quot;: &quot;inset&quot;,
  8792. &quot;mediaWidth&quot;: {
  8793. &quot;value&quot;: 30,
  8794. &quot;unit&quot;: &quot;%&quot;
  8795. },
  8796. &quot;mediaAlignment&quot;: &quot;center&quot;,
  8797. &quot;contentWidth&quot;: {
  8798. &quot;value&quot;: 100,
  8799. &quot;unit&quot;: &quot;%&quot;
  8800. },
  8801. &quot;titleAlignment&quot;: &quot;left&quot;,
  8802. &quot;bodyAlignment&quot;: &quot;left&quot;,
  8803. &quot;buttonAlignment&quot;: &quot;left&quot;,
  8804. &quot;titlePlacement&quot;: &quot;center&quot;,
  8805. &quot;bodyPlacement&quot;: &quot;center&quot;,
  8806. &quot;buttonPlacement&quot;: &quot;center&quot;,
  8807. &quot;cardVerticalAlignment&quot;: &quot;top&quot;,
  8808. &quot;contentOrder&quot;: &quot;media-first&quot;,
  8809. &quot;titleFontSize&quot;: &quot;heading-2&quot;,
  8810. &quot;bodyFontSize&quot;: &quot;paragraph-2&quot;,
  8811. &quot;buttonFontSize&quot;: &quot;button-medium&quot;,
  8812. &quot;customOptions&quot;: {
  8813. &quot;customTitleFontSize&quot;: {
  8814. &quot;value&quot;: 1.2,
  8815. &quot;unit&quot;: &quot;rem&quot;
  8816. },
  8817. &quot;customBodyFontSize&quot;: {
  8818. &quot;value&quot;: 0.9,
  8819. &quot;unit&quot;: &quot;rem&quot;
  8820. },
  8821. &quot;customButtonFontSize&quot;: {
  8822. &quot;value&quot;: 0.8,
  8823. &quot;unit&quot;: &quot;rem&quot;
  8824. }
  8825. },
  8826. &quot;verticalPaddingTop&quot;: {
  8827. &quot;value&quot;: 3.3,
  8828. &quot;unit&quot;: &quot;vmax&quot;
  8829. },
  8830. &quot;verticalPaddingBottom&quot;: {
  8831. &quot;value&quot;: 3.3,
  8832. &quot;unit&quot;: &quot;vmax&quot;
  8833. },
  8834. &quot;spaceBetweenSlides&quot;: {
  8835. &quot;value&quot;: 20,
  8836. &quot;unit&quot;: &quot;px&quot;
  8837. },
  8838. &quot;spaceBetweenContentAndMedia&quot;: {
  8839. &quot;value&quot;: 4,
  8840. &quot;unit&quot;: &quot;%&quot;
  8841. },
  8842. &quot;spaceBelowTitle&quot;: {
  8843. &quot;value&quot;: 1,
  8844. &quot;unit&quot;: &quot;%&quot;
  8845. },
  8846. &quot;spaceBelowBody&quot;: {
  8847. &quot;value&quot;: 4,
  8848. &quot;unit&quot;: &quot;%&quot;
  8849. },
  8850. &quot;cardPaddingTop&quot;: {
  8851. &quot;value&quot;: 6,
  8852. &quot;unit&quot;: &quot;%&quot;
  8853. },
  8854. &quot;cardPaddingRight&quot;: {
  8855. &quot;value&quot;: 6,
  8856. &quot;unit&quot;: &quot;%&quot;
  8857. },
  8858. &quot;cardPaddingBottom&quot;: {
  8859. &quot;value&quot;: 6,
  8860. &quot;unit&quot;: &quot;%&quot;
  8861. },
  8862. &quot;cardPaddingLeft&quot;: {
  8863. &quot;value&quot;: 6,
  8864. &quot;unit&quot;: &quot;%&quot;
  8865. },
  8866. &quot;navigationOffset&quot;: {
  8867. &quot;value&quot;: 5,
  8868. &quot;unit&quot;: &quot;vw&quot;
  8869. },
  8870. &quot;navigationControls&quot;: &quot;arrows&quot;,
  8871. &quot;navigationPlacement&quot;: &quot;bottom&quot;,
  8872. &quot;navigationAlignment&quot;: &quot;center&quot;,
  8873. &quot;spaceAboveNavigation&quot;: {
  8874. &quot;value&quot;: 30,
  8875. &quot;unit&quot;: &quot;px&quot;
  8876. },
  8877. &quot;progressIndicators&quot;: &quot;bars&quot;
  8878. },
  8879. &quot;layout&quot;: &quot;carousel&quot;,
  8880. &quot;isSectionTitleEnabled&quot;: true,
  8881. &quot;sectionTitle&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Testimonials&lt;\/p&gt;&quot;,
  8882. &quot;spaceBelowSectionTitle&quot;: {
  8883. &quot;value&quot;: 40,
  8884. &quot;unit&quot;: &quot;px&quot;
  8885. },
  8886. &quot;sectionTitleAlignment&quot;: &quot;center&quot;,
  8887. &quot;isSectionButtonEnabled&quot;: false,
  8888. &quot;sectionButton&quot;: {
  8889. &quot;buttonText&quot;: &quot;Make It&quot;,
  8890. &quot;buttonLink&quot;: &quot;#&quot;,
  8891. &quot;buttonNewWindow&quot;: false
  8892. },
  8893. &quot;sectionButtonSize&quot;: &quot;medium&quot;,
  8894. &quot;sectionButtonAlignment&quot;: &quot;center&quot;,
  8895. &quot;spaceAboveSectionButton&quot;: {
  8896. &quot;value&quot;: 40,
  8897. &quot;unit&quot;: &quot;px&quot;
  8898. }
  8899. }"
  8900.  data-media-alignment="center"
  8901.  data-title-alignment="left"
  8902.  data-body-alignment="left"
  8903.  data-button-alignment="left"
  8904.  data-title-placement="center"
  8905.  data-body-placement="center"
  8906.  data-button-placement="center"
  8907.  data-layout-width="inset"
  8908.  data-title-font-unit="rem"
  8909.  data-description-font-unit="rem"
  8910.  data-button-font-unit="rem"
  8911.  data-is-media-enabled="false"
  8912.  data-is-card-enabled="true"
  8913.  data-media-width-value="30"
  8914.  data-media-width-unit="%"
  8915.  data-content-order="media-first"
  8916.  data-space-between-columns=""
  8917.  data-vertical-padding-top-value="3.3"
  8918.  data-vertical-padding-bottom-value="3.3"
  8919.  data-vertical-padding-top-unit="vmax"
  8920.  data-vertical-padding-bottom-unit="vmax"
  8921. >
  8922.  <div
  8923.    class="user-items-list-carousel__gutter"
  8924.    role="region"
  8925.    aria-label="Carousel"
  8926.  >
  8927.    <div class="user-items-list-carousel__slideshow-holder">
  8928.  
  8929.      <div class="user-items-list-carousel__slides-revealer">
  8930.        <ul class="user-items-list-carousel__slides" style="grid-gap: 20px;">
  8931.          
  8932.            
  8933.            <li class="
  8934.                  user-items-list-carousel__slide list-item
  8935.                  
  8936.                    list-item-basic-animation
  8937.                  
  8938.                "
  8939.                style="
  8940.                
  8941.                  padding-top: 6%;
  8942.                  padding-right: 6%;
  8943.                  padding-bottom: 6%;
  8944.                  padding-left: 6%;
  8945.                
  8946.              "
  8947.              data-is-card-enabled="true"
  8948.            >
  8949.              
  8950.                
  8951.              
  8952.              <div class="list-item-content">
  8953.  
  8954.                
  8955.                  <div class="list-item-content__text-wrapper">
  8956.  
  8957.                    
  8958.                      <h2
  8959.                        class="list-item-content__title"
  8960.                        style="max-width: 100%;"
  8961.                      >"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>
  8962.                    
  8963.  
  8964.                    
  8965.                        <div class="list-item-content__description
  8966.                          
  8967.                          "
  8968.                          style="
  8969.                            margin-top: 1%;
  8970.                            max-width: 100%;
  8971.                          "
  8972.                        ><p class="" style="white-space:pre-wrap;">~ Scott &amp; Kelly S.</p></div>
  8973.                    
  8974.  
  8975.                  </div>
  8976.                
  8977.  
  8978.                
  8979.  
  8980.              </div>
  8981.            </li>
  8982.          
  8983.            
  8984.            <li class="
  8985.                  user-items-list-carousel__slide list-item
  8986.                  
  8987.                    list-item-basic-animation
  8988.                  
  8989.                "
  8990.                style="
  8991.                
  8992.                  padding-top: 6%;
  8993.                  padding-right: 6%;
  8994.                  padding-bottom: 6%;
  8995.                  padding-left: 6%;
  8996.                
  8997.              "
  8998.              data-is-card-enabled="true"
  8999.            >
  9000.              
  9001.                
  9002.              
  9003.              <div class="list-item-content">
  9004.  
  9005.                
  9006.                  <div class="list-item-content__text-wrapper">
  9007.  
  9008.                    
  9009.                      <h2
  9010.                        class="list-item-content__title"
  9011.                        style="max-width: 100%;"
  9012.                      >"I just wanted to commend you on a project well done again, let your crews know we really appreciated their efforts."</h2>
  9013.                    
  9014.  
  9015.                    
  9016.                        <div class="list-item-content__description
  9017.                          
  9018.                          "
  9019.                          style="
  9020.                            margin-top: 1%;
  9021.                            max-width: 100%;
  9022.                          "
  9023.                        ><p class="" style="white-space:pre-wrap;">~ David J.</p></div>
  9024.                    
  9025.  
  9026.                  </div>
  9027.                
  9028.  
  9029.                
  9030.  
  9031.              </div>
  9032.            </li>
  9033.          
  9034.            
  9035.            <li class="
  9036.                  user-items-list-carousel__slide list-item
  9037.                  
  9038.                    list-item-basic-animation
  9039.                  
  9040.                "
  9041.                style="
  9042.                
  9043.                  padding-top: 6%;
  9044.                  padding-right: 6%;
  9045.                  padding-bottom: 6%;
  9046.                  padding-left: 6%;
  9047.                
  9048.              "
  9049.              data-is-card-enabled="true"
  9050.            >
  9051.              
  9052.                
  9053.              
  9054.              <div class="list-item-content">
  9055.  
  9056.                
  9057.                  <div class="list-item-content__text-wrapper">
  9058.  
  9059.                    
  9060.                      <h2
  9061.                        class="list-item-content__title"
  9062.                        style="max-width: 100%;"
  9063.                      >"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>
  9064.                    
  9065.  
  9066.                    
  9067.                        <div class="list-item-content__description
  9068.                          
  9069.                          "
  9070.                          style="
  9071.                            margin-top: 1%;
  9072.                            max-width: 100%;
  9073.                          "
  9074.                        ><p class="" style="white-space:pre-wrap;">~ Lorraine &amp; Arnie M.</p></div>
  9075.                    
  9076.  
  9077.                  </div>
  9078.                
  9079.  
  9080.                
  9081.  
  9082.              </div>
  9083.            </li>
  9084.          
  9085.            
  9086.            <li class="
  9087.                  user-items-list-carousel__slide list-item
  9088.                  
  9089.                    list-item-basic-animation
  9090.                  
  9091.                "
  9092.                style="
  9093.                
  9094.                  padding-top: 6%;
  9095.                  padding-right: 6%;
  9096.                  padding-bottom: 6%;
  9097.                  padding-left: 6%;
  9098.                
  9099.              "
  9100.              data-is-card-enabled="true"
  9101.            >
  9102.              
  9103.                
  9104.              
  9105.              <div class="list-item-content">
  9106.  
  9107.                
  9108.                  <div class="list-item-content__text-wrapper">
  9109.  
  9110.                    
  9111.                      <h2
  9112.                        class="list-item-content__title"
  9113.                        style="max-width: 100%;"
  9114.                      >"We were happy with everyone we met from your company and especially pleased with our new doors."</h2>
  9115.                    
  9116.  
  9117.                    
  9118.                        <div class="list-item-content__description
  9119.                          
  9120.                          "
  9121.                          style="
  9122.                            margin-top: 1%;
  9123.                            max-width: 100%;
  9124.                          "
  9125.                        ><p class="" style="white-space:pre-wrap;">~ Doug K.</p></div>
  9126.                    
  9127.  
  9128.                  </div>
  9129.                
  9130.  
  9131.                
  9132.  
  9133.              </div>
  9134.            </li>
  9135.          
  9136.        </ul>
  9137.      </div>
  9138.  
  9139.    </div>
  9140.  
  9141.    
  9142.      
  9143.    
  9144.  
  9145.    <div class="mobile-arrows">
  9146.      <button
  9147.  class="
  9148.    mobile-arrow-button
  9149.    mobile-arrow-button--left
  9150.  "
  9151.  aria-label="
  9152.    
  9153.      Previous
  9154.    
  9155.    
  9156.  "
  9157.  data-animation-role="button"
  9158. >
  9159.  <div class="
  9160.    user-items-list-carousel__arrow-icon-background
  9161.    mobile-arrow-icon-background-area
  9162.  ">
  9163.  </div>
  9164.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9165.  
  9166.    
  9167.      <path class="user-items-list-carousel__arrow-icon-foreground
  9168.        mobile-arrow-icon-path"
  9169.        d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none"
  9170.      />
  9171.      <path class="user-items-list-carousel__arrow-icon-foreground
  9172.        mobile-arrow-icon-path"
  9173.        d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none"
  9174.      />
  9175.    
  9176.  
  9177.    
  9178.  
  9179.  </svg>
  9180. </button>
  9181.  
  9182.      <button
  9183.  class="
  9184.    mobile-arrow-button
  9185.    mobile-arrow-button--right
  9186.  "
  9187.  aria-label="
  9188.    
  9189.    
  9190.      Next
  9191.    
  9192.  "
  9193.  data-animation-role="button"
  9194. >
  9195.  <div class="
  9196.    user-items-list-carousel__arrow-icon-background
  9197.    mobile-arrow-icon-background-area
  9198.  ">
  9199.  </div>
  9200.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9201.  
  9202.    
  9203.  
  9204.    
  9205.      <path class="user-items-list-carousel__arrow-icon-foreground
  9206.        mobile-arrow-icon-path"
  9207.        d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none"
  9208.      />
  9209.      <path class="user-items-list-carousel__arrow-icon-foreground
  9210.        mobile-arrow-icon-path"
  9211.        d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none"
  9212.      />
  9213.    
  9214.  
  9215.  </svg>
  9216. </button>
  9217.  
  9218.    </div>
  9219.  
  9220.  </div>
  9221.  
  9222.  
  9223.    
  9224.      <div
  9225.        class="desktop-arrows arrows-bottom-wrapper"
  9226.        style="margin-top: 30px;"
  9227.      >
  9228.        <div class="arrows-bottom">
  9229.          <button
  9230.  class="
  9231.    user-items-list-carousel__arrow-button
  9232.    user-items-list-carousel__arrow-button--left
  9233.  "
  9234.  aria-label="
  9235.    
  9236.      Previous
  9237.    
  9238.    
  9239.  "
  9240.  data-animation-role="button"
  9241. >
  9242.  <div class="
  9243.    user-items-list-carousel__arrow-icon-background
  9244.    user-items-list-carousel__arrow-icon-background-area
  9245.  ">
  9246.  </div>
  9247.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9248.  
  9249.    
  9250.      <path class="user-items-list-carousel__arrow-icon-foreground
  9251.        user-items-list-carousel__arrow-icon-path"
  9252.        d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116"
  9253.      />
  9254.      <path class="user-items-list-carousel__arrow-icon-foreground
  9255.        user-items-list-carousel__arrow-icon-path"
  9256.        d="M42.8633 9.18125L3.37868 9.18125"
  9257.      />
  9258.    
  9259.  
  9260.    
  9261.  
  9262.  </svg>
  9263. </button>
  9264.  
  9265.          <button
  9266.  class="
  9267.    user-items-list-carousel__arrow-button
  9268.    user-items-list-carousel__arrow-button--right
  9269.  "
  9270.  aria-label="
  9271.    
  9272.    
  9273.      Next
  9274.    
  9275.  "
  9276.  data-animation-role="button"
  9277. >
  9278.  <div class="
  9279.    user-items-list-carousel__arrow-icon-background
  9280.    user-items-list-carousel__arrow-icon-background-area
  9281.  ">
  9282.  </div>
  9283.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9284.  
  9285.    
  9286.  
  9287.    
  9288.      <path class="user-items-list-carousel__arrow-icon-foreground
  9289.        user-items-list-carousel__arrow-icon-path"
  9290.        d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599"
  9291.      />
  9292.      <path class="user-items-list-carousel__arrow-icon-foreground
  9293.        user-items-list-carousel__arrow-icon-path"
  9294.        d="M1.19088 9.16982H40.6755"
  9295.      />
  9296.    
  9297.  
  9298.  </svg>
  9299. </button>
  9300.  
  9301.        </div>
  9302.      </div>
  9303.    
  9304.  
  9305.  
  9306. </div>
  9307.  
  9308.  
  9309.  
  9310.  
  9311. </div>
  9312.  
  9313.      
  9314.      
  9315.      
  9316.    </div>
  9317.  
  9318.    <button class='background-pause-button' aria-label="Pause Background"></button>
  9319. <button class='background-pause-button paused' aria-label="Play Background"></button>
  9320.  
  9321.  
  9322.  </div>
  9323.  
  9324. </section>
  9325.  
  9326.  
  9327. </article>
  9328.  
  9329.  
  9330.          
  9331.  
  9332.          
  9333.            
  9334.          
  9335.        
  9336.      </main>
  9337.      <script type="text/javascript">
  9338.        const firstSection = document.querySelector('.page-section');
  9339.        const header = document.querySelector('.header');
  9340.        const mobileOverlayNav = document.querySelector('.header-menu');
  9341.        const sectionBackground = firstSection ? firstSection.querySelector('.section-background') : null;
  9342.        const headerHeight = header ? header.getBoundingClientRect().height : 0;
  9343.        const firstSectionHasBackground = firstSection ? firstSection.className.indexOf('has-background') >= 0 : false;
  9344.        const isFirstSectionInset = firstSection ? firstSection.className.indexOf('background-width--inset') >= 0 : false;
  9345.        const isLayoutEngineSection = firstSection ? firstSection.className.indexOf('layout-engine-section') >= 0 : false;
  9346.  
  9347.        if (firstSection) {
  9348.          firstSection.style.paddingTop = headerHeight + 'px';
  9349.        }
  9350.        if (sectionBackground && isLayoutEngineSection) {
  9351.          if (isFirstSectionInset) {
  9352.            sectionBackground.style.top = headerHeight + 'px';
  9353.          } else {
  9354.            sectionBackground.style.top = '';
  9355.          }
  9356.        }
  9357.        //# sourceURL=headerPositioning.js
  9358.      </script>
  9359.  
  9360.      
  9361.        <footer class="sections" id="footer-sections" data-footer-sections>
  9362.  
  9363.  
  9364.  
  9365.  
  9366.  
  9367.  
  9368.    
  9369.    
  9370.  
  9371.  
  9372.  
  9373.  
  9374.  
  9375. <section
  9376.  data-test="page-section"
  9377.  
  9378.  data-section-theme="dark-bold"
  9379.  class='page-section
  9380.    
  9381.      full-bleed-section
  9382.      layout-engine-section
  9383.    
  9384.    background-width--full-bleed
  9385.    
  9386.      
  9387.        section-height--custom
  9388.      
  9389.    
  9390.    
  9391.      content-width--wide
  9392.    
  9393.    horizontal-alignment--center
  9394.    vertical-alignment--middle
  9395.    
  9396.      
  9397.    
  9398.    
  9399.    dark-bold'
  9400.  
  9401.  data-section-id="62e8c575fd657a5d285fce5a"
  9402.  
  9403.  data-controller="SectionWrapperController"
  9404.  data-current-styles="{
  9405. &quot;imageOverlayOpacity&quot;: 0.15,
  9406. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  9407. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  9408. &quot;customSectionHeight&quot;: 0,
  9409. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  9410. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  9411. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  9412. &quot;customContentWidth&quot;: 50,
  9413. &quot;sectionTheme&quot;: &quot;dark-bold&quot;,
  9414. &quot;sectionAnimation&quot;: &quot;none&quot;,
  9415. &quot;backgroundMode&quot;: &quot;image&quot;
  9416. }"
  9417.  data-current-context="{
  9418. &quot;video&quot;: {
  9419. &quot;playbackSpeed&quot;: 0.5,
  9420. &quot;filter&quot;: 1,
  9421. &quot;filterStrength&quot;: 0,
  9422. &quot;zoom&quot;: 0,
  9423. &quot;videoSourceProvider&quot;: &quot;none&quot;
  9424. },
  9425. &quot;backgroundImageId&quot;: null,
  9426. &quot;backgroundMediaEffect&quot;: null,
  9427. &quot;divider&quot;: null,
  9428. &quot;typeName&quot;: &quot;page&quot;
  9429. }"
  9430.  data-animation="none"
  9431.  data-fluid-engine-section
  9432.  
  9433.  
  9434.  
  9435. >
  9436.  <div
  9437.    class="section-border"
  9438.    
  9439.  >
  9440.    <div class="section-background">
  9441.    
  9442.      
  9443.    
  9444.    </div>
  9445. <