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-05020f1bbc808fb5b8e3-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-05020f1bbc808fb5b8e3-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-4a05b16150794b516637-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
  44. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-4a05b16150794b516637-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-87ea0657403046285765-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
  45. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-87ea0657403046285765-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-05b0d13675885805a64c-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
  46. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-05b0d13675885805a64c-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-4d2f20e120d8f0766cf3-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-004feeebed5598d79fc1-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-0ac0afef4825691a4645-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-423be0de669ce792267f-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-6500870be17c2a612be1-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-80d17e84849b1ff0a10e-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-428274a2711c6437783f-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-e78a897353d5cec4ea6b-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-081be79078914b908a1a-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-42cbad4b22b517f47211-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-2bd1f6f1590946487a3a-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-d0b461e789cc5156260a-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-abc19d6b3456998a1388-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-4015fa07502fd85cce51-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-9c7b93bd6c6eec5cef37-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-40e40cbd1733b6dcab1a-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-c7a38145e43b386acb0f-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-4d083bf839b232ceaa67-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-4f86cb20877dafd2ae07-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-5869a38a2bb3cda993d1-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-4bb7e15e55988432a661-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-a577027fc2e496d4ca16-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-78c29e2a12a5aa2a2d61-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-62ad48aebe5d1be19b70-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-7374037e268541f73724-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-9a50f8387c4c15fceeea-min.en-US.js"}},"pageType":2,"website":{"id":"62df9f96468cac7176a697b8","identifier":"cyan-fennel-hrr2","websiteType":1,"contentModifiedOn":1713309841576,"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":{"8":true,"6":true,"2":true,"4":true,"1":true,"7":true,"3":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},"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":["campaigns_new_image_layout_picker","crm_redesign_phase_1","scripts_defer","order_status_page_checkout_landing_enabled","campaigns_import_discounts","nested_categories","member_areas_feature","commerce_site_visitor_metrics","pdp_product_add_ons_visitor_site","campaigns_discount_section_in_blasts","commsplat_forms_visitor_profile","fluid_engine_clean_up_grid_contextual_change","unify_edit_mode_p2","donations_panel_refactor","customer_account_creation_recaptcha","hide_header_footer_beta","campaigns_thumbnail_layout","new_stacked_index","accounting_orders_sync","fluid_engine","proposals_beta_in_circle_labs","hideable_header_footer_for_videos","commerce_checkout_website_updates_enabled","crm_product_contacts_use_mfe","toggle_preview_new_shortcut","google_consent_v2","is_feature_gate_refresh_enabled","commerce_restock_notifications","commerce_etsy_shipping_import","nested_categories_migration_enabled","campaigns_discount_section_in_automations","themes","website_fonts","commerce_etsy_product_import","marketing_landing_page","commerce_currency_jpy","send_local_pickup_ready_email","commerce_paywall_renewal_notifications","commerce_clearpay","collection_typename_switching","override_block_styles","commerce_order_status_access","i18n_beta_website_locales","hideable_header_footer_for_memberareas","visitor_react_forms","campaigns_global_uc_ab","customer_accounts_email_verification","background_art_onboarding","supports_versioned_template_assets","enable_css_variable_tweaks","hideable_header_footer_for_courses","viewer-role-contributor-invites","hideable_header_footer","commerce_subscription_renewal_notifications"],"videoAssetsFeatureFlags":["mux-data-video-collection","mux-data-video-block","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/1713309841576/","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/182/5c5a519771c10ba3470d8101/62df9f96468cac7176a697f5/1518/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/1712772943022-RISL5OTW906SEOCXSNEC/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-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-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-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-product-add-ons
  960.      
  961.      
  962.      
  963.        
  964.          
  965.            
  966.              
  967.            
  968.          
  969.        
  970.      
  971.    "
  972.    data-description="plp-mobile-editor-column"
  973.    tabindex="-1"
  974.  >
  975.    <div
  976.      id="siteWrapper"
  977.      class="clearfix site-wrapper"
  978.    >
  979.      
  980.        <div id="floatingCart" class="floating-cart hidden">
  981.          <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
  982.            <span class="Cart-inner">
  983.              
  984.  
  985.  
  986.  
  987.  <svg class="icon icon--cart" viewBox="0 0 31 24">
  988.  <g class="svg-icon cart-icon--odd">
  989.    <circle fill="none" stroke-miterlimit="10" cx="22.5" cy="21.5" r="1"/>
  990.    <circle fill="none" stroke-miterlimit="10" cx="9.5" cy="21.5" r="1"/>
  991.    <path fill="none" stroke-miterlimit="10" d="M0,1.5h5c0.6,0,1.1,0.4,1.1,1l1.7,13
  992.      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"/>
  993.  </g>
  994. </svg>
  995.  
  996.              <div class="legacy-cart icon-cart-quantity">
  997.                <span class="sqs-cart-quantity">0</span>
  998.              </div>
  999.            </span>
  1000.          </a>
  1001.        </div>
  1002.      
  1003.  
  1004.      
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  <header
  1023.    data-test="header"
  1024.    id="header"
  1025.    
  1026.    class="
  1027.      
  1028.        white
  1029.      
  1030.      header theme-col--primary
  1031.    "
  1032.    data-section-theme="white"
  1033.    data-controller="Header"
  1034.    data-current-styles="{
  1035.          &quot;layout&quot;: &quot;navRight&quot;,
  1036.          &quot;action&quot;: {
  1037.            &quot;href&quot;: &quot;/donate&quot;,
  1038.            &quot;buttonText&quot;: &quot;Donate&quot;,
  1039.            &quot;newWindow&quot;: false
  1040.          },
  1041.          &quot;showSocial&quot;: true,
  1042.          &quot;socialOptions&quot;: {
  1043.            &quot;socialBorderShape&quot;: &quot;none&quot;,
  1044.            &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  1045.            &quot;socialBorderThickness&quot;: {
  1046.              &quot;unit&quot;: &quot;px&quot;,
  1047.              &quot;value&quot;: 1.0
  1048.            }
  1049.          },
  1050.          &quot;sectionTheme&quot;: &quot;white&quot;,
  1051.          &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  1052.          &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  1053.          &quot;cartStyle&quot;: &quot;cart&quot;,
  1054.          &quot;cartText&quot;: &quot;Cart&quot;,
  1055.          &quot;showEmptyCartState&quot;: true,
  1056.          &quot;cartOptions&quot;: {
  1057.            &quot;iconType&quot;: &quot;stroke-1&quot;,
  1058.            &quot;cartBorderShape&quot;: &quot;none&quot;,
  1059.            &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  1060.            &quot;cartBorderThickness&quot;: {
  1061.              &quot;unit&quot;: &quot;px&quot;,
  1062.              &quot;value&quot;: 1.0
  1063.            }
  1064.          },
  1065.          &quot;showButton&quot;: false,
  1066.          &quot;showCart&quot;: false,
  1067.          &quot;showAccountLogin&quot;: false,
  1068.          &quot;headerStyle&quot;: &quot;theme&quot;,
  1069.          &quot;languagePicker&quot;: {
  1070.            &quot;enabled&quot;: false,
  1071.            &quot;iconEnabled&quot;: false,
  1072.            &quot;iconType&quot;: &quot;globe&quot;,
  1073.            &quot;flagShape&quot;: &quot;shiny&quot;,
  1074.            &quot;languageFlags&quot;: [ ]
  1075.          },
  1076.          &quot;mobileOptions&quot;: {
  1077.            &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  1078.            &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  1079.            &quot;menuIconOptions&quot;: {
  1080.              &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  1081.              &quot;thickness&quot;: {
  1082.                &quot;unit&quot;: &quot;px&quot;,
  1083.                &quot;value&quot;: 3.0
  1084.              }
  1085.            }
  1086.          },
  1087.          &quot;dynamicOptions&quot;: {
  1088.            &quot;border&quot;: {
  1089.              &quot;enabled&quot;: false,
  1090.              &quot;position&quot;: &quot;allSides&quot;,
  1091.              &quot;thickness&quot;: {
  1092.                &quot;unit&quot;: &quot;px&quot;,
  1093.                &quot;value&quot;: 4.0
  1094.              },
  1095.              &quot;color&quot;: {
  1096.                &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1097.                &quot;sitePaletteColor&quot;: {
  1098.                  &quot;colorName&quot;: &quot;black&quot;,
  1099.                  &quot;alphaModifier&quot;: 1.0
  1100.                }
  1101.              }
  1102.            }
  1103.          },
  1104.          &quot;solidOptions&quot;: {
  1105.            &quot;headerOpacity&quot;: {
  1106.              &quot;unit&quot;: &quot;%&quot;,
  1107.              &quot;value&quot;: 100.0
  1108.            },
  1109.            &quot;border&quot;: {
  1110.              &quot;enabled&quot;: false,
  1111.              &quot;position&quot;: &quot;allSides&quot;,
  1112.              &quot;thickness&quot;: {
  1113.                &quot;unit&quot;: &quot;px&quot;,
  1114.                &quot;value&quot;: 4.0
  1115.              },
  1116.              &quot;color&quot;: {
  1117.                &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1118.                &quot;sitePaletteColor&quot;: {
  1119.                  &quot;colorName&quot;: &quot;black&quot;,
  1120.                  &quot;alphaModifier&quot;: 1.0
  1121.                }
  1122.              }
  1123.            },
  1124.            &quot;dropShadow&quot;: {
  1125.              &quot;enabled&quot;: false,
  1126.              &quot;blur&quot;: {
  1127.                &quot;unit&quot;: &quot;px&quot;,
  1128.                &quot;value&quot;: 30.0
  1129.              },
  1130.              &quot;spread&quot;: {
  1131.                &quot;unit&quot;: &quot;px&quot;,
  1132.                &quot;value&quot;: 0.0
  1133.              },
  1134.              &quot;distance&quot;: {
  1135.                &quot;unit&quot;: &quot;px&quot;,
  1136.                &quot;value&quot;: 0.0
  1137.              },
  1138.              &quot;color&quot;: {
  1139.                &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1140.                &quot;sitePaletteColor&quot;: {
  1141.                  &quot;colorName&quot;: &quot;black&quot;,
  1142.                  &quot;alphaModifier&quot;: 1.0
  1143.                }
  1144.              }
  1145.            },
  1146.            &quot;blurBackground&quot;: {
  1147.              &quot;enabled&quot;: false,
  1148.              &quot;blurRadius&quot;: {
  1149.                &quot;unit&quot;: &quot;px&quot;,
  1150.                &quot;value&quot;: 12.0
  1151.              }
  1152.            },
  1153.            &quot;backgroundColor&quot;: {
  1154.              &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1155.              &quot;sitePaletteColor&quot;: {
  1156.                &quot;colorName&quot;: &quot;white&quot;,
  1157.                &quot;alphaModifier&quot;: 1.0
  1158.              }
  1159.            },
  1160.            &quot;navigationColor&quot;: {
  1161.              &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1162.              &quot;sitePaletteColor&quot;: {
  1163.                &quot;colorName&quot;: &quot;black&quot;,
  1164.                &quot;alphaModifier&quot;: 1.0
  1165.              }
  1166.            }
  1167.          },
  1168.          &quot;gradientOptions&quot;: {
  1169.            &quot;gradientType&quot;: &quot;faded&quot;,
  1170.            &quot;headerOpacity&quot;: {
  1171.              &quot;unit&quot;: &quot;%&quot;,
  1172.              &quot;value&quot;: 90.0
  1173.            },
  1174.            &quot;border&quot;: {
  1175.              &quot;enabled&quot;: false,
  1176.              &quot;position&quot;: &quot;allSides&quot;,
  1177.              &quot;thickness&quot;: {
  1178.                &quot;unit&quot;: &quot;px&quot;,
  1179.                &quot;value&quot;: 4.0
  1180.              },
  1181.              &quot;color&quot;: {
  1182.                &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1183.                &quot;sitePaletteColor&quot;: {
  1184.                  &quot;colorName&quot;: &quot;black&quot;,
  1185.                  &quot;alphaModifier&quot;: 1.0
  1186.                }
  1187.              }
  1188.            },
  1189.            &quot;dropShadow&quot;: {
  1190.              &quot;enabled&quot;: false,
  1191.              &quot;blur&quot;: {
  1192.                &quot;unit&quot;: &quot;px&quot;,
  1193.                &quot;value&quot;: 30.0
  1194.              },
  1195.              &quot;spread&quot;: {
  1196.                &quot;unit&quot;: &quot;px&quot;,
  1197.                &quot;value&quot;: 0.0
  1198.              },
  1199.              &quot;distance&quot;: {
  1200.                &quot;unit&quot;: &quot;px&quot;,
  1201.                &quot;value&quot;: 0.0
  1202.              },
  1203.              &quot;color&quot;: {
  1204.                &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1205.                &quot;sitePaletteColor&quot;: {
  1206.                  &quot;colorName&quot;: &quot;black&quot;,
  1207.                  &quot;alphaModifier&quot;: 1.0
  1208.                }
  1209.              }
  1210.            },
  1211.            &quot;blurBackground&quot;: {
  1212.              &quot;enabled&quot;: false,
  1213.              &quot;blurRadius&quot;: {
  1214.                &quot;unit&quot;: &quot;px&quot;,
  1215.                &quot;value&quot;: 12.0
  1216.              }
  1217.            },
  1218.            &quot;backgroundColor&quot;: {
  1219.              &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1220.              &quot;sitePaletteColor&quot;: {
  1221.                &quot;colorName&quot;: &quot;white&quot;,
  1222.                &quot;alphaModifier&quot;: 1.0
  1223.              }
  1224.            },
  1225.            &quot;navigationColor&quot;: {
  1226.              &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1227.              &quot;sitePaletteColor&quot;: {
  1228.                &quot;colorName&quot;: &quot;black&quot;,
  1229.                &quot;alphaModifier&quot;: 1.0
  1230.              }
  1231.            }
  1232.          },
  1233.          &quot;dropShadowOptions&quot;: {
  1234.            &quot;enabled&quot;: false,
  1235.            &quot;blur&quot;: {
  1236.              &quot;unit&quot;: &quot;px&quot;,
  1237.              &quot;value&quot;: 12.0
  1238.            },
  1239.            &quot;spread&quot;: {
  1240.              &quot;unit&quot;: &quot;px&quot;,
  1241.              &quot;value&quot;: 0.0
  1242.            },
  1243.            &quot;distance&quot;: {
  1244.              &quot;unit&quot;: &quot;px&quot;,
  1245.              &quot;value&quot;: 12.0
  1246.            }
  1247.          },
  1248.          &quot;borderOptions&quot;: {
  1249.            &quot;enabled&quot;: false,
  1250.            &quot;position&quot;: &quot;bottom&quot;,
  1251.            &quot;thickness&quot;: {
  1252.              &quot;unit&quot;: &quot;px&quot;,
  1253.              &quot;value&quot;: 4.0
  1254.            }
  1255.          },
  1256.          &quot;showPromotedElement&quot;: false,
  1257.          &quot;buttonVariant&quot;: &quot;primary&quot;,
  1258.          &quot;blurBackground&quot;: {
  1259.            &quot;enabled&quot;: false,
  1260.            &quot;blurRadius&quot;: {
  1261.              &quot;unit&quot;: &quot;px&quot;,
  1262.              &quot;value&quot;: 12.0
  1263.            }
  1264.          },
  1265.          &quot;headerOpacity&quot;: {
  1266.            &quot;unit&quot;: &quot;%&quot;,
  1267.            &quot;value&quot;: 100.0
  1268.          }
  1269.        }"
  1270.    data-section-id="header"
  1271.    data-header-theme="white"
  1272.    data-menu-overlay-theme="white"
  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://static1.squarespace.com/static/images/62185d5003dd236b9e0945f5&quot;,
  8570.                &quot;bio&quot;: &quot;&quot;,
  8571.                &quot;avatarAssetUrl&quot;: &quot;https://static1.squarespace.com/static/images/62185d5003dd236b9e0945f5&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;recordTypeLabel&quot;: &quot;image&quot;,
  8579.              &quot;originalSize&quot;: &quot;1525x1144&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://static1.squarespace.com/static/images/62185d5003dd236b9e0945f5&quot;,
  8629.                &quot;bio&quot;: &quot;&quot;,
  8630.                &quot;avatarAssetUrl&quot;: &quot;https://static1.squarespace.com/static/images/62185d5003dd236b9e0945f5&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;recordTypeLabel&quot;: &quot;image&quot;,
  8638.              &quot;originalSize&quot;: &quot;1525x1144&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://static1.squarespace.com/static/images/62185d5003dd236b9e0945f5&quot;,
  8688.                &quot;bio&quot;: &quot;&quot;,
  8689.                &quot;avatarAssetUrl&quot;: &quot;https://static1.squarespace.com/static/images/62185d5003dd236b9e0945f5&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;recordTypeLabel&quot;: &quot;image&quot;,
  8697.              &quot;originalSize&quot;: &quot;1525x1144&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://static1.squarespace.com/static/images/62185d5003dd236b9e0945f5&quot;,
  8747.                &quot;bio&quot;: &quot;&quot;,
  8748.                &quot;avatarAssetUrl&quot;: &quot;https://static1.squarespace.com/static/images/62185d5003dd236b9e0945f5&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;recordTypeLabel&quot;: &quot;image&quot;,
  8756.              &quot;originalSize&quot;: &quot;1525x1144&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.  </div>
  9446.  <div
  9447.    class='content-wrapper'
  9448.    style='
  9449.      
  9450.        
  9451.          
  9452.          
  9453.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  9454.        
  9455.      
  9456.    '
  9457.  >
  9458.    <div
  9459.      class="content"
  9460.      
  9461.    >
  9462.      
  9463.      
  9464.      
  9465.      
  9466.      
  9467.      
  9468.      <div data-fluid-engine="true"><style>
  9469.  
  9470. .fe-62e8c575fd657a5d285fce59 {
  9471.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  9472.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  9473.  
  9474.  display: grid;
  9475.  position: relative;
  9476.  grid-area: 1/1/-1/-1;
  9477.  grid-template-rows: repeat(31,minmax(24px, auto));
  9478.  grid-template-columns:
  9479.    minmax(var(--grid-gutter), 1fr)
  9480.    repeat(8, minmax(0, var(--cell-max-width)))
  9481.    minmax(var(--grid-gutter), 1fr);
  9482.  row-gap: 0.0px;
  9483.  column-gap: 0.0px;
  9484. }
  9485.  
  9486. @media (min-width: 768px) {
  9487.  .background-width--inset .fe-62e8c575fd657a5d285fce59 {
  9488.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  9489.  }
  9490.  
  9491.  .fe-62e8c575fd657a5d285fce59 {
  9492.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  9493.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  9494.    --inset-padding: 0vw;
  9495.  
  9496.    --row-height-scaling-factor: 0.0215;
  9497.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  9498.  
  9499.    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  9500.    grid-template-columns:
  9501.      minmax(var(--grid-gutter), 1fr)
  9502.      repeat(24, minmax(0, var(--cell-max-width)))
  9503.      minmax(var(--grid-gutter), 1fr);
  9504.  }
  9505. }
  9506.  
  9507.  
  9508.  .fe-block-yui_3_17_2_1_1659352525951_142917 {
  9509.    grid-area: 2/4/5/8;
  9510.    z-index: 5;
  9511.  
  9512.    @media (max-width: 767px) {
  9513.      
  9514.    }
  9515.  }
  9516.  
  9517.  .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block {
  9518.    justify-content: center;
  9519.  }
  9520.  
  9521.  .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block-alignment-wrapper {
  9522.    align-items: center;
  9523.  }
  9524.  
  9525.  @media (min-width: 768px) {
  9526.    .fe-block-yui_3_17_2_1_1659352525951_142917 {
  9527.      grid-area: 3/3/7/7;
  9528.      z-index: 5;
  9529.  
  9530.      
  9531.    }
  9532.  
  9533.    .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block {
  9534.      justify-content: center;
  9535.    }
  9536.  
  9537.    .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block-alignment-wrapper {
  9538.      align-items: center;
  9539.    }
  9540.  }
  9541.  
  9542.  .fe-block-yui_3_17_2_1_1664442941035_10044 {
  9543.    grid-area: 5/3/8/9;
  9544.    z-index: 9;
  9545.  
  9546.    @media (max-width: 767px) {
  9547.      
  9548.    }
  9549.  }
  9550.  
  9551.  .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block {
  9552.    justify-content: flex-start;
  9553.  }
  9554.  
  9555.  .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block-alignment-wrapper {
  9556.    align-items: flex-start;
  9557.  }
  9558.  
  9559.  @media (min-width: 768px) {
  9560.    .fe-block-yui_3_17_2_1_1664442941035_10044 {
  9561.      grid-area: 7/2/10/8;
  9562.      z-index: 9;
  9563.  
  9564.      
  9565.    }
  9566.  
  9567.    .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block {
  9568.      justify-content: flex-start;
  9569.    }
  9570.  
  9571.    .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block-alignment-wrapper {
  9572.      align-items: flex-start;
  9573.    }
  9574.  }
  9575.  
  9576.  .fe-block-yui_3_17_2_1_1659685427321_812977 {
  9577.    grid-area: 19/2/21/6;
  9578.    z-index: 8;
  9579.  
  9580.    @media (max-width: 767px) {
  9581.      
  9582.    }
  9583.  }
  9584.  
  9585.  .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block {
  9586.    justify-content: flex-start;
  9587.  }
  9588.  
  9589.  .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block-alignment-wrapper {
  9590.    align-items: flex-start;
  9591.  }
  9592.  
  9593.  @media (min-width: 768px) {
  9594.    .fe-block-yui_3_17_2_1_1659685427321_812977 {
  9595.      grid-area: 3/19/5/23;
  9596.      z-index: 8;
  9597.  
  9598.      
  9599.    }
  9600.  
  9601.    .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block {
  9602.      justify-content: flex-start;
  9603.    }
  9604.  
  9605.    .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block-alignment-wrapper {
  9606.      align-items: flex-start;
  9607.    }
  9608.  }
  9609.  
  9610.  .fe-block-91e40b2b691f3f291ecf {
  9611.    grid-area: 8/6/18/10;
  9612.    z-index: 3;
  9613.  
  9614.    @media (max-width: 767px) {
  9615.      
  9616.    }
  9617.  }
  9618.  
  9619.  .fe-block-91e40b2b691f3f291ecf .sqs-block {
  9620.    justify-content: flex-start;
  9621.  }
  9622.  
  9623.  .fe-block-91e40b2b691f3f291ecf .sqs-block-alignment-wrapper {
  9624.    align-items: flex-start;
  9625.  }
  9626.  
  9627.  @media (min-width: 768px) {
  9628.    .fe-block-91e40b2b691f3f291ecf {
  9629.      grid-area: 3/9/14/13;
  9630.      z-index: 3;
  9631.  
  9632.      
  9633.    }
  9634.  
  9635.    .fe-block-91e40b2b691f3f291ecf .sqs-block {
  9636.      justify-content: flex-start;
  9637.    }
  9638.  
  9639.    .fe-block-91e40b2b691f3f291ecf .sqs-block-alignment-wrapper {
  9640.      align-items: flex-start;
  9641.    }
  9642.  }
  9643.  
  9644.  .fe-block-450ffe681a0cb91ba9c6 {
  9645.    grid-area: 8/2/16/6;
  9646.    z-index: 2;
  9647.  
  9648.    @media (max-width: 767px) {
  9649.      
  9650.    }
  9651.  }
  9652.  
  9653.  .fe-block-450ffe681a0cb91ba9c6 .sqs-block {
  9654.    justify-content: flex-start;
  9655.  }
  9656.  
  9657.  .fe-block-450ffe681a0cb91ba9c6 .sqs-block-alignment-wrapper {
  9658.    align-items: flex-start;
  9659.  }
  9660.  
  9661.  @media (min-width: 768px) {
  9662.    .fe-block-450ffe681a0cb91ba9c6 {
  9663.      grid-area: 3/14/12/18;
  9664.      z-index: 2;
  9665.  
  9666.      
  9667.    }
  9668.  
  9669.    .fe-block-450ffe681a0cb91ba9c6 .sqs-block {
  9670.      justify-content: flex-start;
  9671.    }
  9672.  
  9673.    .fe-block-450ffe681a0cb91ba9c6 .sqs-block-alignment-wrapper {
  9674.      align-items: flex-start;
  9675.    }
  9676.  }
  9677.  
  9678.  .fe-block-yui_3_17_2_1_1659498794382_109580 {
  9679.    grid-area: 21/2/25/8;
  9680.    z-index: 7;
  9681.  
  9682.    @media (max-width: 767px) {
  9683.      
  9684.    }
  9685.  }
  9686.  
  9687.  .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block {
  9688.    justify-content: flex-start;
  9689.  }
  9690.  
  9691.  .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block-alignment-wrapper {
  9692.    align-items: flex-start;
  9693.  }
  9694.  
  9695.  @media (min-width: 768px) {
  9696.    .fe-block-yui_3_17_2_1_1659498794382_109580 {
  9697.      grid-area: 5/19/9/26;
  9698.      z-index: 7;
  9699.  
  9700.      
  9701.    }
  9702.  
  9703.    .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block {
  9704.      justify-content: flex-start;
  9705.    }
  9706.  
  9707.    .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block-alignment-wrapper {
  9708.      align-items: flex-start;
  9709.    }
  9710.  }
  9711.  
  9712.  .fe-block-yui_3_17_2_1_1676424978305_9765 {
  9713.    grid-area: 25/2/31/8;
  9714.    z-index: 10;
  9715.  
  9716.    @media (max-width: 767px) {
  9717.      
  9718.    }
  9719.  }
  9720.  
  9721.  .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block {
  9722.    justify-content: flex-start;
  9723.  }
  9724.  
  9725.  .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block-alignment-wrapper {
  9726.    align-items: flex-start;
  9727.  }
  9728.  
  9729.  @media (min-width: 768px) {
  9730.    .fe-block-yui_3_17_2_1_1676424978305_9765 {
  9731.      grid-area: 9/19/16/26;
  9732.      z-index: 10;
  9733.  
  9734.      
  9735.    }
  9736.  
  9737.    .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block {
  9738.      justify-content: flex-start;
  9739.    }
  9740.  
  9741.    .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block-alignment-wrapper {
  9742.      align-items: flex-start;
  9743.    }
  9744.  }
  9745.  
  9746. </style><div class="fluid-engine fe-62e8c575fd657a5d285fce59"><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_142917"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1659352525951_142917"><div class="sqs-block-content">
  9747.  
  9748.  
  9749.  
  9750.  
  9751.  
  9752.  
  9753.  
  9754.  
  9755.  
  9756.  
  9757.  
  9758.  
  9759.  
  9760.  
  9761.  
  9762.  
  9763.  
  9764.  
  9765.  
  9766.  
  9767.  
  9768.  
  9769.  
  9770.  
  9771.  
  9772.  
  9773.  
  9774.  
  9775.  
  9776.  
  9777.  
  9778.  
  9779.  
  9780.  
  9781.  
  9782.  
  9783.  
  9784.  
  9785.  
  9786.  
  9787.  
  9788.  
  9789.  
  9790.  
  9791.    
  9792.  
  9793.    <div
  9794.      class="
  9795.        image-block-outer-wrapper
  9796.        layout-caption-below
  9797.        design-layout-fluid
  9798.        image-position-center
  9799.        combination-animation-site-default
  9800.        individual-animation-site-default
  9801.      "
  9802.      data-test="image-block-fluid-outer-wrapper"
  9803.    >
  9804.      <div
  9805.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  9806.        data-animation-role="image"
  9807.        
  9808.  
  9809.  
  9810.      >
  9811.        <div
  9812.          class="fluid-image-container sqs-image-content"
  9813.          
  9814.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  9815.        >
  9816.          
  9817.  
  9818.          
  9819.          
  9820.  
  9821.          
  9822.            <a
  9823.              class="sqs-block-image-link content-fit"
  9824.              href="/"
  9825.              
  9826.            >
  9827.              
  9828.            
  9829.            
  9830.            
  9831.            
  9832.            
  9833.            
  9834.            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png" data-image-dimensions="300x155" data-image-focal-point="0.5,0.5" alt="Interior Door And Closet Logo" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png" width="300" height="155" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 50vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/fda8866c-dcfd-4bc4-9f3a-efa18bd6f6dd/logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  9835.  
  9836.            
  9837.              
  9838.            
  9839.            <div class="fluidImageOverlay"></div>
  9840.          
  9841.            </a>
  9842.          
  9843.  
  9844.        </div>
  9845.      </div>
  9846.    </div>
  9847.    <style>
  9848.      .sqs-block-image .sqs-block-content {
  9849.        height: 100%;
  9850.        width: 100%;
  9851.      }
  9852.  
  9853.      
  9854.        .fe-block-yui_3_17_2_1_1659352525951_142917 .fluidImageOverlay {
  9855.          position: absolute;
  9856.          top: 0;
  9857.          left: 0;
  9858.          width: 100%;
  9859.          height: 100%;
  9860.          mix-blend-mode: normal;
  9861.          
  9862.            
  9863.            
  9864.          
  9865.          
  9866.            opacity: 0;
  9867.          
  9868.        }
  9869.      
  9870.    </style>
  9871.  
  9872.  
  9873.  
  9874.  
  9875.  
  9876.  
  9877. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1664442941035_10044"><div class="sqs-block html-block sqs-block-html" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1664442941035_10044"><div class="sqs-block-content">
  9878.  
  9879. <div class="sqs-html-content">
  9880.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">15441 Chemical Ln.,<br>Huntington Beach, CA 92649</p>
  9881. </div>
  9882.  
  9883.  
  9884.  
  9885.  
  9886.  
  9887.  
  9888.  
  9889.  
  9890.  
  9891.  
  9892.  
  9893.  
  9894.  
  9895.  
  9896.  
  9897.  
  9898.  
  9899.  
  9900.  
  9901.  
  9902.  
  9903.  
  9904.  
  9905.  
  9906.  
  9907. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659685427321_812977"><div class="sqs-block html-block sqs-block-html" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1659685427321_812977"><div class="sqs-block-content">
  9908.  
  9909. <div class="sqs-html-content">
  9910.  <p class="" style="white-space:pre-wrap;"><strong>Contact Us</strong></p>
  9911. </div>
  9912.  
  9913.  
  9914.  
  9915.  
  9916.  
  9917.  
  9918.  
  9919.  
  9920.  
  9921.  
  9922.  
  9923.  
  9924.  
  9925.  
  9926.  
  9927.  
  9928.  
  9929.  
  9930.  
  9931.  
  9932.  
  9933.  
  9934.  
  9935.  
  9936.  
  9937. </div></div></div><div class="fe-block fe-block-91e40b2b691f3f291ecf"><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-91e40b2b691f3f291ecf"><div class="sqs-block-content">
  9938.  
  9939. <div class="sqs-html-content">
  9940.  <p class="" style="white-space:pre-wrap;"><strong>Company</strong></p><ul data-rte-list="default"><li><p class="" style="white-space:pre-wrap;"><a href="/">Home<br></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/about">About Us</a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/door-installation">Installation</a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/testimonials">Testimonials</a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/blog">Blog</a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/privacy-policy">Privacy Policy</a></p></li></ul>
  9941. </div>
  9942.  
  9943.  
  9944.  
  9945.  
  9946.  
  9947.  
  9948.  
  9949.  
  9950.  
  9951.  
  9952.  
  9953.  
  9954.  
  9955.  
  9956.  
  9957.  
  9958.  
  9959.  
  9960.  
  9961.  
  9962.  
  9963.  
  9964.  
  9965.  
  9966.  
  9967. </div></div></div><div class="fe-block fe-block-450ffe681a0cb91ba9c6"><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-450ffe681a0cb91ba9c6"><div class="sqs-block-content">
  9968.  
  9969. <div class="sqs-html-content">
  9970.  <p class="" style="white-space:pre-wrap;"><strong>Products</strong></p><ul data-rte-list="default"><li><p class="" style="white-space:pre-wrap;"><a href="/interior-doors">Interior Doors<br></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/closet-doors">Closet Doors<br></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/organizers" target="_blank">Organizers<br></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/barn-doors">Barn Doors</a></p></li></ul>
  9971. </div>
  9972.  
  9973.  
  9974.  
  9975.  
  9976.  
  9977.  
  9978.  
  9979.  
  9980.  
  9981.  
  9982.  
  9983.  
  9984.  
  9985.  
  9986.  
  9987.  
  9988.  
  9989.  
  9990.  
  9991.  
  9992.  
  9993.  
  9994.  
  9995.  
  9996.  
  9997. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659498794382_109580"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1659498794382_109580"><div class="sqs-block-content"><div class="sw-navigation-contact-footer">
  9998.    <div class="sw-navigation-actions-footer">
  9999.        <a href="tel:(714) 895-5100" class="sw-navigation-actions-item">
  10000.            <div class="sw-navigation-actions-icon">&#9742;</div>
  10001.            <div>(714) 895-5100</div>
  10002.        </a>
  10003.    </div>
  10004.    <div class="sw-navigation-actions-footer">
  10005.        <a href="mailto:info@interiordoorandcloset.com" class="sw-navigation-actions-item">
  10006.            <div class="sw-navigation-actions-icon">&#9993;</div>
  10007.            <div>info@interiordoorandcloset.com</div>
  10008.        </a>
  10009.    </div>
  10010. </div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1676424978305_9765"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1676424978305_9765"><div class="sqs-block-content"><div id="footer-hours">
  10011.  <p><strong>Office Hours</strong></p>
  10012.  <p>Mon-Fri: 9:00 am - 5:00 pm</p>
  10013.  <p>Saturday: 11:00 am - 3:00 pm</p>
  10014.  <p>Sunday: Closed</p>
  10015. </div></div></div></div></div></div>
  10016.    </div>
  10017.  
  10018.  </div>
  10019.  
  10020. </section>
  10021.  
  10022.  
  10023.    
  10024.    
  10025.  
  10026.  
  10027.  
  10028.  
  10029.  
  10030. <section
  10031.  data-test="page-section"
  10032.  
  10033.  data-section-theme="light"
  10034.  class='page-section
  10035.    
  10036.      full-bleed-section
  10037.      layout-engine-section
  10038.    
  10039.    background-width--full-bleed
  10040.    
  10041.      
  10042.        section-height--custom
  10043.      
  10044.    
  10045.    
  10046.      content-width--wide
  10047.    
  10048.    horizontal-alignment--center
  10049.    vertical-alignment--middle
  10050.    
  10051.      
  10052.    
  10053.    
  10054.    light'
  10055.  
  10056.  data-section-id="62e9166bd4c1314e4614cd65"
  10057.  
  10058.  data-controller="SectionWrapperController"
  10059.  data-current-styles="{
  10060.          &quot;imageOverlayOpacity&quot;: 0.15,
  10061.          &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  10062.          &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  10063.          &quot;customSectionHeight&quot;: 0,
  10064.          &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  10065.          &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  10066.          &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  10067.          &quot;customContentWidth&quot;: 50,
  10068.          &quot;backgroundColor&quot;: &quot;&quot;,
  10069.          &quot;sectionTheme&quot;: &quot;light&quot;,
  10070.          &quot;sectionAnimation&quot;: &quot;none&quot;,
  10071.          &quot;backgroundMode&quot;: &quot;image&quot;
  10072.        }"
  10073.  data-current-context="{
  10074.          &quot;video&quot;: {
  10075.            &quot;playbackSpeed&quot;: 0.5,
  10076.            &quot;filter&quot;: 1,
  10077.            &quot;filterStrength&quot;: 0,
  10078.            &quot;zoom&quot;: 0,
  10079.            &quot;videoSourceProvider&quot;: &quot;none&quot;
  10080.          },
  10081.          &quot;backgroundImageId&quot;: null,
  10082.          &quot;backgroundMediaEffect&quot;: null,
  10083.          &quot;divider&quot;: null,
  10084.          &quot;typeName&quot;: &quot;page&quot;
  10085.        }"
  10086.  data-animation="none"
  10087.  data-fluid-engine-section
  10088.  
  10089.  
  10090.  
  10091. >
  10092.  <div
  10093.    class="section-border"
  10094.    
  10095.  >
  10096.    <div class="section-background">
  10097.    
  10098.      
  10099.    
  10100.    </div>
  10101.  </div>
  10102.  <div
  10103.    class='content-wrapper'
  10104.    style='
  10105.      
  10106.        
  10107.          
  10108.          
  10109.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  10110.        
  10111.      
  10112.    '
  10113.  >
  10114.    <div
  10115.      class="content"
  10116.      
  10117.    >
  10118.      
  10119.      
  10120.      
  10121.      
  10122.      
  10123.      
  10124.      <div data-fluid-engine="true"><style>
  10125.  
  10126. .fe-62e9166cde02456d98a889e4 {
  10127.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  10128.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  10129.  
  10130.  display: grid;
  10131.  position: relative;
  10132.  grid-area: 1/1/-1/-1;
  10133.  grid-template-rows: repeat(7,minmax(24px, auto));
  10134.  grid-template-columns:
  10135.    minmax(var(--grid-gutter), 1fr)
  10136.    repeat(8, minmax(0, var(--cell-max-width)))
  10137.    minmax(var(--grid-gutter), 1fr);
  10138.  row-gap: 0.0px;
  10139.  column-gap: 0.0px;
  10140. }
  10141.  
  10142. @media (min-width: 768px) {
  10143.  .background-width--inset .fe-62e9166cde02456d98a889e4 {
  10144.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  10145.  }
  10146.  
  10147.  .fe-62e9166cde02456d98a889e4 {
  10148.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  10149.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  10150.    --inset-padding: 0vw;
  10151.  
  10152.    --row-height-scaling-factor: 0.0215;
  10153.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  10154.  
  10155.    grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  10156.    grid-template-columns:
  10157.      minmax(var(--grid-gutter), 1fr)
  10158.      repeat(24, minmax(0, var(--cell-max-width)))
  10159.      minmax(var(--grid-gutter), 1fr);
  10160.  }
  10161. }
  10162.  
  10163.  
  10164.  .fe-block-yui_3_17_2_1_1659352525951_1507949 {
  10165.    grid-area: 2/2/5/10;
  10166.    z-index: 2;
  10167.  
  10168.    @media (max-width: 767px) {
  10169.      
  10170.    }
  10171.  }
  10172.  
  10173.  .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block {
  10174.    justify-content: center;
  10175.  }
  10176.  
  10177.  .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block-alignment-wrapper {
  10178.    align-items: center;
  10179.  }
  10180.  
  10181.  @media (min-width: 768px) {
  10182.    .fe-block-yui_3_17_2_1_1659352525951_1507949 {
  10183.      grid-area: 1/3/3/25;
  10184.      z-index: 2;
  10185.  
  10186.      
  10187.    }
  10188.  
  10189.    .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block {
  10190.      justify-content: center;
  10191.    }
  10192.  
  10193.    .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block-alignment-wrapper {
  10194.      align-items: center;
  10195.    }
  10196.  }
  10197.  
  10198.  .fe-block-yui_3_17_2_1_1659352525951_1492237 {
  10199.    grid-area: 6/2/8/10;
  10200.    z-index: 1;
  10201.  
  10202.    @media (max-width: 767px) {
  10203.      
  10204.    }
  10205.  }
  10206.  
  10207.  .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block {
  10208.    justify-content: flex-start;
  10209.  }
  10210.  
  10211.  .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block-alignment-wrapper {
  10212.    align-items: flex-start;
  10213.  }
  10214.  
  10215.  @media (min-width: 768px) {
  10216.    .fe-block-yui_3_17_2_1_1659352525951_1492237 {
  10217.      grid-area: 3/3/5/25;
  10218.      z-index: 1;
  10219.  
  10220.      
  10221.    }
  10222.  
  10223.    .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block {
  10224.      justify-content: center;
  10225.    }
  10226.  
  10227.    .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block-alignment-wrapper {
  10228.      align-items: center;
  10229.    }
  10230.  }
  10231.  
  10232. </style><div class="fluid-engine fe-62e9166cde02456d98a889e4"><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1507949"><div class="sqs-block html-block sqs-block-html" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1659352525951_1507949"><div class="sqs-block-content">
  10233.  
  10234. <div class="sqs-html-content">
  10235.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">© 2024 Interior Door and Closet Company | License #908184</p>
  10236. </div>
  10237.  
  10238.  
  10239.  
  10240.  
  10241.  
  10242.  
  10243.  
  10244.  
  10245.  
  10246.  
  10247.  
  10248.  
  10249.  
  10250.  
  10251.  
  10252.  
  10253.  
  10254.  
  10255.  
  10256.  
  10257.  
  10258.  
  10259.  
  10260.  
  10261.  
  10262. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1492237"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-yui_3_17_2_1_1659352525951_1492237"><div class="sqs-block-content">
  10263.  
  10264.  
  10265.  
  10266. <div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color- social-icons-size-extra-small social-icons-shape-circle social-icons-style-solid" >
  10267.  <style>
  10268.    #block-yui_3_17_2_1_1659352525951_1492237 .social-icons-style-border .sqs-svg-icon--wrapper {
  10269.      
  10270.        box-shadow: 0 0 0 2px inset;
  10271.      
  10272.      border: none;
  10273.    }
  10274.  </style>
  10275.  <nav class="sqs-svg-icon--list">
  10276.    <a href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" class="sqs-svg-icon--wrapper url" aria-label="URL">
  10277.      <div>
  10278.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10279.          <use class="sqs-use--icon" xlink:href="#url-icon"></use>
  10280.          <use class="sqs-use--mask" xlink:href="#url-mask"></use>
  10281.        </svg>
  10282.      </div>
  10283.    </a><a href="https://www.facebook.com/interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth" aria-label="Facebook">
  10284.      <div>
  10285.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10286.          <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
  10287.          <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
  10288.        </svg>
  10289.      </div>
  10290.    </a><a href="https://twitter.com/OCDoors" target="_blank" class="sqs-svg-icon--wrapper twitter-unauth" aria-label="Twitter">
  10291.      <div>
  10292.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10293.          <use class="sqs-use--icon" xlink:href="#twitter-unauth-icon"></use>
  10294.          <use class="sqs-use--mask" xlink:href="#twitter-unauth-mask"></use>
  10295.        </svg>
  10296.      </div>
  10297.    </a><a href="https://www.pinterest.com/ocdoors/" target="_blank" class="sqs-svg-icon--wrapper pinterest-unauth" aria-label="Pinterest">
  10298.      <div>
  10299.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10300.          <use class="sqs-use--icon" xlink:href="#pinterest-unauth-icon"></use>
  10301.          <use class="sqs-use--mask" xlink:href="#pinterest-unauth-mask"></use>
  10302.        </svg>
  10303.      </div>
  10304.    </a><a href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" class="sqs-svg-icon--wrapper linkedin-unauth" aria-label="LinkedIn">
  10305.      <div>
  10306.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10307.          <use class="sqs-use--icon" xlink:href="#linkedin-unauth-icon"></use>
  10308.          <use class="sqs-use--mask" xlink:href="#linkedin-unauth-mask"></use>
  10309.        </svg>
  10310.      </div>
  10311.    </a>
  10312.  </nav>
  10313. </div>
  10314. </div></div></div></div></div>
  10315.    </div>
  10316.  
  10317.  </div>
  10318.  
  10319. </section>
  10320.  
  10321.  
  10322. </footer>
  10323.  
  10324.      
  10325.    </div>
  10326.  
  10327.    <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.c60096393cff060396b454574afa2699.js" type="text/javascript"></script>
  10328.    <script>
  10329.  createTopAction();
  10330. </script>
  10331.  
  10332. <script>createBC();</script>
  10333.  
  10334. <style>
  10335. #footer-sections
  10336.  {
  10337.    z-index: 10;
  10338.  }
  10339. .sw-slider-container {
  10340.  width: 100%;
  10341.  height: 100%;
  10342.  position: relative;
  10343.  padding: 2rem 0;
  10344.  
  10345.  @media screen and (max-width:767px) {
  10346.    padding: 0rem;
  10347.  }
  10348. }
  10349.  
  10350. .sw-content-container {
  10351.    position: absolute;
  10352.    top: 0;
  10353.    left: 0;
  10354.    width: 50%;
  10355.    height: 100%;
  10356.    background-color: rgba(60, 60, 60);
  10357.    display: flex;
  10358.    justify-content: end;
  10359.    align-items: center;
  10360. }
  10361.  
  10362. .sw-content-box {
  10363.    display: flex;
  10364.    flex-direction: column;
  10365.    width: 100%;
  10366.    max-width: 80%;
  10367.    position: relative;
  10368.    padding-right: 5rem;
  10369.    color: white;
  10370. }
  10371. .sw-content-button-container {
  10372.  display: block;
  10373. }
  10374.  
  10375. .sw-content-contact-number {
  10376.  display: none;
  10377. }
  10378.  
  10379. .sw-content-header {
  10380.    padding-bottom: 0.75rem;
  10381.    margin-right: 6rem;
  10382.    border-bottom: 1px solid white;
  10383.    color: white !important;
  10384. }
  10385.  
  10386. .sw-content-text {
  10387.    font-size: 1rem;
  10388.    color: white;
  10389.    padding-top: 1.25rem;
  10390.    padding-bottom: 4rem;
  10391. }
  10392.  
  10393. .sw-content-button {
  10394.    background-color: rgba(58, 102, 173);
  10395.    border-radius: 2rem;
  10396.    font-size: 1rem;
  10397.    padding: 1rem 2rem;
  10398.    cursor: pointer;
  10399.    text-decoration: none;
  10400. }
  10401.  
  10402. .sw-image-container {
  10403.    position: absolute;
  10404.    overflow: hidden;
  10405.    top: 0;
  10406.    right: 0;
  10407.    width: 50%;
  10408.    height: 100%;
  10409.    background-color: whitesmoke;
  10410. }
  10411.  
  10412. .sw-image-slide {
  10413.    position: absolute;
  10414.    background-repeat: no-repeat;
  10415.    background-position: center;
  10416.    background-size: cover;
  10417.    width: 100%;
  10418.    height: 100%;
  10419. }
  10420.  
  10421. .sw-image-slide-show {
  10422.    display: block;
  10423. }
  10424.  
  10425. .sw-image-slide-hidden {
  10426.    display: none;
  10427. }
  10428.  
  10429. .sw-arrow-container {
  10430.    position: absolute;
  10431.    display: flex;
  10432.    flex-direction: row;
  10433.    bottom: 0;
  10434.    left: 50%;
  10435.    transform: translate(-50%, 0px);
  10436.    cursor: pointer;
  10437. }
  10438.  
  10439. .sw-arrow-next,
  10440. .sw-arrow-previous {
  10441.    width: 2.25rem;
  10442.    height: 2.25rem;
  10443.    font-size: 1.5rem;
  10444.    display: flex;
  10445.    justify-content: center;
  10446.    align-items: center;
  10447.    opacity: 0.75;
  10448.    cursor: pointer;
  10449. }
  10450.  
  10451. .sw-arrow-next:hover,
  10452. .sw-arrow-previous:hover {
  10453.    opacity: 1;
  10454.    transition: 0.25s;
  10455. }
  10456.  
  10457. .sw-arrow-previous {
  10458.    background-color: rgba(173, 205, 70);
  10459.    color: white;
  10460. }
  10461.  
  10462. .sw-arrow-next {
  10463.    background-color: rgb(58,102,173);
  10464.    color: white;
  10465. }
  10466.  
  10467. .sqs-svg-icon--wrapper:hover
  10468. {
  10469.  background-color: rgb(173,205,69) !important;
  10470. }
  10471.  
  10472. .sw-navigation-actions-footer,
  10473. .sw-navigation-actions-top
  10474. {
  10475.    display: flex;
  10476.    flex-direction: row;
  10477.    z-index: 1;
  10478. }
  10479.  
  10480. .sw-navigation-actions-top
  10481.  {
  10482.    color: white;
  10483.  }
  10484. .sw-navigation-actions-footer
  10485. {
  10486.  color: black;
  10487. }
  10488.  
  10489. .sw-navigation-actions-item
  10490. {
  10491.    margin-right: 4rem;
  10492.    display: flex;
  10493.    flex-direction: row;
  10494.    align-items: center;
  10495. }
  10496.  
  10497. .sw-navigation-actions-text
  10498. {
  10499.    color: white;
  10500. }
  10501.  
  10502. .sw-navigation-actions-icon
  10503. {
  10504.    border-radius: 100%;
  10505.    background-color: rgba(173, 205, 70);
  10506.    color: black;
  10507.    margin-right: 1rem;
  10508.    display: flex;
  10509.    justify-content: center;
  10510.    align-items: center;
  10511.    padding: 0.25rem;
  10512.  height: 24px;
  10513.  width: 24px;
  10514. }
  10515.  
  10516. .sw-navigation-contact-footer {
  10517.    display: flex;
  10518.    flex-direction: column;
  10519.    line-height: 2.5rem;
  10520. }
  10521.  
  10522. .sw-gallery-page-container {
  10523.    display: flex;
  10524.    column-gap: 0.5rem;
  10525.    justify-content: end;
  10526. }
  10527.  
  10528. .sw-gallery-page-item {
  10529.    display: flex;
  10530.    align-items: center;
  10531.    border: 1px solid rgba(60, 60, 60, 0.25);
  10532.    padding: 0 0.75rem;
  10533.    cursor: pointer;
  10534. }
  10535.  
  10536. .sw-gallery-page-filler {
  10537.    display: flex;
  10538.    align-items: center;
  10539.    padding: 0 0.75rem;
  10540. }
  10541.  
  10542. .sw-gallery-page-item-active {
  10543.    border-color : rgba(60, 60, 60, 1);
  10544. }
  10545.  
  10546. .sw-gallery-image-label
  10547. {
  10548.    position: absolute;
  10549.    bottom: 0;
  10550.    left: 0;
  10551.    width: 100%;
  10552.    background-color: rgba(0,0,0,0.5);
  10553.    color: white;
  10554.    text-align: center;
  10555.    cursor: pointer;
  10556.    text-shadow: 2px 2px #000000;
  10557.    font-size: 0.8rem;
  10558. }
  10559.  
  10560. .sw-gallery-image-number
  10561. {
  10562.    position: absolute;
  10563.    top: 0;
  10564.    left: 0;
  10565.    width: 100%;
  10566.    background-color: rgba(0,0,0,0.5);
  10567.    color: white;
  10568.    text-align: center;
  10569.    cursor: pointer;
  10570.    text-shadow: 2px 2px #000000;
  10571.    font-size: 0.8rem;
  10572. }
  10573.  
  10574. .sw-gallery-lightbox-label
  10575. {
  10576.  position: absolute;
  10577.  bottom: 0;
  10578.  left: 0;
  10579.  width: 100%;
  10580.  background-color: rgba(0,0,0,0.5);
  10581.  color: white;
  10582.  text-align: center;
  10583.  text-shadow: 2px 2px #000000;
  10584.  font-size: 2rem;
  10585. }
  10586.  
  10587.  
  10588. /* Put animations here.... */
  10589. /* in animation */
  10590. .sw-fade-in-slide {
  10591.    animation-name: sw-fade-in-slide;
  10592.    animation-duration: 1s;
  10593.    animation-fill-mode: forwards;
  10594. }
  10595.  
  10596. .sw-right-to-left-in-slide-left {
  10597.    animation-name: sw-right-to-left-in-slide-left;
  10598.    animation-duration: 0.75s;
  10599.    animation-fill-mode: forwards;
  10600. }
  10601.  
  10602. .sw-right-to-left-in-slide-right {
  10603.    animation-name: sw-right-to-left-in-slide-right;
  10604.    animation-duration: 0.75s;
  10605.    animation-fill-mode: forwards;
  10606. }
  10607.  
  10608. .sw-slide-blur-in {
  10609.    animation-name: sw-slide-blur-in;
  10610.    animation-duration: 0.75s;
  10611.    animation-timing-function: ease-out;
  10612.    animation-fill-mode: forwards;
  10613. }
  10614.  
  10615. /* out animation */
  10616. .sw-fade-out-slide {
  10617.    animation-name: sw-fade-out-slide;
  10618.    animation-duration: 1s;
  10619.    animation-fill-mode: forwards;
  10620. }
  10621.  
  10622. .sw-right-to-left-out-slide-left {
  10623.    animation-name: sw-right-to-left-out-slide-left;
  10624.    animation-duration: 0.75s;
  10625.    animation-fill-mode: forwards;
  10626. }
  10627.  
  10628. .sw-right-to-left-out-slide-right {
  10629.    animation-name: sw-right-to-left-out-slide-right;
  10630.    animation-duration: 0.75s;
  10631.    animation-fill-mode: forwards;
  10632. }
  10633.  
  10634. .sw-slide-blur-out {
  10635.    animation-name: sw-slide-blur-out;
  10636.    animation-duration: 0.75s;
  10637.    animation-timing-function: ease-out;
  10638.    animation-fill-mode: forwards;
  10639. }
  10640.  
  10641. .slide-up-content {
  10642.    animation-name: slide-up-content;
  10643.    animation-delay: 0.6s;
  10644.    animation-duration: 1s;
  10645.    animation-fill-mode: forwards;
  10646. }
  10647.  
  10648. /* Keyframes for in animation */
  10649. @keyframes sw-fade-in-slide {
  10650.    from {
  10651.        opacity: .4;
  10652.        visibility: visible;
  10653.    }
  10654.  
  10655.    to {
  10656.        opacity: 1;
  10657.        visibility: visible;
  10658.    }
  10659. }
  10660.  
  10661. @keyframes sw-right-to-left-in-slide-left {
  10662.    from {
  10663.        left: 100%;
  10664.    }
  10665.  
  10666.    to {
  10667.        left: 0%;
  10668.    }
  10669. }
  10670.  
  10671. @keyframes sw-right-to-left-in-slide-right {
  10672.    from {
  10673.        left: -100%;
  10674.    }
  10675.  
  10676.    to {
  10677.        left: 0%;
  10678.    }
  10679. }
  10680.  
  10681. @keyframes sw-slide-blur-in {
  10682.    0% {
  10683.        top: 100%;
  10684.        height: 0%;
  10685.        filter: blur(10px);
  10686.    }
  10687.  
  10688.    75% {
  10689.        height: 100%;
  10690.        filter: blur(5px);
  10691.    }
  10692.  
  10693.    100% {
  10694.        top: 0;
  10695.        /* display: block; */
  10696.    }
  10697. }
  10698.  
  10699. /* */
  10700.  
  10701.  
  10702. /* Keyframes for out animation */
  10703. @keyframes sw-fade-out-slide {
  10704.    0% {
  10705.        opacity: 1;
  10706.        visibility: visible;
  10707.    }
  10708.  
  10709.    50% {
  10710.        opacity: 0.5;
  10711.    }
  10712.  
  10713.    100% {
  10714.        opacity: 0;
  10715.        visibility: hidden;
  10716.    }
  10717. }
  10718.  
  10719. @keyframes sw-right-to-left-out-slide-left {
  10720.    from {
  10721.        left: 0%;
  10722.    }
  10723.  
  10724.    to {
  10725.        left: -100%;
  10726.    }
  10727. }
  10728.  
  10729. @keyframes sw-right-to-left-out-slide-right {
  10730.    from {
  10731.        left: 0%;
  10732.    }
  10733.  
  10734.    to {
  10735.        left: 100%;
  10736.    }
  10737. }
  10738.  
  10739. @keyframes sw-slide-blur-out {
  10740.    0% {
  10741.        top: 0;
  10742.        height: 100%;
  10743.        filter: blur(0px);
  10744.        opacity: 0.5;
  10745.    }
  10746.  
  10747.    /* 50% {
  10748.        height: 25%;
  10749.        filter: blur(10px);
  10750.    } */
  10751.    100% {
  10752.        height: 0%;
  10753.        opacity: 0;
  10754.    }
  10755. }
  10756.  
  10757. /* */
  10758.  
  10759. @keyframes slide-up-content {
  10760.    0% {
  10761.        opacity: 0;
  10762.        -ms-transform: translateY(25%);
  10763.        transform: translateY(25%);
  10764.    }
  10765.  
  10766.    20% {
  10767.        opacity: 0.1;
  10768.    }
  10769.  
  10770.    50% {
  10771.        opacity: 0.5;
  10772.    }
  10773.  
  10774.    100% {
  10775.        opacity: 1;
  10776.        -ms-transform: translateY(0%);
  10777.        transform: translateY(0%);
  10778.    }
  10779. }
  10780.  
  10781. /* mobile */
  10782. @media screen and (max-width:767px) {
  10783.  .sw-arrow-container,
  10784.  .sw-image-container
  10785.  {
  10786.    display: none;
  10787.  }
  10788.  
  10789.  .sw-content-container {
  10790.    width: 100%;
  10791.  }
  10792.  
  10793.  .sw-content-box {
  10794.    padding-right: 3rem;
  10795.    width: 100%;
  10796.  }
  10797.  
  10798.  .sw-content-header {
  10799.    margin-right: 1rem;
  10800.  }
  10801.  .sw-content-button-container {
  10802.    display: flex;
  10803.    align-items: center;
  10804.    justify-content: center;
  10805.  }
  10806.  
  10807.  .sw-content-contact-number {
  10808.    display: block;
  10809.    padding-top: 4rem;
  10810.    text-align: center;
  10811.    text-decoration: underline;
  10812.  }
  10813. }
  10814. </style>
  10815.  
  10816. <!-- Google Tag Manager (noscript) -->
  10817. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6TQXN"
  10818. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  10819. <!-- End Google Tag Manager (noscript) --><svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="url-icon" viewBox="0 0 64 64"><path d="M40.038 24c2.203 0 4.08.801 5.633 2.404C47.224 27.956 48 29.834 48 32.038c0 2.203-.776 4.106-2.329 5.709-1.552 1.552-3.43 2.328-5.633 2.328h-6.46v-3.08h6.46c1.352 0 2.504-.475 3.455-1.427 1.002-1.002 1.502-2.178 1.502-3.53 0-1.353-.5-2.504-1.502-3.456-.952-1.001-2.103-1.502-3.455-1.502h-6.46V24h6.46zm-14.423 9.615V30.46h12.77v3.155h-12.77zm-5.183-5.033c-.952.952-1.427 2.103-1.427 3.456 0 1.352.475 2.529 1.427 3.53 1.002.952 2.178 1.427 3.53 1.427h6.46v3.08h-6.46c-2.203 0-4.08-.776-5.633-2.329C16.776 36.145 16 34.241 16 32.038c0-2.204.776-4.082 2.329-5.634C19.88 24.8 21.759 24 23.962 24h6.46v3.08h-6.46c-1.352 0-2.529.5-3.53 1.502z"/></symbol><symbol id="url-mask" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M64 0H0v64h64V0zM45.671 26.404C44.12 24.8 42.241 24 40.038 24h-6.46v3.08h6.46c1.352 0 2.504.5 3.455 1.502 1.002.952 1.502 2.103 1.502 3.456 0 1.352-.5 2.529-1.502 3.53-.952.952-2.103 1.427-3.455 1.427h-6.46v3.08h6.46c2.203 0 4.08-.776 5.633-2.329C47.224 36.145 48 34.241 48 32.038c0-2.204-.776-4.082-2.329-5.634zm-7.286 4.056h-12.77v3.155h12.77V30.46zm-19.38 1.578c0-1.353.475-2.504 1.427-3.456 1.002-1.001 2.178-1.502 3.53-1.502h6.46V24h-6.46c-2.203 0-4.08.801-5.633 2.404C16.776 27.956 16 29.834 16 32.038c0 2.203.776 4.106 2.329 5.709 1.552 1.552 3.43 2.328 5.633 2.328h6.46v-3.08h-6.46c-1.352 0-2.529-.475-3.53-1.427-.952-1.002-1.427-2.178-1.427-3.53z"/></symbol><symbol id="facebook-unauth-icon" viewBox="0 0 64 64"><path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"/></symbol><symbol id="facebook-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"/></symbol><symbol id="twitter-unauth-icon" viewBox="0 0 64 64"><path d="M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z"/></symbol><symbol id="twitter-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M44.7,25.5c0,0.3,0,0.6,0,0.8C44.7,35,38.1,45,26.1,45c-3.7,0-7.2-1.1-10.1-2.9 c0.5,0.1,1,0.1,1.6,0.1c3.1,0,5.9-1,8.2-2.8c-2.9-0.1-5.3-2-6.1-4.6c0.4,0.1,0.8,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-3-0.6-5.3-3.3-5.3-6.4c0,0,0-0.1,0-0.1c0.9,0.5,1.9,0.8,3,0.8c-1.8-1.2-2.9-3.2-2.9-5.5c0-1.2,0.3-2.3,0.9-3.3 c3.2,4,8.1,6.6,13.5,6.9c-0.1-0.5-0.2-1-0.2-1.5c0-3.6,2.9-6.6,6.6-6.6c1.9,0,3.6,0.8,4.8,2.1c1.5-0.3,2.9-0.8,4.2-1.6 c-0.5,1.5-1.5,2.8-2.9,3.6c1.3-0.2,2.6-0.5,3.8-1C47.1,23.4,46,24.5,44.7,25.5z"/></symbol><symbol id="pinterest-unauth-icon" viewBox="0 0 64 64"><path d="M32,16c-8.8,0-16,7.2-16,16c0,6.6,3.9,12.2,9.6,14.7c0-1.1,0-2.5,0.3-3.7 c0.3-1.3,2.1-8.7,2.1-8.7s-0.5-1-0.5-2.5c0-2.4,1.4-4.1,3.1-4.1c1.5,0,2.2,1.1,2.2,2.4c0,1.5-0.9,3.7-1.4,5.7 c-0.4,1.7,0.9,3.1,2.5,3.1c3,0,5.1-3.9,5.1-8.5c0-3.5-2.4-6.1-6.7-6.1c-4.9,0-7.9,3.6-7.9,7.7c0,1.4,0.4,2.4,1.1,3.1 c0.3,0.3,0.3,0.5,0.2,0.9c-0.1,0.3-0.3,1-0.3,1.3c-0.1,0.4-0.4,0.6-0.8,0.4c-2.2-0.9-3.3-3.4-3.3-6.1c0-4.5,3.8-10,11.4-10 c6.1,0,10.1,4.4,10.1,9.2c0,6.3-3.5,11-8.6,11c-1.7,0-3.4-0.9-3.9-2c0,0-0.9,3.7-1.1,4.4c-0.3,1.2-1,2.5-1.6,3.4 c1.4,0.4,3,0.7,4.5,0.7c8.8,0,16-7.2,16-16C48,23.2,40.8,16,32,16z"/></symbol><symbol id="pinterest-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M32,48c-1.6,0-3.1-0.2-4.5-0.7c0.6-1,1.3-2.2,1.6-3.4c0.2-0.7,1.1-4.4,1.1-4.4 c0.6,1.1,2.2,2,3.9,2c5.1,0,8.6-4.7,8.6-11c0-4.7-4-9.2-10.1-9.2c-7.6,0-11.4,5.5-11.4,10c0,2.8,1,5.2,3.3,6.1 c0.4,0.1,0.7,0,0.8-0.4c0.1-0.3,0.2-1,0.3-1.3c0.1-0.4,0.1-0.5-0.2-0.9c-0.6-0.8-1.1-1.7-1.1-3.1c0-4,3-7.7,7.9-7.7 c4.3,0,6.7,2.6,6.7,6.1c0,4.6-2,8.5-5.1,8.5c-1.7,0-2.9-1.4-2.5-3.1c0.5-2,1.4-4.2,1.4-5.7c0-1.3-0.7-2.4-2.2-2.4 c-1.7,0-3.1,1.8-3.1,4.1c0,1.5,0.5,2.5,0.5,2.5s-1.8,7.4-2.1,8.7c-0.3,1.2-0.3,2.6-0.3,3.7C19.9,44.2,16,38.6,16,32 c0-8.8,7.2-16,16-16c8.8,0,16,7.2,16,16C48,40.8,40.8,48,32,48z"/></symbol><symbol id="linkedin-unauth-icon" viewBox="0 0 64 64"><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z"/></symbol><symbol id="linkedin-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M25.8,44h-5.4V26.6h5.4V44z M23.1,24.3c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1 c1.7,0,3.1,1.4,3.1,3.1C26.2,22.9,24.8,24.3,23.1,24.3z M46,44h-5.4v-8.4c0-2,0-4.6-2.8-4.6c-2.8,0-3.2,2.2-3.2,4.5V44h-5.4V26.6 h5.2V29h0.1c0.7-1.4,2.5-2.8,5.1-2.8c5.5,0,6.5,3.6,6.5,8.3V44z"/></symbol></svg>
  10820.  
  10821.  </body>
  10822. </html>
  10823.  

Home · About · News · Docs · Terms

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